/*
@font-face {
    font-family: 'nunito_sansextralight_italic';
    src: url('nunito/nunitosans-extralightitalic-webfont.woff2') format('woff2'),
         url('nunito/nunitosans-extralightitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'nunito_sansextrabold_italic';
    src: url('nunito/nunitosans-extrabolditalic-webfont.woff2') format('woff2'),
         url('nunito/nunitosans-extrabolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'nunito_sansblack';
    src: url('nunito/nunitosans-black-webfont.woff2') format('woff2'),
         url('nunito/nunitosans-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'nunito_sanssemibold';
    src: url('nunito/nunitosans-semibold-webfont.woff2') format('woff2'),
         url('nunito/nunitosans-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'nunito_sansbold';
    src: url('nunito/nunitosans-bold-webfont.woff2') format('woff2'),
         url('nunito/nunitosans-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'nunito_sansitalic';
    src: url('nunito/nunitosans-italic-webfont.woff2') format('woff2'),
         url('nunito/nunitosans-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'nunito_sanssemibold_italic';
    src: url('nunito/nunitosans-semibolditalic-webfont.woff2') format('woff2'),
         url('nunito/nunitosans-semibolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'nunito_sansregular';
    src: url('nunito/nunitosans-regular-webfont.woff2') format('woff2'),
         url('nunito/nunitosans-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'nunito_sansextrabold';
    src: url('nunito/nunitosans-extrabold-webfont.woff2') format('woff2'),
         url('nunito/nunitosans-extrabold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'nunito_sansblack_italic';
    src: url('nunito/nunitosans-blackitalic-webfont.woff2') format('woff2'),
         url('nunito/nunitosans-blackitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'nunito_sanslight';
    src: url('nunito/nunitosans-light-webfont.woff2') format('woff2'),
         url('nunito/nunitosans-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'nunito_sansextralight';
    src: url('nunito/nunitosans-extralight-webfont.woff2') format('woff2'),
         url('nunito/nunitosans-extralight-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
*/

body  {margin-top: 1rem}

.btnblue {background-color: #006FB7; padding: 0.2rem 1rem; color: white !important; border:solid 1px #006FB7 !important;font-size: 0.9rem;
    line-height: 1.5;}
.btnblue:hover{background-color: white; text-decoration: none; color:#006FB7 !important;border:solid 1px #006FB7 !important;}
.color-blue {color: #006FB7}

.quotes {line-height: 1.2;
font-size: 0.9rem;
font-weight: lighter;
}

.xs-padding {
  padding-left: 7.5px;
  padding-right: 7.5px;
}


.centerflex {
  justify-content: center;
}


.category-49 .readmore{display: none}

#primary a{color: rgb(0, 111, 183);border-bottom: dotted 1px rgb(0, 111, 183);}
#primary a:hover{text-decoration: none;border:none}
.archive #primary a, .home #primary a{color: inherit;border-bottom:none;}

.qtranxs-available-languages-message {font-size: 0.9rem; font-style: italic;}

.entry-meta {color: #006FB7;
margin-bottom: 0.5rem;
font-style: italic;
font-size: 0.8rem}

.wp-pagenavi {text-align: center;}

header#masthead {
    margin-bottom: 0;
    background-color: #563d7c;
    box-shadow: none;
    padding: .74rem 1rem;
    border-top: none;
    border: none
}


#masthead nav {
margin-top: 0.5rem}


#menuhead {display: flex;}
#menulang {width: 100%}

