@charset "UTF-8";
/* CSS Document */

*{
	margin:0;
	padding:0;}
	
html, body{
	width:100%;
	height:100%;
	min-height:100%;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	text-size-adjust: 100%;
	font-size: 100%;
font-family: 'Montserrat', sans-serif;
font-weight:400;
	color:#000;

	
	}
	
		
	
	
a{
	text-decoration:none;}	

img{
		vertical-align: middle;/*pour virer la bordure sous l image*/}

.centrage{position:relative;
	margin:auto;}

@media screen and (min-width: 1400px){
.centrage{
	width:60vw;
	max-width:1920px;
	}	
}

@media screen and (min-width: 600px) and (max-width: 1400px){
.centrage{
	width:100%;
	padding:0 60px;
	box-sizing:border-box;}	
}

@media screen and (max-width: 600px){
.centrage{
	width:100%;
	padding:0 20px;
	box-sizing:border-box;}	
}



/*
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

HEADER

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/		

header{
	width:100%;
	max-width:2560px;
	position:fixed;
	top:0;
	left:0;
	z-index:200;}


@media screen and (min-width: 1400px){
.fond-header{
	width:100vw;/*87.25*/
	height:14vh/*15.3276955602537vh*/;
	background-color:#000;
	position:fixed;
	top:0;
	left:0;
	z-index:10;}
}

@media screen and (min-width: 1180px) and (max-width: 1400px){
.fond-header{
	width:100%;
	height:120px;
	background-color:#000;
	position:fixed;
	top:0;
	left:0;
	z-index:10;}
}

@media screen and (max-width: 1180px){
.fond-header{
	width:100%;
	height:60px;
	background-color:#000;
	position:fixed;
	top:0;
	left:0;
	z-index:10;}
}


h1{
	position:relative;
	float:left;
		
	}
	
.logo-header{
	fill:#AF8F2C;}	

@media screen and (min-width: 1920px){
h1{
	margin-top:36px;
	width:54px/*54px*/;
	margin-left:124px/*124px*/;
	margin-right:38px/*38px*/;
	}

nav{
	margin-top:6vh;
	}	
		}


@media screen and (min-width: 1180px) and (max-width: 1920px){	
h1{
	margin-top:36px;
	width:2.7vw/*54px*/;
	margin-left:6.2vw/*124px*/;
	margin-right:1.9vw/*38px*/;
	}

nav{
	margin-top:6vh;
	}	
}



@media screen and (max-width: 1180px){	
h1{
	margin-top:10px;
	width:27px/*54px*/;
	margin-left:1.5vw/*30px*/;
	
	}


nav{
	margin-top:34px;
	}	
}





@media screen and (min-width: 1920px){	
nav li{
	font-size:18px/*18px*/;
	margin:0 16px;
	}
	
nav li:after{
	left:16px;
	}	
	
.reseaux-header svg	{
	width:28px/*28px*/;
	margin:0 8px;
	}
	
.reseaux-header svg#fb{
	margin-left:16px;}
}



@media screen and (min-width: 1400px) and (max-width: 1920px){	
nav li{
	font-size:0.8999999999999999vw/*18px*/;
	margin:0 1.1380880121396055vw;
	}
	
nav li:after{
	left:1.2vw;
	}	
	
.reseaux-header svg	{
	width:1.4000000000000001vw/*28px*/;
	margin:0 0.6vw;
	}
	
.reseaux-header svg#fb{
	margin-left:1.13vw;}
}

@media screen and (min-width: 1180px) and (max-width: 1400px){
	
		
nav li{
	font-size:16px/*18px*/;
	margin:0 8px;
	}
	
nav li:after{
	left:8px;
	}	
	
.reseaux-header svg	{
	width:24px/*28px*/;
	margin:0 8px;
	}
	
.reseaux-header svg#fb{
	margin-left:16px;}
}

@media screen and (max-width: 1180px){
	
		
nav li{
	font-size:16px/*18px*/;
	margin:0 8px;
	}
	
nav li:after{
	left:8px;
	}	
	
.reseaux-header svg	{
	width:28px/*28px*/;
	margin:0 8px;
	}
	
.reseaux-header svg#fb{
	margin-left:16px;}
}


@media screen and (min-width: 1400px){
nav{
	float:left;}
}

@media screen and (max-width: 1400px){
nav{
	float:right;
	margin-right:1.5vw/*30px*/;}
}


@media screen and (min-width: 1180px){	
nav{position:relative;
	}
nav ul{
	list-style:none;}
	

nav ul,
nav .reseaux-header{
	float:left;
	vertical-align:top;}

nav li{
	
	font-weight:700;
	color:#FFF;
	
	display:inline-block;
	position:relative;}		


nav li a{
	color:#FFF;}
	
nav li a:hover{
	color:#AF8F2C;}	
	
	
nav li:after{
	content:'';
	height:100%;
	border-right:solid 2px #AF8F2C;
	position:relative;
	}	
	
.reseaux-header .fb,
.reseaux-header .insta{
	}	

.reseaux-header{
	margin-top:-2px;
	position:relative;
	float:left;}
	
.reseaux-header svg{
	fill:#FFFFFF
}	


	
.reseaux-header svg:hover{
	fill:#AF8F2C;
	}	
}





@media screen and (max-width: 1180px){	
nav{position:absolute;

top:-36px;
left:0;
width:100%;
height:auto;


		background-color:#000;
	}	
	
nav ul{
	text-align:center;
	width:100%;
	list-style:none;
	margin-bottom:15px;
	padding-top:60px;
	
	}
	

nav ul,
nav .reseaux-header{
	float:left;
	vertical-align:top;}

nav li{
	font-size:12px;
	font-weight:700;
	margin-bottom:30px;
	color:#FFF;
	
	display:block;
	position:relative;
	}		


nav li a{
	color:#FFF;}
	
nav li a:hover{
	color:#AF8F2C;}	
	
	
nav li:after{
	content:'';
	width:30px;
	border-bottom:solid 2px #AF8F2C;
	position:absolute;
	bottom:-20px;
	left:calc(50% - 15px);
	}	
	
.reseaux-header .fb,
.reseaux-header .insta{
	}	

.reseaux-header{
	margin-top:-2px;
	width:100%;
	position:relative;
	text-align:center;
	float:left;
	padding-bottom:44px;}
	
.reseaux-header svg{
	
	width:18px;
	margin:0 0.6vw;
	fill:#FFFFFF
}	

.reseaux-header svg#fb{
	margin-left:1.13vw;}
	
.reseaux-header svg:hover{
	fill:#AF8F2C;
	}	
}
	
	
li a.active{
	color:#AF8F2C;}	


/*
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

MENU MOB

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/


/* menu */

 nav.menu {
  clear: both;
  max-height: 0;
  transition: max-height .2s ease-out;
}

/* menu icon */

.menu-icon {
  cursor: pointer;
  display: inline-block;
  float: right;
  padding: 28px 20px;
  position: relative;
  user-select: none;
  z-index:500;
}

 .menu-icon .navicon {
  background: #FFF;
  display: block;
  height: 2px;
 
  position: relative;
  transition: background .2s ease-out;
  width: 25px;
    z-index:500;
	
}

 .menu-icon p{
	  color:#FFF;
  font-weight:700;
  font-size:8px;
  position:relative;
  left:0px;
  top:-6px;}

.menu-icon .navicon:before,
.menu-icon .navicon:after {
  background: #FFF;
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  transition: all .2s ease-out;
  width: 100%;
}

.menu-icon .navicon:before {
  top: 5px;
}

.menu-icon .navicon:after {
  top: -5px;
}

/* menu btn */

.menu-btn {
  display: none;
}

.menu-btn:checked ~ nav.menu {
  max-height: 640px;
}

.menu-btn:checked ~ .menu-icon .navicon {
  background: transparent;
}

.menu-btn:checked ~ .menu-icon .navicon:before {
  transform: rotate(-45deg);
}

.menu-btn:checked ~ .menu-icon .navicon:after {
  transform: rotate(45deg);
}

.menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
.menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
  top: 0;
}

/* 48em = 768px */

@media screen and (min-width: 1180px){

  nav.menu {
    clear: none;
    
    max-height: none;
  }
  .menu-icon {
    display: none;
  }
}


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

  overflow: hidden;
}
}


/*
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

SLIDE

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/
.galerie{
	width:100vw;
	height:100vh;
	position:relative;
	float:left;}

@media screen and (min-width: 900px){	
.gallery {
  width: 60vw;
  height: 100vh;
  position:relative;
  float:right;
 /* flex-wrap: wrap;*/
  z-index: 100;
 /* > div {
    height: 100vh;
  }*/
}

/*.gallery.slider{
	width: 68.75vw;
  position:absolute;
  right:0;
  z-index: 100;}*/
}

@media screen and (max-width: 900px){	
.gallery {
  width: 100vw;
  height: 100vh;
  position:relative;
  float:right;
 /* flex-wrap: wrap;*/
  z-index: 100;
 /* > div {
    height: 100vh;
  }*/
}

}

/* Slider */
.slick-slider
{
    position: relative;

    display: block;

    -moz-box-sizing: border-box;
         box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}




.slick-slider {
  margin-bottom: 0;
}

.slide img{
	background-size:cover;}

.slick-slide {
  outline: none;
  background-size:cover;
  height: 100vh;
  top: 0;
  bottom: 0;
  left: 0;
}

.slide {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh;
}



.gallery{
	  height: 100vh;
}




/* Dots */
.slick-dotted.slick-slider
{
    /*margin-bottom: 30px;*/
}

.slick-dots
{
    position: absolute;
    left:-40vw;
    display: block;

    width: 40vw;
    padding: 0;
    margin: 0;
    list-style: none;
bottom:8vh;
    text-align: left;
	box-sizing:border-box;
	padding-left:16%;
		z-index:9999;
}


