body{
	margin:0;
	padding:0;
	background-color:#fafaf9;
	overflow-x:hidden;
	width:100%;
	}

#logo-IRD {
	width:5%;
	position:fixed;
	bottom:28px;
	right:28px;
	z-index:20;
	}

.avant, .apres  {
	background-color:rgba(81,71,71,0.5);
	width:3.3%;
	position:fixed;
	top:43%;	
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	-ms-border-radius:50%;
	-o-border-radius:50%;	
	z-index:20;
	}	
		
.avant:hover, .apres:hover {
	background-color:rgba(0,0,0,1);
	}	
	
.avant{
	left:1%;
	}	
	
.apres {
	right:1%;
	}	
			
#cadre2 {
	width:100%;
	position:relative;
	}	

#cadre {
	width:100%;
	position:fixed;
	top:0;
	left:0;
	}

.overflow {	
		overflow-y:hidden;
		}	
	
section {
	width:320%;
	position:absolute;
	top:-153%;
	left:0;
	background-image: url("image/ciel2.png");
	background-size:100% 100%; 
	transition:all 2s;
	-moz-transition:all 2s;
	-webkit-transition:all 2s;
 	-ms-transition:all 2s;
 	-o-transition:all 2s;
 	margin:0;
 	padding:0;
 	overflow:hidden;
	
	}
			
.fond {
	width:100%;
	position:relative;
	}	
	
.profil {
	width:100%;
	position:absolute;
	left:0;
	top:0;
	z-index:3;
	}	
	
.chapitre2 {
	top:-72%;
	left:-76%;
	}		
	
.chapitre3 {
	top:-27%;
	left:-161%;
	}		
	
.chapitre4 {
	top:-117%;
	left:-220%;
	}		
	
.chapitre5 {
	top:0;
	left:0;
	width:100%;
	}		

.encart{
	position:absolute;
	z-index:10;
	transition:opacity 0.5s;
	-moz-transition:opacity 0.5s;
	-webkit-transition:opacity 0.5s;
 	-ms-transition:opacity 0.5s;
 	-o-transition:opacity 0.5s;
 	transition-delay:0.3s;
  	-moz-transition-delay:0.3s;
 	-webkit-transition-delay:0.3s;
 	-ms-transition-delay:0.3s;
 	-o-transition-delay:0.3s;
	}


.galapagos{
	top:52%;
	left:1.8%;
	}
	
.paramos{
	top:26%;
	left:25.7%;
	}	
	
.glacier{
	top:12%;
	left:71%;
	}			

.foret{
	top:41%;
	left:83%;
	}

/* Responsive */


@media (min-width:1401px){	
.galapagos{
	width:680px;
	}	

.paramos{
	width:340px;
	}	
	
.glacier{
	width:340px;
	}		
	
.foret{
	width:600px;
	}			

	
h3 {
	font-size:85px;
	line-height:85px;
	font-family:Source Sans Pro, Arial;
	font-weight:200;
	text-transform:uppercase;
	margin:0 0 5px -6px;
	
	}
	
p, a, span, li, ul {
	font-size:17px;
	font-family:Source Sans Pro, Arial;
	font-weight:400;
	line-height:25px;
	margin:0;
	text-decoration:none;	
	}		
}	


@media (max-width:1400px){	
.galapagos{
	width:510px;
	}	
	
.foret{
	width:470px;
	}		
	
.paramos, .glacier{
	width:260px;
	}		
	
h3 {
	font-size:55px;
	line-height:55px;
	font-family:Source Sans Pro, Arial;
	font-weight:200;
	text-transform:uppercase;
	margin:0 0 5px -4px;
	}
	
p, a, span, li, ul {
	font-size:13px;
	font-family:Source Sans Pro, Arial;
	font-weight:400;
	line-height:19px;
	margin:0;
	text-decoration:none;	
	}		
}	
/* Fin du responsive */	

	
.lienvideo {
	background:url("image/pictovideo.png") no-repeat 0 1px;
	background-size:20px;
	padding-left:26px;	
	color:#e83154;
	}	

.lienvideo:hover {
	background:url("image/pictovideo2.png") no-repeat 0 1px;
	background-size:20px;
	color:#ed7c92;
	}	
	
