body
{
	padding:0;
	margin:0;
	height:100%;
	overflow:hidden;
	background:#C1D2DF;
}

/*chronicles*/
@font-face {
    font-family: "chronicles";
    src: url('../assets/font/chronicledisp-roman.eot') format('embedded-opentype');
	src: url('../assets/font/chronicledisp-roman.ttf') format('truetype');
}


/*GENERALITES*/
.normal p {
	color:#777;
	font-size:1.2em;
	font-family:'PT sans narrow';
	}
.loader{
	position:absolute;
	width:100%;
	background-color:#F00;
	z-index:10000;
	}	

#chargement {
	background-color:#0e0e0e;
	background-image:url(../assets/img/fond_loader.jpg);
	background-repeat:no-repeat;
	background-position:center;
	color:#8b8b8b;
	font-size:33px;
	text-align: center;
	position: absolute;
	width:100%;
	z-index:10000;
	font-family:"PT sans narrow",sans-serif;
	}

#chargement-infos {
	text-align:center;
	display: block;
	width: 100%;
	height:30px;
	top:50%;
	margin-top:-15px;
	position:absolute;
	}

#container {
	visibility: hidden;
	}
	
.visuel_home {	
	position:absolute;
	height:100%;
	width:100%;
	background-image : url(../assets/img/bg_home.jpg);
	background-color:transparent;
	background-size:cover;
	opacity:0;
	-webkit-transition: all 4s ease-out; 
	-moz-transition: all 4s ease-out; 
	-ms-transition: all 4s ease-out; 
	-o-transition: all 4s ease-out; 
	transition: all 4s ease-out; /* custom */
	background-repeat:no-repeat !important;
	background-position:center;	
	}
	
.home_tutoriel {
	width:50%;
	text-align:center;
	position:absolute;
	left:25%;
	margin-left:-60% !important;
	top:10%;
	margin-top:-20% !important;
	}
	
.scroll_to_discover{	
	width:50%;
	position:relative;
	height:50px;
	left:25%;
	margin-left:-2%;
	top:100%;
	margin-top:0px;
	text-align:center;
	-webkit-transition: all 1s ease-out; 
	-moz-transition: all 1s ease-out; 
	-ms-transition: all 1s ease-out; 
	-o-transition: all 1s ease-out; 	
	}
	
.scroll_to_discover p{		
	color:#2990C1;		
	}

.home_tutoriel_clavier {
	opacity:0;
	-webkit-transition: all 1s ease-out; 
	-moz-transition: all 1s ease-out; 
	-ms-transition: all 1s ease-out; 
	-o-transition: all 1s ease-out; 
	}

.home_tutoriel_souris {
	opacity:0;
	-webkit-transition: all 1s ease-out; 
	-moz-transition: all 1s ease-out; 
	-ms-transition: all 1s ease-out; 
	-o-transition: all 1s ease-out; 
	}

.phrase_tuto {	
	opacity:0;
	-webkit-transition: all 1s ease-out; 
	-moz-transition: all 1s ease-out; 
	-ms-transition: all 1s ease-out; 
	-o-transition: all 1s ease-out; 
	}

.home_placeholder a {
	width:100%;
	height:100%;
	display:block;
	position:absolute;
	}

.remote {
	display:none;
	width : 400px;
	height : 230px;
	background-color:#FFF;
	border: solid 1px #000;
	margin-left: -200px;
	left: 50%;
	top:100%;
	margin-top:-530px;
	position: fixed;
	z-index:1000;}
	
.remote p {
	line-height:30px;
	padding: 10px 0 0 10px;
	margin: 0;
	}

.remote p span	{
	font-weight:bold;
	}

.conteneur {
	position:absolute;
	width:100%;
	height:100%;
	overflow:hidden;
	}
	
