/*
Theme Name: Milan Presse V3
Author: Milan Presse
Author URI: http://www.milanpresse.com
Description: Theme du site milanpresse.com
Version: 3.0
*/

/**
 * Base
 */
html,
body {
    font-family: 'Lato Regular', Arial, sans-serif;
    font-size: 19px;
    line-height: 1.5;
    color: #4f6968;
    font-weight: 500;
}

body {
    position: relative;
    background: none;
}

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

img.btn-img {
    opacity: 1;
    max-width: 100%;
}

img.btn-img:hover {
    opacity: 0.6;
}

.bg-cloud {
    background-repeat: repeat-y;
}

.bg-cloud.bg-cloud-left {
    background-position: top left;
    background-image: url(images/bg-cloud-left.png);
}

.bg-cloud.bg-cloud-right {
    background-position: top right;
    background-image: url(images/bg-cloud-right.png);
}

.alignleft {
    float: left;
    margin-right: 10px;
    margin-bottom: 50px;
}

h1.search {
    font-size: 24px;
    font-weight: bold;
    color: #787373;
    margin-top: 0;
    margin-bottom: 24px;
}

h1.search span.term {
    color: #313131;
}

h1.search span.count {
    font-size: 15px;
}

h2 {
    font-size: 30px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 35px;
    color: #4f6968;
    margin-bottom: 30px;
}

h3 {
    font-size: 16px;
    font-weight: bold;
    margin: 30px 0 6px 0;
}

h4 {
    font-size: 16px;
    font-weight: normal;
    margin: 30px 0 6px 0;
}

a {
    color: #0E3533;
}

a, button {
    outline: none;
}

a:hover,
a:active,
a:focus {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

#content .post a {
    /*color: #0E3533;*/
    color: #FC9106;
    text-decoration: underline;
}

#content .post a:hover,
#content .post a:active,
#content .post a:focus {
    color: #d8312d;
}

input {
    border: 1px solid #dddddd;
    border-radius: 0;
}

select {
    -webkit-appearance: menulist;
}

input::-moz-placeholder {
    color: darkgrey;
    opacity: 1;
    font-weight: 500;
    font-style: italic;
}

input:-ms-input-placeholder {
    color: darkgrey;
    font-weight: 500;
    font-style: italic;
}

input::-webkit-input-placeholder {
    color: darkgrey;
    font-weight: 500;
    font-style: italic;
}

@media (max-width: 992px) {
    body {
        padding-bottom: 70px;
    }
}

@media (max-width: 768px) {
    /*html {
    background: #F5F4F4;
  }*/
    body {
        padding-bottom: 50px;
    }
}

/**
 * Classes generiques
 */


.fix:after,
.row:after {
    clear: both;
}

.clearfix,
.row {
    *zoom: 1;
}

.clearfix:after {
    display: block;
    clear: both;
    content: "";
}

.gray-border {
    border: 1px solid #d6d6d6;
}

a.post-edit-link {
    background: #d6d6d6;
    color: #848383;
    padding: 3px 5px;
    display: none;
}

.post-edit-link:hover {
    background-color: #e0000e;
    color: #fff;
}

/* Icons */
.icon-bonhomme {
    background-image: url(icons/bonhomme.png);
}

.icon-colombe {
    background-image: url(icons/colombe.png);
}

.icon-ordinateur {
    background-image: url(icons/ordinateur.png);
}

.icon-play {
    background-image: url(icons/play.png);
}

/*.icon-heros { background-image: url(icons/heros.png); }*/
.icon-actus-mag {
    background-image: url(icons/actus-mag.png);
}

.icon-actus-enfant {
    background-image: url(icons/actus-enfant.png);
}

.icon-actus-video {
    background-image: url(icons/actus-video.png);
}

.icon-actus-web {
    background-image: url(icons/actus-web.png);
}

.icon-univers-numerique {
    background-image: url(icons/univers-numerique.png);
}

.icon-enseignants {
    background-image: url(icons/enseignants.png);
}

.icon-engagement {
    background-image: url(icons/engagement.png);
}

/* Sociaux */
.social {
    background: url(images/sociaux2.png) no-repeat left top;
}

.social.facebook {
    background-position: 16px 12px;
}

.social.facebook:hover {
    background-position: 16px -28px;
}

.social.twitter {
    background-position: -22px 12px;
}

.social.twitter:hover {
    background-position: -22px -28px;
}

/*.social.googleplus { background-position: -61px 12px; }
.social.googleplus:hover { background-position: -61px -28px; }*/
.social.youtube {
    background-position: -246px 11px;
}

.social.youtube:hover {
    background-position: -246px -25px;
}

.social.rss {
    background-position: -101px 12px;
}

.social.rss:hover {
    background-position: -101px -28px;
}

.social.mail {
    background-position: -143px 12px;
}

.social.mail:hover {
    background-position: -143px -28px;
}

.social.print {
    background-position: -189px 10px;
}

.social.print:hover {
    background-position: -189px -27px;
}

.social.instagram {
    background-position: -281px 12px;
}

.social.instagram:hover {
    background-position: -281px -25px;
}

.social.tiny.facebook {
    background-position: 13px 10px;
}

.social.tiny.facebook:hover {
    background-position: 13px -30px;
}

.social.tiny.twitter {
    background-position: -25px 10px;
}

.social.tiny.twitter:hover {
    background-position: -25px -30px;
}

/*.social.tiny.googleplus { background-position: -64px 10px; }
.social.tiny.googleplus:hover { background-position: -64px -30px; }*/
.social.tiny.rss {
    background-position: -104px 10px;
}

.social.tiny.rss:hover {
    background-position: -104px -30px;
}

.social.tiny.mail {
    background-position: -145px 11px;
}

.social.tiny.mail:hover {
    background-position: -145px -29px;
}

.social.tiny.print {
    background-position: -191px 9px;
}

.social.tiny.print:hover {
    background-position: -191px -28px;
}

/**
 * Bootstrap enhancement
 */
.container {
    /*background-color: #fff;*/
}

.container-fluid {
    padding-left: 20px;
    padding-right: 20px;
}

.row {
    margin-left: -20px;
    margin-right: -20px;
}

.col-xs-7-5, .col-s-7-5, .col-sm-7-5, .col-md-7-5, .col-lg-7-5 {
    position: relative;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
}

.col-xs-7-5 {
    float: left;
    width: 50%;
}

col-xs-pull-7-5 {
    right: 50%;
}

.col-xs-push-7-5 {
    left: 50%;
}

.col-xs-offset-7-5 {
    margin-left: 50%;
}

@media (min-width: 400px) {
    .col-s-7-5 {
        float: left;
        width: 50%;
    }

    .col-s-pull-7-5 {
        right: 50%;
    }

    .col-s-push-7-5 {
        left: 50%;
    }

    .col-s-offset-7-5 {
        margin-left: 50%;
    }
}

@media (min-width: 768px) {
    .col-sm-7-5 {
        float: left;
        width: 50%;
    }

    .col-sm-pull-7-5 {
        right: 50%;
    }

    .col-sm-push-7-5 {
        left: 50%;
    }

    .col-sm-offset-7-5 {
        margin-left: 50%;
    }
}

@media (min-width: 992px) {
    .col-md-7-5 {
        float: left;
    }

    .col-md-7-5 {
        width: 50%;
    }

    .col-md-pull-7-5 {
        right: 50%;
    }

    .col-md-push-7-5 {
        left: 50%;
    }

    .col-md-offset-7-5 {
        margin-left: 50%;
    }
}

@media (min-width: 1200px) {
    .col-lg-7-5 {
        float: left;
    }

    .col-lg-7-5 {
        width: 50%;
    }

    .col-lg-pull-7-5 {
        right: 50%;
    }

    .col-lg-push-7-5 {
        left: 50%;
    }

    .col-lg-offset-7-5 {
        margin-left: 50%;
    }
}

@media (max-width: 768px) {
    .container {
        margin-right: auto;
        margin-left: auto;
        padding-left: 10px;
        padding-right: 10px;
    }

    .container-fluid {
        margin-right: auto;
        margin-left: auto;
        padding-left: 10px;
        padding-right: 10px;
    }

    .row {
        margin-left: -10px;
        margin-right: -10px;
    }

    img.photoTemoin {
        position: relative;
        left: 150px;
    }
}

input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/*
 * Ninja forms
 */
.field-wrap,
.ninja-forms-required-items,
.ninja-forms-response-msg,
.ninja-forms-field p {
    width: 590px !important;
    max-width: 100%;
    margin: 0 auto 15px !important;
}

.text-wrap.label-above input,
.textarea-wrap.label-above textarea {
    border: 2px solid #d6d6d6 !important;
}

.field-wrap input[type="file"] {
    font-size: 16px !important;
    background-color: #ffffff;
}

.sso-wrap {
    /*margin: 60px 0 !important;*/
    margin: 30px auto;
    padding: 30px 0 10px;
    border-top: 1px solid #B2B1B1;
    border-bottom: 1px solid #B2B1B1;
}

.field-wrap.sso-wrap {
    /*width: 100% !important;*/
}

.field-wrap.sso-wrap label {
    position: relative;
    padding-left: 20px;
    line-height: 20px;
    font-size: 16px;
    margin-bottom: 19px;
}

.field-wrap.sso-wrap label input {
    position: absolute;
    top: 3px;
    left: 0;
}

.field-wrap.submit-wrap {
    text-align: center;
}

.ninja-forms-response-msg {
    margin-bottom: 15px;
    padding: 15px;

    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
}

.ninja-forms-error-msg {
    background: #f2dede;
    border: 1px solid #ebccd1;
    color: #a94442;
}

.ninja-forms-success-msg {
    background: #dff0d8;
    border: 1px solid #d6e9c6;
    color: #3c763d;
}

.cell.single .subcontent .ninja-forms-response-msg p {
    margin: 0;
    padding: 0;
}

.ninja-forms-required-items {
    margin-bottom: 8px;
}

.field-wrap input[type="text"],
.field-wrap input[type="file"],
.field-wrap select,
.field-wrap textarea {
    width: 590px !important;
    max-width: 100%;
    border: 2px solid #d6d6d6;
    padding: 8px 13px;

    color: #b2b1b1;
    font-size: 20px;
    font-weight: 500;
    text-transform: uppercase;

    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    margin-left: 0 !important;
}

.field-wrap.ninja-forms-error input[type="text"],
.field-wrap.ninja-forms-error input[type="file"],
.field-wrap.ninja-forms-error select,
.field-wrap.ninja-forms-error textarea {
    border-color: #f5000f;
}

.field-wrap textarea {
    height: 280px !important;
}

.field-wrap input[type="checkbox"] {
    margin-right: 6px;
}

.ninja-forms-field-error {
    color: #f5000f;
    font-style: italic;
}

.ninja-forms-field-error p {
    margin: 0 !important;
}

.upload-wrap {
    margin-top: 50px;
}

#nf_submit_69 {
    position: relative;
    top: 230px;
}

.field-wrap input[type="submit"] {
    display: inline-block;
    background: url(images/mail.png) no-repeat right center #146967;
    margin: 0 auto;
    border: 0;
    height: 49px;

    padding-left: 45px;
    padding-right: 80px;

    font-size: 20px;
    line-height: 49px;
    font-weight: bold;
    color: #fff;
    text-align: center;

    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
}


.field-wrap input[type="submit"]:hover {
    background-color: #fe5d55;
}

.field-wrap input[type="submit"]:active {
    background-color: #e0000e;
    border-top: 3px solid #af0004;
}

.cell .subcontent .list-checkbox-wrap ul,
.cell .subcontent .list-checkbox-wrap ul li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.cell .subcontent .list-checkbox-wrap ul li:before {
    display: none;
}

.list-checkbox-wrap label {
    display: block;
    text-align: left;
    font-size: 14px;
    font-weight: bold !important;
    margin-bottom: 6px;
    cursor: pointer;
}

.profile_pass-wrap input,
.text-wrap.label-above input,
.text-wrap.label-below input,
.text-wrap.label-inside input,
.textarea-wrap.label-above textarea,
.textarea-wrap.label-below textarea,
.textarea-wrap.label-inside textarea,
.list-dropdown-wrap.label-above select,
.list-dropdown-wrap.label-below select {
    border: 0;
    border-bottom: 1px solid #d6d6d6;
}

.textarea-wrap.label-inside textarea {
     height: 150px !important;
    width: 100% !important;
    border: 1px solid #d6d6d6;
}

.sso-field {
    display: block;
    text-align: left;
    font-size: 14px;
    margin-bottom: 6px;
    cursor: pointer;
}

/**
 * Formulaire Appel à projet 2021
 */
.nf-field-label {
    width: auto !important;
}

.nf-field-element {
    width: 100% !important;
}

.nf-field-element input[type=email],
.nf-field-element input[type=tel] {
    padding: 8px 13px;
    border: 2px solid #d6d6d6;
}

.field-wrap input[type="text"],
.field-wrap input[type="file"],
.field-wrap select,
.field-wrap textarea {
    text-transform: initial;
    color: #787373;
}

.nf-field-element input[type="button"] {
    background: #146a68;
    padding: 10px 25px;
    color: #ffffff;
}

/*#nf-field-315-container .nf-field #nf-field-315-wrap {*/
/*    flex-direction: row-reverse;*/
/*}*/

#nf-field-315-container .nf-field #nf-field-315-wrap .nf-field-label {
    width: 100% !important;
    padding: 0;
}

#nf-field-315-container .nf-field #nf-field-315-wrap .nf-field-element {
    width: auto !important;
}

.nf-after-field {
    width: 590px !important;
    max-width: 100% !important;
    margin: 0 auto 15px !important;
}

/**
 * Header
 */
header.main {
    background: #fff;
    height: 90px;
}

header.main .container-top {
    z-index: 9997;
}

.switch .demo {
    display: none;
}

header.main {
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
}

header.main .row {
    position: relative;
}

#logo {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    width: 90px;
    height: 90px;
}

#logo h1 {
    margin: 0;
    padding: 0;
}

#logo a {
    display: block;
    height: 85px;
    width: 85px;
    background: url(images/logo_presse.png) no-repeat center;
    text-indent: -9999px;
    position: relative;
    background-size: contain;
}

/*#logo a {
  background-image: url( images/logo-milan-deuil.png) !important;
}*/

header.main ul.nav-menu {
    margin: 0;
    padding: 0;
}

header.main ul.nav-menu li {
    display: block;
    float: left;
}

#menu-top {
    height: 35px;
    padding: 0;
    background: #E7EBF3;
    width: 100%;
}

#menu-top .sociaux,
#menu-top .menu-menu-top-container {
    float: right;
}

#menu-top .social {
    display: block;
    float: left;
    width: 40px;
    height: 39px;
    /*border-left: 1px solid #d6d6d6;*/
    text-indent: -9999px;
}

#menu-top .menu-menu-top-container a {
    display: block;
    float: left;
    font-size: 13px;
    font-weight: 500;
    line-height: 39px;
    color: #313131;
    padding: 0 12px;
    height: 35px;
}

#menu-top .menu-menu-top-container a.local {
    font-weight: 400;
    background-color: #FC9106;
    color: #fff;
    font-size: 16px;
}

#menu-top .menu-menu-top-container a:hover {
    background: #e6e6e6;
}

#menu {
    height: 49px;
    padding: 0;
}

#search,
#menu .menu-menu-principal-container {
    float: right;
}

#menu .menu-menu-principal-container ul {
    padding: 0;
    margin: 0;
    margin-right: 115px;
    margin-top: 5px;
}

#menu .menu-menu-principal-container ul ul {
    display: none;
    position: absolute;
    z-index: 9999;
    top: 35px;
    left: -1px;
    border-top: 1px solid #d6d6d6;
    box-shadow: 0 0 3px grey;
    width: 100%;
}

#menu .menu-menu-principal-container .menu-item-has-children {
    position: relative;
}

#menu .menu-menu-principal-container .menu-item-has-children:hover ul {
    display: block;
}

#menu .menu-menu-principal-container .menu-item-has-children ul li {
    float: none;
}

#menu .menu-menu-principal-container a {
    display: block;
    font-size: 16px;
    font-weight: 700;
    line-height: 50px;
    text-transform: uppercase;
    color: #107978;
    padding: 0 40px;
    height: 49px;
    letter-spacing: 1px;
    /*border-right: 1px solid #d6d6d6;*/
}

.menu-menu-principal-container > ul > li:last-child a {
    border-right: 0;
}

#menu .menu-menu-principal-container #menu-item-485 {
    margin-right: 10px;
}

#menu .menu-menu-principal-container #menu-item-107 {
    margin-right: 15px;
}

#menu .menu-menu-principal-container #menu-item-56 a {
    text-indent: -9999px;
    background: url(images/home.png) no-repeat center center;
    background-position: 45px 14px;
}

#menu .menu-menu-principal-container .menu-item-has-children > a:after {
    content: "";
    position: absolute;
    right: 13px;
    top: 18px;
    width: 13px;
    height: 13px;
    display: block;
    background-image: url(images/drop-down-arrow.png);
    background-repeat: no-repeat;
    background-position: top left;
    background-size: 100%;
}

#menu .menu-menu-principal-container .menu-item-has-children ul a {
    position: relative;
    background: white;
    white-space: nowrap;
    border-left: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6;
    display: flex;
    justify-content: center;
}

#menu .menu-menu-principal-container .menu-item-has-children ul .menu-item-124 a,
#menu .menu-menu-principal-container .menu-item-has-children ul .menu-item-136 a,
#menu .menu-menu-principal-container .menu-item-has-children ul .menu-item-135 a {
    padding-left: 38px;
}

#menu .menu-menu-principal-container .menu-item-has-children ul .menu-item-124 a:before,
#menu .menu-menu-principal-container .menu-item-has-children ul .menu-item-136 a:before,
#menu .menu-menu-principal-container .menu-item-has-children ul .menu-item-135 a:before {

    content: " ";
    position: absolute;
    top: 50%;
    left: 2px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
    width: 14px;
    height: 47px;
}

/* Liste styles du menu magazines */
#menu .menu-menu-principal-container .menu-item-has-children ul .menu-item-124 a:before {
    background-color: #F3939D;
}

/* Eveil */
#menu .menu-menu-principal-container .menu-item-has-children ul .menu-item-136 a:before {
    background-color: #FBCF2F;
}

/* J'apprends' */
#menu .menu-menu-principal-container .menu-item-has-children ul .menu-item-135 a:before {
    background-color: #1A9F8D;
}

/* Passion */

/* Survol du menu magazines*/
#menu .menu-menu-principal-container .menu-item-has-children ul li.menu-item-124 a:hover {
    background-color: #F3939D !important;
    color: #fff;
}

#menu .menu-menu-principal-container .menu-item-has-children ul li.menu-item-136 a:hover {
    background-color: #FBCF2F !important;
    color: #fff;
}

#menu .menu-menu-principal-container .menu-item-has-children ul li.menu-item-135 a:hover {
    background-color: #1A9F8D !important;
    color: #fff;
}