.lienvideo img {
	position:relative;
	top:4px;
	}
	
.phrase {
	position:absolute;
	margin-top:9px;
	transition:opacity 0.4s, margin-top 0.4s;
	-moz-transition:opacity 0.4s, margin-top 0.4s;
	-webkit-transition:opacity 0.4s, margin-top 0.4s;
	-ms-transition:opacity 0.4s, margin-top 0.4s;
 	-o-transition:opacity 0.4s, margin-top 0.4s;
	}	
	
.phrase.opacity {
	margin-top:40px;
	transition:none;
	-moz-transition:none;
	-webkit-transition:none;
	-ms-transition:none;
 	-o-transition:none;
	}	

.solutions .titre {
	border-bottom:solid 1px #000000;
	}

ul, li{
	list-style-type:none;
	margin:0;
	padding:0;
	}	


.galapagos li {
	width:42%;
	float:left;
	}	
	
.goutiere {
	margin-right:3%;
	}	
	
li {
	text-indent:-29px;
	margin-left:29px;
	}	
	
li img {
	width:23px;
	position:relative;
	top:7px;
	margin-right:6px;
	}	
	
li a {
	text-decoration:none;
	font-style: oblique;
	color:#000000;
	}	
	
li a:hover {
	color:#a19696;
	}		

.opacity {
	opacity:0;	
	}	

	
.element {
	position:absolute;
	transition:all 0.6s;
	-moz-transition:all 0.6s;
	-webkit-transition:all 0.6s;
 	-ms-transition:all 0.6s;
 	-o-transition:all 0.6s;
 	transition-delay:0.6s;
   	-moz-transition-delay:0.6s;
 	-webkit-transition-delay:0.6s;
 	-ms-transition-delay:0.6s;
 	-o-transition-delay:0.6s;	
	}	
	
.element.opacity {
 	transition-delay:0s !important;
   	-moz-transition-delay:0s !important;
 	-webkit-transition-delay:0s !important;
 	-ms-transition-delay:0s !important;
 	-o-transition-delay:0s !important;
	}		
	
.element img {
	width:100%;
	}	
	
.devant {
	z-index:5;
	}		

#nuage01 {
	top:30%;
	width:10%;
	animation:nuagea 170s infinite;
	-webkit-animation:nuagea 170s infinite;
	-moz-animation:nuagea 170s infinite;
	-ms-animation:nuagea 170s infinite;
	-o-animation:nuagea 170s infinite;
	}  
   
#nuage02 {
	top:30%;
	width:5%;
	animation:nuagea 210s infinite;
	-webkit-animation:nuagea 210s infinite;
	-moz-animation:nuagea 210s infinite;
	-ms-animation:nuagea 210s infinite;
	-o-animation:nuagea 210s infinite;
	}	    

@keyframes nuagea {
    from {left:110%;}
    to {left:-15%;}
    }

@-webkit-keyframes nuagea {
    from {left:110%;}
    to {left:-15%;}
    }
    
@-moz-keyframes nuagea {
    from {left:110%;}
    to {left:-15%;}
    }     
    
@-ms-keyframes nuagea {
    from {left:110%;}
    to {left:-15%;}
    }      
 
@-o-keyframes nuagea {
    from {left:110%;}
    to {left:-15%;}
    }    


#nuage03 {
	top:50%;
	width:10%;
	animation:nuageb 260s infinite;
	-webkit-animation:nuageb 260s infinite;
	-moz-animation:nuageb 260s infinite;	
	-ms-animation:nuageb 260s infinite;
	-o-animation:nuageb 260s infinite;
	}		

#nuage04 {
	top:50%;
	width:6%;
	animation:nuageb 300s infinite;
	-webkit-animation:nuageb 300s infinite;
	-moz-animation:nuageb 300s infinite;
	-ms-animation:nuageb 300s infinite;
	-o-animation:nuageb 300s infinite;		
	}	

@keyframes nuageb {
    from {left:160%;}
    to {left:-15%;}
    }   
    
@-webkit-keyframes nuageb {
    from {left:160%;}
    to {left:-15%;}
    }      
    
