body.woocommerce-editions {
    background-color: #fff;
}
/* COULEUR MENU HAMBURGER */

.woocommerce-editions.mean-container .mean-nav{ background-color: #58CBF8;}
.woocommerce-editions.mean-container header.main_header .top_header { border-bottom: solid 3px #58CBF8;}

/* FIN COULEUR MENU HAMBURGER */

.woocommerce-editions .site > .main {
    background: #FFF !important;
}

.woocommerce-editions .breadcrumbs {
  background: #FFF !important;
}

.comment-form p span.required{
  display:none;
  }

/* HOME */

.woocommerce-editions .breadcrumbs{
  padding-top: 30px;
}

/* menu */
.woocommerce-editions .main_nav  {
    background-color: #58CBF8;
}

.woocommerce-editions .main_nav ul.sub-menu {
    background-color: #58CBF8;
}

.woocommerce-editions .main_nav .trunk{
    border: none;
}

.woocommerce-editions .main_nav .trunk nav{
    background: #58CBF8 url(image/editionsQM-blanc.png) no-repeat 0 10px;
    padding: 10px 0;
    background-size:145px;
}

.woocommerce-editions .main_header.scrolled .main_nav .trunk nav{
    background: #58CBF8 url(image/editionsQM-blanc-2.png) no-repeat 0 0px;
    background-size: 145px;
    padding: 0;
}

.woocommerce-editions .main_nav nav > ul > li:first-child{
        padding-left:135px;
}

.woocommerce-editions .main_nav ul li:hover.menu-item-has-children{
    background: none;
}

/* general */
.woocommerce-info{
  display: block;
  width: 930px;
  position: relative;
  height: auto;
  margin: 0 auto;
  font-size: 12px;
  color: #777777;
  padding: 20px 0;
  font-weight: bold;
}
.woocommerce .woocommerce-error,
.woocommerce .woocommerce-info,
.woocommerce .woocommerce-message {
  margin-top: 3px !important;
  font-family: Domine;
  font-size: 12px;
  line-height: 30px;
  font-weight: bold;
}
.woocommerce .woocommerce-error {
  border-top-color: #000;
  background-color: #ce490e;
  color: #fff;
}
.woocommerce .woocommerce-info {
  background-color: #f3d513;
  border-top-color: #000;
}
.woocommerce .woocommerce-message {
  border-top-color: #58bf6d;
  background-color: #8fe1a7;
}

.woocommerce #container .woocommerce-message{
  display: block;
  width: 930px;
  position: relative;
  height: auto;
  margin: 10px auto !important;
  font-size: 12px;
  border-top: none;
}

.woocommerce .woocommerce-message:before{
  color: #fff;
}

/*
 * Les boutons
 */
.woocommerce .woocommerce-message .button {
  font-family: 'Vinyl',sans-serif;
  font-weight: 100;
  text-transform: uppercase;
  background-color: #fff;
  color: #000;
  border: 1px solid #000;
  border-radius: 0;
  line-height: 15px;
  font-size: 12px;
}
.woocommerce .woocommerce-message .button:hover {
  color: #fff;
  background-color: #bb2e2d;
  border-color: #000;;
}

.content.homepage{
    display:block;
    position:relative;
    width:100%;
    height:auto;
    margin:0 auto;
}

.homepage .clear{
    clear:both;
}

#content{
    display:block;
    position:relative;
    /*width:1100px;*/
    height:auto;
    margin:0 auto;
}

#content .chemin-site-liste{
    display:block;
    width:930px;
    position:relative;
    height:auto;
    margin:0 auto;
    font-size:12px;
    color:#777777;
}

.chemin-site-liste .block-chemin-site{
    display:inline-block;
    width:auto;
    height:auto;
    background-color:white;
    z-index:10;
}

.chemin-site-liste .block-chemin-site::after {
  content: ' ';
  width: 4px;
  display: inline-block;
}

.chemin-site-liste .block-chemin{
    display:inline-block;
    width:auto;
    height:auto;
    margin-left:2px;
    margin-right:2px;
    margin-top:60px;
    font-size:12px;
    color:#777777;
    text-decoration:none;
}

.commerce-livre .block-chemin:first-child{
    margin-left:0px;
    margin-right:0px;
}