#menu .menu-menu-principal-container a:hover,
#menu .menu-menu-principal-container .current-menu-item > a,
#menu .menu-menu-principal-container .current-menu-ancestor > a,
#menu .menu-menu-principal-container .current-post-ancestor > a
#menu .menu-menu-principal-container .menu-item-has-children ul a:hover {
    background-color: #fafafa;
}

#menu .menu-menu-principal-container #menu-item-56.current-menu-item a {
    background-color: #fff !important;
}

#menu .menu-menu-principal-container #menu-item-56.current-menu-item a:hover {
    background-color: #fafafa !important;
}

#search {
    position: relative;
}

#menu-top .menu-menu-top-container #search a,
#menu-top .menu-menu-top-container #search a:hover {
    display: block;
    background: url(images/recherche.png);
    width: 39px;
    height: 35px;
    text-indent: -9999px;
    margin-right: 3px;
}

#tiny-menu {
    height: 89px;
    text-align: right;
}

#sociaux-mobile,
#tiny-search,
#mobile-menu-launcher {
    height: 100%;
    text-align: center;
}

/*#sociaux-mobile,
#tiny-search,
#mobile-menu-launcher {
  border-right: 1px solid #d6d6d6;
}`*/

#sociaux-mobile a,
#tiny-search a,
#mobile-menu-launcher a {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 12px;
    color: #313131;
    font-weight: 500;
    text-transform: uppercase;
}

#sociaux-mobile a span,
#tiny-search a span,
#mobile-menu-launcher a span {
    display: inline-block;
    height: 32px;

    vertical-align: top;
    line-height: 34px;

    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

#sociaux-mobile a span.text,
#tiny-search a span.text,
#mobile-menu-launcher a span.text {
    margin-right: 16px;
    font-size: 17px;
    font-weight: 500;
    margin-top: 5px;
}

#sociaux-mobile span.icon {
    width: 32px;
    background: url(images/nous-suivre@2x.png) no-repeat center;
    background-size: 23px 21px;
}

#tiny-search a {
    display: block;
    width: 100%;
    height: 100%;
}

#tiny-search span.icon {
    width: 32px;
    background: url(images/mobile-loupe@2x.png) no-repeat center;
    background-size: 22px 23px;
}

#mobile-menu-launcher a {
    display: block;
    width: 100%;
    height: 100%;
    margin-right: 25px;
}

#mobile-menu-launcher span.icon {
    width: 32px;
    background: url(images/mobile-menu@2x.png) no-repeat center;
    background-size: 19px 12px;
}

#logo-mobile {
    float: left;
}

#logo-mobile img {
    width: 116px;
}

#tiny-search {
    margin-right: 5px;
}

#tiny-search,
#mobile-menu-launcher,
#magazine-bottom {
    float: right;
}

.search-box {
    display: none;
    position: absolute;
    z-index: 9999;
    top: 0;
    right: 0;
    padding: 14px;
    background: #0E3533;
}

#menu-top .search-box {
    top: 39px;
    display: none;
}

.search-box.tiny {
    top: 90px;
    left: 0;
    padding: 11px 20px;
}

.search-box.active {
    display: block;
}

.search-box input {
    width: 320px;
    font-size: 14px;
    padding: 15px 15px 15px 40px;
    background: url(images/loupes.png) no-repeat 12px -38px white;
}

.search-box.tiny input {
    width: 100%;
    padding: 14px 9px 14px 40px;
    background-position: 12px -38px;
}

@media (max-width: 1199px) {
    #menu .menu-menu-principal-container ul {
        margin-right: 0;
    }

    #menu .menu-menu-principal-container a {
        padding: 0 31px;
    }
}

@media (min-width: 992px) {
    header.main {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 9997;
    }

    body.admin-bar header.main {
        top: 32px;
    }
}

@media (max-width: 992px) {
    header.main .row {
        padding-left: 90px;
    }

}

/* Main */

#breadcrumbs {
    margin: -13px 0 3px 0;
    padding: 0;
    font-size: 13px;
}

#breadcrumbs a {
    color: #848383;
}

#breadcrumbs a:hover {
    color: #fe5d55;
}

#breadcrumbs .breadcrumb_last {
    font-weight: bold;
}

#main {
    position: relative;
    margin-top: 118px;
    z-index: 2;
}

body.page-id-121 #main,
body.page-id-125 #main,
body.page-id-127 #main {
    margin-top: 90px;
}

@media screen and (max-width: 991px){
    #main {
        margin-top: 40px;
    }
    body.page-id-121 #main,
    body.page-id-125 #main,
    body.page-id-127 #main {
        margin-top: 0;
    }
}

/* Affichage hierachie des pages*/
.breadcrumb {
    margin: 10px 0;
}

body.page-id-121 .breadcrumb,
body.page-id-125 .breadcrumb,
body.page-id-127 .breadcrumb {
    display: none;
}

/*Sidebar a gauche pour les diff�rents magazines et diff�rents �ges*/
#sidebar .content {
    padding: 20px;
    border: 1px solid #d5d5d5;
}

#sidebar a.nos-sites {
    display: block;
    width: 100%;
    text-align: center;
    margin-top: 50px;
}

#sidebar a.nos-sites:hover img {
    opacity: 0.6;
}

/*.entry-header img:hover {
	transform: scale(1.05);
}*/

.entry-header img {
    width: 100%;
    height: auto;
 /*   transition: all 1s ease;*/
}

h1.entry-title {
	font-size: 25px;
	text-align: center;
}

.entry-content p {
	font-size: 18px;
	text-align: center;
}

.entry-content p.btn-lien {
	margin: 16px 0 0 0;
    font-size: 15px;
}

.entry-content p.btn-lien a {
    color: #FC9106;
    text-align: center;
    line-height: 35px;
    padding: 0 15px;
    margin-top: 10px;
    border-radius: 30px;
    border: 2px solid #FC9106;
	background-color: #fff;
    text-transform: uppercase;
    display: inline-block;
}

.entry-content p.btn-lien a:hover {
	color: #ffffff;
	border-color: #fff;
	background-color: #FC9106;
}

#to-top {
    display: none;
    position: fixed;
    z-index: 10000;
    bottom: 70px;
    right: 10px;
    width: 61px;
    height: 61px;

    border: 6px solid rgba(226, 226, 226, 0.5);

    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
    border-radius: 100px;

    overflow: hidden;
    cursor: pointer;
}

#to-top #to-top-inner {
    background: url(images/to-top.png) no-repeat center center #d1cfcf;
    width: 49px;
    height: 49px;

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}

#to-top:hover #to-top-inner {
    background-color: #f5000f;
    f
}

#to-top:active #to-top-inner {
    background-color: #e0000e;
}

@media (max-width: 992px) {
    #sidebar {
        padding-top: 30px;
        padding-right: 0;
    }

    #content {
        padding-left: 0;
    }
}

/*#####################################
############### Mobile ################
#######################################*/

@media (max-width: 768px) {
    #main {
        /*background: #f5f4f4;*/
        margin-bottom: 20px;
        padding-bottom: 10px;
        border: 0;
    }

    #breadcrumbs {
        margin: 10px 0 20px;
    }
}

/* Cells */
.cell {
    margin-bottom: 30px;
    position: relative;
}

.cell.right {
    padding-right: 0;
}
.cell.left {
    padding-left: 0;
    clear: both;
}

.cell .visuel img {
    width: 100%;
    height: 100%;
}

.cell .icon-inner {
    width: 74px;
    height: 74px;
}

.cell .content {
    position: relative;
}

.cell .content.with-border {
    border-top: 1px solid #d6d6d6;
}

.cell.page .content {
    padding-bottom: 0;
}

.cell.page.magazines-liste .content,
.cell.page.univers .content,
.cell.page.heros .content,
.cell.page.engagements-liste .content,
.cell.page.engagements .content,
.cell.page.ple .content,
.cell.page.page.contact .content {
    padding-bottom: 44px;
}

.cell .magazine-cta {
    text-align: center;
}

.cell .magazine-cta a {
    display: inline-block;
    padding: 10px 15px;
    border: 2px solid #fd8424;
    margin: 0 5px;
    color: #FFF;
    background-color: #fd8424;
    font-family: 'Lato Regular', sans-serif;
    font-weight: 700;
    font-size: 15px;
}

.cell .magazine-cta a:hover {
    color: #fd8424;
    background-color: #FFF;
}

.cell .sociaux {
    display: none;
}

.cell .social {
    display: block;
    float: left;
    width: 36px;
    height: 36px;
    border-left: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6;
    text-indent: -9999px;
}

.cell .subcontent {
    padding: 20px 10px;
    height: 245px;
    color: #787373;
    background-color: #f3f7f7;
    overflow: hidden;
}

#nos-sites .cell .subcontent {
    height: 300px;
}

.cell.large .subcontent {
    padding: 30px 25px;
    height: auto;
}

.cell.single .subcontent {
    padding: 30px 15px 0px;
    overflow: hidden;
}

.cell.searchg .subcontent {
    padding: 25px;
}

.cell.postuler .subcontent {
    padding: 25px;
    font-size: 14px;
}

.cell:not(.single) .subcontent p {
    margin: 16px 0 0 0;
    font-size: 17px;
}

.cell.single .subcontent p {
    margin: 0;
}

body.page .cell.single .subcontent p,
.single.single-post .cell.single .subcontent p {
    margin-bottom: 15px;
}

/* Page Recrutement */
div.btn-candidature a {
    background-color: #146a68;
    border: 0;
    font-size: 18px;
    padding: 15px 15px;
    color: #fff;
    display: inline-block;
    margin: 18px 0;
}
#post-16 .cnilmention {
    font-size: 11px;
    margin: 15px;
}
/* Page contacter service recrutement */
#post-215 .ninja-forms-field p {
    font-size: 11px;
    margin-bottom: 20px;
}

.cell.single .subcontent p strong {
    color: #0E3533;
}

.cell h3.title {
    margin: 0;
    font-weight: normal;
}

.cell h3 a {
    font-size: 22px;
    color: #0E3533;
    font-weight: 500;
    text-transform: uppercase;
}

.cell h3 a span {
    font-size: 19px;
    font-weight: 700;
}

.cell.large h3 a {
    font-size: 19px;
    font-weight: 700;
}

.cell h3 a:hover {
    color: #fe5d55;
}

.cell h1,
.cell .h1 {
    font-size: 30px;
    line-height: normal;
    margin-top: 0;
    color: #0E3533;
    text-transform: uppercase;
}

.cell .h1 {
    margin: 30px 0;
}

.cell .subcontent ul {
    padding-left: 60px;
}

.cell .subcontent li {
    position: relative;
    list-style: none;
    padding-bottom: 2px;
}

.cell .subcontent li:before {
    content: "\25cf";
    position: absolute;
    top: -1px;
    left: -14px;
    font-size: 16px;
}

.cell .subcontent li:last-child {
    padding-bottom: 0;
}

/**/
.cell .subcontent .field-wrap ul,
.cell .subcontent .field-wrap ul li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.cell .subcontent .field-wrap ul li:before {
    display: none;
}

/**/

.cell .info {
    font-size: 12px;
    margin-top: 40px;
    display: none;
}

.cell .info .date,
.cell .info .note {
    display: inline-block;
}

.cell .info .date:before {
    content: " ";
    display: inline-block;
    width: 19px;
    height: 19px;

    background: url(images/date.png) no-repeat 0 0;
    margin-right: 9px;
    vertical-align: bottom;
}

.cell .info .note {
    margin-left: 35px;
}

.cell .info .note img {
    vertical-align: bottom;
}

.cell .info .note span.text {
    padding-left: 8px;
}

.cell .more,
.cell .single-pagination {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #faf9f9;
    text-align: right;
    border-top: 1px solid #d6d6d6;
    display: none;
}

.cell .links {
    background: #faf9f9;
}

.cell .links ul,
.cell .links ul li {
    padding: 0;
    margin: 0;
    list-style: none;
}

.cell .single-pagination span.previous {
    display: block;
    float: left;
}

.cell .single-pagination span.next {
    display: block;
    float: right;
}

.cell .more a,
.cell .single-pagination a,
.cell .links a {
    display: block;
    padding: 12px;
    font-weight: bold;
    font-size: 14px;
    color: #787373;
}

.cell .links a {
    position: relative;
    background: #faf9f9;
    border-top: 1px solid #d6d6d6;
    padding-right: 40px;
}

.cell .links a:hover {
    background: #f6f6f6;
}

.cell .links a.faq-link.active {
    border-bottom: 1px solid #d6d6d6;
}

.cell .links a.faq-link.active:after {
    background-position: -79px 0;
}

.cell .links .faq-content {
    display: none;
    background: white;
    padding: 0 12px;
    overflow: hidden;
}

.cell .more a span {
    display: inline-block;
    width: 18px;

    background: url(images/more.png) no-repeat 0 0;
    font-weight: 900;
    color: #fff;
    text-align: left;
    text-indent: -9999px;
    margin-left: 5px;
}

.cell .more a:hover span {
    background-position: 0 center;
}

.cell .more a:active span {
    background-position: 0 bottom;
}

.cell .single-pagination span.previous a:before,
.cell .single-pagination span.next a:after,
.cell .links a:after {
    content: " ";
    display: inline-block;
    width: 18px;
    height: 20px;

    background: url(images/more.png) no-repeat -52px 0;
    margin-left: 9px;
    vertical-align: bottom;
}


.cell .links a:after {
    position: absolute;
    top: 12px;
    right: 12px;
}

.cell .single-pagination span.previous a:before {
    margin-left: 0;
    margin-right: 9px;
    background-position: -26px 0;
}

.cell .single-pagination span.previous a:hover:before {
    background-position: -26px center;
}

.cell .single-pagination span.next a:hover:after,
.cell .links a:hover:after {
    background-position: -52px center;
}

.cell .single-pagination span.previous a:active:before {
    background-position: -26px bottom;
}

.cell .single-pagination span.next a:active:after,
.cell .links a:active:after {
    background-position: -52px bottom;
}

.cell.magazines-liste .single-pagination a span {
    font-weight: bold;
}

.cell .single-pagination a.gamme-121 span {
    color: #61c3dc;
}

/* Eveil */
.cell .single-pagination a.gamme-125 span {
    color: #f9b900;
}

/* J'apprends' */
.cell .single-pagination a.gamme-127 span {
    color: #c7d200;
}

/* Passion */

/*@media (min-width: 992px) and (max-width: 1199px) {
  .cell .subcontent {
    height: 291px;
  }
}*/

@media (min-width: 769px) and (max-width: 1999px) {

    .cell .subcontent {
        height: auto;
        min-height: 245px;
    }
}

@media (max-width: 768px) {
    .cell .subcontent,
    .cell.single .subcontent {
        /*  padding: 55px 10px 25px 10px;*/
        height: auto;
        font-size: 12px;
        line-height: 17px;
    }

    .cell.search .subcontent,
    .cell.postuler .subcontent {
        padding: 25px 10px;
    }

    .cell h3 a {
        font-size: 17px;
    }

    .cell .subcontent p {
        margin: 10px 0 0 0;
        font-size: 16px;
    }

    .cell .single-pagination a {
        font-size: 11px;
    }
}

@media (max-width: 400px) {
    .cell {
        padding: 0;
    }
}

/* Pagination */
.wp-pagenavi {
    margin-top: 25px;
    text-align: center;
}

.wp-pagenavi .page,
.wp-pagenavi .current,
.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink {
    display: inline-block;
    width: 44px;
    height: 44px;
    font-size: 14px;
    line-height: 44px;
    color: #848383;
    text-align: center;
    border-right: 1px solid #d6d6d6;
    border-top: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6;
    background: white;
}

.wp-pagenavi .current,
.wp-pagenavi .page {
    border-right: 0;
}

.wp-pagenavi .page:hover {
    background: #f5000f;
    color: #fff;
}

.wp-pagenavi .current {
    color: #fff;
    background: #f5000f;
}

.wp-pagenavi .previouspostslink {
    background: url(images/pagination-prev.png) no-repeat center 15px #faf9f9;
    text-indent: -9999px;
}

.wp-pagenavi .nextpostslink {
    border-left: 1px solid #d6d6d6;
    border-right: 0;
    background: url(images/pagination-next.png) no-repeat center 15px #faf9f9;
    text-indent: -9999px;
}

.wp-pagenavi .previouspostslink:hover,
.wp-pagenavi .nextpostslink:hover {
    background-color: #f5000f;
    background-position: center -61px;
}

.wp-pagenavi *:first-child {
    border-left: 1px solid #d6d6d6;
}

.wp-pagenavi *:last-child {
    border-right: 1px solid #d6d6d6;
}

.actus-title {
    font-size: 20px;
    font-weight: bold;
    margin-top: 40px;
    margin-bottom: 20px;
}

@media (max-width: 1199px) {
    #slider .content {
        height: auto;
    }
}

@media (max-width: 768px) {

    #slider .subcontent {
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 15px;
    }

    #slider h2 a {
        font-size: 17px;
    }

    #slider .excerpt {
        font-size: 12px;
        line-height: 17px;
    }
}

@media (max-width: 991px) {
     #page-magazines section.part1 .cell article .content {
        height: auto !important;
    }
}

@media (min-width: 768px) and (max-width: 1044px) {
    #page-magazines section.part0 header h1 {
        font-size: 32px !important;
    }
}

/* Sidebar abonnements */
.widget .mp-widgets-abonnements {
    background: white;
    line-height: 24px;
}

body.home .widget .mp-widgets-abonnements {
    margin-bottom: 80px;
}

.widget .mp-widgets-abonnements {
    position: relative;
}

.widget .mp-widgets-abonnements .title h2.maintitle {
    font-size: 24px !important;
    font-weight: 700 !important;
    color: #0E3533 !important;
    margin-top: 0 !important;
    margin-bottom: 0;
    text-transform: uppercase;
    text-align: center;
}

.widget .mp-widgets-abonnements .title h2.subtitle {
    font-size: 18px !important;
    margin: 0 !important;
    font-weight: 500;
    padding: 0 0 15px;
    text-transform: none;
    color: #849897;
}

.widget .mp-widgets-abonnements .subtitle a {
    display: inline-block;
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
    color: #fff;
    padding: 3px 10px 1px 10px;
    background: #fe9002;
    margin-top: 10px;
}

.widget .mp-widgets-abonnements .subtitle.eveil a {
    background-color: #F3949D;
}

.widget .mp-widgets-abonnements .subtitle.eveil a:hover {
    background-color: #d08589;
}

.widget .mp-widgets-abonnements .subtitle.eveil a:active {
    background-color: #d08589;
}

.widget .mp-widgets-abonnements .subtitle.japprends a {
    background-color: #FCE04C;
    color: #176961;
}

.widget .mp-widgets-abonnements .subtitle.japprends a:hover {
    background-color: #d9c345;
}

.widget .mp-widgets-abonnements .subtitle.japprends a:active {
    background-color: #d9c345;
}

.widget .mp-widgets-abonnements .subtitle.passion a {
    background-color: #1BAB97;
}

.widget .mp-widgets-abonnements .subtitle.passion a:hover {
    background-color: #27967c;
}

.widget .mp-widgets-abonnements .subtitle.passion a:active {
    background-color: #27967c;
}

