/*************************** SIDEBAR ***************************/
.site-main .sidebar-container{width:100%}
.site-main .content-area .site-content{width: 100%;}
.sidebar-container .sub-menu-page .block-inner{background-color: #B0C4CB;  padding: 0px 0px;}

.sub-menu-page .sidebarUl{padding-bottom: 15px;  padding: 0px 20px 20px 20px;}
.sub-menu-page .sidebarUl li .children{display:none;}
.sub-menu-page .sidebarUl li{position:relative; margin-bottom:0px; background: rgb(89, 130, 150);}
.sub-menu-page .sidebarUl li a{
  
    border: none;
    position: relative;
    transition: 800ms ease all;
    outline: none;
    display: block;
    margin: 8px 0px 8px 0px;
    padding-left: 20px;
    padding: 20px 20px 20px 40px;
    color: #fff;
    font-size: 14px;
}

.sub-menu-page .sidebarUl li:before{
    content: '+';
    font-weight: bold;
    color: #2B5F79;
    font-size: 20px;
    position: absolute;
    top: 0px;
    bottom: 0px;
    margin: auto;
    display: inline-block;
    height: 22px;
    line-height: 1em;
    left: 15px;
}
.sub-menu-page .sidebarUl li a:hover{color:#2D637E; background:#fff; opacity:1;}
.sub-menu-page .sidebarUl li a:before, .sub-menu-page .sidebarUl li a:after{
  content:'';
  position:absolute;
  top:0;
  right:0;
  height:2px;
  width:0;
  background: rgb(89, 130, 150);
  transition:400ms ease all;
}
.sub-menu-page .sidebarUl li a:after{right:inherit; top:inherit; left:0; bottom:0;}
.sub-menu-page .sidebarUl li a:hover:before,.sub-menu-page .sidebarUl li a:hover:after{width:100%; transition:800ms ease all;}

.sidebar-container .sub-menu-page h3{border-bottom:0px;}
.sidebar-container .sub-menu-page h3{padding:20px 20px 10px 20px; margin:0px;}
.sidebar-container .sub-menu-page h3:after{content:'';display:block;height:1px;width:100%;background-color: #fff;margin-top:15px;}
.sidebar-container .sub-menu-page .sidebar-container .sub-menu-page .block-inner {background-color: #90AFBF; padding: 0px 0px;}

/*************************** PAGE ***************************/
.page-banner{height:300px;}
.page-banner .entry-thumbnail{height:300px;}
.wrapper-white h2, .wrapper-white h3{text-transform: uppercase;}
.wrapper-white h2, .wrapper-white h3, .wrapper-white h4,  .wrapper-white3 h3{
    position: relative;
    line-height: 1.3em;
    font-weight:600 !important;
    margin:25px 0px 25px 0px;
    padding:5px 0px 5px 35px;
}

.wrapper-white .content-area h2{color:#235a70; font-size:26px;}
.wrapper-white .content-area h3, .wrapper-white3 h3{color:#598296; font-size:20px;}
.wrapper-white .content-area h4{color:#676767;}

.wrapper-white h2:after, .wrapper-white h3:after, .wrapper-white h4:after, .wrapper-white3 h3:after{
  content:'';
  display:inline-block;
  height:100%;
  position:absolute;
  left:0px;
  bottom:0px;
}
/*.wrapper-white h2:after{margin-right:20px; width:5px; background-color:#235a70;}*/
.wrapper-white h3:after, .wrapper-white3 h3:after{margin-right:20px; width:5px; background: #598296;}
.wrapper-white h4:after{margin-right:20px; width:5px; background: #676767;}

.wrapper-white .content-area p{color:#505050;}

.single-projets .thumb-projets img{display:block;margin:auto;}


/*************************** Conseil d'administration ***************************/
.member .member-small{padding: 0px 20px 20px 20px;}
.member .member-small h3{
    position: relative;
    line-height: 1.3em;
    font-size:17px;
    text-transform: uppercase;
    margin: 5px 0px 0px 0px!important;
    padding: 5px 0px 0px 0px!important;
    text-align:center;
    color:#2d637e!important;
    text-transform:none!important;
}
.member .member-small h3:after, .member .member-small h4:after{
    display:none;
}
.member .member-small h4{
    position: relative;
    line-height: 1.3em;
    text-transform: uppercase;
    font-weight: normal!important;
    margin: 0px 0px 5px 0px!important;
    padding: 5px 0px 5px 0px!important;
    font-size:13px;
    color:#464a61;
    text-align:center;
}
.paypalBt{   
    display: block;
    margin: auto;
    width: 150px;
    padding-top:15px;
}




.main-navigation .nav-menu li.hidden, .main-navigation .nav-menu li.lang-item{display:none;}


/**********************************************************************************************************/
/**********************************************************************************************************/
/************ CSS 2020 - Nouvelle section *****************************************************************/
/**********************************************************************************************************/
/**********************************************************************************************************/
.customCta20, .customCta20:visited{
    text-transform:none;
    color: #fff;
    font-size:13px;
    display:inline-block;
    padding:12px 20px;
    font-weight:bold;
    background: #ff9505;
    position: relative;
    text-transform:uppercase;
    margin-top:15px;
    opacity:1;
    border-radius:3px;
    transition: all 0.3s ease-out 0s;
}
.customCta20:hover{opacity:1;color:#fff;background:#132575;transition: all 0.3s ease-out 0s;}


.block-repetable{padding-top:50px;}
.block-repetable a{width:100%;height:100%;position:relative;z-index:2;}
.block-repetable a:hover{opacity:1;}
.block-repetable a:after {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    opacity: 0.7;
    z-index: -1;
    content: "";
    transition: all 0.3s ease-out 0s;
    background:#132575;
}

.page-template-page-volontariat .entry-content h2, .page-template-page-volontariat .block-temoignage h2{padding-left:0px;}


.block-repetable .unBlock{margin-bottom:0px;background-size: cover;background-repeat: no-repeat;}
.block-repetable .unBlock .inner{max-width:100%;width:675px;    box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.block-repetable .unBlock:nth-child(odd) .inner{float:right;padding:120px 50px 120px 50px;}
.block-repetable .unBlock:nth-child(even) .inner{padding:120px 50px 120px 50px;}
.block-repetable .unBlock:nth-child(odd) a{justify-content:flex-end}
.block-repetable .list.vcenter{align-items: center;}
.block-repetable .block-left.block-1-3{width:32%;margin-right:2%;}
.block-repetable .block-left.block-2-3{width:65%;}
.block-repetable .block-left.block-2-3.txt .inner{padding:40px;}
.block-repetable h3{padding:0px 0px 5px 0px;color:#fff}
.block-repetable p{padding:15px 0px 0px 0px;color:#fff}















.block-repetable-content{padding-top:50px;padding-bottom:50px;}
.block-repetable-content h2{padding-left:0px;}
.block-repetable-content h2 a{width:auto;height:auto;position:relative;z-index:2;color: #132575;}
.block-repetable-content a{width:auto;height:auto;position:relative;z-index:2;}
.block-repetable-content a:hover{opacity:1;}
.block-repetable-content a:after {
    display:none;
}




.block-repetable-content .unBlock{margin-bottom:30px;background-size: cover;background-repeat: no-repeat;}
.block-repetable-content .unBlock .inner{max-width:100%;width:675px;    box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.block-repetable-content .unBlock:nth-child(odd) .inner{float:right;padding:40px 15px 40px 15px;}
.block-repetable-content .unBlock:nth-child(even) .inner{padding:40px 15px 40px 16px;}


.block-repetable-content .unBlock:nth-child(even){flex-direction:row-reverse;}


.block-repetable-content .unBlock:nth-child(odd) a{justify-content:flex-end}
.block-repetable-content .list.vcenter{align-items: center;}
.block-repetable-content .block-left.block-1-3{width:32%;margin-right:2%;}
.block-repetable-content .block-left.block-2-3{width:65%;}
.block-repetable-content .block-left.block-2-3.txt .inner{padding:40px;}
.block-repetable-content h3{padding:0px 0px 5px 0px;}
.block-repetable-content p{padding:15px 0px 0px 0px;}


.page-template-page-volontariat .block-temoignage{padding:30px 0px 30px 0px;}
.page-template-page-volontariat .block-temoignage .thumb{margin-bottom:5px;}
.page-template-page-volontariat .block-temoignage .perso{text-align:right}
.page-template-page-volontariat .block-temoignage .perso b{font-size:1.2em;}







.searchBlock h2, .searchBlockGravity h2{padding-left:0px;}
.searchBlock{padding:25px 0px 40px 0px;margin-bottom:40px;}
.searchBlock input, .searchBlock select {
    border: 2px solid #132575;
    padding: 8px 3%;
    color: #000000;
    width: 100%;
    outline: none !important;
    border-radius:5px;
      box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.searchBlock input:focus, .searchBlock select:focus{
    border: 2px solid #ff9505;
}

.structure{padding:80px 0px 40px 0px;}
.structureInner{
  position:relative;
  padding-left:370px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.structure .searchBlock{width:300px;position:absolute;top:0px;left:17px;padding-top:0px;}
.structure .searchBlock h2{font-weight:bold;font-size:18px;color:#132575;padding:10px 0px 10px 35px;margin-bottom:20px;margin-top:0px;}
.structure .searchBlock h2:after {
    content: ''; margin-right: 20px;
    width: 5px;
    background:#132575;
    display: inline-block;
    height: 100%;
    position: absolute;
    left: 0px;
    bottom: 0px;
}
.structure .postResult{width:100%;position:relative;right:-15px;    min-height: 360px;}
.structure .postResult h3{font-size:23px;line-height:1.4em;margin-bottom:0px;padding-bottom:20px;}
.structure .postResult h3 a{color:#132575;font-size:23px;line-height:1.4em;}
.structure .postResult h3 a:hover{opacity:1;}
.structure .postResult td p{font-size:14px;}
.structure .postResult td{padding:0px 30px 5px 0px;vertical-align:top;}
.structure .postResult td b{color:#132575;font-size:13px;text-transform:uppercase;}
.structure .postResult td li{margin-bottom:5px;font-size:14px;}

.structure .postResult .unPoste td.spaceCTA{padding-right:150px;}




.structure .unPoste{position:relative;}
.structure .unPoste:last-child{margin-bottom:0px;}
.structure .unPoste a.customCta20{background-color:#FF9505;border-radius:5px;position:absolute;right:30px;bottom:30px;}
.structure .unPoste a.customCta20:hover{background-color:#132575;}


.searchBlock .btn button{
  display:block;
  padding: 12px 20px;
  color: #fff;
  font-weight: bold;
  background: #132575;
  transition: all 0.3s ease-out 0s;
  position: relative;
  border-radius:5px;
  width: 100%;
}

.searchBlock .btn button:hover{
    opacity: 1;
    color: #fff;
    background: #ff9505;
    transition: all 0.3s ease-out 0s;
}



.searchBlockGravity{padding:15px 0px 30px 0px;border-top:3px solid #ebf0f2;}

.post-15809 h2{padding-left:0px}
.searchBlockGravity input, .searchBlockGravity select {
    border: 2px solid #598296;
    padding: 8px 3%;
    color: #000000;
    width: 100%;
    outline: none !important;
    border-radius: 12px;
}


.searchBlockGravity .wpforms-container-full .wpforms-form button[type=submit], .entry-content .wpforms-container-full .wpforms-form button[type=submit]{
  display:inline-block;
  padding: 10px 20px;
  background-color: #f8da3d;
  color: #000;
  font-weight: bold;
  border: 1px solid #f8da3d;
  transition: all 0.3s ease-out 0s;
  position: relative;
  border-radius: 12px;
}
.searchBlockGravity  .wpforms-container-full .wpforms-form input.wpforms-field-medium, .entry-content  .wpforms-container-full .wpforms-form input.wpforms-field-medium{width:100%; max-width:100%;} 
.searchBlockGravity  .wpforms-container-full .wpforms-form select.wpforms-field-medium, .entry-content  .wpforms-container-full .wpforms-form select.wpforms-field-medium{width:100%; max-width:100%;} 
.searchBlockGravity  .wpforms-container-full .wpforms-form .wpforms-field-row.wpforms-field-medium, .entry-content  .wpforms-container-full .wpforms-form .wpforms-field-row.wpforms-field-medium{width:100%; max-width:100%;}
.searchBlockGravity  .wpforms-container-full .wpforms-form input[type=text], 
.searchBlockGravity  .wpforms-container-full .wpforms-form input[type=email], 
.searchBlockGravity  .wpforms-container-full .wpforms-form textarea,
.entry-content  .wpforms-container-full .wpforms-form input[type=text], 
.entry-content  .wpforms-container-full .wpforms-form input[type=email], 
.entry-content  .wpforms-container-full .wpforms-form textarea{
  border: 2px solid #598296;
  padding: 8px 3%;
  color: #000!important;
  width: 100%;
  outline: none !important;
  border-radius: 12px;
  margin-top:5px;
  margin-bottom:10px;
} 




.searchBlockGravity .wpforms-container-full .wpforms-form button[type=submit]:hover, .entry-content .wpforms-container-full .wpforms-form button[type=submit]:hover{
  background-color: #f9ecab;
  transition: all 0.3s ease-out 0s;
}


.postResult{padding:0px 0px 20px 0px}
.postResult h2{padding-left:0px;}




.unPoste{
  padding: 35px 35px;
  background-color:#fff;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin-bottom:30px;
}



.unPoste h3{margin:0px 0px 20px 0px;padding:0px 0px 5px 0px;text-transform:none;font-size:18px;line-height:1.1em;}
.unPoste h3 a{text-transform:none;line-height:1.1em;}
.unPoste h3:after {display:none;}
.unPoste.block-1-2-b{width: 49%;margin-right: 2%;margin-bottom:30px;}
.unPoste.block-1-2-b:nth-child(even){ margin-right: 0%;}
.unPoste p{display:block;}
.unPoste p.noP{margin:0px 0px 3px 0px;}
.unPoste a.customCta20{margin-top:20px;}




.unPoste .competence ul{display:block;margin-bottom:15px;}
.unPoste .competence li{display:inline-block;padding:0px; margin:0px;}

.listPartenaires20 h2{padding-left:0px;padding:20px 0px;margin-bottom:20px;border-bottom:3px solid #ebf0f2;}
.listPartenaires20 .list{justify-content:center;}




.listPartenaires20 .partenaire{text-align: center;padding:30px 30px;  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;}
.listPartenaires20 .unPartenaire{
  padding:10px 10px;
  align-items: center;
  width:100%;
  height:135px; 
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.listPartenaires20 .partenaire p.title{font-size: 20px;font-weight: 600;margin-top:5px;}
.listPartenaires20 .partenaire p.txt{}
.listPartenaires20 .unPartenaire img{height:auto;width:auto;max-height:75px;max-width:175px;}

.singleJob h2, .singleJob h3{padding-left:0px;}
.singleJob h2:after, .singleJob h3:after{display:none;}




.singleJob .block-2-3 {width: 66%;}
.singleJob .block-1-3{
  padding: 30px 20px;
  width:29%;
  margin-left:5%;
  border: 2px solid #dfe6e8;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}



.singleJob .block-1-3 .customCta20.yellow{text-align:center;max-width:100%;width:300px;box-sizing:border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.singleJob .block-1-3 p.noP{padding:0px 0px;margin:0px 0px;font-size:1.1em;}
.singleJob .block-1-3 ul{padding-top:10px;margin-top:0px;}

.linkBack{border-top:3px solid #ebf0f2;padding-top:20px;margin-top:30px;}


/****************************************/
/**** SHORTCODE *************************/
/****************************************/
.su-column.blocCouleur .su-column-inner{padding:40px 30px;}
.su-column.blocCouleur .su-column-inner h2, .su-column.blocCouleur .su-column-inner h3{padding-top:0px!important;margin-top:0px!important;}
.su-column.blocCouleur.jaune .su-column-inner{background-color:#f8da3d;}

.su-column.blocCouleur.gris .su-column-inner{background-color:#ebf0f2;}
.su-column.blocCouleur.bleu .su-column-inner{background-color:#0e4b62;}
.su-column.blocCouleur.bleu .su-column-inner p, .su-column.blocCouleur.bleu .su-column-inner h2,  .su-column.blocCouleur.bleu .su-column-inner h3{color:#fff;}
.su-column.blocCouleur.bleu .su-column-inner li{color:#fff;}


.su-row.vcenter{display:flex;align-items:center;}

.roundImg{display:inline-block;overflow:hidden;border-radius:50%;line-height:0em;}
.roundImg p{margin:0px;line-height:0em}



/**********************************************************************************************/
/**** BLOCKCOULEUR ****************************************************************************/
/**********************************************************************************************/


.su-column.blocCouleur.orange .su-column-inner{background-color:#ff9505;}
.su-column.blocCouleur.corail .su-column-inner{background-color:#e7ab8e;}
.su-column.blocCouleur.marin .su-column-inner{background-color:#132275;}


.su-column.blocCouleur.orange .su-column-inner p, .su-column.blocCouleur.orange .su-column-inner h2,  .su-column.blocCouleur.orange .su-column-inner h3{color:#fff;}
.su-column.blocCouleur.corail .su-column-inner p, .su-column.blocCouleur.corail .su-column-inner h2,  .su-column.blocCouleur.corail .su-column-inner h3{color:#fff;}
.su-column.blocCouleur.marin .su-column-inner p, .su-column.blocCouleur.marin .su-column-inner h2,  .su-column.blocCouleur.marin .su-column-inner h3{color:#fff;}

.su-column.blocCouleur.orange .su-column-inner li{color:#fff;}
.su-column.blocCouleur.corail .su-column-inner li{color:#fff;}
.su-column.blocCouleur.marin .su-column-inner li{color:#fff;}



.su-column.blocCouleur.marin .su-column-inner h2:after{background-color:#fff;opacity:0.5;}
.su-column.blocCouleur.corail .su-column-inner h2:after{background-color:#fff;opacity:0.5;}
.su-column.blocCouleur.orange .su-column-inner h2:after{background-color:#fff;opacity:0.5;}

.su-column.blocCouleur.marin .su-column-inner h3:after{background-color:#fff;opacity:0.5;}
.su-column.blocCouleur.corail .su-column-inner h3:after{background-color:#fff;opacity:0.5;}
.su-column.blocCouleur.orange .su-column-inner h3:after{background-color:#fff;opacity:0.5;}


.su-column.blocCouleur.ctaTeal .su-column-inner .custom-cta-blue a{background-color:#04d9d9;border:none!important;}
.su-column.blocCouleur.ctaPink .su-column-inner .custom-cta-blue a{background-color:#de384c;border:none!important;}

.su-column.blocCouleur.ctaTeal .su-column-inner .custom-cta-blue a:hover{background: #132275;}



.su-column.blocCouleur.marin .su-column-inner .custom-cta-blue a, .su-column.blocCouleur.marin .su-column-inner .custom-cta-blue a:hover{color:#fff;}
.su-column.blocCouleur.corail .su-column-inner .custom-cta-blue a{color:#fff;}
.su-column.blocCouleur.orange .su-column-inner .custom-cta-blue a{color:#fff;}

.su-column.blocCouleur.marin .su-column-inner .custom-cta-blue a:after{background:#fff;}
.su-column.blocCouleur.corail .su-column-inner .custom-cta-blue a:after{background:#fff;}
.su-column.blocCouleur.orange .su-column-inner .custom-cta-blue a:after{background:#fff;}

.su-column.blocCouleur.marin .su-column-inner .custom-cta-blue a:hover:after{background:#fff;}
.su-column.blocCouleur.corail .su-column-inner .custom-cta-blue a:hover:after{background:#fff;}
.su-column.blocCouleur.orange .su-column-inner .custom-cta-blue a:hover:after{background:#fff;}



.entry-content .su-spoiler {margin-bottom: 10px;}
.entry-content .su-spoiler-style-default.su-spoiler-closed>.su-spoiler-title{outline:none;font-size: 16px;line-height: 1.4em;  color:#306478;  background-color: #ebf0f2;padding: 10px 20px 10px 35px;}
.entry-content .su-spoiler-style-default>.su-spoiler-title{color: #fff;outline:none;font-size: 16px;line-height: 1.4em;    background-color:#306478;padding: 10px 20px 10px 35px;}
.entry-content .su-spoiler-style-default>.su-spoiler-content {padding:20px 20px 20px 35px ;}

.entry-content .su-spoiler-icon,
.su-spoiler-style-default>.su-spoiler-title>.su-spoiler-icon,
.entry-content .su-spoiler-icon, .su-spoiler-style-default>.su-spoiler-title>.su-spoiler-icon{top: 10px!important; left:10px!important;}





/**********************************************************************************************/
/**** HEADER **********************************************************************************/
/**********************************************************************************************/
.block-pride{padding-left:20px;padding-top:35px;transition: all 0.3s ease-out 0s;}
.block-pride img{width:150px;}



.sticky .block-pride{padding-top:0px;transition: all 0.3s ease-out 0s;margin-top:-5px;}





/**********************************************************************************************/
/****** PHASE 2 *******************************************************************************/
/**** ARCHIVE BLOG ****************************************************************************/
/**********************************************************************************************/
.spaceBottom{margin-bottom:30px;}
.wrapper-white.spaceBottom h2{color: #132575;padding:10px 0px 10px 0px;margin-bottom: 20px;margin-top: 0px;}
.searchBlock.searchCat h2{font-weight: bold;font-size: 18px;color: #132575;padding: 10px 0px 10px 35px;margin-bottom: 20px;margin-top: 0px;}
.searchBlock.searchCat h2:after{content: '';margin-right: 20px;width: 5px;background: #132575;display: inline-block;height: 100%;position: absolute;left: 0px;bottom: 0px;}
.searchBlock.searchCat{position:absolute;left:0px;top:0px;width:300px;}
.blogVolontaire{padding: 35px 35px;background-color: #fff;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;margin-bottom: 30px;}
.blogVolontaire:last-child{margin-bottom:-20px;}
.blogVolontaire .thumb{padding-right:30px;}
.blogVolontaire h2{font-size: 23px;line-height: 1.2em;margin-bottom: 0px;padding-bottom: 20px;margin: 0px 0px 20px 0px;padding: 0px 0px 5px 0px;text-transform: none;}
.blogVolontaire h2 a{
    color: #132575;
    font-size: 20px;
    text-transform: none;
    font-weight: 600;
    line-height: 1.2em;
}
.blogVolontaire h2 a:hover {opacity: 1;}
.blogVolontaire p.entry-date{color: #132575;font-size: 13px;text-transform: uppercase;}
.blogVolontaire p.desc{font-size: 14px;}
.blogVolontaire a.customCta20{background-color: #FF9505;border-radius: 5px;margin-bottom:5px;}
.blogVolontaire a.customCta20:hover {background-color: #132575;}

.blogVolontaire p.tag{margin-bottom:10px;}
.blogVolontaire p.tag a{
    color: #132575;
    font-size: 13px;
    display: inline-block;
    padding: 6px 10px;
    line-height: 1em;
    font-weight: bold;
    background: #DEE4EB;
    position: relative;
    margin: 5px 5px 5px 0px;
    opacity: 1;
    border-radius: 3px;
    transition: all 0.3s ease-out 0s;
}

.blogVolontaire .pagination{text-align: right; width: 100%;}
.blogVolontaire .pagination .page-numbers{display: inline-block; padding: 0 3px;}
.blogVolontaire .pagination .page-numbers.next{display: inline-block; margin: 0 5px;}
.blogVolontaire .pagination .page-numbers.prev{display: inline-block; margin: 0 5px;}

p.tag a.cat545{display:none!important;}



.category-545 .listing .site-main .content-area{min-height:250px;  }
.category-545 .site-main .content-area .site-content {width:auto;  margin-right: -79px;}
.category-545 .listing{padding-left:350px;position:relative;background-color:transparent;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}

.category-548 .listing .site-main .content-area{min-height:250px;  }
.category-548 .site-main .content-area .site-content {width:auto;  margin-right: -79px;}
.category-548 .listing{padding-left:350px;position:relative;background-color:transparent;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}

.category-550 .listing .site-main .content-area{min-height:250px;  }
.category-550 .site-main .content-area .site-content {width:auto;  margin-right: -79px;}
.category-550 .listing{padding-left:350px;position:relative;background-color:transparent;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}

.category-552 .listing .site-main .content-area{min-height:250px;  }
.category-552 .site-main .content-area .site-content {width:auto;  margin-right: -79px;}
.category-552 .listing{padding-left:350px;position:relative;background-color:transparent;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
/**********************************************************************************************/
/****** PHASE 2 *******************************************************************************/
/**** SINGLE BLOG *****************************************************************************/
/**********************************************************************************************/
.single-article-blogue .blogVolontaire{padding: 0px 0px;background-color: transparent;}

.single-article-blogue .blogVolontaire h2 {
    font-size: 23px;
    line-height: 1.2em;
    margin-bottom: 0px;
    padding-bottom: 20px;
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 5px 35px;
    text-transform: none;
}
.blogVolontaire .backWhite{background-color:#fff; box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;    border-bottom: 1px solid #E1E7EA;}

 

.blogVolontaire .entry-header p.entry-date{color: #132575;font-size: 14px;text-transform: uppercase;border-top:none;}
.blogVolontaire .entry-header h1{color: #132575;text-transform: none;line-height: 1.1em; padding-bottom:15px;margin-bottom:15px;border-bottom: 1px solid #ebf0f2;}
.blogVolontaire .entry-header .categories ul li a{text-decoration: none;display: inline-block; pointer-events: none; color: #fff;}
.blogVolontaire .entry-header .categories ul li{
    list-style: none;
    display: inline-block;
    font-size: 13px;
    background-color: #132575;
    font-weight: bold;
    padding: 6px 10px;
    border-radius: 3px;
    margin: 5px 5px 5px 0px;
  }
.blogVolontaire .entry-header .categories ul{padding-left: 0px; margin: 0px;}
.blogVolontaire .entry-content{width:100%;margin-bottom: 30px;}
.blogVolontaire .entry-content img{
	object-fit: contain;
    object-position: top;
    height: 100%!important;
    /*width: 100%!important;*/
}
.blogVolontaire .entry-content .block-left{ width:45%;}
.blogVolontaire .entry-content .block-left .thumb{height:165px;}
.blogVolontaire .entry-content .block-right{ width:55%;}
body .blogVolontaire p.desc{margin-top:10px; margin-bottom:0}
body .blogVolontaire p.tag{ margin-top:0}
body .blogVolontaire p.entry-date{ margin-top:0; margin-bottom:0}


.blogVolontaire .entry-content:last-child{margin-bottom: 0px;}
.blogVolontaire .entry-thumbnail img{width:100%;}
.blogVolontaire p.tag{margin:10px 0px 0px 0px;}
.blogVolontaire p.tag a, .blogVolontaire p.tag button{

    color: #fff;
    font-size: 13px;
    display: inline-block;
    padding: 6px 10px;
    line-height: 1em;
    font-weight: bold;
    background: #FF9505;
    position: relative;
    margin: 5px 5px 5px 0px;
    opacity: 1;
    border-radius: 3px;
    transition: all 0.3s ease-out 0s;
}
.blogVolontaire p.tag a:hover, .blogVolontaire p.tag button:hover{background: #132575;}


.blogVolontaire .wrapper-white .content-area h2 {font-size: 26px;}
.blogVolontaire .entry-content h2{color:#132575;}
.wrapper-white .blogVolontaire h2:after{background:#132575;opacity:0.9;width:5px;}
.blogVolontaire .entry-content h3{color:#455392;text-transform:none;}
.wrapper-white .blogVolontaire h3:after{background:#455392;opacity:0.8;}

.blogVolontaire .structure2{ position:relative;padding-right:280px;}
.blogVolontaire .sideAutor{
  position: absolute;
  right: 0px;
  padding-left:0px;
  padding:30px 30px 40px 30px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  top: 0px;
  width:250px;
  
}
.blogVolontaire .sideAutor .thumb{width:150px;height:150px;margin: 0px auto 20px auto;border-radius:50%;overflow:hidden;position:relative;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.blogVolontaire .sideAutor .thumb img{position:absolute;left:0px;top:0px;right:0px;bottom:0px;width:100%;height:auto;}
.blogVolontaire .sideAutor .txt{text-align:center;}
.blogVolontaire .sideAutor h3 {color: #132575;font-size:19px;text-transform: none; line-height: 1.2em;padding:10px 0px;margin:10px 0px;}
.blogVolontaire .sideAutor h3:after{display:none;}
.blogVolontaire .sideAutor a.customCta20{font-size:11px;}
.blogVolontaire .sideAutor .region, .blogVolontaire .sideAutor .pays{margin:5px 0px;font-size:14px;}
.blogVolontaire .entry-content .addtoany_list {border-bottom: 1px solid #ebf0f2;padding-bottom:20px;display: block;}

.blogVolontaire .moreArticle{margin:5px 0px;font-size:14px;}
.blogVolontaire .moreArticle h3{margin-top:0px;font-size:23px;line-height: 1.4em;color: #132575;}
.blogVolontaire .moreArticle .blog{padding:0px 0px;box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin-top: 30px;}

.blogVolontaire .moreArticle .blog .thumb{padding-right:30px;}
.blogVolontaire .moreArticle .blog h4{font-size:19px;line-height: 1.2em;margin-bottom: 0px;padding-bottom: 20px;margin: 0px 0px 20px 0px;padding: 0px 0px 5px 0px;text-transform: none;}
.blogVolontaire .moreArticle .blog h4:after{display:none;}
.blogVolontaire .moreArticle .blog h4 a{color: #132575;font-size:inherit;text-transform: none;line-height:inherit;}
.blogVolontaire .moreArticle .blog h4 a:hover {opacity: 1;}
.blogVolontaire .moreArticle .blog p.entry-date{color: #132575;font-size: 12px;text-transform: uppercase;margin-bottom:0px;}
.blogVolontaire .moreArticle .blog a.customCta20{background-color: #FF9505;border-radius: 5px;margin-bottom:5px;}
.blogVolontaire .moreArticle .blog a.customCta20:hover {background-color: #132575;}
.blogVolontaire .moreArticle .blog p.tag{margin-bottom:10px;}
.blogVolontaire .moreArticle h3:after {}
.blogVolontaire .moreArticle h3{margin:0px 0px 15px 0px;}
.blogVolontaire .moreArticle .vcenter{text-align: left;align-items: center;}
.blogVolontaire .entry-content .addtoany_content{position:absolute;left:0px;top:-95px;display:inline-block;margin:0px;}
.blogVolontaire .entry-content .addtoany_list {border-bottom:none;padding:15px 30px 10px 30px; background-color:#fff;}
.blogVolontaire .entry-content .addtoany_list a:not(.addtoany_special_service)>span{background-color: #132575!important;}
.blogVolontaire .entry-content .addtoany_list:before {font-size: 15px;}


















/**********************************************************************************************/
/****** PHASE 2 *******************************************************************************/
/**** ARCHIVE VOLONTAIRE **********************************************************************/
/**********************************************************************************************/

.page-template-archive-volontaire .block-repetable {padding-top:20px;}
.page-template-archive-volontaire .structure {padding: 40px 0px 0px 0px;}
.page-template-archive-volontaire .structureInner{padding-left: 0px;}
.page-template-archive-volontaire .site-main .unVolontaire{margin-right:2%;    width: 22.5%;}
.page-template-archive-volontaire .site-main .unVolontaire:nth-child(4n){margin-right: 0%;}

.page-template-archive-volontaire .searchBlock{position: relative; width: 100%; padding-bottom: 0px;}
.page-template-archive-volontaire .searchBlock ul{display: flex; flex-direction: row;}
.page-template-archive-volontaire .searchBlock ul li{
    display: block;
    width: 22.5%;
    float: left;
    margin-right: 2%;
    vertical-align: top;
}
  
.page-template-archive-volontaire .searchBlock ul li button,
.page-template-archive-volontaire .searchBlock ul li select,
.page-template-archive-volontaire .searchBlock ul li input{width: 95%; padding: 9px 3%;}

.page-template-archive-volontaire .site-main .unVolontaire{padding:25px 25px;background-color: #fff;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;margin-bottom: 30px;text-align:center;border-bottom: 1px solid #E1E7EA;}
.page-template-archive-volontaire .site-main .unVolontaire .thumb{border-radius:50%;overflow:hidden;margin:0px auto 20px auto;line-height:0em;width:150px;height:150px;}
.page-template-archive-volontaire .site-main .unVolontaire .thumb a{line-height:0em;}
.page-template-archive-volontaire .site-main .unVolontaire h3{font-size: 23px;line-height: 1.2em;margin: 0px 0px 5px 0px;padding: 0px 0px 10px 0px;text-transform: none;}
.page-template-archive-volontaire .site-main .unVolontaire h3 a{color: #132575;font-size: 23px;text-transform: none;line-height: 1.2em;}
.page-template-archive-volontaire .site-main .unVolontaire h3 a:hover {opacity: 1;}
.page-template-archive-volontaire .site-main .unVolontaire p.noP{margin:0px 0px 0px 0px;}
.page-template-archive-volontaire .site-main .unVolontaire a.customCta20{background-color: #FF9505;border-radius: 5px;margin-top:20px;}
.page-template-archive-volontaire .site-main .unVolontaire a.customCta20:hover {background-color: #132575;}
.page-template-archive-volontaire .site-main .unVolontaire p.tag{margin-bottom:0px;margin-top:15px;}
.page-template-archive-volontaire .site-main .unVolontaire p.tag a{
    color: #132575;
    font-size: 13px;
    display: inline-block;
    padding: 6px 10px;
    line-height: 1em;
    font-weight: bold;
    background: #DEE4EB;
    position: relative;
    margin: 5px 5px 5px 0px;
    opacity: 1;
    border-radius: 3px;
    transition: all 0.3s ease-out 0s;
}
.page-template-archive-volontaire .postResult .page-content{width: 100%;}

.page-template-archive-volontaire .site-main .pagination{text-align: right; width: 100%;}
.page-template-archive-volontaire .site-main .pagination .page-numbers{display: inline-block; padding: 0 3px;}
.page-template-archive-volontaire .site-main .pagination .page-numbers.next{display: inline-block; margin: 0 5px;}
.page-template-archive-volontaire .site-main .pagination .page-numbers.prev{display: inline-block; margin: 0 5px;}


.category-blogue-des-volontaires  .block-repetable {
    padding-top: 30px;
}

.category-blogue-des-volontaires  .paging-navigation a{
    text-transform: none;
    color: #fff;
    font-size: 13px;
    display: inline-block;
    padding: 12px 20px;
    font-weight: bold;
    background: #132575;
    position: relative;
    text-transform: uppercase;
    margin:0px;
    opacity: 1;
    border-radius: 3px;
    transition: all 0.3s ease-out 0s;
}
.category-blogue-des-volontaires  .paging-navigation a:hover {
    opacity: 1;
    color: #fff;
    background: #ff9505;
    transition: all 0.3s ease-out 0s;
}








/**********************************************************************************************/
/****** PHASE 2 *******************************************************************************/
/**** SINGLE VOLONTAIRE ***********************************************************************/
/**********************************************************************************************/
.singleVolontaire .img{
    border-radius: 50%;
    overflow: hidden;
    display:inline-block;
    margin: 0px 0px 0px 0px;
    line-height: 0em;
}
.singleVolontaire .img a {line-height: 0em;}
.singleVolontaire .img a img{width:100%;}


.singleVolontaire .head{position:relative;padding-left:340px;min-height:280px;margin-bottom:0px;text-align:left;align-items:center;}
.singleVolontaire .head .inner{width:100%;}
.singleVolontaire .head .img{position:absolute;left:0px;top:0px;width:280px;height:280px;}
.singleVolontaire .head h2{font-size: 35px;color: #132575;
    text-transform: none;
    display:block;
    line-height: 1.1em;margin:0px 0px 15px 0px;padding:0px 0px 15px 0px;border-bottom: 1px solid #ebf0f2;}


.singleVolontaire .head p.date{
    color: #132575;
    font-size: 14px;
    text-transform: uppercase;
    border-top: none;
    }
.singleVolontaire .head h2:after{display:none;}
.singleVolontaire .linkBack {margin-top: 0px;}

/*.singleVolontaire .entry-content .thumb{height: 160px;}*/

.single-volontaire .blogVolontaire .moreArticle .blog{width: 48%;margin-right: 4%;}
.single-volontaire .blogVolontaire .moreArticle .blog img{width:100%;}
.single-volontaire .blogVolontaire .moreArticle .blog:nth-child(2n){margin-right:0%;}







.wrapper-white .content-area.singleVolontaire .contenuVolontaire{padding-top:25px;}
.wrapper-white .content-area.singleVolontaire .contenuVolontaire h2{color:#132575;font-size: 26px;padding-left:0px;}
.wrapper-white .content-area.singleVolontaire .contenuVolontaire h2:after{background:#132575;opacity:0.9;width:5px;display:none;}
.wrapper-white .content-area.singleVolontaire .contenuVolontaire h3{color:#455392;text-transform:none;padding-left:0px;}
.wrapper-white .content-area.singleVolontaire .contenuVolontaire h3:after{background:#455392;opacity:0.8;display:none;}


/**********************************************************************************************/
/****** PHASE 2  *******************************************************************************/
/**** NOUVELLES ******************************************************************************/
/**********************************************************************************************/
body .entry-content .tag, body .entry-header .tag{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 10px 0!important;
}

body .entry-header .tag span a, body .entry-header .tag a, body .entry-header .tag span, body .entry-content .tag span a, .entry-content .tag a, .entry-content .tag span, .entry-content .tag p{
  font-size: 11px!important;
  line-height: 13px!important;
  font-weight:400!important;
  color: #4a7789!important;
  text-decoration: none;
  display: flex;
  padding: 5px 8px;
  border-radius: 3px;
  margin-right: 8px;
  /*margin-top: 5px;*/
  background-color: #f8da3d;
  /*pointer-events: none;*/
}

/**********************************************************************************************/
/****** PHASE 2  *******************************************************************************/
/**** CTA TEAL PRIDE ******************************************************************************/
/**********************************************************************************************/
.customCta20teal{
  height: 20px;
  background-color: #04d9d9;
  color: #fff;
  text-transform: uppercase;
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  padding: 15px 25px;
  position: relative;
  margin-right: 15px;
  margin-bottom: 10px;
}
.customCta20teal a:hover:after {background: #fff;}
.customCta20teal a{color: #fff;}
.customCta20teal a:hover{transition: all 0.3s ease-out 0s;opacity: 1;}
.customCta20teal a:after {
  content: '';
  position: absolute;
  height: 4px;
  width: 0;
  background: #04d9d9;
  transition: 400ms ease all;
  right: inherit;
  top: inherit;
  left: 0;
  bottom: 0;
  opacity: 1;
}

.customCta20teal:hover:before, .customCta20teal:hover:after { width: 100%;transition: 800ms ease all;}
.customCta20teal:hover:after {background: #fff;}
.customCta20teal a{color: #fff;}
.customCta20teal:hover{transition: all 0.3s ease-out 0s;opacity: 1;cursor: pointer;}
.customCta20teal:after {
  content: '';
  position: absolute;
  height: 4px;
  width: 0;
  background: #04d9d9;
  transition: 400ms ease all;
  right: inherit;
  top: inherit;
  left: 0;
  bottom: 0;
  opacity: 1;
}
.customCta20teal:hover:before, .customCta20teal:hover:after {width: 100%;transition: 400ms ease all;}

/**********************************************************************************************/
/****** PHASE 2  *******************************************************************************/
/**** CTA BLUE/ORANGE PRIDE ******************************************************************************/
/**********************************************************************************************/
.customCta20blue{
    color: #fff;
    font-size: 13px;
    display: inline-block;
    font-weight: bold;
    background: #132275;
    position: relative;
    text-transform: uppercase;
    margin-top: 15px;
    opacity: 1;
    border-radius: 3px;
    transition: all 0.3s ease-out 0s;
    cursor: pointer;
}
.customCta20blue:hover{ background-color: #FF9505;}

.customCta20orange{
    color: #fff;
    font-size: 13px;
    display: inline-block;
    font-weight: bold;
    background: #FF9505;
    position: relative;
    text-transform: uppercase;
    margin-top: 15px;
    opacity: 1;
    border-radius: 3px;
    transition: all 0.3s ease-out 0s;
    cursor: pointer;
    padding: 0px;
}
.customCta20orange:hover{ background-color: #132275;}

.customCta20blue a:hover, .customCta20orange a:hover{color: #fff; opacity: 1;}
.customCta20blue a, .customCta20orange a{display: block; padding: 12px 20px; font-family: 'Montserrat', sans-serif; font-weight: bold;color: #fff;}

/**********************************************************************************************/
/****** PHASE 2 *******************************************************************************/
/**** RESPONSIVE ******************************************************************************/
/**********************************************************************************************/
@media screen and (max-width: 1300px){
  .category-545 .site-main .content-area .site-content {margin-right:0px;}
  .category-545 .listing{padding:40px 20px 40px 365px;    max-width: 100%;}
  .category-545 .listing{margin:0px auto}
  .searchBlock.searchCat {left:20px;}
}

@media screen and (max-width: 1295px){
  .structure .postResult {right:0px;}
}






@media screen and (max-width: 1200px){
  .archive .site-main .unVolontaire{margin-right:2%;width:49%;}
  .archive .site-main .unVolontaire:nth-child(3n){margin-right:2%;}
  .archive .site-main .unVolontaire:nth-child(2n){margin-right:0%;}
}





@media screen and (max-width: 1100px){
  .unPoste {padding: 30px 30px;    overflow: hidden;margin-bottom:20px;}
  .unPoste:last-child{margin-bottom:0px;}
  .structure .postResult td, .structure .postResult tr{display:block;width:100%;}
  .structure .postResult tr{padding-bottom:10px;}
  .structure .postResult tr:last-child{padding-bottom:0px;}
  .structure .postResult td{padding-top:0px;padding-bottom:0px;}
}

@media screen and (max-width: 1140px){
  .block-pride img {width: 150px;}
}

@media screen and (max-width:1000px){
  .blogVolontaire .sideAutor {position:static;padding: 30px 30px 40px 30px;width:100%;}
  .blogVolontaire .structure2 {padding-right:0px;}
}








@media screen and (max-width:950px){
  .singleVolontaire .head {padding-left:0px;}
  .singleVolontaire .head .img {position:static;margin-bottom:40px;}
  .single-volontaire .blogVolontaire .moreArticle .blog{width:100%; float:none;}
  .single-volontaire .blogVolontaire .moreArticle .blog{margin-bottom:30px;}
  .single-volontaire .blogVolontaire .moreArticle .blog h4 {font-size:22px;line-height: 1.2em;}
}



@media screen and (max-width:880px){
  .category-545.category .site-main .content-area {padding:0px 0px 0px 0px;background-color:transparent;}
  .site-main .noWhite .content-area {padding: 0px 0px 0px 0px;background-color:transparent;}
}




@media screen and (max-width:850px){
  .blogVolontaire .moreArticle .blog .block-1-2{width:100%; float:none;}
  .blogVolontaire .moreArticle .blog .block-left{margin-bottom:30px;}
  .blogVolontaire .moreArticle .blog .thumb {padding-right:0px;}
  .single-volontaire .blogVolontaire .moreArticle .blog{margin-right:0px;}
  .single-volontaire .blogVolontaire .moreArticle .blog .thumb{padding-right:0px;}
}

@media screen and (max-width:825px){
  .structureInner {padding-left:0px;}
  .structure .searchBlock {width:100%;position:static;padding-bottom:0px;}
}

@media screen and (max-width:950px){
  .block-repetable .unBlock{width:100%;float:none;}
  .block-repetable .unBlock .inner {width:100%;}
  .block-repetable .unBlock:nth-child(odd) .inner {float:none;padding:80px 30px 80px 30px;}
  .block-repetable .unBlock:nth-child(even) .inner {padding:80px 30px 80px 30px;}
  .category-545 .listing {padding-left:20px;padding-top:10px;}
  .searchBlock.searchCat {margin-bottom:0px;}
  .searchBlock.searchCat {position:static;width:100%}
}

@media screen and (max-width:720px){
  .block-pride {padding-left: 20px;padding-top: 0px;}
  .block-pride  img{width:100px;}

}

@media screen and (max-width:670px){
  .block-logo.block-left {float:left!important;width:auto!important;}
  .block-pride {padding-top:20px;}
  .block-logo.block-left{padding-bottom:10px;}
}






@media screen and (max-width:665px){
  .category .site-main .content-area .blogVolontaire .thumb {padding-right: 0px;margin-bottom:30px;}
}


@media screen and (max-width:600px){
  .blogVolontaire .entry-content .addtoany_content { top: -90px;}
  .blogVolontaire .entry-content .addtoany_list:before {font-size: 14px; }
  .blogVolontaire .entry-content .addtoany_list {padding: 15px 20px 10px 20px;}
  .blogVolontaire .entry-content .addtoany_list a:not(.addtoany_special_service)>span{width:24px!important;height:24px!important;}
}

@media screen and (max-width:500px){
  .blogVolontaire .moreArticle .blog{width:100%; float:none;}
  .blogVolontaire .moreArticle .blog:first-of-type{margin-bottom:40px;}
  .archive .site-main .unVolontaire{margin-right:0%;width:100%;}
  .archive .site-main .unVolontaire:nth-child(3n){margin-right:0%;}
  .archive .site-main .unVolontaire:nth-child(2n){margin-right:0%;}
}



@media screen and (max-width:500px){
.singleVolontaire .head .img {
    width: 200px;
    height: 200px;
}
}




@media screen and (max-width:490px){
    .structure .unPoste a.customCta20 {position:static;}
    .category .site-main .content-area .blogVolontaire {padding:15px 15px;}
}




@media screen and (max-width:470px){
  .block-repetable .unBlock:nth-child(odd) .inner {padding:80px 15px 80px 15px;}
  .block-repetable .unBlock:nth-child(even) .inner {padding:80px 15px 80px 15px;}
  .blogVolontaire .entry-content .addtoany_list:before{display:none;}
}