488
/*
Theme Name: Reseau
Description: Theme enfant du thème WP Made Simple de Publigo
Author: Hervé - Publigo
Author URI: https://www.publigo.fr
Template: wpms-theme 
Version: 1.0
Text Domain: reseau
*/

body {
    font-family: 'Roboto', sans-serif;
    color: #000000;
    font-size: 15px;
    line-height: 20px;
    font-weight: 400;
}

#page {
    overflow: hidden;
    width: 100%;
    max-width: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    text-transform: none;
}

h1 {
    font-weight: 400;
    font-size: 30px;
    margin-bottom: 10px;
    color: #5d3d87;
}

a:link,
a:visited,
a:hover,
a:active,
button {
    outline: 0 none !important;
    box-shadow: none !important;
}

.roboto {
    font-family: 'Roboto', sans-serif;
}

.condensed {
    font-family: 'Roboto Condensed', sans-serif;
}

.arial {
    font-family: 'Arial', sans-serif;
}

.entry-content a,
.entry-summary a,
.widget a,
.site-footer .widget-area a,
.posts-navigation a,
.widget_authors a strong {
    color: #5d3d87;
}




/* header */

.site-header {
    background-color: #fff;
}

.wrap-logo-rel {
    position: relative;
}


#logo {
    max-width: 100px;
    margin: 0 auto;
    display: block;
    width: 100%;
}

.main-navigation {
    text-align: center;
}

.main-navigation ul {
    background: #e6e7e6;
    color: #5d3d87;
}

.navigation-principal .wrap {
    padding-left: 0;
    padding-right: 0;
}

.main-navigation>div>ul {
    border: 0 none;
}

.js .menu-toggle {
    margin: 0 auto;
    margin-bottom: 10px;
    position: absolute;
    top: -50px;
}

.main-navigation a {
    color: #5d3d87;
    text-transform: uppercase;
    font-weight: 900;
    font-size: 15px;
    padding-bottom: 11px;
}

.navigation-top li:hover a,
.navigation-top .current-menu-item>a,
.navigation-top .current_page_item>a {
    color: #000;
}

.navigation-top {
    border-bottom: 0 none;
}

.main-navigation li li,
.main-navigation li:last-child {
    border-bottom: 1px solid #eee;
}

.menu-toggle:hover {
    color: #9dc107 !important;
}

.main-navigation .menu-item-has-children>a>.icon,
.main-navigation .page_item_has_children>a>.icon {
    display: none;
}

/* footer */

.site-footer .bottom_footer {
    background: #5c5299;
}

.site-info {
    text-align: center;
    font-size: 16px;
}

.site-info .logo {
    width: 100%;
}

.site-footer .logo {
    margin-bottom: 15px;
}

.site-footer .coordonnes {
    padding-left: 0;
    font-weight: 500;
}

.site-footer .coordonnes a {
    display: inline-block;
    line-height: 1.4;
    margin-bottom: 7px;
}

.site-footer .coordonnes a:hover,
.site-footer .coordonnes a:focus {
    text-decoration: underline;
}

.site-footer p.tel {
    font-weight: 500;
    font-size: 18px;
    background: url(assets/images/tel-footer.png) no-repeat left 0;
    padding-left: 30px;
    line-height: 27px;
}

.mentions-navigation {
    float: none;
    text-align: center;
    font-size: 13px;
}

.mentions-navigation ul {
    margin-left: 0;
}

.facebook {
    display: block;
    margin: 0 auto;
    width: 130px;
    background: url(assets/images/fb-footer.png) no-repeat right center;
    padding-right: 50px;
    font-size: 14px;
    line-height: 38px;
    height: 38px;
    margin-bottom: 15px;
}

.facebook:hover {
    opacity: 0.5;
}



/* content */

.twentyseventeen-front-page .site-main article.type-page {
    margin-top: 23px;
    margin-bottom: 0;
    padding-bottom: 13px;
}


/* menu thematique1 */

.menu-item a.menu-image-title-after.menu-image-not-hovered img,
.menu-item a.menu-image-hovered.menu-image-title-after .menu-image-hover-wrapper {
    padding-right: 0;
}

