@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;

}
/* CREATEUR DE BACKGROUND -> http://bg.siteorigin.com/ */

body  {margin-top: 0rem}
body *{font-family: 'nunito_sansregular'; }
h1, h2, h3, h4, h2 a { font-family: 'nunito_sanssemibold' !important; font-weight: normal;}

/*#content, .bg-light { background-image: url('IMGS/fba7da61.png');}*/

.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, .contenuresume article .entry-title a{color: inherit;border-bottom:none ;}

.archive .entry-contentresume .qtranxs-available-languages-message, .archive .entry-contentresume .qtrmessage {display: none}
.qtranxs-available-languages-message {font-size: 1rem; font-family: 'nunito_sanssemibold';}

.single .entry-meta a:after, #dernierspost .entry-meta a:after{content:', '}
.single .entry-meta a:last-child:after, #dernierspost .entry-meta a:last-child:after{content:none}



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

.entry-meta a {color: #000000;}
.btnblue {background-color: #F39638; padding: 0.2rem 1rem; color: white !important; border:solid 1px #F39638 !important;font-size: 0.9rem;
    line-height: 1.5;}
.btnblue:hover{background-color: white; text-decoration: none; color:#F39638 !important;border:solid 1px #F39638 !important;}

#archivescontainer .entry-title a {border-bottom: none !important}

.wp-pagenavi {text-align: center; margin: 0 auto;}

header#masthead {
    margin-bottom: 0;
    background-color: #563d7c;
    box-shadow: none;
    padding: 0;
    padding-bottom: 0.75rem;
    border: none;
    border-bottom:solid 1px #F39638
}


#masthead nav {
margin-top: 0.5rem;
align-items: flex-end; position: relative;}


#masthead nav #menu-primary li ul {padding: 0.5rem 1rem}
#masthead nav #menu-primary li ul li {padding-bottom: 0.5rem}
#masthead nav #menu-primary li ul li a {text-transform: initial}
#masthead nav #menu-primary li ul li a:hover{color: #F39638}

#menuhead {display: flex;background-color: #F39638}
#menulang {width: 100%}

.language-chooser {padding: 0; margin: 0 auto; text-align: right; margin-right: 0rem; padding-bottom: 0.2rem;}
.language-chooser li{list-style: none; display:inline; margin: 0}
.language-chooser li a {border-right:solid 1px #ffffff;  padding: 0rem 0.5rem; color: #ffffff; font-size: 0.8rem;   }
.language-chooser li:first-child a {border-left:solid 1px #ffffff;}
.language-chooser li a:hover {background-color: #F39638; color: white; text-decoration: none}
.language-chooser li.active a {text-decoration: underline;}

.language-chooser li a span { font-family: 'nunito_sansbold'; }

#recherchetop {position: absolute;right:0rem; top:4.5rem; }
#recherchetop a{background-color:#F39638; padding: 0.5rem 2rem; color: white; border:solid 1px #F39638 }
#recherchetop a:hover{background-color: white; color:#F39638 }
.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%; }
.navbar-brand img {width: 80%}
.navbar {
    font-size: 1rem;}

.current-menu-ancestor > a, .current-post-ancestor > a, .current-menu-item.active > a {border-bottom: solid 2px #F39638}

#menu-primary {width: 100%; margin-bottom: -0.15rem;justify-content: space-between;}
#menu-primary > li {margin-right: 2rem}
#menu-primary > li:last-child {margin-right: 0rem}
#menu-primary > li a{text-transform: uppercase;}
#menu-primary > li > a {color: #CD1034; font-family: 'nunito_sansbold'; font-weight: normal;}
#colophon .navbar-brand {width: 100%; margin: 0}

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

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


.sidemenu  {    background-color: #F39638}
.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;}

#menu-pied {width: 100%; display: flex}
#menu-pied > li {width: 25%}

#main-nav {width:100%;  padding-left: 0.5rem;
padding-top: 1rem;padding-right: 0}


h3.widget-title a:hover {text-decoration: underline !important;}

#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
}

#creativelicence {margin-top: 2rem;
text-align: center;
border-top: solid 1px white;
padding-top: 1rem;}
#creativelicence a {text-decoration: underline;}

.followustop {background-color: #31beec;   padding: 0.5rem 1rem;}

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

.rpwwt-widget ul li {border-bottom: solid 1px;
    padding-bottom: 1rem;}
.rpwwt-post-title{font-family: 'nunito_sanssemibold' ;font-size: 1rem}
.rpwwt-post-date {font-style: italic;}

#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}

.btg-button {text-transform: uppercase; padding: 1rem !important}
.btg-button .hvr-icon {padding-left: 1rem}

.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}


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


footer#colophon {
background-color: #F39638; padding-bottom: 3rem;

}
footer#colophon * {
color: white !important
}