@-moz-keyframes nuageb {
    from {left:160%;}
    to {left:-15%;}
    }       
 
@-ms-keyframes nuageb {
    from {left:160%;}
    to {left:-15%;}
    }  
    
@-o-keyframes nuageb {
    from {left:160%;}
    to {left:-15%;}
    }      

#courant {
	top:84.2%;
	left:20%;
	width:6.7%;
	}
	
#thermometreocean {
	top:78.8%;
	left:18.8%;
	width:9%;
	transition-delay:0.9s;
	-moz-transition-delay:0.9s;
	-webkit-transition-delay:0.9s;
	-ms-transition-delay:0.9s;
	-o-transition-delay:0.9s;
	}		
	
#ecosystemegalapagos {
	bottom:0%;
	left:4.2%;
	width:21%;
	}

.iguanegrand {
	top:76%;
	left:13.9%;
	width:4.2%;
	}	

.iguanepetit {
	top:78.4%;
	left:14.5%;
	width:2.4%;
	transition-delay:1.3s;
	-moz-transition-delay:1.3s;
	-webkit-transition-delay:1.3s;
	-ms-transition-delay:1.3s;
	-o-transition-delay:1.3s;	
	}

#algue {
	top:81%;
	left:14%;
	width:4.7%;
	}

#interdependance {
	top:73.7%;
	left:13.3%;
	width:4%;
	transition-delay:2s;
	-moz-transition-delay:2s;
	-webkit-transition-delay:2s;
	-ms-transition-delay:2s;
	-o-transition-delay:2s;	
	}
		
#CO2 {
	top:73%;
	left:1.8%;
	width:5.3%;
	}

#absorber.opacity {
	top:69%;
	}

#absorber {
	top:72.6%;
	left:2%;
	width:4.5%;
	transition-delay:1.3s;
	-moz-transition-delay:1.3s;
	-webkit-transition-delay:1.3s;
	-ms-transition-delay:1.3s;
	-o-transition-delay:1.3s;	
	}
	
#acidification {
	top:85.5%;
	left:2.8%;
	width:2.7%;
	transition-delay:2s;
	-moz-transition-delay:2s;
	-webkit-transition-delay:2s;
	-ms-transition-delay:2s;
	-o-transition-delay:2s;	
	}		
	
#ecosystemeparamos {
	top:38%;
	left:37.6%;
	width:12.8%;
	}		
	
#altitudehaut {
	top:38.3%;
	left:50%;
	width:3.3%;
	transition-delay:1.3s;
	-moz-transition-delay:1.3s;
	-webkit-transition-delay:1.3s;
	-ms-transition-delay:1.3s;
	-o-transition-delay:1.3s;	
	}
	
#altitudehaut.opacity {
	left:47%;
	transition-delay:0s;	
	-moz-transition-delay:0s;
	-webkit-transition-delay:0s;
	-ms-transition-delay:0s;
	-o-transition-delay:0s;	
	}		
	
#altitudebas {
	top:62%;
	left:41%;
	width:4%;
	transition-delay:1s;
	-moz-transition-delay:1s;
	-webkit-transition-delay:1s;
	-ms-transition-delay:1s;
	-o-transition-delay:1s;	
	}		

#altitudebas.opacity {
	left:38%;
	transition-delay:0s;	
	-moz-transition-delay:0s;
	-webkit-transition-delay:0s;
	-ms-transition-delay:0s;
	-o-transition-delay:0s;		
	}
	
#fonctions {
	top:44.2%;
	left:46.3%;
	width:7%;
	}	
	
#fonctions.opacity {
	transition-delay:1.3s;	
	-moz-transition-delay:1.3s;
	-webkit-transition-delay:1.3s;
	-ms-transition-delay:1.3s;
	-o-transition-delay:1.3s;	
	}		

#thermometreparamos {
	top:40%;
	left:36.7%;
	width:4.6%;	
	}
	
#refuge1 {
	top:30%;
	left:44.1%;
	width:7.8%;	
	transition-delay:1s;
	-moz-transition-delay:1s;
	-webkit-transition-delay:1s;
	-ms-transition-delay:1s;
	-o-transition-delay:1s;		
	}		
	
