@CHARSET "UTF-8";

@media (max-width: 640px) {

 /* passer tous les éléments de largeur fixe en largeur automatique */
 body  {
   width: auto !important;
   margin: 0;
   padding: 0;
   font-size: 1.4em;
 }

 
 .main
 {
     padding:0;
 }
 
 /* fixer une largeur maximale  de 100 % aux éléments potentiellement problématiques */
 img, table, td, blockquote, code, pre, textarea, input, iframe, object, embed, video {
   max-width: 100%;
 }
/* conserver le ratio des images et empêcher les débordements de boîtes dûs aux border ou padding */
 img {
   height: auto; width: auto;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
 }
 
.about{
    float: left;
    width:100%;
}

.about_left{
    float:left;
    width:100%;
    text-align: center;
}

.about_right p, .about_left p
{
   text-align: center;
}

.about_right
{
    float:left;
    width:100%;
    text-align: center;
}

 
header
{
    margin-top:0;
    background: #000;
    float:left;
}

#but-buy{
    bottom: -48px;
    font-size:0.6em;
    right:-70px;
}

.img_float
{
	float:none;
	margin:0;
	width:auto;
	text-align:center;
	width:100%;
	display:block;
}

#main-header
{
    display: none;
}

.main, .home-avantage
{
    width:auto;
}

.home-avantage
{
    border-right:none;
}

#logo
{
    width:100%;
    text-align:center;
   height:auto;
}

 /* gestion des mots longs */
 textarea, table, td, th, code, pre, samp {
   word-wrap: break-word; /* passage à la ligne forcé */
   -webkit-hyphens: auto; /* césure propre */
   -moz-hyphens: auto;
   hyphens: auto;
 }
 code, pre, samp {
   white-space: pre-wrap; /* passage à la ligne spécifique pour les éléments à châsse fixe */
 }



 /* masquer les éléments superflus */
 .hide_mobile {
   display: none !important;
 }
 
 h1{
     font-size:2.4em !important;
 }

table .label
{
    text-align:right;
    width:50%;
    vertical-align:middle;
    font-size:0.8em;
}


 
.centralizer
{
	margin:0 auto;
	width:auto;
}
	
header
{
	width:100%;
	height:auto;
	background:#000;
 	z-index:950;
        font-size:0.8em;
        position: relative;
}

#show_menu_button
{
    display:block;
    width:100%;
    text-align:center;
    font-size:1em;
    margin-bottom:1em;
    color:white;
    float:left;
   
}

nav
{
    width:100%;
    float:left;
}

#menu
{
    display:none;
    margin:0px;
    display:0px;  
    width:100%;
    float:left;
    
}


#menu a
{

    text-decoration:none;
    margin-left:0;
    font-weight:bold;
    width:100%;
    float:left;
    font-size:0.8em;
    text-align:center;
    background:#fff;
    border:1px solid #949494;
    border-left:none;
    border-right:none;
  
}

#menu  a
{
    padding-right:0;
    padding-left:0;
      margin-left:0 !important;
    width:100%;
    color:#000;
     -moz-text-shadow: none; 
    -webkit-text-shadow: none;  
    text-shadow: none;
}

textarea{
    width:100%;
}


.elem_link_block{
    float:left;
    width:100%;
    margin-left:0;
}



.margin_left_20
{
    margin-left: 0;
}

.w30{width:100% !important;}
.w33{width:100% !important;}
.w40{width:100% !important;}
.w50{width:100% !important;}
.w70 {width:100% !important;}
.w14{width:100% !important}
.w15 { width:100% !important;}
.ml20{margin-left:0px !important;}
.tac_m h1,.tac_m p,.tac_m h2{text-align: center !important;}
.fs08_m{font-size:0.8em !important;}
.fs06_m{font-size:0.6em !important;}
.bgh_m{background:none !important;}
.ml50{margin-left:0 !important}
.ml0_m{margin-left: 0 !important}
.w60{width:100%}
.w35{width:100%}
.cw{color:white}
.mt1{margin:0}
.ml30p{margin-left: 0px !important}


table .label
{
    width:30%;
}

.news-item
{
    float: left;
}

.news-item .item-left
{
    float: left; width: 100%; margin-right: 1em; 
}

.news-item .item-left p
{
    text-align: center;
}

.news-item .item-right
{
    float: left; width: 100%;
}

.products-index-show
{
    width:100%;
}

.breadcrumb
{
    font-size:0.6em;
}

.button
{
    width:100%;
    float:left;
    text-align:center;
    margin-top: 1em;
    margin-bottom: 1em;
}


#map-panel
{
   
    float:left;
    position: absolute;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    margin-left:0px;
    padding:1em;
    color: #fff;
    font-size:0.8em;
    z-index:999;
}

#map-info
{
    margin-left: 0;
    left:0;
    float:left;
    position:relative;
    width: 100%;
    background:#fff;
    padding:10px;
   
}

.steps
{
    float:left;
    width: 100%;
    background: #fff;
    margin-left:0px;
    padding:1em;
    color: #fff;
    font-size:0.8em;
    z-index:999;
     height: 350px;
}

.show_mobile
{
    display:inline;
}

.list-press
{
    float:left;
    width: 90%;
    padding:1em;
    margin-left:2em;
}



.shop
{
    float:left;
    width:100%;
}

.shop h1
{
    font-size:1.2em;
}

.shop .picture
{
    width:100%;
    float:left;
    margin:0;
}

.shop .description
{
    float:left;
    width:100%;
    margin-left:20px;
    color:#000;
    margin:0;
}

.parallax__layer #social{
    margin-left: 0;
}


header:hover
{ 
    background: rgba(0,0,0,1);
    height:auto;
}

}