/*////////////////////////////////////////////
FIN STRUCTURE RESPONSIVE : 640 < WIDTH < 960
////////////////////////////////////////////*/
@media screen and (max-width:960px) {  
    /*//////////////////////////////////////////
    LAYOUT STYLES : #MAIN #MIDDLE .MAINSECTION
    //////////////////////////////////////////*/    
    #main {
        width:100%;
        min-width:100%;
        overflow-x:hidden;
    }
    #middle {
        width:100%;
        padding-left: 0;
        padding-right: 0;
    }


    
    .mainSECTION .mid .content, .secondarySECTION .mid .content, #sectionTITRE .mid .wrapp-content {
        width:96%;
        margin:0 auto;        
    }

    #ariane {}
    h1.h1 {margin-left:5px;}

    /*//////////////////////////////////////////
    FIN LAYOUT STYLES : #MAIN #MIDDLE .MAINSECTION
    //////////////////////////////////////////*/        




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

    .flapsCarousel {
        display: none;
    }
    .selection .flaps {
        margin-bottom: 10px;
    }
    .flaps > a.readMore {
        display: none;
    }



    .concours-push {
        display: none;
    }


    .slider-two .item .desc li:nth-child(1), .slider-two .item .desc li:nth-child(2), .slider-two .item .desc li:nth-child(3) {
        display:block;
    }

     .selection .flaps > h3, .selection .flaps > .h3{
        padding: 17px 0 6px;
        margin:0px;
        font-size:17px;
        position:relative;
        z-index:10;
    }


    .homeCarousel .flex-control-nav {
        display: block;
    }
    .video-box {
        display: none;
    }




}


/*////////////////////////////////////////////
FIN STRUCTURE RESPONSIVE : 640 < WIDTH < 960
////////////////////////////////////////////*/

@media screen and (max-width:900px) {
    .secondarySECTION.sectionMEA {
        display:none;
    }    
}
@media screen and (max-width:768px) {

    .page-level-2 #middle {
        padding: 20px 0 20px 0;
    }    
    .fixed_social_media {
        display:none;
    }    

    #sectionTITRE .mid .wrapp-content {
        padding: 0;
        margin-left: 5px;

    }

}

@media screen and (max-width:767px) {
    .visible-smarphone {
        display:block;
    }
    .hidden-less768 {
        display:none;
    }



}