#refuge2 {
	top:47.2%;
	left:37.45%;
	width:8%;	
	}	

#detteclimatique {
	top:36%;
	left:37.2%;
	width:4%;	
	}		

#courbes {
	top:28.5%;
	left:37.2%;
	width:4%;
	transition-delay:0.8s;
	-moz-transition-delay:0.8s;
	-webkit-transition-delay:0.8s;
	-ms-transition-delay:0.8s;
	-o-transition-delay:0.8s;		
	}	
	
#courbes.opacity {
	top:32%;
	transition-delay:0s;	
	-moz-transition-delay:0s;
	-webkit-transition-delay:0s;
	-ms-transition-delay:0s;
	-o-transition-delay:0s;
	}	

#consequences {
	top:44.17%;
	left:46.35%;
	width:6%;	
	transition-delay:1.5s;	
	-moz-transition-delay:1.5s;
	-webkit-transition-delay:1.5s;
	-ms-transition-delay:1.5s;
	-o-transition-delay:1.5s;	
	}				

#consequences.opacity {
	transition-delay:0s;	
	-moz-transition-delay:0s;
	-webkit-transition-delay:0s;
	-ms-transition-delay:0s;
	-o-transition-delay:0s;	
	}	
	
.ecosystemeglacier {
	top:19.2%;
	left:51.7%;
	width:15%;	
	}

.ecosystemeglacier.opacity{
	transition-delay:0.6s !important;
	-moz-transition-delay:0.6s !important;
	-webkit-transition-delay:0.6s !important;
	-ms-transition-delay:0.6s !important;
	-o-transition-delay:0.6s !important;	
	
	}	

.ecosystemeglacier {
	transition-delay:0.4s !important;
	-moz-transition-delay:0.4s !important;
	-webkit-transition-delay:0.4s !important;
	-ms-transition-delay:0.4s !important;
	-o-transition-delay:0.4s !important;	
	}
		
	
#glacier {
	top:18.5%;
	left:57.42%;
	width:7.45%;
	}	

#ecosystemeglacier4 {
	top:38.8%;
	left:57.8%;
	width:10%;
	}	
	
.macro {
	width:2.1%;
	}	
	

#macro-riviere {
	top:31.5%;
	left:62.2%;
	transition-delay:1.4s;
	-moz-transition-delay:1.4s;
	-webkit-transition-delay:1.4s;
	-ms-transition-delay:1.4s;
	-o-transition-delay:1.4s;		
	}
	
#macro-pluie {
	top:28.3%;
	left:55.5%;
	transition-delay:1.2s;
	-moz-transition-delay:1.2s;
	-webkit-transition-delay:1.2s;
	-ms-transition-delay:1.2s;
	-o-transition-delay:1.2s;	
	}
	
#macro-glacier1, #macro-glacier2 {
	top:23.8%;
	left:58.5%;
	transition-delay:1.3s;
	-moz-transition-delay:1.3s;
	-webkit-transition-delay:1.3s;
	-ms-transition-delay:1.3s;
	-o-transition-delay:1.3s;	
	}
	
#macro-riviere.opacity, #macro-pluie.opacity, #macro-glacier1.opacity{
	margin-top:10px;
	}						

#macro-concurence {
	top:30.5%;
	left:59.2%;
	transition-delay:2s;
	-moz-transition-delay:2s;
	-webkit-transition-delay:2s;
	-ms-transition-delay:2s;
	-o-transition-delay:2s;	
	}	

	
.macro-concurence {
	top:30.5% !important;
	left:59.2% !important;
	}				

#homogeneisation{
	top:26%;
	left:61.5%;
	width:4.3%;
	}	
	
#concurence {
	top:41%;
	left:57%;
	width:3.3%;
	}	

#masque {
	top:60.9%;
	left:77.7%;
	width:10%;
	}
	
#masque.opacity {
	top:75%;
	}	

.grenouilles.opacity {
	margin-top:50px;
	}	

#grenouille1 {
	top:74%;
	left:81.5%;
	width:4%;
	}	
	