.language-chooser {padding: 0; margin: 0 auto; text-align: right;}
.language-chooser li{list-style: none; display:inline; margin-left: 0.5rem;}
.language-chooser li a {border: solid 1px #0073B8;
border-radius: 50%;
padding: 0.5rem;
color: #0073B8;
font-size: 0.7rem; }
.language-chooser li a:hover {background-color: #0073B8; color: white; text-decoration: none}
.language-chooser li.active a {background-color: #0073B8; color: white}


/*.lang-fr a, .lang-es a {  pointer-events: none; opacity: 0.5; border-color :rgba(0,115,184,0.5) !important}*/


.dropdown-item:hover, .dropdown-item:focus {
    color: #151515;
    text-decoration: none;
    background-color: transparent !important;
}

.navbar {display: flex; flex-wrap: wrap;}
.navbar-brand {max-width: 50%; padding-right: 1rem}

.menu-item-1323 > a {display: none !important}

.homeicone > a {position:relative; color: transparent !important; margin-bottom: 0.75rem; margin-top: -0.25rem;}
.homeicone > a:after { font-family: "Font Awesome 5 Free"; font-weight: 900; content: ""; border:none;    position: absolute;
    left: 0px; color:black !important;
        width: 1rem;
    height: 1rem;
    background-size: cover;
background-image: url(IMGS/home-alt-light.svg);}
#colophon .homeicone > a:after, .sidemenu .homeicone > a:after {background-image: url(IMGS/home-alt-light-white.svg);}

#colophon .navbar-brand {width: 100%; margin: 0}

#menu-mobile {margin: 0; padding:0;}
#menu-mobile li {list-style: none;}

.sidemenu .menu li,.menu-item-has-children a {margin-bottom: 0.5rem}



.sidemenu section ul li ul{ padding-left: 1rem }


.sidemenu  {    background-color: #006FB7}
.sidemenu section a {color: white; font-size: 1.2rem; display: inline-block;}
.sidemenu #menu-primary-2 >  li >  a {font-size: 1.3rem; font-weight: bolder; cursor: initial;}

.sidemenu .homeicone {margin-left: -1rem !important}
.sidemenu .homeicone > a:after {color:white !important;}
.sidemenu .not-a-real-link a{pointer-events: none;}



#main-nav { flex:1;}
.homeright { padding-left: 1rem; }





.homeright .search-form label, #footerright .search-form label {width: 100%}
#footerright .search-form label {margin-bottom: 0}
.homeright .search-submit, #footerright .search-submit {display: none}
.homeright .search-field {border: none;
    background-color: #006FB7;
    color: white; border-radius:0;
height: 2rem
}



#footerright .search-field {border: none;
    background-color: white;
    color: #006FB7; border-radius:0;
height: 2rem
}
.followustop {background-color: #31beec;   padding: 0.5rem 1rem;}

.homeright .search-field::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: white;
  opacity: 1; /* Firefox */
}

.home #content.site-content {padding-bottom: 0}


.menu-second {list-style: none; display: flex; padding: 0; margin: 0}
.menu-second li { margin-right: 0.5rem}
.menu-second li a, .btnright a {background-color: #006FB7;
    color: white;
    padding: 0.5rem 1rem;
    font-size: 0.9rem;
    width: 100%;
    display: block; position: relative;
  border:solid 1px #006FB7}
.btnright a {padding: 0.6rem 0.5rem;
font-size: 1.3rem;}
.menu-second a:hover,  .btnright a:hover{background-color: white; text-decoration: none; color:#006FB7}

@media screen and (max-width: 760px) {
 .menu-second {flex-direction: column;}
 .menu-second li {margin-bottom: 0.5rem}
.homeright > .row {flex-direction: column;}
}


#footerright  .submitcomplaint a {background-color: #31beec; }

.followus, .resosocio {}
.followus {font-size: 0.8rem}
.resosocio {width: 100%;
text-align: right;
margin-right: 0;}

.resosocio .fab, .resosocio .far {padding-left: 0.5rem; color: #006FB7; font-size: 1.5rem}

.navbar-brand {white-space:initial; color: #AEB0AF; text-transform: none; line-height: 1; float: left;}
#slogantop { }
#slogantop a {color:#006FB7; text-decoration: none }

.olivier {display: block;margin-bottom:0.3rem; line-height: 1}
.slogantopin {display: block;text-transform: uppercase; font-size: 0.8rem;
    line-height: 1.3;}


#sloganfooter { margin-top: 1.5rem}

.navbar-brand.footerbrand .olivier{font-size: 1.5rem;}
.navbar-brand.footerbrand .slogantopin{font-size: 0.8rem}

#bottomall {font-size: 0.8rem; text-align: center;padding: 1rem 0}
#masthead .navbar-nav >li a {padding: 0.6rem 0}
#menu-primary {display: flex; width: 100%; }
#main-nav > ul > li > a  {text-transform: uppercase;font-size: 0.9rem;display: block;
  color:white; margin-bottom: 0;background-color: #006FB7; border-top:solid 1px #006FB7;border-bottom:solid 1px #006FB7;border-bottom-width: 1;}
  #main-nav > ul > li > a:hover {background-color: white; color: #006FB7}
#menu-primary > li {flex-grow: 1;
padding: 0;
text-align: center;
background-color: #006FB7;
border-right: 1px solid white;}
.dropdown-menu {border:none;min-width: initial; padding: 0; margin: 0; background-color: #006FB7;
  border-radius: 0;
  padding: 0.5rem;}
.dropdown-item {color: white;font-size: 0.9rem;}
#main-nav > ul > li > ul > li {margin-bottom: 0.5rem; }
#main-nav > ul > li > ul > li a {color: white; line-height: 1.1}
#main-nav > ul > li > ul > li a:hover {opacity: 0.7}

#masthead .navbar-nav > li a {border-bottom-width: 1 !important;}

.menu-item > a,.navbar-expand-xl .navbar-nav .nav-link
 {padding: 0}


footer#colophon {
background-color: #006FB7;
}
footer#colophon * {
color: white !important
}

footer#colophon .homeicone > a {position:relative; color: transparent !important; margin-bottom: 0.8rem;}
footer#colophon .homeicone > a:after{color:white !important;}
footer#colophon .dropdown-menu {background-color: transparent;}

.menufooter #menu-primary-1 {width: 100%}
.menufooter #menu-primary-1 > li  {width: 25%;border-left: solid 1px white;    padding: 0.5rem 1.5rem;}

.footerhead {}

#footerhaut {}
footer#colophon #footerright .search-field {color: black !important}
footer#colophon #footerright .search-field::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: black !important;
  opacity: 1; /* Firefox */
}

.footermenu {float: left;width: 50%}
#secondary-nav ul {list-style: none;column-count: 2; padding: 0}
#secondary-nav ul li {padding: 0.2rem}
#secondary-nav ul a {color: #006FB7; text-transform: uppercase;font-weight: bold;}
#secondary-nav ul a:hover{opacity: 0.7}

@media screen and (max-width: 450px) {
.footermenu {float: none; width: 100%}
.homeright {float: none;}
}

.home #content {padding-top: 0; }

.slides {margin-bottom: 6rem}
.slidesin {
height: 360px;}
.slidesin .bckgimage{background-position: center;background-size: cover;background-repeat: no-repeat;
position: relative;
width: 100%; height: 100%}
.legendeimage {position: absolute;
right: 0;
left:0;
bottom: 0;

width: 100%;

   }
.legendeimage > .legendeimagein  { color: white;
    padding: 1rem; display: block;background-color: rgba(0,0,0,0.7);transition: all .15s;}
.legendeimagein p{margin:0 }
.slidesin > a.bckgimage > div {height: 100%; width: 100%;background-color: rgba(255,255,255,0);transition: all .15s;}
.slidesin > a.bckgimage:hover > div {background-color: rgba(255,255,255,0.3);transition: all .15s;}
.slidesin > a.bckgimage:hover .legendeimage {background-color: rgba(0,0,0,1);transition: all .15s; text-decoration: none}

#featured-works {position: relative !important;}
 #slidenav {display: none}
 #prev, #next {position: absolute;top: 40%; color:white; font-size: 4rem; z-index: 999; cursor:pointer;}
  #prev{left:4rem;}
   #next {right:4rem;}

#featured-works:hover  #slidenav {display: block}

#voirtoutesnews {margin: 2rem 0}
#voirtoutesnews a {margin: 0 auto; text-transform: uppercase;}


.voirtoutbloc {}



.voirtoutbloc h3{position: relative;line-height: 1}
.voirtoutbloc h3:after{content:'';position: absolute; width: 200%; height: 1px; border-top: solid 1px #006FB7; top: 54%; left: 0}
.voirtoutbloc h3 span{background-color: white ; padding-right: 1rem; position: relative;z-index: 99; color: #006FB7}
.more-link {display: none}

 #homebas {margin: 6rem 0 2rem}
 #homebas #secondary {max-width: 100% !important}

 #textehometitre, #textehomelien {border-top:solid 1px black;border-bottom:solid 1px black; text-align: center; padding: 1rem 0; margin-bottom: 1rem}
#textehometitre h2 {margin: 0; padding: 0; font-weight: normal;}

#textehomeimage {position: relative;}
#textesurimage {position: absolute;top: 2rem; left: 2rem; color: white; font-size: 1.6rem; width: 45%;  line-height: 1.2}
#textehometexte {margin-top: 2rem; line-height: 1.4}
#textehomelien a {text-transform: uppercase;; font-size: 1.2rem; color:black;}

#textehomelien a::after {  font-family: "Font Awesome 5 Free"; font-weight: 600; content: "\f061"; margin-left: 2rem}

#textehometexte p:first-child::first-letter{
  font-size:1.7rem; background-color: #0074BE; color:white; font-weight: bold; padding: 0.2rem; padding-bottom: 0rem; line-height:.3;
}

#watchyoutube {background-color: #31beec; padding: 1rem; }
/*#watchyoutube a div:after {  font-family: "Font Awesome 5 Free"; font-weight: 600; content: "\f167"; color: white}*/
#subscribeaside{background-color: #006FB7;padding: 1rem; margin-top: 1rem}
#watchyoutube a, #subscribeaside a {color: white !important; display: block;width: 100%; height: 100%; line-height: 1.3; font-size: 1.2rem;font-weight: bold;
display: flex}
#watchyoutube a > div, #subscribeaside a > div {width: 70%; }
#watchyoutube a > img, #subscribeaside a > img {width: 20%; margin-left:1rem; height: 100% }
#watchyoutube a > img path, #subscribeaside a > img path {fill:white;}
.post-thumbnail {margin-bottom: 0rem;overflow: hidden;}

.post-thumbnail a{transition: all .15s; }
.post-thumbnail a:hover{transform: scale(1.02);transition: all .15s; opacity: 0.8;transform-orign : center center;}

.contenuresume {position: relative; margin-bottom: 2rem;color: #006FB7;}
.contenuresume article {border: solid 1px rgba(0, 111, 183, 0.2); padding-bottom: 0.5rem; height: 100%}
.catresume{}
.dateresume {background-color: #006FB7; color: white}
.titreresume a{display: block;transition: all .15s;}
.titreresume a:hover {opacity: 0.8;transition: all .15s;}

.readmore {  position: absolute;
    bottom: 0px;
    margin: 0 auto;
    left: 0;
    right: 0;}


.entry-header h1 {border-top: solid 1px rgb(0, 111, 183);
border-bottom: solid 1px rgb(0, 111, 183) !important;}
h1.entry-title {
    font-size: 2rem;
    margin: 0;
    padding: 2rem 0 2.5rem !important;
    margin-bottom: 0.4rem;
    background-color: rgba(0, 111, 183,0.03);
  color: rgb(0, 111, 183);
}
h2.entry-title {
border-bottom: none;
    font-size: 1.1rem;
    margin: 0;
    padding: 0;
    margin-bottom: 0.4rem;
}
.entry-content {margin-top: 0px; line-height: 1.4}

.readmore a {    display: block;
    border: solid 1px #006FB7 !important;
    color: #006FB7 !important;
    width: 188px;
    margin: 0 auto;
    text-transform: uppercase;
    margin-top: 0rem;
    text-align: center;
    font-size: 0.9rem;
    line-height: 1.5;}
.readmore a:hover{color:white !important; background-color: #006FB7; text-decoration: none; }


    .embed-container {
        position: relative;
        padding-bottom: 56.25%;
        overflow: hidden;
        max-width: 100%;
        height: auto;
    }

    .embed-container iframe,
    .embed-container object,
    .embed-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }




@media screen and (max-width: 1200px) {
#menu-primary > li {width: 100%}

#main-nav {
    width: 100%;
    order: 4;
}
.navbar-nav {flex-direction: row;}
.navbar-brand {
margin: 0
}
.navbar-brand img {max-width: 120px}
.homeright {
}
.navbar-light .navbar-toggler {order:3;}

.menufooter .collapse:not(.show) {
    display: block;
}


}

@media screen and (max-width: 900px) {
#textesurimage {
position: initial;
    background-color: #006FB7;
    width: 100%;
    padding: 1rem;
}

}
@media screen and (max-width: 610px) {
	body {
    margin-top: 0rem;
}
	header#masthead {padding: 0}
.navbar-toggler:not(:disabled):not(.disabled) {display: none}
.navbar-toggler{display: none}

#mobilemenu {margin-top: -0.5rem;width: 25%;text-align: center;}
#menulang {width:42%; }
#mobilereseaux {width: 30%;text-align: center;}
.dashicons-menu-alt:before {
    color: white;
    font-size: 2.5rem;
}
.resosocio {
    float: none;
}

#menuhead {background-color: #0073B8; padding: 1rem 0}
.navbar-brand {

}
.navbar-brand > a {
    display: block; width: 50%; text-align: center;
}
#slogantop {font-size: 1.4rem;}
.navbar-brand span {
}
.language-chooser li a {
    border: solid 2px white;
    border-radius: 50%;
    padding: 0.5rem;
    color: white;
    font-size: 0.8rem;
}
.language-chooser li.active a {
    background-color: white;
    color: #0073B8;
    border: solid 2px #006FB7;
}
#mobilereseaux .resosocio .fab, #mobilereseaux .resosocio .far {
    padding-right: 0.5rem;
    color: white;
    font-size: 1.5rem
}
#secondary > section {display: none}
.footerbrand, .menufooter {display: none}

.legendeimage {
    width: 100%;

}
.legendeimage a {width:100%; background-color:#31beec;}
.legendeimage > .legendeimagein {
    color: white;
    font-size: 1.3rem;
    padding: 1.5rem;
    border: none;
    display: block;
    line-height: 1.2;
    font-weight: 700
}
#featured-works {}


}


@media screen and (min-width: 610px) {
    #mobilemenu, #mobilereseaux {display: none}
    }
    @media screen and (max-width: 610px) {
      .homeright  .resosocio {display: none}
        }



.legende {font-style: italic; font-size: 0.9rem; margin-top: 0.2rem}


.category-videos-for-social-protection .contenuresume .readmore {display: none}
.videothumb a {display: block;background-size: cover;background-position:center;}
.videothumb .attachment-vignette{opacity: 0}


.modal-header {
  border-bottom: none;
}
.modal-content {
  background-color: rgba(255,255,255,0.8);
}
#exampleModal.modal.show {
  display: flex !important;
  align-items: center;
  justify-content: center;
}
.brnsearch span{background-color: rgba(0,0,0,0.1);padding: 0.455rem 0.7rem}


.quote {color: rgb(0, 111, 183); border: solid 1px rgb(0, 111, 183);
padding: 1rem;line-height: 1.2;background-color: rgba(0, 111, 183,0.03);border-left: none; border-right: none}


.videoright {
overflow:hidden;
padding-bottom:56.25%;
position:relative;
height:0;
}

.videoright iframe {
left:0;
top:0;
height:100%;
width:100%;
position:absolute;
}