/* Auteur du developpement sur-mesure pour Ultra Sports Science : Herve Augoyat - https://www.ah-book.com */
/* Toutes copies ou modifications interdites dans l'accord de l'auteur. */


#testeur {position:fixed; z-index:9999; bottom:0px; left:0; padding:0.7em; background-color:#333; opacity:0.5; font-size:0.6em; letter-spacing:0.1em; display:inline-block; font-family:Arial, Helvetica, sans-serif; color:#FFF; display:inline-block; display:none}
	 
#load {display: none}
.H #load {display:block; width:50px; height:auto; /*height:12.5px*/ position:fixed; z-index:1001; top:50%; margin-top:-6px; left:50%; margin-left:-25px;}

html {font-size: 100%; height:100%; width:100%; -webkit-font-smoothing: antialiased;text-rendering: optimizeLegibility;overscroll-behavior: none;
position: relative}


@font-face {font-family:'BN';font-style: normal;font-weight:400;
  src: url('../Fontes/bebas-neue-400.eot'); 
  src: local(''),
       url('../Fontes/bebas-neue-400.eot?#iefix') format('embedded-opentype'),
	   url('../Fontes/bebas-neue-400.woff2') format('woff2'), 
       url('../Fontes/bebas-neue-400.woff') format('woff'), 
       url('../Fontes/bebas-neue-400.ttf') format('truetype'); }


@font-face {font-family:'gloriaH';font-style: normal;font-weight:400;
  src: url('../Fontes/gloria-hallelujah-400.eot'); 
  src: local(''),
       url('../Fontes/gloria-hallelujah-400.eot?#iefix') format('embedded-opentype'),
	   url('../Fontes/gloria-hallelujah-400.woff2') format('woff2'), 
       url('../Fontes/gloria-hallelujah-400.woff') format('woff'), 
       url('../Fontes/gloria-hallelujah-400.ttf') format('truetype'); }


@font-face {font-family:'kum';font-style: normal;font-weight: 300;
  src: url('../Fontes/kum-300.eot'); 
  src: local(''),
       url('../Fontes/kum-300.eot?#iefix') format('embedded-opentype'),
	   url('../Fontes/kum-300.woff2') format('woff2'), 
       url('../Fontes/kum-300.woff') format('woff'), 
       url('../Fontes/kum-300.ttf') format('truetype'); }


@font-face {font-family:'kum';font-style: normal;font-weight: 400;
  src: url('../Fontes/kum-400.eot'); 
  src: local(''),
       url('../Fontes/kum-400.eot?#iefix') format('embedded-opentype'),
	   url('../Fontes/kum-400.woff2') format('woff2'), 
       url('../Fontes/kum-400.woff') format('woff'), 
       url('../Fontes/kum-400.ttf') format('truetype'); }

@font-face {font-family:'kum';font-style: normal;font-weight: 500;
  src: url('../Fontes/kum-500.eot'); 
  src: local(''),
       url('../Fontes/kum-500.eot?#iefix') format('embedded-opentype'),
	   url('../Fontes/kum-500.woff2') format('woff2'), 
       url('../Fontes/kum-500.woff') format('woff'), 
       url('../Fontes/kum-500.ttf') format('truetype'); }

@font-face {font-family:'kum';font-style: normal;font-weight: 600;
  src: url('../Fontes/kum-600.eot'); 
  src: local(''),
       url('../Fontes/kum-600.eot?#iefix') format('embedded-opentype'),
	   url('../Fontes/kum-600.woff2') format('woff2'), 
       url('../Fontes/kum-600.woff') format('woff'), 
       url('../Fontes/kum-600.ttf') format('truetype'); }

@font-face {font-family:'kum';font-style: normal;font-weight: 700;
  src: url('../Fontes/kum-700.eot'); 
  src: local(''),
       url('../Fontes/kum-700.eot?#iefix') format('embedded-opentype'),
	   url('../Fontes/kum-700.woff2') format('woff2'), 
       url('../Fontes/kum-700.woff') format('woff'), 
       url('../Fontes/kum-700.ttf') format('truetype'); }


/*@font-face { font-family:'BN'; src: url('../Fontes/BN.eot'); src: url('../Fontes/BN.eot?#iefix') format('embedded-opentype'), url('../Fontes/BN.ttf') format('truetype'); font-weight:400;font-style:normal;}
@font-face { font-family:'TTN'; src: url('../Fontes/TTN-lig.eot'); src: url('../Fontes/TTN-lig.eot?#iefix') format('embedded-opentype'), url('../Fontes/TTN-lig.ttf') format('truetype'); font-weight:300;font-style:normal;}
@font-face { font-family:'kum'; src: url('../Fontes/TTN-reg.eot'); src: url('../Fontes/TTN-reg.eot?#iefix') format('embedded-opentype'), url('../Fontes/TTN-reg.ttf') format('truetype'); font-weight:400;font-style:normal;}
@font-face { font-family:'kum'; src: url('../Fontes/TTN-med.eot'); src: url('../Fontes/TTN-med.eot?#iefix') format('embedded-opentype'), url('../Fontes/TTN-med.ttf') format('truetype'); font-weight:500;font-style:normal;}
@font-face { font-family:'kum'; src: url('../Fontes/TTN-bol.eot'); src: url('../Fontes/TTN-bol.eot?#iefix') format('embedded-opentype'), url('../Fontes/TTN-bol.ttf') format('truetype'); font-weight:600;font-style:normal;}
@font-face { font-family:'CH'; src: url('../Fontes/CH.eot'); src: url('../Fontes/CH.eot?#iefix') format('embedded-opentype'), url('../Fontes/CH.ttf') format('truetype'); font-weight:400;font-style:normal;}*/


body {font-size: 1em; color:#000; font-family: 'kum', sans-serif; margin:0; font-weight:400; height:100%; width:100%; position:relative; background-color:#fff;
font-variant-ligatures: no-common-ligatures;
-webkit-user-select: none; -moz-user-select: none;  -khtml-user-select: none; -ms-user-select: none; }


body {font-size: 1.5em}  #logo {width:535px}

@media screen and (max-width: 2700px) {  
	body {font-size: 1.4em}  #logo {width:500px}
}

@media screen and (max-width: 2500px) {  
	body {font-size: 1.3em}  #logo {width:464px}
}

@media screen and (max-width: 2300px) {  
	body {font-size: 1.2em} #logo {width:428px} 
}
@media screen and (max-width: 2100px) {  
	body {font-size: 1.1em}  #logo {width:392px}
}
@media screen and (max-width: 1950px) {  
	body {font-size: 1em}  #logo {width:357px}
}


* { outline: none;}
.ret {clear:both; width:0; height:0; line-height:0; margin:0; padding:0; float:none}
img {display:block}
a img {border:none}
a {outline:none; border:none; text-decoration:none}
ul {margin:0; padding:0; list-style:none}
ul li {margin:0; padding:0}
h1, h2, h3, h4 {padding:0; margin:0; font-size:1em; font-weight:normal; line-height:1.1em}
sup {font-size: 0.55em; line-height: 1em}
svg {width: 100%; height: 100%; display: block}

/*#logoMob, #menuM, #hautMob #menuM {display:none}
#menuMob {display:none} */
#menuM, #logoMob, #logonavmob, #ligneMOB, #logohautmob {display:none}
#MOB {display:none}
#MOB2 {display:none} 
#MOB3 {display: none}

.calExt{} .cal {position: absolute; top:0; left:0; width: 100%}
.H .cal {width: auto; height: auto}
.calExt2{} .cal2 {position: absolute; top:0; left:0; width: 100%}
.H .cal2 {width: auto; height: auto}

.Texteselect {-webkit-user-select:text; -moz-user-select:text;  -khtml-user-select:text; -ms-user-select:text}

.H .ano0 {visibility: hidden}
.H .anSY0, .H .anSY0 b {transform-origin: 0 0}
.H .anSX1 {transform-origin:0 0 }
.H .anSX2 {transform-origin:50% 50% }
.H .anS1 {transform-origin:50% 50% }
.H .anS2 {visibility: hidden; transform-origin:50% 50% }
.H .anS3 {visibility: hidden; transform-origin:50% 50% }
.H .anyMini {visibility: hidden; transform-origin: 0 0}
.H .any1, .H .any2, .H .ani {visibility: hidden; transform-origin: 50% 50% }
.H .anyA, .H .anyB, .H .anyC, .H .anyD, .H .anyE, .H .anyF {visibility: hidden; transform-origin: 50% 50% }
.H .anCL0 {overflow: hidden; position: relative; transform-origin: 0 0}

