/* Corps */

body
{
background-image:url(picto/fond/fond_case_jaune.jpg);
overflow-x:hidden;
}

/* Police */

@font-face {
    font-family: 'KomikaTextRegular';
    src: url('font/KOMTXT__-webfont.eot');
    src: url('font/KOMTXT__-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/KOMTXT__-webfont.woff') format('woff'),
         url('font/KOMTXT__-webfont.ttf') format('truetype'),
         url('font/KOMTXT__-webfont.svg#KomikaTextRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'TravelerRegular';
    src: url('font/traveler-webfont.eot');
    src: url('font/traveler-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/traveler-webfont.woff') format('woff'),
         url('font/traveler-webfont.ttf') format('truetype'),
         url('font/traveler-webfont.svg#travelerregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Entete */

.decou_entet {
margin-top:5px;
width:100%;
z-index:30;
}

.decou_fonde_haute
{position:absolute;top:0px;left:0px;z-index:1;width:100%;background-image:url("picto/fond/fond_case_jaune_bandeau.jpg");height:15px;background-repeat:repeat-x;
}

	/* Titre width:180px;height:112px;*/

	.eleme_sigle {
	float:left;
	width:187px;height:138px;
	background-image:url('picto/titre/titre_mega_orange_n.png');
	background-repeat:no-repeat;
	margin-right:0px;
	margin-left:0px;
	margin-top:-14px;
	margin-bottom:80px;
	z-index:50;
	
		-webkit-animation-name : anima_sigle;
		-moz-animation-name : anima_sigle;
		-o-animation-name : anima_sigle;
		animation-name : anima_sigle;
		-webkit-animation-duration : 2s;
		-moz-animation-duration : 2s;
		-o-animation-duration : 2s;
		animation-duration: 2s;
		-webkit-animation-iteration-count : 1;
		-moz-animation-iteration-count : 1; 
		-o-animation-iteration-count : 1;
		animation-iteration-count : 1; 

	}

	@keyframes anima_sigle {
	  from {
	backface-visibility: visible;
	transform-origin: 50% 50% 0px;
	transform: perspective(200px) rotateY(20deg) rotateX(20deg) translateY(-500px) scale(10);	 }
	  to {
	backface-visibility: visible;
	transform-origin: 50% 50% 0px;
	transform: perspective(500px) rotateY(0deg);	  }
	}

	/* Titre 	width:117px;
	height:102px;*/

.eleme_lien_rss {
	style="z-index:1200;
	visibility:visible;
	background-image:url('picto/titre/titre_rss_vecto_jaune_n.png');
	width:117px;
	height:100px;
	position:absolute;
	top:145px;
	left:15px;
	background-repeat:no-repeat;
}
	.eleme_lien_rss:hover {filter: brightness(1.2) drop-shadow(5px 5px 30px white);}

.eleme_lien_logo {
	style="z-index:1200;
	visibility:visible;
	background-image:url('picto/titre/titre_logo_vecto_jaune_n.png');
	width:117px;
	height:100px;
	position:absolute;
	top:135px;
	left:65px;
	background-repeat:no-repeat;
}
	.eleme_lien_logo:hover {filter: brightness(1.2) drop-shadow(5px 5px 30px white);}

.eleme_lien_fb {
	style="z-index:1200;
	visibility:visible;
	background-image:url('picto/titre/titre_fb_vecto_jaune_n.png');
	width:117px;
	height:100px;
	position:absolute;
	top:135px;
	left:140px;
	background-repeat:no-repeat;
}
	.eleme_lien_fb:hover {filter: brightness(1.2) drop-shadow(5px 5px 30px white);}

.eleme_lien_logo_year {
	width:250px;
	height:180px;
	margin-top:-20px;
	visibility:visible;
	/* background-image:url('picto/animation/hoplitea_cheznorthstar.png'); */
	background-repeat:no-repeat;
	float:left;
	border:1px solid  transparent;
transition: all 0.5s ease;
	display:none;
	}

.eleme_lien_logo_year:hover {
	border:1px solid  #999999;
	border-radius:10px;
	background-color:#FEF4D6;
	}
	

.eleme_lien_decor {
	position:absolute;
	left:280px;top:50px;
	z-index:30;
	background-repeat:no-repeat;
	filter : alpha(opacity=80);
    opacity :0.8;
	}
	
.eleme_comen_decor {
position:absolute;top:10px;left:10px;height:auto;width:200px;overflow:hidden;font-family:Verdana, Arial, Helvetica, sans-serif;color:#666666;z-index:250;font-size:80%;color:#826437;border:1px solid white;text-indent:15px;padding:10px;z-index:1000;display:none;


		-webkit-animation-name : anima_lien;
		-moz-animation-name : anima_lien;
		-o-animation-name : anima_lien;
		animation-name : anima_lien;
		-webkit-animation-duration : 3s;
		-moz-animation-duration : 3s;
		-o-animation-duration : 3s;
		animation-duration: 3s;
		-webkit-animation-iteration-count : 1;
		-moz-animation-iteration-count : 1; 
		-o-animation-iteration-count : 1;
		animation-iteration-count : 1; 

	border:2px solid #999999;
	
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	
	background-color: #E7DDAD;
	-webkit-box-shadow: inset 0px 0px 4px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: inset 0px 0px 4px 2px rgba(0,0,0,0.2);
	box-shadow: inset 0px 0px 4px 2px rgba(0,0,0,0.2);}
	/* Lien */

	@keyframes anima_lien_bonnet {
	  from {
	backface-visibility: visible;
	transform-origin: 50% 50% 0px;
	transform: perspective(250px) rotateY(150deg) rotateX(150deg) translateY(-120px) translateX(300px) scale(4);	 }
	  to {
	backface-visibility: visible;
	transform-origin: 50% 50% 0px;
	transform: perspective(500px) rotateY(0deg);	  }
	}
	
.eleme_bonnet {		-webkit-animation-name : anima_lien_bonnet;
		-moz-animation-name : anima_lien_bonnet;
		-o-animation-name : anima_lien_bonnet;
		animation-name : anima_lien_bonnet;
		-webkit-animation-duration : 3s;
		-moz-animation-duration : 3s;
		-o-animation-duration : 3s;
		animation-duration: 3s;
		-webkit-animation-iteration-count : 1;
		-moz-animation-iteration-count : 1; 
		-o-animation-iteration-count : 1;
		animation-iteration-count : 1; }
 
	@keyframes anima_lien {
	  from {
	transform: translateY(-600px) ;	 }
	  to {
	transform: translateY(0px) ;	  }
	}
	
	.eleme_lien_premi {
	margin-top:-20px;
	float:left;
	width:140px;height:80px;
	margin-right:80px;
	padding:15px;
	z-index:40;
	
		-webkit-animation-name : anima_lien;
		-moz-animation-name : anima_lien;
		-o-animation-name : anima_lien;
		animation-name : anima_lien;
		-webkit-animation-duration : 2s;
		-moz-animation-duration : 2s;
		-o-animation-duration : 2s;
		animation-duration: 2s;
		-webkit-animation-iteration-count : 1;
		-moz-animation-iteration-count : 1; 
		-o-animation-iteration-count : 1;
		animation-iteration-count : 1; 
		
	/*border:2px solid #999999;
	
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	
	background-color: white;
	z-index:
	-webkit-box-shadow: inset 0px 0px 4px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: inset 0px 0px 4px 2px rgba(0,0,0,0.2);
	box-shadow: inset 0px 0px 4px 2px rgba(0,0,0,0.2);*/
	}

	a.lien_feed:link {z-index:260;width:230px;background-repeat:no-repeat;text-decoration:none;margin-top:10px;margin-left:4px;
		font-family:'TravelerRegular',Trebuchet MS, Helvetica, sans-serif;font-size:140%;color:#FFA518;font-weight:bold;letter-spacing:1px;
	text-shadow:
	1px 1px 0 #565656,
	2px 2px 0 #565656, /* end of 2 level deep grey shadow */
	3px 3px 2px #000,
	-1px -1px 0 #808080,
    1px -1px 0 #808080,
    -1px 1px 0 #808080,
    1px 1px 0 #808080;
	letter-spacing:3px;}
	
	.lien_feed_fr {color:#FCF3B6;}
	.lien_feed_fr:hover {color:#FFCC00;}

	.lien_feed_us {color:#F8DEA6;}
	.lien_feed_us:hover {color:#FFCC33;}

	.lien_feed_ds {color:#00CCCC;}
	.lien_feed_ds:hover {color:#00FFFF;}

		/* Lien un */
	a.lien_premi_premi:link {position:absolute;z-index:260;width:230px;height:50px;background-image:url("picto/bouton/bouton_franc_video.png");background-repeat:no-repeat;text-decoration:none;border: 0;}
	a.lien_premi_premi:hover {filter: brightness(1.1) drop-shadow(5px 5px 30px white);}

	.lien_premi_premi_div {position:absolute;z-index:260;width:230px;height:50px;background-image:url("picto/bouton/bouton_franc_video.png");background-repeat:no-repeat;text-decoration:none;cursor:pointer;}
	.lien_premi_premi_div:hover {filter: brightness(1.1) drop-shadow(5px 5px 30px white);}

		/* Lien deux */
	a.lien_premi_secon:link {position:absolute;margin-top:50px;z-index:260;width:230px;height:40px;background-image:url("picto/bouton/bouton_franc_source_n.png");background-repeat:no-repeat;text-decoration:none;}
	a.lien_premi_secon:hover {filter: brightness(1.1) drop-shadow(5px 5px 30px white);}
	a.lien_premi_terce:link {z-index:260;width:230px;height:40px;background-repeat:no-repeat;text-decoration:none;margin-top:60px;}
	a.lien_premi_terce:hover {filter: brightness(1.1) drop-shadow(5px 5px 30px white);}

	.eleme_lien_secon {
	margin-top:0px;
	float:left;
	width:160px;height:120px;
	margin-right:40px;
	margin-top:-20px;
	padding:15px;
	z-index:40;
	
		-webkit-animation-name : anima_lien;
		-moz-animation-name : anima_lien;
		-o-animation-name : anima_lien;
		animation-name : anima_lien;
		-webkit-animation-duration : 3s;
		-moz-animation-duration : 3s;
		-o-animation-duration : 3s;
		animation-duration: 3s;
		-webkit-animation-iteration-count : 1;
		-moz-animation-iteration-count : 1; 
		-o-animation-iteration-count : 1;
		animation-iteration-count : 1; 

	}

		/* Lien deux un */
	a.lien_secon_premi:link {position:absolute;z-index:260;width:230px;height:45px;background-image:url("picto/bouton/bouton_franc_anglais_n.png");background-repeat:no-repeat;text-decoration:none;margin-top:0px;}
	a.lien_secon_premi:hover {filter: brightness(1.2) drop-shadow(5px 5px 30px white);}
		/* Lien deux deux */
	a.lien_secon_secon:link {position:absolute;z-index:260;width:230px;height:45px;background-image:url("picto/bouton/bouton_franc_dessin_n.png");background-repeat:no-repeat;text-decoration:none;margin-top:40px;}
	a.lien_secon_secon:hover {filter: brightness(1.2) drop-shadow(5px 5px 30px white);}
		/* Lien deux trois */
	a.lien_secon_terce:link {position:absolute;z-index:260;width:230px;height:45px;background-image:url("picto/bouton/bouton_franc_galerie_n.png");background-repeat:no-repeat;text-decoration:none;margin-top:80px;}
	a.lien_secon_terce:hover {filter: brightness(1.2) drop-shadow(5px 5px 30px white);}
		/* Lien deux quatre */
	a.lien_secon_quatr:link {position:absolute;z-index:260;width:230px;height:45px;background-image:url("picto/bouton/bouton_franc_concours.png");background-repeat:no-repeat;text-decoration:none;margin-top:120px;}
	a.lien_secon_quatr:hover {filter: brightness(1.2) drop-shadow(5px 5px 30px white);}

/* D�coupage par Chronologie */

.decou_chron {z-index:1200;width:102%;}
.decou_video {z-index:1200;width:102%;}

	/* Element Module contenaire - principal */

	.eleme_modul_conte {
	float:left;
	min-width:250px;
	max-width:390px;
	height:205px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	}

	/* Element Module � droite - image et r�sum� */

	.eleme_modul_droit {
	float:left;
	max-width:350px;
	max-height:250px;
	min-height:120px;
	
	background-repeat:no-repeat;
	
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -o-hyphens: auto;
  hyphens: auto;
  	color:#816559;
	font-family:'KomikaTextRegular', Comic Sans MS, Arial, Helvetica, sans-serif;
	font-size:110%;
	line-height:16px;
	
	border:2px solid #999999;
	
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	
	-webkit-box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.75);
	-moz-box-shadow:    0px 6px 15px rgba(0, 0, 0, 0.75);
	box-shadow:         0px 6px 15px rgba(0, 0, 0, 0.75);
	
	background: #ffffff; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMlIiBzdG9wLWNvbG9yPSIjZmVmY2VhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMzElIiBzdG9wLWNvbG9yPSIjZmVmY2VhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTclIiBzdG9wLWNvbG9yPSIjZWZlZGJhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top,  #ffffff 1%, #fefcea 3%, #fefcea 31%, #efedba 97%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(3%,#fefcea), color-stop(31%,#fefcea), color-stop(97%,#efedba), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 1%,#fefcea 3%,#fefcea 31%,#efedba 97%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 1%,#fefcea 3%,#fefcea 31%,#efedba 97%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 1%,#fefcea 3%,#fefcea 31%,#efedba 97%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 1%,#fefcea 3%,#fefcea 31%,#efedba 97%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
	}

	.eleme_modul_droit:first-letter
	{font-size:140%;font-family:'KomikaTextRegular',Comic Sans MS, Arial, Helvetica, sans-serif;color:#C1A881;font-weight:bold;}

	/* Element Module � gauche - contient image et date */

	.eleme_modul_gauch {
	float:left;
	width:30px;
	height:180px;
	margin-right:5px;
	
	background-color:Transparent;
	background-repeat:no-repeat;
	margin-left:20px;
	margin-top:10px;
	}

		/* Element Module � gauche image - contient logo */
	
		.eleme_modul_gauch_image {
		height:95px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		margin-top:50px;
		background:Transparent;
		border:2px solid #999999;
		cursor:pointer;
		}

		/* Element Module en heure haut gauche */

	.texte_date_heure {
	
	font-family:'TravelerRegular',Trebuchet MS, Helvetica, sans-serif;font-size:100%;color:#FFA518;font-weight:bold;letter-spacing:1px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	padding-left:6px;padding-right:5px;padding-top:8px;padding-bottom:8px;
	border:1px solid #A79761;
	border-bottom:2px solid #A79761;
	border-right:2px solid #A79761;
	overflow:visible;
	text-shadow:1px 0px 1px #5A3129, 1px 1px 1px #5A3129;
	margin-left:-15px;
	margin-top:25px;
	background-color:#F5DA7D;
-webkit-box-shadow: inset -9px -9px 8px -10px rgba(0,0,0,0.5);
-moz-box-shadow: inset -9px -9px 8px -10px rgba(0,0,0,0.5);
box-shadow: inset -9px -9px 8px -10px rgba(0,0,0,0.5);

}
	/* Element Module en haut - contient titre */

	.eleme_modul_haute {
	max-height:64px;
	min-width:190px;
	max-width:290px;
	line-height:23px;
	overflow:hidden;
	
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	}

		/* Element Module en haut titre */
	
		.eleme_modul_haute_titre {
		word-wrap: break-word;  
		overflow:hidden;
		  
		margin-top:10px;
		padding-left:5px;
		
		background-color: #F0ECDA;
		
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		
		-webkit-box-shadow: inset 0px 0px 15px 1px #E3D989;
		-moz-box-shadow: inset 0px 0px 15px 1px #E3D989;
		box-shadow: inset 0px 0px 15px 1px #E3D989;
		
		border:2px solid #999999;
		}

		/* Texte titre */

		a.texte_titre:link 		{font-size:140%;font-family:'KomikaTextRegular', Comic Sans MS, Arial, sans-serif;color:#423A28;text-decoration:none;letter-spacing:0px;}
		a.texte_titre:hover 	{text-decoration:none;color:#775423;}
		a.texte_titre:visited	{font-size:140%;font-family:'KomikaTextRegular', Comic Sans MS, Arial, sans-serif;color:#584B2E;text-decoration:none;}
		
		.texte_titre_remis 			{font-size:120%;font-family:'KomikaTextRegular', Comic Sans MS, Arial, sans-serif;color:#584B2E;text-decoration:none;}
		.texte_titre_suite 			{font-size:100%;font-family:'KomikaTextRegular', Comic Sans MS, Arial, sans-serif;color:#8B594D;padding-right:5px;}
		.texte_titre_outil 			{font-size:110%;font-family:'KomikaTextRegular', Comic Sans MS, Arial, sans-serif;color:#83635B;letter-spacing:0px;}
		.texte_titre_color_ponct 	{font-size:110%;font-family:'KomikaTextRegular', Comic Sans MS, Arial, sans-serif;color:#B5877B;}
		.texte_titre_color_chiff 	{font-size:110%;font-family:'KomikaTextRegular', Comic Sans MS, Arial, sans-serif;color:#D2512E;letter-spacing:0px;
		padding-left:1px;padding-right:1px;}

	/* Element texte date du jour */
	
	.eleme_texte_date_jour {float:left;width:95%;margin-bottom:40px;margin-left:90px;margin-top:10px;}
	
	/* Texte date du jour */
	
	.texte_date_jour {
	font-family:'TravelerRegular',Trebuchet MS, Helvetica, sans-serif;font-size:140%;color:#FFA518;font-weight:bold;letter-spacing:1px;
	text-shadow:
	1px 1px 0 #565656,
	2px 2px 0 #565656, /* end of 2 level deep grey shadow */
	3px 3px 2px #000,
	-1px -1px 0 #808080,
    1px -1px 0 #808080,
    -1px 1px 0 #808080,
    1px 1px 0 #808080;}

/* D�coupage par Source */

.decou_sourc {padding-left:15px;}

	/* Element de la rubrique pour la source - vid�o, cin�ma, etc */
	
	.eleme_rubri_sourc {
	float:left;width:100%;
	margin-bottom:5px;margin-top:20px;margin-left:40px;
	}

	/* Element titre pour les sources */

	.eleme_titre_sourc {margin-left:45px;background-image:url('picto/titre/titre_source_franc.png');width:168px;height:45px;float:left;margin-top:40px;margin-bottom:25px;background-repeat:no-repeat;width:100%;}

	/* Element de texte des adresses de flux */
	
	.eleme_texte_adres_fluux {
	float:left;margin-bottom:40px;margin-left:40px;margin-top:20px;
	border:2px solid #999999;
	
	background: rgba(247,242,215,1);

	background: -moz-linear-gradient(top, rgba(247,242,215,1) 0%, rgba(232,225,144,1) 60%, rgba(181,176,125,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(247,242,215,1)), color-stop(60%, rgba(232,225,144,1)), color-stop(100%, rgba(181,176,125,1)));
	background: -webkit-linear-gradient(top, rgba(247,242,215,1) 0%, rgba(232,225,144,1) 60%, rgba(181,176,125,1) 100%);
	background: -o-linear-gradient(top, rgba(247,242,215,1) 0%, rgba(232,225,144,1) 60%, rgba(181,176,125,1) 100%);
	background: -ms-linear-gradient(top, rgba(247,242,215,1) 0%, rgba(232,225,144,1) 60%, rgba(181,176,125,1) 100%);
	background: linear-gradient(to bottom, rgba(247,242,215,1) 0%, rgba(232,225,144,1) 60%, rgba(181,176,125,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f2d7', endColorstr='#b5b07d', GradientType=0 );
	
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	
	padding-left:30px;padding-right:30px;padding-top:10px;padding-bottom:5px; 
	}

	/* Texte adresses de flux */
	
	.texte_adres_fluux:link {font-family:'KomikaTextRegular', Comic Sans MS, Arial, Helvetica, sans-serif;color:#423A28;font-weight:bold;text-decoration:none;font-size:120%;letter-spacing:1px;}
	a.texte_adres_fluux:hover {font-family:'KomikaTextRegular', Comic Sans MS, Arial, Helvetica, sans-serif;color:#C66206;font-weight:bold;text-decoration:none;font-size:120%;border-bottom:#C66206;}
	a.texte_adres_fluux:visited {font-family:'KomikaTextRegular', Comic Sans MS, Arial, Helvetica, sans-serif;color:#423A28;font-weight:bold;text-decoration:none;font-size:120%;}

	/* Texte date de flux */
	
	.texte_date_jour_sourc {
	font-size:120%;font-family:'KomikaTextRegular', Comic Sans MS, Arial, Helvetica, sans-serif;color:#CC6600;font-weight:bold;letter-spacing:1px;
	}

	/* Texte date de la lettre h */

	.texte_date_heure_hache {font-family:'KomikaTextRegular', Comic Sans MS, Arial, Helvetica, sans-serif;font-size:100%;}
	
	/* Element � gauche flottant pour le logo de la source */

	.eleme_modul_conte_sourc {
	margin-top:10px;
	margin-right:10px;
	float:left;
	}

	/* Element � gauche flottant pour le logo de la source */
	
		.eleme_gauch_image_sourc {transition: all 0.5s ease;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		border:2px solid #999999;
		-webkit-box-shadow: 8px 6px 5px rgba(50, 50, 50, 0.5);
		-moz-box-shadow:    8px 6px 5px rgba(50, 50, 50, 0.5);
		box-shadow:         8px 6px 5px rgba(50, 50, 50, 0.5);
		margin-left:0px;
		margin-top:0px;
		margin-bottom:0px;
		margin-right:0px;
		}

		.eleme_gauch_image_sourc:hover {
		margin-left:-5px;
		margin-right:5px;
		margin-top:-5px;
		margin-bottom:5px;
		-webkit-box-shadow: 14px 12px 10px rgba(50, 50, 50, 0.7);
		-moz-box-shadow:    14px 12px 10px rgba(50, 50, 50, 0.7);
		box-shadow:         14px 12px 10px rgba(50, 50, 50, 0.7);
		border:2px solid #C0C0C0;
		}
		
		.eleme_gauch_image_sourc_liens {transition: all 0.5s ease;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		border:2px solid #999999;
		-webkit-box-shadow: 8px 6px 5px rgba(50, 50, 50, 0.5);
		-moz-box-shadow:    8px 6px 5px rgba(50, 50, 50, 0.5);
		box-shadow:         8px 6px 5px rgba(50, 50, 50, 0.5);
		margin-left:0px;
		margin-top:0px;
		margin-bottom:0px;
		margin-right:0px;
		}

		.eleme_gauch_image_sourc_liens:hover {
		border:2px solid #C0C0C0;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		margin-left:10px;
		margin-right:-10px;
		}

			/* Logo Source */

		.eleme_gauch_logos_sourc_orange {
		transition: all 0.3s ease;
		cursor:pointer;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		border:2px solid #999999;
		-webkit-box-shadow: 8px 6px 5px rgba(50, 50, 50, 0.5);
		-moz-box-shadow:    8px 6px 5px rgba(50, 50, 50, 0.5);
		box-shadow:         8px 6px 5px rgba(50, 50, 50, 0.5);
		margin-left:0px;
		margin-top:0px;
		margin-bottom:0px;
		margin-right:0px;
		}
		
		.eleme_gauch_logos_sourc_orange:hover {
		border:2px solid #A27C40;
		margin-left:-4px;
		margin-top:-4px;
		margin-bottom:-4px;
		margin-right:-4px;
		padding:4px;
		-webkit-box-shadow: 2px 2px 5px #CE8C36, -2px -2px 5px #CE8C36;
		-moz-box-shadow:    2px 2px 5px #CE8C36, -2px -2px 5px #CE8C36;
		box-shadow:         2px 2px 5px #CE8C36, -2px -2px 5px #CE8C36;
		}
		.eleme_gauch_logos_sourc_orange:active {
		opacity:0.8;
		}
		
	/* Logo des sources vert */
		
		.eleme_gauch_logos_sourc_vert {
		transition: all 0.3s ease;
		cursor:pointer;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		border:2px solid #999999;
		-webkit-box-shadow: 8px 6px 5px rgba(50, 50, 50, 0.5);
		-moz-box-shadow:    8px 6px 5px rgba(50, 50, 50, 0.5);
		box-shadow:         8px 6px 5px rgba(50, 50, 50, 0.5);
		margin-left:0px;
		margin-top:0px;
		margin-bottom:0px;
		margin-right:0px;
		}
		
		.eleme_gauch_logos_sourc_vert:hover {
		filter: brightness(1.1) drop-shadow(0px 0px 30px white);
		border:2px solid #4CA240;
		margin-left:-4px;
		margin-top:-4px;
		margin-bottom:-4px;
		margin-right:-4px;
		padding:4px;
		-webkit-box-shadow: 2px 2px 5px #49CD37, -2px -2px 5px #49CD37;
		-moz-box-shadow:    2px 2px 5px #49CD37, -2px -2px 5px #49CD37;
		box-shadow:         2px 2px 5px #49CD37, -2px -2px 5px #49CD37;
		}
		.eleme_gauch_logos_sourc_vert:active {
		opacity:0.8;
		}
				
	/* Element du module qui contient la source compl�te - tous les articles */
	
	.eleme_modul_conte_sourc_compl {
	visibility:hidden;
	position:absolute;
	float:left;
	}

	/* Element du module qui contient la source - chaque article */

		.eleme_modul_conte_sourc_artic {
		float:left;
		width:100%;
		}
	
		/* Element du module � droite l'image pour la source */

		.eleme_modul_droit_image_sourc {
		float:left;
		max-width:350px;
		max-height:150px;
		min-height:120px;
		margin-top:5px;
		margin-bottom:15px;
		margin-left:15px;
		background-repeat:no-repeat;
		overflow:hidden;
		
		color:#816559;
		font-family:'KomikaTextRegular', Comic Sans MS, Arial, Helvetica, sans-serif;
		font-size:110%;
		line-height:16px;
		
		border:2px solid #999999;
		
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		
		-webkit-box-shadow: 0px 6px 22px rgba(0, 0, 0, 0.84);
		-moz-box-shadow:    0px 6px 22px rgba(0, 0, 0, 0.84);
		box-shadow:         0px 6px 22px rgba(0, 0, 0, 0.84);
		
		}
		
		/* Element du module � droite du r�sum� pour la source */

		.eleme_modul_droit_descr_sourc:first-letter
		{font-size:140%;font-family:'KomikaTextRegular', Comic Sans MS, Arial, Helvetica, sans-serif;color:#C1A881;font-weight:bold;}

		.eleme_modul_droit_descr_sourc {
		font-size:110%;
		float:left;
		margin-top:5px;
		margin-bottom:15px;
		width:400px;
		background-repeat:no-repeat;
		overflow:hidden;
		padding:10px;
		color:#816559;
		font-family:'KomikaTextRegular', Comic Sans MS, Arial, Helvetica, sans-serif;
		line-height:16px;
		
		border:2px solid #999999;
		
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		
		background: #ffffff; /* Old browsers */
		/* IE9 SVG, needs conditional override of 'filter' to 'none' */
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMlIiBzdG9wLWNvbG9yPSIjZmVmY2VhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMzElIiBzdG9wLWNvbG9yPSIjZmVmY2VhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTclIiBzdG9wLWNvbG9yPSIjZWZlZGJhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
		background: -moz-linear-gradient(top,  #ffffff 1%, #fefcea 3%, #fefcea 31%, #efedba 97%, #ffffff 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(3%,#fefcea), color-stop(31%,#fefcea), color-stop(97%,#efedba), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #ffffff 1%,#fefcea 3%,#fefcea 31%,#efedba 97%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #ffffff 1%,#fefcea 3%,#fefcea 31%,#efedba 97%,#ffffff 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #ffffff 1%,#fefcea 3%,#fefcea 31%,#efedba 97%,#ffffff 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #ffffff 1%,#fefcea 3%,#fefcea 31%,#efedba 97%,#ffffff 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
		}
	
		/* Element du module en premier du titre pour la source */
	
		.eleme_modul_haute_titre_sourc {
		float:left;
		word-wrap: break-word;  
		overflow:hidden;
		width:200px;
		margin-top:10px;
		padding-left:5px;
		background-color: #F0ECDA;
		
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		
		-webkit-box-shadow: inset 0px 0px 15px 1px #E3D989;
		-moz-box-shadow: inset 0px 0px 15px 1px #E3D989;
		box-shadow: inset 0px 0px 15px 1px #E3D989;
		
		border:2px solid #999999;
		}
	
			/* Logo Source */

		.eleme_gauch_logos_sourc_marron {
		transition: all 0.3s ease;
		cursor:pointer;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		border:2px solid #999999;
		-webkit-box-shadow: 8px 6px 5px rgba(50, 50, 50, 0.5);
		-moz-box-shadow:    8px 6px 5px rgba(50, 50, 50, 0.5);
		box-shadow:         8px 6px 5px rgba(50, 50, 50, 0.5);
		margin-left:0px;
		margin-top:0px;
		margin-bottom:0px;
		margin-right:0px;
		}
		
		.eleme_gauch_logos_sourc_marron:hover {
		filter: brightness(1.1) drop-shadow(0px 0px 30px white);
		border:2px solid #A27C40;
		margin-left:-4px;
		margin-top:-4px;
		margin-bottom:-4px;
		margin-right:-4px;
		padding:4px;
		-webkit-box-shadow: 2px 2px 5px #CE8C36, -2px -2px 5px #CE8C36;
		-moz-box-shadow:    2px 2px 5px #CE8C36, -2px -2px 5px #CE8C36;
		box-shadow:         2px 2px 5px #CE8C36, -2px -2px 5px #CE8C36;
		}
		.eleme_gauch_logos_sourc_marron:active {
		opacity:0.8;
		}
		
	/* Decoup pour l icone fermeture */
	
		.eleme_icone_fermer {cursor:pointer;float:right;margin-right:-25px;margin-top:-10px;width:40px;height:39px;background-image:url('picto/icone/icone_fermer_orange.png');background-repeat:no-repeat;}
		.eleme_icone_fermer:hover {cursor:pointer;background-image:url('picto/icone/icone_fermer_orange_sur.png');}

		.eleme_icone_monter {cursor:pointer;float:right;margin-top:-10px;width:40px;height:39px;background-image:url('picto/icone/icone_monter_orange.png');background-repeat:no-repeat;}
		.eleme_icone_monter:hover {cursor:pointer;background-image:url('picto/icone/icone_monter_orange_sur.png');}

/* Decoup pour la fenetre ou module ou barre */

.decou_modul {float:left;width:100%;}

	/* Element pour la fenetre le titre */

	a.eleme_fenet_sigle:link {margin-left:45px;background-image:url('picto/bouton/bouton_franc_module_bas.png');width:100%;height:55px;background-repeat:no-repeat;text-decoration:none;float:left;}
	a.eleme_fenet_sigle:hover {background-image:url("picto/bouton/bouton_franc_module_bas_sur.png");}

	/* Element pour la video le titre */

	a.eleme_fenet_video:link {margin-left:45px;background-image:url('picto/titre/titre_franc_video_n.png');width:100%;height:55px;background-repeat:no-repeat;text-decoration:none;float:left;}
	a.eleme_fenet_video:hover {filter: brightness(1.1) drop-shadow(5px 5px 30px white);}

/* Mention */

		/* Titre */
	.eleme_titre_menti {background-image:url("picto/titre/titre_menti_franc.png");width:100%;height:50px;background-repeat:no-repeat;margin-top:60px;margin-left:40px;float:left;}

		/* Lien contact */
	a.lien_conta:link {margin-left:20px;z-index:260;height:41px;background-image:url("picto/bouton/bouton_franc_contact.png");background-repeat:no-repeat;text-decoration:none;float:left;width:100%;}
	a.lien_conta:hover {background-image:url("picto/bouton/bouton_franc_contact_sur.png");}

		/* Lien contact Facebook Ami*/
	a.lien_conta_facea:link {margin-left:20px;z-index:260;height:41px;background-image:url("picto/bouton/bouton_franc_contact_facea.png");background-repeat:no-repeat;text-decoration:none;width:200px;float:left;width:100%;}
	a.lien_conta_facea:hover {background-image:url("picto/bouton/bouton_franc_contact_facea_sur.png");}

		/* Lien contact Facebook jaime */
	a.lien_conta_facej:link {margin-left:20px;z-index:260;height:41px;background-image:url("picto/bouton/bouton_franc_contact_facej.png");background-repeat:no-repeat;text-decoration:none;width:200px;float:left;width:100%;}
	a.lien_conta_facej:hover {background-image:url("picto/bouton/bouton_franc_contact_facej_sur.png");}


p {font-style:normal;text-indent:35px;font-family:Comic Sans MS, Arial, Helvetica, sans-serif;font-size:90%;line-height:18px;margin-top:5px;margin-bottom:0px;margin-left:20px;margin-right:20px;}

p:first-letter  {font-size:130%;color:#575757;	font-family:'KomikaTextRegular', Comic Sans MS, Arial, Helvetica, sans-serif;font-weight:bold;}


.decou_menti_ongle {
font-family:Comic Sans MS, Arial, Helvetica, sans-serif;
margin-top:-35px;background-color:#F3F3F3;margin-left:40px;width:100px;float:left;-moz-border-radius-topright: 10px;

border-top:1px solid #B2B2B2;
border-left:1px solid #B2B2B2;
border-right:1px solid #B2B2B2;

		-webkit-border-top-right-radius: 10px;
		border-top-right-radius:10px;
		-moz-border-radius-topleft: 10px;
		-webkit-border-top-left-radius: 10px;
		border-top-left-radius:10px;
		
	-moz-box-shadow:
		inset 0px 10px 10px -10px #FFF;	
    -webkit-box-shadow:
		inset 0px 10px 10px -10px #FFF;	
    box-shadow:
		inset 0px 10px 10px -10px #FFF;	
}
				
.decou_menti_inter {
background: rgba(242,242,242,1);
background: -moz-linear-gradient(left, rgba(242,242,242,1) 0%, rgba(246,246,246,1) 47%, rgba(230,227,230,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(242,242,242,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(230,227,230,1)));
background: -webkit-linear-gradient(left, rgba(242,242,242,1) 0%, rgba(246,246,246,1) 47%, rgba(230,227,230,1) 100%);
background: -o-linear-gradient(left, rgba(242,242,242,1) 0%, rgba(246,246,246,1) 47%, rgba(230,227,230,1) 100%);
background: -ms-linear-gradient(left, rgba(242,242,242,1) 0%, rgba(246,246,246,1) 47%, rgba(230,227,230,1) 100%);
background: linear-gradient(to right, rgba(242,242,242,1) 0%, rgba(246,246,246,1) 47%, rgba(230,227,230,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#e6e3e6', GradientType=1 );
		
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		
    -moz-box-shadow:
        inset 10px 0 10px -10px #333,
        inset -10px 0 10px -10px #333,
		inset 0px -10px 10px -10px #333;	
    -webkit-box-shadow:
        inset 10px 0 10px -10px #333,
        inset -10px 0 10px -10px #333,
		inset 0px -10px 10px -10px #333;	
    box-shadow:
        inset 10px 0 10px -10px #333,
        inset -10px 0 10px -10px #333,
		inset 0px -10px 10px -10px #333;	
		
		border:1px solid #B2B2B2;
margin-bottom:10px;
margin-right:10px;
}

.eleme_menti_date {
background-color: white;
		
		-moz-border-radius: 9px;
		-webkit-border-radius: 9px;
		border-radius: 9px;
		
		-webkit-box-shadow: inset 0px 0px 4px 1px #999999;
		-moz-box-shadow: inset 0px 0px 4px 1px #999999;
		box-shadow: inset 0px 0px 4px 1px #999999;
		
		border:1px solid #666666;
padding-left:10px;
padding-right:10px;
padding-top:5px;
padding-bottom:5px;
}
		
.decou_menti {
background: rgba(226,226,226,1);
background: -moz-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(226,226,226,1)), color-stop(50%, rgba(219,219,219,1)), color-stop(51%, rgba(209,209,209,1)), color-stop(100%, rgba(254,254,254,1)));
background: -webkit-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
background: -o-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
background: -ms-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
background: linear-gradient(to bottom, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe', GradientType=0 );
		
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		
		-webkit-box-shadow: inset 0px 0px 15px 1px #575757;
		-moz-box-shadow: inset 0px 0px 15px 1px #575757;
		box-shadow: inset 0px 0px 15px 1px #575757;
		
		border:2px solid #575757;
		
		font-size:110%;
		
		width:90%;max-width:90%;padding:15px;text-indent:15px;
		
		float:left;
		}

.eleme_titre_forum {
margin-left:45px;background-image:url('picto/titre/titre_forum_franc.png');width:168px;height:45px;float:left;margin-top:40px;margin-bottom:25px;background-repeat:no-repeat;width:100%;text-align:left;}

.eleme_hover:{transition: all 1s;}
.eleme_hover:hover {filter: brightness(1.1) drop-shadow(0px 0px 30px white);}


@media screen and (max-width: 1100px)
{
.decou_chron {padding-top:300px;}
}
