body
{
	background-color: #fff;
	color:#172C44;
}

a
{
	color:#5265d3;
}

strong
{
	font-weight: bold!important;
	font-size: 18px!important;
	color:#172C44;
}


#branding
{
}

#branding .centrer
{
	overflow: visible;
	display: block;
}

#main
{
}

#branding .centrer
{

}


.logo
{
	float: left;
}

.logo img
{
	width: 180px;
}

.col-hero-home
{
	padding: 200px 0;
	padding-bottom: 300px;
}

#page
{
	background-color: #E9ECF0;
}

.centrer
{
	grid-gap: 20px;
}

.grid-align-milieu
{
	align-items: center;
}

.section
{
	padding-bottom: 35px;
	  overflow: hidden;
}


.fond-image+.fond-gris-cadre-blanc
{
	margin-top: -150px;
}

.fond-gris-cadre-blanc+.fond-gris-cadre-blanc
{
	padding-top: 35px;
}

.fond-gris-cadre-blanc+.fond-gris
{
	padding-top: 35px;
}

.fond-gris+.fond-gris
{
	padding-top: 35px;
}

.fond-gris+.fond-gris-cadre-blanc
{
	padding-top: 35px;
}

.fond-gris-cadre-blanc > .centrer
{
	background: #fff;
	border-radius: 20px;
	padding: 40px;
}

.fond-bleu
{
	background-color: #123661;
}

.liste-equipement
{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 20px;
	padding-top: 20px;
}

.liste-equipement-big
{
	grid-template-columns: repeat(3, 1fr);
}


.liste-equipement .equipement
{
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 20px;	
	  display: grid;
}

.liste-equipement .equipement .picto
{
	  grid-column: span 1;
	  text-align: center;
}

.liste-equipement .equipement .texte
{
	  grid-column: span 2;
}




.carte-texte
{
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	margin:-40px;
	background-color: #F5F5F5;
	margin-bottom: 0;
}


.carte-texte .texte
{
	padding: 40px 0;
}

.carte-texte .carte
{
	position: relative;
}

.carte-texte .carte p
{
	padding: 0
}

.carte-texte .carte iframe
{
	height: 100%;
	position: absolute;
	width: 100%;
	left: 0;
	top:0;
}

.liste-appart
{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 20px;
}


.liste-appart h3
{
	text-align: center;
	font-weight: 500;
}

.liste-appart p
{
	text-align: center;
}


.liste-appart .bouton
{

}

.liste-image-foot
{
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	grid-gap: 20px;
	padding-top: 70px;
}

.liste-image-foot img
{
	border-radius: 20px;
}

#access
{
	margin-left: 150px;
}

#access > div > ul
{
	list-style: none;
}

#access > div > ul > li 
{
	margin: 0 25px;
}

.fond-image h1,
.fond-image h2,
.fond-image h3,
.fond-image h4,
.fond-image h5,
.fond-image p,
.fond-image .pre-titre,
.fond-bleu h1,
.fond-bleu h2,
.fond-bleu h3,
.fond-bleu h4,
.fond-bleu h5,
.fond-bleu p,
.fond-bleu .pre-titre,
.fond-bleu a
{
	color:#F5F5F5;
}

.credit
{
	padding-top: 10px;
	border-top: 1px solid #F5F5F5;
}

.credit p,
.credit p a
{
	font-size: 12px;
}

.credit p img
{
	width: 50px;
}


.col-hero-home
{
/*	position: relative;*/
}

.col-hero-home *
{
	position: relative;
	z-index: 1;
}

.home .col-hero-home::before
{
	position: absolute;
	content: "";
	left: -90px;
	top:50%;
	transform: translateY(-50%);
	background: url('images/quote-left.svg') no-repeat center;
	width: 50px;
	height: 50px;
}

.image-texte
{
	text-align: center;
}

.home .col-hero-home::after
{
	position: absolute;
	content: "";
	right: -90px;
	top:50%;
	transform: translateY(-50%);
	background: url('images/quote-right.svg') no-repeat center;
	width: 50px;
	height: 50px;
}

