@charset "utf-8";  /* Feuille de style principale du site */
/*------STRUCTURE--DE BASE--DU--SITE--------------------------------------------------------------------------------------------*/
html, body {margin: 0;} *{margin:0;padding:0;} body {color:#333; font: 12px Arial, Helvetica, serif; background:#4F5357 ; /*  background: url(../1_img/bg2.png) repeat-x; */}
 /* background: url(../1_img/bg.jpg) no-repeat ; */
p{margin: 0;  padding: 0;} h1, h2, h3, h4, h5, h6{margin: 0; padding: 0; font-weight: normal;} ul, ol{margin: 0; padding: 0;}
img{font: 1px/1px; display: block; padding: 3px 4px 0px 0px;} a{color:#333; text-decoration:none;} a:hover{color:#B9210B}  a img{border: 0;} 
table{margin: 0; padding: 0;}

.annulation_float{clear: both; /*height: 1px; line-height:1px;*/ padding: 0;margin: 0;}
#conteneur {margin: 0px auto; width:1000px;} /*c'est le conteneur principal de tout le site et ses elements */
/*Les enfants directs de #conteneur sont #page, #footer, #leaderboard_pub */ 
	#page{/*border: 1px solid #ffffff; */ margin: 5px 0;  min-height: 1000px;}		 
	/*Les enfants directs de #page sont #header et #contenu */ 	
		#header #top{	height:190px;	width:100%;	display:inline-block;	position:relative; background: url(../1_img/header.png)  no-repeat;		}
		#header #top #pub_entete{display:block; width:460px; height:60px; left: 320px; top: 22px; position:relative;}
		
		/* Menu (Enfant de direct de #header) */
		#header #menu {font: bold ;}
		#header #menu img{display: inline; height: 27px; font-size: 1px;}
		#header #menu { background:url(../1_img/bg_nav.gif) repeat-x;height:68px;position:relative;	/*background-image: url(../1_img/main.png);*/}
		#header #menu ul { /* all lists */padding: 0;list-style: none outside none; position:absolute; top:1px; left:0;width:997px; height:24px;}
		#header #menu ul li{ float: left; display: block; cursor:pointer;}
		#header #menu a {display: block; color:#fff;}
		#header #menu li ul a, #header #menu li ul ul a, #header #menu li ul ul a:hover, #header #menu li ul ul a.on {color:#3b3b8b; background:none; padding: 4px 9px; width:auto;}
		#header #menu li ul ul a:hover, #header #menu li ul ul a.on {height:26px; display:block;}
		#header #menu li ul { /* second-level lists */position: absolute; top:20px; left:0; text-transform:none; font-size:12px; display:none; width:880px;}
		#header #menu li ul li {background: center right url(../1_img/sep02.gif) no-repeat;height:26px; font: bold ;}
		#header #menu li ul li:hover, #header #menu li ul li.on, #header #menu li ul a:hover, #header #menu li ul a.on 
			{background: url(../1_img/bg_on02.gif) repeat-x; color:#fff;  font: bold ;}
		#header #menu li ul ul { /* third level lists */margin: 0; font-size:10px;  font: bold ;}
		#header #menu li ul ul li {background: center right url(../1_img/sep03.gif) no-repeat; padding-top:3px; height:20px;}
		#header #menu li ul ul li:hover {background: center right url(../1_img/sep03.gif) no-repeat; color:#000; text-decoration:underline;}
		
			#navMenu1 a {background:url(../1_img/btn_accueil.png) no-repeat 0 0 ; width:90px; height:20px; }
			#navMenu1 a:hover, #navMenu1 a.on {background:url(../1_img/btn_accueil.png) no-repeat 0 -20px;}
			#navMenu2 a {background:url(../1_img/btn_qui_sommes_nous.png) no-repeat 0 0; width:196px; height:20px;}
			#navMenu2 a:hover, #navMenu2 a.on {background:url(../1_img/btn_qui_sommes_nous.png) no-repeat 0 -20px;}
			#navMenu3 a {background:url(../1_img/btn_actualites.png) no-repeat 0 0; width:119px; height:20px;}
			#navMenu3 a:hover, #navMenu3 a.on {background:url(../1_img/btn_actualites.png) no-repeat 0 -20px;}
			#navMenu4 a {background:url(../1_img/btn_contributions.png) no-repeat 0 0; width:150px; height:20px;}
			#navMenu4 a:hover, #navMenu4 a.on {background:url(../1_img/btn_contributions.png) no-repeat 0 -20px;}
			#navMenu5 a {background:url(../1_img/btn_journaux.png) no-repeat 0 0; width:110px; height:20px;}
			#navMenu5 a:hover, #navMenu5 a.on {background:url(../1_img/btn_journaux.png) no-repeat 0 -20px;}
			#navMenu6 a {background:url(../1_img/btn_radios.png) no-repeat 0 0; width:81px; height:20px;}
			#navMenu6 a:hover, #navMenu6 a.on {background:url(../1_img/btn_radios.png) no-repeat 0 -20px;}
			#navMenu7 a {background:url(../1_img/btn_livre_d_or.png) no-repeat 0 0; width:143px; height:20px;}
			#navMenu7 a:hover, #navMenu7 a.on {background:url(../1_img/btn_livre_d_or.png) no-repeat 0 -20px;}
			#navMenu8 a {background:url(../1_img/btn_contacts.png) no-repeat 0 0; width:108px; height:20px;}
			#navMenu8 a:hover, #navMenu8 a.on {background:url(../1_img/btn_contacts.png) no-repeat 0 -20px;}
			#navMenu9 a {background:url(../1_img/btn_videos.png) no-repeat 0 0; width:87px; height:20px;}
			#navMenu9 a:hover, #navMenu9 a.on {background:url(../1_img/btn_videos.png) no-repeat 0 -20px;}
	
		#header #menu .last, #header #menu li ul ul li.last { background:none;} #header #menu li:hover ul ul { display:none;}
		#header #menu li:hover ul, #header #menu li li:hover ul { display:block;}		
		#header #menu #navaccueil { left:10px; width:50px;} #header #menu #navqui { left:100px; width:350px;}
		#header #menu #navactualites { left:296px; width: 350px;} #header #menu #navcontributions { left:415px; width:200px;}
		#header #menu #navjournaux { left:200px; width:750px;} #header #menu #navradios { left:200px; width:750px;}
		#header #menu #navlivredor { left:756px; width:200px;} #header #menu #navcontacts { left:896px; width:100px;}
		#header #menu #navvideos { left:890px; width: 100px;}

	#footer {clear: left;height:80px;width:100%;display:inline-block;position:relative;background: url(../1_img/footer.png)  no-repeat;}
	#footer #cpr {	position: relative;	top: 15px;	left: 15px;	float: left;width: 120px;	text-align:left;	padding: 0 0 0 0px;}
	#footer #pied_de_page {	position: relative;	top: 15px;	left: 35px;	float: left; text-align:center;	padding: 0 0 0 0px;	width: 680px;}
	#footer #compteur {	position: relative;	top: 15px;	left: 40px;	float: left; text-align:right;	padding: 0 0 0 0px;	width: 150px;}

	#footer, #footer a{font: normal 10px; color: #959595; text-align: center;} #footer a:hover{ text-decoration: underline;}
		/* ---Contenu----*/
		#contenu{ padding: 10px; background: url(../1_img/main.png);} 
			#archives2 { /*height:200px;*/ display:block; font-size:10px; clear: both; padding: 20px; } 
			/*ajout de clear pour remplacer les barre_finale qui restent*/ /* Voir pour rajouter margin-top de 20px pour remplacer le barre_finale */
			#archives2 ul { margin-left:10px; list-style:none; width:115px; margin-bottom:5px; display:block; float:left;}
			#archives2 li { display:block; float:left; width:115px;}
			#archives2 li a { color:#9a9a9f;} #plan2 li a:hover { text-decoration:underline;}
			#archives2 h4 a, #plan2 h4{ color:#000; font: bold 10px; text-transform:uppercase;}
			/* fin Plan du site */ /* Enfant de contenu */
			
/*------COLONNES--styles des blocs-----------------------------------------------------------------------------------------------*/
#conteneur_secondaire{/*border: 1px solid blue;*/}
	#colonne_droite{width:300px; background:url(../1_img/pointille.gif) repeat-y; float: right; padding:0 0 0 10px; }
	#colonne_principale{width: 612px; float: left; padding:0 10px 0 15px ;}

/* COL - TOUTES les colonnes */
.article {line-height:18px;}
.article h1 a:hover, .article h2 a:hover, .article h3 a:hover {color:#B9210B ; }
.article img.article, img.visuarticle {float: left;padding: 3px 4px 0 0;}
.article .infos a:hover, #videos .infos a:hover { text-decoration:none;}
.article .infos {display:block; color:#979797; margin-bottom:6px; padding-right:35px;}
.article .auteur {display:block; color:#979797; margin-bottom:0px; margin-top:0px; padding-right:35px;}
.notes {display:block; color:#979797; font-size:10px; }
/* COL GAUCHE OU PRINCIPALE Blocs articles */
#colonne_principale .titre_rurique   
	{font-size: 16px; text-transform: uppercase; border-bottom: 1px #c10418 solid; margin-bottom: 5px; width:100%; display:block; 
	color:#c10418; font-weight:bold; background: url(../images/puce.gif) no-repeat left bottom; padding-left: 30px; line-height: 20px; 
}
#colonne_principale .bloc_accueil h4 {color:#c10418; margin-top:15px; font-weight: bold;}
#colonne_principale .bloc_accueil h1 { display:block; font-size:16px; /*line-height:20px;*/ font-weight:bold; font-family:Arial, Times, serif;  color:#3b3b8b;/*margin:0 0 15px 0;*/}
#colonne_principale .bloc_accueil h2 {font-size: 14px; font-weight: bold; /*line-height: 28px;*/ color:#3b3b8b; }
#colonne_principale .bloc_accueil h3 {font-family:Arial, serif; font-size: 12px; /*line-height:28px;*/ padding-bottom: 6px; font-weight: bold; color:#990000}
.bloc_accueil .article {padding-top: 15px; position:relative }
.article a:hover {color:#B9210B ; }

/* -------------- PAGE ARTICLE & ARTICLE DOSSIER --------------------------- */
#pagearticle { display:block; width:625px;}
#pagearticle .article{ font-size: 13px;}
#pagearticle .article p a {color:#c10418; font-weight: bold; }
#pagearticle .article p a:hover { text-decoration: underline; }
#pagearticle .date, #pagearticle .source, #pagearticle div.infos { color:#8b8b8b; font-size:13px; margin-top:10px;}
#pagearticle h1 { display:block; font-size:18px; line-height:24px; font-weight:bold; font-family:Arial, Times, serif;  color:#3b3b8b;  margin:0 0 10px 0; }
#pagearticle h2 { font-size: 16px; font-weight: bold; line-height: 20px; color:#3b3b8b;  margin:5px 0 5px 0;}
#pagearticle h3 { font-family:Arial, serif; font-size: 14px; line-height:28px;/* padding-bottom: 6px;*/ font-weight: bold; color:#990000;  margin:5px 0 5px 0;}
#pagearticle h4 { margin:5px 0 5px 0; font-weight: bold;}
#pagearticle .article p{ font-size:13px; line-height:16px; color:#323232; margin-bottom:12px;}
#pagearticle .article img.principale { display:block; width:350px; float:left;} /*Image principale de l'article */
#pagearticle .article img{ display:inline; } /*Autres images qui peuvent se trouver dans l'article  */
#pagearticle .article .auteur {display:block; color:#979797; margin-bottom:0px; padding-right:35px;}
#pagearticle .article .infos {display:block; color:#979797; margin-bottom:6px; margin-top:0px;padding-right:35px;}
#pagearticle .article ul, #pagearticle .article ol { padding-left: 35px; /*list-style: none outside none; position:absolute; top:1px; left:0; */}
 /* #pagearticle .article ul li{float: left; display: block; cursor:pointer; } */


/* BOITE A OUTIL */
#boiteoutil { clear: both; width:100%;  font-size:12px; padding-top: 10px; padding-bottom: 10px;  line-height: 22px;    }
#boiteoutil img { display:inline; float: left; margin:0px 4px 0 0px; padding-bottom:10px;}
#boiteoutil .auteur {display:block; float:right; color:#979797; /*margin-top:6px;*/ padding-tpright:35px; }

/* Jquery encore utilse sur certains blocs notamment de la colonne de droite */
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types...*/
.tabs-hide {display: none;}
}
/* Hide useless elements in print layouts... */
@media print {.tabs-nav {display: none;}}

#colonne_droite > div{margin-bottom:20px;} /* voir debug pour IE6 */

#colonne_droite #diapo .titre, #videos-noir .titre { color:#c10418; font-weight:bold; float:left;}
#colonne_droite #diapo .categorie, #videos-noir .categorie { font-weight:bold;}

#colonne_droite #pub { width:300px; background:url(../1_img/bg.png); text-align:center;	}
#colonne_droite #pub img { overflow:hidden; margin:0 auto; border-bottom:5px;	}


/* COL DROITE - DIAPORAMA */
#colonne_droite #diapo { background:url(../1_img/bg_oeilactu.png) no-repeat; display:block; width:300px; height:260px;  margin-top:0px; padding-top:40px;}
#colonne_droite #diapo h3{ position:absolute;left:0px;top:-500px;width:1px;height:1px;overflow:hidden;}
#colonne_droite #diapo p/*, #videos p */{ padding:7px; display:block; color:#fff;}
#colonne_droite #diapo .titre { display:block; float:left;}

#colonne_droite #DiapoDeroul {width:247px; height:240px; overflow:hidden; margin:0 auto; border-bottom:5px;}
#colonne_droite #DiapoDeroul img { margin:0 auto; border:1px solid #000000; margin-bottom:5px;}
#colonne_droite #DiapoDeroul a { color:#fff;}

#colonne_droite #diaporama .jcarousel-container {background: #f0edea;position: relative; width: 245px; height:58px;padding: 3px 20px;margin-left: 7px; border-bottom:10px solid #fff;}
#colonne_droite #diaporama .jcarousel-clip {z-index: 2;padding: 0;margin: 0;overflow: hidden;position: relative;width: 245px;}
#colonne_droite #diaporama .jcarousel-list {z-index: 1;overflow: hidden;position: relative;top: 0;left: 0;margin: 0;padding: 0;}
#colonne_droite #diaporama .jcarousel-list li, .jcarousel-item {float: left;list-style: none;width: 50px; height: 50px;margin-right: 7px; margin-top:2px;}
#colonne_droite #diaporama .jcarousel-next {position: absolute;top: 25px;right: 5px;width: 11px;height: 11px;cursor: pointer;z-index: 3;display: block;background: transparent url(../1_img/next.gif) no-repeat 0 0;}
#colonne_droite #diaporama .jcarousel-prev {position: absolute;top: 25px;left: 5px;width: 11px;height: 11px;cursor: pointer;z-index: 3;display: block;background: transparent url(../1_img/prev.gif) no-repeat 0 0;}

/* COL DROITE - NEWSLETTER */
#colonne_droite #newsletter { background:url(../1_img/bg_newsletter.png) no-repeat; display:block; width:300px; height:80px; margin-top:5px; padding-top:35px; }
#colonne_droite #newsletter h4{ color:#FFFFFF; font: 14px; margin-top:3px ;  margin-bottom:3px ;} /*idem #diaporama line-height:18px; */
#colonne_droite #newsletter #la_lettre { padding:2px; margin-top:5px; color:#FFFFFF; padding-left:20px;  font: bold 14px;  }
#colonne_droite #newsletter #mail {width:150px; height:16px; border:1px solid #c5c5c5; font-size:11px; margin-top:6px;}
/*#colonne_droite #newsletter #hebdo, #colonne_droite #newsletter #quotidienne { vertical-align:middle;}*/
#colonne_droite #newsletter #ok { vertical-align:middle; margin-left:6px;}
#colonne_droite #newsletter #la_lettre a { color:#33CCFF; }
#colonne_droite #newsletter #la_lettre a:hover {color:#B9210B ; }

/* COL DROITE - DOSSIERS */
/* Styles a EFFACER lorsque #dossier-v2 sera en ligne */
#colonne_droite #dossiers { display:block; background:url(../1_img/fond_or.png) no-repeat; width:300px; padding-bottom:0px;}
#colonne_droite #dossiers h3 { font-size: 12px; font-weight: bold;  color:#336699} 
#colonne_droite #dossiers .tabs-nav {list-style: none;margin: 0; width:298px; margin-left:1px;}
#colonne_droite #dossiers .tabs-nav li {float: left; height:16px; margin:10px 0;}
#colonne_droite #dossiers .tabs-nav .tabs-selected { }
#colonne_droite #dossiers .tabs-nav a, .tabs-nav a span {display: block; }
#colonne_droite #dossiers .tabs-nav a {position: relative;top: 1px;z-index: 2;white-space: nowrap;}
#colonne_droite #dossiers .tabs-nav .tabs-selected a {}
#colonne_droite #dossiers .tabs-nav a span { display:none;}
#colonne_droite #dossiers .tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { cursor: text;}
#colonne_droite #dossiers .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { cursor: pointer;}
#colonne_droite #dossiers .tabs-nav .tabs-disabled {}
#colonne_droite #dossiers .tabs-container { background:#A6BFA7; width:298px; margin-left:1px;  }
#fisheye_menu, #fisheye_menu2 {list-style: none;margin: 10px 0px 10px 10px;height: 100px;align: bottom;}
#fisheye_menu li, #fisheye_menu2 li {position: relative;display: block;float: left;}
#fisheye_menu img, #fisheye_menu2 img { margin-right:15px; border:1px solid #fff;}
#fisheye_menu img:hover, #fisheye_menu2 img:hover, #fisheye_menu img.on, #fisheye_menu2 img.on { border:1px solid #443e24;}


/* COL DROITE - AGENDA - */
#colonne_droite #agenda {background:url(../1_img/fond_gris.png) no-repeat; display:block; width:300px; padding-bottom:0px; margin-top:20px;}
#colonne_droite #agenda ul {list-style-type: none; margin:10px 15px 0 0; padding-bottom:5px;}
#colonne_droite #agenda li { background:16px 7px url(../1_img/fleche_bleue.gif) no-repeat; color:#000; font-weight:bold; margin-bottom:8px; padding-left:25px; padding-top:4px; clear:both; }
#colonne_droite #agenda li a { font-weight:bold; color:#2d8ec4;}
#colonne_droite #agenda .txagenda, #colonne_droite #agenda .datetype{font-weight:normal; display:block; float:left;}
#colonne_droite #agenda a:hover{color:#B9210B}
#colonne_droite #agenda .txagenda{ color:#555; } 
#colonne_droite #agenda .datetype{ color:#000; }
#colonne_droite #agenda .lire { float:right; display:block; padding:10px 0; color:#555;}
/* ??? */ #colonne_principale #agenda li { border-top:1px solid #ccc;}

/* COL DROITE - VIDEOS */
#fauxplayer {display:block;width:290px; height:227px; margin-left:4px; position:relative; cursor:pointer;}
#colonne_droite #videos-noir { background:url(../1_img/bg_video.png) no-repeat ; display:block; width:300px; padding-bottom:0px; /*margin-top:20px;*/}
#colonne_droite #videos-noir h3{ font-size: 14px; font-weight: bold; } 
#colonne_droite #videos-noir .article{ padding: 5px; } 
#colonne_droite #videos-noir .article a{color: #fff;} 
#colonne_droite #videos-noir .article p{ color: #c8c8c8 ;}
#colonne_droite #videos-noir ul {list-style-type: none; padding-top: 10px; padding-bottom:10px; padding-left: 2px ; margin: 5px; height:50px; background:#336699 }
#colonne_droite #videos-noir li{ display:block; float:left; padding-left: 5px; }
#colonne_droite #videos-noir li img{ border: solid 1px #000;} 
#colonne_droite #videos-noir a.puce{ clear: both;}

a.puce{ padding-left:12px; margin-left:7px; margin-top:8px;display:block; /*height:25px;*/ text-decoration: underline; }
a.noireee:hover  {color: #c10418;}
a.puce.rouge{ color: #c10418; /*font-size:10px;*/ background: 0 3px url(../1_img/puce_lien_rouge.gif) no-repeat; }
.noire {color:#240C85; background: 0 3px url(../1_img/puce_lien_noire.gif) no-repeat;}
.orange{color: #c10418; background: 0 3px url(../1_img/puce_lien_orange.gif) no-repeat;}
.bleue{ color:#2d8ec4;background: 0 3px url(../1_img/puce_lien_bleue.gif) no-repeat;}
/*a.plus.gris{color: #555;background: center right url(../img/accueil/fleche_grise_plus.png) no-repeat;}*/ /* ne semple plus utilisé, A EFFACER */
a.puce.gris{color: #555;background: center left url(../1_img/fleche_grise_plus.png) no-repeat; padding-left:10px; margin:10px 0 0 10px; display:block; float:left;}

#rech_google{width:620px;/*height:50px;*/position:relative;}

#colonne_droite #bloc_divers{width: 285px; background: #e2e2c9; /*border: 1px solid #949393; */ display:block;margin:0 6px 0 6px; font-size: 11px; 	}
#colonne_droite #bloc_divers h3 { font-size: 12px; font-weight: bold;  color:#336699} 
#colonne_droite #bloc_divers dl {list-style-type: none; padding-top: 5px; padding-bottom:5px;  }
#colonne_droite #bloc_divers dd{ display:block; padding: 2px; }

.pagevideo h2{ margin: 0; border-bottom: #bababa 1px solid; background: url(../1_img/bg_sope-TV.png) top left no-repeat; }
.pagevideo h1{ color: #fff; text-transform: uppercase; font-size: 18px; font-weight: bold;}
.pagevideo #player{ float:left; width:400px; height:300px;}
.pagevideo #lecture-video{ border: #bababa solid 1px; color: #c7c7c7; background: #000033 repeat-x; min-height: 645px;   }
.pagevideo .description { padding: 5px; }
.pagevideo .description span.infos {color:#7f7f81; font-size: 10px; display: block; padding-bottom: 10px; }
.pagevideo .description span.infos img{ display: inline;}
.pagevideo .description .auteur{ font-size: 11px; padding: 20px 0; line-height: 30px; }
.pagevideo #coldrt_autreVideo{ float: right; width: 219px; padding-right: 10px;}
.pagevideo #autreVideo{background: #464646;width: 219px; margin-top: 20px; margin-right: 10px;  }
.pagevideo #autreVideo .article a{ color: #c8c8c8;}
.pagevideo #autreVideo ul { list-style:none; border-right: 1px solid #929292; border-left: 1px solid #929292; padding-top: 10px; padding-bottom: 10px; }
.pagevideo #autreVideo li { display: block; float: left;  } 
.pagevideo #autreVideo li.on a{ visibility: hidden; }
.pagevideo #autreVideo .bloccadre{ background: #464646; padding: 10px; border-right:1px solid #929292; border-bottom: 1px solid #929292; border-left: 1px solid #929292; }
.pagevideo #autreVideo .article { border-bottom: 1px solid #d5d5d5; display: block; padding-top: 10px; padding-bottom: 10px;min-height: 55px;}
.pagevideo #autreVideo .article img.visuarticle{ display: block; }
.pagevideo #autreVideo .article img{ display: inline; }
.pagevideo #autreVideo .article h3{ font-size: 11px; line-height: normal;}

.pagevideo #autreVideo .article span.surtitre{ font-size: 11px; line-height: normal; margin-bottom: 0; display: none;} 
.pagevideo #autreVideo .article span.note{color:#969696; font-size: 10px; }
.pagevideo #bloc-player{ min-height: 615px;}