.thematic1 {
    background: #644aa3;
    padding-top: 15px;
    padding-bottom: 0;
    text-align: center;
    color: #ffffff;
    text-transform: uppercase;
}

.thematic1 li {
    margin-bottom: 15px;
    width: 100%;
}

.thematic1 span {
    display: block;
    width: 100%;
}


.thematic1 a {
    color: #ffffff;
}

.thematic1 .menu-image-title {
    margin-top: 10px;
    font-size: 15px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
}

.thematic-entry.thematic1 a:hover .menu-image-title {
    color: #9dc10b !important;
}



/* menu thematique2 */

.thematic2 {
    background: #dae1e9;
    padding-top: 35px;
    padding-bottom: 0;
}

.thematic-entry.thematic2 ul {
    text-align: center;
}

.thematic-entry.thematic2 ul li {
    text-align: center;
    width: 100% !important;
}

.thematic2 .menu-item a.menu-image-title-after.menu-image-not-hovered img,
.thematic2 .menu-item a.menu-image-hovered.menu-image-title-after .menu-image-hover-wrapper {
    padding-right: 0;
}

.thematic-entry.thematic2 ul a {
    position: relative;
    margin-bottom: 35px;
    width: 100%;
}

.thematic-entry.thematic2 .menu-image-title {
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;
    color: #ffffff !important;
    position: absolute;
    width: 100%;
    text-align: center;
    top: 50%;
    margin-top: -5px;
    z-index: 5;
    width: 100%;
}


.thematic-entry.thematic2 li:first-child .menu-image-title {
    color: #ffffff !important;
}

.thematic-entry.thematic2 li:nth-child(2) .menu-image-title {
    color: #a2026f !important;
}

.thematic-entry.thematic2 li:first-child:hover .menu-image-title,
.thematic-entry.thematic2 li:nth-child(2):hover .menu-image-title {
    color: #ffffff !important;
}



/* news */

.recent-posts {
    border-top: 1px solid #d3d3d3;
    border-bottom: 1px solid #d3d3d3;
    max-width: 100%;
    width: 810px;
    margin: 0 auto;
}

.recent-posts article {
    padding-top: 20px !important;
    padding-bottom: 30px !important;
}


.wrap-title-all {
    text-align: center;
    width: 810px;
    max-width: 100%;
    margin: 0 auto;
}

.more-link a {
    padding: 0;
    margin-bottom: 15px;
    background: none;
    display: inline-block;
    color: #929090;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 500;
}

.more-link a:hover {
    color: #85019d;
    color: #9dc107;
    background: none;
}

.recent-posts .bx-wrapper {
    margin: 0 auto;
}

.recent-posts-title {
    font-size: 31px;
    line-height: 40px;
    font-weight: 700;
    margin-bottom: 15px;
    color: #5d3d87;
}

.entry-meta {
    display: none;
}

.bg-inner {
    background: #d6dbd8;
    padding-bottom: 20px;
    text-align: left;
}

.recent-posts .entry-header {
    padding: 10px 20px 0;
    margin-bottom: 10px;
}

.entry-title a {
    color: #656464;
    font-size: 16px;
    font-weight: 700;
    font-family: 'Arial', sans-serif;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    letter-spacing: 0;
    text-transform: none;
}

.widget-news .entry-title {
    font-weight: 700;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
}

.entry-summary {
    padding: 0 20px;
    color: #818080;
    font-size: 14px;
    line-height: 17px;
    font-family: 'Arial', sans-serif;
    height: 51px;
    overflow: hidden;
}

article .more-link a {
    background: #85019d;
    color: #ffffff;
    margin-top: 20px;
    width: 100%;
    text-align: center;
    height: 40px;
    line-height: 40px;
    padding: 0;
}

article .more-link a:hover {
    background: #9dc107;
    color: #ffffff;
}

.recent-posts .bx-controls-direction a {
    margin-top: -52px;
    width: 46px;
    width: 15px;
    height: 105px;
}

.recent-posts .bx-controls-direction a.bx-prev {
    background: url(assets/images/arrow-left.png) no-repeat left center;
    left: -5px;
}

