/*
Theme Name: Réseau Océlorn   
Version: 2.0.0
Author: Business to Web
Author URI: http://www.b2w.fr
Description: Thème WordPress sur-mesure pour le site www.url.com . Vous avez besoin d'aide, contactez Business to Web au 09 67 06 67 56.
Text Domain: themeb2w

@site : http://www.b2w.fr
@author : b2w
@version : 2.0.0
@date : 2016
@licence : Création Business to Web - Tous droits réservés
@media : screen

@tested : 

@todo : 

*/

/************************************************/
/*    SOMMAIRE                                  */
/************************************************/

/* 
1=  Icofont
2=  Reset 
3=  Structure 
4=  Elements 
5=  Buttons
6=  Forms 
7=  Tables 
8=  Medias 
9=  Typography
10= Box infos
11= Colors
12= Effects
13= Slick
14= Header
15= Navigation
16= Footer
17= Contents
18= Loops
19= Archive
20= Page templates
21= Cookie Choice
22= 404
23= Compatibility
24= Responsive
*/

/************************************************/
/* 1= ICOFONT                                   */
/************************************************/

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

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-arrow-circle-down:before {
  content: "\e900";
}
.icon-arrow-circle-left:before {
  content: "\e901";
}
.icon-arrow-circle-right:before {
  content: "\e902";
}
.icon-arrow-circle-up:before {
  content: "\e903";
}
.icon-calendar:before {
  content: "\e904";
  font-size: 16px;
  margin-right: 10px;
}
.icon-map-marker:before {
  content: "\e905";
  font-size: 16px;
  margin-right: 10px;
}
.icon-ocelorn-company:before {
  content: "\e906";
  font-size: 16px;
  margin-right: 10px;
}
.icon-time:before {
  content: "\e907";
  font-size: 16px;
  margin-right: 10px;
}
.icon-file-empty:before {
  content: "\e924";
}
.icon-file-text2:before {
  content: "\e926";
}
.icon-file-picture:before {
  content: "\e927";
}
.icon-file-play:before {
  content: "\e929";
}
.icon-file-zip:before {
  content: "\e92b";
}
.icon-arrow-up2:before {
  content: "\ea3a";
}
.icon-arrow-right2:before {
  content: "\ea3c";
}
.icon-arrow-down2:before {
  content: "\ea3e";
}
.icon-arrow-left2:before {
  content: "\ea40";
}
.icon-file-pdf:before {
  content: "\eadf";
}



/************************************************/
/* 2= RESET                                     */
/************************************************/
html, body, label { margin: 0; padding: 0; }
code, pre, samp { white-space: pre-wrap; font-family: monospace; line-height:1.75em; font-size:0.875em; border-left:solid 5px #e493a3; padding-left:20px}
table{ border-collapse:collapse; border-spacing:0;}
input:focus, textarea, select {outline:none;}
fieldset,img{ border:0;}
img, table, td, blockquote, code, pre, textarea, input, object, video { max-width: 100%; height: auto; }
iframe {max-width:100%;}
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} 
/* html5 */
header, section, article, nav, footer, aside, menu, hgroup, figure, figcaption {display:block;}

/************************************************/
/* 3= STRUCTURE                                 */
/************************************************/
.container-fluid {width:100%; overflow:hidden;}
.row {/* margin:0 -10px;*/} 
.col {float:left; padding-left: 10px; padding-right: 10px;}
.row .center {padding-left:10px; padding-right:10px;}

@media (min-width: 0) {	
	.container {width: 100%; margin-right: auto; margin-left: auto; /* padding:0 6%;*/ overflow:hidden;}	
	.col-xs-1 {width: 25%;}
	.col-xs-2 {width: 50%;}
	.col-xs-3 {width: 75%;}
	.col-xs-4 {width: 100%;}
}

@media (min-width: 426px) {	
	.col-sm-1 {width: 25%;}
	.col-sm-2 {width: 33.33%;}
	.col-sm-3 {width: 50%;}
	.col-sm-4 {width: 66.66%;}
	.col-sm-5 {width: 75%;}
	.col-sm-6 {width: 100%;}
}

@media (min-width: 600px) {	
  .col-md-1 {width: 25%;}
	.col-md-2 {width: 33.33%;}
	.col-md-3 {width: 50%;}
	.col-md-4 {width: 66.66%;}
	.col-md-5 {width: 75%;}
	.col-md-6 {width: 100%;}
}

@media (min-width: 769px) {	
  .container {width: 720px;}
  .col-lg-1 {width: 25%;}
	.col-lg-2 {width: 33.33%;}
	.col-lg-3 {width: 50%;}
	.col-lg-4 {width: 66.66%;}
	.col-lg-5 {width: 75%;}
	.col-lg-6 {width: 100%;}
}

@media (min-width: 992px) {	
	.container {width: 960px; padding:0}	  
	.col-xl-1 {width: 8.33%;}
	.col-xl-2 {width: 16.66%;}
	.col-xl-3 {width: 25%;}
	.col-xl-4 {width: 33.33%;}
	.col-xl-5 {width: 41.66%;}
	.col-xl-6 {width: 50%;}
	.col-xl-7 {width: 58.33%;}
	.col-xl-8 {width: 66.66%;}
	.col-xl-9 {width: 75%;}
	.col-xl-10 {width: 83.33%;}
	.col-xl-11 {width: 91.66%;}
	.col-xl-12 {width: 100%;}
}
@media (min-width: 1200px) {	
  .container {width: 1170px;}
}


/************************************************/
/* 4= ELEMENTS                                  */
/************************************************/