.bouton, .wpcf7-submit
{

	border-radius: 4px;
	background: #5265d3;
	font-family: 'Raleway';
	font-weight: bold;
	font-size: 16px;
	line-height: 24px;
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	padding: 10px 15px ;
	transition: .3s ease all;
	min-width: 150px;
	border:none;
	box-sizing: border-box;
}

.bouton:hover, .wpcf7-submit:hover
{
	background-color: #123661;
	text-decoration: none;
}

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea
{
	width: 100%;
	box-sizing: border-box;
	resize: none;
	height: 40px;
	border-radius: 4px;
	border:1px solid #EEE;
	box-shadow: none;
}

.wpcf7 textarea
{
	height: 100px;
}


.pre-titre
{
	font-family: Raleway;
	font-weight: bold;
	font-size: 20px;
	line-height: 20px;

}

.fond-gris-cadre-blanc .pre-titre,
.fond-gris .pre-titre
{

	color: #5265d3;
}

.fond-gris-cadre-blanc .pre-titre::before,
.fond-gris .pre-titre::before
{
	width: 60px;
	height: 2px;
	background-color: #5265d3;
	margin-right: 20px;
	content: "";
	display: inline-block;
  	float: left;
  	margin-top: 10px;
}

.fond-gris-cadre-blanc p[style="text-align: center;"] .pre-titre::before,
.fond-gris p[style="text-align: center;"]  .pre-titre::before
{
	float: none;
	  margin-bottom: 6px;
  	margin-top: 0px;

}


.fond-gris-cadre-blanc p[style="text-align: center;"] .pre-titre::after,
.fond-gris p[style="text-align: center;"]  .pre-titre::after
{
	width: 60px;
	height: 2px;
	background-color: #5265d3;
	margin-left: 20px;
	content: "";
	display: inline-block;
  	  margin-bottom: 6px;
  	margin-top: 10px;
	float: none;
}


h5
{
	font-family: 'Raleway';
	font-weight: bold!important;
	font-size: 18px;
	line-height: 20px;
	text-align: left;
	color: #172c44;
	padding-bottom: 0;
}

p
{
	color: #71717b;
	line-height: 20px;
	font-size: 16px;
}

.slider-bloc
{
	padding: 40px 0;
	position: relative;
}

.slider-bloc .centrer
{
	position: relative;
}

.slider-bloc:nth-child(even)::before {
	content: "";
	background-color: #F5F5F5;
	position: absolute;
	z-index: 0;
	left: -40px;
	right: -40px;
	top:0;
	height: 100%;
}

.slider .slick-arrow
{
	position: absolute;
	top:50%;
	transform: translateY(-50%);
	height: 40px;
	width:  40px;
	text-indent: -10000px;
	border:none;
	z-index: 9;
	background: #123661 no-repeat center;
	border-radius: 20px;
	cursor: pointer;
}

.slider .slick-arrow.slick-prev
{
	left: 20px;
	background-image: url('images/left-slider.svg');
}

.slider .slick-arrow.slick-next
{
	right: 20px;
	background-image: url('images/right-slider.svg');
}

.article h4
{
 color:#172C44;
}

.article .excerpt_more
{
	display: block;
	margin-top: 15px;
	color:#5265d3;
}

.element-accordeon .titre-accordeon
{
  	border: none;
	font-family: "DM Sans";
	font-weight: bold;
	font-size: 24px;
	text-align: left;
	color: #060623;
	padding: 15px 0;
	display: block;
	background: #FFF;
	border-bottom: 1px solid rgba(6, 6, 35, 0.2);
	width: 100%;
	cursor: pointer;
	padding-right: 30px;
	background: url('images/faq-bas.svg') no-repeat right center;
}


.element-accordeon.active .titre-accordeon
{
	border-color:#fff;
	background: url('images/faq-haut.svg') no-repeat right center;

}

.element-accordeon.active .texte-accordeon
{
	border-bottom: 1px solid rgba(6, 6, 35, 0.2);
	background: #F5F5F5;
	padding: 20px
}

#branding
{
	background-color: #fff;
	height: 200px;
}

.burger
{
	display: none;
}

#branding .logo
{
	padding-top: 15px;
}

