/* Mise en forme du body */ body { background: #192B3E url(../images/bg.gif) top repeat-x fixed; margin: 0px 0px 0px 0px;} /* ID(#) - Mise en forme de la page en DIV - */ #header { margin-top: 0px; margin-left: auto; margin-right: auto; margin-bottom:0; height:153px; width: 900px; background-image:url(../images/header.png); padding: 0px 0px 0px 0px;} #menu {background: url(../images/bgMenuTop.png) top left no-repeat; margin-top:0; margin-left:auto; margin-right:auto; margin-bottom:0; height: 45px; width: 900px; padding-left: 0px; padding-right: 0px;} #menu a:link {color: #526c80; text-decoration: none;} #menu a:visited {color: #526c80; text-decoration: none;} #menu a:hover, #menu a:focus, #menu a#current {color: #FF5A00; text-decoration: none;} #smenu{margin-top: 0px; margin-left: auto; margin-right: auto; margin-bottom:0; width:900px; height:29px; background:url(../images/bgSMenuTop.png) repeat-x;} #smenu LI.cat, #smenu LI.firstChild {background:url(../images/zoneDivider.gif) 100% 10% no-repeat; display:block; float:left; padding:0 10px 0 10px} #smenu LI.lastChild {display:block; float:left; padding:0px 13px 0px 7px} #smenu .root5297 A{padding: 6px 5px 0px 5px;} #smenu LI.cat A, #smenu LI.lastChild A, #smenu LI.firstChild A {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #FFFFFF; text-decoration: none;display:block;width:100%;height:23px;} #smenu LI.cat A:hover, #smenu LI.firstChild A:hover, #smenu LI.lastChild A:hover, #smenu LI.cat A:focus, #smenu LI.firstChild A:focus, #smenu LI.lastChild A:focus, #smenu LI.cat A.current, #smenu LI.firstChild A.current, #smenu LI.lastChild A.current {background:url(../images/subNavBlue.gif) center top repeat-x;} #smenu UL.argent{margin:0;height:27px;text-align: center; padding: 0 0 0 135px;} #smenu UL.auto{margin:0;height:27px;text-align: center; padding: 0 0 0 230px;} #smenu UL.bien{margin:0;height:27px;text-align: center; padding: 0 0 0 165px;} #smenu UL.enfance{margin:0;height:27px;text-align: center; padding: 0 0 0 295px;} #smenu UL.internet{margin:0;height:27px;text-align: center; padding: 0 0 0 155px;} #smenu UL.loisirs{margin:0;height:27px;text-align: center; padding: 0 0 0 205px;} #smenu UL.maison{margin:0;height:27px;text-align: center; padding: 0 0 0 122px;} #smenu UL.multi{margin:0;height:27px;text-align: center; padding: 0 0 0 265px;} #smenu UL.nature{margin:0;height:27px;text-align: center; padding: 0 0 0 325px;} #smenu UL.annonces{margin:0;height:27px;text-align: center; padding: 0 0 0 275px;} #smenu UL.societe{margin:0;height:27px;text-align: center; padding: 0 0 0 190px;} #smenu UL.voyages{margin:0;height:27px;text-align: center; padding: 0 0 0 230px;} #contenuBg {background:url(../images/bgContenu.png) top left repeat-y; margin-top:0; margin-left:auto; margin-right:auto; margin-bottom:0; height:auto; width: 900px; padding: 0px 0px 0px 0px;} #boiteMenuG{float: left; width: 199px; height: auto; margin: 0px 0px 0px 0px; padding: 20px 0px 10px 44px;} /* #boiteMenuG a:link {color: #264964; text-decoration: none;} */ /* #boiteMenuG a:visited {color: #264964; text-decoration: none;} */ /* #boiteMenuG a:hover {color: #FF5A00; text-decoration: none;} */ #boiteMenuG p {font-size: 11px;} #boiteTexte{float: left; width: 548px; height: auto; padding-left: 37px; padding-right: 72px; padding-bottom: 15px; padding-top: 26px;} #footer {margin:0px auto 0px auto; height: 135px; width: 900px; background: url(../images/bgFooter.png) top left no-repeat; text-align:center;} #footer a:link {color: #FFFFFF; text-decoration: underline;} #footer a:visited {color: #FFFFFF; text-decoration: underline;} #footer a:hover {color: #FFFFFF; text-decoration: none;} .copyright {margin: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #FFFFFF; padding-top: 14px;} .copy2 {color: #FFFFFF; padding-top: 4px;} .spacer {clear: both;} .hauteur {height:58px;} .hauteur1 {height:40px;} .hauteur2 {height:35px;} /* CLASS - Mise en forme des textes */ p {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #556074;} .nb {color: #2c91c0;} .nb1 {color: #FF5A00;} /* MOZILLA */ div.recherche {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #556074; float:right; position:relative; right: 34px; top: 40px;} div.heure {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #FFFFFF; text-align:right; position:relative; top: 75px; left: 585px; width: 280px; border: 0px;} .container1 {width: 460px; position:relative; padding: 10px; text-align:right; left: 384px; top: 25px; border: 1px solid #CCCCCC; background: #FFFFFF; filter : alpha(opacity=66); -moz-opacity : 0.6; opacity : 0.6;} #navi {margin: 0; padding: 0 0 20px 15px; border-bottom: 1px solid #9FB1BC; font-family: verdana, sans-serif; font-size: 11px;} #navi li {margin: 0; padding: 0; display: inline; list-style-type: none;} #navi a:link, #navi a:visited {float: left; font-size: 11px; line-height: 14px; font-weight: bold; padding: 0 12px 6px 12px; text-decoration: none; color: #000000;} #navi a:link.active, #navi a:visited.active, #navi a:hover, #navi a:focus {color: #FF5A00; background: url(../images/rounded.gif) no-repeat bottom center;} .input {background: transparent; font-weight:normal; FONT-SIZE: 8pt; COLOR: #FFFFFF; FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif; border:0px; padding-bottom: 2px;} /* Sous-thèmes */ #menu4 {width: 200px; border-style: solid solid none solid; border-color: #FFFFFF; border-size: 1px; border-width: 1px; margin: 0;} #menu4 ul {list-style: none; margin: 0; padding: 0;} #menu4 li.ssthme a {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 80%; height: 24px; text-decoration: none;} #menu4 li.ssthme a:link, #menu4 li.ssthme a:visited {color: #FFFFFF; display: block; background: url(/images/menu4.gif) 0 -64px; padding: 8px 0 0 35px;} #menu4 li.ssthme a:hover, #menu4 li.ssthme #current {color: #000000; background: url(/images/menu4.gif) 0 -32px; padding: 8px 0 0 35px;} #menu4 li.ssthme a:active { color: #FFFFFF; background: url(/images/menu4.gif); padding: 8px 0 0 35px;} /* Menu gauche */ #navcontainer2 ul {list-style-type: none; text-align: left; padding-bottom: 15px;} .nav{background: transparent url(../images/list-on.gif) left center no-repeat; color: black;} #navcontainer2 ul li a {background: transparent url(../images/list-off.gif) left center no-repeat; padding-left: 15px; text-align: left; font: normal 11px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif; font-weight:bold; text-decoration: none; color: #999;} #navcontainer2 ul li a:hover, #navcontainer2 ul li a:focus{background: transparent url(../images/list-on.gif) left center no-repeat; color: black;} #navcontainer2 ul li a#current {background: transparent url(../images/list-active.gif) left center no-repeat; color: #FF5A00;} #navlist li {margin: -1.7em 0em 1.7em -2.5em; list-style: none; padding: 0.25em; border-bottom: 1px dotted gray;} /* Titre */ .titre {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FF5A00; font-weight: bold; margin: 0px 0px 0px 0px; border-bottom: dashed 1px #698da8; padding-bottom: 5px;} .soustitre {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #7db339; font-weight: bold;} .titreMenu {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; font-weight: bold;} .titreMenuB {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #2c91c0; font-weight: bold; margin: 0px 0px 0px 0px; padding-left: 30px; background: url(../images/menuBg.gif) repeat-y;} /* Autre textes */ .texte {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #556074;} .textePetit {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF;} .elementMenu {background-color: #FFFFFF; background: url(../images/menuE.gif) no-repeat; height: 19px; width: 154px; margin: 0px 0px 0px 0px; padding-top: 6px; padding-left: 45px; padding-bottom: 0px;} .elementMenuVide {background-color: #FFFFFF; background: url(../images/menuEvide.gif) no-repeat; height: 19px; width: 154px; margin: 0px 0px 0px 0px; padding-top: 6px; padding-left: 45px; padding-bottom: 0px;} /* Liens par défault */ a:link {color: #2ca1d7; text-decoration: none;} a:visited {color: #2ca1d7; text-decoration: none;} a:hover {color: #2ca1d7; text-decoration: underline;} /* Liens pour MENU DES ONGLETS - Doir être appliqué sur la cellule ou tableau est non sur le texte*/ .menu a:link {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #FFFFFF; text-decoration: none;} .menu a:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #FFFFFF; text-decoration: none;} .menu a:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #FFFFFF; text-decoration: underline;} .menu{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #FFFFFF; text-decoration: none; text-align:center;} .menuPadding {padding-top: 15px; margin: 0px 0px 0px 0px; vertical-align:top; color: #FF5A00;} .menuPad {padding-top: px; padding-bottom: px; margin: 0px 0px 0px 0px; color: #FFFFFF;font-weight:normal; } .menuSeparateur {background: #FFFFFF url(../images/separateurMenuTop.gif) top left no-repeat; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; width: 3px;} .sMenuPadding {padding-top: 6px; margin: 0px 0px 0px 0px; vertical-align:top; color: #000; font-size: 10px; font-weight: normal;} .sMenuSeparateur {background: #FFFFFF url(../images/separateurMenuTop.gif) top left no-repeat; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; width: 1px;} /* A appliquer a form */ .search {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight:bold; color: #f1f0f0; background-color: #264964; filter : alpha(opacity=41); -moz-opacity : 0.5; opacity : 0.5; width: 280px; text-align:center; padding-left: 5px; padding-right: 5px; padding-top: 5px; padding-bottom: 5px; border: 1px solid #d9dde0;} .inputsearch {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #4e4e4e; border: 1px solid #e2e3e4; background-color: #FFFFFF; padding-top:2px; padding-bottom:2px; padding-left: 5px; padding-right: 5px; font-weight:bold;} .boitesearch {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #4e4e4e; border: 1px solid #e2e3e4; background-color: #FFFFFF; padding-top:2px; padding-bottom:2px; padding-left: 5px; padding-right: 5px; font-weight:bold;} /* Boutons Accueil ARGENT */ .buttonsargent a { float:left; margin:0px 9px 12px 0px; background-image: url(../images/argent.gif); height: 128px; width: 128px; } .buttonsargent a:hover, .buttonsargent a:focus, .buttonsargent a:active { background-image: url(../images/argentover.gif); } /* Boutons Accueil AUTO-MOTO */ .buttonsautomoto a { float:left; margin:0 9px 12px 0px; background-image: url(../images/automoto.gif); height: 128px; width: 128px; } .buttonsautomoto a:visited { font-weight: bold; color: #900; background-image: url(../images/automoto.gif); } .buttonsautomoto a:hover, .buttonsautomoto a:focus { font-weight: bold; color: #E22D00; background-image: url(../images/automotoover.gif); } .buttonsautomoto a:active { font-weight: bold; color: #900; background-image: url(../images/automotoover.gif); } /* Boutons Accueil BIEN-ETRE */ .buttonsbienetre a {float:left; margin:0 9px 12px 0px; background-image: url(../images/bienetre.gif); height: 128px; width: 128px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align: center; line-height:10; text-decoration:none; font-weight:bold; color:#534F99; cursor:pointer;} .buttonsbienetre a:visited {font-weight: bold; color: #900; background-image: url(../images/bienetre.gif);} .buttonsbienetre a:hover, .buttonsbienetre a:focus {font-weight: bold; color: #E22D00; background-image: url(../images/bienetreover.gif);} .buttonsbienetre a:active {font-weight: bold; color: #900; background-image: url(../images/bienetreover.gif);} /* Boutons Accueil ENFANCE */ .buttonsenfance a {float:left; margin:0 9px 12px 0px; background-image: url(../images/enfance.gif); height: 128px; width: 128px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align: center; line-height:10; text-decoration:none; font-weight:bold; color:#534F99; cursor:pointer;} .buttonsenfance a:visited {font-weight: bold; color: #900; background-image: url(../images/enfance.gif);} .buttonsenfance a:hover, .buttonsenfance a:focus {font-weight: bold; color: #E22D00; background-image: url(../images/enfanceover.gif);} .buttonsenfance a:active {font-weight: bold; color: #900; background-image: url(../images/enfanceover.gif);} /* Boutons Accueil INTERNET */ .buttonsinternet a {float:left; margin:0 9px 12px 0px; background-image: url(../images/internet.gif); height: 128px; width: 128px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align: center; line-height:10; text-decoration:none; font-weight:bold; color:#534F99; cursor:pointer;} .buttonsinternet a:visited {font-weight: bold; color: #900; background-image: url(../images/internet.gif);} .buttonsinternet a:hover, .buttonsinternet a:focus {font-weight: bold; color: #E22D00; background-image: url(../images/internetover.gif);} .buttonsinternet a:active {font-weight: bold; color: #900; background-image: url(../images/internetover.gif);} /* Boutons Accueil LOISIR */ .buttonsloisir a {float:left; margin:0 9px 12px 0px; background-image: url(../images/loisir.gif); height: 128px; width: 128px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align: center; line-height:10; text-decoration:none; font-weight:bold; color:#534F99; cursor:pointer;} .buttonsloisir a:visited {font-weight: bold; color: #900; background-image: url(../images/loisir.gif);} .buttonsloisir a:hover, .buttonsloisir a:focus {font-weight: bold; color: #E22D00; background-image: url(../images/loisirover.gif);} .buttonsloisir a:active {font-weight: bold; color: #900; background-image: url(../images/loisirover.gif);} /* Boutons Accueil MAISON */ .buttonsmaison a {float:left; margin:0 9px 12px 0px; background-image: url(../images/maison.gif); height: 128px; width: 128px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align: center; line-height:10; text-decoration:none; font-weight:bold; color:#534F99; cursor:pointer;} .buttonsmaison a:visited {font-weight: bold; color: #900; background-image: url(../images/maison.gif);} .buttonsmaison a:hover, .buttonsmaison a:focus {font-weight: bold; color: #E22D00; background-image: url(../images/maisonover.gif);} .buttonsmaison a:active {font-weight: bold; color: #900; background-image: url(../images/maisonover.gif);} /* Boutons Accueil MULTIMEDIA */ .buttonsmultimedia a {float:left; margin:0 9px 12px 0px; background-image: url(../images/multimedia.gif); height: 128px; width: 128px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align: center; line-height:10; text-decoration:none; font-weight:bold; color:#534F99; cursor:pointer;} .buttonsmultimedia a:visited {font-weight: bold; color: #900; background-image: url(../images/multimedia.gif);} .buttonsmultimedia a:hover, .buttonsmultimedia a:focus {font-weight: bold; color: #E22D00; background-image: url(../images/multimediaover.gif);} .buttonsmultimedia a:active {font-weight: bold; color: #900; background-image: url(../images/multimediaover.gif);} /* Boutons Accueil NATURE */ .buttonsnature a {float:left; margin:0 9px 12px 0px; background-image: url(../images/nature.gif); height: 128px; width: 128px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align: center; line-height:10; text-decoration:none; font-weight:bold; color:#534F99; cursor:pointer;} .buttonsnature a:visited {font-weight: bold; color: #900; background-image: url(../images/nature.gif);} .buttonsnature a:hover, .buttonsnature a:focus {font-weight: bold; color: #E22D00; background-image: url(../images/natureover.gif);} .buttonsnature a:active {font-weight: bold; color: #900; background-image: url(../images/natureover.gif);} /* Boutons Accueil ANNONCE */ .buttonsannonce a {float:left; margin:0 9px 12px 0px; background-image: url(../images/annonce.gif); height: 128px; width: 128px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align: center; line-height:10; text-decoration:none; font-weight:bold; color:#534F99; cursor:pointer;} .buttonsannonce a:visited {font-weight: bold; color: #900; background-image: url(../images/annonce.gif);} .buttonsannonce a:hover, .buttonsannonce a:focus {font-weight: bold; color: #E22D00; background-image: url(../images/annonceover.gif);} .buttonsannonce a:active {font-weight: bold; color: #900; background-image: url(../images/annonceover.gif);} /* Boutons Accueil SOCIETE */ .buttonssociete a {float:left; margin:0 9px 12px 0px; background-image: url(../images/societe.gif); height: 128px; width: 128px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align: center; line-height:10; text-decoration:none; font-weight:bold; color:#534F99; cursor:pointer;} .buttonssociete a:visited {font-weight: bold; color: #900; background-image: url(../images/societe.gif);} .buttonssociete a:hover, .buttonssociete a:focus {font-weight: bold; color: #E22D00; background-image: url(../images/societeover.gif);} .buttonssociete a:active {font-weight: bold; color: #900; background-image: url(../images/societeover.gif);} /* Boutons Accueil VOYAGE */ .buttonsvoyage a {float:left; margin:0 9px 12px 0px; background-image: url(../images/voyage.gif); height: 128px; width: 128px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align: center; line-height:10; text-decoration:none; font-weight:bold; color:#534F99; cursor:pointer;} .buttonsvoyage a:visited {font-weight: bold; color: #900; background-image: url(../images/voyage.gif);} .buttonsvoyage a:hover, .buttonsvoyage a:focus {font-weight: bold; color: #E22D00; background-image: url(../images/voyageover.gif);} .buttonsvoyage a:active {font-weight: bold; color: #900; background-image: url(../images/voyageover.gif);}