/* CSS Document : Mise en forme */ * {margin:0px;padding:0px;border:0;} body {text-align:center;font-size:62.5%;font-family:Verdana, Arial, Helvetica, sans-serif; background-color: #fff; } /************** Header****************/ /*************************************/ #header{position:relative; height:169px; } #header #pub{position:absolute;left:399px;bottom:9px; width: 468px;} /*Recherche*/ #header #search{position:absolute;right:187px;bottom:0px;text-align:right;} #header #search img{vertical-align:middle;} #header #search #recherche{padding:2px 0 2px 2px;vertical-align:middle;border:1px solid #000;color:#705F5F;width:127px;font-size:1em;} #header #search input.btok{vertical-align:middle; margin-top:-2px;} /************** Content***************/ /*************************************/ #content{clear:both;position:relative;text-align:left; margin:auto;width:1000px; padding-top:5px;} /*Menu horizontale en haut*/ #content ul.menu{margin-left:30px;background-color:#E8E8E8;padding:12px;font-size:1.2em;width:916px;} #content ul.menu li{display:inline;list-style-type:none;color:#FFFFFF;} #content ul.menu li.selected a{color:#F95F0B;} #content ul.menu li a{color:#000; text-decoration:none;margin:8px;} #content ul.menu li a.first{margin-left:46px;} #content ul.menu li a:hover{color:#F95F0B;} #ss_content{background:url("../IMG/body_bg_bas.gif") no-repeat bottom left;padding-left:30px;margin-bottom:132px;} #ss_content #menuGauche{float:left; background:url('../IMG/menu-coin-bd.gif') no-repeat bottom right #F18E00; width:214px; margin-top:0px; } #ss_content #lowerright{background:url("../IMG/menu-coin-hd.gif") no-repeat; padding-top:150px;} * html #ss_content #lowerright{width:114px; background:url("../IMG/menu-coin-hd.gif") no-repeat 0 0 ; padding-top:150px;} #ss_content #lowerright img{margin-top:9px; border:none;} #ss_content #lowerright ul{margin-top:8px;width:210px;} #ss_content #lowerright li{color:#000;list-style-type:none;padding-bottom:7px; margin-left:20px;} #ss_content #lowerright li a{color:#000;font-weight:bold;text-decoration:none;} #ss_content #lowerright li a:hover{text-decoration:underline;} #ss_content #lowerright #centre{margin-top:-90px;} #ss_content #milieu{float:left;width:506px;margin-left:12px;margin-top:20px; margin-bottom:-110px;} #ss_content #milieu .bande-haut{margin-top:2px;height:14px;background:url('../IMG/bande-haut.gif') no-repeat 0 0; margin-bottom:-7px; } #ss_content #milieu .bande-bas{background:url('../IMG/bande-bas.gif') no-repeat 0 0;} #ss_content #milieu .bande-centre{background:url('../IMG/milieu-bg.gif') repeat-x 0 0 #ECF0E4; height:387px;} #ss_content #milieu .bande-centre .cadre{float:left; width:227px; height:164px;margin:8px; margin-bottom:25px; margin-top:20px; } #ss_content #milieu .bande-centre .cadre h3{color:#D76425; text-decoration:underline; margin-left:122px; font-size:1.1em;padding-bottom:5px;} #ss_content #milieu .bande-centre .cadre a{color:#D76425; } #ss_content #milieu .bande-centre .cadre p{color:#D76425; margin-left:122px;} #ss_content #milieu .bande-centre .cadre p.sst{color:#D76425;padding-top:2px;} #ss_content #milieu .bande-centre .cadre p.auteur{color:#373636;padding-top:2px;} #ss_content #milieu .bande-centre #img1{background:url('../IMG/illu-livre1.gif') no-repeat 0 0;} #ss_content #milieu .bande-centre #img2{background:url('../IMG/illu-livre2.gif') no-repeat 0 0;} #ss_content #milieu .bande-centre #img3{background:url('../IMG/illu-livre3.gif') no-repeat 0 0;} #ss_content #milieu .bande-centre #img4{background:url('../IMG/illu-livre4.gif') no-repeat 0 0;} #ss_content #milieu .bande-centre .visuhome {margin:0;padding-left:30px; float:left;} #ss_content #article {float:left;width:506px; margin-left:12px;margin-top:0px; margin-bottom:-90px; } #ss_content #article h2{background:url("../IMG/t-article.gif") no-repeat 0 0; color:#F18E00; padding:8px 0 9px 38px;font-size:1.6em;} #ss_content #article p {padding:0 22px 10px 22px; font-size:1.2em;} #ss_content #article h3 {padding:5px 22px; margin-bottom:7px;font-size:1.4em; color:#8FA760;} #ss_content #article li {font-size:1.2em;} #ss_content #article li li {font-size:1em;} #ss_content #article ul {padding:5px 22px; margin:0;} #ss_content #article li {list-style:none;padding:0 0 5px 18px;margin:0;background:url('../IMG/puce.gif') no-repeat;} #ss_content #article a {color:#F18E00; } #ss_content #article img {border: 1px solid #DBE6C5; margin-left:20px; float:right; } #ss_content #article a:hover {color:#DF6F02; } #ss_content #article .bande-centre{ min-height:430px;height:auto !important;height:430px;margin: 5px 15px;border-left: 1px solid #DBE6C5;border-right: 1px solid #DBE6C5;} #ss_content #ariane p {font-size:1em; color:#8A927A; margin:30px 20px 0 17px;} #ss_content #ariane a {color:#A8BD7F;} #ss_content #ariane a:hover {color:#8A927A;} #ss_content #droite{float:left;width:195px; margin-left:11px;margin-top:16px } #ss_content #droite p.rss{background:url('../IMG/picto-rss.gif') no-repeat 0 4px;padding-left:25px;} #ss_content #droite p.rss a{ color:#E57230; text-decoration:none; } #ss_content #droite p.rss a:hover{ text-decoration:underline;} #ss_content #droite h3{text-transform:uppercase; font-size:1em;color:#fff;font-weight:normal;background:url('../IMG/filet-orange.gif') no-repeat 0 26px; padding-bottom:8px} #ss_content #droite h3 a{text-decoration:none;text-transform:uppercase; font-size:1em;color:#fff;font-weight:normal;background:url('../IMG/filet-orange.gif') no-repeat 0 26px; padding-bottom:8px} #ss_content #droite h3 a:hover {text-decoration:underline;} #ss_content #droite h3.ligne{background:url('../IMG/filet-orange.gif') no-repeat 0 14px;} #ss_content #droite .upperleft{margin-top:20px;background:url('../IMG/coin-hg-orange.gif') no-repeat top left #F18E00;zoom:1;} #ss_content #droite .upperright{background:url('../IMG/coin-hd-orange.gif') no-repeat top right;} #ss_content #droite .lowerleft{background:url('../IMG/coin-bg-orange.gif') no-repeat bottom left;} #ss_content #droite .lowerright{background:url('../IMG/coin-bd-orange.gif') no-repeat bottom right;padding:6px;} #ss_content #droite .lowerright li{color:#000;list-style-type:none;padding-bottom:8px; margin-left:15px;} #ss_content #droite .lowerright li a{color:#000;font-weight:bold} #ss_content #droite .lowerright li a:hover{text-decoration:none;} #ss_content #droite .pub{background-color:#000; width:180px; height:150px; margin-top:33px;} /************** Footer ***************/ /*************************************/ #content ul.footer{clear:both;position:relative;bottom:-132px;left:0px;font-size:1.1em;background:url("../IMG/footer_bg.gif") no-repeat 0 0;height:92px;padding-top:40px;width:940px;zoom:1;} #content ul.footer li{display:inline;list-style-type:none;color:#FFFFFF;} #content ul.footer li a{color:#4A592C;text-decoration:none;margin:8px;font-weight:bold;} #content ul.footer li a.first{margin-left:115px;} #content ul.footer li a:hover{ text-decoration:underline;} /*Définition classes globales*/ .breaker {clear: both; } .noborder {border: 1px solid #FFF !important;} #site img {border: 1px solid #FFF !important;} .visulivre {float:left!important; margin:10px 10px 5px 0px !important;} #arthome {margin-bottom:8px;} #arthome h2{background:url("../IMG/t-article.gif") no-repeat 0 0; color:#F18E00; padding:8px 0 8px 38px;font-size:1.6em;} #arthome h2{background:url("../IMG/t-article.gif") no-repeat 0 0; color:#F18E00; padding:8px 0 8px 38px;font-size:1.6em;} #arthomelien h2{background:url("../IMG/milieu-lien2.gif") no-repeat 0 0; color:#F18E00; padding:8px 0 28px 50px;font-size:1.4em;} #arthomelien h2 a {color:#F18E00;} #arthomelien h2 a:hover {color:#DD6425;} .acces_col {width:184px;line-height:14px;font-size:1.5em; color:#FFFFFF; padding-left:18px;display:block; height:33px; margin-top:8px;background:url("../IMG/gauche-menu-titre.gif") no-repeat 0 0; } .ssacces_col {width:184px;font-size:1.3em; color:#FFFFFF; margin-top:3px;margin-left:18px; display:block; text-decoration:none; margin-right:5px;} .ssacces_col a {text-decoration:none;} a:hover.ssacces_col {text-decoration:underline;}