.slick-dots li{
 
  border-radius: 50%;
  display: inline-block;
  margin:0 7px;
  background-color: rgba(255, 255, 255, 0.5);
  cursor: pointer;
}


.slick-dots li{
	   width: 12px;
  height: 12px;
  }	


.slick-dots li:hover,
li.slick-active{
background-color: #FFF;}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
  

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}


@media screen and (min-width: 900px){	
.prez{
	width:40vw;
	position:relative;
	float:left;
	z-index:100;
	height:100%;
	background-color:#000;}
}


@media screen and (max-width: 900px){	
.prez{
	width:80%;
	position:absolute;
	float:left;
	left:10%;
	z-index:175;
	height:auto;
	top:100px;
	}
}

@media screen and (max-width: 660px){	
.prez{
	width:80%;
	float:left;
	left:10%;
	z-index:175;
	height:auto;
	top:50%;
	}
}

.prez{
	
	
	
	
	
	display: flex;
    justify-content: center;
    align-items: center; 
	}
@media screen and (min-width: 600px){	
.txt-prez{
	box-sizing:border-box;
	width:100%;
	padding:0 25%;
	}	
}
@media screen and (min-width: 600px) and (max-width: 900px){
.txt-prez svg{
	margin-left:7.5%;
	}	
}


@media screen and (max-width: 600px){	
.txt-prez{
	box-sizing:border-box;
	width:100%;
	padding:0 20px;
	}	
	
.txt-prez svg{
	margin-left:7.5%;
	}	
}

.txt-prez svg{
	width:85%;
	max-width:580px;
	}	

	
.accroche0{fill:#FFFFFF;}
	.accroche1{fill:#BFA042;}




@media screen and (min-width: 1920px){
.txt-prez h3{
	margin-top:45px;
	font-weight:700;
	font-size:38px/*38px*/;
	letter-spacing:0.008vw;
	  }	
	  
.txt-prez p{
	font-size:16px/*16px*/;
	letter-spacing:0.020vw;}	  
}

@media screen and (min-width: 1400px) and (max-width: 1920px){
.txt-prez h3{
	margin-top:45px;
	font-weight:700;
	font-size:1.9vw/*38px*/;
	letter-spacing:0.008vw;
	  }	
	  
.txt-prez p{
	font-size:0.8vw/*16px*/;
	letter-spacing:0.020vw;}
}

@media screen and (min-width: 1180px) and (max-width: 1400px){
.txt-prez h3{
	margin-top:45px;
	font-weight:700;
	font-size:26px/*38px*/;
	letter-spacing:0.008vw;
	  }	
	  
.txt-prez p{
	font-size:14px/*16px*/;
	letter-spacing:0.020vw;}	  
}

@media screen and (max-width: 900px){
	.txt-prez p,
	.txt-prez h3{
		text-align:center;}
		
	.txt-prez p{
		font-size:12px;}	
	}


	.txt-prez p,
	.txt-prez h3{
		color:#FFF;}
		
		.galerie.intro-rub .txt-prez p,
	.galerie.intro-rub .txt-prez h3{
		color:#000;}	
	

/*
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

HOME BLANC

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/		

.blanc{width:100%;
position:relative;
float:left;
background-color:#FFF;
z-index:2;
}


@media screen and (min-width: 1180px){
.blanc{padding:100px 0 112px 0;}
	
}

@media screen and (max-width: 1180px){
.blanc{padding:50px 0 54px 0;}
	
}

@media screen and (max-width: 660px){
.blanc{
	padding-top:0px;
	margin-top:50px;}
}




@media screen and (min-width: 600px){
.txt-home{
	max-width:45%;
	float:left;}
}
@media screen and (max-width: 600px){
.txt-home{
	max-width:100%;
	float:left;}
}



@media screen and (min-width: 1920px){
.txt-home h3,
.actu-home h3,
.agence h3,
.staff h3,
.temoignages h3{
	font-size:58px/*58px*/;
	font-weight:700;
	color:#000;}
	
.txt-home p,
.txt-home a{
	font-size:27px/*27px*/;
	color:#000;}	
}


@media screen and (min-width: 1400px) and (max-width: 1920px){
.txt-home h3,
.actu-home h3,
.agence h3,
.staff h3,
.temoignages h3{
	font-size:2.9000000000000004vw/*58px*/;
	font-weight:700;
	color:#000;}
	
.txt-home p,
.txt-home a{
	font-size:1.35vw/*27px*/;
	color:#000;}	
}

@media screen and (min-width: 1180px) and (max-width: 1400px){
.txt-home h3,
.actu-home h3,
.agence h3,
.staff h3,
.temoignages h3{
	font-size:46px/*51px*//*58px*/;
	font-weight:700;
	color:#000;}
	
.txt-home p,
.txt-home a{
	font-size:20px/*27px*/;
	color:#000;}	
}

@media screen and (min-width: 600px) and (max-width: 1180px){
.txt-home h3,
.actu-home h3,
.agence h3,
.staff h3,
.temoignages h3{
	font-size:27px/*58px*/;
	font-weight:700;
	color:#000;}
	
.txt-home p,
.txt-home a{
	font-size:15px/*13*//*27px*/;
	color:#000;}	
}

@media screen and (max-width: 600px){
.txt-home h3,
.actu-home h3,
.agence h3,
.staff h3,
.temoignages h3{
	font-size:23px/*58px*/;
	font-weight:700;
	color:#000;}
	
.txt-home p,
.txt-home a{
	font-size:12px/*27px*/;
	color:#000;}	
}
	

.txt-home a{
	font-weight:700;
	position:relative;
	margin-top:60px;
	float:left;
	text-transform:uppercase;}

.txt-home a:before{
	content:'';
	position:absolute;
	top:-30px;
	left:0;
	width:47px;
	height:6px;
	background-color:#AF8F2C;}
	
.txt-home a:hover:before{
	width:100%;}
	
@media screen and (min-width: 600px){	
.picto-home{
	max-width:40%;
	float:right;}	
	
.picto{

	width:calc(45% - 2px);}	
}

@media screen and (max-width: 600px){	
.picto-home{
	width:100%;
	float:left;
	margin-top:20px;
	}
	
.picto{

	width:calc(50% - 2px);}			
}
	
	
.picto{

	
	
	/*height:20vh;*/
	float:left;
	position:relative;
	text-align:center;
	display: flex;
    justify-content: center;
    align-items: center; }	
	
.picto:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}	
	
.picto img{
	width:50%;
	}	


.picto-home .picto:nth-of-type(1),
.picto-home .picto:nth-of-type(2){
		border-bottom:solid 2px #000;}
		
.picto-home .picto:nth-of-type(2),
.picto-home .picto:nth-of-type(4){
		border-left:solid 2px #000;}	




/*
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

ACTU HOME

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/		
/*
////////////////////////////////

STYLE THEME DEFAULT

///////////////////////////////
*/
.actu-home{
	width:100%;
position:relative;
float:left;
background-color:#AF8F2C;
z-index:2;
padding:66px 0;
}




@media screen and (min-width: 1180px){
.actu-home h3,
.agence h3,
.staff h3{
	text-align:center;
	margin-bottom:60px;
	color:#FFF;}
	
}


@media screen and (max-width: 1180px){
.actu-home h3,
.agence h3,
.staff h3{
	text-align:center;
	margin-bottom:40px;
	color:#FFF;}
	
}


.owl-theme .owl-nav {
  margin-top: 10px;
  text-align: center;
  -webkit-tap-highlight-color: transparent; }
  .owl-theme .owl-nav [class*='owl-'] {
    color: #FFF;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #D6D6D6;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px; }
    .owl-theme .owl-nav [class*='owl-']:hover {
      background: transparent;
      color: #FFF;
      text-decoration: none; }
  .owl-theme .owl-nav .disabled {
    opacity: 0;
    cursor: default; }


	  
/*
////////////////////////////////

STYLE CAROUSEL

///////////////////////////////
*/


/*GESTION DES IMAGES DES FLECHES VIA LE FICHIERS JS*/
	  

.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; }
  .owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden;
    /* fix firefox animation glitch */ }
  .owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
  .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px); }
  .owl-carousel .owl-wrapper,
  .owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0); }
  .owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none; }
  .owl-carousel .owl-item img {
    display: block;
    width: 100%; }
  .owl-carousel .owl-nav.disabled,
  .owl-carousel .owl-dots.disabled {
    display: none; }
  .owl-carousel .owl-nav .owl-prev,
  .owl-carousel .owl-nav .owl-next,
  .owl-carousel .owl-dot {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel .owl-nav button.owl-prev,
  .owl-carousel .owl-nav button.owl-next,
  .owl-carousel button.owl-dot {
    background: none;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit; }
  .owl-carousel.owl-loaded {
    display: block; }
  .owl-carousel.owl-loading {
    opacity: 0;
    display: block; }
  .owl-carousel.owl-hidden {
    opacity: 0; }
  .owl-carousel.owl-refresh .owl-item {
    visibility: hidden; }
  .owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel.owl-grab {
    cursor: move;
    cursor: grab; }
  .owl-carousel.owl-rtl {
    direction: rtl; }
  .owl-carousel.owl-rtl .owl-item {
    float: right; }

/* No Js */
.no-js .owl-carousel {
  display: block; }


  .owl-carousel .owl-nav .owl-prev,
  .owl-carousel .owl-nav .owl-next{
	  position:absolute;
	  top:30%;}	


@media screen and (min-width: 1024px){	  	  
  .owl-carousel .owl-nav .owl-prev{
	  left:-46px;}
  .owl-carousel .owl-nav .owl-next{
	  right:-46px;}	  
}


@media screen and (max-width: 1024px){	  	  
  .owl-carousel .owl-nav .owl-prev{
	  left:-24px;}
  .owl-carousel .owl-nav .owl-next{
	  right:-24px;}	  
}
	  
.owl-carousel button:focus{
		outline: none;}
	  
.item img{
	margin-bottom:16px;}
	
a .item{
	color:#FFF;}	


@media screen and (min-width: 1920px){

.item h4{
	font-weight:700;
	font-size:28px/*28px;*/}

.item p,
a .item strong{
	font-size:18px/*18px*/}	
}

@media screen and (min-width: 1400px) and (max-width: 1920px){

.item h4{
	font-weight:700;
	font-size:1.4000000000000001vw/*28px;*/}

.item p,
a .item strong{
	font-size:0.8999999999999999vw/*18px*/}	
}

@media screen and (min-width: 1180px) and (max-width: 1400px){

.item h4{
	font-weight:700;
	font-size:25px/*28px*//*28px;*/}

.item p,
a .item strong{
	font-size:15px/*18px*/}	
}




@media screen and (min-width: 600px) and (max-width: 1180px){
.item h4{
	font-weight:700;
	font-size:16px/*28px;*/}

.item p,
a .item strong{
	
	font-size:15px/*18px*/}	

}

@media screen and (max-width: 600px) {
.item h4{
	font-weight:700;
	font-size:15px/*28px;*/}

.item p,
a .item strong{
	
	font-size:12px/*18px*/}	

}



.item p{
	padding-bottom:60px;}		  
	  
a .item strong{
	text-transform:uppercase;
	color:#000;
	position:relative;
	float:left;
	}
	
a .item strong:before{
	content:'';
	position:absolute;
	top:-30px;
	left:0;
	width:30px;
	height:4px;
	background-color:#000;}
	
a:hover .item strong:before{
	width:100%;}		  
	  
.owl-carousel a{
	text-decoration:none;}	  


/*
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

HOME PROJETS

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/		

.projets{
	width:100%;
position:relative;
float:left;
background-color:#FFF;
z-index:2;
}

@media screen and (min-width: 1180px){
.projets{padding:136px 0 112px 0;}

}

@media screen and (min-width: 460px) and (max-width: 1180px){
.projets{padding:68px 0 56px 0;}

}

@media screen and (max-width: 460px){
.projets{padding:0px 0 56px 0;}

}
	
	


@media screen and (min-width: 460px){

.projets .proj a{
	text-align:center;
	position:relative;
	width:33.33%;

	display: flex;
    justify-content: center;
    align-items: center; 
	
	float:left;
	box-sizing:border-box;
	padding:15px/*0.2vw 4px*/;}
}

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

.projets .proj a{
	text-align:center;
	position:relative;
	width:100%;

	display: flex;
    justify-content: center;
    align-items: center; 
	
	float:left;
	box-sizing:border-box;
	padding:15px/*0.2vw 4px*/;
	margin-bottom:6px;}
	
.projets .centrage{
	display:flex;
	    flex-direction: column;     /* make main axis horizontal (default setting) */
}

.projets .centrage .contenu-projet{order:2;}	
	
.projets .centrage .txt-home{
	margin-bottom:10px;
	order:1;}


.projets .centrage .picto{order:3;
margin-top:0}	
	
}

.projets .proj a img{
	width:100%;
	}


@media screen and (min-width: 1920px){
.projets .proj .proj-detail h3,
.projets .proj .proj-detail h4{
	font-weight:700;
	font-size:28px/*28px*/;}
}

@media screen and (min-width: 1400px) and (max-width: 1920px){
.projets .proj .proj-detail h3,
.projets .proj .proj-detail h4{
	font-weight:700;
	font-size:1.4000000000000001vw/*28px*/;}
}
@media screen and (min-width: 1180px) and (max-width: 1400px){
.projets .proj .proj-detail h3,
.projets .proj .proj-detail h4{
	font-weight:700;
	font-size:25px/*28px*/;}
}

@media screen and (max-width: 1180px){
.projets .proj .proj-detail h3,
.projets .proj .proj-detail h4{
	font-weight:700;
	font-size:15px/*28px*/;}
}

	
	
	
	
.projets .proj .proj-detail h4{
	font-weight:400;
}	

.projets .proj a .proj-detail h3{
	margin-top:60%;}	
	
.projets .proj a:hover .proj-detail h3{
	margin-top:40%;}



.projets .proj a .proj-detail{
	width:100%;
	height:100%;
	position:absolute;
	opacity:0;
	color:#FFF;
	}
	
.projets .proj a:hover .proj-detail{
	position:absolute;
background-color: rgba(175, 143, 44, 0.80);
	top:0;
	display:block;
	width:calc(100% - 30px)/*0.4vw*/;
	
	z-index:10;
	color:#FFF;
	opacity:1;
	}	
	
@media screen and (min-width: 600px){
	
.projets .proj a:hover .proj-detail	{
		height:calc(100% - 30px)/*0.8vh*/;
	min-height:calc(100% - 30px)/*0.8vh*/;
	top:15px/*0.4vh;*/}
}


.projets .proj .proj-detail h5{
	text-align:center;
	width:100%;
	}

.projets .proj .proj-detail h5 img{
	
	width:22px;}

.mini-b{
	fill:#FFF;}	
	

.projets .picto,
.projets .txt-home{
	margin-top:47px;}
	
.projets .picto:after {
  content: "";
  display: block;
  padding-bottom: 0;
}	
		
@media screen and (min-width: 600px){	

.projets .picto{
	width:auto;
	display: inherit;
    justify-content: inherit;
    align-items: inherit;
	float:right; }
}

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

.projets .picto{
	width:100%;
	display: inherit;
    justify-content: inherit;
    align-items: inherit;
	float:left; }
}

.picto ul{
	margin-top:20px;
	position:relative;
	list-style:none;}
	
	
.picto ul:before{
	content:'';
	position:absolute;
	top:-20px;
	left:0;
	width:47px;
	height:6px;
	background-color:#AF8F2C;}	


@media screen and (min-width: 1920px){
.picto li{line-height:30px;}

.picto li a{font-size:28px/*28px*/;}
}

@media screen and (min-width: 1400px) and (max-width: 1920px){
.picto li{line-height:1.8499999999999999vw;}

.picto li a{font-size:1.4000000000000001vw/*28px*/;}
}
@media screen and (min-width: 1180px) and (max-width: 1400px){
.picto li{line-height:30px;}

.picto li a{font-size:28px/*28px*/;}
}

@media screen and (min-width: 600px) and (max-width: 1180px){
.picto li{line-height:19px;}

.picto li a{font-size:13px/*28px*/;}
}

@media screen and (max-width: 600px){
	.picto li{line-height:15px;}

.picto li a{font-size:12px/*28px*/;}
}

.picto li{
	display:block;
	
	text-align:left;}

.picto li a{
	
	font-weight:700;
	color:#000;
	text-transform:uppercase;}
	
.picto li a:hover{
	color:#AF8F2C;}	


/*
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

AGENCE

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/		


.galerie.intro-rub {
	width:100%;
position:relative;
float:left;
background-color:#FFF;
z-index:2;
/*	padding:100px 0 112px 0;*/
	}



@media screen and (min-width: 860px){
.rslides.slide-general {
  position: absolute;
  top:-10vw;
  list-style: none;
  overflow: visible;
  width: 100vw;
  padding: 0;
  margin: 0;
  }



.rslides.slide-general li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width:60vw;
  left: calc(40vw - 8.75vw);
  top: 0;
  }
}

@media screen and (min-width: 660px) and (max-width: 860px){
.galerie.intro-rub {
	height:auto;
}	

.rslides.slide-general {
  position: relative;
  float:right;
top:-6vw;
  list-style: none;
  overflow: visible;
  width: calc(100% - 40px);
  padding: 0;
  margin: auto;
  }



.rslides.slide-general li {
   -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width:80vw;
  left: calc(20vw - 8.75vw);
  top: 0;
	
}
}


@media screen and (max-width: 660px){
.galerie.intro-rub {
	height:auto;}	

.rslides.slide-general {
  position: relative;
  top:0;
  list-style: none;
  overflow: visible;
  width: calc(100% - 40px);
  padding: 0;
  margin: auto;
  }



.rslides.slide-general li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  width:100%;
  top: 0;
  }
	
}


.rslides.slide-general li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides.slide-general img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
    
  }



.rslides_container.slider .large-btns_nav {
  z-index: 3;
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  opacity: 0.6;
  text-indent: -9999px;
  overflow: hidden;
  top: 0;
  bottom: 0;
  left: 0;
  background: #000 url("themes.gif") no-repeat left 50%;
  width: 38px;
  }

.rslides_container.slider .large-btns_nav:active {
  opacity: 1;
 
  }

.rslides_container.slider .large-btns_nav.next {
  left: auto;
  background-position: right 50%;
  right: 0;
  }

.rslides_container.slider .large-btns_nav:focus {
  outline: none;
  }

.rslides_container.slider .large-btns_tabs {
  margin-top: 10px;
  text-align: center;
  }

.rslides_container.slider .large-btns_tabs li {
  display: inline;
  float: none;
  _float: left;
  *float: left;
  margin-right: 5px;
  }

.rslides_container.slider .large-btns_tabs a {
  text-indent: -9999px;
  overflow: hidden;
  
  border-radius: 50%;
  display: inline-block;
  _display: block;
  *display: block;
  
  width: 12px;
    height: 12px;
	 margin:0 7px;
 background-color: rgba(127, 127, 127, 1);
  }

.rslides_container.slider .large-btns_here a {
  background: rgba(0,0,0, .8);
  }
	


	

@media screen and (min-width: 860px){
.galerie.intro-rub .prez{
	
	/*background-color:#000;*/
	background-color:transparent;	
	height:40vh;
	min-height:40vh;
	top:30vh;
	position:relative;
	float:left;
	z-index:300;
	
	display: flex;
    justify-content: center;
    align-items: center; 
	}
	
.galerie.intro-rub .prez .txt-prez{
	box-sizing:border-box;
	width:100%;
	min-height:20vh;
	padding:0 0 0 8.75vw;
	z-index:200;
	position:relative;
	}
	

ul.large-btns_tabs.large-btns1_tabs{
	position:absolute;
	left:8.75vw;
	bottom:-20vw;
	z-index:9999;
	overflow:visible;}			


}

@media screen and (min-width: 660px) and (max-width: 860px){
.galerie.intro-rub .prez{
	
	/*background-color:#000;*/
	background-color:transparent;	
	/*height:40vh;
	min-height:40vh;
	top:30vh;*/
	position:relative;
	float:left;
	z-index:300;
	
	display: flex;
    justify-content: center;
    align-items: center; 
	}
	
.galerie.intro-rub .prez .txt-prez{
	box-sizing:border-box;
	width:50%;
	max-width:50%;
	left:calc(-40% + 8.75vw);
	min-height:20vh;
	padding:0 0 0 8.75vw;
	float:left;
	top:15vw;
	z-index:200;
	position:relative;
	}
	

ul.large-btns_tabs.large-btns1_tabs{
	position:absolute;
	left:7vw;
	bottom:10vw;
	z-index:9999;
	overflow:visible;}	

}

@media screen and (max-width: 660px){
.galerie.intro-rub{
	margin-bottom:30vw/*10vw*/;/*marge sous le slide des pages */
	}	


.intro-rub {
	margin-top:130px}		
	
.galerie.intro-rub .prez{
	
	/*background-color:#000;*/
	background-color:transparent;	
	position:absolute;
	float:left;
	margin-top:30vw;
	z-index:900;
	
	display: inherit;
    }
	
.galerie.intro-rub .prez .txt-prez{
	box-sizing:border-box;
	width:100%;
	/*min-height:20vh;
	padding:0 0 0 8.75vw;*/
	z-index:200;
	
	float:left;
	position:relative;
	margin:0;
	padding:0;
	}
	

ul.large-btns_tabs.large-btns1_tabs{
	position:absolute;
	left:8.75vw;
	bottom:-20vw;
	z-index:9999;
	overflow:visible;}		
	

	 
	 	
}

@media screen  and (min-width: 520px) and (max-width: 660px){
ul.large-btns_tabs.large-btns1_tabs{bottom:-30vw;}	

}

@media screen  and (min-width: 480px) and (max-width: 520px){
ul.large-btns_tabs.large-btns1_tabs{bottom:-30vw;}	

}

@media screen  and (min-width: 440px) and (max-width: 480px){
.galerie.intro-rub .prez .txt-prez{
/*top:-10vw;*/	
	}
	
ul.large-btns_tabs.large-btns1_tabs{bottom:-35vw;}	

}


@media screen  and (min-width: 400px) and (max-width: 440px){
.galerie.intro-rub .prez .txt-prez{
/*top:-15vw;	*/
	}

ul.large-btns_tabs.large-btns1_tabs{bottom:-35vw;}	

}


@media screen  and (min-width: 320px) and (max-width: 400px){
.galerie.intro-rub .prez .txt-prez{
/*top:-22vw;	*/
	}

ul.large-btns_tabs.large-btns1_tabs{bottom:-45vw;}	


}


@media screen and (max-width: 320px){
.galerie.intro-rub .prez .txt-prez{
/*top:-25vw;	*/
	}

ul.large-btns_tabs.large-btns1_tabs{bottom:-50vw;}	


}


@media screen and (min-width: 1180px){
.galerie.intro-rub .prez{
	width:44vw;}	

	}
	
@media screen and (min-width: 860px) and (max-width: 1180px){
.galerie.intro-rub .prez{
	width:50vw;
	}
	
	}
	

@media screen and (max-width: 900px){
.galerie.intro-rub .prez .txt-prez{
	box-sizing:border-box;
	width:100%;
	padding:0;
	text-align:left;
	}	
	
.galerie.intro-rub .prez .txt-prez h3,
.galerie.intro-rub .prez .txt-prez p{
	text-align:left;}
}



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

	}			
	

.agence{}


.galerie.intro-rub .prez .txt-prez p,
.agence p,
.personne h5,
.savoir-faire h4{
	font-weight:400;
		}
		
.agence	h3,
.staff h3{
	color:#000;}

@media screen and (min-width: 1180px){
.staff{
	margin-top:100px;}

.staff img{
	width:100%;
	margin-bottom:100px;}	
}


@media screen and (max-width: 1180px){
.staff{
	margin-top:50px;}

.staff img{
	width:100%;
	margin-bottom:50px;}	
}
	
	
.equipe,
.maitrise,
.logotype-partenaires{
	display: flex;
    flex-direction: row;     /* make main axis horizontal (default setting) */
    justify-content: space-between; /* center items horizontally, in this case */
    align-items: flex-start;     /* center items vertically, in this case */
	flex-wrap: wrap;
	}
	
.personne,
.savoir-faire{
																							/*position:relative; 15/09/21*/
	float:left;
	text-align:center;
	margin-bottom:62px;
	}	
	
	
	
.personne:nth-last-child(-n+3){
	margin-bottom:0;}	

.personne h4{
	font-weight:700;
	color:#000;}


.personne h5{
	color:#AF8F2C;}	
	
.savoir-faire{
	width:25%;
	box-sizing:border-box;
	padding:2%;
	margin-bottom:30px;}	
	
.savoir-faire img{
	width:45%;
	max-width:170px;
	}	
	
.savoir-faire h4{
	color:#FFF;
	font-weight:400;
	}
	
@media screen and (min-width: 900px){
.savoir-faire img,
.savoir-faire h4{margin-bottom:30px;}	

.savoir-faire{margin-bottom:62px;}


}
		
.temoignages h3{
	text-align:center;
	color:#000;
	margin-bottom:90px;
	}	
	
.temoignages .item{
	width:100%;
	}	
	
.temoignages .item h4{
	position:relative;
	float:left;
	margin-bottom:60px;}	
	
.temoignages .item h4:after{
	content:'';
	position:absolute;
	bottom:-30px;
	left:0;
	width:47px;
	height:6px;
	background-color:#AF8F2C;}	
	
.temoignages .item h5{
	font-weight:700;}			

.temoignages .item h6{
	font-weight:400;
	color:#AF8F2C;}		
	
.temoignages .item p{
	margin-bottom:0;
	padding-bottom:30px;}	
	
section.blanc.temoignages{
	padding-bottom:66px;}	
	
@media screen and (min-width: 460px){
.personne{
	width:33.33%;
}

.savoir-faire{
	width:25%;}
		
}

@media screen and (max-width: 460px){
.personne,
.savoir-faire{
	width:50%;
}	
		
}

	
@media screen and (min-width: 1920px){
	.galerie.intro-rub .prez .txt-prez h3{
	font-size:58px/*58px*/
}

.galerie.intro-rub .prez .txt-prez p,
.agence p,
.personne h5,
.savoir-faire h4{
		font-size:27px/*27px*/;}
		
.personne h4{
	font-size:35px/*35px*/;
	}	
	
.savoir-faire p,
.temoignages .item h5,
.temoignages .item h6,
.actualite-page h3,
.actualite-page p,
.retour a,
.coordonnees-contact .lieu p,
.mail-tel,
.rs strong{
	font-size:22px/*22px*/;}		
}		
@media screen and (min-width: 1400px) and (max-width: 1920px){
.galerie.intro-rub .prez .txt-prez h3{
	font-size:2.9000000000000004vw/*58px*/
}

.galerie.intro-rub .prez .txt-prez p,
.agence p,
.personne h5,
.savoir-faire h4{
		font-size:1.35vw/*27px*/;}
.personne h4{
	font-size:1.7500000000000002vw/*35px*/;
	}	

.savoir-faire p,
.temoignages .item h5,
.temoignages .item h6,
.actualite-page h3,
.actualite-page p,
.retour a,
.coordonnees-contact .lieu p,
.mail-tel,
.rs strong{
	font-size:1.0999999999999999vw/*22px*/;}		
	

}
@media screen and (min-width: 1180px) and (max-width: 1400px){
.galerie.intro-rub .prez .txt-prez h3{
	font-size:46px/*58px*/
}

.galerie.intro-rub .prez .txt-prez p,
.agence p,
.personne h5,
.savoir-faire h4{
		font-size:20px/*27px*/;}
		
.personne h4{
	font-size:28px/*35px*/;
	}	
	
.savoir-faire p,
.temoignages .item h5,
.temoignages .item h6,
.actualite-page h3,
.actualite-page p,
.retour a,
.coordonnees-contact .lieu p,
.mail-tel,
.rs strong{
	font-size:22px/*22px*/;}		
				
		
}

@media screen and (min-width: 600px) and (max-width: 1180px){
.galerie.intro-rub .prez .txt-prez h3{
	font-size:27px/*58px*/
}

.galerie.intro-rub .prez .txt-prez p,
.agence p,
.personne h5,
.savoir-faire h4{
		font-size:12px/*27px*/;}
		
.personne h4{
	font-size:15px/*35px*/;
	}	

.savoir-faire p,
.temoignages .item h5,
.temoignages .item h6,
.actualite-page h3,
.actualite-page p,
.retour a,
.coordonnees-contact .lieu p,
.mail-tel,
.rs strong{
	font-size:12px/*22px*/;}		
			
}

@media screen and (max-width: 600px){
.galerie.intro-rub .prez .txt-prez h3{
	font-size:23px/*58px*/
}

.galerie.intro-rub .prez .txt-prez p,
.agence p,
.personne h5,
.savoir-faire h4{
		font-size:12px/*27px*/;}

.personne h4{
	font-size:12px/*35px*/;
	}

.savoir-faire p,
.temoignages .item h5,
.temoignages .item h6,
.actualite-page h3,
.actualite-page p,
.retour a,
.coordonnees-contact .lieu p,
.mail-tel,
.rs strong{
	font-size:12px/*22px*/;}		
				
		
}		
		
/*
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

P TYPE LISTE

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/		

.pagination{
	width:100%;
	text-align:center;
	
	position:relative;
	float:left;}
	
@media screen and (min-width: 1180px){
.pagination{margin-top:100px;}	
}

@media screen and (max-width: 1180px){
.pagination{margin-top:50px;}	
}

.pagination a{
color:#000;}
	
.pagination a:hover{
	color:#AF8F2C;}	
	
.pagination-prev,
.pagination-next{
	position:relative;
	text-transform:uppercase;
	}	

.pagination a{
	position:relative;
	margin:0 10px;}
	
	
.pagination a:after{
	content:'';
	height:100%;
	border-right:solid 2px #000;
	position:relative;
	}		
	
.pagination-prev{
		margin-left:0px;}

.pagination-next{
	margin-right:0px;}
	

@media screen and (min-width: 1000px){
.pagination-next svg{
	transform:rotate(180deg);
	width:0.5vw/*10px*/;
	position:relative;
	bottom:-0.2vh;
}
.pagination-prev svg{
	width:0.5vw/*10px*/;
	position:relative;
	bottom:-0.2vh;
}		
}

@media screen and (max-width: 1000px){
.pagination-next svg{
	transform:rotate(180deg);
	width:8px/*10px*/;
	position:relative;
	bottom:-3px;
}
.pagination-prev svg{
	width:8px/*10px*/;
	position:relative;
	bottom:-3px;
}		
}

.pagination a:nth-last-child(-n+1):after,/*le dernier*/
.pagination a:nth-child(-n+2):after{/*les deux premiers*/
	content:inherit;}

.pagination-next:hover svg,
.pagination-prev:hover svg{
	fill:#AF8F2C;}
	
.logotype-partenaires{}	


@media screen and (min-width: 460px){
.logo-part{
	text-align:center;
	width:12%;}
}

@media screen and (max-width: 460px){
.logo-part{
	text-align:center;
	width:30%;
	margin:10%;}
}
.logo-part img{
	width:100%;
	max-width:246px;}	
	
@media screen and (min-width: 1920px){
	.pagination a{
	font-size:21px/*21px*/;}
	
.pagination a:after{
	left:-12px/*-24px*/;}
	
@-moz-document url-prefix() { 
  .pagination a:after{
	left:-24px/*-24px*/;}
}		
	
.actualite-page h2{
	font-size:38px/*38px*/}	
}	

@media screen and (min-width: 1400px) and (max-width: 1920px){
	.pagination a{
	font-size:1.05vw/*21px*/;}

.pagination a:after{
	left:-0.6vw;}	
	
@-moz-document url-prefix() { 
  .pagination a:after{
	left:-1.2vw;}
}			
	
.actualite-page h2{
	font-size:1.9vw/*38px*/}		
}
@media screen and (min-width: 1180px) and (max-width: 1400px){
	.pagination a{
	font-size:21px/*21px*/;}

.pagination a:after{
	left:-12px;}	
	
@-moz-document url-prefix() { 
  .pagination a:after{
	left:-24px;}
}	
	
.actualite-page h2{
	font-size:38px}		
}

@media screen and (min-width: 600px) and (max-width: 1180px){
	.pagination a{
	font-size:12px/*21px*/;}

.pagination a:after{
	left:-9px;}
	
@-moz-document url-prefix() { 
  .pagination a:after{
	left:-18px;}
}	
	
	
.actualite-page h2{
	font-size:20px}				
}

@media screen and (max-width: 600px){
	.pagination a{
	font-size:10px/*21px*/;}

.pagination a:after{
	left:-9px;}
	
@-moz-document url-prefix() { 
  .pagination a:after{
	left:-18px;}
}			
	
.actualite-page h2{
	font-size:18px}	
}	

/*
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

ACTUS LISTE

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/		
.liste-actus{}


@media screen and (min-width: 460px){
.liste-actus a .item{
	position:relative;
	width:48%;
	margin-bottom:30px;
	float:left;}
}

@media screen and (max-width: 460px){
.liste-actus a .item{
	position:relative;
	width:100%;
	margin-bottom:30px;
	float:left;}
}
	
.liste-actus a:nth-of-type(2n+2) .item{
	float:right;}	
	
.liste-actus a .item img{
	width:100%;}	


.liste-actus a .item h4{
	margin-bottom:16px;}

.liste-actus a .item h4,
.liste-actus a .item p{
	color:#000;}


.liste-actus a .item p{
	padding-bottom:0;}

.liste-actus a .item strong{
	margin-top:40px;}

.liste-actus a .item strong:before{
	background-color:#AF8F2C;
	top:-20px;}

hr.separate{
	width:100%;
	position:relative;
	float:left;
	height:1px;
	border:none;
	background-color:transparent;
	}
	
	
.play-actu{
	background-image:url(images/play.png);
	background-repeat:no-repeat;
	background-position:center center;
	width:100%;
	height:75%;
	position:absolute;
	top:0;
	z-index:1000;
		transition:500ms;
	}
	
.item:hover .play-actu{
		transition:500ms;
	opacity:.5;}
		
		


/*
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

P TYPE ACTU

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/		

.blanc.actualite-page{
	
	}

.rslides {
position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  margin-top:80px;
  margin-bottom:60px;
  
  
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
  
.rslides_container {
  margin-bottom: 22px;
  position: relative;
  float: left;
  width: 100%;
  /*padding-bottom:40px;*/
  }
  
 .large-btns_nav {
  z-index: 3;
  position: absolute;
  opacity: 1;
  text-indent: -9999px;

  }
  
  .large-btns_nav.next, 
 .large-btns_nav.prev{
 position:absolute;
	 width:16px;
	 height:32px;
	 top:50%;
	 margin-top:-16px;}


.large-btns_nav.next{

	background-image:url("images/next.png");
	

	}
	

.large-btns_nav.prev{
	
	background-image:url("images/prev.png");
	}  

@media screen and (min-width: 660px){
.large-btns_nav.next{	right:-56px;}	

.large-btns_nav.prev{left:-56px;}
}



@media screen and (max-width: 660px){
.large-btns_nav.next{	right:-18px;
}	

.large-btns_nav.prev{left:-18px;
}
}


.video-wrap {
	
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
    max-width: 1920px;
    margin: 0 auto;
}
    .video-wrap iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        max-height: 1080px;
    }
	
.actualite-page h2,
.actualite-page h3,
.actualite-page .infos p{
	width:100%;
	display:block;
	padding:0;
	float:left;
	}	
	
.actualite-page h2{
	color:#000;
	font-weight:700;
	margin-bottom:40px;
	position:relative;
	/*font-size:1.9vw*//*38px*/}	


.actualite-page h2:after{
	content:'';
	position:absolute;
	bottom:-20px;
	left:0;
	width:47px;
	height:6px;
	background-color:#AF8F2C;}


.actualite-page h3{
	font-weight:700;
	color:#AF8F2C;}

@media screen and (min-width: 660px){
.actualite-page .infos,
.actualite-page p{
	width:48%;
float:left;
	}

.actualite-page p{
	float:right;
	text-align:justify;}
	
}

@media screen and (max-width: 660px){
.actualite-page .infos,
.actualite-page p{
	width:100%;
float:left;
	}
	
.actualite-page .infos{
	margin-bottom:10px;}	

.actualite-page p{
	float:right;
	text-align:justify;}
	
}
	
.retour{
	width:100%;
	position:relative;
	float:left;
	text-align:center;
	margin-top:180px;}	

.retour a{
	text-transform:uppercase;
	color:#000;
	font-weight:700;
	}
	
.retour a:before{
	content:'';
	position:absolute;
	top:-30px;
	left:calc(50% - 23px);
	width:47px;
	height:6px;
	background-color:#AF8F2C;}	

.retour a:hover{
	color:#AF8F2C;
	}
	
.retour a:hover:before{
	width:250px;
	left:calc(50% - 125px);}	

/*
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

P TYPE PROJET

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/		

.infos h3 strong{
	color:#000;
	width:100%;}
	
.actualite-page .infos p{
	margin-top:30px;
	float:left;
	width:100%;
	text-align:left;
	}	

.inofs p strong{
	font-weight:700;}
	
	
.galerie-projet{
	width:100%;
	position:relative;
	float:left;
	}	




 @media screen and (min-width: 1180px){
.retour.liste-projs{
	padding:0;
	margin:0;
	bottom:-78px;
	margin-bottom:20px;
	}
 
 }
 
  @media screen and (max-width: 1180px){
.retour.liste-projs{
	padding:0;
	margin:0;
	bottom:-78px;
	margin-bottom:60px;
	}
 
 }

img { object-fit: cover;
width:100%;
 }
 
 @media screen and (min-width: 1400px){
img.small{
	position:relative;
	float:left;
	
	overflow:hidden;
width: 30vw;
	height: 30vw;
	/*clip-path: polygon(0 0, 47.199999999999996vw 0, 47.199999999999996vw 47.199999999999996vw, 0% 47.199999999999996vw);*/
}

img.fat{
	position:relative;
	float:left;
	overflow:hidden;
	width: 30vw;
	height: 60vw;
	/*clip-path: polygon(0 0, 47.199999999999996vh 0, 68.5vh 68.5vh, 0% 68.5vh);*/
}

.section { padding: 50px 0; }
.section:not(:last-child) { border-bottom: 1px solid #e5e5e5; }

#macy-container::before { content: ""; display: table; clear: both;
width:400px;}
#macy-container { margin-top: 22px; }
#macy-container::after { content: ""; display: table; clear: both;}

.container{
	width:100%;
	}

.demo {
	float:left;
	width: 100vw;
	
	position:relative;
	overflow: hidden;

}
 }
 
 
 @media screen and (min-width: 460px) and (max-width: 1400px){
img.small{
	position:relative;
	float:left;
	
	overflow:hidden;
width: 50vw;
	height: 50vw;
}

img.fat{
	position:relative;
	float:left;
	overflow:hidden;
	width: 50vw;
	height: 60vw;
}

.section { padding: 50px 0; }
.section:not(:last-child) { border-bottom: 1px solid #e5e5e5; }

#macy-container::before { content: ""; display: table; clear: both;
width:400px;}
#macy-container { margin-top: 22px; }
#macy-container::after { content: ""; display: table; clear: both;}

.container{
	width:100%;
	}

.demo {
	float:left;
	width: 100vw;
	
	position:relative;
	
	overflow: hidden;
 
}
 }
 
 @media screen and (max-width: 460px){
img.small{
	position:relative;
	float:left;
	
	overflow:hidden;
width: 100vw;
	height: 100vw;
}

img.fat{
	position:relative;
	float:left;
	overflow:hidden;
	width: 100vw;
	height: 160vw;
}

.section { padding: 50px 0; }
.section:not(:last-child) { border-bottom: 1px solid #e5e5e5; }

#macy-container::before { content: ""; display: table; clear: both;
width:400px;}
#macy-container { margin-top: 22px; }
#macy-container::after { content: ""; display: table; clear: both;}

.container{
	width:100%;
	}

.demo {
	float:left;
	width: 100vw;
	
	position:relative;
	
	overflow: hidden;
 
}
 }




/* IMAGE LIGHTBOX SELECTOR */

#imagelightbox {
    cursor: pointer;
    position: fixed;
    z-index: 10000;
    top: 50%;
    touch-action: none;
}

.imagelightbox-open {
    user-select: none;
    overflow: hidden;
}

/* WITH ACTIVITY INDICATION */

.imagelightbox-loading,
.imagelightbox-loading div {
	display:none;
    border-radius: 9999px;
}

.imagelightbox-loading {
	display:none;
    background-color: rgba(130, 130, 130, 0.8);
    position: fixed;
    z-index: 10003;
    top: 50%;
    left: 50%;
    padding: 0.65em;
    margin: -1.3em 0 0 -1.3em;
}

.imagelightbox-loading div {
	display:none;
    width: 1.3em;
    height: 1.3em;
    background-color: #fff;
    animation: imagelightbox-loading .5s ease infinite;
}

@keyframes imagelightbox-loading {
    from {
        opacity: .5;
        transform: scale(.75);
    }
    50% {
        opacity: 1;
        transform: scale(1);
    }
    to {
        opacity: .5;
        transform: scale(.75);
    }
}

/* WITH OVERLAY */

.imagelightbox-overlay {
    background-color: #FFF;
    position: fixed;
    z-index: 9998;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

/* WITH "CLOSE" BUTTON */

.imagelightbox-close {
    border: none;
    cursor: pointer;
    width: 3em; /* 40 */
    height: 3em; /* 40 */
    background-color: rgba(130, 130, 130, 0.8);
    position: fixed;
    z-index: 10002;
    top: 2.5em; /* 40 */
    right: 2.5em; /* 40 */
    border-radius: 50%;
    transition: color .3s ease;
}

.imagelightbox-close:hover {
    background-color: #111;
}

.imagelightbox-close:before,
.imagelightbox-close:after {
    width: 2px;
    background-color: #fff;
    content: '';
    position: absolute;
    top: 20%;
    bottom: 20%;
    left: 50%;
    margin-left: -1px;
}

.imagelightbox-close:before {
    transform: rotate(45deg);
}

.imagelightbox-close:after {
    transform: rotate(-45deg);
}

/* WITH CAPTION */

.imagelightbox-caption {
    text-align: center;
    color: #000;
	
    position: fixed;
    z-index: 10001;
    left: 0;
    right: 0;
    top: 2vh;
    padding: 0.625em; /* 10 */
    transition: opacity .25s ease;
}

/* WITH NAVIGATION */

.imagelightbox-nav {
    background-color: rgba(0, 0, 0, 0);
    position: fixed;
    z-index: 10001;
    left: 50%;
    bottom: 3.75em; /* 60 */
    padding: 0.313em; /* 5 */
    transform: translateX(-50%);
    border-radius: 20px;
}

.imagelightbox-nav a {
    position: relative;
    top: 0.2em;
   
	background-color:#7F7F7F;
    display: inline-block;
    margin: 7px;
    border-radius: 50%;
}

@media screen and (min-width: 1920px){
.imagelightbox-caption{font-size:28px/*28px*/;}	
}

@media screen and (min-width: 1400px) and (max-width: 1920px){
	.imagelightbox-caption{font-size:1.4000000000000001vw/*28px*/;}	

}
@media screen and (min-width: 1180px) and (max-width: 1400px){
	.imagelightbox-caption{font-size:25px/*28px*/;}	

}

@media screen and (min-width: 600px) and (max-width: 1180px){
.imagelightbox-caption{font-size:14px/*28px*/;}	

}

@media screen and (min-width: 600px){
.imagelightbox-nav a{
	 width: 0.95vw/*19px*/;
	max-width:21px;
    height:  0.95vw/*19px*/;
	max-height:21px;}	
}


@media screen and (max-width: 600px){
.imagelightbox-caption{font-size:12px/*28px*/;}	

.imagelightbox-nav a{
	 width: 10px/*19px*/;
	height:  10px/*19px*/;
	}
}
	

.imagelightbox-nav .active {
    animation: fade-in 0.45s linear;
    background-color: #000;
}

.imagelightbox-navitem:active {
    background: #808080;
}



.imagelightbox-arrow {
    border: none;
    cursor: pointer;
    width: 4em; 
    height: 4em;
    background-color: rgba(130, 130, 130, 0.8);
    vertical-align: middle;
    display: none;
    position: fixed;
    z-index: 10001;
    top: 50%;
    padding: 0;
    margin-top: -3.75em;
}

.imagelightbox-arrow-left {
    left: 2.5em;
}
.imagelightbox-arrow-right {
    right: 2.5em; 
}

.imagelightbox-arrow-left{
	width:36px;
	height:69px;
	background-image:url(images/prev.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-color:transparent;
}

.imagelightbox-arrow-right{
	width:36px;
	height:69px;
	background-image:url(images/next.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-color:transparent;
	}



@media screen and (min-width: 1920px){
.actualite-page .infos p{font-size:18px/*18px*/;}	
	
}

@media screen and (min-width: 1400px) and (max-width: 1920px){
.actualite-page .infos p{font-size:0.8999999999999999vw/*18px*/;}	

}
	
@media screen and (min-width: 1180px) and (max-width: 1400px){
.actualite-page .infos p{font-size:15px/*18px*/;}	
	
}

@media screen and (min-width: 600px) and (max-width: 1180px){
.actualite-page .infos p{font-size:12px/*18px*/;}	
	
}

@media screen and (max-width: 600px){
.actualite-page .infos p{font-size:12px/*18px*/;}	
	
}




/*
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

CONTACT

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/	

.bloc-contact{
	padding:50px 0 54px 0;}

.coordonnees-contact{
	float:left;
	
	position:relative;}	

@media screen and (min-width: 600px){
.coordonnees-contact{width:48%;}	
}

@media screen and (max-width: 600px){
	.coordonnees-contact{width:100%;
	box-sizing:border-box;
	padding:0 15%;}	

}
	
	
.coordonnees-contact .lieu p,
.coordonnees-contact .lieu svg{
	display:inline-block;}

.pointer0{fill:#AF8F2C;}
.pointer1{fill:#FFFFFF;}



.coordonnees-contact .lieu p{
	margin-left:36px;
	vertical-align:top;
	margin-top:20px;}	
	
.mail-tel{
	margin:37px 0;}	
	
.rs strong{
	font-weight:400;
	vertical-align:top;
	margin-top:4px;
	position:relative;
	float:left;}		


.bloc-contact iframe{
	float:right;
	
	position:relative;
	vertical-align:top;
	}

@media screen and (min-width: 1920px){
.bloc-contact iframe{width:48%;
height:360px;}

.coordonnees-contact .lieu svg{
	width:48px/*48px*/;}	

}

@media screen and (min-width: 1400px) and (max-width: 1920px){
.bloc-contact iframe{width:48%;
height:260px;}

.coordonnees-contact .lieu svg{
	width:2.4vw/*48px*/;}	
}
@media screen and (min-width: 1180px) and (max-width: 1400px){
.bloc-contact iframe{width:48%;
height:300px;}

.coordonnees-contact .lieu svg{
	width:48px/*48px*/;}	
}

@media screen and (min-width: 600px) and (max-width: 1180px){
.bloc-contact iframe{width:48%;
height:200px;}

.coordonnees-contact .lieu svg{
	width:48px/*48px*/;}	
}

@media screen and (max-width: 600px){
.bloc-contact iframe{width:calc(100% + 40px);
right:-20px;
height:270px;
margin-top:40px;}

.coordonnees-contact .lieu svg{
	width:20px/*48px*/;
	bottom:-16px;
	position:relative;}	
}
	
	
	
/*
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

ML

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/	

.ml{
	margin-top:100px;}
	
.ml a{
	color:#000;}		

.ml strong{
	text-transform:uppercase;}

/*
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

FORM

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/


/*
////////////////////////////////////////////////////////////////////////////////////////////////////

FORM GENERAL

////////////////////////////////////////////////////////////////////////////////////////////////////
*/

.cfg-clear{}

/*FORM*/
.cfg-contactform{
	height:auto;
	direction:inherit;
	position:relative;
	float:left;
	font-family: 'Montserrat', sans-serif;
font-weight:400;
		color:#000;
	z-index:100;
}


	


/*SECONDE BOX FORM EN CAS DE PROB PLACEMENT*/
.cfg-contactform-content{
	width:100%;
	float:left;
	position:relative;
	z-index:1;}


/*GROSSES PARTIES EN MODE BLOC [NOM / OBJET / MESSAGE …]*/
.cfg-element-container{
	width:100%;
	float:left;
	position:relative;
}


@media screen and (min-width: 960px){
.pl,
.pr{
	float:left;
	width:48%;
}
}

@media screen and (max-width: 960px){
.pl,
.pr{
	float:left;
	width:100%;
}
}


@media screen and (min-width: 960px){
.pr{
	float:right;
	border-left:solid 1px #FFF;
	padding-left:2%;
	height:120px;}
}

	
@media screen and (min-width: 600px){
.pr .cfg-element-container:nth-of-type(2),
.pr .cfg-element-container:nth-of-type(3){
	width:48%;
	float:left;}
	
.pr .cfg-element-container:nth-of-type(3){
	float:right;}	

.file{
	width:48%;
	background-color:#FFF;
	
	padding:10px 20px;
	box-sizing:border-box;
	float:left;
	position:relative;}	
}


@media screen and (max-width: 600px){
.pr .cfg-element-container:nth-of-type(2),
.pr .cfg-element-container:nth-of-type(3){
	width:100%;
	float:left;}
	
.pr .cfg-element-container:nth-of-type(3){
	float:right;}	

.file{
	width:100%;
	background-color:#FFF;
	
	padding:10px 20px;
	box-sizing:border-box;
	float:left;
	position:relative;}	
}


.file button{
	border:solid 1px #000;
	padding:4px;
	background-color:transparent;
	margin-left:10px;}	
	
.file button:hover{
	background-color:#000;
	color:#FFF;
	cursor:pointer;}	


/*INTITULE DES GROSSES PARTIES LES LABELS*/
.cfg-label{
	display:block;
	font-family: 'Montserrat', sans-serif;
font-weight:400;
		color:#000;
	
}

/*DIV DANS LAQUELLE J AURAI L INPUT*/
.cfg-element-set{
	margin-bottom:6px;
}



.cfg-option-content input[type=radio],
.cfg-option-content input[type=checkbox]{
	margin-right:2px;
}

.cfg-option-set::after{ /* restore margin bottom when elements are floating */
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.cfg-paragraph{
	margin-bottom:1px; /* IE (for paragraphs above <select>) */
}
.captcha_container{
	margin-top:2px;
}

.cfg-captcha-input{}


.cfg-contactform input{}

.ui-datepicker{
	font-size:9pt !important;
}
	

.cfg-submit{
	cursor:pointer;
	padding:8px 4px;
}

.cfg-required{/*champ requit*/
	color:#e62b65;
}

.cfg-uploadsuccess-container{
	margin-top:10px;

}
.cfg-deleteupload{
	color:#ff0033;
	margin-left:10px;
	cursor:pointer;
}
.cfg-deleteupload:hover{
	text-decoration:underline;
}

.cfg-loading{
	display:none;
	background:url('../img/loading.gif') no-repeat 0 1px;
	padding-left:20px;
	font-size:14px;
}

.cfg-errormessage, .cfg-validationmessage{
	font-family: 'Montserrat', sans-serif;
font-weight:400;
		color:#000;
	font-size:14px;
	color:red;
}

.cfg-errormessage{
	display:none;
	margin:0;
	width:95%;
}

.cfg-validationmessage{
	width:100%;
	margin-bottom:16px;
	padding-bottom:10px;
	background-color:#FFF;
	z-index:100;
	color:#000;
	text-align:center;
}



/*
////////////////////////////////////////////////////////////////////////////////////////////////////

16 = NOM ET PRENOM

////////////////////////////////////////////////////////////////////////////////////////////////////
*/





/*
////////////////////////////////////////////////////////////////////////////////////////////////////

12 = EMAIL

////////////////////////////////////////////////////////////////////////////////////////////////////
*/




/*
////////////////////////////////////////////////////////////////////////////////////////////////////

15 = OBJET

////////////////////////////////////////////////////////////////////////////////////////////////////
*/



/*
////////////////////////////////////////////////////////////////////////////////////////////////////

13 = MESSAGE

////////////////////////////////////////////////////////////////////////////////////////////////////
*/



/*
////////////////////////////////////////////////////////////////////////////////////////////////////

14 = BTN ENVOIE

////////////////////////////////////////////////////////////////////////////////////////////////////
*/


@media screen and (min-width: 600px){
.cfg-element-container-envoyer{
	width:48%;
	position:relative;
	margin:auto;
	}
}

@media screen and (max-width: 600px){
.cfg-element-container-envoyer{
	width:100%;
	position:relative;
	margin:auto;
	}
}

.cfg-element-content #cfg-element-67-14, .cfg-element-set #cfg-element-67-14{
position:relative;
float:left;
width:100%;
height:auto;
z-index:20;

border:none;
padding-top:12px;
padding-bottom:12px;
margin-top:20px;

	
	color:#FFF;
	background-color:#000;
	border:none;
	transition:.3s;



}

#cfg-element-67-14{	}

#cfg-element-67-14:hover{
color:#000;
background-color:#FFF;
border:none;
transition:.3s;
}





/*
////////////////////////////////////////////////////////////////////////////////////////////////////

16 = NOM ET PRENOM
15 = OBJET
12 = EMAIL
13 = MESSAGE
21 = Captcha
14 = BTN ENVOIE


////////////////////////////////////////////////////////////////////////////////////////////////////
*/

/*
#cfg-element-67-16-set, 
#cfg-element-67-12-set, 
#cfg-element-67-15-set, 
#cfg-element-67-13-set{
width:100%;
float:left;
display:inline-block;
clear:left;
color:#F00;
}



#cfg-element-67-16-label,
#cfg-element-67-12-label,
#cfg-element-67-15-label,
#cfg-element-67-13-label{
	font-size:14px;
	color:#000;
	width:20%;
	float:left;
	text-align:left;
}
*/



/* form starting stylings ------------------------------- */
.group 			  { 
  position:relative; 
  margin-bottom:40px;
}
input,
textarea 				{
  padding:10px 10px 10px 5px;
  display:block;
  width:100%;
  border:2px solid #FFF;/*#F2F2F2*/
  box-sizing:border-box;
  transition:.3s;
  background-color:#FFF;
  color:#000;
  	font-family: 'Montserrat', sans-serif;
font-weight:400;
}

textarea{
	resize:none;}

input:focus,
textarea:focus 		{ 
outline:none; 
 border:2px solid #000;/*#F2F2F2*/
 
  transition:.3s;}

/* LABEL ======================================= */
label.cfg-label 				 {
  color:#000; 
  font-size:14px;
  font-weight:normal;
  position:absolute;
  pointer-events:none;
  left:20px;
  top:10px;
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
  text-transform:uppercase;
}


/* active state */
input:focus ~ label.cfg-label, input:valid ~ label.cfg-label,
textarea:focus ~ label.cfg-label, textarea:valid ~ label.cfg-label 		{
  top:-20px;									/*top:-20px;*/
  left:2px;
  color:#000;
}

/* BOTTOM BARS ================================= */
.bar 	{ position:relative; display:block; width:100%; }
.bar:before, .bar:after 	{
  content:'';
  height:2px; 
  width:0;
  bottom:0px; 
  position:absolute;
/*  background:yellow;*/ 
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
}
.bar:before {
  left:50%;
}
.bar:after {
  right:50%; 
}

/* active state */
input:focus ~ .bar:before, input:focus ~ .bar:after,
input:focus ~ .bar:before, input:focus ~ .bar:after,
textarea:focus ~ .bar:before, textarea:focus ~ .bar:after,
textarea:focus ~ .bar:before, textarea:focus ~ .bar:after {

  width:50%;
}

/* HIGHLIGHTER ================================== */
.highlight {
  position:absolute;
  height:60%; 
  width:100px; 
  top:25%; 
  left:0;
  pointer-events:none;
  opacity:0.5;
}

/* active state */
input:focus ~ .highlight,
textarea:focus ~ .highlight {
  -webkit-animation:inputHighlighter 0.3s ease;
  -moz-animation:inputHighlighter 0.3s ease;
  animation:inputHighlighter 0.3s ease;
}

/* ANIMATIONS ================ */
@-webkit-keyframes inputHighlighter,
@-webkit-keyframes textareaHighlighter {
	from { background:#595959; }
  to 	{ width:0; background:transparent; }
}
@-moz-keyframes inputHighlighter,
@-moz-keyframes textareaHighlighter {
	from { background:#595959; }
  to 	{ width:0; background:transparent; }
}
@keyframes inputHighlighter,
@keyframes textareaHighlighter {
	from { background:#595959; }
  to 	{ width:0; background:transparent; }
}


/*RGPD*/		
@media screen and (min-width: 600px){
	
.rgpd{
	position:relative;
	float:right;
	margin-top:-16px;
	width:48%;
	}
}

@media screen and (max-width: 600px){
	
.rgpd{
	position:relative;
	float:right;
	margin-top:20px;
	width:100%;
	}
}
	
.rgpd label{font-size:11px;
	 pointer-events:inherit;}	

.rgpd #cfg-element-67-166-label, 
.rgpd #cfg-element-67-166-set{
	display:inline-block;}

.rgpd #cfg-element-67-166-label{
	position:relative;
	width:90%;
	margin-left:5%;
	height:auto;
	min-height:50px;
	margin-bottom:30px;
	clear:right;}
	

.rgpd #cfg-element-67-166-label a{
	text-decoration:underline;
	color:#000;
	}
	
.rgpd #cfg-element-67-166-label a:hover{
	text-decoration:none;
	color:#000;}

.rgpd #cfg-element-67-166-set{
	position:absolute;
	clear:left;
	top:20px;
	left:0px;
	width:20px;
	height:20px;
}

@media screen and (min-width: 900px){
.cfg-contactform,
.cfg-label,
input,
textarea,
input:focus ~ label, input:valid ~ label,
textarea:focus ~ label, textarea:valid ~ label 	{
		font-size:14px;
}	
}


@media screen and (min-width: 660px) and (max-width: 900px){
.cfg-contactform,
.cfg-label,
input,
textarea,
input:focus ~ label, input:valid ~ label,
textarea:focus ~ label, textarea:valid ~ label 	{
		font-size:13px;
}	
	
}

@media screen and (max-width: 660px){
.cfg-contactform,
.cfg-label,
input,
textarea,
input:focus ~ label, input:valid ~ label,
textarea:focus ~ label, textarea:valid ~ label 	{
		font-size:12px;
}	
	
}


/*
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

FOOTER

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/	


@media screen and (min-width: 1400px) and (max-width: 1920px){
}
@media screen and (min-width: 1180px) and (max-width: 1400px){
}

@media screen and (min-width: 600px) and (max-width: 1180px){
}

@media screen and (max-width: 600px){
}
	
	
footer{
	width:100%;
position:relative;
float:left;
background-color:#000;
z-index:2;
padding:70px 0 62px 0;

}
@media screen and (min-width: 740px){
footer .centrage{
   display: flex;
    flex-direction: row;     /* make main axis horizontal (default setting) */
    justify-content: space-between; /* center items horizontally, in this case */
    align-items: flex-start;     /* center items vertically, in this case */
   }
   
footer .centrage .foot:last-child{
	position:absolute;
	float:left;
	bottom:0px;
	clear:left;
	}   
}

@media screen and (max-width: 740px){
footer .centrage{
   display: inherit;
   text-align:center;
   }
   
footer .centrage .foot:last-child{
	margin-top:30px;}   
}
.foot{
	
	
	/*position:relative;
	float:left;*/}

@media screen and (min-width: 1920px){
.foot h4 img{
	margin-bottom:24px;
	width:221px/*221px*/;}

.foot p,
.foot p a{
	font-size:12px/*12px*/;
}

.foot .coords{	font-size:19px;}

.foot .rs h3{font-size:28px/*28px*/;}

.coordonnees-contact .rs a svg,
.foot .rs a svg{
	width:35px/*35px*/;
}
.foot h5,
.foot li{
	font-size:19px;}

}
	

@media screen and (min-width: 1400px) and (max-width: 1920px){
.foot h4 img{
	margin-bottom:24px;
	width:11.05vw/*221px*/;}
.foot p,
.foot p a{
	font-size:0.6vw/*12px*/;
}		

.foot .coords{	font-size:0.95vw/*19px*/;}

.foot .rs h3{font-size:1.4000000000000001vw/*28px*/;}


.coordonnees-contact .rs a svg,
.foot .rs a svg{
	width:1.7500000000000002vw/*35px*/;
}

.foot h5,
.foot li{
	color:#FFF;
	font-size:0.95vw/*19px*/;}	

}
@media screen and (min-width: 1180px) and (max-width: 1400px){
.foot h4 img{
	margin-bottom:24px;
	width:221px/*221px*/;}
.foot p,
.foot p a{
	font-size:12px/*12px*/;
}	

.foot .coords{	font-size:19px;}

.foot .rs h3{font-size:28px/*28px*/;}


.coordonnees-contact .rs a svg,
.foot .rs a svg{
	width:35px/*35px*/;
}

.foot h5,
.foot li{
	font-size:19px;}
}

@media screen and (min-width: 600px) and (max-width: 1180px){
.foot h4 img{
	margin-bottom:24px;
	width:160px;
	/*max-width:80px*//*221px*/}
.foot p,
.foot p a,
.foot .coords,
.foot h5,
.foot li{
	font-size:12px/*12px*/;
}	

.foot .rs h3{font-size:14px/*28px*/;}

.coordonnees-contact .rs a svg,
.foot .rs a svg{
	width:35px/*35px*/;
}


}

@media screen and (max-width: 740px){
.foot{
	width:100%;
	}	
	
.foot h4 img{
	margin-bottom:24px;
	width:100px/*221px*/;}	

.foot p,
.foot p a,
.foot .coords,
.foot h5,
.foot li{
	font-size:12px/*12px*/;
}	

.foot .rs h3{font-size:14px/*28px*/;}

.coordonnees-contact .rs a svg,
.foot .rs a svg{
	width:16px/*35px*/;
}

}
	

@media screen and (min-width: 740px){
.foot .rs,
.coordonnees-contact .rs svg,	
.foot .rs svg,
.foot h5 {float:left;}	

.coordonnees-contact .rs svg,	
.foot .rs svg {
	margin-right:20px;}	

.foot .rs:before{
	content:'';
	position:absolute;
	top:-30px;
	left:0;
	width:47px;
	height:6px;
	background-color:#AF8F2C;}	
.foot h5:after{
	content:'';
	position:absolute;
	bottom:-20px;
	left:0;
	width:47px;
	height:6px;
	background-color:#AF8F2C;}	
	
.foot ul{
	margin-top:60px;}
	
.foot .rs h3{
	margin-bottom:30px;
	}
	}


@media screen and (max-width: 740px){
.foot .rs,
.coordonnees-contact .rs svg,	
.foot .rs svg,
.foot h5 {float:inherit;}	

.coordonnees-contact .rs svg,	
.foot .rs svg {
	margin:0 10px;}	
	
.foot .rs:before{
	content:'';
	position:absolute;
	top:-30px;
	left:calc(50% - 23px);
	width:47px;
	height:6px;
	background-color:#AF8F2C;}
	
.foot h5:after{
	content:'';
	position:absolute;
	bottom:-20px;
	left:calc(50% - 23px);
	width:47px;
	height:6px;
	background-color:#AF8F2C;
	}	
	
.foot ul{
	margin-top:30px;}		
	
.foot .rs h3{
	margin-bottom:6px;
	}		
	
.foot .rs svg{
	margin-bottom:20px;}	
	}


.foot p,
.foot p a{
	color:#808080;}
	
.foot p a:hover{
	color:#FFF;}	
	
.foot .coords{
	color:#FFF;}
	
.foot .rs{
	position:relative;
	
	margin-top:60px;}	
		


.foot .rs h3{
	color:#FFF;
	}

.coordonnees-contact .rs a svg,
.foot .rs a svg{
	fill:#FFF;}

.coordonnees-contact .rs a svg{
	fill:#000;}

.coordonnees-contact .rs a:hover svg,
.foot .rs a:hover svg{
	fill:#AF8F2C;}	
	


.foot ul{
	position:relative;
	list-style:none;}
	

.foot h5,
.foot li{
	color:#FFF;
	}	

.foot h5{
	position:relative;
	text-transform:uppercase;}
	
		

.foot li a{
	color:#FFF;}
	
.foot li a:hover{
	color:#AF8F2C;}	
	


/*
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

AGENCE CHANGE

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/		
	
body.black{
	background-color:#000;}	

body.black .galerie.intro-rub .txt-prez h3,
body.black .galerie.intro-rub .txt-prez p,
body.black .agence h3,
body.black .agence p,
body.black .staff h3,
body.black .personne h4,
body.black .actu-home h3,
body.black .blanc.temoignages h3,
body.black .item h4,
body.black .item p,
body.black .item h5{
	color:#FFF;}
	
body.black .galerie.intro-rub,
body.black .blanc	{	
background-color:#000;}

body.black  .rslides_container.slider .large-btns_here a {
  background: rgba(255,255,255, .8);
  }


/*
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

TRANSITION

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/		


nav li a,
.reseaux-header svg,
.txt-home a:before,
a .item strong:before,
.projets .proj a .proj-detail,
.projets .proj a .proj-detail h3,
.picto li a,
.slick-dots li,
.foot .rs a svg,
.foot p a,
.foot li a,
.pagination a,
.pagination-next svg,
.pagination-prev svg,
.retour a,
.retour a:before,
.coordonnees-contact .rs a svg,
.file button{
	transition: .5s ease;
	}



nav li a:hover,
.reseaux-header svg:hover,
.txt-home a:hover:before,
a:hover .item strong:before,
.projets .proj a:hover .proj-detail,
.projets .proj a:hover .proj-detail h3,
.picto li a:hover,
.slick-dots li:hover,
.foot .rs a:hover svg,
.foot p a:hover,
.foot li a:hover,
.pagination a:hover,
.pagination-next:hover svg,
.pagination-prev:hover svg,
.retour a:hover,
.retour a:hover:before,
.coordonnees-contact .rs a:hover svg,
.file button:hover{
	transition: .5s ease;
	}


.toutlemonde {
	position:relative;}
	
.staff img.stay	{
	z-index:10;
	position:relative;}

.personne a {
	cursor:pointer;
}

.personne a img{
	transition: .5s ease;
	position:absolute;
	top:0;
	left:0;
	z-index:9;
	opacity:0;}
	
.personne a:hover img{
	transition: .5s ease;
	position:absolute;
	top:0;
	left:0;
		z-index:13;
	width:100%;
	opacity:1;
	display:block;}	
	
	/* MODS FB */
	.cfg-element-container1 {
		display: none !important;
	}
	
	.cfg-element-container.capt {
		width:45%;
	}
	.cfg-element-container.capt {
		padding-right:5%;
	}
	
	.cfg-element-container.capt2 {
		width:20%;
	}
	/* FIN MODS FB */