/**************************************** 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: url('../images/graphics/fond.gif'); } 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 */ .red {color:red;} .yellow {color:#F7C05E;} .brown {color:#C79F73;} .green {color:#186622;} .blue {color:#003677;} /* passage en vert haute police souligné pour les titres section */ /* .titresection {font:bold 14px/14px Arial; color:#186622; text-transform:uppercase;border-bottom:2px solid #186622;margin-right:20px;margin-bottom:7px} */ .titresection {clear:both;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;width:970px;height:240px;background:url(../images/graphics/bandeau.jpg) no-repeat;} #section1menu a{color:#000;text-decoration:none;} /* PREMIERE DIV LOGOS */ #section1menu #premiereDiv {clear:both;width:970px;height:88px;} #LogoACL {float:left;width:238px;height:88px;} #LesAnnonces {float:left;width:100px;height:22px;padding-left:626px;padding-top:6px;} /* DEUXIEME DIV PUB MEGABAN */ #section1menu #deuxiemeDiv {clear:both;width:970px;height:102px;} #MegaBan {float:right;background:url(../images/graphics/megaban.png) no-repeat;width:738px;height:101px;padding-left:4px;padding-top:11px;margin-top:-10px;} /* TROISIEME DIV TEXTES */ #section1menu #troisiemeDiv {clear:both;width:964px;height:50px;padding-right:6px;} #TxtPresentation {float:left;font:8px/16px Arial;padding-left:235px;} #TxtPresentation h1 {display:inline;font:8px/16px Arial;} #TxtPresentation a {color: #000;text-decoration:none;font:bold 8px/16px Arial;} #Newsletter {float:right;font:bold 11px/11px Arial;} #Newsletter a {color:#000;text-decoration:underline;} #Newsletter a:hover {color:red;text-decoration:underline;} /* ***** */ /* SECTION 2 : DEUX LIGNES A FOND ORANGE POUR CHOIX MENU SUPPLEMENTAIRE */ /* #section2menu {clear:both;background-color:red;} #section2menu #leftorange {float:left;width:10px;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:945px;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:38px;text-transform:uppercase;} #section2menu #TwoLine #line2 {clear:both;width:945px;height:13px;background-color:#F7AF2D;padding-top:3px;padding-left:5px;} #section2menu #TwoLine #line2 .rechercheline2 {float:left;font:11px/11px Arial;padding-right:37px;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:10px;height:37px;background: url('../images/menu/rightorange.gif') no-repeat;} */ /* Menu */ #GlobalMenu {clear:both;width:970px;height:43px;background-color:#FFF;} /*Menu principal accueil*/ div#menuprincipalac {position:absolute; top:248px; width:958px; height:36px; background-color:#F7AF2D; visibility:visible; z-index:1; font-size:11px;font-family:Arial;margin-left:6px;margin-right:6px;} div#menuprincipalac ul {margin-left:-38px;} div#menuprincipalac li.limenu {position:relative; display:block; float:left;margin-top:-8px;} div#menuprincipalac li.limenu a.menu {display:block; padding:9px 15px 11px 15px; font-size:12px; font-weight:bold; color:#fff; background:url(../images/menu2009/sp_bgmenu.gif) no-repeat -17px -17px; } div#menuprincipalac li.limenu.consub a.menu {color:#fff; background:url(../images/menu2009/sp_bgmenu.gif) no-repeat -17px -149px;} div#menuprincipalac li.limenu.consub:hover a.menu {color:#F7AF2D; background:url(../images/menu2009/sp_bgmenu.gif) no-repeat -17px -149px; } div#menuprincipalac li.limenu:hover a.menu, div#menuprincipalac li.limenu.activo a.menu, div#menuprincipalac li.limenu.activo:hover a.menu {color:#F7AF2D; background:url(../images/menu2009/sp_bgmenu.gif) no-repeat -17px -83px} div#menuprincipalac li.limenu.activoconsub a.menu, div#menuprincipalac li.limenu.activoconsub:hover a.menu {color:#F7AF2D; background:url(../images/menu2009/sp_bgmenu.gif) no-repeat -17px -215px} div#menuprincipalac li.limenu ul.subm {position:absolute; display:none; top:33px; left:0; width:122px; border: 1px solid #8c9397; border-top:none; margin:0; background:#fff; color:#4c565d;} div#menuprincipalac li.limenu ul.subm li {display:block; background:url(../images/menu2009/sp_bgmenu.gif) no-repeat -17px -281px; padding-left:0; margin-left:-40px; } div#menuprincipalac li.limenu ul.subm li a {display:block; float:none; width:148px; color:#4c565d; font-weight:normal; padding:3px 0px 3px 15px; margin:0} div#menuprincipalac li.limenu ul.subm li#oca {background:url(../images/menu2009/sp_bgmenu.gif) no-repeat -17px -315px} div#menuprincipalac li.limenu ul#menu01 li {background:url(../images/menu2009/sp_bgmenu.gif) no-repeat -17px -353px;} div#menuprincipalac li.limenu ul#menu01 li a {width:152px; padding:3px 0 3px 10px; color:#4c565d;} div#menuprincipalac li.limenu ul#menu01 li a.subtype {width:133px; padding:3px 0px 3px 30px; color:#4c565d;} div#menuprincipalac li.limenu ul#menu02 li {background:url(../images/menu2009/sp_bgmenu.gif) no-repeat -17px -353px;} div#menuprincipalac li.limenu ul#menu02 li a {width:152px; padding:3px 0 3px 10px; color:#4c565d;} div#menuprincipalac li.limenu ul#menu02 li a.subtype {width:133px; padding:3px 0px 3px 30px; color:#4c565d;} div#menuprincipalac li.limenu ul#menu03 li {background:url(../images/menu2009/sp_bgmenu.gif) no-repeat -17px -353px;} div#menuprincipalac li.limenu ul#menu03 li a {width:152px; padding:3px 0 3px 10px; color:#4c565d;} div#menuprincipalac li.limenu ul#menu04 li {background:url(../images/menu2009/sp_bgmenu.gif) no-repeat -17px -353px;} div#menuprincipalac li.limenu ul#menu04 li a {width:152px; padding:3px 0 3px 10px; color:#4c565d;} div#menuprincipalac li.limenu ul#menu05 li {background:url(../images/menu2009/sp_bgmenu.gif) no-repeat -17px -353px;} div#menuprincipalac li.limenu ul#menu05 li a {width:152px; padding:3px 0 3px 10px; color:#4c565d;} div#menuprincipalac li.limenu ul#menu06 li {background:url(../images/menu2009/sp_bgmenu.gif) no-repeat -17px -353px;} div#menuprincipalac li.limenu ul#menu06 li a {width:152px; padding:3px 0 3px 10px; color:#4c565d;} div#menuprincipalac li.limenu ul#menu07 li {background:url(../images/menu2009/sp_bgmenu.gif) no-repeat -17px -353px;} div#menuprincipalac li.limenu ul#menu07 li a {width:152px; padding:3px 0 3px 10px; color:#4c565d;} div#menuprincipalac li.limenu ul.subm li.consub ul {position: absolute; display:none; top:0; left:162px; width:180px; border:1px solid #8c9397; border-top:none; margin:0; padding:0; background:#ffffff; color:#4c565d} div#menuprincipalac li.limenu ul.subm li.consub ul li {display:block; background:url(../images/menu2009/sp_bgmenu.gif) no-repeat -17px -387px; margin:0; padding:0} div#menuprincipalac li.limenu ul.subm li.consub ul li a {width:170px; padding:3px 0px 3px 10px; color:#4c565d; font-size:11px; } div#menuprincipalac li.limenu ul.subm li.consub ul li a span {padding-left:10px;} /* hover */ div#menuprincipalac li.limenu ul.subm li a:hover, div#menuprincipalac li.limenu ul.subm li.consub ul li a:hover, div#menuprincipalac li.limenu ul#menu03 li a:hover, div#menuprincipalac li.limenu ul#menu04 li a:hover, div#menuprincipalac li.limenu ul#menu02 li a:hover , div#menuprincipalac li.limenu ul#menu05 li a:hover, div#menuprincipalac li.limenu ul#menu06 li a:hover, div#menuprincipalac li.limenu ul#menu07 li a:hover, div#menuprincipalac li.limenu ul#menu01 li a:hover{color:#fff; background:#949a9e} /* ******/ /*Menu principal*/ div#menuprincipal {position:absolute; top:238px; width:958px; height:36px; background-color:#F7AF2D; visibility:visible; z-index:1; font-size:11px;font-family:Arial;margin-left:6px;margin-right:6px;} div#menuprincipal ul {margin-left:-38px;} div#menuprincipal li.limenu {position:relative; display:block; float:left;margin-top:-8px;} div#menuprincipal li.limenu a.menu {display:block; padding:9px 15px 11px 15px; font-size:12px; font-weight:bold; color:#fff; background:url(../images/menu2009/sp_bgmenu.gif) no-repeat -17px -17px; } div#menuprincipal li.limenu.consub a.menu {color:#fff; background:url(../images/menu2009/sp_bgmenu.gif) no-repeat -17px -149px;} div#menuprincipal li.limenu.consub:hover a.menu {color:#F7AF2D; background:url(../images/menu2009/sp_bgmenu.gif) no-repeat -17px -149px; } div#menuprincipal li.limenu:hover a.menu, div#menuprincipal li.limenu.activo a.menu, div#menuprincipal li.limenu.activo:hover a.menu {color:#F7AF2D; background:url(../images/menu2009/sp_bgmenu.gif) no-repeat -17px -83px} div#menuprincipal li.limenu.activoconsub a.menu, div#menuprincipal li.limenu.activoconsub:hover a.menu {color:#F7AF2D; background:url(../images/menu2009/sp_bgmenu.gif) no-repeat -17px -215px} div#menuprincipal li.limenu ul.subm {position:absolute; display:none; top:33px; left:0; width:122px; border: 1px solid #8c9397; border-top:none; margin:0; background:#fff; color:#4c565d;} div#menuprincipal li.limenu ul.subm li {display:block; background:url(../images/menu2009/sp_bgmenu.gif) no-repeat -17px -281px; padding-left:0; margin-left:-40px; } div#menuprincipal li.limenu ul.subm li a {display:block; float:none; width:148px; color:#4c565d; font-weight:normal; padding:3px 0px 3px 15px; margin:0} div#menuprincipal li.limenu ul.subm li#oca {background:url(../images/menu2009/sp_bgmenu.gif) no-repeat -17px -315px} div#menuprincipal li.limenu ul#menu01 li {background:url(../images/menu2009/sp_bgmenu.gif) no-repeat -17px -353px;} div#menuprincipal li.limenu ul#menu01 li a {width:152px; padding:3px 0 3px 10px; color:#4c565d;} div#menuprincipal li.limenu ul#menu01 li a.subtype {width:133px; padding:3px 0px 3px 30px; color:#4c565d;} div#menuprincipal li.limenu ul#menu02 li {background:url(../images/menu2009/sp_bgmenu.gif) no-repeat -17px -353px;} div#menuprincipal li.limenu ul#menu02 li a {width:152px; padding:3px 0 3px 10px; color:#4c565d;} div#menuprincipal li.limenu ul#menu02 li a.subtype {width:133px; padding:3px 0px 3px 30px; color:#4c565d;} div#menuprincipal li.limenu ul#menu03 li {background:url(../images/menu2009/sp_bgmenu.gif) no-repeat -17px -353px;} div#menuprincipal li.limenu ul#menu03 li a {width:152px; padding:3px 0 3px 10px; color:#4c565d;} div#menuprincipal li.limenu ul#menu04 li {background:url(../images/menu2009/sp_bgmenu.gif) no-repeat -17px -353px;} div#menuprincipal li.limenu ul#menu04 li a {width:152px; padding:3px 0 3px 10px; color:#4c565d;} div#menuprincipal li.limenu ul#menu05 li {background:url(../images/menu2009/sp_bgmenu.gif) no-repeat -17px -353px;} div#menuprincipal li.limenu ul#menu05 li a {width:152px; padding:3px 0 3px 10px; color:#4c565d;} div#menuprincipal li.limenu ul#menu06 li {background:url(../images/menu2009/sp_bgmenu.gif) no-repeat -17px -353px;} div#menuprincipal li.limenu ul#menu06 li a {width:152px; padding:3px 0 3px 10px; color:#4c565d;} div#menuprincipal li.limenu ul#menu07 li {background:url(../images/menu2009/sp_bgmenu.gif) no-repeat -17px -353px;} div#menuprincipal li.limenu ul#menu07 li a {width:152px; padding:3px 0 3px 10px; color:#4c565d;} div#menuprincipal li.limenu ul.subm li.consub ul {position: absolute; display:none; top:0; left:162px; width:180px; border:1px solid #8c9397; border-top:none; margin:0; padding:0; background:#ffffff; color:#4c565d} div#menuprincipal li.limenu ul.subm li.consub ul li {display:block; background:url(../images/menu2009/sp_bgmenu.gif) no-repeat -17px -387px; margin:0; padding:0} div#menuprincipal li.limenu ul.subm li.consub ul li a {width:170px; padding:3px 0px 3px 10px; color:#4c565d; font-size:11px; } div#menuprincipal li.limenu ul.subm li.consub ul li a span {padding-left:10px;} /* hover */ div#menuprincipal li.limenu ul.subm li a:hover, div#menuprincipal li.limenu ul.subm li.consub ul li a:hover, div#menuprincipal li.limenu ul#menu03 li a:hover, div#menuprincipal li.limenu ul#menu04 li a:hover, div#menuprincipal li.limenu ul#menu02 li a:hover , div#menuprincipal li.limenu ul#menu05 li a:hover, div#menuprincipal li.limenu ul#menu06 li a:hover, div#menuprincipal li.limenu ul#menu07 li a:hover, div#menuprincipal li.limenu ul#menu01 li a:hover{color:#fff; background:#949a9e} /* ******/ /* 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;} .txtdivservices {float:left;font:11px/11px Arial;width:212px;padding-left:5px;} .txtdivservices a{color:#000;text-decoration:none;} .txtdivservices a:hover{color:#186622;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;} /* nos essais */ #nosessais {clear:both;} #nosessais #lignenosessais {clear:both;font:11px/11px Arial;padding-bottom:5px;} #nosessais #lignenosessais #imgnosessais {float:left;width:102px;} #nosessais #lignenosessais #imgnosessais img {border:1px solid #000;} #nosessais #lignenosessais #txtnosessais {float:left;width:150px;padding-left:5px;} #nosessais a {font:bold 11px/12px Arial; color:#186622;text-decoration:none;} #nosessais a:hover {color:#186622;text-decoration:underline;} #nosessais a.texte {font:11px/12px Arial;color:#000000;text-decoration:none;} #nosessais a.texte:hover {font:11px/12px Arial;color:#000000;text-decoration:none;} /* 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:5px;} .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; } /* Cadre Orange Depot Annonce */ #CadreOrangeDepot {float:left;width:258px;padding-bottom:6px;} #TopCadreOrangeDepot {float:left;width:258px;height:2px;background: url('../images/graphics/TopCadreOrange.gif') no-repeat;font:1px/1px Arial;} #LigneOrangeDepot {float:left;width:258px;height:19px;background-color:#F7AF2D;color:#FFF;font:bold 14px/14px Arial;text-transform:uppercase;text-align:center;padding-top:3px;} #MiddleCadreOrangeDepot {float:left;width:258px;height:3px;background: url('../images/graphics/MiddleCadreOrange.gif') no-repeat;font:1px/1px Arial;} #CadresBlancsDepot {float:left;width:258px;height:108px;background: url('../images/graphics/bgCadreOrange.gif');font:11px/12px Arial;} #CadreGaucheDepot {float:left;width:93px;padding-left:13px;text-align:justify;padding-top:4px;} #CadreGaucheRech {float:left;width:93px;padding-left:13px;text-align:justify;height:84px;padding-top:24px;background: url('../images/graphics/bgdepotrech.gif') no-repeat;} #CadreDroiteDepot {float:left;width:135px;padding-right:17px;text-align:justify;padding-top:4px;} #BottomCadreOrangeDepot {float:left;width:258px;height:8px;background: url('../images/graphics/BottomCadreOrange.gif') no-repeat;font:1px/1px Arial;}