.metaslide {
	position:absolute;
	width:100%;
	height:105%;	
	overflow:hidden;
background: #abaab7; /* Old browsers */
background: -moz-linear-gradient(left,  #abaab7 0%, #b6c8d6 18%, #d1d2d6 33%, #faf5e4 59%, #bed5e2 84%, #c7c7d6 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#abaab7), color-stop(18%,#b6c8d6), color-stop(33%,#d1d2d6), color-stop(59%,#faf5e4), color-stop(84%,#bed5e2), color-stop(99%,#c7c7d6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #abaab7 0%,#b6c8d6 18%,#d1d2d6 33%,#faf5e4 59%,#bed5e2 h84%,#c7c7d6 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #abaab7 0%,#b6c8d6 18%,#d1d2d6 33%,#faf5e4 59%,#bed5e2 84%,#c7c7d6 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #abaab7 0%,#b6c8d6 18%,#d1d2d6 33%,#faf5e4 59%,#bed5e2 84%,#c7c7d6 99%); /* IE10+ */
background: linear-gradient(to right,  #abaab7 0%,#b6c8d6 18%,#d1d2d6 33%,#faf5e4 59%,#bed5e2 84%,#c7c7d6 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#abaab7', endColorstr='#c7c7d6',GradientType=1 ); /* IE6-9 */
;
	}


.slide_prev {	
	top:0;
	background-color:#000;
	z-index:1;
	}

.slide_en_cours {
	top:0;
	z-index:2;
	color:#FFF;
	}

.slide_next {	
	top:100%;
	background-color:#000;
	z-index:3;
	}

.slide_reserve	{	
	display:none !important;
	}

.visuel {
	position : absolute;
	display:block;
	width:100%;
	height:100%;
	text-align:right;
	line-height:100%;
	overflow : hidden;
	background-attachment: fixed;
	background-position: center;
	background-size: cover;
	z-index:0;
	}
	

.trame {
	background-image:url(../assets/img/pattern-bambous.png);
	width:100%;
	height:100%;
	position:fixed;
	top:0px;
	left:0px;
	z-index:1
	}
	
.visuel_scale {
	-webkit-transform:scale(1.4);
	-moz-transform:translate(0,0) scale(1.4);
	-o-transform:scale(1.4);
	transform:scale(1.4);
	}

.visuel_scale2 {
	-webkit-transform:scale(1.2);
	-moz-transform:translate(0,0) scale(1.2);
	-o-transform:scale(1.2);
	transform:scale(1.2);
	}

.superimg {
	-webkit-transition-property:-webkit-transform;
	/*-moz-transition-property:-moz-transform;*/
	transition-property:transform;
	-moz-transition-duration: 5s;
	-webkit-transition-timing-function:ease-out;
	-moz-transition-timing-function:ease-out;
	transition-timing-function:ease-out;
	background-color: rgba(255,255,255,.01);
	position:relative;
	z-index:13;
	} /*animation gérée par le script anim_control.js*/
	
.visuel img{
	height : 130%;
	width : 130%;
	float : right;
	margin : -10% -10% 0 0;
	}
	
.visuel_droite{
	float:right;
	}

.bouton_zoom {
	width:44px;
	height:44px;
	position:absolute;
	left:50%;
	top:50%;
	border: solid 1px #FFF;
	z-index:20;
	background-image:url('.../assets/img/hack.png');
	}

.bouton_zoom:hover{
	background-color:#efefef;
	}

.bouton_zoom:hover .h {
	border-color:#7b7b7b;
	}

.bouton_zoom:hover .v {
	border-color:#7b7b7b;
	}

.bouton_zoom_gauche {
	margin-left:66px;
	}
.bouton_zoom_droit {
	margin-left:-110px;
	}

.bloc {
	height:100%;
	background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #bed5e2 16%, #c7c7d6 50%, #bed5e2 80%, #eafaff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(16%,#bed5e2), color-stop(50%,#c7c7d6), color-stop(80%,#bed5e2), color-stop(100%,#eafaff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#bed5e2 16%,#c7c7d6 50%,#bed5e2 80%,#eafaff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#bed5e2 16%,#c7c7d6 50%,#bed5e2 80%,#eafaff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#bed5e2 16%,#c7c7d6 50%,#bed5e2 80%,#eafaff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#bed5e2 16%,#c7c7d6 50%,#bed5e2 80%,#eafaff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eafaff',GradientType=0 ); /* IE6-9 */
;
	text-align:left;
	position:absolute;
	z-index:14;
	}

.slide_droite {	
	width:50%;
	float:right;
	left:50%;
	}

.slide_gauche {	
	width:50%;
	left:0%;
	}	
.slide_gauche:nth-child(2){
display:block;
position:relative;
z-index:0;
background: rgba(166,218,229,0.7); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(166,218,229,1) 1%, rgba(242,244,244,1) 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(1%,rgba(166,218,229,1)), color-stop(99%,rgba(242,244,244,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(166,218,229,1) 1%,rgba(242,244,244,1) 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(166,218,229,1) 1%,rgba(242,244,244,1) 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(166,218,229,1) 1%,rgba(242,244,244,1) 99%); /* IE10+ */
background: linear-gradient(to right,  rgba(166,218,229,1) 1%,rgba(242,244,244,1) 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6dae5', endColorstr='#f2f4f4',GradientType=1 ); /* IE6-9 */;
}
		
.boite_fond_noir {
	background-color:#000;
	color:#FFF;
	}
	
	
/*BARRE DES MENUS*/
/*OK*/.conteneur_timeline {
	text-align:right;
	position:fixed;
	height:25px;
	margin-top:0px;
	width:100%;
	bottom:0;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(left,  #ffffff 0%, #bcd3e0 16%, #a3aac4 36%, #a5a4b1 50%, #a3aac4 67%, #bcd3e0 85%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(16%,#bcd3e0), color-stop(36%,#a3aac4), color-stop(50%,#a5a4b1), color-stop(67%,#a3aac4), color-stop(85%,#bcd3e0), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #ffffff 0%,#bcd3e0 16%,#a3aac4 36%,#a5a4b1 50%,#a3aac4 67%,#bcd3e0 85%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #ffffff 0%,#bcd3e0 16%,#a3aac4 36%,#a5a4b1 50%,#a3aac4 67%,#bcd3e0 85%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #ffffff 0%,#bcd3e0 16%,#a3aac4 36%,#a5a4b1 50%,#a3aac4 67%,#bcd3e0 85%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to right,  #ffffff 0%,#bcd3e0 16%,#a3aac4 36%,#a5a4b1 50%,#a3aac4 67%,#bcd3e0 85%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */;
 	filter: alpha(opacity=90);
   	box-shadow: 1px 1px 1px #555;
	/* CSS3 standard */
    	opacity: 0.9;
	z-index:2000;
	color:#FFF;
	font-family:"PT sans narrow",sans-serif;
	font-size:11px;
	line-height:25px;
	overflow:hidden;
	-webkit-transition: all 250ms linear; 
	-moz-transition: all 250ms linear; 
	-ms-transition: all 250ms linear; 
	-o-transition: all 250ms linear; 
	transition: all 250ms linear; /* custom */
}

/*OK*/.conteneur_timeline:hover {
    height: 80px;
    margin-top: -80px !important;
}

/*OK*/.conteneur_timeline .timeline .item_timeline p {
	text-align:center;
	width:184px;
	font-family:"PT sans narrow",sans-serif;
	font-size:11px;
	margin:0 0 0 -85px;
	padding:0;
	line-height:10px;
	text-transform:none;
	opacity:0; 
	visibility:hidden;
	color:#efefef;
	-webkit-transition: all 50ms linear; 
	-moz-transition: all 50ms linear; 
	-ms-transition: all 50ms linear; 
	-o-transition: all 50ms linear; 
	transition: all 50ms linear; /* custom */
	}
.item_timeline p:hover {
	opacity: 1 !important;
	visibility: visible !important;
	}

/*OK*/.conteneur_timeline .timeline .item_timeline p.sous_titre {
	text-transform:inherit;
	color:white;
	line-height:15px;
	font-size:11px;
	margin:0 0 0 -85px;
	font-weight:normal;
}

/*OK*/.conteneur_timeline .cont_logo {
        position:relative;	
	-webkit-transition: all 250ms linear; 
	-moz-transition: all 250ms linear; 
	-ms-transition: all 250ms linear; 
	-o-transition: all 250ms linear; 
	transition: all 250ms linear; /* custom */
	height:75px;
	width: 160px;
	float: left;
	margin-top:1px;
	z-index:1100;
}
/*OK*/.cont_logo{
	display:block;
	position :absolute;
	bottom:30px;
	z-index:1101;
	visibility:hidden;
	opacity:0;
	}
/*Medaillon ici */
/*OK*/.conteneur_timeline .cont_logo img {
    display: inline;
}

/*OK*/.conteneur_timeline:hover .cont_logo {
    height: 80px;
    line-height: 80px;
    padding-top: 20px;
    bottom:30px;
    visibility:visible;
    opacity:1;
}

/*OK*/.cont_logo img{	
	background-image:url('../assets/img/medaillon_75.png');
	background-repeat:no-repeat;
	background-position:50% top;	
	}
	
/*OK*/.cont_logo img:hover{
	background-position:50% -100px;
	}

/*OK*/.conteneur_timeline .timeline {
    display: inline-block;
    height: 80px;
    margin: 0 auto;
    margin-top: -80px;
    margin-right: 9px;
    text-align: center;
    position: relative;
    -webkit-transition: all 250ms linear;
    -moz-transition: all 250ms linear;
    -ms-transition: all 250ms linear;
    -o-transition: all 250ms linear;
    transition: all 250ms linear;
 /* custom */
}

/*OK*/.conteneur_timeline:hover .timeline {
    margin-top: 21px;
}

/*OK*/.over_bullet_menu {
    display: inline-block;
}

/*OK*/.conteneur_timeline .timeline .item_timeline {
    width: 84px;
    height: 25px;
    float: left;
    margin-left: 0px;
    text-align: left;
}

/*OK*/.conteneur_timeline:hover .timeline .item_timeline p{
    opacity: 1;
    visibility: visible !important;
}
/*OK*/.conteneur_timeline:hover .timeline .item_timeline p:hover{
    opacity: 1;
    visibility: visible !important;
}
/*OK*/.conteneur_timeline .timeline .item_timeline_big:hover .bullet {
    background-color: #efefef !important;
    height: 20px !important;
    width: 20px !important;
    border-radius: 10px !important;
    top: 0 !important;
    left: 0 !important;
}

/*OK*/.conteneur_timeline .timeline .item_timeline:hover .cont_sub_bullets {
    opacity: 1;
    padding-left: 18px;
}



/*OK*/.conteneur_timeline .timeline .item_timeline:hover .cont_sub_bullets .sub_bullet {
    display: block;
    margin-right: 0;
    opacity: 1;
}

/*OK*/.conteneur_timeline .timeline .item_timeline .bullet {
    height: 14px;
    width: 14px;
    border-radius: 7px;
    background-color: #FFF;
    display: inline-block;
    background-color: #777777;
    position: relative;
    z-index: 1000;
    top: -3px;
    left: 3px;
    overflow: hidden;
    -webkit-transition: all 50ms linear;
    -moz-transition: all 50ms linear;
    -ms-transition: all 50ms linear;
    -o-transition: all 50ms linear;
    transition: all 50ms linear;
 /* custom */
}

/*OK*/.conteneur_timeline .timeline .item_timeline .bullet:hover {
    background-color: #efefef !important;
    height: 20px !important;
    width: 20px !important;
    border-radius: 10px !important;
    top: 0 !important;
    left: 0 !important;
}

/*OK*/.conteneur_timeline .timeline .item_timeline .bullet span {
    background-color: #777;
    width: 14px;
    height: 14px;
    display: inline-block;
    position: relative;
    top: -11px;
    left: 3px;
}


/*OK*/.over_item_plus_son {
    position: absolute;
    height: 14px;
    width: 14px;
	}
/*OK*/.item_timeline_lang {
    display: inline-block;
    width: 50px;
    font-size: 13px;
    font-family: "PT sans narrow",sans-serif;
    margin: 23px 0 0 -20px;
}

/*OK*/.item_timeline_lang span:first-child {
    margin-right: 6px;
}

/*OK*/.item_timeline_son {
    display: inline-block;
    width: 20px;
    margin: 0 0 0 18px;
}

/*OK sans background  background-image: url(../assets/img/ico_son.png);
    background-size: 100%;
    background-position: 0% 100%;*/.item_timeline_son span {
    width: 18px;
    height: 18px; 
    display: block;
    margin-left: 9px;
    position: relative;
    top: 5px;
}

.item_timeline_lang {
	display:inline-block;
	width:50px;
	font-size:13px;
	font-family:"PT sans narrow",sans-serif;
	margin: 23px 0 0 -20px;
	}

.item_timeline_lang span:first-child {
	margin-right:6px;
	}
.btn_show_menu {
	position : absolute;
	width:50px;
	height:50px;
	}
	

/*ACCUEIL */
.logo_home {
	height:91px;
	width:300px;
	background-size: 100%;
	background-image: url(../assets/img/bandeau_titre.png);
	background-repeat: no-repeat;
	position : absolute;
	top:30%;
	
	margin-left:700px;
	opacity:0;
	-webkit-transition: all 4s ease-out; 
	-moz-transition: all 4s ease-out; 
	-ms-transition: all 4s ease-out; 
	-o-transition: all 4s ease-out; 
	transition: all 4s ease-out; /* custom */
	}

.logo_home p {
	text-indent:-9999px;
	}
		
	

/*LE FILM */
.visuel_lefilm {
	background-image:url('../assets/img/lefilm.jpg');
	}
	
	
.boite_fond_verre {
	background-image:url(../assets/img/fond_slide_projet.png);
	background-repeat:no-repeat;
	background-position:right center;
	background-size:cover;
	z-index:1;
	}
	
.titre_section_film {
	color:white !important;
	font-size:4em !important;
	line-height:1em;
	letter-spacing:1px !important;
	font-weight:normal !important;
	text-shadow:1px 1px 1px #555;
	}

.titre_section_film span{
	font-weight:normal !important;
	font-size:0.5em;
	color:#6a6a6a;
	}

.description_section_film a{
	color:#585858;
	text-decoration:none;
	font-size:2em;
	}
	


/* RESUME */
.visuel_synopsis{
	background-image:url('../assets/img/synopsis.jpg');
	}
	

/* FICHE TECHNIQUE ET ARTISTIQUE*/
.visuel_fiche_artistique{
	background-image:url('../assets/img/lh_21.jpg');
	}
/* FICHE LE FILM VU PAR*/
.visuel_le_film_vu_par{
	background-image:url('../assets/img/lh_22.jpg');
	background-position:left top;
	}
	
/* FICHE INSPIRATION*/
.visuel_inspiration{
	background-image:url('../assets/img/lh_39.jpg');
	}


.auteur {
	color: white;
	margin: 0;
	font-family: 'PT sans narrow';
	padding:0 0 0 10%;
	font-size: 1.3em;
	line-height: 1.3em;
	text-align:justify;	
	text-shadow:1px 1px 1px #eee;
	}


.films{
	text-align:justify;
	font-family: 'PT sans narrow';
	color:#666;
	font-size: 1.1em;
	line-height: 1.1em;
	margin: 1% 4% 0 10%;
	list-style: none;
	text-shadow:0px 0px 1px #999;
	}
	
	


/* FICHE ELEMENTS*/
.visuel_elements{
	background-image:url('../assets/img/lh_31.jpg');
	}
	
.description_section_elements p, .description_section_elements ul, .description_section_elements ul li, .description_section_elements a {
	padding: 0 1% 0 10%;
	color: #eee;
	font-family: "PT sans narrow";
	font-size: 1.2em;
	line-height: 2em;
	text-align:justify;
	list-style: none;
	text-shadow:1px 1px 1px #555;
	text-decoration:none;
	}
	
.description_section_elements a:hover{
	color:white;
	text-shadow:1px 1px 1px #999;}

.right h2, description_section_elements h2 {
	padding: 10% 25% 1% 10%;
	color: #fff;
	font-family: "PT sans narrow";
	font-weight: bold;
	font-size: 24px;
	text-transform: none;
	letter-spacing: 10px;
	}

#contact .right h2 {
	padding: inherit;
	color: #353535;
	font-family: "PT sans narrow";
	font-weight: inherit;
	font-size: inherit;
	text-transform: inherit;
	letter-spacing: inherit;
	}


/*btn plus ouvert*/
.bouton_zoom div.h {	
	position: absolute;
	margin: 22px 0 0 14px;
	width: 17px;
	border-bottom: 1px solid #FFF;
	-webkit-transition-property:all;
	-moz-transition-property:all;
	-webkit-transition-timing-function:ease-out;
	-moz-transition-timing-function:ease-out;
	transition-timing-function:ease-out;	
}


.bouton_zoom  div.v{	
	position: absolute;
	margin: 14px 0 0 22px;
	height: 17px;
	border-right: 1px solid #FFF;
	-webkit-transition-property:all;
	-moz-transition-property:all;
	-webkit-transition-timing-function:ease-out;
	-moz-transition-timing-function:ease-out;
	transition-timing-function:ease-out;
	}

#conteneur_frame_video {
	visibility:hidden;
	position:absolute;
	height:0;
	width:0;
	}

.video_le_film_vu_par {
	position:absolute;
	width:100%;
	height:100%;
	top:-100%;
	z-index:1002;
	background-position: center;
	background-repeat:no-repeat;
	background-size: cover;
	background-color:transparent;
	}
	
#conteneur_player_video {
	display:block;
	position:absolute;
	left:0%;
	width:100%;
	height:100%;
	background-color:transparent;
	z-index:10;
	}

.video_le_film_vu_par #player_video_backup {
	z-index:11;
	}

.framevideo {
	position:absolute;
	width:100%;
	height:100%;
	z-index:1011;
	background-position: center;
	background-repeat:no-repeat;
	background-size: cover;
	background-repeat:no-repeat;
	}

#titre_section_video_le_film_vu_par {
	position:absolute;
	width:100%;
	z-index:1012;
	margin-top:70px;
	height:70px;
	background:transparent;
	}

#titre_section_video_le_film_vu_par p {
	position:absolute;
	top:0;
	width:50%;
	left:50%;
	font-family: "PT sans narrow";
	font-weight: bold;
	font-size:20px;
	letter-spacing:2px;
	-webkit-filter: blur(2px);
	padding:0 30px 0 0;
	margin:0 0 0 -30px;
	text-align:right;
	opacity:0;
	text-transform:none;
	color:#b0b4b2;
	-webkit-transition-property:all;
	-moz-transition-property:all;
	-webkit-transition-timing-function:ease-out;
	-webkit-transition-duration:2s;
	-moz-transition-timing-function:ease-out;
	transition-timing-function:ease-out;
	text-shadow: 0px 0px 5px #000;
	}

