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



/* ----------------------------- */
/*Reset*/
/* ----------------------------- */

* { box-sizing:border-box; }
html, body { margin:0; padding:0; }
ul, ol { padding:0; list-style:none; }
img, fieldset { border:0; vertical-align:middle;}
blockquote, figure { margin-left:0; margin-right:0; }
audio, canvas, video { display:inline-block; }
code, pre, samp, kbd { white-space:pre-line; white-space:pre-wrap; font-family:'DejaVu Sans Mono', Courier, monospace; line-height:normal; }
ul, ol, dl, blockquote, details, figure{margin:0; padding:0; }
em, .italic, cite, dfn, var { font-style:italic; }
p, .p-like, pre, td, th, label, textarea, caption, h6 { margin-top:0.5em; margin-bottom:0; line-height:1.2; }
small, sub, sup { font-size:smaller; }
h1,h2,h3,h4,h5 { font-size:100%; margin:0; line-height:1.2; font-family:inherit; }
select, button, input, textarea{ appearance:none; outline:none; background:none; border:none; padding:0; margin:0; font-family:inherit; font-size:inherit; }
button{cursor:pointer;}
body, input, textarea, select, button { text-rendering:optimizelegibility; -moz-osx-font-smoothing:grayscale; font-feature-settings:"liga", "kern"; }
a{text-decoration:none; color:inherit;}
i, address{font-style:normal; }
strong{ font-weight:500;}
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { display:none; }



/* ----------------------------- */
/* Base */
/* ----------------------------- */

