/* Auteur du developpement sur-mesure pour Le Logis de la Promenande : Herve Augoyat - https://www.ah-book.com 
Copie ou modification interdite sans accord ecrit de l'auteur */

#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:'caveat';font-style: normal;font-weight: 400;
  src: url('../Fontes/caveat-400.eot'); 
  src: local(''),
       url('../Fontes/caveat-400.eot?#iefix') format('embedded-opentype'),
	   url('../Fontes/caveat-400.woff2') format('woff2'), 
       url('../Fontes/caveat-400.woff') format('woff'), 
       url('../Fontes/caveat-400.ttf') format('truetype'); }

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

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

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



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


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

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

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

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


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

body {font-size: 1.3em;} #logo {width:299px} 
.nav #lottieApp-02 {position:absolute; width:286px; height:auto; left:-117px; bottom:0; display: block; z-index:1}

@media screen and (max-width: 2300px) {  
	body {font-size: 1.2em}  #logo {width:276px}
	.nav #lottieApp-02 {width:264px; left:-108px; bottom:0}
}
@media screen and (max-width: 2100px) {  
	body {font-size: 1.1em}  #logo {width:253px}
	.nav #lottieApp-02 {width:242px; left:-99px; bottom:0}
}
@media screen and (max-width: 1950px) {  
	body {font-size: 1em}  #logo {width:230px}
	.nav #lottieApp-02 {width:220px; left:-90px; bottom:0; }
}

* { outline: none;}
.ret {clear:both; width:0; height:0; line-height:0; margin:0; padding:0; float:none}
.retMob { display: none}

