@media only screen and (min-width:100px) and (max-width:1124px){
    .container{width:100%;}
    .roundedbox_container{width:100%;}
    .btnContact{display:none;}
    .btnico{float:right;padding-right: 10px;}
    .lefttxt{float:right;width: 100%;text-align:center;margin: 0 0 40px 0;padding:0;color: #134a4f;}
    .righttxt{float:left;width:100%;margin:40px 0 0 0;padding:0;}
    .lefttxt2{width: 50%;}
    .lefttxt2 .roundedbox{width:initial;margin-right:0px;}
    .lefttxt2 .roundedbox_container, .lefttxt2 .roundedbox{margin-bottom:20px;}
    .colnews{width:100%;}
    .nouvelle_txt{width:100%;margin-top:20px;}
    .nouvelle_une{float:none; margin:0 auto; display: block;}
    
    .gonews{display:none;}
    .gonews2{display:block; padding: 30px 0 0 0;}
    .nouvelle{
        width: -webkit-calc(100% - 333px);
        width:    -moz-calc(100% - 333px);
        width:         calc(100% - 333px);
    }
    .vtout{margin:12px auto 30px auto;}
    .container_inner{padding:0 20px;}
    body{overflow-x: hidden;}
    #ateexp_fiche_text{text-align:left !important; float:none; width:70%; margin: 20px auto;}
    #ateexp_fiche_text .nouvelle_btn{width:auto;}
    .paragraphe .b1 p > img{width:100%;height:100%;}
    #ateexp_fiche_gal .loupe {
        right: 75px;
    }
    .mobile-nav {z-index:9999;}
    .politiqueDeConfidentialite{text-align:left;}
}

@media only screen and (min-width:850px) and (max-width:1124px){
    img.rougetop {display:none;}
    .righttxt{float:right;width:300px;padding:0;}
    .lefttxt{
        width:calc(100% - 310px);
        float:left;
        margin-top:60px;
    }
    .expositionstxt{
        float:left;
        width:100%;
    }
    .ateliersimg { margin-bottom:30px; }
    #ateexp_fiche_gal{float:none; width:70%; margin:0 auto;}
    .ateliersimg.main{width:80%; margin:0 10%;}
}
@media only screen and (min-width:849px) and (max-width:850px){
    .lefttxt{
        width:100%;
        float:left;
    }
}
@media only screen and (min-width:100px) and (max-width:849px){
    .grisround{float:none;margin:0 auto;display: block;}
    section form .container{
        display:flex;
    }
    section form .container .container_inner{
        display:inline-flex;
        flex-direction: column-reverse;
    }
    section form .container .container_inner .righttxt{
        display:block;
        margin-top:0;
        margin-bottom:40px;
    }
    #ateexp_fiche_gal .loupe {
        right: 15px;
        bottom: 35px;
    }
}
@media only screen and (min-width:100px) and (max-width:1109px){
    .menuhaut li a{font-size:13px;}
}

@media only screen and (min-width:100px) and (max-width:1054px){
    .menuhaut li a{font-size:12px;}
}

@media only screen and (min-width:100px) and (max-width:999px){
    .menuhaut li a{font-size:10px;}
    .menuhaut li{padding: 9px 3px;}
}


@media only screen and (min-width:100px) and (max-width:1100px){
    .col33.col3 {display:none;}
}

@media only screen and (min-width:100px) and (max-width:966px){
    .titlestuff{margin: 360px 0 0 1%;}
}