.recent-posts .bx-controls-direction a.bx-next {
    background: url(assets/images/arrow-right.png) no-repeat right center;
    right: -5px;
}

input[type="search"] {
    height: 46px;
}

body.search-results h2.entry-title {
    padding: 14px 20px 0px;
}

/* archive */

.archive .entry-summary {
    padding: 0;
}

.archive .site-main>article h2.entry-title,
.search .site-main>article h2.entry-title {
    margin-bottom: 5px;
    font-size: 14px;
    padding-top: 5px;
}

.archive article .more-link a {
    margin-top: 5px;
}

.archive .bg-inner {
    padding: 20px;
}

.nav-title {
    color: #85019d;
}

.nav-subtitle {
    color: #85019d;
}



/* interior */

body.page .interior h1.entry-title,
body.single .interior h1.entry-title {
    font-weight: 900;
    font-size: 28px;
    margin-bottom: 10px;
    color: #5d3d87;
}

.interior .entry-content {
    font-size: 16px;
    font-family: 'Roboto Condensed', sans-serif;
    line-height: 22px;
    color: #1a171b;
}

.interior .entry-content h2 {
    font-size: 20px;
    font-weight: 700;
    line-height: 22px;
    color: #220704;
    margin-bottom: 25px;
    padding-top: 15px;
}

body.page h1.entry-title.orange {
    color: #eb6a23;
}

body.page h1.entry-title.blue {
    color: #01aeb4;
}

body.page h1.entry-title.mov {
    color: #a0428e;
}

body.page h1.entry-title.green {
    color: #a8c400;
}

#secondary {
    font-size: 13px;
    line-height: 30px;
    font-weight: 700;
    float: left;
    /* width: 250px;    */
    width: 100%;
}

.widget {
    padding-bottom: 20px;
}

.widget ul li {
    border: 0 none;
    padding: 7px 0;
}

.widget-area #menu-thematic-menu img {
    display: none;
}

.widget-area #menu-thematic-menu a {
    color: #3e3d40;
    text-transform: uppercase;
    text-decoration: none;
    padding: 10px 0 10px 63px;
}

.widget-area #menu-thematic-menu a:hover {
    color: #9dc107;
}

.widget-area #menu-item-88 a {
    background: url(assets/images/th1-mov.png) no-repeat left center;
}

.widget-area #menu-item-88 a:hover,
.widget-area #menu-item-88.current-menu-item a,
.widget-area #menu-item-88.current_page_item a {
    background: url(assets/images/th1-green.png) no-repeat left center;
}

.widget-area #menu-item-89 a {
    background: url(assets/images/th2-mov.png) no-repeat left center;
}

.widget-area #menu-item-89 a:hover,
.widget-area #menu-item-89.current-menu-item a,
.widget-area #menu-item-89.current_page_item a {
    background: url(assets/images/th2-green.png) no-repeat left center;
}

.widget-area #menu-item-90 a {
    background: url(assets/images/th3-mov.png) no-repeat left center;
}

.widget-area #menu-item-90 a:hover,
.widget-area #menu-item-90.current-menu-item a,
.widget-area #menu-item-90.current_page_item a {
    background: url(assets/images/th3-green.png) no-repeat left center;
}


#secondary .menu-image-description {
    display: none;
}

#nav_menu-3 a img {
    display: none;
}


#nav_menu-3 a {
    color: #ffffff;
    padding-left: 70px;
    padding-top: 5px;
    padding-bottom: 5px;
    display: block;
    width: 248px;
    text-decoration: none !important;
    font-size: 20px;
    line-height: 25px;
}


.widget-area #menu-item-67 a {
    background: #a8c400 url(assets/images/main-hover.png) no-repeat 5px center;
    background-size: 51px 28px;
}

.widget-area #menu-item-68 a {
    background: #a0428e url(assets/images/main-hover.png) no-repeat 5px center;
    background-size: 51px 28px;
}

.widget-area #menu-item-69 a {
    background: #01aeb4 url(assets/images/main-hover.png) no-repeat 5px center;
    background-size: 51px 28px;
}

