@charset "utf-8";
/* CSS Document */
body {
   	width:100%; 
    height:100%;
    background-color:#707070; 
		
    margin: 0 auto 0 auto;
}
#divindex0 {float:left; width:100%;  padding:1% 0% 0% 0%;  } 
#divindex1 {float:left; width:100%;    } 
#divindex2 {float:left; width:42%;    } 
#divindex3 {float:left; width:42%;   background-color:#faf7f0; } 
#divindex4 {float:left; width:100%;    } 
#divindex5 {float:left; width:10%;    } 
	
#divhaut0 {float:left;     } 
#divhaut1 {float:left; width:12%;    } 
#divhaut2 {float:left; width:76%;    } 
#divhaut3 {float:left; width:100%;    } 
#divhaut4 {float:left;   padding:1em 0.5em;  } 
#divhaut5 {float:left; width:18%;  padding:0.5em 1em;  } 
#divhaut6 {float:left; width:36%; margin:0;display:flex; padding:0.25em 0;  } 
#divhaut7 {float:left; width:60%;    } 
	
#prodindex0 {float:left; width:98%;  padding:0 0em 0 1em;  } 
#prodindex1 {float:left; width:50%; margin:0 auto 0 auto ; padding:0.75em 25% 0.25em 25%;  } 
#prodindex2 {float:left; width:40%; margin:1em 30% 0 30%;   } 
#prodindex3 {float:left; width:98%;    } 
#prodindex4 {float:left;     } 
#prodindex5 {float:left;     } 
	
#catindex0 {float:left; width:6%; margin:0 0.75em 0 0; padding:0.15em 0.75em 0.25em 1em; background-color:#ebebeb; } 
#catindex1 {float:left;     } 
#catindex2 {float:left; width:9%;  padding:0.15em 0.5em;  } 
#catindex3 {float:left; width:58%;  padding:0.15em 0.35em;  } 
#catindex4 {float:left; width:20%; margin:;float:right; padding:0.15em 0.35em;  } 
#catindex5 {float:left; width:14%;  padding:0.15em 0.5em;  } 
#catindex6 {float:left; width:14%;    } 
#catindex7 {float:left; width:100%;    } 
#catindex8 {float:left;     } 
#catindex9 {float:left; width:38%; margin:;display:none;z-index: 25;position: fixed;background: white;margin: 5% 25%;border-radius: 20px;overflow:auto;height:75%;   } 
#catindex10 {float:left; width:50%;    } 

.logo {height:auto !important; 
width:100%;	
	
max-width:400px;
}



div#container {
padding-left:0%;
	position: relative;
	margin:0 auto 0 auto;
	background-color:#ebebeb;	
	/*background-color:#FFF;*/
	/*background-image:url(images/fond07c4.jpg);*/
	background-repeat:repeat;
	overflow:auto;
}
div#enplushaut {background-color:#e8e8e8;}
div#plushaut {
	background-color:#e8e8e8;	width: 100%;min-height: 7%;float:left;
	}



div#haut {
	background-color:#ededed;	
			
	float:left;min-width:100%;}
div#hautportable {
		background-color:#ededed;	
			
}
div#ht1 {float:left; width:30%; margin-right:0.5em}

div#menu {min-height: 4%;width: 100%;float:left;
background-color:#e8e8e8;}
div#corps {
	background-color:#ededed;	width:100%;
		/* float:left;*/
	max-width: 2000px;
	margin: 0 auto;
	}


div#pieddepage {
	background-color:#d4d4d4;	margin-top :5em;
	width: 100%;
	/*min-height: 15%;*/
	float: left;
	font-size:13px;
}

div#concepteur {
	background-color:#b0b0b0;	min-width:100%; float:left; font-size:10px
}

.primary_nav_wrap ul li.c1 {
background:#ededed ; z-index: 10;
 }
.primary_nav_wrap ul li.c2{
background:#ededed; z-index: 10;
}
.primary_nav_wrap ul li.c3{
	background:#ededed ;z-index: 10;
}
.primary_nav_wrap ul li.c4{	
background:#ededed ;z-index: 10;
}
.primary_nav_wrap ul li.c5{	
background:#ededed ;z-index: 10;
}
.primary_nav_wrap ul li.c6{	
background:#ededed ;z-index: 10;
}
.primary_nav_wrap ul li.c7{	
background:#ddd ;z-index: 10;
}