footer#colophon .dropdown-menu {background-color: transparent;display: block; position: initial; border:none}
footer#colophon .dropdown-toggle {cursor: default;}
footer#colophon .dropdown-toggle::after {
    content: none;
}


.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; width: 100%}
.slidesin img {width: 100%}
.legendeimage {position: absolute;
right: 10%;
bottom: 0;
top: 0px;
display: flex;
align-items: center;
justify-content: center;
width: 40%;
   }
.legendeimage > .legendeimagein  { color: white;
    font-size: 1.5rem;
    background-color: rgba(0,0,0,0.4);
    padding: 1rem;
 display: block;
line-height: 1.1}
.legendeimagein p{line-height: 1.2; 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}


#watchyoutube {background-color: #F39638; padding: 1rem; }
/*#watchyoutube a div:after {  font-family: "Font Awesome 5 Free"; font-weight: 600; content: "\f167"; color: white}*/
#subscribeaside{background-color: #F39638;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%;display: flex;
align-items: center; text-transform: uppercase;}
#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: 2rem}

.contenuresume {position: relative; margin-bottom: 2rem}
.contenuresumevideo {padding: 0.5rem}
.contenuresumevideo .post-thumbnail {margin-bottom: 0.5rem}
.contenuresumevideo h2.entry-title {font-size: 1rem !important}
.contenuresume.contenuresumevideo {margin-bottom: 0rem !important}
.contenuresume.contenuresumevideo article {margin-bottom: 0rem !important}

.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.35rem;
    margin: 0;
    padding: 0;
    margin-bottom: 0.4rem;
}

.dernierspostdroit h2.entry-title {font-size: 1.1rem}

.entry-content {margin-top: 0px; line-height: 1.4}

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

#dernierspost h3 {text-transform: uppercase;; margin-bottom: 1rem}
#dernierspost article {display: flex; border-bottom:solid 1px #F39638; padding-bottom: 0.5rem; margin-bottom: 1rem}
#dernierspost article .dernierspostgauche {width: 30%; padding-right: 1rem}
#dernierspost article .dernierspostdroit {width: 70%}

#dernierspost article .dernierspostdroit {display: flex;  align-items: center;}

    .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%;
    }

#search-filter-form-1844  {background-color: #F39638; padding: 0 2rem}
#search-filter-form-1844 ul, #search-filter-form-2327 ul {margin: 0; padding: 0}
#search-filter-form-1844 ul li, #search-filter-form-2327 ul li  {padding: 6px 0;}
#search-filter-form-1844 .sf-input-text, #search-filter-form-2327 .sf-input-text {border: none;
padding: 0 1rem;}

#search-filter-form-1845, #search-filter-form-2327 {background-color: #F39638; padding: 1rem; margin-bottom: 2rem; text-align: center;}
#search-filter-form-1845 > ul > li, #search-filter-form-2327 > ul > li {display: inline; margin-right: 2rem}

.pagination {text-align: center; border-top: solid 1px #F39638; border-bottom: solid 1px #F39638; padding: 1rem 0}


.archive-description {border: solid 1px #F39638;
    padding: 1rem;
    margin-bottom: 1rem;}

@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;
}
.legendeimage {
    position: initial;
    width: 100%;

}

#featured-works {background-color:#F39638;}
.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
}

}
@media screen and (max-width: 840px) {
	body {
    margin-top: 0rem;
}

#menuhead .container{display: flex}
	header#masthead {padding: 0}
.navbar-toggler:not(:disabled):not(.disabled) {display: none}
.navbar-toggler{display: none}
#menu-pied > li {width: 50%}
#mobilemenu {margin-top: -0.5rem;width: 25%;text-align: center;}
#menulang {width:80%; }
#mobilereseaux {width: 30%;text-align: center;}
.dashicons-menu-alt:before {
    color: white;
    font-size: 2.5rem;
}
.resosocio {
    float: none;
}



#menuhead {background-color: #F39638; padding: 1rem 0}
#homeright {display: none}
.navbar-brand {
    width: 100%;
    display: flex;
      align-items: center;
}
.navbar-brand > a {
    display: block; width: 50%
}
#recherchetop {
    right: 0rem;

}
#slogantop {width: 50%; font-size: 1.4rem;}
.navbar-brand span {
    font-size: 0.8rem;
}
.language-chooser li a {
  font-size: 1rem

}
.language-chooser li.active a {

}
#mobilereseaux .resosocio .fab {
    padding-right: 0.9rem;
    color: white;
    font-size: 1.5rem
}
#secondary > section {display: none}





}


@media screen and (min-width: 840px) {
    #mobilemenu, #mobilereseaux {display: none}
    }
@media screen and (max-width: 840px) {
#main-nav{display: none}
}

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

#parentcategories {display: flex; justify-content: space-between;}
#parentcategories p {border: solid 1px black; padding: 1rem; text-transform: uppercase;}
.breadcrumbs {width: 100%;
    font-size: 1rem;
    font-style: italic;
    margin-bottom: 1rem;}