/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}





* {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;

}

body { background-color: #faf8f4; }


/*************************************$ font *************************************/

@font-face {
    font-family: 'Instagram Sans';
    src: url('../fonts/InstagramSans-Medium.woff2') format('woff2'),
        url('../fonts/InstagramSans-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Instagram Sans';
    src: url('../fonts/InstagramSans-Light.woff2') format('woff2'),
        url('../fonts/InstagramSans-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Instagram Sans';
    src: url('../fonts/InstagramSans-Bold.woff2') format('woff2'),
        url('../fonts/InstagramSans-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Instagram Sans';
    src: url('../fonts/InstagramSans-Light.woff2') format('woff2'),
        url('../fonts/InstagramSans-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Instagram Sans';
    src: url('../fonts/InstagramSans-Bold.woff2') format('woff2'),
        url('../fonts/InstagramSans-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Instagram Sans';
    src: url('../fonts/InstagramSans-Regular.woff2') format('woff2'),
        url('../fonts/InstagramSans-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Instagram Sans';
    src: url('../fonts/InstagramSans-Medium.woff2') format('woff2'),
        url('../fonts/InstagramSans-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Instagram Sans';
    src: url('../fonts/InstagramSans-Medium.woff2') format('woff2'),
        url('../fonts/InstagramSans-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Instagram Sans';
    src: url('../fonts/InstagramSans-Bold.woff2') format('woff2'),
        url('../fonts/InstagramSans-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Instagram Sans';
    src: url('../fonts/InstagramSans-Light.woff2') format('woff2'),
        url('../fonts/InstagramSans-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Instagram Sans Condensed';
    src: url('../fonts/InstagramSansCondensed-Bold.woff2') format('woff2'),
        url('../fonts/InstagramSansCondensed-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Instagram Sans';
    src: url('../fonts/InstagramSans-Regular.woff2') format('woff2'),
        url('../fonts/InstagramSans-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Instagram Sans Condensed';
    src: url('../fonts/InstagramSansCondensed-Regular.woff2') format('woff2'),
        url('../fonts/InstagramSansCondensed-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Instagram Sans Condensed';
    src: url('../fonts/InstagramSansCondensed-Regular.woff2') format('woff2'),
        url('../fonts/InstagramSansCondensed-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Instagram Sans Condensed';
    src: url('../fonts/InstagramSansCondensed-Bold.woff2') format('woff2'),
        url('../fonts/InstagramSansCondensed-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Instagram Sans Condensed';
    src: url('../fonts/InstagramSansCondensed-Bold.woff2') format('woff2'),
        url('../fonts/InstagramSansCondensed-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Instagram Sans';
    src: url('../fonts/InstagramSans-Regular.woff2') format('woff2'),
        url('../fonts/InstagramSans-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Instagram Sans Condensed';
    src: url('../fonts/InstagramSansCondensed-Regular.woff2') format('woff2'),
        url('../fonts/InstagramSansCondensed-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Instagram Sans Headline';
    src: url('../fonts/InstagramSansHeadline-Regular.woff2') format('woff2'),
        url('../fonts/InstagramSansHeadline-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Instagram Sans Headline';
    src: url('../fonts/InstagramSansHeadline-Regular.woff2') format('woff2'),
        url('../fonts/InstagramSansHeadline-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Instagram Sans Script';
    src: url('../fonts/InstagramSansScript-Regular.woff2') format('woff2'),
        url('../fonts/InstagramSansScript-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Instagram Sans Script';
    src: url('../fonts/InstagramSansScript-Regular.woff2') format('woff2'),
        url('../fonts/InstagramSansScript-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Instagram Sans Headline';
    src: url('../fonts/InstagramSansHeadline-Regular.woff2') format('woff2'),
        url('../fonts/InstagramSansHeadline-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Instagram Sans Script';
    src: url('../fonts/InstagramSansScript-Bold.woff2') format('woff2'),
        url('../fonts/InstagramSansScript-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Instagram Sans Script';
    src: url('../fonts/InstagramSansScript-Bold.woff2') format('woff2'),
        url('../fonts/InstagramSansScript-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Instagram Sans Script';
    src: url('../fonts/InstagramSansScript-Regular.woff2') format('woff2'),
        url('../fonts/InstagramSansScript-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Instagram Sans Script';
    src: url('../fonts/InstagramSansScript-Bold.woff2') format('woff2'),
        url('../fonts/InstagramSansScript-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}



h1, h2, h3, h4, h5, h6 {
    font-family: 'Instagram Sans Headline' ;
    font-weight: normal;
    font-style: normal;
}

/*************************************$ font *************************************/










/******************************************* Preloader *********************************************/
#preloader_back {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	z-index: 9999999;
	text-align: center;
	overflow: hidden;


}

.container_loalder {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;

  background-color: #ededed;
  	width: 100%;
	height: 100%;
	background: #fff;
	padding-top: 20%;

}

.loader {
  max-width: 15rem;
  width: 100%;
  height: auto;
  stroke-linecap: round;
}

circle {
  fill: none;
  stroke-width: 3.5;
  -webkit-animation-name: preloader;
          animation-name: preloader;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-transform-origin: 170px 170px;
          transform-origin: 170px 170px;
  will-change: transform;
}
circle:nth-of-type(1) {
  stroke-dasharray: 550px;
}
circle:nth-of-type(2) {
  stroke-dasharray: 500px;
}
circle:nth-of-type(3) {
  stroke-dasharray: 450px;
}
circle:nth-of-type(4) {
  stroke-dasharray: 300px;
}
circle:nth-of-type(1) {
  -webkit-animation-delay: -0.15s;
          animation-delay: -0.15s;
}
circle:nth-of-type(2) {
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s;
}
circle:nth-of-type(3) {
  -webkit-animation-delay: -0.45s;
          animation-delay: -0.45s;
}
circle:nth-of-type(4) {
  -webkit-animation-delay: -0.6s;
          animation-delay: -0.6s;
}

@-webkit-keyframes preloader {
  50% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes preloader {
  50% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}


/******************************************* Preloader *********************************************/





















/******************************** Accueil ************************/

#logo_web header {
	display: inline-block;
	width: 80px;
	height: 80px;
	background: url(../img/logo-white.svg) center center no-repeat;
}



#accueil {
	position: relative;
	top: 0;
	left: 0;
	width: 100% ;
	height: 100vh ;
    max-height: 1080px;
	max-width: 2000px;
	overflow: auto;
    z-index: 999999;
    margin: auto;

}



.content_accueiL  {
	width: 50%;
	float: left;
}

 .images_accueil {
	width: 50%;
	float: left;
}



.images_accueil {
	height: 100%;
}


.images_accueil div {
	overflow: hidden;
	height: 100%;
}

.images_accueil div aside { 
	width: 50%;
	height: 100%;
	float: left;
	overflow: hidden;


}

#switch_an:hover {
	color: #f00;
}

#image_gauche {
	padding: 0 10px;

}

#image_gauche header {
	display: block !important;
	width: 100%;
	height: 100%;
	background: url(../img/fond_connaitre.webp ) no-repeat center center ; 
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
	  -webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.26);
-moz-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.26);
box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.26);
  transition: all 0.5s ease;
   cursor: pointer;
}


#image_gauche header:hover {
    height: 77%;
}




#image_gauche h3 {
	text-align: center;

	font-size: 1.6em;
	padding: 250px 0 20px 0;
      transition: all 0.3s ease;
       cursor: pointer;
}


#image_gauche h3:hover {
    color: #FDC1C5;
    cursor: pointer;
}



#image_droite {
	padding: 0 10px;

}


#image_droite header {
	display: block !important;
	width: 100%;
	height: 70%;
	background: url(../img/fond_creation.webp ) no-repeat center center ; 
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
	  -webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.26);
-moz-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.26);
box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.26);
  transition: all 0.3s ease;
   cursor: pointer;
}

#image_droite header:hover {
    height: 77%;
}


#image_droite h3 {
	text-align: center;

	font-size: 1.6em;
	padding: 20px 0 20px 0;
    transition: all 0.3s ease;
     cursor: pointer;
}

#image_droite h3:hover {
    color: #FDC1C5;
    cursor: pointer;
}

#image_droite h4 {
	display: none;
    transition: all 0.3s ease;
     cursor: pointer;

}



.content_accueiL {
	padding: 20px;
	text-align: center;
}

#logo_web {
	padding: 40px;
}

.content_accueiL #logo_web svg {
	max-width: 80px;

}





.content_accueiL h1 {
	padding: 0px 0 40px 0;
	margin-top: 50px;
	text-align: left;
	font-size: 3em;


}

.content_accueiL h1 span {
    font-family: 'Instagram Sans Condensed';
    font-weight: bold;
    font-style: normal;
   

}

.content_accueiL h2  {

	font-size: 2.6em;
	text-align: left;
	padding: 8px;
	font-family: 'Instagram Sans Condensed';

}

.content_accueiL h3  {
	font-size: 3em;
	text-align: left;
	padding: 8px;
	font-family: 'Instagram Sans Condensed';
    font-weight: bold;
    font-style: normal;
	color: #107AB0;

}


/******************************** Accueil ************************/




























































/***************************************************text scroll big *******************************************************/

.c-section {position:relative; transform: skewX(0);}




.c-direction-block_wrapper {margin-bottom:0;}

@media (min-width:1200px) {#barre-scrol-big-text .c-direction-block_wrapper {min-height:180vh}
}

@media (min-width:1000px) and (max-width:1199px) { .c-direction-block_wrapper {min-height:130vh}
}

@media (min-width:700px) and (max-width:999px) { .c-direction-block_wrapper {min-height:100vh}
}

@media (max-width:699px) { .c-direction-block_wrapper {min-height:70vh}
}

@media (min-width:1000px) { .c-direction-block_wrapper {margin-top:-35vh}
}

 .c-direction-block {left:0;position:absolute;right:0;z-index:1}

@media (min-width:1200px) { .c-direction-block {bottom:-50vh;top:-50vh}
}

@media (min-width:700px) and (max-width:1199px) { .c-direction-block {bottom:-50vh;top:-30vh}
}

@media (max-width:699px) { .c-direction-block {bottom:0;top:-15vh}
}

@media (min-width:1000px) and (max-width:1199px) { .c-direction-block {margin-top:6.25rem}
}

@media (min-width:1200px) { .c-direction-block {margin-top:18.75rem}
}



 #barre-scrol-big-text .c-direction-block_item {
    font-size:10vw;
    font-family: 'Instagram Sans Script';
    font-weight: bold;
    font-style: normal;
    position:absolute;
    white-space:nowrap; 
}



#barre-scrol-big-text .c-direction-block_item span {background-color:#FDC1C5;display:block;padding:0 20px;white-space:nowrap}
#barre-scrol-big-text .c-direction-block_item.-one {top:33%;transform:translateX(-10vw) rotate(3deg)}
#barre-scrol-big-text .c-direction-block_item.-two {top:41%; transform:rotate(-3deg) translateX(-10vw) }
#barre-scrol-big-text .c-direction-block_item.-three {top:60%; transform:rotate(3deg) translateX(-10vw) }
#barre-scrol-big-text .c-direction-block_item.-four {top:70%;transform:translateX(-10vw) rotate(-2deg)}
#barre-scrol-big-text  .c-direction-block_item.-five {top:80%;transform:translateX(-20vw) rotate(3deg)}

#barre-scrol-big-text .c-direction-block_item span .bleu-big {background-color:#107ab0 !important;}


/***************************************************text scroll big *******************************************************/









































/*************************************************** tapage lodge *******************************************************/

#tp-moobile-lodge {
    width: 100%;
    display: block;
  
    padding: 20px;
    margin: 200px 0px 0px 0px;

}




#content-mb-lodge {
    width: 100%;
    max-width: 800px;
    position: relative;
    margin: auto !important;
    

}

#content-mb-lodge img {
    width: 100%;
    max-width: 800px;
    height: auto;
     position: absolute;
     top:0;
     display: block;
}

#content-mb-lodge img:nth-child(1) { z-index: 100; }
#content-mb-lodge img:nth-child(2) { z-index: 90; }
#content-mb-lodge img:nth-child(3) { z-index: 80; }
#content-mb-lodge img:nth-child(4) { z-index: 70; }
#content-mb-lodge img:nth-child(5) { z-index: 60; }



#content-mb-lodge img:nth-child(1) { z-index: 100; position: relative; }



/*************************************************** tapage lodge *******************************************************/




























/*************************************************** Image double crealise  *******************************************************/


#image-double-c {
    width: 100%;
    padding: 20px;

}




#content-image-double-c {
    width: 100%;
    max-width: 800px;
    position: relative;
    margin: auto;
}

#content-image-double-c img {
    width: 100%;
    max-width: 800px;
    height: auto;
     position: absolute;
     top:0;
     left: 0;
}