#access
{
	float: right;
	padding-top: 70px;
}

#access div > ul > li > a
{
	color:#172C44;
	text-transform: uppercase;
	text-decoration: none;
	position: relative;
}


#access div > ul > li > a::after
{
	border-bottom: 5px solid #fff;
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom:-10px;

	transition: .3s ease all;
}

#access div > ul > li > a:hover::after,
#access div > ul > li.current-menu-item a::after,
#access div > ul > li.current_page_parent a::after
{
	border-bottom: 5px solid #5265D3;
}

#access div > ul > li.bouton > a::after
{
	display: none;
}



#access .bouton a
{
	color:#fff;
	font-size: 16px;
}

.bloc-slider-hero
{
	height: 690px;
  	margin-bottom: -35px;
}


.slider-hero
{
	position: absolute;
	left: 0;
	top:0;
	width: 100%;
	height: 690px;
}

.slider-hero .imagefond
{
	position: absolute;
	left: 0;
	top:0;
	width: 100%;
	height: 690px;
	z-index: -1;
	background-position: center;
	background-size: cover;
}

.slider-hero .imagefond::after
{
	position: absolute;
	left: 0;
	top:0;
	width: 100%;
	height: 690px;
	z-index: -1;
	background: #123661;
	opacity: .65;
	content: "";
}

.slider-hero .slick-arrow
{
	position: absolute;
	z-index: 9;
	width: 50px;
	height: 50px;
	top:50%;
	text-indent: -10000px;
	border:none;
	cursor: pointer;

}

.slider-hero .slick-arrow.slick-prev
{
	left: 20px;
	background: url('images/quote-left.svg') no-repeat center;
}

.slider-hero .slick-arrow.slick-next
{
	right: 20px;
	background: url('images/quote-right.svg') no-repeat center;
}

.col-hero-home::after
{

	position: absolute;
	left: 0;
	top:0;
	width: 100%;
	height: 690px;
	z-index: 0;
	background: #123661;
	opacity: .65;
	content: "";
}




.slider-hero .slide
{
	height: 690px;
	  position: relative;
}

.slider-hero .col
{
	padding-top: 220px;
}

@media (max-width: 1500px)
{

	#access > div > ul > li {
	  margin: 0 20px;
	}

	#access
	{
		margin-left: 0;
	}

}

@media (max-width: 1300px)
{

	#access div > ul > li > a
	{
		font-size: 16px!important;
	}

	.logo img {
	  width: 100px;
	}

	#access > div > ul > li {
	    margin: 0 15px;
	  }

	 #access {
	  float: right;
	  padding-top: 50px;
	}

	#branding
	{
		height: 140px;
	}

	.liste-equipement .equipement .texte {
	  grid-column: span 3;
	}
}

@media (max-width: 1000px)
{

	#branding .logo
	{
	  padding-top: 15px;
	  margin: 0 auto;
	  float: none;
	  display: block;
	  text-align: center;
	}

	.burger
	{
		display: block;
		float: left;
		position: absolute;
	    top: 30px;
    	left: 20px;
		background: url('images/burger.svg') no-repeat center;
		width: 30px;
		height: 30px;
		border:none;
	}

	.burger+div
	{
		display: none;
		position: absolute;
	    top: 120px;
	    left: 0;
	    width: 100%;
	    background: #fff;
	    box-shadow: 0 10px 10px rgba(0,0,0,.15);
	    z-index: 99;
	    padding: 20px;
	}

	.burger.active+div
	{
		display: block;
	}	

	#access
	{
		padding-top: 0;
	}

	#branding {
	    height: 120px;
	  }
	
	#access > div > ul > li {
	    margin: 0 15px;
	    float: none;
	    margin: 0;
	  }

  #access div > ul > li > a:hover::after, #access div > ul > li.current-menu-item a::after, #access div > ul > li.current_page_parent a::after {
	  border-left: 3px solid #5265D3;
	  border-bottom: 0;
	  height: 100%;
	  left: -10px;
	  top: 0;
	}

	.slider-bloc .centrer > div
	{
		  grid-column: span 12;
	      margin: 0;
	}
}

