html {
  scroll-behavior: smooth;
}

:target {
    scroll-margin-top: 125px;
}

.hide{
	display: none;
}
/*--------------------------------------------------------------

INDEX : 


## Design
### HEADER
### FOOTER

### Pages

## Animations
## Configuration

## Reusable :
### PREDIFINED STYLES

## Font-size
## Colors




/*--------------------------------------------------------------
## Design ( mobile first )
--------------------------------------------------------------*/


/* ### HEADER */

.site__header{
	background-image: linear-gradient(to bottom, transparent 50%, #000);
	min-height: 300px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
}

body.index .site__header,
body.home .site__header{
		min-height: 600px;
		
}
@media all and (min-width:768px){
	body.index .site__header,
	body.home .site__header{
		min-height: 600px;
	
	}
}

.header-logo__img{ max-width: 190px }



body.page-mentions-legales .entry-content p{
	font-size: 1em;
	line-height: 1.5em;
}


body.page .entry-content{
	padding: 50px 25px;
}
body.page .entry-content h2{
	padding-top: 1em;
	margin-bottom: 0.5em;
}



.contactHero__btns .o-btn{
    background: #4c4c4c;
    border-color: #4c4c4c;
    
 }
 .contactHero__btns .o-btn .o-btn__text{
		color:#fff;
 }
  
.contactHero__title{
		color: #4c4c4c;
	  font-size: 26px;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 15px;
}
.contact__btns{
	display: inline-block;
}
.contact__btns .contact_tel{
	margin-bottom: 25px;
}
.contact__in{
	padding-top: 50px;
	margin-bottom: 50px;
}
.contact__infos{
	font-size: 20px;
	color: #263A84;
	font-weight: bold;
}
.contact__title{
 font-size: 20px;
 letter-spacing: 0.15em;
 font-weight: bold;
 margin-bottom: 20px;
 text-transform: uppercase;
 margin-bottom: 25px;
}
.contact__mainText{
	font-size: 22px;
	line-height: 1.25em;
	color: #3F4462;
	margin-bottom: 25px;
}
@media all and (min-width:768px){
	.contact__mainText{
		font-size: 30px;
	}
}

.contact-col__in{
	background: #F2F2F2;
	border-radius: 25px;
	padding: 25px;
}
@media all and (min-width:768px){
	.contact-col__in{
		padding: 50px;
	}
}


.section_content{
	background: #F2F2F2;
	background: #EFF8FE;
}

.content__in{
	margin-bottom: 50px;
}
.content__mainTitle{

	color: #3F4462;
	font-size: 25px;
	margin-bottom: 50px;
}



.content__item{
	display: inline-block;
	
}

@media all and (min-width:768px){
	.content__item{
		background: #fff;
		padding: 5% 5% 2% 5%;
		border-radius: 10px;
		box-shadow: 5px 5px 50px rgba(0, 0, 50, 0.25);
	}
}

main .entry-header{
	padding-top: 25px;
	margin-bottom: 25px;
}

.contentItem__title{
	font-size: 25px;
	font-weight: bold;
	line-height: 1.25em;
	margin-bottom: 25px;	
}
@media all and (min-width:768px){
	.contentItem__title{
		font-size: 30px;
		font-weight: bold;
		
	}
}



.contentItem__img{
	margin-bottom: 15px;
	text-align: center;
}

@media all and (max-width:768px){
	.contentItem__img{
		
	}
}
	img.img_contentItem{
		border-radius: 10px;
		display: inline;	
	}


.content__in{
	padding-top: 50px;
}
.contentItem__text{
	font-size: 20px;
	line-height: 1.25px;
	
}

@media all and (min-width:768px){
	.contentItem__img.u-fr_d{
		padding-left: 5%;
	}
	.contentItem__img.u-fl_d{
		padding-right: 5%;
	}
}

.contentItem__text p{
	font-size: 22px;
	line-height: 1.25em;
	margin-bottom: 25px;

}
@media all and (min-width:768px){
	.contentItem__text p{
		font-size: 22px;
		line-height: 1.5em;
	}
}

.o-separation,
.bg_hr-jpg
{

    height: 1px;
    background-repeat: no-repeat;
    border: 0;
    background-position: center;
    margin: 25px 0;
}


.page-confirmation .site-main{
	text-align: center;
	min-height: 500px;
}
.site__footer{
	text-align: center;
	font-size: 14px;
}

.section__title{
	font-weight: bold;
	font-size: 25px;
	text-align: center;
}

.section__map{
	background-color: #F0F0F0;
}
.map__in{
}
.footer__in{
	padding-top: 25px;
	margin-bottom: 25px;
}

.page-template-default p{ margin-bottom:15px }
.page-template-default p a{ text-decoration:underline; }
.page-template-default h2{
	margin-bottom: 15px;
}	
/* ### PREDIFINED STYLES */

hr.u-space{ border:0 }
hr.u-cboth{ border:0 }
hr.divider,
hr.decoration{

	background-image:url(../img/img_hr-decoration.png);

	border:0;
	margin-bottom: 50px;



    clear: both;
    height: 17px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

hr.o-decoration{
	border:0;
    clear: both;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;

    height: 55px;
    background-color: #f4f4f4;
}

img.o-decoration{
	width: 100%;
}

hr.bg_bleu-fonce-haut{background-image: url('img/bg_bleu-fonce-haut.png'); }
hr.bg_bleu-fonce-haut-2{}

hr.bg_bleu-bas{ background-image: url('img/bg_bleu-bas.png'); }

hr.bg_bleu-fonce-bas{ background-image: url('img/bg_bleu-fonce-bas.png'); }
hr.bg_bleu-fonce-bas-2{}

hr.bg_blanc-haut{}
hr.bg_blanc-haut-2{}

hr.bg_blanc-bas{ background-image: url('img/bg_blanc-bas.png'); } }
hr.bg_blanc-bas-2{ background-image: url('img/bg_blanc-bas-2.png'); }

/*--------------------------------------------------------------
## Font-Size
--------------------------------------------------------------*/


.u_txt-xl,
.u_txt-5
{
	font-size: 40px;
	line-height: 50px;
}
.u_txt-l,
.u_txt-4
{
	font-size: 30px;
	line-height: 40px;
}
.u_txt-l,
.u_txt-3
{
	font-size: 25px;
	line-height: 35px;
}

.u_txt-m,
.u_txt-2
{
	font-size: 20px;
	line-height: 30px;
}
.u_txt,
.u_txt-1
{
	font-size: 16px;
	line-height: 26px;
}
.u_txt-s,
.u_txt-0
{
	font-size: 13px;
	line-height: 23px;
}




img.img_icon{ display: inline; } 

.u-bbf4,
*[class*="_Bbf4"]{ border-bottom: 2px #f4f4f4 solid; }


*[class*="_Fwb"]{ font-weight: bold; }
*[class*="_Db"]{ display: block; }
*[class*="_Dib"]{ display: inline-block; }

*[class*="_Up"]{ text-transform: uppercase; }
*[class*="_Ac"]{ text-align: center; }
*[class*="_Fs1"]{ font-size: 15px; }
*[class*="_Ls01"]{ letter-spacing: 0.1em; }
*[class*="_Ls02"]{ letter-spacing: 0.2em; }
*[class*="_Ff2"]{ font-family: 'Pluto','PT Sans', 'Lato', serif; }

*[class*="_Mb5"]{ margin-bottom: 5px; }
*[class*="_Mb10"]{ margin-bottom: 10px; }
*[class*="_Mb15"]{ margin-bottom: 15px; }
*[class*="_Mb25"]{ margin-bottom: 25px; }
*[class*="_Mb50"]{ margin-bottom: 50px; }

*[class*="_Fs15"]{ font-size: 15x; }
*[class*="_Fs20"]{ font-size: 20px; }
*[class*="_Fs40"]{ font-size: 40px; }

.underline{
	display: inline-block;
	position: relative;
}
.underline span{position: relative; z-index: 1}
/*
.underline::after{
	content: "";
	background: #20D7B8;
    position: absolute;
	display: block;
	width: 100%;
	height: 0.5em;
    top: 0.75em;
	left: 0;
	z-index: 0;
}
*/




/* BLOCKS */

.video__title,
.beforeAfter__title
{
	margin-bottom: 25px;
}

.section_video video{
	/*
   
    box-shadow: 20px 20px 50px rgb(0 0 0 / 25%);
    background: #cecece;
    */
    width: 750px;
    max-width: 100%;
    
     border-radius: 25px;
    margin-bottom: 50px;
    aspect-ratio: 16/9;
    max-height: 50vh;
}

.site__footer{
	background-color: #EFF8FE;
}

@media all and (min-width:768px){
	.logo-caousel_mobile{
		display: none;
	}
}
@media all and (max-width:768px){
	.logo-caousel_desktop{
		display: none;
	}
}