#titre_section_video_le_film_vu_par p:hover {
	-webkit-filter: blur(0px);
	opacity:1;
	}

#particle-container {
	position: fixed;
	left: 50px;
	top: 50px;
	right: 50px;
	bottom: 50px;
	z-index: 1500;
	background-color: #f3f3f3;
	}
	
.particle {
	overflow: hidden;
	width: 1px;
	height: 1px;
	text-indent: -1000px;
	background-color: #F0F0F0;
	position: absolute;
	top: -10px;
	left: -10px;
	z-index: 2000;
	-webkit-transition-property:all;
	-moz-transition-property:all;
	-webkit-transition-timing-function:ease-out;
	-webkit-transition-duration:5s;
	-moz-transition-timing-function:ease-out;
	transition-timing-function:ease-out;
	}
	
.slider_news {
	display:block;
	position:absolute;
	width: 43%;
	height:100%;
	left:101%;
	margin-right:0;
	padding:0;
	background: #e0e1e2; /* Old browsers */
	background: -moz-linear-gradient(top,  #e0e1e2 0%, #e0e1e2 43%, #c1d1df 75%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e0e1e2), color-stop(43%,#e0e1e2), color-stop(75%,#c1d1df)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e0e1e2 0%,#e0e1e2 43%,#c1d1df 75%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e0e1e2 0%,#e0e1e2 43%,#c1d1df 75%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e0e1e2 0%,#e0e1e2 43%,#c1d1df 75%); /* IE10+ */
	background: linear-gradient(to bottom,  #e0e1e2 0%,#e0e1e2 43%,#c1d1df 75%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e1e2', endColorstr='#c1d1df',GradientType=0 ); /* IE6-9 */;
	box-shadow:-3px 0px 5px #888;
	font-size:1em;
	z-index:50 !important;
	}

.btn_slider_news {
	display:block;
	position:absolute;
	left:100%;
	top:0;
	margin-top:13px;
	margin-left:0;
	height:29px;
	width:29px;
	border:1px solid #9e9e9e;
	background-image:url(../assets/img/ico_slider_tweet_fermer.png);
	background-size:100%;
	z-index:3;
	-webkit-transition: margin-left 500ms ease-out; 
	-moz-transition: margin-left 500ms ease-out; 
	-ms-transition: margin-left 500ms ease-out; 
	-o-transition: margin-left 500ms ease-out;
	z-index:100;
	}

.btn_slider_news_ouvert {
	background-image:url(../assets/img/ico_slider_tweet_ouvert.png) !important;
	}
			
.slider_news h2{
	display:block;
	top:0px !important;
	position:absolute;
	margin:1% 7% !important;
	position:absolute;
	width:86%! important;
	height:23% !important;
	z-index:54;
	background-color:#E0E1E2;
	background-image:url('../assets/img/lh_45.jpg');
	background-repeat:no-repeat;
	background-position: 62% 0%;
	background-size:contain;
	padding:.5em 0;
	font-family:"PT sans narrow",sans-serif;
	text-align:center;
	color: #fff;
	font-weight:normal;
	font-size:2em;
	text-transform:none;
	text-shadow:1px 1px 1px  #ACC7D6;
	}

.slider_news_space {
	display:block;
	position:relative;
	width:80%;
	margin:1% 10%;
	margin-top:100px;
	z-index:0;
	}
	
.slider_news ul {
	display:block;
	position:relative;
	background-color:transparent;
	width:80%;
	left:10%;
	padding:0 ;
	margin:0;
	-webkit-transition-property:all;
	-moz-transition-property:all;
	-webkit-transition-timing-function:ease-out;
	-webkit-transition-duration:50ms;
	-moz-transition-timing-function:ease-out;
	transition-timing-function:ease-out;
	z-index:53 !important;
	}
	
.slider_news ul blockquote{
	font-family:'PT sans narrow';
	font-size:1em ! important;
	color:#90ADBB! important;
	padding-top:1em;
	}

.slider_news ul .date {
	font-weight:normal;
	font-family: "PT sans narrow";
	color:#90ADBB;
	font-size:1em;
	text-align:center;
	text-transform:none;
	width:100%;
	height:20px;
	box-shadow:rgba(64, 64, 64, 0.5) 3px 2px 2px;
	float:left;
	margin:1em 0 3em 0;
	padding:0.5em;
	border:1px dotted #EFFAFD;
	}
	
.slider_news ul p {
	width:100%;
	float:left;
	margin:0;
	font-family: "PT sans narrow";
	line-height:1.5em;
	font-size:1em;
	color: #888;
	text-shadow:rgba(64, 64, 64, 0.5) 3px 2px 2px;
	text-align:justify;
	}

.slider_news ul p a {
	color:#EFFAFD;
	text-decoration:none;
	}


.scrollbartweet {
	display:block;
	position:absolute;
	height:80%;
	width:8px;
	border:0px solid #888;
	left:100%;
	top:20px;
	margin-right:-20% !important;
	z-index:100;
	}
	
.scrollbartweet span {
	width:4px;
	min-height:100px;
	top:50px;
	border:0px solid #bebebe;
	margin-left:2px;	
	}

.slider_news ul .twitter-tweet{
	font-size:1em;
	color:#6B7475;
	font-family:'PT sans narrow';
	border-bottom:1px dashed #EFFAFD;
	}
	
.voir_tous_les_tweets {
	display:block;
	position:relative;
	padding:1em;
	width:80%;
	margin:40px 10% 100px;
	height:35px;
	line-height:35px;
	text-align:center;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
	color: #c1c1c1;
	text-shadow:1px 1px 1px  #ACC7D6;
	font-family:"PT sans narrow",sans-serif;
	font-weight:bold;
	font-size:14px;
	text-transform:none;
	text-decoration : none;
	}
	
.voir_tous_les_tweets a {
	text-decoration : none;
	}

.voir_tous_les_tweets:hover {
	text-decoration:none;
	color:#fff;
	cursor:pointer;
	}

.sharing {
	position:absolute;
	opacity:0;
	display:block;
	width:44px;
	padding:0;
	margin:0;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
	text-decoration:none;
	margin-top:70px;
	display:none;
	}

.sharing_left {
	left:100%;
	margin-left:-44px;
	}

.sharing li {
	padding:0;
	margin:0;
	width:44px;
	text-align:center;
	height:44px;
	list-style:none;
	display:block;
	overflow:hidden;
	line-height:0;
	border-bottom:1px solid #e6e6e6;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
	}

.sharing li:last-child	{
	border-bottom:none;
	}

.sharing li:hover {
	background-color:#000;
	}

.sharing_black li{
	border-color:#232323 !important;
	}

.sharing_black li:hover {
	background-color:#FFF !important;
	}

.sharing li a {
	display:block;
	margin-top:10px;
	}

.sharing li img {
	width:44px;
	}

#contact{
	font-family:"PT sans narrow",sans-serif;
	width:100%;
	height:100%;
	position:absolute;
	background: #c7c7d6; /* Old browsers */
background: -moz-linear-gradient(top,  #c7c7d6 0%, #bed5e2 12%, #ffffff 32%, #ffffff 50%, #ffffff 67%, #bed5e2 86%, #c7c7d6 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c7c7d6), color-stop(12%,#bed5e2), color-stop(32%,#ffffff), color-stop(50%,#ffffff), color-stop(67%,#ffffff), color-stop(86%,#bed5e2), color-stop(100%,#c7c7d6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #c7c7d6 0%,#bed5e2 12%,#ffffff 32%,#ffffff 50%,#ffffff 67%,#bed5e2 86%,#c7c7d6 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #c7c7d6 0%,#bed5e2 12%,#ffffff 32%,#ffffff 50%,#ffffff 67%,#bed5e2 86%,#c7c7d6 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #c7c7d6 0%,#bed5e2 12%,#ffffff 32%,#ffffff 50%,#ffffff 67%,#bed5e2 86%,#c7c7d6 100%); /* IE10+ */
background: linear-gradient(to bottom,  #c7c7d6 0%,#bed5e2 12%,#ffffff 32%,#ffffff 50%,#ffffff 67%,#bed5e2 86%,#c7c7d6 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c7c7d6', endColorstr='#c7c7d6',GradientType=0 ); /* IE6-9 */;
	}

.conteneur_form_contact {
	width:1024px;
	position:absolute;
	height:571px;
	top:50%;
	left:50%;
	margin:-340px 0 0 -512px;
	}

	#left-column{ width:50%; float: left;}
	#right-column{ width:50%; float: left}
	
	
	/* Colonne de Gauche */
	#left-column .titre_section_contact {
	padding:10% 25% 0% 0%;
	color:#353535;
	font-weight:bold;
	font-size:24px;
	letter-spacing:10px;
	text-transform:none;
	margin-bottom:10px;
	}
	
	#left-column .description_section_contact {
	color:#353535;
	width:456px;
	font-size:13px;
	margin-bottom:20px;
	line-height:18px;
	}
		
	#left-column form input{ 
	height: 35px;
	border: none;
	color: #9c9c9c;
	}
	
	#left-column form input:focus,
	#left-column form textarea:focus, 
	#right-column form input:focus {
	outline: none;
	}
		
	#left-column form label {
	float: left;
	padding-left: 10px;
	display: block;
	width: 45%;
	background-color: #FFF;
	text-transform: none;
	margin-bottom: 18px;
	box-shadow:1px 1px 1px #555;
	}
		
	#left-column form label span {	
	display: block;
	float: left;
	width: 80px;
	height: 35px;
	line-height: 35px;
	color: #606060;
	font-size:13px;
	}
		
	#left-column form textarea { 
	float: left;
	width: 442px;
	max-width: 442px;
	max-height: 180px;
	border: solid 1px #606060;
	color: #9c9c9c;
	padding:10px;
	font-family: "PT sans narrow";
	box-shadow:1px 1px 1px #555;
	}
	
	#left-column form button {
	float: right;
	width:123px;
	height: 46px;
	background-color:transparent;
	border: none;
	color:#2791C2;
	text-align:right;
        font-weight:bold;
	text-transform:none;
	letter-spacing:1px;
        -webkit-transition: all 350ms linear; 
	-moz-transition: all 350ms linear; 
	-ms-transition: all 350ms linear; 
	-o-transition: all 350ms linear; 
	transition: all 350ms linear; /* custom */
	box-shadow:1px 1px 1px #555;
	}
	
	#left-column form button:hover {
	background: #c5cad9; /* Old browsers */
