/* _________________________________________________________  Reset  */

html,body,div,ul,li,form,blockquote,fieldset,input,h1,h2,h3,h4,h5,h6{font-family:Arial, Helvetica, sans-serif; margin:0; padding:0;}
p{margin:0; padding:3px 0;}
table{border-collapse:collapse; border-spacing:0;}
ul,ol{list-style:none;}
li{vertical-align:middle;}
fieldset,img{border:none;}
caption,th{text-align:left;}
pre{display:none;}

/* _________________________________________________________  Styles generiques  */

.masque{display:none;}

.texte{font-size:11px; line-height:14px; color:#000000;}
.texte ul{padding:3px 0 3px 30px; list-style:square outside none;}
.texte li{padding:2px 0;}
.texte a:link{color:#880000; text-decoration:underline;}
.texte a:visited{color:#880000; text-decoration:underline;}
.texte a:hover{color:#FF0000; text-decoration:none;}
.texte a:active{color:#880000; text-decoration:underline;}

.texte_blanc{font-size:11px; line-height:14px; color:#FFFFFF;}
.texte_blanc a:link{color:#FFFFFF; text-decoration:underline;}
.texte_blanc a:visited{color:#FFFFFF; text-decoration:underline;}
.texte_blanc a:hover{color:#CCFF00; text-decoration:none;}
.texte_blanc a:active{color:#FFFFFF; text-decoration:underline;}

.titre_tdb{color:#806F59; font-size:17px; line-height:25px; font-weight:bold; text-align:center;}
.sous_titre{font-size:12px; line-height:15px; font-weight:bold; padding-top:8px;}
.titre_blanc{font-size:16px; font-weight:bold; line-height:38px; color:#FFFFFF;}
.date_menu{font-size:10px; font-weight:bold; line-height:15px; color:#000000; background-color:#999999; border:3px solid #999999;}

.gras{font-weight:bold;}
.italique{font-style:italic;}
.standard{font-weight:normal;}
.justif{text-align:justify;}
.gras_italique{font-weight:bold; font-style:italic;}

.noir{color:#000000;}
.noir a:link{color:#880000; text-decoration:underline;}
.noir a:visited{color:#880000; text-decoration:underline;}
.noir a:hover{color:#FF0000; text-decoration:none;}
.noir a:active{color:#880000; text-decoration:underline;}

.blanc{color:#FFFFFF;}
.blanc a:link{color:#FFFFFF; text-decoration:underline;}
.blanc a:visited{color:#FFFFFF; text-decoration:underline;}
.blanc a:hover{color:#FF0000; text-decoration:none;}
.blanc a:active{color:#FFFFFF; text-decoration:underline;}

.gris{color:#666666;}
.gris a:link{color:#666666; text-decoration:underline;}
.gris a:visited{color:#666666; text-decoration:underline;}
.gris a:hover{color:#FF0000; text-decoration:none;}
.gris a:active{color:#666666; text-decoration:underline;}

.rouge{color:#FF0000;}
.rouge a:link{color:#FF0000; text-decoration:underline;}
.rouge a:visited{color:#FF0000; text-decoration:underline;}
.rouge a:hover{color:#FF0000; text-decoration:none;}
.rouge a:active{color:#FF0000; text-decoration:underline;}

.rouge_fonce{color:#A10100;}
.rouge_fonce a:link{color:#A10100; text-decoration:underline;}
.rouge_fonce a:visited{color:#A10100; text-decoration:underline;}
.rouge_fonce a:hover{color:#FF0000; text-decoration:none;}
.rouge_fonce a:active{color:#A10100; text-decoration:underline;}

.vert_fap{color:#00838B;}
.vert_fap a:link{color:#00838B; text-decoration:underline;}
.vert_fap a:visited{color:#00838B; text-decoration:underline;}
.vert_fap a:hover{color:#FF0000; text-decoration:none;}
.vert_fap a:active{color:#00838B; text-decoration:underline;}


/* _________________________________________________________  Containers  */

#page{width:925px; margin-left:auto; margin-right:auto;}

#entete{width:925px; height:211px;}
#entete_search{float:left; width:160px; height:211px; overflow:hidden;}
#live_search{padding:21px 0 0 21px; margin:0;}
#recherche{width:114px; height:14px; line-height:14px; font-size:11px; font-weight:bold; text-align:center; padding:5px; border:none; -moz-outline:none;}
#entete_flash_nav{float:left; width:765px; height:211px;}

#barre_de_navigation{clear:both; width:765px; height:33px; position:relative; z-index:6;}
#contenu{clear:both; width:925px;}
#colonne_gauche{float:left; width:600px;}
#prompteur{width:600px; height:23px; line-height:23px;}

#aucune_navig_articles{width:600px; height:24px; background-image:url(fond_compteur.jpg); background-repeat:repeat-x;}
#navig_articles{width:600px; height:33px; background-image:url(fond_compteur.jpg); background-repeat:repeat-x;}
.nav_articles_marge{float:left; width:20px; height:33px; overflow:hidden;}
.nav_articles_vide{float:left; width:217px; height:33px; overflow:hidden;}

#article{width:600px;}
.article_titre{width:560px; padding:2px 20px 0px 20px; background-color:#FFFFFF;}
.article_visuel_600{width:600px; background-color:#FFFFFF;}
.article_video{width:600px; background-color:#000000; text-align:center;}
.separateur_10px{width:600px; height:10px; overflow:hidden; background-color:#FFFFFF;}
.separateur_15px{width:600px; height:15px; overflow:hidden; background-color:#FFFFFF;}
.article_visuel_275{margin:6px 20px 10px 0px;}
.article_contenu{width:560px; padding:0px 20px 15px 20px; background-color:#FFFFFF;}

a.article_lien_intext{display:block; width:560px; height:27px; overflow:hidden; font-size:11px; font-weight:bold; text-align:center; line-height:21px; color:#FFFFFF; text-decoration:none;}
a.article_lien_intext:link{background:url(../_accueil/article_lien_intext.jpg); color:#FFFFFF; text-decoration:none;}
a.article_lien_intext:visited{background:url(../_accueil/article_lien_intext.jpg); color:#FFFFFF; text-decoration:none;}
a.article_lien_intext:hover{background:url(../_accueil/article_lien_intext_2.jpg); color:#FFFFFF; text-decoration:none;}
a.article_lien_intext:active{background:url(../_accueil/article_lien_intext.jpg); color:#FFFFFF; text-decoration:none;}

#pied{clear:both; width:600px;}

#colonne_droite{float:left; width:315px; margin-left:10px;}
#email{cursor:text; width:256px; height:14px; line-height:14px; font-size:11px; padding:3px; border:none; -moz-outline:none; margin-top:4px;}


/* _________________________________________________________  Bulles d'info */

.cluetip-jtip{
background-color:transparent;
}
.clue-right-jtip{
background-image:url(fleche_gauche.gif);
background-repeat:no-repeat;
padding-left:9px;
}
.clue-left-jtip{
background-image:url(fleche_droite.gif);
background-repeat:no-repeat;
padding-right:9px;
}
.clue-top-jtip{
background-image:url(fleche_bas.gif);
background-repeat:no-repeat;
background-color:transparent;
padding-bottom:9px;
}
.cluetip-jtip #cluetip-inner{
display:inline-block;
}
.cluetip-jtip h3#cluetip-title{
font-size:10px;
line-height:13px;
font-weight:bold;
}
.cluetip-jtip #cluetip-inner .actu_content{
font-size:11px;
line-height:14px;
}

/* ________________________________________________ Menus déroulants Superfish 1.4 */

.sf-menu, .sf-menu *{margin:0; padding:0; list-style:none;}
.sf-menu{font-size:12px; float:left; margin:0;}
.sf-menu ul{border:1px solid #000000; position:absolute; top:-999em; width:10em;}/* left offset of submenus need to match (see below) */
.sf-menu ul li{width:100%;}
.sf-menu li:hover{visibility:inherit;}/* fixes IE7 'sticky bug' */
.sf-menu li{float:left; position:relative; height:28px; line-height:28px;}
.sf-menu a{display:block; position:relative; padding:0px 10px; color:#FFFFFF; text-decoration:none;}
.sf-menu a:link{color:#FFFFFF;}
.sf-menu a:visited{color:#FFFFFF;}/* visited pseudo selector so IE6 applies text colour*/
/*.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active{color:#CCFF00; outline:0; background-image:url(menu_highlight.png); background-repeat:repeat;}*/
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active{color:#CCFF00; outline:0; background-color:#000000;}
.sf-menu li:hover ul, .sf-menu li.sfHover ul{left:5px; top:56px; z-index:8;}/* match top ul list item height */
.sf-menu li li{background-image:url(fond_menus.png); background-repeat:repeat;}
.sf-menu li li li{background-image:url(fond_menus.png); background-repeat:repeat;}
/*.sf-menu li li{background:#000000; opacity:0.8; filter:alpha(opacity=80);}
.sf-menu li li li{background:#000000; opacity:0.8; filter:alpha(opacity=80);}*/
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul{top:-999em;}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul{left:10em; top:0;}/* match ul width */
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul{top:-999em;}
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul{left:10em; top:0;}/* match ul width */
/*** arrows **/
.sf-menu a.sf-with-ul{padding-right:2.25em; min-width:1px;}/* trigger IE7 hasLayout so spans position accurately */
.sf-sub-indicator{
position:absolute;
display:block;
right:.75em;
top:1.05em; /* IE6 only */
width:10px;
height:10px;
text-indent:-999em;
overflow:hidden;
background:url('fleches_blanches.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator{ /* give all except IE6 the correct values */
top:.8em;
background-position:0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
/* arrow hovers for modern browsers*/
a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator{background-position:-10px -100px;}
/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator{background-position: -10px 0;}
.sf-menu ul a > .sf-sub-indicator{background-position: 0 0;}
/* apply hovers to modern browsers */
/* arrow hovers for modern browsers*/
.sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator{background-position:-10px 0;}
/*** shadows for all but IE6 ***/
.sf-shadow ul{background:url('ombre.png') no-repeat bottom right; padding:0 8px 9px 0; -moz-border-radius-bottomleft:17px; -moz-border-radius-topright:17px; -webkit-border-top-right-radius:17px; -webkit-border-bottom-left-radius:17px;}
.sf-shadow ul.sf-shadow-off{background:transparent;}

/* _____________________________________________________ LIve Search */

#live_search{margin-left:-1px;}
#live_search input{}

#suggestionsBox{position:absolute; /position:relative; z-index:10; margin-top:3px; border:1px solid #000000; border-bottom:0px; background:#FFFFFF; padding:0px; width:558px;}
#suggestionsList{padding-right:0px;}
#suggestionsList li{display:block; clear:both; width:100%; padding:10px 0px; background:#DEDEDE; cursor:pointer; list-style:none; border-bottom:solid 1px #000000;}
#suggestionsList li:hover{background:#FFFFFF;}

.date{float:left; width:auto; font-size:10px; color:#FFFFFF; display:inline-block; margin:0 10px 0 10px; font-weight:bold; height:17px; line-height:17px; background:#666666; padding:0 5px;}
.titre{float:left; height:17px; width:auto; font-size:12px; line-height:17px; font-weight:bold; margin:0px 0px 5px 0px; text-decoration:underline;}
.accroche{clear:both; font-size:11px; line-height:14px; width:536px; margin-left:10px;}
.keywords{font-size:10px; line-height:12px; color:#888888; width:536px; margin-top:5px; font-style:italic;margin-left:10px;}
.key{color:#990000;}