html {font-size:100%; font-size:16px;}
body { font-family: proxima-nova, sans-serif; font-weight: 400; font-style: normal; font-size: 1em; color: #414042; } 

/* Display */ 
.block {display:block;}
.inline {display:inline;}
.none {display:none;}
.hidden {overflow:hidden;}
.inline-block {display: inline-block;}

/* Flex */
.flex {display: flex;}
.flex-wrap {flex-wrap: wrap;}
.flex-container{
  -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex; 
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
}
.vertical-center { 
  -webkit-align-content: center; 
  align-content: center; 
  align-items: center;
}

@media (min-width: 0) {	
	.hide-smartphone {display: none;}
  .show-smartphone {display: inline-block;}
}
@media (min-width: 426px) {	
	.show-tablet {display: inline-block;}
	.hide-tablet {display: none;}
}
@media (min-width: 1041px) {	
	.show-desktop {display: inline-block;}
	.hide-desktop {display: none !important;}
}

/* Float */
.left {float:left;}
.right {float:right}
.float-none {float:none;}
.clear {clear:both;}  
.center {margin-right:auto; margin-left:auto;}

/* Positions */
.relative {position:relative;}
.absolute {position:absolute;}
.fixed {position:fixed;}

/* Margin */
.margin-sm {margin: 20px;}
.margin-sm-top {margin-top: 20px;}
.margin-sm-right {margin-right: 20px;}
.margin-sm-bottom {margin-bottom: 20px;}
.margin-sm-left {margin-left: 20px;}

.margin-md {margin: 50px;}
.margin-md-top {margin-top: 50px;}
.margin-md-right {margin-right: 50px;}
.margin-md-bottom {margin-bottom: 50px;}
.margin-md-left {margin-left: 50px;}

.margin-lg {margin: 75px;}
.margin-lg-top {margin-top: 75px;}
.margin-lg-right {margin-right: 75px;}
.margin-lg-bottom {margin-bottom: 75px;}
.margin-lg-left {margin-left: 75px;}

.margin-xl {margin: 100px;}
.margin-xl-top {margin-top: 100px;}
.margin-xl-right {margin-right: 100px;}
.margin-xl-bottom {margin-bottom: 100px;}
.margin-xl-left {margin-left: 100px;}

.margin-vertical-center {margin-top: auto; margin-bottom: auto;}

/* Padding */
.padding-none {padding-left: 0; padding-right: 0;}
.padding-xs {padding: 10px;}

.padding-box {padding:50px;}
.padding-box-low {padding:20px;}
.padding-sm {padding: 20px;}
.padding-sm-top {padding-top: 20px;}
.padding-sm-right {padding-right: 20px;}
.padding-sm-bottom {padding-bottom: 20px;}
.padding-sm-left {padding-left: 20px;}

.padding-md {padding: 50px;}
.padding-md-top {padding-top: 50px;}
.padding-md-right {padding-right: 50px;}
.padding-md-bottom {padding-bottom: 50px;}
.padding-md-left {padding-left: 50px;}

.padding-lg {padding: 75px;}
.padding-lg-top {padding-top: 75px;}
.padding-lg-right {padding-right: 75px;}
.padding-lg-bottom {padding-bottom: 75px;}
.padding-lg-left {padding-left: 75px;}

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



/* Border */
.border {border:2px solid #E2E3E4;}
.border-top-green {border-top:2px solid #95C11F;}
.border-top-light {border-top:2px solid #F8F8F8;}
.border-top-grey {border-top:2px solid #E2E3E4;}
.border-right {border-right:1px solid #000000;}
.border-bottom {border-bottom:1px solid #000000;}
.border-left {border-left:1px solid #000000;}
 
.spacer-xl{height: 100px;}
/************************************************/
/* 5= BUTTONS                                   */
/************************************************/

button {
  text-transform: uppercase !important;
  font-weight: 700 !important;
  font-size: 1em !important;
  font-family: proxima-nova, sans-serif !important;
}

.btn, input[type="submit"] { 
  font-family: proxima-nova, sans-serif; 
  -webkit-border-radius: 5px 5px 5px 5px; 
  border-radius: 5px 5px 5px 5px; 
  -webkit-transition: all 0.2s ease-in-out; 
  -moz-transition: all 0.2s ease-in-out; 
  -o-transition: all 0.2s ease-in-out; 
  -ms-transition: all 0.2s ease-in-out; 
  transition: all 0.2s ease-in-out; 
  padding:16px 24px; 
  font-weight:700; 
  line-height:24px; 
  text-align:center; 
  -webkit-appearance: none; 
  cursor:pointer; 
  display: inline-block; 
  text-transform: uppercase;
  margin-top: 25px;
  font-size: 1em;
}
.gform_wrapper.gf_browser_ie .gform_footer input.button {
  padding:16px 24px !important;  
}

input[type="submit"], .btn-green {background-color: #95C11F; color:#fff; border: 2px solid #95C11F;}
input[type="submit"]:hover, .btn-green:hover {background-color: #fff; color:#95C11F}

.btn-white { background-color: #fff; color:#95C11F; border: 2px solid #fff; margin-top: 0; padding: 10px 28px; border-radius: 3px;}
.btn-white:hover {background-color: #95C11F; color:#fff; border: 2px solid #95C11F;}

.btn-outline {background-color: #fff; color:#95C11F; border: 2px solid #95C11F;}
.btn-download {background-color: #fff; color:#95C11F; border: 1px solid #95C11F; padding:10px 15px; font-size: 0.875em; line-height:21px; margin: 20px;}
.btn-outline:hover, .btn-download:hover {background-color: #95C11F; color:#fff}

.btn-outline-white {background-color: transparent; color:#fff; border: 2px solid #fff;}
.btn-outline-white:hover {background-color: #fff; color:#95C11F;}

.translateX{
  transform: translateX(1);
  transition: transform 0.5s ease;
}


.loop-post-offer-text:hover .translateX, .post-link-arrow:hover .translateX {
  transform: translateX(10px);
}


/************************************************/
/* 6= FORMS                                     */
/************************************************/

form {width:100%;}

/* body .gform_wrapper .gform_body .gfield_label {font-size: 16px;} */

label {display:block; margin-bottom:5px; font-size: 1em !important; font-weight: 400!important;}  
 
input, select, textarea {width:100%; border:1px solid #878786; background-color:#fff; -webkit-appearance:none; }  
input, select {height:40px; padding:0 15px; line-height:45px;}
textarea {min-height:200px; padding:15px;}  
input:hover, select:hover, textarea:hover {} 
input:focus, select:focus, textarea:focus {border-color: #95C11F;}    

[type="checkbox"] {float:left; border:none;}
[type="submit"] {float:left; width:auto; border:0; height:auto; text-transform: uppercase; }
[type="submit"]:hover {cursor:pointer; } 
[type="submit"]:focus {-webkit-box-shadow: none; box-shadow: none;} 
input[type="file"] {background-color: transparent;}


.gform_wrapper ul {margin:0; padding:0; list-style:none; list-style-image:none; color:#414042}
.gform_wrapper li {padding:0;}
.gfield {margin-bottom: 30px;}
.gform_wrapper .gfield_required {color: #414042 !important; }
.gform_wrapper textarea.large {height: 200px !important;}

.gform_wrapper.gform_validation_error .top_label input.medium, .gform_wrapper.gform_validation_error .top_label select.medium {
  line-height: inherit;
  padding-left: 0;
}

.gfield_consent_label {font-size: 0.75em !important; }

/* checkbox stylisée, à supprimer si vous ne souhaitez pas */
/* Checkbox */
/* Cachons la case à cocher */ 
[type="checkbox"]:not(:checked), [type="checkbox"]:checked {position: absolute; left: -9999px;}
/* on prépare le label */ 
[type="checkbox"]:not(:checked) + label, [type="checkbox"]:checked + label {
	position: relative; /* permet de positionner les pseudo-éléments */ 
	padding-left: 25px !important; /* fait un peu d'espace pour notre case à venir */ 
	cursor: pointer; /* affiche un curseur adapté */ 
	margin-left: 0!important;
}
/* Aspect des checkboxes */
/* :before sert à créer la case à cocher */
[type="checkbox"]:not(:checked) + label:before, [type="checkbox"]:checked + label:before  {
	content: '';
	position: absolute; left: 0; top: 2px; 
	width: 17px; height: 17px; /* dim. de la case */
  border: 1px solid #878786;
	background: #ffffff;
}
/* Aspect général de la coche */
[type="checkbox"]:not(:checked) + label:after, [type="checkbox"]:checked + label:after  {
	content: '✔'; 
	position: absolute; top: 0; left: 4px; 
	font-size: 14px; color: #95C11F; 
	transition: all .2s; /* on prévoit une animation */
}
/* Aspect si "pas cochée" */ 
[type="checkbox"]:not(:checked) + label:after {
	opacity: 0; /* coche invisible */ 
	transform: scale(0); /* mise à l'échelle à 0 */
}
/* Aspect si "cochée" */
[type="checkbox"]:checked + label:after {
	opacity: 1; /* coche opaque */ 
	transform: scale(1); /* mise à l'échelle 1:1 */
}
/* aspect désactivée */ 
[type="checkbox"]:disabled:not(:checked) + label:before, [type="checkbox"]:disabled:checked + label:before {
	box-shadow: none; 
	border-color: #ddd; 
	background-color: #ddd;
}
/* styles de la coche (si cochée/désactivée) */
[type="checkbox"]:disabled:checked + label:after {color: #ddd;}
/* on style aussi le label quand désactivé */ 
[type="checkbox"]:disabled + label {color: #ddd;} 
/* aspect au focus de l'élément */
[type="checkbox"]:checked:focus + label:before, [type="checkbox"]:not(:checked):focus + label:before {border: 1px solid #95C11F;}


/* Radio */
/* Cachons la case à cocher */ 
[type="radio"]:not(:checked), [type="radio"]:checked {position: absolute;left: -9999px;}
/* on prépare le label */ 
[type="radio"]:not(:checked) + label, [type="radio"]:checked + label {
	position: relative; /* permet de positionner les pseudo-éléments */ 
	padding-left: 25px !important; /* fait un peu d'espace pour notre case à venir */ 
	cursor: pointer; /* affiche un curseur adapté */ 
	margin-left: 0!important;
}
/* Aspect des checkboxes */
/* :before sert à créer la case à cocher */
[type="radio"]:not(:checked) + label:before, [type="radio"]:checked + label:before {
	content: '';position: 
	absolute; left:0; top: 2px; 
	width: 17px; height: 17px; 
	border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; /* dim. de la case */
	background-color: #ffffff;
  border: 1px solid #878786;
}
/* Aspect général de la coche */ 
[type="radio"]:not(:checked) + label:after, [type="radio"]:checked + label:after {
	content: '';
	position: absolute; top: 6px; left: 4px; 
	width: 9px; height: 9px; 
	border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; 
	background-color: #95C11F;transition: all .2s; /* on prévoit une animation */
}
/* Aspect si "pas cochée" */ 
[type="radio"]:not(:checked) + label:after {
	opacity: 0; /* coche invisible */ 
	transform: scale(0); /* mise à l'échelle à 0 */
}
/* Aspect si "cochée" */ 
[type="radio"]:checked + label:after { 
	opacity: 1; /* coche opaque */ 
	transform: scale(1); /* mise à l'échelle 1:1 */
}
/* aspect désactivée */ 
[type="radio"]:disabled:not(:checked) + label:before, [type="radio"]:disabled:checked + label:before { 
	box-shadow: none; 
	border-color: #ddd; 
	background-color: #ddd;
}
/* styles de la coche (si cochée/désactivée) */ 
[type="radio"]:disabled:checked + label:after {color: #ddd;}
/* on style aussi le label quand désactivé */ 
[type="radio"]:disabled + label {color: #ddd;} 
/* aspect au focus de l'élément */ 
[type="radio"]:checked:focus + label:before, [type="radio"]:not(:checked):focus + label:before, 
[type="radio"]:checked + label:before {border: 1px solid #878786;}


input[type="file"] {border: none; line-height: normal;}

.gform_wrapper ul.gform_fields li.gfield.candidature-attachment > div.ginput_container_fileupload {
  padding-bottom: 25px;
}

.gform_wrapper ul.gform_fields li.gfield.candidature-attachment > div.gfield_description {
  padding-top: 0;
  margin-top: -65px;
  margin-left: 360px;
  color: #878786;
  padding-bottom: 25px;
}

.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description {
    width: auto;
}

.gform_wrapper li.gfield.candidature-attachment.gfield_error.gfield_contains_required div.validation_message {
  margin-top: -20px !important;
}

.gform_wrapper ul.gfield_radio li {
  display: inline-block;
  margin-right: 30px;  
}

 /* reglages */
.gfield_checkbox li label, .gfield_radio li label {font-weight: 400;}
ul.gfield_checkbox li input[type=checkbox], ul.gfield_radio li input[type=radio] {height: 20px !important;}

/* Fix to show hidden checkboxes by ID */
#field_2_8, #field_3_6, #field_4_6, #field_1_5 {
  display: list-item !important;
  max-height: none !important;
}

/* Styliser le checkbox sur la page de connexion*/
input#rememberme {border: 1px solid #878786; position: static; width: 17px; height: 17px; padding: 0; color: #95C11F; margin-left: 0; }

input[type="checkbox"]:checked::before {
  color: #95c11F;
  font-size: 14px;
  content: '✔'; 
  position: absolute;
  transition: all .2s; /* on prévoit une animation */
  margin: -14px 0 0 2px;
}

input#rememberme:focus {border-color: #95C11F;}

a.limit-text {color: #414042}


/* Erreur formulaire */
.gform_wrapper div.validation_error {color: #d83b3b!important; font-size: 1em!important; font-weight: 700!important; border:0!important; padding: 60px!important; clear: both!important; width: 100%!important; background: #ffe8e8!important; text-align: center!important; line-height: 1.80em!important; margin: 30px 0!important;}
.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {background: none!important; padding: 25px!important; border: 1px solid #d83b3b!important;}
.gform_wrapper .gfield_error .gfield_label {color: #d83b3b!important;}
.gform_wrapper .validation_message {color: #d83b3b!important;}

.gform_wrapper .gform_footer {
    display: flex;
    flex-flow: column;
    align-items: center;
}

.gform_wrapper .gf_hidden, .gform_wrapper .gform_hidden, .gform_wrapper input.gform_hidden, .gform_wrapper input[type=hidden] {
    display: block;
    max-height: none;
    overflow: visible;
}


#gform_confirmation_message_2 {text-align: center;}

/************************************************/
/* 7= TABLES                                    */
/************************************************/
table {width:100%; margin:15px 0; text-align: left; border-top:solid 1px #E2E3E4}
tr, thead tr {border-bottom:solid 1px #E2E3E4}
/*tr:last-child {border-bottom:none;}*/
/*thead tr:last-child {border-bottom:solid 1px #000000}*/
/*td, th {padding:15px; border-right:solid 1px #000000;}*/
td:last-child, th:last-child {border-right:none}


/************************************************/
/* 8= MEDIAS                                    */
/************************************************/

/* Images */
img {}
figure {margin:0; line-height:0; overflow:hidden;}
a img {border:0;}   
.wp-caption {max-width:100%; margin-top: 15px;}
.wp-caption-text { font-size:0.875em; margin:0;}
.alignleft {float:left; margin:0;}
.alignright {float:right; margin:0;}
.aligncenter {display:block; margin:0;}

/* Vidéos */
.wp-video {margin:30px 0;}
.video-container {position: relative; height: 0; margin-bottom: 30px; padding-top: 25px; padding-bottom: 56.25%; /* 16:9 */}
.video-container iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.youtube-container {position: relative; height: 0; margin-bottom: 30px; padding-top: 25px; padding-bottom: 56.25%; /* 16:9 */}
.youtube-container iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

/* Gallery WordPress */
.gallery .gallery-item {position:relative; overflow:hidden; margin:0!important;}
.gallery .gallery-item .gallery-icon {line-height:0;}
.gallery .gallery-item .gallery-icon img {width:100%; border:0!important;}
.gallery-columns-2 .gallery-item {width:48% !important; margin-left:2% !important}
.gallery-columns-2 .gallery-item:first-child {margin-left: 0 !important;}
.gallery-columns-3 .gallery-item {width:32% !important; margin-left:2% !important}
.gallery-columns-3 .gallery-item:first-child {margin-left: 0 !important;}
.gallery-columns-4 .gallery-item {width:23.5% !important; margin-left:2% !important}
.gallery-columns-4 .gallery-item:first-child {margin-left: 0 !important;}
.gallery-columns-5 .gallery-item {width:18.4% !important; margin-left:2% !important}
.gallery-columns-5 .gallery-item:first-child {margin-left: 0 !important;}
.gallery-columns-6 .gallery-item {width:15% !important; margin-left:2% !important}
.gallery-columns-6 .gallery-item:first-child {margin-left: 0 !important;}

                      
/************************************************/
/* 9= TYPOGRAPHY                               */
/************************************************/

/* Font size (Sur la base de 16 px) */
.size-12, small {font-size:0.75em;}
.size-14 {font-size:0.875em;}
.size-16 {font-size:1em;}
.size-20 {font-size:1.25em;}
.size-24 {font-size:1.50em;}
.size-28 {font-size:1.75em;}
.size-32 {font-size:2em;}
.size-36 {font-size:2.25em;}
.size-40 {font-size:2.50em;}
.size-44 {font-size:2.75em;}

/* Titres */
h1, h2, h3, h4, h5, h6 {margin:20px 0 20px 0;}

h1, h2, h3, h4, h5,
.h1, .h2, .h3, .h4, .h5 {
	font-family: proxima-nova, sans-serif;
	font-weight: 800;
	font-style: normal;
	color: #414042;
}

h1 {
	font-size:2.50em; 
	margin-top: 0;
}

h2 {
	font-size:2em; 
}

h3 {
	font-size:1.75em;	
}

h4 {
	font-size:1.50em;	
}

h5, .h5 {
	font-size:1.25em;	
}

h6 {
	font-family: proxima-nova, sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size:1em;
	line-height: 1.50em;
	color: #95C11F;
	text-transform: uppercase;
}

h1.no-margin, h2.no-margin, h3.no-margin, h4.no-margin, h5.no-margin, h6.no-margin {margin-top:0;}

/* Alignement */
.text-left {text-align:left;}
.text-center {text-align:center;}
.text-right {text-align:right;}

/* Liens */
a, button {
	font-family: proxima-nova, sans-serif;
	font-weight: 700;
	font-style: normal;
	text-decoration:none; 
	color: #95C11F;
} 

a.arrow {text-transform: uppercase;}

a.arrow::after /*button::after*/ {
	content: "\ea3c";
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	margin-left: 10px;
	font-size: 16px;
}

a.arrow:hover::after{
  transform: translateX(1);
  transition: transform 0.5s ease;
}

a.underline {
  position : relative;
  padding-bottom: 5px;
  
}

a.underline::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 2px;
  background-color: #95c11f;
  transform-origin: bottom right;
  transform: scaleX(0);
  transition: transform 0.5s ease;
}

a.underline:hover::before {
  transform-origin: bottom left;
  transform: scaleX(1);
}

/* Mise en forme de texte */
.title-section {display:block; font-size:2em; font-weight: 800; padding-bottom: 40px;}

p, dl, #contenu-page li {
	font-family: proxima-nova, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 1em;
	line-height: 1.75;
	color: #414042;
}   

strong, b, .strong {font-weight: 800;}
.regular {font-weight: 400;}
.thin {font-weight: 300;}  
.normal {font-style:normal;}
/* .large {font-size: 1.125em;} */
em, italic, .em {font-style:oblique;} 
.uppercase {text-transform:uppercase;}
.lowercase {text-transform:none;}
hr {width: 66.66%; height: 2px; background-color: #E2E3E4; text-align: center; margin: 20px auto; border: none;}
mark {background-color:yellow}

.info {font-size:0.875em; text-transform: uppercase; margin-top: 5px; margin-bottom: 5px; }
.numbers{font-size: 68px; }
.title {font-size:1.25em; font-weight: 800;}
.title a {font-weight: 800; color: #414042; text-transform: none;}
.summary {font-size: 1.125em;}


/* Blockquote */
blockquote {padding:0 30px; position: relative; color:#000000; border-left:solid 2px #95C11F; margin:0}

/* Listes */      
ul, ol {margin:15px 0; padding:0 4em; line-height: 1.75; padding-left: 35px;}
ul {list-style: none;}

ul li::before {
  content: "\2022";
  color: #95C11F; /* custom colored bullets for all regular lists */
  font-weight: bold;
  display: inline-block; 
  width: 1em;
  margin-left: -1em;
}

ul.offer-info li::before, ul.taxonomy-list li::before, ul.filter-category-list li::before, ul.map-legend li::before, ul.wp-block-gallery li::before, .gform_wrapper li::before, ul.slick-dots li::before {content: none;} /* remove colored bullets for special lists */

li {padding:0;}
li p, li ul, li ol { margin-top: 0; margin-bottom: 0; }
ul.reset, ol.reset, .reset ul, .reset ol {margin:0; padding:0; list-style:none; list-style-image:none;}
.reset li {padding:0;}

ol.large-numbers

/************************************************/
/* 10= BOX INFOS                                */
/************************************************/

.box-info {width:100%; margin:0px 0 20px; padding:15px; text-align:center; border:1px solid #ddd;  font-weight:700;}
.box-info p {color:#5a5a5a;}
.box-info.info {color:#5a5a5a; background-color:#efefef; border-color:#5a5a5a;}
.box-info.alert {color:#007eb4; background-color:#e2f2f8; border-color:#007eb4;}
.box-info.error {color:#007eb4; background-color:#e2f2f8; border-color:#007eb4;}
.box-info.succes {color:#007eb4; background-color:#e2f2f8; border-color:#007eb4;}        

/************************************************/
/* 11= COLORS                                   */
/************************************************/

/* Colors */  
.white {color:#ffffff;}
.light {color:#f8f8f8;}
.dark {color:#414042;}
.green {color:#95C11F;}
.grey {color:#878786;}
/*.black {color:#000000;}*/
.fill-white {fill:#ffffff;} /* colour svg */

/* Background */
.bg-white {background-color:#ffffff;}  
.bg-light {background-color:#f8f8f8;}
.bg-dark {background-color:#414042;}
.bg-green {background-color:#95C11F;}

.bg-split {
  background-color: #F8F8F8;
  background-image: linear-gradient(to right, #95C11F 25%, #F8F8F8 25%);
  background-image: -ms-linear-gradient(to right, #95C11F 25%, #F8F8F8 25%);
  background-image: -moz-linear-gradient(to right, #95C11F 25%, #F8F8F8 25%);
  background-image: -o-linear-gradient(to right, #95C11F 25%, #F8F8F8 25%);
}
.bg-dark-offset {
  background-image: linear-gradient(to right, #ffffff 33%, #414042 33%);
  background-image: -ms-linear-gradient(to right, #ffffff 33%, #414042 33%);
  background-image: -moz-linear-gradient(to right, #ffffff 33%, #414042 33%);
  background-image: -o-linear-gradient(to right, #ffffff 33%, #414042 33%);
}
.bg-light-offset {
  background-image: linear-gradient(to right, #FFFFFF 50%, #F8F8F8 50%);
  background-image: -ms-linear-gradient(to right, #FFFFFF 50%, #F8F8F8 50%);
  background-image: -moz-linear-gradient(to right, #FFFFFF 50%, #F8F8F8 50%);
  background-image: -o-linear-gradient(to right, #FFFFFF 50%, #F8F8F8 50%);
}
.bg-light-offset-border {
  position: relative;
  background-image: linear-gradient(to right, #FFFFFF 50%, #F8F8F8 50%);
  background-image: -ms-linear-gradient(to right, #FFFFFF 50%, #F8F8F8 50%);
  background-image: -moz-linear-gradient(to right, #FFFFFF 50%, #F8F8F8 50%);
  background-image: -o-linear-gradient(to right, #FFFFFF 50%, #F8F8F8 50%);
}

.bg-light-offset-border::before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  height: 1px;
  width: 50%;
  border-top: 2px solid #95C11F;
}

/************************************************/
/* 12= EFFECTS                                  */
/************************************************/

/* Box shadow */
.box-shadow {-webkit-box-shadow: 0 22px 90px 0 rgba(0,0,0,0.15); box-shadow: 0 22px 90px 0 rgba(0,0,0,0.15);}

/* Box radius */
.border-radius {-webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px;}

/* Sélection */
::-moz-selection { background: #414042; color: #fff; }
::selection { background: #414042; color: #fff; }

/************************************************/
/* 13= SLICK                                    */
/************************************************/
/* à décommenter si vous utilisez */
.slick-list,.slick-slider,.slick-track{position:relative;display:block}
.slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden}
.slick-slider{-moz-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{top:0;left:0}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-slide{display:none;float:left;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}
.multiple-item .slick-dots {bottom:-50px;}
.slick-dots {display: block; list-style: outside none none; padding: 0; width: 100%; text-align:center; margin:30px auto 0;}
.slick-dots li {cursor: pointer; display: inline-block; height: 20px; margin: 0 5px; padding: 0;position: relative; width: 20px; background-color: #878786; -webkit-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px;}
.slick-dots li:hover {background-color:#414042}
.slick-dots li.slick-active {background-color:#414042}
.slick-dots li.slick-active button { cursor:normal}
.slick-dots li button {background: transparent none repeat scroll 0 0;border: 0 none; cursor: pointer; display: block; height: 20px; line-height: 0; outline: medium none; width: 20px; color:#ea3e2d; font-size:0 !important;}
.single-item-container .slick-slide img {height:480px; max-width:1920px;}
.slick-slide img {max-height: 60px; margin: 0 auto; }

/************************************************/
/* 14= HEADER                                   */
/************************************************/

#top-page {
	background-color: #f8f8f8;
	text-align: right;
	color: #fff;
	height: 40px;
}

#header{
	border-bottom: 2px solid #F0F1F1;
}

.header-logo, .header-nav {
	display: inline-block;
	vertical-align: middle;
}

.logo-ocelorn {
	width: 250px;
	margin: 25px 10px;
}

a.header-connect {
	background-color: #95C11F;
    color: #fff;
    font-size: 14px;
    text-align: center;
    line-height: 40px;
    padding: 12px 20px;
    text-transform: none;
}


/************************************************/
/* 15= NAVIGATION                               */
/************************************************/

#navigation ul li::before, ul#menu-footer-menu li::before {content: none;} /* remove custom colored bullets for navigation lists */

/* Breadcrumbs */
#breadcrumbs {font-size:0.75em; font-weight:400; color:#878786; margin-top: 20px; margin-bottom: 30px;}
#breadcrumbs a {color:#878786; font-weight:700; text-transform: none;}

/* Menu principal */
.close-menu-responsive {display:none;}
#navigation {
	font-size:1em; 
	text-align: center;
	overflow: hidden;
}

.menu-menu-principal-container {content: ''; display: inline-block; height: 100%; vertical-align: middle;}
#navigation ul a {display: inline-block; vertical-align: middle;}
#navigation ul a:hover, #navigation ul > li.current-menu-item a, #navigation ul > li.current-menu-parent a {color: #95C11F; border-bottom: 2px solid #95C11F;}
#navigation ul > li {display:inline-table; padding:0; }

#navigation ul > li a {
	position:relative; 
	font-size: 1em; 
	color: #414042; 
	padding: 38px 9px;
	border-bottom: 2px solid transparent;
	text-transform: none;
}

#navigation ul > li#menu-item-306 a { color: #95C11F; }

.menu-image-title {line-height:16px; display:block; padding-top:15px;}
#navigation ul li > .sub-menu {display: none; background-color:#95C11F; z-index:2; position:absolute; padding:10px 20px 20px 10px; min-width: 225px;-webkit-box-shadow: 0 22px 90px 0 rgba(0,0,0,0.15); box-shadow: 0 22px 90px 0 rgba(0,0,0,0.15);}
#navigation ul li:hover > .sub-menu {display:block;}
#navigation ul li > .sub-menu li {display:block; margin:10px}
#navigation ul li > .sub-menu .menu-image-title {padding-top:0; margin-bottom: 10px;}
.menu-item a.menu-image-title-before.menu-image-not-hovered img, .menu-item a.menu-image-hovered.menu-image-title-before .menu-image-hover-wrapper {padding-left:0}
#navigation ul li > .sub-menu li a {display:block; line-height:24px; text-align:left; padding:0; font-weight:700; color: #fff;}
#navigation ul li > .sub-menu li a:hover, #navigation ul li > .sub-menu li a:active {color: #414042;}
#navigation ul > li.current-menu-item.current_page_item a {color: #414042;}
#navigation ul > li a:hover:after, #navigation ul > li.current_page_item a:after {opacity: 1; transform: translate3d(-0px, 0px, 0px);}


/* Pagination */
#pagination {padding-top: 10px;}
.pagination {text-align:center;}
.pagination a, .pagination span {
  margin-left: 2px; 
  margin-right: 2px; 
  text-transform: uppercase; 
  font-size: 0.875em;
  font-weight: 700; 
  color: #95C11F;
  height: 30px;
  width: 30px;  
  border-radius: 50%;
  display: inline-block;
  line-height: 30px;
}
.pagination a:first-child, .pagination span:first-child {margin-left: 0px;}
.pagination-arrow {margin-left: -2px !important;}


span.page-numbers.current {border: 2px solid #95C11F;}

.pagination a {
    border: 2px solid transparent;
}

.pagination a:hover {
    border: 2px solid #95C11F;
}



/************************************************/
/* 16= FOOTER                                   */
/************************************************/

/* Footer menu and links */
ul#menu-footer-menu a {color: #fff; text-transform: none; position: relative; padding-bottom: 5px; line-height: 2;}
.rs-item a {position: relative; padding-bottom: 5px;}

ul#menu-footer-menu a::before, .rs-item a::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 2px;
  background-color: #fff;
  transform-origin: bottom right;
  transform: scaleX(0);
  transition: transform 0.5s ease;
}

ul#menu-footer-menu a:hover::before,  .rs-item a:hover::before{
  transform-origin: bottom left;
  transform: scaleX(1);
}

/* rassurance */
.rassurance-container {text-align:left;}
.reset .rassurance-item {display:inline-block; width:20%; padding:0 10px;}
.rassurance-texte p {line-height:20px; color:#ffffff}

/* footer */
#footer p {color: #878786;}
.copyright-logo img {display:block; margin:0 0 45px 0;}
.rs-container {text-align:left;}
.rs-item {display:inline-block; font-size:1.5em; line-height:0; width:40px; height:40px; padding-top:6px; margin:0 5px;}
.rs-item a {color:#ffffff;}
.copyright {font-weight:400; display:block; text-align:left; line-height:20px; color: #ffffff;}

.copyright a {color: #ffffff; font-weight:400; text-transform: none; }
.copyright a:hover {color: #95c11f; }


.return-top {position:fixed; bottom:30px; right:30px; display:none; z-index:90}
.return-top.visible {display:block;}
.return-top {line-height:0; font-size: 1.5em; color: #000000; text-align: center; padding-top:6px;}


/************************************************/
/* 17= CONTENTS                                 */
/************************************************/ 

/* Content top */ 

/* Content taxonomy */
.container-taxonomy a {z-index:40; text-transform: uppercase; font-size: 0.875em;}
.bg-taxonomy {position:relative; color:#95c11f; font-weight: 400; margin-bottom: 10px; z-index: 1; }

.bg-taxonomy:hover {color: #fff;}

.bg-taxonomy::before {
  content: '';
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: -0.25em;
  right: -0.25em;
  background-color: #95C11F;
  transform-origin: center right;
  transform: scaleX(0);
  transition: transform 0.2s ease-in-out;
}

.bg-taxonomy:hover::before {
  transform: scaleX(1);
  transform-origin: center left;
}

p.info > a span.bg-taxonomy {margin-left: 10px; margin-right: 10px;}
ul.taxonomy-list {margin: 30px 10px;}
ul.taxonomy-list li, ul.taxonomy-list li ul li {display: inline-flex; margin-right: 20px;}
ul.taxonomy-list li a {font-size: 1.125em; font-weight: 800; color: #95C11F; background-color: transparent; padding: 15px; text-transform: uppercase; margin-right: 20px; border: 2px solid #95C11F;}
ul.taxonomy-list li.current-cat a, ul.taxonomy-list li a:hover {color: #fff; background-color: #95C11F; }

/* Content share */
#content-share {margin-top: 30px;}
.social-likes__button {-webkit-border-radius: 5px 5px 5px 5px;border-radius: 5px 5px 5px 5px; color:#5a5a5a; font-size:0.625em; text-transform: uppercase; font-weight:400; cursor:pointer; padding:5px 10px 5px 10px; position: relative; border:solid 1px #5a5a5a; display:block; margin-bottom: 10px; text-align:center;}



/************************************************/
/* 18= LOOPS                                    */
/************************************************/ 

/* Loop Post */  
.post-text-container {width: 80%; margin: -50px auto 0; padding-bottom: 40px; text-align:left}
.post-text {background-color:#fff; padding: 40px; position: relative; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out;}
.loop-text h2 {margin: 5px 0; text-align:left;}
.loop-text .date {display:block; font-size:0.875em; text-transform: uppercase;}
.post-btn-container {margin-top:40px}
/* .loop-post-image {position:relative;} */
.loop-post .loop-post-text {margin-top: -80px; margin-left: 10%; width: 90%; padding-bottom: 20px; max-width: 370px;}

/* Loop post offre */
.loop-post-offer-text .loop-text {padding-top: 10px;}
.loop-post-offer-text .loop-text .title {margin: 5px 0;}


/* Loop post mini */
.loop-post-mini h2 {font-size:0.875em}

/* .pagination-archive {height: 30px;} */

/************************************************/
/* 19= ARCHIVE                                  */
/************************************************/ 
/* Content Archive sidebar */
.last-post .loop-post .container-taxonomy {display:none;}


/************************************************/
/* 19= SINGLE                                   */
/************************************************/ 


/* Content nomenclature */
#nomenclature {position: relative; font-size: 0.875em; }
.tab-selector li {float: left; margin-left: 10px;}
.tab-selector li:first-child {margin-left: 0;}
.tab-selector a {display: block; font-weight: 700; text-transform:uppercase; padding:20px 20px 22px 20px;}
.tab-selector a span {position:relative; padding-left:30px;}
.tab-selector .tab-comments-toggle:before {content:'';}
.tab-selector .tab-post-meta-toggle:before {content:'';}
.tab-selector .tab-author-meta-toggle:before {content:'';}
.tab-selector .active {background: #efefef;}
.post-meta-tabs {padding:100px 0 40px;}
.post-meta-tabs .tab {display: none;}
.post-meta-tabs .tab-comments {display: block;}
.tab-post-meta { position: relative; }
.tab-post-meta .post-nav { width: 52.5%; }
.tab-post-meta .post-nav a { display: block; color:#303030; }
/* aside.post-nav > .row-min {border-top: 2px solid #E2E3E4;} */
.post-nav h2 {margin:0;}
.post-nav-prev {margin-bottom: 30px;}
a.post-nav-prev, a.post-nav-next {text-transform: uppercase;}
.tab-post-meta .post-nav p {font-weight: 700; margin:0; font-size:0.875em; color:#888888;}
.tab-post-meta .post-nav h4 {font-size: 1.1em;line-height: 120%;font-weight: 700;margin-top: 5px;color: #444;word-break: break-word;	-ms-word-break: break-word;}
.tab-post-meta .post-nav a:hover h4 {color: #ca2017;}
/* comment item */
#commentlist {margin-top:30px; padding:0; list-style-type:none; list-style-image: none; }
#commentlist .comment-avatar, #commentlist .comment-speech {float:left;}
#commentlist .comment-speech {position:relative; background-color: #fff; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; padding:25px 30px; margin-bottom: 30px; float:left;}
#commentlist .comment-speech:after {right: 100%;top: 40px;border: solid transparent;content: " ";height: 0;	width: 0;position: absolute;pointer-events: none;border-color: rgba(255, 255, 255, 0);border-right-color: #FFFFFF;border-width: 10px;margin-top: -10px;}
#commentlist .comment-avatar img {-webkit-border-radius: 40px 40px 40px 40px; border-radius: 40px 40px 40px 40px; display:block; margin:0 auto;}
#commentlist .reply a {color:#888888; text-transform: uppercase; font-size:0.875em; font-weight:700;}
#commentlist .comment-content, .comment-awaiting-moderation {margin:20px 0; font-style:italic; font-family: 'Merriweather', sans-serif}
#commentlist .children {padding:0 0 0 2em; list-style-type:none; list-style-image: none; }
#reply-title {margin-bottom: 0; margin-top: 0;}
.comment-form-comment {margin-top:30px;}
p.comment-form-author, p.comment-form-email { width: 47.5%; float: left; margin: 0 0 30px; }
p.comment-form-author { margin-right: 5%; }
/* post info items */
.post-info-items { width: 37.5%; }
.post-info-items li {font-size:0.875em;}
.post-info-items li span {text-transform: uppercase; }
.post-info-items li + li {margin-top: 12px;border-top: 1px solid #ddd;padding-top: 12px;}

/* Tab author meta --------------------------------------- */
.tab-author-meta { position: relative; }
.tab-author-meta .avatar {display: block; width: 150px;height: auto;	padding: 8px;
	background: #fff;border-radius: 999px;position: absolute;top: 0;left: 0;}
.author-meta-inner {margin-left: 180px;	min-height: 150px;}
.author-name {font-size: 1.4em;	font-weight: 700;}
.author-position {margin: 8px 0 20px;}
.author-description {color: #555; line-height: 150%;}
/* author content */
.content-by {font-size: 0.875em; font-weight: 700;text-transform: uppercase;	margin-bottom: 15px;}
.author-content li {border-bottom: 1px solid #cccccc;position: relative;}
.author-content li:first-child { border-top: 1px solid #cccccc; }
.author-content a { display: block; padding: 20px 0 20px 65px;}
.author-content .post-icon { width: 50px;height: 50px; border-radius: 999px; position: absolute;	left: 0;top: 50%;margin-top: -25px;}
.author-content .post-icon img {border-radius: 999px;}
.author-content .post-icon .genericon {font-size: 32px;	height: 32px;	width: 32px;color: #fff;position: absolute;	top: 50%;left: 50%;	margin-top: -16px;margin-left: -16px;}
.author-content .title {display: inline-block;font-weight: 700;	line-height: 120%;color: #444;}
.author-content .meta, .author-content .excerpt {font-size: 0.9em; line-height: 140%; color: #999;margin-top: 3px;	}
.author-content a:hover .post-icon img {opacity: 0.75;-moz-opacity: 0.75;-webkit-opacity: 0.75;} 

.legend {font-size:0.75em; font-weight:700; color:#a8aeb5;}
.post-link { display: flex; align-items: center; }


/*     SINGLE OFFRE ******************************/
.offer-info-bar { 
  padding-top: 15px;
  padding-bottom: 15px;}

ul.offer-info {margin: 0; display: flex; justify-content: space-between;}

ul.offer-info li {
	padding: 15px;
  list-style-type: none;
  display: inline-block;
}


/************************************************/
/* 20= PAGE TEMPLATES                           */
/************************************************/ 

/* Repeated Elements */
#content-top-home, .content-top-banner{
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden;  
  height: 460px;  
}

.row-text-top{
  width: 100%;
}

.text-top-banner-home, .text-top-banner {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: calc(100vh - 9.375em); 
/*     min-height: calc(100vh - 9.375em);   */
  margin-left: 7%;
}

.text-top-banner {
  
}

#image-top-banner {
/*   position: absolute; */
  z-index: 0;
  height: 460px;
}

.image-top-bg, .image-top-bg-home  {
  position: absolute;
  right: 0;
  width: 75%;
  background-size: cover;
  background-position: center center;
  height: 460px;
}

#image-top-banner-home{
  position: absolute;
  z-index: 0;
  right: 0;
  width: 75%;
  background-size: cover;
  background-position: center center;
  height: 460px;
}

.dashed-line {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to right, #95c11f 50%, #fff 50%);
    background-size: 20px 100%;
}

#content-top{
  background-image: url('/wp-content/uploads/2019/11/bg-pattern-dashed-page.svg');
  background-position: top 0 left 4%;
  background-repeat: no-repeat;  
}

.text-box {min-height: 280px;}

.image-top-bg::before  {
    content: "";
    position: absolute;
    top: 370px;
    left: -50px;
    width: 50px;
    height: 50px;
    background-color: #95C11F;
}

.content-top-breadcrumbs {padding-left: 25%;}

.page-simple-content {padding-bottom: 75px;}

/* HOME */

#content-top-home {
  background-image: url('/wp-content/uploads/2019/11/bg-pattern-dashed-home.svg');
  background-position: top 0 left 3%;
  background-repeat: no-repeat;
}


.background-offset { 
  position: relative;
  align-items: center;
  overflow: hidden;  
  height: 400px;  
}

.image-offset {
  position: absolute;
  z-index: 0;
  background-size: cover;
  background-position: center center;
  height: 350px;
  top: 0;
}

.text-box-offset {
    position: relative;
    z-index: 1;
}

#content-mission{
	background-color: #95C11F;
	padding-left: 25%;
	float: left;
	width: 100%;
}

.block-mission p {
  font-size: 1.25em;
  font-weight: 800;
  line-height: normal;
}

.block-mission{
	padding-top: 40px;
	padding-bottom: 20px;
	text-align: center;
	text-transform: uppercase;
	margin-left: auto;
	margin-right: auto;
}

.icon-mission {
	height: 100px;
	padding-bottom: 10px;
}

#content-key-figures{
	padding-bottom:25px;
}

#content-key-figures p {
	text-align: center;
	font-size: 1.25em;
	font-weight: 800;
	text-transform: uppercase;
	margin-bottom: 32px;
  line-height: 1.35;
}

#content-contact{
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.company-logo {height: 60px;}
.logo-partner {max-height: 60px;}

/* SIMPLE PAGE */

.list-item-adherent {
  display: inline-block;
  vertical-align: top;
}

.map-list-adherents {margin-bottom: 5px;}

ul.map-legend {
  padding-left: 0;
  padding-right: 0;
}

.map-marker-key{
  height: 20px;
  width: 20px;
  border: 1px solid #000;
  border-radius: 50%;
  display: inline-block;
  margin-right: 10px;
  line-height: 20px;
}

/* REJOIGNEZ-NOUS */
.block-offer {
	display: flex;
  margin-bottom: 30px;	
}

.offer-summary > p {font-size: 1.125em;}
.job-overview {display: flex;}

/* RH */

#rh-bookmarks {
  padding: 0;
}

#rh-bookmarks a {
  float: left;
  padding: 25px;
  color: #878786;
  text-decoration: none;
  font-size: 1.0625em;
  width: 50%; /* Two links of equal widths */
  text-align: center;
  border-bottom: 2px solid #f8f8f8;
  text-transform: uppercase;
  background-color: #f8f8f8;
}

#rh-bookmarks a:hover {
  border-bottom: 2px solid #95C11F;
  color: #414042;
}

#rh-bookmarks a.active {
  border-bottom: 2px solid #95C11F;
  color: #414042;
}

.doc-icon.title {margin-left: 20px;}
.doc-icon:before {
  font-family: 'icomoon';
  content: "\e924";
  margin-right: 10px;
  color: #95C11F;
}

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999;
}

.sticky + #content-documents {
  padding-top: 70px;
}

.sticky + #rh-form {
  padding-top: 185px;
}

.accordion{
    overflow: hidden;
    transition: height 0.3s ease;
    height: 70px;
    border-bottom: 2px solid #f8f8f8;
}

.accordion .accordion_tab{
  cursor: pointer;
  user-select: none;
  position: relative;
}

.accordion .accordion_tab h3 {
  font-size: 1.5em;
  line-height: 70px;
  margin: 0 20px;
}

.accordion .accordion_tab .accordion_arrow{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
  width: 15px;
  height: 15px;
  transition: all 0.3s ease;
}

.accordion .accordion_tab .accordion_arrow img{
  width: 100%;
  height: 100%;
}

.accordion .accordion_tab.active .accordion_arrow{
  transform: translateY(-50%) rotate(180deg);
}

.accordion.active{
  height: auto;
}

.accordion .accordion_content{
  padding: 10px;
}

.accordion .accordion_content .accordion_item{
  margin-bottom: 20px;
}

#list-document-items tr:last-child {
  border-bottom: none;
}

/* MISSIONS */
.block-accent-text {padding: 50px;}
.mission-title {margin-top: 70px;}


/* Contact */
.contact-address a {color: #414042;}

/* Connexion */
.error {    
  text-align: center;
  padding: 30px;
  width: 33%;
  margin: 30px auto 0 auto;
  color: #ffffff;
  font-weight: 700;
  background-color: #e30513;
}


/* Gutenberg */
.wp-block-pullquote cite {color: #878786;}

.wp-block-button__link {-webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; background-color: #95C11F; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; padding:16px 24px; color:#fff; font-weight:700; line-height:24px; text-align:center; -webkit-appearance: none; cursor:pointer; border: 2px solid #95C11F; display: inline-block; margin: 20px; text-transform: uppercase;}
.wp-block-button__link:hover {background-color: #fff; color:#95C11F}

.wp-block-cover, .wp-block-cover-image {background-color: #1F1F20;}

.wp-block-gallery-80 {width: 80%; margin-left: auto; margin-right: auto;}
.gallery-size-full {padding-top: 30px; padding-bottom: 30px;}

.wp-block-image figcaption {
  color: #878786;
  padding-top: 10px;
  text-align: left;
}

.wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption {
    line-height: 15px;
}

/*---------------------
  IE 11 grid fix for text media blocks */
.wp-block-media-text {
	display: -ms-grid;
	-ms-grid-columns: auto;
}

/* default media on the left */
.wp-block-media-text .wp-block-media-text__media {
	-ms-grid-column: 1;
}
.wp-block-media-text .wp-block-media-text__content {
	-ms-grid-column: 2;
}

/* media on the right */
.wp-block-media-text.has-media-on-the-right .wp-block-media-text__media {
	-ms-grid-column: 2;
}
.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
	-ms-grid-column: 1;
}

/************************************************/
/* 21= COOKIE CHOICE                            */
/************************************************/ 
#cookieChoiceInfo {position:fixed; bottom:0; left:0; width:100%; background-color: #414042; background-size: 200% auto; text-align:center; color:#fff; font-size:0.875em; padding:20px; z-index:9000}
#cookieChoiceInfo span {display:block; margin-bottom:5px}
#cookieChoiceInfo a {font-weight:700; color:#fff;}
#cookieChoiceInfo #cookieChoiceDismiss {-webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; background-color: #95C11F; background-size: 200% auto; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out; flex: 1 1 auto; padding:2px 10px; color:#fff; font-weight:700; line-height:24px; text-align:center;}
#cookieChoiceInfo #cookieChoiceDismiss:hover {background-color: #fff; background-position: right center; color:#95C11F;}

/************************************************/
/* 22= 404                                      */
/************************************************/ 

/************************************************/
/* 23= COMPATIBILITY                            */
/************************************************/
  
/* IE9 */

/* IE8 */ 

/************************************************/
/* 24= RESPONSIVE                               */
/************************************************/ 


@media (min-width: 1200px) {
  #navigation ul > li a {
    padding: 38px 17px;
  }
  
} 

@media (max-width: 992px) { 
	.desktop-hidden {display:block;}
	.tablet-hidden {display:none;}
  /* menu responsive */
  .bars {display: block; width: 33px; height: 2px; margin-bottom: 6px; position: relative;  background: #878786; border-radius: 3px;  z-index: 1;  transform-origin: 4px 0px;  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0), background 0.5s cubic-bezier(0.77,0.2,0.05,1.0), opacity 0.55s ease; z-index:10001}
  .bars:first-child {transform-origin: 0% 0%;}
  .bars:nth-last-child(2) {transform-origin: 0% 100%;}
  .btn-responsive-active .bars { opacity: 1; transform: rotate(45deg) translate(-2px, -1px); background: #878786; }
  .btn-responsive-active .bars:nth-last-child(3) {opacity: 0; transform: rotate(0deg) scale(0.2, 0.2);}
  .btn-responsive-active .bars:nth-last-child(2) {transform:rotate(-45deg) translate(-19px, 18px);}
  .header-responsive {position: fixed; left: -100%; top: 0; z-index: 10000; display: block; width: 100%;  padding: 10%; background: #fff; height: calc(100vh); transition: left 0.5s ease-in-out; margin-left: 0 !important; float:left; overflow-y:scroll}
  .header-responsive-open {display: block; position: fixed; top: 0; left: 0;}
	.header-right-item .btn {padding:0; color:#201e21; background-size:none; -webkit-border-radius: 0 0 0 0; border-radius: 0 0 0 0; font-weight:400; background-color:#fff;}
	.header-right-item .btn:hover {background-image: none; background-position: none; }
  #navigation {margin-top: 40px; text-align:left;}
	#navigation ul > li a::after {content:none; border-bottom: none;}
	#header .icon-menu {font-size:3em; display:block; text-align:center; line-height:42px}
  .menu-close {position:absolute; right:10%; top:10%; cursor:pointer; font-size:2em; z-index:10; height:40px; width:40px; text-align:center;}
  .header-phone-responsive {font-weight:700; font-size:0.75em;}
  .header-phone-responsive .icon-phone {font-size:3em; position:absolute; top:10px; left:0; line-height:0}
  .header-phone-responsive .btn2 {position:relative; color:#111111; padding-left:40px; line-height:50px;}
	.btn-responsive {display: block; cursor:pointer; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out; width:42px; height:42px; position:absolute; top:85px; right:5%}
  .btn-responsive.btn-responsive-active {position: fixed; z-index: 99999; }
	.close-menu-responsive {border:none; background-color:transparent; color:#201e21; font-size:2em; position:absolute; right:60px; top:60px; cursor:pointer; display:block;}
	#navigation ul > li {display:block; border-bottom: 1px solid #F0F1F1;}
  #navigation ul > li a {padding: 20px 20px;}
  .menu-menu-principal-container {width:100%; display:block;}
	#navigation ul > li.menu-item-has-children {position:relative;}
	#navigation.menu-responsive-open {display:block; position:fixed; z-index:100; top:0; right:0; bottom:0; left:0; padding:100px 40px; background:#efefef; overflow-y:scroll; height:calc(100vh);}
	#navigation ul li > .sub-menu li {display:block; margin:10px;}
  #navigation ul li > .sub-menu li a {color: #414042; line-height: 1.75em; padding: 20px 20px; border-bottom: 1px solid #F0F1F1;}
  #navigation ul.sub-menu > li.current-menu-item a {
    color: #95C11F;
  }  
  #navigation ul li > .sub-menu {position: fixed; left:-110%; top: 0; z-index: -1; display:block; width: 100%; background-color:#fff; height:calc(100vh); transition:all 0.5s ease-in-out;  padding:10%; opacity :0; -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,0); box-shadow: 0 0 0 0 rgba(0,0,0,0); border:none;}
	#navigation ul li > .sub-menu.sub-menu-responsive-1-open {left:0; opacity :1; z-index: 9000; } 
  /*#navigation ul > li.menu-item-has-children > a {margin-left:66px;}*/
	#navigation ul li > .sub-menu .menu-image-title {font-size:0.875em;}
  .click-sub-menu-item {border:none; color:#95C11F; font-size:2em; line-height:0; background-color:transparent; position:absolute; right:0px; top:15px; padding: 20px 15px 20px 10px;}
  .return-sub-menu-item {border:none; color:#fff; font-size:2em; line-height:0; background-color:#95C11F; padding:20px 15px; margin-bottom: 30px;}
	#menu-menu-principal .menu-item:last-child {margin-bottom: 50px;}
	#menu-menu-principal .menu-item .sub-menu .menu-item:last-child {margin-bottom: 0px;} 
  .loop-post.type-post {min-height: 350px;}
 
  
  
  
   /*   pages */
  #content-mission{ padding: 0px;}
  .bg-light-offset {background: #FFFFFF;}
  .block-accent-text {padding: 0 30px;}
  .mission-title {margin-top: 20px;}
  
}

@media (max-width: 768px) {
  
  #footer-address{border-top: 1px solid #F0F1F1;}
  
    .bg-split {
        background-color: #F8F8F8;
        background-image: linear-gradient(to right, #95C11F 6%, #F8F8F8 6%); 
        background-image: -ms-linear-gradient(to right, #95C11F 6%, #F8F8F8 6%);
        background-image: -moz-linear-gradient(to right, #95C11F 6%, #F8F8F8 6%);
        background-image: -o-linear-gradient(to right, #95C11F 6%, #F8F8F8 6%);
   }
  
  .background-offset {height: 450px;}
  
  ul.offer-info {display: block; padding-left: 0; padding-right: 0;}
  
  #content-adherents > div.container > div.row > div.flex{
    display: block;
  }
  
  .map-list-adherents {margin-bottom: 0;}
  .img-responsive-full{width: 100%;}
}


@media (max-width: 600px) {
	.row {padding:0 2%}	
	.row-min {padding:0 2%}
  
  .padding-md {padding: 30px;}
  .padding-md-left {padding-left: 30px;}
  .padding-md-right {padding-right: 30px;}
  
  .margin-md {margin:30px;}
  
  .mission-title {margin-top: 0;}
  
  #content-contact .text-box-offset {margin-top: 200px;}
  .background-offset {height: 540px;}
  
  
  
  

}

@media (max-width: 480px) {
  .gform_wrapper ul.gform_fields li.gfield.candidature-attachment > div.gfield_description {
    margin-top: 0;
    margin-left: 0;
  }
  
  .content-top-breadcrumbs {padding-left: 2%;}
  .key-figure {padding-left: 0; padding-right: 0;}
  #content-key-figures p {font-size: 1.125em;}
  
  .job-overview {display: block;}
  
  .sticky + #content-documents {padding-top: 95px;}
  
  #content-contact .text-box-offset {margin-top: 250px;}
  .background-offset {height: 585px;}
  .image-top-bg-home {width: 90%;}
  .image-top-bg {width: 100%;}
  .image-top-bg {height: 250px;}
  .content-top-banner #image-top-banner {    
    height: 250px;
    position: static;
  }

  .content-top-banner {
    display: block;
    align-items: normal;
    height: auto;
  }

  .image-top-bg::before {content: none;}
  .text-box {min-height: 150px; width: 90%;}

  .text-top-banner-home {
      margin-left: 0; 
      flex-direction: column;
      height: 100%;
  }

  .text-top-banner {
      height: 100%;
  }
  
  .text-top-banner-home .row /*, .text-top-banner .row*/ {margin-top: 10px;}
  
  .text-top-banner-home h1, .text-top-banner h1 {font-size: 2em;}
  .text-top-banner h1 {margin-bottom: 5px;}
  .text-box .summary {margin: 0;}
  
}

@media (max-width: 400px) {

  .accordion .accordion_tab h3 {font-size: 1.25em;}
  .doc-icon.title {font-size: 1em; margin-left: 10px;}
  .btn-download {margin: 20px 10px;}
  #content-top-home, #content-top {background-position: top 0 left 0%; }
  #rh-bookmarks a {padding: 25px 10px;}

}   

@media (max-width: 360px) {
  #rh-bookmarks a {font-size: 1em;}

}