@media only screen and (max-width: 850px){
    .ateliersimg { max-width:100% !important;height:auto; }
    .icosection{width:100%;}

    .lefttxt2{width:93%;}
    
    .mobile {
        display:inline-block;
    }

    .rougetop {
        display:none;

    }

    .top_title {
        text-align: center;
    }


    .righttxt{
        display:none;
    }
    .expo_categ .righttxt, .expo_categ2 .righttxt{
        display: block;
        padding:0 !important;
    }

    .ateliersimg {
        margin-bottom: 20px;
        float:none;
        margin-right: 0;
    }

    .expositionstxt {
        width:100%;
        text-align: center;
        max-width:none;
    }

    .expositions_btn {
        margin:auto;
        line-height: 50px;
        width: 120px;
        text-align: center;
        display:inline-block;
        margin-top: 10px;
    }

    .nouvelle_btn {
        margin: auto;
        line-height: 50px;
        width: 120px;
        text-align: center;
        display: inline-block;
        margin-top: 10px;
    }

    .sectionrouge .righttxt-mobile {
        color: white!important;
    }

    .righttxt-mobile {
        display:inline-block;
        width: 100%;
        text-align: center;
        font-family: 'Raleway-Light';
        font-size: 42px;
        color: #134a4f!important;
        text-transform: uppercase;
    }
    .container_inner{
        width:70%;
        min-width: 280px;
        margin:auto;
        text-align: center!important;
        padding-bottom: 0;
    }


    .sectionrouge .expositions_vtout_mobile {
        display:inline-block;
        font-family: 'Raleway-Light';
        font-size: 24px;
        color: white;
        width: 200px;
        text-align:center;
        text-transform: uppercase;
        padding: 15px 30px;
        margin: auto;
        border: 1px solid white;
        border-radius: 7px;
        margin-bottom: 70px;
    }

    .expositions_vtout_mobile {
        display:inline-block;
        font-family: 'Raleway-Light';
        font-size: 24px;
        color: #134a4f;
        width: 200px;
        text-align:center;
        text-transform: uppercase;
        padding: 15px 30px;
        margin: auto;
        margin-top: 40px;
        border: 1px solid #134a4f;
        border-radius: 7px;
        margin-bottom: 70px;
    }

    .sectiongris .expositions_vtout_mobile {
        display:inline-block;
        font-family: 'Raleway-Light';
        font-size: 24px;
        color: #134a4f;
        width: 200px;
        text-align:center;
        text-transform: uppercase;
        padding: 15px 30px;
        margin: auto;
        border: 1px solid #134a4f;
        border-radius: 7px;
        margin-bottom: 70px;
    }

    .sectiongris .ateliertxt {
        color:#134a4f;
        text-align: center;
    }

    .expotitle{
        padding:0 10px;
    }

    .lefttxt {
        text-align:center!important;
    }

    .lastcateg{
        margin-top:20px;
    }
    .voirtous{
        margin-bottom:20px;
    }

    .container_inner .b1 p, .container_inner .b1 ul {text-align:left !important;}
    .container_inner .b1 > p > iframe {width:100%;height:100%;}
    #ateexp_fiche_text p > img{width:100%;height:100%;}
    .ateliersimg.main{width:100%;}
    #ateexp_fiche_text {width:100%; float:left;}
    #ateexp_fiche_gal{width:100%;}
}

@media only screen and (min-width:697px) and (max-width:940px){
    .prod-right{width:366px;}
}

@media only screen and (min-width:100px) and (max-width:834px){
    .mainlogo{height:78px;}
    .menuhaut li{padding: 1px 5px;}
    .topheight{height:114px;}
    .lefttxt2{width:100%;}
}

@media only screen and (min-width:100px) and (max-width:810px){
    .titlestuff{margin: 377px 0 0 10px; text-align: center;}
    .titlestuff h1{font-size: 25px;}
    .titlestuff h2{font-size: 22px;}
}