#content-image-double-c img:nth-child(1) { z-index: 90; }
#content-image-double-c img:nth-child(2) { z-index: 100;  position: relative; }





/*************************************************** Image double crealise  *******************************************************/




















/*************************************************** Image hype *******************************************************/

#webiste-trible {
    width: 100%;
    padding: 20px;
   

}




#content-webiste-trible {
    width: 100%;
    max-width: 800px;
    position: relative;
    margin: auto;

}

#content-webiste-trible img {
    width: 100%;
    max-width: 800px;
    height: auto;
     position: absolute;
     top:0;
     left: 0;
}

#content-webiste-trible img:nth-child(1) { z-index: 100; position: relative;}
#content-webiste-trible img:nth-child(2) { z-index: 90; }
#content-webiste-trible img:nth-child(3) { z-index: 80; }
#content-webiste-trible img:nth-child(4) { z-index: 70; }
#content-webiste-trible img:nth-child(5) { z-index: 60; }
#content-webiste-trible img:nth-child(6) { z-index: 50; }


/*************************************************** Image hype *******************************************************/































/*************************************************** Image tbail *******************************************************/

#tbail {
    width: 100%;
    padding: 20px;

}


#content-tbail {
    width: 100%;
    max-width: 800px;
    position: relative;
    margin: auto;

}

