@charset "utf-8";
@media only screen and (min-width:960px) {
    
}
 
@media only screen and (max-width:1200px) {
    img.saezam{height:auto;}
    #logo{max-width:100%;}
    body.opened #front{ margin-right:0px;}
    body.opened #browser_saezam{width:100% ;}
    #back{position:relative;width:auto;left:0;top:0;overflow:hidden;}
    #back #menugestioninterface>li{width:23%;margin:1%;float:left;}
    #back #menugestioninterface>li div{display:block;position:static;width:80%;}
    div.bloc_galerie div.fichier,div.fichier-list div.fichier{width:auto;}
    div.bloc_galerie,div.fichier-list{text-align:center;}  
    .zoomtotal .slide div.caroussel-html{display: none;}
    div.columnflow .listeblocarticles{ 
        column-count: 3;
      column-gap: 0px;
        break-inside: avoid-column;
        -moz-column-count: 3;-webkit-column-count: 3;
      -moz-column-gap: 10px;-webkit-column-gap: 10px;
        padding:0;
        margin:10px;
    }
}
 
@media only screen and (max-width:900px) {
    #gotothetop{position: static;margin:0 auto;}
    #header .bloc_logo {float:none;}
    #back #menugestioninterface>li{width:31%;margin:1%;}
    .mobile_nav{display:block;position:fixed;top:0;left:0;width:100%;z-index:20;}
    .bloc_nav{display:none;}
    #navigation_wrap,#nav{display:none;}
    #header{height:60px;}
    div.bloc_logo{float:none;}
    /* Largeurs */
    div.untiers{width:49.4%;}
    div.deuxtiers{width:100%;}
    div.undemi,div.deuxquarts{width:100%;}
    div.unquart{width:49.4%;}
    div.troisquart{width:100%;}
    #fildariane_wrap.center2{margin-top:inherit;}
    #header_wrap,#middle_wrap,#fildariane_wrap,#footer_wrap,#navigation_wrap{width:100%;border:0}
    #front{overflow-x:hidden;overflow-y:visible;}
    #header #logo{max-width:calc(100% - 80px);max-height:calc(100%);margin:0 0 0 0px;padding:0;display: inline-block;vertical-align: middle;}
    #header .bloc_logo .module_wrap{width:calc(100% - 80px);height:calc(50px);line-height:60px;text-align: left;display:inline-block;}
    #header .bloc_logo{z-index:21;position: fixed;top:0;left:0;width:calc(100% - 80px);height:calc(50px);margin:0;padding:0;}
    div.columnflow .listeblocarticles{ 
        column-count:2;
      column-gap: 0px;
        break-inside: avoid-column;
        -moz-column-count: 2;-webkit-column-count:2;
      -moz-column-gap: 10px;-webkit-column-gap: 10px;
        padding:0;
        margin:10px;
    }
} 
 
 
@media only screen and (max-width:600px) {
    #primary .undemi{width:auto;}
    td.quantite{display:none;}
    td.prix{display:none;}
    tr.total{display:none;}
    #liste_articles_panier_general tr:first-of-type th:nth-child(2){display:none;}
    #liste_articles_panier_general tr.produit td:nth-child(2){display:none;}
    #liste_articles_panier_general tr.produit td:nth-child(3){display:none;}
    #trreduction{display:table-row;}
    #trreduction th:nth-child(2){display:table-cell;}
    #trreduction th:nth-child(3){display:table-cell;}
    #back #menugestioninterface>li{width:48%;margin:1%;}
    /* Largeurs */
    div.untiers{width:100%;}
    div.deuxtiers{width:100%;}
    div.undemi,div.deuxquarts{width:100%;}
    div.unquart{width:100%;}
    div.troisquart{width:100%;}
    #header .bloc_langue{
        position:static;
        top:0;
        left:0;
        margin:0px;
        padding:0;
    }
    .undemi.liste{width:auto; text-align: center;margin:2%;}
    div.fichier{display: block;}
    img.saezam.alignleft,img.saezam.alignright, .article img.saezam{float:none;margin:20px auto; display:block;max-width:100%;}
    .article div.fichier{float:none;text-align: center;}
    label{}
    input[type="text"], input[type="email"], form input[type="text"], form select, form input[type="email"], form input[type="password"], form textarea {width:60%;}
    #liste_articles_panier_general{font-size:10px;line-height:auto;}
    #liste_articles_panier_general img.image_produit{margin:0;}
    #liste_articles_panier_general  td:nth-child(1){padding:0;}
    #liste_articles_panier_general .prix,.bloc_classe_interface .total_ligne{font-size:16px;}
    #liste_articles_panier_general  p{line-height:normal;}
}

@media only screen and (max-width:480px) {
div.columnflow .listeblocarticles{ 
	column-count: 1;
  column-gap: 0px;
	break-inside: avoid-column;
	-moz-column-count: 1;-webkit-column-count: 1;
  -moz-column-gap: 10px;-webkit-column-gap: 10px;
	padding:0;
	margin:10px;
}

}
@media only screen and (max-width:480px) {
    #back #menugestioninterface>li{width:98%;margin:1%;}
    #back #menugestioninterface>li div{display:block;position:static;width:100%;}
    label{width:100%; text-align: center;}
    input[type="text"], input[type="email"], form input[type="text"], form select, form input[type="email"], form input[type="password"], form textarea {width:100%;}
}
 
@media only screen and (max-width:320px) {
    
}
@media only screen and (max-width:200px) {
    
}