/*
Auteur du developpement sur-mesure pour ALT Group Event : Herve Augoyat - https://www.ah-book.com 
Copie ou modification interdite sans accord ecrit de l'auteur
*/

#testeur {position:fixed; z-index:9999; bottom:0px; left:0; padding:15px; background-color:#333; font-size:0.9em; letter-spacing:0.1em; display:inline-block; font-family:Arial, Helvetica, sans-serif; color:#FFF; 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;}

/*@media screen and (-webkit-min-device-pixel-ratio:0)
and (min-resolution:.001dpcm) {
  img { image-rendering: -webkit-optimize-contrast !important; }
}

@media not all and (min-resolution:.001dpcm)
{ @supports (-webkit-appearance:none) and (stroke-color:transparent) {
  img { image-rendering: unset !important; }
}} */


@font-face {font-family:'go';font-style: normal;font-weight: 200;
  src: url('../Fontes/poppins-200.svg'); 
  src: local(''),
       url('../Fontes/poppins-200.eot?#iefix') format('embedded-opentype'),
	   url('../Fontes/poppins-200.woff2') format('woff2'), 
       url('../Fontes/poppins-200.woff') format('woff'), 
       url('../Fontes/poppins-200.ttf') format('truetype'); }


@font-face {font-family:'go';font-style: normal;font-weight: 400;
  src: url('../Fontes/poppins-400.eot'); 
  src: local(''),
       url('../Fontes/poppins-400.eot?#iefix') format('embedded-opentype'),
	   url('../Fontes/poppins-400.woff2') format('woff2'), 
       url('../Fontes/poppins-400.woff') format('woff'), 
       url('../Fontes/poppins-400.ttf') format('truetype'); }

@font-face {font-family:'go';font-style: normal;font-weight: 500;
  src: url('../Fontes/poppins-500.eot'); 
  src: local(''),
       url('../Fontes/poppins-500.eot?#iefix') format('embedded-opentype'),
	   url('../Fontes/poppins-500.woff2') format('woff2'), 
       url('../Fontes/poppins-500.woff') format('woff'), 
       url('../Fontes/poppins-500.ttf') format('truetype'); }

@font-face {font-family:'go';font-style: normal;font-weight: 600;
  src: url('../Fontes/poppins-600.eot'); 
  src: local(''),
       url('../Fontes/poppins-600.eot?#iefix') format('embedded-opentype'),
	   url('../Fontes/poppins-600.woff2') format('woff2'), 
       url('../Fontes/poppins-600.woff') format('woff'), 
       url('../Fontes/poppins-600.ttf') format('truetype'); }


@font-face {font-family:'Oswald';font-style: normal;font-weight:400;
  src: url('../Fontes/oswald-400.eot');
  src: local(''),
       url('../Fontes/oswald-400.eot?#iefix') format('embedded-opentype'),
	   url('../Fontes/oswald-400.woff2') format('woff2'), 
       url('../Fontes/oswald-400.woff') format('woff'), 
       url('../Fontes/oswald-400.ttf') format('truetype'), 
       url('../Fontes/oswald-400.svg#Oswald') format('svg'); 
}

body {font-size: 1em; color:#000; font-family: 'go', Arial, Helvetica, sans-serif; margin:0; font-weight:400; height:100%; width:100%; position:relative; background-color:#fff;
-webkit-user-select: none; -moz-user-select: none;  -khtml-user-select: none; -ms-user-select: none; 
}


