@charset "utf-8";
/* CSS Document */ /* Feuille de style principale du site */

/*------MODIFICATION---BALISES-----------------------------------------------------------------------------------------------*/
/*------Valable pour toutes les pages du site--------------------------------------------------------------------------------*/
/*----- On modifie les propriétés natives de certaines balise ---------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------------*/

html, body {margin: 0;} *{margin:0;padding:0;} body {color:#000; font-size: 0.625em; font-family: Tahoma, Arial, Helvetica, sans-serif; background: #e3e3e3; } 
p{margin: 0;  padding: 0;} h1, h2, h3, h4, h5, h6{margin: 0; padding: 0; font-weight: normal;} ul, ol{margin: 0; padding: 0;} /**/ul li { list-style: none;}/**/
img{font: 1px/1px; display: block;} a{color:#000; text-decoration:none;} a:hover{color:#000; text-decoration: underline;}
a img{border: 0;} table{margin: 0; padding: 0;} 
/*------STRUCTURE--DE BASE--DU--SITE--------------------------------------------------------------------------------------------*/
/*------Valable pour toutes les pages du site-----------------------------------------------------------------------------------*/
/*------Elements communs à toutes les pages ou presque--------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------*/
#conteneur {margin: 11px 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 */ 
	#footer, #footer a{font: normal 1em; color: #000; text-align: center; } #footer a{text-decoration: underline;}
	#page{ margin: 10px 0; background: #fff; /*min-height: 1024px;*/}		
	/*Les enfants directs de #page sont #header et #contenu */ 	
		/*---Header ----*/	
		/* Des éléments de #header et ses différents composants*/ /*Enfants directs #top et #menu */  
		#header #top{background: top left url(../img/commun/bg_top.png) repeat-x #961f20; height:100px; width:100%; color: #fff; /*display:inline-block; */}
		#header #top a, #header #top2 a{ color: #fff; } #header #top #logo{display:block; float:left; width: 420px; height:100px; padding-right: 15px;}
		
		#top #mag_hebdo, #top2 #mag_hebdo {display: none;} /*PRINT*/
		#top #services, #top2 #services {display: none;}/*PRINT*/
		/* Menu (Enfant de direct de #header) */
		#header #menu{ display: none; } /*PRINT*/
		.recherche-google{display:block;   width:250px; float: right;}
		
		/* Menu (Enfant de direct de #header) */
		#header #menu{ display: none; } /*PRINT*/
		
		/* header avec montre */ /* styles speciaux */
		/* Des éléments de #header et ses différents composants*/ /*Enfants directs #top2 et #menu */  
		#header #top2{background: top left url(../img/commun/bg_top.png) repeat-x #961f20; height:100px; width:100%; color: #fff; position: relative;  }
		#header #top2 a{ color: #fff; } #header #top2 #logo{display:block; float:left; width: 380px; height:100px; }
		#header #top2 #mag_hebdo { display:block; float:left;width:213px; height: 90px; font-size: 1.1em; padding: 5px 0 0 0; } 
		#header #top2 #mag_hebdo img.couv { float:left; padding: 0 10px 5px 0px;} #header #top2 #mag_hebdo p{ padding-top: 5px; padding-left: 73px; }
		#header #top2 #mag_hebdo a.fleche-blanche{text-decoration: underline; background: center left url(../img/commun/fleche_BlancheFondRouge.png) no-repeat; padding-left:10px; margin:3px 0 5px 0; display:block;}
		#header #top2 #services {display:block; /*height: 100px;*/ padding-right: 10px; /*padding-top: 8px;*/ width:260px;font-size: 1em; height:90px; /*text-align: right;*/ float: left;  }
		#header #top2 #services .date{ color: #e0a3a3; padding-bottom: 5px; display: block; } #header #top2 #services ul { padding-top: 5px;  font-size: 0.9em; border-right: 1px solid #b22928; /* height:90px;*/ margin-top: 5px; padding-right: 8px; }
		#header #top2 #services ul li { list-style: none; padding-left: 10px; text-align: right; } #header #top2 #services ul li img{ display: inline;}
		#header #top2 #services ul li a{ color: #e0a3a3; line-height: 13px; padding-right: 19px ; display: block; margin-bottom: 5px;   } #header  #top2 #services ul li a:hover{ text-decoration: underline; color: #fff; }
		#header #top2 #services ul li#bt_twitter a{ background: url(../img/commun/bt_picto-Twitter.png)   right -13px    no-repeat; }  #header  #top2 #services ul li#bt_twitter a:hover{background: url(../img/commun/bt_picto-Twitter.png) top right   no-repeat;}
		#header #top2 #services ul li#bt_facebook a{ background:url(../img/commun/bt_picto-FB.png)  right -13px   no-repeat;}  #header  #top2 #services ul li#bt_facebook a:hover{ background:url(../img/commun/bt_picto-FB.png) top right  no-repeat;}
		#header #top2 #services ul li#bt_widget a{ background: url(../img/commun/bt_picto-Widget.png)   right -13px    no-repeat;}  #header  #top2 #services ul li#bt_widget a:hover{ background: url(../img/commun/bt_picto-Widget.png) top right   no-repeat;}
		#header #top2 #services ul li#bt_rss a{ background:url(../img/commun/bt_picto-RSS.png)  right -13px    no-repeat;}  #header  #top2 #services ul li#bt_rss a:hover{background:url(../img/commun/bt_picto-RSS.png) top right  no-repeat;}	
		#header #top2 #services #rechercheDate{ float: left; width: 186px; padding-top: 20px; } #header #rechercheDate .recherche-google{display:block; }		
		.recherche-google2{display:block;   width:186px; float: right;} .recherche-google2 #champRecherche{ width: 140px !important; /*height: 20px;*/ margin-bottom: 9px; border: none !important; margin-right: 10px !important; /*background: none !important;*/ }
		#header #top2 #montre{ position: absolute; top: 0; right: 5px; width: 130px; height: 100px;}
		/* header avec montre */
		
		
			#navMenu1 a {background:url(../img/commun/bt_menu-actualite.png) no-repeat 0 0 ; width:87px; height:28px; }
			#navMenu1 a:hover, #navMenu1 a.on {background:url(../img/commun/bt_menu-actualite.png) no-repeat 0 -28px;}
			#navMenu2 a {background:url(../img/commun/bt_menu-pays.png) no-repeat 0 0; width:43px; height:28px;}
			#navMenu2 a:hover, #navMenu2 a.on {background:url(../img/commun/bt_menu-pays.png) no-repeat 0 -28px;}		
			/*#navMenu3 a {background:url(../img/commun/bt_menu-rubriques.png) no-repeat 0 0; width:80px; height:28px;}
			#navMenu3 a:hover, #navMenu3 a.on {background:url(../img/commun/bt_menu-rubriques.png) no-repeat 0 -28px;}	*/	
			#navMenu3 a {background:url(../img/commun/bt_menu-dossiers.png) no-repeat 0 0; width:72px; height:28px;}
			#navMenu3 a:hover, #navMenu3 a.on {background:url(../img/commun/bt_menu-dossiers.png) no-repeat 0 -28px;}
			#navMenu4 a {background:url(../img/commun/bt_menu-blogs.png) no-repeat 0 0; width:55px; height:28px;}
			#navMenu4 a:hover, #navMenu4 a.on {background:url(../img/commun/bt_menu-blogs.png) no-repeat 0 -28px;}		
			#navMenu5 a {background:url(../img/commun/bt_menu-AC.png) no-repeat 0 0; width:139px; height:28px;}
			#navMenu5 a:hover, #navMenu5 a.on {background:url(../img/commun/bt_menu-AC.png) no-repeat 0 -28px;}	
			#navMenu6 a {background:url(../img/commun/bt_menu-services.png) no-repeat 0 0; width:73px; height:28px;}
			#navMenu6 a:hover, #navMenu6 a.on {background:url(../img/commun/bt_menu-services.png) no-repeat 0 -28px;}		
			#navMenu7 a {background:url(../img/commun/bt_menu-boutique.png) no-repeat 0 0; width:74px; height:28px;}
			#navMenu7 a:hover, #navMenu7 a.on {background:url(../img/commun/bt_menu-boutique.png) no-repeat 0 -28px;}
			#navMenu8 a {background:url(../img/commun/bt_menu-groupe-JA.png) no-repeat 0 0; width:101px; height:28px;}
			#navMenu8 a:hover, #navMenu8 a.on {background:url(../img/commun/bt_menu-groupe-JA.png) no-repeat 0 -28px;}			
			/*#navMenu9 a {background:url(../img/commun/bt_menu-newsletter.png) no-repeat 0 0; width:160px; height:28px;}
			#navMenu9 a:hover, #navMenu9 a.on {background:url(../img/commun/bt_menu-newsletter.png) no-repeat 0 -28px;}*/
			#header #menu li.breakingNews a{ color: #554e3e !important; font-size: 11px !important; line-height: 28px; text-transform: uppercase; text-align: center; background: url(../img/commun/bg_menu-breaking.png) no-repeat top right; padding: 0 9px;}		
			
		#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 #rubriques{ left:110px; width:550px;} #header #menu #accueil { left:0px; width:800px;}
		#header #menu #navdossiers { left:100px; width: 500px;} #header #menu #centrale{ left:50px; width:800px;}
		#header #menu #est { left:200px; width:700px;} #header #menu #australe { left:200px; width:800px;}
		#header #menu #indien { left:520px; width:400px;} #header #menu #navblog { left:190px; width:470px;}
		#header #menu #navemploi { left:200px; width: 490px;} #header #menu #navservices { left:360px; width: 600px;} #header #menu #navboutique { left:433px; width: 370px;}
		#header #menu #navgroupeja{ left:550px; width: 400px;}
		
		/**/
		/*#header #menu li.breakingNews a{ color: #554e3e !important; font-size: 11px !important; line-height: 28px; text-transform: uppercase; text-align: center; background: url(../img/commun/bg_menu-special.png) no-repeat top right;}	*/	
		/* fin Menu (Enfant de direct de #header) */
		/* fin des styles du HEADER et ses différents composants*/
	
		/* ---Contenu----*/
		#contenu{padding: 5px 16px 16px 16px;} 
		/* Enfants directs : selon gabarit mais toujours au moins #plan2 et souvent #conteneur_secondaire */
		/*#contenu #barre_finale{height: 20px; clear: both;} /*n'est pas dans tous les gabarits, vérifier son utilité car rataché à une ancienne charte, parfois situé avant le plant du site parfois après se trouve sur les pages accueil pays, pages rubriques (erreur), accueil dossier etc...*/	
			/* Plan du site */ /* Enfant de contenu */
			#plan2 { display: none; } /*PRINT*/
			/* fin Plan du site */ /* Enfant de contenu */

/*------STYLES--COMMUNS------------------------------------------------------------------------------------------------------*/
/*------Valables pour toutes les pages du site--------------------------------------------------------------------------------*/
/*------Classes de base qui peuvent être présentes dans plusieurs gabarits elles seront parfois adaptées aux gabarits dans lequels elle se trouvent-------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------------*/
.ect{ padding-left: 5px; color: #c0bfbf; } /* News */
.LienBloc{ display: block; text-align: right;} .LienBloc img{ display: inline; margin-top: 8px;/* margin-right: 8px;*/ } /* New */
/*.pictVideo { padding-left: 20px;  background: url(../img/commun/pictoVideo.png) 0 5px   no-repeat; } /* New */
.pictVideo {padding-left: 5px; } a > .pictVideo { text-decoration: none !important;}  /* News */
.pictVideo img{ display: inline; width: 14px !important; height: 13px !important; float: none !important; margin: 0 !important;}  /* New */
.flecheChapo{ display: block; float: left; width: 11px; height: 11px; background: url(../img/commun/fleche_GriseFondBlanc.png) no-repeat 0 5px;}  /* New */
.article{ padding-top: 15px;padding-bottom: 15px;} .article img{ display: inline;  border: 1px solid #d3d3d3; float: left; margin-bottom: 10px;} /*Pour l'espace entre le texte et l'image voir dans les styles spécifique col principale, col gauche etc. car il n'est pas toujours le même */
.article h3 {margin-bottom: 8px;  } .article h3{font-size: 1.9em; color: #610b0c; font-weight: normal;} .article h3 a{line-height:22px; color: #610b0c; } .article p.chapo{margin-top: 5px;} .article p.chapo a{ color: #4a4a4a; font-size: 1.2em;  display: block; }
.ligneSurtitre { font-weight: bold;   /*margin-bottom: 5px;*/ display: block; } 
.ligneSurtitre .surtitre{ color: #c10418; text-transform: uppercase; padding-right: 8px; font-size: 10px; } .ligneSurtitre  .surtitre a{ color: #c10418; font-size: 10px !important;}
.ligneSurtitre .date{ color: #6c6a6a; font-weight: normal; font-size: 10px; } .ligneSurtitre .rubrique { color:#666;} 
.ligneSurtitre .video { background: url(../img/commun/bg_indicVideo.png) no-repeat 0 2px; padding-left:20px; padding-right: 8px; height: 20px; width: 20px; } 
.ligneSurtitre .commentaires, .interactivite .commentaires { font-size: 9px; color: #6c6a6a;  background: url(../img/commun/bg_indicComs.png) no-repeat 0 0px; padding-left:20px; padding-right: 8px;  } 
.ligneSurtitre .commentaires a, .interactivite .commentaires a { color: #6c6a6a; text-decoration: underline; font-weight: normal;  }
a.artAssocie {  font-size: 1.1em; color: #bb292b; background: url(../img/commun/puceArtAssocie.png) no-repeat 0 4px; padding-left:20px; margin-top: 5px; margin-left: 0px; display: block; text-decoration: underline;}
a.artAssocie.video { background: url(../img/commun/bg_indicVideo.png) no-repeat 0 4px; }

.annulation_float{clear: both; /*height: 1px; line-height:1px;*/ padding: 0;margin: 0;} .float_left{ float: left;}

.pagination{ margin: 0 auto; clear: both; text-align:center; font-weight: bold; color: #c10418;}
.pagination span{color: #323232;}
.pagination a { color: #323232; }

/* les pubs */
/*#colonne_droite .pub { margin: 0 0 20px 0;}*/
#publicite_centrale, .publicite_centrale {  width:468px; margin:20px auto 20px auto; clear: both;/* padding-top:12px;*/ } /* Faire changer en classe plutôt que id */
#leaderboard_pub{display: none;}  /*PRINT*/

/*------COLONNES--styles des blocs-----------------------------------------------------------------------------------------------*/
/*------Styles génériques---les colonnes peuvent être adaptées dans les gabarits spécifiques-------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
#conteneur_secondaire{ clear: both;}
	/*.colonne_gauche et .colonne_centre son enfant de #colonne_principale*/
	#colonne_droite{width:300px; float: right; padding:0 0 0 18px; }
	#colonne_principale{width: 650px; float: left;}
	/*.colonne_gauche et .colonne_centre son enfant de #colonne_principale*/
		.colonne_gauche{float: left; width: 419px; padding-right: 17px;}	/*autres styles de cette col plus bas */
		.colonne_centre{ float: right; width: 214px; }	/*autres styles de cette col plus bas */
		
/* COL - TOUTES les colonnes */
/*#colonne_principale .bloc_accueil ,*/ 
.colonne_gauche .bloc_accueil, .colgauche .bloc_accueil, .coldroite .bloc_accueil, .colgauche2 .bloc_accueil, .coldroite2 .bloc_accueil{ margin-bottom: 20px;}

/* COL GAUCHE OU PRINCIPALE Blocs articles */
#colonne_principale .bloc_accueil h4, .colonne_gauche .bloc_accueil h4, .pageIphone h3,  .pagemotscles h1, .page_personnalites h1, .page_contacts h1, .pagedossier h2, .pageAnnonce h1, .page_rss h1, .page_cgu h1, .pagesondage h1, .resultat_googleSearch h1, .home_dossier h1, .PagesChiffrePays h1, .page_depeche h1, .pagemeteo h1, .breaking-news h1, .pagePromoBoutique h2, .les-plus-de-ja h2, .pageagenda h3{ height: 19px; line-height: 19px; color: #fff; font-size: 1.2em; text-transform: uppercase; background-image: url(../img/commun/bg_titresRubCarre.png); font-weight: bold; clear: both;  /*padding-left: 15px;*/ }
#colonne_principale .bloc_accueil h4.sport{height: 19px; line-height: 19px; color: #fff; font-size: 1.2em; text-transform: uppercase; background-image: url(../img/commun/bg_titresRubGrisClairCarre.png); font-weight: bold; clear: both;}
.pageIphone h3,  .pagemotscles h1, .page_personnalites h1, .page_contacts h1, .pagedossier h2, .pageAnnonce h1, .page_rss h1, .page_cgu h1, .pagesondage h1, .resultat_googleSearch h1, .PagesChiffrePays h1, .pagemeteo h1, .breaking-news h1, .pagePromoBoutique h2, .les-plus-de-ja h2, .pageagenda h3 /*.page_depeche h1/*, .home_dossier h1*/{ margin-bottom: 18px; }

.pagedossier h2, .pageAnnonce h1{position: relative; padding-left: 16px; margin-bottom: 15px; text-align: left !important;}
.home_type_dossier h1, .resultat_googleSearch h1{position: relative; padding-left: 16px; text-align: left !important;}
.pagedossier h2 img, .pageAnnonce h1 img, .home_type_dossier h1 img, .resultat_googleSearch h1 img{ display: inline; position: absolute; top: 0; left: 0;}
.home_dossier h1{ text-align: center;} .home_dossier h1 img{ display: inline; } /*img centre */

.colonne_gauche .bloc_accueil h4 img{ margin: 0 auto;}

#colonne_principale .bloc_accueil h4 a, .colonne_gauche .bloc_accueil h4 a{ color: #fff; }
#colonne_principale .article img{ margin-right: 20px; /*margin-bottom: 18px;*/}
.colonne_gauche .article img{ margin-right: 15px !important; /*margin-bottom: 18px;*/}
.colonne_gauche .article{ border-bottom:1px solid #cfcbcb;  }
.colonne_gauche .article.last{ border: none; padding-bottom:0; }

.colonne_gauche .lienFinRub{ text-align: center;} .colonne_gauche .lienFinRub img{ display: inline; padding-bottom: 10px;}
/*#colonne_principale .bloc_accueil h4 a {color:#c10418;}*/

/* COL CENTRE - */
.colonne_centre .bloc_accueil { margin-bottom: 16px; }
/*.colonne_centre h4 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; height: 13px; line-height: 15px; text-transform: uppercase; border-bottom: 4px #ca0418 solid; padding-bottom: 4px; width: 100%; font-weight:bold; }	*/

/* COL CENTRE HOME - OPINIONS - INRERVIEWS - PERSONNALITES - PORTRAITS - ENTREPRISES - BLOGS*/	
#opinions, /*#interviews, */ #bby, #francois-soudan, #entreprises, #personnalites  {width: 214px;}
#opinions, /*#interviews,*/ #entreprises, #personnalites h3 { border-top: #bc2a2c 3px solid;} #opinions h3, /* #interviews h3,*/ #entreprises h3{ margin: 6px 0;} 
#personnalites h3{ margin-top: 15px;} #personnalites h3.first{ margin-top: 0;}
#personnalites h3{ padding-top: 6px ;}  
#opinions li img,  /*#interviews li img,*/ #entreprises li img, #personnalites li img{ float:left; border:solid 1px #bdbdbd; margin-right:9px; margin-bottom: 15px; }
#opinions li{border-bottom:1px dotted #cfcbcb; padding: 6px 0; min-height: 48px; clear: left;  } 
/*#interviews li,*/ #entreprises li, #personnalites li{border-bottom:1px dotted #cfcbcb; padding: 11px 0; min-height: 48px; } /* Padding different */
#opinions li.last,  /*#interviews li.last*/{ border-bottom: none;}
#opinions li .rubrique a, #opinions li .rubrique, /*#interviews li .rubrique a, #interviews li .rubrique,*/ #entreprises .nomEntrep, #personnalites .rubrique{color: #6c6a6a; text-transform: uppercase; font-weight: bold; font-size: 1em; /*line-height: 13px;*/}
#opinions li a,  /*#interviews li a,*/ #entreprises li a, #personnalites li a {color: #6c6a6a; font-size: 1.1em;} #opinions li a:hover,  #interviews li a:hover{ color: #bc2a2c; text-decoration: underline; }
#opinions li .auteur a, #opinions li .auteur,  /*#interviews li  .date a,*/ #interviews li  .date, #entreprises li .date, #personnalites li .date{color: #8f8f8f; font-size: 1em;}
#opinions li .titre , #opinions li .titre, #interviews li  .titre, #entreprises li .titre, #personnalites li .titre{ display: block; margin: 4px 0; line-height: 15px;}

.blogs#redaction{ position: relative; background: #d89879 url(../img/commun/bg_blogRedac.png) bottom left repeat-x; padding: 26px 13px 11px 13px; width: 188px;/*214 - 26 de padding*/}
.blogs#redaction img{ float:left; margin-right: 11px; /*border:solid 1px #bdbdbd;*/  }
.blogs#redaction .surtitre{ color: #b13100; font-weight: normal; text-transform: uppercase; font-size: 1em;}
.blogs#redaction h3{ position: absolute; top: 0; right: 0;  } .blogs#redaction h3 img{margin: 0 !important; float: none !important;}
.blogs#redaction li{border-bottom:1px dotted #975b40; padding: 6px 0; min-height: 52px; } .blogs#redaction li.last{ border-bottom: none;}
.blogs#redaction li .titre { color: #000; font-size: 1.1em; font-weight: bold; }
.blogs#redaction li .auteur{color: #454545;}
.blogs#bby, .blogs#francois-soudan { height: 71px; }
.blogs#bby{background: #f6f6f2 url(../img/commun/bg_blogBby.jpg) top left no-repeat;} .blogs#francois-soudan{background:#f6f6f2 url(../img/commun/bg_francois-soudan.jpg) top left no-repeat;}
.blogs#bby h3, .blogs#francois-soudan h3{ font-weight: bold; font-size: 1em;}
.blogs#bby h3 a, .blogs#francois-soudan h3 a{ display: block;  padding: 36px 5px 5px 93px; height: 31px; width: 116px; }
.blogs#bby h3 a{ color: #5f5028; } .blogs#francois-soudan h3 a{ color: #fff; }

.blogs#ExpertsWC{ position: relative; background: #c1c18e url(../img/commun/bg_ExpertsWC.png) bottom left repeat-x; padding: 20px 13px 35px 13px; width: 188px;/*214 - 26 de padding*/}
.blogs#ExpertsWC img{ float:left; margin-right: 11px; }
.blogs#ExpertsWC .surtitre{ color: #b13100; font-weight: normal; text-transform: uppercase; font-size: 1em;}
.blogs#ExpertsWC h3{ position: absolute; top: 0; right: 0;  } .blogs#ExpertsWC h3 img{margin: 0 !important; float: none !important;}
.blogs#ExpertsWC li{border-bottom:1px dotted #8a8a5b; padding: 6px 0; min-height: 52px; } .blogs#ExpertsWC li.last{ border-bottom: none;}
.blogs#ExpertsWC li .titre { color: #000; font-size: 1.1em; font-weight: bold; }
.blogs#ExpertsWC li .auteur{color: #454545; display: block;}


/* COL CENTRE - TOP ARTICLES */
#TopArticle h3{padding-bottom: 5px;}
.menu-topArticle li{ float: left;  }
.menu-topArticle li a{ display: block; width: 107px; height: 32px; }
.menu-topArticle li#onglet0.actif{background: url(../img/commun/topArticle-onglet1.png) no-repeat 0 0;} 
.menu-topArticle li#onglet0{background: url(../img/commun/topArticle-onglet1.png) no-repeat 0 -32px;} 
.menu-topArticle li#onglet1.actif{background: url(../img/commun/topArticle-onglet2.png) no-repeat 0 0;}
.menu-topArticle li#onglet1{background: url(../img/commun/topArticle-onglet2.png) no-repeat 0 -32px;}
.colonne_centre #toparticle li strong{ margin-bottom: 5px; display: block;  }
.colonne_centre #toparticle {clear: both; width:212px; padding-bottom: 5px; border-right:1px solid #ebebeb; border-bottom:1px solid #ebebeb; border-left:1px solid #ebebeb; }
.colonne_centre #toparticle ul {list-style-type: none; margin:0; padding: 5px 10px 0 5px; }
.colonne_centre #toparticle li{line-height: 15px; padding:7px 0; border-bottom:1px solid #d3d3d3; color: #6c6a6a; font-size: 1.1em;} .colonne_centre #toparticle li.last{ border-bottom: none;}
.colonne_centre #toparticle li, .colonne_centre #toparticle li a{ color: #6c6a6a;  } .colonne_centre #toparticle li a:hover{ color: #b42a1e; text-decoration: underline; }
				
/* COL CENTRE - METEO */
.colonne_centre #meteo { display:block; width: 205px; height:121px; color:#000; padding: 0 0 3px 12px; line-height:14px; background: url(../img/commun/bg_blocMeteo.png) no-repeat top left; position: relative; color:#313131; font-size: 1.1em; overflow: hidden;}
.colonne_centre #meteo .pictoMeteo{ position: absolute; right: 10px; top: 10px;}
.colonne_centre #meteo .ville{ padding-top:7px; padding-bottom: 7px; font-size:14px; text-transform: uppercase; }
.colonne_centre #meteo .ville a{color:#313131;  font-weight:bold;  display:block;}
/*.colonne_centre #meteo .jour, {display: block; font-weight: bold;  } .colonne_centre #meteo .jour { padding-top:8px; }*/
.colonne_centre #meteo .detail{display: block; font-weight: bold; margin-bottom: 5px;  }
.colonne_centre #meteo .temperature { text-align: right; padding-right: 110px;} 
.colonne_centre #meteo .temperature span {font-size:14px; color:#fff; font-weight:bold;}
.colonne_centre #meteo .lien {  padding-top: 10px;  } .colonne_centre #meteo .lien img{ display: inline; padding-right: 3px;}

/* COL CENTRE - NUAGE MOTS  */
.nuage { display:block; width:186px; border:1px solid #f7f7f7; background:#fcfdfd; margin-bottom:10px; padding:14px; text-align:justify; }
.nuage a {color:#b52e22; } a.regular14 { font-size:14px;} a.regular16 { font-size:16px;} a.regular20 { font-size:20px;} .bold { font-weight:bold;} .nuage a:hover { text-decoration:underline;}


/* COL DROITE  */
/* 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 */

/* COL DROITE - VIDEOS */
.fauxplayer {display:block;width:288px; height:227px; border: 1px solid #a6a2a2; position:relative; cursor:pointer;}
.fauxplayer a{display:block;width:288px; height:227px;}
#colonne_droite #jeuneafriqueTV { /*border: 1px #d7d7d0 solid;*/ background:url(../img/commun/bg_jeuneafriqueTV2.png) #0e0e0e no-repeat top left; display:block; width:286px; /*min-height: 405px; */padding:0 8px 10px 5px;}
#colonne_droite #jeuneafriqueTV h3{ height: 22px; /*padding-top: 7px;*/ margin-bottom: 10px; } #colonne_droite #jeuneafriqueTV h3 img{float:left; padding-top: 7px; }
#colonne_droite #jeuneafriqueTV a{ color: #fff;}
#colonne_droite #jeuneafriqueTV img.play{position:absolute; top:90px; left:120px;} #colonne_droite #jeuneafriqueTV img.player{position:absolute; bottom:0; left:0;}
#colonne_droite #jeuneafriqueTV h2{ font-size: 1.4em; font-weight: bold; color: #fff; margin: 10px 4px 7px 4px; } #colonne_droite #jeuneafriqueTV .chapo{ font-size: 1.1em; margin: 0 4px 7px 4px; }
#colonne_droite #jeuneafriqueTV ul { padding-top: 11px; list-style-type: none;/* padding-top: 10px;*//* padding-bottom:10px; padding-left: 3px ; margin: 10px;*/ height:50px; }
#colonne_droite #jeuneafriqueTV li{ display:block; float:left; padding-left: 8px; }
/*#colonne_droite #jeuneafriqueTV li img{ border: solid 1px #fff;}*/
/**/
#colonne_droite #jeuneafriqueTV li { position: relative; padding-bottom: 3px;}
#colonne_droite #jeuneafriqueTV li.actif img{border: solid 1px #fff;} #colonne_droite #jeuneafriqueTV li.off img{border: solid 1px #8b8b8b;}
#colonne_droite #jeuneafriqueTV li.actif img.playSmall{ display: none; border: none;} #colonne_droite #jeuneafriqueTV li.off img.playSmall{position: absolute; top: 15px; right: 25px; border: none;}
#colonne_droite #jeuneafriqueTV li.actif { background: url(../img/commun/fleche_BlancheBas.png) no-repeat 35px 47px;} #colonne_droite #jeuneafriqueTV li.off { background: none;}
/*Styles nouveau script video*/
/* tab pane styling */
#colonne_droite #jeuneafriqueTV .images {	position:relative;	width:288px; min-height:270px; cursor:pointer;}
#colonne_droite #jeuneafriqueTV .images div {display:none; position:absolute; top:0; left:0;}
#colonne_droite #jeuneafriqueTV ul.tabs{ margin-top: 10px; }
#colonne_droite #jeuneafriqueTV ul.tabs li .current img{border: solid 1px #fff;} #colonne_droite #jeuneafriqueTV ul.tabs li img{border: solid 1px #8b8b8b;}
#colonne_droite #jeuneafriqueTV ul.tabs  li .current img.playSmall{ display: none; border: none;} #colonne_droite #jeuneafriqueTV ul.tabs li img.playSmall{position: absolute; top: 15px; right: 25px; border: none;}
#colonne_droite #jeuneafriqueTV ul.tabs li  .current { background: url(../img/commun/fleche_BlancheBas.png) no-repeat 35px 47px;} #colonne_droite #jeuneafriqueTV ul.tabs li { background: none;}
/*Styles nouveau script video*/ /*FIN */

/* COL DROITE - DIAPORAMA */
#colonne_droite #diaporama, #diaporama-sport {display:block; width:288px; border:1px solid #d9d9d1; padding: 0 10px 10px 0;}
#colonne_droite #diaporama {background:url(../img/commun/bg_oeilactu.png) #0e0e0e no-repeat; min-height:260px; }
#diaporama-sport { background:url(../img/commun/bg_diaporama-sport.png) #0e0e0e no-repeat bottom left;  height:270px; }
#colonne_droite #diaporama h3, #diaporama-sport h3{ padding: 10px 0; text-align: center; } #colonne_droite #diaporama h3 img, #diaporama-sport h3 img{ display: inline;}
#colonne_droite #diaporama p, #diaporama-sport p{ padding:7px; display:block; color:#fff;}
#colonne_droite #diaporama .titre, #diaporama-sport .titre{ color:#c10418; font-weight:bold; float:left;}
#colonne_droite #diaporama .categorie, #diaporama-sport .categorie{ font-weight:bold;}
#colonne_droite #diaporama .titre, #diaporama-sport .titre { display:block; float:left;}
#colonne_droite #diaporama .LienBloc, #diaporama-sport .LienBloc{ clear: both; }

#diaporama .DiapoDeroul{width:247px; height:220px; overflow:hidden; margin:0 auto;} #diaporama-sport .DiapoDeroul{width:247px; height:210px; overflow:hidden; margin:0 auto; }
#diaporama .DiapoDeroul img, #diaporama-sport .DiapoDeroul img  { margin:0 auto; border:1px solid #fff; margin-bottom:7px;}
#diaporama .DiapoDeroul a, #diaporama-sport .DiapoDeroul a { color:#fff; font-size: 1.1em; font-weight: bold;}
#diaporama .jcarousel-container, #diaporama-sport .jcarousel-container {background: #f0edea;position: relative; width: 245px; height:58px;padding: 3px 20px;margin-left: 7px; border-bottom:10px solid #fff;}
#diaporama .jcarousel-clip, #diaporama-sport .jcarousel-clip  {z-index: 2;padding: 0;margin: 0;overflow: hidden;position: relative;width: 245px;}
#diaporama .jcarousel-list, #diaporama-sport .jcarousel-list {z-index: 1;overflow: hidden;position: relative;top: 0;left: 0;margin: 0;padding: 0;}
#diaporama .jcarousel-list li, #diaporama .jcarousel-item, #diaporama-sport .jcarousel-list li, #diaporama-sport .jcarousel-item  {float: left;list-style: none;width: 50px; height: 50px;margin-right: 7px; margin-top:2px;}
#diaporama .jcarousel-next, #diaporama-sport .jcarousel-next {position: absolute;top: 25px;right: 5px;width: 11px;height: 11px;cursor: pointer;z-index: 3;display: block;background: transparent url(../img/accueil/next.gif) no-repeat 0 0;}
#diaporama .jcarousel-prev, #diaporama-next .jcarousel-prev  {position: absolute;top: 25px;left: 5px;width: 11px;height: 11px;cursor: pointer;z-index: 3;display: block;background: transparent url(../img/accueil/prev.gif) no-repeat 0 0;}

.carouselhome .jcarousel-container-horizontal {width: 245px;padding: 20px 40px;}
.carouselhome .jcarousel-clip-horizontal {width:  245px;height: 77px;}
.carouselhome .jcarousel-item, .carouseldiapo .jcarousel-item {width: 50px;height: 50px;border: 1px solid #f0edea;}
.carouselhome .jcarousel-item:hover, .carouseldiapo .jcarousel-item:hover {border: 1px solid #706b5e;}
.carouselhome .jcarousel-item-horizontal, .carouseldiapo .jcarousel-item-horizontal {margin-right: 7px;}


/* COL DROITE - Sur internet */
/* Utilisé dans les page d'accueil pays */
#colonne_droite #internet{ background:url(../img/commun/fond_blanc.gif) bottom no-repeat; margin-top:20px;}
#colonne_droite #internet p {padding:3px 0 3px 12px; line-height:14px;}
#colonne_droite #internet .intertitre {color:#c10418; font-size:12px; font-weight:bold; margin-left:-3px;}

/* COL DROITE - NEWSLETTER */
#colonne_droite #newsletter { background:url(../img/commun/bg_HachuresGrisClair.png) top left; display:block; padding: 0 12px 0 0;  height:119px; color: #646464; width:288px;}
#colonne_droite #newsletter a{ color: #646464; text-decoration: underline; }
#colonne_droite #newsletter form{  padding: 7px 4px 4px 10px; border: 1px #d3d3d3 solid; background-color: #fff; margin-left: 12px; }
#colonne_droite #newsletter form .formatChamps{ width: 130px ; margin-right: 7px; } /*voir dans les style commun les styles liés aux formulaire */
#colonne_droite #newsletter h3{ margin-bottom: 10px; } 
#colonne_droite #newsletter p { padding-bottom: 5px; /* line-height: 20px;*/ }

/* COL DROITE - EMPLOI - */ /*similaire à NEWSLETTER */
#colonne_droite #annonces { background:url(../img/commun/bg_HachuresGrisClair.png) top left; display:block; padding-bottom: 10px; padding-right: 12px;  }
#colonne_droite #annonces h3{margin-bottom: 11px; }
#colonne_droite #annonces ul {list-style-type: none; }
#colonne_droite #annonces li { border: 1px #d3d3d3 solid; background-color: #fff; padding:6px; margin-bottom: 3px; margin-left: 11px;  clear:both; }
#colonne_droite #annonces li a { font-weight:bold; color:#762c2c; font-size: 11px; background: url(../img/commun/bg_listePointGrisClaire.png) top left no-repeat; text-indent: 9px; display: block;}
#colonne_droite #annonces li a:hover{ color: #bc2a2c; text-decoration: underline;}
#colonne_droite #annonces .employeur{ color:#777775 !important;  font-weight:normal !important; font-size: 10px !important;  } 
#colonne_droite #annonces .pays{ color:#323232 !important;  font-weight:bold !important; font-size: 10px !important;  }

/* COL DROITE - EMPLOI - */ /*similaire à NEWSLETTER */
#colonne_droite #agenda { background:url(../img/commun/bg_HachuresGrisClair.png) top left; display:block; padding-bottom: 10px; padding-right: 12px; color: #323232; font-size: 1.1em;  }
#colonne_droite #agenda p.intro{ padding-left: 120px; padding-bottom: 15px;  background:url(../img/commun/AgendaIllustration.png) 15px 0 no-repeat; }
#colonne_droite #agenda p.partenariat { line-height: 36px; background:url(../img/commun/bg_enPartenariat.png) top left repeat-x; margin-left: 12px;  }
#colonne_droite #agenda p.partenariat img{ display: inline; padding-left: 5px; padding-right: 5px;}
#colonne_droite #agenda h3{margin-bottom: 11px; }
#colonne_droite #agenda ul {list-style-type: none; }
#colonne_droite #agenda li { border: 1px #d3d3d3 solid; background-color: #fff; padding:6px; margin-bottom: 3px; margin-left: 11px;  clear:both; }
#colonne_droite #agenda li a { font-weight:bold; color:#4a4848; /*font-size: 1.1em;*/ background: url(../img/commun/bg_listePointGrisClaire.png) top left no-repeat; text-indent: 9px; display: block;}
/*#colonne_droite #agenda li a:hover{ text-decoration: underline;}*/
#colonne_droite #agenda .date{ color:#bc2a2c !important; padding-right: 5px;   } 
#colonne_droite #agenda .lieu{ color:#323232 !important;  font-weight:normal !important; text-transform: uppercase !important;  }

/* COL DROITE - SONDAGE */ /*similaire à NEWSLETTER */ /*Inclus des styles de .pagesondage */
#colonne_droite #sondage { background:url(../img/commun/bg_HachuresGrisClair.png) top left; display:block; padding: 0 12px 10px 0;  width:288px;}
#colonne_droite #sondage a{ color: #646464; text-decoration: underline; }
#colonne_droite #sondage form, #colonne_droite #sondage .resultat{  padding: 7px 10px 4px 10px; border: 1px #d3d3d3 solid; background-color: #fff; margin-left: 12px; }
#colonne_droite #sondage form label{ padding-left: 12px;} 
#colonne_droite #sondage h3{ margin-bottom: 10px; } 
#colonne_droite #sondage p { padding-bottom: 5px;/* line-height: 20px;*/ font-size: 1.2em; }
#colonne_droite #sondage p.question {  /*font-family: "Times New Roman", Times, serif;*/ font-size: 1.3em; color: #323232; padding: 0 10px 5px 10px; }
#colonne_droite #sondage p.submit { text-align: center; margin: 20px auto 0 auto; } 
#colonne_droite #sondage p.submit img{ display: inline; }
/*Styles commun à .pagesondage (page de tous les sondages) */
#sondage, .sondage {color: #646464; }
#sondage .resultat li, .sondage .resultat li{ clear: both;}
#sondage .resultat ul, .sondage .resultat ul{ clear: both; }
#sondage .reponse, .sondage .reponse{ /*width: 90px;*/width: 35%;  float: left;  padding-bottom: 10px; }
#sondage .pourcent, .sondage .pourcent{ /*width: 160px;*/ width: 60%; float: right; border: 1px solid #b4b4b4; padding: 1px; color: #bc2a2c; font-size: 11px; height: 10px; line-height: 9px }
#sondage .pourcent img, .sondage .pourcent img{ /*float: left;*/} 
#sondage .pourcent .bande, .sondage .pourcent .bande{/*width: 125px;*/width: 78%; display: block;  float: left; margin-right: 4px; }  
#sondage .pourcent .nombre, .sondage .pourcent .nombre{ float: left; display: block; /*width: 30px;*/width: 5%;}
#sondage .infos, .sondage .infos { display:block; float:right;  font-size:1.1em; margin-top:10px 0; }
#sondage .infos .date, .sondage .infos .date {color: #aaa;  }
/* styles modifiés ou propres à .pagesondage */
.pagesondage { margin-bottom: 20px; }
.pagesondage #sondage, .pagesondage .sondage{ padding: 16px 7px; border-bottom: #d3d3d3 1px solid; margin: 0 11px;}
.pagesondage #sondage .question , .pagesondage .sondage .question {  font-size: 1.9em; color: #666; padding: 17px 0; }
.pagesondage #sondage .reponse, .pagesondage .sondage .reponse {  font-size: 1.2em;  }
.pagesondage #sondage .pourcent .bande, .pagesondage .sondage .pourcent .bande { width: 90% !important;}



/* COL DROITE - DOSSIERS */

#colonne_droite #dossiers { display:block; background-color: #444444; width:300px; min-height: 240px;}
.menu-dossiers li{ float: left;  } .menu-dossiers li a{ display: block; width: 100px; height: 31px; } .menu-dossiers li{margin-bottom: 16px;}
.menu-dossiers li#ongletDossier0.actif{background: url(../img/commun/topDossiers-onglet0.png) no-repeat 0 0;} 
.menu-dossiers li#ongletDossier0{background: url(../img/commun/topDossiers-onglet0.png) no-repeat 0 -31px;} 
.menu-dossiers li#ongletDossier1.actif{background: url(../img/commun/topDossiers-onglet1.png) no-repeat 0 0;}
.menu-dossiers li#ongletDossier1{background: url(../img/commun/topDossiers-onglet1.png) no-repeat 0 -31px;}
.menu-dossiers li#ongletDossier2.actif{background: url(../img/commun/topDossiers-onglet2.png) no-repeat 0 0;}
.menu-dossiers li#ongletDossier2{background: url(../img/commun/topDossiers-onglet2.png) no-repeat 0 -31px;}
#colonne_droite #dossiers p, #colonne_droite #dossiers h2 {margin: 0 19px;} #colonne_droite #dossiers p a {color: #fff;}
#colonne_droite #dossiers p{ min-height: 50px}
#colonne_droite #dossiers h2 { clear:both;font-size: 1.1em; font-weight:bold; } #colonne_droite #dossiers h2 a{color:#d2b702;}
#dossiers div ul {list-style: none; margin-left: 19px; } #dossiers div ul li {position: relative;display: block;float: left;}
#dossiers div ul img { margin-right:15px; margin-bottom: 9px; border:1px solid #443e24;} #dossiers div ul img.actif, #dossiers div ul img:hover { border:1px solid #fff;}
#colonne_droite #dossiers .LienBloc{margin-right: 8px; padding-bottom: 8px;}

/* COL DROITE - RSS */
#colonne_droite #rss{ height: 90px; background: url(../img/commun/bg_bloc-rss.png) no-repeat top left; padding: 30px 100px 0 10px; }
#colonne_droite #rss a{ font-size: 12px; color: #fff; text-decoration: none; } 
#colonne_droite #rss a.bt_rss{background: url(../img/commun/bg_bt_rss.png) top left no-repeat; line-height: 22px; width: 200px; display: block; font-weight: bold; padding-left: 54px; margin-top: 10px; }


/*---------PAGE--ACCUEIL et gabarits similaires (page Rubriques et pages accueil pays -------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* bloc_une et bloc de une intermediaire sport, ecofi et breaking-news (page)*/ 
#bloc_une{width: 100%; min-height: 350px; overflow:hidden; margin-bottom:15px;}
#bloc_une #a_la_une, #bloc_une #a_la_une_rubrique{/*width: 732px;*/ float: left; /*padding-bottom: 3px;*/ padding-right: 14px; /*min-height: 350px;*/ height: 350px; border: 1px solid #cfcbcb; margin-right: 16px;} 
.une_defaut { display:block; background: #fff; float: left; width: 350px; /*margin: 0 9px 5px 7px;*/ padding: 7px 18px 7px 8px; /*height:319px;*/ min-height: 319px; line-height: 14px; }
.une_defaut h2, .une_defaut2 h2{ margin: 0 0 5px 0;}
.une_defaut h2 a, .une_intermediaire .une_defaut2 h2 a { font: normal 19px/22px Tahoma, sans-serif; color: #610b0c; /*margin: 5px 0 5px 0;*/ padding: 0; }
.une_defaut p.chapo, .une_defaut2 p.chapo, ul#unes_secondaires a{ font-size: 1.2em ; }

.une_intermediaire .une_defaut2 { display:block; background: #fff;float: left; width: 200px; margin: 0 20px 5px 15px; padding: 0; min-height:315px; line-height: 18px; }
.une_intermediaire.sport .une_defaut2{ min-height: 350px; }
#bloc_une ul#unes_secondaires, .une_intermediaire ul#unes_secondaires{ display:block; float: left; list-style-type: none;}
#bloc_une ul#unes_secondaires{ width: 345px;} .une_intermediaire ul#unes_secondaires{width: 390px;} #bloc_une ul#unes_secondaires { margin-top: 10px; }
.une_intermediaire{width: 646px; float: left; padding-bottom: 3px; margin-bottom:18px; /*min-height: 293px;*/ border-right: 1px solid #cbc8c8; border-bottom: 1px solid #cbc8c8; border-left: 1px solid #cbc8c8; }
.une_intermediaire h3, .une_intermediaire.sport h3 { margin-bottom: 18px; clear: both; }
.une_intermediaire h3{ background-image: url(../img/commun/bg_titresRubCarre.png); height: 19px; } .une_intermediaire h3 a{ color: #fff; }
.une_intermediaire.sport h3{ background-image: url(../img/commun/bg_titresRubGrisClairCarre.png); height:19px; } .une_intermediaire.sport h3 a{ color: #fff; }
ul#unes_secondaires a { line-height: 15px; display: block;} ul#unes_secondaires a:hover{ color: #bb292b;}
ul#unes_secondaires li{display: block; min-height: 50px; border-bottom:1px dotted #cfcbcb; padding: 5px 5px 5px 0;}
ul#unes_secondaires li img{ height: 50px; width:  50px; float: left; padding-right: 18px; }
ul#unes_secondaires li.last{ border-bottom: none;}


/*Derniere minutes */
/* Les styles concernant la page d'accueil des depeches AFP se trouve à Page accueil FIL DEPECHE */
#derniere_minute{border-top: 3px solid #bc2a2c; overflow:hidden; height: 350px; width: auto; min-width: 204px;  } #derniere_minute h3{ margin-bottom: 15px; padding-left: 8px;}
#derniere_minute .sousBloc{border-right: 1px solid #cfcbcb; border-bottom: 1px solid #cfcbcb; border-left: 1px solid #cfcbcb; padding: 7px;}
#derniere_minute ul{list-style-type: none; margin: 0; padding: 0 0 5px 0; height: 278px;}
#derniere_minute .date {font-size: 1.1em; line-height: 15px; color: #969595; } #derniere_minute a .date, #derniere_minute a:hover .date{ text-decoration: none;}
#derniere_minute li{padding-bottom:5px; padding-left: 9px;/* margin-bottom:5px;*/ line-height: 13px; /*width:185px;*/ background: url(../img/commun/fleche_GriseFondBlanc.png)0 18px  no-repeat; margin-bottom: 15px;}
#derniere_minute li a{text-decoration: none; color:#000000; font-size: 12px;} #derniere_minute li a:hover  {color: #bb292b; text-decoration: underline; }
/*styles pour le deroulement automatique */
#derniere_minute .jcarousel-container {position: relative;  width:190px; height:283px;/* padding: 5px;*/ overflow: hidden;/* margin-bottom: 5px;*/}
#derniere_minute .jcarousel-clip {z-index: 2;padding:0;margin: 0;overflow: hidden;position: relative; height:280px;}
#derniere_minute .jcarousel-list {z-index: 1;overflow: hidden;position: relative;top: 0;left: 0;margin: 0;padding: 0;}
#derniere_minute .jcarousel-list li, .jcarousel-item {float: left;list-style: none; width:180px;}
/*#derniere_minute a.puce.noire2{ height: 14px; margin-left: 0; }*/
#derniere_minute .carouselnews .jcarousel-container-vertical {width: 180px; padding:0 0 5px 0; height:272px;}
/* adaptation du bloc suivant les différentes colonnes dans lequel il peut être */
#bloc_une #derniere_minute{ float: left; margin: 0;  } .colonne_centre #derniere_minute, #colonne_droite #derniere_minute{margin-bottom:15px; }
#colonne_droite #derniere_minute h3{ text-align: center;} #colonne_droite #derniere_minute .carouselnews .jcarousel-container-vertical{ width: 290px;} 
#colonne_droite #derniere_minute .jcarousel-container{ width:278px;} #colonne_droite #derniere_minute .jcarousel-list li, .jcarousel-item {width: 280px;}
#colonne_droite #derniere_minute .jcarousel-clip { width: 270px; }
	

/*---------PAGE-ACCUEIL-PAYS -----------------------------------------------------------------------------------------------------*/
/*---------Specifique aux pages d'accueil pays------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*--- bloc de une des pages d'accueil pays a pour base celui de la home ---------*/
.infoPays{border-top: 3px solid #bc2a2c; border-right: 1px solid #cfcbcb; border-bottom: 1px solid #cfcbcb; border-left: 1px solid #cfcbcb;  overflow:hidden; height: 333px; width: auto; min-width: 195px; padding: 7px; }
.infoPays h1{ margin-left: 5px; margin-bottom: 22px;}
.infoPays ul { margin-bottom: 14px; margin-left: 5px;}
.infoPays ul li{ margin-bottom: 4px;}
/*#partenaire .titre { font-weight:bold; color:#d5081d; padding-right:5px;}*/
/*#savoirplus ul {list-style-type: none; padding:0 0 3px 70px; width:143px; margin-top:15px;}
#savoirplus li { background:center left url(../img/commun/puce_lien_gris.gif) no-repeat; height:18px; padding:2px 0 0 15px; margin: 0 0 0 15px; }
#savoirplus a { color:#c10418; text-decoration:underline;}*/
#partenaire {  /*width:650px;*/ margin:15px 0 20px 0; }
/*#partenaire .titre { display:block; margin-bottom:6px; width:75px;}*/
#partenaire img { display:block; float:left; width:158px; height:49px; margin:0 2px 3px 0; border:solid 1px #000;}
/* ?? */ #personnalites li .nom, #entreprises li .nom{ color:#c20418;}

/*Fiche pays (chiffres, chrono etc. */
#fichesPays{  border-top: 3px solid #bc2a2c; border-right: 1px solid #b9b4b4; border-bottom: 1px solid #b9b4b4; border-left: 1px solid #b9b4b4; } 
#fichesPays h2 { font-size:1.8em; font-weight:bold; color:#323232; margin:5px; text-align: center; border-bottom: 4px double #b4b4b4; padding: 18px 8px 8px 8px; clear: both;}
#fichesPays form { float: right; margin-top: 6px; margin-right: 15px;}
#fichesPays form .formatChamps option{ padding-right: 25px;}
#fichesPays h3{display: block; float: left; margin-top: 6px; margin-left: 15px;} 
#fichesPays ul {list-style-type: none; margin:10px 5px 0 5px; clear: both;}
#fichesPays li { border-bottom:1px dotted #c3c3c3; line-height:25px; clear:both; display: block;}
#fichesPays .gch{ font-weight:bold; color:#313131; display:block; float:left; width:250px; font-size: 1.1em; background: 10px 9px url(../img/commun/fleche_GriseFondBlanc.png) no-repeat; padding-left: 20px; }
#fichesPays .drt{ color:#959595; display:block; float:right; width:355px; font-size: 1.1em; }
.PagesChiffrePays .menu{ padding-top: 33px; padding-bottom: 7px; text-align: center; color: #c10418; border-top: 1px solid #b9b4b4; clear: both; margin: 3px 5px 0 5px; font-size: 1.1em; font-weight: bold; position: relative; clear: both;  } .PagesChiffrePays .menu a.on{ font-weight: bold; color: #c10418; }
.PagesChiffrePays .menu span{ text-decoration: none; color: #323232;}
.PagesChiffrePays .menu a{ font-weight: normal; color: #323232; } 

.PagesChiffrePays .menu a:hover{ text-decoration: underline;}
.PagesChiffrePays .menu a.lienRetour{ position: absolute; top: 0; right: 0; color: #969696; background: url(../img/commun/fleche_Grise.png) no-repeat 0 4px ; padding-left: 10px; } 
.PagesChiffrePays #bas.blochangementarticle{ border: none;}

/* -------------- PAGE ARTICLE & ARTICLE DOSSIER --------------------------- */
#pagearticle { display:block; width:100%; text-align:justify; position: relative; }
#pagearticle .motscles { font-size: 1em; } #pagearticle .motscles a { color:#7c7b7b; text-decoration:underline; }
#pagearticle #texte{ font-size: 1.2em; }  #pagearticle #texte a {color:#c10418;} #pagearticle #texte  a:hover { text-decoration: underline; }
#pagearticle #texte .chapo{ font-weight: bold; margin-bottom: 20px;} /*idem pour page commentaire*/
#pagearticle .source, #pagearticle div.infos { color:#7c7b7b; font-size:9px; }



#pagearticle h1, #pagecommentaires h1 { display:block; font-size: 2em; line-height: 19px;color:#610B0C; margin: 5px 0;}
#pagearticle h2{padding-top:20px;  margin-bottom:10px;  font-size: 1.5em; clear: both; }
#pagearticle #texte p{ line-height:16px; margin-bottom:10px;}  /*Image principale de l'article */ /* Idem que agenda voir pour rassembler*/
#pagearticle .legende { display:block; width:350px; color: #7c7b7b; font-size: 10px; background:#d6d6d6; float:left; margin:3px 14px 0 0;}  /*Image principale de l'article */ /* Idem que agenda voir pour rassembler*/

#pagearticle .conteneurBoiteOutil{float: left; width: 490px; margin-right: 15px; }
.share-box{width: 145px; float: right; } .share-box .tweetmeme_share{ float: left; margin-right: 5px; } .share-box  .facebook_share{ float: left; }


#pagearticle .legende span{ padding: 2px 5px; display:block; }  /*Image principale de l'article */ /* Idem que agenda voir pour rassembler*/
#pagearticle #texte img.principale { display:block; width:350px; float:left; margin-right: 14px;} /*Image principale de l'article */ /* Idem que agenda voir pour rassembler*/
#pagearticle .copyright {float:right;}  /*Image principale de l'article */ /* Idem que agenda voir pour rassembler*/

#pagearticle #texte img{ display:inline; } /*Autres images qui peuvent se trouver dans l'article  */

/* bloc changement articles */ 
/* Utilisable dans toutes les pages articles voir d'autre type de gabarit du site, voir éventuellement à déplacer dans la partie "style commun" */
.ArticleSuivant{font-weight: bold; color: #7c7b7b; clear:both; font-size: 10px; clear: both;} 
.ArticleSuivant a{ color: #610b0c; text-decoration: none;}
.ArticleSuivant p.gch{ float: left; width: 40%; padding-top: 6px; padding-bottom: 6px; padding-right: 10%; }
.ArticleSuivant p.drt{ float: right; width: 45%; padding-top: 6px; padding-bottom: 6px; text-align: right;}
.ArticleSuivant a.bt_gch, .ArticleSuivant a.bt_drt{ display: block; width: 14px; height: 25px; margin-bottom: 10px;  } 
.ArticleSuivant a.bt_gch { background: url(../img/commun/bt_defil-gch.png) no-repeat 0 0; float: left; padding-right: 15px; }
.ArticleSuivant a:hover.bt_gch { background: url(../img/commun/bt_defil-gch.png) no-repeat 0 -25px; }
.ArticleSuivant a.bt_drt { background: url(../img/commun/bt_defil-drt.png) no-repeat 0 0; float: right; margin-left: 15px; }
.ArticleSuivant a:hover.bt_drt { background: url(../img/commun/bt_defil-drt.png) no-repeat 0 -25px;  }

/* BOITE A OUTIL */
#boiteoutil, #boiteoutil2 {clear: both; width:100%; font-size: 1.1em; border-top: #c3c3c3 dotted 1px;  border-bottom: #c3c3c3 dotted 1px; margin-bottom: 10px; }
#boiteoutil{line-height:30px;} /*#boiteoutil2 { line-height: 22px;}*/
.page_commentaires #boiteoutil{ border: none; }
#boiteoutil2 .pictoBoiteOutil2{ float: right;} #boiteoutil2 .infos{ float: left;  line-height: 22px;}
#boiteoutil a{ color: #7c7b7b; padding-right: 15px; } #boiteoutil2 a { color: #7c7b7b; }
#boiteoutil a img{ display:inline !important; padding-right: 6px; vertical-align: middle; }  #boiteoutil2 a img { display:inline !important; padding-top: 5px; padding-left: 10px; /*line-height: 22px;*/ vertical-align: middle; } 
#boiteoutil .auteur {display:block; float:right; color:#7c7b7b; padding-right:35px; line-height: 30px;} #boiteoutil2 .auteur {display:block; float:right; color:#7c7b7b; padding-right:35px; line-height: 22px;}
#boiteoutil .auteur.AFP, #boiteoutil2 .auteur.AFP { background:url(../img/commun/afp.gif) no-repeat center right;}
#boiteoutil .auteur.APANEWS, #boiteoutil2 .auteur.APANEWS  { background:url(../img/commun/apa.gif) no-repeat center right;}
#boiteoutil .auteur.XINHUA, #boiteoutil2 .auteur.XINHUA { background:url(../img/commun/chinois.gif) no-repeat center right;}
#boiteoutil .auteur.Jeune_Afrique, #boiteoutil .auteur.La_redaction_web_de_Jeune_Afrique, #boiteoutil .auteur.Redaction_web,
#boiteoutil2 .auteur.Jeune_Afrique, #boiteoutil2 .auteur.La_redaction_web_de_Jeune_Afrique, #boiteoutil2 .auteur.Redaction_web {background:url(../img/commun/ja.png) no-repeat center right; padding-right: 85px;} 

/* BOITE ARTICLES ASSOCIES */
/* Voir dans les styles communs pour a.artAssocie */
.articlesAssocies{clear: both; padding-top: 10px; margin-bottom: 15px; border-top: 1px dotted #c3c3c3; } .articlesAssocies .date{ color:#969696; font-size:1.1em; border: none; padding-left: 20px; clear: both; margin-bottom: 5px; }
.articlesAssocies .interactivite .video{ margin-left: 15px; } /* voir les autres styles dans les styles communs */
.articlesAssocies img{ display: inline; } .articlesAssocies span.savoirplus{ display: block; }
.articlesAssocies ul{ padding-left:5px; padding-right: 5px; list-style:none; margin-bottom:10px; padding-top: 13px; clear:both;} 
.articlesAssocies li { margin-bottom: 10px;} .articlesAssocies li a{ margin-bottom: 5px; }
/*.presence-video { margin-left:5px; }*/

/*--- Commentaires --- */
/* Attention une div #reaction qui se trouve dans la page breaking news pourrait entrer en conflit*/
#reactions, #reagir{ clear: both;  padding-top: 11px; padding-bottom: 11px;}
#reagir{ clear: both; border-top: #ccc 3px solid; /*border-bottom: #ccc 3px solid;*/} /*idem blocsommaire */
#reactions h4 /* #reagir h4*/ , #reagir h4 a { background: url(../img/commun/bg_reactions.png) no-repeat top left; font-size: 17px; text-transform: uppercase; color: #c10418; padding-top: 5px; padding-left: 42px;  margin-left: 7px; clear: both; }
#reactions h4 a{ color: #c10418; text-decoration: none;}
#reactions ol li, #reactions blockquote { border-bottom: solid #e6e6e6 1px; padding-top: 16px; padding-bottom: 9px; color: #969696; /*padding-left: 23px;*/ }
#reactions span.pseudo{ background: url(../img/commun/picto_commentaire.png) no-repeat top left; padding-left: 20px; font-size: 1.4em; font-weight: bold; color: #323232;}
#reactions span.date{ font-size: 1em; color: #666666;}
#reactions .numerotation{color: #969696; float: left; width: 17px; text-align: left; font-size: 1.2em; font-weight: bold; }
#reactions ol p, #reactions blockquote p{ color: #323232; font-weight: normal; padding-top: 5px; padding-left: 17px; clear: both; font-size: 1.2em; }
#reactions blockquote .infos{float: left; width: 600px; margin-top: 0; /*pour annuler le margin de base de #pagearticle div.infos */}
/* a rajouter éventuellement dans les styles communs avec les puces */
#reactions a.fleche.rouge{font-size:11px; background: 0 3px url(../img/commun/fleche_rouge.png) no-repeat; font-weight: bold; font-size: 12px; padding-left: 11px; margin-left: 5px;}
#reactions a:hover.fleche.rouge{ color: #c10418; text-decoration: underline;}
#reactions div.footer a{ display: block; float: right;}
#reactions .LienBloc{ margin-top: 2px; }
/* Form d'ajout de commentaires */
#reagir p{ padding-bottom: 10px; } #formCommentaire{font-size: 11px;}
#reagir form{ width: 390px; float: left; margin-top: 16px; padding-right: 10px; }
#reagir form input{border: 1px solid #bdbcbd; background: url(../img/commun/bg_input.png) bottom left repeat-x; }
#reagir form textarea{border: 1px solid #bdbcbd; background: url(../img/commun/bg_textarea.png) bottom left repeat-x; }
#reagir form p.avertissement{ color: #c10418;}
#reagir form p.avertissement-positif{ color: #006e00; }

/* propre à la page de tous les commentaires */
#pagearticle span.reactions{ background: url(../img/commun/picto_commentaire.png) 0 2px no-repeat; /*line-height: 12px;*/ margin-left: 5px; color: #c10418; padding-left: 20px; }
#pagearticle span.reactions a {/*#pagecommentaires a*/ font-size: 9px; text-decoration: underline; color: #c10418; /*padding-left: 20px;*/ line-height: 12px;  } 
.page_commentaires .moderation{ color: #c10418; font-size:10px; margin-top: 11px; }
.page_commentaires .moderation a{ color: #646464; text-decoration: underline; background: 0 3px url(../img/commun/fleche_GriseFondBlanc.png) no-repeat; padding-left: 10px;}
.page_commentaires .pagination, #reactions div.footer{ padding-top: 15px; padding-bottom: 15px;}
.page_commentaires .chapo{font-weight: bold; margin-bottom: 20px; font-size: 1.2em; }

/*page accueuil fil afp*/
.page_depeche ul{list-style-type: none; }
.page_depeche li{ /*padding-top: 19px;*/ padding-bottom: 19px; border-bottom: 1px dotted #c3c3c3; display: block;}
.page_depeche li .date{ font-size: 13px !important; color: #7C7B7B !important; text-decoration: none !important;}
.page_depeche li a{ font-size: 18px !important; color: #610B0C !important; } .page_depeche li a:hover{ color: #610B0C !important; text-decoration: underline !important;}
.page_depeche h1.fil_depeches{ background: none !important; font-weight: normal !important; text-transform: none !important; padding-top: 19px !important;  padding-bottom: 19px ; margin-bottom: 19px ; }

/* Nav de pagination */
/* Il s'agit d'un jQuery */
/* Voir si les styles ci-dessous ne devraient pas être mis dans les styles communs */
#pagearticle .nav, #texte .nav, #pagedossier .nav, #pageopinion .nav, #autreDiapo .nav, #autreDiapo2 .nav, #pagerdossier .nav, #emploi .nav, #pagerArticle .nav , #pagerArticle2 .nav , .breaking-news .nav, #reactions .nav, .pagemotscles .nav, .bloc_personnalites .nav, #bloc_type_dossier .nav, #liste-resultats .nav { display:block; text-align:right; font-size: 10px !important; font-weight: normal; margin-bottom: 5px; padding-top: 5px;  clear: both; border-top: 1px dotted #dddddd; }
#pagearticle .nav a, #texte .nav a, #pagedossier .nav a, #pageopinion .nav a, #autreDiapo .nav a, #autreDiapo2 .nav a, #pagerdossier .nav a, #emploi .nav a, #pagerArticle .nav a, #pagerArticle2 .nav a, .breaking-news .nav a, #reactions .nav a, .pagemotscles .nav a, .bloc_personnalites .nav a, #bloc_type_dossier .nav a, #liste-resultats .nav a{ color: #000 !important; padding: 5px; text-decoration: underline; }
#pagearticle .nav a.highlight, #texte .nav a.highlight, #pagedossier .nav a.highlight, #pageopinion .nav a.highlight, #autreDiapo .nav a.highlight, #autreDiapo2 .nav a.highlight, #pagerdossier .nav a.highlight, #emploi .nav a.highlight, #pagerArticle .nav a.highlight, #pagerArticle2 .nav a.highlight , .breaking-news .nav a.highlight, #reactions .nav a.highlight, .pagemotscles .nav a.highlight, .bloc_personnalites .nav a.highlight, #bloc_type_dossier .nav a.highlight, #liste-resultats .nav a.highlight{ text-decoration: none; color: #bb292b !important; }

#pagearticle .nav a.suivprec, #pagedossier .nav a.suivprec, #pageopinion .nav a.suivprec, #autreDiapo .nav a.suivprec, #autreDiapo2 .nav a.suivprec, #pagerdossier .nav a.suivprec, #emploi .nav a.suivprec, #pagerArticle .nav a.suivprec, #pagerArticle2 .nav a.suivprec, .breaking-news .nav a.suivprec, #reactions .nav a.suivprec, .pagemotscles .nav a.suivprec, .pagemotscles .nav a.suivprec, .bloc_personnalites .nav a.suivprec, #bloc_type_dossier .nav a.suivprec, #liste-resultats .nav a.suivprec{ color: #000;}


/*-----------Pages dossier dont page article------------------------------------------------------------------------------------ */
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*Pour le sommaire des DOSSIERS */ /* Peu éventuellement être utilisé sur d'autre template */

a.lienBlocSommaire {background: 0px 5px url(../img/commun/fleche_GriseFondBlanc.png) no-repeat; padding-left: 11px; position: absolute; top: 0; right: 0; color: #6C6A6A; font-size: 11px; text-decoration: underline; }
a:hover.lienBlocSommaire{ font-size: 11px; color: #c10418; }	
#blocsommaire{ clear: both; border-top: #ccc 3px solid; border-bottom: #ccc 3px solid; padding: 11px 0; } /*Idem reagir */
#blocsommaire h4 { color: #c10418; background: url(../img/commun/bg_titreDossier.png) no-repeat top left; font-size: 17px; text-transform: uppercase; color: #c10418; padding-top: 5px; padding-left: 42px;  margin-left: 7px; clear: both; height: 35px; }
#blocsommaire .bloccadre p a.on{ text-decoration: underline; }
/* la mise en forme de la liste est quasi identique a celle de l'index personnalité */
#blocsommaire  ul{ display:block; padding-left:5px; padding-right: 5px; list-style:none; margin-left: 27px;  padding-top: 13px; padding-bottom:10px;  /*height: 275px;*/ float: left; width: 40%;} 
#blocsommaire ul li { display:block;  padding-right: 10px;  margin-bottom: 11px; float: left; width: 100%; /*width: 150px;*/ /*height: auto; /*min-height: 45px;*/  padding-left: 11px; background:  url(../img/commun/fleche_GriseFondBlanc.png) 0px 5px no-repeat; line-height: 15px; }	
#blocsommaire ul li a{ font-size: 11px; color: #323232; }
#blocsommaire ul li a:hover, #blocsommaire ul li a.on { font-size: 11px; color: #c10418; text-decoration: underline; }	

/* Fin style pages articles */

/*HOME  dossier*/
/* Se rapproche des styles de la home des personnalités voir pour rassembler les styles plus tard */
.home_dossier h3{ font-size:  11px;  color: #fff; margin-bottom: 10px; clear: both; border-top: 3px solid #bc2a2c; padding-top: 6px; } 
.home_dossier h5 , .home_dossier h6{ font-weight: bold; clear: both; font-size:  1.1em; text-transform: uppercase; color: #6c6a6a;  }
.home_dossier h6{ background: url(../img/dossiers/bg_autresDos.png) 0 2px repeat-x;  } .home_dossier h6 span{ background-color: #fff; padding-right: 2px; }
.bloc_dossier#Une h5{ font-size: 1.3em; font-weight: bold; margin-bottom: 5px !important;} 
.home_type_dossier .bloc_dossier#Une h5{ color: #b52e22; }
.bloc_dossier{ margin-bottom: 9px; /*padding-bottom: 9px;*/ }
.home_dossier h5{ margin-bottom: 10px;}
.home_dossier .article { min-height: 114px; padding-top: 0 !important /*margin-bottom: 34px;*/} /* necessaire pour corriger un bug IE  */
.home_dossier .article img{ margin-bottom: 20px; margin-right: 13px !important; }
.home_dossier .article h2{ font-size:  19px; } .home_dossier .article h2 a{ color: #610B0C; }
.home_dossier .article .ligneSurtitre .surtitre{ font-size: 10px; color: #b52e22; }
.home_dossier .article .chapo{ margin-bottom: 5px; color: #000;}
.home_dossier .bloc_dossier#Une .article .chapo{ margin-bottom: 15px; }
.home_dossier .infos{ color: #7c7b7b; font-size: 10px; }
.home_dossier .article .auteur{ font-size: 12px; color: #7c7b7b;}
.home_dossier .lienTousLesDos img{ margin: 0; border: 0; padding-bottom: 8px; }
.home_dossier  ul{ display:block; padding-left:5px; padding-right: 5px; list-style:none; margin-left: 9px; margin-right: 9px; padding-top: 13px; padding-bottom:10px;  /*height: 275px;*/ float: left; width: 170px;} 
	.home_dossier ul li { display:block;  padding-right: 10px;  margin-bottom: 11px; float: left; width: 180px; /*height: auto; /*min-height: 45px;*/  padding-left: 11px; background:  url(../img/commun/fleche_GriseFondBlanc.png) 0px 5px no-repeat; line-height: 15px; }	
	.home_dossier ul li a { font-size: 11px; color: #323232; }
	.home_dossier ul li a:hover { font-size: 11px; color: #c10418; text-decoration: underline; }	
.bloc_dossier{ padding: 10px; border-bottom: 1px dotted #dbdbdb;}
.home_type_dossier .bloc_dossier{ padding: 0 !important;}
.bloc_dossier#Une{ border: none; }
.bloc_dossier .LienBloc img{ margin: 0;} 

#navDossiers{ border-bottom: #ccc 3px solid; background: #f2f2f2 url(../img/dossiers/bg_navDossiers.png) repeat-x bottom left; padding:15px; margin-bottom: 18px; font-size: 1.1em; }
#navDossiers a{ color: #969696; text-decoration: underline ; background: url(../img/commun/fleche_Grise.png) no-repeat 0 4px ; padding-left: 7px; padding-right: 12px;  }
#navDossiers .formatChamps{ margin-left: 70px; margin-right: 22px; float: none !important; }
#bloc_type_dossier .article{ float: left; width: 190px ; margin-right: 10px; padding-left: 8px; padding-right: 10px; border-left: 1px dotted #dbdbdb; min-height: 300px; }
#bloc_type_dossier .article img{ margin-bottom: 0; /*margin-right: 10px;*/}
#bloc_type_dossier .article.first{ padding-left: 0 !important; border: none; }
#bloc_type_dossier .article .chapo a{ font-size: 11px !important; }
#bloc_type_dossier .nav { border: none; padding-top: 20px; }

/*-----------Page accueil Personnalites ITW-PORTRAIT-PARCOURS ------------------------------------------------------------------ */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.page_personnalites h2{ font-size:  11px;  color: #fff; margin-bottom: 11px; clear: both;  border-top: 3px solid #646464; padding-top: 6px; margin-top: 10px;} 
.page_personnalites h5  {padding-top: 11px; }
.page_personnalites h5 , .page_personnalites h6{ font-weight: bold; clear: both; font-size:  11px; text-transform: uppercase;  color: #646464;  }

/* Styles particuliers à la page personnalités */
/*.page_personnalites #interview h2,*/ .page_personnalites #portraits h2, .page_personnalites #parcours h2{padding-top: 6px; margin-top: 10px;}
.page_personnalites #interview h2{ border-top: 3px solid #646464;} .page_personnalites #portraits h2{ border-top: 3px solid  #8b0e13 !important;}
.page_personnalites #parcours h2{ border-top: 3px solid  #1a92b6 !important;} 
.page_personnalites #interview h5, .page_personnalites #interview h6{ color: #646464; margin-top: 10px;}
.page_personnalites #portraits h5, .page_personnalites #portraits h6{ color: #8b0e13 !important; margin-top: 10px;}
.page_personnalites #parcours h5, .page_personnalites #parcours h6{ color: #1a92b6 !important; }

.page_personnalites #editoriaux h6, .page_personnalites #forum h6, .page_personnalites #hommage h6, .page_personnalites #post-scriptum h6{ background: url(../img/dossiers/bg_autresDos.png) 0 2px repeat-x;  }
.page_personnalites #editoriaux h6 span, .page_personnalites #forum h6 span, .page_personnalites #hommage h6 span, .page_personnalites #post-scriptum h6 span{ background-color: #fff; padding-right: 2px; } /*Idem que les dossiers */


.bloc_personnalites{ margin-bottom: 9px; /*padding-bottom: 9px;*/ }
.page_personnalites .article { min-height: 200px; /*margin-bottom: 34px;*/} /* necessaire pour corriger un bug IE  */
.page_personnalites .article h3{ font-size:  19px; } 
.page_personnalites .article .ligneSurtitre .surtitre{ font-size: 10px; color: #b52e22; } .page_personnalites .article .chapo{ margin-bottom: 15px; color: #000;}
.page_personnalites .infos{ color: #7c7b7b; font-size: 10px; }
.page_personnalites .article .auteur{ font-size: 12px; color: #7c7b7b;}
/* la mise en forme de la liste est quasi identique a celle du blocsommaire des dossiers */
.page_personnalites  ul{ display:block; padding-left:5px; padding-right: 5px; list-style:none; margin-left: 15px;  padding-top: 13px; padding-bottom:10px;  /*height: 275px;*/ float: left; width: 170px;} 
	.page_personnalites ul li { display:block;  padding-right: 10px;  margin-bottom: 11px; float: left; width: 150px; /*height: auto; /*min-height: 45px;*/  padding-left: 11px; background:  url(../img/commun/fleche_GriseFondBlanc.png) 0px 5px no-repeat; line-height: 15px; }	
	.page_personnalites ul li a { font-size: 11px; color: #323232; }
	.page_personnalites ul li a:hover { font-size: 11px; color: #c10418; text-decoration: underline; }	
	.bloc_personnalites .nav { border-top:  none; border-bottom: 1px dotted #dddddd; padding-bottom: 6px; } /* Exception par rapport aux styles communs */

/*-----Styles des pages de FORMULAIRE -------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*---utilise dans --------INSCRIPTION-et MODIFICATION--COMPTES---COMMENTAIRES--TELECHARGEMENT DES PLUS---------------------------*/
#pageformulaire{font-size: 12px; min-height: 500px; }
#pageformulaire p{font-size: 12px; }
.bordure { border:1px solid #000; background: url(../img/commun/bg_champ-from.png) bottom left repeat-x #fff; } 
#pageformulaire select{border: 1px solid #000;} /* il peut y avoir redondance entre les 2 classes */
#pageformulaire.commentaires h1{ background: url(../img/commun/bg_inscription-com.png) no-repeat top right; font-size: 18px; color: #c10418; line-height: 47px; padding-left: 59px; width:  588px; text-transform: uppercase; margin-bottom: 20px;  }
#pageformulaire.les-plus  h1, #pageformulaire.pagenewsletter  h1 {display:block; border-bottom:1px solid #c10418; font-size:16px; font-weight:bold; color:#d5081d; text-transform:uppercase; width:645px; margin-bottom:20px;} 
#pageformulaire.les-plus h2, #pageformulaire.pagenewsletter  h2{ text-transform: uppercase; font-size: 24px; margin: 0 auto 40px auto; text-align: center; font-weight: bold; }
#pageformulaire p{ padding-bottom: 20px;  }
#pageformulaire form, div.confirmation { width: 500px; margin: 0 auto 25px auto;  }
#pageformulaire form p.gch{ font-weight: bold; width: 200px; display: block; float: left;  margin-right: 10px; }
#pageformulaire form p.drt{ display: block; float: right; width: 280px; }
#pageformulaire form p.drt{ width: 280px; }
#pageformulaire form .avertissement{ font-weight: normal; color: #c10418; }
#pageformulaire form .avertissement-positif{ font-weight: normal; color: #00cc00; } /* dans le cas d'un pseudo qui est disponible par exemple*/
#pageformulaire form .encars{ clear: both; background: #f0f0f0; padding: 15px; margin-bottom: 20px;}
#pageformulaire form .submit { background:url(../img/commun/bg_submit-noir.png) no-repeat; width: 97px; height: 29px; border: none; font-size:12px; font-weight: bold; /*text-transform: uppercase;*/ color:#fff; padding-bottom:1px; padding-left: 30px; cursor:pointer; margin: 24px auto 24px auto; display: block; text-align: left; }

.formLineError{ background-color: #facccc; border: 1px red solid; padding: 5px; margin-bottom: 5px;}

/*-Fin--INSCRIPTION-et MODIFICATION--COMPTES---COMMENTAIRES---TELECHARGEMENT DES PLUS---*/

/*---------------------- PAGE CONTACTS, CGU, HDS, ARCHIVES, coucours + recherche, RECHERCHE (google)------------------------------------------------------- */
/*-------------------------------------------------------------------------------------------------------------------------------------------*/
.pageHDS p, .page_cgu p{ font-size: 1.1em; color: #7c7b7b; border-bottom: #c7c7c7 1px dotted; line-height: 20px; padding-top: 20px ; padding-bottom: 10px; }
.pageHDS p strong, .page_cgu p strong{ color: #bc2a2c; font-weight: bold; font-size: 1.2em;  }
.pageHDS p.last, .page_cgu p.last{ border: none; } 

.page_contacts/*, .resultat_googleSearch */{ color: #515151; }
.page_contacts h1{ margin-bottom: 21px;} /* voir aussi dans les styles communs */
.page_contacts h2, .cgu h2 {margin-bottom:7px; padding-top: 14px; }
.page_contacts .bloc_contacts {  border-top: 1px dotted #dddddd; margin-bottom:20px; }


/*****/
/* Les styles suivants pourront servir de base pour creer une série de styles communs pour les formulaires*/
/* formulaire façon Pop-Up qui s'affiche par dessus la page avec un fond translucide */
/* Utilise le plug-in jQuery vanadium pour les controle */
.formatChamps{ background: url(../img/commun/bg_champsForm.png) repeat-x top left;  border-top: 1px solid #828282; border-bottom: 1px solid #e1e1e1; border-right: 1px solid #ccc; border-left: 1px solid #c1c1c1 ; float: left; color: #7c7b7b; font-size: 1em; height: 17px; line-height: 17px;   }
.formMessage {color: #747373;}
.formMessage .formatChamps { width: 40%;  margin-right: 15px; float: left;}
.formMessage .fondTranslucide{height:100%; width: 100%;  position: fixed; left: 0; top: 0; z-index: 200; margin: auto; background:url(../img/commun/fond_50.png);}
.formMessage .contenuFormMessage{ overflow: visible;  width: 630px; left: 531px; position: fixed; top: 0; background: #fff;  z-index: 10000;  border: 3px gray solid; margin-top: 30px;}
.formMessage h4{color: #fff; margin: 0 auto; padding: 10px; text-align: center; font-size: 20px; font-weight: bold;  border-bottom: 1px dotted #dddddd; background: #bc292c;}
.formMessage .fermeture {font-size: 20px; display: block; height:20px; width: 20px; position: absolute; top: 0; right: 0; color: #fff; font-weight: bold;}
.formMessage label{ font-size: 12px; width:30%; display: block; float: left; margin-right: 10px; }
.formMessage form{ padding: 10px;  margin: 0 auto;  }
.formMessage form p{ padding-bottom: 1px; margin-bottom: 20px; clear: left; padding-top: 10px;  }
.formMessage form input.submit { background: url(../img/commun/bt_envoyer3.png) no-repeat; width: 62px; height: 16px; border: none; float: right; }
.formMessage textarea { height: 100px }
.vanadium-advice{ background:url(../img/commun/bg_errorForm.png) no-repeat 0 0; padding-left: 20px; padding-bottom: 10px; color: red !important; line-height: 15px; float: left; width:22%; }
/*****/
/*****/

.page_contacts p {  font-size:11px; padding:5px;}
.archives span.fil_ariane{ font-size: 13px; } .archives span.fil_ariane a{ font-weight: bold; }
.page_contacts p.last { margin-bottom:30px; display:block; }
.page_contacts a, .page_cgu a { color:#c20418; text-decoration: underline;}
.page_contacts .bloc_contacts {  border-top: 1px dotted #dddddd; margin-bottom:20px; }
.page_contacts .info {display:block; border-bottom:1px solid #c10418; font-size:11px; color:#000000; width:645px; margin-bottom:20px;}
/*.archives table.classement{ width: 100%;}*/

/*--concours--*/
.concours{font-size: 12px; background: #e6e6e6; padding: 7px; min-height: 820px; margin-bottom: 20px; }
.concours h2{color: #fff; font-size: 18px; font-weight: bold; line-height: 31px; text-transform: uppercase; background: url(../img/concours/bg_titres.png) no-repeat top left; padding-bottom: 35px; padding-left: 9px;  }
.concours p{ padding-bottom: 20px; }
.concours form .cadre{ background: url(../img/concours/bg_haut-cadre-blanc.png) no-repeat top left ; padding-top: 11px;  width: 632px; margin-bottom: 40px;}
.concours form .blocadre{ background: url(../img/concours/bg_bas-cadre-blanc.png) no-repeat bottom left #fff; width: 632px; }
.concours form .blocadre ol{ margin: 0px 0px 0px 60px; }
.concours form .blocadre ol label{ line-height: 15px; }
/*form.inscription p{  padding-bottom: 20px; }*/
form.inscription p{padding-bottom: 40px;} /*idem formMessage */
form.inscription p.intro{ color: #323232; font-size: 12px; }
form.inscription{color: #747373;}
form.inscription{ width: 550px; margin: 0 auto 20px auto; }
 div.confirmation{ width: 550px; margin: 0 auto 20px auto; font-size: 12px;s }
form.inscription label{ font-size: 12px; width:30%; display: block; float: left; margin-right: 10px; color: #7c7b7b;  } /*idem formMessage */
/*form.inscription p{margin-bottom: 20px;} /*idem formMessage */
form.inscription .formatChamps {  margin-right: 15px; width: 200px; }/*idem formMessage */
form.inscription .vanadium-advice{ font-size: 10px;  width:100px; float: none;}
form.inscription .encarsGris{ background: #f0f0f0; padding: 15px; margin-bottom: 25px; margin-top: 25px; font-size: 12px;}
form.inscription .encarsGris label{ float: none; display: inline; clear: both;  }
form.inscription .encarsGris .vanadium-advice{ float: none; margin-left: 15px;}
form.inscription input.submit { background: url(../img/commun/bt_valider.png) no-repeat; width: 82px; height: 20px; border: none; margin: 10px auto; }
/*.concours form .submit { background:url(../img/commun/bg_submit-noir.png) no-repeat; width: 97px; height: 29px; border: none; font-size:12px; font-weight: bold; text-transform: uppercase; color:#fff; padding-bottom:1px; padding-left: 30px; cursor:pointer; margin: 24px auto 24px auto; display: block; text-align: left; }*/
/*.concours form.inscription input.submit { background: url(../img/commun/bt_valider.png) no-repeat; width: 82px; height: 20px; border: none; }*/
/* Styles speciaux enquete all africa stars */
.concours form .formatChampsType2{border: 1px solid #000; margin-top: 5px; width: 99px;}
/*.concours form .formatChampsType2 option{ width: 500px !important; white-space:normal !important; }*/
.concours form .positionTerrain{text-align:center; position: absolute; } .concours form .positionTerrain img{ display: inline; padding-bottom: 5px;}

.concours form #remplacant{ color: #323232; background: url(../img/concours/africa-all-stars_bgRemplacants.jpg) no-repeat 0px 110px ; padding-left: 45px; width: 140px;  float: left; } 

.concours form #remplacant .poste{ text-transform: uppercase; font-size: 12px; margin-bottom: 9px; margin-top: 21px; font-weight: bold;}
.concours form .validerEquipe{ background: url(../img/concours/bt_valideMonEquipe.png) no-repeat top left; width: 148px !important; height: 20px !important; margin-top: 30px !important; border: none; }


.archives h2{ margin: 20px auto; text-align: center; font-size: 18px; font-weight: bold; color: #c10418;}
.archives h2 a{color: #c10418}
.archives a:hover{ text-decoration: underline; }
.archives .bloc_archive{ width: 120px; float: left; margin-left: 30px; padding-right: 10px; margin-bottom: 35px;  }
.archives .bloc_archive h2, .archives-v2 .bloc_archive h2{ text-align: left;}
.archives .bloc_archive ul{ list-style-type: none;} .archives .bloc_archive ul a{ color: #323232;}
.archives .bloc_archive ul li {  font-size: 12px; background: url(../img/commun/fleche_Grise.png) no-repeat 0 4px ; padding-left:15px; margin-top: 5px; margin-left: 0px; display: block; }

/*resultats */
.tri{ border-bottom: solid #e6e6e6 1px; line-height: 25px; }
.tri a{ color: #c10418;}
.tri .drt{text-align: right; display: block; float: right;}
.archives blockquote {  border-bottom: solid #e6e6e6 1px; padding-top: 21px; padding-bottom: 11px; color: #969696; }
.archives blockquote h3{ font-size: 1.4em; font-weight: bold; } .archives blockquote h3 a{color: #323232; }
/*.archives span.date{ font-size: 10px;}*/
.archives blockquote .numerotation{font-size: 1.2em; color: #969696; float: left; width: 20px; text-align: left; font-weight: bold; margin-right: 10px; margin-bottom: 20px; /*margin-bottom: 100%; */ }
.archives blockquote .contenu{ }
.archives blockquote p{ color: #323232; font-weight: normal; padding-top: 10px; font-size: 1.2em; padding-left: 30px; } .archives blockquote p a{ color: #323232; }
.archives blockquote .infos{ color: #666; font-size: 1.2em;   }
.archives #liste-resultats .nav{ border: none;}
.archives .pagination{ margin: 10px auto ; }
/*.archives-v2 blockquote .infos,*/ 
/*.archives blockquote p, .archives blockquote h3{  padding-left: 17px;}*/



/*--Moteur de recherches des archives --*/
.menu-searchArchives{ clear: both; /*width: 259px;*/}
.menu-searchArchives li{ float: left;  }
.menu-searchArchives li a{ display: block; height: 32px; }
.menu-searchArchives li#ongletSearchArchives0.actif{background: url(../img/archives/searchArchives-onglet0.png) no-repeat 0 0; } 
.menu-searchArchives li#ongletSearchArchives0{background: url(../img/archives/searchArchives-onglet0.png) no-repeat 0 -32px; width: 107px; } 
.menu-searchArchives li#ongletSearchArchives1.actif{background: url(../img/archives/searchArchives-onglet1.png) no-repeat 0 0; } 
.menu-searchArchives li#ongletSearchArchives1{background: url(../img/archives/searchArchives-onglet1.png) no-repeat 0 -32px; width: 152px; } 
#searchArchives{ border-bottom: 3px solid #ccc; border-right: 1px solid #ccc; border-left: 1px solid #ccc; color: #333; font-size: 1.1em; background: #fff; }
#contenuSearchArchives0{ padding: 10px; } #contenuSearchArchives0 span{font-size: 14px; font-weight: bold; }
#contenuSearchArchives1{ padding: 20px;}#contenuSearchArchives1 .formatChamps{ width: 270px;}
#searchArchives  form label{ font-size: 1.1em; width:30%; display: block; float: left; margin-right: 10px; margin-bottom: 22px; font-weight: bold; }
#searchArchives form p{ padding-bottom: 1px; /*margin-bottom: 20px;*/ clear: left;  }


/* Recherche Google et erreur 404 */
.resultat_googleSearch .gsc-control-cse{ font-family: Tahoma, Arial, Helvetica, sans-serif !important; background-color: #fff; border: 1px #ccc solid; }
.resultat_googleSearch .gsc-tabHeader{ display: none;}
.resultat_googleSearch #cse{ width: 648px; }
.resultat_googleSearch input.gsc-input{  background: url(../img/commun/bg_champsForm.png) repeat-x top left !important;  border-top: 1px solid #828282 !important; border-bottom: 1px solid #e1e1e1; border-right: 1px solid #ccc !important ; border-left: 1px solid #c1c1c1!important ; float: left; color: #7c7b7b !important; font-size: 1em !important; height: 17px !important; line-height: 17px !important;  }
.resultat_googleSearch .gs-title{ font-size: 18px;}
.resultat_googleSearch .gsc-cursor-box {border-color: #fff; text-align: right;}
/*.resultat_googleSearch .gsc-search-button{background: url(../img/commun/bt_rechercher.png) no-repeat; height: 16; width: 81px; border: none!important; margin: 0 !important; color: transparent;  }*/
.resultat_googleSearch .gsc-search-button{border: none; background: url(../img/commun/_bg_rechercher.png) no-repeat #bc292c top left !important; /*padding-left:*/ 5px; color: #fff; font-size: 9px; height: 16px; width: 81px; text-transform: uppercase; line-height: 17px; text-shadow: none !important; border: none !important; margin: 0 !important;
	}
.resultat_googleSearch .gsc-webResult.gsc-result, .gsc-webResult.gsc-result:hover, .cse .gsc-webResult.gsc-result:hover{ border-bottom: dotted 1px #c3c3c3 !important; border-top: #fff; border-right: #fff !important; border-right: #fff !important; padding-bottom: 10px !important; }

.resultat_googleSearch p.erreur{ font-size: 11px; padding-bottom: 20px;}


/*----------------------- PAGE DIAPORAMA --------------------------------------------------------------------------------------- */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.pagediapo .description { display:block; margin:20px 0;}
.pagediapo .dateauteur { text-transform:uppercase; }
.pagediapo h3 {font-size: 18px; line-height: 20px;}
#bloc-diaporama h2 { margin: 0 auto; text-align: center;} #bloc-diaporama h2 img{ display: inline; padding: 11px 0; }
#bloc-diaporama{ background:url(../img/commun/bg_oeilactu.png) #000 repeat-x; padding-bottom: 15px;}
#bloc-diaporama { border-top: #3c3b3b solid 1px; }
#fond_defil {z-index:1; background:#000; display:block; /*float:left; */width:645px; /*height:340px;*/position:relative; text-align:center;}
#fenetre_defil { z-index:100; /*overflow : hidden; */clip:rect(10px 593px 340px 52px); background:#000; display:block; float:left; width:645px;  text-align:center;}
.defilphoto { background:#000; display: block; width:540px; /*height:340px; */ text-align:center; position:relative; margin-left:auto; margin-right:auto; border: 1px solid #fff; }
.photo { background:#000; display:block;  width:540px;  min-height: 36px;}
.legendePhotoActu { position:absolute; bottom:0px; left:0px; width:530px; height:auto; color:#fff; font-size:1.2em; font-weight:bold; padding:5px; text-align:center; }
#commentairePhoto { margin: 15px auto; height:auto; display:block; width: 511px; /*float:left;*/ clear: both; text-align:justify; }
#commentairePhoto h1{font-size:11px; font-weight:normal; color:#fff; margin-right: 25px; margin-left: 25px;}
#commentairePhoto .date{color: #8b8b8b; font-size: 9px; }
#commentairePhoto a.bt_gch, #commentairePhoto a.bt_drt{ margin-top: 15px; display: block; width: 14px; height: 25px; margin-bottom: 10px;  } 
#commentairePhoto a.bt_gch { background: url(../img/commun/bt_defil-gch.png) no-repeat 0 0; float: left; padding-right: 15px; }
#commentairePhoto a:hover.bt_gch { background: url(../img/commun/bt_defil-gch.png) no-repeat 0 -25px; }
#commentairePhoto a.bt_drt { background: url(../img/commun/bt_defil-drt.png) no-repeat 0 0; float: right; margin-left: 15px; }
#commentairePhoto a:hover.bt_drt { background: url(../img/commun/bt_defil-drt.png) no-repeat 0 -25px;  }
#actuSemaine { border-bottom: 1px solid #5b5b5b; border-right: 1px solid #484747; border-left: 1px solid #484747; min-height: 50px; background: url(../img/diaporama/bg_actualiteDeLaSemaine.png) 0 0; padding: 25px; min-height: 100px;}
#actuSemaine h2 img{ display: inline; padding: 0 0 4px 0; text-align: left; float: none !important; border: none; }
#actuSemaine h3{ font-size: 1.1em; color: #fff; padding: 4px 0} #actuSemaine h3 a{ color: #fff;}
#actuSemaine .imgPrincipale img{border: 1px solid #fff; margin-right: 17px; margin-bottom: 25px;}
#actuSemaine .imgPrincipale{  float: left; width: 140px; }

.menu-actuImage li{ display: inline; font-weight: bold; } menu-actuImage li a{ font-size: 1em; text-transform: uppercase;} .menu-actuImage li a:hover{ text-decoration: none; } .menu-actuImage li.actif a{ color:  #eeba1b; text-decoration: none; } .menu-actuImage li.off a{ color:  #bdb9b9; text-decoration: underline; }


/*---------------------- PAGE METEO ---------------------------------------------------------------------------------------------*/
/*---- Aller dans le style de la colonne droite pour voir les styles du bloc present dans la page pays ------------------------- */
.pagemeteo{ margin-bottom: 20px; }
.pagemeteo .bloc_map{background:url(../img/commun/bg_HachuresGrisFonce.png) ; border: 1px solid #c3c3c3; padding: 0 7px 7px 7px; margin-bottom: 11px; } 
.pagemeteo .bloc_map .releve{color: #b7b2b2; font-size: 10px; line-height: 23px; }
.pagemeteo  .blocMeteoVille {background: url(../img/meteo/bg_blocPrevisions.png) repeat-x top left #68878f; height: 376px; /*margin-left: 5px;*/ width: 190px; /*float: right;*/ padding: 12px; color: #323232; font-size: 11px; overflow: hidden; float: left;}
.pagemeteo  .blocMeteoVille .pays{ color: #fff; text-transform: uppercase; font-weight: bold; font-size: 14px; position: relative; padding-left: 49px; height: 43px; border-bottom: 1px solid #9bc0ca; line-height: 13px; overflow: hidden; } .pagemeteo  .blocMeteoVille .pays a{ color: #fff; }

.pagemeteo  .blocMeteoVille .pays img, .pagemeteo .miniBlocMeteoVille .pays img{ display: inline; position: absolute; top: 0; left: 0;  }
.pagemeteo  .blocMeteoVille .ville{ padding-top:7px; /*padding-bottom: 7px;*/ height: 29px; font-size:14px; text-transform: uppercase; line-height: 13px;} 
.pagemeteo .miniBlocMeteoVille .ville{ /*padding-top:7px; */padding-bottom: 5px; font-size:14px; text-transform: uppercase; line-height: 13px;} 
.pagemeteo  .blocMeteoVille .ville a, .pagemeteo .miniBlocMeteoVille a{color:#313131;  font-weight:bold;  display:block;}
.pagemeteo  .blocMeteoVille .pictoMeteo{ margin: 0 auto; }
.pagemeteo  .blocMeteoVille .detail, .pagemeteo .miniBlocMeteoVille .detail{ font-weight: bold;  }
.pagemeteo  .blocMeteoVille .temperature { text-align: right; padding-right: 95px; margin-bottom: 9px;} 
.pagemeteo  .blocMeteoVille .temperature, .pagemeteo .miniBlocMeteoVille .temperature { text-align: right; margin-bottom: 9px;} 
.pagemeteo  .blocMeteoVille .temperature span, .pagemeteo .miniBlocMeteoVille .temperature span {font-size:14px; color:#fff; font-weight:bold;}
.pagemeteo .blocMeteoVille .lien{  border-top: 1px solid #9bc0ca; padding-top: 15px; margin-top: 20px; } .pagemeteo .bloc_map .blocMeteoVille .lien img{padding-top: 5px; }
.pagemeteo .miniBlocMeteoVille{ display: block; width: 400px;  height: 83px; margin-left: 6px; margin-bottom: 4px; float: left; padding: 7px; color: #323232; font-size: 11px; overflow: hidden; position: relative;}
.pagemeteo .miniBlocMeteoVille.un{ background-color: #c9dee4; }
.pagemeteo .miniBlocMeteoVille.deux{ background-color: #a4bdc4; }
.pagemeteo .miniBlocMeteoVille.trois{ background-color: #809ca3; }
.pagemeteo .miniBlocMeteoVille.quatre{ background-color: #6b8991; }
.pagemeteo .miniBlocMeteoVille .detail-temperature{ float: left; width: 100px;}
.pagemeteo .miniBlocMeteoVille .pictoMeteo{ /*float: left;*/ position: absolute; top: 0; left: 115px; }
.pagemeteo .miniBlocMeteoVille .plusDetails{width: 190px; float:left; padding-left: 110px; }

.pagemeteo #map { display:block; position:relative; width:400px; height:400px; float: left; margin-right: 15px;}
.pagemeteo #map .ville { background:url(../img/meteo/pucev.gif) no-repeat 5px 5px; padding-left:12px; color:#000; line-height:11px;}
.pagemeteo #map .villedrt { background:url(../img/meteo/pucev.gif) no-repeat center right; padding-right:12px; color:#000; line-height:11px;}
.pagemeteo #map ul { list-style:none; /*text-transform: uppercase;*/} .pagemeteo #map ul span { color: #fff; }

.pagemeteo .afrique { background:url(../img/meteo/map_afrique.jpg) no-repeat;}
.pagemeteo .afriquedusud { background:url(../img/meteo/map_afriquedusud.jpg) no-repeat;}
.pagemeteo .algerie { background:url(../img/meteo/map_algerie.jpg) no-repeat;}
.pagemeteo .angola { background:url(../img/meteo/map_angola.jpg) no-repeat;}
.pagemeteo .benin { background:url(../img/meteo/map_benin.jpg) no-repeat;}
.pagemeteo .botswana { background:url(../img/meteo/map_botswana.jpg) no-repeat;}
.pagemeteo .burkinafaso { background:url(../img/meteo/map_burkinafaso.jpg) no-repeat;}
.pagemeteo .burundi { background:url(../img/meteo/map_burundi.jpg) no-repeat;}
.pagemeteo .cameroun { background:url(../img/meteo/map_cameroun.jpg) no-repeat;}
.pagemeteo .capvert { background:url(../img/meteo/map_capvert.jpg) no-repeat;}
.pagemeteo .comores, .mayotte { background:url(../img/meteo/map_comoresetmayotte.jpg) no-repeat;}
.pagemeteo .congo { background:url(../img/meteo/map_congo.jpg) no-repeat;}
.pagemeteo .cotedivoire { background:url(../img/meteo/map_cotedivoire.jpg) no-repeat;}
.pagemeteo .djibouti { background:url(../img/meteo/map_djibouti.jpg) no-repeat;}
.pagemeteo .egypte { background:url(../img/meteo/map_egypte.jpg) no-repeat;}
.pagemeteo .erythree { background:url(../img/meteo/map_erythree.jpg) no-repeat;}
.pagemeteo .ethiopie { background:url(../img/meteo/map_ethiopie.jpg) no-repeat;}
.pagemeteo .gabon { background:url(../img/meteo/map_gabon.jpg) no-repeat;}
.pagemeteo .gambie { background:url(../img/meteo/map_gambie.jpg) no-repeat;}
.pagemeteo .ghana { background:url(../img/meteo/map_ghana.jpg) no-repeat;}
.pagemeteo .guinee { background:url(../img/meteo/map_guinee.jpg) no-repeat;}
.pagemeteo .guineeequatoriale { background:url(../img/meteo/map_guineeequatoriale.jpg) no-repeat;}
.pagemeteo .guineebissau { background:url(../img/meteo/map_guineebissau.jpg) no-repeat;}
.pagemeteo .ilemaurice { background:url(../img/meteo/map_maurice.jpg) no-repeat;}
.pagemeteo .kenya { background:url(../img/meteo/map_kenya.jpg) no-repeat;}
.pagemeteo .lesotho { background:url(../img/meteo/map_lesotho.jpg) no-repeat;}
.pagemeteo .liberia { background:url(../img/meteo/map_liberia.jpg) no-repeat;}
.pagemeteo .libye { background:url(../img/meteo/map_libye.jpg) no-repeat;}
.pagemeteo .madagascar { background:url(../img/meteo/map_madagascar.jpg) no-repeat;}
.pagemeteo .malawi { background:url(../img/meteo/map_malawi.jpg) no-repeat;}
.pagemeteo .mali { background:url(../img/meteo/map_mali.jpg) no-repeat;}
.pagemeteo .maroc { background:url(../img/meteo/map_maroc.jpg) no-repeat;}
.pagemeteo .mauritanie { background:url(../img/meteo/map_mauritanie.jpg) no-repeat;}
.pagemeteo .mozambique { background:url(../img/meteo/map_mozambique.jpg) no-repeat;}
.pagemeteo .namibie { background:url(../img/meteo/map_namibie.jpg) no-repeat;}
.pagemeteo .niger { background:url(../img/meteo/map_niger.jpg) no-repeat;}
.pagemeteo .nigeria { background:url(../img/meteo/map_nigeria.jpg) no-repeat;}
.pagemeteo .ouganda { background:url(../img/meteo/map_ouganda.jpg) no-repeat;}
.pagemeteo .centrafrique { background:url(../img/meteo/map_centrafrique.jpg) no-repeat;}
.pagemeteo .rdcongo { background:url(../img/meteo/map_rdcongo.jpg) no-repeat;}
.pagemeteo .rwanda { background:url(../img/meteo/map_rwanda.jpg) no-repeat;}
.pagemeteo .saotome { background:url(../img/meteo/map_saotome.jpg) no-repeat;}
.pagemeteo .senegal { background:url(../img/meteo/map_senegal.jpg) no-repeat;}
.pagemeteo .seychelles { background:url(../img/meteo/map_seychelles.jpg) no-repeat;}
.pagemeteo .sierraleone { background:url(../img/meteo/map_sierraleone.jpg) no-repeat;}
.pagemeteo .somalie { background:url(../img/meteo/map_somalie.jpg) no-repeat;}
.pagemeteo .soudan { background:url(../img/meteo/map_soudan.jpg) no-repeat;}
.pagemeteo .swaziland { background:url(../img/meteo/map_swaziland.jpg) no-repeat;}
.pagemeteo .tanzanie { background:url(../img/meteo/map_tanzanie.jpg) no-repeat;}
.pagemeteo .tchad { background:url(../img/meteo/map_tchad.jpg) no-repeat;}
.pagemeteo .togo { background:url(../img/meteo/map_togo.jpg) no-repeat;}
.pagemeteo .tunisie { background:url(../img/meteo/map_tunisie.jpg) no-repeat;}
.pagemeteo .zambie { background:url(../img/meteo/map_zambie.jpg) no-repeat;}
.pagemeteo .zimbabwe { background:url(../img/meteo/map_zimbabwe.jpg) no-repeat;}

/*.prevision { display:inline-block; color:#000; font-size:11px; position:relative; width:390px; height:128px; padding:5px; margin-bottom:10px; }
.prevision.bleu { background:url(../img/meteo/bg_bleu.gif) repeat-x; }
.prevision.grisbleu { background:url(../img/meteo/bg_grisbleu.gif) repeat-x; }
.prevision.gris { background:url(../img/meteo/bg_gris.gif) repeat-x; }
.prevision .jour { text-transform:uppercase; font-size:14px; font-weight:bold; margin:5px;}

.villetemps { display:block; float:left; width:100px; margin-left:20px; margin-top:15px;}
.villetemps .ville,.villetemps .ville a, .villetemps .temps { color:#646464;}
.villetemps .ville { text-transform:uppercase; font-size:12px; font-weight:bold; text-decoration:underline;}
.villetemps .temperature {font-size:34px; line-height:22px; color:#ca0418; line-height:40px;}
.infotemps { display:block; float:left; margin-top:15px; width:200px;}*/

.bouton a { display:block; width:75px; height:17px; font-size:10px; font-weight:bold; text-transform:uppercase; margin-top:5px; text-align:center; }
.bouton a.off { background:url(../img/meteo/bg_off.gif) repeat-x; }
.bouton a.actif{ color:#fff; background:url(../img/meteo/bg_on.gif) repeat-x;}
/*.Bensoleillement { background:url(../img/meteo/temps_off.gif) no-repeat; width:27px; height:43px; cursor:pointer;}
.Bensoleillement.on2 { cursor:text; background:url(../img/meteo/temps_on.gif) no-repeat;}
.Btemperature { background:url(../img/meteo/temperature_off.gif) no-repeat; width:27px; height:43px; cursor:pointer;}
.Btemperature.on3 { cursor:text; background:url(../img/meteo/temperature_on.gif) no-repeat;}
.bouton_autre { display:block; margin:10px auto; background:url(../img/commun/bg_bouton.gif) no-repeat; width:78px; height:17px; text-align:center; cursor:pointer; font-family:Arial, Helvetica, sans-serif; font-size:11px; padding-top:2px;}
.bouton_autre { color:#787878;}*/

/*#mapPM { display:none;}*/
/*.map_temperature { display:none;}
.map_ensoleillement { display:block; height:55px; margin:-2px 0;}*/

#liste_pays_img_titre{ }
#liste_pays {clear: both;  border-top:3px solid #bc2a2c;}
#liste_pays p {margin:23px 10px; font-size:11px; color:#ca0418; font-weight:normal;}
#liste_pays ul {display:block; list-style:none;  margin-top: 14px; }
#liste_pays li {background: url(../img/commun/fleche_Grise.png) no-repeat 0 4px ; padding-left: 10px; margin-left: 11px; width: 190px; float: left; }
#liste_pays li a { color: #6c6a6a; text-transform: uppercase; font-weight: bold;}
/*#liste_pays li ul li { background:none; text-transform:none;}
#liste_pays li ul { display:none;}
#liste_pays ul.off  { display:none;}
#liste_pays ul.on  { display:block;} */


/*---------------------- PAGE video -------------------------------------------------------------------------------------------- */
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
.pagevideo #blocvideoprincipal{background: url(../img/videos/bg_blocvideoprincipal.png) #000 ; border: 1px solid #605c5c; min-height: 669px;  padding: 8px; width: 641px;/*657 - 16px de padding */}
#blocvideoprincipal .coldroite{ float: right; width: 231px;} #blocvideoprincipal .colgauche{ float: left; width: 410px;}
#blocvideoprincipal .colgauche h3{ margin: 0 auto 6px 0; text-align: center;} #blocvideoprincipal .colgauche h3 img{ display: inline;} 
#blocvideoprincipal .articlesAssocies{ border: none;}
.pagevideo .note, .chaines-JA .note{ color: #787676;  display: block;} .pagevideo .note img, .chaines-JA .note img{ display: inline; border: none; }
.menu-topVideo li{ float: left;  }
.menu-topVideo li a{ display: block; height: 23px; }
.menu-topVideo li#onglet0.actif{background: url(../img/videos/topVideos-onglet0.png) no-repeat 0 0; width: 87px;} 
.menu-topVideo li#onglet0{background: url(../img/videos/topVideos-onglet0.png) no-repeat 0 -23px; width: 87px;} 
.menu-topVideo li#onglet1.actif{background: url(../img/videos/topVideos-onglet1.png) no-repeat 0 0; width: 65px;}
.menu-topVideo li#onglet1{background: url(../img/videos/topVideos-onglet1.png) no-repeat 0 -23px; width: 65px;}
.menu-topVideo li#onglet2.actif{background: url(../img/videos/topVideos-onglet2.png) no-repeat 0 0; width: 79px;}
.menu-topVideo li#onglet2{background: url(../img/videos/topVideos-onglet2.png) no-repeat 0 -23px; width: 79px;}
#topVideo {clear: both; width:229px; padding-bottom: 5px; border-right:1px solid #d3d3cc; border-bottom:1px solid #d3d3cc; border-left:1px solid #d3d3cc; 
background: url(../img/videos/bg_topVideos.png) top left; }
#topVideo ul {list-style-type: none; margin:0; padding: 34px 21px 0 21px; }
#topVideo li{/*line-height: 14px;*/ padding-bottom:25px; color: #6c6a6a; font-size: 1.1em; clear: both; min-height: 45px;} #topVideo li.last{ border-bottom: none;}
#topVideo li h3{font-size: 11px; margin: 0 !important; padding: 0 !important;}
#topVideo li, #topVideo li a{ color: #fff;  } .colonne_centre #topVideo li a:hover{ text-decoration: underline; }
#topVideo .imagesVideos{ float: left; width: 60px; margin-right: 10px; display: block;  }
#topVideo img.visuVideo {border: 1px solid #585858;  }
#topVideo span.note{ font-size: 11px; } 
#player{ border: 1px solid #605c5c; width: 400px; height: 300px; }
#blocvideoprincipal .description { padding: 0 5px 0 0; color: #fff; }
#blocvideoprincipal .description .infos {color:#7f7f81; font-size: 0.9em; display: block; padding-top: 5px; padding-bottom: 17px; }
#blocvideoprincipal .description .infos img{ display: inline;}
#blocvideoprincipal .description h1{ font-size: 1.9em; margin-bottom: 9px;}
#blocvideoprincipal .description .texte{ font-size: 1.2em; color: #878888; }
#blocvideoprincipal .description #notation{ border: 1px solid #eeba1b; background:url(../img/videos/bg_notation.png) 0 0 no-repeat; width: 70px; height: 14px; padding-left: 107px; margin: 15px 0; float: right;  }
#blocvideoprincipal .description #notation.merci{ border: 1px solid #eeba1b; background:url(../img/videos/bg_notationMerci.png) 0 0 no-repeat; width: 70px; height: 14px; padding-left: 107px; margin: 15px 0; float: right;  }
#blocvideoprincipal .description #notation a{ display: block; width: 12px; height: 14px; background: url(../img/videos/bg_note-etoile.png) 0 -14px no-repeat; float: left;}
#blocvideoprincipal .description #notation a:hover{ display: block; width: 12px; height: 14px; background: url(../img/videos/bg_note-etoile.png) 0 0 no-repeat; float: left;}
#blocvideoprincipal .description #notation a.ON{display: block; width: 12px; height: 14px; background: url(../img/videos/bg_note-etoile.png) 0 0 no-repeat; float: left;}

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

.chaines-JA{ padding-top: 27px; margin-top: 18px; width:967px; background: url(../img/videos/bg_chaines.png) top left repeat-x #000; position: relative; clear: both;  margin: 0;  min-height: 650px; border-right: #605c5c 1px solid; border-bottom: #605c5c 1px solid; border-left: #605c5c 1px solid; }
.chaines-JA p.avertissement{ text-align: center; color:#ccc; font-weight: bold; }
.chaines-JA p.avertissement img{display: inline;}

.menu-chaines-JA { clear: both; padding-top: 18px;}
.menu-chaines-JA li{ float: left;  }
.menu-chaines-JA li a{ display: block; height: 22px; }
.menu-chaines-JA li#chaine0.actif{background: url(../img/videos/chaines-onglet0.png) no-repeat 0 0; width: 110px;} 
.menu-chaines-JA li#chaine0{background: url(../img/videos/chaines-onglet0.png) no-repeat 0 -22px; width: 110px;} 
.menu-chaines-JA li#chaine1.actif{background: url(../img/videos/chaines-onglet1.png) no-repeat 0 0; width: 84px;}
.menu-chaines-JA li#chaine1{background: url(../img/videos/chaines-onglet1.png) no-repeat 0 -22px; width: 84px;}
.menu-chaines-JA li#chaine2.actif{background: url(../img/videos/chaines-onglet2.png) no-repeat 0 0; width: 69px;}
.menu-chaines-JA li#chaine2{background: url(../img/videos/chaines-onglet2.png) no-repeat 0 -22px; width: 69px;}
.menu-chaines-JA li#chaine3.actif{background: url(../img/videos/chaines-onglet3.png) no-repeat 0 0; width: 69px;}
.menu-chaines-JA li#chaine3{background: url(../img/videos/chaines-onglet3.png) no-repeat 0 -22px; width: 69px;}
.menu-chaines-JA li#chaine4.actif{background: url(../img/videos/chaines-onglet4.png) no-repeat 0 0; width: 58px;}
.menu-chaines-JA li#chaine4{background: url(../img/videos/chaines-onglet4.png) no-repeat 0 -22px; width: 58px;}
.menu-chaines-JA li#chaine5.actif{background: url(../img/videos/chaines-onglet5.png) no-repeat 0 0; width: 62px;}
.menu-chaines-JA li#chaine5{background: url(../img/videos/chaines-onglet5.png) no-repeat 0 -22px; width: 62px;}
.menu-chaines-JA li#chaine6.actif{background: url(../img/videos/chaines-onglet6.png) no-repeat 0 0; width: 50px;}
.menu-chaines-JA li#chaine6{background: url(../img/videos/chaines-onglet6.png) no-repeat 0 -22px; width: 50px;}
.chaines-JA  .previsuVideo{ width: 115px; float: left; padding-bottom: 15px; margin-left: 20px; position: relative; min-height: 200px; overflow: hidden; }
.chaines-JA .previsuVideo h3{font-size: 1.1em;} .chaines-JA .previsuVideo h3 a{ color: #fff; }
.chaines-JA .previsuVideo img.visuarticle{ display: block; }

	/*--- Voir autres styles liés à PAGINATION ---*/
	.chaines-JA .nav{ width: 100% ; text-align: center;/* margin-bottom:20px;*/ clear: both; font-size: 1.1em; font-weight: bold; margin-bottom: 20px; padding-right: 20px; }
	.chaines-JA .nav a{ color: #fff; padding: 5px; text-decoration: underline;} .chaines-JA .nav a.highlight{ text-decoration: none; color: #fdda7f;}
	.chaines-JA .nav a.suivprec{  color: #fdda7f;}
	
/*---------------------- PAGE RECHERCHE MOT CLE -------------------------------------------------------------------------------- */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.pagemotscles h1{text-transform: uppercase; color: #eeba1b;  } /*Idem page Agenda */
.pagemotscles h1 img{ float: left } .pagemotscles h1 span{ font-size: 12px; line-height: 19px; } /*Idem page Agenda */
.menu-motsCles { clear: both; padding-top: 18px;}
.menu-motsCles li{ float: left;  }
.menu-motsCles li a{ display: block; height: 32px; width: 107px; }
.menu-motsCles li#ongletMotsCles0.actif{background: url(../img/mot-cle/motsCles-onglet0.png) no-repeat 0 0; } 
.menu-motsCles li#ongletMotsCles0{background: url(../img/mot-cle/motsCles-onglet0.png) no-repeat 0 -32px; } 
.menu-motsCles li#ongletMotsCles1.actif{background: url(../img/mot-cle/motsCles-onglet1.png) no-repeat 0 0; } 
.menu-motsCles li#ongletMotsCles1{background: url(../img/mot-cle/motsCles-onglet1.png) no-repeat 0 -32px;} 
.menu-motsCles li#ongletMotsCles2.actif{background: url(../img/mot-cle/motsCles-onglet2.png) no-repeat 0 0; } 
.menu-motsCles li#ongletMotsCles2{background: url(../img/mot-cle/motsCles-onglet2.png) no-repeat 0 -32px;} 
.pagemotscles .conteneur{ border-right: 1px #dddddd solid; border-bottom: 1px #dddddd solid; border-left: 1px #dddddd solid; padding: 5px; clear: both;}
.pagemotscles .conteneur .article{ border-bottom: 1px dotted #dddddd; clear: left; min-height: 90px; }
.pagemotscles .conteneur #contenuMotsCles1 a{ position: relative; display: block; } /* pour le fauxplayer */
.pagemotscles .conteneur #contenuMotsCles1 img.play{ border: none; position: absolute; top: 25px; left: 55px;} /* pour le fauxplayer */
.pagemotscles .conteneur .article.last{ border: none; }


/*---------------------- PAGE Agenda -------------------------------------------------------------------------------- */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.pageagenda h1{ color: #4a4848; font-size: 24px; font-weight: bold;}
.pageagenda h3{text-transform: uppercase; color: #eeba1b;  } /*Idem  pagemotscles */
.pageagenda h3 img{ float: left } .pageagenda h3 span{ font-size: 12px; line-height: 19px; } /*Idem  pagemotscles */
.pageagenda .menu-Agenda{  border-bottom: 3px solid #666666; padding-bottom:25px; text-align: right; font-size: 1.1em;  padding-left: 60px;} 
.pageagenda .menu-Agenda li.actif a, .pageagenda .menu-Agenda li.actif { color: #bc2a2c; font-weight: bold; letter-spacing: 0.1em; }
.pageagenda .menu-Agenda li{ padding: 0 7px; } .pageagenda .menu-Agenda li{  float: left; border-right: 1px solid #323232;/*display: inline;*/} .pageagenda .menu-Agenda li.last{ border: none; }
#contenuPageAgenda{ padding: 15px; border-bottom: 3px solid #666666; padding-bottom:12px; clear: both; }  #contenuPageAgenda .bloc_agenda{ border-top: #c3c3c3 1px dotted; padding-top: 10px; padding-bottom: 10px; } #contenuPageAgenda .bloc_agenda p{ padding-left: 7px; } #contenuPageAgenda .bloc_agenda img{ display: inline; }
#contenuPageAgenda .date, #contenuPageAgenda .lieu{ font-size:1.4em; }#contenuPageAgenda .date{ color:#bc2a2c !important; padding-right: 5px; font-weight: bold; } 
#contenuPageAgenda .lieu{ color:#323232 !important;  font-weight:normal !important; text-transform: uppercase !important; }
#contenuPageAgenda h2, ul.infosPratiques li{margin-top: 7px; padding-left: 7px;  font-size: 11px; font-weight: bold; color: #4a4848; background: url(../img/commun/fleche_GriseFondBlanc.png) 0 5px no-repeat;  } ul.infosPratiques { font-size: 14px; font-weight: bold; color: #4a4848; width: 200px; float: left; } ul.infosPratiques span.gch{ color: #4a4848; } ul.infosPratiques span.drt{ color: #787878; }
#contenuPageAgenda .chapo{ font-size: 11px; color: #323232;} #contenuPageAgenda .url a{ font-size: 11px; color: #808080 !important;}
.pageagenda .signature, .pageagenda .partenariat{ font-size: 11px; text-align: right; padding-top: 8px; /*padding-bottom: 8px;*/  }
.pageagenda #texte p{ line-height:16px; margin-bottom:10px; font-size: 12px;}  /*Image principale de l'article */ /* Idem que article voir pour rassembler*/
.pageagenda .legende { display:block; width:350px; color: #7c7b7b; font-size: 10px; background:#d6d6d6; float:left; margin:3px 14px 0 0;}  /*Image principale de l'article */ /* Idem que article voir pour rassembler*/
.pageagenda .legende span{ padding: 2px 5px; display:block; }  /*Image principale de l'article */ /* Idem que article voir pour rassembler*/
.pageagenda #texte img.principale { display:block; width:350px; float:left; margin-right: 14px;} /*Image principale de l'article */ /* Idem que article voir pour rassembler*/
.pageagenda .copyright {float:right;}  /*Image principale de l'article */ /* Idem que article voir pour rassembler*/




/*----------------------PAGES annonces ----------------------------------------------------------------------------------------- */
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* Voir pour changer la classe en page_annonce---------------------------------------------------------------------------------- */
.pageAnnonce .pdf {display:block; width:645px;}
.pageAnnonce .pdf_logo {display:block; border-bottom:1px solid #8B8B8B; width:645px; margin-top:5px; margin-bottom:20px;}
.pageAnnonce { padding-bottom:10px; margin-top:20px;}
.pageAnnonce ul {list-style-type: none;  padding-bottom:5px; margin-top: 15px;}
.pageAnnonce li{ border-bottom: 1px #d3d3d3 solid; padding:6px; margin-bottom: 3px; clear:both;}
.pageAnnonce li a { font-weight:bold; color:#762c2c; font-size: 13px; background: url(../img/commun/bg_listePointGrisClaire.png) top left no-repeat; text-indent: 9px; display: block;}
.pageAnnonce li a:hover{ color: #bc2a2c; text-decoration: underline;}
.pageAnnonce .employeur{ color:#777775 !important;  font-weight:normal !important; font-size: 12px !important;  }  
.pageAnnonce .date { font-size:10px; font-weight:normal !important; color:#8B8B8B;}
.pageAnnonce .pays{ color:#323232 !important;  font-weight:bold !important; font-size: 12px !important;  }

.pageAnnonce .lire { color:#C4292D; font-size:10px; margin-top:10px; margin-left: 10px; padding-left:7px;/* padding-bottom:14px;*/ display:block; background:url(../img/commun/fleche_rouge.png) no-repeat 0 2px;}
.pageAnnonce a.lire  { color:#C4292D; text-decoration: underline !important;} /*.pageAnnonce p {font-size:12px; padding:5px;} .pageAnnonce a { color:#B10112; }*/


/*---------------------- PAGES RSS & WIDGET ------------------------------------------------------------------------------------ */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.page_rss{ color: #515151; }
.page_rss h2{ font-size: 1.8em; font-weight: bold; margin-bottom: 19px;}
.page_rss h3{ font-size: 12px; font-weight: bold; color: #c10418; margin-top: 50px;  margin-bottom: 37px;clear:both;}
.page_rss p{ font-size:12px; padding-bottom: 19px;} /*.page_rss ul {  font-size:12px; list-style-type: none; }
.page_rss li {clear:both; } */.page_rss .gch{ display:block; float:left; width:40%; margin-bottom: 15px;}
.page_rss .listRSS{ font-size: 1.2em; clear: both;}
.page_rss .listRSS li {clear:both; } 
.page_rss .drt{ display:block; float:left; width:60%; line-height:17px;} .page_rss .drt img{ display: inline; padding-right: 13px;}

.menu-pageRss { clear: both; padding-top: 18px;}
.menu-pageRss li{ float: left;  }
.menu-pageRss li a{ display: block; height: 32px; width: 107px; }
.menu-pageRss li#ongletPageRss0.actif{background: url(../img/rss/pageRss-onglet0.png) no-repeat 0 0; } 
.menu-pageRss li#ongletPageRss0{background: url(../img/rss/pageRss-onglet0.png) no-repeat 0 -32px; } 
.menu-pageRss li#ongletPageRss1.actif{background: url(../img/rss/pageRss-onglet1.png) no-repeat 0 0; } 
.menu-pageRss li#ongletPageRss1{background: url(../img/rss/pageRss-onglet1.png) no-repeat 0 -32px;} 
.menu-pageRss li#ongletPageRss2.actif{background: url(../img/rss/pageRss-onglet2.png) no-repeat 0 0; } 
.menu-pageRss li#ongletPageRss2{background: url(../img/rss/pageRss-onglet2.png) no-repeat 0 -32px;} 
.menu-pageRss li#ongletPageRss3.actif{background: url(../img/rss/pageRss-onglet3.png) no-repeat 0 0; } 
.menu-pageRss li#ongletPageRss3{background: url(../img/rss/pageRss-onglet3.png) no-repeat 0 -32px;} 

.page_rss .conteneur{ border-right: 1px #dddddd solid; border-bottom: 1px #dddddd solid; border-left: 1px #dddddd solid; padding: 30px 15px; clear: both; background: #fff;}

/*.pagemotscles .conteneur #contenuMotsCles1 a{ position: relative; display: block; } /* pour le fauxplayer */

.page_rss div#widget{ /*width: 511px;*/ background-image: url(../img/commun/bg_HachuresGrisFonce.png);/* margin: 40px auto;*/ padding: 35px 15px;  } 
.page_rss div#widget #installation-widget{ color: #fff; padding-top: 45px; width: 220px; float: left; } .page_rss div#widget #installation-widget p{font-size: 11px; text-align: justify; } 

/*---------------------- PAGE présentation I-PHONE ----------------------------------------------------------------------------- */
.pageIphone { min-height: 600px; font-size: 1.2em; }
.pageIphone h1{ color: #b52e22; font-size: 1.2em; font-weight: bold; margin: 19px 0;}
.pageIphone #presentation{ padding: 0 12px 0 23px; width: 310px; float: right; }
.pageIphone ul{ color: #7a7a7a; font-size: 11px; list-style-image: none; list-style-type: none; margin-left: 8px; margin-bottom: 20px; }
.pageIphone li{ padding-left: 11px; background:  url(../img/commun/fleche_GriseFondBlanc.png) 0px 5px no-repeat; line-height: 15px; }


/*---------------------- PAGES BREAKING NEWS ----------------------------------------------------------------------------------- */
/*-- pour l'onglet de la page d'accueil breaking-news niv 2 VOIR PLUS HAUT-------------------------------------------------------*/
.breaking-news h1{text-transform: uppercase; color: #eeba1b;  }
.breaking-news h1 img, .breaking-news .bloc_accueil h4 img{ float: left }
.breaking-news .bloc_accueil h4{ margin-top: 10px; }
/*.breaking-news span.date{ text-transform: none; color: #c10418; font-size:10px; border: none; }*/
.breaking-news #video{ background: url(../img/breaking-news/t_les-videos.png) top left no-repeat #f5f5f5; width: 633px; padding: 42px 7px 7px 7px; border: 1px #bababa solid; margin-top: 22px;}
.breaking-news #pagervideo{ margin-bottom: 20px;} /* style provisoire car il n'y a pas de pagination*/
.breaking-news .bloc_accueil .article{clear: both; padding-top: 10px; min-height: 86px; }
.breaking-news #video .article{ clear: both; padding-top: 10px; padding-bottom: 14px; border-bottom: 1px solid #dfdede; min-height: 86px; }
.breaking-news #video .article.last, .breaking-news #les-reactions .article.last{ border: none; }
.breaking-news #les-reactions{ background: url(../img/breaking-news/t_les-reactions.png) top left no-repeat; width: 646px;  margin-top: 22px;   padding-top: 23px;  }
.breaking-news #les-reactions .bloccadre{background: #f5f5f5; border-right: 1px #bababa solid; border-bottom: 1px #bababa solid; border-left: 1px #bababa solid; padding: 0px 7px 7px 7px;}
.breaking-news .article{ border-bottom: 1px solid #dddddd; clear: left; min-height: 90px; }
.breaking-news .article.last{ border: none; }
.breaking-news .conteneur #contenuMotsCles1 a{ position: relative; display: block; } /* pour le fauxplayer */
.breaking-news .conteneur #contenuMotsCles1 img.play{ border: none; position: absolute; top: 25px; left: 55px;} /* pour le fauxplayer */
.breaking-news .nav{border-bottom: 1px dotted #dddddd !important; border-top: none !important; padding-bottom: 5px; } /*exception par rapport aux styles communs */
.breaking-news .intro{ font-size: 14px; margin-top: 10px; margin-bottom: 10px; text-align: justify; color: #666; font-weight: bold;}


/*---------------------- PAGES DECOUVERTE BOUTIQUE HS, et decouverte des PLUS de JA --------------------------- */
.pagePromoBoutique {color: #fff; font-size: 11px; margin-bottom: 20px;}
.pagePromoBoutique h1{ font-size: 20px; text-align:center; margin-bottom: 20px; } .pagePromoBoutique h1 span{ font-size: 12px; }
#bloc-promo{ background: url(../img/commun/bg_oeilactu.png) #000 repeat-x; padding-top: 7px; padding-left: 43px; padding-bottom: 15px; }
#bloc-promo .blocCouv{ float: left; width: 180px; margin-right: 20px; } #bloc-promo #couv{ border-top: 1px solid #3c3b3b; margin-bottom: 26px;}
#bloc-promo .blocCouv a.lienDemo{ background: url(../img/commun/fleche_Grise.png) no-repeat 0 4px ; color: #7c7b7b; text-decoration: underline;  padding-left: 14px; }
#bloc-promo .blocCouv a.lienDemo, #bloc-promo .blocCouv a.lienDemo2{ margin-left: 10px;  display: block;}
#bloc-promo .blocCouv a.lienDemo2{padding-bottom: 9px;}
#bloc-promo .texte-promo{ float: right; width: 400px; }
#bloc-promo .texte-promo p{  padding-bottom: 20px; padding-left: 15px; padding-right: 15px;}
#bloc-promo .texte-promo ul{  padding-bottom: 20px; width: 80%; margin: 0 auto;}
.autresHS{  border-bottom: 1px solid #5b5b5b; border-right: 1px solid #484747; border-left: 1px solid #484747; background: url(../img/diaporama/bg_actualiteDeLaSemaine.png) 0 0; padding: 8px 14px 23px 14px; min-height: 100px; }
.autresHS dl{ width: 258px; float: left; color: #fff; margin-top: 21px; margin-left: 34px; } .autresHS dl dt img{ float: left; padding-right: 16px; } .autresHS dl a{color: #fff;}

/*---------------------- Les PLUS de JA -page de présentation et promo Boutique Jaguar-------------------------------------- */
/*-----Pour le formulaire voir dans les styles des formulaires-------------------------------------------------------------- */
.les-plus-de-ja {  color: #323232;}
.bloc-plus{background: url(../img/diaporama/bg_actualiteDeLaSemaine.png) 0 0; min-height: 500px; padding: 20px; color: #fff; font-weight: bold; position: relative; margin-bottom: 20px;}
.bloc-plus .couv{ border: 1px #a9a9a9 solid; margin-right: 30px; margin-bottom: 30px; float: left; }
.les-plus-de-ja h1{ font-weight: bold; text-align: center; font-size: 20px; color: #ffee00; margin-top: 10px; margin-bottom: 35px;}
.les-plus-de-ja h1 span{ font-size: 24px; text-transform: uppercase; color: #fff;}
.bloc-plus .chapo{ font-size: 13px; padding-bottom: 25px; text-align: justify; }
.bloc-demo{ width: 300px; float: right; text-align: center; margin-bottom: 20px; }
.bloc-demo img{display: inline; }
.bloc-demo a, .les-plus-de-ja dl a span{ color: #fff; font-size: 12px; font-weight: bold;}
.bloc-demo a span{  font-size: 14px; text-transform: uppercase; color: #ffee00; text-decoration: underline;  padding-top: 75px;}
.les-plus-de-ja dl{ padding-top: 14px;}
.les-plus-de-ja dt a{ text-decoration: none;  font-size: 14px;  color: #ffee00;  }
.les-plus-de-ja dt{ padding-bottom: 10px;} .les-plus-de-ja dd .chapo{ font-size: 11px !important; width: 350px !important; margin-left: 14px; text-align: left !important;   } 
.les-plus-de-ja dd .chapo a{ color: #fff; }
/*.les-plus-de-ja dd img{ float: left; border: 1px solid #c0c0c0;}*/
a.lienRetour, a.lienEnSavoirplus{ background: url(../img/commun/fleche_Grise.png) no-repeat 0 4px ; padding-left: 10px; color: #969696; text-decoration: underline;  font-weight: normal; font-size: 11px;  }
a.lienRetour{ position: absolute; bottom: 30px; right: 30px; display: block;} /* Voir pour créer un style commun */
.les-plus-de-ja dl{background:url(../img/les-plus/commun/bg_border-tous-plus.png) repeat-x bottom left;}

/********/ /* A DEPLACER DANS 1 @IMPORT DES QUE POSSIBLE */
a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(../img/commun/calendar.png) no-repeat; 
	display: none; /*désactiver pour des raisons de maquette */
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	width: 140px;
	float: left;
}

/******/

table.jCalendar {
	/*border: 1px solid #000;*/
	background: #aaa;
    border-collapse: separate;
    border-spacing: 2px;
	width: 100%; /* Ajout CB */
}
table.jCalendar th {
	background: #bc2a2c;
	color: #fff;
	font-weight: bold;
	padding: 3px 5px;
}

table.jCalendar td {
	/*background: #ccc; */
	background: #fff;
	color: #000;
	padding: 3px 5px;
	text-align: center;
}
table.jCalendar td.other-month {
	background: #ddd;
	color: #aaa;
}
table.jCalendar td.today {
	background: #666;
	color: #fff;
}
table.jCalendar td.selected {
	background: #f66;
	color: #fff;
}
table.jCalendar td.selected.dp-hover {
	background: #f33;
	color: #fff;
}
table.jCalendar td.dp-hover,
table.jCalendar tr.activeWeekHover td {
	background: #fff;
	color: #000;
}
table.jCalendar tr.selectedWeek td {
	background: #f66;
	color: #fff;
}
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {
	background: #bbb;
	color: #888;
}
table.jCalendar td.unselectable,
table.jCalendar td.unselectable:hover,
table.jCalendar td.unselectable.dp-hover {
	background: #bbb;
	color: #888;
}

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

div.dp-popup {
	position: relative;
	background: #fff;
	/*font-size: 10px;*/
	font-size: 14px;
	/*font-family: arial, sans-serif;*/
	padding: 2px;
	width: 298px;
	line-height: 1.2em;
}
div#dp-popup {
	position: absolute;
	z-index: 20000;
}
div.dp-popup h2 {
	font-size: 12px;
	text-align: center;
	margin: 2px 0;
	padding: 0;
	font-weight: bold;
	letter-spacing: 0.1em;
}
a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {
	text-decoration: underline;
}
div.dp-popup a {
	color: #000;
	text-decoration: none;
	padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-prev a {
	float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
	cursor: default;
}
div.dp-popup div.dp-nav-next {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-next a {
	float: right;
}
div.dp-popup a.disabled {
	cursor: default;
	color: #aaa;
}
div.dp-popup td {
	cursor: pointer;
}
div.dp-popup td.disabled {
	cursor: default;
}

.dp-nav-prev-year, .dp-nav-next-year{ display: none; } /* desactivation du passage a l'annee suivante et précédante */

/********/ /* A DEPLACER DANS 1 @IMPORT DES QUE POSSIBLE */