.widget-area #menu-item-70 a {
    background: #ea6b26 url(assets/images/main-hover.png) no-repeat 5px center;
    background-size: 51px 28px;
}

.widget-area #menu-item-67 a:hover,
.widget-area #menu-item-67.current-menu-item a,
.widget-area #menu-item-67.current_page_item a {
    background: #cde3bd url(assets/images/main1.png) no-repeat 5px center;
    background-size: 51px 28px;
    color: #a8c400;
}

.widget-area #menu-item-68 a:hover,
.widget-area #menu-item-68.current-menu-item a,
.widget-area #menu-item-68.current_page_item a {
    background: #f6e5ef url(assets/images/main2.png) no-repeat 5px center;
    background-size: 51px 28px;
    color: #a0428e;
}

.widget-area #menu-item-69 a:hover,
.widget-area #menu-item-69.current-menu-item a,
.widget-area #menu-item-69.current_page_item a {
    background: #bdf4f3 url(assets/images/main3.png) no-repeat 5px center;
    background-size: 51px 28px;
    color: #01aeb4;
}

.widget-area #menu-item-70 a:hover,
.widget-area #menu-item-70.current-menu-item a,
.widget-area #menu-item-70.current_page_item a {
    background: #ffeed1 url(assets/images/main4.png) no-repeat 5px center;
    background-size: 51px 28px;
    color: #ea6b26;
}



button,
input[type="button"],
input[type="submit"] {
    background: #85019d;
    color: #ffffff;
    margin-top: 0;
    text-align: center;
    height: 40px;
    line-height: 40px;
    padding: 0;
    border-radius: 0;
    padding: 0 30px;
}

button:hover,
input[type="button"]:hover,
input[type="submit"]:hover {
    background: #9dc107;
    color: #ffffff;
}

div.wpcf7-response-output {
    margin: -112px 0 0;
    background: white;
    z-index: 5;
    position: relative;
    text-align: center;
}

div.wpcf7-mail-sent-ok {
    margin: -69px 0 0;
}

.wpcf7-form.invalid input[type="submit"] {
    margin-top: 42px;
}

.wpcf7-recaptcha {
    margin-bottom: 21px;
}


/* responsive website */

@media screen and (min-width: 320px) and (max-width: 767px) {

    .navigation-top li:hover a,
    .navigation-top .current-menu-item>a,
    .navigation-top .current_page_item>a,
    #main-menu li:hover a,
    #main-menu .current-menu-item>a,
    #main-menu .current_page_item>a {
        color: #000;
    }

    #main-menu .menu-item a.menu-image-title-after.menu-image-not-hovered img,
    #main-menu .menu-item a.menu-image-hovered.menu-image-title-after .menu-image-hover-wrapper,
    #main-menu .menu-image-description {
        display: none;
    }

    .navigation-principal .wrap {
        margin: 0;
        max-width: 100%;
    }

    #top-menu {
        padding-bottom: 0;
    }

    #main-menu {
        padding-top: 0;
    }

    .wrap-text-diapo,
    .wrap-text-sub-diapo {
        display: none;
    }

    /* thematic1 */
    .thematic1 li {
        margin-bottom: 15px;
        width: 100% !important;
    }


    #secondary {
        color: #a8c400;
        width: 300px;
        margin: 0 auto;
        float: none;
    }

    #nav_menu-3 a {
        width: 100%;
    }
}

@media screen and (min-width: 480px) {

    .thematic-entry.thematic2 ul a {
        margin-bottom: 0;
    }

    .recent-posts .bx-controls-direction a {
        width: 46px;
    }

    .recent-posts .bx-controls-direction a.bx-prev {
        background: url(assets/images/arrow-left.png) no-repeat left center;
        left: -40px;
    }

    .recent-posts .bx-controls-direction a.bx-next {
        background: url(assets/images/arrow-right.png) no-repeat right center;
        right: -40px;
    }
}

@media screen and (min-width: 568px) {
    .site-info .logo {
        width: auto;
    }

    .site-info {
        text-align: left;
    }

    .site-footer .coordonnes {
        padding-left: 2em;
    }
}