.block-chemin.litterature{
    color:#d65656;
    text-decoration:underline;
}
.chemin-site-liste .ligne-séparation-chemin{
    display:block;
    position:relative;
    top:-3px;
    right:0;
    width:100%;
    border-top:1px dashed #cbcbcb;
}

.homepage .container{
    display:block;
    position:relative;
    width:930px;
    height:auto;
    margin:0 auto;
}

.homepage .onglet.en-langues-etrangeres{
    display:none;
}
.homepage .onglet.contenu-gratuit{
    display:none;
}

.homepage .container-carousel{
    display:block;
    position:relative;
    width:930px;
    height:auto;
    margin:0 auto;
    overflow:hidden;
}

.homepage #carousel{
    display:block;
    position:relative;
    margin-top:100px;
    margin-bottom:100px;
    width:2000000px;
    height:450px;
}

.homepage .slide{
    display:block;
    float: left;
    position:relative;
    width:930px;
    min-height:450px;
    vertical-align: top;
    overflow:hidden;
}


.homepage .slide:first-child{
    margin-left: 0px;
}


.homepage .block-parution{

    display:block;
    position:absolute;
    top:100px;
    width:auto;
    height:auto;
    line-height:20px;
    padding:10px;
    letter-spacing:1px;
    background-color:#3c3b3a;
    text-align:center;
    text-transform:uppercase;
    color:white;
    z-index:1;
    font-family:'Vinyl',sans-serif;
    font-size:14px;
}

.homepage .block-text{
    display:inline-block;
    width:580px;
    height:450px;
    padding-bottom:65px;
}

.homepage .block-carousel-titre{
    display:block;
    width:100%;
}
.homepage .carousel-titre{
    margin-top:74px;
    font-size:37px;
    text-transform:uppercase;
    line-height:40px;
    font-family:'Vinyl',sans-serif;
}

.homepage .carousel-sous-titre{
    display:inline-block;
    margin-top:35px;
    width:auto;
    height:auto;
    font-size:16px;
    padding-right:10px;
    text-transform:uppercase;
    background-color:white;
    font-family:'Vinyl',sans-serif;
    z-index:1;
}

.homepage .carousel-ligne{
    display:inline-block;
    position:relative;
    top:-18px;
    width:100%;
    height:12px;
    float:right;
    border-bottom:1px solid black;
}