.widget .mp-widgets-abonnements ul,
.widget .mp-widgets-abonnements ul li {
    margin: 0;
    padding: 0;
    list-style: none;
}

ul.eveil {
    background-color: #F3949D;
}

/********bug du clearfix*******/
.widget .mp-widgets-abonnements ul li {
    float: left;
    margin-left: 25px;

}

.widget .mp-widgets-abonnements ul:before,
.widget .mp-widgets-abonnements ul:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.widget .mp-widgets-abonnements ul:after {
    clear: both;
}

.widget .mp-widgets-abonnements ul li a {
    display: inline-block;
    font-size: 13px;
    /*text-transform: uppercase;*/
    color: #787373;
    padding: 3px 5px 1px 5px;
    /*background: #f2f2f2;*/
    margin: 13px 0 0 -10px;

}

.widget .mp-widgets-abonnements ul {
    padding-bottom: 15px;
}

.widget .mp-widgets-abonnements ul li a {
    border-radius: 5px;
}

.widget .mp-widgets-abonnements ul li a {
    background-color: #fff;
}

.widget .mp-widgets-abonnements ul li a strong {
    text-transform: uppercase;
    font-size: 13px;
    margin-right: 5px;
    color: #176961;
    font-weight: 900;
}

.widget .mp-widgets-abonnements ul li a:hover {
    opacity: 0.6;
}

.widget .mp-widgets-abonnements .footer {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;

    background: #faf9f9;
    text-align: right;

    border-top: 1px solid #d6d6d6;
}

.widget .mp-widgets-abonnements .footer a {
    display: block;
    padding: 12px 21px 12px 0;
    font-weight: 500;
    font-size: 14px;
    font-style: italic;
    color: #787373;
}

.widget .mp-widgets-abonnements .footer a span {
    display: inline-block;
    width: 18px;

    background: #848383;
    font-weight: 900;
    color: #fff;
    text-align: center;

    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    border-radius: 25px;
}

.widget .mp-widgets-abonnements .footer a:hover span {
    background: #f5000f;
}

@media (max-width: 1199px) {
    .widget .mp-widgets-abonnements {
        height: auto;
        padding-bottom: 70px;
        margin-bottom: 0;
    }
}

/* Sidebar links */
.widget .sidebar-links,
.widget .sidebar-links li,
.gammes-intro,
.gammes-intro li {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
}

.cell .subcontent .gammes-intro li:before {
    content: "";
    position: relative;
    top: 0;
    left: 0;
    font-size: 0;
}

/*.widget .sidebar-links li a,
.gammes-intro li a,
#actus-sidebar .lesactus{
  display: inline-block;
  background: #f5000f;
  margin-bottom: 10px;
  border: 0;
  height: 49px;

  width: 100%;
  max-width: 380px;

  font-size: 20px;
  line-height: 49px;
  font-weight: bold;
  color: #fff;
  text-align: center;

  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
}*/

.widget .sidebar-links li:last-child a {
    margin-bottom: 0;
    display: none;
}

.widget .sidebar-links li a:hover,
#actus-sidebar .lesactus:hover {
    background: #fe5d55;
}

.widget .sidebar-links li a:active,
#actus-sidebar .lesactus:active {
    border-top: 3px solid #af0004;
    background: #e0000e;
}

.widget .sidebar-links li a.decouvrir span:after,
.gammes-intro li a span:after {
    content: " ";
    display: inline-block;
    background: url(images/decouvrir.png) no-repeat center center;
    width: 30px;
    height: 18px;
    margin-left: 15px;
    vertical-align: middle;
}

.widget .sidebar-links li a.feuilleter span:after {
    content: " ";
    display: inline-block;
    background: url(images/feuilleter.png) no-repeat center center;
    width: 30px;
    height: 25px;
    margin-left: 15px;
    vertical-align: middle;
}

.gammes-intro li a span:after {
    width: 43px;
    height: 48px;
}

.gammes-intro li a.eveil {
    background-color: #61c3dc;
}

.gammes-intro li a.apprends {
    background-color: #f9b900;
}

.gammes-intro li a.passion {
    background-color: #c7d200;
}

.gammes-intro li a.eveil:hover {
    background-color: #83d2e5;
}

.gammes-intro li a.apprends:hover {
    background-color: #fbc62c;
}

.gammes-intro li a.passion:hover {
    background-color: #d3dd15;
}

.gammes-intro li a.eveil:active {
    background-color: #58bdd6;
    border-bottom: 3px solid #2d98bd;
}

.gammes-intro li a.apprends:active {
    background-color: #f9aa00;
    border-bottom: 3px solid #f57f00;
}

.gammes-intro li a.passion:active {
    background-color: #c0cb02;
    border-bottom: 3px solid #99a801;
}

.gammes-intro li a.eveil span:after {
    background: url(images/bouton-gammes-eveil.png) no-repeat center center;
}

.gammes-intro li a.apprends span:after {
    background: url(images/bouton-gammes-apprends.png) no-repeat center center;
}

.gammes-intro li a.passion span:after {
    background: url(images/bouton-gammes-passion.png) no-repeat center center;
}

/* Sidebar - Widget remont�es actus */
#actus-sidebar {
    background-color: #fff;
    padding: 24px;
    border: 1px solid #d6d6d6;
    text-align: center;
    display: none;
}

#actus-sidebar ul {
    text-align: left;
    margin: 0;
    padding: 0;
}

#actus-sidebar li {
    padding-bottom: 25px;
    margin-bottom: 25px;
    border-color: #eae9e9;
    list-style: none;
}

#actus-sidebar li img {
    float: left;
    margin-right: 10px;
}

#actus-sidebar li:last-child {
    padding-bottom: 0;
    margin-bottom: 35px;
    border: 0;
}

#actus-sidebar img {
    width: 94px;
    height: 57px;
    border: 0 !important;
    padding: 0 !important;
}

#actus-sidebar h3 {
    padding-top: 2px;
    padding-bottom: 5px;
}

#actus-sidebar h3 a {
    font-size: 16px;
    color: #848383;
    font-weight: normal;
}

#actus-sidebar h3 a:hover {
    color: #fe5d55;
}

#actus-sidebar .lesactus {
    display: inline-block !important;
    width: 70% !important;
    height: 37px !important;
    line-height: 37px !important;
    font-size: 18px !important;
}

/* Sidebar pubs */
.widget .mp-widgets-pubs {
    background: white;
    padding: 54px 10px;
    text-align: center;
    border: 1px solid #d6d6d6;
    display: none;
}

.mp-widgets-pubs img {
    max-width: 99%;
    height: auto;
}

/* Sidebar polls */
.widget.widget_polls-widget {
    background: white;
    padding: 15px;
    border: 1px solid #d6d6d6;
}

.widget.widget_polls-widget .h3 {
    font-size: 20px;
    font-weight: bold;
    color: #787373;
    margin-top: 15px;
}

.widget.widget_polls-widget label {
    cursor: pointer;
}

.widget.widget_polls-widget .wp-polls-ul {
    margin-left: 0;
}

/* Footer */
footer div.Part1 {
    background-color: #fffsmoke;
    position: relative;
}

div.logoMilan {
    position: absolute;
    height: 85px;
    width: 85px;
    background: url(images/logo.png) no-repeat center red;
    margin-top: 25px;
}

div.footer {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    width: 100%;
    padding: 20px 0;
}

footer a,
footer span,
footer li {
    font-size: 14px;
}

footer div.Part1 a {
    color: rgb(54, 128, 127);
}

span.footer {
    color: rgb(54, 128, 127);
}

ul#menu-menu-footer li a {
    color: #848383;
    margin-left: 5px;
    text-transform: initial;
}

footer div.Part2 {
    background: white;
    position: relative;
}

footer div.Part2 ul#menu-menu-footer {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    list-style: none;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
}

footer div.Part2 ul#menu-menu-footer {
    margin-bottom: 10px;
}


footer div.Part1 a:hover,
ul#menu-menu-footer li a:hover,
footer a:hover {
    color: #000;
    text-decoration: underline;
}

footer div.Part2 .col-sm-9 {
    width: 100%;
}

.cnilmention {
    font-size: 9px;
    line-height: 12px;
    color: #106663;
}

@media only screen and (max-width: 1199px) {
    .cnilmention {
        margin-top: 30px;
    }
}

body:not(.home) footer {
    margin-top: 60px;
}

#footer-nv1 {
    background-color: #37c6c3;
}

#footer-nv1 .row {
    height: 85px;
}

#footer-nv1 .nl-intro,
#footer-nv1 .nl {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

#footer-nv1 .nl-intro {
    color: #106663;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}

#nl-intro-inner {
    display: inline-block;
    font-size: 16px;
}

#nl-intro-inner.bad,
#nl-intro-inner.good {
    padding-left: 140px;
}

#nl-intro-inner.bad {
    background: url(images/nl-bad.png) no-repeat left center;
}

#nl-intro-inner.good {
    background: url(images/nl-good.png) no-repeat left center;
}


#footer-nv1 .nl input[type="text"] {
    width: 290px;
    font-size: 14px;
    padding: 10px;
    border: 0;
    height: 40px;
}

#footer-nv1 .nl input[type="text"].success {
    background: url(images/nl-input-success.png) no-repeat right center white;
}

#footer-nv1 .nl span {
    position: relative;
    margin-left: 12px;
}

#footer-nv1 .nl span:after {
    content: " ";
    display: block;
    position: absolute;
    top: 2px;
    left: -5px;
    width: 14px;
    height: 14px;
    background: #146a68;

    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

#footer-nv1 .nl span:hover:after {
    background: #0b3b3a;
}

#footer-nv1 .nl input[type="submit"] {
    position: relative;
    background: #146a68;
    padding: 10px 25px;
    border: 0;
    height: 40px;

    font-size: 18px;
    font-weight: bold;
    color: #fff;

    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;

    vertical-align: bottom;
}

#footer-nv1 .nl span:hover input[type="submit"] {
    background: #0b3b3a;
}

#footer-nv1 .nl input[type="submit"]:active {
    background: #0b3b3a;
    border-top: 3px solid #0b3b3a;
    border-bottom: 3px solid transparent;
}

#footer-nv2 {
    background: white;
    padding: 45px 0;
}

#footer-nv2 .pre-parents {
    border-right: 1px solid #e1e0e0;
}

#footer-nv2 .title {
    font-size: 18px;
    font-weight: bold;
    color: #f5000f;
    text-transform: uppercase;
    margin-bottom: 45px;
}

#footer-nv2 .parents {
    text-align: center;
}

#footer-nv2 .parents .title {
    color: #817c7c;
}

#footer-nv2 .title.second {
    margin-top: 45px;
}

#footer-nv2 ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

#footer-nv2 ul li {
    padding: 1px 0;
    margin: 0;
    list-style: none;
}

#footer-nv2 ul li a {
    color: #848383;
    font-size: 14px;
    font-weight: 500;
}

#footer-nv2 ul li a:hover {
    color: #f5000f;
}

#footer-nv3 {
    background: white;
    padding: 18px 0;
}

#footer-nv3 img {
    max-width: 100%;
}

#footer-nv3 ul,
#footer-nv3 ul li {
    padding: 0;
    margin: 0;
    list-style: none;
}


#footer-nv3 ul {
    text-align: right;
    padding-top: 12px;
}

#footer-nv3 ul li,
#footer-nv3 ul li a {
    display: inline;
    font-size: 12px;
    font-weight: 500;
    color: #787373;
}

#footer-nv3 ul li a {
    white-space: nowrap;
}

#footer-nv3 ul li:after {
    content: " - ";
}

#footer-nv3 ul li:last-child:after {
    content: "";
}

#footer-nv3 ul li a:hover {
    color: #f5000f;
}

#footer-nv3 ul li a img {
    max-width: 100%;
}

@media (max-width: 1199px) {
    #footer-nv1 {
        padding: 15px 0;
    }

    #footer-nv1,
    #footer-nv1 .row {
        height: auto;
    }

    #nl-intro-inner {
        height: 32px;
        line-height: 30px;
    }

    #footer-nv1 .nl-intro,
    #footer-nv1 .nl {
        position: relative;
        top: 0;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }

    #footer-nv1 .nl {
        text-align: center;
    }

    #footer-nv1 .nl input[type="submit"] {
        margin-top: 10px;
    }
}

@media (max-width: 768px) {
    #footer-nv1 .nl-intro {
        padding-bottom: 15px;
    }

    #footer-nv2 .title,
    #footer-nv2 .title.second {
        margin-bottom: 15px;
        margin-top: 20px;
    }

    #footer-nv2 .col-sm-7-5 {
        padding: 0;
    }

    #footer-nv2 .col-sm-7-5,
    #footer-nv2 .menu ul,
    #footer-nv2 .menu li {
        display: inline;
    }

    #footer-nv2 .col-sm-7-5 ul.second li:first-child:before {
        content: " - ";
    }

    #footer-nv2 li:after {
        content: " - ";
    }

    #footer-nv2 li:last-child:after,
    #footer-nv2 li.with-image:after {
        content: "";
    }
}

@media (max-width: 400px) {
    #footer-nv1 .nl span:after {
        display: none;
    }

    .footer-nv4 div#footer-abonnement {
        padding-top: 0;
    }
}

/*
 * Mobile sidebars
 * (source : http://tympanus.net/codrops/2013/04/17/slide-and-push-menus/)
 */


body.cbp-spmenu-push-toleft:after,
body.cbp-spmenu-push-toright:after {
    content: " ";
    position: absolute;
    z-index: 9999;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
}

/* General styles for all menus */
.cbp-spmenu {
    background: white;
    position: fixed;
    overflow-y: auto;
}

/* Orientation-dependent styles for the content of the menu */
.cbp-spmenu-vertical {
    width: 320px;
    height: 100%;
    top: 0;
    z-index: 1000;
}

/* Vertical menu that slides from the left or right */
.cbp-spmenu-left {
    left: -320px;
}

.cbp-spmenu-right {
    right: -320px;
}

.cbp-spmenu-left.cbp-spmenu-open {
    left: 0;
}

.cbp-spmenu-right.cbp-spmenu-open {
    right: 0;
}

/* Push classes applied to the body */
.cbp-spmenu-push {
    overflow-x: hidden;
    position: relative;
    left: 0;
}

.cbp-spmenu-push-toright {
    left: 320px;
}

.cbp-spmenu-push-toleft {
    left: -320px;
}

/* Transitions */
.cbp-spmenu,
.cbp-spmenu-push {
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

@media (max-width: 768px) {
    .cbp-spmenu-vertical {
        width: 280px;
    }

    .cbp-spmenu-left {
        left: -280px;
    }

    .cbp-spmenu-right {
        right: -280px;
    }

    .cbp-spmenu-push-toright {
        left: 280px;
    }

    .cbp-spmenu-push-toleft {
        left: -280px;
    }
}

/* Mobile menu */
#mobile-menu ul,
#mobile-menu ul li {
    margin: 0;
    padding: 0;
    list-style: none;
}

#mobile-menu ul li a {
    position: relative;
    display: block;
    height: 51px;
    padding-left: 21px;
    font-size: 17px;
    font-weight: 400;
    color: #3E7B74;
    text-transform: uppercase;
    line-height: 52px;
    border-bottom: 1px solid #d6d6d6;
}

#mobile-menu ul li.menu-item-has-children > a {
    font-weight: normal;
}

#mobile-menu ul li.menu-item-has-children li a {
    padding-left: 50px;
}

#mobile-menu ul li a:after {
    content: " ";
    position: absolute;
    top: 17px;
    right: 32px;
    width: 16px;
    height: 16px;
    background: url(images/mobile-menu-item.png) no-repeat 0 -45px;
}

#mobile-menu ul li.menu-item-56 a:after {
    background: url(images/home-menu.png);
    background-size: 16px;
}

#mobile-menu ul li a:hover,
#mobile-menu ul li a:active {
    background-color: #f5f4f4;
}

#mobile-menu ul li a:hover:after,
#mobile-menu ul li a:active:after {
    background-position: 0 -67px;
}

#mobile-menu ul li.menu-item-has-children > a:after {
    background: url(images/mobile-menu-item.png) no-repeat 0 -24px;
}

#mobile-menu ul li.menu-item-56 a:after,
#mobile-menu ul li.menu-item-56 a:hover:after,
#mobile-menu ul li.menu-item-56 a:active:after {
    background-position: 0 0;
}

#mobile-menu ul li.menu-item-124 a:before,
#mobile-menu ul li.menu-item-136 a:before,
#mobile-menu ul li.menu-item-135 a:before {
    content: " ";
    position: absolute;
    top: 50%;
    left: 306px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);

    display: block;
    width: 14px;
    height: 51px;
}

#mobile-menu ul li.menu-item-124 a:before {
    background-color: #F3949D;
}

/* Eveil */
#mobile-menu ul li.menu-item-136 a:before {
    background-color: #FCE04C;
}

/* J'apprends' */
#mobile-menu ul li.menu-item-135 a:before {
    background-color: #1CAB98;
}

/* Passion */

/* Survol du menu magazines*/
#menu .menu-menu-principal-container .menu-item-has-children ul li.menu-item-124 a:hover {
    background-color: #F3939D !important;
    color: #fff;
}

#menu .menu-menu-principal-container .menu-item-has-children ul li.menu-item-136 a:hover {
    background-color: #FBCF2F !important;
    color: #fff;
}

#menu .menu-menu-principal-container .menu-item-has-children ul li.menu-item-135 a:hover {
    background-color: #1A9F8D !important;
    color: #fff;
}

/* Magazines */
#magazine-bottom {
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    height: 72px;
    background: #FC9106;
    border-top: 1px solid #d6d6d6;
    cursor: pointer;

    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.cbp-spmenu-push-toright #magazine-bottom {
    left: 320px;
}

.cbp-spmenu-push-toleft #magazine-bottom {
    left: -320px;
}

#magazine-bottom .magazine-bottom-inner {
    position: relative;
    padding-left: 75px;
    height: 71px;
    line-height: 72px;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
}

#magazine-bottom .magazine-bottom-inner:after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 72px;
    height: 71px;
    background: url(images/mobile-abonnements.png) no-repeat center center;
}

#abonnements-menu {
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    color: #313131;
}

#abonnements-menu .return-link {
    margin-top: 8px;
    margin-bottom: 24px;
}

#abonnements-menu .return-link a {
    position: relative;
    display: block;
    height: 35px;
    padding-left: 40px;
    font-size: 12px;
    font-weight: 500;
    color: #313131;
    line-height: 35px;
    text-transform: uppercase;
}

#abonnements-menu .return-link:after {
    content: " ";
    position: absolute;
    top: 17px;
    left: 17px;
    width: 16px;
    height: 16px;
    background: url(images/mobile-menu-item.png) no-repeat 0 -89px;
}

#abonnements-menu .return-link:hover,
#abonnements-menu .return-link:active {
    background-color: #f5f4f4;
}

#abonnements-menu .return-link:hover:after,
#abonnements-menu .return-link:active:after {
    background-position: 0 -111px;
}