#content-tbail img {
    width: 100%;
    max-width: 800px;
     position: absolute;
     top:0;
     left: 0;
}

#content-tbail img:nth-child(1) { z-index: 100; position:relative; }
#content-tbail img:nth-child(2) { z-index: 90; }
#content-tbail img:nth-child(3) { z-index: 80; }

/*************************************************** Image tbail *******************************************************/


























/*************************************************** text de  separation *******************************************************/



.content-text-big-p {
    width: 100%;
    max-width: 1100px;
    margin: auto;

}

.content-text-big-p p {
    font-size: 2.7em;
    font-family: 'Instagram Sans Headline';
    line-height: 1.3em;
    font-weight: normal;
    font-style: normal;
   
    padding: 0px 20px;
}


.content-text-big-p p span {
    text-transform: uppercase;
     font-family: 'Instagram Sans';
    font-weight: bold;
    font-style: normal;

}

/*************************************************** text de  separation *******************************************************/





























/*************************************************** autre projets  *******************************************************/



#autreprojet {
    width: 100%;
    max-width: 1100px;
    margin: auto;
}


#autreprojet p {
    font-size: 2.7em;
    font-family: 'Instagram Sans Headline';
    line-height: 1.3em;
    font-weight: normal;
    font-style: normal;

    padding: 0px 20px;
}


