html { font-size:62.5%; } /* Évite un bug d'IE 6-7. (1) */
body { margin:0; padding:0; font-family:Verdana, Arial, sans-serif; font-size:1.2em; line-height:1.4em; color:#FFF; background:#000 url(img/terre.jpg) 50% 0 no-repeat fixed; }
h1, h2, h3, h4, h5, h6 { margin:0 0 15px 0; line-height:1.2; font-weight:bold; font-style:normal; clear:both; font-family:sans-serif; color:#84B3DF; }
h1 { font-size:1.5em; border-bottom:1px solid #FFF; color:#FFF; padding:0 0 3px 0; }
h2 { font-size:1.33em; }
h3 { font-size:1.1em; }
h4 { font-size:1em; }
ul, ol { margin:0 0 15px 32px; padding:0; }
li { margin:0; }
ol li { margin:0 0 10px 0; }
p { margin:0 0 10px 0; text-align:justify; }
a { text-decoration:none; color:#808080; font-weight:bold; }
a:hover { color:#000; text-decoration:underline; }
img , a img { border:3px solid #FFF; }
a:hover img { border:3px solid #000; }
em { font-style:italic; }
strong { font-weight:bold; }
form, fieldset { margin:0; padding:0; border:none; }
input, button, select { vertical-align:middle; }
abbr, acronym { border-bottom:1px dotted; cursor:help; }
blockquote { margin:0 0 15px 20px; padding:0 0 0 10px; border-left:solid 2px #ddd; }
q { font-style:italic; }
cite { font-style:italic; }
blockquote { quotes:none; }
q { quotes:"«" "»" "<" ">"; font-style:italic; }
dl { margin:0.75em 0; }
dt { margin:0.75em 0 0 0; font-weight:bold; }
dd { margin:.25em 0 .25em 32px; }
table { margin:0; /*border:1px solid gray;*/ border-collapse:collapse; /* défaut:"separate". */ border-spacing:0; }
table td, table th { padding:4px; /*border:1px solid #ccc;*/ vertical-align:top; /* défaut:"middle" */ }
pre { margin:0 10px 15px; padding:10px; font-family:'Courier New','DejaVu Sans Mono',monospace; font-size:12px; background:#FFF; color:#060; overflow:auto; white-space:pre; border:1px dashed #060; opacity:0.7; }
#site { width:900px; margin:100px auto; overflow:hidden; }
#haut { width:820px; height:40px; margin:0 40px; padding:0; background:url(img/haut.png) no-repeat; }
#milieu { width:900px; overflow:hidden; }
#centre { width:740px; padding:0 40px; float:left; margin-left:40px; min-height:460px; overflow:hidden; background:url(img/centre.png) repeat-y; }
#logo { display:block; height:34px; background:url(img/logo.gif) no-repeat; margin:0 0 10px 0; }
#droite { width:40px; float:left; overflow:hidden; margin:0 0 0 860px; padding:0; list-style:none; position:fixed; }
#droite li { display:block; width:40px; height:70px; margin:0 0 2px 0; background:url(img/droiteli.png) no-repeat; }
#droite li a { display:block; width:40px; height:70px; margin:0; }
#droite li a span { display:none; }
#d1 { background:url(img/d1.gif) no-repeat; }
#d1:hover { background:url(img/d1.gif) 0 -70px no-repeat; }
#d2 { background:url(img/d2.gif) no-repeat; }
#d2:hover { background:url(img/d2.gif) 0 -70px no-repeat; }
#d3 { background:url(img/d3.gif) no-repeat; }
#d3:hover { background:url(img/d3.gif) 0 -70px no-repeat; }
#d4 { background:url(img/d4.gif) no-repeat; }
#d4:hover { background:url(img/d4.gif) 0 -70px no-repeat; }
#gauche { width:40px; float:left; overflow:hidden; margin:0; padding:0; list-style:none; position:fixed; }
#gauche input { margin:0 0 2px 0; padding:0; }
#bas { width:820px; height:40px; clear:both; margin:0 40px; padding:0; background:url(img/bas.png) no-repeat; }
#pied { padding:8px; text-align:center; color:#FFF; }
#pied a { font-weight:normal; color:#FFF; }
#pied a:hover { }
/* Classes personnalisées */
.clear { clear: both; }
/* Fil d'ariane : */
.chemin { margin:0 0 15px 0; font-size:10px; color:#808080; }
.chemin a { padding:0 3px 0 0; color:#808080; }
.chemin a:hover { text-decoration:underline; }
/* FLUX RSS */
.rss { font-weight:bold; text-align:right; float:right; }
.rss a { padding-left:16px; background:url(img/rss.gif) 0 2px no-repeat; color:#F93; }
/* Articles : */
.article { padding:0 0 10px 0; margin:0 0 10px 0; overflow:hidden; background:url(img/article.gif) bottom repeat-x; }
.chapo { font-style:italic; }
.lienarticlecomment { text-align:right; font-size:10px; }
.lienarticlecomment a { text-align:right; font-size:10px; padding:4px 0 3px 18px; background:url(img/editer.gif) no-repeat; color:#FFF; }
.lienarticlecomment a:hover { }
/* Liens */
a.blank { background:url(img/blank.gif) 100% no-repeat; padding-right:10px; }
.lire { text-align:right; }
.lire a { padding-right:11px; background:url(img/lire.gif) 100% 5px no-repeat; color:#FFF; }
.lire a:hover { background:url(img/lireo.gif) 100% 5px no-repeat; text-decoration:none; color:#000; }
/* Sous-rubriques et rubriques soeurs */
.sousrubriques { width:420px; background:url(img/sousrubbas.gif) 0 100% no-repeat; margin:0 auto 10px; padding:0 0 5px 0; color:#FFF; clear:both; }
.sousrubriques h2 { font-size:14px; color:#DDCFAB; padding:5px; background:url(img/sousrubhaut.gif) no-repeat; margin:0; }
.sousrubriques ul { background:#808080; list-style:none; margin:0; padding:0 0 5px 0; }
.sousrubriques li { margin:0; padding:0 5px; }
.sousrubriques a { display:block; padding:4px 10px 4px 35px; color:#FFF; background:url(img/menuboxao.gif) 9px 5px no-repeat; }
.sousrubriques a:hover { color:#808080; background:#DDCFAB url(img/menuboxa.gif) 9px 5px no-repeat; text-decoration:none; }
li.rubactive{ color:#808080; background:#DDCFAB url(img/menuboxa.gif) 9px 5px no-repeat; text-decoration:none; padding:4px 10px 4px 35px; margin:0 5px; }
/* Formulaires */
textarea { border:1px solid #808080; background:#FFF; color:#000; opacity:0.5; }
.inputtxt { border:1px solid #808080; background:#FFF; color:#000; opacity:0.5; }
.bouton { background:#808080; border-color:#756643 #000 #000 #756643; border-style:solid; border-width:1px; color:#FFF; font-weight:bold; }
/* Commentaires */
.commentaires { padding:0 0 10px 0; margin:0 0 15px 0; border-bottom:1px dotted #808080; }
.date { float:right; font-size:10px; }
.pseudo { font-weight:bold; }
blockquote { border:dashed #000 1px; color:#000; font-style:italic; margin:5px 10px 5px 20px; padding:5px 50px 5px 10px; background:#FFF url(img/blockquote.gif) 98% 5px no-repeat; opacity:0.5; }
.nav { font-size:9px; font-family:verdana, sans-serif; text-align:right; color:#5B4631; }
/* Pagination */
#pagination { padding:5px 0 15px; border-bottom:1px dotted #808080; text-align:center; overflow:hidden; margin:0 0 15px; }
#pagination a { padding:3px; background:#808080; border-color:#756643 #000 #000 #756643; border-style:solid; border-width:1px; color:#FFF; font-weight:bold; }
#pagination a:hover { background:#FFF; color:#808080; text-decoration:none; opacity:0.5; }
#pagination span { color:#000; padding:3px; background:#FFF; border:1px solid #808080; font-weight:bold; opacity:0.5; }
/* Outils */
#outils { margin:15px 0; clear:both; }
#outils a { color:#FFF; margin-right:30px; }
#imprimer { padding-left:18px; background:url(img/print.gif) 0 2px no-repeat; }
#haut_page { padding-left:10px; background:url(img/pagetop.gif) 0 5px no-repeat; }
/* Classes génériques */
.ok { background:#6F9 url(img/ok.gif) 10px 10px no-repeat; padding:10px 10px 10px 40px; border:2px solid #090; color:#090; }
.pasok { background:#F99 url(img/pasok.gif) 10px 10px no-repeat; padding:10px 10px 10px 50px; border:2px solid #F00; color:#F00; }
.ajouter { background:url(img/ajouter.gif) no-repeat; padding-left:18px; }
.citer { background:url(img/citer.gif) no-repeat; padding-left:18px; }
.centre { text-align:center; }
.gauche { float:left; margin:0 5px 5px 0; }
.droite { float:right; margin:0 0 5px 5px; }
.petit { font-size:0.85em; font-style:italic; }
.tel { padding:2px 0 2px 12px; font-size:1.4em; background:url(img/tel.gif) 0 2px no-repeat; }
/*.hover { cursor:pointer; }*/
/* BLOGS : */
#encartblog { float:right; width:180px; }
#encartblog .boite { margin:0 0 20px 0; }
#encartblog .boite .mc { padding:0 5px; }
#encartblog h2 { text-align:center; background:url(img/article.gif) bottom repeat-x; padding:0 0 5px 0; margin:0 5px 5px; }
#encartblog ul { margin:0; padding:0; list-style:none; }
#encartblog li { margin:0; padding:0; }
#encartblog li a { display:block; padding:0 5px 0 10px; color:#FFF; }
#encartblog li a:hover { background:#FFF; color:#344759; text-decoration:none; }
#blogs { width:520px; overflow:hidden; float:left; }
#blogs .article h2 { margin:0 0 5px 0; }
#blogs .categorie { font-size:0.85em; font-style:italic; }
/* Boite */
.boite { overflow:hidden; }
.boite .tl { height:10px; background:url(img/tl.png) no-repeat; padding-left:10px; overflow:hidden; }
.boite .tr { height:10px; background:url(img/tr.png) 100% 0 no-repeat; padding-right:10px; overflow:hidden; }
.boite .tc { height:10px; background:#344759; overflow:hidden; }
.boite .mc { background:#344759; padding:0 30px; overflow:hidden; }
.boite .bl { height:10px; background:url(img/bl.png) no-repeat; padding-left:10px; overflow:hidden; }
.boite .br { height:10px; background:url(img/br.png) 100% 0 no-repeat; padding-right:10px; overflow:hidden; }
.boite .bc { height:10px; background:#344759; overflow:hidden; }
.boite h2 { color:#FFF; }
/* FRONTPAGE : */
#accueil { width:740px; margin:0 0 40px 0; }
#accueil #logoaccueil { text-align:center; margin:10px 0 5px 0; }
#accueil #logoaccueil img { border:0; }
#accueil h1 { height:53px; background:url(img/accueilh1.png) no-repeat; border:0; }
#accueil h1 span { display:none; }
#accueil .article { padding:0 30px 15px 0; }
#actu { width:220px; float:left; margin-right:40px; }
#actu .mc { padding:0 20px; min-height:300px; }
#actu .titre { height:45px; background:url(img/actualite.png) no-repeat; margin:0 0 10px 0; }
#actu .titre span { display:none; }
#references { width:220px; float:left; margin-right:40px; }
#references .mc { padding:0 20px; min-height:300px; }
#references .titre { height:45px; background:url(img/references.png) no-repeat; margin:0 0 10px 0; }
#references .titre span { display:none; }
#blog { width:220px; float:left; }
#blog .mc { padding:0 20px; min-height:300px; }
#blog .titre { height:45px; background:url(img/blog.png) no-repeat; margin:0 0 10px 0; }
#blog .titre span { display:none; }
/* LightBox */
#jquery-overlay { position:absolute; top:0; left:0; z-index:90; width:100%; height:500px; }
#jquery-lightbox { position:absolute; top:0; left:0; width:100%; z-index:100; text-align:center; line-height:0; }
#jquery-lightbox a img { border:none; }
#lightbox-container-image-box { position:relative; background-color:#fff; width:250px; height:250px; margin:0 auto; }
#lightbox-container-image { padding:10px; }
#lightbox-loading { position:absolute; top:40%; left:0%; height:25%; width:100%; text-align:center; line-height:0; }
#lightbox-nav { position:absolute; top:0; left:0; height:100%; width:100%; z-index:10; }
#lightbox-container-image-box > #lightbox-nav { left:0; }
#lightbox-nav a { outline:none; }
#lightbox-nav-btnPrev, #lightbox-nav-btnNext { width:49%; height:100%; /*zoom:1;*/ display:block; }
#lightbox-nav-btnPrev { left:0; float:left; }
#lightbox-nav-btnNext { right:0; float:right; }
#lightbox-container-image-data-box { font:10px Verdana, Helvetica, sans-serif; background-color:#fff; margin:0 auto; line-height:1.4em; overflow:auto; width:100%; padding:0 10px 0; }
#lightbox-container-image-data { padding:0 10px; color:#666; }
#lightbox-container-image-data #lightbox-image-details { width:70%; float:left; text-align:left; }
#lightbox-image-details-caption { font-weight:bold; }
#lightbox-image-details-currentNumber { display:block; clear:left; padding-bottom:1.0em; }
#lightbox-secNav-btnClose { width:66px; float:right; padding-bottom:0.7em; }