#abonnements-menu .subtitle {
    font-weight: bold;
    padding-left: 20px;
    border-bottom: 1px solid #d6d6d6;
    margin-bottom: 5px;
}

#abonnements-menu ul,
#abonnements-menu ul li {
    margin: 0;
    padding: 0;
    list-style: none;
}

#abonnements-menu ul li:last-child {
    margin-bottom: 24px;
}

#abonnements-menu ul li a {
    display: block;
    color: #313131;
    padding: 8px 0 7px 40px;
}

#abonnements-menu ul li a:hover {
    background-color: #f5f4f4;
}

#abonnements-menu strong {
    font-weight: normal;
}

#abonnements-menu .footer {
    text-align: right;
}

#abonnements-menu .footer a {
    display: block;
    padding: 0 21px 20px 0;
    font-weight: 500;
    font-size: 14px;
    font-style: italic;
    color: #787373;
    text-transform: none;
}

#abonnements-menu .footer a span {
    display: inline-block;
    width: 18px;

    background: #848383;
    font-weight: 900;
    color: #fff;
    text-align: center;

    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    border-radius: 25px;
}

#abonnements-menu .footer a:hover span {
    background: #f5000f;
}

@media (max-width: 767px) {

    #magazine-bottom {
        height: 50px;
    }

    #magazine-bottom .magazine-bottom-inner {
        padding-left: 38px;
        height: 48px;
        line-height: 52px;
    }

    #magazine-bottom .magazine-bottom-inner:after {
        width: 35px;
        height: 49px;
        /*border-right: 1px solid #d6d6d6;*/
    }

    .cbp-spmenu-push-toright #magazine-bottom {
        left: 280px;
    }

    .cbp-spmenu-push-toleft #magazine-bottom {
        left: -280px;
    }
}


@media (max-width: 358px) {
    #magazine-bottom .magazine-bottom-inner:after {
        display: none;
    }

    #magazine-bottom .magazine-bottom-inner {
        padding: 0;
    }
}

#retargeting {
    position: absolute;
    bottom: 0;
}

/****** Gestion background ********/
.background-page {

    background-repeat: repeat-x;
    position: absolute;
    width: 100%;
    z-index: 1;
    -webkit-transition: all 1000ms ease-out;
    -moz-transition: all 1000ms ease-out;
    -o-transition: all 1000ms ease-out;
    -ms-transition: all 1000ms ease-out;
    transition: all 1000ms ease-out;
}

/*****************************************/

/**********************************/
/* desactivation partage rsx sociaux sur page rioloco http://www.milanpresse.com/le-carnaval-des-caraibes */
body.page-id-704 .sociaux {
    display: none;
}


/* Design specifique formulaires */
/* Formulaire Les Petits Reporter Wakou 2014/2015 */
#ninja_forms_form_12 .list-radio-wrap ul li {
    float: left;
    width: 23%;
}

#ninja_forms_form_12 .wakou_sioui-wrap {
    display: none;
}

#ninja_forms_form_12 #ninja_forms_field_99_div_wrap {
    padding-top: 20px;
    border-top: 1px solid #B2B1B1;
    margin-top: 50px;
}

#ninja_forms_form_12 #ninja_forms_field_104_div_wrap {
    margin-top: 30px;
    margin-bottom: 0;
    padding-top: 30px;
    border-top: 1px solid #B2B1B1;
}

#ninja_forms_form_12 #ninja_forms_field_104_div_wrap label {
    font-size: 16px;
}

#ninja_forms_form_12 #ninja_forms_field_104_div_wrap label input {
    margin-left: 0;
}


/* Caroussel en page int�rieure */
dl, dt, dd {
    border: 0 !important;
}

.gallery .gallery-item dt img {
    border: 0 !important;
}

.gallery .gallery-item {
    opacity: 0.9;
    float: none !important;
    display: inline-block !important;
    padding: 0 !important;
    margin: 0 !important;
}

.gallery .gallery-item:hover {
    cursor: pointer !important;
    opacity: 1 !important;
}

.gallery .gallery-icon {
    overflow: hidden !important;
    padding: 0 !important;
    margin: 1px !important;
}

.gallery .wp-caption-text {
    display: none !important;
}

.gallery {
    line-height: 0;
}

.konami {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    height: 100%;
    width: 100%;
}

.konami img {
    max-width: 95%;
    vertical-align: middle;
}

.konami .img1 {
    max-width: 65%;
}

body.home .article-content .article:nth-child(3n + 1) {
    clear: left;
}

/* Hover sur item page liste */
body.category-les-actus article,
#enseignants .item article,
#heros .item article,
#engagements .item article,
.page-template-page-accueil section.actus article {
    cursor: pointer;
}

body.category-les-actus article:hover,
#enseignants .item article:hover,
#engagements .item article:hover,
#heros .item article:hover,
.page-template-page-accueil section.actus article:hover {
    opacity: 0.7;
}

#enseignants .item article:hover h3 a,
#enseignants .item article:hover p,
#engagements .item article:hover h3 a,
#engagements .item article:hover p,
#heros .item article:hover h3 a,
#heros .item article:hover p,
body.category-les-actus article:hover h3 a span,
body.category-les-actus article:hover p,
.page-template-page-accueil section.actus article:hover h3,
.page-template-page-accueil section.actus article:hover p {
    color: #f4942d;
}

/********* Page d'accueil**********/
.page-template-page-accueil #main {
    margin-top: 60px;
    background-color: #fff;
    padding-bottom: 0;
    margin-bottom: 0 !important;

}

img.milano-tab1, img.milanos-tab2, img.milano-tab3 {
    display: none;
}

.page-template-page-accueil h2 {
    text-align: center;
    color: #0E3634;
    line-height: 70px;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 35px;
}

.page-template-page-accueil section.part3 h2,
.page-template-page-accueil section.part4 h2,
.page-template-page-accueil section.part5 h2 {
    font-weight: 500;
}

.page-template-page-accueil h2.white {
    color: #fff;
}

/*
##################################
* ########### Part 0 #############
##################################
*/

section.part0 {
    height: 560px;
    background-color: #f2f2f2;
    position: relative;
    z-index: 1;
}

.part0 .bloc {
    position: absolute;
    top: 0;
    bottom: 0;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 0;
    cursor: pointer;
}

.part0 .bloc.left,
.part0 .bloc.right {
    width: calc(50% - 220px);
}

.part0 .bloc.left {
    left: 0;
}

.part0 .bloc.right {
    right: 0;
}