background: -moz-linear-gradient(left,  #c5cad9 0%, #c6dae5 22%, #ffffff 52%, #c6dae5 82%, #c5cad9 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#c5cad9), color-stop(22%,#c6dae5), color-stop(52%,#ffffff), color-stop(82%,#c6dae5), color-stop(100%,#c5cad9)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #c5cad9 0%,#c6dae5 22%,#ffffff 52%,#c6dae5 82%,#c5cad9 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #c5cad9 0%,#c6dae5 22%,#ffffff 52%,#c6dae5 82%,#c5cad9 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #c5cad9 0%,#c6dae5 22%,#ffffff 52%,#c6dae5 82%,#c5cad9 100%); /* IE10+ */
background: linear-gradient(to right,  #c5cad9 0%,#c6dae5 22%,#ffffff 52%,#c6dae5 82%,#c5cad9 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5cad9', endColorstr='#c5cad9',GradientType=1 ); /* IE6-9 */
;
	-webkit-transition: all 350ms linear; 
	-moz-transition: all 350ms linear; 
	-ms-transition: all 350ms linear; 
	-o-transition: all 350ms linear; 
	transition: all 350ms linear; /* custom */	
	}
	
	#left-column form div#submit {   
	display: block;
	float: left;
	width: 466px;
	margin-top: 10px;
	text-transform:none;
	font-weight:bold;
	}	

	#left-column div#message_contact{
	display: block;
	float: left;
	width: 585px;
	margin-top: 10px;
	color:#9c9c9c;
	}

	
	/* Colonne de droite */	
	#right-column {
	padding-top: 116px;
	}
	
	#right-column form {
	float: left;
	width: 100%;
	margin-top: 20px;
	}
	
	#right-column form input{ 
	height: 35px;
	border: none;
	color: #9c9c9c;
	width: 350px;			
	border: solid 1px #606060;
	padding-left: 15px
	}
	
	#contact_title_newsletter{
	color:#555555;
	}	
	
	#right-column form label{  
	display: block;
	float: left;
	width: 100%;
	margin-bottom: 10px;
	text-transform: Uppercase;
	}
	
	#right-column form button{	
	background-color: #606060;
	border: none;
	color: #FFF;
	height: 40px;
	padding: 0 25px 0 25px;
	font-weight:bold;
	text-transform:none;
	letter-spacing:1px;
	-webkit-transition: all 350ms linear; 
	-moz-transition: all 350ms linear; 
	-ms-transition: all 350ms linear; 
	-o-transition: all 350ms linear; 
	transition: all 350ms linear; /* custom */	
	}
		
	#right-column form button:hover{
	background-color:#000;
	-webkit-transition: all 350ms linear; 
	-moz-transition: all 350ms linear; 
	-ms-transition: all 350ms linear; 
	-o-transition: all 350ms linear; 
	transition: all 350ms linear; /* custom */	
	}
	
	#right-column div#first-block,div#second-block{    
	float: left;
	width: 100%;
	}
	
	#right-column div#first-block { margin-bottom: 20px;}
	#right-column 
	div#first-block p,
	div#second-block p, 
	#right-column 
	div#first-block h3,
	div#second-block h3{
	margin:0;
	line-height:18px;
	}
	
	#right-column
	div#first-block a,
	div#second-block a {
        color: #808080;
        text-decoration: none;
	}
    
	#right-column
	div#first-block a:hover,
	div#second-block a:hover {     
        color: #000000;
        text-decoration: underline;   
	}  
    	
	#right-column
	div#first-block p,
	div#second-block p{ 
        color: #808080;
        font-size: 13px;
        text-transform: none; 
	}
    
	#right-column
	div#first-block h3,
	div#second-block h3{
        color: #555555;
        font-size: 13px;
        font-weight: bold;
        text-transform: none;     
	}
	
	#right-column div.contact-elementsn{
	float: left;
	width: 256px;
	}	    

	a.fb{
	background-image: url('../assets/img/facebook-64.png');
	background-size: 50%;
	background-repeat: no-repeat;
	background-position:center;
	}
    
	#right-column a.tw{   
	background-image: url('../assets/img/twitter-64.png');
	background-size: 50%;
	background-repeat: no-repeat;
	background-position:center;
	}
    
	#right-column a.pn{    
	background-image: url('../assets/img/pinterest-64.png');
	background-size: 50%;
	background-repeat: no-repeat;
	background-position:center;
	}
    

	#right-column a.icon-link{  
	display: block;
	width: 56px;
	height: 56px;
	border: solid 1px #c1c1c1;
	float: left;
	margin: 20px 10px 0px 0;
	-webkit-transition: all 100ms linear; 
	-moz-transition: all 100ms linear; 
	-ms-transition: all 100ms linear; 
	-o-transition: all 100ms linear; 
	transition: all 100ms linear; /* custom */    
	}
	
	#right-column a.icon-link:hover{
	background-color: #000000;
	border: solid 1px black;
	-webkit-transition: all 350ms linear; 
	-moz-transition: all 350ms linear; 
	-ms-transition: all 350ms linear; 
	-o-transition: all 350ms linear; 
	transition: all 350ms linear; /* custom */   
	}
	
	#message_subscribe{
	display:block;
	margin: 5px 0 15px 0;
	color:#9c9c9c;
	}	

	#right-column a#press-folder{
	display: block;
	float: left;
	border: 1px solid #aeaeae;
	color: #606060;
	text-decoration: none;
	padding: 8px 12px;
	margin-top: 15px;
	-webkit-transition: all 100ms linear; 
	-moz-transition: all 100ms linear; 
	-ms-transition: all 100ms linear; 
	-o-transition: all 100ms linear; 
	transition: all 100ms linear; /* custom */
	font-size:13px;
	}
	