.coulIci01{fill:#1b1b1b;}
.coulIci02{fill:#0c892f;}
.coulIci03 {fill:#fff}
.coulIci04 {fill:#ffde59}
.coulIci05 {fill:#6500cd}

.margNewH1 {margin-top:1em} .paddNewH1 {padding-top:1em} .margNewB1 {margin-bottom:1em} .paddNewB1 {padding-bottom:1em}
.margNewH2 {margin-top:2em} .paddNewH2 {padding-top:2em} .margNewB2 {margin-bottom:2em} .paddNewB2 {padding-bottom:2em}
.margNewH3 {margin-top:3em} .paddNewH3 {padding-top:3em} .margNewB3 {margin-bottom:3em} .paddNewB3 {padding-bottom:3em}
.margNewH4 {margin-top:4em} .paddNewH4 {padding-top:4em} .margNewB4 {margin-bottom:4em} .paddNewB4 {padding-bottom:4em}
.margNewH5 {margin-top:5em} .paddNewH5 {padding-top:5em} .margNewB5 {margin-bottom:5em} .paddNewB5 {padding-bottom:5em}
.margNewH7 {margin-top:7em} .paddNewH7 {padding-top:7em}
.margNewH10 {margin-top:10em} .paddNewH10 {padding-top:10em} .margNewB10 {margin-bottom:10em} .paddNewB10 {padding-bottom:10em}
.margNewH12 {margin-top:12em} .paddNewH12 {padding-top:12em}
.margNewH15 {margin-top:15em} .paddNewH15 {padding-top:15em} .margNewB15 {margin-bottom:15em} .paddNewB15 {padding-bottom:15em}


#remonte {width:50px; height:50px; background-color:#fff; position:fixed; bottom:15px; right:15px; z-index:9995; 
		visibility:hidden; overflow:hidden; cursor:pointer; border-top-left-radius:12px; border-radius:12px;
		box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.05);}
		#remonte b {width:100%; display: block; position:absolute; top:0%; left:0%; display:block;transform-origin: 50% 50%;}
.H #remonte {visibility: hidden}

#linkedin {width:50px; height:50px; background-color:#fff; position:fixed; bottom:15px; right:75px; z-index:9995; 
		visibility:hidden; overflow:hidden; cursor:pointer; border-top-left-radius:12px; border-radius:12px;
		box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.05); display: block}
		#linkedin b {width:100%; display: block; position:absolute; top:0%; left:0%; display:block;transform-origin: 50% 50%;}
		#linkedin b img {width: 100%; height: 100%; display: block}
.H #linkedin {visibility: hidden}

#btDON { display: block; width:auto; height:50px; background-color:#0b9345; position:fixed; bottom:15px; right:135px; z-index:9995;
		visibility:hidden; overflow:hidden; cursor:pointer; border-radius:12px;
		box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.05); }
		#btDON b { display: inline-block; padding-top:15px; padding-bottom:15px; padding-left:20px; padding-right:20px; transform-origin: 50% 50%; font-size:16px; color:#fff; font-weight: 600; }
.H #btDON {visibility: hidden}


#mentions {position:fixed; bottom:2em; right:1em; z-index:600; font-size:0.85em; color:#9b9b9b}
		.H #mentions {visibility:hidden}
	
	#langues {position:fixed; bottom:15px; right:15px; z-index:900; display:block}
		#langues a {display:block; float:left; margin-left:10px; width:45px}
		#langues a img {width:100%; display:block}
	.H #langues {visibility:hidden}


.curseur{ width: 30px; height: 30px; z-index: 99999; background:#93bc1f; opacity:0.9; visibility: hidden; transform-origin: 50% 50%;
	border-radius: 50%; position: fixed; top:100%;  left:50%; margin-left: -12px; margin-top:-12px; /*transform: translate(-50%, -50%);*/ 
	pointer-events: none;
	-webkit-mix-blend-mode: multiply; -moz-mix-blend-mode: multiply; -o-mix-blend-mode: multiply; -ms-mix-blend-mode: multiply; mix-blend-mode:multiply;}

#nav { width:100%; padding-top:2em; padding-bottom: 0.5em; position:fixed; z-index: 5; background-color: #fff}
	#logo {/*width:357px;*/ height:auto; display:block; /*margin-left:68px*/ margin-left:5%}
		#logo img {width:100%;}
		.H #logo {visibility:hidden}
	
	#menu {/*padding-left:475px;*/ margin-left:20%; padding-top:2em; display: block}
		#menu li {float:left; margin-right:1em; display:inline-block; line-height:1em}
			#menu .m {color:#242424; line-height: 1.2em; font-size:0.95em; display:inline-block; cursor:pointer; padding-left:1.4em; padding-right:1.4em; padding-top: 0.8em; padding-bottom: 0.8em; border-radius:80px; letter-spacing: -0.02em; position: relative}
			#menu .m strong {line-height:1.4em; font-size: 1.4em; display:inline-block; font-weight:500; position:relative; z-index: 2}
			#menu li a i { display: block; position: absolute; top: 50%; left:0em; margin-top: -0.3em; width:0.6em; height:0.6em; 
				background-color: #dbdbdb; z-index: 1; border-radius:30px; transform-origin:50% 50%}
			.H #menu .m {visibility:hidden}

			/*#menu .mactif { padding-left: 2.9em; padding-right: 0; color:#0c892f}
			#menu .mactif i {width:2.4em; background-color:#0c892f}*/


		
	#nav #bts {position:absolute; right:5%; top:2em; z-index:900}

	#planifier {display: inline-block; position:relative; z-index: 900; border-radius: 80px; background-color:#0b9345; border:2px solid #0b9345; 
		font-size: 1.2em;font-family: 'BN', cursive;color:#fff; line-height:1.2em; font-weight:400; 
		padding-top: 0.5em; padding-bottom: 0.5em; padding-right: 3em; padding-left: 1.3em}
	#planifier strong { font-weight: 500; font-size: 1.05em; display: inline-block; position: relative; z-index: 2; letter-spacing: 0.09em;
		padding-top: 0.1em}
	#planifier b { position: absolute; z-index: 1; top: 50%; right: 0.5em; margin-top: -0.8em; width:1.6em; height:1.6em; background-color:#fff; 
			border-radius: 50%; transform-origin: 50% 50%; overflow: hidden}
	#planifier b span {position: relative; width: 100%; height: 100%; overflow: hidden; display: block; border-radius: 50%;}
	#planifier b span i {position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; border-radius:50%}
	#planifier b svg {transform-origin: 50% 50%}
	.H #planifier {visibility: hidden}

	#planifier2 {display: inline-block; position:relative; z-index: 900; border-radius: 80px; background-color:#0b9345; border:2px solid #0b9345; 
		font-size: 1.2em;font-family: 'BN', cursive; color:#fff; line-height:1.2em; font-weight:400; 
		padding-top: 0.5em; padding-bottom: 0.5em; padding-right: 3em; padding-left: 1.3em; margin-right: 1em}
	#planifier2 strong { font-weight: 500; font-size: 1.05em; display: inline-block; position: relative; z-index: 2; letter-spacing: 0.09em;
		padding-top: 0.1em}
	#planifier2 b { position: absolute; z-index: 1; top: 50%; right: 0.5em; margin-top: -0.8em; width:1.6em; height:1.6em; background-color:#fff; 
			border-radius: 50%; transform-origin: 50% 50%; overflow: hidden}
	#planifier2 b span {position: relative; width: 100%; height: 100%; overflow: hidden; display: block; border-radius: 50%;}
	#planifier2 b span i {position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; border-radius:50%}
	#planifier2 b svg {transform-origin: 50% 50%}
	.H #planifier2 {visibility: hidden}

/*
	#planifier2 {display: inline-block; position:relative; z-index: 900; border-radius: 80px; background-color:#fff; border:2px solid #0b9345; 
		font-size: 1.2em;font-family: 'BN', cursive; color:#0b9345; line-height:1.2em; font-weight:400; 
		padding-top: 0.7em; padding-bottom: 0.7em; padding-right: 3.2em; padding-left: 1.5em; margin-right: 1em}
	#planifier2 strong { font-weight: 500; font-size: 1.15em; display: inline-block; position: relative; z-index: 2; letter-spacing: 0.07em;
		padding-top: 0.1em}
	#planifier2 b { position: absolute; z-index: 1; top: 50%; right: 0.5em; margin-top: -0.95em; width:1.9em; height:1.9em; background-color:#0b9345; 
			border-radius: 50%; transform-origin: 50% 50%; overflow: hidden}
	#planifier2 b span {position: relative; width: 100%; height: 100%; overflow: hidden; display: block; border-radius: 50%;}
	#planifier2 b span i {position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; border-radius:50%}
	#planifier2 b svg {transform-origin: 50% 50%}
	.H #planifier2 {visibility: hidden}*/