#grenouille1.saut {	
	animation:saut 0.5s 1 linear;
	-moz-animation:saut 0.5s 1 linear;
	-webkit-animation:saut 0.5s 1 linear;
	-ms-animation:saut 0.5s 1 linear;
	-o-animation:saut 0.5s 1 linear;
	animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	-webkit-animation-fill-mode:forwards;
	-ms-animation-fill-mode:forwards;
	-o-animation-fill-mode:forwards;
	}	
	
@keyframes saut {
    0% {	
    	top:74%;
		left:81.5%;}

	40% {
    	transform: rotate(-2deg);
    	top:59%;
		left:77%;
	}

	60% {
    	transform: rotate(-5deg);
    	top:54%;
		left:73%;
	}
	
	70% {
    	transform: rotate(5deg);
    	top:53.7%;
		left:72.8%;
	}	

    95% {
    	transform: rotate(29deg);
	   	top:57%;
		left:72.3%;
    	}	

    100% {
    	transform: rotate(29deg);
	   	top:56.6%;
		left:72.3%;
    	}
    }		

@-moz-keyframes saut {
    0% {	
    	top:74%;
		left:81.5%;}

	40% {
    	-moz-transform: rotate(-2deg);
    	top:59%;
		left:77%;
	}

	60% {
    	-moz-transform: rotate(-5deg);
    	top:54%;
		left:73%;
	}
	
	70% {
    	-moz-transform: rotate(5deg);
    	top:53.7%;
		left:72.8%;
	}	

    95% {
    	-moz-transform: rotate(29deg);
	   	top:57%;
		left:72.3%;
    	}	

    100% {
    	-moz-transform: rotate(29deg);
	   	top:56.6%;
		left:72.3%;
    	}
    }	

@-webkit-keyframes saut {
    0% {	
    	top:74%;
		left:81.5%;}

	40% {
    	-webkit-transform: rotate(-2deg);
    	top:59%;
		left:77%;
	}

	60% {
    	-webkit-transform: rotate(-5deg);
    	top:54%;
		left:73%;
	}
	
	70% {
    	-webkit-transform: rotate(5deg);
    	top:53.7%;
		left:72.8%;
	}	

    95% {
       	-webkit-transform: rotate(29deg);
	   	top:57%;
		left:72.3%;
    	}	

    100% {
       	-webkit-transform: rotate(29deg);
	   	top:56.6%;
		left:72.3%;
    	}
}
 
@-ms-keyframes saut {
    0% {	
    	top:74%;
		left:81.5%;}

	40% {
    	-ms-transform: rotate(-2deg);
    	top:59%;
		left:77%;
	}

	60% {
    	-ms-transform: rotate(-5deg);
    	top:54%;
		left:73%;
	}
	
	70% {
    	-ms-transform: rotate(5deg);
    	top:53.7%;
		left:72.8%;
	}	

    95% {
    	-ms-transform: rotate(29deg);
	   	top:57%;
		left:72.3%;
    	}	

    100% {
    	-ms-transform: rotate(29deg);
	   	top:56.6%;
		left:72.3%;
    	}
    }	

@-o-keyframes saut {
    0% {	
    	top:74%;
		left:81.5%;}

	40% {
    	-o-transform: rotate(-2deg);
    	top:59%;
		left:77%;
	}

	60% {
    	-o-transform: rotate(-5deg);
    	top:54%;
		left:73%;
	}
	
	70% {
    	-o-transform: rotate(5deg);
    	top:53.7%;
		left:72.8%;
	}	

    95% {
    	-o-transform: rotate(29deg);
	   	top:57%;
		left:72.3%;
    	}	

    100% {
    	-o-transform: rotate(29deg);
	   	top:56.6%;
		left:72.3%;
    	}
    }	
 
#grenouille2 {
	top:77.2%;
	left:86.7%;
	width:3.2%;
	transition-delay:0.8s;
	-moz-transition-delay:0.8s;
	-webkit-transition-delay:0.8s;
	-ms-transition-delay:0.8s;
	-o-transition-delay:0.8s;	
	}
	