@media only screen and (min-width:100px) and (max-width:779px){
    .top{width:66%;}
    .top_title{font-size: 24px;padding-top: 53px;}
    .righttxt-mobil{font-size: 28px;}
    .nouvelle_une{width:100%}
    .col3{display:none;}
    .left,.right{float:none;width:100%;padding:20px 0;}
    .imgnews{margin:0 auto;display: block;max-width: 100% !important;}
    .menuhaut{display:none;}
    .hamburger{display:block;float:right;}
    .btnico{width:212px;}
    .nouvelle{text-align:center;}
    .grisround{padding:0; width:auto;}
    .header{height:78px;}
    .topheight,.hautspace{height:78px;}
    .col1 .social a ~ a{margin-left:16px;}
    .social{display:inline-flex}
    .col2{display:none;}
    .col1{width:100%;}
    .col1 > a:first-child{display:block;}
    .social .fleft{ display:initial; float:none;}
    .top .btnBoutique{padding: 0 29px;}
}

@media only screen and (min-width:100px) and (max-width:696px){
    .btnBoutique{display:none;}
    .titlecontainer{margin:10px;}
    .titlestuff{float:none;margin: 360px auto 0 auto;}
    .titlestuff h1{font-size:39px;}
    .titlestuff h2{font-size:35px;}
    .bannerstuff{display:none;}
    .bannercontent {padding: 40px 10px 0 10px;height: 431px;}
    .underban{display:block;}
    .bannerbot {float:none;margin:0 auto;display: block;}
    .bannertop{display:none;}
    .righttxt{font-size:28px;}
    .prod-right{width:100%;}
    .underban .bannerbot{margin-top:-36px;}
			.royalSlider{
        display: none;
    }
}

@media only screen and (min-width:100px) and (max-width:630px){
    form .container .container_inner .lefttxt table.tablehead tr td ~ td{
        display:none;
    }
    form .container .container_inner .lefttxt table.tablecontent tr td:first-child{
        display:block;
        width:100%;
    }
    form .container .container_inner .lefttxt table.tablecontent tr td ~ td{
        display:initial;
        margin:0 4px;
    }
}

@media only screen and (min-width:100px) and (max-width:589px){
    .search{text-align:center;}
    .recherche{margin-right: 0;margin-bottom: 10px;}
}
@media only screen and (min-width:100px) and (max-width:519px){
    .prod-line{display:inline-flex; flex-direction: column;float:none;}
    .prod-container{margin-right:0;}
}
@media only screen and (min-width:100px) and (max-width:500px){
    .nouvelle_img{width: 100%; height:auto;}
    div.droite{float:none; margin:10px auto;}
    div.gauche{float:none; margin:10px auto;}
    .moyen > img {width:280px;}
}

@media only screen and (min-width:100px) and (max-width:481px){
    .col1{width:100%;float:right; text-align:center;}
    .social .fleft{float:none;display:inline; margin:0 10px;}
    .sicial a{margin: 0 5px;}
    .col2{width:100%;float:left;}
    .col1{padding: 0 0 40px 0}
    .top{width: 100%;}
    .hautspace a{position:absolute;top:0;left:0;z-index:3000;background-color:white;}
    .icosection{padding:0;}
    .nouvelle_n{width:auto;}
    /*.mainlogo{display:none;}*/
}

@media only screen and (min-width:100px) and (max-width:439px){
    .titlestuff{float:none;margin: 377px auto 0 auto;}
    .titlestuff h1{font-size: 25px;}
    .titlestuff h2{font-size: 22px;}
    .grisround{width:100%;}
    .bannerbot, .bannertop{width: 100%;}
    .banner_inner{padding:0 20px;}
    .underban .banner_inner{padding:0;}
    .underban .bannerbot{margin-top:-28px;}
}
@media only screen and (max-width:370px){
    .nouvelle_img{max-height:208px; max-width:313px;width:100%;height:auto;}
    .btnico {width:auto;}
    .btnico .hamburger {
        display: block;
        float: right;
        margin-left: 12px;
    }
    .btnico a {margin-right:8px;}
    .scrolled .top .btnico {
        width: auto;
    }

}

@media only screen and (min-width:100px) and (max-width:361px){
    .imgnews{width: 100%;}
}

@media only screen and (min-width:100px) and (max-width:350px){
    .ateliersimg{width:280px;}
    img.prod_img{width:280px;}
}