#autreprojet h4 {
    font-size: 6em;
    font-family: 'Instagram Sans Script';

    font-weight: bold;
    font-style: normal;
    padding: 0px 20px;
    margin-bottom: 40px;
}


/*************************************************** autre projets  *******************************************************/











/*************************************************** text  pres intro *******************************************************/

#pres-intro {
    width: 100%;
    max-width: 1100px;
    margin: auto;
    overflow: hidden;
    padding-top: 250px !important;
}



#pres-intro aside {
    width: 40%;
    height: 750px;
    float: left;
    background: url(../img/langevin-agence-la-reunion.webp) no-repeat; center center;
     -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
}



#pres-intro section {
    width: 60%;
    float: left;
}


#pres-intro section p {
    font-size: 3em;
    padding: 0 20px;
    font-family: 'Instagram Sans Headline';
    font-weight: normal;
    font-style: normal;
    margin-top: 200px;
}


#pres-intro section h2 {
    font-size: 4.5em;
    font-family: 'Instagram Sans Script';
    font-weight: bold;
    font-style: normal;
    margin-top: 30px;
    padding: 0px 20px;
}

/*************************************************** text  pres intro *******************************************************/













/*************************************************** text-app-full *******************************************************/


#text-app-full {
     width: 100%;
    max-width: 1100px;
    margin: auto;
    margin-top: 150px;
}