* { 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.7em}
svg {width: 100%; height: 100%; display: block}
.coulIci01{fill:#ed3909}
.coulIci02{fill:#fff}
.coulIci03{fill:#3054a5}
.coulIci04{fill:#ed3909}

.H .ano0 {visibility: hidden}
.H .anSX0 {visibility: hidden; transform-origin:0 0 }
.H .anSX1 {transform-origin:0 0 }
.H .anScale {transform-origin:50% 50% }
.H .ans1 {visibility: hidden; transform-origin:50% 50% }
.H .any1, .H .any2, .H .any3 {visibility: hidden; transform-origin: 50% 50% }
.H .anys1, .H .anys2, .H .anys3 {visibility: hidden; transform-origin: 50% 50% }

.H .anyA, .H .anyB {visibility: hidden; transform-origin: 50% 50% }
.H .anSX2 {transform-origin:0 0 }
.H .anS3 {visibility: hidden; transform-origin:50% 50% }


#menuMob {display:none}
#logo {width:259px; display:block; height:auto; position:fixed; top:85px; left:52px; z-index:503; overflow:hidden; padding-bottom:30px}
	#logo img {width:100%;transform-origin: 0 0;}
	#logo i {width:0; height:1px; background-color:#ed5126; display:block; visibility:hidden; margin-top:8px}
	.H #logo {visibility:hidden}

#menu {width:363px; position:fixed; top:245px; left:0; z-index:502; font-family:'Oswald', Arial, Helvetica, sans-serif}
	#menu li { display:block; margin-left:0px; padding:5px 0}
	
	#menu li a, #menu li span { display:block; font-size:1.15em; font-weight:400; letter-spacing:0.06em; text-transform:uppercase;
		cursor:pointer;  position:relative; overflow:hidden; padding:0; line-height: 1.6em}
		.H #menu li a, .H #menu li span {visibility:hidden}
		
		#menu strong {position:relative; z-index:550; font-weight:normal; display:inline-block; color:#4f5252; background-color:#FFF; padding:6px 20px 6px 56px;}
		
		#menu i {position:absolute; font-style:normal; z-index:549; display:inline-block; left:0px; top:0; background-color:#ed3909; color:#FFF; padding:6px 20px 6px 56px;}
		#menu b {position:absolute; top:50%; margin-top:-0.5em; left:-10px; width:1em; display:block; z-index:550}
	/*#menu li .mactif {background-color:#ed3909; color:#FFF}*/


.menuint {position:relative; width:100%; padding-left:363px; height:auto; background-color:#f6f7f7; top:0; left:0; z-index:499; display:block}
.H .menuint {position:fixed; display:none; width:363px; height:100%; padding-left:0; }
	.menuint ul {padding:50px}
	.H .menuint ul {padding:235px 15px 0 30px}
	.menuint ul li { display:block; margin-bottom:4px}
	.menuint ul li a { display:block; padding-left:15px;font-family:'Oswald', Arial, Helvetica, sans-serif; font-size:1.15em; font-weight:400; letter-spacing:0.06em; 
					text-transform:uppercase;color:#4f5252; ; background-image:url(../Images/fl4.png); background-position:0 1.65em; background-repeat:no-repeat; 
					background-size:5px;}
		.menuint ul li a span {display:inline-block; position:relative; padding:1em 0 0.3em 0}
		.menuint ul li a span i { display:block; height:2px; width:100%; position:absolute; bottom:0; left:0; background-color:#ed3909}



#jve {position:fixed; bottom:0; left:0; width:363px; display:block; background-color:#fff; z-index:509}
.H #jve {visibility:hidden}
#jve div {margin-left:46px; position: relative; border-top:1px solid #ed3909; padding-top:1.5em; width:235px; display: block; padding-bottom: 3em}
#jve span { font-family:'Oswald', Arial, Helvetica, sans-serif;font-weight:400; letter-spacing:0.06em; text-transform:uppercase; font-size:1.15em;
	color:#ed3909; line-height: 1.3em; position: relative; display: inline-block; padding-right: 2em}
#jve b {width: 1.4em; position: absolute; top:1.6em; right: 0; transform-origin: 50% 50%}

	

#bandeG {width:363px; height:100%; position:fixed; top:0; left:0; background-color:#fff; z-index:500;}




.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}

.calExtA{} .calA {position: absolute; top:0; left:0; width: 100%}
.H .calA {width: auto; height: auto}

/*#accueilNew {width: 100%; height: 100%; position:relative; z-index: 50}
.H #accueilNew {visibility: hidden}*/

#accueilNewVideo {width: 100%; height: 100%; position:relative; z-index: 50; /*min-height: 400px*/}
.H #accueilNewVideo {visibility: hidden}

	.partie1 {margin-left:363px; width:auto; height: 100%; position:relative; z-index:50}

#accueilNewCont {width: 100%; height:auto; position:relative; z-index: 50}
.H #accueilNewCont {visibility: hidden}
	
	.partie {margin-left:363px; width:auto; height:auto; position:relative; z-index:50; background-color: #1d2126}

.partieint {width: 100%; height: 100%; position: relative; overflow: hidden;}
.H .partie .partieint {visibility: hidden}	


/* Sjs*/
.partie {height: auto} 
.H .partie {height:auto}
.partieint {height: auto}
.H .partieint {height:100%}
.partie1 .partieint {height:100%}



	.cont {position:relative; padding:100px; z-index: 50}
	.H .cont { visibility: hidden; position:absolute; bottom:210px; left:8%; padding:0; z-index: 50}
	.H #cont1 {visibility: visible}

	#video {z-index: 10}
	.im { transform-origin: 50% 50%; z-index:10; position:relative; width:100%}
	/*.H .im { visibility: hidden;position:absolute; width:2500px; height:1573px; top:50%; left:50%; margin-top:-786px; margin-left:-1250px; }*/
			
	.cont {color:#FFF; /*pointer-events:none;*/}
		.cont h1 {font-family:'Oswald', Arial, Helvetica, sans-serif;font-weight:400; letter-spacing:0.06em; text-transform:uppercase; font-size:2.6em; 
		overflow:hidden; display:inline-block; padding-bottom:30px; line-height:1.3em}
		.cont h1 span {position:relative; display:inline-block}
		#cont1 h2 { padding-top:20px; font-size:1.3em; letter-spacing:0.04em; line-height:1.8em; font-weight:400}
		.cont .trait {width:81px; height:2px; background-color:#FFF; margin:0px 0 10px 0; transform-origin: 0 0}
 		/*.cont .bt {margin-top:32px; background-image:url(../Images/fondA.png); background-position:100% 0; background-repeat:no-repeat; display:inline-block; cursor:pointer;
				position:relative; overflow:hidden; z-index:500; pointer-events:auto; color:#FFF}
		.cont .bt span { font-size:0.75em; text-transform:uppercase; letter-spacing:0.08em; background-image:url(../Images/fl1.png); background-position:20px 50%; 
					background-repeat:no-repeat; background-size:9px; padding:12px 47px 11px 40px; display:inline-block; font-weight:500; position:relative; z-index:501}
		.cont .bt i {width:100%; height:100px; position:absolute; top:0; left:0; z-index:502; display:block; visibility:hidden; 
					background-image:url(../Images/fondB.png); background-repeat:no-repeat; background-position:100% 0; }*/


	.cont .bt {margin-top:32px; display: inline-block; border-radius: 80px; background-color: #FFFFFF; font-size: 1em; cursor: pointer; 
		position: relative; color:#000; line-height: 1.2em; font-weight:400; padding-top: 0.9em; padding-bottom: 0.9em; padding-right: 3.8em; padding-left: 1.5em}
	.cont .bt strong { font-weight: 500; font-size: 0.95em; display: inline-block; position: relative; z-index: 2}
	.cont .bt b { position: absolute; z-index: 1; top: 50%; right: 0.5em; margin-top: -0.95em; width:1.9em; height:1.9em; background-color:#ed3909; 
			border-radius: 50%; transform-origin: 50% 50%; overflow: hidden}
	.cont .bt b span {position: relative; width: 100%; height: 100%; overflow: hidden; display: block; border-radius: 50%;}
	.cont .bt b span i {position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; border-radius:50%}
	.cont .bt b svg {transform-origin: 50% 50%}

	
		/* slide 1 */ 
		.H #cont1 h1, .H #cont1 h2, .H #cont1 .bt, .H #video, .H #cont1 .trait {visibility: hidden}
				
		/* slide 2 */
		.H #cont2 {bottom:260px}/*js*/
		.cont .blocAccueilG {width:505px; float:left; padding-left:65px; background-image:url(../Images/Losange-1.png); background-repeat:no-repeat; background-size:137px 137px}
		.cont .blocAccueilD {width:505px; float:left; margin-left:15px; padding-left:65px; background-image:url(../Images/Losange-1.png); background-repeat:no-repeat; 
								background-size:137px 137px}
		.blocAccueilG h3, .blocAccueilD h3 {font-family:'Oswald', Arial, Helvetica, sans-serif;font-weight:400; letter-spacing:0.06em; text-transform:uppercase; font-size:2.1em; 
		display:inline-block; padding:20px 0 33px 0; line-height:1.3em}
				
		.blocAccueilG ul, .blocAccueilD ul {padding:7px 0 0 0; margin:0}
			.blocAccueilG ul li, .blocAccueilD ul li {padding:7px 0 7px 0; line-height:1.4em; font-size:1.1em; font-weight:500; letter-spacing:0.025em}
		
		#cont2 .bt {margin-top:50px}
		
.SurvolVisible {pointer-events:none; padding:10px 37px 10px 15px; background-color: rgba(33, 33, 33, 0.6); background-image:url(../Images/fl1.png); 
				background-position:85% 50%; font-size:0.7em; text-transform:uppercase; letter-spacing:0.09em; color:#FFF; z-index:250; 
				background-repeat:no-repeat; background-size:9px; border-radius:7px; line-height:1.3em}

		/* slide 3 - 4 - 5 ...*/
		.cont h4 {font-family:'Oswald', Arial, Helvetica, sans-serif;font-weight:400; letter-spacing:0.06em; text-transform:uppercase; font-size:2.6em; 
		overflow:hidden; display:inline-block; padding-bottom:30px; line-height:1.3em}
		.cont h4 span {position:relative; display:inline-block}
		
		.cont p { padding-top:20px; font-size:1em; letter-spacing:0.04em; line-height:1.8em; font-weight:400; width:890px; text-align:left}
		.cont .ref { padding-top:0px; text-align:left}
			.cont .ref span {display:inline-block; padding:4px 10px 4px 25px; background-image:url(../Images/Check.png); background-repeat:no-repeat; background-position:0 50%; font-weight: 500; background-size:20px}
		
		/* slide contact */
		/*.cont .citation {font-weight:200; font-size:1.4em; width:890px; padding-bottom:57px; padding-top:0}
		.cont .nom { font-weight:600; font-size:1.3em; letter-spacing:0.06em; text-transform:uppercase; padding:25px 0 25px; display:block}
			.cont .coord { display:inline-block; float:left; font-weight:400; font-size:1.2em; line-height:1.8em; margin-right:60px; overflow:visible;
			-webkit-user-select:text; -moz-user-select:text;  -khtml-user-select:text; -ms-user-select:text}
			.cont #coodder {margin-right:0}
			.cont .coord span {display:inline-block; background-image:url(../Images/fl3.png); background-size:8px; padding-left:20px; background-position:0px 0.6em; 
					background-repeat:no-repeat}
				.cont .coord span a {color:#FFF; text-decoration:none; cursor:pointer; position:relative; z-index:500; pointer-events:auto; }
				.cont .coord span a:hover { text-decoration:underline}*/
				

	
	
	#sociaux {width:73px; right:0; top:14px; position:fixed; z-index:600;display: none}
		#sociaux a {width:56%; margin-left:auto; margin-right:auto; display:block; margin-top:13px; border-radius:50%; border:1px solid #fff}
			#sociaux a img {width:100%; }
		.H #sociaux a {visibility:hidden}
	
	
	#filet {width:1px; height:31%; background-color:#FFF; position:fixed; top:0; right:73px; z-index:600; visibility:hidden; display: none}
	#points {position:fixed; top:36%; height:24%; right:60px; width:26px; z-index:600;  
	display: flex; /* contexte sur le parent */ flex-direction: column; /* direction d'affichage verticale */ justify-content: center; /* alignement vertical */ ; display: none}
		.point {width:9px; height:9px; background-color:#FFF; border-radius:50%; margin:auto; visibility:hidden; border:1px solid #FFF}

	#fleche {width:36px; height:36px; position:fixed; top:64%; right:35px; z-index:600; cursor:pointer; visibility:hidden; padding:20px; border-radius:50%; display: none}

	.process {margin-left:363px; width:auto; padding-top:7em; padding-bottom:7em; position:relative; z-index: 50; background-color:#fbfcfd; }
	.processINT {width: 84%; max-width: 2000px; margin-left: auto; margin-right: auto}
		.titreprocess { display:block; text-align:left; font-family:'Oswald', Arial, Helvetica, sans-serif; color:#505353; font-weight:400; text-transform:uppercase}
		.titreprocess span {font-size:3.4em;letter-spacing:0.03em; line-height:1.2em; display: inline-block; overflow: hidden}
			.titreprocess span b {display: inline-block; position: relative; transform-origin: 0 0; font-weight: 400; line-height: 1.3em}
		.listeprocess {width: 100%; display: block; margin-top: 4.4em}

			.listeprocess li {width: 100%; display: block; position: relative; padding:1.6em 0 3.4em 0}
			.proc-ligne {width: 100%; height: 1px; background-color:#ed3909; top: 0; left: 0; position: absolute}
			.proc-ligneDER {width: 100%; height: 1px; background-color:#ed3909; bottom: 0; left: 0; position: absolute}
			.proc-ico {width: 3.5em; height: 3.5em; display: block;border-radius: 50%; border:1px solid #fce1da; position:absolute; top: 1.6em; left: 0;}
			.proc-ico div {width: 100%; height: 100%; position: relative}
				.proc-ico b {width:50%; height:50%; position: absolute; top: 25%; left: 25%; transform-origin: 50% 50%}
			.proc-titre {width: 35%; float: left; padding-left:10%; padding-top: 1em; overflow: visible}
				.proc-titre h3 {font-family:'Oswald', Arial, Helvetica, sans-serif; font-weight:400; text-transform:uppercase; font-size: 1.4em; line-height: 1.4em; color:#505353;}
			.proc-desc {width: 46%; float: right; margin-right:2.6%}
			.proc-desc p {color:#6C6C6C; font-size: 0.95em; line-height:1.8em}

	
	.actus {margin-left:0; width:auto; padding-top:7em; padding-bottom:3em; position:relative; z-index: 50; background-color:#f5f7f9; }
	.actusAvecmarge {margin-left:363px; background-color:#fff;}
	.actusINT {width: 84%; max-width: 2000px; margin-left: auto; margin-right: auto}

		.titreactus { display:block; text-align:left; font-family:'Oswald', Arial, Helvetica, sans-serif; color:#505353; font-weight:400; text-transform:uppercase}
		.titreactus span {font-size:3.4em;letter-spacing:0.03em; line-height:1.2em; display: inline-block; overflow: hidden}
			.titreactus span b {display: inline-block; position: relative; transform-origin: 0 0; font-weight: 400; line-height: 1.3em}
		.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:1.1em; color:#303234; font-weight:500; line-height:1.6em; padding:1.5em 0 0.7em 0; display: block}
			.listeactus li p {font-size:0.8em; color:#6C6C6C; line-height:1.8em; padding:0; margin: 0; text-align:left}
			.listeactus li p a {color:#292929; text-decoration:none}
			.listeactus li p a:hover {color:#4B4B4B; text-decoration:none}


	/* page */
#page {font-size: 1.3em}
@media screen and (max-width: 2300px) {  
	#page {font-size: 1.2em}
}
@media screen and (max-width: 2100px) {  
	#page {font-size: 1.1em}
}
@media screen and (max-width: 1950px) {  
	#page {font-size: 1em}
}



	#page {height:auto; min-height:100%; margin-left:363px; width:auto; position:relative; z-index:50; background-color:#fbfcfd; 
		/*background-image:url(../Images/fond-page.png); background-repeat:no-repeat; background-size:42%; background-position:0 0;*/ padding-top:2em}
	.H #page {visibility:hidden}	
		
		.introext {position:relative; width:84%; margin-left:auto;margin-right: auto; overflow:visible; max-width:2000px}
		@media screen and (max-width: 2500px) {  
			.introext {position:relative; width:auto; margin-left:8%}
		}
			.introext .sup {font-size:0.85em; color:#6B6B6B; letter-spacing:0.03em; line-height:1.5em; padding-bottom:24px; margin:0; margin-left:230px; }

			.introext .fondintro {padding:6em 0 10em 0; margin-left:0px; position:relative; overflow: hidden}
			.introext .fondintro2 {padding:6em 0 14em 0; margin-left:0px; position:relative; overflow: hidden; margin-bottom: 7em}

			.introext .imagecouv {margin-left:230px; width:auto; /*recalcul js */ position: absolute; top:0; right:0}
			.introext .imagecouv2 {margin-left:230px; width:auto; /*recalcul js */ position: absolute; top:0; right:0}
			.introext .imagecouvInt {width: 100%; height: 100%; position: relative; overflow: hidden; }
			.introext .imagecouvInt img {width: 100%; display: block; position: absolute; top: 0; left: 0}

			.introext .leg { display:none;/*display en plus*/ font-size:0.8em; position:absolute; bottom:0; right:0; padding:10px 15px; color:#5d5a58; background-color:rgba(255, 255, 255, 0.8); font-style:italic}
			
			.introext .intro1 { position:relative; z-index:30; height:auto; color:#FFF; display:block; width:35%; max-width:600px; 
				padding:37px 50px 35px 55px; margin-left:0px; /*background-color:#3b6590;*/ 
				background-color:rgba(43, 86, 166, 0.9);}
			.introext .intro2 { position:relative; z-index:30; height:auto; color:#FFF; display:block; width:50%; max-width:750px; 
				padding:37px 50px 35px 55px; margin-left:0px; background-color:rgba(43, 86, 166, 0.9); 
				background-image:url(../Images/fondintro.png); background-repeat:no-repeat; background-position:0 0; background-size:149px}			
						
				.introext  h1 {font-size:2.8em; font-family:'Oswald', Arial, Helvetica, sans-serif;font-weight:400; letter-spacing:0.06em; text-transform:uppercase;  line-height:1.3em; margin:0; padding:0}
				.introext  h2 {font-size:1.9em; font-weight:600; line-height:1.6em}
				.introext .filet {width:74px; background-color:#FFF; height:2px; margin:18px 0 20px 0; transform-origin: 0 0}
				.introext  p {font-size:1em; line-height:1.9em; margin-bottom:0}
				.introext #plus {width:48px; height:48px; border-radius:50%; margin-top:20px; background-image:url(../Images/fl5.png); background-position:50% 50%; background-repeat:no-repeat; background-size:25px; background-color:rgba(255, 255, 255, 0.1); cursor:pointer}
			
			
				.introG {float:left; width:50%; margin-right:5%}
				.introD {float:right; width:45%}
					.traitintro {width:40px; height:2px; background-color:#FFF; margin:45px 0 15px 0}
					.introext ul li {padding:9px 0;font-size:1em; line-height:1.5em; font-weight:500}
					.introext ul li span.light {font-weight:400; font-size: 0.9em; color:#dfe6f1}
					.introext #introliste {padding-top:6px}
					.introext #introliste li { padding:3px 0 3px 20px;font-size:1em; line-height:1.5em; font-weight:400; background-image:url(../Images/fl1.png); background-repeat:no-repeat; background-position:0 50%; background-size:6px }
					.introext #introliste li a{ color:#FFF; text-decoration:none}
					.introext #introliste li a:hover {opacity:0.7; text-decoration:underline}
				
			#galerie {width:100%; max-width: 2000px; margin-left: auto; margin-right: auto; position:relative; cursor:pointer; overflow:hidden}
				#galerie img {width:100%; position:absolute; top:0; left:0; z-index:40; /*visibility:hidden*/ display:none}
				#galerie #galerie1 {/*visibility:visible*/ display:block}
				#galerie #cache {visibility:hidden; display:block; position:relative}
				#precedent {background-color:rgba(255, 255,255, 0.8); border-radius:50%; width:85px; height:85px; position:absolute; top:50%; left:40px; margin-top:-42px; z-index:50; cursor:pointer}
				#suivant {background-color:rgba(255, 255, 255, 0.8); border-radius:50%; width:85px; height:85px; position:absolute; top:50%; right:40px; margin-top:-42px; z-index:50; cursor:pointer}
#precedent svg, #suivant svg {display: block; width: 100%; transform-origin: 50% 50%}
				#galerie .leg { z-index:50; font-size:0.8em; position:absolute; bottom:0; right:0; padding:10px 15px; color:#5d5a58; background-color:rgba(255, 255, 255, 0.8); font-style:italic; /*visibility:hidden*/ display:none; visibility:hidden/*visi en plus*/}
				#galerie #leg1 {/*visibility:visible;*/ display:block}
			
			.context {position:relative; width:84%; margin-left:auto; margin-right: auto; padding-bottom:150px; max-width:2000px}
				.context .colG {float:left; width:48%; margin-top:75px}
				.context .colD {float:left; width:48%; margin-left:4%; margin-top:75px}
				.context .mH { margin-top:100px}
				.context .ft {background-image:url(../Images/fond-titre.png); background-size:160px; background-position:0 0; background-repeat:no-repeat;}
				.context h2 {font-size:1.6em; color:#303234; font-weight:500; line-height:1.4em; padding:26px 0 33px 75px}
				.context .masque {visibility:hidden}
				.context p {font-size:1em; color:#484848; line-height:1.9em; padding:0 0 0 75px; text-align:justify}
				.context p a { color:#000; text-decoration:underline} .context p a:hover {text-decoration:none}
				.context h3 {font-size:1.1em; font-weight:500; color:#2b3339; line-height:1.6em; padding:0 0 0 75px; background-image:url(../Images/Check.png); 
							background-position:45px 50%; background-repeat:no-repeat; background-size:20px;}
				.context ul{font-size:0.9em; color:#616161; line-height:2em; padding:15px 0 50px 75px;}
				.context .image {padding:60px 0 0 75px;}
					.context .image img {width:100%}
				.context i {font-size:0.9em; color:#818181; line-height:1.4em; padding:15px 0 0 0; display:block; text-align:right}
				
				.context ul .check {font-size:1.05em; color:#484848; line-height:1.9em; padding:0.5em 0 0.5em 40px; background-image:url(../Images/Check.png); background-position:0px 0.8em; background-repeat:no-repeat; background-size:20px;}
				.context ul .check b {font-size:1.1em; font-weight:500}
				
				.context ul .check2 {font-size:1.15em; color:#484848; line-height:1.9em; padding:0.3em 0 0.3em 25px; background-image:url(../Images/fl4.png); background-position:0px 0.9em; background-repeat:no-repeat; background-size:8px;}
				.context ul .check2 a {color:#484848; text-decoration:none}
				.context ul .check2 a:hover {color:#000; text-decoration:underline}
				
				.context #partenaires .carre {float:left; width:170px; margin-right:90px}
				.context #partenaires .horiz {float:left; width:230px; margin-right:90px}
				.context #partenaires img { width:100%}
				
				.context .partenaire {}
				.context .partenaire img {width:270px; margin-left:75px}
				.context .partenaire p a { background-image:url(../Images/fl4.png); background-position:0 50%; padding:6px 0 6px 22px; background-repeat:no-repeat; background-size:7px; text-decoration:underline; font-weight:500; color:#484848; display:inline-block; margin-top:10px}
				.context .partenaire p a:hover {color:#000; text-decoration:none}
				
				.context .tableau { margin:25px 0 0 75px; width:85%}
				
				.context .reflogos {width:100%; margin:80px 0 80px 0}
				.context .reflogos li {float:left; width:20%; margin-right:5%; margin-top:50px; display:block}
				.context .reflogos li.ret {clear:both; width:0; height:0; line-height:0; margin:0; padding:0; float:none}
					.context .reflogos li a {width:100%; display:block}
					.context .reflogos li img {width:100%; display:block}
				
				
		/* pied de page */
		.extfooteraccueil {margin-left: 363px; width: auto; position: relative; z-index: 50}

		#footer {background-color:#f5f7f9; color:#505353; margin-top:0; -webkit-user-select:text; -moz-user-select:text;  -khtml-user-select:text; -ms-user-select:text}
		.extfooteraccueil #footer {margin-top:0}
		#imgfoot {width:100%; display:block}
		#footint { margin-left:auto; margin-right: auto; width: 84%; max-width: 2000px;  padding-top:35px; padding-bottom:10em}
		#footer .citation {font-weight:200; font-size:1.9em; padding:0; line-height:1.7em; padding-top:2em; display: block; color:#505353}
		#footer .trait {width:75px; height:1px; background-color:#ed3909; margin:50px 0}
		#footer .nom { font-weight:600; font-size:1.15em; letter-spacing:0.06em; text-transform:uppercase; padding:0 0 25px 0; display:block}
			#footer .coord { display:inline-block; float:left; font-weight:400; font-size:1.05em; line-height:1.8em; margin-right:90px; overflow:visible; letter-spacing:0.04em}
			#footer #coodder {margin-right:0}
			#footer .coord span {display:inline-block; background-image:url(../Images/fl3.png); background-size:8px; padding-left:20px; background-position:0px 0.6em; background-repeat:no-repeat}	
				#footer .coord span a {text-decoration:none; color:#505353; cursor:pointer}
				#footer .coord span a:hover {text-decoration:underline}	
			#footer #soc {margin:15px 0 0 0; display:block}
				#footer #soc a {width:49px; display:inline-block; margin-right:21px; border-radius:50%; border:1px solid #dcdddd}
				#footer #soc a img {width:100%}
			.ment { margin-top:1em; display:inline-block; font-size:0.95em; }
				.ment a {color:#505353; margin-right: 2em; position: relative; padding: 1em 0; display: inline-block}
				.ment a i {display:block; width: 100%; height: 1px; background-color:#dcdddd; position: absolute; bottom: 0.7em; left: 0}
				.ment a:hover {color:#313131}
			
	

.contgeneralInt {margin-left:8%; width: 70%; max-width: 2000px; position:relative; font-size: 0.9em}
	.contgeneral-titre {background-color:#fbfcfd; padding: 6em 0 3em 0; margin-top:0;}
		.contgeneral-titre h1 {font-size:2.8em; position: relative; padding-top:0.7em; font-weight:400; letter-spacing: 0.03em; color:#000; 
			line-height: 1.6em; font-family:'cormorant', sans-serif; }
		.contgeneral-titre h1 i {position:absolute; top:0; left:0; width:1.5em; height:2px; background-color:#000; transform-origin: 0 0}
		.contgeneral-titre h2 {font-size:1.3em; position: relative; padding-top:0.5em; font-weight:400; letter-spacing: 0.03em; color: #636363; 
			line-height: 1.6em}

	.contgeneral-contenu {padding: 3em 0 10em 0;background-color:#fbfcfd}
		.contgeneral-contenu h2 {font-size:1.8em; position: relative; padding-top:1.1em; font-weight:400; letter-spacing: 0.03em; color:#000; 
			line-height: 1.6em}
		.contgeneral-contenu h2 i {position:absolute; top:0; left:0; width:1.5em; height:2px; background-color:#ed3909; transform-origin: 0 0}
		.contgeneral-contenu h3 {font-size:1.3em; position: relative; padding-top:0.7em; font-weight:400; letter-spacing: 0.03em; color:#292929; 
			line-height: 1.8em}
		.contgeneral-contenu p {font-size:1.1em; position: relative; padding-top:0.7em; font-weight:400; letter-spacing: 0.03em; color: #636363; 
			line-height:1.9em; padding-bottom:3em; padding-top:0.5em; margin-top: 0}
.contgeneral-contenu p strong {font-weight: 500; color:#3D3D3D}

.contgeneral-contenu p a {color: #636363; text-decoration: none}
.contgeneral-contenu p a.liengeneral {color: #1D1D1D; font-size: 1.2em; text-decoration: underline; display: inline-block; padding-top:0.5em}
.contgeneral-contenu p a.liengeneral:hover {color: #646464; text-decoration: none}



	
@media screen and (max-height:680px) , screen and (max-width: 1730px) {
body {font-size:0.85em}
.H #load {width:40px; /*height:10px*/margin-top:-5px; margin-left:-20px;}	
#logo {width:220px; top:72px; left:44px;padding-bottom:25px}
	#logo i {margin-top:7px}
#menu {width:308px; top:208px}
	#menu li {padding:4px 0}
		#menu strong,#menu i {padding:5px 17px 5px 47px;}
		/*#menu b {margin-top:-3.5px; width:7px; height:7px; background-size:7px;}*/
.H .menuint {width:308px}
	.H .menuint ul {padding:199px 13px 0 25px}
	.menuint ul li {margin-bottom:4px}
	.menuint ul li a {padding-left:13px; background-position:0 1.65em;background-size:4px;}
		.menuint ul li a span {padding:1em 0 0.3em 0}
		.menuint ul li a span i {height:2px}
#jve {width:308px}
	#jve div {margin-left:44px; width:220px}
#bandeG {width:308px}
	.partie, .partie1, .process, .actusAvecmarge {margin-left:308px}
		.H .cont, .H #cont2 {bottom:175px; /*left:115px*/}
		.cont h1 {padding-bottom:25px}
		#cont1 h2 { padding-top:16px}
		.cont .trait {width:70px; height:2px; margin:0px 0 8px 0}
 		.cont .bt {margin-top:26px}
		/*.cont .bt span {background-size:8px; padding:10px 43px 9px 40px;}*/
		/* slide 2 */
		.cont .blocAccueilG {width:425px; padding-left:51px; background-size:110px 110px}
		.cont .blocAccueilD {width:425px; margin-left:10px; padding-left:51px; background-size:110px 110px}
		.blocAccueilG h3, .blocAccueilD h3 {padding:16px 0 26px 0}
		.blocAccueilG ul, .blocAccueilD ul {padding:6px 0 0 0}
			.blocAccueilG ul li, .blocAccueilD ul li {padding:6px 0 6px 0}
		#cont2 .bt {margin-top:40px}
.SurvolVisible {padding:8px 30px 8px 12px; background-size:8px}
		/* slide 3 - 4 - 5 ...*/
		.cont h4 {padding-bottom:25px}
		.cont p { padding-top:16px; width:750px}
			.cont .ref span {padding:3px 8px 3px 21px; background-size:16px}
		/* slide contact */
		/*.cont .citation {width:750px; padding-bottom:45px}
		.cont .nom { padding:23px 0 23px}
			.cont .coord {margin-right:50px}
			.cont .coord span {background-size:7px; padding-left:17px}*/

	#sociaux {width:65px; top:12px}
		#sociaux a {margin-top:12px}
	
	#filet {right:65px}
	#points {right:54px; width:23px}
		.point {width:7px; height:7px}
	#fleche {width:32px; height:32px; right:34px; padding:15px}
	
	/* page */
	#page {margin-left:308px; background-size:42%; }	
		.introext {margin-left:8%}
			.introext .sup {padding-bottom:21px; margin-left:195px}
	
			.introext .fondintro {padding:54px 0 85px 0}
			.introext .fondintro2 {padding:54px 0 120px 0}
			.introext .imagecouv {margin-left:195px}
			.introext .imagecouv2 {margin-left:195px}
				.introext .leg {padding:8px 12px}
			.introext .intro1 {width:35%; padding:31px 42px 30px 45px; }
			.introext .intro2 {width:50%; padding:31px 42px 30px 45px; background-size:126px}	
				.introext .filet {width:65px; height:2px; margin:15px 0 17px 0}
				.introext #plus {width:40px; height:40px; border-radius:50%; margin-top:17px; background-size:20px}
					.traitintro {width:35px; height:2px; margin:40px 0 12px 0}
					.introext ul li {padding:7px 0}
				#precedent {width:70px; height:70px; background-size:30px; left:35px; margin-top:-35px}
				#suivant {width:70px; height:70px; background-size:30px;right:35px; margin-top:-35px}
				#galerie .leg {padding:8px 12px}
			.context {width:84%; margin-left:8%; padding-bottom:127px}
				.context .colG {width:48%; margin-top:65px}
				.context .colD {width:48%; margin-left:4%; margin-top:65px}
				.context .mH { margin-top:80px}
				.context .ft {background-size:136px}
				.context h2 {padding:23px 0 28px 65px}
				.context p {padding:0 0 0 65px}
				.context h3{padding:0 0 0 65px;background-position:35px 50%; background-size:17px;}
				.context ul{padding:12px 0 40px 65px;}
				.context .image {padding:50px 0 0 65px;}
				.context i {padding:12px 0 0 0}
				.context ul .check {padding:0.5em 0 0.5em 32px; background-position:0px 0.8em; background-size:17px;}
				
				.context #partenaires .carre {width:155px; margin-right:80px}
				.context #partenaires .horiz {width:210px; margin-right:80px}
				.context .partenaire img {width:240px; margin-left:65px}
				.context .partenaire p a {padding:5px 0 5px 18px; background-size:5px; margin-top:8px}
				
		/* pied de page */
		.extfooteraccueil {margin-left:308px}
		#footer {}
		/*#footint { margin-left:9%; padding-top:30px}*/
		#footer .citation {width:756px}
		#footer .trait {width:65px; height:1px; margin:40px 0}
		#footer .nom {padding:0 0 20px 0}
			#footer .coord {margin-right:80px}
			#footer .coord span {background-size:6px; padding-left:15px; background-position:0px 0.6em;}		
			#footer #soc {margin:12px 0 0 0}
				#footer #soc a {width:40px; margin-right:17px}
			
}


@media screen and (max-height:580px) , screen and (max-width: 1550px) {
body {font-size:0.8em}
#logo {width:207px; top:68px; left:41px;padding-bottom:23px}
	#logo i {margin-top:7px}
#menu {width:290px; top:196px}
	#menu li {padding:4px 0}
		#menu strong,#menu i {padding:5px 16px 5px 45px;}
		/*#menu b {margin-top:-3px; width:6px; height:6px; background-size:6px;}*/
.H .menuint {width:290px}
	.H .menuint ul {padding:191px 12px 0 24px}
	.menuint ul li {margin-bottom:3px}
	.menuint ul li a {padding-left:12px; background-position:0 1.65em;background-size:4px;}
		.menuint ul li a span {padding:1em 0 0.3em 0}
		.menuint ul li a span i {height:2px}
#jve {width:290px}
	#jve div {margin-left:41px; width:207px}
#bandeG {width:290px}
	.partie, .partie1, .process, .actusAvecmarge {margin-left:290px}
			.H .cont, .H #cont2 {bottom:165px; /*left:108px*/}
		.cont h1 {padding-bottom:24px}
		#cont1 h2 { padding-top:15px}
		.cont .trait {width:65px; height:2px; margin:0px 0 7px 0}
 		.cont .bt {margin-top:24px}
		/*.cont .bt span {background-size:7px; padding:9px 40px 8px 40px;}*/
		/* slide 2 */
		.cont .blocAccueilG {width:380px; padding-left:40px; background-size:80px 80px; font-size:0.95em}
		.cont .blocAccueilD {width:380px; margin-left:6px; padding-left:40px; background-size:100px 100px; font-size:0.95em}
		.blocAccueilG h3, .blocAccueilD h3 {padding:14px 0 23px 0}
		.blocAccueilG ul, .blocAccueilD ul {padding:5px 0 0 0}
			.blocAccueilG ul li, .blocAccueilD ul li {padding:5px 0 5px 0}
		#cont2 .bt {margin-top:35px}
.SurvolVisible {padding:7px 30px 8px 12px; background-size:7px}
		/* slide 3 - 4 - 5 ...*/
		.cont h4 {padding-bottom:24px}
		.cont p { padding-top:15px; width:700px}
			.cont .ref span {padding:3px 7px 3px 18px; background-size:14px}
		/* slide contact */
		/*.cont .citation {width:700px; padding-bottom:40px}
		.cont .nom { padding:20px 0 20px}
			.cont .coord {margin-right:45px}
			.cont .coord span {background-size:6px; padding-left:15px; background-position:0px 0.7em;}*/
			
	/* page */
	#page {margin-left:290px; background-size:42%; }	
		.introext {margin-left:8%}
			.introext .sup {padding-bottom:16px; margin-left:180px}
			.introext .fondintro {padding:47px 0 75px 0;}
			.introext .fondintro2 {padding:47px 0 100px 0}
			.introext .imagecouv {margin-left:180px}
			.introext .imagecouv2 {margin-left:180px}
				.introext .leg {padding:7px 11px}
			.introext .intro1 {width:40%; padding:28px 37px 28px 39px; }
			.introext .intro2 {width:50%; padding:28px 37px 28px 39px; background-size:110px}	
				.introext .filet {width:60px; height:2px; margin:14px 0 16px 0}
				.introext #plus {width:37px; height:37px; margin-top:15px; background-size:18px}
					.traitintro {width:30px; height:2px; margin:35px 0 10px 0}
					.introext ul li {padding:6px 0}
				#precedent {width:60px; height:60px; background-size:26px; left:30px; margin-top:-30px}
				#suivant {width:60px; height:60px; background-size:26px;right:30px; margin-top:-30px}
				#galerie .leg {padding:7px 11px}
			.context {width:84%; margin-left:8%; padding-bottom:90px}
				.context .colG {width:48%; margin-top:70px}
				.context .colD {width:48%; margin-left:4%; margin-top:70px}
				.context .mH { margin-top:80px}
				.context .ft {background-size:125px}
				.context h2 {padding:21px 0 25px 60px}
				.context p {padding:0 0 0 60px}
				.context h3{padding:0 0 0 60px;background-position:30px 50%; background-size:15px;}
				.context ul{padding:10px 0 35px 60px;}
				.context .image {padding:40px 0 0 60px;}
				.context i {padding:10px 0 0 0}
				.context ul .check {padding:0.5em 0 0.5em 25px; background-position:0px 0.8em; background-size:15px;}
				.context #partenaires .carre {width:155px; margin-right:60px}
				.context #partenaires .horiz {width:210px; margin-right:60px}
				.context .partenaire img {width:240px; margin-left:60px}
		/* pied de page */
		.extfooteraccueil {margin-left:290px}
		#footer {}
		/*#footint { margin-left:9%; padding-top:25px; }*/
		#footer .citation {width:640px}
		#footer .trait {width:55px; height:1px; margin:35px 0}
		#footer .nom {padding:0 0 17px 0}
			#footer .coord {margin-right:70px}
			#footer .coord span {background-size:5px; padding-left:12px; background-position:0px 0.6em;}		
			#footer #soc {margin:10px 0 0 0}
				#footer #soc a {width:35px; margin-right:15px}
			
}


@media screen and (max-height:525px) , screen and (max-width: 1325px) {
body {font-size:0.75em}
#logo {width:194px; top:55px; left:38px;padding-bottom:21px}
	#logo i {margin-top:6px}
#menu {width:272px; top:150px}
	#menu li {padding:4px 0}
		#menu strong,#menu i {padding:5px 15px 5px 42px;}
.H .menuint {width:272px}
	.H .menuint ul {padding:145px 12px 0 24px}
#jve {width:272px}
	#jve div {margin-left:38px; width:194px}
#bandeG {width:272px}
	.partie, .partie1, .process, .actusAvecmarge {margin-left:272px; font-size:0.95em}
			.H .cont, .H #cont2 {bottom:130px; /*left:85px*/}
		.cont h1 {padding-bottom:22px}
		#cont1 h2 { padding-top:14px}
		.cont .trait {width:60px; margin:0px 0 6px 0}
 		.cont .bt {margin-top:24px}
		/*.cont .bt span {background-size:6px; padding:9px 40px 8px 40px;}*/
		/* slide 2 */
		.cont .blocAccueilG {width:340px; padding-left:30px; background-size:80px 80px;}
		.cont .blocAccueilD {width:340px; margin-left:6px; padding-left:30px; background-size:80px 80px; font-size:0.95em;}
		.blocAccueilG h3, .blocAccueilD h3 {padding:12px 0 18px 0}
		.blocAccueilG ul, .blocAccueilD ul {padding:5px 0 0 0}
			.blocAccueilG ul li, .blocAccueilD ul li {padding:5px 0 5px 0}
		#cont2 .bt {margin-top:32px}
		/* slide 3 - 4 - 5 ...*/
		.cont h4 {padding-bottom:22px}
		.cont p { padding-top:14px; width:620px}
			.cont .ref span {padding:3px 7px 3px 15px; background-size:12px}
		/* slide contact */
		/*.cont .citation {width:620px; padding-bottom:34px}
		.cont .nom { padding:20px 0 20px}
			.cont .coord {margin-right:40px}
			.cont .coord span {background-size:5px; padding-left:14px;}*/
			
				
	/* page */
	#page {margin-left:272px; background-size:45%; }	
		.introext {margin-left:8%}
			.introext .sup {padding-bottom:12px; margin-left:170px}
			.introext .fondintro {padding:45px 0 70px 0}
			.introext .fondintro2 {padding:45px 0 90px 0}
			.introext .imagecouv {margin-left:170px}
			.introext .imagecouv2 {margin-left:170px}
				.introext .leg {padding:6px 10px}
			.introext .intro1 {width:40%; padding:25px 35px 25px 35px}
			.introext .intro2 {width:50%; padding:25px 35px 25px 35px; background-size:100px}	
				.introext .filet {width:55px; height:2px; margin:14px 0 16px 0}
				.introext #plus {width:35px; height:35px; margin-top:14px; background-size:16px}
				#precedent {width:54px; height:54px; background-size:22px; left:27px; margin-top:-27px}
				#suivant {width:54px; height:54px; background-size:22px; right:27px; margin-top:-27px}
				#galerie .leg {padding:6px 10px}
	.extfooteraccueil {margin-left:272px}

}


@media screen and (max-height:460px) , screen and (max-width: 1200px) {
body {font-size:0.7em}
#logo {width:174px; top:40px; left:35px;padding-bottom:19px}
	#logo i {margin-top:6px}
#menu {width:244px; top:120px}
	#menu li {padding:3px 0}
		#menu strong,#menu i {padding:5px 13px 5px 38px;}
.H .menuint {width:244px}
	.H .menuint ul {padding:115px 12px 0 24px}
#jve {width:244px}
	#jve div {margin-left:35px; width:174px}
#bandeG {width:244px}
	.partie, .partie1, .process, .actusAvecmarge  {margin-left:244px; font-size:0.85em}
	/*.process{margin-left:244px}*/
			.H .cont, .H #cont2 {bottom:90px; /*left:60px*/}
		/* slide 2 */
		.cont .blocAccueilG {width:290px; padding-left:20px; background-size:60px 60px;}
		.cont .blocAccueilD {width:290px; margin-left:5px; padding-left:20px; background-size:60px 60px; font-size:0.9em;}
		.blocAccueilG h3, .blocAccueilD h3 {padding:10px 0 15px 0}
		.blocAccueilG ul, .blocAccueilD ul {padding:4px 0 0 0}
			.blocAccueilG ul li, .blocAccueilD ul li {padding:5px 0 5px 0}
		#cont2 .bt {margin-top:28px}
		/* slide 3 - 4 - 5 ...*/
		.cont p { padding-top:12px; width:500px}
			.cont .ref span {padding:2px 7px 2px 15px; background-size:12px}
		/* slide contact */
		/*.cont .citation {width:500px; padding-bottom:27px}
		.cont .nom { padding:16px 0 16px}
			.cont .coord {margin-right:25px}
			.cont .coord span {background-size:5px; padding-left:14px;}*/
			
	#sociaux {width:50px; top:10px}
		#sociaux a {margin-top:10px}
	
	#filet {right:50px}
	#points {right:39px; width:23px}
		.point {width:6px; height:6px}
	#fleche {width:30px; height:30px; right:22px; padding:13px}
	
	/* page */
	#page {margin-left:244px; background-size:45%; }	
		.introext {margin-left:8%}
			.introext .sup {padding-bottom:10px; margin-left:100px}
			.introext .fondintro {padding:45px 0 70px 0}
			.introext .fondintro2 {padding:45px 0 90px 0}
			.introext .imagecouv {margin-left:100px}
			.introext .imagecouv2 {margin-left:100px}
				.introext .leg {padding:6px 10px}
			.introext .intro1 {width:50%; padding:25px 35px 25px 35px}
			.introext .intro2 {width:50%; padding:25px 35px 25px 35px; background-size:100px}	
				.introext .filet {width:50px; height:2px; margin:14px 0 16px 0}
				.introext #plus {width:30px; height:30px; margin-top:14px; background-size:14px}
				#precedent {width:50px; height:50px; background-size:20px; left:25px; margin-top:-25px}
				#suivant {width:50px; height:50px; background-size:20px; right:25px; margin-top:-25px}
				#galerie .leg {padding:6px 10px}
			
			.context {width:84%; margin-left:8%; padding-bottom:90px}
				.context .colG {width:48%; margin-top:70px}
				.context .colD {width:48%; margin-left:4%; margin-top:70px}
				.context .mH { margin-top:80px}
				.context .ft {background-size:90px}
				.context h2 {padding:21px 0 25px 40px}
				.context p {padding:0 0 0 40px; letter-spacing:normal}
				.context h3{padding:0 0 0 40px;background-position:15px 50%; background-size:12px;}
				.context ul{padding:10px 0 35px 40px;}
				.context .image {padding:40px 0 0 40px;}
				.context i {padding:10px 0 0 0}
				.context ul .check {padding:0.5em 0 0.5em 20px; background-position:0px 0.8em; background-size:12px;}
				.context #partenaires .carre {width:140px; margin-right:40px}
				.context #partenaires .horiz {width:190px; margin-right:40px}
				.context .partenaire img {width:220px; margin-left:40px}

		.extfooteraccueil {margin-left:244px}
		#footer {}
		/*#footint { margin-left:6%; padding-top:20px; }*/
		#footer .citation {width:560px}
		#footer .trait {width:50px; height:1px; margin:30px 0}
		#footer .nom {padding:0 0 15px 0}
			#footer .coord {margin-right:40px}
			#footer .coord span {background-size:5px; padding-left:12px; background-position:0px 0.6em;}		
			#footer #soc {margin:10px 0 0 0}
				#footer #soc a {width:35px; margin-right:15px}
			
}



@media screen and (max-width: 970px) {
#load {width:38px; height:38px; margin-top:-19px; margin-left:-19px;}	
body { font-size: 0.75em}
#menuMob { display:block; width:70px; height:70px; top:5px; right:5px; border-radius:30%; position:fixed;z-index:590; cursor:pointer}
	#menuMob div {width:50px; height:32px; padding-top:18px; position:fixed; top:15px; right:15px; border-radius:10px; background-color:#fff; z-index:600; cursor:pointer; border:solid 1px #fce1da}
		#menuMob div i {width:19px; height:2px; background-color:#ed3909; display:block; margin-bottom:4px; margin-left:auto; margin-right:auto; position:relative; z-index:602; transform-origin: 50% 50%;}
	.H #menuMob {visibility:hidden}	

#logo {width:180px; display:block; height:auto; position:fixed; top:15px; left:15px; z-index:590; overflow:hidden; padding-bottom:15px}
	#logo i { display:none}
	.H #logo {visibility:hidden}

.menuint {position:relative; width:100%; padding-left:0; height:auto; padding-top:0px; background-color:#eaeaea; z-index:499; display:block}
.H .menuint {display:none}
	.menuint ul {padding:20px}
	
#menu {display:block; position: relative; width:100%; z-index:550; background-color:#fff; background-color:rgba(255, 255, 255, 0.9); overflow:auto;
	top:0; top:unset; left:0; left:unset}
	.H #menu {display: none; position:fixed;height:100%; top:0; left:0; }
	
	#menu li { display:block; margin-left:0px; padding:0;border-top:0px solid #fce1da;}
	#m1 {margin-top:80px}
	#m5 {margin-bottom:40px}
	
	#menu li a, #menu li span { display:block; font-size:1.4em; letter-spacing:0.1em; position:relative; overflow:visible; padding:0;}
		.H #menu li a, .H #menu li span {visibility:visible}
		
		#menu strong {position:relative; z-index:550; font-weight:normal; display:block; color:#ed3909; background-color:#fff; padding:25px 0 25px 40px; 
		border-top:1px solid #fce1da; }
	#menu b .coulIci02 {fill:#ed3909}
	#menu b {left:15px}
		#menu i { display:none}
		/*#menu li .mactif {background-color:#ed3909; color:#FFF}*/
	
		/* menu interieur inject */
		#menu li ul {display:none}
		#menu li ul li a{ font-size:0.9em; position:relative; z-index:550; font-weight:normal; display:block; color:#505353; background-color:#f8f8f8; padding:20px 0 20px 60px; border-top:1px solid #fce1da; background-image:url(../Images/fl4.png); background-size:6px; background-repeat:no-repeat; background-position:40px 50%; line-height:1.6em}
		
		
		/*suite*/
#jve {position:relative; bottom:0; left:0; width:100%; display:block; background-color:#fff; z-index:509; padding-top:3em; padding-bottom: 3em;font-size: 1.3em}
.H #jve {visibility:hidden; /*display:block*/}
	#jve div {margin-left:8%; width:260px}

#bandeG {width:100%; height:80px; position:fixed; top:0; left:0; background-color:#fff; z-index:580;}

/*#accueilNew {width: 100%; height: auto; padding-top:80px}*/
#accueilNewVideo {width: 100%; height:auto;padding-top:80px; position:relative; z-index: 50}
#accueilNewCont {width: 100%; height:auto; position:relative; z-index: 50; font-size: 1.2em}

.partie, .partie1  {margin-left:0; width:auto; height: auto; position:relative; z-index:50; background-color:#353740}
.partieint {width: 100%; height: auto; position: relative; overflow: hidden}
.partie1, .partie1 .partieint {min-height:400px}

/*Sjs*/
.partie {height: auto} 
.H .partie {height:auto}
.partieint {height: auto}
.H .partieint {height:auto}
.partie1 .partieint {height:auto}
		
	.cont {position:relative; z-index:200; padding:50px 0 150px 0}
	.H .cont {position:relative; bottom:0px; left:0px; padding:50px 0 150px 0}	
	
	.im { transform-origin: 50% 50%; z-index:199; position:relative; width:100%}
	.H .im {position:relative; width:100%; height:auto; top:0; left:0; margin-top:0; margin-left:0; }
			
	.cont {color:#fff; /*pointer-events:none;*/ width:84%; margin:0 auto}
		.cont h1 {font-size:3.1em; overflow:hidden; display:inline-block; padding:0; line-height:1.3em}
		#cont1 h2 { padding-top:0; font-size:1.2em}
			
		.cont .trait {width:50px; height:2px; background-color:#FFF; margin:20px 0 20px 0}
		
 		.cont .bt {margin-top:25px; font-size: 1.15em}
		/*.cont .bt span { font-size:0.8em; letter-spacing:0.08em; background-position:13px 50%; background-size:7px; padding:10px 35px 9px 27px;}
		.cont .bt i {display:none}*/
		.cont .bta {display:none}
	
		.H #cont1 { position: absolute; bottom:13%; left: 8%; padding:0}
		.H #cont1 h1, .H #cont1 h2, .H #cont1 .bt, .H #video, .H #cont1 .trait {visibility: hidden} 
		
		/* slide 2 */
		.H #cont2 {bottom:0; left: 0}/*js*/
		.cont .blocAccueilG {width:47%; float:left; padding-left:0px; background-size:80px 80px; background-position:0 0}
		.cont .blocAccueilD {width:47%; float:left; margin-left:6%; margin-top:0; padding-left:0px; background-size:80px 80px; background-position:0 0}
		.blocAccueilG h3, .blocAccueilD h3 {font-family:'Oswald', Arial, Helvetica, sans-serif;font-weight:400; letter-spacing:0.06em; text-transform:uppercase; font-size:2.2em; 
		display:inline-block; padding:30px 0 10px 0; line-height:1.3em}
				
		.blocAccueilG ul, .blocAccueilD ul {padding:7px 0 0 0; margin:0}
			.blocAccueilG ul li, .blocAccueilD ul li {font-size:1.1em; }
		
		#cont2 .bt {margin-top:30px}
		
.SurvolVisible { display:none}

		/* slide 3 - 4 - 5 ...*/
		.cont h4 {font-size:2.4em; padding-bottom:10px;}
		.cont p {padding-top:10px; font-size:1em; width:100%; text-align: left}
			.cont .ref span {display:inline-block; padding:4px 15px 4px 20px;background-size:15px}
		
		/* slide contact */
		/*.cont .citation {font-size:1.3em; width:100%; padding-bottom:50px;}
			.cont .citation br {display:none}
		.cont .nom { font-size:1.2em; padding:25px 0 5px 0}
			.cont .coord { float:none; font-size:1.2em; margin-right:0; margin-top:20px}
			.cont .coord span { background-size:6px; padding-left:15px; background-position:0px 0.6em}*/

	
	/*#sociaux {width:100%; right:0; top:0; position:relative; z-index:500; background-color:#000; text-align:center}
		#sociaux a {width:30px; margin:30px 15px 15px 15px; display:inline-block; border-radius:50%; border:1px solid #fff; display:inline-block}
			#sociaux a img {width:100%}
		.H #sociaux a {visibility:visible}
	
	.H #sociaux {visibility:hidden}*/
	
	
	
	#filet, #points, .point, #fleche, #sociaux {display:none}
	
	.process {width: 100%; margin-left: 0; font-size: 1.2em}
	.processINT {width:84%}
		.titreprocess span, .titreactus span {font-size:2.6em;}
		.listeprocess {margin-top:3em}
			.listeprocess li {padding:1.6em 0 2.8em 0}
			.proc-ico {width: 3.5em; height: 3.5em; top: 1.6em}
			.proc-titre {width: 80%; float: none; padding-left:20%; padding-top: 1em}
				.proc-titre h3 {font-size: 1.4em}
			.proc-desc {width: 80%; float: none; margin-right:0; padding-left: 20%; padding-top: 1.5em}
			.proc-desc p {font-size: 0.75em;}
	
	.actus {font-size: 1.2em}
	.actusAvecmarge { margin-left: 0;  width: 100%}
		.listeactus li p {font-size:0.75em}
	
/* page */
	#page {height:auto; min-height:auto; margin-left:0; width:100%; background:none; background-color:#fbfcfd; padding-top:100px; font-size:1.2em}
	.H #page {visibility:hidden}	
		
		.introext {position:relative; width:100%; margin-left:0%; }
			.introext .sup {font-size:0.8em; letter-spacing:0.03em;padding-bottom:16px; margin-left:8%; margin-right: 5%}

			.introext .fondintro {padding:280px 0 30px 0; margin-left:0px}
			.introext .fondintro2 {padding:280px 0 30px 0; margin-left:0px}

			.introext .imagecouv {margin-left:0; width:100%; height: 350px}
			.introext .imagecouv2 {margin-left:0; width:100%; height: 350px}
			
			.introext .intro1 { width:74%; max-width:440px; padding:25px 5%; margin-left:8%; background-color:rgba(43, 86, 166, 1);}
			.introext .intro2 { width:74%; max-width:440px; padding:25px 5%; margin-left:8%; background-size:90px; background-color:rgba(43, 86, 166, 1);}	
	
			.introG {float:none; width:100%; margin-right:0}
			.introD {float:none; width:100%}
				.introext ul li {padding:4px 0; line-height:1.4em}
				
			/*#galerie {width:100%; position:relative; cursor:default; overflow:visible}
				#galerie img {width:100%; position:relative; visibility:visible; display:block; margin-bottom:15px}
				#galerie #galerie1 {visibility:visible}
				#galerie #cache, #precedent, #suivant , #galerie .leg, #galerie #leg1 {display:none}*/
		
			.context {position:relative; width:84%; margin-left:8%; padding-bottom:30px}
				.context .colG {float:none; width:100%; margin-top:7em}
				.context .colD {float:none; width:100%; margin-left:0; margin-top:4em}
				.context .mH { margin-top:4em}
				.context .ft {background-size:80px; background-position:0 0}
				.context h2 {font-size:1.7em; font-weight:600; line-height:1.4em; padding:30px 0 33px 0px}
				.context .masque { display:none}
				.context p {font-size:1em; color:#484848; line-height:1.9em; padding:0; text-align:left}
				.context h3{padding:0 0 0 25px; background-position:0 50%; background-size:15px;}
				.context ul{font-size:0.9em; color:#616161; line-height:2em; padding:15px 0 20px 0;}
				.context .image {padding:20px 0 0 0;}
					.context .image img {width:100%}
				.context i {font-size:0.9em; color:#818181; line-height:1.4em; padding:15px 0 0 0; display:block; text-align:right}
				.context ul .check {padding:0.5em 0 0.5em 30px; background-position:0px 0.8em; background-size:15px;}
				.context .tableau { margin:25px 0 0 0; width:100%}
				
				.context #partenaires .carre {float:none; width:70%; max-width:200px; margin:0 0 20px 0}
				.context #partenaires .horiz {float:none; width:70%; max-width:200px; margin:0 0 20px 0}
				.context .partenaire img {width:70%; max-width:200px; margin:0 0 20px 0}
				
				.context .reflogos {margin:30px 0 50px 0}
				.context .reflogos li {float:left; width:40%; margin-right:5%; margin-top:50px;}
				.context .reflogos li.ret {clear:both; width:0; height:0; line-height:0; margin:0; padding:0; float:none}
				
		/* pied de page */
		.extfooteraccueil {margin-left:0px}
		#footer {margin-bottom:1px}
		#footint {width:84%; padding-top:60px; padding-bottom:60px; font-size: 0.85em}
		#footer .citation {width:auto; padding:0;}
	#footer .citation br {display: none}
			#footer .coord { display:block; float:none; margin-right:0px}
			#footer .coord span {background-size:6px; padding-left:20px; margin-bottom:10px; margin-top:7px}		
			#footer #soc {margin:20px 0 0 0; display:block}
	
	
.contgeneralInt {width:75%;font-size: 0.85em } 
	.contgeneral-titre {padding: 3em 0 3em 0; font-size: 0.8em}
	
}


@media screen and (max-width: 680px) {
	.H #load {width:32px; /*height:8px*/margin-top:-4px; margin-left:-16px;}
	.cont .blocAccueilG {width:100%; float:none; padding-left:0px; background-size:80px 80px; background-position:0 0}
	.cont .blocAccueilD {width:100%; float:none; margin-left:0; margin-top:70px; padding-left:0px; background-size:80px 80px; background-position:0 0}
	/*.cont .blocAccueilD.SANSFOND {margin-top: 30px}
	.cont .blocAccueilD.SANSFOND h3 { display: none}*/
	.H .cont {position:relative; bottom:0px; left:0px; padding:30px 0 100px 0}	
	.introext  h1 {font-size:2.4em}
	.process {}
		.titreprocess span, .titreactus span {font-size:2.2em;}
		.listeprocess {margin-top:3em}
			.listeprocess li {padding:1.6em 0 2.8em 0}
			.proc-ico {width:3em; height:3em; top: 1.8em}
			.proc-titre {width: 70%; float: none; padding-left:30%; padding-top: 1em}
				.proc-titre h3 {font-size: 1.1em}
			.proc-desc {width: 70%; float: none; margin-right:0; padding-left: 30%; padding-top: 1em}
			.proc-desc p {font-size: 0.75em;}
	
	.listeactus li {width:100%; display: block; float:none; margin-right:0; padding-bottom:4em}
		.listeactus li p {font-size:0.75em}
}
@media screen and (max-width: 500px) {
	#footer .citation br {display: none}
	#cont1 h2 br {display:none}
	.contgeneralInt {width:84%; font-size: 0.85em} 	

}