@media screen and (min-width: 768px) {
    .wrap-logo {
        position: static !important;
    }

    #logo {
        position: absolute;
        top: 65%;
        z-index: 5;
        left: 0;
        right: 0;
        max-width: 15%;
    }

    #logo:before {
        width: 150%;
        height: 100%;
        content: "";
        position: absolute;
        top: -30%;
        left: -17%;
        background: url(assets/images/bg-logo.png) no-repeat center center;
        background-size: cover;
        background-size: 100%;
        z-index: -1;
    }

    #logo img {
        margin: 0 auto;
    }

    .navigation-top {
        background: rgba(255, 255, 255, 0.73);
        border: 0 none !important;
    }

    #masthead>.metaslider-wrap,
    #masthead>.custom-header {
        margin-top: 0;
        position: relative;
    }

    .navigation-top .wrap {
        padding: 0 15px;
    }

    .navigation-top nav {
        margin-left: 0;
    }

    .main-navigation ul {
        background: transparent;
        text-align: center;
    }

    .main-navigation li li,
    .main-navigation li:last-child {
        border-bottom: 0 none;
    }

    .navigation-top li:hover a,
    .navigation-top .current-menu-item>a,
    .navigation-top .current_page_item>a {
        color: #5d3d87;
    }

    .navigation-top .menu>li:hover>a span:after,
    .navigation-top .menu>.current-menu-item>a span:after,
    .navigation-top .menu>.current_page_item>a span:after {
        content: "";
        width: 100%;
        height: 10px;
        background: #85019d;
        position: absolute;
        bottom: -15px;
        left: 0;
    }

    .main-navigation ul li.menu-item-has-children:before,
    .main-navigation ul li.menu-item-has-children:after,
    .main-navigation ul li.page_item_has_children:before,
    .main-navigation ul li.page_item_has_children:after {
        right: 42%;
    }

    .main-navigation ul ul a {
        line-height: 1.2;
        font-weight: 600;
        text-align: left;
    }

    .navigation-top li:hover a span,
    .navigation-top .current-menu-item>a span,
    .navigation-top .current_page_item>a span {
        position: relative;
    }

    .wrap-text-diapo {
        position: absolute !important;
        top: 61%;
        color: #ffffff;
        font-size: 37px;
        font-size: 15px;
        line-height: 1.1;
        width: 100%;
    }

    .wrap-text-diapo .text {
        padding-left: 56%;
        margin-bottom: 3%;
        font-weight: 500;
        z-index: 5;
        position: relative;
    }


    .wrap-text-sub-diapo {
        background: #85019d;
        color: #ffffff;
        font-size: 30px;
        font-size: 20px;
        font-weight: 500;
        text-align: center;
        padding: 15px 0 15px 20px;
        margin-top: 10px;
        margin-bottom: 90px;
        margin-bottom: 40px;
    }

    .wrap-text-sub-diapo span {
        width: 15%;
        display: inline-block;
    }

    /* footer */
    .site-footer .bottom_footer .wrap {
        position: relative;
    }

    .facebook {
        position: absolute;
        top: 25px;
        right: 0.6875em;
    }

    .mentions-navigation {
        text-align: right;
        margin-top: 100px;
    }

    .site-footer .bottom_footer {
        background: #5c5299 url(assets/images/bg-footer.jpg) no-repeat center bottom;
    }

    .site-info {
        margin: 0;
        padding: 0;
        padding-bottom: 14px;
    }

    .site-info .logo {
        margin-bottom: 0;
    }

    .site-footer .wrap {
        padding-bottom: 5px;
        padding-top: 18px;
    }

    /* main menu */
    .navigation-principal {
        position: static;
        background: url(assets/images/photo-lieu.jpg) no-repeat center center;
        background-size: cover;
        position: relative;
        padding-top: 40px;
        padding-bottom: 20px;
    }

    .navigation-principal:after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: #264f87;
        background: rgba(38, 79, 135, .54);
        z-index: -1;
    }

    .navigation-principal>.wrap {
        background: transparent;
    }

    #main-menu li {
        width: 50%;
        float: left;
        margin-bottom: 20px;
    }

    #main-menu li a {
        width: 296px;
        height: 296px;
        border-radius: 100%;
        display: block;
        margin: 0 auto;
        padding: 25px 20px;
        text-align: center;
        color: #220704;
        font-size: 13px;
        text-transform: none;
        position: relative;
        font-weight: 500;
    }

    #main-menu li.green a {
        background: #cdeabf;
    }

    #main-menu li.purple a {
        background: #f8e5fa;
    }

    #main-menu li.blue a {
        background: #bdf4f3;
    }

    #main-menu li.orange a {
        background: #ffeed1;
    }

    #main-menu li a span {
        display: block;
    }

    #main-menu li.green a:hover {
        background: #a7c500;
        color: #ffffff;
    }

    #main-menu li.purple a:hover {
        background: #a1428f;
        color: #ffffff;
    }

    #main-menu li.blue a:hover {
        background: #00afb3;
        color: #ffffff;
    }

    #main-menu li.orange a:hover {
        background: #eb6a23;
        color: #ffffff;
    }

    #main-menu .menu-image-title {
        font-size: 23px;
        font-weight: 900;
        margin-top: 10px;
        line-height: 26px;
        min-height: 78px;
        padding: 0 15px;
    }

    #main-menu .menu-image-description {
        padding: 0 10px;
        line-height: 16px;
        padding-top: 3px;
    }

    #main-menu li a:before {
        content: "En savoir +";
        position: absolute;
        bottom: 30px;
        left: 0;
        right: 0;
        color: #ffffff;
        font-weight: 500;
        width: 88px;
        height: 26px;
        line-height: 26px;
        margin: 0 auto;
    }

    #main-menu li.green a:before {
        background: #a7c500;
    }

    #main-menu li.purple a:before {
        background: #a1428f;
    }

    #main-menu li.blue a:before {
        background: #00afb3;
    }

    #main-menu li.orange a:before {
        background: #eb6a23;
    }

    #main-menu li a:hover:before {
        background: rgba(255, 255, 255, 0.4);
    }

    /* content */
    .content-home {
        display: block;
        margin: 0 auto;
        max-width: 70%;
        font-size: 13px;
        font-weight: 500;
    }

    .content-home strong {
        font-weight: 900;
    }

    .twentyseventeen-front-page .site-main article.type-page {
        margin-top: 23px;
        margin-bottom: 0;
        padding-bottom: 13px;
    }

    /* thematic1 */
    .thematic1 li {
        margin-bottom: 15px;
        width: 32% !important;
    }

    .thematic-entry.thematic1 ul[class*="menu-"]>li img {
        margin-bottom: 0;
    }

    /* thematic2 */
    .thematic-entry.thematic2 ul li {
        width: auto !important;
        margin: 0 7px 35px;
    }

    .thematic-entry.thematic2 ul li img {
        margin-bottom: 0;
    }

    /* news */
    .wrap-title-all {
        text-align: left;
        position: relative;
    }

    .more-link a {
        margin-bottom: 0;
    }

    .recent-posts-title {
        margin-bottom: 10px;
    }

    .more-link-all {
        position: absolute;
        right: 0;
        bottom: -5px;
    }


    .recent-posts article {
        padding-left: 43px !important;
        padding-right: 43px !important;
    }

    .post-navigation .nav-links {
        padding: 1em 30px;
    }

    /* archive */
    .archive .bg-inner {
        padding: 15px 15px 0;
        float: left;
        width: 100%;
    }

    /* sidebar */
    #secondary,
    .has-sidebar #secondary {
        float: left;
        width: 33%;
        max-width: 248px;
        padding-top: 0;
        line-height: 15px;
        margin-top: -30px;
    }

    .archive #secondary {
        margin-top: 0;
    }

    body:not(.error404) .interior #primary,
    .has-sidebar:not(.error404) #primary {
        float: right;
        width: 62%;
    }

    .widget-area #menu-thematic-menu {
        position: relative;
        margin-bottom: 20px;
        padding-right: 20px;
    }

    .widget-area #nav_menu-2 {
        padding-right: 5%;
    }


    .widget-area #menu-thematic-menu li {
        padding: 3px 0;
    }


    .widget-area #menu-thematic-menu:after {
        position: absolute;
        top: 0;
        right: 5px;
        content: "";
        width: 1px;
        height: 100%;
        background: #5e5e5e;
    }

    .widget-area #menu-thematic-menu a {
        display: block;
    }

    #nav_menu-3 a {
        font-size: 18px;
    }

    .archive .interior h1 {
        text-align: center;
    }

    .post-62.page .wpcf7-form>p:nth-child(2) label,
    .post-62.page .wpcf7-form>p:nth-child(5) label {
        display: inline-block;
        width: 48%;
        margin-bottom: 0;
        vertical-align: top;
    }

    .post-62.page .wpcf7-form>p:nth-child(2) label:first-child,
    .post-62.page .wpcf7-form>p:nth-child(5) label:first-child {
        margin-right: 3%;
    }

    .post-62.page .wpcf7-form>p:nth-child(4) label {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: top;
    }

    .post-62.page .wpcf7-form>p:nth-child(4) label:first-child {
        width: 58%;
        margin-right: 3%;
    }

    .post-62.page .wpcf7-form>p:nth-child(4) label:nth-child(2) {
        width: 38%;
    }

    .post-62.page .wpcf7-form>fieldset legend {
        padding: 3px 14px;
        border: 1px solid #ccc;
        margin-bottom: 7px;
    }

    .post-62.page .wpcf7-form>fieldset p {
        margin: 0;
    }

    .post-62.page .wpcf7-form>fieldset span.wpcf7-list-item {
        display: block;
    }

}



