@font-face {
	font-family: 'Poppins-Medium'; 
	src: 
	url('fonts/Poppins-Medium.ttf') format('truetype'); font-weight: normal; font-style: normal; }

@font-face {
	font-family: 'DINOT-medium'; 
	src: url('fonts/dinot-medium.eot'); 
	src: url('fonts/dinot-medium.eot?#iefix') format('embedded-opentype'),
	url('fonts/dinot-medium.woff') format('woff'),
	url('fonts/dinot-medium.ttf') format('truetype'),
	url('fonts/dinot-medium.svg#') format('svg'); font-weight: normal; font-style: normal; }
@font-face {
	font-family: 'DINOT-Light'; 
	src: url('fonts/DINOT-Light.eot'); 
	src: url('fonts/DINOT-Light.eot?#iefix') format('embedded-opentype'),
	url('fonts/DINOT-Light.woff') format('woff'),
	url('fonts/DINOT-Light.ttf') format('truetype'),
	url('fonts/DINOT-Light.svg#') format('svg'); font-weight: normal; font-style: normal; }

@font-face {
	font-family: 'MuseoSansCyrl-900'; 
	src: url('fonts/MuseoSansCyrl-900.eot'); 
	src: url('fonts/MuseoSansCyrl-900.eot?#iefix') format('embedded-opentype'),
	url('fonts/MuseoSansCyrl-900.woff') format('woff'),
	url('fonts/MuseoSansCyrl-900.ttf') format('truetype'),
	url('fonts/MuseoSansCyrl-900.svg#') format('svg'); font-weight: normal; font-style: normal; }

@font-face {
	font-family: 'DINOT-bold'; 
	src: url('fonts/dinot-bold.eot'); 
	src: url('fonts/dinot-bold.eot?#iefix') format('embedded-opentype'),
	url('fonts/dinot-bold.woff') format('woff'),
	url('fonts/dinot-bold.ttf') format('truetype'),
	url('fonts/dinot-bold.svg#') format('svg'); font-weight: normal; font-style: normal; }


body {font-family:Poppins-Medium; color:#808080;}
h1, h2, h3, h4, h5, strong {color:#131313;}
h1 {line-height:110%; margin-bottom:1em; font-size:35px;}
.cs-vert {color:#87BD25 !important;}

.cs-bt-vert {padding:0.5em 1em; color:#fff; background:#1A2542; font-weight:bold; cursor:pointer; border:2px solid #1A2542; border-radius:1em; text-align:center;margin:0 auto; display:inline-block; width:auto; text-decoration:none; text-transform:uppercase; transition:0.2s;}
.cs-bt-vert:hover {color:#1A2542; background:#fff;}

.cs-bt-vert.csVraimentVert {background:#87BD25; border-color:#87BD25;}
.cs-bt-vert.csVraimentVert:hover {color:#87BD25; background:#fff;}


/*header .cs-haut {text-align:center; margin-top:1em; color:#1a2542; background-color:#c1e890}*/
header .cs-haut {text-align:center; margin:1em 0 2em 0;}
header .cs-haut > div {display:inline-block; vertical-align:top;}

header .cs-haut .cs-logo {}
header .cs-haut .cs-logo img {width:auto; height:90px;}
header .cs-haut .cs-et {font-size:4em; color:#ddd; font-weight:bold; margin:0 40px; line-height:90px}
header .cs-haut .cs-associer {display:block !important; font-size:1.2em; margin-top:0.5em; color:#999;}
header .cs-haut .cs-associer2 {font-size:2.5em; line-height:1em; margin:0.4em 0; text-transform:uppercase;}
header .cs-haut .cs-associer2 strong {font-family:DINOT-bold;}

header .csP1 {font-family:DINOT-Light; font-style:italic; padding-bottom:1em; }


header .cs-bt {float:right; margin:1em 1em;}

section, header {width: 1056px; max-width: 100%; margin:0 auto; clear:both;}
section::after {content: '';
    display: block;
    clear: both;}
.cs-s1 { padding:1em; background:rgba(0,0,0,0.05); border-radius:1em;}
.cs-s1 .cs-left {float:left; width:50%;}
.cs-s1 .cs-right {float:right; width:40%;}
.cs-s1 .cs-right img {width:420px; height:300px;object-fit:cover; border-radius:100px 100px 100px 0; }

.cs-s2 { margin-top:2em;}
.cs-s2 h2 {margin-bottom:1em;}
.cs-s2 > div {display:inline-block; vertical-align:top; width:31%; margin:0 1%;}
.cs-s2 > div img {width:100%;height:150px;object-fit:cover; border-radius:20px; }
.cs-s2 > div img.csI1 {border-bottom-right-radius:0; border-top-right-radius:100px; }
.cs-s2 > div img.csI2 {border-radius:50px 50px 0 0 ; }
.cs-s2 > div img.csI3 {border-bottom-left-radius:0; border-top-left-radius:100px; }

.cs-s3s4 {background:#F0F3F7; padding:2em 0; margin-top:2em;}

.cs-s3 {}
.cs-s3 .cs-left {float:left; width:35%;}
.cs-s3 .cs-left img {width:360px; height:275px;object-fit:cover; border-radius:100px 100px 0 100px; }
.cs-s3 .cs-right {float:right; width:58%;}

.cs-s4 {margin-top:5em; margin-bottom:3em;}
.cs-s4 .cs-left {float:left; width:49%; text-align:center;}
.cs-s4 .cs-right {float:right; width:49%; text-align:center; }
.cs-s4 .csGrosVert {width:420px; border-radius:1em; color:#1a2542; background-color:#c1e890; padding:1em; text-align:left; display:inline-block;}
.cs-s4 .csGrosVert strong {color:#1a2542 !important;}
.cs-s4 .csGrosVert p.csTitre {text-align:center;}
.cs-s4 .csGrosVert p.csTitre strong {font-family:DINOT-bold; font-size:2em; text-transform:uppercase;}

.cs-s5 { text-align:center; padding:1em 0;}

.cs-form {display:none; background:rgba(255,255,255,0.5); padding:1em; margin:1em 2em; border-radius:0.3em;}
.cs-form input,
.cs-form textarea,
.cs-form select {
	margin-bottom:1em;
	box-sizing: border-box;
  padding: 0 15px;
  min-height: 27px;
  border-radius: 15px;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  height: 40px;
  font-size: 16px;
  font-weight: normal;
  line-height: 22px;
  color: #33475b;
  border: 1px solid #cbd6e2;}
.cs-form textarea {height:100px;}