* { padding:0; margin:0; } body { font-size:62.5%; font-family:arial, helvetica, sans-serif; color:#000; background:#fff; margin:0; padding:17px 0; } /* ------------------------------------------------------------------------- Liens */ a {text-decoration:none;color:#5B70A7;} a:hover, a:focus, a.focus {text-decoration:underline;} a img {border:none;} a.externe { background:url(../images/background/lien_externe.gif) no-repeat right center; padding:0 14px 0 0; } /* ------------------------------------------------------------------------- Liste */ ul {list-style:none;} /* ------------------------------------------------------------------------- Emphase */ strong {font-weight:bold;} em {font-style:italic;} /* ------------------------------------------------------------------------- Autres */ abbr, acronym {border-bottom:1px dotted;} address {font-style:normal} kbd { font-size:1.2em; background:#e5e5e5; padding:0 2px; border:solid 1px #ccc; border-right:solid 1px #999; border-bottom:solid 1px #999 } * html kbd {font-size:1em} *+html kbd {font-size:1em} /* ------------------------------------------------------------------------- Formulaire */ input:focus, input.focus, textarea:focus, textarea.focus, select:focus {background:#dbedf4} input.bouton, div.contenu div.conteneur input.bouton, div.contenu div.content-action input { font-family:tahoma; font-size:1em; color:#024f7d; background:#ffd432; border:1px solid #ffd432; padding:1px; cursor:pointer; } input.bouton:hover, input.bouton:focus, #boutons input.focus, div.contenu div.conteneur input.bouton:hover, div.contenu div.conteneur input.bouton:focus, div.contenu div.content-action input:hover, div.contenu div.content-action input:focus, div.contenu div.content-action input.focus { color:#ffd432; background:#024f7d; } /* ------------------------------------------------------------------------- Divers */ .masquer { position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden; } /* --------------------------------------------------------------------------------------------- Global */ #global { width:989px; margin:0 auto; overflow:hidden; } #haut { height:168px; } #logo { width:170px; height:168px; float:left; overflow:hidden; } #tetiere { width:819px; height:106px; text-align:right; margin:0 0 8px 0; float:left; overflow:hidden; } #topmenu { width:786px; height:40px; margin:0 0 0 33px; float:left; border-top:1px dotted #000; border-bottom:1px dotted #000; } #menu { width:786px; height:40px; list-style:none; font-size:1.2em; line-height:1em; } #menu li { float:left; display:inline; position:relative; } #menu li a { display:block; float:left; height:40px; text-decoration:none; } #menu li a span { display:none; } #menu li a.sous_niveaux_2_noeud_10694 { background:url(../images/background/menu1.gif) no-repeat; width:150px; } #menu li a.sous_niveaux_2_noeud_10694:hover { background:url(../images/background/menu1.gif) 0 -40px no-repeat; } .subtree_level_2_node_id_10694 #menu li a.sous_niveaux_2_noeud_10694 { background:url(../images/background/menu1.gif) 0 -40px no-repeat; } #menu li a.sous_niveaux_2_noeud_10695 { background:url(../images/background/menu2.gif) no-repeat; width:183px; } #menu li a.sous_niveaux_2_noeud_10695:hover { background:url(../images/background/menu2.gif) 0 -40px no-repeat; } .subtree_level_2_node_id_10695 #menu li a.sous_niveaux_2_noeud_10695 { background:url(../images/background/menu2.gif) 0 -40px no-repeat; } #menu li a.sous_niveaux_2_noeud_10696 { background:url(../images/background/menu3.gif) no-repeat; width:151px; } #menu li a.sous_niveaux_2_noeud_10696:hover { background:url(../images/background/menu3.gif) 0 -40px no-repeat; } .subtree_level_2_node_id_10696 #menu li a.sous_niveaux_2_noeud_10696 { background:url(../images/background/menu3.gif) 0 -40px no-repeat; } #menu li a.sous_niveaux_2_noeud_10697 { background:url(../images/background/menu4.gif) no-repeat; width:165px; } #menu li a.sous_niveaux_2_noeud_10697:hover { background:url(../images/background/menu4.gif) 0 -40px no-repeat; } .subtree_level_2_node_id_10697 #menu li a.sous_niveaux_2_noeud_10697 { background:url(../images/background/menu4.gif) 0 -40px no-repeat; } #menu li a.sous_niveaux_2_noeud_10698 { background:url(../images/background/menu5.gif) no-repeat; width:137px; } #menu li a.sous_niveaux_2_noeud_10698:hover { background:url(../images/background/menu5.gif) 0 -40px no-repeat; } .subtree_level_2_node_id_10698 #menu li a.sous_niveaux_2_noeud_10698 { background:url(../images/background/menu5.gif) 0 -40px no-repeat; } #menu li ul { position:absolute; top:41px; left:0; width:200px; list-style:none; z-index:100; display:none; } #menu li ul.sous_niveaux_2_noeud_10694 { background:#F4C71D; width:150px; } #menu li ul.sous_niveaux_2_noeud_10695 { background:#C9BA7B; width:183px; } #menu li ul.sous_niveaux_2_noeud_10696 { background:#AFBEDF; width:151px; } #menu li ul.sous_niveaux_2_noeud_10697 { background:#C3B0BB; width:165px; } #menu li ul.sous_niveaux_2_noeud_10698 { background:#EB900D; width:137px; } #menu li ul li { float:none; display:inline; padding:0; margin:0; } #menu li ul li a { float:none; height:auto; width:auto; padding:3px 0 0 30px; color:#666; } #menu li ul li a span { display:block; padding: 0 5px 3px 0; } #menu li ul li a:hover { color:#000; background-image:url(../images/background/menuliliao.gif); background-repeat:no-repeat; background-position:15px 3px ; } #menu li ul li a:hover span { background:url(../images/background/menuliliaospan.gif) bottom right no-repeat; } #menu li ul.sous_niveaux_2_noeud_10694 li a:hover { background-color:#F4B91C; color:#000; } #menu li ul.sous_niveaux_2_noeud_10695 li a:hover { background-color:#9E893B; color:#000; } #menu li ul.sous_niveaux_2_noeud_10696 li a:hover { background-color:#5C78BA; color:#000; } #menu li ul.sous_niveaux_2_noeud_10697 li a:hover { background-color:#94788A; color:#000; } #menu li ul.sous_niveaux_2_noeud_10698 li a:hover { background-color:#D54D00; color:#000; } #milieu { width:989px; overflow:hidden; clear:both; } #gauche { width:170px; float:left; position:relative; z-index:2; } #menuctxt { width:162px; margin:0 0 15px 8px; padding:0; font-size:1.2em; } #menuctxt div.titre { padding:10px 5px 10px 20px; color:#666; text-transform:uppercase; font-weight:bold; display:block; font-size:1.2em; background:url(../images/background/menuctxt.png) repeat-x; } #menuctxt li { display:inline; } #menuctxt li a { display:block; color:#666; } #menuctxt li a:hover { text-decoration:none; } #menuctxt li strong { display:block; color:#000; } #menuctxt li.level0 a , #menuctxt li.level0 strong { padding:2px 2px 2px 31px; } #menuctxt li.level0 a:hover { background:#666; text-decoration:none; color:#FFF; } #menuctxt li.level1 a , #menuctxt li.level1 strong { padding:2px 2px 2px 41px; background:none; } #menuctxt li.level1 a:hover { background:#FFF; text-decoration:none; color:#666; } #menuctxt li.level2 a , #menuctxt li.level2 strong { padding:2px 2px 2px 51px; } #menuctxt li.level2 a:hover { background:#FFF; text-decoration:none; color:#666; } .subtree_level_2_node_id_10694 #menuctxt { background:#F4C71D; } .subtree_level_2_node_id_10695 #menuctxt { background:#C9BA7B; } .subtree_level_2_node_id_10696 #menuctxt { background:#AFBEDF; } .subtree_level_2_node_id_10697 #menuctxt { background:#C3B0BB; } .subtree_level_2_node_id_10698 #menuctxt { background:#EB900D; } .subtree_level_2_node_id_10694 #menuctxt li strong , .subtree_level_2_node_id_10694 #menuctxt li a.selected {background:#F4BA1E url(../images/background/menuctxta2.gif) 21px 7px no-repeat; color:#000; } .subtree_level_2_node_id_10695 #menuctxt li strong , .subtree_level_2_node_id_10695 #menuctxt li a.selected {background:#9E893B url(../images/background/menuctxta2.gif) 21px 7px no-repeat; color:#000; } .subtree_level_2_node_id_10696 #menuctxt li strong , .subtree_level_2_node_id_10696 #menuctxt li a.selected {background:#5C78BA url(../images/background/menuctxta2.gif) 21px 7px no-repeat; color:#000; } .subtree_level_2_node_id_10697 #menuctxt li strong , .subtree_level_2_node_id_10697 #menuctxt li a.selected {background:#94788A url(../images/background/menuctxta2.gif) 21px 7px no-repeat; color:#000; } .subtree_level_2_node_id_10698 #menuctxt li strong , .subtree_level_2_node_id_10698 #menuctxt li a.selected {background:#D54D00 url(../images/background/menuctxta2.gif) 21px 7px no-repeat; color:#000; } .subtree_level_2_node_id_10694 #menuctxt li li strong , .subtree_level_2_node_id_10694 #menuctxt li li a.selected {background:url(../images/background/menuctxta2.gif) 21px 7px no-repeat; color:#000; } .subtree_level_2_node_id_10695 #menuctxt li li strong , .subtree_level_2_node_id_10695 #menuctxt li li a.selected {background:url(../images/background/menuctxta2.gif) 21px 7px no-repeat; color:#000; } .subtree_level_2_node_id_10696 #menuctxt li li strong , .subtree_level_2_node_id_10696 #menuctxt li li a.selected {background:url(../images/background/menuctxta2.gif) 21px 7px no-repeat; color:#000; } .subtree_level_2_node_id_10697 #menuctxt li li strong , .subtree_level_2_node_id_10697 #menuctxt li li a.selected {background:url(../images/background/menuctxta2.gif) 21px 7px no-repeat; color:#000; } .subtree_level_2_node_id_10698 #menuctxt li li strong , .subtree_level_2_node_id_10698 #menuctxt li li a.selected {background:url(../images/background/menuctxta2.gif) 30px 7px no-repeat; color:#000; } #gauche ul#menuvertical { width:162px; margin:0 0 15px 8px; padding:20px 0 5px 0; font-size:1.2em; float:left; background:url(../images/background/leftmenu.gif) no-repeat; border-bottom:3px solid #CFCFCF; } #menuvertical li { display:inline; position:relative; float:left; margin:0; padding:0; } #menuvertical li a { display:block; width:134px; text-transform:uppercase; padding:3px 8px 3px 20px; margin:0; color:#707070; cursor:text; } #menuvertical li a.current { background:#808080; font-weight:bold; color:#FFF; } #menuvertical li a:hover { background:#808080; text-decoration:none; color:#000; } #menuvertical li ul { position:absolute; top:0; left:162px; width:160px; z-index:100; list-style:none; background:#B2B2B2; padding:5px 0; margin:0; display:none; } #menuvertical li li a { text-transform:none; width:150px; margin:0; padding:3px 5px; cursor:pointer; } #menuvertical li li a:hover { color:#FFF; } #menuvertical ul#depliant { position:static; display:block; visibility:visible; background:#808080; margin:0; padding:0; } #menuvertical ul#depliant li a { width:127px; padding:3px 5px 3px 30px; } #menuboutons { width:154px; margin:0 0 15px 0; padding:0 0 0 16px; overflow:hidden; clear:left; } #menuboutons ul { margin:0; padding:0; list-style:none; } #menuboutons li { display:inline; margin:0; padding:0; background:none; } #menuboutons li a { display:block; width:154px; height:32px; margin:0 0 7px 0; clear:left; float:left; } #menuboutons li a span { display:block; position:absolute; top:-10000px; left:0; width:1px; height:1px; overflow:hidden; } #menuboutons li#btnnewsletter a { background:url(../images/background/btnnewsletter.gif) no-repeat; } #menuboutons li#btnnewsletter a:hover { background:url(../images/background/btnnewsletter.gif) 0 -32px no-repeat; } #menuboutons li#btnrevueec a { background:url(../images/background/btnrevueec.gif) no-repeat; } #menuboutons li#btnrevueec a:hover { background:url(../images/background/btnrevueec.gif) 0 -32px no-repeat; } #menuboutons li#btnmultimedia a { background:url(../images/background/btnmultimedia.gif) no-repeat; } #menuboutons li#btnmultimedia a:hover { background:url(../images/background/btnmultimedia.gif) 0 -32px no-repeat; } #menuboutons li#btnboutique a { background:url(../images/background/btnboutique.gif) no-repeat; } #menuboutons li#btnboutique a:hover { background:url(../images/background/btnboutique.gif) 0 -32px no-repeat; } #accesdirect { width:156px; margin:0 0 15px 14px; padding:15px 0 5px 0; float:left; background:url(../images/background/accesdirect.gif) no-repeat; border-bottom:5px solid #C7C7C7; font-size:1.2em; } #accesdirect .titre { display:block; color:#E81C24; padding:0 0 15px 20px; font-size:1.4em; font-weight:bold; } #accesdirect li { display:inline; } #accesdirect li a { display:block; width:131px; padding:3px 5px 3px 20px; color:#000; text-transform:uppercase; } #accesdirect li a:hover { background:#C7C7C7; color:#FFF; text-decoration:none; } #accesdirect li#item_10718 a { background:url(../images/background/fluxrss.gif) 83px 1px no-repeat; } #accesdirect li#item_10718 a:hover { background:#C7C7C7 url(../images/background/fluxrss.gif) 83px 1px no-repeat; } #coordonnees { width:156px; clear:left; margin:0 0 15px 14px; overflow:hidden; } #coordonnees .titre { height:20px; background:url(../images/background/coordonnees.gif) no-repeat; } #coordonnees .titre span { display:block; position:absolute; top:-10000px; left:0; width:1px; height:1px; overflow:hidden; } #coordonnees a { color:#666; } #coordonnees a:hover { text-decoration:underline; } #contenu { width:565px; float:left; margin:0 21px 0 0; padding:0 0 0 33px; overflow:hidden; } .noeud_13281 #contenu { width:765px; } .noeud_13281 #droite { display:none; } div.contenu { overflow:hidden; font-size:1.3em; } #frontpage { width:565px; overflow:hidden; } .carousel , #carousel { width:563px; padding:20px 0; color:#5C71A8; overflow:hidden; position:relative; margin:0 0 16px 0; border:1px dotted #000; z-index:0; } .contenu .carousel ul , .contenu #carousel ul { padding:0; margin:0; text-align:left} .contenu .carousel li , .contenu #carousel li { padding:0 30px; width:503px; height:260px; background:url(../images/background/pixel.gif); } .carouselgauche { width:285px; float:left; margin:0 40px 0 0; } .contenu .carouselgauche h2 a { color:#606EAD; font-family:Times New Roman, Times, serif; text-align:center; margin:0 0 10px 0; text-decoration:none; } .carouseldroite { width:175px; float:left; } /* 175 */ .carousel #btnscarousel { width:500px; height:31px; position:absolute; bottom:8px; z-index:20; text-align:center; margin:0 auto; /* right:18px; text-align:right;*/ } .carousel #btnscarousel a { padding:5px 10px; background:#CCC; border:px solid #999; color:#999; text-decoration:none; cursor:pointer; font-weight:bold; } .carousel #btnscarousel a:hover , .carousel #btnscarousel a.carrousel_on { background:#999; color:#FFF; } #fpactu { margin:0 0 20px 0; } div#fpactu.twocols { background:url(../images/background/2cols.gif) repeat-y; overflow:hidden; } #fpactu .article { padding:0 0 15px 0; } #fpactu .articlegauche { width:258px; float:left; clear:both; } #fpactu .articledroite { width:258px; float:right; } #fpactu img { float:left; margin:0 8px 5px 0; } #fpactu h3 { color:#767676; font-size:1.4em; margin:0 0 15px 0; } #fpactu a.lire_suite { color:#1B2966; text-decoration:underline; } #fpactu a.lire_suite:hover { text-decoration:none; color:#000; } #geoloco { width:565px; clear:both; margin:0 0 20px 0; padding:0; position:relative; } #geoloco iframe { width:565px; height:360px; border:0; padding:0; overflow:hidden; } #droite { width:200px; float:left; } #boutoncas { text-align:center; padding:0 0 10px 0; } #boutoncas a { display:block; width:158px; height:183px; background:url(../images/background/cas.gif) no-repeat; margin:0 auto; } #boutoncas a span { display:block; position:absolute; top:-10000px; left:0; width:1px; height:1px; overflow:hidden; } #boutonabonnezvous { display:block; width:200px; height:43px; background:url(../images/background/boutonabonnezvous.gif) no-repeat; margin:0 0 10px 0; } #boutonabonnezvous span { display:block; position:absolute; top:-10000px; left:0; width:1px; height:1px; overflow:hidden; } #boutonfacebook { display:block; width:200px; height:43px; background:url(../images/background/boutonfacebook.gif) no-repeat; margin:0 0 10px 0; } #boutonfacebook span { display:block; position:absolute; top:-10000px; left:0; width:1px; height:1px; overflow:hidden; } #boutonsoutenez a { display:block; width:200px; height:43px; background:url(../images/background/boutonsoutenez.gif) no-repeat; margin:0 0 10px 0; } #boutonsoutenez a span { display:block; position:absolute; top:-10000px; left:0; width:1px; height:1px; overflow:hidden; } #recherche { width:194px; height:26px; background:url(../images/background/recherche.gif) no-repeat; padding:10px 3px 0 3px; margin:0 0 10px 0; } #recherche label { display:inline; color:#FFF; } input.champ { width:98px; color:#000; background:#FFF; border:0; padding:1px 0 2px; font-size:1.1em; opacity:0.5; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; } input#searchbutton.bouton { background:#FFF; border:0; color:#000; margin-top:-1px; } #recherche input.champ:hover, #recherche input.champ:focus, #recherche input.champ.focus { background:#000; color:#FFF; } .focustop { width:198px; height:8px; border:1px solid; border-bottom:0; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; } .focusin { width:180px; border-left:1px solid; border-right:1px solid; padding:5px 9px; margin:0; overflow:hidden; font-size:1.2em; } .focusbottom { width:200px; height:17px; overflow:hidden; margin:0 0 4px 0; } #focus1top { border-color:#F5C81D; } #focus1 { border-color:#F5C81D; } #focus1bottom { background:url(../images/background/focus1bottom.gif) no-repeat; } #focus2top { border-color:#E1342E; } #focus2 { border-color:#E1342E; } #focus2bottom { background:url(../images/background/focus2bottom.gif) no-repeat; } #focus3top { border-color:#00F; } #focus3 { border-color:#00F; } #focus3bottom { background:url(../images/background/focus3bottom.gif) no-repeat; } #focus4top { border-color:#F00; } #focus4 { border-color:#F00; } #focus4bottom { background:url(../images/background/focus4bottom.gif) no-repeat; } #focus5top { border-color:#0F0; } #focus5 { border-color:#0F0; } #focus5bottom { background:url(../images/background/focus5bottom.gif) no-repeat; } #dumemeauteur { width:180px; background:#EDEDEE; padding:10px; margin:0 0 10px 0; } #dumemeauteur h2 { color:#9C9D9F; text-transform:uppercase; font-size:1.4em; } #droite #dumemeauteur ul { margin:0 0 5px 0; padding:0; list-style:none; } #droite #dumemeauteur ul li { margin:0 0 5px 0; padding:0; background:none; } #droite #dumemeauteur ul li a { color:#666; } #droite #dumemeauteur ul li a:hover { color:#000; } #surlememetheme { width:180px; background:#EDEDEE; padding:10px; margin:0 0 10px 0; } #surlememetheme h2 { color:#9C9D9F; text-transform:uppercase; font-size:1.4em; } #droite #surlememetheme ul { margin:0 0 5px 0; padding:0; list-style:none; } #droite #surlememetheme ul li { margin:0 0 5px 0; padding:0; background:none; } #droite #surlememetheme ul li a { color:#666; } #droite #surlememetheme ul li a:hover { color:#000; } #toolbaragenda { width:200px; overflow:hidden; margin-top:10px; } #toolbaragenda h2 { margin:0; padding:0; } #droite #toolbaragenda ul { background:#E7E7E8 url(../images/background/toolbaragendaul.gif) repeat-x; border:1px solid #ADB7D3; border-top:0; border-bottom:0; width:198px; padding:8px 0 0 0; margin:0; list-style:none; } #droite #toolbaragenda ul li { background:none; margin:0; padding:0 5px 2px; width:188px; } #droite #toolbaragenda ul li a { color:#525252; text-decoration:none; } #droite #toolbaragenda ul li a .date { color:#E86560; } #droite #toolbaragenda ul li a:hover { text-decoration:underline; } #allevents { height:19px; overflow:hidden; background:url(../images/background/allevents.gif) no-repeat; padding:2px 0 0 10px; } #allevents a { text-decoration:underline; color:#8A94B8; } #allevents a:hover { color:#000; } #bas { clear:both; padding:20px; color:#999; } #bas a { color:#999; } #bas ul { width:565px; float:left; padding:0 0 0 170px; margin:0; text-align:center; list-style:none; font-size:1.1em; } #bas ul li { display:inline; white-space:nowrap; } #bas ul li a { padding:0 10px; } #bas p { width:200px; float:right; text-align:right; }