.menuimage ul li.c1 {
background:#ededed ; z-index: 10;
 }
.menuimage ul li.c2{
background:#ededed	; z-index: 10;
}
.menuimage ul li.c3{
	background:#ededed ; z-index: 10;
}
.menuimage ul li.c4{	
background:#ededed ;z-index: 10;
}
.menuimage ul li.c5{	
background:#ededed ;z-index: 10;
}


#panier_nav_wrap ul li.c1{	background-color:#e8e8e8}









@media screen and (max-width: 931px) {
body {
    width:98%;
    height:100%;
    background-color:#707070;    margin: 0 auto 0 auto ;
}
#divindex0 {float:left; width:94%;  padding:0 0 0 1em;  } 
#divindex1 {float:left; width:83%; margin:0 7% 0 7%;   } 
#divindex2 {float:left; width:96%;    } 
#divindex3 {float:left; width:96%;    } 
#divindex4 {float:left; width:96%;    } 
#divhaut0 { float:left;    } 
#divhaut1 { float:left; width:15%;   } 
#divhaut2 { float:left; width:85%;   } 
#divhaut3 { float:left; width:100%;   } 
#divhaut4 { float:left; width:33%;  padding:0em 0.5em; } 
#divhaut5 { float:left; width:30%;  padding:0.25 0.5em 0 0.5em; } 
#divhaut6 { float:left; width:50%; margin:;display:flex; padding:0.25em 0; } 
#prodindex0 { float:left; width:97%; margin:0; padding:0.25em 0 0 0.5em;  } 
#prodindex1 { float:left; width:94%; margin:0; padding:0;  } 
#prodindex2 { float:left; width:97%; margin:0; padding:0 0.8em 0 0.8em;  } 
#prodindex3 { float:left; width:93%; margin:0; padding:0 0.8em 0 0.8em;  } 
#prodindex4 { float:left;  margin:0; padding:0;  } 
	
#catindex0 {float:left; width:85%; margin:0;display:none; padding:0;  } 
#catindex1 {float:left;  margin:0; padding:0;  } 
#catindex2 {float:left; width:96%; margin:0; padding:0 0.5em 0 1em;  } 
#catindex3 {float:left; width:96%; margin:0; padding:0 0 1em 1em;  } 
#catindex4 {float:left; width:65%; margin:0; padding:0em 0em 0 0.3em;  } 
#catindex5 {float:left; width:20%; margin:0; padding:0;  } 
#catindex6 {float:left; width:25%;  padding:0em 0.2em 2em 0.45em;  } 
#catindex7 {float:left;     } 
#catindex8 {float:left;     } 
#catindex9 {float:left; width:90%; margin:;display:none;z-index:25;position:fixed;background:white;margin:0% 3%;border-radius: 20px;overflow:auto;height:70%;;   } 
#catindex10 {float:left; width:50%;    } 
	

.logo {height:auto !important;
width:100%;	
}

div#container {	
padding-left:0%;
	width:100%;
	position: relative;	
	background-color:#ebebeb;	background-repeat:repeat;
	overflow:auto;
}
div#enplushaut {background-color:#e8e8e8;}
div#plushaut {
	background-color:#e8e8e8;	width: 100%;min-height: 7%;
}
div#haut {
	background-color:#e3e3e3;	
		
		
}
div#hautportable {
		background-color:#e3e3e3;		float:left;width:100%;	
			
}
div#ht2 {float:left; width:55%;  margin-right:4%;}
div#menu {
	background-color:#e8e8e8;	min-height: 4%;
	padding-left:1%;
	padding-right:1%;
	width: 98%;
	float:left;
}
div#corps {background-color:#ededed;float:left;
}
div#pieddepage {
	background-color:#d4d4d4;	padding-left:1%;
	padding-right:1%;
	width: 98%;
	min-height: 15%;
	float: left;
	font-size:12px;
}
div#concepteur {
	background-color:#b0b0b0;	min-width:100%; float:left; 
}
.primary_nav_wrap ul li.c1 {background-color:#e8e8e8}

#panier_nav_wrap ul li.c1 {	background-color:#e8e8e8}	
	
	
	
	
}