#grenouille3 {
	top:76.8%;
	left:90.7%;
	width:4.4%;
	transition-delay:1s;	
	-moz-transition-delay:1s;
	-webkit-transition-delay:1s;
	-ms-transition-delay:1s;
	-o-transition-delay:1s;	
	}	
	
#croix {
	top:76%;
	left:91.8%;
	width:2.4%;
	}	
	
#bulle {
	top:69%;
	left:85.3%;
	width:2%;
	transition-delay:0.8s;	
	-moz-transition-delay:0.8s;
	-webkit-transition-delay:0.8s;
	-ms-transition-delay:0.8s;
	-o-transition-delay:0.8s;	
	}
	
#bulle.opacity {
	top:72%;
	left:86%;
	width:1%;	
	}			
	
#extinction {
	top:71.5%;
	left:93.5%;
	width:2.5%;
	transition-delay:1s;	
	-moz-transition-delay:1s;
	-webkit-transition-delay:1s;
	-ms-transition-delay:1s;
	-o-transition-delay:1s;	
	}	
	
#migration {
	top:55%;
	left:76%;
	width:2.6%;
	transition-delay:1s;	
	-moz-transition-delay:1s;
	-webkit-transition-delay:1s;
	-ms-transition-delay:1s;
	-o-transition-delay:1s;	
	}	
	
#fragmentation {
	top:65.5%;
	left:78.7%;
	width:6.5%;
	transition-delay:1.4s;	
	-moz-transition-delay:1.4s;	
	-webkit-transition-delay:1.4s;	
	-ms-transition-delay:1.4s;	
	-o-transition-delay:1.4s;		
	}
	
#exposition{
	top:59%;
	left:92.56%;
	width:2.1%;		
	}	
	
#sensibilite{
	top:68.2%;
	left:88.4%;
	width:2.45%;
	}		

#sensibilite-cercle{
	top:60.6%;
	left:86.8%;
	width:5.7%;
	}	
	
#exposition-cercle{
	top:55%;
	left:92%;
	width:3.2%;		
	}		

#exposition-cercle.big{
	top:44.5%;
	left:88.3%;
	width:11%;	
	transition-delay:0s;	
	-moz-transition-delay:0s;	
	-webkit-transition-delay:0s;	
	-ms-transition-delay:0s;	
	-o-transition-delay:0s;	
	}		

#vulnerabilite{
	top:60.58%;
	left:88.31%;
	width:4.25%;		
	}	
	
#vulnerabilite.opacity{
	transition-delay:1.2s;	
	-moz-transition-delay:1.2s;	
	-webkit-transition-delay:1.2s;	
	-ms-transition-delay:1.2s;	
	-o-transition-delay:1.2s;		
	}				

#conclusion{
	z-index:40;
	position:relative;
	top:40px;
	width:900px;
	margin:0 auto;
	padding:30px;
	background:url(image/filet.gif) no-repeat #ffffff;
	background-position:bottom;
	background-size:100%;
	transition:all 0.8s;
	-moz-transition:all 0.8s;
	-webkit-transition:all 0.8s;
 	-ms-transition:all 0.8s;
 	-o-transition:all 0.8s;
 	transition-delay:1.5s;
	-moz-transition-delay:1.5s;	
	-webkit-transition-delay:1.5s;	
	-ms-transition-delay:1.5s;	
	-o-transition-delay:1.5s;	 	
 	font-size:13px;
	font-family:Source Sans Pro, Arial;
	font-weight:400;
	line-height:19px;
	}
	
#conclusion.opacity{
	transition-delay:0s;
	-moz-transition-delay:0s;	
	-webkit-transition-delay:0s;	
	-ms-transition-delay:0s;	
	-o-transition-delay:0s;		
	z-index:-10;
	}		

#conclusion h3 {
	text-align:center;
	margin:25px 0 65px 0;
 	font-size:45px;
	line-height:58px;	
	}	

table{
	border-collapse:collapse;		
	}

table a {
	color:#000000;
 	font-size:13px;
	font-weight:400;
	line-height:19px;
	background:url("image/pictovideo8.png") no-repeat 0 2px;
	background-size:16px;
	padding-left:20px;		
	}
	
table a:hover {
	color:#a19696;
	background:url("image/pictovideo9.png") no-repeat 0 2px;
	background-size:16px;
	}	