.part0 .bloc.middle {
    width: 440px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.part0 .bloc.middle img.couettes {
    display: none;
}
.part0 .bloc.preload {
    display: none;
}

.part0 .bloc.left {
    background-image: url(images/image1.jpg);
    background-position: center right;
}
.part0 .bloc.left:hover,
.part0 .bloc.left.preload {
    background-image: url(images/image1-bis.jpg);
}

.part0 .bloc.right {
    background-image: url(images/image3.jpg);
    background-position: center left;
}

.part0 .bloc.right:hover,
.part0 .bloc.right.preload {
    background-image: url(images/image3-bis.jpg);
}

.part0 .bloc.middle {
    background-image: url(images/image2.jpg);
    background-position: center;
}

.part0 .bloc.middle:hover,
.part0 .bloc.middle.preload {
    background-image: url(images/image2-bis.jpg);
}

.part0 .title {
    position: relative;
    width: 100%;
    z-index: 2;
    top: 45px;
}

.part0 .title h1 {
    font-size: 45px;
    color: #fff;
    font-weight: 400;
    text-shadow: 2px 1px 5px grey;
}

.part0 .title h1 span.enfant {
    color: #fff;
}

.part0 .partie-1,
.part0 .partie-2,
.part0 .partie-3 {
    height: 725px;
}

.page-template-page-accueil .part0 .bouton {
    position: relative;
    width: 100%;
    text-align: center;
    z-index: 1;
    top: 480px;
}

.page-template-page-accueil .part0 a {
    color: #fff;
    font-size: 16px;
    line-height: 50px;
    font-weight: 700;
    display: block;
    height: 100%;
}

/*
* Les boutons des magazines par tranches d'�ges
*/
.part0 .bloc.left .bouton a.button {
    background-color: #F3949D;
    border: 3px solid white;
    margin-right: 10%;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.part0 .bloc.left:hover .bouton a.button,
.part0 .bloc.left .bouton a.button:hover {
    background-color: #FFBCC5;
}

.part0 .bloc.middle .bouton a.button {
    background-color: #FCE04C;
    border: 3px solid white;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #0e3533;
}

.part0 .bloc.middle:hover .bouton a.button,
.part0 .bloc.middle .bouton a.button:hover {
    background-color: #FFFF85;
}

.part0 .bloc.right .bouton a.button {
    background-color: #1CAB98;
    border: 3px solid white;
    margin-left: 10%;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.part0 .bloc.right:hover .bouton a.button,
.part0 .bloc.right .bouton a.button:hover {
    background-color: #5CEBD8;
}

/*
##################################
* ########### Part 1 #############
##################################
*/
.page-template-page-accueil .part1 {
    position: relative;
    z-index: 2;
}

.page-template-page-accueil .part1.actus .header {
    position: relative;
    z-index: 2;
}

.page-template-page-accueil .part1.actus .header:before,
.page-template-page-accueil .part1.actus .header:after {
    content: "";
    position: absolute;
    background-position: top left;
    background-repeat: no-repeat;
}

.page-template-page-accueil .part1.actus .header:before {
    background-image: url(images/milano7.png);
    width: 123px;
    height: 307px;
    left: -135px;
    top: -100px;
}


.page-template-page-accueil .part1.actus .header:after {
    background-image: url(images/milano.png);
    width: 236px;
    height: 409px;
    right: -184px;
    top: -134px;
}

.page-template-page-accueil .part1.actus p.actualites {
    font-size: 21px;
    line-height: 30px;
    color: #4f6968;
    font-weight: 500;
    text-align: center;
    max-width: 750px;
    display: block;
    margin: 0 auto 55px;
}

.page-template-page-accueil .part1.actus p.actualites strong {
    font-weight: 700;
}

.cell h3.title,
.page-template-page-accueil section.actus h3 {
    margin: 0 0 20px 0;
    text-transform: uppercase;
    font-size: 17px;
    line-height: 23px;
}

.page-template-page-accueil section.actus .visuel img {
    width: 100%;
    /*height: 220px;*/
}

.article-footer {
    position: absolute;
    bottom: 0;
    height: 45px;
    width: 100%;
    background-color: #faf9f9;
    border: 1px solid #e9e8e8;
}

div#footer-abonnement {
    padding-top: 70px;
}

section.part1.actus {
    /*background-image: url('images/nuages.png');*/
    background-size: 100%;
    background-color: #fff;
}

section.part1.actus .container {
    position: relative;
    z-index: 2;
}

.page-template-page-accueil .article-footer a {
    float: right;
    line-height: 45px;
    margin-right: 20px;
    color: #787373;
}

.page-template-page-accueil .article-footer span.plus {
    background-color: #fe5d55;
    color: #fff;
    font-size: 14px;
    border-radius: 50%;
}

.page-template-page-accueil .cell .icon-inner {
    display: none;
}

.page-template-page-accueil section.part1 .actus-more {
    margin-top: 25px;
    margin-bottom: 50px;
    text-align: center;
}

/*
##################################
* ########### Part 2 ###########
##################################
*/
section.part2.video {
    position: relative;
    background-color: #fff;
    width: 100%;
}

section.part2.video .header {
    background: rgba(243, 247, 247, 1);
    background: -moz-linear-gradient(left, rgba(243, 247, 247, 1) 0%, rgba(243, 247, 247, 1) 48%, rgba(255, 255, 255, 1) 48%, rgba(255, 255, 255, 1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(243, 247, 247, 1)), color-stop(48%, rgba(243, 247, 247, 1)), color-stop(48%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(255, 255, 255, 1)));
    background: -webkit-linear-gradient(left, rgba(243, 247, 247, 1) 0%, rgba(243, 247, 247, 1) 48%, rgba(255, 255, 255, 1) 48%, rgba(255, 255, 255, 1) 100%);
    background: -o-linear-gradient(left, rgba(243, 247, 247, 1) 0%, rgba(243, 247, 247, 1) 48%, rgba(255, 255, 255, 1) 48%, rgba(255, 255, 255, 1) 100%);
    background: -ms-linear-gradient(left, rgba(243, 247, 247, 1) 0%, rgba(243, 247, 247, 1) 48%, rgba(255, 255, 255, 1) 48%, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(to right, rgba(243, 247, 247, 1) 0%, rgba(243, 247, 247, 1) 48%, rgba(255, 255, 255, 1) 48%, rgba(255, 255, 255, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f7f7', endColorstr='#ffffff', GradientType=1);
}

section.part2.video .content {
    background: rgba(255, 255, 255, 1);
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 48%, rgba(16, 121, 119, 1) 48%, rgba(16, 121, 119, 1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(48%, rgba(255, 255, 255, 0)), color-stop(48%, rgba(16, 121, 119, 1)), color-stop(100%, rgba(16, 121, 119, 1)));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 48%, rgba(16, 121, 119, 1) 48%, rgba(16, 121, 119, 1) 100%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 48%, rgba(16, 121, 119, 1) 48%, rgba(16, 121, 119, 1) 100%);
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 48%, rgba(16, 121, 119, 1) 48%, rgba(16, 121, 119, 1) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 48%, rgba(16, 121, 119, 1) 48%, rgba(16, 121, 119, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#107977', GradientType=1);
}


body.page-template-page-accueil section.part2.video h3 {
    font-weight: 700;
    font-size: 17px;
    line-height: 25px;
    text-transform: uppercase;
}

body.page-template-page-accueil section.part2.video h2 {
    font-weight: 500;
    font-size: 35px;
    line-height: 45px;
    text-align: right;
    padding-right: 5%;
    color: #4f6968;
}

body.page-template-page-accueil section.part2.video h2 .couleur {
    font-weight: 700;
    color: #0e3533;
}

body.page-template-page-accueil section.part2.video .poule {
    margin-left: 12%;
}

body.page-template-page-accueil section.part2.video h2 .br {
    clear: both;
    display: block;
}

.page-template-page-accueil section.part2 div.pourquoi-abo {
    text-align: center;
    margin: 35px 0;
}

.page-template-page-accueil section.part2.video h3 {
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 700;
    margin: 30px 15px 6px 15px;
}

.page-template-page-accueil section.part2.video .milanos {
    float: right;
    bottom: -10px;
    position: relative;
}

.page-template-page-accueil section.part2.video span.plus {
    margin-top: 20px;
    float: left;
    border: 1px solid;
    border-radius: 18px;
    padding: 8px 10px;
    display: none;
}

.page-template-page-accueil section.part3 .container,
.page-template-page-accueil section.part1 {
    display: block;
    margin-bottom: 30px;
}

div.couleur {
    color: #0E3533;
}

span.couleur {
    color: #0E3533;
}

.center {
    text-align: center;
}

.page-template-page-accueil section.part2.video ul {
    list-style: none;
}

.page-template-page-accueil section.part2.video li {
    margin-top: 30px;
    text-transform: uppercase;
    font-size: 17px;
    font-weight: 700;
    line-height: 25px;
    padding-left: 25px;
    background: url(images/point.png?v=1) no-repeat top left #fff;
}

.page-template-page-accueil section.part2.video .video {
    padding-left: 20px;
}

.page-template-page-accueil section.part2.video .video .iframe {
    position: relative;
    overflow: hidden;
    padding-top: 56.25%;
    margin-top: 45px;
}

.page-template-page-accueil section.part2.video .video .iframe iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

/*
##################################
* ########### Part 3 ###########
##################################
*/
.page-template-page-accueil section.part3.avis {
    background-color: #40c6bf;
    width: 100%;
    position: relative;
}

.page-template-page-accueil section.part3 div.milanos-avis {
    background-image: url('images/milanos-avis.png');
}

.page-template-page-accueil section.part3 h1.titreP3 {
    text-align: center;
    font-size: 35px;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 5;
}

.page-template-page-accueil section.part3 h1.titreP3 span.titre {
    color: #f3f7f7;
}

.page-template-page-accueil section.part3 div.fond {
    width: 80%;
    position: relative;
    margin: 0 auto;
}

.page-template-page-accueil section.part3 div.temoignage {
    color: #0e3533;
    width: 100%;
    position: relative;
    z-index: 1;
}

.page-template-page-accueil section.part3 div.temoignage:before,
.page-template-page-accueil section.part3 div.temoignage:after {
    content: "";
    position: absolute;
    left: -132px;
    bottom: 0;
    background-position: top left;
    background-repeat: no-repeat;
    z-index: 1000;
}

.page-template-page-accueil section.part3 div.temoignage:before {
    background-image: url(images/milanoG.png?v=2);
    width: 145px;
    height: 173px;
}

.page-template-page-accueil section.part3 div.temoignage:after {
    left: auto;
    right: -145px;
    background-image: url(images/milanoD.png?v=2);
    width: 165px;
    height: 190px;
}

.page-template-page-accueil section.part3 div.item {
    width: 100%;
    background-color: #f5f9f9;
    min-height: 415px;
    position: relative;
    z-index: 1;
}

.page-template-page-accueil section.part3 div.item img{
    position: absolute;
    top: -39px;
    left: -60px;
    border-radius: 50%;
}

.page-template-page-accueil section.part3 .texte {
    width: calc(100% - 200px);
    float: right;
    position: relative;
}

.page-template-page-accueil section.part3 span.guillemet1,
.page-template-page-accueil section.part3 span.guillemet2 {
    position: absolute;
    left: -30px;
    top: -23px;
    font-weight: 500;
    font-size: 125px;
}

.page-template-page-accueil section.part3 span.guillemet2 {
    left: auto;
    top: auto;
    right: 63px;
    bottom: -136px;
}

.page-template-page-accueil section.part3 .content {
    margin: 45px 105px 0 45px;
}

.page-template-page-accueil section.part3 cite {
    font-size: 23px;
    font-style: normal;
    margin-bottom: 20px;
    display: block;
}

.page-template-page-accueil section.part3 blockquote {
    font-size: 17px;
    line-height: 27px;
    font-weight: 500;
    color: rgb(60, 92, 91);
    margin: 0;
    padding: 0;
}

.page-template-page-accueil section.part3.avis p.temoignage {
    line-height: 2;
    font-size: 19px;
    font-weight: 500;
    margin-top: 20px;
    margin-bottom: 10px;
    margin-left: 25%;
    width: 55%;
}

.page-template-page-accueil section.part3 div.cycle-pager {
    width: 100%;
    position: absolute;
    bottom: -23px;
    left: 0;
    text-align: center;
    z-index: 2;
}

.page-template-page-accueil section.part3 div.cycle-pager span {
    display: inline-block;
    color: #69d6d4;
    margin: 0 5px;
    font-size: 80px;
    cursor: pointer;
}

.page-template-page-accueil section.part3 div.cycle-pager span.cycle-pager-active {
    color: #40c6bf;
}

/* Formulaire d'avis � r�activer */
.page-template-page-accueil section.part3 .avis-ouverture {
    text-align: center;
    margin: 70px 0 0;
}

.page-template-page-accueil section.part3 .avis-ouverture span.avis {
    position: relative;
    display: block;
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
    color: #fff;
    font-size: 18px;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.page-template-page-accueil section.part3 .avis-ouverture button.fleche-bas {
    margin: 0 auto;
    position: relative;
    display: block;
    transition: all 0.3s ease;
    border: none;
    background: none;
    z-index: 2;
}

.page-template-page-accueil section.part3 .avis-ouverture button.fleche-bas.open {
    transform: rotate(180deg);
    border: none;
}

.page-template-page-accueil section.part3 .avis-form {
    background-color: #f9f9f9;
}

.page-template-page-accueil section.part3 div.nf-form-cont {
    display: none;
    position: relative;
}

.page-template-page-accueil section.part3 div.nf-form-cont form:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: -176px;
    width: 176px;
    height: 161px;
    background: url(images/milano-form.png) no-repeat bottom left;
}

.page-template-page-accueil section.part3 div.nf-form-cont form {
    position: relative;
    margin: 0 auto;
    width: 65%;
    padding-bottom: 70px;
}

.page-template-page-accueil section.part3 div.nf-form-cont .ninja-forms-form-wrap:after,
.page-template-page-accueil section.part3 div.nf-form-cont form:after {
    content: " ";
    clear: both;
    height: 1px;
    display: block;
}

.page-template-page-accueil section.part3 div.nf-form-cont form .nf-form-fields-required {
    width: 100% !important;
    margin: 0 15px 70px;
}

.page-template-page-accueil section.part3 div.nf-form-cont form .form-avis input,
.page-template-page-accueil section.part3 div.nf-form-cont form .form-avis textarea,
.page-template-page-accueil section.part3 div.nf-form-cont form .form-avis select,
.page-template-page-accueil section.part3 div.nf-form-cont form .form-avis input[type=file] {
    border: 0 !important;
    border-bottom: 1px solid #9b9b9b !important;
    /*margin-bottom: 70px !important;*/
    margin-top: 0 !important;
    background-color: transparent !important;
    margin-left: 0 !important;
    color: #333;
    font-size: 15px;
}

.page-template-page-accueil section.part3 div.nf-form-cont form .nf-fields-wrap {
    width: 100%;
}

/*.page-template-page-accueil section.part3 div.nf-form-cont form .nf-form-content .form-avis {*/
/*    width: 48%;*/
/*    float: left;*/
/*}*/

/*.page-template-page-accueil section.part3 div.nf-form-cont form .nf-form-content .label-above.form-avis {*/
/*    float: left;*/
/*    clear:both;*/
/*}*/

/*.page-template-page-accueil section.part3 div.nf-form-cont form .nf-form-content .label-left.form-avis {*/
/*    float: right;*/
/*    clear:both;*/
/*}*/

.page-template-page-accueil section.part3 div.nf-form-cont form .ninja-forms-field.nf-desc {
    clear: both;
    width: 100% !important;
    text-align: center;
    margin-bottom: 70px;
    font-size: 18px;
}

#ninja_forms_field_277_div_wrap p {
    font-size: 14px;
}

.page-template-page-accueil section.part3 div.nf-form-cont form .form-avis .field-wrap.textarea-wrap {
    width: 100% !important;
    margin-bottom: 30px !important;
}

.page-template-page-accueil section.part3 div.nf-form-cont form .form-avis .field-wrap.submit-wrap {
    clear: both;
    width: 100% !important;
}

.page-template-page-accueil section.part3 div.nf-form-cont form .form-avis .field-wrap.submit-wrap #nf_submit_69 {
    top: auto;
}

.page-template-page-accueil section.part3 div.nf-form-cont form .form-avis input::-moz-placeholder {
    color: #333333 !important;
}

.page-template-page-accueil section.part3 div.nf-form-cont form .form-avis input:-ms-input-placeholder {
    color: #333333 !important;
}

.page-template-page-accueil section.part3 div.nf-form-cont form .form-avis input::-webkit-input-placeholder {
    color: #333333 !important;
}

.page-template-page-accueil section.part3 div.nf-form-cont form .form-avis .textarea-wrap textarea {
    height: 150px !important;
    width: 100% !important;
    border: 1px solid #9b9b9b !important;
    background-color: transparent !important;
}

.ninja-forms-form .field-wrap label {
    font-size: 17px;
    font-weight: 500;
    margin-bottom: 0;
}

.page-template-page-accueil section.part3 div.nf-form-cont form .form-avis input[type="button"] {
    border-radius: 26px;
    padding: 0 30px;
    line-height: 52px;
    text-transform: uppercase;
    background-image: none;
    background-color: #146a68 !important;
    color: #fff;
    font-size: 18px;
}

.page-template-page-accueil section.part3 div.nf-form-cont form .form-avis input[type="button"]:hover {
    opacity: 0.6;
}

.page-template-page-accueil section.part3 div.nf-form-cont form .rgpd-avis-hp .field-wrap.html-wrap {
    width: 100% !important;
}

.page-template-page-accueil section.part3 .container,
.page-template-page-accueil section.part1 {
    position: relative;
}

.page-template-page-accueil section.part1 .milano {
    background-image: url('images/milano.png');
}

.page-template-page-accueil section.part1 .milano7 {
    background-image: url('images/milano7.png');
}

.page-template-page-accueil section.part1 .milano,
.page-template-page-accueil section.part1 .milano7 {
    position: absolute;
    width: 100%;
    height: 50%;
    background-repeat: no-repeat;
    background-position-x: 4%;
}

.page-template-page-accueil section.part1 .milano {
    background-position-x: 98%;
}

.page-template-page-accueil section.part3.avis .button-content {
    margin-bottom: 50px;
}

.page-template-page-accueil section.part3.avis .info-bulle {
    color: #0e3533;
    background-color: #fffsmoke;
    padding: 20px;
    width: 600px;
    height: 400px;
    position: relative;
    left: 165px;
    line-height: 25px;
}

.page-template-page-accueil section.part3.avis .lea .img-content {
    margin-top: 15px;
}

.page-template-page-accueil section.part3.avis .img-content img {
    max-width: 150px;
    position: relative;
    bottom: 460px;
    right: 65px;
}

.page-template-page-accueil section.part3.avis .img-content img.temoignage {
    position: relative;
    bottom: 460px;
    right: 150px;
}

/*
##################################
* ########### Part 4 #############
##################################
*/
.page-template-page-accueil section.part4.mag {
    font-size: 17px;
    font-weight: 500;
    background-color: #107978;
    /*padding-top: 50px;
  padding-bottom: 50px;*/
    text-align: center;
    position: relative;
}

.page-template-page-accueil section.part4 ul.pourquoi {
    display: flex;
    justify-content: space-around;
    flex-flow: row wrap;
    align-items: stretch;
    list-style: none;
    position: relative;
}

.page-template-page-accueil section.part4 figcaption.pourquoi {
    height: 40px;
    width: 200px;
    color: #fff;
    font-size: 17px;
}

.page-template-page-accueil section.part4 a.nosMag {
    display: block;
    margin: 25px auto 50px;
}

/*
##################################
* ########### Part 5 #############
##################################
*/
.page-template-page-accueil section.part5.reseaux {
    position: relative;
}

.page-template-page-accueil section.part5.reseaux .milano5 {
    position: relative;
    padding-bottom: 51px;
    background: url(images/milano6.png?v=2) 20% bottom no-repeat;
}

.page-template-page-accueil section.part5.reseaux .milano5:before {
    content: "";
    position: absolute;
    width: 181px;
    height: 315px;
    left: -181px;
    top: 20px;
    background-repeat: no-repeat;
    background-image: url('images/milano5.png');
    background-position: top left;
}

.page-template-page-accueil section.part5.reseaux div.reseaux {
    margin-top: 60px;
}

.page-template-page-accueil section.part5.reseaux div.twit,
.page-template-page-accueil section.part5.reseaux div.face,
.page-template-page-accueil section.part5.reseaux div.insta {
    border: 1px solid whitesmoke;
    height: 445px;
    padding-top: 35px;
}

.page-template-page-accueil section.part5.reseaux img.twit,
.page-template-page-accueil section.part5.reseaux img.face,
.page-template-page-accueil section.part5.reseaux img.insta {
    position: relative;
    bottom: 70px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.page-template-page-accueil section.part5.reseaux #twitter-widget-0,
.page-template-page-accueil section.part5.reseaux div.fb_iframe_widget,
.page-template-page-accueil section.part5.reseaux div#sb_instagram {
    position: relative !important;
    bottom: 60px;
}

.page-template-page-accueil section.part5.reseaux div.youtube,
.page-template-page-accueil section.part5.reseaux div.quoi {
    margin-top: 20px;
}

.page-template-page-accueil section.part5.reseaux div.quoi {
    margin-top: 50px;
}

.page-template-page-accueil section.part5.reseaux div.milano6 {
    position: absolute;
    width: 12%;
    height: 18%;
    background-repeat: no-repeat;
    left: 24%;
}

/*##################################
* ########## NEWSLETTER ############
####################################
*/
div.milano6 {
    background-image: url('images/milano6.png');
}
/*
section.newsletter {
    !*  width: 100%;*!
    height: 100%;
    background-color: #69d6d4;
    position: relative;
}

section.newsletter div.newsletter {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

section.newsletter .text-center {
    text-align: center;
    !*  margin-left: auto;
  margin-right: auto;*!
    margin-top: 0;
    font-size: 11px;
    line-height: 14px;
    letter-spacing: 1px;
    color: #106663;
    font-weight: 400;
    margin-bottom: 25px;
}

div#newsletter {
    background-color: #69d6d4;
    position: relative;
}

div#newsletter div.nl-intro {
    text-align: center;
    font-size: 19px;
    color: #106663;
    height: 50px;
    width: 60%;
}

div#newsletter div.ailes {
    position: absolute;
    right: 83%;
    width: 9%;
    background-repeat: no-repeat;
    background-image: url(images/@.png);
    height: 100%;
}

section.newsletter span.newsletter {
    padding: 24px 0;
    width: 36%;
    font-size: 20px;
    font-weight: 400;
    color: #106663;
    line-height: initial;
    margin-right: 1%;
}

section.newsletter form.newsletter {
    position: relative;
    top: 25px;
    width: 34%;
}

section.newsletter input {
    border: 1px solid #dddddd;
    width: 100%;
    height: 50%;
}

section.newsletter a.newsletter {
    margin-top: 18px;
    margin-left: 30px;
}*/

@media (min-width: 992px) {
    .page-template-page-accueil .article .thumbnail,
    .page-id-121 .article .thumbnail,
    .page-id-125 .article .thumbnail,
    .page-id-127 .article .thumbnail {
        height: 515px;
        overflow: hidden;
    }
}

@media (max-width: 767px) {
    .img-content {
        width: 100%;
        text-align: center;
    }

    .page-template-page-accueil section.part3.avis .hugo .img-content {
        margin-right: 0;
    }

    .garantie.item {
        margin-left: 0;
    }

    .faq.item {
        margin-left: 0;
    }
}

/*.menu-menu-top-container.magazine {
  border-left: 1px solid #d6d6d6;
}*/
#menu-top .menu-menu-top-container li.magazine #abonnement-btn {
    padding: 0 15px;
    font-size: 16px;
}

#menu-top .menu-menu-top-container li.magazine a#abonnement-btn:hover,
#menu-top .menu-menu-top-container li.magazine a#abonnement-btn.active{
    background-color: #fff;
    color: #FC9106;
}

div.menu-mag {
    display: none;
    position: absolute;
    top: 39px;
    left: 0;
    width: 100%;
    overflow: hidden;
    z-index: 9999;
}

div.menu-mag .container {
    padding: 0;
}

header.main div.menu-mag .row {
    border: 0 !important;
}

div.menu-mag .container-inner {
    background-color: #fff;
}

div.menu-mag h1 {
    color: #f3323b;
    font-weight: 700;
    text-align: center;
}

div.menu-mag .mag2 h2 {
    color: #848383;
}

div.menu-mag .mag2 .titres td a {
    color: #848383;
}

.titres table {
    margin-left: auto;
    margin-top: 25px;
    margin-right: auto;
}

.titres td {
    text-align: left;
    color: #fff;
    padding-right: 10px;
}

.titres td a {
    color: #fff;
    font-size: 15px;
    text-transform: uppercase;
    display: block;
    width: 100%;
}

div.menu-mag .mag1 .titres tr:hover a {
    color: #b3932b;
}

div.menu-mag .mag2 .titres tr:hover a {
    color: #383838;
}

div.menu-mag .mag3 .titres tr:hover a {
    color: #7d9c1a;
}

div.menu-mag h2 {
    text-align: center;
    font-size: 30px;
    line-height: 40px;
}

div.menu-mag div.title a h2 {
    color: #fff;
}

div.menu-mag div.title a:hover h2 {
    color: #b3932b;
}

div.menu-mag div.mag2 div.title a h2 {
    color: #848383;
}

div.menu-mag div.mag2 div.title a:hover h2 {
    color: #383838;
}

div.menu-mag div.mag3 div.title a:hover h2 {
    color: #7d9c1a;
}

div.menu-mag div.mag1, div.menu-mag div.mag2, div.menu-mag div.mag3 {
    text-align: center;
    height: 510px;
}

div.menu-mag ul.mag-list li {
    list-style: none;
}

div.menu-mag ul.mag-list li.magazine a {
    background-color: #f3323b;
    color: #fff;
    padding: 1px 6px;
    border-radius: 10px;
}

.les-mags .row {
    margin-left: 0;
    margin-right: 0;
}

.mag1 {
    background-color: #fed03c;
}

.mag1:after {
    content: url('images/guili.png');
    position: absolute;
    bottom: -5px;
    left: 70px;
}

.mag2 {
    background-color: #fff;
}

.mag2:after {
    content: url('images/avni.png');
    position: absolute;
    bottom: -6px;
    left: 100px;
}

.mag3:after {
    content: url('images/manon.png');
    position: absolute;
    bottom: -5px;
    left: 100px;
}

.mag3 {
    background-color: #9dc220;
}

/*
.mag1 .circle {
  background: url('images/pico.png') no-repeat 100px -30px;
}

.mag1 .circle h2:after{
  content: url('images/tobo.png');
  position: absolute;
  left: 70px;
  bottom: 80px;*/

}
/*.mag2 .circle {
  background: url('images/hpp.png') no-repeat 20px -30px;
}*/
/*div#header-engagement,
div#footer-abonnement {
  padding-top: 10px;
  padding-bottom: 10px;
  margin-top: 50px;
}
div#header-engagement{
  background-color: #f3323b;
  padding-top: 30px;
  padding-bottom: 10px;
}

div#header-engagement a {
}
#header-engagement a .icone,
div#footer-abonnement a .icone {
  width: 80px;
  height: 80px;
  background-image: url('images/icones-abonnement2.png');
  background-repeat: no-repeat;
  background-color: #fff;
  border-radius: 40px;
  display: block;
  margin: 0 auto;
  -moz-transition: background-color .250s ease-out;
  -ms-transition: background-color .250s ease-out;
  -o-transition: background-color .250s ease-out;
  transition: background-color .250s ease-out;
}
#header-engagement a .texte,
div#footer-abonnement a .texte {
  display: block;
  color: #fff;
  margin-top: 0;
  line-height: 20px;
  text-align: center;
}

#header-engagement a:hover .icone, #footer-abonnement a:hover .icone {
  background-color: #d1cfcf;
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
}

div#header-engagement .row {
    margin-left: 15px;
    margin-right: 15px;
}
*/
.col6menu {
    float: left;
    position: relative;
}

.overlay {
    width: 100%;
    height: 100%;
    z-index: 9998;
    top: 0;
    left: 0;
    position: fixed;
    display: none;
}

.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
}

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.embed-responsive-16by9 {
    padding-bottom: 56.25%;
}

.embed-responsive-4by3 {
    padding-bottom: 75%;
}

.footer-nv4 {
    height: 360px;
    background-color: #b1c800;
    padding-top: 50px;
}

.video-content {
    text-align: center;
}

.bouton .button {
    width: 260px;
    height: 60px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 35px;
    padding-top: 5px;
    -moz-transition: background-color .250s ease-out;
    -ms-transition: background-color .250s ease-out;
    -o-transition: background-color .250s ease-out;
    transition: background-color .250s ease-out;
}

.part0 a:hover .bouton .button {
    background-color: #D70000;
}

span.age {
    font-size: 55px;
    -moz-transition: all .250s ease-out;
    -ms-transition: all .250s ease-out;
    -o-transition: all .250s ease-out;
    transition: all .250s ease-out;
}

.part1 div.bottom-arrow:after {
    content: '';
    width: 20px;
    height: 13px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAANCAYAAACpUE5eAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAADsSURBVHjalNOhTgNBFIXh25RUVPAMVWAaTAUaLBoPHgwvAC9QBQaPpwIDCp6lbk2TJhVNmn4IZpNhaNndk9xkN/f8f2Yn2UBggjcM03uXGSZ2ggiMUfnJOwYdZAN8JLbCOPDpd17RbyHrY1awX4ER5sXipUHaT508c4zqwlH22XWe0dsh66VdngrH9R3Wc4JFUZzuEE6LziKxUQoDp1gWwEO2vy92y8TEPmHgDKsCvEuTZ4Xzkt936RdYZ/A2TZ116kRbYeASG3+zSbvoKgxcFSfb4vo/ps3fcJMJb5v6B9Gcp4g4TM+PTeXvAQBiVyQzP+qcFQAAAABJRU5ErkJggg==');
    background-position: center center;
    display: inline-block;
    vertical-align: middle;

    -moz-transition: all .250s ease-out;
    -ms-transition: all .250s ease-out;
    -o-transition: all .250s ease-out;
    transition: all .250s ease-out;
}

.part1 div.bottom-arrow {
    display: block;
    width: 80px;
    height: 80px;
    line-height: 80px;
    border: 3px solid #fff;
    border-radius: 50%;
    text-align: center;
    position: absolute;
    top: -86px;
    left: 50%;
    margin-left: -40px;
    cursor: pointer;
    z-index: 13;
    display: none;
}

/*.contenu .partie1 .bouton .button:before {
  content: url('images/mascotte.png');
  position: absolute;
  right: 311px;
  top: -58px;
}*/
/*.contenu .partie3 .bouton .button:before {
  content: url('images/julie.png');
  position: absolute;
  right: 30%;
  bottom: 56px;
}*/

/*effets sur les span magazines*/
span.age {
    display: block;
    float: left;
    margin-left: 5px;
}

span.mini {
    font-size: 25px;
}

.partie1 span.age.sup,
.partie3 span.age.sup {
    margin-top: -25px;
    -webkit-transform: rotateZ(15deg);
    -moz-transform: rotateZ(15deg);
    -o-transform: rotateZ(15deg);
    transform: rotateZ(15deg);
}

.partie2 span.age.sup {
    -webkit-transform: rotateZ(-15deg);
    -moz-transform: rotateZ(-15deg);
    -o-transform: rotateZ(-15deg);
    transform: rotateZ(-15deg);
    -webkit-transform: translateY(-7px);
    -moz-transform: translateY(-7px);
    -o-transform: translateY(-7px);
    transform: translateY(-7px);
}