#text-app-full p {
 
     font-size: 2em;
     line-height: 1.4em;
    padding: 0 20px;
    font-family: 'Instagram Sans Headline';
    font-weight: normal;
    font-style: normal;
}


/*************************************************** text-app-full *******************************************************/





/***************************************************  notre aproche *******************************************************/



#notre_aproche {
     width: 100%;
    max-width: 1100px;
    margin: auto;
    margin-top: 150px;
    overflow: hidden;
}


#notre_aproche aside {
    width: 50%;
    float: left;
    padding: 0 20px;
}

#notre_aproche section {
    width: 50%;
    float: left;
    padding: 0 20px;
}

#notre_aproche aside h3 {
     font-size: 3.5em;
    font-family: 'Instagram Sans Script';
     font-weight: bold;
    font-style: normal;
}

#notre_aproche aside p {
   margin-top: 50px;
font-size: 1.7em;
line-height: 1.2em;
    font-family: 'Instagram Sans Headline';
    font-weight: normal;
    font-style: normal;

}

/*************************************************** notre appproche *******************************************************/








/*************************************************** nos domaine d'expertise  *******************************************************/




#nos-domaines-expertice {
    width: 100%;
    max-width: 1100px;
    margin: auto;
    margin-top: 200px;
    overflow: hidden;
}


#nos-domaines-expertice aside {
    width: 50%;
    float: left;
    padding: 0 20px;
}

#nos-domaines-expertice aside h3 {
     font-size: 3.5em;
    font-family: 'Instagram Sans Script';
     font-weight: bold;
    font-style: normal;
    margin-top: 200px;
}

#nos-domaines-expertice aside p {
   margin-top: 50px;
font-size: 1.7em;
line-height: 1.2em;
    font-family: 'Instagram Sans Headline';
    font-weight: normal;
    font-style: normal;

}

#nos-domaines-expertice section {
    width: 50%;
    float: left;
    padding: 0 20px;
    overflow: hidden;
}


#nos-domaines-expertice section div {
    width: 50%;
    float: left;
    padding: 0 20px;
    text-align: center;
}

#nos-domaines-expertice section div:last-child{ margin-top: 130px; }

#nos-domaines-expertice section div img {
    width: 100%;

    height: auto;

}


