/* --- Initialisation des calques -------------- */

#page { margin: 0 auto; width: 1000px; min-width: inherit; }
#wrapper { width: 1000px; float: left; }

*a{position:relative;}

#top { width: 1000px; float: left; }
#logo { float: left; width: 140px; height: 95px; }

#menu { float: left; width: 270px; height: 95px; background-position: left bottom; background-repeat: repeat-x; }
#menu img { float: left;  margin: 20px 10px 0 10px;}
#menu ul.menuList { float: left; width: 119px; margin: 26px 0 0 0; list-style-type: none; }
#menu ul#menu1 li { text-align: right; }
#menu ul.menuList li { }
#menu ul.menuList li a { color: #ccc; font-weight: bold; text-decoration: none; }
#menu ul.menuList li a:hover { color: #51DCFF; }

#easy-access { float: right; width: 400px; height: 35px; color: #333; }
#easy-access p { float: left; text-align: right; }
#easy-access p a { color: #666; text-decoration: none; font-weight: bold; font-size: 11px; }
#easy-access p a:hover { color: #ccc; border-bottom: 1px solid #666; }
#easy-access form { float: right; margin-left: 6px; background: transparent url(img/bg_searchform.png) left top no-repeat; margin-top: 7px; }
#easy-access form legend { display: none; } 
#easy-access form input[type=text] { border: none; background: transparent; margin: 0 0 0 15px; color: #ccc; height: 18px; padding: 4px 0 2px 0; width: 119px; }
#easy-access form input[type=image] { margin-right: 10px;  margin-top: 1px; }

#page #facebook { position: absolute; width: 60px; height: 20px; top: 100px; right: 30px; }

ol.tree { float: right; width: 500px; margin: 30px 3px 0 0;  list-style-type: none; text-align: right; }
ol.tree li { display: inline; margin-right: 4px; color: #666; }
ol.tree li a { color: #666; font-size: 11px; text-decoration: none; }
ol.tree li a:hover { text-decoration: underline; }

/* Contact Form */
input[type="text"], textarea { background-color:#E9E9E9; -moz-border-radius:4px; -webkit-border-radius:4px; border:1px solid; border-color:#b3b3ae #ebebe6 #edede9 #bebeb9; font:13px Helvetica,Arial,sans-serif; padding:8px; margin: 1px 0;}
input[type="text"]:focus, textarea:focus { background-color:#fff; outline:0; }
input.blur, textarea.blur{ color:#999; }

.cache { display: none; }


/* Meteo */
.mini_meteo {padding: 0 6px 0 6px; color: #666; font-size: .9em; float: left; width: 200px; }
table.mini_meteo, table.mini_meteo td, table.mini_meteo tr td { border: 0; }
.mini_meteo caption {display: none;} /* esthetical question but used by blind men or deficients... */
.mini_meteo .titre {border-bottom: 1px solid #ccc; color: #555; font-size: 1em; padding: 4px 0 2px 0;}
.mini_meteo .list {font-size: 1.6em; color: #900; }
.mini_meteo .tilist {font-size: 1.2em; color: #900; }
.mini_meteo .maximise {font-size: 1.4em; }
.mini_meteo .temperature {width: 60px;}
.mini_meteo .etat, table td.etat, .pos {text-align: center; color: #ccc; width: 42px;}

p.infos_colRight { min-height: 115px; }

#atffc { display: none; }
.tabulaire caption { font-size: 1.6em; padding: 6px; border-bottom: 3px solid #ccc; }
.tabulaire th { padding: 6px; text-align: center; vertical-align: middle; background-color: #DFDFDF; }
.tabulaire td { border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; padding: 4px;  text-align: center; vertical-align: middle; }

/* Footer */
#footer { float: left; width: 100%; background: transparent url(img/footer_bg.jpg) left top repeat-x; padding-top: 70px; color: #fff; }
#footer a { color: #ccc; }
#footer a:hover { color: #ccc; }
#footer #colonnes { margin: 0 auto; width: 1000px; }
#footer #colonnes div.colonne { float: left; width: 303px; background-color: transparent; background-position:  left top; background-repeat: no-repeat; height: 222px; padding-left: 30px; }

#footer #col1 address { margin: 0; font-size: 14px; line-height: 16px; }
#footer #col1 address span.organisation { font-size: 16px;  font-weight: bold; margin: 0; color: #fff; }
#footer #col1 address span.tel { display: block; font-size: 16px; margin-top: 10px; }
#footer #col1 p { margin: 0; }
#footer #col1 p#p1 { font-size: 14px; color: #ccc;  margin-top: 25px; }
#footer #col1 p#p2 { font-size: 14px; color: #999; }

#footer h3 { color: #999; font-size: 18px; font-weight: bold; margin: 0 0 5px 0; }
#footer ul { list-style-type: none;  margin: 0; border-bottom: 1px solid #555; width: 271px; }
#footer ul li { border-top: 1px solid #555; width: 265px; padding: 3px; color: #999; }
#footer ul li a { color: #999; text-decoration: none; }
#footer ul li a:hover { color: #ccc; text-decoration: none; }
#footer a { text-decoration: none; }
#footer a:hover { text-decoration: underline; }

#footer ul.extra { border: none; margin-top: 20px; }
#footer ul.extra li { border: none; display: inline; }
#footer ul.extra li a:hover { text-decoration: underline; }
#footer .sitemap { background: transparent url("img/icon_sitemap.png") 0% 40% no-repeat; }
#footer .feeds { background: transparent url("img/icon_rss-atom.png") 4% 40% no-repeat; }
#footer .feeds, #footer .sitemap { font-size: .9em; padding: 4px 0 4px 30px; color: #ccc; }