@media screen and (min-width: 800px) {
    #logo {
        /*top: 23%; */
    }
}

@media screen and (min-width: 900px) {
    #logo {
        top: 65%;
    }

    .wrap-text-diapo .text {
        margin-bottom: 0;
        padding-left: 57%;
    }

    /* main-menu */
    #main-menu li {
        width: 33.33%;
    }

    #main-menu li.orange {
        width: 100%;
    }

    /* sidebar */
    #secondary {}

    body:not(.error404) .interior #primary {
        float: right;
        width: 65%;
    }
}

@media screen and (min-width: 980px) {
    .wrap-text-sub-diapo {
        margin-bottom: 80px;
    }

    #logo {
        top: 65%;
    }

    .wrap-text-diapo .text {
        padding-left: 57%;
    }

    /* sidebar */
    body:not(.error404) .interior #primary {
        float: right;
        width: 65%;
        width: 650px;
    }

    h1.orange,
    h1.blue,
    h1.mov,
    h1.green {
        position: relative;
    }

    h1.orange:before {
        position: absolute;
        left: -80px;
        top: 0;
        content: "";
        width: 69px;
        height: 38px;
        background: url(assets/images/main4.png) no-repeat center center;
        background-size: 69px 38px;
    }

    h1.blue:before {
        position: absolute;
        left: -80px;
        top: 0;
        content: "";
        width: 69px;
        height: 38px;
        background: url(assets/images/main3.png) no-repeat center center;
        background-size: 69px 38px;
    }

    h1.mov:before {
        position: absolute;
        left: -80px;
        top: 0;
        content: "";
        width: 69px;
        height: 38px;
        background: url(assets/images/main2.png) no-repeat center center;
        background-size: 69px 38px;
    }

    h1.green:before {
        position: absolute;
        left: -80px;
        top: 0;
        content: "";
        width: 69px;
        height: 38px;
        background: url(assets/images/main1.png) no-repeat center center;
        background-size: 69px 38px;
    }
}