#nos-domaines-expertice section div h4 {
    margin: 20px 0 70px 0;

    font-size: 1.2em;
    font-family: 'Instagram Sans Headline';
    font-weight: normal;
    font-style: normal;
}



/*************************************************** nos domaine d'expertise  *******************************************************/






/*************************************************** text  pres outro *******************************************************/

#pres-outro {
    width: 100%;
    max-width: 1100px;
    margin: auto;
    overflow: hidden;
    padding: 50px 0 150px 0 !important;
}



#pres-outro aside {
    width: 40%;
    height: 750px;
    float: left;
    background: url(../img/founder.webp) no-repeat center center;
     -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
}



#pres-outro section {
    width: 60%;
    float: left;
}


#pres-outro section p {
    font-size: 1.3em;
    line-height: 1.1em;
    padding: 0 20px;
    font-family: 'Instagram Sans Headline';
    font-weight: normal;
    font-style: normal;
    margin-top: 30px;
}


#pres-outro section h2 {
    font-size: 4em;
    font-family: 'Instagram Sans Script';
    font-weight: bold;
    font-style: normal;
    margin-top: 140px;
    padding: 0px 20px;
}

/*************************************************** text  pres outro *******************************************************/









.bouton_web-b {
    display: block;
    margin: 30px auto;
    text-decoration: none;
    color: #000;
    background: #FDC1C5;
    width: 100%;
    max-width: 300px;
    font-family: 'Instagram Sans Script';
    font-weight: bold;
    font-style: normal;
    font-size: 1.7em !important;
    text-align: center;
    padding: 15px;
    transition: all 0.5s ease;
}

.bouton_web-b:hover {
    opacity: 0.4;

}




 .bouton_web-black {
    display: block;
    margin: 30px auto;
    text-decoration: none;
    color: #000;
    background: none;
    border: 2px solid #000;
    width: 100%;
    max-width: 300px;
    font-family: 'Instagram Sans Script';
    font-weight: bold;
    font-style: normal;
    font-size: 1.7em !important;
    text-align: center;
    padding: 15px;
    transition: all 0.5s ease;
}



 #content-text-big-p  .bouton_web-black {
    font-size: 1.7em !important;
}

.bouton_web-black:hover {
    opacity: 0.4;

}









#footer-gg {
    padding: 50px 20px;
    text-align: center;
}


#footer-gg p {
    font-size: 1.3em;
     font-family: 'Instagram Sans Headline';
    font-weight: normal;
    font-style: normal;

}


#footer-gg p a {
     color: #000;
     font-weight: bold;
     text-decoration: none;
}


























@media (prefers-color-scheme: dark) {

    body { background-color: #292929; }
    h1, h2, h3, h4, h5, h6 , p{ color: #faf8f4; }
        	#logo_web header {
        	background: url(../img/logo-black.svg) center center no-repeat;
        	background-color: none;
        }


:root {
--native-dark-bg-color : #292929;

}




.bouton_web-black {
    color: #faf8f4;
    border: 2px solid #faf8f4;
}


#footer-gg p a {

    color: #FDC1C5;

}






}








/******************************************* média queries *********************************************/

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






#footer-gg p {
    font-size: 0.8em;

}















/******************************** Accueil ************************/

#accueil {
	position: relative;
	top: 0;
	left: 0;
	width: 100% ;
	height: auto ;
	max-width: 100%;
	overflow: scroll;

}

#logo_web {
	padding: 0;
}

#logo_web header {
	display: inline-block;
	width: 55px;
	height: 55px;
}

.content_accueiL h1 {
	padding: 0px 0px 20px 0px !important;
	font-size: 1.7em;

}

.content_accueiL h2 {
	padding: 0px 0 20px 0;
	font-size: 1.5em;
}


.content_accueiL h3 {
	padding: 0px 0 0px 0;
	font-size: 1.5em;
	min-height: 30px;
}