html{ font-size:62.5%; font-size:calc(0.625em); -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; }
body { font-size:1.5rem; font-family:"Helvetica Neue","Helvetica","Myriad Set Pro","Arial",sans-serif; color:#404040; background-color:#fff; font-weight:400; }

.no-scroll{overflow:hidden;  }

h1, .h1-like { font-size:3.3rem; font-weight:normal; font-family:'caviar_dreamsbold';}
h2, .h2-like { font-size:3rem; font-weight:normal; font-family:'caviar_dreamsbold';}
h3, .h3-like { font-size:2.6rem; font-weight:normal; font-family:'caviar_dreamsbold';}
h4, .h4-like { font-size:2.2rem; font-weight:500; }
h5, .h5-like { font-size:1.8rem; font-weight:500; }
h6, .h6-like { font-size:1.5rem; font-weight:500; line-height:1; }

.siteW{ width:100%; padding-left:10%; padding-right:10%; }
.contentW{ margin-left:auto; margin-right:auto; width:80%; }
.sectionW{ width:100%; padding:2% 10%; }
.main-container{ margin-top:6em; }
p{ font-size:1.5rem;}

.w5{width:5%;}
.w80{width:80%;}
.w85{width:85%;}
.w100{width:100%;}
.w75{width:75%;}
.w55{width:55%;}
.w65{width:65%;}
.w70{width:70%;}
.w60{width:60%;}
.w40{width:40%;}
.w45{width:45%;}
.w30{width:30%;}
.w35{width:35%;}
.w15{width:15%;}
.w90{width:90%;}
.w95{width:95%;}

.tblW400{width:400px; }

.inbl-item{margin:0 auto; }
.inbl-item > *{display:inline-block; vertical-align:middle; }
.row { display:table; table-layout:fixed; width:100%; }
.row > *, .col { display:table-cell; padding:10px;  }
.w100{width:100%; display:block; }
.clear{float:none; clear:both; }

.left { float:left; }
img.left { margin-right:2em; }
.right { float:right; }
.float-container:after{ content:""; clear:both; display:table; }
img.right { margin-left:2em; }
img.left, img.right {margin-bottom:0.5em; }

.flexGrid{ display:flex; }
.flexGrid > *{ flex:1 1 auto; min-width:0; min-height:0; display:flex; }
.flexGrid > * + *{ margin-left:calc(1rem - 0.01px); } 

/* [class*="grid"] { text-align:justify; } */
[class*="grid"]{margin-left:-15px; }
[class*="grid"]:after { content:""; display:inline-block; width:100%; }
[class*="grid"] > * { display:inline-block; vertical-align:top; text-align:left; padding-left:15px; }
:root [class*="grid"] { font-size:0px; text-justify:distribute-all-lines; }
/* :root [class="grid"] > * { font-size:calc(1.3rem + 1.5vw); } */
[class*="grid"]:-o-prefocus { word-spacing:-0.43em; }

.grid2 > *:not(.w100), .w50 { width:50%; }
.grid3 > *:not(.w100), .w33 { width:33.333%; }
.grid4 > *:not(.w100), .w25 { width:25%; }
.grid5 > *:not(.w100), .w20 { width:20%; }
.grid6 > *:not(.w100) { width:16.667%; }
.grid8 > *:not(.w100) { width:12.5%; }
.grid10 > *:not(.w100), .w10 { width:10%; }
.grid12 > *:not(.w100) { width:8.333%; }

.btn{color:#fff; padding:0 1em 1%; margin:2em auto; transition:background .5s; display:inline-block; border-radius:3px; white-space:nowrap; font-size:1.6rem; height:2.5em; font-weight:500;}
.btn:hover{background: #EE6F31;}
.btn[class*="icon"][data-icon]::before {position: relative; top: 5px; right: 7px;}
.highlight{color:#fff; padding:.2em .5em; display:inline-block; text-transform:uppercase; font-size:1.2rem; border-radius:5px; }
.small-btn{ margin:0 .5em 0 0 ; line-height:1; font-size:1.2rem; height:auto; padding:.5em;}

.inline-btn .btn{ margin:0 15px; }
.row .inline-btn{text-align:right;}
[class*="grid"] .inline-btn{vertical-align:bottom; }
[class*="grid"] .inline-btn .btn{ margin:0;}

[class*="icon"], .vcenter, .hcenter{ position:relative; }
[class*="icon"]:before, [class*="icon"]:after, [class*="list"] li::before{ font-family:'Pombier-icon'; font-weight:normal; font-variant:normal; text-transform:none; -webkit-font-smoothing:subpixel-antialiased; -moz-osx-font-smoothing:grayscale; speak:none; font-size:150%; }
[class*="icon"][data-icon]:before{ content:attr(data-icon); }
[class*="icon"][data-iconR]:after{ content:attr(data-iconR); }

.icon-inbl[data-icon]{ padding-left:2.5em; }
.icon-inbl[data-iconR]{ padding-right:4em; }

.icon-inbl[data-icon]:before, .icon-inbl[data-iconR]:after, .vcenter-item{ position:absolute; top:50%; bottom:auto; transform:translateY(-50%); }

.icon-bl{ position:relative; padding-top:2.5em; }
.icon-bl[data-icon]:before, .icon-bl[data-iconR]:after, .info-content, .hcenter-item{position:absolute; left:50%; right:auto; transform:translateX(-50%); top:.5em; }

.icon-txt:before, .icon-inbl[data-icon]:before{left:.5em;}
.icon-txt:after, .icon-inbl[data-iconR]:after{right:.5em;}

.btn[data-iconR]:after{ border-left:1px dotted rgba(255, 255, 255, 0.3); padding-left:.5em; line-height:1.65; }

[class*="list"] li{padding-left:25px; margin-top:10px; position:relative; font-size:1.4rem; line-height:1;  }
[class*="list"] li::before{ position:absolute; left:10px; top:0; }
.list li::before{ content:""; width:10px; height:10px; background:#9FA2A4; transform:rotate(45deg) translateY(50%);}
.imprimer .list li::before{ background:#ea4c88;  }
.infogerence .list li::before{ background:#F5D03F;  }
.tel .list li::before{ background:#5CADE3;  }

.list-spe li{margin:8px 0;}
.list-spe li i{position:relative; width:10px; height:10px; background:#9FA2A4; display:inline-block; margin-right:10px; transform:rotate(45deg);}


.bgcolor1{background: #34599F;} /* BLEU */
.bgcolor2{background: #EE6F31;} /* ORANGE */

.color1{color: #34599F;} /* BLEU */
.color2{color: #EE6F31;} /* ORANGE */

.center{ position:relative; overflow:hidden; }
.center-item{ position:absolute; left:50%; right:auto; top:50%; bottom:auto; transform:translateX(-50%) translateY(-50%); }
.bg-image{ min-width:100%; min-height:100%; max-width:180%; max-height:110%; margin:auto; }
 
/* ----------------------------- */
/*           Formulaire          */
/* ----------------------------- */

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color:#9FA2A4; opacity:.9; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color:#9FA2A4; opacity:.9;}
input::-moz-placeholder, textarea::-moz-placeholder { color:#9FA2A4; opacity:.9;}

input, textarea{ background:#F3F5F7; padding:.5em; border-radius:5px; display:block; width:100%; color:#606060; }
input{height:2.5em;}
textarea{ min-height:8em; }

label{ position:relative; margin-top:1em; font-size:1.5rem; color:#404040;}
span.error{ font-size:1.1rem; color:#F05050; padding:0 5px; display:table; position:absolute; top: -2.3em; width: 240px;}

.form-wrapper{ margin:0 auto 3%; position:relative; }
.form-inner > label{ vertical-align:bottom; }
.form-container .btn{ display:table;}

span.select{ display:block; pointer-events:none; height:2.5em;  }
span.select select{width:100%; cursor:pointer; padding:.5em 40px .5em .5em; background:#F3F5F7; color:#9FA2A4; border-radius:3px; height:100%; pointer-events:all;}
span.select select option{ height: 100%; display:block; }
.filtre span.select select{background:#fff; color:#BFC3C6; border:2px solid #DEE2E5; border-radius:8px; width:auto;}
span.select::after { background:#F3F5F7; content:"\ec4d"; padding:0 10px; pointer-events:none; position:absolute; right:4px; font-size:150%; transition:all .5s; color:#81939E; font-weight:bold; border-radius:5px; margin:0; top:50%; bottom:auto; transform:translateY(-50%); }
.filtre span.select::after{ background:#fff; color:#DADFE2; content:"\ec50"; }

.checkbox{ position:relative; vertical-align:middle; display:inline-block; margin-right:1.5em; padding-left:2em; }
.checkbox > input { position:absolute; width:19px; height:19px; z-index:10; opacity:0; cursor:pointer;left:0; }
.checkbox > i{display:inline-block; background:none;cursor:pointer;}
.checkbox > i:after{content:""; position:absolute; line-height:1; font-family:'Pombier-icon'; color:#fff; height:13px; width:13px; left:2px; z-index:2; overflow:hidden; font-weight:bold; transition:background 0.4s; background:#BCC7CD; padding:2px; border-radius:3px; font-size:1.2rem; top:50%; bottom:auto; transform:translateY(-50%); }
.checkbox input:checked ~ i:after{ background:#3BC0C3; content:"\ec47"; }

.file { position:relative; pointer-events:none; text-overflow: ellipsis; white-space: nowrap; overflow:hidden; max-width: 80%; }
.file input { position:absolute;left:0; top:0; opacity:0; cursor:pointer; padding:0; height:100%; pointer-events:all; z-index:1;  }

legend{text-transform: uppercase; font-weight: bold;}
fieldset{margin-top: 5%;}

/* ----------------------------- */
/*              Main             */
/* ----------------------------- */

.logo{text-align: center; padding-top: 3%;}

/***BAD***/
.bandeau-img{ height:35em; position:relative; overflow:hidden; width:100%; }
.bandeau-img img{position:absolute; min-width:100%; min-height:100%; max-width:100%; max-height:250%; margin:auto; top:50%; left:50%; transform:translate(-50%,-50%);}