span.mini.age.de {
    -webkit-transform: rotateZ(-15deg);
    -moz-transform: rotateZ(-15deg);
    -o-transform: rotateZ(-15deg);
    transform: rotateZ(-15deg);
}

.partie1 span.zero.age {
    margin-top: -10px;
}

.partie1 span.zero.age {
}

span.zero.age,
.partie2 span.cinq.age,
.partie3 span.huit.age {
    margin-top: -10px;
    -webkit-transform: rotateZ(-10deg);
    -moz-transform: rotateZ(-10deg);
    -o-transform: rotateZ(-10deg);
    transform: rotateZ(-10deg);
}

.partie2 span.mini.age.de {
    margin-top: -25px;
    margin-right: 5px;
}

span.mini.age.a {
    margin-top: -30px;
    -webkit-transform: rotateZ(10deg);
    -moz-transform: rotateZ(10deg);
    -o-transform: rotateZ(10deg);
    transform: rotateZ(10deg);
}

.partie1 span.cinq.age,
.partie2 span.huit.age,
.partie3 span.quinze.age {
    margin-top: -15px;
    -webkit-transform: rotateZ(10deg);
    -moz-transform: rotateZ(10deg);
    -o-transform: rotateZ(10deg);
    transform: rotateZ(10deg);
}

span.mini.age.annee {
    -webkit-transform: rotateZ(10deg);
    -moz-transform: rotateZ(10deg);
    -o-transform: rotateZ(10deg);
    transform: rotateZ(10deg);
}

/*hover sur les span*/

a:hover span.zero.age,
.partie2 a:hover span.cinq.age,
.partie3 a:hover span.huit.age {
    margin-top: -10px;
    -webkit-transform: rotateZ(-10deg);
    -moz-transform: rotateZ(-10deg);
    -o-transform: rotateZ(-10deg);
    transform: rotateZ(10deg);
}

.partie1 a:hover span.age.sup,
.partie3 a:hover span.age.sup {
    margin-top: -5px;
    -webkit-transform: rotateZ(-15deg);
    -moz-transform: rotateZ(-15deg);
    -o-transform: rotateZ(-15deg);
    transform: rotateZ(-15deg);
}

.partie2 a:hover span.age.sup {
    margin-top: -25px;
    -webkit-transform: rotateZ(15deg);
    -moz-transform: rotateZ(15deg);
    -o-transform: rotateZ(15deg);
    transform: rotateZ(15deg);
}

.bouton a:hover span.mini.age.de {
    margin-top: -25px;
    -webkit-transform: rotateZ(15deg);
    -moz-transform: rotateZ(15deg);
    -o-transform: rotateZ(15deg);
    transform: rotateZ(15deg);
}

.partie1 a:hover span.mini.age.de,
.partie3 a:hover span.mini.age.de {

    -webkit-transform: rotateZ(15deg);
    -moz-transform: rotateZ(15deg);
    -o-transform: rotateZ(15deg);
    transform: rotateZ(15deg);
}

.partie2 a:hover span.mini.age.de {
    margin-top: -5px;
    -webkit-transform: rotateZ(-15deg);
    -moz-transform: rotateZ(-15deg);
    -o-transform: rotateZ(-15deg);
    transform: rotateZ(-15deg);
}

a:hover span.mini.age.a {
    margin-top: -5px;
    -webkit-transform: rotateZ(-10deg);
    -moz-transform: rotateZ(-10deg);
    -o-transform: rotateZ(-10deg);
    transform: rotateZ(-10deg);
}

.partie1 a:hover span.cinq.age,
.partie2 a:hover span.huit.age,
.partie3 a:hover span.quinze.age {
    -webkit-transform: rotateZ(-10deg);
    -moz-transform: rotateZ(-10deg);
    -o-transform: rotateZ(-10deg);
    transform: rotateZ(-10deg);
}

a:hover span.mini.age.annee {
    margin-top: -15px;
    -webkit-transform: rotateZ(-10deg);
    -moz-transform: rotateZ(-10deg);
    -o-transform: rotateZ(-10deg);
    transform: rotateZ(-10deg);
}

.partie2 a:hover span.mini.age.annee {
    margin-top: 0;
}

div.part2a {
    width: 100%;
    height: 100%;
}

div.titreP4 h1.titreP4 {
    margin-top: 0;
    color: #fffsmoke;
    font-weight: 400;
    line-height: 5;
    text-transform: uppercase;
    font-size: 35px;
    margin-bottom: 0;
}


/* ###############################################################
####################### VERSION TABLETTE #########################
################################################################*/

@media (max-width: 1119px) {

	.bg-cloud.bg-cloud-right,
	.bg-cloud.bg-cloud-left {
		background: none;
	}

    .page-template-page-accueil .part1.actus .header:before,
    .page-template-page-accueil .part1.actus .header:after,
    .page-template-page-accueil section.part5.reseaux .milano5:before  {
        display: none;
    }
}

@media (max-width: 991px) {
    .bg-cloud,
    .bg-cloud.bg-cloud-right,
    .bg-cloud.bg-cloud-left {
        background: none;
    }

    /*######### PAGE D'ACCUEIL ############# */
    .page-template-page-accueil header.main .container-top {
        width: 100%;
    }

    div.background-page1.cloud1,
    div.background-page2.cloud2,
    div.background-page3.cloud3,
    div.background-page4.cloud4,
    div.background-page5.cloud5 {
        display: none;
    }

    div.NosSites {
        display: none;
    }

    #logo a {
        height: 86px;
        width: 86px;
    }

    section.part0 {
        height: auto;
    }

    .page-template-page-accueil .part0 .title {
        top: auto;
    }

    .page-template-page-accueil .part0 .title h1 {
        line-height: 40px;
        font-size: 40px;
        text-shadow: none;
        background-color: #f3949d;
        margin: 0;
        padding: 20px 0;
    }

    .part0 .bloc.left:hover,
    .part0 .bloc.middle:hover,
    .part0 .bloc.right:hover {
        background-image: none;
    }

    .page-template-page-accueil .part0 .bloc {
        width: 100%;
        position: relative;
        background: none;
        height: 281px;
    }

    .page-template-page-accueil .part0 .bloc.left {
        background-color: #F3949D;
        height: 180px;
        left: auto;
    }

    .page-template-page-accueil .part0 .bouton {
        position: absolute;
        top: 47%;
        text-align: center;
    }

    .page-template-page-accueil .part0 .bloc.left .bouton a.button {
        margin-right: auto;
    }

    .page-template-page-accueil img.milano-tab1 {
        position: absolute;
        bottom: 0;
        left: 12%;
        display: initial;
    }

    .page-template-page-accueil .part0 .bloc.middle {
        background-color: #E7EEEE;
    }

    .page-template-page-accueil .part0 img.milanos-tab2 {
        position: absolute;
        left: 25%;
        top: 41%;
        width: 52%;
        display: initial;
    }

    .page-template-page-accueil .part0 img.couettes {
        display: none;
    }

    .page-template-page-accueil .part0 .bloc.right .bouton a.button {
        margin-left: auto;
    }

    .page-template-page-accueil .part0 .bloc.right {
        background-color: #E3DDD3;
        right: auto;
    }

    .page-template-page-accueil img.milano-tab3 {
        position: absolute;
        top: 39%;
        left: 7%;
        display: initial;
    }

    .page-template-page-accueil section.part1.actus .container {
        position: relative;
        width: 100%
    }

    .page-template-page-accueil section.part1.actus .milano, .milano7 {
        display: none;
    }

    section.part2.video .header,
    section.part2.video .content {
        background: none;
    }


    section.part2.video .content > .container {
        width: 100%;
    }

    section.part2.video .header {
        background-color: rgba(243, 247, 247, 1);
    }

    section.part2.video .content h3 {
        text-align: center;
    }

    .page-template-page-accueil section.part2.video ul {
        margin: 0 auto;
        display: inline-block;
    }

    section.part2.video .content .content-video {
        background-color: #107978;
    }

    section.part2.video .content .content-text {
        padding-bottom: 40px;
    }

    body.page-template-page-accueil section.part2.video h2 {
        text-align: center;
        padding-right: 0;
    }

    .page-template-page-accueil section.part2.video li {
        font-size: 17px;
    }

    .page-template-page-accueil section.part2.video .video {
        padding: 20px 10px;
    }

    .page-template-page-accueil section.part2.video .video .iframe {
        padding-left: 0;
        margin-top: 0;
    }

    .page-template-page-accueil section.part3 div.fond {
        width: 100%;
    }

    .page-template-page-accueil section.part3 div.temoignage:before,
    .page-template-page-accueil section.part3 div.temoignage:after {
        display: none;
    }
    .page-template-page-accueil section.part4 ul.pourquoi {
        display: block;
    }

    .page-template-page-accueil section.part4 ul.pourquoi li {
        width: 50%;
        float: left;
        text-align: center;
    }

    .page-template-page-accueil section.part4 figcaption.pourquoi {
        width: auto;
    }

    .page-template-page-accueil section.part5.reseaux .milano5,
    .page-template-page-accueil section.part5.reseaux .milano5:before {
        background: none;
    }

    .page-template-page-accueil .img-content .img {
        height: auto;
    }

    .page-template-page-accueil img.attachment-post-thumbnail.wp-post-image {
        width: 100%;
    }

    .page-template-page-accueil .footer-nv4 {
        display: none;
    }

    .page-template-page-accueil footer div.Part2 ul#menu-menu-footer {
        margin-left: 0;
        padding-left: 0;
    }

    .page-template-page-accueil footer div.Part2 .footerFin {
        margin-top: 15px;
    }

    .page-template-page-accueil #main {
        padding-top: 0;
        margin-top: 0;
    }

    header.main {
        margin-bottom: 0;
        height: 86px;
    }

    .contenu .partie1,
    .contenu .partie2,
    .contenu .partie3 {
        background: none;
    }

    .contenu .partie1 .bouton .button:before {
        bottom: 56px;
        top: inherit;
        right: 40%;
    }

    #sidebar {
        border: none;
        display: none;
    }

}

/* ###############################################################
####################### VERSION MOBILE ##########################
################################################################*/
@media (max-width: 989px) {
    body.scroll #masthead {
        position: fixed;
        width: 100%;
        z-index: 9000;
    }
    body.scroll #masthead.none {
        display: none !important;
    }
}
@media (max-width: 768px) {

    header.main {
        height: 62px;
        margin-bottom: 0;
    }

    #logo,
    #logo a {
        height: 62px;
        width: 62px;
    }

    #logo a {
        background-size: 90% !important;
    }

    header.main .row {
        border-right: 0;
        padding-left: 76px;
    }

    #tiny-menu {
        height: 66px;
    }



    .search-box.tiny {
        top: 66px;
    }

    .page-template-page-accueil section.part3 h2,
    .page-template-page-accueil section.part4 h2,
    .page-template-page-accueil section.part5 h2 {
        font-size: 25px;
        line-height: 35px;
    }

    .page-template-page-accueil .part0 .title h1 {
        line-height: 32px;
        font-size: 30px;
        position: relative;
    }

    .page-template-page-accueil .part0 .bloc.left .bouton span.bouton-magazine,
    .page-template-page-accueil .part0 .bloc.middle .bouton span.bouton-magazine,
    .page-template-page-accueil .part0 .bloc.right .bouton span.bouton-magazine {
        font-size: 16px;
    }

    .page-template-page-accueil .part0 .bouton {
        z-index: 1;
        bottom: 7%;
    }

    .page-template-page-accueil img.milano-tab1 {
        left: 27%;
        bottom: 27%;
    }

    .page-template-page-accueil .part0 .bloc.left .bouton a.button,
    .page-template-page-accueil .part0 .bloc.middle .bouton a.button,
    .page-template-page-accueil .part0 .bloc.right .bouton a.button {
        height: 67px;
    }

    .page-template-page-accueil .part0 .bloc.middle img.couettes {
        position: absolute;
        left: 40%;
        bottom: 30%;
        display: initial;
    }

    .page-template-page-accueil .part1.actus .header:after {
        background-image: none;
    }

    .page-template-page-accueil .part0 img.milanos-tab2 {
        display: none;
    }

    .page-template-page-accueil img.milano-tab3 {
        top: 20%;
        left: 20%;
    }

    .page-template-page-accueil .article .thumbnail h2 {
        line-height: 26px !important;
        padding: 0 10px 0 10px;
    }

    .page-template-page-accueil .poule {
        display: none;
    }

    .page-template-page-accueil div.couleur {
        text-align: center;
    }

    .page-template-page-accueil h1.titreP2 {
        font-size: 30px;
    }

    .page-template-page-accueil section.part2.video .caption .title {
        bottom: 0;
        left: 0;
    }

    .page-template-page-accueil section.part2.video ul {
        line-height: 2;
    }

    .page-template-page-accueil section.part2.video li {
        letter-spacing: 0;
    }

    .page-template-page-accueil section.part3 div.item {
        min-height: auto;
        padding-bottom: 50px;
    }

    .page-template-page-accueil section.part3 div.item .photoTemoin {
        display: none;
    }

    .page-template-page-accueil section.part3 .texte {
        width: 100%;
        float: none;
    }

    .page-template-page-accueil section.part3 .content {
        margin: 10px;
    }

    .page-template-page-accueil section.part3 span.guillemet1, .page-template-page-accueil section.part3 span.guillemet2 {
        display: none;
    }

    .page-template-page-accueil section.part3 cite {
        text-align: center;
    }

    .page-template-page-accueil section.part3 div.item img {
        display: none;
    }

    .page-template-page-accueil section.part3 div.cycle-pager {
        bottom: -50px;
    }

    .page-template-page-accueil section.part3 div.ninja-forms-cont form .field-wrap:nth-child(even),
    .page-template-page-accueil section.part3 div.ninja-forms-cont form .field-wrap:nth-child(odd),
    .page-template-page-accueil section.part3 div.ninja-forms-cont form .field-wrap {
        width: 100% !important;
        float: none;
    }

    .page-template-page-accueil section.part3 div.ninja-forms-cont form:before {
        left: 0;
        bottom: -13px;
    }

    .page-template-page-accueil section.part4.mag {
        height: 100%;
    }

    .page-template-page-accueil div.titreP4 h1.titreP4 {
        font-size: 27px;
        line-height: 40px;
        padding: 25px 0;
    }

    .page-template-page-accueil section.part4 ul.pourquoi {
        margin: 0;
        padding: 0;
    }

    .page-template-page-accueil section.part4 ul.pourquoi li {
        margin-bottom: 20px;
        width: 100%;
        float: none;
    }

    .page-template-page-accueil section.part4 figcaption.pourquoi {
        width: 100%;
    }

    .page-template-page-accueil section.part4 div.nosMag {
        right: 20%;
        position: relative;
        left: 0%;
        margin-bottom: 50px;
    }

    .page-template-page-accueil section.part4 div.nosMag a.nosMag img {
        width: 100%;
    }

    .page-template-page-accueil section.part5.reseaux .reseaux-mobile .item {
        margin-bottom: 30px;
    }

    .page-template-page-accueil section.part5.reseaux .reseaux-mobile .item a {
        display: block;
    }

    .page-template-page-accueil footer div.Part1 div.logoMilan {
        display: none;
    }

    div.footer {
        display: block;
        position: relative;
        margin: 0;
        float: none;
        width: 100%;
        text-align: center;
    }

    footer div.Part1 {
        padding: 20px 0;
    }

    .page-template-page-accueil footer div.Part2 ul#menu-menu-footer {
        padding: 30px 10px;
    }
}


.page-template-page-museumconcours {
    font-size: 21px;
    line-height: 35px;
}

.page-template-page-museumconcours #main {
    padding: 0 0 50px 0;
}

.page-template-page-museumconcours .para,
.page-template-page-museumconcours .nf-desc {
    padding: 15px;
    max-width: 847px;
    width: 100%;
    margin: 0 auto;
}

.page-template-page-museumconcours .para.para-lots {
    text-align: left;
}

.page-template-page-museumconcours .para.para-lots img {
    float: left;
    margin: 0 20px 20px 0;
    width: 28%;
}

.page-template-page-museumconcours .para h2 {
    font-size: 35px;
    color: #83bd2b;
    margin: 0;
    padding: 0;
    margin-bottom: 20px;
}

.page-template-page-museumconcours .text-center {
    text-align: center;
}

.page-template-page-museumconcours .table-lots {
    width: 100%;
    background-color: #49a1d8;
    text-align: center;
    padding-top: 15px;
}

.page-template-page-museumconcours table {
    padding: 0;
    margin: 0;
    width: 88%;
    color: #fff;
    display: inline-block;
}

.page-template-page-museumconcours table.tab-int {
    width: 100%;
}

.page-template-page-museumconcours .border-right {
    border-right: 1px solid #24506b;
    margin-right: 5%;
}

.page-template-page-museumconcours .decalage-right {
    padding-left: 5%;
}

.page-template-page-museumconcours table td {
    padding: 10px;
    font-size: 17px;
    vertical-align: top;
    text-align: left;
    width: 45%;
}

.page-template-page-museumconcours table span.title,
.page-template-page-museumconcours table span.title strong {
    font-size: 24px;
}

.page-template-page-museumconcours table td strong {
    font-size: 21px;
    font-weight: 700;
}

.page-template-page-museumconcours .sso-field {
    font-size: 21px !important;
    padding-left: 27px !important;
}

.page-template-page-museumconcours table td ul {
    margin-left: 30px;
}

.page-template-page-museumconcours .field-wrap input[type="text"],
.page-template-page-museumconcours .field-wrap input[type="file"],
.page-template-page-museumconcours .field-wrap select,
.page-template-page-museumconcours .field-wrap textarea {
    border-radius: 7px;
}

.page-template-page-museumconcours #ninja_forms_field_181_div_wrap,
.page-template-page-museumconcours #ninja_forms_field_175_div_wrap {
    background-color: #49A1D8;
    color: #fff;
    width: 100% !important;
    max-width: 100% !important;
    text-align: center;
}

.page-template-page-museumconcours #ninja_forms_field_181_div_wrap {
    padding: 20px 0 10px;
}

.page-template-page-museumconcours #ninja_forms_field_175_div_wrap {
    padding: 10px 0 20px;
}

.page-template-page-museumconcours #ninja_forms_field_181_div_wrap a {
    color: #24506b;
}

.page-template-page-museumconcours #ninja_forms_field_181_div_wrap a:hover {
    text-decoration: underline;
}

.page-template-page-museumconcours #ninja_forms_field_175_div_wrap #ninja_forms_field_175 {
    background-color: #fff;
    border: 2px solid #24506b;
    width: 18px;
    height: 18px;
    cursor: pointer;
}

.page-template-page-museumconcours #ninja_forms_field_175_div_wrap label {
    line-height: 25px;
    cursor: pointer;
}

.page-template-page-museumconcours #ninja_forms_field_179_div_wrap {
    border-top: 0;
    border-bottom: 0;
    margin: 0 auto;
    padding: 6px 0 2px;
}