@media screen and (max-width:640px) {
    * {
        -webkit-tap-highlight-color: rgba(0,0,0,0);
        -webkit-text-size-adjust: none;
    }

    .reset { /* ADD */
        width:100%;
        height:1px;
        display:block;
        float:none;
        clear:both;
    }
    .hidden {
        display: none;
    }
    .add-right {
        float: right;
    }
    .add-left {
        float: left;
    }
    .no-margin {
        margin: 0 !important;
    }
    .clearfix:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }
    .clearfix {
        display: inline-block;
    }
    * HTML .clearfix {
        height: 1%;
    }
    .clearfix {
        display: block;
    }
    .break {/* ADD */
        width:100%;
        clear:both;
        height:1px;
        display:block;
    }
    #main {
        min-width:320px;
        max-width:100%;
        overflow:hidden;
    }

    #middle {
        min-height: 100%;
    }


    /* Bouton Entre nav et h1 */
    .btnRENVOISGLOBAL {
        top:-76px;
        left:5px;
    }

    #main.page-level-2 #middle h1.h1, #sectionTITRE h1.h1  {    }



    .facebook-box {
        display:none;
    }


    #main #middle .carusel {
        display:inline-block;
        width:100%;
    }

    #main #middle .line_shadow {
        display: none;
    }      

    #main #middle .container .bottomBlock, #main #middle .container .facebook-box, #main #middle .container .line_shadow {
        display: none;
    }

    #middle #ariane, .mainSECTION #ariane {
        display: none;
    }


    #main #middle h1 {
        background: none repeat scroll 0 0 transparent;
        color: #000000;
        display: inline-block;
        font-family: 'roboto_condensedbold',Arial;
        font-size: 17px;
        line-height: 18px;
        margin: 0;
        padding: 17px 0 6px;
        text-align: center;
        text-transform: uppercase;
        width: 100%;
    }  

    #main #middle h1 {
        font-family: 'roboto_condensedbold', Arial;
        font-size:17px;
        color:#000;
        width:100%;
        display:inline-block;
        text-align:center;
        line-height:18px;
        padding:17px 0px 6px 0px;
        margin:0px 0px 0px 0px;
        text-transform:uppercase;
    }


    #main #middle .h1 {
        background: none repeat scroll 0 0 transparent;
        color: #000000;
        display: inline-block;
        font-family: 'roboto_condensedbold',Arial;
        font-size: 17px;
        line-height: 18px;
        margin: 0;
        padding: 17px 0 6px;
        text-align: center;
        text-transform: uppercase;
        width: 100%;
    }
    #main #middle h1 {
        padding-left: 16px!important;
        text-align: left;
        color:#792475;
    } 
    #main #middle h1.h1, #main #middle h2.h1 {
        text-align: left;
        color:#792475;
    }          

    #main #middle .category-box {
        padding: 0 16px;
    }

    #main #middle .contentArticle {
        width:100%;
        padding:10px 0px 10px 0px;
        display:inline-block;
    }
    #main #middle .contentArticle .text {
        float:left;
        display:inline;
        max-width:50%;
    }
    #main #middle .contentArticle h2 {
        color:#000;
        font-family: 'roboto_condensedbold', Arial;
        font-size:17px;
        line-height:20px;
        padding:0px 5px 0px 15px;
        margin:15px 0px 0px 0px;
        text-transform:uppercase;
    }
    #main #middle .contentArticle p {
        color:#737373;
        font-family: 'roboto_condensedlight', Arial;
        font-size:14px;
        line-height:20px;
        padding:0px 15px 0px 15px;
        margin:5px 0px 0px 0px;
    }
    #main #middle .contentArticle p a {
        clear:both;
        color:#792475;
        text-decoration:none;
        display:table-cell;
    }
    #main #middle .contentArticle p a:hover {
        color:#000;
    }
    #main #middle .contentArticle p a span {
        width:7px;
        height:7px;
        display:block;
        float:right;
        background-image:url(../skins/generic/img/sprite.png);
        background-position:0px 0px;
        margin:8px 0px 0px 10px;
    }
    #main #middle .contentArticle p a:hover span {
        background-position:0px -7px;
    }
    #main #middle .contentArticle img {
        float:right;
        margin:0px 15px 0px 18px;
        width:130px;
        height:130px;
    }
    #main #middle .contentArticleRight {
        width:100%;
        padding:10px 0px 10px 0px;
        display:inline-block;
    }
    #main #middle .contentArticleRight .text {
        float:right;
        display:inline;
        max-width:50%;
    }
    #main #middle .contentArticleRight h2 {
        color:#000;
        font-family: 'roboto_condensedbold', Arial;
        font-size:17px;
        line-height:20px;
        padding:0px 5px 0px 0px;
        margin:15px 0px 0px 0px;
        text-transform:uppercase;
    }
    #main #middle .contentArticleRight p {
        color:#737373;
        font-family: 'roboto_condensedlight', Arial;
        font-size:14px;
        line-height:20px;
        padding:0px 15px 0px 0px;
        margin:5px 0px 0px 0px;
    }
    #main #middle .contentArticleRight p a {
        clear:both;
        color:#792475;
        text-decoration:none;
        display:table-cell;
    }
    #main #middle .contentArticleRight p a:hover {
        color:#000;
    }
    #main #middle .contentArticleRight p a span {
        width:7px;
        height:7px;
        display:block;
        float:right;
        background-image:url(../skins/generic/img/sprite.png);
        background-position:0px 0px;
        margin:8px 0px 0px 10px;
    }
    #main #middle .contentArticleRight p a:hover span {
        background-position:0px -7px;
    }
    #main #middle .contentArticleRight img {
        float:left;
        margin:0px 5px 0px 15px;
        width:130px;
        height:130px;
    }
    #main #middle hr {
        background-color:#e5e5e5;
        border:none;
        height:1px;
        margin:1px 15px 1px 15px;
        display:block;
        width:auto;
    }


    /* new styles to make responsive by the same html */



    #main.home #middle {
        padding:0px;
    }
    /* header styles starts here */



    #middle {
        width: 100%;
        max-width: 920px;
        padding: 0;
    }        

















}
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) {
    #main #middle .contentArticle h2, #main #middle .contentArticleRight h2 {
        font-size:20px;
    }
    #main #middle .contentArticle p, #main #middle .contentArticleRight p {
        font-size:17px;
    }


}


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



}