@charset "utf-8";
/* CSS Document */ /* Feuille de style principale du site JA.com */
/*font: bold 110%/normal Tahoma, Arial, sans-serif;*/
/***** [ Reset css ] ****/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0; font-weight: inherit; font-style: inherit;font-size: 100%;font-family: inherit; vertical-align: baseline; } :focus {outline: 0;} ol, ul {list-style: none;} table {border-collapse: separate;border-spacing: 0;} caption, th, td {text-align: left;font-weight: normal;}

/***** [ init ] ****/
a{color:#000;} a, a:link, a:visited{text-decoration:none;} a:hover, a:focus {text-decoration: underline;} 
body {color:#000; font-size: 0.625em; font-family: Tahoma, Arial, Helvetica, sans-serif; background-color: #e3e3e3; }
img{display: block; font-size:  1em;} a img{border: 0;} input, select, option, textarea {font-family:Tahoma, Arial, Helvetica, sans-serif; }

/***** BASE--DU--SITE ******/
#conteneur {margin: 11px auto; width:1000px;} /* conteneur principal de tout le site */ /*Les enfants directs de #conteneur sont #page, #footer, #leaderboard_pub */ 
	#footer{ clear: both; text-align: center;} #footer a{font-weight: normal; font-size: 1em; text-decoration: underline; } /* a retirer quand footer2 sera en ligne */
	
	#page{ margin: 10px 0; background: #fff; } #contenu{padding: 5px 16px 16px 16px;} #contenu *{z-index: 1 !important;}
		/* Plan du site */ /* Enfant de contenu */ /* a retirer quand nouvelle version en ligne */
		#plan2 {clear: both; padding:34px 0 0 0; margin: 0 auto; color: #aaa; border-top: 3px #e3e3e3 solid;} #plan2 ul{float:left; margin:0 0 5px 10px; width:100px;} #plan2 li{display:block; width:100px; } #plan2 a{color:#aaa;} #plan2 a:hover {color:#bb292b;} #plan2 h4{padding: 0 0 5px 0; color:#aaa; text-transform:uppercase;}
		
			/*Header */
		 #header { position: relative; z-index: 100; width: 100%; background: top left url(../img/commun/bg_top.png) repeat-x #961f20; } 
		
		/* Plan du site (dynamique) + AuoPromo + footer */ /*NOUVELLE VERSION */ /* Enfant de contenu */
		#autoPromo{ margin: 20px 0 0 0 ; clear: both; } #autoPromo > div{ float: left; margin: 11px 0; min-height: 200px; width: 218px; /*228px - 15px de padding */ }  #autoPromo div:first-child{ padding: 0 15px 0 0;} #autoPromo div#aboPapier{ padding: 0 0 0 15px; float: right;}  #autoPromo div + div{ padding: 0 15px; border-left: 1px solid #cfcbcb} #autoPromo h4{padding: 0 0 0 8px; margin: 0 0 11px 0; color: #fff; font-size: 1.2em; font-weight: normal; line-height: 19px; text-transform:uppercase; background-image:url(../img/commun/bg_titresRubGrisClairCarre.png);}  #autoPromo h4 a{ color: #fff;} #autoPromo p{font-size: 1.1em; color: #646464;} #autoPromo p a{ color: #646464;} #autoPromo p a:hover, #autoPromo h4 a:hover{ text-decoration: none;} #autoPromo div > p{padding: 11px 14px;} #autoPromo p a{ color: #646464;} #autoPromo div#newsletter2 form p{padding: 0 0 11px 0 !important; } #autoPromo div#newsletter2 input[type="submit"]{margin: 0 0 0 5px; width: 30px; height: 20px; color: #323232; font-weight: bold; font-size: 1.1em; border: none; background: url(../img/commun/bg_bt-gris.png) top left repeat-x;}
		#autoPromo, #plan3 {border-top: 3px #e3e3e3 solid;}
		#plan3 {clear: both; padding:13px 0; margin: 0 auto; color: #818181; } #plan3 ul{float:left; } #plan3 li{display:block; margin: 0 18px 0 0;} #plan3 a{color:#818181;} #plan3 a:hover{color:#bb292b;} #plan3 h4 a, #plan3 h5 a{ color:#818181;} #plan3 h4{padding: 0 0 10px 0;  font-size: 11px; font-weight: bold; text-transform:uppercase;} #plan3 h5{padding: 0 0 15px 0; font-size: 11px; font-weight: bold;}  #plan3 ul.actualites{clear: both; float: none; padding: 0 13px 13px 13px; margin: 0 0 15px 0; border-bottom: 1px dotted #cfcbcb;} #plan3 ul.actualites li{ line-height: 20px; width: 100%; font-size: 1.1em; } #plan3 ul.actualites li a:first-child{ font-weight: bold; } #plan3  .col-gch{ width: 700px ; margin: 0 0 0 13px; float: left;} 
		/* footer */ #footer2{color:#818181; clear: both; text-align: center; border-top: 3px #e3e3e3 solid; } #footer2 a{color:#818181; font-weight: normal; }  #footer2 p{line-height: 20px; padding: 5px 0; } #footer2 p.site-groupe{text-align: left; border-bottom: 1px dotted #cfcbcb; }
		
/* les pubs */
#publicite_centrale, .publicite_centrale {clear: both; margin: 20px auto; width:468px;} #leaderboard_pub{margin: 15px auto; text-align: center; font-size: 0.1em;} #leaderboard_pub img{ display: inline; } #leaderboard_pub table{margin: 0 auto; } #contenu.home #leaderboard_pub, #contenu.page_article #leaderboard_pub, #contenu.lead_bg #leaderboard_pub{background-color: #cfcbcb;}	#leaderboard_pub *{z-index: 1 !important;}
	    /*Enfant direct de #page */ /*Enfants directs de #header sont #top2 et #menu */  
		#header #top2{ position: relative; height:100px; width:100%;  color: #fff; background: top left url(../img/commun/bg_top.png) repeat-x #961f20; }
		#header #top2 a{ color: #fff; } #header #top2 #logo{float:left; display:block; height:100px; width: 380px;  } 
		/* mag_hebdo */ /*#top2 #mag_hebdo{float:left; height: 90px; padding: 5px 0 0 0; width:213px; font-size: 1.1em; } #header #top2 #mag_hebdo img.couv {float:left; padding: 0 10px 5px 0;} #top2 #mag_hebdo p{ padding: 5px 0 0 73px;} #top2 #mag_hebdo a.fleche-blanche{display:block; padding: 0 0 0 10px; margin:3px 0 5px 0; text-decoration: underline; background: center left url(../img/commun/fleche_Blanche.png) no-repeat; }*/
		/* Services */ #top2 #services{float: left; /*padding: 0 10px 0 0;*/ /*height:90px;*/ width:420px; /*width:350px;*/} #top2 #services .date{padding: 0 0 5px 0; color: #e0a3a3; clear: both;} 
		#top2 #services ul {margin: 5px 0 0 0; padding: 5px 8px 0 0; font-size: 0.9em; border-right: 1px solid #b22928;} #top2 #services li{padding: 0 0 0 10px; text-align: right; } 
		#top2 #services li img{display: inline;} #top2 #services li a{ display: block; margin: 0 0 5px 0; color: #e0a3a3; line-height: 13px; padding-right: 19px ; background: right -13px no-repeat; }  #top2 #services li a:hover{color: #fff; background: top right no-repeat; }
		#services li#bt_twitter a{ background-image: url(../img/commun/bt_picto-Twitter.png);} #services li#bt_twitter a:hover{background-image: url(../img/commun/bt_picto-Twitter.png);}
		#services li#bt_facebook a{ background-image:url(../img/commun/bt_picto-FB.png);} #services li#bt_facebook a:hover{ background-image:url(../img/commun/bt_picto-FB.png) ;}
		#services ul li#bt_widget a{ background-image: url(../img/commun/bt_picto-Widget.png);}  #services li#bt_widget a:hover{ background-image: url(../img/commun/bt_picto-Widget.png);}
	    #services ul li#bt_rss a{ background-image:url(../img/commun/bt_picto-RSS.png);}  #top2 #services  li#bt_rss a:hover{background-image:url(../img/commun/bt_picto-RSS.png);}			
		/* Recherche */ #top2 #services #rechercheDate{ float: left; padding: 20px 0 0 0; width: auto; /*width: 186px;*/ } .recherche-google2{/*float: right;/* width:186px;*/} .recherche-google2 #champRecherche{  margin: 0 10px 9px 0 !important; width: 250px !important; border: none !important;  } /* Montre */#top2 #montre{ position: absolute; top: 0; right: 5px; height: 100px; width: 130px; }
		
		/* Menu (Enfant de direct de #header) */
		#header #menu ul.menuMobile, #header #menu2 ul.menuMobile{ display: none; } /* Desactive le menu pour mobile*/		
		#header #menu {position:relative; height:68px; background:url(../img/commun/bg_menu.png) 0 0 repeat-x; } #header #menu img{display: inline; height: 28px; }
		#header #menu ul {/* Toutes les listes */ position:absolute; top:0; left:0; padding: 0;width:100%;} #header #menu ul li{ float: left;cursor:pointer;}
		#header #menu a {display: block; color:#b7b2b2; text-decoration: none;}
		#header #menu li ul a, #header #menu li ul ul a, #header #menu li ul ul a:hover, #header #menu li ul ul a.on { padding: 4px 9px; width:auto; background:none;}
		#header #menu li ul ul a:hover, #header #menu li ul ul a.on {height:26px; display:block;}
		#header #menu li ul { /* Listes de second niveau */position: absolute; top:28px; left:0; display:none; width:880px; font-size:1.1em; text-transform:none; }
		#header #menu li ul a:hover{ color: #fff;} #header #menu li ul li {height:20px;}
		#header #menu li ul ul { /* Listes de 3eme niveau */margin: 0; font-size:1em; top:20px; color: #000; } #header #menu li ul ul a{ color: #000;}
		#header #menu li ul ul a:hover { color: #000; text-decoration: underline;} #header #menu li ul ul li {height:20px;}					
			#navMenu1 a {height:28px;  width:87px; background:url(../img/commun/bt_menu-actualite.png) no-repeat 0 0 ;  }
			#navMenu1 a:hover, #navMenu1 a.on {background:url(../img/commun/bt_menu-actualite.png) no-repeat 0 -28px;}
			#navMenu2 a {height:28px; width:43px; background:url(../img/commun/bt_menu-pays.png) no-repeat 0 0; }
			#navMenu2 a:hover, #navMenu2 a.on {background:url(../img/commun/bt_menu-pays.png) no-repeat 0 -28px;}		
			#navMenu3 a { height:28px; width:72px; background:url(../img/commun/bt_menu-dossiers.png) no-repeat 0 0; }
			#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 {height:28px; width:139px; background:url(../img/commun/bt_menu-AC.png) no-repeat 0 0; }
			#navMenu5 a:hover, #navMenu5 a.on {background:url(../img/commun/bt_menu-AC.png) no-repeat 0 -28px;}	
			#navMenu6 a {height:28px; width:73px; background:url(../img/commun/bt_menu-services.png) no-repeat 0 0;}
			#navMenu6 a:hover, #navMenu6 a.on {background:url(../img/commun/bt_menu-services.png) no-repeat 0 -28px;}		
			#navMenu7 a {height:28px; width:74px; background:url(../img/commun/bt_menu-boutique.png) no-repeat 0 0;}
			#navMenu7 a:hover, #navMenu7 a.on {background:url(../img/commun/bt_menu-boutique.png) no-repeat 0 -28px;}
			#navMenu8 a {height:28px; width:101px; background:url(../img/commun/bt_menu-groupe-JA.png) no-repeat 0 0; }
			#navMenu8 a:hover, #navMenu8 a.on {background:url(../img/commun/bt_menu-groupe-JA.png) no-repeat 0 -28px;}			
			#header #menu li.breakingNews a{padding: 0 9px; color: #554e3e !important; font-size: 1.1em !important; line-height: 28px; text-transform: uppercase; text-align: center; background: url(../img/commun/bg_menu-breaking.png) no-repeat top right; }					
		#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;}
			
			/* Menu New Version - RETIRER #menu lorsque #menu2 en ligne  */
			#menu2 ul.menuMobile{ display: none; } /* Desactive le menu pour mobile*/		
			#menu2 {position:relative; /*Pour Bug IE */ z-index: 100; height: 28px;  border-bottom: 1px solid #c7c7c7; margin: 0; background:url(../img/commun/bg_menu.png) 0 0 repeat-x; }
			ul#topNav li.liSub{float: left;} ul#topNav li.liSub a.dd_wrapper,  ul#topNav li.liSub a.single_wrapper{display: block; line-height:28px; padding: 0 9px; color:#7a7a7a;  font-size: 1.3em; font-weight: bold; line-height: 28px; text-decoration: none; text-align: center; text-transform: uppercase; border-right: #c4c4c4 1px solid ;/* CSS 3 */ text-shadow: 0 0 2px #fff; }
			ul#topNav li.liSub a.dd_wrapper:hover{ color: #fff;  background-color: #444242; /* CSS 3 */ text-shadow: 0 0 2px #ccc; }	
			#menu2 ul#topNav li .sub {position: absolute;  top: 28px; float: left; padding: 7px 0 20px 0;  border-right: 1px solid #444242; border-bottom: 1px solid #444242; border-left: 1px solid #444242; background-color: #fff; /* CSS3 */ box-shadow: 0px 0px 2px #343333;  -webkit-box-shadow: 0px 0px 2px #343333; /* CSS3 Firefox */ -moz-box-shadow:  0px 0px 2px #343333; /* CSS3 pour navigateurs Webkit */ background-color: #f8f8f8\9; /* Hack pour cibler IE8, IE7, IE6 */}

/* general */ 
ul#topNav .sub h3{padding:0 0 9px 5px; margin: 0 0 10px 0; color: #bc2a2c !important; font-size: 15px !important; font-weight: bold; text-transform: uppercase; border-bottom: 5px #ddd solid;} ul#topNav .sub h3 a{color: #bc2a2c !important;}
ul#topNav #ongletActualites ul, ul#topNav #ongletPays ul, ul#topNav #ongletAC ul, ul#topNav #ongletDossiers ul,  ul#topNav #ongletServices ul, ul#topNav #ongletBoutique ul,  ul#topNav #ongletGroupeJA ul, ul#topNav #ongletBN ul, ul#topNav .ongletBN ul{float: left; padding: 0 8px;}
ul#topNav ul.listCatMenu, ul#topNav ul.listCatMenu2, ul#topNav ul.headlines, ul#topNav ul.listNewsMenu, ul#topNav ul.plusMenu{font-size: 1.3em;}
ul#topNav ul.listNewsMenu a, ul#topNav ul.headlines a, #ongletDossiers ul.plusMenu a{color:#610B0C;}  ul#topNav ul.listNewsMenu a:hover, ul#topNav ul.headlines a:hover, #ongletDossiers ul.plusMenu a:hover{ color:#bb292b;}  #ongletActualites ul + ul, #ongletGroupeJA ul + ul{border-left: 1px solid #ccc;}

/* Liste simple generalites */ 
ul#topNav .listCatMenu a,  ul#topNav .listCatMenu2 a{color: #323232;}  ul#topNav .listCatMenu li + li,  ul#topNav .listCatMenu2 li + li{border-bottom:1px dotted #cfcbcb;} /*AVEC Picto  */ul#topNav .listCatMenu li a{padding:0 5px 5px 25px; line-height: 30px;}  /* SANS picto */ ul#topNav .listCatMenu2 li{padding: 5px 0;} ul#topNav .listCatMenu2 li a{padding:0 0 0 5px; line-height: 20px;} 

/* Liste de news avec image */
 ul#topNav ul.listNewsMenu img{float: left; margin: 0 7px 0 0 !important; max-height:30px; max-width:30px; border: 2px solid #ddd;} ul#topNav ul.listNewsMenu .date{color: #999; font-size: 10px;} ul#topNav ul.listNewsMenu a{display: block; } ul#topNav ul.listNewsMenu li{min-height: 30px; padding: 5px 5px 5px 0;} ul#topNav ul.listNewsMenu li + li{border-bottom:1px solid #cfcbcb;} 

/*ul#topNav ul.listNewsMenu{ width: 250px !important;}*/ ul#topNav ul.headlines img{ float: left; margin: 0 7px 0 0 !important; height:86px; width:150px;}  ul#topNav ul.headlines a{display: block; } ul#topNav ul.headlines li{padding: 5px 5px 5px 0;} #topNav ul.headlines li + li{border-bottom:1px solid #cfcbcb;} #topNav ul.headlines li + li + li{border-bottom:1px dotted #cfcbcb;} ul#topNav ul.headlines h2{ margin: 0 0 10px 0; min-height: 86px; font-size: 18px;} ul#topNav ul.headlines .ligneSurtitre .surtitre{padding: 0; font-size: 8px;} ul#topNav ul.headlines .ligneSurtitre .surtitre a{color: #969696;}

/* Onglet Dossier */ 
ul#topNav #ongletDossiers{left: 0; width: 1000px !important; background:url(../img/commun/bg_arrowGreyDown.png) #fff 186px 0 no-repeat;}  ul#topNav #ongletDossiers ul.headlines{width: 260px; } #ongletDossiers ul.plusMenu{width: 150px !important;} ul#topNav ul.plusMenu li{padding: 5px 0 0 0;}  #ongletDossiers ul + ul{border-left:1px solid #cfcbcb;} #ongletDossiers ul.plusMenu img{ float: left; margin:0 10px 10px 0;  border: solid 1px #a9a9a9;}

/* Onglet actualites */
ul#topNav #ongletActualites{left: 0; width: 700px !important; background:url(../img/commun/bg_arrowGreyDown.png) #fff 46px 0 no-repeat ;} ul#topNav #ongletActualites ul.listCatMenu{width: 184px;} #ongletActualites ul.listNewsMenu{width: 280px !important;}

/* a la une */#ongletActualites ul.headlines{ width: 280px !important;} 
/* autres cat de Actualites */ .listCatMenu li a#catPolitique{background: url(../img/commun/menu/bg_politique.png) no-repeat 0 0 ;} .listCatMenu li a#catEcofi{background: url(../img/commun/menu/bg_ecofi.png) no-repeat 0 0 ;} .listCatMenu li a#catSport{background: url(../img/commun/menu/bg_sport.png) no-repeat 0 0 ;} .listCatMenu li a#catSociete{background: url(../img/commun/menu/bg_societe.png) no-repeat 0 0 ;} .listCatMenu li a#catCulture{background: url(../img/commun/menu/bg_culture.png) no-repeat 0 0 ;} .listCatMenu li a#catSante{ background: url(../img/commun/menu/bg_sante.png) no-repeat 0 0 ;}  .listCatMenu li a#catOeilActu{background: url(../img/commun/menu/bg_oeilActu.png) no-repeat 0 0 ;} .listCatMenu li a#catJATV{ background: url(../img/commun/menu/bg_JATV.png) no-repeat 0 0 ;} .listCatMenu li a#catPersonnalites{background: url(../img/commun/menu/bg_personnalites.png) no-repeat 0 0 ;}
.listCatMenu li a#catOpinions{ background: url(../img/commun/menu/bg_opinions.png) no-repeat 0 0 ;} .listCatMenu li a#catBlogs{background: url(../img/commun/menu/bg_blogs.png) no-repeat 0 0 ;} .listCatMenu li a#catSondages{ background: url(../img/commun/menu/bg_sondages.png) no-repeat 0 0 ;} 

/* Onglet Annonces Classees */
ul#topNav #ongletAC{left: 205px; width: 515px !important; background:url(../img/commun/bg_arrowGreyDown.png) #fff 100px 0 no-repeat ;} #menu2 ul#topNav #ongletAC ul.listNewsMenu{ width: 300px;} #ongletAC .pays{color: #333; font-weight: bold;} #ongletAC .employeur{color:#999;} #ongletAC .pays, #ongletAC .employeur{ font-size: 10px;}  #ongletAC ul + ul{border-left: 1px solid #ccc;}

/* Onglet Service */
ul#topNav #ongletServices{left: 308px; width: 500px !important; background:url(../img/commun/bg_arrowGreyDown.png) #fff 110px 0 no-repeat ; } #ongletServices .listCatMenu{ float: left; width: 165px;}
.listCatMenu li a#catNewsletters{background: url(../img/commun/menu/bg_newsletters.png) no-repeat 0 0 ;} .listCatMenu li a#catRSS{background: url(../img/commun/menu/bg_rss.png) no-repeat 0 0 ;} .listCatMenu li a#catFB{background: url(../img/commun/menu/bg_FB.png) no-repeat 0 0 ;} .listCatMenu li a#catTwitter{background: url(../img/commun/menu/bg_twitter.png) no-repeat 0 0 ;}  .listCatMenu li a#catGoogle{background: url(../img/commun/menu/bg_google.png) no-repeat 0 0 ;} .listCatMenu li a#catContact{background: url(../img/commun/menu/bg_contact.png) no-repeat 0 0 ;} .listCatMenu li a#catMobile{background: url(../img/commun/menu/bg_mobiles.png) no-repeat 0 0;} .listCatMenu li a#catArchives{background: url(../img/commun/menu/bg_archives.png) no-repeat 0 0 ;} #ongletServices ul.digit{width: 300px !important; border-left: 1px solid #ccc;} ul#topNav ul.digit li{padding: 5px 0 0 0; color: #333; font-size: 12px; } #ongletServices ul.digit .visu{ margin:0 auto; } #ongletServices ul.digit span{ font-size: 18px; font-weight: bold; } ul#topNav ul.digit li em{ color: #969595; font-size: 11px; font-style: normal; }

/* Onglet Boutique */
ul#topNav #ongletBoutique{left: 310px; width: 500px !important; background:url(../img/commun/bg_arrowGreyDown.png) #fff 190px 0 no-repeat ; } #ongletBoutique .listCatMenu{ float: left; width: 165px;} #ongletBoutique h2{margin: 0 0 5px 0; color: #444242; font-size: 18px; font-weight: bold;} #ongletBoutique .date_mag{ font-size: 12px !important; font-weight: normal;} #ongletBoutique .date_mag strong{color: #bc2a2c; font-weight: bold;} #ongletBoutique ul.digit{width: 300px !important; border-left: 1px solid #ccc;} ul#topNav ul.digit li{padding: 5px 0 0 0; color: #333; font-size: 12px; }  #ongletBoutique ul.digit .visu{ float: left; margin:0 10px 10px 0; } #ongletBoutique ul.digit span{ font-size: 18px; font-weight: bold; } ul#topNav ul.digit li em{ color: #969595; font-size: 11px;  font-style: normal;} 
/* Onglet Groupe JA */
ul#topNav #ongletGroupeJA{left: 400px; width: 500px !important; background:url(../img/commun/bg_arrowGreyDown.png) #fff 200px 0 no-repeat ; } #ongletGroupeJA .listCatMenu{ float: left; width: 165px;} #ongletGroupeJA ul.listNewsMenu{width: 280px !important;} 

/* Onglet Pays */
ul#topNav #ongletPays{left: 0; width: 950px !important; background:url(../img/commun/bg_arrowGreyDown.png) #fff 125px 0 no-repeat;} ul#topNav #ongletPays ul{width: 140px; } #ongletPays ul + ul{border-left: 1px solid #ccc;}
/* MMO */ .listCatMenu li a#catAlgerie{background: url(../img/commun/menu/d_Algerie.png) no-repeat 0 0 ;} .listCatMenu li a#catEgypte{background: url(../img/commun/menu/d_Egypte.png) no-repeat 0 0 ;} .listCatMenu li a#catLibye{ background: url(../img/commun/menu/d_Libye.png) no-repeat 0 0 ;} .listCatMenu li a#catMaroc{background: url(../img/commun/menu/d_Maroc.png) no-repeat 0 0 ;} .listCatMenu li a#catMauritanie{ background: url(../img/commun/menu/d_Mauritanie.png) no-repeat 0 0 ;} .listCatMenu li a#catTunisie{ background: url(../img/commun/menu/d_Tunisie.png) no-repeat 0 0 ;} .listCatMenu li a#catMo{ background: url(../img/commun/menu/d_Mo.png) no-repeat 0 0 ;}
/* Afrique de l'ouest */ .listCatMenu li a#catBenin{background: url(../img/commun/menu/d_Benin.png) no-repeat 0 0 ;} .listCatMenu li a#catBurkina{background: url(../img/commun/menu/d_Burkina.png) no-repeat 0 0 ;} .listCatMenu li a#catCapVert{ background: url(../img/commun/menu/d_CapVert.png) no-repeat 0 0 ;} .listCatMenu li a#catCiv{ background: url(../img/commun/menu/d_Civ.png) no-repeat 0 0 ;} .listCatMenu li a#catGambie{ background: url(../img/commun/menu/d_Gambie.png) no-repeat 0 0 ;} .listCatMenu li a#catGhana{ background: url(../img/commun/menu/d_Ghana.png) no-repeat 0 0 ;} .listCatMenu li a#catGuinee{ background: url(../img/commun/menu/d_Guinee.png) no-repeat 0 0 ;} .listCatMenu li a#catGuineeBissau{ background: url(../img/commun/menu/d_GuineeBissau.png) no-repeat 0 0 ;} .listCatMenu li a#catLiberia{ background: url(../img/commun/menu/d_Liberia.png) no-repeat 0 0 ;}
.listCatMenu li a#catMali{ background: url(../img/commun/menu/d_Mali.png) no-repeat 0 0 ;} .listCatMenu li a#catNiger{ background: url(../img/commun/menu/d_Niger.png) no-repeat 0 0 ;}
.listCatMenu li a#catNigeria{ background: url(../img/commun/menu/d_Nigeria.png) no-repeat 0 0 ;} .listCatMenu li a#catSenegal{ background: url(../img/commun/menu/d_Senegal.png) no-repeat 0 0 ;} .listCatMenu li a#catSierraLeone{ background: url(../img/commun/menu/d_SierraLeone.png) no-repeat 0 0 ;} .listCatMenu li a#catTogo{ background: url(../img/commun/menu/d_Togo.png) no-repeat 0 0 ;}
/* Afrique centrale */ .listCatMenu li a#catAfs{ background: url(../img/commun/menu/d_Afs.png) no-repeat 0 0 ;} .listCatMenu li a#catBurundi{ background: url(../img/commun/menu/d_Burundi.png) no-repeat 0 0 ;} .listCatMenu li a#catCameroun{ background: url(../img/commun/menu/d_Cameroun.png) no-repeat 0 0 ;} .listCatMenu li a#catCentrafrique{ background: url(../img/commun/menu/d_Centrafrique.png) no-repeat 0 0 ;} .listCatMenu li a#catCongoBrazza{ background: url(../img/commun/menu/d_CongoBrazza.png) no-repeat 0 0 ;}
.listCatMenu li a#catRDCongo{ background: url(../img/commun/menu/d_RDCongo.png) no-repeat 0 0 ;} .listCatMenu li a#catGhana{ background: url(../img/commun/menu/d_Ghana.png) no-repeat 0 0 ;}
.listCatMenu li a#catGabon{ background: url(../img/commun/menu/d_Gabon.png) no-repeat 0 0 ;} .listCatMenu li a#catGuineeEquato{ background: url(../img/commun/menu/d_GuineeEquato.png) no-repeat 0 0 ;} .listCatMenu li a#catRwanda{ background: url(../img/commun/menu/d_Rwanda.png) no-repeat 0 0 ;} .listCatMenu li a#catSaoTome{ background: url(../img/commun/menu/d_SaoTome.png) no-repeat 0 0 ;} .listCatMenu li a#catTchad{ background: url(../img/commun/menu/d_Tchad.png) no-repeat 0 0 ;}
/* Afrique de l'Est */ .listCatMenu li a#catDjibouti{ background: url(../img/commun/menu/d_Djibouti.png) no-repeat 0 0 ;} .listCatMenu li a#catErythree{ background: url(../img/commun/menu/d_Erythree.png) no-repeat 0 0 ;} .listCatMenu li a#catEthiopie{ background: url(../img/commun/menu/d_Ethiopie.png) no-repeat 0 0 ;} .listCatMenu li a#catKenya{ background: url(../img/commun/menu/d_Kenya.png) no-repeat 0 0 ;} .listCatMenu li a#catOuganda{ background: url(../img/commun/menu/d_Ouganda.png) no-repeat 0 0 ;} .listCatMenu li a#catSomalie{ background: url(../img/commun/menu/d_Somalie.png) no-repeat 0 0 ;} .listCatMenu li a#catSoudan{ background: url(../img/commun/menu/d_Soudan.png) no-repeat 0 0 ;} .listCatMenu li a#catSoudanSud{ background: url(../img/commun/menu/d_SoudanSud.png) no-repeat 0 0 ;} .listCatMenu li a#catTanzanie{ background: url(../img/commun/menu/d_Tanzanie.png) no-repeat 0 0 ;}
/* Afrique australe */ .listCatMenu li a#catAfs{ background: url(../img/commun/menu/d_Afs.png) no-repeat 0 0 ;} .listCatMenu li a#catAngola{ background: url(../img/commun/menu/d_Angola.png) no-repeat 0 0 ;} .listCatMenu li a#catBotswana{ background: url(../img/commun/menu/d_Botswana.png) no-repeat 0 0 ;} .listCatMenu li a#catLesotho{ background: url(../img/commun/menu/d_Lesotho.png) no-repeat 0 0 ;} .listCatMenu li a#catMalawi{ background: url(../img/commun/menu/d_Malawi.png) no-repeat 0 0 ;} .listCatMenu li a#catMozambique{ background: url(../img/commun/menu/d_Mozambique.png) no-repeat 0 0 ;} .listCatMenu li a#catNamibie{ background: url(../img/commun/menu/d_Namibie.png) no-repeat 0 0 ;} .listCatMenu li a#catSwaziland{ background: url(../img/commun/menu/d_Swaziland.png) no-repeat 0 0 ;} .listCatMenu li a#catZambie{ background: url(../img/commun/menu/d_Zambie.png) no-repeat 0 0 ;}
.listCatMenu li a#catZimbabwe{ background: url(../img/commun/menu/d_Zimbabwe.png) no-repeat 0 0 ;}
/* Ocean indien */ .listCatMenu li a#catComores{ background: url(../img/commun/menu/d_Comores.png) no-repeat 0 0 ;} .listCatMenu li a#catMadagascar{ background: url(../img/commun/menu/d_Madagascar.png) no-repeat 0 0 ;} .listCatMenu li a#catMaurice{ background: url(../img/commun/menu/d_Maurice.png) no-repeat 0 0 ;} .listCatMenu li a#catSeychelles{ background: url(../img/commun/menu/d_Seychelles.png) no-repeat 0 0 ;}

/* Onglet breakin */
#menu2 li.breakingNews a.dd_wrapper, #menu2 li.breakingNews a.single_wrapper{ color: #554e3e !important; text-transform: uppercase;  background: url(../img/commun/bg_menu-breaking.png) no-repeat top right; } ul#topNav #ongletBN, ul#topNav .ongletBN{right: 0; width: 900px !important; background:url(../img/commun/bg_arrowGreyDown.png) #fff 610px 0 no-repeat;}  ul#topNav #ongletBN ul.headlines, ul#topNav .ongletBN ul.headlines{width: 260px;}  ul#topNav #ongletBN ul + ul, ul#topNav .ongletBN ul + ul{border-left:1px solid #cfcbcb;} 
					
				
/***** [STYLES--COMMUNS] *****/
.ect{ display: none;} .LienBloc{ display: block; text-align: right;} .LienBloc img{ display: inline; margin: 8px 0 0 0;} 
.pictVideo {padding: 0 0 0 5px; } /*a > .pictVideo {text-decoration: none !important;}*/.pictVideo img{ float: none !important; display: inline; width: 14px !important; height: 13px !important;margin: 0 !important;} /* encore utilise ?? */
a[hreflang]:after{ color: #CFCBCB; content: " ["attr(hreflang)"]";}
.article{ padding: 15px 0;} .article img{float: left; display: inline; margin: 0 0 10px 0; border: 1px solid #d3d3d3;} .article h3 {margin: 0 0 8px 0; } .article h3{color: #610b0c; font-size: 1.9em; font-weight: normal;} .article h3 a{color: #610b0c; line-height:22px;} .article h3 a:hover{color: #C10418;} .article p.chapo{margin: 5px 0 0 0;} 
.article p.chapo a{display: block; color: #4a4a4a; font-size: 1.2em; } /*etc [...] */.article p.chapo a:after , .une_defaut p.chapo a:after, .une_defaut2 p.chapo a:after, .DiapoDeroul a:after, #jeuneafriqueTV p.chapo a:after, #reactions blockquote p a:first-child:after{display: inline; padding: 0 0 0 5px; color: #c0bfbf; content:" [...] "; } 
/* Fleche chapo */ .article p.chapo a:before , .une_defaut p.chapo a:before, .une_defaut2 p.chapo a:before{padding: 0 5px 0 0; content: url(../img/commun/fleche_GriseFondBlanc.png); } 
.flecheGrisFonce{padding: 0 0 0 10px; background: url(../img/commun/bg_arrowDarkGrey.png) no-repeat 0 4px; } .flecheChapo{ display: none; }  /*remplace .flecheChapo */ 
.ligneSurtitre {display: block; font-weight: bold;} .ligneSurtitre .surtitre{padding: 0 8px 0 0; color: #969696; font-size: 0.8em; text-transform: uppercase; } 
.ligneSurtitre  .surtitre a{ color: #969696;} .ligneSurtitre  .surtitre a:hover{color: #c10418;} .ligneSurtitre .date{ color: #6c6a6a; font-size: 10px; font-weight: normal; } 
.ligneSurtitre .rubrique {color:#666;} .ligneSurtitre .video { padding: 0 8px 0 20px; height: 20px; width: 20px; background: url(../img/commun/bg_indicVideo.png) no-repeat 0 2px;  } 
.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 {display: block; margin: 5px 0 0 0; padding:0 0 0 20px; color: #bb292b; font-size: 1.1em; text-decoration: underline; background: url(../img/commun/puceArtAssocie.png) no-repeat 0 4px; } a.artAssocie.video { background: url(../img/commun/bg_indicVideo.png) no-repeat 0 4px; }
/* lien de fermeture (page contact) */.fermeture {position: absolute; top: 0; right: 0; display: block; height:20px; width: 20px; font-size: 1.5em; font-weight: bold; text-decoration: none !important;} 
.annulation_float{clear: both; padding: 0;margin: 0;} .float_left{ float: left;} .pagination{ clear: both; margin: 0 auto; color: #c10418; text-align:center; font-weight: bold;}
.pagination span, .pagination a { color: #323232; }  /* Picto RSS */ a.picto_RSS{ position: absolute; top: 2px; right: 2px; display: block; height: 16px; width: 16px;  background: url(../img/commun/picto-rss3.png) top left no-repeat;} a:hover.picto_RSS{ background: url(../img/commun/picto-rss3.png) 0 -16px  no-repeat;}
.bt_submit{clear: both; display: block;  padding: 13px 13px 13px 20px; margin: 20px auto;  width: 50%; color: #fff !important;  font-size: 1.5em; text-decoration: none; text-align: center; text-transform: uppercase; background: url(../img/commun/fleche_Blanche.png) no-repeat 10px 18px #C60000;  }
/* PAGES avec un FOND NOIR*/ /*.pagevideo2 , .pagediapo2*/
.pageFondNoir #contenu, .pageFondNoir #menu{ background-color: #000 !important; }  .pageFondNoir #menu li ul ul a{ color: #fff !important; } /*.pageFondNoir #autoPromo{ display: none;}*/

/* Les titres (sur fond gris fonce ou clair) */ /* Generalites */ #colonne_principale .bloc_accueil h4, .colonne_gauche .bloc_accueil h4, .pageIphone h3,  .pageIphone2 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, .pageAlertes h1, .page-edigitale h1,   #colonne_principale .bloc_accueil h4.sport, .pagevideo2 h2, .pagediapo2 h1, .une_intermediaire.sport h3, .pagemotscles h1{clear: both; position: relative;  height: 19px; line-height: 19px; color: #fff; font-size: 1.2em;  text-transform: uppercase; font-weight: bold; }
/* Tout Type - Titre img au centre */ .colonne_gauche .bloc_accueil h4 img, .home_dossier h1 img{ margin: 0 auto;} 
/* Tout Type (+ marge en bas) */.pageIphone h3, .pageIphone2 h3, .pagemotscles h1, .page_personnalites h1, .page_contacts 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, .pageAlertes h1, .pagevideo2 h2, .pagediapo2 h1, .page-edigitale h1, .pageAnnonce h1, .pageAlertes h1, .pagevideo2 h2, .pagediapo2 h1, .page-edigitale h1, .page_cgu h1, .resultat_googleSearch h1, .page_depeche h1 { margin: 0 0 18px 0; } 
/* type 1 (ferre a gauche, titre image, gris fonce*/ #colonne_principale .bloc_accueil h4, .colonne_gauche .bloc_accueil h4, .pageIphone h3,  .pageIphone2 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, .pageAlertes h1, .page-edigitale h1{ background-image: url(../img/commun/bg_titresRubCarre.png);  }
/* type 1 derive(+ gris CLAIR )*/#colonne_principale .bloc_accueil h4.sport, .une_intermediaire.sport h3{ background-image:url(../img/commun/bg_titresRubGrisClairCarre.png); }
/* type 1 derive(+ gris transparent )*/ .pagevideo2 h2, .pagediapo2 h1{ background: url(../img/commun/bg_HachuresGrisClairTransp.png) #000 top left;}
/* type 2 (ferre a gauche, titre texte, fleche en image*/.pagedossier h2, .pageAnnonce h1, .pageAlertes h1, .pagevideo2 h2, .pagediapo2 h1, .page-edigitale h1, .page_cgu h1, .home_type_dossier h1, .resultat_googleSearch h1{padding: 0 0 0 16px; text-align: left !important;} .pagedossier h2 img, .pageAnnonce h1 img, .home_type_dossier h1 img, .resultat_googleSearch h1 img, .pageAlertes h1 img, .pagevideo2 h2 img, .pagediapo2 h1 img, .page-edigitale h1 img, .page_cgu img{ position: absolute; top: 0; left: 0; display: inline; }
/* Type 3 (titre image + texte dynamique, ferre gch */ .pagemotscles h1{color: #eeba1b !important;  } .pagemotscles h1 img{float: left;} .pagemotscles h1 span, .pagediapo2 h1 span {padding: 0 0 0 10px;  color: #eeba1b; font-size: 1.2em; line-height: 19px;  } /*pagemotscles Idem page Agenda */ 
#colonne_principale .bloc_accueil h4 a, .colonne_gauche .bloc_accueil h4 a{ color: #fff; }
/* Fin styles titre fond gris */

/***** COLONNES--styles des blocs *****/
/*------Styles generiques---les colonnes peuvent etre adaptees dans les gabarits specifiques-------------------------------------*/
#conteneur_secondaire{clear: both;} /*.colonne_gauche et .colonne_centre son enfant de #colonne_principale*/ #colonne_droite{ float: right; padding:0 0 0 15px; width:300px;} #colonne_principale{float: left; margin: 0 0 20px 0; width: 650px;} /*.colonne_gauche, .colonne_centre enfants de #colonne_principale*/.colonne_gauche{float: left; padding: 0 17px 0 0; width: 419px; }/*autres styles de cette col + bas */ .colonne_centre{ float: right; width: 214px; }/*autres styles de cette col plus bas */		
/* COL - TOUTES les colonnes */ .colonne_gauche > div, #colonne_droite > div, .colonne_centre > div{ margin:0 0 20px 0;} /* Voir debug IE6 */
/* COL GAUCHE OU PRINCIPALE Blocs articles */ #colonne_principale .article img{margin-right: 20px;} /*.colonne_gauche .article img{ margin: 0 15px 0 0!important;}*/
.colonne_gauche .article:first-child {border: none; } .colonne_gauche .article + .article{ border-top:1px solid #cfcbcb;  }
.colonne_gauche .lienFinRub{ text-align: center;} .colonne_gauche .lienFinRub img{ display: inline; padding-bottom: 10px;}
		
/* COL CENTRE HOME - OPINIONS - INRERVIEWS - PERSONNALITES - PORTRAITS - ENTREPRISES - BLOGS - REACTIONS HOME - TOP ARTICLE*/	
#opinions, #entreprises, #personnalites h3, #reactions_home {border-top: #bc2a2c 3px solid;} #opinions h3, #entreprises h3{ margin: 6px 0;} #personnalites h3, #reactions_home h3{ margin-top: 15px;} #reactions_home h3, #personnalites h3:first-child{margin-top: 0;} #personnalites h3, #reactions_home h3{ padding-top: 6px ;}  
#opinions li img,  #entreprises li img, #personnalites li img{ float:left; border:solid 1px #bdbdbd; margin-right:9px; margin-bottom: 15px; }
#opinions li, #entreprises li, #personnalites li{min-height: 48px; padding: 11px 0; clear: left;  }
#opinions li:first-child, #entreprises li:first-child ,#personnalites li:first-child {border: none;} #opinions li + li, #entreprises li + li, #personnalites li + li {border-top:1px dotted #cfcbcb; }
#opinions li .rubrique a, #opinions li .rubrique, #entreprises .nomEntrep, #personnalites .rubrique{color: #6c6a6a; font-weight: bold; text-transform: uppercase; }
#opinions li a, #entreprises li a, #interviews li a, #personnalites li a ,  #toparticle li a{color: #6c6a6a; font-size: 1.1em;} 
#opinions li a:hover,  #entreprises li a:hover, #interviews li a:hover, #personnalites li a:hover,  #toparticle li a:hover{color: #b42a1e; }
#opinions li .auteur, #interviews li  .date, #entreprises li .date, #personnalites li .date{color: #8f8f8f; }
#opinions li .titre , #opinions li .titre, #interviews li  .titre, #entreprises li .titre, #personnalites li .titre{ display: block; margin: 4px 0; line-height: 15px;}
/* Blogs */ .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; } .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; }
/* reactions home */ #reactions_home{position: relative; min-height: 250px; } #reactions_home h3{float: left; width: 90px; margin: 0 0 20px 0;} #reactions_home dt{ padding: 12px;}
#reactions_home .pseudo{padding: 0 0 0 17px; color: #323232; font-weight: bold; font-size: 1.2em; background: url(../img/commun/bg_blocReactions.png) top left no-repeat;}
#reactions_home h2 a{color: #444;} #reactions_home p{font-size: 1.1em; color: #6c6a6a; padding: 5px 0; } #reactions_home p a{color: #6c6a6a; }
/* TOP Article */.menu-topArticle li{ float: left; } .menu-topArticle li a{ display: block; height: 32px; width: 107px;  }
.menu-topArticle li#onglet0, .menu-topArticle li#onglet1{background: no-repeat 0 -32px;} .menu-topArticle li#onglet0.actif, .menu-topArticle li#onglet1.actif{ background: no-repeat 0 0; }
.menu-topArticle li#onglet0{background-image: url(../img/commun/topArticle-onglet1.png);} .menu-topArticle li#onglet0.actif{background-image: url(../img/commun/topArticle-onglet1.png);} 
.menu-topArticle li#onglet1{background-image: url(../img/commun/topArticle-onglet2.png);} .menu-topArticle li#onglet1.actif{background-image: url(../img/commun/topArticle-onglet2.png);}
#TopArticle h3{padding-bottom: 5px;} #toparticle {clear: both; padding: 5px; border-right:1px solid #ebebeb; border-bottom:1px solid #ebebeb; border-left:1px solid #ebebeb; }
#toparticle li{padding:7px 0; color: #6c6a6a; font-size: 1.1em; line-height: 15px;} #toparticle li strong{display: block; margin: 0 0 5px 0; } #toparticle li:first-child {border-bottom: none;} #toparticle li + li{ border-top:1px solid #d3d3d3; }
				
				
/* COL CENTRE - METEO */
.colonne_centre #meteo{position: relative; height:121px; padding: 0 0 3px 12px; color:#313131; font-size: 1.1em; line-height:14px; overflow: hidden; background: url(../img/commun/bg_blocMeteo.png) no-repeat top left; } .colonne_centre #meteo .pictoMeteo{ position: absolute; right: 10px; top: 10px;} .colonne_centre #meteo .ville{padding: 7px 0; font-size:1.4em; text-transform: uppercase; } .colonne_centre #meteo .ville a{display:block; color:#313131; font-weight:bold;} .colonne_centre #meteo .detail{display: block; margin: 0 0 5px 0; font-weight: bold; } .colonne_centre #meteo .temperature {padding: 0 110px 0 0; text-align: right; } .colonne_centre #meteo .temperature span{color:#fff; font-size:1.4em; font-weight:bold;} .colonne_centre #meteo .lien{padding: 10px 0 0 0;} .colonne_centre #meteo .lien img{display: inline; padding: 0 3px 0 0;}

/* COL CENTRE - NUAGE MOTS  */
.nuage {margin: 0 0 10px 0; padding:14px; text-align:justify; border:1px solid #f7f7f7; background-color:#fcfdfd;} .nuage a {color:#b52e22; } a.regular14 {font-size:1.4em;} a.regular16 {font-size:1.6em;} a.regular20 {font-size:2em;} 

/* COL DROITE - MAG Hebdo (new version) */ /* Retirer styles de mag_hebdo quand en ligne */
#mag_hebdo2{background:url(../img/commun/bg_oeilactu.png) #0e0e0e no-repeat;} #mag_hebdo2 h2{ margin: 10px 10px 14px 19px; color: #eeba1b; font-size: 1.4em; font-weight: bold; text-transform: uppercase; }  #mag_hebdo2 .date_mag{ display: block; margin: 0 10px 14px 19px; font-size: 1.2em; color: #fff;} #mag_hebdo2 .blocTitle{float: left; vertical-align: middle; width: 60%;} #mag_hebdo2 .couv{ float: right; padding: 7px;} #mag_hebdo2 .bt{float: left; width: 47%; margin: 4px; display: block; line-height: 20px; color: #000; font-size: 1.1em; text-transform: uppercase;  text-align: center; background: url(../img/commun/bg_bt-gris.png) top left repeat-x;} #mag_hebdo2 a:hover.bt{text-decoration: none;}

/* COL DROITE - VIDEOS */
#colonne_droite #jeuneafriqueTV {padding:0 8px 10px 5px; background:url(../img/commun/bg_jeuneafriqueTV2.png) #0e0e0e no-repeat top left; }
.fauxplayer, .fauxplayer a {display:block; width:288px; height:227px;} .fauxplayer{position:relative; cursor:pointer;  border: 1px solid #a6a2a2;}
#colonne_droite #jeuneafriqueTV h2{ margin: 10px 4px 7px 4px; color: #fff; font-size: 1.4em; font-weight: bold;} #colonne_droite #jeuneafriqueTV .chapo{margin:0 4px 7px 4px; font-size: 1.1em;} #colonne_droite #jeuneafriqueTV h3{margin:0 0 10px 0; height: 22px; } #colonne_droite #jeuneafriqueTV h3 img{float:left; padding: 7px 0 0 0; }
#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 ul{padding: 11px 0 0 0;height:50px;} #colonne_droite #jeuneafriqueTV li{position:relative;display:block;float:left;padding: 0 0 3px 8px;} 
#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;}

/* COL DROITE - DIAPORAMA */
#diaporama {display:block; min-height:260px; padding: 0 10px 10px 0; border:1px solid #d9d9d1; background:url(../img/commun/bg_oeilactu.png) #0e0e0e no-repeat; }
#diaporama h3{ padding: 10px 0; text-align: center; } #diaporama h3 img{ display: inline;} #diaporama p{ display:block; padding:7px; color:#fff;} #diaporama .titre{float:left; display:block; color:#c10418; font-weight:bold; } #diaporama .categorie{ font-weight:bold;} #diaporama .LienBloc{ clear: both; }
#diaporama .DiapoDeroul{ margin:0 auto; width:247px; height:220px; overflow:hidden;} #diaporama .DiapoDeroul img {margin:7px auto ; border:1px solid #fff; }
#diaporama .DiapoDeroul a{ color:#fff; font-size: 1.1em; font-weight: bold;}
#diaporama .jcarousel-container{position: relative; width: 245px; height:58px; padding: 3px 20px; margin: 0 0 0 7px; border-bottom:10px solid #fff; background-color: #f0edea;}
#diaporama .jcarousel-clip {position: relative;width: 245px;z-index: 2;padding: 0;margin: 0;overflow: hidden;} #diaporama .jcarousel-list {position: relative; top: 0;left: 0; z-index: 1; margin: 0;padding: 0;overflow: hidden;} #diaporama .jcarousel-list li, #diaporama .jcarousel-item{float: left;width: 50px; height: 50px; margin: 2px 7px 0 0;}

/* COL DROITE - Styles communs NEWSLETTER, ANNONCES, SONDAGE, AGENDA */
#colonne_droite #newsletter , #colonne_droite #annonces, #colonne_droite #agenda, #colonne_droite #sondage{display:block; background:url(../img/commun/bg_HachuresGrisClair.png) 0 0;  }
#colonne_droite #newsletter h3, #colonne_droite #annonces h3, #colonne_droite #sondage h3, #colonne_droite #agenda h3{ margin: 0 0 10px 0; }
#colonne_droite #sondage, #colonne_droite #newsletter {padding: 0 12px 10px 0; width:288px;  color: #646464;}
#colonne_droite #sondage p, #colonne_droite #newsletter p{ padding: 0 0 5px 0; font-size: 1.2em;} #colonne_droite #sondage a, #colonne_droite #newsletter a{color: #646464; text-decoration: underline;}
#colonne_droite #agenda, #colonne_droite #annonces{padding: 0 12px 10px 0; color: #323232;font-size: 1.1em;}  #colonne_droite #agenda li, #colonne_droite #annonces li {clear:both;padding:6px; margin:0 0 3px 11px; border: 1px #d3d3d3 solid; background-color: #fff; } #colonne_droite #agenda li a, #colonne_droite #annonces li a { display: block; font-weight:bold; text-indent: 9px; background: url(../img/commun/bg_listePointGrisClaire.png) top left no-repeat; } #colonne_droite #agenda li a:hover, #colonne_droite #annonces li a:hover{color: #bc2a2c;} #colonne_droite #newsletter form, #colonne_droite #sondage form, #colonne_droite #sondage .resultat{padding: 7px 4px 4px 10px; margin: 0 0 0 12px; border: 1px #d3d3d3 solid;  background-color: #fff;}

/* COL DROITE - Newsletter */ /*voir les styles lies aux formulaires */ 
#colonne_droite #newsletter form .formatChamps{width: 130px; margin: 0 7px 0 0;} #colonne_droite #newsletter #ok{height: 20px; width: 106px;}

/* COL DROITE - Annonces  */ #colonne_droite #annonces li a {color: #762c2c; } #colonne_droite #annonces .employeur{ color:#777775 !important; font-weight:normal !important; } #colonne_droite #annonces .pays{color:#323232 !important; font-weight:bold !important;  }

/* COL DROITE - agenda - */ /* pas utilise */
#colonne_droite #agenda li a{color:#4a4848;} #colonne_droite #agenda p.intro{padding: 0 0 15px 120px; background:url(../img/commun/AgendaIllustration.png) 15px 0 no-repeat;}
#colonne_droite #agenda p.partenariat {margin: 0 0 0 12px; line-height: 36px; background:url(../img/commun/bg_enPartenariat.png) top left repeat-x; }
#colonne_droite #agenda p.partenariat img{ display: inline; padding: 0 5px ;} #colonne_droite #agenda .date{padding: 0 5px 0 0; color:#bc2a2c !important; }
#colonne_droite #agenda .lieu{color:#323232 !important; font-weight:normal !important; text-transform: uppercase !important;}


/* COL DROITE - sondage */ /*Inclus des styles de .pagesondage */ #colonne_droite #sondage form label{padding: 0 0 0 12px;}  #colonne_droite #sondage p.question {padding: 0 10px 5px 10px; color: #323232;  font-size: 1.3em; }  #colonne_droite #sondage p.submit {margin: 20px auto 0 auto; text-align: center;}  #colonne_droite #sondage p.submit img{ display: inline; } #colonne_droite #sondage #voter{height: 20px; width: 44px;}
/*Styles commun a .pagesondage (page de tous les sondages) */
.sondage {color: #646464; } #sondage .resultat li, .sondage .resultat li, #sondage .resultat ul, .sondage .resultat ul{ clear: both;} 
#sondage .reponse, .sondage .reponse{float: left; padding: 0 0 10px 0; width: 35%;} #sondage .pourcent, .sondage .pourcent{float: right; padding: 1px; height: 10px; width: 60%;  color: #bc2a2c; font-size: 1.1em; line-height: 9px; border: 1px solid #b4b4b4; } #sondage .pourcent .bande, .sondage .pourcent .bande{float: left; display: block;  width: 74%; margin: 0 4px 0 0;}   #sondage .pourcent .nombre, .sondage .pourcent .nombre{float: left; display: block; width: 5%;} #sondage .infos {float:right; display:block;margin:10px 0;  font-size:1.1em; } 
#sondage .infos .date, .sondage .infos .date {color: #aaa; }
/* styles modifies ou propres a .pagesondage */
.pagesondage {margin: 0 0 20px 0; } .pagesondage #sondage, .pagesondage .sondage{clear:both; padding: 16px 7px; }
.pagesondage #sondage .question , .pagesondage .sondage .question { padding: 17px 0; color: #666;font-size: 1.9em; }
.pagesondage #sondage .reponse, .pagesondage .sondage .reponse, .pagesondage form p{font-size: 1.2em; } .pagesondage form p{padding: 0 0 10px 0;}
.pagesondage #sondage .pourcent .bande, .pagesondage .sondage .pourcent .bande { width: 88% !important;}
.pagesondage .sondage .infos {float:right;display:block; margin:10px 0;width: 100%; font-size:1.1em; text-align: right; border-bottom: #d3d3d3 1px solid;  }

/* COL DROITE - DOSSIERS */
#colonne_droite #dossiers {display:block;  width:300px; min-height: 240px; background-color: #444;}  .menu-dossiers li{ float: left; margin: 0 0 16px 0; } .menu-dossiers li a{ display: block; width: 100px; height: 31px; }
.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 {margin: 0 0 0 19px; } #dossiers div ul li {float: left;position: relative; display: block; } #dossiers div ul img { margin: 0 15px 9px 0; border:1px solid #443e24;} #dossiers div ul img.actif, #dossiers div ul img:hover { border:1px solid #fff;} #colonne_droite #dossiers .LienBloc{ margin: 0 8px 0 0; padding:0 0 8px 0;}

/*---------PAGE--ACCUEIL et gabarits similaires (page Rubriques et pages accueil pays -------------------------------------------*/
/*----------------------Retirer styles de ul#unes_secondaires quand ce sera des classes partout ----------------------------------*/
/* bloc_une et bloc de une intermediaire sport, ecofi et breaking-news (page)*/ 
 #bloc_une{z-index: 10 ; margin:0 0 15px 0; min-height: 350px; overflow:hidden; background-color: #fff;} #bloc_une #a_la_une, #bloc_une #a_la_une_rubrique{float: left; padding: 0 14px 0 0; margin: 0 16px 0 0;height: 350px; border: 1px solid #cfcbcb;} #bloc_une #a_la_une{  position: relative; }
.une_defaut{float: left; width: 350px; padding: 7px 18px 7px 8px; min-height: 319px; line-height: 14px; background: #fff;}
.une_defaut h2, .une_defaut2 h2, .une_defaut h1, .une_defaut2 h1{ margin: 0 0 5px 0;} .une_defaut a, .une_defaut2 a{color: #4a4a4a;} 
.une_defaut h2 a, .une_intermediaire .une_defaut2 h2 a , .une_defaut h1 a, .une_intermediaire .une_defaut2 h1 a {color: #610b0c; font: normal 19px/22px Tahoma, sans-serif; }
.une_defaut h2 a:hover, .une_intermediaire .une_defaut2 h2 a:hover , .une_defaut h1 a:hover, .une_intermediaire .une_defaut2 h1 a:hover {color:#C10418; }
.une_defaut p.chapo, .une_defaut2 p.chapo, ul#unes_secondaires a, .unes_secondaires a{font-size: 1.2em ; } .une_intermediaire .une_defaut2{float: left;margin: 0 20px 5px 15px;width: 200px; min-height:315px; line-height: 18px; background: #fff;} .une_intermediaire.sport .une_defaut2{min-height: 350px;}
#bloc_une ul#unes_secondaires, #bloc_une .unes_secondaires, .une_intermediaire ul#unes_secondaires, .une_intermediaire .unes_secondaires{float: left; }
#bloc_une ul#unes_secondaires, #bloc_une .unes_secondaires{margin:10px 0 0 0;width: 345px;} .une_intermediaire ul#unes_secondaires, .une_intermediaire .unes_secondaires{width: 390px;} 
.une_intermediaire{float: left; width: 646px; padding: 0 0 3px 0; margin: 0 0 18px 0; border-right: 1px solid #cbc8c8; border-bottom: 1px solid #cbc8c8; border-left: 1px solid #cbc8c8; }
.une_intermediaire h3, .une_intermediaire.sport h3 {position: relative; clear: both; margin: 0 0 18px 0;}
.une_intermediaire h3{height: 19px; background-image: url(../img/commun/bg_titresRubCarre.png);} .une_intermediaire h3 a, .une_intermediaire.sport h3 a{color: #fff; }
ul#unes_secondaires a, .unes_secondaires a {display: block; line-height: 15px; color: #610B0C;} ul#unes_secondaires a:hover, .unes_secondaires a:hover{color: #bb292b;}
ul#unes_secondaires li, .unes_secondaires li{min-height: 50px; padding: 5px 5px 5px 0;} ul#unes_secondaires li + li, .unes_secondaires li + li{border-top:1px dotted #cfcbcb;}  ul#unes_secondaires li:first-child{border-top: none;} ul#unes_secondaires li img, .unes_secondaires li img{float: left; height: 50px; width: 50px; margin: 0 15px 0 0; }
/*Derniere minutes */ /* Les styles concernant la page d'accueil des depeches AFP se trouve a Page accueil FIL DEPECHE */
#derniere_minute{position: relative;padding: 7px; min-height: 335px; width: 197px; overflow:hidden; border-top: 3px solid #bc2a2c; border-right: 1px solid #cfcbcb; border-bottom: 1px solid #cfcbcb; border-left: 1px solid #cfcbcb; background-color: #fff;} #derniere_minute h3{margin: 0 0 15px 0; padding:0 0 0 8px;} #derniere_minute ul{clear: both; margin: 0; padding: 0 0 5px 0; height: 278px;} 
#derniere_minute li{margin: 0 0 15px 0; padding: 0 0 5px 9px;line-height: 13px;background: url(../img/commun/fleche_GriseFondBlanc.png) 0 18px  no-repeat; }
#derniere_minute li a{ color:#000; font-size: 1.2em;} #derniere_minute li a:hover {color: #bb292b;} #derniere_minute .date {color: #969595; font-size: 1.1em; line-height: 15px;}
/*styles pour le deroulement automatique */
#derniere_minute .jcarousel-container {position: relative; height:283px; overflow: hidden; }  #derniere_minute .jcarousel-clip {position: relative;z-index: 2 ; }
#derniere_minute .jcarousel-list {position: relative; top: 0; left: 0; z-index: 1 ; }
/* adaptation du bloc suivant les differentes colonnes */
#bloc_une #derniere_minute{float: left; margin: 0;} .colonne_centre #derniere_minute, #colonne_droite #derniere_minute{margin:0 0 15px 0;} #colonne_droite #derniere_minute{width:auto;}

/* Retirer class .pagination quand .pagination-bloc sera en place */
#reactions_home .pagination, .pagination-bloc{position: absolute; top: 5px; right: 5px;margin: 5px 0 0 0; font-size: 1.1em;} #reactions_home .pagination a, .pagination-bloc a{text-decoration: none; color: #bc2a2c;} #reactions_home .pagination a, #reactions_home .pagination span, .pagination-bloc a, .pagination-bloc span{float:left; display: block; margin: 0 5px 5px 0;font-weight: normal;} #reactions_home .pagination .current, .pagination-bloc .current {font-weight: bold;} 
#reactions_home .pagination .prev, #reactions_home .pagination .next, .pagination-bloc .prev, .pagination-bloc .next{display: block; height: 5px; width: 3px; }
#reactions_home .pagination .current.prev, .pagination-bloc .current.prev{ background: url(../img/commun/bg_flechePaginationGch.png) no-repeat 0 0; }
#reactions_home .pagination .prev, .pagination-bloc .prev{ background: url(../img/commun/bg_flechePaginationGch.png) no-repeat -3px 0; }
#reactions_home .pagination .current.next, .pagination-bloc .current.next{ background: url(../img/commun/bg_flechePaginationDrt.png) no-repeat -3px 0; }
#reactions_home .pagination .next, .pagination-bloc .next{ background: url(../img/commun/bg_flechePaginationDrt.png) no-repeat 0 0; }

/* Alertes info */
#alerteInfo{position: relative; clear: both; margin: 8px 0 15px 0;padding: 6px 16px 6px 129px; border: 1px solid #cfcbcb; background:url(../img/accueil/t_alerteInfo.png) top left no-repeat; font-size: 1.2em; font-weight: bold;} #alerteInfo, #alerteInfo a{color: #bc2a2c;}

/*---------PAGE-ACCUEIL-PAYS -----------------------------------------------------------------------------------------------------*/
/*--- bloc de une des pages d'accueil pays a pour base celui de la home ---------------------------------------------------------*/
.infoPays{height: 333px;padding: 7px;  width: auto; min-width: 195px; overflow:hidden; border-top: 3px solid #bc2a2c; border-right: 1px solid #cfcbcb; border-bottom: 1px solid #cfcbcb; border-left: 1px solid #cfcbcb;} .infoPays h1, .infoPays h6{ margin:0 0 22px 5px;} .infoPays ul {margin:0 0 14px 5px;} .infoPays ul li{margin: 0 0 4px 0;}
#partenaire {margin:15px 0 20px 0;} #partenaire img {float:left;  display:block; width:158px; height:49px; margin:0 2px 3px 0; border:solid 1px #000;}
/*Fiche pays (chiffres, chrono... */ #fichesPays{border-top: 3px solid #bc2a2c; border-right: 1px solid #b9b4b4; border-bottom: 1px solid #b9b4b4; border-left: 1px solid #b9b4b4; background: #fff;} #fichesPays h2{clear: both; margin:5px; padding: 18px 8px 8px 8px; color:#323232; font-size:1.8em; font-weight:bold; text-align: center; border-bottom: 4px double #b4b4b4; } #fichesPays form {float: right; margin: 6px 15px 0 0;} #fichesPays form .formatChamps option{padding-right:0 25px 0 0;} #fichesPays h3{float: left; display: block; margin: 6px 0 0 15px; } #fichesPays ul {margin:10px 5px 0 5px; clear: both;} #fichesPays li{border-bottom:1px dotted #c3c3c3; line-height:25px; clear:both; display: block;} #fichesPays .gch{float:left; padding:0 0 0 20px;color:#313131;font-weight:bold; display:block; width:250px; font-size: 1.1em; background: 10px 9px url(../img/commun/fleche_GriseFondBlanc.png) no-repeat; }
#fichesPays .drt{float:right; display:block;  width:355px; color:#959595; font-size: 1.1em; }
.PagesChiffrePays .menu{position: relative; clear: both; padding:33px 0 7px 0; margin: 3px 5px 0 5px; color: #c10418; text-align: center; font-size: 1.1em; font-weight: bold; border-top: 1px solid #b9b4b4;} .PagesChiffrePays .menu a.on{color: #c10418; font-weight: bold; }
.PagesChiffrePays .menu span{text-decoration: none; color: #323232;} .PagesChiffrePays .menu a{ font-weight: normal; color: #323232; } .PagesChiffrePays .menu a.lienRetour{position: absolute; top: 0; right: 0; padding: 0 0 0 10px; color: #969696; background: url(../img/commun/fleche_Grise.png) no-repeat 0 4px ;}
.PagesChiffrePays #bas.blochangementarticle{border: none;}

/* -------------- PAGE ARTICLE & ARTICLE DOSSIER & quelques styles Page Agenda (pas en ligne) --------------------------- */
#pagearticle {position: relative; width:100%; text-align:justify;} #pagearticle .motscles a {color:#7c7b7b; text-decoration:underline; }
#pagearticle #texte{font-size: 1.2em; line-height:1.5em;} #pagearticle #texte a {color:#c10418;} #pagearticle #texte .chapo{margin: 0 0 20px 0; font-weight: bold; } /*idem pour page commentaire*/ 
#pagearticle .source, #pagearticle div.infos{color:#7c7b7b; font-size:0.9em; } #pagearticle h1, #pagecommentaires h1 {display:block;  margin: 5px 0; font-size: 2em; line-height: 22px; color:#610B0C; font-weight: normal;}  #pagearticle h1 a, #pagecommentaires h1 a{color:#610B0C;} #pagearticle h1 a:hover, #pagecommentaires h1 a:hover{color:#c10418;} #pagearticle h2{clear: both; padding: 20px 0 0 0; margin: 0 0 10px 0; font-size: 1.5em;} #pagearticle #texte p{margin: 0 0 10px 0;}  #pagearticle .legende, .pageagenda .legende{float:left; display:block; margin:3px 14px 3px 0; width:350px; color: #323232;  font-weight: bold; line-height: 16px; text-align: left; } #pagearticle .legende span{font-size: 10px !important; padding: 0 0 0 13px !important; background: url(../img/commun/bg_arrowUpPaddingRight.png) 0 2px  no-repeat; } #pagearticle .legende span.copyright{ background: none;}/* #pagearticle .legende span:first-child, .pageagenda .legende span:first-child{content: url(../img/commun/bg_arrowUpPaddingRight.png); }   */
/*Image principale de l'article (page article et agenda) */ /*#pagearticle .legende span, .pageagenda .legende span{display:block; padding: 2px 5px;}*/ #pagearticle #texte img.principale, .pageagenda #texte img.principale {float:left; display:block; width:350px; margin: 0 14px 0 0;} /*#pagearticle .copyright, .pageagenda .copyright{float:right;} */
/*Autres img dans l'article  */ #pagearticle #texte img{ display:inline;} /* Listes */#pagearticle #texte ul, ol{margin: 15px 0  15px 15px; padding: 0 0 0 15px; list-style: disc;}
/* Videos de JATV */#pagearticle #texte #player{margin: 10px auto;} 
/* Citation & Encart */#pagearticle #texte blockquote, #pagearticle #texte .encart{float: right; width: 45%; margin: 10px 0 10px 15px; overflow:hidden;} 
#pagearticle #texte .encart.full, #pagearticle #texte blockquote.full{clear: both !important; width: inherit !important; margin: 15px 0 !important;} #pagearticle #texte .encart.drt, #pagearticle #texte blockquote.drt{float: right;} /* voir + tard styles pour ferre a gauche */
/* Citation */ #pagearticle #texte blockquote{ padding:0 15px; color: #323232; font-size: 1.2em; font-weight: bold;} #pagearticle #texte blockquote p{font-weight: bold;} #pagearticle #texte blockquote p:first-child:before{display: inline; padding: 0 10px 0 0; color: #c10418; font-size: 2em; content: url(../img/commun/bg_citation2.png); }  #pagearticle #texte blockquote .auteur{font-size: 0.9em; font-weight: normal; text-transform: uppercase; text-align: right; border-top: 1px solid #000;} #pagearticle #texte blockquote .auteur em{text-transform: none;}
/* Encart */#pagearticle #texte .encart{padding: 15px; background:url(../img/commun/bg_encart2.png) 0 0 #e9e3d9 no-repeat;} #pagearticle #texte .encart h3{display: inline; margin:0 0 7px 0; font-weight: bold; text-transform: uppercase;}
/* Boite a outils & partage */#pagearticle .conteneurBoiteOutil{float: left; margin:0 5px 0 0; width: 460px;} .share-box-top1, .share-box-top2{float: right; margin: 0 0 10px 0;} .share-box-top1{ width: 175px; } /*plus utilise */.share-box-top1 .twitter_share{float: left;}/*plus utilise */ .share-box-top1 .facebook_share{float: left; margin: 0 5px 5px 0;} .share-box-top2{width: 120px; } .share-box-top2 .twitter_share{margin: 0 5px 0 0;}/*plus utilise */ .share-box-top2 .facebook_share{ margin: 0 0 5px 0;}/*plus utilise */ .share-box2{margin: 20px 0 10px 0; } .share-box2 .facebook_share, .share-box2  .twitter_share{float: left; margin:1px 5px 5px 0;}

/* Boite a Outil (dans les articles) */#boiteoutil, #boiteoutil2{clear: both; width:100%; margin: 10px 0 10px 0; font-size: 1.1em; line-height: 25px; border-top: #c3c3c3 dotted 1px; border-bottom: #c3c3c3 dotted 1px;} /*#boiteoutil{line-height:30px;} */ .page_commentaires #boiteoutil{border: none;} #boiteoutil2 .pictoBoiteOutil2{float: right;} #boiteoutil2 .infos{float: left; line-height: 22px;}
#boiteoutil a, #boiteoutil2 a, #boiteoutil .auteur, #boiteoutil2 .auteur {color: #7c7b7b;}
#boiteoutil a{padding:0 15px 0 0;} #boiteoutil a img, #boiteoutil2 a img {display:inline !important; vertical-align: middle;}
#boiteoutil a img{padding:0 6px 0 0;} #boiteoutil2 a img{padding: 0 0 0 5px;} #boiteoutil .auteur, #boiteoutil2 .auteur {float:right; display:block; padding:0 35px 0 0; line-height: 22px;} #boiteoutil .auteur{ line-height: 30px;} #boiteoutil2 .auteur {line-height: 22px;} /* utilise ?*/ 
#boiteoutil2  .commentaires{padding:0 8px 0 20px; color: #8aacca; font-size: 0.9em; background: url(../img/commun/bg_indicComsBleu.png) no-repeat 0 0px;} #boiteoutil2 .commentaires a{color: #8aacca; text-decoration: underline; font-weight: normal;} 
#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;} 

/* Article Associes */ /* Voir dans les styles communs pour a.artAssocie */
.articlesAssocies{clear: both; padding: 10px 0 0 0; margin: 0 0 15px 0; border-top: 1px dotted #c3c3c3;} .articlesAssocies .date{clear: both; padding:0 0 0 20px; margin:0 0 5px 0; color:#969696; font-size:1.1em; border: none;} .articlesAssocies .interactivite .video{margin:0 0 0 15px;} .articlesAssocies img{display: inline;} .articlesAssocies span.savoirplus{display: block;} .articlesAssocies ul{clear:both; padding:13px 5px 0 5px; margin: 0 0 10px 0;} .articlesAssocies li{margin: 0 0 10px 0;} .articlesAssocies li a{margin: 0 0 5px 0;}
/* bloc changement articles */ /* Utilisable dans toutes les pages articles voir d'autres types de gabarit du site, voir eventuellement a deplacer dans la partie "style commun" */
.ArticleSuivant{clear:both; color: #7c7b7b; font-weight: bold;} .ArticleSuivant a{color: #610b0c;} .ArticleSuivant p.gch{float: left; width: 40%; padding:6px 10px 6px 0;} .ArticleSuivant p.drt{float: right; width: 45%; padding: 6px 0; text-align: right;} .ArticleSuivant a.bt_gch, .ArticleSuivant a.bt_drt{display: block; width: 14px; height: 25px; margin: 0 0 10px 0;} .ArticleSuivant a.bt_gch {float: left; padding:0 15px 0 0; background: url(../img/commun/bt_defil-gch.png) no-repeat 0 0;} .ArticleSuivant a:hover.bt_gch{background: url(../img/commun/bt_defil-gch.png) no-repeat 0 -25px;} .ArticleSuivant a.bt_drt{float: right; margin: 0 0 0 15px; background: url(../img/commun/bt_defil-drt.png) no-repeat 0 0;} .ArticleSuivant a:hover.bt_drt{background: url(../img/commun/bt_defil-drt.png) no-repeat 0 -25px;}

/*--- Commentaires --- *//* Attention une div #reaction qui se trouve dans la page breaking news pourrait entrer en conflit*/
#reactions, #reagir{clear: both; padding: 11px 0;} #reagir{border-top: #ccc 3px solid;} /*idem blocsommaire */
#reactions h4, #reagir h4 a{clear: both; padding: 5px 0 12px 42px; margin: 0 0 0 7px; color: #c10418; font-size: 1.7em; text-transform: uppercase; background: url(../img/commun/bg_reactions2.png) no-repeat 0 3px;} #reactions h4 a{color: #c10418;} /* Utilise ? */
#reactions ol li, #reactions blockquote{padding: 16px 0 9px 0; color: #969696; border-bottom: solid #e6e6e6 1px;} #reactions span.pseudo{padding: 0 0 0 20px; font-size: 1.4em; font-weight: bold; color: #323232; background: url(../img/commun/picto_commentaire2.png) no-repeat top left;} #reactions span.date{color: #666;} #reactions .numerotation{float: left; width: 17px; color: #969696; font-size: 1.2em; font-weight: bold; text-align: left;} #reactions ol p, #reactions blockquote p{clear: both; padding: 5px 0 0 17px; color:#323232; font-weight: normal; font-size: 1.2em;} #reactions blockquote .infos{float: left; width: 600px; } 
/* a rajouter eventuellement dans les styles communs avec les puces */ #reactions a.fleche.rouge{padding: 0 0 0 11px; margin: 0 0 0 5px; font-size:1.1em; font-weight: bold; font-size: 1.2em; background: 0 3px url(../img/commun/fleche_rouge.png) no-repeat;} #reactions a:hover.fleche.rouge{color: #c10418;} #reactions div.footer a{float: right; display: block;} #reactions .LienBloc{margin: 2px 0 0 0;}
/* Form d'ajout de commentaires et ajout temoignage */
#reagir p, #ajout-temoignage p{padding: 0 0 10px 0;} #formCommentaire, #ajout-temoignage{font-size: 1.1em;} #reagir form, #ajout-temoignage form{float: left; width: 390px; margin: 16px 0 0 0; padding: 0 15px 0 0;}  #reagir form input, #ajout-temoignage form input,  #ajout-temoignage form input[type=file]{border: 1px solid #bdbcbd; background: url(../img/commun/bg_input.png) bottom left repeat-x;} #reagir form textarea, #ajout-temoignage form textarea{border: 1px solid #bdbcbd; background: url(../img/commun/bg_textarea.png) bottom left repeat-x; } #reagir form p.avertissement, #ajout-temoignage form p.avertissement{color: #c10418;}  #reagir form p.avertissement-positif, #ajout-temoignage form p.avertissement-positif{color: #006e00;} 
#ajout-temoignage form input, #ajout-temoignage form textarea, #ajout-temoignage form input[type=file]{width: 100%;} #ajout-temoignage form input[type=checkbox], #ajout-temoignage form #anti-spam, #ajout-temoignage form #accept{width: 20px !important; background: none !important; border: none !important;} #ajout-temoignage form .photo-temoignage{width: 150px;}
#ajout-temoignage .avertissement img{display: inline; padding: 0 5px 0 0;} #ajout-temoignage form .submit{padding: 13px 13px 13px 20px; margin: 20px auto; display: block; width: 50%;  color: #fff; font-size: 1.2em; text-decoration: none; text-align: center; text-transform: uppercase; background: url(../img/commun/fleche_Blanche.png) no-repeat 10px 18px #c60000;} /* existe un style commun bt_submit, voir pour retirer progressivement submit en image */

/* propre a page de tous les commentaires */
#pagearticle span.reactions{margin: 0 0 0 5px; color: #c10418; padding:0 0 0 20px; background: url(../img/commun/picto_commentaire.png) 0 2px no-repeat;}
#pagearticle span.reactions a {color: #c10418; font-size: 0.9em; line-height: 12px; text-decoration: underline;} 
.page_commentaires .moderation{color: #c10418; margin: 11px 0 0 0;} .page_commentaires .moderation a{padding: 0 0 0 10px;color: #646464; text-decoration: underline; background: 0 3px url(../img/commun/fleche_GriseFondBlanc.png) no-repeat; } .page_commentaires .pagination, #reactions div.footer{padding: 15px 0 ;}
.page_commentaires .chapo{ margin: 0 0 20px 0 ; font-weight: bold; font-size: 1.2em;} /*styles pour l'image de loading du capcha */#img_c{background-repeat: no-repeat; background-position: center center;} #ajax_load{opacity: 0.85; position:absolute; width:50%; margin: 0 0 0 300px; overflow: hidden;}

/*page accueil fil afp*/
.page_depeche li{clear: both; display: block; padding: 10px 0; border-bottom: 1px dotted #c3c3c3;} .page_depeche li .date{color: #7C7B7B !important; font-size: 0.8em !important; text-decoration: none !important;} .page_depeche li a{font-size: 1.8em !important; color: #610B0C !important; } .page_depeche li a:hover{ color: #610B0C !important;} .page_depeche li a img{float: left; margin: 0 20px 10px 0; border: 1px solid #d3d3d3;}

/* Nav de pagination */ /* 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, #derniere_minute .nav{clear: both; display:block;  margin: 0 0 5px 0; padding: 5px 0 0 0; text-align:right; font-size: 10px !important; font-weight: normal; 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, #derniere_minute .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, #derniere_minute .nav a.highlight{ color: #bb292b !important; text-decoration: none;}
#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, #derniere_minute .nav a.suivprec{color: #000;}

/*---------------------- PAGE Agenda ----PAS ENCORE EN LIGNE--------------------------------------------------------------------------- */
/*-------------------------Voir aussi dans page article d'autres styles-----------------------------------------------------------------------*/
.pageagenda h1{color: #4a4848; font-size: 2.4em; font-weight: bold;} .pageagenda h3{color: #eeba1b; text-transform: uppercase;} /*Idem  pagemotscles */
.pageagenda h3 img{float: left} .pageagenda h3 span{font-size: 12px; line-height: 19px;} /*Idem  pagemotscles */
.pageagenda .menu-Agenda{padding:0 0 25px 60px; text-align: right; font-size: 1.1em; border-bottom: 3px solid #666; } 
.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;} .pageagenda .menu-Agenda li.last{border: none;}
#contenuPageAgenda{clear: both; padding: 15px; border-bottom: 3px solid #666666;}  #contenuPageAgenda .bloc_agenda{padding: 10px 0;  border-top: #c3c3c3 1px dotted;} #contenuPageAgenda .bloc_agenda p{padding: 0 0 0 7px;} #contenuPageAgenda .bloc_agenda img{display: inline;}
#contenuPageAgenda .date, #contenuPageAgenda .lieu{font-size:1.4em; }#contenuPageAgenda .date{padding: 0 5px 0 0; color:#bc2a2c !important; font-weight: bold; } 
#contenuPageAgenda .lieu{color:#323232 !important; font-weight:normal !important; text-transform: uppercase !important; }
#contenuPageAgenda h2, ul.infosPratiques li{margin: 7px 0 0 0; padding: 0 0 0 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: 8px 0 0 0;} .pageagenda #texte p{margin: 0 0 10px 0; line-height:16px; font-size: 12px;}

/*-----------PAGES DOSSIER dont page article dossier------------------------------------------------------------------------------------ */
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*Pour le sommaire des DOSSIERS */ /* Peu eventuellement etre utilise sur d'autre template */
a.lienBlocSommaire {padding: 0 0 0 11px; color: #6C6A6A; font-size: 1.1em; text-decoration: underline; background: 0px 5px url(../img/commun/fleche_GriseFondBlanc.png) no-repeat;} a:hover.lienBlocSommaire{color: #c10418;} .pagedossier .bandeauSponsoring{margin:0 0 15px 0;}
/*Idem reagir */ #blocsommaire{clear: both; padding: 11px 0; border-top: #ccc 3px solid; border-bottom: #ccc 3px solid;} #blocsommaire h4{clear: both; padding: 5px 0 0 42px; margin:  0 0 0 7px; height: 35px; color: #c10418; font-size: 1.7em; text-transform: uppercase; background: url(../img/commun/bg_titreDossier.png) no-repeat top left;} #blocsommaire .bloccadre p a.on{text-decoration: underline;} /* la mise en forme liste quasi identique a index personnalite */#blocsommaire ul{float: left; display:block; padding: 13px 5px 10px 5px; margin: 0 0 0 27px; width: 40%;} #blocsommaire ul li{float: left; margin: 0 0 11px 0; padding: 0 10px; width: 100%; line-height: 15px; background:  url(../img/commun/fleche_GriseFondBlanc.png) 0px 5px no-repeat;} #blocsommaire ul li a{color: #323232; font-size: 1.1em;} #blocsommaire ul li a:hover, #blocsommaire ul li a.on {color: #c10418; text-decoration: underline;} 
/* Fin style pages articles dossiers */

/*HOME  dossier*/ /* Se rapproche des styles de la home des personnalites voir pour rassembler les styles plus tard */
.home_dossier h3{clear: both; color: #fff; margin: 0 0 10px 0; padding: 6px 0 0 0; font-size:  1.1em; border-top: 3px solid #bc2a2c;} 
.home_dossier h5, .home_dossier h6{clear: both; color: #6c6a6a; font-size: 1.1em; font-weight: bold; text-transform: uppercase;} .home_dossier h6{background: url(../img/dossiers/bg_autresDos.png) 0 2px repeat-x; } .home_dossier h6 span{padding: 0 2px 0 0; background-color: #fff; }
.bloc_dossier#Une h5{margin: 0 0 5px 0 !important; font-size: 1.3em; font-weight: bold; } .home_type_dossier .bloc_dossier#Une h5{color: #b52e22;} 
.home_dossier h5, .bloc_dossier{margin: 0 0 9px 0;} .home_dossier .article {min-height: 114px; padding: 0 ;} /* necessaire pour corriger un bug IE  */
.home_dossier .article img{margin: 0 13px 20px 0;} .home_dossier .article h2{font-size:  1.9em;} .home_dossier .article h2 a{color: #610B0C;}
.home_dossier .article .ligneSurtitre .surtitre{display: block; font-size: 1em; color: #b52e22;} .home_dossier .article .chapo{margin: 0 0 5px 0; color: #000;} 
.home_dossier .bloc_dossier#Une .article .chapo{margin: 0 0 15px 0;} .home_dossier .infos{color: #7c7b7b; font-size: 1em;} 
.home_dossier .article .auteur{font-size: 1.2em; color: #7c7b7b;} .home_dossier .lienTousLesDos img{ margin: 0; padding: 0 0 8px 0; border: 0; }
.home_dossier ul{float: left; padding:13px 5px 10px 5px; margin: 0 9px; width: 170px;} .home_dossier ul li{float: left; padding: 0 10px; margin: 0 0 11px 0; width: 180px; line-height: 15px; background: url(../img/commun/fleche_GriseFondBlanc.png) 0px 5px no-repeat;} .home_dossier ul li a{font-size: 1.1em; color: #323232;} .home_dossier ul li a:hover{color: #c10418}
.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{padding:15px; margin: 0 0 18px 0; font-size: 1.1em; border-bottom: #ccc 3px solid; background: #f2f2f2 url(../img/dossiers/bg_navDossiers.png) repeat-x bottom left;}
#navDossiers a{padding: 0 12px 0 7px; color: #969696; text-decoration: underline; background: url(../img/commun/fleche_Grise.png) no-repeat 0 4px ;}
#navDossiers .formatChamps{float: none !important; margin: 0 22px 0 70px;}
#bloc_type_dossier .troisListe .article.first{clear: left; padding-left: 0 !important; border: none !important;}
#bloc_type_dossier .article{float: left; width: 190px; margin: 0 10px 20px 0; padding: 0 10px 0 8px; min-height: 300px; border-left: 1px dotted #dbdbdb;}
#bloc_type_dossier .article img{margin-bottom: 0; }
#bloc_type_dossier .article .chapo a{font-size: 1.1em !important;} #bloc_type_dossier .nav {border: none; padding: 20px 0 0 0;}

/*-----------Page accueil Personnalites ITW-PORTRAIT-PARCOURS ------------------------------------------------------------------ */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.page_personnalites h2, .page_personnalites h5, .page_personnalites h6{clear: both; font-size: 1.1em;} .page_personnalites h5, .page_personnalites h6{color: #646464; font-weight: bold; text-transform: uppercase; } .page_personnalites h2{padding: 6px 0 0 0; margin: 10px 0 11px 0; color: #fff; border-top: 3px solid #646464;} .page_personnalites h5 {padding: 11px 0 0 0;} 
/* Styles particuliers à la page personnalites */ 
.page_personnalites #portraits h2, .page_personnalites #parcours h2{padding: 6px 0 0 0; margin: 10px 0 0 0;} .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: 10px 0 0 0;} .page_personnalites #portraits h5, .page_personnalites #portraits h6{color: #8b0e13 !important; margin: 10px 0 0 0;} .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: 0 2px 0 0; } /*Idem que les dossiers */
.bloc_personnalites{margin: 0 0 9px 0;} .page_personnalites .article {min-height: 200px;} /* necessaire pour corriger un bug IE  */
.page_personnalites .article h3{font-size: 1.9em;} .page_personnalites .article .ligneSurtitre .surtitre{color: #b52e22; } 
.page_personnalites .article .chapo{margin: 0 0 15px 0; color: #000;} .page_personnalites .infos{color: #7c7b7b;} .page_personnalites .article .auteur{font-size: 1.2em; color: #7c7b7b;}
/* la mise en forme de la liste est quasi identique a celle du blocsommaire des dossiers */
.page_personnalites ul{float: left; padding: 13px 5px 10px 5px; margin: 0 0 0 15px; width: 170px;}  .page_personnalites ul li{float: left; display:block; padding: 0 10px; margin: 0 0 11px 0; width: 150px; background:url(../img/commun/fleche_GriseFondBlanc.png) 0px 5px no-repeat; line-height: 15px;} .page_personnalites ul li a{font-size: 1.1em; color: #323232;} .page_personnalites ul li a:hover{color: #c10418;} .bloc_personnalites .nav {padding: 0 0 6px 0; border-top: none; border-bottom: 1px dotted #dddddd; } /* Exception par rapport aux styles communs */

/*-----Styles des pages de FORMULAIRE -------------------------------------------------------------------------------------------*/
/*---utilise dans --------INSCRIPTION-et MODIFICATION--COMPTES---COMMENTAIRES--TELECHARGEMENT DES PLUS---------------------------*/
/* identifiant utilise ?? a verifie  */ #pageformulaire{font-size: 1.2em; 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{margin: 0 0 20px 0; padding: 0 0 0 59px; color: #c10418; font-size: 1.8em; line-height: 47px; width: 588px; text-transform: uppercase; background: url(../img/commun/bg_inscription-com.png) no-repeat top right;}
#pageformulaire.les-plus  h1, /*pas utilise */#pageformulaire.pagenewsletter h1{width:645px; margin:0 0 20px 0; color:#d5081d; font-size:1.6em; font-weight:bold; text-transform:uppercase; border-bottom:1px solid #c10418; } 
#pageformulaire.les-plus h2, #pageformulaire.pagenewsletter h2{margin: 0 auto 40px auto; font-size: 2.4em; font-weight: bold; text-align: center; text-transform: uppercase; }
#pageformulaire p{padding: 0 0 20px 0;} #pageformulaire form, div.confirmation {width: 500px; margin: 0 auto 25px auto;}
#pageformulaire form p.gch{display: block; float: left; margin: 0 10px 0 0 ; width: 200px; font-weight: bold;} #pageformulaire form p.drt{float: right; display: block; width: 280px; }
#pageformulaire form .avertissement{color: #c10418;font-weight: normal; } #pageformulaire form .avertissement-positif{color: #0c0; font-weight: normal;} /* dans le cas d'un pseudo qui est disponible*/ #pageformulaire form .encars{clear: both; padding: 15px; margin:0 0 20px 0; background-color: #f0f0f0;} #pageformulaire form .submit{width: 97px; height: 29px; margin: 24px auto 24px auto; display: block; padding:0 0 1px 30px; border: none;color:#fff; font-size:1.2em; font-weight: bold; cursor:pointer; text-align: left; background:url(../img/commun/bg_submit-noir.png) no-repeat; } .formLineError{padding: 5px; margin: 0 0 5px 0; border: 1px red solid; background-color: #facccc;}

/*---------------------- PAGE CONTACTS, CGU, EDITION DIGITAL, ARCHIVES, concours + recherche, RECHERCHE (google)------------------------------------------------------- */
/*-------------------------------------------------------------------------------------------------------------------------------------------*/
.page_cgu p{padding: 10px 0; color: #7c7b7b; font-size: 1.1em; line-height: 20px;} .page_cgu p:first-child{ border: none; } .page_cgu p + p{ border-top: #c7c7c7 1px dotted; } .page_cgu h6{ color: #bc2a2c; font-weight: bold; font-size: 1.2em;} .page_contacts{color: #515151;} .page_contacts h2, .cgu h2{margin:0 0 7px 0; padding: 14px 0 0;} .page_contacts .bloc_contacts{margin:0 0 20px 0; border-top: 1px dotted #dddddd;}
/* Les styles suivants pourront servir de base pour creer une serie 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 controles */
.formatChamps{float: left; color: #7c7b7b; height: 17px; line-height: 17px; border-top: 1px solid #828282; border-bottom: 1px solid #e1e1e1; border-right: 1px solid #ccc; border-left: 1px solid #c1c1c1; background: url(../img/commun/bg_champsForm.png) #fff repeat-x top left; } 
.formMessage { position: relative; color: #747373;} .formMessage .fermeture {color: #fff;} .formMessage .formatChamps {float: left; width: 38%; margin: 0 15px 0 0;}
.formMessage .fondTranslucide{ position: fixed; left: 0; top: 0; z-index:200; height:100%; width: 100%;  margin: auto; background-image:url(../img/commun/fond_50.png); }
.formMessage .contenuFormMessage{position: fixed; top: 0; width: 630px; left: 531px; margin: 30px 0 0 0; z-index: 20000; overflow: visible; border: 3px gray solid; background-color: #fff; }
.formMessage h4{color: #fff; margin: 0 auto; padding: 10px; text-align: center; font-size: 2em; font-weight: bold; border-bottom: 1px dotted #ddd; background-color: #bc292c;}
.formMessage label{float: left; display: block; width:28%; margin:0 10px 0 0; font-size: 1.2em; text-align: left } .formMessage form{padding: 10px; margin: 0 auto;}
.formMessage form p{clear: left; padding: 10px 0 1px 0; margin: 0 0 20px 0;} .formMessage form input.submit{float: right; width: 62px; height: 16px; border: none; background: url(../img/commun/bt_envoyer3.png) no-repeat;} .formMessage textarea{height: 100px;} .vanadium-advice{float: left; width:22%; padding: 0 0 10px 20px; color: red !important; line-height: 15px; background:url(../img/commun/bg_errorForm.png) no-repeat 0 0;}
.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 a, .page_cgu a {color:#c20418; text-decoration: underline;} .page_contacts .bloc_contacts{margin:0 0 20px 0; border-top: 1px dotted #ddd; } .page_contacts .info {display:block; width:645px; margin: 0 0 20px 0; font-size:11px; color:#000; border-bottom:1px solid #c10418;}

/*--concours--*/
.concours{padding: 7px; margin: 0 0 20px 0; min-height: 820px; font-size: 12px; background-color: #e6e6e6; } .concours h2{padding: 0 0 35px 9px;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; } .concours p{padding: 0 0 20px 0;} .concours form .cadre{padding: 11px 0 0 0; margin: 0 0 40px 0;  width: 632px; background: url(../img/concours/bg_haut-cadre-blanc.png) no-repeat top left;} .concours form .blocadre{width: 632px;background: url(../img/concours/bg_bas-cadre-blanc.png) no-repeat bottom left #fff;} .concours form .blocadre ol{margin: 0px 0px 0px 60px;} .concours form .blocadre ol label{line-height: 15px;}
/*idem formMessage */form.inscription{color: #747373;} form.inscription p{padding: 0 0 40px 0;  font-size: 1.2em;}  form.inscription p.intro{color: #323232;}
form.inscription{width: 550px; margin: 0 auto 20px auto;} div.confirmation{width: 550px; margin: 0 auto 20px auto; font-size: 1.2em;}
form.inscription label{float: left; display: block; margin:0 10px 0 0; width:25%; color: #7c7b7b; } /*idem formMessage */
/*idem formMessage */form.inscription .formatChamps {margin: 0 15px 10px 0; height: 22px; width: 200px;} form.inscription textarea{height: 100px;}
form.inscription .vanadium-advice{float: none; width:100px; font-size: 1em;} form.inscription .encarsGris{padding: 15px; margin: 25px 0;  background-color: #f0f0f0; } form.inscription .encarsGris label{clear: both; float: none; display: inline;} form.inscription .encarsGris .vanadium-advice{float: none; margin: 0 0 0 15px;}
form.inscription input.submit{width: 82px; height: 20px; margin: 10px auto; border: none; background: url(../img/commun/bt_valider.png) no-repeat;}

/* Archives */
.archives h2{margin: 20px auto; color: #c10418; font-size: 1.8em; font-weight: bold; text-align: center;} .archives h2 a{color: #c10418} .archives a:hover{text-decoration: underline;}
.archives .bloc_archive{float: left; margin: 0 0 35px 30px; padding:0 0 0 10px; width: 120px;} .archives .bloc_archive h2, .archives-v2 .bloc_archive h2{text-align: left;} 
.archives .bloc_archive ul a{color: #323232;} .archives .bloc_archive ul li {display: block; padding: 0 0 0 15px; margin: 5px 0 0 0; font-size: 1.2em; background: url(../img/commun/fleche_Grise.png) no-repeat 0 4px;} /*resultats */.tri{line-height: 25px; border-bottom: solid #e6e6e6 1px;} .tri a{color: #c10418;} .tri .drt{float: right; display: block; text-align: right;} .archives blockquote {padding: 21px 0 11px 0; color: #969696; border-bottom: solid #e6e6e6 1px;} .archives blockquote h3{font-size: 1.4em; font-weight: bold;} .archives blockquote h3 a{color: #323232;} .archives blockquote .numerotation{float: left; margin: 0 10px 20px 0; font-size: 1.2em; color: #969696; width: 20px; text-align: left; font-weight: bold; } .archives blockquote p{padding: 10px 0 0 30px; color: #323232; font-weight: normal; font-size: 1.2em;} .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;}

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

/* Styles Digitale Edition Page */
.page-edigitale{color: #323232} .page-edigitale h2{padding: 0 0 0 80px; margin: 0 0 18px 0; font-size: 2.4em; font-weight: bold; line-height: normal; background:url(../img/edition-digitale/picto-ecran.png) no-repeat top left; } .bt_buy{margin:0 0 20px 0; display: block;} .avantages, .aussi{margin: 30px 0 0 0;} .avantages{float: left; width: 397px; font-size: 1.2em;} .avantages span{display: block; padding: 0 0 35px 0; font-size: 1.8em; font-weight: bold;} .avantages ul, .avantages li{padding: 0; margin: 0; list-style: none outside none;} .avantages li{ padding-left:11px; margin-bottom: 10px; background: url(../img/edition-digitale/bg_fleche.png) 0 5px no-repeat; } .aussi{float: right; padding: 45px 0 0 270px;  width: 300px; font-size:1.4em; font-weight: bold; background: url(../img/edition-digitale/screenShotIphoneIpad.jpg) 0 0 no-repeat;}
/* END Styles Digitale Edition Page */

/*----------------------- PAGE DIAPORAMA --------------------------------------------------------------------------------------- */
.pagediapo2 #bloc-diaporama2{padding: 0 9px 9px 9px; /*657 - 16px de padding */ background: url(../img/commun/bg_HachuresNoires.png) top left #000 ; }
#bloc-diaporama2 .coldroite{ float: right; width: 300px;} #bloc-diaporama2 .colgauche{float: left; width: 640px;}
#bloc-diaporama2 .colgauche h3{margin: 0 auto 6px 0; text-align: center;} #bloc-diaporama2 .colgauche h3 img{display: inline;} 			
#bloc-diaporama2 {padding: 0 5px 0 0; margin: 0 0 20px 0; color: #fff;} #bloc-diaporama2 .infos{display: block; padding: 5px 0 0 0; margin:0 0 10px 0; color:#7f7f81; font-size: 0.9em;}
#bloc-diaporama2 .ordre, #bloc-diaporama2 .count, #bloc-diaporama2 h2{font-size: 1.9em;} #bloc-diaporama2 h2{margin: 0 0 9px 0;}  #bloc-diaporama2 .texte, #bloc-diaporama2 .desc{color: #878888; font-size: 1.2em;} #bloc-diaporama2 .ordre, #bloc-diaporama2 .count, #bloc-diaporama2  .texte, #bloc-diaporama2  .desc ,#bloc-diaporama2 .infos , #bloc-diaporama2 h2, bloc-diaporama2  #boiteoutil, .share-box-diapo{float:right;  width: 300px;}	 #bloc-diaporama2 #boiteoutil{margin: 12px 0 0 0;}
/*share box*/ .share-box-diapo{margin: 30px 20px 0 0; padding: 10px 0;} .share-box-diapo .sendDiaporama{margin: 0 0 10px 0; } .share-box-diapo .sendDiaporama img{display: inline; padding: 0 6px 0 0;}  .share-box-diapo .sendDiaporama a{color: #7c7b7b; text-decoration: underline;} .share-box-diapo .sendDiaporama{float: right;} .share-box-diapo .facebook_share, .share-box-diapo .twitter_share{float: right; margin: 0 0 0 10px; }
#bloc-diaporama2  .photo2 { display:block;  min-height: 440px; overflow: hidden;}
	#actuSemaine2 {width: 642px; min-height: 100px; margin: 0 0 20px 0;} #actuSemaine2 h2 img{float: none !important; display: inline; padding: 0 0 4px 0; text-align: left;  border: none; }
	#actuSemaine2 h3{padding: 4px 0; font-size: 1.1em; color: #fff; } #actuSemaine2 h3 a{color: #fff;} #actuSemaine2 h4{margin:0 0 8px 0;}
	#actuSemaine2 img.previewDiapo{float: left; margin: 0 17px 25px 0;} #actuSemaine2 #contenuActuImage{padding: 19px; min-height: 50px; border: 1px solid #5b5b5b; background: url(../img/commun/bg_HachuresNoires.png) top left; }		
	.menu-actuImage2 { clear: both; height: 21px;} .menu-actuImage2 li{float: left;} .menu-actuImage2 li a{display: block; height: 22px; }
	.menu-actuImage2 li#ongletActuImage0.actif{background: url(../img/diaporama/ongletActuImage0.png) no-repeat 0 0; width: 91px;} 
	.menu-actuImage2 li#ongletActuImage0{background: url(../img/diaporama/ongletActuImage0.png) no-repeat 0 -22px; width: 91px;} 
	.menu-actuImage2 li#ongletActuImage1.actif{background: url(../img/diaporama/ongletActuImage1.png) no-repeat 0 0; width: 92px;}
	.menu-actuImage2 li#ongletActuImage1{background: url(../img/diaporama/ongletActuImage1.png) no-repeat 0 -22px; width: 92px;}
	.menu-actuImage2 li#ongletActuImage2.actif{background: url(../img/diaporama/ongletActuImage2.png) no-repeat 0 0; width: 92px;}
	.menu-actuImage2 li#ongletActuImage2{background: url(../img/diaporama/ongletActuImage2.png) no-repeat 0 -22px; width: 92px;}
	.menu-actuImage2 li#ongletActuImage3.actif{background: url(../img/diaporama/ongletActuImage3.png) no-repeat 0 0; width: 92px;}
	.menu-actuImage2 li#ongletActuImage3{background: url(../img/diaporama/ongletActuImage3.png) no-repeat 0 -22px; width: 92px;}
	.menu-actuImage2 li#ongletActuImage4.actif{background: url(../img/diaporama/ongletActuImage4.png) no-repeat 0 0; width: 92px;}
	.menu-actuImage2 li#ongletActuImage4{background: url(../img/diaporama/ongletActuImage4.png) no-repeat 0 -22px; width: 92px;}
	.menu-actuImage2 li#ongletActuImage5.actif{background: url(../img/diaporama/ongletActuImage5.png) no-repeat 0 0; width: 92px;}
	.menu-actuImage2 li#ongletActuImage5{background: url(../img/diaporama/ongletActuImage5.png) no-repeat 0 -22px; width: 92px;}
	.menu-actuImage2 li#ongletActuImage6.actif{background: url(../img/diaporama/ongletActuImage6.png) no-repeat 0 0; width: 91px;}
	.menu-actuImage2 li#ongletActuImage6{background: url(../img/diaporama/ongletActuImage6.png) no-repeat 0 -22px; width: 91px;}	
	#actuSemaine2 #contenuActuImage0, #actuSemaine2 #contenuActuImage1, #actuSemaine2 #contenuActuImage2, #actuSemaine2 #contenuActuImage3, #actuSemaine2 #contenuActuImage4,
	#actuSemaine2 #contenuActuImage5, #actuSemaine2 #contenuActuImage6, #actuSemaine2 #contenuActuImage7{padding: 19px 0 0 0;}
	
	/*---animation------*/ .jDiaporama{position:relative;min-height: 440px;overflow: hidden; margin: 20px 0 0 0;} .diaporama1{overflow: hidden;} .jDiaporama ul{margin: 40px 0 0 0;} .jDiaporama li{overflow:hidden; width: 100%;height: 440px;} .jDiaporama li img.currentPhoto{float: left; display:block; margin: 0 0 0 40px;} .jDiaporama li .desc{display:none; margin:0; color:#fff; font-size:12px; font-family: Arial; padding:5px; background:url(img/back_desc.png) repeat; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/diaporama/back_desc.png',sizingMethod='scale');  _background-image:none; width:100%; height:30px;}
	.jDiaporama li .title, .jDiaporama li .count{display:none; padding:5px; margin:0; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
	.jDiaporama_controls{display: block !important; position: absolute; top:0; right: 210px;} .jDiaporama_controls a{display:block; margin:0 3px; width:10px; height:13px; font-weight:normal; text-indent:-9999px; } .jDiaporama_controls .prev{float: left; background:url(../img/diaporama/bt_defil-gch2.png) no-repeat bottom; height:25px; width:14px; }
	.jDiaporama_controls .next{float: left; background:url(../img/diaporama/bt_defil-drt2.png) no-repeat top; height:25px; width:72px;}
	.jDiaporama_controls .pause{float: left; background:url(../img/diaporama/playpause.png) no-repeat top; width:64px;height:48px; }
	.jDiaporama_controls .play{float: left; background:url(../img/diaporama/playpause.png) no-repeat bottom; _background:url(../img/diaporama/playpause.gif) no-repeat bottom; width:64px; height:48px;} .jDiaporama_status{display:none; margin:10px 0 0 0; text-align:center; } .jDiaporama_status a{float:left; width:10px; height:10px; text-indent:-9999px; margin:0 5px 0 0; background:url(../img/diaporama/bullets.png) no-repeat left;_background:url(../img/diaporama/bullets.gif) no-repeat left;} .jDiaporama_status a.active, .jDiaporama_status a:hover{background:url(../img/diaporama/bullets.png) no-repeat right;_background:url(../img/diaporama/bullets.gif) no-repeat right;}

/*---------------------- PAGE METEO ---------------------------------------------------------------------------------------------*/
/*---- Aller dans le style de la colonne droite pour voir les styles du bloc present dans la page pays ------------------------- */
.pagemeteo{margin: 0 0 20px 0;} .pagemeteo .bloc_map{padding: 0 7px 7px 7px; margin: 0 0 11px 0; background:url(../img/commun/bg_HachuresGrisFonce.png); border: 1px solid #c3c3c3;} 
.pagemeteo .bloc_map .releve{color: #b7b2b2; /*font-size: 10px;*/ line-height: 23px; }
.pagemeteo .blocMeteoVille {float: left; height: 376px; width: 190px; padding: 12px; color: #323232; font-size: 11px; overflow: hidden; background: url(../img/meteo/bg_blocPrevisions.png) repeat-x top left #68878f;}
.pagemeteo .blocMeteoVille .pays{color: #fff; position: relative; padding: 0 0 0 49px; height: 43px; font-weight: bold; font-size: 14px; text-transform: uppercase; line-height: 13px; overflow: hidden; border-bottom: 1px solid #9bc0ca;} .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:7px 0 0 0; height: 29px; font-size:14px; text-transform: uppercase; line-height: 13px;} 
.pagemeteo .miniBlocMeteoVille .ville{padding: 0 0 5px 0; font-size:14px; text-transform: uppercase; line-height: 13px;} 
.pagemeteo  .blocMeteoVille .ville a, .pagemeteo .miniBlocMeteoVille a{display:block; color:#313131;  font-weight:bold;}
.pagemeteo  .blocMeteoVille .pictoMeteo{margin: 0 auto;} .pagemeteo  .blocMeteoVille .detail, .pagemeteo .miniBlocMeteoVille .detail{font-weight: bold;}
.pagemeteo  .blocMeteoVille .temperature{padding: 0 0 0 95px; margin: 0 0 9px 0; text-align: right;}  .pagemeteo  .blocMeteoVille .temperature, .pagemeteo .miniBlocMeteoVille .temperature {margin: 0 0 9px 0; text-align: right; }  .pagemeteo  .blocMeteoVille .temperature span, .pagemeteo .miniBlocMeteoVille .temperature span {color:#fff; font-weight:bold; font-size:14px; }
.pagemeteo .blocMeteoVille .lien{padding: 15px 0 0 0; margin: 20px 0 0 0; border-top: 1px solid #9bc0ca;} .pagemeteo .bloc_map .blocMeteoVille .lien img{padding: 5px 0 0 0; }
.pagemeteo .miniBlocMeteoVille{position: relative; float: left; display: block; width: 400px;  height: 83px; margin: 0 0 4px 6px; padding: 7px; color: #323232; font-size: 11px; overflow: hidden;}
.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{position: absolute; top: 0; left: 115px; } .pagemeteo .miniBlocMeteoVille .plusDetails{float:left; padding: 0 0 0 110px;width: 190px;}
.pagemeteo #map {position:relative; float: left; display:block; margin: 0 15px 0 0; width:400px; height:400px; }
.pagemeteo #map .ville {padding: 0 0 0 12px; color:#000; line-height:11px; background:url(../img/meteo/pucev.gif) no-repeat 5px 5px; }
.pagemeteo #map .villedrt {padding:0 12px 0 0; color:#000; line-height:11px; background:url(../img/meteo/pucev.gif) no-repeat center right;} .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;}
.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;}
#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; margin: 14px 0 0 0;} #liste_pays li{float: left; padding: 0 0 0 10px; margin: 0 0 0 11px; width: 190px; background: url(../img/commun/fleche_Grise.png) no-repeat 0 4px;} #liste_pays li a{color: #6c6a6a; font-weight: bold; text-transform: uppercase;}

/*---------------------- PAGE video -------------------------------------------------------------------------------------------- */
.pagevideo2 #blocvideoprincipal2{padding: 0 9px 9px 9px; /*657 - 16px de padding */ background: url(../img/commun/bg_HachuresNoires.png) top left #000; }
#blocvideoprincipal2 .coldroite{float: right; width: 530px;} #blocvideoprincipal2 .colgauche{ float: left; width: 410px;}
#blocvideoprincipal2 .colgauche h3{ margin: 0 auto 6px 0; text-align: center;} #blocvideoprincipal2 .colgauche h3 img{display: inline;} 
#blocvideoprincipal2 .articlesAssocies{border: none;} .chaines-JA .note{display: block; color: #787676;} .pagevideo2 .note img, .chaines-JA .note img{ display: inline; border: none; }	
#player{width: 400px; height: 300px; border: 1px solid #605c5c;}
#blocvideoprincipal2 .description{padding: 0 5px 0 0; margin: 0 0 20px 0; color: #fff;} #blocvideoprincipal2 .infos{display: block; color:#7f7f81; font-size: 0.9em;} 
#blocvideoprincipal2 .infos .gch{width: 35%; float: left;} #blocvideoprincipal2 .infos .middle{float: left;width: 30%;} #blocvideoprincipal2 .infos .drt{float: right; width: 33%;}
#blocvideoprincipal2 .infos .date, #blocvideoprincipal2 .infos .source{padding: 0 5px 0 0;} #blocvideoprincipal2 .auteur{padding: 0 0 0 5px;} #blocvideoprincipal2 .infos img{display: inline;}
#blocvideoprincipal2 .description h1{margin: 0 0 9px 0; font-size: 1.9em;} #blocvideoprincipal2 .description .texte{font-size: 1.2em; color: #878888;}
#blocvideoprincipal2  #boiteoutil{margin: 12px 0 0 0;}
/* voir pour rassembler dans des styles communs */ .share-box-videos{margin: 30px 0 0 0; padding: 10px 0;} .share-box-videos .sendVideo img{display: inline; padding:0 6px 0 0;} .share-box-videos .sendVideo a{padding: 0 15px 0 0; color: #7c7b7b; text-decoration: underline;} .share-box-videos #liste_etoile{float: left;} .share-box-videos .sendVideo, .share-box-videos .facebook_share, .share-box-videos .twitter_share{float: right; margin: 0 0 0 10px; } /* */
#blocvideoprincipal2 #notation{float: right; width: 70px; height: 14px; padding:0 0 0 107px; border:1px solid #eeba1b; background:url(../img/videos/bg_notation.png) 0 0 no-repeat; }
#blocvideoprincipal2 #notation.merci{background:url(../img/videos/bg_notationMerci.png) 0 0 no-repeat;}
#blocvideoprincipal2 #notation a{float: left; display: block; width: 12px; height: 14px; background: url(../img/videos/bg_note-etoile.png) 0 -14px no-repeat;}
#blocvideoprincipal2 #notation a:hover{background: url(../img/videos/bg_note-etoile.png) 0 0 no-repeat;} #blocvideoprincipal2 #notation a.ON{background: url(../img/videos/bg_note-etoile.png) 0 0 no-repeat;}	
.pagevideo2 #autreVideo .article span.surtitre{display: none; margin: 0; font-size: 11px; line-height: normal;} .pagevideo2 #autreVideo .article span.note, .chaines-JA .article span.note{color:#969696;/* font-size: 10px; */} .pagevideo2 #bloc-player{ min-height: 615px;}
.chaines-JA2{position: relative; clear: both; margin: 0; padding: 27px 0 0 0; width:967px;  min-height: 695px; border-right: #605c5c 1px solid; border-bottom: #605c5c 1px solid; border-left: #605c5c 1px solid; background: url(../img/commun/bg_HachuresNoires.png) top left #000;}
.chaines-JA2 p.avertissement{margin: 0 0 20px 0; color:#ccc; font-weight: bold; font-size: 12px;text-align: center;} .chaines-JA2 p.avertissement img{display: inline;}
.chaines-JA2 .previsuVideo{float: left; position: relative; width: 115px; min-height: 200px; padding: 0 0 15px 0; margin: 0 0 0 20px; overflow: hidden; }
.chaines-JA2 .previsuVideo h3{font-size: 1.1em;} .chaines-JA2 .previsuVideo h3 a{color: #fff;} .chaines-JA2 .previsuVideo img.visuarticle{display: block; }
.menu-chaines-JA2 {clear: both; padding: 18px 0 0 0; } .menu-chaines-JA2 li{float: left;} .menu-chaines-JA2 li a{display: block; height: 23px; }
.menu-chaines-JA2 li#chaine0.actif{background: url(../img/videos/chaines-onglet0-bis.png) no-repeat 0 0; width: 112px;} .menu-chaines-JA2 li#chaine0{background: url(../img/videos/chaines-onglet0-bis.png) no-repeat 0 -23px; width: 112px;} 
.menu-chaines-JA2 li#chaine1.actif{background: url(../img/videos/chaines-onglet1-bis.png) no-repeat 0 0; width: 118px;} .menu-chaines-JA2 li#chaine1{background: url(../img/videos/chaines-onglet1-bis.png) no-repeat 0 -23px; width: 118px;}
.menu-chaines-JA2 li#chaine2.actif{background: url(../img/videos/chaines-onglet2-bis.png) no-repeat 0 0; width: 94px;} .menu-chaines-JA2 li#chaine2{background: url(../img/videos/chaines-onglet2-bis.png) no-repeat 0 -23px; width: 94px;}
.menu-chaines-JA2 li#chaine3.actif{background: url(../img/videos/chaines-onglet3-bis.png) no-repeat 0 0; width: 111px;} .menu-chaines-JA2 li#chaine3{background: url(../img/videos/chaines-onglet3-bis.png) no-repeat 0 -23px; width: 111px;}
.menu-chaines-JA2 li#chaine4.actif{background: url(../img/videos/chaines-onglet4-bis.png) no-repeat 0 0; width: 69px;} .menu-chaines-JA2 li#chaine4{background: url(../img/videos/chaines-onglet4-bis.png) no-repeat 0 -23px; width: 69px;}
.menu-chaines-JA2 li#chaine5.actif{background: url(../img/videos/chaines-onglet5-bis.png) no-repeat 0 0; width: 69px;} .menu-chaines-JA2 li#chaine5{background: url(../img/videos/chaines-onglet5-bis.png) no-repeat 0 -23px; width: 69px;}
.menu-chaines-JA2 li#chaine6.actif{background: url(../img/videos/chaines-onglet6-bis.png) no-repeat 0 0; width: 58px;} .menu-chaines-JA2 li#chaine6{background: url(../img/videos/chaines-onglet6-bis.png) no-repeat 0 -23px; width: 58px;}
.menu-chaines-JA2 li#chaine7.actif{background: url(../img/videos/chaines-onglet7-bis.png) no-repeat 0 0; width: 62px;} .menu-chaines-JA2 li#chaine7{background: url(../img/videos/chaines-onglet7-bis.png) no-repeat 0 -23px; width: 62px;}
.menu-chaines-JA2 li#chaine8.actif{background: url(../img/videos/chaines-onglet8-bis.png) no-repeat 0 0; width: 50px;} .menu-chaines-JA2 li#chaine8{background: url(../img/videos/chaines-onglet8-bis.png) no-repeat 0 -23px; width: 50px;}
/* champs recherche */#chaine9{height:22px; width: auto; border-bottom: #605c5c 1px solid; background-color: #282626;} #chaine9 .rechercheVideo{float: right;} 
/*--- Voir ausssi styles de PAGINATION (styles communs) ---*/ .chaines-JA2 .nav{clear: both; width: 100%; margin:0 0 20px 0; padding: 0 20px 0 0; text-align: center; font-size: 1.1em; font-weight: bold;} .chaines-JA2 .nav a{color: #fff; padding: 5px; text-decoration: underline;} .chaines-JA2 .nav a.highlight{text-decoration: none; color: #fdda7f;} .chaines-JA2 .nav a.suivprec{color: #fdda7f;}

/* Recherche intuitive */ /*jQuery */ /*Pas utilise actuellement  */
#chaine9 .rechercheVideo #champRecherche, #chaine9 .rechercheVideo #champsRechercheVideo{position: relative; width: 185px; margin: 2px 0 0 0;}
#chaine9 form{position: relative;} .break{clear:both;} #searchform {margin:50px 200px; font-size:1.8em;} #searchform div{color:#eee;}
#suggestions{position: absolute; display:none; bottom:10px; top: 20px; width:320px;} #searchresults{position: absolute; z-index: 100; width:320px; font-size:10px; line-height:14px; border:1px #919191 solid; background-color: #000; } #searchresults a{clear:left; display:block; height:56px; background-color:#e4e4e4;} #searchresults a:hover{color:#fff; background-color:#b7b7b7; }
#searchresults a img{float:left; padding:5px 10px;} #searchresults a span.searchheading{display:block; padding:5px 0 0 0; color:#191919; font-weight:bold;}
#searchresults a:hover span.searchheading{color:#fff;} #searchresults a span{color:#555;} #searchresults a:hover span {color:#f1f1f1; }
#searchresults span.category {display:block; margin:5px; color:#fff; font-size:11px;} #searchresults span.seperator{float:right; padding: 0 15px 0 0; margin:0 5px 0 0;}
#searchresults span.seperator a {display:block; margin:5px; height:auto; color:#fff; background-color:transparent;}		
	
/*---------------------- PAGE RECHERCHE MOT CLE -------------------------------------------------------------------------------- */
.menu-motsCles {clear: both; padding: 18px 0 0 0;} .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{clear: both; padding: 5px; border-right: 1px #ddd solid; border-bottom: 1px #ddd solid; border-left: 1px #ddd solid;} .pagemotscles .conteneur .article{clear: left; min-height: 90px; border-bottom: 1px dotted #ddd;} .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;}

/*----------------------PAGES Annonces ----------------------------------------------------------------------------------------- */
.pageAnnonce .pdf {display:block; width:645px;} .pageAnnonce .pdf_logo {display:block; width:645px; margin:5px 0 20px 0; border-bottom:1px solid #8B8B8B; }
.pageAnnonce {padding:0 0 10px 0; margin:20px 0 0 0;} .pageAnnonce ul{padding:0 0 5px 0; margin: 15px 0 0 0;}
.pageAnnonce li{clear:both; padding:6px; margin: 0 0 3px 0; border-bottom: 1px #d3d3d3 solid;} .pageAnnonce li a {display: block; color:#762c2c; font-weight:bold; font-size: 1.3em; text-indent: 9px; background: url(../img/commun/bg_listePointGrisClaire.png) top left no-repeat;} .pageAnnonce li a:hover{color: #bc2a2c; text-decoration: underline;} .pageAnnonce .employeur{color:#777775 !important; font-weight:normal !important; font-size: 1.2em !important;} .pageAnnonce .date{font-size:10px; font-weight:normal !important; color:#8B8B8B;} .pageAnnonce .pays{ color:#323232 !important; font-weight:bold !important; font-size: 1.2em !important;} .pageAnnonce .lire{display:block; color:#C4292D; font-size:10px; margin:10px 0 0 10px; padding: 0 0 0 7px; background:url(../img/commun/fleche_rouge.png) no-repeat 0 2px;} .pageAnnonce a.lire{color:#C4292D; text-decoration: underline !important;} 

/*---------------------- PAGES RSS & WIDGET ------------------------------------------------------------------------------------ */
/* Voir les styles du picto RSS dans les titres dans les styles communs */
.page_rss{color: #515151;} .page_rss h2{margin: 0 0 19px 0; font-size: 1.8em; font-weight: bold;} .page_rss h3{clear:both; margin: 50px 0 37px 0; font-size: 1.2em; font-weight: bold; color: #c10418;} .page_rss p{font-size:1.2em; padding: 0 0 19px 0;} .page_rss .gch{ float:left; display:block; margin: 0 0 15px 0; width:40%; }
.page_rss .listRSS{font-size: 1.2em; clear: both;} .page_rss .listRSS li {clear:both;} .page_rss .drt{float:left; display:block; width:60%; line-height:17px;} .page_rss .drt img{display: inline; padding: 0 13px 0 0;}
.menu-pageRss {clear: both; padding: 18px 0 0 0;} .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{clear: both; padding: 30px 15px; border-right: 1px #ddd solid; border-bottom: 1px #ddd solid; border-left: 1px #ddd solid; background-color: #fff;}
.page_rss div#widget{padding: 35px 15px; background-image: url(../img/commun/bg_HachuresGrisFonce.png);} .page_rss #widget-containt {float: left; padding: 10px; margin:0 15px 0 0; width: 350px;  background-color: #fff;} .page_rss div#widget #installation-widget{float: left; padding: 45px 0 0 0; width: 220px; color: #fff;} .page_rss div#widget #installation-widget p{font-size: 1.1em; text-align: justify; } 

/*---------------------- PAGES ALERTES - utilises ? ------------------------------------------------------------------------------------- */
/*.pageAlertes .conteneur{clear: both; border-right: 1px #ddd solid; border-bottom: 1px #ddd solid; border-left: 1px #ddd solid; padding: 30px 15px; background-color: #fff;}
.pageAlertes p.intro{font-size: 1.2em;} .menu-pageAlertes{clear: both; padding: 18px 0 0 0;}
.menu-pageAlertes li{float: left;} .menu-pageAlertes li a{ display: block; height: 32px; width: 107px; }
.menu-pageAlertes li#onglet-pageAlertes0.actif{background: url(../img/rss/pageRss-onglet2.png) no-repeat 0 0;}  .menu-pageAlertes li#onglet-pageAlertes0{background: url(../img/rss/pageRss-onglet2.png) no-repeat 0 -32px; }  
.menu-pageAlertes li#onglet-pageAlertes1.actif{background: url(../img/rss/pageRss-onglet3.png) no-repeat 0 0;}  .menu-pageAlertes li#onglet-pageAlertes1{background: url(../img/rss/pageRss-onglet3.png) no-repeat 0 -32px;} .pageAlertes .listRSS{float: left; width: 40%;} .pageAlertes .listRSS li{clear:both;}
.pageAlertes .gch, .pageAlertes .drt{display:block; float:left;} .pageAlertes .gch{width:60%; margin: 0 0 15px 0;} .pageAlertes .drt{width:40%; line-height:17px;} .pageAlertes .drt img{ display: inline; padding:0 13px 0 0;}*/

/*---------------------- PAGE présentation I-PHONE ----------------------------------------------------------------------------- */
.pageIphone2 {min-height: 600px; font-size: 1.2em; background:url(../img/i-phone/bg_i-phone2.jpg) 0 41px  no-repeat;} .pageIphone2 h1{margin: 19px 0; color: #b52e22; font-size: 1.2em; font-weight: bold;} .pageIphone2 #presentation{float: right; padding: 0 12px 0 23px; width: 410px;} .pageIphone2 ul{color: #7a7a7a; font-size: 1.1em;  margin: 0 0 20px 8px;} .pageIphone2 li{padding: 0 0 0 11px; line-height: 15px; background: url(../img/commun/fleche_GriseFondBlanc.png) 0px 5px no-repeat;}

/*---------------------- PAGES BREAKING NEWS ----------------------------------------------------------------------------------- */
/*-- pour l'onglet de la page d'accueil breaking-news niv 2 VOIR styles menu-------------------------------------------------------*/
.breaking-news h1{color: #eeba1b; text-transform: uppercase;} .breaking-news h1 img, .breaking-news .bloc_accueil h4 img{float: left;} .breaking-news .bloc_accueil h4{margin: 10px 0 0 0;}
.breaking-news #video{width: 633px; padding:42px 7px 7px 7px; margin: 22px 0 0 0; border: 1px #bababa solid; background:url(../img/breaking-news/t_les-videos.png) top left no-repeat #f5f5f5;}
.breaking-news #pagervideo{margin: 0 0 20px 0;} /* style provisoire car il n'y a pas de pagination*/
.breaking-news .bloc_accueil .article{clear: both; min-height:86px;} .breaking-news #video .article{clear: both; padding: 10px 0 14px 0; border-bottom: 1px solid #dfdede;} .breaking-news #video .article.last, .breaking-news #les-reactions .article.last{border: none;} .breaking-news #les-reactions{width: 646px; margin: 22px 0 0 0; padding: 23px 0 0 0; background: url(../img/breaking-news/t_les-reactions.png) top left no-repeat;} .breaking-news #les-reactions .bloccadre{padding: 0px 7px 7px 7px; border-right:1px #bababa solid; border-bottom: 1px #bababa solid; border-left: 1px #bababa solid; background-color:#f5f5f5;} .breaking-news .article{clear: left; border-bottom: 1px solid #ddd; 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{padding: 8px 0; border-bottom: 1px dotted #ddd !important; border-top: none !important;} /*exception aux styles communs */ .breaking-news .intro{margin: 10px 0; color: #666; font-weight: bold; font-size: 1.4em; text-align: justify;}

/*---------------------- PAGES DECOUVERTE BOUTIQUE HS, et decouverte des PLUS de JA --------------------------- */
.pagePromoBoutique {margin: 0 0 20px 0; color: #fff; font-size: 1.1em;}  .pagePromoBoutique h1{margin:0 0 20px 0; font-size: 20px; text-align:center;} .pagePromoBoutique h1 span{font-size: 12px;} .pagePromoBoutique h1 a{color: #fff;} #bloc-promo{padding: 7px 0 15px 43px; background: url(../img/commun/bg_oeilactu.png) #000 repeat-x;} #bloc-promo .blocCouv{float: left; margin: 0 20px 0 0; width: 180px;} #bloc-promo #couv{margin: 0 0 26px 0; border-top: 1px solid #3c3b3b;} #bloc-promo .blocCouv a.lienDemo{padding:0 0 0 14px; color: #7c7b7b; text-decoration: underline; background: url(../img/commun/fleche_Grise.png) no-repeat 0 4px ;} #bloc-promo .blocCouv a.lienDemo, #bloc-promo .blocCouv a.lienDemo2{display: block; margin:0 0 0 10px;} #bloc-promo .blocCouv a.lienDemo2{padding: 0 0 9px 0;} #bloc-promo .texte-promo{float: right; width: 400px; } #bloc-promo .texte-promo p{padding:0 15px 20px 15px;} #bloc-promo .texte-promo ul{padding:0 0 20px 0; margin: 0 auto; width: 80%;}
/* .autresHS-2 - bloc animer par un effet de scroll (jQuery) */
.autresHS-2 {padding: 8px 14px 23px 14px; min-height: 100px;border-bottom: 1px solid #5b5b5b; border-right: 1px solid #484747; border-left: 1px solid #484747; background: url(../img/diaporama/bg_actualiteDeLaSemaine.png) 0 0;} .autresHS-2 dl{float: left; margin: 21px 0 0 5px; width: 255px; color:#fff;} .autresHS-2 dl dt img{float: left; padding:0 16px 0 0;} .autresHS-2 dl a{color: #fff;}
.autresHS-2 .scrollable {/* required settings */ position:relative; overflow:hidden; width: 530px; height:120px;}
.autresHS-2 .scrollable .items {/* this cannot be too large */position:absolute; clear:both; width:20000em;} .autresHS-2 .items div {float:left; width:530px;}
/* single scrollable item */ .autresHS-2  .scrollable img {float:left; } /* active item */.autresHS-2  .scrollable .active {position:relative; cursor:default; border:2px solid #000;}
/* this makes it possible to add next button beside scrollable */ .autresHS-2  .scrollable {float:left;} .autresHS-2 a.browse{display: block; margin: 15px 0 10px 0; width: 14px; height: 25px; }  .autresHS-2  a.right {float: right; margin:0 0 0 15px; background: url(../img/commun/bt_defil-drt.png) no-repeat 0 0; } .autresHS-2 a.right:hover, .autresHS-2  a.right:active{background: url(../img/commun/bt_defil-drt.png) no-repeat 0 -25px; } .autresHS-2  a.left {float: left; padding:0 15px 0 0; background: url(../img/commun/bt_defil-gch.png) no-repeat 0 0;}
.autresHS-2  a.left:hover, .autresHS  a.left:active {background: url(../img/commun/bt_defil-gch.png) no-repeat 0 -25px;}
/* disabled navigational button */ .autresHS-2  a.disabled {visibility:hidden !important;} 	
/* fin style .autresHS-2  avec effet de scroll (jQuery) */

/*---------------------- 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{position: relative; margin: 0 0 20px 0; min-height: 500px; padding: 20px; color: #fff; font-weight: bold;background: url(../img/diaporama/bg_actualiteDeLaSemaine.png) 0 0; }
.bloc-plus .couv{float: left;margin:0 20px 30px 0; border:1px #a9a9a9 solid;} .les-plus-de-ja h1{margin: 10px 0 35px 0; color: #ffee00; font-weight: bold; font-size: 2em; text-align: center;}
.les-plus-de-ja h1 span{color: #fff; font-size: 24px; text-transform: uppercase;}
.bloc-plus .chapo{padding:0 0 25px 0; font-size: 1.3em; text-align: justify;} .bloc-demo{float: right; margin: 0 0 20px 0; width: 300px; text-align: center;} .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{padding: 75px 0 0 0; color: #ffee00; font-size: 14px; text-transform: uppercase;text-decoration: underline;}  .les-plus-de-ja dl{clear: both; padding: 14px 0 0 0;} .les-plus-de-ja dt a{color: #fe0; font-size: 1.4em; text-decoration: none; }
.les-plus-de-ja dt{padding:0 0 10px 0;} .les-plus-de-ja dd .chapo{float: left; width: 250px !important; margin: 0 0 0 14px; font-size: 11px !important; text-align: left !important;} 
.les-plus-de-ja dd{clear: both;} .les-plus-de-ja dd .chapo a{color: #fff;} .les-plus-de-ja .telecharger{float: right; width: 228px;}
a.lienRetour, a.lienEnSavoirplus{padding: 0 0 0 10px; color: #969696 !important; text-decoration: underline; font-weight: normal; font-size: 11px; display: none; background: url(../img/commun/fleche_Grise.png) no-repeat 0 4px; } a.lienRetour{position: absolute; bottom: 30px; right: 30px; display: block;} /* Voir pour créer un style commun */

/*----------------------MAP ----------------------------*/
/*Egalement utilise dans la meteo - NE JAMAIS EFFACE CAR UTILISER DANS ARTICLE SUR WIKILEAKS -voir pour reporter dans l'article */
.map{display:block; position:relative; width:400px; height:400px; margin: 0 15px 0 0;} .map a{position:absolute; display: block;font-weight: bold;} .map a.zone{color:#fff !important;text-transform: uppercase; text-decoration: none !important; border: 2px #ff3 dashed; } .map a.pays{color:#000 !important; } .map a:hover.zone{ border: 2px red dashed;} .map a:hover.pays{ text-decoration: underline;} ul.liensmap h5{color: #C10418; font-size: 1.5em; text-transform: uppercase;}
ul.liensmap {display:block; padding:0 5px; list-style:none;}  ul.liensmap  li{float: left; display:block; padding:0 10px; margin: 0 0 11px 0; width: 200px;  line-height: 15px; background:  url(../img/commun/fleche_GriseFondBlanc.png) 0px 5px no-repeat;} ul.liensmap  li a{color: #323232; font-size: 11px;} ul.liensmap li a:hover, ul.liensmap li a.on{font-size: 11px; color: #c10418; text-decoration: underline; }	

/*------------------Calendrier jquery -------------------*/
/* A DEPLACER DANS 1 @IMPORT DES QUE POSSIBLE */
a.dp-choose-date {float: left; width: 16px;height: 16px;padding: 0; margin: 5px 3px 0;text-indent: -2000px; overflow: hidden; background: url(../img/commun/calendar.png) no-repeat; display: none; /*desactiver pour raison de maquette */} a.dp-choose-date.dp-disabled{cursor: default; background-position: 0 -20px;}
/* 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 {background: #aaa;border-collapse: separate;border-spacing: 2px;width: 100%; /* Ajout CBa */}
table.jCalendar th{padding: 3px 5px; color: #fff; font-weight: bold; background-color: #bc2a2c;} table.jCalendar td {padding: 3px 5px; color: #000;text-align: center; background-color: #fff;}
table.jCalendar td.other-month{color: #aaa; background-color: #ddd;} table.jCalendar td.today{color: #fff; background-color: #666;} table.jCalendar td.selected{color: #fff; background-color: #f66;} table.jCalendar td.selected.dp-hover {color: #fff; background-color: #f33;} table.jCalendar td.dp-hover, table.jCalendar tr.activeWeekHover td{color: #000; background-color: #fff;}
table.jCalendar tr.selectedWeek td{color: #fff; background-color: #f66;} table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {color: #888; background-color: #bbb;}
table.jCalendar td.unselectable, table.jCalendar td.unselectable:hover, table.jCalendar td.unselectable.dp-hover{color: #888; background-color: #bbb;}
/* 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; padding: 2px; width: 298px; font-size: 1.4em; line-height: 1.2em; background-color: #fff; }
div#dp-popup{position: absolute;z-index: 20000;} div.dp-popup h2{margin: 2px 0;padding: 0; font-size: 1em; letter-spacing: 0.1em;text-align: center; }
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{padding: 3px 2px 0; color: #000;text-decoration: none;} 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 precedante */
/********/ /* A DEPLACER DANS 1 @IMPORT DES QUE POSSIBLE ou Supprimer si non utiliser */

/***** [ ecrans portable ] *****/
@media (max-width: 685px) {
	body{margin: 0; padding: 0;}	
/* largeur maximale de 100 % aux elements potentiellement problematiques */ img, table, td, blockquote, code, pre, textarea, input, iframe, object, embed, video {max-width: 100% !important;} /*gestion des mots longs */textarea, table, td, th, code, pre, samp{word-wrap: break-word;/* cesure forcee */white-space: pre-line;/*passage ala ligne specifique pr elements a chasse Fixe */}/* message personnalisé */ body:before {display: block; color: #777; text-align: center; font-style: italic; content: "Version mobile du site"; } 
	
/***** BASE--DU--SITE ******/
#conteneur {margin: 0px auto; width:100%;} /* conteneur principal de tout le site */ /*Les enfants directs de #conteneur sont #page, #footer, #leaderboard_pub */ 
#page{margin: 0; background-color: #fff; } #contenu{padding: 5px 10px 10px 10px;} /*Reduction du padding */
/* Plan du site */ /* Enfant de contenu */ #plan2, #plan3{display: none;}
	/* Plan du site (dynamique) + AuoPromo + footer */ /*NOUVELLE VERSION */ /* Enfant de contenu */
	 #autoPromo div{  width: 100%; max-width: 100%; margin: 20px auto; padding: 0 ; float: none !important; border-left: none;}  #autoPromo div + div{ padding: 0 !important ; border-left: none !important;}	

/* les pubs */ #publicite_centrale, .publicite_centrale, #leaderboard_pub, .pub, #boutique{ display: none;} 
/*Les enfants directs de #page sont #header et #contenu */ 	
/*---Header ----*//* Des elements de #header et ses differents composants*/ /*Enfants directs #top2 et #menu */  
#header #top2{height:42px; background: top left url(../img/commun/bg_topMOBILE2.png) repeat-x #961f20;} 
#header #top2 #logo{float: left; width:170px; height: 42px; overflow: hidden; background: url(../img/commun/logo-ja-Smaller.png) no-repeat #982120;}  
#header #top2 #logo a{height: 42px; width: 200px; display: block;} #header #top2 #logo a img{display:none;} #header #top2 #mag_hebdo {display:none;} 
#header #top2 #services { display: none; /* desactive temporairement */ width: auto; margin: 0;} #header #top2 #services .date{display: none;} #header #top2 #services ul{clear: both; border-right: none;}
#header #top2 #services ul li { float: left; } #header #top2 #services ul li#bt_widget a{display: none; } #header #top2 #services #rechercheDate{float: none; display: none; padding: 0;}	 .recherche-google2{float: none; width:100%; } #header #top2 #montre{display: none;}
/* Menu (Enfant de direct de #header) *//* Menu Mobile alternatif */
#header #menu ul.menuCourant, #header #menu2 ul.menuCourant{display: none !important;} #header #menu ul.menuMobile, #header #menu2 ul.menuMobile{ display: block !important; background: none;}
#header #menu2{ height: 120px !important;}

#menu2 ul.menuMobile li{ display: inline;} #header #menu2 ul.menuMobile ul {left: 0; padding: 0; position: absolute; top: 28px; width: 100%; }/*#header #menu2 ul.menuCourant { position:absolute; top:0; left:0; padding: 0;width:100%;} #header #menu ul.menuCourant li{ float: left;cursor:pointer;}*/

#header #menu img, #header #menu2 img{display: none;} #header #menu, #header #menu2{position:relative; height:95px; background:url(../img/commun/bg_menu2.png) #444242 top left repeat-x;}
#header #menu a, #header #menu2 a{display: inline !important; padding: 0 7px; color: #554e3e !important; font-size: 1.3em !important; line-height: 28px; text-transform: uppercase; text-align: center; border-right: 1px solid #c4c4c4;} 
#header #menu li ul a, #header #menu li ul ul a, #header #menu li ul ul a:hover, #header #menu li ul ul a.on, #header #menu2 li ul a, #header #menu2 li ul ul a, #header #menu2 li ul ul a:hover, #header #menu2 li ul ul a.on{padding: 0 7px !important; color: #fff !important; text-transform: uppercase; border-right: none !important; }
#header #menu li ul, #header #menu2 li ul  {/* second-level lists */width: auto !important;}  #header #menu li ul li, #header #menu2 li ul li {line-height: 20px !important;}
#header #menu li ul ul, #header #menu2 li ul ul {/* third level lists */ background-color: #444242;}
#navMenuMobile1 a, #navMenuMobile2 a , #navMenuMobile3 a, #navMenuMobile3 a, #navMenuMobile4 a, #navMenuMobile5 a, #navMenuMobile6 a, #navMenuMobile7 a,  #navMenuMobile8 a{height:28px; } 	
#header #menu li.breakingNews a, #header #menu2 li.breakingNews a{padding: 8px;}/* Pas affiche dans le site mobile pour le moment */	
/* Styles a revoir une fois menu pour mobile definit */
#header #menu #rubriques{/*width:550px;*/} #header #menu #accueilMenuMobile, #header #menu2 #accueilMenuMobile { left:0px; /*width:800px;*/} #header #menu #paysMenuMobile, #header #menu2 #paysMenuMobile{/*left:50px; /*width:200px;*/ } #header #menu #navdossiersMenuMobile, #header #menu2 #navdossiersMenuMobile{ left: 5px;  /*left:100px;*/ /*width: 500px;*/} #header #menu #centrale, #header #menu2 #centrale{ left:50px; /*width:800px;*/} #header #menu #est, #header #menu2 #est { left:200px; /*width:700px;*/} #header #menu #australe, #header #menu2 #australe{ left:200px; /*width:800px;*/} #header #menu #indien, #header #menu2 #indien  { left:520px; /*width:400px;*/} #header #menu #navblog,#header #menu2 #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;*/}

/***** [STYLES--COMMUNS] *****/
/* Titre Fond gris */ #colonne_principale .bloc_accueil h4, .colonne_gauche .bloc_accueil h4, .pageIphone h3,  .pageIphone2 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, .pagediapo2 h1 , .page-edigitale h1{height: inherit;}  .pagemotscles h1 img{float: none;} .pagemotscles h1 span, .pagediapo2 h1 span {padding: 0 0 0 15px;} 
/* COL - TOUTES les colonnes */ #colonne_droite{clear: both; float: none; width:100%; max-width: 100%; margin: 0 auto;}  #colonne_principale{float: none; width: 100%; margin: 0 0 10px 0; } 
/*.colonne_gauche et .colonne_centre son enfant de #colonne_principale*/
.colonne_gauche, .colonne_centre{ float: none; width: 100%; } /*autres styles de cette col plus bas */	
/* COL CENTRE */ .colonne_centre .bloc_accueil {margin: 0 auto 16px auto;} 
/* COL CENTRE HOME - OPINIONS - INRERVIEWS - PERSONNALITES - PORTRAITS - ENTREPRISES - BLOGS - REACTIONS HOME*/	
#opinions, #entreprises, #personnalites {width: 100% !important;} #reactions_home {display: none;} .blogs#bby, .blogs#francois-soudan, .blogs#redaction{display: none; }
/* COL CENTRE - NUAGE MOTS  */ .nuage {display:block; max-width:100%;  margin:0 0 10px 0; padding:14px; text-align:justify; border:1px solid #f7f7f7; background-color:#fcfdfd;}
/* COL CENTRE - TOP ARTICLES */ #TopArticle{margin-left: auto; margin-right: auto; display: none;} /* Pas Affiche */
/* COL DROITE - VIDEOS & DIAPORAMA & DOSSIERS & RSS */ #colonne_droite #jeuneafriqueTV , #colonne_droite #diaporama, #diaporama-sport, #colonne_droite #dossiers, #colonne_droite #bloc_rss, #colonne_droite #bloc_widget {display: none;}  /* Pas Affiche */
/* COL DROITE - NEWSLETTER, ANNONCES, SONDAGE, AGENDA */ #colonne_droite #newsletter , #colonne_droite #annonces, #colonne_droite #agenda, #colonne_droite #sondage{display: none;} /* Pas Affiche pour le moment */
/* COL DROITE - SONDAGE */ /*similaire a NEWSLETTER */ /*Inclus des styles de .pagesondage */
#sondage .infos, .sondage .infos {float: none; }
	
/*---------PAGE--ACCUEIL et gabarits similaires (page Rubriques et pages accueil pays -------------------------------------------*/
#bloc_une #a_la_une, #bloc_une #a_la_une_rubrique{float: none; padding: 0; margin: 0 16px 10px 0; height: inherit; border: none;}
.une_defaut, .une_intermediaire .une_defaut2, .une_intermediaire.sport .une_defaut2{display:none;}
#bloc_une ul#unes_secondaires, #bloc_une .unes_secondaires, .une_intermediaire ul#unes_secondaires, .une_intermediaire .unes_secondaires{float: none; }
#bloc_une ul#unes_secondaires, #bloc_une .unes_secondaires{width: 100%; margin:10px 0;} 
.une_intermediaire ul#unes_secondaires, .une_intermediaire .unes_secondaires{width: auto; margin-left: 10px;  margin-right: 10px;} /* Revoir Marges ? */
.une_intermediaire{clear: both; width: 100%; } 
/*Derniere minutes *//* Les styles concernant la page d'accueil des depeches AFP se trouve a Page accueil FIL DEPECHE */ /* Pas affiche partout pour le moment */
#derniere_minute .sousBloc{width: auto;} #bloc_une #derniere_minute{float: none;  width: 100%; display: none; } .colonne_centre #derniere_minute, #colonne_droite #derniere_minute{display: none;} 
/* Voir pour rajouter des styles aux reactions et dernieres minutes quand nouvelle version sera en place */
/*---------PAGE-ACCUEIL-PAYS ------------------------------------------------------------------------------------------------------*/
/*Fiche pays (chiffres, chrono etc. */ #fichesPays .drt{float: none;clear: both; width: auto;} 
	
/* -------------- PAGE ARTICLE & ARTICLE DOSSIER --------------------------------------------------------------------------------- */
#pagearticle .motscles, #pagearticle #boiteoutil, #pagearticle #boiteoutil2 .pictoBoiteOutil2, #pagearticle .share-box-top1 {display:none;} .pagearticle #texte img.principale{ max-width: 100%;} .pagearticle #texte img{ max-width: 100%;/*width: 100%;*/} #pagearticle .legende{width: 100%; overflow: hidden;} /*Image principale de l'article */ /* Idem que agenda voir pour rassembler*/
#pagearticle .conteneurBoiteOutil{width: 100%; float: none;}
/*--- Commentaires --- */ #reagir form{ width:100%; }
	
/*-----------Pages dossier dont page article------------------------------------------------------------------------------------ */
#blocsommaire ul{ margin: 10px 0 0 10px;   height: auto;  width: 80%;} 

/*HOME  dossier + Page accueil Personnalites ITW-PORTRAIT-PARCOURS */ .home_dossier .article, .page_personnalites .article {overflow: hidden;}
/*---------------------- PAGE CONTACTS, CGU, EDITION DIGITAL, ARCHIVES, coucours + recherche, RECHERCHE (google)------------------------------------------------------- */
.formMessage{position:inherit;} .formMessage .contenuFormMessage{position: absolute; top: 0; width: 100%; }
/*--concours--*/ form.inscription{ /*overflow:*/ width: 100%;} div.confirmation{width: 100%;} form.inscription label{clear: both; display: block; width:100%;/* font-size: 1.2em; */} /*idem formMessage */	
/* Archives */ .archives h1 img{display: none;} /*--Moteur de recherches des archives --*/ #searchArchives form label{ float: none; margin: 30px 10px 5px 0; }
/* Styles Digitale Edition Page */ .page-edigitale .avantages{width: 100%;}
	
/*----------------------- PAGE DIAPORAMA --------------------------------------------------------------------------------------- */
#bloc-diaporama2 .ordre, #bloc-diaporama2 .count, #bloc-diaporama2 .texte, #bloc-diaporama2  .desc ,#bloc-diaporama2 .infos , #bloc-diaporama2 h2, bloc-diaporama2  #boiteoutil, .share-box-diapo {clear: both !important; } #bloc-diaporama2 .count, #bloc-diaporama2  .texte{ display: none !important;} #actuSemaine2 {width: 100%;}
#bloc-diaporama2 .photo{ min-height: 100%; overflow: visible;} #bloc-diaporama2 h2{ width: 100%; overflow: visible; padding: 0; } 
/*---animation ------*/ .jDiaporama, .diaporama1{height:auto !important;} .jDiaporama li{min-height: 100%; overflow: visible;} .jDiaporama li img.currentPhoto {clear: both; margin: 0 auto; text-align: center; overflow: visible;} .jDiaporama_controls{ position: absolute; top: 0; left: 0;} 

/*---------------------- PAGE METEO ---------------------------------------------------------------------------------------------*/
.pagemeteo .blocMeteoVille {float: none; width: auto; margin-top: 20px;  margin-bottom: 20px;}  /* Revoir marge ? */ 
.pagemeteo .miniBlocMeteoVille{ float: none;margin: 0 0 4px 0;} .pagemeteo #map {float: none;}  
	
/*---------------------- PAGE video -------------------------------------------------------------------------------------------- */
#blocvideoprincipal2 .coldroite, #blocvideoprincipal2 .colgauche{float: none; width: 100%;} 
.share-box-videos #liste_etoile{float: none; margin: 0 2px 0 0;} /* Verif marges */
.share-box-videos .sendVideo, .share-box-videos .facebook_share, .share-box-videos .twitter_share{ float: none; margin:0 0 5px 10px; }
#blocvideoprincipal2 #notation{ float: none; } .chaines-JA2{ width: 100%; }

/*---------------------- PAGE RECHERCHE MOT CLE -------------------------------------------------------------------------------- *//* Non traite pour mobile */
/*---------------------- PAGE Agenda ------------------------------------------------------------------------------------------- */
.pageagenda .menu-Agenda{border: none; padding:0 0 25px 50px;}  
/*----------------------PAGES annonces ----------------------------------------------------------------------------------------- *//* Non traite pour mobile */
/*---------------------- PAGES RSS & WIDGET ------------------------------------------------------------------------------------ */
.page_rss .gch{ width: auto; } .page_rss .drt{float: none; width: auto; margin: 0 0 25px 0;} .page_rss .drt img{padding: 0 1px 0 0;}
.page_rss div#widget{width: auto; background: none; padding: 5px 5px; margin: 5px auto;}  .page_rss #widget-containt {float: none; padding: 1; width: 100%; }
/*---------------------- PAGES ALERTES ----------------------------------------------------------------------------------------- *//* Non traite pour mobile */
/*---------------------- PAGE présentation I-PHONE ----------------------------------------------------------------------------- */
.pageIphone2 #presentation{clear: both; padding: 0  5px 0 5px; width: 100%;  } 
/*---------------------- PAGES BREAKING NEWS ----------------------------------------------------------------------------------- *//* Non traite pour mobile */	
/*---------------------- PAGES DECOUVERTE BOUTIQUE HS, et decouverte des PLUS de JA -------------------------------------------- */
#bloc-promo .texte-promo{float: none; width: 100%; margin: 20px 0 0 0; } #bloc-promo .texte-promo img{display: none;}
/* .autresHS-2  anime par un effet de scroll (jQuery) */.autresHS-2 dl{width: 230px; margin: 21px 0 0 0;} .autresHS-2 dl dt img{padding:0 10px 0 0;} 
.autresHS-2 .scrollable { /* required settings */  width: 222px; height:130px;} .autresHS-2 .items div {width:230px;} .autresHS-2  a.right{ margin:0 0 0 10px;} .autresHS-2 a.left {padding:0 10px 0 0;} 	
/*---------------------- 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 dd .chapo{width: 100%; } 
}

/***** [ Pour l'orientation paysage, ne fonctionne que sous moteurs Safari et Android ] *****/
@media screen and (max-width:640px) and (orientation: landscape) { body {  -webkit-text-size-adjust: 70%;  } } 

/***** [ Pour l'impression ] *****/
@media print { body{font-size: 9pt;background: white;}  #contenu{width: auto; margin: 0 1%; padding: 0; border: 0; float: none !important; color: black;}
/***** BASE--DU--SITE ******/#top #mag_hebdo, #top2 #mag_hebdo, #top #services, #top2 #services, #header #menu, #header #menu2, #plan2, #leaderboard_pub{display: none !important;}  .recherche-google{display:block; width:250px; float: right;} /* les pubs */ #publicite_centrale, .publicite_centrale {clear: both;  width:468px; margin:20px auto 20px auto;  } /* Faire changer en classe plutot que id */
}