<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*
font-family: 'Nunito', sans-serif;
font-weight: 400;
font-weight: 700;
font-weight: 900;
*/

a {cursor: pointer;}
p{margin: 0 0 15px 0;}
body.page, body.blog, body.single{margin:0;}
body, button, input, select, textarea{color: #333; font-family: 'Nunito', sans-serif; font-size: 14px; line-height: 1.25;}
img{width: 100%; height: auto;}
.maxwidth{max-width: 1000px; width: 100%; margin: auto !important;}
p.nocomments {display: none;}
h1.pagetitle {text-align: center; padding: 85px 0 65px 0; margin-top: 0; font-size: 42px; line-height: 1.15; color: #fff; margin-bottom: 35px;}
h1.pagetitle:after {content: ""; display: block; margin: 15px auto; height: 2px; width: 75px; background: #fff;}
.post-content ul {list-style: none;}
.post-content ul li::before {content: "\2022"; color: #bac600; font-weight: 700; display: inline-block; width: 1em; margin-left: -1em;}


/*--------------------*/
/*------ HEADER ------*/
/*--------------------*/

.site-header {width: 100%; margin: auto; padding-top: 25px; position: fixed; display: flex; flex-direction: column; align-items: center; background: #fff; box-shadow: 0 0 15px rgba(0,0,0,0.35); z-index: 99999;}
.top-header {display: flex; flex-direction: row; justify-content: space-between; max-width: 1000px; width: 100%;}
.logo-header {max-width: 309px; width: 100%;}
.logo-header-mobile {display: none;}
.right-header {display: flex; flex-direction: column;}

.button-header {flex-direction: row; display: flex;}
.blue-button, .green-button {display: flex; align-items: center; margin: 5px; font-size: 16px; color: #fff; padding: 8px 16px; border-radius: 8px; text-decoration: none; transition: all 0.25s ease;}
.blue-button:hover, .green-button:hover {border-radius: 18px;}
.blue-button {background:linear-gradient(to right, #0096be, #3269e1);}
.green-button {background:linear-gradient(to right, #bac600, #008f3f);}
.button-header a span {text-transform: uppercase; font-weight: 700;}
.button-header  i.far.fa-arrow-alt-circle-right {padding-right: 5px;}

.picto-header {display: flex; flex-direction: row; justify-content: flex-end; align-items: flex-start; padding-top: 35px;}
.picto-header h6 {font-size: 18px; font-weight: 700; line-height: 1.05; color: #3d5463; max-width: 210px; text-align: right; padding-right: 25px; margin: 0; display: none;} /* Slogan rÃ©intÃ©grÃ© dans le bandeau */
.sixpictos {max-width: 260px;}

.site-main {padding-top: 245px;}

a.tel.telbutton {display: flex; text-align: right; border: 1px solid #008f3f; font-size: 14px; padding: 4px 0px; border-radius: 5px; width: 130px; justify-content: center; align-items: center; align-self: flex-end; margin-left: 5px; margin-right: 5px;}


/*----------------*/
/*----- MENU -----*/
/*----------------*/

.mobilebars {display: none;}

nav#site-navigation {margin-top: 0; position: relative; z-index: 1; width: 100%; max-width: 1000px;}

ul#menu-menu-principal {display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; list-style: none; padding-left: 0; margin-bottom: 0;}
ul#menu-menu-principal li a{text-decoration:none;}
ul#menu-menu-principal &gt; li {display: flex; justify-content: center; flex-direction: column; width: 25%; position: relative;}
ul#menu-menu-principal &gt; li &gt; a {width: 100%; text-align: center; padding: 15px 0; font-size: 18px; line-height: 1.05; color: #3d5463; font-weight: 700; text-transform: uppercase;}

#menu-menu-principal ul.sub-menu {list-style: none; padding-left: 0; background-color:rgba(245, 245, 245, 0.85); position: absolute; min-width: 300px; top: 48px; display:none;}
ul#menu-menu-principal &gt; li:hover &gt; a{color: #fff; background-color: #008f3f; transition: all 0.25s ease;}
ul#menu-menu-principal &gt; li:hover ul.sub-menu {display: flex; flex-direction: column; transition: all 0.25s ease;}
#menu-menu-principal ul.sub-menu li a{display: flex; text-align: left; padding: 10px 0 10px 25px; font-size: 15px; line-height: 1.05; color: #3d5463; font-weight: 700; text-transform: uppercase;}
#menu-menu-principal ul.sub-menu li a:hover{color: #fff; background-color: #008f3f; transition: all 0.25s ease;}
#menu-menu-principal ul.sub-menu li:first-of-type {margin-top: 10px;}
#menu-menu-principal ul.sub-menu li:last-of-type {margin-bottom: 10px;}


/*--------------------*/
/*------ FOOTER ------*/
/*--------------------*/

.footer-essentials {display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; max-width: 1000px; width: 100%; margin: 0 auto 25px auto; padding-top: 45px;}
.address {width: calc(44% - 35px);}
.fastLinks {display: flex; flex-direction: column; width: calc(32% - 35px); border-right: 1px dotted #3d5463; border-left: 1px dotted #3d5463; padding-left: 35px; margin-right: 35px;}
.findUs {width: 22%; display: flex; flex-direction: column; align-items: center;}

.address img {max-width: 280px;}
.address p {font-size: 18px; line-height: 1.25;}
.address span {font-weight: 700;}
a.tel {text-decoration: none; color: #008f3f; font-weight: bold;}
.address a.mail {text-decoration: none; color: #EC9400;}

.fastLinks a {text-decoration: none; color: #3d5463; font-size: 14px; line-height: 1.5;}

.findUs h4 {color: #bac600; font-size: 18px; margin: 0;}
.findUs img {max-width: 130px; margin-top: 10px;}

.footer-stripe{padding: 10px 0; background-color: #3d5463;}
.footer-stripe p{text-align: center; color: #fff; margin: 0;}
.footer-stripe a{color: #fff; text-decoration: none; }

img.pilotes {display: block; margin: 25px auto; max-width: 550px;}


/*-------------------------------*/
/*----- SYSTEME DE COLONNES -----*/
/*-------------------------------*/

.columntainer{display: flex; flex-direction: row; justify-content: space-between; width: 100%;}
.columntainer-8{display: flex; flex-direction: row; justify-content: space-between; width: calc(66.666% - 30px);}
.column-6{display: flex; flex-direction: column; width: calc(50% - 30px); padding: 0 15px;}
.column-4{display: flex; flex-direction: column; width: calc(33.333% - 30px); padding: 0 15px;}
.column-3{display: flex; flex-direction: column; width: calc(25% - 30px); padding: 0 15px;}


/*---------------------*/
/*------ ACCUEIL ------*/
/*---------------------*/

.page-template-homepage a.purple-button:hover {background-color:#BAC500}
.page-template-homepage a.grey-button:hover {background-color:#EC9400}

.hero-home {display: flex; flex-direction: row; justify-content: center; flex-wrap: wrap; width: 100%; position: relative; overflow: hidden; /*background-image: url('/wp-content/uploads/2019/04/charte_photographie-3-rvb.jpg');*/ background-repeat:no-repeat; background-size: cover; background-position: center center; padding: 50px 0px; margin-bottom: 50px;}
.hero-home .metaslider {position: absolute; z-index: -1; top: 0; left: 0;}
.hero-home &gt; h3 {width: 100%; text-align: center; margin: 10% auto 0% auto; padding: 35px 0px; max-width: 1100px; font-size: 38px; color: #fff; text-shadow: 0 0 9px #000, 0 0 6px #008f3f;}
.round {text-align: center; border: 3px solid #fff; height: 180px; width: 180px; border-radius: 90px; margin: 0 55px;}
.round.blue {background:linear-gradient(to bottom, rgba(50, 105, 225, 1), rgba(0, 150, 190, 0.825));}
.round.green {background:linear-gradient(to bottom, rgba(0, 143, 63, 1), rgba(186, 198, 0, 0.825));}
.round h3 {font-size: 62px; color: #fff; font-weight: 400; margin: 20px 0 0 0;}
.round p {font-size: 22px; color: #fff; font-weight: 700; margin: 0;}

.intro h2{font-size: 32px; font-weight: 900; color: #008f3f;}
.intro p{font-size: 16px; line-height: 1.5;}

.columntainer.home_missions {align-items: stretch; padding-bottom: 45px;}
.columntainer.home_missions .column-4 {flex-direction: row; margin-bottom: 10px; align-items: stretch;}
.home_missions {margin: 25px auto; text-align: center; padding-top: 25px; flex-wrap: wrap;}
.home_missions h2 {width: 100%; font-size: 36px; font-weight: 900; color: #EC9400; letter-spacing: 0.5px; padding: 10px 0 10px 0;}
.home_missions h3 {font-size: 26px; color: #fff; font-weight: 700; margin: 0; line-height: 1; /*border-bottom: 3px solid #008f3f; border-top: 3px solid #bac600;*/ padding: 15px; width: 100%; background: #3d5463; box-shadow: 0 0 20px inset rgba(0,0,0,0.35); border-radius: 9px; border-left: 5px solid #bac600; border-right: 5px solid #bac600; display: flex; align-items: center;}

.numbers {margin: 25px auto; text-align: center; padding-top: 25px; flex-wrap: wrap;}
.numbers h2 {width: 100%; font-size: 36px; font-weight: 900; color: #EC9400; letter-spacing: 0.5px; padding: 40px 0 10px 0;}
.numbers  h3 {font-size: 70px; color: #3d5463; font-weight: 400; margin: 0; line-height: 1;}
.numbers p {font-size: 18px; color: #EC9400; font-weight: 400; margin: 0; text-transform: uppercase;}

iframe {width: 100%;}

.grey-bg-full {background-image: linear-gradient(to top, transparent, #008f3f), repeating-linear-gradient(135deg, rgba(255,255,255,.125) 0, rgba(255,255,255,.125) 2px, transparent 2px, transparent 10px), linear-gradient(to top, #bac600, #008f3f); width: 100%; padding: 30px 0; margin: 45px 0;}
.publics .column-6 {background-color: #fff; padding: 10px 0; margin: 0 15px;}
.publics .column-6 h2, .column-6.page h2 {font-size: 26px; line-height: 1.15; color: #3d5463; font-weight: 900; padding-bottom: 5px; padding-top: 15px; text-align: center; text-transform: uppercase;}
.publics .column-6 h2:after, .column-6.page h2:after {content: ""; display: block; margin: 10px auto 0 auto; height: 1px; width: 100px; background: linear-gradient(to left, rgba(0, 143, 63, 0.85), rgba(186, 198, 0, 0.85));}
.pictos-row {display: flex; flex-direction: row; justify-content: space-around; width: 100%;}

.smcolumn {display: flex; flex-direction: column; text-decoration: none;}
.smcolumn img {width: 64px; height: 64px; margin: auto; transition: all 0.35s ease;}
.smcolumn p {font-size: 20px; line-height: 1.05; text-align: center; color: #3d5463; padding-top: 15px; transition: all 0.35s ease;}
.stroke {display: block; width: 1px; height: auto; background: repeating-linear-gradient(to bottom, #fff 0, #fff 1px, transparent 1px, transparent 4px);}

.smcolumn:hover img {-webkit-animation: flip-vertical-right 0.35s cubic-bezier(0.455, 0.030, 0.515, 0.955) both; animation: flip-vertical-right 0.35s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;}
@-webkit-keyframes flip-vertical-right {
  0% {-webkit-transform: rotateY(0); transform: rotateY(0);}
  100% {-webkit-transform: rotateY(180deg); transform: rotateY(180deg);}
}
@keyframes flip-vertical-right {
  0% {-webkit-transform: rotateY(0); transform: rotateY(0);}
  100% {-webkit-transform: rotateY(180deg); transform: rotateY(180deg);}
}
.smcolumn:hover p {color: #008f3f;}



/*-------------------------*/
/*------ ACTUS &amp; RDV ------*/
/*-------------------------*/

h2.purple-title {text-align: center; font-size: 26px; font-weight: 900; color: #EC9400; line-height: 1.25; letter-spacing: 0.5px; width: 100%;}
.actusRDVcontainer {margin-bottom: 45px;}
.actusRDVcontainer .columntainer-8 {flex-wrap: wrap; overflow: hidden;}
.actusRDVcontainer .columntainer-8 .column-6 {width: calc(50% - 20px); padding: 0 10px;}

.cycle-slide {display: flex !important;}

.actu-thumb {overflow: hidden;}

.actuText {margin: -24px 12px 0px 12px; padding: 15px; background: #fff; box-shadow: 3px 3px 15px rgba(61, 84, 99, 0.25); z-index: 1; position: relative;}

.actuText h3, .actuText p {margin: 0;}
.actuText .actuTitle {padding: 0 0 10px 0; text-transform: initial; text-align: left;}
.actuText .actuTitle a {font-size: 22px; font-weight: 700; line-height: 1.05; color: #3d5463; text-decoration: none;}
.actuText .post-excerpt p {font-size: 15px; line-height: 1.15; color: #333;}
.readMore {text-align: right; padding-top: 5px;}
.readMore a{font-size: 12px; line-height: 1.15; color: #EC9400; text-transform: uppercase;}

.actuControls {margin: 20px auto; display: flex; flex-direction: row; align-items: center;}
.actuControls i {font-size: 24px; color: #EC9400; cursor: pointer;}
.fa-arrow-circle-left{padding: 0 5px 0 15px;}
.fa-arrow-circle-right{padding: 0 15px 0 5px;}
a.purple-button {margin: 0 5px; display: inline-block; font-size: 12px; color: #fff; text-transform: uppercase; padding: 5px 10px; border-radius: 3px; text-decoration: none; background-color: #EC9400;}

.widget-agenda h3 {margin: 0 0 10px 0; text-transform: uppercase; color: #3d5463; font-size: 20px; font-weight: 700;}
.blockRDV {padding: 15px 15px 20px 15px; background-color: #3d5463; border-left: 5px solid #bac600; margin-bottom: 5px; border-radius: 9px;}
.blockRDV h4.dateRDV {margin: 0 0 7.5px 0; color: #EC9400; font-size: 24px; font-weight: 700; padding-bottom: 5px; border-bottom: 1px dotted #fff;}
.blockRDV h4.dateRDV span {font-size: 16px;}
.blockRDV p.textRDV {margin: 0; font-size: 15px; line-height: 1.25; color: #fff; text-decoration: none; text-transform: uppercase;}
a.grey-button {margin: 20px auto; display: inline-block; font-size: 12px; color: #fff; text-transform: uppercase; padding: 5px 10px; border-radius: 3px; text-decoration: none; background-color: #3d5463; width: 93px;}



/*-----------------------------*/
/*------ PAGE ACTUALITES ------*/
/*-----------------------------*/

h1.blogtitle.pagetitle {background-image: url('/wp-content/uploads/2019/03/photographie-5-rvb.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center center;}

.pageblog {display: flex; flex-direction: row; flex-wrap: wrap; max-width: 1000px; width: 100%; margin: auto; padding-top: 25px; border-bottom: 1px solid #808590;}
.pageblog .actu {display: flex; flex-direction: column; width: calc(33.333% - 30px); padding: 0 15px; margin-bottom: 35px;}
.pageblog .actu .post-text {margin: -24px 12px 0px 12px; padding: 15px; background: #fff; box-shadow: 3px 3px 15px rgba(61, 84, 99, 0.25);}
.pageblog .post-text h3, .post-text p {margin: 0;}
.pageblog .actu .post-text .post-title {padding-bottom: 10px;}
.pageblog .actu .post-text .post-title a{font-size: 22px; font-weight: 700; line-height: 1.05; color: #3d5463; text-decoration: none;}
.pageblog .actu .post-text .post-excerpt p {font-size: 15px; line-height: 1.15; color: #333;}


/*-------------------------*/
/*------ PAGE SINGLE ------*/
/*-------------------------*/

.singlepage {width: 100%; background: #f1f2f3;}
.singlepost {display: flex; flex-direction: column; max-width: 800px; width: 100%; margin: auto; padding-top: 0;}
.single-content {margin: -10% 30px 40px 30px; padding: 30px; background: #fff; box-shadow: 3px 3px 15px rgba(61, 84, 99, 0.25);}
.singlepost h1.post-title, .singlepost .post-content {margin: 0;}
.singlepost h1.post-title {font-size: 36px; font-weight: 700; line-height: 1.05; color: #3d5463; text-align: center; text-decoration: none; margin-bottom: 20px;}
.singlepost .post-content {font-size: 18px; line-height: 1.25; color: #333; text-align: justify;}
.singlepost .post-content p {margin: 0 0 5px 0;}
.singlepost .post-content ul {margin: 5px 0 10px 0;}


/*-------------------------*/
/*----------PAGE ----------*/
/*-------------------------*/

/*.title {text-align: center; font-size: 26px; line-height: 1.25; color: #black; font-weight: 900; letter-spacing: 0.5px;}*/
.subtitle {text-align: center; font-size: 24px; line-height: 1.25; color: #008f3f; font-weight: 700; letter-spacing: 0.5px; text-transform: uppercase; margin: 75px auto 0px auto !important;}
.subtitle:after {content: ""; display: block; margin: 15px auto 25px auto; height: 2px; width: 150px; background: linear-gradient(to right, #fff, #3d5463, #008f3f, #3d5463, #fff);}
.post-content h2.green-title {font-size: 42px; margin: 55px auto 25px auto !important;}
.bloc {font-size: 18px; padding-bottom: 10px;}
/*.border {background-color: #008f3f; border-style: solid; border-width:2px; border-color: #008f3f; padding: 15px;}
.bordertexte {font-size: 15px; color: white; text-align: center;}*/
.border2 {background-color: #bac600; border-style: solid; border-width: 2px; border-color: #fff; padding: 10px;}
.bordertexte2 {font-size: 20px; color: #008f3f; text-align: center;}
h1.blogtitle.pagetitle {background-image: url('/wp-content/uploads/2019/03/photographie-5-rvb.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center center;}
.boutonvert {background-color:linear-gradient(to right, #bac600, #008f3f);}
.post-content .maxwidth a:link {color: #008f3f;}
.post-content .maxwidth a:visited {color: #008f3f;}
body .post-content p.green_button a:visited {color: #fff;}
.post-content .maxwidth a:hover {color: #bac600;}

.column-2 {display: flex; width: auto; }
.grey-bg-full2 {background-image: linear-gradient(to top, transparent, #008f3f), repeating-linear-gradient(135deg, rgba(255,255,255,.125) 0, rgba(255,255,255,.125) 2px, transparent 2px, transparent 10px), linear-gradient(to top, #bac600, #008f3f); width: 100%; padding: 15px 0;}
.smcolumn2 {display: flex; flex-direction: column; width: auto;}
.smcolumn2 img {width: 100%; height: 64px;}
.smcolumn2 p {font-size: 20px; line-height: 1.05; text-align: center; color: #3d5463; padding-top: 15px;}
.publics .column-2 {background-color: #fff; padding: 10px 0; margin: 0 15px;}
.publics .column-2 h2 {font-size: 26px; line-height: 1.15; color: #3d5463; font-weight: 900; padding-bottom: 5px; padding-top: 15px; text-align: center; text-transform: uppercase;}
.publics .column-2 h2:after {content: ""; display: block; margin: 10px auto 0 auto; height: 1px; width: 100px; background: linear-gradient(to left, rgba(0, 143, 63, 0.85), rgba(186, 198, 0, 0.85));}
.pictos_contact {color:#3d5463; text-align:center;}
.bloc_contact {font-size: 15px;}

.vision-map.maxwidth {max-width: 1000px;}
.vision-map.maxwidth .vision-image {background-size: 100% 100%;}
a.vision-infobox {display: none !important;}

/* Modifs */

.flex_block {display: flex; flex-wrap: wrap; justify-content: center;}
h6.little_block {width: 20%; font-size: 20px; text-align: center; margin: 15px 2%; height: auto; padding: 10px; box-sizing: border-box; background: transparent; color: #3d5463; border-radius: 9px; border-left: 5px solid #bac600; border-right: 5px solid #bac600; display: flex; align-items: center; justify-content: center;}
.bloc_col_container {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between;}
.bloc_col_50 {width: 45%;}
.bloc_col_33 {width: 30%;}
.bloc_col_66 {width: 60%;}
.bloc_col_container h2, .bloc_col_container h2.subtitle {width: 100%;}
.bloc h2.green-title {font-weight: 700;}
img.orga_thumb {display: block; padding: 15px; box-sizing: border-box; box-shadow: 0 0 10px rgba(0,0,0,0.25);}
p.green_button {text-align: center; margin-top: 30px; line-height: 1; font-size: 14px; text-transform: uppercase; letter-spacing: 0.25px;}
.bloc p.green_button a:link {color: #fff; background: #008f3f; text-decoration: none; padding: 12px;}
.green_block {background: #008f3f; padding: 30px;}
.green_block h4 {text-align: center; color: #fff; text-transform: uppercase; line-height: 1.35; font-size: 24px; margin: 0;}
.green_block .separation {background: #bac600; height: 5px; width: 14%; margin: 10px 43%;}
.column-6.page {width: calc(100% - 30px); background: #fff; box-shadow: 0 0 15px rgba(0,0,0,0.25); padding-top: 15px; padding-bottom: 15px;}

.green_focus {font-size: 18px; color: #fff; text-align: left; background: linear-gradient(to top, #008f3f, #bac600); /*border-style: solid; border-width: 5px; border-color: #bac600;*/ padding: 25px; max-width: 700px; margin: 25px auto 0 auto;}
.green_focus.cols {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between;}
.green_focus strong {font-size: 28px; line-height: 1.175; display: block; margin: 0 0 10px 0; padding: 0;}
.green_focus strong + br, .green_focus .col-text a + br {display: none;}
.green_focus .col-text {width: 55%;}
.green_focus .col-text a strong {font-size: 20px;}
.green_focus .col-text p {margin: 0 0 5px 0;}
.green_focus .col-image {width: 44%; max-width: 350px; display: flex; justify-content: space-between; align-items: flex-start;}
.green_focus .col-image img {width: 48%; height: auto; flex-shrink: 0;}
.green_focus a {color: #fff}
.question {font-size: 22px; color: #008f3f;}
.wp-block-advgb-accordion {max-width: 700px; margin: auto;}

.bloc_cinq_partenaires {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center;}
.bloc_partenaires {background: linear-gradient(to top, #335664, #008f3f); width: 17%; margin: 5px 1%; display: flex; justify-content: center; align-items: center; padding: 10px; box-sizing: border-box;}
.bloc_partenaires p {margin: 0; text-align: center; font-size: 18px; font-weight: 700; line-height: 1.15; color: #fff;}
.clear {clear: both;}
.centeralign {text-align: center;}

.columntainer.numbers.bis {margin: 0 auto 45px auto; padding-top: 0;}
.columntainer.numbers.bis .column-6 {margin-bottom: 18px;}
.columntainer.numbers.bis .column-6 h3 {padding-bottom: 0px;}
.columntainer.numbers.bis .column-6 h3 {color: #bac600;}
.columntainer.numbers.bis .column-6 p {color: #3d5463;}

.services_partner ul {padding-left: 20px; margin-bottom: 0;}
ul.service_list li {padding-bottom: 10px;}
p.service_encart {font-size: 16px; padding: 15px; background: #bac600; font-weight: 700;}


/*------------------------*/
/*------ TEMOIGNAGE ------*/
/*------------------------*/

h2.green-title {text-align: center; font-size: 30px; line-height: 1.25; color: #bac600; font-weight: 700; letter-spacing: 0.5px;}
/* h2.green-title:after {content: ""; display: block; background: #008f3f; height: 2px; width: 40px; margin: 10px auto 5px auto;} */

.bg-temoignages {background: url('/wp-content/uploads/2019/03/charte_photographie-1-rvb.jpg'); padding: 35px 0; background-size: cover; background-repeat: no-repeat; background-position: center center; margin-bottom: 25px; margin-top: 25px;}
.temoignages {display: flex; flex-direction: row; max-width: 1000px; width: 100%; margin: auto;}
.fleche {display: flex; align-items: center; width: 7%; font-size: 48px; color: #fff; cursor: pointer;}
.flecheGauche {justify-content: flex-start;}
.flecheDroite {justify-content: flex-end;}
.temoinContainer {width: 86%; background-color: rgba(61, 84, 99, 0.85); padding: 25px 50px; position: relative; height: 200px;}

.quote {position: absolute; width: 33px; height: auto; opacity: 0.75;}
.open {top: 10px; left: 10px;}
.close {bottom: 10px; right: 10px;}

.temoin {position: absolute; top: 0; left: 0; padding: 25px 50px; display: none;}
.temoinTitre {width: 100%; text-align: center; font-size: 16px; font-weight: 400; line-height: 1.25; color: #fff; text-transform: uppercase; padding-bottom: 15px; margin: 0;}
.temoinTitre span {color: #bac600;}
.temoinPhoto {display: block; overflow: hidden; width: 150px; height: 150px; border-radius: 75px; float: left; margin-right: 15px;}
.temoinTexte {text-align: center; font-size: 20px; line-height: 1.25; font-style: italic; color: #fff; margin: 0;}

a.retour-button {margin: 20px auto 0 auto; display: block; font-size: 14px; color: #fff; text-transform: uppercase; padding: 5px 10px; border-radius: 3px; text-decoration: none; background-color: #3d5463; width: 240px; text-align: center; transition: all 0.25s ease;}
a.retour-button:hover {background-color: #bac600; color: #3d5463;}


/*---------------------------------------*/
/*------ PAGE RETOUR Dâ€™EXPERIENCES ------*/
/*---------------------------------------*/

.experience_post {display: flex; flex-direction: column;}
.experience-bloc {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; margin-bottom: 35px; border-bottom: 1px solid #555; border-image: linear-gradient(to right, transparent, #3d5463, transparent) 1; padding-bottom: 20px;}
.experiencePhoto {width: 26%;}
.experiencePhoto img {border-radius: 50%;}
.experience_post:nth-of-type(2n) .experiencePhoto {order: 2;}
.experience_post:nth-of-type(2n) .experienceContext {text-align: right;}
.experienceContext {width: 70%; display: flex; flex-direction: column; justify-content: center;}
h2.experienceTitre, p.experienceTexte {width: 100%;}
h2.experienceTitre {width: 100%; font-size: 32px; line-height: 1.05; color: #008f3f; margin-top: 0; margin-bottom: 15px;}
h2.experienceTitre span {color: #bac600;}
p.experienceTexte {font-size: 18px; line-height: 1.45;}


/*-------------------------------------*/
/*------ Formulaires JOB MANAGER ------*/
/*-------------------------------------*/

form #etape1a, form #etape1b, form #etape2a, form #etape2b, form #etape3 {width: 96%; margin: auto; max-width: 800px;}
form #etape1a h3, form #etape1b h3, form #etape2a h3, form #etape2b h3 {font-size: 24px; line-height: 1.15; text-align: center; padding: 25px 0 5px 0; color: #008f3f;}
form #etape1b h3 {padding: 15px; margin-top: 25px; background-color: #3d5463; color: #bac600; font-size: 18px; border-radius: 3px; margin-bottom: 50px;}
form #etape2b h3 {padding: 15px; margin-top: 25px; background-color: #bac600; color: #3d5463; font-size: 18px; border-radius: 3px; margin-bottom: 50px;}
form #etape1a tr, form #etape2a tr {font-size: 18px;}
form #etape1a table.job-apply-table th, form #etape2a th {width: 50%; text-align: right; padding-right: 15px;}
form #etape1a table.job-apply-table td, form #etape2a td {width: 50%; text-align: left; padding-left: 15px;}

form #etape3 {margin-top: 40px; border-top: 1px solid #bac600; border-bottom: 1px solid #bac600; margin-bottom: 40px; padding-top: 35px; border-image: linear-gradient(to right, transparent 10%, #bac600, #008f3f, transparent 90%) 1; font-size: 18px;}
div#etape1a p {text-align: center;}
#etape1a p:last-of-type {color: #E90E0E; font-style: italic;}
#etape1a p a {text-decoration: none; color: #bac600; background: #3d5463; padding: 3px 6px; text-transform: uppercase; font-size: 14px; margin-left: 5px;}
form #etape3 h3 {font-size: 24px; line-height: 1.15; margin: 15px 0 5px 0; color: #008f3f;}
form #etape3 table {border-spacing: 0 2px;}
form #etape3 tr td input[type="text"], form #etape3 tr td textarea {width: 100%;}
form #etape3 tbody &gt; tr {background: #d0dae0;}
form #etape3 .job-apply-table th, form #etape3 .job-apply-table td {padding: 12px;}
form #etape3 table.job-apply-table.table4 tr:nth-of-type(22) {display: none;}
form #etape3 table.job-apply-table.table4 tr:nth-of-type(23) {background: transparent;}
input[type="submit"] {display: block; margin: 20px auto; background: #bac600; border: none; padding: 12px; font-family: 'Nunito', sans-serif; font-size: 16px; font-weight: 700; color: #3d5463; line-height: 1; text-transform: uppercase; border-radius: 1px; transition: all 0.35s ease; cursor: pointer;}
input[type="submit"]:hover {background: #008f3f; color: #fff; border-radius: 9px;}
.jobman-message {text-align: center; font-size: 26px; font-weight: 700; line-height: 1.25; color: #008f3f; padding: 15px 15px 30px 15px;}
input[type="radio"] {border: 2px solid #3d5463; width: 16px; height: 16px; border-radius: 8px; -webkit-appearance: none; background: #fff;}
input[type="radio"]:checked {background: radial-gradient(#008f3f 0, #008f3f 3px, #ffffff 4px);}
input[type="radio"]:focus {outline: 0;}
form #etape3 tr td input[type="text"], form #etape3 tr td textarea, form #etape3 select {font-family: 'Nunito', sans-serif; color: #3d5463; font-size: 16px; border: none;}

.deposer_offre form {width: 96%; margin: auto; max-width: 800px;}
.deposer_offre form p {padding: 12px 14px; background: #d0dae0; font-size: 16px; margin: 0 0 2px 0;}
.deposer_offre form p input, .deposer_offre form p textarea, .deposer_offre form p select {width: 100%; margin-top: 2px; font-family: 'Nunito', sans-serif; color: #3d5463; font-size: 16px; border: none; padding-left: 5px;}
.deposer_offre form span.wpcf7-not-valid-tip {font-size: 12px; line-height: 1.5; font-style: italic;}
.deposer_offre form input[type="radio"] {border: 2px solid #3d5463; width: 16px; height: 16px; border-radius: 8px; -webkit-appearance: none; background: #fff;}
.deposer_offre form input[type="radio"]:checked {background: radial-gradient(#008f3f 0, #008f3f 3px, #ffffff 4px);}
.deposer_offre form input[type="radio"]:focus {outline: 0;}
.deposer_offre form p input[type="checkbox"] {width: auto;}
.deposer_offre form .wpcf7-form-control-wrap.environnement span.wpcf7-list-item {width: calc(50% - 15px); margin: 0 15px 5px 0;}
.deposer_offre form  h3 {font-size: 24px; line-height: 1.15; margin: 15px 0 5px 0; color: #008f3f;}
.deposer_offre form h4 {padding: 4px 14px 8px 14px; background: #d0dae0; margin-top: -6px;}
.deposer_offre form .submit-wrapper {background: transparent; margin-top: 25px;}
.deposer_offre form .submit-wrapper input[type="submit"] {width: auto; padding: 12px;}

.deposer_offre h2.purple-title, .deposer_offre .actusRDVcontainer,
.jobman_app_form-template-default h2.purple-title, .jobman_app_form-template-default  .actusRDVcontainer {display: none;}

body table tr.field38{ display: none; }

/*--------------------------------------*/
/*------ Page des OFFRES Dâ€™EMPLOI ------*/
/*--------------------------------------*/

h1.offres_title + form {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; max-width: 1000px; margin: auto;}
.job.even.extrait {display: flex; flex-direction: column; width: calc(33% - 20px); margin: 0 10px 15px 10px; background: #eaeff2; padding: 15px; box-sizing: border-box;}
.job.even.extrait h4  {font-size: 24px; line-height: 1.05; font-weight: 700;}
.job.even.extrait h4 a {text-decoration: none; color: #3d5463;}
.job.even.extrait h4:after {content: ""; display: block; background: linear-gradient(to right, #008f3f, #bac600, transparent); height: 3px; width: 55px; margin-top: 10px;}
.job.even.extrait .job_field_row {border-bottom: 1px dashed #008f3f; padding-bottom: 5px; margin-bottom: 10px;}
.job.even.extrait .job_field_row:last-of-type {border-bottom: none;}
.job.even.extrait .job_field {margin-bottom: 0; font-size: 18px;}
.job.even.extrait .job_label {font-weight: 700; color: #3d5463; margin-bottom: 3px; background: linear-gradient(to right, #fff, transparent); padding: 5px; font-size: 12px; text-transform: uppercase;}
p.jobs-applynow {text-align: center; margin-bottom: 20px; margin-top: 20px;}
.jobs-applynow a {text-decoration: none; color: #fff; background: #3269e1; padding: 10px; border-radius: 2px; text-transform: uppercase; font-weight: 700; letter-spacing: 0.5px; font-size: 13px; line-height: 1; cursor: pointer; transition: all 0.35s ease;}
.jobs-applynow a:hover {background: #0096be; border-radius: 20px;}
.job-nav {width: 100%;}

.filtre_container.maxwidth {text-align: center; margin-bottom: 25px !important; border-bottom: 1px solid #008f3f; border-image: linear-gradient(to right, #bac600, #008f3f, #bac600) 1; padding-bottom: 10px;}
.filtre_container i {color: #008f3f;}
.filtre_container span {font-size: 15px; font-weight: 700; color: #3d5463;}
input#filtreTableau {width: 100%; max-width: 250px; margin-left: 5px; margin-right: 5px;}





/*------------------------------------*/
/*------ PAGE CONSULTER PROFILS ------*/
/*------------------------------------*/

.page-template-candidats #filtres {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center;}
.page-template-candidats #filtres select {height: 26px; border: 1px solid #3269e1;}
.page-template-candidats #filtres input[type="submit"] {margin: 0 5px; background: #3269e1; padding: 6px 12px; font-size: 14px; color: #fff; border-radius: 1px; height: 26px;}

table#jobman-applications-list {max-width: 1000px; width: 100%; margin: auto; padding-bottom: 35px; font-family: 'Nunito', sans-serif; background-color: #f1f2f3;}
table#jobman-applications-list thead th {color: #3d5463;}
#jobman-applications-list thead .headerSortDown,
#jobman-applications-list thead .tablesorter-headerDesc,
#jobman-applications-list thead .tablesorter-headerAsc,
#jobman-applications-list thead .tablesorter-headerSortDown {border-bottom: #008f3f 2px solid; }
#jobman-applications-list thead .tablesorter-header-inner {padding: 5px; font-size: 14px;}
#jobman-applications-list tbody td h4 {color: #008f3f; font-size: 16px; line-height: 1.15; margin: 0;}
#jobman-applications-list tbody td h4 a {text-decoration: none; color: #008f3f;}
#jobman-applications-list tbody td {border-bottom: 1px solid #3d5463; padding: 16px 6px; font-size: 14px; line-height: 1.25;}
#jobman-applications-list a.btn_profil {display: block; width: 170px; text-decoration: none; color: #fff; padding: 5px; background: #bac600; text-align: center; transition: all 0.35s ease;}
#jobman-applications-list a.btn_profil:hover {background: #008f3f;}


/*----------------------------------------*/
/*------ DEPOSER UNE OFFRE D'EMPLOI ------*/
/*----------------------------------------*/

.deposer_offre.page-template-offre_formulaire .blogtitle.pagetitle {margin-bottom: 0;}
.deposer_offre.page-template-offre_formulaire form h3 {font-size: 24px; line-height: 1.15; margin: 25px 0 15px 0; color: #008f3f; border-top: 1px solid black; border-image: linear-gradient(to right, transparent, #353535, transparent) 1; padding-top: 20px; text-align: center;}
.deposer_offre.page-template-offre_formulaire .wrap {padding: 50px 25px 25px 25px; box-sizing: border-box; background: #fff; box-shadow: 0 7px 21px rgba(0,0,0,0.25);}

.deposer_offre.page-template-offre_formulaire #jobman-job-edit {width: 100%;}
.deposer_offre.page-template-offre_formulaire tbody {border: none;}
.deposer_offre.page-template-offre_formulaire #jobman-job-edit  tr {width: 100%;}
.deposer_offre.page-template-offre_formulaire #jobman-job-edit  tr td input {width: 100%;}

.deposer_offre.page-template-offre_formulaire table {width: 100%; border-collapse: unset; border-spacing: 5px;}
.deposer_offre.page-template-offre_formulaire table th[scope=row] {width: 33%;}
.deposer_offre.page-template-offre_formulaire table td {width: 67%;}
.deposer_offre.page-template-offre_formulaire table td input:not([type="checkbox"]):not([type="radio"]):not(.datepicker):not(.regular-text):not(.button) {width: 100%;}
.deposer_offre.page-template-offre_formulaire table span.description {display: block; margin: 5px 0 15px 0;}

.deposer_offre.page-template-offre_formulaire table td.premier {padding: 15px 0 0 0;}
.deposer_offre.page-template-offre_formulaire p.submit {background: transparent;}
.deposer_offre.page-template-offre_formulaire .singlepage {padding-bottom: 35px;}
.deposer_offre.page-template-offre_formulaire input[type="checkbox"] {border: 2px solid #3d5463; width: 13px; height: 13px; border-radius: 3px; background: #fff; margin-bottom: 0; -webkit-appearance: unset;}
.deposer_offre.page-template-offre_formulaire input[type="checkbox"]:checked {background: #bac600; border-color: #008f3f; -webkit-appearance: unset;}
.deposer_offre.page-template-offre_formulaire input[type="submit"] {display: block; margin: 20px auto; background: #bac600; border: none; padding: 12px; font-family: 'Nunito', sans-serif; font-size: 16px; font-weight: 700; color: #3d5463; line-height: 1; text-transform: uppercase; border-radius: 1px; transition: all 0.35s ease; cursor: pointer; max-width: 330px; text-align: center;}
.deposer_offre.page-template-offre_formulaire input[type="submit"]:hover {background: #008f3f; color: #fff; border-radius: 9px;}


/*--------------------------*/
/*------ PAGE CONTACT ------*/
/*--------------------------*/

.cols_contact {margin-top: 50px !important; margin-bottom: 35px !important;}
.cols_contact .logo_ce_contact {margin: 0 0 10px 0;}
.cols_contact .logo_ce_contact img {max-width: 300px; margin-left: -10px;}
.cols_contact h3 {color: #008f3f; margin: 25px 0 10px 0;}
.cols_contact h3:after {content: ""; display: block; height: 3px; width: 33px; background: #bac600; margin-top: 10px;}
.cols_contact p {font-size: 16px; line-height: 1.5; margin-bottom: 5px;}
.cols_contact .pictos_contact {text-align: left; margin-top: 5px;}
.cols_contact .pictos_contact a {font-size: 16px; text-decoration: none; font-weight: 700}

.form_contact_wrapper {background: #e5e7e9; padding: 25px 25px 0 25px;}
.form_contact_wrapper h1 {color: #3d5463; text-align: center;}
.form_contact_wrapper h1:after {content: ""; display: block; margin: 10px auto 20px auto; height: 5px; width: 50px; background: #bac600;}
.form_contact_wrapper p {margin-top: 15px; font-weight: 700; color: #3d5463;}
.form_contact_wrapper label input,
.form_contact_wrapper label select,
.form_contact_wrapper label textarea {width: 100%; border: none; font-size: 16px; line-height: 1.5; padding-left: 5px;}
.form_contact_wrapper label span.obligatoire {font-style: italic; font-size: 14px; font-weight: 400; color: #151515;}
.form_contact_wrapper input[type="submit"] {margin: 10px auto; padding: 10px 20px;}

.ce-googlemap {width: 100%;}
.ce-googlemap figure {margin: 0;}
.ce-googlemap figure iframe {border: none;}

.fas {color: #008f3f;}


/* ----- Mentions legales, lexique, plan du site, Agenda ----- */

.mentions_legales .post-content h2 {color: #008f3f; text-transform: uppercase;}
.mentions_legales .purple-title, .mentions_legales .actusRDVcontainer {display: none;}

table.is-style-stripes td {font-size: 18px; line-height: 1.35; padding: 5px;}
table.is-style-stripes tr td:first-child {font-weight: 700; min-width: 130px; padding-left: 15px;}
.post-content table.is-style-stripes.maxwidth a:visited,
.post-content table.is-style-stripes.maxwidth a:link,
.post-content table.is-style-stripes.maxwidth a:hover,
.post-content table.is-style-stripes.maxwidth a {text-decoration: none; color: #3d5463;}

#sitemap_ce53.maxwidth {max-width: 400px;}
.post-content #sitemap_ce53.maxwidth a:visited,
.post-content #sitemap_ce53.maxwidth a:link,
.post-content #sitemap_ce53.maxwidth a:hover,
.post-content #sitemap_ce53.maxwidth a {text-decoration: none; color: #3d5463; font-size: 18px;}
.post-content #sitemap_ce53.maxwidth .wsp-pages-list &gt; li::before {display: none;}
.post-content #sitemap_ce53.maxwidth .wsp-pages-list &gt; li {padding-top: 10px;}
.post-content #sitemap_ce53.maxwidth .wsp-pages-list &gt; li &gt; a {font-weight: 700;}
.post-content #sitemap_ce53.maxwidth h2.wsp-pages-title {display: none;}

.agenda table {width: 100%; border-spacing: 0 10px;}
.agenda tr.category-rendez-vous {}
.agenda td.cell_title {font-size: 18px; line-height: 1.35; font-weight: 700; padding: 10px; background: #bac600; color: #3d5463; width: 30%;}
.agenda td.cell_desc {font-size: 16px; line-height: 1.35; font-weight: 400; color: #353535; padding: 10px; background: #e5e5e5; width: 50%;}
.agenda td.cell_date {font-size: 18px; line-height: 1.35; font-weight: 700; padding: 10px; background: #008f3f; color: #fff; text-align: center; border-left: 6px solid #3d5463; width: 20%;}

#cap_emploi_53 p.green_button {margin-left: auto; margin-right: auto; margin-bottom: 25px;}

/* Resolution svg 0x0 sur firefox */ .findUs img {width: 130px; height: 130px;}


/* Single CANDIDAT */

.page-template-candidats .job-table &gt; div:not(#formContactProfil) {display: inline-block; width: 48%; margin: 1% 1% 1% 0; vertical-align: top; padding: 20px; box-sizing: border-box; background-color: white; box-shadow: 0 0 15px rgba(0,0,0,0.15); font-size: 16px; line-height: 1.25;}
.page-template-candidats .job-table h3 {font-size: 28px; color: #3d5463;}
.page-template-candidats .job-table div:not(#formContactProfil) p:not(.job_field) {font-size: 24px; line-height: 26px; font-weight: 700; color: #008f3f;}
.page-template-candidats .job-table div p.job_field {font-size: 16px; line-height: 1.25; margin-bottom: 0; margin-top: 7.5px;}
.page-template-candidats .job-table &gt; div:not(#formContactProfil):nth-of-type(2n) {margin: 1% 0 1% 1%;}
.page-template-candidats .job-table &gt; p:nth-of-type(1) {background: #bac600; font-size: 14px; line-height: 0.85; padding: 6px 9px; font-weight: 700; color: #fff; letter-spacing: 0.75px; max-width: 235px; box-sizing: border-box;}

/*-----------------------------------*/
/*------ SINGLE OFFRE Dâ€™EMPLOI ------*/
/*-----------------------------------*/

.jobman_job-template-default .type-jobman_job .job-table &gt; h3:nth-of-type(1) {background: #bac600; font-size: 14px; line-height: 0.85; padding: 6px 9px; font-weight: 700; color: #fff; letter-spacing: 0.75px; max-width: 235px; box-sizing: border-box;}

.jobman_job-template-default .job-table h4 {font-size: 28px; line-height: 1.15; color: #3d5463;}

div#zoneContrat, div#zoneRythme, div#zoneDetails.firstbox, div#zoneCompetences, div#zoneProfil, div#zoneEnvironnement {display: inline-block; width: 48%; margin: 1% 1% 1% 0; vertical-align: top; padding: 20px; box-sizing: border-box; background-color: white; box-shadow: 0 0 15px rgba(0,0,0,0.15); font-size: 16px; line-height: 1.25;}

div#zoneDetails:not(.firstbox) {margin-top: 25px;}

.jobman_job-template-default .type-jobman_job .job-table h5{font-size: 24px; line-height: 26px; font-weight: 700; color: #008f3f;}

.jobman_job-template-default .post-content {background: linear-gradient(to right, #f5f5f5, #e0e0e0, #f5f5f5); padding-bottom: 35px;}
.jobman_job-template-default .post-content h1.pagetitle {margin-bottom: 0; border-bottom: 3px solid black; border-image: linear-gradient(to right, transparent 10%, #bac600, #008f3f, transparent 90%) 1;}
.jobman_job-template-default .job-table {background: #fff; max-width: 700px; margin: 0 auto 25px auto; padding: 25px 25px 5px 25px; box-shadow: 0 3px 10px rgba(0,0,0,0.25);}

.jobman_job-template-default .job-table .job_field {font-size: 18px; line-height: 1.25;}
.jobman_job-template-default .job-table .job_field span{font-size: 14px; color: #008f3f; text-transform: uppercase;}
.jobman_job-template-default .job-table p:not(.job_field) {font-size: 16px; line-height: 1.25;}
.jobman_job-template-default .job-table .jobs-applynow a {display: block; width: 190px; margin: auto;}



/*---------------------------------------------------------------------------------------*/
/*------------------------------------ MEDIA QUERIES ------------------------------------*/
/*---------------------------------------------------------------------------------------*/

@media (max-width: 1024px){
	.experience-bloc {margin-left: 15px; margin-right: 15px;}
	h6.little_block {width: 29%;}
	.bloc {padding-left: 15px; padding-right: 15px;}
}

@media (max-width: 767px){
	.site-header {padding-top: 10px;}
	.top-header {flex-direction: column; align-items: center;}

	.logo-header {display: none;}
	.logo-header-mobile {display: block;}
	.right-header {width: 100%;}
	.button-header {justify-content: center;}
	.blue-button, .green-button {width: 50%; flex-direction: column; max-width: 135px; padding: 8px; text-align: center;}
	.button-header a span {text-align: center;}
	.picto-header {display: none !important;}
	a.tel.telbutton {align-self: center;}

	nav#site-navigation {margin-top: 10px;}
	.mobilebars{display: block; cursor: pointer; text-align: center; font-size: 22px; line-height: 1.5; padding-top: 5px; color: #3d5463;}
	.mobilebars i {color: #008f3f;}
	.menu-menu-principal-container {font-size: 18px; position: absolute; left: 0; top: 38px; width: 100%; background: rgba(255,255,255,0.975); text-align: center;}
	ul#menu-menu-principal {align-items: center; flex-direction: column; margin-top: 0;}
	ul#menu-menu-principal &gt; li {width: 100%;}
	ul#menu-menu-principal &gt; li &gt; a {padding: 10px 0; color: #008f3f;}
	#menu-menu-principal ul.sub-menu {background-color: transparent; position: relative; min-width: 0; top: unset; display: none;}
	ul#menu-menu-principal &gt; li:hover ul.sub-menu {display: none;}
	#menu-menu-principal ul.sub-menu li:first-of-type {margin-top: 0;}
	#menu-menu-principal ul.sub-menu li:last-of-type {margin-bottom: 0;}
	#menu-menu-principal ul.sub-menu li a {display: block; text-align: center; padding: 7.5px 0; text-transform: unset;}

	.hero-home {padding: 7.5% 0px 5% 0px; margin-bottom: 20px;}
	.round {text-align: center; border: 2px solid #fff; height: 110px; width: 110px; border-radius: 55px; margin: 0 10px;}
	.round h3 {font-size: 26px; font-weight: 700; margin: 15px 0 0 0;}
	.round p {font-size: 16px;}
	.hero-home &gt; h3 {padding: 10px 15px; font-size: 16px;}

	.columntainer{flex-direction: column;}
	.column-6, .column-4, .column-3{width: calc(100% - 30px);}

	.numbers .column-4 {margin-bottom: 15px;}
	.numbers h3 {font-size: 50px;}
	.actusRDVcontainer .columntainer-8 {width: 100%;}
	.actusRDVcontainer .columntainer-8 .column-6 {width: calc(100% - 20px); margin-bottom: 20px;}
	.actuControls {margin: 10px auto 35px auto;}
	
	.cycle-slide {display: block!important;}

	.temoinContainer {height: 280px; padding: 25px;}
	.temoin {padding: 25px;}
	.temoinPhoto {width: 120px; height: 120px; border-radius: 60px; float: none; margin-right: auto; margin-left: auto;}
	.temoinTexte {font-size: 16px; padding-top: 15px;}

	.footer-essentials {flex-direction: column; align-items: center; padding: 15px 25px 0 25px; box-sizing: border-box;}
	.address {width: 100%; text-align: center;}
	.address p {font-size: 16px;}
	.fastLinks {width: 100%; text-align: center; border-right: none; border-left: none; padding-left: 0; margin-right: 0; padding-top: 10px; padding-bottom: 10px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;}
	.fastLinks a {font-size: 16px;}
	.findUs {width: 100%; margin-top: 15px;}

	.pageblog .actu {width: 100%;}

	.experience-bloc {flex-direction: column; align-items: center;}
	.experiencePhoto {width: 100%; max-width: 225px; margin-bottom: 15px;}
	.experience_post:nth-of-type(2n) .experiencePhoto {order: inherit;}
	.experienceContext {width: 100%; text-align: center !important;}
	h2.experienceTitre {font-size: 26px;}
	p.experienceTexte {font-size: 16px; line-height: 1.35;}

	form #etape3 table {display: flex; flex-direction: column;}
	form #etape3 tbody &gt; tr {display: flex; flex-direction: column; width: 100%;}
	form #etape3 .job-apply-table th, form #etape3 .job-apply-table td {display: block; box-sizing: border-box;}
	form #etape3 .job-apply-table th {padding-bottom: 5px; width: 100%;}
	form #etape3 .job-apply-table td {padding-top: 0; width: 100%;}
	form #etape1a tr, form #etape2a tr {display: flex; flex-direction: column; align-items: center;}
	form #etape1a h3, form #etape1b h3, form #etape2a h3, form #etape2b h3 {font-size: 20px;}
	form #etape1a table.job-apply-table th, form #etape2a th, form #etape1a table.job-apply-table td, form #etape2a td {width: 100%; text-align: center; padding-left: 0; padding-right: 0;}
	form #etape3 tr td input[type="text"], form #etape3 tr td textarea, form #etape3 select {width: 100%;}

	.job.even.extrait {width: calc(49% - 20px);}

	#jobman-applications-list {background: transparent;}
	#jobman-applications-list thead {display: none;}
	#jobman-applications-list tbody tr {display: flex; flex-direction: column; padding: 10px; margin-bottom: 15px; background: #fff;}
	#jobman-applications-list tbody td {border-bottom: none; padding: 2px 8px;}
	#jobman-applications-list tbody td:before {font-weight: 700; font-size: 12px; color: #3d5463;}
	#jobman-applications-list tbody td:nth-child(2):before {content: 'AccompagnÃ© par Cap Emploi : ';}
	#jobman-applications-list tbody td:nth-child(3):before {content: 'MÃ©tier recherchÃ© : ';}
	#jobman-applications-list tbody td:nth-child(4):before {content: 'Domaine dâ€™activitÃ© : ';}
	#jobman-applications-list tbody td:nth-child(5):before {content: 'Temps de travail recherchÃ© : ';}
	#jobman-applications-list tbody td.titre_profil {line-height: 0;}
	#jobman-applications-list a.btn_profil {margin: 10px 0 5px 0;}

	.cols_contact {flex-direction: column; padding-left: 15px; padding-right: 15px; width: 100%; box-sizing: border-box;}
	.cols_contact .wp-block-column {margin-left: 0; margin-right: 0;}
	.cols_contact .wp-block-column:nth-child(2n) {margin-left: 0;}

	h6.little_block {width: 46%;}
	.bloc_col_50 {width: 100%;}
	.bloc_col_33 {width: 100%; order: 2;}
	.bloc_col_66 {width: 100%;}

	.bloc_partenaires {width: 31%;}
}

@media (max-width: 560px) {
	.temoinContainer {height: 320px;}
	.job.even.extrait {width: calc(100% - 20px);}
	.page-template-candidats #filtres select {width: 100%; font-size: 12px;}
	.agenda.maxwidth table {padding: 0 15px;}
	.agenda tr.category-rendez-vous {display: flex; flex-direction: column; margin-bottom: 20px;}
	.agenda td.cell_title, .agenda td.cell_desc, .agenda td.cell_date {width: 100%; border-left: none; box-sizing: border-box;}
	.agenda td.cell_date {order: -1;}
	.agenda td.cell_title {text-align: center;}
}

@media (max-width: 480px) {
	.temoinContainer {height: 360px;}
	.hero-home .flexslider .slides {min-height: 200px;}
	.hero-home .metaslider .slides img {width: auto; display: block; height: 100%; max-height: 220px !important;}
	h1.pagetitle {font-size: 28px;}
	.bloc_partenaires {width: 47%; font-size: 16px;}
}

@media (max-width: 420px) {
	.temoinContainer {height: 400px;}
	.smcolumn img {width: 40px; height: 40px;}
	.smcolumn p {font-size: 14px;}
	h6.little_block {font-size: 16px;}
}

@media (max-width: 360px) {
	.temoinContainer {height: 450px;}
}


.page-template-candidats .singlepage {
	padding-bottom: 35px;
}

body.page-template-candidats .job-table {
	margin-bottom: 0;
}

.graysacleludo { filter: grayscale(1); }

/***
TEMPORAIRE POUR MISE EN LIGNE
 */
.button-header, #menu-item-1713, #menu-item-1705, #menu-item-1996, #menu-item-75, li.page-item-28, li.page-item-1947, li.page-item-30, li.page-item-1950, li.page-item-38, li.page-item-40, li.page-item-6 {
	/*display: none;*/
}

.jobman_app_form-template-default div.category-actualites, 
.jobman_app_form-template-default div.category-employeurs, 
.jobman_app_form-template-default div.category-partenaires, 
.jobman_app_form-template-default div.category-personnes, 
.jobman_app_form-template-default div.category-rendez-vous, 
.jobman_job-template-default div.category-actualites, 
.jobman_job-template-default div.category-employeurs, 
.jobman_job-template-default div.category-partenaires, 
.jobman_job-template-default div.category-personnes, 
.jobman_job-template-default div.category-rendez-vous  { display: none; }

.jobman_job-template-default h2#actualites, 
.jobman_job-template-default .actusRDVcontainer { display: none; }


/* MASQUAGE DES 5 PREMIERS CHAMPS Form Deposer son CV */

.jobman_app_form-template-default.page.page-id-7 tr.row2.totalrow3.field6.even, 
.jobman_app_form-template-default.page.page-id-7 tr.row3.totalrow4.field7.odd, 
.jobman_app_form-template-default.page.page-id-7 tr.row4.totalrow5.field32.even, 
.jobman_app_form-template-default.page.page-id-7 tr.row5.totalrow6.field33.odd, 
.jobman_app_form-template-default.page.page-id-7 tr.row6.totalrow7.field8.even { display: none; }</pre></body></html>