.contact_mention_legale{
font-size:12px;
color:#606060;	
margin-top:20px;
}

.contact_mention_legale a {
text-decoration:none;
color:#555;
}

.contact_mention_legale a:hover{
	color:#000;
	}

	#right-column a:hover#press-folder{
	background-color: #000000;
	border: 1px solid #000000;
	color: #fff;
	-webkit-transition: all 350ms linear; 
	-moz-transition: all 350ms linear; 
	-ms-transition: all 350ms linear; 
	-o-transition: all 350ms linear; 
	transition: all 350ms linear; /* custom */
	}
    
.slide_contact{
	background-color:#FFF;
	}

.responsive_yt_video{
	position:absolute;
	height:100%;
	width:100%;
	z-index:1;
	opacity:0;
	}    

.video_yt_masque{
	z-index:10;
	}

.control_youtube{
	width:100%;
	height:36px;
	position:absolute;
	background-color:#000;
	top:100%;
	margin-top:-36px;
	-webkit-transition: all 250ms linear; 
	-moz-transition: all 250ms linear; 
	-ms-transition: all 250ms linear; 
	-o-transition: all 250ms linear; 
	transition: all 250ms linear; /* custom */
	}

.control_youtube ul{
	padding:0;
	margin:0;
	display:block;
	list-style:none;
	height:36px;
	margin:0 auto;
	width:144px;
	}

