/* ------------------------------------------------------------------------------------------ */
/* ==ALL style support  */
/* 
------------------------------------------------------------------------------------------ */

.div50{
    width:50%;
    float: left;
    padding: 15px 25px;
}


a, a:visited{
    outline: none;
}

#offre-decouverte p{
    margin: 0;
}

#exclu-web{
    display: none;
}


.oubli{
    display: block;
}


#tabs-slide1,#tabs-slide2,#tabs-slide3,#tabs-slide4 {
    position:absolute
}

.tabs-slides-content{
height:263px;
    position:relative;
    border: 1px solid #CDCDCD;
}
#top-actus { padding: 6px 0px; }
#top-actus a{color:#fff; }
#top-actus a:hover{color:#b1ca35; }

.puce1 a{
    text-decoration: none;
}

/* ------------------------------------------------------------------------------------------ */
/* ==IPAD Modes portrait */
/* ------------------------------------------------------------------------------------------ */


@media (min-width: 768px) and (max-width: 959px)
{

    .div50{
        padding: 15px 9px !important;
        width: 50% !important;
    }

    #effet1, #effet2, #effet3, #effet4, #effet5{
        margin-left: 0;
        background-size: 92%;
    }
    #titre-effet {
        font-size: 14px;
        padding: 21px 0 0 105px;
    }
    #txt-effet {
        font-size: 13px;
        padding: 0px 0 0 63px;
    }
    #carousel .div50{
        padding:0;
    }
    .ls-wrapper .ls-nav-right-arrow, .ls-wrapper .ls-nav-left-arrow{
        margin-left: 2px;
        margin-right: 0;
    }
    #titre-temoignages-pers {
        font-size: 14px;
        margin-top: 5px;
    }
    #description-temoignages {
        font-size: 13px;
        line-height: 1.2;
        padding: 8px 0px;
    }

 #of1, #of2{
     bottom:0;
 }
    #exclu-web {
        display: block;
        top: -41px;
        position: absolute;
        text-align: center;
        width: 100%;
        color: #fff;
        font-family: abel;
        font-size: 20px;
        text-transform: uppercase;
        border-bottom: 1px solid #ddd;
        padding-bottom: 10px;
    }


    .tabs-slides-content { height: 273px !important; }
}

/* ------------------------------------------------------------------------------------------ */
/* ==Mobile Modes paysage */
/* ------------------------------------------------------------------------------------------ */


@media (max-width: 767px)
{

    #exclu-web{
        display: none;
    }

}

/* ------------------------------------------------------------------------------------------ */
/* ==Mobile Modes portrait */
/* ------------------------------------------------------------------------------------------ */

@media (max-width: 480px)
{

    .div50{
        padding: 0px !important;
        width: 100% !important;
        margin: 0 auto;
    }

    .tabs-slides-content{
        height:500px;
    }

    .div50{
        width:90%;
        float: none;
        text-align: center;
    }


    #exclu-web{
        display: none;
    }

    .div50 div{
       margin:auto;
    }

    #th_3d_box {
        font-family: 'Abel';
        background: #f6f6f6;
        padding: 20px;
        border-radius: 15px;
        margin: auto;
        font-size: 14px;
        width: 70%;
        color: #391c04;
    }
    #th_3d_box .text_bold {
        font-weight: bold;
        color: #6d380b;
        margin-bottom: 10px;
        font-size: 20px;
    }

    #th_3d_box .font18px{
        font-size: 14px;
    }

    .th_test {
        background: #fff;
        border:1px solid  #999999;
        width:100%;
        height:60px;
    }
    #nvp_securite {
        margin-top: 1%;
        width: 20%;
    }
    #th_3d_box button, #th_3d_box input, #th_3d_box select, #th_3d_box textarea {
        margin:0;

    }

    #th_3d_box .font14px {
        font-size: 14px;
        line-height: 17px;
    }

    #effet1, #effet2, #effet3{
       margin: 0 auto;
    }
    .mr1, .mrs {
        margin: 0 0 0 10px;
    }

    #carousel { height: 660px; }

    .menuC, .menuF{
        font-size: 12px!important;
    }

}