.t-head{
	text-align:center;
	color:#ffffff;	
	padding:1px 4px;
	margin:0 2px;
	border-right:solid 3px #ffffff;		
	
	}	

td img {
	width:30px;
	}
	
td {
	width:185px;
	padding:10px;
	vertical-align:top;
	}	

td:first-child {
	width:75px;
	text-align:center;	
	vertical-align:middle;
	}

	
.fond-sable {	
	background-color:#fafaf9;	
	}	
	
#t-sol {
	background-color:#000000;
	}	

#t-gal {
	background-color:#2c7dc7;
	}	

#t-par {
	background-color:#afda9b;
	}	
	
#t-gla {
	background-color:#76d2eb;
	}	
	
#t-for {
	background-color:#289f43;
	}				

#signature-cop {
	margin:70px 0 60px 0;
	text-align:center;
	}
	
#signature-cop img {
	width:8%;

	}	
	
h4 {
	font-size:16px;
	line-height:25px;
	font-weight:bold;
	}	
	

	
.bloc-credit {
	border-top:solid 1px #000000;
	float:left;
	margin-top:20px;
	font-size:11px;
	line-height:17px;	
	}	

.remerciement {
	width:160px;
	margin-right:40px;
	}	

	
.liens {
	width:400px;
	margin-right:40px;
	margin-bottom:80px;
	}	

.partenaires {
	width:260px;

	}

.partenaires img {
	width:96%;	
	}

		
.partenaires a{
	font-size:11px;
	line-height:17px;
	color:#000000;
	}	
	
.partenaires a:hover{
	color:#a19696;
	}				
	
h5 {
	font-family:Source Sans Pro, Arial;
	font-size:19px;
	line-height:22px;	
	font-weight:200;
	text-transform:uppercase;
	margin:10px 0;
	}		
	
.liens a {
	font-size:11px;
	line-height:17px;
	background:url(image/pictovideo8.png) no-repeat 0 1px;
	background-size:16px;
	padding-left:22px;
	color:#000000;
	}	
	
.liens a:hover {
	background:url(image/pictovideo9.png) no-repeat 0 1px;
	background-size:16px;
	color:#a19696;
	}		
	
#retour {
	clear:both;
	width:130px;
	margin:0 auto;
	background-color:#000000;
	text-align:center;
	margin-bottom:50px;
	}	

#retour a {
	color:#ffffff;
	font-size:13px;
	}	
	
.zone{
	width:23%;
	z-index:30;
	cursor:pointer;
	}	
	
.zone.opacity {
	top:-100% !important;
	}	
	
#zone1 {
	top:64%;
	left:2.5%;
	}	
	
#zone2 {
	top:25%;
	left:29%;
	}		

#zone3 {
	top:10%;
	left:50%;
	}	
	
#zone4 {
	top:50%;
	left:74%;
	}		

#wrapvideo {
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:50;
	background:rgba(0,0,0,0.6);
	}	

#wrapvideo.opacity {
	top:-120%;
	}		
	
#boitevideo {
	position:relative;
	top:50px;
	width:874px;
	height:340px;
	margin:0 auto;
	background-color:#ffffff;
	}		
	
#video {
	width:562px;
	height:316px;
	float:left;
	padding:12px 0 12px 12px;
	background:url("image/chargement.png") no-repeat;
	background-size:3%; 
	background-position:center;	
	}	
	
#legende {
	width:260px;
	padding:20px;
	float:right;
	font-size:13px;
	font-family:Source Sans Pro, Arial;
	font-weight:400;
	line-height:19px;
	margin:0;
	text-decoration:none;	
	}

#fermer {
	position:absolute;
	top:8px;
	right:8px;
	cursor:pointer;
	width:18px;
	}
	
iframe {
	width:100%;
	height:100%;	
	}	
	
.phrase .lb {
	background:url("image/pictovideo8.png") no-repeat 0 3px;
	background-size:16px;
	padding-left:20px;
	}	
	
.phrase .lb:hover {
	background:url("image/pictovideo9.png") no-repeat 0 3px;
	background-size:16px;
	}