.control_youtube ul li{
	display:block;
	float:left;
	padding:0;
	margin:0;
	list-style:none;
	height:36px;
	width:36px;
	-webkit-transition: all 250ms linear; 
	-moz-transition: all 250ms linear; 
	-ms-transition: all 250ms linear; 
	-o-transition: all 250ms linear; 
	transition: all 250ms linear; /* custom */
	}

.control_youtube ul li:hover{
	background-color:#efefef;
	}

.control_youtube ul li:last-child{
	width:36px;
	overflow:hidden;
	background-image:url(../assets/img/ico_yt_tous_co_prod.png);
	background-repeat:no-repeat;
	background-size:100%;
	}

.control_youtube ul li:last-child span{
	width:36px;
	height:36px;
	display:block;
	overflow:hidden;
	}

.control_youtube ul li:last-child img{
	width:36px;
	height:36px;
	}

.control_youtube ul .volume_mute span{
	width:18px;
	height:18px;
	background-image:url(../assets/img/ico_son.png);
	background-size:100%;
	background-position:0% 0%;
	display:block;
	margin-top:9px;
	margin-left:9px;
	}

.control_youtube ul .play_pause span{
	width:18px;
	height:18px;
	background-image:url(../assets/img/ico_play_pause.png);
	background-size:100%;
	background-position:0% 0%;
	display:block;
	margin-top:9px;
	margin-left:9px;
	}