@media (max-width: 740px)
{
	.section
	{
	}
	
	.section .col-25,
	.section .col-33,
	.section .col-50,
	.section .col-66,
	.section .col-100,
	.section .col-1,
	.section .col-2,
	.section .col-3,
	.section .col-4,
	.section .col-5,
	.section .col-6,
	.section .col-7,
	.section .col-8,
	.section .col-9,
	.section .col-10,
	.section .col-11,
	.section .col-12
	{
  	grid-column: span 12;	 
  	margin: 0;
	}




	input[type="text"], input[type="email"], textarea, select, input[type="number"]
	{
		max-width: 100%;
		width: 100%;
		box-sizing: border-box;
	}

	.grid-home, 
	.grid-home.grid-2,
	.grid-home.grid-1,
	.grid-home.grid-3,
	.grille-3,
	.grille-2,
	.grille-1
	{
		  grid-template-columns: repeat(1, 1fr);
	}

	.credits
	{
		text-align: center;
	}


	  a + a .bouton
	  {
	  	margin: 0;
	  	margin-top: 20px;
	  }

	  .centrer
	  {
	  	padding:0 20px;
	  }

	  .centrer .centrer
	  {
	  	padding: 0;
	  }

	  h1
	  {
	  	font-size: 30px!important;
	  	line-height: 35px!important;
	  }

	  .pre-titre
	  {
	  	font-size: 14px;
		line-height: 14px;
	  }

	  .bloc-slider-hero,
	  .slider-hero,
	  .slider-hero .slide
	   {
		  height: 270px;
		}

	.fond-image + .fond-gris-cadre-blanc
	{
		margin-top: 0;
	}

	.fond-image + .fond-gris-cadre-blanc
	{
		margin-top: -60px;
	}

	.fond-gris-cadre-blanc > .centrer
	{
		margin: 0 20px;
		width: calc(100% - 40px);
	    padding: 20px 40px;
	}

	.slider-hero .slick-arrow
	{
		background-size: cover !important;
	    height: 20px;
	    width: 20px;
	}

	.slider-hero .col {
	  padding-top: 30px;
    	margin: 0 40px !important;
	}

	.slider-hero .col h1
	{
		padding-bottom: 0!important;
	}

	.fond-gris-cadre-blanc .pre-titre::before, .fond-gris .pre-titre::before,
	.fond-gris-cadre-blanc p[style="text-align: center;"] .pre-titre::after, .fond-gris p[style="text-align: center;"] .pre-titre::after {
	  width: 20px;
	}

	p, li, ol
	{
		font-size: 14px!important;
	}

	h2
	{
		font-size: 25px!important;
  		line-height: 30px!important;
	}

	h3
	{
		font-size: 20px!important;
  		line-height: 25px!important;
	}

	h4
	{
		font-size: 16px!important;
  		line-height: 22px!important;
	}

	strong
	{
	  font-size: 16px !important;
	}

	.liste-equipement
	{
		  grid-template-columns: repeat(1, 1fr);
	}

	.liste-equipement .equipement
	{
		text-align: center;
		  display: block;
	  grid-template-columns: repeat(1, 1fr);
	}

	.liste-equipement .equipement h5
	{
		text-align: center;
	}

	.liste-equipement .equipement .picto
	{
	  margin-bottom: -10px;
	}

	.liste-appart
	{
		  grid-template-columns: repeat(1, 1fr);
	}

	.carte-texte .carte iframe
	{
	  	height: calc(100vw - 40px);
	}

	.carte-texte .texte {
	  padding: 20px;
	}

	.liste-image-foot
	{
		  grid-template-columns: repeat(3, 1fr);
	}

	.droite-_1 img
	{
		width: 125px;
		margin: 0 auto;
	}

	.footer
	{
		text-align: center;
	}

	.align-right
	{
		text-align: center;
	}

	.col-hero-home
	{
	  padding: 40px 0;
	}

	.centrer
	{
		overflow: visible;
	}

	.slider
	{
		  margin: -40px;
		  margin-bottom: 0;
	}

	.element-accordeon .titre-accordeon
	{
		font-size: 18px;
	}

}