/* ------------------------------------------ GENERIQUE ------------------------------------------ */ body { font-family:Arial, Helvetica, sans-serif; font-size:12px; background-image:url(_img/fond.jpg); background-attachment:fixed; color:#000; } /* ------------------------------------------ DIV ET MENUS ------------------------------------------ */ /* STRUCTURE DU SITE */ #global { width: 952px; margin-left: auto; margin-right: auto; } #entete { margin-top:5px;} #haut_logo { height:131px; width:952px;} #haut_menu { z-index:2; height:44px; width:952px; text-align:center; background:url(_img/fond_menu_haut.jpg); color:#FFFFFF; text-decoration:none;} #content { width: 100%; overflow: hidden; background:url(_img/fond_navigation.jpg) repeat-y;} #content_vide { width: 100%; overflow: hidden; background:url(_img/fond_content_vide.jpg) repeat-y;} #content_colonne { width: 100%; overflow: hidden; background:url(_img/fond_navigation_colonne.jpg) repeat-y;} #content_programme { width: 100%; overflow: hidden; background:url(_img/fond_navigation_programme.jpg) repeat-y;} #content_gauche { float: left; width: 192px; margin-left:8px; padding-top:20px;} #content_gauche_programme { float: left; width: 252px; margin-left:8px; padding-top:20px;} #content_centre { float: left; width: 532px; padding-left:5px; padding-right:5px; margin-top:20px;} #content_centre_large { float: left; width: 732px; padding:10px; margin-top:20px;} #content_centre_programme { float: left; width: 672px; padding:10px; margin-top:20px;} #content_droite { margin-left: 752px; margin-right: 8px; margin-top:20px;} #bas { font-size:11px; text-align:left; padding:5px; color:#838383; padding-top:15px; background-color:#FFFFFF; } div#alerte { float:left; height:40px; margin-left:500px; width:250px; margin-top:15px; margin-bottom:15px;} /* MENU DU HAUT */ div#menu a {z-index:2; font-size:14px; color:#FFFFFF;} div#menu ul {z-index:2; padding:0; margin:0px; text-align:center;} div#menu li.contact a {z-index:2; text-decoration:none; display:block; background:transparent; padding: 12px 20px 0 19px; height:29px; } div#menu li.contact:hover {z-index:2; background:#D26A02;} div#menu li.menu {z-index:2; background:transparent; padding: 12px 19px 0 19px; } div#menu li.menu:hover {z-index:2; background:#D26A02;} div#menu li.sousmenu:hover {z-index:2; background:#D26A02;} div#menu li.sousmenu {z-index:2; background-color:transparent;padding: 12px 15px 0px 15px; } /* Sous menu niveau 2 */ div#menu li.link2 { z-index:2; background-color:#D26A02; filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90; height:15px; border-top:1px #FFFFFF solid; text-align:left; padding:5px; margin-left:-10px; width:200px;} div#menu li.link2:hover {z-index:2; background:#FF6600; filter:alpha(opacity=99);-moz-opacity:.99;opacity:.99;} /* une petite bordure en top*/ div#menu ul li {z-index:2; position:relative; list-style: none; float:left; border-left:1px #FFFFFF solid;} /* le sous menu */ div#menu ul ul {z-index:2; position: absolute; display:none; width:142px;} div#menu li.sousmenu a {z-index:2; text-decoration:none; display:block; height:29px;} div#menu ul.niveau1 li.sousmenu:hover ul.niveau2 {z-index:2; display:block; margin-left:-5px;} /* MENU RECHERCHE (CENTRE) */ div#chercher_on_geo { float:left; height:23px; padding-top:6px; font-weight:bold; width:164px; letter-spacing:-1px; color:#324361; text-align:center; margin-left:4px;} div#chercher_off_spe { margin-left:160px; height:17px; padding-top:12px; font-weight:bold; width:158px; letter-spacing:-1px; color:#324361; text-align:center;} div#chercher_on_spe { margin-left:154px; height:23px; padding-top:6px; font-weight:bold; width:158px; letter-spacing:-1px; color:#324361; text-align:center;} div#chercher_off_geo { float:left; height:17px; padding-top:12px; font-weight:bold; width:164px; letter-spacing:-1px; color:#324361; text-align:center; margin-left:4px;} div#recherche_index { float:left; margin-left:5px; margin-top:20px; font-weight:bold; width:200px;} div#recherche_index_2 { margin-left:210px; margin-top:15px; font-weight:bold; width:330px;} a.trouverzoom:hover, a.trouverzoom:link, a.trouverzoom:visited { text-decoration:none;} /* PAGE CONTACT */ div#contact { float:left; height:23px; padding-top:6px; font-weight:bold; width:154px; color:#324361; text-align:center; margin-left:4px;} div#newletter { float:left; height:23px; font-weight:bold; width:154px; color:#324361; text-align:center; margin-left:4px;} div#contact_gauche { float:left; margin-left:5px; margin-top:5px; font-weight:bold; width:220px; color:#324361;} div#contact_droite { margin-left:225px; margin-top:5px; font-weight:bold; width:220px; color:#324361;} /* ------------------------------------------ TITRES ------------------------------------------ */ h1 {font-family:Arial, Helvetica, sans-serif; margin:0px;} h2 {font-family:Arial, Helvetica, sans-serif;} h3 {font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#FC6700; padding:10px; margin-left:10px;} h4 {font-family:Arial, Helvetica, sans-serif; margin:0px; padding:5px; font-size:16px; color:#FC6700; text-align:left;} h5 {font-family:Arial, Helvetica, sans-serif; margin-top:5px; margin-left:5px; margin-right:5px; margin-bottom:10px; font-size:16px; color:#666666; font-weight:bold;} .gros-titre-orange { font-weight:100; font-size:28px; color:#FC6700; letter-spacing:-1px; text-align:right;} .gros-titre-bleu { font-weight:100; font-size:28px; color:#324361; letter-spacing:inherit;} .titre-orange { font-weight:bold; font-size:22px; color:#FC6700;} .petit-titre-orange { font-weight:bold; font-size:16px; color:#FC6700;} .mini-titre-orange { font-weight:bold; font-size:16px; color:#666666; width:228px; padding:2px;} .titre-bleu-contact { font-weight:bold; font-size:20px; color:#324361; line-height:25px;} .titre-bleu { font-weight:100; font-size:22px; color:#324361;} .petit-titre-bleu { font-weight:bold; font-size:16px; color:#324361;} .mini-description { font-size:12px; color:#000000; line-height:normal; width:228px; padding:2px;} /* ------------------------------------------ TEXTES ET LIENS ------------------------------------------ */ /* Haut de page */ .haut_logo, a.haut_logo:link, a.haut_logo:visited, a.haut_logo:hover { font-size:36px; color:#FFFFFF; letter-spacing:-2px; text-decoration:none; } .haut_stitre, a.haut_stitre:link, a.haut_stitre:visited, a.haut_stitre:hover { font-size:15px; color:#FFFFFF; text-decoration:none; letter-spacing:1px; } .mini-titre, a.mini-titre:link, a.mini-titre:visited, a.mini-titre:hover { font-size:16px; font-weight:bold; color:#FFFFFF; text-decoration:none; letter-spacing:-1px; } a.haut_menu, a.haut_menu:link, a.haut_menu:visited { font-size:16px; color:#FFFFFF; text-decoration:none; } a.haut_menu:hover { font-size:16px; color:#FFFF66; text-decoration:none; } /* Menu de gauche */ .nav_niveau1, a.nav_niveau1:link, a.nav_niveau1:visited { float:left; background:url(_img/ico_nav.png) no-repeat; margin-left:14px; padding:4px 5px 5px 15px; font-size:13px; color:#324361; line-height:18px; clear:both; } .nav_niveau1_vide, a.nav_niveau1_vide:link, a.nav_niveau1_vide:visited { float:left; background:url(_img/ico_nav_vide.png) no-repeat; margin-left:14px; padding:4px 5px 5px 15px; font-size:13px; color:#324361; line-height:18px; clear:both; } a.nav_niveau1:hover { color:#FC6700; } a.nav_niveau1_vide:hover { color:#FC6700; } .nav_niveau2, a.nav_niveau2:link, a.nav_niveau2:visited { float:left; background:url(_img/ico_tiret.png) no-repeat; margin-left:14px; padding:4px 2px 2px 15px; font-size:12px; color:#5886AB; line-height:20px; clear:both; text-decoration:none; } a.nav_niveau2:hover { color:#324361; } /* Menu de droite */ .cadrenoir {width:175px;border-left:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;border-top:1px solid #000000; background-color:#FFFFFF;} /* Milieu de page */ p { font-size:13px; color:#666666; text-align:justify;} p.detail { font-size:13px; color:#666666; text-align:justify; line-height:18px;} p.petit a.petit:link, a.petit:hover, a.petit:visited { font-size:9px; color:#666666; text-align:center; padding:0; padding-top:5px; margin:0; text-decoration:none;} p.discret, .discret { font-size:13px; color:#666666; font-weight:600; padding:0; line-height:15px; text-align:left;} a, a:link, a:visited { color:#666; text-decoration:underline; } a:hover { color:#FF6600; } a.chercher_on:link, a.chercher_on:visited { text-decoration:none; font-size:13px; color:#324361;} a.chercher_on:hover { text-decoration:none; color:#FF6600;} a.chercher_off:link, a.chercher_off:visited { text-decoration:none; font-size:11px; color:#999999;} a.chercher_off:hover { text-decoration:none; color:#FF6600;} a.lien, a.lien:link, a.lien:visited { text-decoration:underline; font-size:13px; color:#666666;} a.lien:hover { text-decoration:none; color:#FF6600;} .normal, .newletter_sujet {font-size:12px;color:#666666;} .accroche { font-size:11px; color:#324361; } .puce_13 {font-size:13px;color:#666666;list-style-position: outside;list-style-type: square;text-align: justify;} .puce_13_orange {font-size:13px;color:#FC6700;list-style-position: outside;list-style-type: square;text-align: justify;} .normal_13 {font-size:13px;color:#666666;text-align: justify;} .normal_orange {font-size:13px;color:#FC6700;text-align: justify;} .center_13 {font-size:13px;color:#666666;text-align: center;} .invisble, a.invisble:link, a.invisble:visited, a.invisble:hover { font-size:18px; color:#324361; text-decoration:none; } .erreur { font-size:14px; font-weight:bold; color:#FC6700;} .petit { font-size:10px; font-weight:500; line-height:15px; letter-spacing:1px; margin-top:5px;} .none, a.none:hover, a.none:link, a.none:visited { text-decoration:none;} .mini { font-size:12px; color:#999999; text-decoration:none; } .petit-lot {font-size:11px; color:#333333; } .rikiki { font-size:9px; color:#999999; text-decoration:none; } .legende { font-size:9px; font-weight:bold; color:#000000; padding:5px; } .mini-cadre { color:#333333; margin-left:20px; margin-right:20px; padding:2px; border-color:#EEEEEE; border-style:solid; border:1px; } a.mini:link, a.mini:visited { font-size:12px; color:#999999; text-decoration:underline; } a.mini:hover { font-size:12px; color:#333333; text-decoration:none; } a.detail:link, a.detail:visited { font-size:12px; color:#333333; font-weight:bold; text-decoration:none; } a.detail:hover { font-size:12px; color:#FF3300; text-decoration:none; } a.ours:link, a.ours:visited { font-size:11px; color:#999999; text-decoration:underline; } a.ours:hover { font-size:11px; color:#333333; text-decoration:none; } .rouge { color:#FF0000;} .tableau, a.tableau:link, a.tableau:visited { font-size:11px; color:#000000; text-decoration:none; display:block; } a.tableau:hover { background-color:#FFCC66; display:block; } /* Rajout Sophie */ .center_orange {font-size:15px;color:#FC6700;text-align:center;} .petit_italic {font-size:11px;text-align:justify;font-style: italic;} .petit_titre_gris {font-size:14px;color:#666666;} /* Bas de page */ /* ------------------------------------------ FORMULAIRES ------------------------------------------ */ input.form { font-size:12px; font-weight:bold; height:17px; padding:1px; color:#333333; background-color:#FFFFFF; border:1px groove #999999;} select.form { font-size:12px; font-weight:bold; height:19px; color:#333333; background-color:#FFFFFF; border:1px groove #999999;} select.recherche { font-size:12px; font-weight:bold; height:19px; color:#333333; background-color:#FFFFFF; border:1px groove #999999; margin-bottom:6px;} textarea.form { font-size:12px; font-weight:bold; height:19px; color:#333333; background-color:#FFFFFF; border:1px groove #999999; overflow:auto;} input.send { font-size:12px; color:#FFFFFF; background-color:#FC6700; padding:5px;} .form_contact { text-decoration:none; font-size:13px; color:#324361;} .form_mini { text-decoration:none; font-size:12px; color:#324361; width:80px; padding-left:5px;} input.form_mini { text-decoration:none; font-size:10px; color:#666666; width:130px;} textarea.form_mini { text-decoration:none; font-size:10px; color:#666666; width:130px;} select.form_mini { font-size:10px; color:#666666;} .label { float:left; height:12px; vertical-align:middle; width:80px; margin-top:3px;}