.control_youtube ul .stop span{
	width:18px;
	height:18px;
	background-image:url(../assets/img/ico_stop.png);
	background-size:100%;
	background-position:0% 0%;
	display:block;
	margin-top:9px;
	margin-left:9px;
	}


.control_youtube ul .volume_mute span.unmute{
	background-position:0% 100%;
	}

.control_youtube ul .play_pause span.pause{
	background-position:0% 100%;
	}

.home_tutoriel{
	width:530px;
	text-align:center;
	position:absolute;
	left:50%;
	margin-left:-22%;
	top:110%;
	margin-top:0px;
	text-align:center;
	}

.home_tutoriel img{
	display:inline-block;
	}

.home_tutoriel img:first-child{
	border-right:1px solid #69A0B9;
	}

.home_tutoriel .phrase_tuto{
	font-family:"PT sans narrow",sans-serif;
	color:#2990C1;	
	font-size:1em;
	text-transform:none;
	}
.phrase_tuto{
	text-align:center;
	padding-left:10%;
	}	
.scroll_to_discover{
	display:block;
	width:265px;
	position:absolute;
	height:50px;
	left:23%;
	margin-left:-20%;
	top:97%;
	margin-top:-110px;
	text-align:center;
	-webkit-transition: all 1s ease-out; 
	-moz-transition: all 	1s ease-out; 
	-ms-transition: all 1s ease-out; 
	-o-transition: all 1s ease-out;
	z-index:11;
	}