.homepage .carousel-texte{
    margin-top:30px;
    line-height:30px;
    font-family:'Droid Serif',sans-serif;
    padding-bottom:20px;
    font-size:16px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.homepage .block-carousel-bouton{
    display:block;
    position:absolute;
    bottom:30px;
    width:auto;
    height:43px;
    border:1px solid black;
    background-color:white;
    z-index:10;
}

.homepage .carousel-bouton-voirlafiche{
    display:inline-block;
    width:126px;
    height:43px;
    text-align:center;
    line-height:43px;
    float:left;
    color:black;
    border-right:1px solid black;
    text-decoration:none;
    font-size:10px;
    text-transform:uppercase;
    font-family:'Vinyl',sans-serif;
}

.homepage .carousel-bouton-voirlafiche:hover{
    background-color:#bb2e2d;
    color:white
}

.homepage button.button.alt{
    height:43px;
    width: 100%;
    text-align:center;
    line-height:23px;
    color:black;
    text-decoration:none;
    font-size:10px;
    font-weight:normal;
    text-transform:uppercase;
    font-family:'Vinyl',sans-serif;
    background-color:white;
    border-radius:0;
}

.homepage .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover{
    background-color:#bb2e2d;
    color:white;
}

.homepage .carousel-bouton-commander{
    display:inline-block;
    width:117px;
    height:43px;
    float:left;
    text-align:center;
    color:black;
    border-right:1px solid black;
    text-decoration:none;
    font-size:10px;
    text-transform:uppercase;
    font-family:'Vinyl',sans-serif;
}

.homepage .carousel-puce{
    display:inline-block;
    height:43px;
    text-align:center;
    padding-left: 10px;
    padding-right: 10px;
}

.homepage .puce{
    cursor: pointer;
    display:inline-block;
    top:15px;
    width:13px;
    height:13px;
    margin-left:5px;
    border-radius:50%;
    background-color:#a3a3a3;
}

.homepage .puce.rouge{
    background-color:#d65656;
}


.homepage .puce:first-child{
    margin-left:0;
}

.homepage .block-image{
    display:inline-block;
    float:right;
    width:290px;
    height:450px;
}

.homepage .block-image img{
    width:100%;
}


.homepage .block-essai{
    display:block;
    position:absolute;
    top:0;
    right:0;
    height:33px;
    font-size:11px;
    line-height:33px;
    color:white;
    text-align:center;
    background-color:#bb2e2d;
    font-family:'Vinyl',sans-serif;
    padding: 0 5px;
    text-transform: uppercase;
}

.homepage .block-mise-en-avant-responsive{
    display:none;
    width:100vw;
    height:auto;
}
.homepage .block-mise-en-avant-responsive .block.left{
    background-image:url(image/image-qui-sommes-nous.png);
    background-size:cover;
    background-position:bottom center;
    background-repeat:no-repeat;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease;
}

.homepage .block-mise-en-avant-responsive .block.left:hover{
    background-image:url(image/image-qui-sommes-nous-hover.png);
    background-size:cover;
    background-position:bottom center;
    background-repeat:no-repeat;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease;
}

.homepage .block-mise-en-avant-responsive .block-newsletter{
    display:block;
    position:relative;
    width:100%;
    height:275px;
    background-image:url(image/image-newsletter.png);
    background-size:cover;
    color:white;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease;
}
.homepage .block-mise-en-avant-responsive .block-newsletter:hover{
    background-image:url(image/image-newsletter-hover.png);
    background-size:cover;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease;
}

.homepage .block-mise-en-avant{
    display:block;
    width:100%;
    height:825px;
}

.homepage .block-mise-en-avant .block{
    display:inline-block;
    width:50%;
    height:100%;
    margin:0;
    padding:0;
}

.homepage .block-mise-en-avant .block.left{
    float:left;
    background-image:url(image/image-qui-somme-nous.png);
    background-size:cover;
    background-position:bottom center;
    background-repeat:no-repeat;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease;
}

.homepage .block-mise-en-avant .block.left:hover{
    background-image:url(image/image-qui-somme-nous-hover.png);
    background-size:cover;
    background-position:bottom center;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease;
}

.homepage .block.right{
    float:right;
}

.homepage .block.left .block-qui-sommes-nous{
    display:block;
    position:absolute;
    top:0;
    width:100%;
    height:275px;
    background-color:#f4d300;
    color:white;
}

.homepage .block.right .block-newsletter{
    display:block;
    position:relative;
    width:100%;
    height:275px;
    background-image:url(image/newsletter.png);
    background-position:center center;
    background-size:cover;
    color:white;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease;
}

.homepage .block.right .block-newsletter:hover{
    background-image:url(image/newsletter-hover.png);
    background-position:center center;
    background-size:cover;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease;
}

.homepage .block.right .block-contenus-gratuits{
    display:block;
    width:100%;
    height:275px;
    background-image:url(image/contenu-gratuit.png);
    background-position:right;
    background-size:cover;
    background-repeat:no-repeat;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease;
}

.homepage .block.right .block-contenus-gratuits:hover{
    background-image:url(image/contenu-gratuit-hover.png);
    background-size:cover;
    background-position:right;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease;
}

.homepage .block-contenus-gratuits .contenus-gratuits{
    display:block;
    position:absolute;
    width:50%;
    height:100%;
    background-color:#58bf6d;
}

.homepage .contenus-gratuits .contenus-titre{
    display:block;
    width:95px;
    text-align:center;
    text-transform:uppercase;
    font-size:20px;
    margin-top:80px;
    padding-bottom:12px;
    margin-left:auto;
    margin-right:auto;
    letter-spacing:1px;
    border-bottom: 2px solid white;
    color:white;
    line-height: 30px;
    font-family:'Vinyl',sans-serif;
}


.homepage .contenus-gratuits .contenus-texte {
    display:block;
    width:80%;
    margin-left:auto;
    margin-right:auto;
    margin-top:30px;;
    height:auto;
    line-height:20px;
    text-align:center;
    font-size:13px;
    color:white;
    font-family:'Droid Serif',sans-serif;
}

.homepage .bouton-image{
    margin-top:5px;
}



.homepage .block.right .block-en-langue-etrangeres{
    display:block;
    width:100%;
    height:275px;
    background-image:url(image/langue-etrangere.png);
    background-size:cover;
    background-position:left;
    background-repeat:no-repeat;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease;
}

.homepage .block.right .block-en-langue-etrangeres:hover{
    background-image:url(image/langue-etrangere-hover.png);
    background-size:cover;
    background-position:left;
    background-repeat:no-repeat;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease;
}


.homepage .block-en-langue-etrangeres .en-langue-etrangeres{
    display:block;
    position:absolute;
    right:0;
    width:50%;
    height:100%;
    background-color:#ce490e;
}

.homepage .en-langue-etrangeres .langue-titre{
    display:block;
    width:113px;
    text-align:center;
    text-transform:uppercase;
    font-size:20px;
    margin-top:80px;
    padding-bottom:12px;
    margin-left:auto;
    margin-right:auto;
    letter-spacing:1px;
    border-bottom: 2px solid white;
    color:white;
    line-height: 30px;
    font-family:'Vinyl',sans-serif;
}

.homepage .en-langue-etrangeres .langue-texte{
    display:block;
    width:80%;
    margin-left:auto;
    margin-right:auto;
    margin-top:30px;;
    height:auto;
    line-height:20px;
    text-align:center;
    font-size:13px;
    color:white;
    font-family:'Droid Serif',sans-serif;
}


.homepage .en-langue-etrangeres .triangle-rouge{
    display:block;
    position:absolute;
    top:50%; left:-7px;
    width:7px;
    height:15px;
    margin-top:-7.5px;
    z-index:1;
}

.homepage .left-titre{
    display:block;
    width:186px;
    text-align:center;
    text-transform:uppercase;
    font-size:20px;
    margin-top:64px;
    padding-bottom:12px;
    margin-left:auto;
    margin-right:auto;
    letter-spacing:1px;
    border-bottom: 2px solid white;
    font-family:'Vinyl',sans-serif;
}

.homepage .left-texte{
    display:block;
    width:80%;
    margin-left:auto;
    margin-right:auto;
    margin-top:40px;;
    height:auto;
    line-height:20px;
    text-align:center;
    font-size:13px;
    font-family:'Droid Serif',sans-serif;
}

.homepage .left-bouton{
    display:block;
    position:relative;
    width:100%;
    height:29px;
    margin-top:20px;
    line-height:29px;
    text-align:center;
    text-decoration:none;
}

.homepage .left-bouton .left-bouton-texte{
    display:inline-block;
    font-size:14px;
    color:white;
    vertical-align: top;
    text-decoration:none;
    text-transform:uppercase;
    font-family:'Vinyl',sans-serif;
}

.homepage .left-bouton .left-bouton-texte:hover{
    text-decoration:underline;
}

.homepage .left-bouton .left-bouton .bouton-image{
    display:inline-block;
    position:relative;
    top:5px;
    text-decoration:none;
    margin-right: 5px;
}

.homepage .block-qui-sommes-nous  .triangle-jaune{
    display:block;
    position:absolute;
    bottom:-7px; left:50%;
    width:15px;
    height:7px;
    margin-left:-7.5px;
    z-index:1;
}

.homepage .block-slide-1.right{
    color:white;
    float:right;
    background-image:url(image/image-newsletter.png);
}

.homepage .block-slide-1.right:hover{
    background-image:url(image/image-newsletter-hover.png);
}

.homepage .right-titre{
    display:block;
    position:relative;
    top:103.5px;
    width:214px;
    height:54px;
    text-align:center;
    text-transform:uppercase;
    font-size:20px;
    margin-left:auto;
    margin-right:auto;
    border-bottom: 2px solid white;
    line-height:30px;
    padding-bottom:12px;
    vertical-align:middle;
    letter-spacing:1px;
    font-family:'Vinyl',sans-serif;
}

.homepage .triangle-vert{
    display:block;
    position:absolute;
    top:50%; right:-7px;
    width:7px;
    height:15px;
    margin-top:-7.5px;
    z-index:1;
}


.homepage .actus{
    display:block;
    width:100%;
    height:895px;
    background-image:url(image/Actualites-home.png);
    background-size:cover;
    background-repeat:no-repeat;
}

.homepage .actus-titre{
    display:block;
    position:relative;
    top:100px;
    width:100%;
    height:auto;
    text-align:center;
    font-size:25px;
    font-family:'Vinyl',sans-serif;
    color:black;
    letter-spacing:1px;
}

.homepage .actus-sous-titre{
    display:block;
    position:relative;
    top:116px;
    width:100%;
    height:auto;
    letter-spacing:2px;
    text-align:center;
    font-size:10px;
    font-family:'Vinyl',sans-serif;
    color:#38b6e7;
    text-decoration:none;
}

.homepage .block-actus{
    display:block;
    position:relative;
    top:166px;
    width:825px;
    height:550px;
    margin:0 auto;
}

.homepage .actualite{
    display:inline-block;
    position:relative;
    width:33.3%;
    float:left;
    height:550px;
    margin:0;
}

.homepage .actualite-bleu{
    background-color: rgba(0, 167, 233, 0.8);
    position:relative;
    text-align:center;
    display:block;
    width:100%;
    height:275px;
}

.homepage .actualite-image{
    position:relative;
    text-align:center;
    display:block;
    width:100%;
    height:275px;
}

.homepage .actualite-image a {
  width: 100%;
  height: 100%;
  display: block;
}
.homepage .actualite.middle > .actualite-bleu{
    top:275px;
}

.homepage .actualite.middle > .actualite-image{
    top:-275px;
}

.homepage .actualite-bleu:hover{
    background-color: rgba(0, 167, 233, 1);
}


.homepage .actualite-date{
    display:block;
    position:relative;
    top:77px;
    color:black;
    font-family:'Vinyl',sans-serif;
    font-size:12px;
    letter-spacing:2px;
}

.homepage .actualite-texte{
    display:block;
    position:relative;
    top:111px;
    width:80%;
    height:auto;
    text-transform:uppercase;
    font-family:'Vinyl',sans-serif;
    font-size:14px;
    line-height:18px;
    letter-spacing:0.2px;
    margin:0 auto;
    margin-bottom:25px;
    color:white;
}
.homepage .actualite-savoir-plus{
    display:block;
    position:relative;
    top:111px;
    width:auto;
    text-decoration:none;
    font-family:'Vinyl',sans-serif;
    font-size:10px;
    letter-spacing:2px;
    color:white;
}


.homepage .actualite-savoir-plus:hover{
    text-decoration:underline;
}



/*/////////////////////////////
/////// IPAD RESPONSIVE ///////
/////////////////////////////*/


@media screen and (max-width: 930px) {

    .content.homepage{ width:100%;}
    .content { width:100%;}
    .homepage .container-carousel {width:93%;}
    .homepage .container {width:95%;}

    /*///// CAROUSEL /////*/

    .homepage .block-parution {font-size: 14px;}
    .homepage .carousel-titre {font-size: 35px;}

    .homepage li.slide { width: 94vw;}
    .homepage .block-carousel-bouton {bottom: 64px;}
    .homepage .carousel-bouton-voirlafiche {font-size: 14px;}
    .homepage .carousel-bouton-commander {font-size: 14px;}
    .homepage .slide .block-text {width: 60.5%;height: auto;}
    .homepage .slide .block-image {height:auto;width: 31%;}

    /*///// MISE EN AVANT /////*/

    .homepage .block-mise-en-avant {width:100vw;height:75vw;}
    .homepage .block-mise-en-avant .block.left {background-size:cover;}
    .homepage .block-mise-en-avant .block.left:hover {background-size:cover;}
    .homepage .block.left .block-qui-sommes-nous {height: 25vw;}
    .homepage .block-qui-sommes-nous .left-titre {margin-top: 35px;}
    .homepage .block-qui-sommes-nous .left-texte {width: 95%;margin-top: 20px;font-size: 11px;}
    .homepage .block-qui-sommes-nous .left-bouton {margin-top: 10px;}


    .homepage .block.right .block-newsletter {height: 25vw;background-size:cover;}
    .homepage .block.right .block-newsletter:hover {height: 25vw;background-size:cover;}
    .homepage .block-newsletter .right-titre {top:35%;}
    .homepage .block.right .block-contenus-gratuits {height: 25vw;background-size:cover;}
    .homepage .block.right .block-contenus-gratuits:hover {height: 25vw;background-size:cover;}
    .homepage .block-contenus-gratuits .contenus-titre {margin-top: 15px;line-height: 25px;}
    .homepage .block-contenus-gratuits .contenus-texte {width: 95%;margin-top: 15px;font-size: 11px;}

    .homepage .block.right .block-en-langue-etrangeres {height: 25vw;background-size:cover;}
    .homepage .block.right .block-en-langue-etrangeres:hover {height: 25vw;background-size:cover;}
    .homepage .block-en-langue-etrangeres  .langue-titre {margin-top: 15px;line-height: 25px;}
    .homepage .block-en-langue-etrangeres  .langue-texte {width: 95%;margin-top: 15px;font-size: 11px;}

    /*///// ACTUS /////*/

    .homepage .block-actus {width: 95vw;height: 66.6vw;}
    .homepage .actus {background-position:top center;background-size:cover;}
    .homepage .actualite {height: 66.6vw;}
    .homepage .actualite.left {background-size: 33.3vw;}
    .homepage .actualite.middle {background-size: 33.3vw;}
    .homepage .actualite.middle > .actualite-bleu {top: 33.3vw;}
    .homepage .actualite.right {background-size: 33.3vw;}
    .homepage .actualite-bleu {height: 33.3vw;}
    .homepage .actualite-image {height: 33.3vw;}
    .homepage .actualite.middle > .actualite-image{top:-33.3vw;}
    .homepage .actualite-date {top:30%;}
    .homepage .actualite-texte{top:35%;margin-bottom:25px;}
    .homepage .actualite-savoir-plus {top:35%;}
}

/*/////////////////////////////////
/////// FIN IPAD RESPONSIVE ///////
/////////////////////////////////*/

@media screen and (max-width: 700px) {

    /*///// ACTUS /////*/


    .homepage .block-actus {width: 95vw;height: 95vw;    margin: 0 auto;}
    .homepage .actus {background-position:top center;background-size:cover;}
    .homepage .actualite {height: 95vw;width: 47.5vw;}
    .homepage .actualite.left {background-size: 47.5vw;background-position:bottom;}
    .homepage .actualite.middle {background-size: 47.5vw;}
    .homepage .actualite.middle > .actualite-bleu {top: 47.5vw;}
    .homepage .actualite.right {display:none;}
    .homepage .actualite-bleu {height: 47.5vw;}
    .homepage .actualite-date {top:30%;}
    .homepage .actualite-texte{top:35%;margin-bottom:25px;}
    .homepage .actualite-savoir-plus {top:35%;}

    .homepage .block-en-langue-etrangeres  .langue-titre {    margin-top: 40px;line-height: 25px;}
    .homepage .block-contenus-gratuits .contenus-titre {margin-top: 40px;}

    .homepage .actualite-bleu {height: 47.5vw;}
    .homepage .actualite-image {height: 47.5vw;}
    .homepage .actualite.middle > .actualite-image{top:-47.5vw;}
}


/*///////////////////////////////
/////// IPHONE RESPONSIVE ///////
///////////////////////////////*/


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

    /*///// CAROUSEL /////*/

    .homepage .block-parution {top: 50px;}
    .homepage #carousel{height:auto;    margin-top: 130px;}
    .homepage .slide {width: 480px;}
    .homepage .slide .block-image {display:block;float:none;margin:0 auto;    height:auto;;width: 69%;}
    .homepage .carousel-titre {margin-top: 35px;}
    .homepage .slide .block-text {width: 92vw;height: auto;}
    .homepage .container-carousel .carousel-ligne {width: 95vw;}
    .homepage .carousel-bouton-commander{ width: 110px;}
    .homepage .block-carousel-bouton {bottom: 30px;    width: 91.6vw;}
    .homepage .puce.six,.puce.sept{display:none;}
    .homepage .carousel-bouton-voirlafiche {font-size: 10px;    width: 85px;}
    .homepage .block-newsletter .right-titre {top: 32%;}

    /*///// MISE EN AVANT /////*/

    .homepage .block-mise-en-avant{display:none;}
    .homepage .block-mise-en-avant-responsive{display:block;}
    .homepage .block-mise-en-avant-responsive .block.left {background-size:cover;}
    .homepage .block-mise-en-avant-responsive .block.left:hover {background-size:cover;}
    .homepage .block-mise-en-avant-responsive .block-newsletter {height: 50vw;background-size:cover;}
    .homepage .right-titre {top: 86px;}
    .homepage .block.left .block-qui-sommes-nous {height: 55vw;}
    .homepage .block-qui-sommes-nous .left-titre {margin-top: 80px;padding-bottom: 5px;}
    .homepage .block-contenus-gratuits .contenus-titre {margin-top: 60px;line-height: 20px;font-size: 15px;padding-bottom: 5px;}
    .homepage .block-contenus-gratuits .contenus-texte {margin-top: 5px;font-size: 11px;}
    .homepage .block-contenus-gratuits .contenus-texte .bouton-image{position:relative;top:50%;margin-top:-9.5px;}
    .homepage .block-qui-sommes-nous .left-texte {width: 75%;margin-top: 5px;font-size: 11px;}
    .homepage .block-qui-sommes-nous .left-bouton {margin-top: 10px;}
    .homepage .left-bouton {margin-top: 5px;}
    .homepage .block {display:block;width: 100%;}
    .homepage .block.left {float:none;height:150vw;}
    .homepage .block.right {float:none;}
    .homepage .block.right .block-contenus-gratuits {height:50vw; background-size:cover;}
    .homepage .block.right .block-contenus-gratuits:hover {height:50vw; background-size:cover;}
    .homepage .block-contenus-gratuits .contenus-texte {width: 85%;}
    .homepage .contenus-titre {margin-top: 45px;line-height: 25px;}
    .homepage .contenus-texte {width: 80%;margin-top: 15px;font-size: 11px;}
    .homepage .block.right .block-en-langue-etrangeres {height:50vw; background-size:cover;}
    .homepage .block.right .block-en-langue-etrangeres:hover {height:50vw; background-size:cover;}
    .homepage .block-en-langue-etrangeres .langue-titre {margin-top: 60px;line-height: 20px;font-size: 15px;padding-bottom: 5px;}
    .homepage .block-en-langue-etrangeres .langue-texte {width: 85%;margin-top: 5px;font-size: 11px}

    /*///// ACTUS /////*/

    .homepage .actualite-texte {font-size: 10px;}
    .homepage .actualite-date {top: 10%;}
    .homepage .actualite-texte {top: 15%;}
    .homepage .actualite-savoir-plus {top: 3%;}
    .homepage .actus {background-position:top center;background-size:cover;height:670px}
    .homepage .actualite-image {height: 47.5vw;}
    .homepage .actualite.middle > .actualite-image{top:-47.5vw;}

}


/*////////////////////////
/////// FIN IPHONE ///////
////////////////////////*/

@media screen and (max-width: 400px) {
    .homepage .block-qui-sommes-nous .left-titre {margin-top: 45px;padding-bottom: 5px;}
    .homepage .block-contenus-gratuits .contenus-titre {margin-top: 40px;line-height: 20px;font-size: 15px;padding-bottom: 5px;}
    .homepage .block-en-langue-etrangeres .langue-titre {margin-top: 40px;line-height: 20px;font-size: 15px;padding-bottom: 5px;}

}

@media screen and (max-width: 340px) {

    /*///// ACTUS /////*/
    .actus {height:615px;background-position:top center;background-size:cover;}
    .homepage .block-qui-sommes-nous .left-titre {margin-top: 18px;padding-bottom: 5px;}
    .homepage .block-contenus-gratuits .contenus-titre {margin-top: 10px;line-height: 20px;font-size: 15px;padding-bottom: 5px;}
    .homepage .block-en-langue-etrangeres .langue-titre {margin-top: 10px;line-height: 20px;font-size: 15px;padding-bottom: 5px;}

}