:root {

	--gris_master: rgba(72,72,72,1.00);
	--bleu : #1C75C0;
	--bleu2 : #00adef;
	--bleu_clair : #B9EBFF;
	--angle_var : 17vw;
/*var(--swiper-navigation-color, var(--swiper-theme-color))	*/
}
html, body, .grid {
	
	font-size: 0.9vw;
	line-height: 1.5em;
	font-family: 'Poppins', sans-serif;
	font-weight: 300;
	color: var(--gris_master);
}

.menu .grid_9.right {
	font-size: 20px;
}

.menu a:link, .menu a:visited {
	color : var(--gris_master);
	text-decoration: none;
}

.menu a:hover {
	color : var(--bleu);
}

.clair .grid { color:white; }
/*h1,h2,h3,h4, p, table { margin-bottom: 2em; }*/

h1,h2 { font-weight: 200; line-height: 1em;}


h1,h2 { font-size: 2.2em; margin: 1em 0; }
/*h2 { font-size: 1.8em; }*/
h1 strong, h2 strong { font-weight: 900;}

.button { 
	font-size: 1.8em;
	text-decoration: none;
	padding: 0.5em 2em;
	border-radius: 100px;
	border : 0.07vw solid var(--gris_master);
	text-align: center;
	display: inline-block;
	margin-right: 1em;
	color: var(--gris_master);
	margin-bottom: 1em;
	cursor: pointer;
}
.button strong { 
	font-weight: 300; 
	font-size: 0.6rem;

	display: block;
	line-height: 1em;
	margin-top: 0.5em;
}
.grid img { width: 100%; }
.clair .button { color:white; border-color: white; }

.spacing100 { margin-top: 100px;  margin-bottom: 100px; }
.spacing200 { margin-top: 200px; }
.spacing100-bottom { margin-bottom: 100px; }

.swiper1 .swiper-slide { width: 100%; }
.swiper1 { overflow: hidden; }
.scroll-down {
	    display: block;
    width: 50px;
    height: 60px;
    margin-top: auto;
    background-image: url('../assets/ScrollDown_black.png')!important;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    z-index: 1;
    text-decoration: none;
    animation: scroll_move 2s ease-out infinite;
    margin-bottom: 60px;
    margin-top: 0px;
}


.padding100 {
	padding-top:100px;
	padding-bottom:100px;
}

.box_type1, .box_type2 { position: relative; }
.box_type1:before {
	content:"";
	width: 100%;
	left: 0px;
	top: -17vw;
	background-color: #00adef;
	height: calc(100% + 34vw);
	position: absolute;
	z-index: 1;
	clip-path: polygon(0 var(--angle_var), 100% 0, 100% 100%, 0 calc(100% - var(--angle_var)))
/*	clip-path: url("../assets/shape1.svg");*/
}
.section_simulateurs_realistes{
/*	margin-bottom: -7vw;*/
	margin-top: 7vw;
}

.section_simulateurs_realistes:before {
	top:-10vw;
	height: calc(100% + 27vw);
	clip-path: polygon(0 17vw, 100% 0, 100% 100%, 0 calc(100% - 17vw));

}
.grid { z-index: 100; position: relative; }

.programme_formation  {
	margin-top: 17vw;
	margin-bottom: 17vw;
}
.programme_formation:before {
/*	top:-10vw;*/
/*	height: calc(100% + 20vw);*/
	clip-path: polygon(0 0, 100% 17vw, 100% calc(100% - 17vw), 0 100%);
	background: var(--gris_master);
}

.box_type2 { 
	background-color: gray;
	padding-top: 4vw;
	padding-bottom: 4vw;
	color:white;
	background: var(--gris_master);
}

.section_simulateurs_clouds:before {
	background-color: var(--bleu_clair);
}

.comparatif {
	margin-top: 17vw;
}
.comparatif p { min-height: 2em;
text-align: center;
}
.comparatif ul li { 
	display: block;
	padding: 1em 0;
	text-align: center;
	border-top: 1px solid black;

}
.comparatif ul li:last-child { 
	border-bottom: 1px solid black;
	margin-bottom: 2em;
}
.comparatif .grid {
	padding: 1em;
}

.comparatif .grid_2:nth-child(n+1) {
	box-shadow: #00000030 0px 0px 7px 3px;
}
.comparatif .grid.promo {
	
	transform: scale(1.15);
	background: var(--bleu2);
}
#partenaire {
/*	margin: 10em 0;*/
}
#partenaire ul{

	display: flex!important;
    align-items: center;
    justify-content: space-around;	
}
#partenaire img {
	width: 80%;
	height: auto;
	opacity: 0.5;
}

#solution {
	
	background-color: var(--bleu);
	color: white;
	padding:3em 0;
}
.note {
	font-size: 0.7rem;
}

.temoignages {
	margin: 12em 0;
}
.swiper_temoignage .swiper-slide {
	border-color: var(--bleu);
	border-style: solid;
	border-radius: 50px;

    border-width: 1px;
    padding: 2em 2em 0 2em;	
}

.tableau1 { width: 100%;}
.tableau1 thead td {
/*	transform: rotate(90deg);*/
	padding: 5px;
}
.tableau1 td {
/*	border: 1px solid red;*/
	min-height: 2em;
	vertical-align: middle;
}
.tableau1 p { margin: 0; line-height: 2em; }
.tableau1 thead p { line-height: 1.3em; }
.tableau1 tbody tr:nth-child(odd) {
	background-color: var(--bleu_clair);
}

footer {
	z-index: 0;
}

.mfp-bg { 

	background-color: #001227d9;

	backdrop-filter: blur(18px);
	z-index: 2000;

}
.popupform .grid { 
	background-color: white;
	padding: 20px;
	box-sizing: border-box;
}
.popupform input, .popupform textarea {
	display: block;
	background:transparent;
	color:  var(--bleu);
	border:none;
	border-bottom: 1px solid var(--bleu);
	outline: none;
	width: 100%;
	padding: 10px;
	box-sizing: border-box;	
}
.popupform textarea {
	border: 1px solid var(--bleu);
	border-radius: 5px;
}
.popupform button {
    font-size: 1.3em;
    text-decoration: none;
    padding: 0.5em 2em;
    border-radius: 100px;
    border: 0.07vw solid var(--bleu);
    text-align: center;
    display: inline-block;
    margin-right: 1em;
    color: var(--bleu);
    margin-bottom: 1em;
    cursor: pointer;	
	background: none;
}

@media screen and (max-width: 640px) {
	
	html, body, .grid { font-size: 16px; }

	.box_type2 {
		padding-top: 13vw;
		padding-bottom: 13vw;
	}
	
	.temoignages .grid_3 { width: 50%; }
}