.page-template-page-museumconcours #ninja_forms_field_176_div_wrap {
    margin-top: 50px;
}

/*sidebar*/

.subtitle.eveil {
    background-color: #F3949D;
}

.subtitle {
    text-align: center;
}

.widget .mp-widgets-abonnements ul.eveil li a {
    color: #166579;;
}

.widget .mp-widgets-abonnements .subtitle a {
    font-size: 20px;
    font-weight: 500;
}

.subtitle.japprends {
    background: #FCE04C;
    margin-top: 20px;
}

.mp-widgets-abonnements ul {
    font-size: 23px;
}

ul.eveil {
    color: #F3949D;
}

ul.japprends {
    background: #FCE04C;
    color: #bb581e;
}

.widget .mp-widgets-abonnements ul.japprends li a {
    color: #176961;
}

.subtitle.passion {
    background: #1BAB97;
    margin-top: 20px;
}

ul.passion {
    background: #1BAB97;
}

.widget .mp-widgets-abonnements ul.passion li a {
    color: #176961;
}

.widget .mp-widgets-abonnements ul.passion li {
    color: #468805;
}

/*integration video*/

.home-video {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

video {
    right: 68%;
    height: 100%;
    top: 0;
    position: relative;
    bottom: -10px;
}

.home-video {
    opacity: 0;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.partie1 a:hover .home-video,
.partie2 a:hover .home-video,
.partie3 a:hover .home-video {
    opacity: 1;
}

@media (max-width: 991px) {
    .home-video {
        display: none;
    }
}

/* PAGE NOS MAGAZINES */
body.page-id-121 #sidebar,
body.page-id-125 #sidebar,
body.page-id-127 #sidebar {
    display: none;
}

#page-magazines section.part0 .popin-marketing {
    display: none;
}

#page-magazines section.part0 {
    background-color: #F5F9F9;
    height: auto;
    margin-bottom: 70px;
}

#page-magazines section.part0 header h1 {
    font-size: 40px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    text-shadow:
            -1px -1px 3px #888,
            1px -1px 3px #888,
            -1px 1px 3px #888,
            1px 1px 3px #888;
}

#page-magazines section.part0 .cell .photo {
    height: 560px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

#page-magazines section.part0 .video {
    width: 100%;
    height: 75vh;
    overflow: hidden;
    background-color: #000;
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

#page-magazines section.part0 .video:hover {
    background: none !important;
    background-color: #000 !important;
}

#page-magazines section.part0 .video header {
    position: absolute;
    top: auto;
    right: auto;
    bottom: 0;
    left: auto;
    text-align: center;
    width: 100%;
}

#page-magazines section.part0 .video header h1 {
    -webkit-border-top-left-radius: 25px;
    -webkit-border-top-right-radius: 25px;
    -moz-border-radius-topleft: 25px;
    -moz-border-radius-topright: 25px;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    background-color: #F5F9F9;
    padding: 7px 30px 0;
    font-size: 34px;
    display: inline-block;
    margin: 0 auto;
    line-height: 57px;
    color: #0E3634;
    text-shadow: none;
    box-shadow: 0 0 7px rgba(0,0,0,0.8);
}

#page-magazines section.part0 .video video {
    margin: 0 auto;
    width: 100%;
    height: 100%;
    right: auto;
    top: auto;
    bottom: auto;
}

#page-magazines section.part0 .cell .intro {
    padding: 20px 10px;
    max-width: 750px;
}

#page-magazines section.part0 .cell .intro p {
    font-weight: 500;
    font-size: 19px;
    line-height: 31px;
    text-align: center;
    margin-top: 0;
    color: #4f6968;
}

#page-magazines section.part0 .cell .intro p img {
    max-width: 100%;
}

#page-magazines section.part0 .cell .intro img:hover {
    opacity: 0.6;
}

#page-magazines section.part1 {
    margin-bottom: 70px;
}

#page-magazines section.part1 > .container {
     position: relative;
}

#page-magazines section.part1 .cell article .visuel,
#nos-sites article .visuel {
    border: 1px solid #dddddd;
    border-bottom: 0;
    /*height: 180px;*/
}

#page-magazines section.part1 .cell article .visuel a {
    display: block;
    text-align: center;
    height: 100%;
}

#page-magazines section.part1 .cell article .visuel a img {
    padding: 10px;
    max-height: 100%;
    /*width: auto;*/
    height: auto;
}

#page-magazines section.part1 .cell article .content {
    background-color: #F3F7F7;
    padding-bottom: 110px;
    height: 320px;
    overflow: hidden;
}

#page-magazines section.part1 .cell article .subcontent {
    height: auto;
    padding: 15px 15px 0;
}

#page-magazines section.part1 .cell article .subcontent .plage-age p,
#nos-sites article .subcontent h3 {
    margin: 0;
    padding: 0;
}

#page-magazines section.part1 .cell article .subcontent header h3,
#page-magazines section.part1 .cell article .subcontent .plage-age,
#nos-sites article .subcontent h3,
#nos-sites article .subcontent .plage-age {
    margin-bottom: 10px;
}

#page-magazines section.part1 .cell article .subcontent .plage-age span,
#nos-sites article .subcontent .plage-age span {
    display: inline-block;
    padding: 8px;
    color: #fff;
    font-weight: 700;
}

#page-magazines section.part1 .cell article .subcontent .plage-age span.gamme-univers-1,
#nos-sites article .subcontent .plage-age span.gamme-univers-1 {
    background-color: #F3949D;
}

#page-magazines section.part1 .cell article .subcontent .plage-age p span.gamme-univers-2,
#nos-sites article .subcontent .plage-age span.gamme-univers-2 {
    background-color: #FCE04C;
    color: #3B4D4D;
}

#page-magazines section.part1 .cell article .subcontent .plage-age p span.gamme-univers-3,
#nos-sites article .subcontent .plage-age span.gamme-univers-3 {
    background-color: #107978;
}

#page-magazines section.part1 .cell article .subcontent header h3 {
    padding: 0;
}

#page-magazines section.part1 .cell article .subcontent header h3 a:hover span {
    color: #fe5d55;
}

#page-magazines section.part1 .cell article .subcontent .excerpt {
    margin: 0;
}

#page-magazines section.part1 .cell article .subcontent .excerpt p {
    margin: 0;
    padding: 0;
}

#page-magazines section.part1 .cell article .magazine-cta {
    padding: 0 15px;
    position: absolute;
    bottom: 5px;
    width: 100%;
}

#page-magazines section.part1 .cell article .magazine-cta a,
#nos-sites article a.decouvrir {
    border-radius: 30px;
    border: 2px solid #FC9106;
    background-color: #FC9106;
    text-transform: uppercase;
    padding: 2px 14px;
    float: left;
    width: 147px;
    font-size: 14px;
    margin: 0;
}

#page-magazines section.part1 .cell article .magazine-cta a.btn-abo {
    line-height: 40px;
    border-color: #fff;
}

#page-magazines section.part1 .cell article .magazine-cta a.btn-abo:hover {
    background-color: #fff;
    color: #FC9106;
    border-color: #FC9106;
}

#page-magazines section.part1 .cell article .magazine-cta a.btn-decouvrir,
#nos-sites article a.decouvrir  {
    background-color: #fff;
    color: #FC9106;
    line-height: 18px;
    float: right;
    padding: 4px 0;
}

#page-magazines section.part1 .cell article .magazine-cta a.btn-decouvrir:hover,
#nos-sites article a.decouvrir:hover {
    background-color: #FC9106;
    color: #fff;
    border-color: #fff;
}

#page-magazines section.part2 {
    background-color: #F3F7F7;
}

#page-magazines section.part2 .content {
    float: right;
}

#page-magazines section.part2 .content:before {
    content: "";
    position: absolute;
    top: 0;
    left: -698px;
    width: 698px;
    height: 549px;
    background: no-repeat top left;
}

#page-magazines section.part2 .content.content-121:before {
    background-image: url(images/filletteDessine.jpg);
}

#page-magazines section.part2 .content.content-125:before {
    background-image: url(images/garconEcrit.jpg);
}

#page-magazines section.part2 .content.content-127:before {
    background-image: url(images/AdoLit.jpg);
}

#page-magazines section.part2 h2 {
    font-size: 30px;
    font-weight: 700;
    color: #0e3533;
    width: 100%;
    line-height: 36px;
    text-transform: uppercase;
}

#page-magazines section.part2 h2 span {
    color: #849897;
}

#page-magazines section.part2 p {
    font-size: 17px;
    line-height: 24px;
}

#page-magazines section.part2 .boutons {
    padding-top: 40px;
    padding-bottom: 40px;
}

#page-magazines section.part2 .boutons a.button img.bt-1:hover,
#page-magazines section.part2 .boutons a.button img.bt-2:hover,
#page-magazines section.part2 .boutons a.button img.bt-3:hover {
    opacity: 0.6;
}

#page-magazines section.part3 {
    padding: 60px 0 0;
}

#page-magazines section.part3 .head-title {
    text-align: center;
    color: #0E3634;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 28px;
}

#page-magazines section.part3 .articles-content {
    margin-top: 40px;
}

#page-magazines section.part3 h3 a span {
    display: block;
    text-transform: uppercase;
}

#page-magazines section.part3 h3 a:hover span {
    color: #fe5d55;
}

/*################### Page Magazines 0 a 5 ans ##################*/
body.page-id-121 section.part0 header {
    top: 52px;
    left: 11%;
    position: absolute;
    text-align: center;
    z-index: 2;
}

/*body.page-id-121 section.part1 > .container:after {*/
/*    content: "";*/
/*    position: absolute;*/
/*    bottom: 51px;*/
/*    !*right: 44px;*!*/
/*    width: 298px;*/
/*    height: 320px;*/
/*    background: url(images/POULE_2.png) bottom right no-repeat;*/
/*}*/
/*################### Page Magazines 6 a 9 ans ##################*/
body.page-id-125 section.part0 header {
    top: 115px;
    left: 13%;
    position: absolute;
    text-align: center;
    z-index: 2;
}

/*################### Page Magazines 10 a 15 ans ##################*/
body.page-id-127 section.part0 header {
    top: 115px;
    right: 13%;
    position: absolute;
    text-align: center;
    z-index: 2;
}
/*########################## Page Actus #########################*/
.category-les-actus .cell h1 {
    font-weight: 500;
}

#page-magazines section.part3 .cell .visuel,
.category-les-actus .cell .visuel {
    border: 1px solid #F3F7F7;
}


.category-les-actus .cell.large .subcontent {
    background-color: #F3F7F7;
}

#page-magazines section.part3 .cell .subcontent,
.category-les-actus .cell .subcontent {
    background-color: #F3F7F7;
}

/* BOUTONS */
.ns-bouton {
    display: inline-block;
    position: relative;
    height: 30px;
    line-height: 30px;
    padding: 0 15px;
    font-size: 13px;
    color: #080808;
    text-align: center;
    border: 2px solid;
    -webkit-transition: all 300ms;
    transition: all 300ms;
}

.ns-bouton:hover,
.ns-bouton:focus,
.ns-bouton:active {
    background-color: #FFF;
    text-decoration: none;
    /*color: inherit;*/
    color: #080808;
    outline: none;
}

.ns-bouton-large {
    width: 180px;
    height: 44px;
    padding: 0;
    line-height: 44px;
    text-transform: uppercase;
}

/****** page SAS ********/
body.page-template-page-sas .background-page {
    display: none;
}

body.page-template-page-sas #page .page-sas {
    position: relative;
    z-index: 2;
}

body.page-template-page-sas #page .page-sas footer {
    z-index: 3;
}

body.page-template-page-sas #page .page-sas .background-page {
    display: none;
}

body.page-template-page-sas {
    font-family: "Lato Regular";
}

body.page-template-page-sas #page .page-sas .background-sas {
    width: 100%;
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    z-index: 1;
}

body.page-template-page-sas #page .page-sas .background-sas div {
    height: 100%;
}

body.page-template-page-sas #page .page-sas.les-magazines-de-8-a-15-ans .background-sas .left,
body.page-template-page-sas #page .page-sas.les-magazines-de-8-a-15-ans div.img-content {
    background-color: #9ec220;
}

body.page-template-page-sas #page .les-magazines-de-0-a-5-ans .background-sas .left,
body.page-template-page-sas #page .page-sas.les-magazines-de-0-a-5-ans div.img-content {
    background-color: #ffd123;
}

body.page-template-page-sas #page .les-magazines-de-5-a-8-ans .background-sas .left,
body.page-template-page-sas #page .page-sas.les-magazines-de-5-a-8-ans div.img-content {
    background-color: #ecf0f7;
}

body.page-template-page-sas #page .background-sas .right {
    background-color: #f5f4f4;
}

body.page-template-page-sas #page .page-sas .content-remontee {
    position: relative;
    z-index: 2;
}

body.page-template-page-sas #page .page-sas .remonte-boutique {
    padding-top: 20px;
}

body.page-template-page-sas #page .page-sas .remonte-boutique .row-inner {
    margin: 0 -21px 0 -8px;
}

body.page-template-page-sas #page .page-sas .remonte-boutique .nav {
    margin: 0 0 20px;
}

body.page-template-page-sas #page .page-sas div.img-content {
    height: 1200px;
}

body.page-template-page-sas #page .thumbnail.visuel {
    text-align: center;
    margin-bottom: 10px;
    height: 260px;
    /*width: 210px;*/
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

body.page-template-page-sas .panel.panel-default.redClass .panel-footer a span.plus {
    background-color: #e0000e !important;

}

body.page-template-page-sas #page .panel-content a:hover img {
    transform: translateX(-50%) scale(1.04);
}

body.page-template-page-sas #page .thumbnail.visuel img {
    max-height: 260px;
    max-width: 100%;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

body.page-template-page-sas #page .page-sas .remonte-boutique .row-inner .item {
    margin-bottom: 20px;
}

body.page-template-page-sas #page .panel.panel-default.redClass {
    border: 1px solid #e0000e;

}

body.page-template-page-sas #page .panel.panel-default {
    background-color: #fff;
    padding: 20px 10px;
    border: 1px solid #d6d6d6;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

body.page-template-page-sas #page .panel-content {
    padding-bottom: 40px;
}

body.page-template-page-sas #page .panel-content a {
    color: #848383;
}

body.page-template-page-sas #page .panel.panel-default .tranche-age {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 15px;
}

body.page-template-page-sas #page .panel.panel-default .panel-title h2 {
    margin-top: 0;
    font-weight: 500;
    font-size: 22px;
}

body.page-template-page-sas #page .panel.panel-default .panel-description {
    margin-bottom: 10px;
    font-weight: 500;
    font-size: 17px;
}

body.page-template-page-sas .panel-footer {
    position: absolute;
    bottom: 15px;
}

body.page-template-page-sas .panel-footer a {
    color: #848383;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

body.page-template-page-sas .panel-footer a span.plus {
    background-color: grey;
    color: #fff;
    border-radius: 50%;
    width: 18px;
    display: inline-block;
    font-size: 17px;
    font-weight: bold;
    height: 18px;
    line-height: 18px;
    text-align: center;
}

body.page-template-page-sas ul.nav {
    margin-bottom: 20px;
}

body.page-template-page-sas ul.nav li:nth-child(1) a.backHome:hover {
    margin-left: -5px;
}

body.page-template-page-sas ul.nav li:nth-child(1) {
    margin-right: 20px;
    display: inline-block;
    width: 120px;

}

body.page-template-page-sas ul.nav li {
    display: inline;
    font-size: 18px;
    margin-right: 10px;
}

body.page-template-page-sas ul.nav li a.backHome {
    color: #848383;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

i.fa.fa-long-arrow-left {
    font-size: 25px;
    margin-right: 10px;
}

.fa-long-arrow-left:before {
    top: 2px;
    position: relative;
}

body.page-template-page-sas ul.nav li a.backHome:hover {
    color: #e0000e;
}

body.page-template-page-sas ul.nav li a.backHome:hover i.arrow-left {
    padding-right: 0;
}

body.page-template-page-sas ul.nav li a.backHome {
    padding-right: 10px;

}

body.page-template-page-sas ul.nav li a {
    font-weight: 700;
    color: #fff;
    padding: 5px 10px;
    border-radius: 4px;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

body.page-template-page-sas ul.nav li a.gamme1 {
    background-color: #67c4db;
}

body.page-template-page-sas ul.nav li a.gamme1:hover {
    background-color: #21778c;
}

body.page-template-page-sas ul.nav li a.gamme2 {
    background-color: #f9b900;
}

body.page-template-page-sas ul.nav li a.gamme2:hover {
    background-color: #ad8200;
}

body.page-template-page-sas ul.nav li a.gamme3 {
    background-color: #9dc220;
}

body.page-template-page-sas ul.nav li a.gamme3:hover {
    background-color: #5f7613;
}

i.arrow-left {
    content: url(icons/arrow-left.png);
    display: inline-block;
}

body.page-template-page-sas #page div.title-content {
    margin-bottom: 25px;
    position: relative;
    margin-right: -10px;
}

body.page-template-page-sas #page div.title-content h2 {
    font-family: "Lato Regular";
    font-weight: 700;
    font-size: 32px;
    background-color: #F5F4F4;
    display: inline;
    padding: 4px 4px 4px 0;
    z-index: 2;
    position: relative;
}

body.page-template-page-sas span.trait {
    display: inline-block;
    width: 100%;
    left: 0;
    bottom: 5px;
    height: 5px;
    background-color: #67c4db;
    z-index: 1;
    position: absolute;
}


body.page-template-page-sas #page .les-magazines-de-0-a-5-ans div.title-content h2 {
    color: #67c4db;
}

body.page-template-page-sas #page .les-magazines-de-5-a-8-ans div.title-content h2 {
    color: #f9b900;
}

body.page-template-page-sas #page .les-magazines-de-8-a-15-ans div.title-content h2 {
    color: #9dc220;
}

body.page-template-page-sas #page .les-magazines-de-0-a-5-ans div.title-content span.trait {
    background-color: #67c4db;
}

body.page-template-page-sas #page .les-magazines-de-5-a-8-ans div.title-content span.trait {
    background-color: #f9b900;
}

body.page-template-page-sas #page .les-magazines-de-8-a-15-ans div.title-content span.trait {
    background-color: #9dc220;
}

/* partie video*/
body.page-template-page-sas #page .home-video {
    position: relative;
    z-index: 2;
}

body.page-template-page-sas #page .home-video video {
    position: relative;
    height: 40%;
}

body.page-template-page-sas #page .les-magazines-de-0-a-5-ans .home-video video {
    right: 63%;
}

body.page-template-page-sas #page .les-magazines-de-5-a-8-ans .home-video video {
    right: 56%;
}

body.page-template-page-sas #page .les-magazines-de-8-a-15-ans .home-video video {
    right: 48%;
}

body.page-template-page-sas .sas-video {
    overflow: hidden;
    padding-left: 0;
    padding-right: 0;
}

body.page-template-page-sas .sas-video img.img-video {
    position: absolute;
    top: 0;
    right: 0;
    max-width: 100%;
    height: 44%;
}