@media screen and (min-width: 1024px) {
    #logo {
        /*top: 25%;*/
    }

    .wrap-text-diapo .text {
        /*  margin-bottom: 7%; */
    }

    .wrap-text-sub-diapo {
        font-size: 25px;
    }

    .wrap-text-sub-diapo span {
        width: 17%;
    }

    .wrap-text-diapo {
        font-size: 25px;
    }


    #secondary {
        font-size: 15px;
    }
}

@media screen and (min-width: 1100px) {
    .wrap-text-diapo .text {
        /* margin-bottom: 7%;  */
    }
}


@media screen and (min-width: 1200px) {
    .wrap-text-diapo .text {
        /* margin-bottom: 10%; */
    }

    .wrap-text-sub-diapo span {
        width: 20%;
    }

    .recent-posts .bx-controls-direction a.bx-prev {
        left: -46px;
    }

    .recent-posts .bx-controls-direction a.bx-prev {
        right: -46px;
    }


    .home .thematic1 {
        position: relative;
    }

    .home .thematic1:after {
        position: absolute;
        bottom: 0;
        left: 50%;
        content: "";
        width: 416px;
        height: 214px;
        background: url(assets/images/bg-them2.png) no-repeat center center;
        margin-left: 420px;
    }

    /* sidebar */
    .interior #primary {
        padding-bottom: 150px;
    }

    .interior .site-content>.wrap {
        position: relative;
    }

    .interior #primary:after {
        position: absolute;
        bottom: 0;
        left: 66%;
        content: "";
        width: 416px;
        height: 214px;
        background: url(assets/images/bg-them2.png) no-repeat center center;
        margin-left: 215px;
    }
}