img {display:block}
a img {border:none}
a {outline:none; border:none; text-decoration:none}
ul, li {margin:0; padding:0; list-style:none}
h1, h2, h3, h4, h5 {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}
/*::-moz-selection, ::selection { background:#ffe900}*/
#testeur {position:fixed; z-index:9999; bottom:0; left:0; padding:0.5em; font-size:0.8em; letter-spacing:0.1em; display:inline-block; font-family: sans-serif; color:#FFF; opacity:0.4; background-color: #000000; 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:#7a7a7a;}
.coulIci02{fill:#fff;}
.coulIci03 {fill:#000}
.coulIci04 {fill:#ffe900}
.coulIci05 {fill:#6500cd}

.margH1 {margin-top:1em} .paddH1 {padding-top:1em} .margB1 {margin-bottom:1em} .paddB1 {padding-bottom:1em}
.margH2 {margin-top:2em} .paddH2 {padding-top:2em} .margB2 {margin-bottom:2em} .paddB2 {padding-bottom:2em}
.margH3 {margin-top:3em} .paddH3 {padding-top:3em} .margB3 {margin-bottom:3em} .paddB3 {padding-bottom:3em}
.margH4 {margin-top:4em} .paddH4 {padding-top:4em} .margB4 {margin-bottom:4em} .paddB4 {padding-bottom:4em}
.margH5 {margin-top:5em} .paddH5 {padding-top:5em} .margB5 {margin-bottom:5em} .paddB5 {padding-bottom:5em}
.margH7 {margin-top:7em} .paddH7 {padding-top:7em}
.margH10 {margin-top:10em} .paddH10 {padding-top:10em} .margB10 {margin-bottom:10em} .paddB10 {padding-bottom:10em}
.margH12 {margin-top:12em} .paddH12 {padding-top:12em}
.margH15 {margin-top:15em} .paddH15 {padding-top:15em} .margB15 {margin-bottom:15em} .paddB15 {padding-bottom:15em}




#remonte {width:50px; height:50px; background-color:#fff; position:fixed; bottom:0px; right:15px; z-index:9997; 
		visibility:hidden; overflow:hidden; cursor:pointer; border-top-left-radius:12px; border-top-right-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}

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

.curseur{ width: 20px; height: 20px; z-index: 99999; background:#ffe900; 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;}

#btmenu, #menuHautMob, #logoMob {display: none} 


.menuHaut {background-color: #ebe5da; width: 100%; position: fixed; top: 0; left: 0; z-index: 980; }
.H .menuHaut {visibility: hidden}
	.nav {width: 78.5%; margin: 0 auto; max-width:1840px; padding:2.7em 0 2.2em 0; position: relative; /*font-family:'caveat', sans-serif;*/}
	#logo {display: block; position: absolute; top: 0; left: 0; padding-top: 2.6em; z-index: 20}
	#logo img {display: block; width:100%; height: auto}
	

#menu {display:block; text-align: center; z-index: 19; width:65%; margin: 0 auto; /*background-color: aqua;*/ }
	#menu li {display:inline-block;  padding-top:1.4em}
		#menu li a {display:inline-block; color:#000000; /*padding: 0.5em 0.8em 0.5em 2.3em;*/ border-radius:80px;  position: relative; 
	line-height: 1.2em; font-size: 1.1em; font-weight:400; padding-left:2.3em; padding-right:1.4em; padding-top: 0.8em; padding-bottom: 0.8em;}
		/*#menu li a.menuactif {border:1px solid #ffe900}*/
		#menu li a span {display:inline-block; position: relative; z-index: 2; /*font-size: 1.4em*/}
		#menu li a i { display: block; position: absolute; top: 50%; left:0.8em; margin-top: -0.35em; width:0.7em; height:0.7em; background-color: #fff; 
			z-index: 1; border-radius:30px; transform-origin:50% 50%}
	
#planifier {display: inline-block; position: absolute; top:3.65em; right: 0; border-radius: 80px; background-color: #FFFFFF; font-size: 1.1em;
	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}
	#planifier strong { font-weight:400; font-size: 0.95em; display: inline-block; position: relative; z-index: 2}
	#planifier b { position: absolute; z-index: 1; top: 50%; right: 0.5em; margin-top: -0.95em; width:1.9em; height:1.9em; background-color:#2199ff; 
			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%}


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


#pageComplete {position: relative; z-index:1; width: 100%; height: auto; overflow: hidden}
	.H #pageComplete {visibility:hidden; }

/* Accueil */

.intro01 {overflow: hidden; position: relative; width:78.5%; max-width:1840px; margin-left: auto; margin-right: auto; 
	background-color: #FFFFFF; border-radius: 2em;  margin-top:0.7em; padding-bottom: 5em; z-index: 10}
.H .intro01 {visibility: hidden}


.blocD01 {width: 50%; float: right; height: auto; position: relative; z-index: 2; overflow: hidden; height:700px; /*height: 100%; js*/ }
	.blocD01ANIM {width: 129%; height:100%; position: absolute; /*top: -96px; js*/ top:0; }
	.H .blocD01ANIM {height:auto;}
		.blocD01ANIMint {position: relative; width: 100%; height: 100%}
			.blocD01 #lottieApp-01 {position:relative; width:100%; height:auto; left:0; top:0; display: block; z-index: 11}
				#lottieApp-01 .couleurFOND02 path {stroke:#beab8b;}
				#lottieApp-01 .couleurFOND03 path {stroke:#2199ff;}
			.blocD01 .blocD01ANIMimages {position:absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1}
			.blocD01 .blocD01ANIMimagesInt {position:relative; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; transform-origin: 50% 50%; z-index: 1}
				.blocD01 img {position:absolute; top: 0; left:0; width:100%; height: auto; display: block; z-index: 1; visibility: hidden; 
				transform-origin: 50% 50%}
				.blocD01 .blocD01imgprem {visibility: visible} .H .blocD01 .blocD01imgprem {visibility:hidden}

.blocG01 {float: left; width: 50%; position: relative; z-index: 3}

	#introAccTitre {margin-top:9.5em; margin-left: 15%;}
		#introAccTitre h2 {font-size:3em; font-weight: 600; display:inline-block; line-height: 1.1em; }
@media screen and (max-width: 1950px) { #introAccTitre h2, .h3classique {/*font-size:3.4em*/ font-size:3.2em} }
		

		#introAccTitre h2 span {display:inline-block; line-height: 1.1em}
		#introAccTitre span i {display:inline-block; line-height: 1.35em; padding-bottom: 0.01em; font-weight:600; font-style: normal; color:#000}
		#introAccTitre span strong { position: relative; display:inline-block; line-height:1.35em; padding-bottom: 0.01em; 
			font-weight:600; overflow: hidden}
		#introAccTitre span strong b {color:#beab8b; display: inline-block; font-weight:600; position: absolute; top: 0; left: 0; width: 100%; 
			text-align:left; line-height: 1.35em}
		#introAccTitre span strong b.banimINI {position: relative; line-height: 1.35em; }
		#introAccTitre span strong b, .H #introAccTitre span strong b {visibility: hidden}
#introAccTitre span strong b.banimPrem {visibility: visible}
.H #introAccTitre span strong b.banimPrem {visibility:hidden}
		
#introAccTitre h1 {font-size: 1em; color:#585858; font-weight: 400; line-height:2em; margin-top:2.7em; padding-bottom:3.6em; display: block}

.btjaune {font-family:'caveat', sans-serif;font-size: 1.6em; color:#fff; background-color: #beab8b; border-radius:120px; padding:0.6em 1.5em 0.6em 2.15em; position: relative; 
	font-weight:500; display: inline-block; line-height: 1.3em}
.btjaune b {position: absolute; top: 50%; left:0.95em; width:1em; height:1em; margin-top: -0.5em; transform-origin:50% 50%}

#introAccTitre .btjaune {float: left; margin-right:1.2em; margin-bottom: 1.5em}
#introAccTitre .badgeLinkedin {margin-bottom:5em}

.badgeLinkedin {width:12.4em; display: block; float: left}
.badgeLinkedin img {display: block; width: 100%}




.ext1 {width: 78.5%; max-width:1840px; margin-left: auto; margin-right: auto; position: relative; z-index: 10}
.ext1Int {margin-left:7.5%}
.ext1Int2 {margin-left:7.5%; margin-right: 7.5%; position: relative; z-index: 10}
.ext1Centre {text-align: center}


.degrade1{width:100%; height:300%; position: absolute; bottom: 0; left: 0; z-index:1;
		background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 70%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 70%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, rgba(255,255,255, 0) 0%,rgba(255,255,255,1) 70%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#fff", endColorstr="#fff",GradientType=0 ); /* IE6-9 */
		}
.degrade2{width:100%; height:300%; position: absolute; bottom: 0; left: 0; z-index:1;
		background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 70%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 70%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, rgba(255,255,255, 0) 0%,rgba(255,255,255,1) 70%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#fff", endColorstr="#fff",GradientType=0 ); /* IE6-9 */
		}
.h2classique {font-family:'caveat', sans-serif;font-size: 1.6em; color:#fff; background-color: #2199ff; border-radius:120px; letter-spacing: 0.14em; padding:0.45em 0.9em; font-weight:500; display: inline-block;  line-height: 1.1em}
.h3classique {font-size:3em; font-weight: 600; display:block; line-height: 1.35em; color:#000}
.h3classique strong {color:#ffe900; font-weight:600}



.solution {background-color: #FFFFFF; border-radius: 1em; position: relative; z-index: 20; padding-top:6.8em; padding-bottom: 5.5em}
.introSoluG {float:none; display: inline-block}
.solution h3 { font-weight: 500; font-size:3em; padding-top: 0.3em} .solution h3 b {color:#beab8b; font-weight:500; }


.listeSolu { margin-top: 3.6em}
.listeSolu li {width: 32%; margin-right: 2%; float: left; display: block}
.listeSolu li.sansM {margin-right: 0}
.listeSolu li.ret {clear:both; width:0; height:0; line-height:0; margin:0; padding:0; float:none}

.listeSolu li .blocSolu {display: block; border-radius: 1em; display: block; padding: 3.6em 1.5em 7em 3.7em}
.listeSolu li div {border:1px solid #ffe900}
.listeSolu li a { background-color: #6500cd; position: relative; z-index: 1; overflow: hidden}

.listeSolu li img {width:4.8em; display: block; margin-bottom:3.1em; position: relative; z-index: 10; transform-origin: 50% 50%}
.listeSolu li strong {font-size: 1.1em; color:#000; font-weight: 500; line-height: 1.6em}
.listeSolu li p {font-size: 0.9em; color:#787878; font-weight:400; line-height: 1.7em; margin-top: 0.5em; padding-top: 0}
.listeSolu li a span {font-size:1.1em; color:#fff; font-weight:400; line-height: 1.6em; position: relative; z-index: 10; display: inline-block}
.listeSolu li a span b {color:#c096ec; font-weight: 500; position: relative; z-index: 10}
.listeSolu li a .plusSolu {position:absolute; width: 3em; height: 3em; bottom:2.4em; left: 3.7em; border-radius: 50%; 
	background-color: rgba(255, 255, 255, 0.28); transform-origin: 50% 50%; z-index: 10}
.listeSolu li a .plusSolu b {width: 100%; display: block; position: relative; transform-origin: 50% 50%}

.listeSolu li a .rond {background-color: #ffe900; border-radius: 50%; width:300px; height:300px; position: absolute; top:50%; left:0%; 
	margin-top:-150px; z-index: 1; transform-origin: 50% 50%; }

#solutions {margin-top:3em}




#contact { background-color: #beab8b; padding-top:11.5em; margin-top: 10em; padding-bottom:3.5em; border-top:solid 4px #fff; position: relative}
.contactInt {width: 47.5%; max-width: 1130px; margin-left: auto; margin-right: auto; position: relative; z-index: 50}
#contact h2 {font-size: 3.4em; color: #fff; font-weight:600; line-height: 1.4em; display: block}
#contact #lienbas {font-size: 3.4em; font-weight: 600; line-height: 1.4em; color:#000; display: inline-block; position: relative; overflow: hidden}
#contact #lienbas b {position: relative; display: inline-block; transform-origin: 0 0; font-weight:600; line-height: 1.4em}
#contact #lienbas i {width: 100%; height:2px; background-color: #ffe900; position: absolute; bottom:0.2em; left: 0; transform-origin: 0 0}
#coordonnees {width: 100%; padding-top: 5.5em; padding-bottom:10em}	
	#coordG {width:9em; height: auto; display: block; position:relative; float: left; z-index: 6; border-radius: 50%; 
	border:8px solid #fff; overflow: hidden; background-color: #fff; transform-origin: 50% 50%; margin-right:2.8em}
		#coordG img {width: 100%; display: block}
		#coordD {float: left; width: auto; display: inline-block}
.coordTitre {display: inline-block; padding-right:4.8em; color:#000; font-size: 1.25em; position: relative; margin-top: 0.5em; line-height: 1.5em; 
	margin-bottom: 1.2em}
	.coordTitre strong {font-weight: 600} 
	

.coordInfos01 {display: inline-block; float: left; padding-left:1.3em; position: relative; font-size: 1.1em; line-height: 1.9em;padding-right:3.5em}
.coordInfos02 {display: inline-block; float: left; padding-left:1.3em; position: relative; font-size: 1.1em; line-height: 1.9em}
	.coordInfos01 a, .coordInfos02 span {display:inline-block; color: #000}
	.coordInfos01 .trait, .coordInfos02 .trait {background-color: #fff; width: 2px; height: 100%; position: absolute; top: 0; left: 0}
	
	.BTplanifier {display: inline-block; border-radius: 80px; background-color: #FFFFFF; font-size: 1em;
	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}
	.BTplanifier strong { font-weight: 500; font-size: 0.95em; display: inline-block; position: relative; z-index: 2}
	.BTplanifier b { position: absolute; z-index: 1; top: 50%; right: 0.5em; margin-top: -0.95em; width:1.9em; height:1.9em; background-color:#2199ff; 
			border-radius: 50%; transform-origin: 50% 50%; overflow: hidden}
	.BTplanifier b span {position: relative; width: 100%; height: 100%; overflow: hidden; display: block; border-radius: 50%;}
	.BTplanifier b span i {position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; border-radius:50%}
	.BTplanifier b svg {transform-origin: 50% 50%}



#contact .mentions {opacity:0.5; display:block; color:#000; font-size: 0.95em; text-align:center; width:95%; margin-left: auto; margin-right: auto}
#contact .mentions a {color:#000}
#contact .mentions a:hover {color: #fff}


.contgeneralInt {width:55%; margin-left:auto; margin-right:auto; position:relative}
	.contgeneral-titre {background-color: #fff; padding: 6em 0 3em 0; margin-top:47px;}
		.contgeneral-titre h1 {font-size:2.4em; position: relative; padding-top:0.7em; font-weight:400; letter-spacing: 0.03em; color:#000; 
			line-height: 1.6em}
		.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:#fff}
		.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:#beab8b; 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}









/*annonce*/
#MOB2 {display: none}
.beige {background-color: #f0efeb}
.intAnnonce {width:78.5%;max-width:1840px; margin:0 auto ; color:#131313; }
	.retrait {margin-left:7.5%}	
	

#photosGite{ padding: 10em 0 7em}
.intAnnonce img {width: 100%; display: block}

#titre-annonce {width: 26%; float: left;}
#i0 {width: 39%; float: left; margin-right: 2%; position: relative; overflow: hidden; height:200px}
#imagesSuite {width: 33%; float: left}
#i1 {width:100%; position: relative; overflow: hidden; height:200px}
#i2 {width:45%; float: left; position: relative; overflow: hidden; height:200px}
#i3 {width:45%;float: right; position: relative; overflow: hidden; height:200px}
.plus-photo {display: block; width: 100%; text-align: center; background-color:#2199ff; border-radius: 25px; color:#fff; 
padding:0.9em 0; cursor: pointer; font-weight: 500;  font-family:'caveat', sans-serif; line-height:1em; font-size:1.6em}

.extimg {cursor: pointer; border-radius:2.5em}
.extimg img {position: absolute; top:50%; left:50%; width:2500px; height:1666px; margin-top:-833px; margin-left:-1250px}

	#titre-annonce h1 {font-size: 2.45em; font-weight: 600; margin-top:1.5em; padding-bottom: 0.7em; line-height: 1.4em; position: relative;
	display: inline-block}
		#titre-annonce h1 span {position: relative; display: inline-block}
		#titre-annonce h1 strong {color:#beab8b; font-weight: 600; font-style: italic; font-size: 0.95em; position: relative; display: inline-block}
		#titre-annonce h1 i {width: 100%; position: absolute; bottom: 0; height: 2px; background-color: #beab8b; left:0; transform-origin: 0 0}

	#prix {display: block; font-weight: 600; font-size: 1.8em; margin-top: 1.6em; color:#2199ff; font-family:'caveat', sans-serif;}
	#titre-annonce h2 {font-size: 0.95em; font-weight: 400; margin-top:0.7em; padding-bottom: 1.3em; line-height: 1.5em; position: relative;
	display: block; width:80%}
	#ref {font-size: 0.85em; font-weight: 600; display: block; }
	
/*.H #titre-annonce h1 span, .H #titre-annonce h1 strong, .H #titre-annonce h1 i {visibility: hidden}*/
/*.H .extimg img, .H .plus-photo {visibility: hidden}*/

#galerie, #galerie-alentours {overflow: hidden; position: fixed; top: 0; left: 105%}
.H #galerie {width: 100%; height: 100%; position: fixed; top: 0; left:105%; z-index:1000;}
	.H #galerie img {display:block; width:auto; position:fixed; top:0; left:105%; z-index: 1000; cursor: pointer}
	.H #galerie img {visibility:hidden}

.H #galerie-alentours {width: 100%; height: 100%; position: fixed; top: 0; left:105%; z-index:10;}
	.H #galerie-alentours img {display:block; width:auto; position:fixed; top:0; left:105%; z-index: 10; cursor: pointer}
	.H #galerie-alentours img {visibility:hidden}

#fondGalerie {width: 100%; height: 100%; position: fixed; top: 0; left:0; background-color:#fff; z-index:600; display: none}
#croixGalerie {width:21px; padding: 25px; position: fixed; top: 20px; right:20px; background-color:#fff; z-index:600; cursor: pointer; display: none}
	#croixGalerie img {width: 21px; display: block}
	#suivant { padding:0; position: fixed; width: 70px; top: 50%; right:0; margin-top:-35px; background-color:#fff; z-index:600; 
		cursor: pointer; display: none}
	#suivant img {width:100%; display: block}
	#precedent { padding:0; width:70px; position: fixed; top: 50%; left:0; margin-top:-35px; background-color:#fff; z-index:600; 
		cursor: pointer; display: none}
	#precedent img {width:100%; display: block}

#fondGalerieCamp {width: 100%; height: 100%; position: fixed; top: 0; left:0; background-color:#fff; z-index:600; display: none}
#croixGalerieCamp {width:21px; padding: 25px; position: fixed; top: 20px; right:20px; background-color:#fff; z-index:600; cursor: pointer; display: none}
	#croixGalerieCamp img {width: 21px; display: block}
	#suivantCamp { padding:0; position: fixed; width: 70px; top: 50%; right:0; margin-top:-35px; background-color:#fff; z-index:600; 
		cursor: pointer; display: none}
	#suivantCamp img {width:100%; display: block}
	#precedentCamp { padding:0; width:70px; position: fixed; top: 50%; left:0; margin-top:-35px; background-color:#fff; z-index:600; 
		cursor: pointer; display: none}
	#precedentCamp img {width:100%; display: block}


#infosGite {background-color:#f3f0e9; padding:7em 0 10em 0 }
#details-annonce {float: left; width:67%}
#interet-annonce {float: right; width: 33%;}
#inti-details {}
	#inti-details li { display: inline-block; float: left; margin-right:1.1em; font-size: 1.25em; color:#131313; font-weight: 600; 
		padding: 0em 0.8em 0 0.8em; line-height: 1em; margin-bottom: 1.4em; background-color: #FFFFFF; border-radius: 0.5em}
	#inti-details #d4 {margin-right: 0}
		#inti-details li span, #inti-details li a { position: relative; overflow: hidden; display:inline-block; padding-bottom: 0.5em; line-height: 1em; 
		color:#2199ff; cursor: pointer; padding-top: 0.6em; }
		#inti-details li span i, #inti-details li a i {width: 100%; position: absolute; bottom:0.2em; height: 2px; background-color: #2199ff; left:0; transform-origin: 0 0}
		#inti-details .dactif {background-color: #2199ff; color:#fff; cursor: default}
		#inti-details .dactif span {color:#fff; cursor: default}
		#inti-details .dactif i {width:0}

.H .deroule-int { display: none; margin-top: 1.8em; color:#4a4a4a; width: 80%; line-height: 2.1em; font-size: 1.05em}
.H .visible {display: block}
	.deroule-int p {margin: 0.5em 0 0 0}
	.deroule-int a {color:#beab8b; text-decoration: underline; font-weight: 600}
	.deroule-int a:hover {color:#2199ff}
	.deroule-int strong {font-weight: 600; color:#000000}
	.deroule-int ul {margin: 0.5em 0 0 0; width: 80%; color:#3B3B3B}
	.deroule-int ul li {background-image: url("../Images/V.png"); background-repeat: no-repeat; background-position:0 0.6em; background-size: 1.5em;
		padding-left: 2em; padding-top: 0.5em; line-height: 1.7em}

#interet-annonce {cursor: pointer; position: relative; display: block; text-align: center; overflow: hidden; border-radius: 2em; font-family:'caveat', sans-serif; line-height:1em; font-size: 1.1em}
	#interet-annonce div { display: inline-block; background-color: rgba(33, 152, 255, 0.95); padding: 1.6em 2.8em 2em 2.8em; font-size:1em; 
		position: relative; z-index: 20; border-radius: 2em}
		#interet-annonce strong, #interet-annonce span {color:#FFFFFF; font-weight: 600; display: block; line-height:1em}
#interet-annonce strong {font-size: 2em}
#interet-annonce i {width: 45%; height: 2px; background-color: #ffe900; transform-origin: 50% 50%; display:inline-block; margin:1.1em 0}
#interet-annonce span {font-size: 1.2em}

		#interet-annonce img {position: absolute; top:50%; left:50%; width:2500px; height:1666px; margin-top:-833px; margin-left:-1250px; z-index: 19}

#alentours { position: relative; width: 100%; }
	#alentours img { position: relative; z-index: 30; width: 100%}
	#alentours h3 { position: absolute; top:4em; left:10.65%; z-index: 31; display: inline-block; background-color: #fff; padding: 0.9em 3em 1.1em 1.1em; 
		font-size: 2.45em; font-weight: 600; line-height: 1.4em; color:#131313; border-radius:0.8em}
		#alentours h3 span {display: inline-block; }
		#alentours h3 strong {color:#beab8b; font-weight: 600; font-style: italic; font-size: 0.95em; position: relative; display: inline-block;
	padding-bottom: 0.6em}
		#alentours h3 i {width: 100%; position: absolute; bottom:0; height: 2px; background-color: #beab8b; left:0; transform-origin: 0 0}

#alentours-details {background-color:#fff; padding:7em 0 10em 0 }
.colG-contA {float: left; width:67%}
	.prescam { display: inline-block; margin-right:1.1em; font-size: 1.35em; font-weight: 600; padding: 0.65em 0.8em 0.7em 0.8em; line-height: 1em; 
		margin-bottom: 1.4em; background-color: #2199ff; color:#fff; border-radius: 0.7em}
	.colG-contA p {margin-top: 1.8em; color:#4a4a4a; width: 80%; line-height: 2.1em; font-size: 1.05em}
	.colG-contA strong {font-weight: 600; color:#313131}

.interet {float: right; width: 33%; }
	.interet {cursor: pointer; position: relative; display: block; text-align: center; overflow: hidden; border-radius: 2em}
		.interet div { display: inline-block; background-color: rgba(33, 152, 255, 0.95); padding: 1.2em 2.4em 1.6em 2.4em; 
			position: relative; z-index: 20; min-width:40%; border-radius: 2em; font-family:'caveat', sans-serif; line-height:1em; font-size: 1.3em}
			.interet strong {color:#FFFFFF; font-weight: 600; display: block; line-height:1.4em; font-size:1.5em}
	.interet img {position: absolute; top:50%; left:50%; width:2500px; height:1666px; margin-top:-833px; margin-left:-1250px; z-index: 19}

#mapAnnonce	{width:100%; height:auto; overflow: hidden; border-radius: 3em; margin-top: 5em}
#mapAnnonce img {width: 100%; display: block}

.PlusPar2 {}
.plusG {width: 50%; float:left}
.plusD {width: 50%; float:right}
	.PlusPar2 .plusImg {width: 35%; float: left; margin-right: 3%; border-radius: 2em; overflow: hidden; }
		.PlusPar2 .plusImg img {width: 100%}
	.PlusPar2 .plusDesc {width: 55%; float: left}
.plusDesc h4 {color:#2199ff; font-size: 1.1em; font-weight: 600; line-height: 1.5em; padding-top: 0.3em}
.plusDesc p {color:#464646; font-size: 0.9em; line-height:1.8em; margin-top: 0; padding-top:0.3em}
.plusDesc p strong {color:#2199ff; font-size: 1.2em; font-weight: 600; line-height: 1.9em; padding-top: 0.1em; padding-bottom: 0.1em}











@media screen and (max-width: 1750px) {	
body {font-size:0.85em}	
.H #load {width:40px; /*height:10px*/margin-top:-5px; margin-left:-20px;}

#logo {width:195px} 
.nav #lottieApp-02 {width:187px; left:-76px; bottom:0; }

}
	
	
@media screen and (max-width:1500px) {	
body {font-size:0.8em}	
#logo {width:184px}	
.nav #lottieApp-02 {width:176px; left:-72px; bottom:0; }
#introAccTitre h2, .h3classique {font-size:3.1em}
.nav, .intro01, .ext1 {width: 82%}
.contactInt {width:50%}	
.retrait {margin-left:0%}
.intAnnonce {width:82%;}
#alentours h3 {left:9%; }
}



	
@media screen and (max-width:1340px) {
body {font-size: 0.72em}
#logo {width:165px}
.nav #lottieApp-02 {width:158px; left:-65px; bottom:0; }
.nav, .intro01, .ext1 {width: 85%}
.intAnnonce {width:85%;}
#alentours h3 {left:7.5%; }
}




@media screen and (max-width:1200px) {
#MOB2 {display: block}		
	.nav, .intro01, .ext1 {width: 90%}
	#introBTitre h4 {font-size:1.7em}
	.contactInt {width:54%}	
.intAnnonce {width:90%;}
#alentours h3 {left:5%; }
}

@media screen and (max-width:1100px) {
	#introAccTitre {margin-top:8.5em}
	#introAccTitre h2, .h3classique {font-size:2.9em}
	#introAccTitre h1 br {display: none}
	.listeSolu li .blocSolu {padding:2.5em 1.2em 7em 2.5em}
	.listeSolu li img {width:4.2em; margin-bottom:2.5em;}
	.listeSolu li a .plusSolu {width:2.8em; height:2.8em; bottom:2.5em; left:2.5em}
	#introBTitre h4 br {display: none}
	.listeclassique {width: 90%}
	.contactInt {width:60%}	
}







@media screen and (max-width:990px) {
#MOB2 {display:none}
#MOB {display: block}

body {font-size:0.8em}
.H #load {width:32px; /*height:8px*/margin-top:-4px; margin-left:-16px;}



#btmenu {display:block; position: fixed; top:2em; right:5%; width:64px; z-index:9999; cursor: pointer; background-color: rgba(255, 255, 255, 1); 
	overflow: hidden; border-radius:15px; box-shadow: 1px 1px 50px rgba(0, 0, 0, 0.1);}
	#btmenu #lignes {width: 64px}
	#b1, #b2, #b3 {width:20px; height: 2px; background-color: #000; position: relative; margin-left:22px; display: block; transform-origin:0 0;}
	#b1 {margin-top:24px; z-index:950} #b2 {margin-top:4px; z-index:951} #b3 {margin-top: 4px; margin-bottom: 24px; z-index:950}
#btmenu #fermer {display:block; visibility: hidden; width:64px; height:64px;background-color:#fff; position: absolute; top: 0; left: 0; z-index: 960}
	#btmenu #fermer b {width:27px;height:2px;background-color:#000;transform-origin:50% 50%; position: absolute; top:31px; left:18px;display: block}

.H #btmenu, .H #btmenu i {visibility: hidden}	

	
#menuHautMob {width: 100%; display: block; z-index:970; background-color:#ebe5da; padding:2em 0 1.8em 0; position: relative}
#logoMob {width: 180px; margin-left:5%; position: relative; display: block; z-index: 970}	
	#logoMob img {display: block; width: 100%; height: auto}
	.H #menuHautMob, .H #logoMob {visibility: hidden}
	
#menuHautMob #lottieApp-02bis {position:absolute; width:170px; height:auto; left:6%; margin-left:-75px; bottom:0px; display: block; z-index:1}
	
	
.menuHaut {width: 100%; position:relative; top:0; left: 0; padding-top:0; z-index:9998; background-color:#beab8b}
	.H .menuHaut {width:100%; height: 100%; position: fixed; left:0; top: 0; padding-top: 0; z-index:9998; overflow: scroll; display: none}	
.nav {width:100%; margin: 0 auto; padding:2.7em 0 2.2em 0}
#logo {width:180px; float:none; margin-left: 5%; padding-top: 2em;}
	.H #logo {visibility: hidden}
#menu {display:inline-block; float:none; width: 95%; padding-left:5%; padding-top:6em; text-align:left}
#menu li {display:block; float:none; margin-left:0; padding-top:0em; margin-bottom: 0.8em}
	#menu li a {display:inline-block; font-size:2.2em; padding-top: 0.4em; padding-bottom: 0.4em; padding-left:1.4em; padding-right:0; }
	#menu li a i {left:0; margin-top: -0.35em; width:0.6em; height:0.6em;}	
	
#planifier {display: inline-block; position:relative; top:initial; top:unset; top:0; right: 0; margin-left: 5%; font-size: 1.4em; 
		margin-top:1.6em} 	
	
.menuHaut .mentions {display:block; margin-top:4.5em; margin-left: 5%; color:#fff; font-size: 0.9em; text-align: left}
	.menuHaut .mentions a {color:#fff}
	
.margeHnavigation {height:0px;}	

.intro01, .ext1 {width:90%}	
.blocD01 {width:75%; float: right}
	.blocD01ANIM {width: 129%}
.blocG01 {float:none; clear: both; width:100%}
#introAccTitre {margin-top:0em; margin-left:12%}
		#introAccTitre h2, .h3classique {font-size:3.2em}	
		#introAccTitre h1 {width: 75%}
	
.badgeLinkedin {max-width: 145px}	

#introBTitre {margin-top:0em; margin-left:12%; margin-right: 12%; padding-bottom: 5em}	
	


	
.ext1Int {margin-left:12%}
.ext1Int2 {margin-left:12%; margin-right: 12%}


.introSoluG {float:none; display:block}

.listeSolu li {width:350px; margin-right:auto; margin-left: auto; float:none; margin-bottom:2em}	
	.listeSolu li.sansM {margin-right: auto}
.listeSolu li .blocSolu {border-radius: 1.2em; padding: 3.6em 2.5em 4.5em 3.7em}
.listeSolu li a.blocSolu {padding-bottom:10em}
.listeSolu li img {width:5em; margin-bottom:3em;}
.listeSolu li a .plusSolu {width:3.2em; height:3.2em; bottom:2.5em; left:3.7em}	
	

.h4classique br, .h5classique br {display: none}
.contactInt {width:75%}
#contact h2, #contact #lienbas {font-size: 3.2em}
#coordG {width:9em; margin-right:2.5em; margin-bottom: 2em}
#coordD { font-size: 1.3em}
.coordInfos01 {display:block; float:none;padding-right:0em; margin-bottom: 0.7em}
.coordInfos02 {display:block; float:none}	
.contgeneralInt {width:75%} 
	
	

	
/* annonce */	
.intAnnonce {width:90%;}
#titre-annonce {width: 33%; float: left; }
#i0 {width: 40%; float: left; margin-right: 2%; position: relative; overflow: hidden; height:200px}
#imagesSuite {width: 25%; float: left}	
	
.retrait {margin-left:25px}		
#titre-annonce h1 {font-size: 2em; margin-top:0.3em; padding-bottom: 0.4em;}
	#titre-annonce h2 {font-size: 1.1em; margin-top:0.6em; padding-bottom: 1.1em; width: 90%}
	#prix {font-size: 1.6em; margin-top:0.8em}
#inti-details li {font-size: 1.3em;}
		#inti-details li span, #inti-details li a { padding-bottom: 0.4em;padding-top: 0.5em}

#details-annonce {float: left; width:57%}
#interet-annonce {float: right; width: 43%;}
.colG-contA {float: left; width:57%}
.interet {float: right; width: 43%;}	
	
#croixGalerie {width:21px; padding: 25px; top: 20px; right:50%; margin-right:-35px; }
#croixGalerieCamp {width:21px; padding: 25px; top: 20px; right:50%; margin-right:-35px;}	
	
	
}




@media screen and (max-width:710px) {
#MOB3 {display: block}
	.intro01 {padding-bottom: 1em}
	#introAccTitre {margin-top:0; margin-left:auto; margin-right: auto; width: 80%}
	#introAccTitre h2, .h3classique {font-size:2.8em}
	
	#introAccTitre h1 {width: 100%; margin-top: 1em}
	.badgeLinkedin {width:13.5em; max-width:unset;}
	
	#introBTitre {margin-top:0em; padding-top:3em; margin-left:auto; margin-right: auto; width: 80%}
	
	.ext1Int {margin-left:10%}
	.ext1Int2 {margin-left:10%; margin-right: 10%}
	
	.h3classique br {display: none}
	.solution h3 {font-size:2.4em}
.listeSolu li {width:100%}		
.listeSolu li .blocSolu {border-radius: 1em; padding:3em 25% 3em 2em}	
.listeSolu li img {width:4.2em; margin-bottom:2em}
.listeSolu li a.blocSolu {padding-bottom:10em}
.listeSolu li a .plusSolu {width:2.6em; height:2.6em; bottom:2.5em; left:2em}		

#contact {padding-bottom:7em}
.contactInt {width:80%}
#contact h2, #contact #lienbas {font-size:2.4em}


	
	
	
/*annonce*/
/*#MOB2 {display: block; height: 0; width:0} equivaut a mob3*/

.intAnnonce {width:90%}
	.retrait {margin-left:0}	
	#ariane {margin-top: 1.8em; margin-bottom:0em; font-size: 0.8em}
	#ariane span {padding: 1em 0.2em}
	
	#photosGite { padding: 3em 0 3em 0}
	
#titre-annonce {width:100%; float:none; padding-bottom: 3em }
#i0, #imagesSuite, #i1, #i2, #i3, .plus-photo, .extimg {display: none}

#titre-annonce h1 {font-size: 2.1em; margin-top:1em; padding-bottom: 0.4em}
	#titre-annonce h1 br {display: none}
		#titre-annonce h1 strong {display:block}
		#titre-annonce h1 i {height: 2px}
	#prix {font-size: 1.8em; margin-top:0.8em}
	#titre-annonce h2 {font-size: 0.95em; margin-top:0.7em; padding-bottom: 1.3em; width:90%}

#galerie, #galerie-alentours {width: 100%; height:auto; position: relative; top: 0; left:0; z-index:10}
.H #galerie {width: 100%; height:auto; position: relative; top: 0; left:0; z-index:10;}
	.H #galerie img {display:block; width:100%; position:relative; top:0; left:0; z-index: 10; cursor: default; margin-bottom: 1em}
	.H #galerie img {visibility:hidden}
.H #galerie-alentours {width: 100%; height:auto; position: relative; top: 0; left:0; z-index:10;}
	.H #galerie-alentours img {display:block; width:100%; position:relative; top:0; left:0; z-index: 10; cursor: default; margin-bottom: 1em}
	.H #galerie-alentours img {visibility:hidden}
	
#details-annonce {float:none; width:100%}
#interet-annonce {display: none}
#inti-details {}
	#inti-details li { margin-right:0.5em; font-size: 1.1em; padding: 0em 0.4em 0 0.4em; margin-bottom: 1.4em; }
	#inti-details #d4 {margin-right: 0}

.H .deroule-int { display: none; margin-top: 1.4em; width: 100%; line-height:1.8em; font-size: 1em}
.H .visible {display: block}
	
#interet-annonce, #interet-annonce div { display: none}
#alentours {height: auto}
	#alentours h3 { position: relative; top:0; left:0; display:block; padding: 1em 2% 0em 5%; font-size: 2.1em; border-radius: 0}	
	#alentours h3 br {display: none}
#alentours-details {background-color:#fff; padding:5em 0 5em 0 }
.colG-contA {float:none; width:100%}
	.prescam {margin-right:0; font-size: 1.1em; padding: 0.4em 0.6em 0.5em 0.6em; margin-bottom: 1.4em;}
	.colG-contA p {margin-top: 1.4em; width:100%; line-height: 1.8em; font-size: 1em}

.interet, .interet div { display: none}
#mapAnnonce	{width:100%; height:auto}
.PlusPar2 {}
.plusG {width: 47%; float:left; margin-bottom: 2em}
.plusD {width: 47%; float:right; margin-bottom: 2em}
	.PlusPar2 .plusImg {width: 100%; float: none; margin-right: 0%}
		.PlusPar2 .plusImg img {width: 100%}
	.PlusPar2 .plusDesc {width: 100%; float: none}
.plusDesc h4 {font-size: 0.95em; line-height: 1.45em; padding-top: 1.1em}
.plusDesc p {font-size: 0.8em; line-height:1.45em; padding-top:0.5em}
.plusDesc p strong {font-size: 0.95em; font-weight: 600; line-height: 1.9em; padding-top: 0.4em; padding-bottom: 0.3em}	
	
}


	
@media screen and (max-width:530px) {
	body {font-size:0.9em}
	#menu li a {font-size:1.8em}
	#planifier {font-size: 1.2em}
		
	.blocD01 {width:90%; float:right}
	.blocD01ANIM {width: 129%}
	.blocG01 {float:none; width:100%;}
	#introAccTitre h2 {font-size:2em}
	#introAccTitre h1 {font-size: 1.1em; margin-top:1.3em}
	
	
	.solution h3 {font-size:2em}
	.listeSolu li .blocSolu {padding:3em 1.5em 3em 2em}	
	.listeSolu li a.blocSolu {padding-bottom:8em}
	
	
	.h5classique {font-size: 0.85em}
	.h4classique, #introBTitre h4 {font-size:1.6em}
	
	
.contactInt {width:85%}
#contact h2, #contact #lienbas {font-size:2em}
#coordG {width:8.5em; margin-right:0; margin-bottom:2em}
#coordD { font-size: 1.1em}
.form-titre {font-size: 1.1em}
.contgeneralInt {width:90%; font-size: 0.9em} 	
}

@media screen and (max-width: 380px) {
	body {font-size:0.8em}
	.solution h3 {font-size:2em}
	.listeSolu li a.blocSolu {padding-bottom:7em}
	.contactInt {width:90%}

	
}
@media screen and (max-width: 360px) {
	body {font-size:0.75em}
	
#contact h2, #contact #lienbas {font-size:1.85em}
#coordG {width:8.5em}
#coordD { font-size: 1.1em}
.form-titre {font-size: 1em}
	
}