@charset "utf-8";
body { background: #002759 url(/img/conference/skins/earth/fond.jpg) fixed no-repeat 50% 0 ; }
.largeur_page 	{ width:1280px; margin:auto;}
.template_color             { color: #002759 ; }
.template_border_color      { border-color: #002759 ; }
.template_backgroundcolor   { color: #002759 ; }
.titre, .titre a            { color:#0c5d95; }

#template_header a	{ color:#002759; }
#template_header	{ color:#002759; }
#template_header #header_title { font-size:38px ; font-weight:bold ; margin-bottom:5px; }
#template_header #header_wheredate { font-size:22px ; font-style:italic;font-weight:bold }


.menu_niveau_1_on 	{ background-color:#002759; color:#FFF; }
.menu_niveau_1_on a { background-color:#1d346a; color:#FFF; }
.titre { text-transform: uppercase; } 
.formcontent .titre { text-transform: none; color:inherit; }


#slideshow {
	position: relative;
	width: 640px;
	height: 310px;
	padding: 15px;
	margin: 0 auto 2em;
	border: 1px solid #ddd;
	background: #FFF;
	/* CSS3 effects */
	background: linear-gradient(#FFF, #FFF 20%, #EEE 80%, #DDD);
	border-radius: 2px 2px 2px 2px;
	box-shadow: 0 0 3px rgba(0,0,0, 0.2);
}
 
/* avanced box-shadow
 * tutorial @
 * https://www.creativejuiz.fr/blog/les-tutoriels/ombre-avancees-avec-css3-et-box-shadow 
*/
#slideshow:before,
#slideshow:after {
	position: absolute;
	bottom:16px;
	z-index: -10;
	width: 50%;
	height: 20px;
	content: " ";
	background: rgba(0,0,0,0.1);
	border-radius: 50%;
	box-shadow: 0 0 3px rgba(0,0,0, 0.4), 0 20px 10px rgba(0,0,0, 0.7);
}
#slideshow:before {
	left:0;
	transform: rotate(-4deg);
}
#slideshow:after {
	right:0;
	transform: rotate(4deg);
}