@charset "utf-8";
/* CSS Document */
body {
   	width:100%; 
    height:100%;
    background-color:#707070; 
		
    margin: 0 auto 0 auto;
}
#divhaut0 {float:left; width:12%;    } 
#divhaut1 {float:left; width:76%;    } 
#divhaut2 {float:left; width:100%;    } 
#divhaut3 {float:left;   padding:1em 0.5em;  } 
#divhaut4 {float:left; width:50%; margin:0;float:right; padding:0em 0.5em;  } 
#divhaut5 {float:left; width:18%; margin:0;min-width:280px; padding:1.1em 2em 0.5em 2em ;  } 
#divhaut6 {float:left; width:60%; margin:20px 15px 15px 0px;   } 
#divhaut7 {float:left; width:42%; margin:0px 0px 1px 10px;max-width:372px;display:flex; padding:0.25em 0;  } 
	
#catindex0 {float:left; width:18%; margin:0 0.75em 0 0; padding:1em 0.75em 1.25em 1em;  } 
#catindex1 {float:left;     } 
#catindex2 {float:left; width:28%;  padding:1em 0.5em 0em 1em;  } 
#catindex3 {float:left; width:28%;  padding:1em 0.5em 0em 1em;  } 
#catindex4 {float:left; width:14%;  padding:1em 0.5em 0em 1em;  } 
#catindex5 {float:left; width:74%;  padding:1em 0.5em;  } 
#catindex6 {float:left;     } 
#catindex7 {float:left; width:70%; margin:0 0 0 21%;   } 

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



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



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

div#menu {min-height: 4%;width: 100%;float:left;
background-color:#ffffff;}
div#corps {
	background-color:#ffffff;	width:100%;
	float:left;
	min-height:800px
	}


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

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

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

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


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









@media screen and (max-width: 931px) {
body {
    width:98%;
    height:100%;
    background-color:#878787;    margin: 0 auto 0 auto ;
}

#divhaut0 { float:left; width:15%;   } 
#divhaut1 { float:left; width:85%;   } 
#divhaut2 { float:left; width:100%;   } 
#divhaut3 { float:left; width:33%;  padding:0em 0.5em; } 
#divhaut4 { float:left; width:33%; margin:0;float:right;; padding:0 0.5em 0 0.5em; } 
#divhaut5 { float:left; width:30%; margin:0;min-width:265px; padding:0em 1em 0 0.2em; } 
#divhaut6 { float:left; width:45%; margin:0em 0em;display:flex; padding:0; } 
#divhaut7 { float:left;    } 
#catindex0 {float:left; width:85%; margin:0;min-height:0em; padding:0.5em 0em 1.2em 0.5em; background-color:transparent; } 
#catindex1 {float:left;     } 
#catindex2 {float:left; width:57%;  padding:0;  } 
#catindex3 {float:left; width:33%;  padding:0 0.5em 0em 0.5em;  } 
#catindex4 {float:left; width:9%;    } 
#catindex5 {float:left; width:96%;  padding:1em 0.5em 1em 2.5em;  } 
#catindex6 {float:left;     } 
#catindex7 {float:left; width:90%;  padding:0 1em 0 1em;  } 
	

.logo {height:auto !important;
width:85%;	
padding:0.3em;}

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

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