.margeHnavigation {width: 100%; height:165px;/*js*/ background-color: #fff}

#bande {height:5px; width:100%;  background-color: rgba(10, 147, 69, 0.2)}

	
	
			


/*bas*/
#bas {background-color:#000; padding:8em 0 8em 0; width:100%; -webkit-user-select:text; -moz-user-select:text; -khtml-user-select:text; -ms-user-select:text;}
/*.H #bas {visibility:hidden}*/
	#bas1 {margin-left:17%; float:left; display:inline-block}
		#bas1 h3 {color:#e6e6e6; font-size:1.7em; font-weight:500; letter-spacing:0.03em; line-height:1.4em; position:relative; overflow:visible}
			#bas1 h3 i {background-color:#e6e6e6; height:1px; width:93px; position:absolute; bottom:0.2em; left:-120px}		
		#bas1 p {color:#7b7b7b; font-size:1.05em; line-height:1.5em; margin-top:2em; font-weight:400}	
			#bas1 p strong {color:#e6e6e6; font-weight:400}	
			
	/*#bas2 {background-color:#03F} #bas3 {background-color:#036} #bas4 {background-color:#333}*/
	
	#bas2, #bas3, #bas4 { display:inline-block; float:left; font-size:1.05em; line-height:1.5em}	
	#bas2 {margin-left:8%}	 #bas3, #bas4 {margin-left:5%}
		#bas2 strong, #bas3 strong, #bas4 strong {color:#e6e6e6; padding-top:1em; padding-left:1em; padding-right:1em; display:block;font-weight:400 }
		#bas2 ul, #bas3 ul, #bas4 ul {margin-top:2em;}
		#bas2 li, #bas3 li, #bas4 li { display:block; padding-left:1em; padding-right:1em;}
		#bas1 a, #bas2 a, #bas3 a, #bas4 a, #bas4 span { color:#7b7b7b; padding:0.3em 0 0.3em 0; display:inline-block;}
		
		
		
		
		
#pageComplete {position: relative; z-index:1; width: 100%; height: auto; overflow: hidden}
	.H #pageComplete {visibility:hidden; }		
				
/*accueil*/
#temps {width:100%; position:fixed; bottom:0; left:0; height:8px; background-color:#0f9536; z-index:600; transform-origin: 0 0}
.H #temps {visibility: hidden}

#accueil {width:100%; position:relative; z-index:10}

	#slider {margin-left:0%; width:auto; overflow:visible; position:relative; padding-bottom:100px }
		#filet1 {background-color:#ebebeb; height:2px;  display: block; margin-left:20%; margin-bottom:1em; transform-origin:0 0}
		.H #filet1 {visibility:hidden}
		
		#slideimg {width:auto; margin-left:20%}
			#simg1 {width:55%; float:left; overflow:hidden; position:relative}
			#simg2 {width:45%; float:right; overflow:hidden; position:relative}
				#slideimg img { position:relative; width:100%}
				.H #slideimg img {display:block; position:absolute; top:50%; left:50%}
				.H #simg1 img {width:1595px; height:1000px; margin-left:-797px; margin-top:-500px; transform-origin:50% 50%}
				.H #simg2 img {width:1305px; height:1000px; margin-left:-652px; margin-top:-500px; transform-origin:50% 50%}
				
				.H #slideimg img {visibility:hidden}
		
		.slidetxt {position:relative}		
		.H .slidetxt {position:absolute; top:0; left:5%; font-size:2.4em; display:block; /*width:100%*/}
			.sp1 {background-color:#0b9345; color:#FFF; padding:0.4em 0.5em; font-weight:300; display:inline-block}
			.sp2 {background-color:#fff; color:#171717; padding:0.4em 0.5em; font-weight:500; display:inline-block}
			.H .sp1, .H .sp2 {visibility:hidden}
		
		#btS1 { border:solid 2px #BBBBBB; width:16px; border-radius:16px; height:28px; bottom:50px; left:50%; margin-left:-10px; position:absolute; z-index:903}
		#btS2 { background-color:#BBBBBB; width:2px; border-radius:2px; height:6px; bottom:60px; left:50%; margin-left:-1px; position:absolute; z-index:903}
		#btS3 {width:200px; display:inline-block; color:#8F8F8F; text-align:center; position:absolute; bottom:20px; left:50%; margin-left:-100px; 
		font-size:0.9em; letter-spacing:0.04em; z-index:902; font-weight:400}
			.H #btS1, .H #btS2, .H #btS3 {visibility:hidden}	



	
	
	.don { background-color:#191919; padding:10em 0 15em 0; overflow:hidden; position: relative; z-index: 1}
	.fonddon1 {background-image:url(../Images/faire-un-don-sport-ultra-trail-endurance.jpg); background-repeat:no-repeat; background-position:50% 50%; background-size:cover;  padding:13em 0 10em 0}
	.fonddon2 {background-image:url(../Images/faire-un-don-sport-ultra-trail-endurance-2.jpg); background-repeat:no-repeat; background-position:50% 50%; background-size:cover;  padding:13em 0 10em 0}
	/*.H .don {visibility:hidden}*/
		.don h2 {color:#fff; font-size:3.6em; font-weight:400; line-height:1.2em; position:relative; margin-left:20%; overflow:visible}
			.don h2 i {background-color:#FFF; height:1px; width:93px; position:absolute; bottom:0.2em; left:-120px}
		.don p {margin:0; padding:0; margin-top:3em; margin-left:25%; color:#fff; font-size:2em; font-weight:400; line-height:1.8em; letter-spacing:0.02em; }
			.don p strong {font-weight:400; position:relative; display:inline-block}
			.don p strong i { position:absolute; width:100%; height:3px; background-color:#0a9345; bottom:2px; left:0}
		.btdon {margin-left:24%; display:inline-block; font-family: 'BN', cursive; color:#FFF; margin-top:2em; font-size:2.2em; letter-spacing:0.13em}
			.btdon img {display:block; width:3.5em; height:auto; float:left}
			.btdon span {display:inline-block; padding-top:2em; float:left; line-height:1.6em; margin-left:0.5em; position:relative}
			.btdon span i{ position:absolute; width:0; height:3px; background-color:#0a9345; bottom:0px; left:0}
		
		.donB {display:block; width:100%; text-align:center; margin-top:3em;}
		.donBint {display:inline-block; width:auto}
			
			.btdonB1 {display:inline-block; float:left; font-family: 'BN', cursive; color:#FFF; font-size:2.1em; letter-spacing:0.13em}
				.btdonB1 img {display:inline-block; width:3.5em; height:auto}
				.btdonB1 span {display:block; padding-top:0.5em; line-height:1.6em; position:relative}
				.btdonB1 span i{ position:absolute; width:100%; height:3px; background-color:#0a9345; bottom:0px; left:0}
			
			.ou {display:inline-block; float:left;color:#ababab; font-size:1.4em; padding:7em 3em 0 3em}
				
			.btdonB2 {display:inline-block; float:left; font-family: 'BN', cursive; color:#FFF; font-size:2.1em; letter-spacing:0.13em}
				.btdonB2 img {display:inline-block; width:3.5em; height:auto}
				.btdonB2 span {display:block; padding-top:0.5em; line-height:1.6em; position:relative}
				.btdonB2 span i{ position:absolute; width:100%; height:3px; background-color:#0a9345; bottom:0px; left:0}		
				
	.video {position:relative; cursor:pointer}
	.videofull {width:100%}
	.videodemi {width:60%; margin:0 auto}
		.playvideo {width:6em; height:auto; display:block; position:absolute; top:50%; left:50%; margin-top:-3em; margin-left:-3em; z-index:9001}
		.video video {width: 100%; height: auto; position:relative; z-index:9000; cursor:pointer}	
					
	.videocontrols {cursor: pointer}
	

.padH1 { padding-top:10em} .padH2 { padding-top:4em} .padH3 { padding-top:5em} .padH4 { padding-top:6em} .padH5 { padding-top:1em} 
.padH6 { padding-top:4em}
.margH1 { margin-top:3em}
.padB1 { padding-bottom:12em} .padB2 { padding-bottom:10em} .padB3 { padding-bottom:5em}
.margB2 { margin-bottom:2.5em} .margB3 { margin-bottom:15em} .margB4 { margin-bottom:3em}
		
	.grostexte {width:100%}
		.h2type1 {margin-left:20%; display:block; color:#1b1b1b; font-size:2.4em; line-height:1.4em; font-weight:400; position:relative}
			.h2type1 i {background-color:#1b1b1b; height:1px; width:93px; position:absolute; bottom:0.3em; left:-120px}
		.h1type1 {margin-left:20%; display:block; color:#0a9345; font-size:2.4em; line-height:1.4em; font-weight:400; padding-top:1em}
		.ptype1 {margin-left:20%; margin-right: 20%; display:block; color:#777777; font-size:1.3em; line-height:1.4em; font-weight:400; position:relative}
		.ptype1 a {color:#0a9345; text-decoration: underline; font-size: 1em; font-weight: 500}
		.ptype1 a:hover {color:#353535; text-decoration: none}
		.imagecentre {margin:3em auto 0 auto; width:60%; display:block}
		.imagemini1 {margin:3em auto 0 auto; margin-left:24%; width:16%; display:block; float:left}
		.imagemini2 {margin:3em auto 0 auto; margin-left:2%; width:16%; margin-right:2%; display:block; float:left}
		.imagemini3 {margin:3em auto 0 auto; width:16%; display:block; float:left}
	
	.fondgris {background-color:#f9f8f8}
	.fondgrisfonce {background-color:#545454}		
		.storyimg {margin-left:10%; width:49%; float:left; margin-bottom: 3em}
		.storytxt {margin-left:3%; width:35%; float:left; position:relative; padding-top:5em}
			.icotype1 {width:5em; height:auto; position:absolute; top:1.5em; left:0px; z-index:80}
			.manu {color:#0a9345; font-family: 'gloriaH', cursive; font-size:1.8em; padding-top:1em; display:block; line-height: 1.3em; padding-top:1.4em; padding-bottom: 0.3em;}
			.storyinfos {font-size:1.2em; color:#010101; line-height:1.5em; font-weight:400; margin:0; padding:0}
			.storyinfos strong {font-size:1.7em; display:inline-block; position:relative; font-weight:400; line-height:1.6em; margin-bottom:1em}
			.storyinfos strong i { position:absolute; width:100%; height:2px; background-color:#0a9345; bottom:0; left:0}
			
		.storyimg2 {margin-right:10%; width:49%; float:right; margin-bottom: 3em}
		.storytxt2 {margin-right:3%; width:18%; float:right; position:relative; padding-top:5em}
			
	.grand {width:100%; padding-bottom:15em; padding-top:17em; background-position:50% 50%; background-repeat:no-repeat; background-size:cover}
	.fd1 {background-image:url(../Images/ultra-sport-endurance-voile.jpg);}
		.grand h3 {font-size:5.6em; font-weight:700; line-height:1.2em; color:#fff; margin-left:20%}		
			
	
	.ambas2 {width:50%; margin:0 auto}
		.ambas2	li {width:40%; float:left; display: block; margin-right:5%; margin-left:5%; margin-top:5em;}	
		.ambas2	.ret {width:100%; float:none; margin-right:0; margin-left:0; margin-top:0; clear:both; display: block}	
		.ambas2	li div {width:100%; position:relative; overflow:hidden; background-color:#fff}
			.ambas2	li div img {width:100%; position:relative; z-index:4; display:block; transform-origin: 50% 50%;}
			.ambas2	li div p {position:absolute; top:50%; left:0; display:block; margin:0; padding:0; width:100%; margin-top:-1.5em; z-index:5; text-align:center}	
			.H .ambas2	li div p {visibility: hidden}
			.ambas2	li div p a {width:3em; display:inline-block; border-radius:100%; border:2px solid #fff; margin-left:0.4em; margin-right:0.4em}
					.ambas2	li div a img {display:block; width:100%}
					
		
		.ambas2	li strong {color:#0a9345; font-family: 'gloriaH', cursive; font-size:2em; padding-top:0.7em; display:block; font-weight:normal; line-height: 1.1em;}	
		.ambas2	li span {color:#010101; font-weight:500; font-size:1.15em; padding-top:1em; display:block}	
	
	.centrefull {width:100%; text-align:center}			
		.liencentre {font-size:1.9em; display:inline-block; position:relative; color:#1d1d1d; line-height:1.6em; letter-spacing:-0.012em}
		.liencentre i { position:absolute; width:100%; height:2px; background-color:#0a9345; bottom:0; left:0}		
				
				
				
/* fondation */
#fondation{ position:relative; z-index:10}
	#intro {position:relative; background-color:#000; overflow:hidden}
	.H #intro {background-color: #FFFFFF}
	#intro h1 {font-size:1.8em; letter-spacing:0.035em; display:block; margin-left:5%; padding-top:4em; position:relative; z-index:20}			
		.si1 {background-color:#0b9345; color:#FFF; padding:0.7em 1em; font-weight:300; display:inline-block}
		.si2 {background-color:#fff; color:#171717; padding:0.7em 1em; font-weight:500; display:inline-block}
	#intro h2 {font-size:6.3em; font-weight:700; line-height:1.2em; color:#fff; margin-left:20%; position:relative; z-index:20; margin-top:0.8em; padding-bottom:0.9em}	
	#intro .visu { position:relative;  display:block; width:100%; height:auto /*margin-left:-960px; margin-top:-586px*/}	
	.H #intro .visu {position: absolute; top:0; left:0; width: auto; z-index:10}
			
				
	.argument {width:100%; padding:5em 0 6em 0}
		.argument h3 {width:45%; margin-left:30%; color:#17983c; font-size:2.4em; font-weight:500; line-height:1.3em; position:relative; overflow:visible}
		.argument h3.reduit {width:45%; font-size:2.15em}
		.argument h3 .icoarg {width:2.8em; position:absolute; top:-0.3em; left:-5em; height:auto; display:block}
		.argument h3 .icoarg2 {width:2.8em; position:absolute; top:-0.3em; left:-5em; height:auto; display:block}
		.argument p { margin-left:30%; color:#3d3d3d; font-size:1.4em; margin-top:2em; line-height:1.45em; letter-spacing:0.015em; width:45%}		
		
		.titretype2 {margin-left:20%; display:block; color:#333333; font-size:2.9em; line-height:1.4em; font-weight:400; position:relative; display:block}
			.titretype2 strong {color:#17983c; font-weight:400}
			.titretype2 i {background-color:#333333; height:1px; width:93px; position:absolute; bottom:0.3em; left:-120px}	
				
	.H .si1, .H .si2, .H #intro h2, .H #intro #flbas, .H #intro .visu {visibility:hidden}		
		
	.imgplein {width:100%; display:block}			
	
	.titretype3 {margin-left:20%; display:block; color:#333333; font-size:2.3em; line-height:1.4em; letter-spacing:0.02em; font-weight:400; position:relative}
		.titretype3 i {background-color:#333333; height:1px; width:93px; position:absolute; bottom:0.3em; left:-120px}	
		.titretype3 .mini { font-size:0.5em; color:#888888; padding-left:1em; display:inline-block; line-height: 0.7em}	
			
		.coul1 {color:#275d95}  .titretype3 .coul1 i {background-color:#275d95}	
		.coul2 {color:#bc2020}	.titretype3 .coul2 i {background-color:#bc2020}		
		.coul3 {color:#d07e26}	.titretype3 .coul3 i {background-color:#d07e26}
		
		.coul4 {color:#17983c}  .titretype3 .coul4 i {background-color:#17983c}	
		.coulblanc {color:#fff}  .titretype3 .coulblanc i {background-color:#fff}	
	
	.listelogo {width:80%; margin:2.5em auto 0 auto}
		.listelogo li {width:18%; margin:2em 1% 0 1%; float:left}	
			.listelogo li a { display:block}	
			.listelogo li a img {width:100%; display:block}
				
	
	.equipeA { margin-left:20%}
		.equipeA li {width:18%; margin-right:4%; float:left; display:block; cursor:pointer}
			.equipeA li b {position:relative; overflow:hidden; display:block; width:100%}
			.equipeA li img { width:100%; display:block;transform-origin: 50% 50%; position: relative}
			.equipeA li strong {color:#101010; font-weight:600; font-size:1.05em; letter-spacing:0.02em; padding:0.8em 0 0.4em 0; text-transform:uppercase; display:block; 
			line-height:1.3em}
			.equipeA li span {color:#737373; font-weight:400; font-size:1em; display:block; line-height:1.3em}
				
	.equipeB { width:80%; margin:0 auto 0 auto}
		.equipeB li {width:13%; margin-right:1.8%; margin-left:1.8%; margin-bottom:2.5em; float:left; display:block; cursor:pointer; position:relative}
		.equipeB .ret {width:100%; margin-right:0; margin-bottom:0; float:none; display:block; cursor:default; clear:both}
		.equipeB .ret2 {width:0; margin:0; float:none; display:none}
			.equipeB li b {position:relative; overflow:hidden; display:block; width:100%}
			.equipeB li img { width:100%; display:block; transform-origin: 50% 50%; position: relative}
			.equipeB li strong {color:#101010; font-weight:600; font-size:0.85em; letter-spacing:0.02em; padding:0.7em 0 0.3em 0; text-transform:uppercase; display:block; 
			line-height:1.3em}
			.equipeB li span {color:#737373; font-weight:400; font-size:0.8em; display:block; line-height:1.3em}
	
	
	#detail-equipe {width:50em; height:auto; position:fixed; top:50%; margin-top:-250px; left:50%; margin-left:-25em; background-color:#FFF; border-radius:2em; z-index:999998; display:none}
	.detail {margin-top:2em; background-image:url(../Images/icone.png); background-position:50% 0; background-repeat:no-repeat; background-size:4em; padding:5em 3em 4em 3em}
 	.detail strong { display:block; width:100%; text-align:center; font-family: 'BN', cursive; font-size:1.5em; letter-spacing:0.09em; 
		text-transform:uppercase; color:#0c892f; padding-bottom:20px }
	.detail p { margin:0; font-size:0.95em; line-height:1.6em; margin:0; padding:0 1em; font-weight:400; display:block; 
					text-align:justify; color:#3a3a3a; /*overflow-y: scroll;*/}
		.detail p a {color:#0c892f} .detail p a:hover { text-decoration:underline}
		
	#detail-fermer {width:2em; height:auto; display:block; position:absolute; top:1.5em; right:1.5em; cursor:pointer; z-index:999999}
		#detail-fermer img {width:100%; display:block}
	#fonddetail {width:100%; height:100%; background-color:#333; position:fixed; top:0; left:0; z-index:999997; cursor:pointer; display:none}
	
	
	.ambas4 {width:82%; margin:0 auto}
		.ambas4	li {width:19%; float:left; margin-right:3%; margin-left:3%; margin-top:5em}	
		.ambas4	.ret {width:100%; float:none; margin-right:0; margin-left:0; margin-top:0; clear:both}	
		.ambas4	.ret2 {width:0; float:none; margin-right:0; margin-left:0; margin-top:0; clear:none; display:none}	
		.ambas4	li div {width:100%; position:relative; overflow:hidden; background-color:#fff}
			.ambas4	li div img {width:100%; position:relative; z-index:4; display:block; transform-origin: 50% 50%;}
			.ambas4	li div p {position:absolute; top:50%; left:0; display:block; margin:0; padding:0; width:100%; margin-top:-1.5em; z-index:5; text-align:center}	
			.H .ambas4 li div p {visibility: hidden}
			.ambas4	li div p a {width:3em; display:inline-block; border-radius:100%; border:2px solid #fff; margin-left:0.4em; margin-right:0.4em}
					.ambas4	li div a img {display:block; width:100%}
		.ambas4	li strong {color:#0a9345; font-family: 'gloriaH', cursive; font-size:1.7em; padding-top:0.7em; display:block; font-weight:normal; line-height: 1.1em;}	
		.ambas4	li span {color:#010101; font-weight:500; font-size:1.15em; padding-top:1em; display:block}	


/* thematique */
#thematique{ position:relative; z-index:10}
		
		.blocAction {margin-top:6em; margin-left:20%; width:60%}
		
		.blocAction h4 {display:block; color:#131313; font-size:2.2em; line-height:1.4em; font-weight:500; position:relative; padding-bottom:0.7em; margin-bottom:0.7em}
			.blocAction h4 i {width:100%; height:2px; display:block; position:absolute; bottom:0; left:0}
			.couleur1 h4 i { background-color:#6584ab}
			.couleur4 h4 i { background-color:#17983c}

		.blocAction ul {display:block; color:#101010; font-size:1.25em; line-height:1.6em; font-weight:400; position:relative}
			.blocAction ul li { }
			.couleur1 ul li span {color:#275d95} .couleur4 ul li span {color:#17983c}
			.blocAction ul li a {color:#275d95; font-size:0.9em} .blocAction ul li a:hover { text-decoration:underline}
.blocAction ul li strong {font-weight:600}
		
		.blocAction p {display:block; color:#101010; font-size:1.25em; line-height:1.6em; font-weight:400; position:relative}
			.couleur1 p span {color:#275d95} .couleur4 p span {color:#17983c}
			.blocAction p a {color:#275d95; font-size:0.9em} .blocAction p a:hover { text-decoration:underline}
		
		.lienpdf {margin-top:1.2em; display:inline-block; margin-right:2em}
		.lienpdf span {color:#FFF; display:inline-block; padding:0.8em 1.8em 0.8em 2.2em; background-image:url(../Images/fl2.png); background-repeat:no-repeat; background-size:0.5em;
			background-position:1em 50%; float:left; font-weight:500; font-size:1em; letter-spacing:normal; border-radius:80px}
		.couleur1 .lienpdf span { background-color:#6584ab}
		.couleur4 .lienpdf span { background-color:#17983c}
		.lienpdf img { width:3em; height:auto; display:inline-block; float:left; margin-right:0.6em}

		.imagereduite {width:35%; display:block; margin:2em 0}
		
		.equipeInt { width:62%; margin:0 auto}
		.equipeInt li {width:21%; margin-right:2%; margin-left:2%; margin-bottom:45px; float:left; display:block; position:relative}
		.equipeInt .ret {width:100%; margin-right:0; margin-bottom:0; float:none; display:block; cursor:default; clear:both}
		.equipeInt .ret2 {width:0; margin:0; float:none; display:none}
			.equipeInt li b {position:relative; overflow:hidden; display:block; width:100%}
			.equipeInt li img { width:100%; display:block}
			.equipeInt li strong {color:#fff; font-weight:600; font-size:0.95em; letter-spacing:0.02em; padding:0.8em 0 0.3em 0; text-transform:uppercase; display:block; 
			line-height:1.3em}
			.equipeInt li span {color:#f5f5f5; font-weight:400; font-size:0.85em; display:block; line-height:1.3em}
	

		.ambas3 {width:62%; margin:0 auto}
		.ambas3	li {width:29%; float:left; margin-right:2%; margin-left:2%; margin-bottom:5em;}	
		.ambas3	.ret {width:100%; float:none; margin-right:0; margin-left:0; margin-top:0; clear:both}	
		.ambas3	.ret2 {width:0; float:none; margin-right:0; margin-left:0; margin-top:0; clear:none; display:none}	
		.ambas3	li div {width:100%; position:relative; overflow:hidden; background-color:#fff}
			.ambas3	li div img {width:100%; position:relative; z-index:4; display:block; transform-origin: 50% 50%;}
			.ambas3	li div p {position:absolute; top:50%; left:0; display:block; margin:0; padding:0; width:100%; margin-top:-1.5em; z-index:5; text-align:center}
			.H .ambas3	li div p {visibility: hidden}
			.ambas3	li div p a {width:3em; display:inline-block; border-radius:100%; border:2px solid #fff; margin-left:0.4em; margin-right:0.4em}
					.ambas3	li div a img {display:block; width:100%}
		.ambas3	li strong {color:#0a9345; font-family: 'gloriaH', cursive; font-size:1.7em; padding-top:0.7em; display:block; font-weight:normal; line-height: 1.1em;}	
		.ambas3	li span {color:#010101; font-weight:500; font-size:1.15em; padding-top:1em; display:block}	
			
		

			
/* actions */
#actions{ position:relative; z-index:10}
	#intro2 {position:relative; background-color:#000; overflow:hidden}
	.H #intro2 {background-color: #FFFFFF}
	#intro2 h1 {font-size:1.8em; letter-spacing:0.035em; display:block; margin-left:5%; padding-top:4em; position:relative; z-index:20}			
		.sib1 {background-color:#0b9345; color:#FFF; padding:0.7em 1em; font-weight:300; display:inline-block}
		.sib2 {background-color:#fff; color:#171717; padding:0.7em 1em; font-weight:500; display:inline-block; margin-top:1px}
	#intro2 h2 {font-size:1.8em; font-weight:400; line-height:1.5em; color:#fff; margin-left:20%; position:relative; z-index:20; margin-top:1.8em; 
		width:50%; text-align:left; padding-bottom:4.5em}	
	#intro2 .visu { position:relative;  display:block; width:100%; height:auto /*margin-left:-960px; margin-top:-586px*/}	
	.H #intro2 .visu {position: absolute; top:0; left:0; width: auto; z-index:10}
	
	.H .sib1, .H .sib2, .H #intro2 h2, .H #intro2 #flbas, .H #intro2 .visu {visibility:hidden}	
					
	.rubrique { display:block; border-top:1px solid #000; position:relative; width:100%; padding:4em 0 4em 0}		
		.rubrique strong{color:#242424; font-weight:500; font-size:2.6em; position:relative; line-height:1.3em; margin-left:20%; display:inline-block}
			.rubrique strong b {color:#0b9345; font-weight:500}
			.rubrique strong i {background-color:#0b9345; display:block; position:absolute; top:-15px; left:-70px; height:2px; width:70px; transform-origin:100% 100%}
		.rubrique p {color:#7e7e7e; font-size:1.3em; position:relative; line-height:1.6em; letter-spacing:0.02em; margin-left:20%; margin-top:1.6em; display:block; width:45%}	
		.rubrique .fl {	width:6em; height:auto; position:absolute; top:50%; margin-top:-3em; right:16%; margin-right:-3em; transform-origin:50% 50%}	
		
	
	.sousrubrique { display:block; border-top:1px solid #d4d4d4; background-color:#fff; position:relative; width:100%; padding:2em 0 2em 0}	
	/*.H .sousrubrique {display:none}*/	
		.sousrubrique strong {color:#242424; font-weight:500; font-size:1.9em; position:relative; line-height:1.3em; margin-left:20%; display:inline-block}
			.sousrubrique strong b {color:#0b9345; font-weight:500}
			.sousrubrique strong i {background-color:#0b9345; display:block; position:absolute; top:-12px; left:-30px; height:1px; width:30px; transform-origin:100% 100%}
		.sousrubrique p {color:#7e7e7e; font-size:1.1em; position:relative; line-height:1.6em; letter-spacing:0.02em; margin-left:20%; margin-top:1em; display:block; width:45%}	
		.sousrubrique .fl {width:3em; height:auto; position:absolute; top:50%; margin-top:-1.5em; right:16%; margin-right:-1.5em; opacity:1}	
			
			
/*dossards*/
	.rubriqueDossard { display:block; border-top:1px solid #000; position:relative; width:100%; padding:4em 0 4em 0; cursor:pointer}
		.logodossard {display:block; float:left; width:10%; display:block; margin-left:20%}
		.blocDossard {display:block; float:left; margin-left:2%; padding-left:2%; position:relative; width:45%}
		.filet {display:block; position:absolute; top:0; left:0; width:1px; height:100%; background-color:#a7a7a7; display:block; transform-origin:50% 50%} 
		.rubriqueDossard strong {color:#242424; font-weight:500; font-size:2.2em; position:relative; line-height:1.2em; display:inline-block} 
			.rubriqueDossard strong i {font-size:0.7em; font-style:normal} 
		.rubriqueDossard p {color:#7e7e7e; font-size:1.2em; position:relative; line-height:1.6em; margin-top:0em; display:block}	
		.rubriqueDossard .fl {	width:4em; height:auto; position:absolute; top:50%; margin-top:-2em; right:16%; margin-right:-2em; transform-origin:50% 50%}	

/*actus*/
.actusINT {width:80%; margin-left: auto; margin-right: auto}
		.listeactus {width: 100%; display: block; margin-top: 4.4em}
		.listeactus li {width:30%; display: block; float:left; margin-right:5%; padding-bottom:6em}
		.listeactus li.ret {clear:both; width:0; height:0; line-height:0; margin:0; padding:0; float:none}
		.listeactus li.sansM {margin-right: 0}
			.listeactus li b {width:100%; display: block; position: relative; overflow: hidden}
			.listeactus li b img {width:100%; display: block; transform-origin: 50% 50%}
			.listeactus li strong {font-size:2em; color:#1b1b1b; font-weight:400; line-height:1.1em; padding:1em 0 0.5em 0; display: block}
.listeactus li strong span {color: #0b9345}
			.listeactus li p {font-size:1.15em; color:#6C6C6C; line-height:1.4em; padding:0; margin: 0; text-align:left}
			.listeactus li p a {color:#292929; text-decoration:none; font-weight: 500}
			.listeactus li p a:hover {color:#4B4B4B; text-decoration:none}
	
.lienActu {display: inline-block; background-color: #0b9345; border-radius: 80px; padding-top:0.7em; padding-bottom:0.7em; padding-left:3em; padding-right: 1.7em; position: relative; color: #fff; font-size: 1.1em; margin-top: 1em; font-weight: 500; margin-right: 0.8em}
.lienActu i {width:1.2em; position: absolute; top:0.8em; left: 1em; display: block; z-index: 10; transform-origin: 50% 50%}
.lienActu span {display: inline-block; position: relative; z-index: 11;}



@media screen and (max-width: 1700px) {				
body {font-size:0.8em}
.H #load {width:40px; /*height:10px*/margin-top:-5px; margin-left:-20px;}
#remonte {width:40px; height:40px; bottom:10px; right:10px; border-top-left-radius:12px; border-radius:12px;}
#linkedin {width:40px; height:40px; bottom:10px; right:55px; border-top-left-radius:12px; border-radius:12px}
#btDON {height:40px; bottom:10px; right:100px;}
		#btDON b { padding-top:10px; padding-bottom:10px; padding-left:15px; padding-right:15px; font-size:15px; }
#langues {bottom:10px; right:10px;}
	#langues a {margin-left:8px; width:38px}
	
#temps {height:6px}
#logo {width:285px}
#bande {height:4px}
#bas1 {margin-left:17%}
	#bas1 h3 i {width:75px; left:-95px; bottom:0.3em;}	
#bas2 {margin-left:8%}	 #bas3, #bas4 {margin-left:5%}
#slider {padding-bottom:70px}
#btS1 {width:14px; border-radius:14px; height:24px; bottom:28px; margin-left:-9px;}
#btS2 {width:2px; border-radius:2px; height:5px; bottom:36px}
#btS3 {bottom:10px;}
.don h2 {margin-left:20%}
	.don h2 i {width:75px;bottom:0.2em; left:-95px}
	.don p strong i {height:2px}
	.btdon span i{height:2px}
	.btdonB1 span i {height:2px}
	.btdonB2 span i{height:2px}	
.h2type1 i {width:75px; left:-95px}			
/* fondation */
	.titretype2 i {width:75px; left:-95px}	
		.titretype3 i {width:75px; left:-95px}			
/* actions */
	.rubrique strong i {top:-12px; left:-60px; width:60px}
	.sousrubrique strong i {top:-10px; left:-24px; width:24px}					
}




@media screen and (max-width: 1300px) {				
body {font-size:0.72em}
#logo {width:257px}
#bas1 {margin-left:15%}
	#bas1 h3 i {width:65px; left:-85px; bottom:0.3em;}		
#bas2 {margin-left:6%}	 #bas3, #bas4 {margin-left:4%}
.don h2 {margin-left:20%; font-size:3.3em}
.don h2 i {width:65px;bottom:0.2em; left:-85px}
.h2type1 i {width:65px; left:-85px}
/* fondation */
.titretype2 i {width:65px; left:-85px}	
	.titretype3 i {width:65px; left:-85px}	
/* actions */	
.rubrique strong i {top:-10px; left:-50px; width:50px}
	.sousrubrique strong i {top:-6px; left:-20px; width:20px}											
}

@media screen and (max-width: 1180px) {	
	#menu {font-size:0.9em}
}

@media screen and (max-width: 1040px) {	
	
}


/*@media screen and (max-width: 880px) {*/	
@media screen and (max-width: 990px) {	
body {font-size:1em; position:relative}	
.H #load {width:32px; /*height:8px*/margin-top:-4px; margin-left:-16px;}
#hautMob { display:block; width:100%; background-color: rgba(255, 255, 255, 0.95); z-index:9500; position:fixed; top:0; left:0; height:84px;}
.H #hautMob {visibility:hidden}

/*#menuMob { display:block}*/
#MOB {display: block}
	
#logoMob {width:250px; height:auto; display:block; margin-left:auto; margin-right:auto; padding-bottom:20px; padding-top:80px}
	#logoMob img {width:100%; display:block}
	.H #logoMob {visibility:hidden}
	
#menuM { display:block; width:56px; height:56px; position:fixed; top:5px; right:10px; z-index:9999; cursor:pointer; overflow:hidden; background-color:#fff; transform-origin:100% 100%; border-radius:15px}
	#menuM i,#menuM b {width:16px; height:2px; top:50%; left:50%; z-index:920; display:block; position:absolute; margin-left:-8px;}
	#menuM i {background-color:#242424;  transform-origin: 0 0} #menu b {background-color:#e6e7e6; visibility:hidden; transform-origin: 100% 100%;}
	#t1, #t1b { margin-top:-6px} #t2, #t2b {margin-top:-1px} #t3, #t3b {margin-top:4px}
	#menuM div {width:100%; height:100%; position:absolute; top:0; left:0;background-color:#119538; z-index:918; transform-origin: 100% 100%;}
	/*#menuM #fermer {width:64px; height:64px; display:block; position:absolute; top:0; left:101%; z-index:930; background-color:#e3e3e3}*/
	#menuM #fermer {width:55px; height:55px; display:block; position:absolute; top:0; left:0; z-index:930; background-color:#B5ACAD; visibility: hidden}
			#fermer b {width:19px;height:2px;background-color:#242424;transform-origin:50% 50%; position: absolute; top:27px; left:18px;display: block;
				 margin:0;}
.H #menuM {visibility:hidden}

	
#nav {width: 100%; position:relative; top:0; left: 0; padding-top:0; z-index:9998; background-color:#fff}
	.H #nav {width:100%; height: 100%; position: fixed; z-index:9998; left:0; top: 0; padding-top: 0; overflow: scroll; display: none}	
.navInt {width:100%; margin: 0 auto; padding:2.7em 0 2.2em 0}
#logo {width:180px; float:none; margin-left: 5%; padding-top: 2em; display: none}
	.H #logo {visibility: hidden}
#logonavmob {width: 64px; height: 64px; display: block; margin-top: 10px; margin-left: 5%; display:block }
	#logonavmob img {width: 100%; display: block}
	.H #logonavmob {visibility: hidden}
#menu {display:inline-block; float:none; width: 95%; padding-left:5%; margin-left: 0; padding-top:2em; text-align:left}
#menu li {display:block; float:none; margin-left:0; padding-top:0em; margin-bottom: 0.2em}
	
	#menu .m {display:inline-block; font-size:1.8em; padding-top: 0.4em; padding-bottom: 0.4em; padding-left:1em; padding-right:0; }
			#menu .m strong {line-height:1.4em; font-size:1em; display:inline-block; font-weight:500; position:relative; z-index: 2}
	#menu li a i {left:0; margin-top: -0.2em; width:0.4em; height:0.4em;}	
	
	#menu .mactif { padding-left: 2em; padding-right: 0; color:#0c892f}
	#menu .mactif i {width:1.5em; background-color:#0c892f}
	
	
	
	#nav #bts {position: relative; top:initial; top:unset; top:0; right: 0; margin-left: 5%}
#planifier {display: inline-block; position:relative; font-size: 1.4em; margin-top:0.8em} 	
#planifier2 {display: inline-block; position:relative; font-size: 1.4em; margin-top:1.1em} 	

	
#btDON { display: block; height:56px; background-color:#fff; position:fixed; bottom:initial; bottom:unset; /*bottom:1em; right:135px;*/ 
		top:5px; right:75px; 
		visibility:hidden; overflow:hidden; cursor:pointer; border-radius:80px;
		box-shadow: 1px 1px 10px rgba(0, 0, 0, 0); display: block}
		#btDON b {color:#0b9345; padding-top:18px; padding-bottom:13px; padding-left:20px; padding-right:20px; font-size:15px; }
.H #btDON {visibility: hidden}	

#ligneMOB {background-color: #f9f9fb; position: fixed; top: 0; height:66px; width: 100%; display: block;z-index: 9950} 
	.H #ligneMOB {visibility: hidden}
	
#logohautmob {display:block; width:56px; position:fixed; top:5px; left:10px; z-index:9960; cursor:pointer;}	
	#logohautmob img {display: block; width: 100%}
	.H #logohautmob {visibility: hidden}
	
#remonte {width:40px; height:40px; bottom:5px; right:5px; border-top-left-radius:12px; border-radius:12px;}
#linkedin {width:40px; height:40px; bottom:5px; right:50px; border-top-left-radius:12px; border-radius:12px}
#langues {bottom:5px; right:5px;}
	#langues a {margin-left:5px; width:40px}		
	
	
	
.menuHaut .mentions {display:block; margin-top:4.5em; margin-left: 5%; color:#929292; font-size: 0.9em}
	.menuHaut .mentions a {color:#5B5B5B}
	
.margeHnavigation {height:0px;}		
	

#bande {display:none}

#langues {position:fixed; bottom:10px; right:10px; z-index:900; display:block}
		#langues a {display:block; float:left; margin-left:5px; width:2.7em}
#btS1, #btS2, #btS3 { display: none}	



/*bas*/
#bas {padding:6em 0 10em 0; width:100%}
	#bas1 {margin-left:5%; float:none; display:block}
		#bas1 h3 {font-size:1.9em}
			#bas1 h3 i {width:25px; bottom:0.3em; left:-35px}		
		#bas1 p {font-size:1.3em; margin-top:2em}		
	#bas2, #bas3, #bas4 { display:block; float:none; font-size:1.3em}	
	#bas2 {margin-left:5%}	 #bas3, #bas4 {margin-left:5%}
		#bas2 strong, #bas3 strong, #bas4 strong {padding-top:2em;padding-left:0px; padding-right:0px;}
		#bas2 ul, #bas3 ul, #bas4 ul {margin-top:0.3em;}
		#bas2 li, #bas3 li, #bas4 li {padding-left:0px; padding-right:0px;}
		#bas1 a, #bas2 a, #bas3 a, #bas4 a {padding:0.2em 0 0.2em 0}
		
	.padH3 {padding-top:5em}
	.padH1 {padding-top: 8em}
	
/*accueil*/	
	#temps {height:5px}
	
	#slider {margin-left:0%; padding-bottom:70px }
		#filet1 {margin-left:0%; margin-bottom:1em;}
		#slideimg {width:auto; margin-left:0%}
			#simg1 {width:50%}
			#simg2 {width:50%}		
		.H .slidetxt {font-size:1.8em; left:5%;  top:0;}
		.sp1 {padding:0.6em 0.7em; }
		.sp2 {padding:0.6em 0.7em; }
	
	.don {padding:7em 0 7em 0}
	.fonddon1, .fonddon2 {padding:10em 0 4em 0}
		.don h2 {font-size:2.8em;margin-left:5%;}
			.don h2 i {width:25px; left:-35px}
		.don p {font-size:1.6em; margin-top:1.6em; margin-left:5%; margin-right:5%;  line-height: 1.5em}
		.don p br {display:none}
			.don p strong i {height:1px; bottom:0px}
		.btdon {margin-left:5%; margin-top:1.5em; font-size:1.9em; letter-spacing:0.08em}
			.btdon img {width:3.5em}
			.btdon span {padding-top:1.5em; margin-left:0.7em;}
		.donB {display:block; width:100%; text-align:center; margin-top:3.6em;}
		.donBint {display:inline-block; width:auto}
			.btdonB1 {font-size:1.7em; letter-spacing:0.07em}
				.btdonB1 img {width:3.5em}
				.btdonB1 span i{height:2px}
			.ou {font-size:0.9em; padding:9em 0.5em 0 0.5em}
			.btdonB2 {font-size:1.7em; letter-spacing:0.07em}
				.btdonB2 img {width:3.5em}
				.btdonB2 span i{height:2px}		
	
	.videodemi {width:90%; margin:0 auto}
	.playvideo {width:4em; height:auto; display:block; position:absolute; top:50%; left:50%; margin-top:-2em; margin-left:-2em; z-index:9001}
	
.padH1 { padding-top:8em} .padH2 { padding-top:4em} .padH3 { padding-top:5em} .padH4 { padding-top:6em} .padH5 { padding-top:1em} 
.padH6 { padding-top:4em}
.margH1 { margin-top:3em}
.padB1 { padding-bottom:7em} .padB2 { padding-bottom:10em} .padB3 { padding-bottom:5em}
.margB2 { margin-bottom:2.5em} .margB3 { margin-bottom:15em} .margB4 { margin-bottom:3em}
	
		.h2type1 {margin-left:5%; font-size:2.6em}
			.h2type1 i {width:25px; left:-35px}
		.h1type1 {margin-left:5%; margin-right:5%; font-size:2.6em; padding-top:0.7em; line-height: 1.4em}
			.h1type1 br {display:none}
		.ptype1 {margin-left:5%; margin-right:5%; font-size:1.2em}
		.imagecentre {margin:1.5em auto 0 auto; width:52%}
		.imagemini1 {margin:1.5em auto 0 auto; margin-left:10%; width:24%}
		.imagemini2 {margin:1.5em auto 0 auto; margin-left:4%; width:24%; margin-right:4%}
		.imagemini3 {margin:1.5em auto 0 auto; width:24%}
	
		.storyimg {margin-left:5%; width:90%; float:none; margin-bottom: 0}
		.storytxt {margin-left:5%; width:90%; float:none; position:relative; padding-top:5.5em}
			.icotype1 {width:4em; top:1.5em; left:0px}
			.manu {font-size:1.8em; padding-top:0.3em; padding-bottom: 0.3em; line-height: 1.1em}
			.storyinfos {font-size:1.2em}
			.storyinfos strong {font-size:1.6em; margin-bottom:0.5em}
		.storyimg2 {margin-left:5%; margin-right:0; width:90%; float:none; margin-bottom: 0}
		.storytxt2 {margin-left:5%; margin-right:0; width:90%; float:none; position:relative; padding-top:5.5em}
			
	.grand {padding-bottom:10em; padding-top:13em}
		.grand h3 {font-size:4.5em; margin-left:5%}		
	
	.ambas2 {width:93%; margin:0 auto}
		.ambas2	li {width:46%; margin-right:2%; margin-left:2%; margin-top:3em}
		.ambas2	.ret {width:100%; float:none; margin-right:0; margin-left:0; margin-top:0; clear:both; display: block}	
		.ambas2	li div {background-color: #FFFFFF}
			.ambas2	li div p {position:relative; top:auto; left:0; margin:0; padding:0.5em 0 0.5em 0; background-color:#545454}	
			.ambas2	li div p a {width:2.2em; border:1px solid #fff; margin-left:0.3em; margin-right:0.3em}			
		.ambas2	li strong {font-size:1.9em; padding-top:0.6em}	
		.ambas2	li span {font-size:1em; padding-top:0.6em}	
		.liencentre {font-size:1.9em}
		
		

/* fondation */
	#intro h1 {font-size:1.1em; letter-spacing:0.02em; margin-left:5%; padding-top:3em}			
		.si1 {padding:0.7em 1.4em}
		.si2 {padding:0.7em 1.4em}
	#intro h2 {font-size:3.9em; margin-left:5%; width: 60%; margin-top:1em; padding-bottom:1.6em}	
	#intro h2 br {display: none}
	.argument {padding:3em 0 4em 0}
		.argument h3 {width:90%; margin-left:5%; padding-top:4em; font-size:1.7em; letter-spacing:0.02em}
		.argument h3.reduit {width:90%; font-size:1.4em}
		.argument h3 .icoarg {width:3em; top:0px; left:0;}
		.argument h3 .icoarg2 {width:3em; top:0px; left:0}
		.argument p { margin-left:5%; font-size:1.15em; margin-top:1.5em; width:90%}		
		
	.titretype2 {margin-left:5%; font-size:2.2em; margin-right:5%}
	.titretype2 br {display:none}
		.titretype2 i {width:25px; left:-35px}	
	
	.titretype3 {margin-left:5%; font-size:1.8em}
		.titretype3 i {width:25px; left:-35px}		
	.listelogo {width:90%; margin:20px auto 0 auto}
		.listelogo li {width:29%; margin:1em 2% 0 2%}	
			
	.equipeA { margin-left:5%; width:90%; font-size:0.9em}
		.equipeA li {width:45%; margin-right:5%}
			.equipeA li strong {padding:0.8em 0 0.3em 0}
				
	.equipeB { width:90%; margin:0 auto 0 auto; font-size:0.8em}
		.equipeB li {width:30%; margin-right:3%; margin-left:0%; margin-bottom:20px}
		.equipeB .ret {width:100%; margin-right:0; margin-bottom:0; float:none; display:block; cursor:default; clear:both}
		.equipeB .ret2 {width:100%; margin-right:0; margin-bottom:0; float:none; display:block; cursor:default; clear:both}
			.equipeB li strong {padding:0.7em 0 0.2em 0}
	
	#detail-equipe {width:90%; top:50%; margin-top:-250px; left:5%; margin-left:0; border-radius:30px}
	.detail {margin-top:1em; background-size:3em; padding:4em 1.5em 3em 1.5em}
 	.detail strong {font-size:1.2em; padding-bottom:1em }
	.detail p { margin:0; font-size:0.9em; padding:0 0.3em; line-height: 1.5em; letter-spacing: -0.005em}
	#detail-fermer {width:1.7em; top:1.5em; right:1.5em}
		
	.ambas4 {width:94%; margin:0 auto}
		.ambas4	li {width:46%; margin-right:2%; margin-left:2%; margin-top:2em}	
		.ambas4	.ret {width:100%; float:none; margin-right:0; margin-left:0; margin-top:0; clear:both; display: block}
		.ambas4	.ret2 {width:100%; float:none; margin-right:0; margin-left:0; margin-top:0; clear:both; display: block}	
		.ambas4	li div {background-color: #FFFFFF}
			.ambas4	li div p {position:relative; top:auto; left:0; margin:0; padding:0.5em 0 0.5em 0; background-color:#545454}
			.ambas4	li div p a {width:1.7em; border:1px solid #fff; margin-left:0.3em; margin-right:0.3em}			
		.ambas4	li strong {font-size:1.2em; padding-top:0.7em}	
		.ambas4	li span {font-size:0.7em; padding-top:1em}	
	

/* thematique */		
		.blocAction {margin-top:4em; margin-left:5%; width:90%}
		
		.blocAction h4 {font-size:1.4em; padding-bottom:0.7em; margin-bottom:0.7em}
			.blocAction h4 i {height:1px}

		.blocAction ul {font-size:1.05em}
			.blocAction ul li a {font-size:1.05em}
		.blocAction p {font-size:1.05em}
			.blocAction p a {font-size:1.05em}
		.lienpdf {margin-top:0.8em; margin-right:1em}
		.lienpdf span {padding:0.9em 1.4em 0.9em 2em; background-size:0.4em; background-position:1em 50%; font-size:0.9em; letter-spacing:normal}
		.lienpdf img { width:2.6em; margin-right:0.3em; margin-bottom:0.7em}

		
		.equipeInt { width:94%; margin:0 auto; font-size:0.9em}
		.equipeInt li {width:46%; margin-right:2%; margin-left:2%; margin-bottom:1.5em}
		.equipeInt .ret {width:100%; float:none; margin-right:0; margin-left:0; margin-top:0; margin-bottom: 0; clear:both; display: block}
		.equipeInt .ret2 {width:100%; float:none; margin-right:0; margin-left:0; margin-top:0; margin-bottom: 0; clear:both; display: block}
	
		.ambas3 {width:90%; margin:0 auto}
		/*.ambas3	li {width:46%; margin-right:2%; margin-left:2%; margin-bottom:2em}	*/
		.ambas3	li {width:100%; margin-right:0%; margin-left:0%; margin-bottom:3em}	
		.ambas3	.ret {width:100%; float:none; margin-right:0; margin-left:0; margin-top:0; clear:both; display: block}
		.ambas3	.ret2 {width:100%; float:none; margin-right:0; margin-left:0; margin-top:0; clear:both; display: block}	
		.ambas3	li div {background-color: #FFFFFF}
			.ambas3	li div p {position:relative; top:auto; left:0; margin:0; padding:0.5em 0 0.5em 0; background-color:#545454}
			.ambas3	li div p a {width:2.2em; border:1px solid #fff; margin-left:0.3em; margin-right:0.3em}			
		.ambas3	li strong {font-size:1.5em; padding-top:0.7em}	
		.ambas3	li span {font-size:1em; padding-top:0.3em}	
	
/*
		.ambas3 {width:60%; margin:0 auto}
		.ambas3	li {width:100%; margin-right:0%; margin-left:0%; margin-bottom:50px;}	
		.ambas3	li div {width:100%; position:relative; overflow:hidden; background-color:#000}
			.ambas3	li div p { visibility:visible; position:relative; top:auto; left:0; margin:0; padding:5px 0 3px 0;}	
			.ambas3	li div p a {width:20px; border:1px solid #fff; margin-left:4px; margin-right:4px}			
			.ambas3	li strong {font-size:1.2em; padding-top:8px}	
			.ambas3	li span {font-size:0.7em; padding-top:3px}	*/
			

	
	/* actions */
	#intro2 h1 {font-size:1.1em; letter-spacing:0.02em; margin-left:5%; padding-top:3em}			
		.sib1, .sib2 {padding:0.7em 1.4em}
	#intro2 h2 {font-size:1.5em; margin-left:5%; margin-top:1.3em; width:60%; padding-bottom:4em}	
	#intro2 h2 br {display: none}		
					
	.rubrique { padding:3em 0 3em 0}		
		.rubrique strong {font-size:2.4em; margin-left:5%; width:60%}
			.rubrique strong i {top:-15px; left:-20px; height:2px; width:20px}
		.rubrique p {font-size:1em; margin-left:5%; margin-top:1em; width:60%}	
		.rubrique .fl {	width:3em; margin-top:-1.5em; right:7%; margin-right:-1.5em}	
		
	
	.sousrubrique { padding:1.8em 0 1.8em 0}	
		.sousrubrique strong {font-size:1.8em; margin-left:5%; width: 60%}
			.sousrubrique strong i {top:-8px; left:-20px; width:20px}
		.sousrubrique p {font-size:1em; margin-left:5%; margin-top:1em; width:60%}	
		.sousrubrique .fl {width:1.4em; margin-top:-0.7em; right:7%; margin-right:-0.7em}	
	
	
	/*dossards*/
	.rubriqueDossard {padding:3em 0 3em 0}
		.logodossard {display:block; float:none; width:14em; display:block; margin-left:auto; margin-right:auto}
		.blocDossard {display:block; float:none; width:90%; margin-left:auto; margin-right:auto; margin-top:0em; padding-left:0px; padding-top:1em; text-align:center}
		.filet {top:0; left:50%; width:100px; height:1px; margin-top:0px; margin-left:-50px} 
		.rubriqueDossard strong {font-size:1.9em; line-height: 1.1em} 
			.rubriqueDossard strong i { font-size:0.7em; line-height: 1em} 
		.rubriqueDossard p {color:#7e7e7e; font-size:1em; margin-top:1em; width: 70%; margin-left: auto; margin-right: auto}	
	.rubriqueDossard p br {display: none}
		.rubriqueDossard .fl { display:none}	

		.actusINT {width:90%; margin-left: auto; margin-right: auto; }
		.listeactus li {width:100%; display: block; float:none; margin-right:0; padding-bottom:5em}
		.listeactus li p {font-size: 1.3em}		
				
}

@media screen and (max-width:710px) {
#MOB3 {display: block}	
	#intro h2 {font-size:3.2em; margin-left:5%; width:80%; }	
	#intro2 h2 {font-size:1.4em; margin-left:5%; width:80%}	
	.rubrique strong {font-size:2em; width:80%}
	.rubrique p {font-size:0.95em;  margin-top:1em; width:80%}	
	.sousrubrique strong {font-size:1.5em; width: 80%}
	.sousrubrique p {font-size:0.95em; margin-top:1em; width:80%}
	
	/*.actusINT {width: 90%}
	.listeactus li {width:100%; display: block; float:none; margin-right:0; padding-bottom:4em}*/
	
}

@media screen and (max-width:530px) {
	body {font-size:0.9em}
	#logoMob {width:230px}
	.H .slidetxt {font-size:1.3em}
	#intro h2 {font-size:2.9em; margin-left:5%; width: 90%;}	
	#intro2 h2 {font-size:1.2em; margin-left:5%; width:90%}	
	.grand h3 {font-size:3.8em; margin-left:5%}	
	.ambas2	li strong {font-size:1.5em}
	.rubrique strong {font-size:2em; width:75%}
	.rubrique p {font-size:1em;  margin-top:1em; width:75%}	
	.sousrubrique strong {font-size:1.6em; width: 75%}
	.sousrubrique p {font-size:1em; margin-top:1em; width:75%}
	.rubriqueDossard p {width: 90%}
	.listeactus li p {font-size: 1.15em}
	
}
@media screen and (max-width: 380px) {
	body {font-size:0.8em}
	#logoMob {width:200px}
	.H .slidetxt {font-size:1.2em}
}
@media screen and (max-width: 360px) {
	body {font-size:0.75em}
	#logoMob {width:190px}
}
@media screen and (max-width: 315px) {
	body {font-size:0.7em}
	#logoMob {width:190px}
}