/**************************************** Auteur: Grégory CHATEAU pour: www.annonces-caravaning.com CSS ANNONCES CARAVANING : page: Accueil *****************************************/ html, body { text-align: center; /*centre le document sous IE*/ font: 12px arial,sans-serif; margin: 0; padding: 0; height: 100%; background-color:#FFFFFF; } form {display:inline;} #conteneur { width: 970px !important; margin: 0 auto; /*centre le document sous Firefox*/ padding: 0px; background-color:#FFF; text-align: left; min-height: 10%; } /* CLASSE REVENANT REGULIEREMRENT */ span.red {color:red;} span.green {color:#186622;} /* passage en vert haute police souligné pour les titres section */ .titresection {font:bold 13px/14px Arial;color:#FFFFFF;height:17px;text-transform:uppercase;background-color:#186622;margin-right:20px;margin-bottom:7px;padding-top:3px;padding-left:4px;} /* SECTION 1 -- ONGLET GRIS POUR RENVOI SUR LES SITES DU PORTAIL */ #section1menu {clear:both;} #section1menu a{color:#000;text-decoration:none;} #linkportail {padding-top:10px;font:bold 12px/20px Arial;text-transform:uppercase;} #linkportail #expliquetxt {float:left;width:265px;height:21px;background-color:#FFF;font:11px/11px Arial;line-height:7px;text-align:center;text-transform:none;} #linkportail #expliquetxt .maj {font:11px/11px Arial;text-transform:uppercase;} #linkportail #expliquetxt a {text-decoration:none;color:#000;} #linkportail #expliquetxt h1 {font:11px/11px Arial;display:inline;text-transform:none;} #linkportail #ongletvan {float:left;width:91px;height:21px;background: url('../images/menu/ongletvan.gif') no-repeat;padding-left:17px;color:#FFF;} #linkportail #ongletvan a{color:#FFF;text-decoration:none;} #linkportail #ongletaapc {float:left;width:98px;height:21px;background: url('../images/menu/ongletpascher.gif') no-repeat;padding-left:7px;font:bold 11px/20px Arial;} #linkportail #ongletauto {float:left;width:73px;height:21px;background: url('../images/menu/ongletauto.gif') no-repeat;padding-left:33px;} #linkportail #onglet4x4 {float:left;width:69px;height:21px;background: url('../images/menu/onglet4x4.gif') no-repeat;padding-left:37px;} #linkportail #ongletbateaufr {float:left;width:89px;height:21px;background: url('../images/menu/ongletbateaufr.gif') no-repeat;padding-left:17px;} #linkportail #ongletbateaufr img{padding-top:5px;} #linkportail #ongletbateaues {float:left;width:114px;height:21px;background: url('../images/menu/ongletbateaues.gif') no-repeat;padding-left:17px;} #linkportail #ongletbateaues img{padding-top:5px;} #linkportail #vide {float:left;background-color:#FFF;} /* ******* */ /* PARTIE AVEC LE LOGO + LA PUB BANNIERE GENERAL */ #logoetpub {clear:both;font-size:1px;} #logoetpub #logo {float:left;height:106px;} #logoetpub #diago, #pub, #pub468x60 {float:left;} #logoetpub #pub #blankvert1, #blankvert2, #partpub {clear:both;font-size:1px;} #txtrefmenu h1 {font:9px/9px Arial;color:#FFF;display:inline;text-transform:none;} #txtrefmenu a {color:#FFF;text-decoration:none;} #logoetpub #pub #blankvert1 #blankvert1part1 {float:left;width:35px;height:23px;background: url('../images/menu/blankvertpart1.gif') no-repeat;} #logoetpub #pub #blankvert1 #blankvertmiddle {float:left;width:560px;height:23px;background-color:#186622;} #logoetpub #pub #blankvert1 #blankvert1part2 {float:left;width:46px;height:23px;background: url('../images/menu/blankvertpart2.gif') no-repeat;} #logoetpub #pub #partpub #leftpub {float:left;width:70px;height:60px;background: url('../images/menu/leftpub.gif') no-repeat;} #logoetpub #pub #partpub #rightpub {float:left;width:103px;height:60px;background: url('../images/menu/pubright.gif') no-repeat;} #logoetpub #pub #ombrebaspub {font-size:1px;clear:both;width:641px;height:7px;background:url('../images/menu/ombrebas.gif') no-repeat;} /*#logoetpub #pub #blankvert2 {width:641px;height:16px;background-color:#FF0000;}*/ #logoetpub #pub #blankvert2 #txtrefmenu {float:left;width:572px;height:16px;background-color:#186622;font:9px/12px Arial;color:#FFF;text-align:center;} #logoetpub #pub #blankvert2 #rouevan {font-size:1px;float:left;width:69px;height:16px;background: url('../images/menu/rouevan.gif') no-repeat;} /* ***** */ /* SECTION 2 : DEUX LIGNES A FOND ORANGE POUR CHOIX MENU SUPPLEMENTAIRE */ #section2menu {clear:both;background-color:red;} #section2menu #leftorange {float:left;width:29px;height:37px;background: url('../images/menu/leftorange.gif') no-repeat;} #section2menu #TwoLine {float:left;} #section2menu #TwoLine .min {font:11px/11px Arial;text-transform:capitalize;} #section2menu #TwoLine #line1 {clear:both;width:852px;height:15px;background-color:#F7AF2D;padding-top:5px;padding-left:5px;border-bottom:1px solid #FFF;} #section2menu #TwoLine #line1 a{color:#000;text-decoration:underline;} #section2menu #TwoLine #line1 a:hover{color:#FFF;text-decoration:underline;} #section2menu #TwoLine #line1 .rechercheline1 {float:left;font:11px/11px Arial;padding-right:40px;text-transform:uppercase;} #section2menu #TwoLine #line2 {clear:both;width:777px;height:13px;background-color:#F7AF2D;padding-top:3px;padding-left:80px;} #section2menu #TwoLine #line2 .rechercheline2 {float:left;font:11px/11px Arial;padding-right:31px;text-transform:uppercase;} #section2menu #TwoLine #line2 .green a{color:#186622;text-decoration:none;} #section2menu #TwoLine #line2 .green a:hover{color:#FFF;text-decoration:none;} #section2menu #TwoLine #line2 .red a{color:red;text-decoration:none;} #section2menu #TwoLine #line2 .red a:hover{color:#FFF;text-decoration:none;} #section2menu #rightorange {float:left;width:84px;height:37px;background: url('../images/menu/rightorange.gif') no-repeat;} /* ******/ /* FIL D'ARIANE */ #filariane {clear:both;font:11px/25px Arial; color:#686868; height:30px; padding-left:10px;text-transform:capitalize;} #filariane a{color:#686868; text-decoration:underline;} #filariane a:hover{color:#F00; text-decoration:underline;} #filariane .linkacc {font:11px/25px Arial; color:#686868; height:auto;text-transform:capitalize;} #filariane .linkacc a{color:#686868; text-decoration:underline;} #filariane .linkacc a:hover{color:#F00; text-decoration:underline;} /* CSS D'UN BOUTON */ .buttonGreenRech { width:130px; font-family:arial; font-size:12px; border-width : 2px; border-style:outset; border-color:green; font-weight:bold; text-transform: uppercase; color: #FFF; background: #186622; cursor:pointer; } /* CLASSE DIV A USAGE MULTIPAGE */ .globaldiv {padding-bottom:10px;} .expliqdiv {clear:both;font:11px/11px Arial;height:auto;padding-bottom:5px;} .imgdiv {float:left;} .imgdiv #campingimg {border:1px solid #000;} .txtdiv {float:left;font:11px/11px Arial;width:157px;padding-left:5px;} .txtdiv a{color:#000;text-decoration:underline;} .txtdivcamp {float:left;font:11px/11px Arial;width:157px;padding-left:5px;padding-top:15px;} .linkdiv a{color:#000;text-decoration:underline;font-weight:bold;} .txtdiv ul {padding:0;margin:0;padding-left:15px;list-style-type:square;} .txtdiv li {padding:0;margin:0;} .txtdiv .red {color:red;} .linkdiv {clear:both;text-transform:uppercase;font:11px/11px Arial;text-align:center;padding-top:5px;} /* FOOTER */ #footer {clear:both;background-color:#CECECE;height:70px;text-align:center;font:11px/12px Arial;padding-top:10px;border-top:1px solid #A7A7A7;margin-top:10px;} #footer a {font:11px/12px Arial; color:#000000;text-decoration:none;font-weight:bold;} #footer a:hover {color:#186622;text-decoration:underline;font-weight:bold;} #footer .speclink a{font:11px/12px Arial; color:#186622;text-decoration:underline;font-weight:bold;} #footer .speclink a:hover{font:11px/12px Arial; color:red;text-decoration:underline;font-weight:bold;} /* Pub mag */ #pubma {clear:both;} #pubmag #couv #imgcouv {float:left;width:102px;} #pubmag #couv #imgcouv img {border:1px solid #000;} #pubmag #couv #txtcouv {float:left;width:160px;font:11px/11px Arial;padding-left:5px;} #pubmag #couv #txtcouv p {margin:O;padding:0;} #pubmag #couv #txtcouv #redcouv {color:red;font-weight:bold;} #pubmag #txtmag {clear:both;font:11px/11px Arial;height:35px;padding-top:5px;} /* Depot Annonce */ #depotannonce {font:bold 11px/11px Arial;height:40px;} #depotannonce .upper {text-transform:uppercase;} /* BLOC DES LIENS UTILES */ .zoneliens {float:left;width:233px;margin-bottom:15px;} .zoneliens .liensutiles {float:left;width:233px;background-color:#F0F0F0;padding-top:15px;} .zoneliens .liensutiles ul {list-style-type:disc;padding-left:25px;margin:10px;} .zoneliens .liensutiles li a {color:#000000;text-decoration:none;} .zoneliens .liensutiles li a:hover {color:#000000;text-decoration:underline; }