.scroll_to_discover p{
	font-family:"PT sans narrow",sans-serif;
	color:#777;
	font-size:14px;
	text-transform:none;
	margin:0;
	padding:0;
	z-index:10;
	}

.scroll_to_discover img{
	margin:0 auto;
	margin-top:40px;
	width:12px;
	height:14px;
	-webkit-animation: anim_arrow_tuto_home 5s infinite;
	-moz-animation: anim_arrow_tuto_home 5s infinite;
	-o-animation: anim_arrow_tuto_home 5s infinite; 
	animation: anim_arrow_tuto_home 5s infinite;
	z-index:100;
	}

@-webkit-keyframes anim_arrow_tuto_home {
  0%   { margin-top: 20px; }
  10%   { margin-top: 10px; }
  20%   { margin-top: 20px; }
  30%   { margin-top: 10px; }
  80%   { margin-top: 10px; }
}

@-moz-keyframes anim_arrow_tuto_home {
  0%   { margin-top: 20px; }
  10%   { margin-top: 10px; }
  20%   { margin-top: 20px; }
  30%   { margin-top: 10px; }
  80%   { margin-top: 10px; }
}

@-o-keyframes anim_arrow_tuto_home {
  0%   { margin-top: 20px; }
  10%   { margin-top: 10px; }
  20%   { margin-top: 20px; }
  30%   { margin-top: 10px; }
  80%   { margin-top: 10px; }
}

@keyframes anim_arrow_tuto_home {
  0%   { margin-top: 20px; }
  10%   { margin-top: 10px; }
  20%   { margin-top: 20px; }
  30%   { margin-top: 10px; }
  80%   { margin-top: 10px; }
}

.titre_section_synopsis .titre_section_ft{
	color:white !important;
	font-size:3em !important;
	line-height:1em;
	letter-spacing:1px !important;
	font-weight:normal !important;
	text-shadow:1px 1px 1px #555;
	}
.description_section_synopsis, .description_section_ft{
	padding-right:20% !important;
	padding-left:10%;
	text-align:justify;
	font-family:'PT sans narrow';
	font-size:1.3em;
	line-height:1.6em;
	color:#777;
	}
.description_section_ft span{
	color:rgba(255,255,255,0.7)
	}
.conteneur_timer{
	display:block;
	height:60px;
	width:40%;
	float:left;
	left:60% !important;
	background-color:transparent;
	color:#fff;
	text-shadow:1px 1px 1px #555;
	font-family:"PT sans narrow",sans-serif;
	margin:0 auto;
	position:relative;
	z-index:2;	
	}

.item_timer{
	width:20%;
	display:inline-block;
	height:30px;
	text-align:center;
	position:relative;
	}

.item_timer span{
	display:block;
	}

.conteneur_timer .separateur{
	height:40px;
	margin-top:10px;
	margin-right:2%;
	width:1px;
	display:inline-block;
	background-color:#eee;
	}

.item_timer .value_timer{
	font-size:2em;
	}

.label_timer{
	color:#fff;
	text-shadow:1px 1px 1px #555;
	font-size:1em;
	}

.trait_timer{
	display:block;
	height:1px;
	width:20%;
	left:60% !important;
	background-color:#a0a0a0;
	position:relative;
	margin-top:0px;
	}

.sn{
	text-align:left;
	font-size:3em !important;
	line-height:1em !important;
	margin:50px 0 10px 0;
	color:#98A6A6 !important;
	text-shadow:1px 1px 1px #111;
	}


.conteneur_projet{
	padding: 0 2% 0 7%;
	float:left;
	z-index:2;
	}

.conteneur_projet p{	
	padding:0;
	color: #9c9c9c;
	font-family: "PT sans narrow";
	font-size: 1em;;
	line-height: 1em;
	}

.conteneur_projet h2{
	padding:0;
	color: #353535;
	font-family: "PT sans narrow";
	font-weight: bold;
	font-size: 24px;
	text-transform: none;
	letter-spacing: 10px;
	}

.jauge_timer{
	margin-top:40px;
	}

.label_jauge_timer{
	color: #6a6a6a;
	font-size:13px;
	margin-bottom:5px;
	}

.conteneur_jauge{
	color: #6a6a6a;
	font-size:13px;
	height:16px;
	padding:4px;
	border:solid 1px #000;
	}
	
.conteneur_jauge span{
	display:inline-block;
	width:30%;
	background-color:red;
	height:16px;
	}

.cont_stat_jauge_timer{
	padding:0;
	margin-top:0;
	margin-bottom:33px;
	}

.pourcentage_mise_en_cours_timer{
	float:right;
	}

.mise_en_cours_timer{
	color:#191919;
	font-weight:bold;
	}