.content_accueiL  {
	width: 100%;
	height: 40%;
	float: none;
}

 .images_accueil {
	width: 100%;
	height: 60%;
	float: none;
}





.images_accueil div aside { 
	width: 100%;
	height: 200px;
	float: none;
}

#image_gauche h3 {
	padding: 0px 0 20px 0;
	font-size: 1.2em;
}


#image_droite h3 {
	display: none;
}


#image_droite h4 {
	display: block;
	text-align: center;
	font-family: 'Muli', sans-serif;
	font-size: 1.2em;
	padding: 20px 0 20px 0;
}

/******************************** Accueil ************************/









#barre-scrol-big-text {
    margin-top: 25px;
    max-height: 350px;
}




/**************************tapage********************/

#tp-moobile-lodge {
 
    margin-top: 50px;

}
/**************************tapage********************/










/**************************big text********************/

.content-text-big-p p {

    font-size: 1.3em;
    font-family: 'Instagram Sans Headline';
    line-height: 1.3em;
    margin-top: 30px;
    padding: 0px 20px;
}

/**************************big text********************/






/**************************autre projet********************/
#autreprojet p {
    font-size: 1.3em;
    font-family: 'Instagram Sans Headline';
    line-height: 1.3em;
    font-weight: normal;
    font-style: normal;

    padding: 0px 20px;
}


#autreprojet h4 {
    font-size: 3em;

}



.o-layout.-gutter-small.-gutter-bottom>.o-layout_item {
    margin-bottom: 70px !important;
}

/**************************autre projet********************/
















/**************************intro********************/

#pres-intro {
    padding-top: 50px !important;
}


#pres-intro aside {
    width: 100%;
    height: 250px;
    background: url(../img/langevin-mob.webp) no-repeat center center;
     -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
}



#pres-intro section {
    width: 100%;
}



#pres-intro section p {
    font-size: 1.3em;
    line-height: 1.1em;
    padding: 0 20px;

    margin-top: 30px;
}


#pres-intro section h2 {
    font-size: 2em;
    margin-top: 20px;
}

/**************************intro********************/










/**************************text full ********************/
#text-app-full {
    margin-top: 50px;
}

#text-app-full p {
 
     font-size: 1.3em;
     line-height: 1.1em;


}

/**************************text full ********************/












/************************** notre aproche ********************/

#notre_aproche {
     margin-top: 75px;
}



#notre_aproche aside {
    width: 100%;
}


#notre_aproche aside p {
    font-size: 1.3em;
    line-height: 1.1em;
}

#notre_aproche section {
    width: 100%;
    margin-top: 20px;
}

/************************** notre aproche ********************/











/**************************nos domaine expertice ********************/

#nos-domaines-expertice {
    margin-top: 0px;
}


#nos-domaines-expertice aside  {
    width: 100%;

}

#nos-domaines-expertice aside h3 {
    font-size: 2.5em;
    margin-top: 75px;
}

#nos-domaines-expertice aside p {
    margin-bottom: 60px;
    font-size: 1.3em;
}

#nos-domaines-expertice section  {
    width: 100%;

}

#nos-domaines-expertice section  div {
    width: 100%;
}

#nos-domaines-expertice section div:last-child { margin-top: 0px !important; }
/**************************nos domaine expertice ********************/












/**************************outro********************/


#pres-outro {
    padding-top: 0px !important;
}


#pres-outro aside {
   display: none;
}



#pres-outro section {
    width: 100%;
}



#pres-outro section p {
    font-size: 1.3em;
    line-height: 1.1em;
    padding: 0 20px;

    margin-top: 30px;
}


#pres-outro section h2 {
    font-size: 2em;
    margin-top: 80px;
}

/**************************outro********************/







/**************************bouton********************/
.bouton_web-b {
    font-size: 1.4em;
}


.bouton_web-black {
    font-size: 1.4em;
}


/**************************bouton********************/












}

/******************************************* média queries *********************************************/