body.page-template-page-sas .sas-video img.img-video.imgAge {
    top: 40.5%;
    position: absolute;
    right: 0;
    width: 100%;
    height: auto;
}

body.page-template-page-sas #page .home-video video:after {
    content: url('images/titreGamme1.jpg');
}

body.page-template-page-sas img.imgAge {
    display: block;
    margin-top: -5px;
    max-width: 100%;
}

body .page-template-page-sas .panel-footer a {
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

body.page-template-page-sas .panel-footer a:hover span.plus {
    background-color: #e0000e;

}

body.page-template-page-sas .les-magazines-de-0-a-5-ans .bouton .button {
    background-color: #60c3dc;
    border-bottom: 4px solid #2a96b1;
    text-shadow: #2a96b1 2px 3px;
}

body.page-template-page-sas .les-magazines-de-5-a-8-ans .bouton .button {
    background-color: #f9b900;
    border-bottom: 4px solid #c99706;
    text-shadow: #c99706 2px 3px;
}

body.page-template-page-sas .les-magazines-de-8-a-15-ans .bouton .button {
    background-color: #c7d200;
    border-bottom: 4px solid #9fa70c;
    text-shadow: #9fa70c 2px 3px;

}

body.page-template-page-sas span.age {
    color: #fff;
    display: block;
    float: left;
    margin-left: 5px;
    line-height: 60px;
    font-weight: 600;
}

body.page-template-page-sas span.age.a {
    margin-top: -22px;
}

body.page-template-page-sas #page .les-magazines-de-0-a-5-ans .backgroundMobile {
    background-color: #ffd123;
}

body.page-template-page-sas #page .les-magazines-de-5-a-8-ans .backgroundMobile {
    background-color: #ecf0f7;
}

body.page-template-page-sas #page .les-magazines-de-8-a-15-ans .backgroundMobile {
    background-color: #9ec220;
}

.sas-mobile:before {
    position: absolute;
    right: 30%;
    zoom: 80%;
    z-index: 1;

}

.les-magazines-de-0-a-5-ans .sas-mobile span.mini.age.a {
    margin-top: -24px;
}

.les-magazines-de-0-a-5-ans .sas-mobile:before {
    content: url(images/mascotte.png);
    bottom: 93px;
    zoom: 85%;
    right: 38%;

}

.les-magazines-de-5-a-8-ans .sas-mobile:before {
    content: url(images/mascotte1.png);
    bottom: 90px;
    right: 40%;

}

.les-magazines-de-8-a-15-ans .sas-mobile:before {
    content: url(images/julie.png);
    bottom: 85px;
    right: 35%;
    zoom: 95%;

}

body.page-template-page-sas .backgroundMobile,
body.page-template-page-sas .sas-mobile {
    display: none;
}

@media all and (min-width: 768px) and (max-width: 991px) {

    #page-magazines section.part2 .content.content-121:before,
    #page-magazines section.part2 .content.content-125:before,
    #page-magazines section.part2 .content.content-127:before {
        background-image: none;
    }
}

@media only screen and (min-width: 991px) {
    body.page-template-page-sas #page .page-sas {
        margin-top: 90px;
    }
}

@media only screen and (max-width: 1199px) {
    body.page-template-page-sas #page .page-sas div.img-content {
        float: none;
    }

    body.page-template-page-sas #page .home-video video {
        height: 33%;
    }

    body.page-template-page-sas img.imgAge {
        max-width: 100%;
    }

    body.page-template-page-sas .sas-video img.img-video {
        height: 33%;
    }

    body.page-template-page-sas .sas-video img.img-video.imgAge {
        top: 30%;
    }

}

@media only screen and (max-width: 991px) {

    body.page-template-page-sas #page .page-sas .img-video {
        display: none;
    }

    body.page-template-page-sas #page .page-sas .remonte-boutique .row-inner {
        margin: 0 -8px 0 -8px;
    }

    body.page-template-page-sas #page .page-sas .remonte-boutique .row-inner .item:nth-child(even),
    body.page-template-page-sas #page .page-sas .remonte-boutique .row-inner .item:nth-child(odd) {
        width: 50%;
    }

    body.page-template-page-sas #page .page-sas .remonte-boutique .row-inner .item:nth-child(even) {
        float: right;
    }

    body.page-template-page-sas #page .page-sas .remonte-boutique .row-inner .item:nth-child(odd) {
        float: left;
    }

    body.page-template-page-sas #page .page-sas {
        background-color: #f5f4f4;
    }

    body.page-template-page-sas #page .background-sas {
        display: none;
    }

    body.page-template-page-sas #page .page-sas div.img-content {
        float: right;
        height: 260px;
    }

    body.page-template-page-sas #page .page-sas div.img-content img.img-video.wp-post-image {
        display: none;
    }

    body.page-template-page-sas .sas-mobile .bouton {
        position: absolute;
        bottom: 15px;
    }

    body.page-template-page-sas .sas-video {
        display: none;
    }

    body.page-template-page-sas .sas-mobile {
        display: block;
    }

    body.page-template-page-sas .backgroundMobile {
        display: block;
        position: absolute;
        width: 100%;
        height: 260px;
    }
}

@media only screen and (max-width: 767px) {
    body.page-template-page-sas #page .page-sas {
        margin-top: 0;
    }

}

@media only screen and (max-width: 594px) {
    body.page-template-page-sas #page .page-sas .remonte-boutique .row-inner .item,
    body.page-template-page-sas #page .page-sas .remonte-boutique .row-inner .item:nth-child(odd),
    body.page-template-page-sas #page .page-sas .remonte-boutique .row-inner .item:nth-child(even) {
        width: 100%;
        float: none;
    }

    body.page-template-page-sas ul.nav li {
        font-size: 15px;
    }

    body.page-template-page-sas #page .panel.panel-default {
        overflow: hidden;
        padding-bottom: 0;
    }

    body.page-template-page-sas #page .thumbnail.visuel {
        float: left;
        width: 45%;
    }

    body.page-template-page-sas #page .thumbnail.visuel img {
        height: initial;
    }

    body.page-template-page-sas #page .panel-body {
        float: right;
        width: 50%;
    }

    body.page-template-page-sas .panel-footer {
        bottom: 20px;
        right: 30px;
    }
}

@media only screen and (min-width: 991px)  and (max-width: 1199px ) {
    body.page-template-page-sas #page .thumbnail.visuel {
        height: 220px;
    }

    body.page-template-page-sas #page .thumbnail.visuel img {
        max-height: 220px;
    }
}

@media only screen and (min-width: 768px)  and (max-width: 991px ) {
    header.main {
        margin-bottom: 0;
    }
}

@media only screen and (max-width: 430px) {

    body.page-template-page-sas span.trait {
        display: none;
    }

    body.page-template-page-sas #page div.title-content h2 {
        line-height: 37px;
        width: 100%;
        display: block;
        text-align: center;
    }

    body.page-template-page-sas #page .thumbnail.visuel {
        float: none;
        width: 100%;
    }

    body.page-template-page-sas #page .thumbnail.visuel img {
        height: initial;
    }

    body.page-template-page-sas #page .panel-body {
        float: none;
        width: 100%;
    }

    body.page-template-page-sas .panel-footer {
        position: relative;
        bottom: auto;
        right: auto;
        margin-bottom: 10px;
    }
}

/* Nos sites */
#nos-sites .item {
    width: 47%;
}

#nos-sites .item:nth-child(odd) {
    float:left;
    clear:both;
}
#nos-sites .item:nth-child(even) {
    float:right;
}

#nos-sites .item article.cell a .visuel {
    transition: all 1s ease;
}

#nos-sites .item article.cell a .visuel:hover {
    transform: scale(1.05);
}

#nos-sites article .subcontent {
    position: relative;
}

#nos-sites article .subcontent .plage-age {
    margin-bottom: 25px;
}

#nos-sites article p.content {
    margin: 0;
}
#nos-sites article .subcontent h3 {
    margin-bottom: 30px;
}
#nos-sites article h3 a,
#nos-sites article p.content {
    color: #849897;
    font-weight: 500;
}

#nos-sites article h3 a {
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
}

#nos-sites article h3 a:hover {
    color: #fe5d55;
}

#nos-sites article a.decouvrir {
    width: auto;
    display: inline-block;
    text-align: center;
    float: none;
    line-height: 35px;
    padding: 0 15px;
    margin-top: 10px;
}

#nos-sites article .reseau-scx {
    position: absolute;
    top: 13px;
    right: 10px;
}

#nos-sites article .reseau-scx ul,
#nos-sites article .reseau-scx ul li {
    margin: 0;
    padding: 0;
    list-style: none;
}

#nos-sites article .reseau-scx ul li:before {
    display: none;
}

#nos-sites article .reseau-scx ul li {
    float: left;
    margin: 0 4px
}

#nos-sites article .reseau-scx ul li a {
    display: block;
    border-radius: 50%;
    color: #fff;
    background-color: #929f9e;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    font-size: 22px;
}

#nos-sites article .reseau-scx ul li a:hover {
    opacity: 0.6;
}


/* POPIN MARKETING */
.popin-marketing {
    background: rgba(0, 0, 0, 0.6);
    width: 100%;
    height: 100%;
    z-index: 9999;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: fixed;
    display: none;
}

.popin-marketing .subcontent {
    position: relative;
}

.popin-marketing .subcontent img {
    max-width: 100%;
}

.popin-marketing .content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border: 0 solid #000;
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    border-radius: 13px;
    padding: 15px;
    background-color: #fff;
}

.popin-marketing .btn-close2 {
    position: absolute;
    top: -18px;
    right: -15px;
    border-radius: 50%;
    border: 2px solid #000;
    color: #000;
    padding: 0 7px 1px;
    font-size: 27px;
    font-weight: 700;
    line-height: 26px;
    background-color: #fff;
}

.popin-marketing .btn-close2:hover {
    background-color: #000;
    color: #fff;
}

.popin-marketing .subcontent .btn-close {
    text-align: center;
    margin: 25px auto 0;
    max-width: 300px;
}

.popin-marketing .subcontent .btn-close a {
    font-size: 19px;
    line-height: 27px;
    background-color: #000;
    color: #fff;
    display: block;
    text-decoration: none;
    border: 1px solid #000;
    -webkit-border-radius: 27px;
    -moz-border-radius: 27px;
    border-radius: 27px;
    font-weight: 700;
}

.popin-marketing .subcontent .btn-close a:hover {
    background-color: #fff;
    color: #000;
}

@media only screen and (max-width: 446px) {
    .popin-marketing .subcontent .btn-close a {
        font-size: 16px;
        line-height: 17px;
    }
}


#cnill_banner {
    position: fixed;
    top: 0;
    z-index: 10000 !important;
    box-shadow: rgba(0, 0, 0, 0.3) 0 0 16px;
}

@media screen and (max-width: 1199px) {
    #page-magazines section.part1 .cell article .magazine-cta a {
        width: 131px;
    }
}

/*@media screen and (min-width: 992px) {*/
/*    #main {*/
/*        margin-top: 130px;*/
/*    }*/
/*}*/

@media screen and (max-width: 991px) {
    .page-template-page-accueil section.part0 {
        /*height: auto;*/
    }

    .page-template-page-accueil .part1.actus .button-content {
        height: auto;
        background-color: #68D5D3;
    }

    .page-template-page-accueil .part1.actus h1.titre {
        top: auto;
        padding-top: 20px;
        color: #fff;
    }

    .page-template-page-accueil .part1.actus p.actualites {
        margin-left: 0;
        font-size: 19px;
        width: 100%;
        color: #1F7A78;
        height: 95px;
    }

    .page-template-page-accueil .article .thumbnail h2 {
        font-size: 20px;
        text-transform: uppercase;
        line-height: 3;
    }

    .page-template-page-accueil .article .thumbnail p {
        font-size: 17px;
        text-transform: initial;
    }

    body.page-id-121 section.part1 > .container:after {
        display: none;
    }

    #nos-sites .item {
        width: 100%;
        margin-bottom: 30px;
    }

    #nos-sites .item:nth-child(odd) {
        float:none;
    }
    #nos-sites .item:nth-child(even) {
        float:none;
    }
}

@media screen and (max-width: 768px) {

    #main {
        margin-top: 0;
    }

    body.page-id-121 section.part0 header,
    body.page-id-125 section.part0 header,
    body.page-id-127 section.part0 header {
        position: absolute;
        top: 10px;
        width: 100%;
        right: 0;
        left: 0;
    }

    #page-magazines section.part2 .content.content-127:before {
        background-image: none;
    }
    #page-magazines section.part0 header h1,
    #page-magazines section.part0 .video header h1 {
        font-size: 22px;
    }

    #page-magazines section.part0 .cell .photo {
        height: 300px;
    }

    #page-magazines section.part1 .cell article .visuel a img {
        height: auto;
    }

    #page-magazines .col-s-7-5 {
        float: none;
        width: 100%;
        margin-bottom: 20px;
    }

    #page-magazines section.part2 .content:before {
        display: none;
    }

    #page-magazines section.part2 .content {
        padding-left: 20px;
    }

    #page-magazines section.part2 h2 {
        font-size: 28px;
        text-align: center;
    }
    #enseignants .deleguer img.milanosEcole {
        max-width: 100%;

    }
}

/*** MODALS ***/
#modal-multimedia-content {
    z-index: 9999;
}

button.media-content-button {
    display: block;
    padding: 0;
    border: 0;
    margin: 0 auto;
    overflow: hidden;
}

button.media-content-button img {
    max-width: 100%;
    opacity: 1;
    -webkit-transition: all 250ms;
    -o-transition: all 250ms;
    transition: all 250ms;
}

button.media-content-button:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    opacity: 0.7;
}

.modal.fullscreen .modal-dialog,
.modal.fullscreen .modal-body,
.modal.fullscreen .iframe-multimedia-content,
.modal.fullscreen iframe {
    width: 100%;
    height: 100%;
    border: 0;
    padding: 0;
    margin: 0;
}

.modal.fullscreen button.close {
    position: absolute;
    top: 10px;
    right: 10px;
    color: #fff;
    opacity: 0.5;
    font-size: 60px;
}

.modal.fullscreen button.close:hover {
    opacity: 1;
}

.modal-backdrop {
    z-index: 9998;
}

#ressources .cell .subcontent {
    min-height: auto;
}

#ressources .widget {
    padding: 20px;
    border: 1px solid #d5d5d5;
    margin: 40px 0;
}

#ressources .widget ul {
    background-color: #40c6bf;
    text-align: center;
}

#ressources .widget ul li {
    float: none;
    display: inline-block;
}

section.partExtra {
    background-color: #40c6bf;
    width: 100%;
    position: relative;
    z-index: 3;
    padding: 60px 0;
    margin-top: 30px;
    overflow: hidden;
}

section.partExtra .content h2 {
    text-align: center;
    color: #fff;
    line-height: 40px;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 35px;
    margin-top: 0;
    padding-top: 0;
}

section.partExtra .content p {
    max-width: 600px;
    display: block;
    margin: 0 auto 40px;
    color: #fff;
    font-size: 24px;
}

section.partExtra .buttons,
#ressources .buttons {
    display: flex;
    justify-content: center;
    overflow: hidden;
}

#ressources .buttons {
    margin-bottom: 40px;
}

section.partExtra .buttons a,
#ressources .buttons a,
.ress-btn-retour a {
    border-radius: 30px;
    border: 2px solid #fff;
    background-color: #FC9106;
    text-transform: uppercase;
    padding: 15px 20px;
    font-size: 22px;
    margin: 0 10px 15px;
    display: inline-block;
    color: #FFF;
    font-family: 'Lato Regular', sans-serif;
    font-weight: 700;
    transition: all 0.4s ease;
    text-decoration: none;
}

#ressources .buttons {
    background-color: #f1f1f1;
    padding: 30px 15px;
}

@media screen and (max-width: 768px) {
    section.partExtra .buttons,
    #ressources .buttons {
        flex-direction: column;
    }
}

#ressources .buttons a {
    font-size: 18px;
}

section.partExtra .buttons a.current,
#ressources .buttons a.current {
    background-color: #fff;
    color: #FC9106;
    border-color: #FC9106;
}

section.partExtra .buttons a:hover,
section.partExtra .buttons a.current:hover,
#ressources .buttons a:hover,
#ressources .buttons a.current:hover,
.ress-btn-retour a:hover {
    background-color: #8A4506;
    color: #fff;
    border-color: #8A4506;
}

#ressources .cell time {
    margin-bottom: 10px;
    display: block;
}

#ressources .cell.large .subcontent {
    background: none;
}

#ressources .txt-special {
    font-size: 30px;
    display: block;
    margin: 40px 0;
}

article.ressources-gratuites .entry-header time {
    margin-top: 15px;
    display: block;
}

article.ressources-gratuites h1.entry-title {
    font-size: 30px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 35px;
    color: #4f6968;
    margin-bottom: 30px;
    text-align: left;
}

article.ressources-gratuites .entry-content h2 {
    font-size: 25px;
    text-transform: none;
    text-align: left;
}

article.ressources-gratuites .entry-content p {
    text-align: left;
}

article.ressources-gratuites .entry-content a,
article.ressources-gratuites .entry-content p a {
    text-decoration: underline;
}

#ressources-email .alert,
.ressources-email .alert {
    padding: 15px;
    margin-bottom: 20px;
    border-radius: 4px;
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

#ressources-email .success,
.ressources-email .success {
    padding: 15px;
    margin-bottom: 20px;
    border-radius: 4px;
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

#form-mailpoet-ressources {
    margin: 0 auto 40px;
    padding: 20px;
    max-width: 750px;
    width: 100%;
    background-color: #f3f7f7;
}

#form-mailpoet-ressources p {
    padding-top: 0;
    margin-top: 0;
}

#form-mailpoet-ressources #groupeChampInscription {
    margin: 0 auto;
    width: 380px;
}

#form-mailpoet-ressources #groupeChampInscription input[type="email"] {
    font-size: 18px;
    width: 260px;
}

#form-mailpoet-ressources .mentions-legales {
    font-size: 11px;
    line-height: 14px;
    color: #a0a0a0;
}

#magazine-bottom {
    position: relative;
    bottom: auto;
    left: auto;
    width: auto;
    display: inline-block;
    background-color: #FC9106;
    color: #fff;
    padding: 0 9px;
    font-size: 13px;
    font-weight: bold;
    border: 1px solid transparent;
    border-radius: 45px;
    line-height: 40px;
    height: auto;
    margin-top: 5px;
    margin-right: 15px;
    text-transform: uppercase;
}

#magazine-bottom:hover {
    background-color: #fff;
    border: 1px solid #FC9106;
    color: #FC9106;
}

body.iframe-wrapper header,
body.iframe-wrapper footer,
body.iframe-wrapper .ress-btn-retour,
body.iframe-wrapper #ressources,
body.iframe-wrapper #mobile-menu,
body.iframe-wrapper #abonnements-menu,
body.iframe-wrapper .widget {
    display: none !important;
}

body.iframe-wrapper #main.container,
body.iframe-wrapper #main.container .row,
body.iframe-wrapper #main.container .row #content.container {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}