@media screen and (min-width: 1278px) {
    .wrap-text-diapo .text {
        /* margin-bottom: 11%;  */
    }
}

@media screen and (min-width: 1300px) {
    .wrap-text-diapo .text {
        /* margin-bottom: 12%;  */
    }
}

@media screen and (min-width: 1400px) {
    .wrap-text-diapo .text {
        padding-left: 60%;
    }

    .wrap-text-sub-diapo {
        font-size: 30px;
        margin: 15px 0 96px;
        padding: 25px 0 25px 20px;
    }

    .wrap-text-sub-diapo span {
        width: 25%;
    }

    #logo {
        max-width: 18%;
        top: 55%;
    }

    .wrap-text-diapo {
        font-size: 30px;
    }

    #logo::before {
        width: 170%;
        top: -48%;
        left: -25%;
    }

    .wrap-text-diapo {
        top: 38%;
    }
}

@media screen and (min-width: 1600px) {
    .wrap-text-diapo .text {
        padding-left: 60%;
    }

    .wrap-text-sub-diapo span {
        width: 296px;
    }

    #logo {
        max-width: 296px;
    }

    .wrap-text-diapo {
        font-size: 37px;
    }

    #logo::before {
        top: -35%;
    }


    .wrap-text-diapo .text {
        padding-left: 60%;
    }

    #logo:before {
        width: 495px;
        height: 299px;
        top: -48%;
        left: -25%;
    }
}

@media screen and (min-width: 1800px) {
    #logo {
        top: 58%;
    }

    #logo::before {
        width: 495px;
        height: 299px;
        top: -45%;
        left: -25%;
    }

    .wrap-text-diapo {
        top: 45%;
        line-height: 40px;
    }
}

@media screen and (min-width: 1900px) {
    #logo {
        top: 60%;
    }

    .wrap-text-diapo {
        top: 47%;
    }

    #logo:before {
        width: 495px;
        height: 299px;
        top: -45%;
        left: -25%;
    }
}

.navigation-top {
    z-index: 6;
}

img#qualiopi {
    width: 785px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    padding: 1rem;
}

li.facebook-link a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    align-items: center;
    margin-top: 10px;
    font-size: 15px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    color: #FFF;
    text-align: center;
}

li.facebook-link a:before {
    display: block;
    content: '';
    background-image: url(assets/images/logo-circulaire-facebook.png);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    width: 38px;
    height: 38px;
    max-width: 100%;
    margin-bottom: 10px;
}

li.facebook-link a:hover:before,
li.facebook-link a:focus:before {
    background-image: url(assets/images/logo-circulaire-facebook-hover.png);
}

/*#qualiopi iframe {
    width: 50vw;
    height: 40vw;
    margin: 5vw auto;
    display: block;
    min-height: 30rem;
}

div#qualiopi a {
    display: none;
}

@media screen and (max-width:1199px) {
    #qualiopi iframe.lazyloaded {
        width: 100%;
    }
}

@media only screen and (hover: none) {
    #qualiopi iframe.lazyloaded {
        display: none;
    }

    div#qualiopi a {
        display: block;
    }
}*/