@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}
body *{font-family: 'nunito_sansregular'; }
h1, h2, h3, h4, h2 a { font-family: 'nunito_sanssemibold' !important; font-weight: normal;}
.btnblue {background-color: #0076B9; padding: 0.2rem 1rem; color: white !important; border:solid 1px #0076B9 !important;font-size: 0.9rem;
    line-height: 1.5;}
.btnblue:hover{background-color: white; text-decoration: none; color:#0076B9 !important;border:solid 1px #0076B9 !important;}

.category-49 .readmore{display: none}

#primary a{color: inherit;border-bottom: dotted 1px black;}
#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: #0678ba;
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;
}


#masthead nav {
margin-top: 0.5rem}


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

.language-chooser {padding: 0; margin: 0 auto; text-align: center;}
.language-chooser li{list-style: none; display:inline; margin: 0 0.5rem}
.language-chooser li a {border:solid 2px #0073B8; border-radius: 50%; padding: 0.7rem 0.5rem 0.5rem; color: #0073B8; font-size: 0.8rem; }
.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 {width: 20%}

.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: #1EBBEC}
.sidemenu section a {color: white; font-size: 1.2rem}
.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;}


#main-nav {width:60%; flex:1;}
#homeright {width: 20%; 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: #1EBBEC;
    color: white; border-radius:0;
height: 2rem
}
#footerright .search-field {border: none;
    background-color: white;
    color: #0678ba; 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 */
}



 .submitcomplaint { }
  .submitcomplaint a {background-color: #006DB1;
    color: white;
    padding: 0.5rem 1rem;
    font-weight: lighter;
    font-size: 0.9rem;
    width: 100%;
    display: block; position: relative;}

.submitcomplaint a::after {
    font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f309";
    position: absolute;right: 1rem
  }

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

.followus, .resosocio {display: inline;}
.followus {font-size: 0.8rem}
.resosocio {float: right;}

.resosocio .fab {padding-right: 0.5rem; color: #006DB1}

.navbar-brand {white-space:initial; color: #AEB0AF; text-transform: none; line-height: 1}
#slogantop { margin-top: 0.7rem; padding-left: 0.8rem}
#slogantop a {color:#AEB0AF; text-decoration: none }

.olivier {display: block;margin-bottom:0.3rem;}
.slogantopin {display: block;text-transform: uppercase; font-size: 0.65rem;
    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}

.navbar-expand-xl .navbar-nav .dropdown-menu {position: initial; display: block; margin: 0px}
#menu-primary {display: flex; width: 100%; }
#main-nav > ul > li > a  {text-transform: uppercase;font-size: 0.79rem;display: block;
    margin-bottom: 0.3rem; cursor: initial;}
#menu-primary > li {width: 26%; border-left: solid 1px black; padding:0.5rem 0.9rem }
.dropdown-menu {border:none;min-width: initial; padding: 0; margin: 0}
.dropdown-toggle::after{content: none;}
.dropdown-item {color: #AEB0AF;font-size: 0.7rem;}
#main-nav > ul > li > ul > li {margin-bottom: 0.5rem; }
#main-nav > ul > li > ul > li a {color: #6d6d6d; line-height: 1.1}

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


footer#colophon {
background-color: #0678ba; padding-bottom: 3rem
}
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 { padding-top: 4rem !important;}

#footerhaut {margin-bottom: 4rem}
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 */
}

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

.slides {margin-bottom: 6rem}
.slidesin {position: relative;}
.legendeimage {position: absolute;
right: 10%;
bottom: 0;
top: 0px;
display: flex;
align-items: center;
justify-content: center;
width: 22%;
   }
.legendeimage > .legendeimagein  { color: white;
    font-size: 1.7rem;
    background-color: rgba(0,0,0,0.4);
    padding: 1rem;
    border: solid 1px white;
    border-radius: 10px; display: block;
line-height: 1.1}
.legendeimagein p{line-height: 1; margin:0 }
#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;}

.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-family: 'nunito_sansregular';; font-weight: normal;}

#textehomeimage {position: relative;}
#textesurimage {position: absolute;top: 2rem; left: 2rem; color: white; font-size: 1.6rem; width: 45%; font-family: 'nunito_sansbold'; 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: #0678ba;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-family: 'nunito_sansbold'; 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: 1rem}

.contenuresume {position: relative; margin-bottom: 2rem; text-align: center;}
.readmore {  position: absolute;
    bottom: 0px;
    margin: 0 auto;
    left: 0;
    right: 0;}

h1.entry-title {
border-bottom: none;
    font-size: 2.5rem;
    margin: 0;
    padding: 0;
    margin-bottom: 0.4rem;
}
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 #0076B9 !important;
    color: #0076B9 !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: #0076B9; 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 {
    width: 40%;
}
#homeright {
    width: 40%;max-width: 196px;
}
.navbar-light .navbar-toggler {order:3;}

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


}

@media screen and (max-width: 900px) {
#textesurimage {
position: initial;
    background-color: #1EBBEC;
    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}
#homeright {display: none}
.navbar-brand {
    width: 100%;
    display: flex;
      align-items: center;
  justify-content: center;
}
.navbar-brand > a {
    display: block; width: 50%
}
#slogantop {width: 50%; font-size: 1.4rem;}
.navbar-brand span {
    font-size: 0.8rem;
}
.language-chooser li a {
    border: solid 2px #1EBBEC;
    border-radius: 50%;
    padding: 0.5rem;
    color: #1EBBEC;
    font-size: 0.8rem;
}
.language-chooser li.active a {
    background-color: white;
    color: #0073B8;
}
#mobilereseaux .resosocio .fab {
    padding-right: 0.9rem;
    color: white;
    font-size: 1.5rem
}
#secondary > section {display: none}
.footerbrand, .menufooter {display: none}

.legendeimage {
    position: initial;
    width: 100%;

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


}


@media screen and (min-width: 610px) {
    #mobilemenu, #mobilereseaux {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}