@charset "utf-8";
/* CSS Document */
body {
   	width:90%; 
    height:100%;
    background-color:#403f40; 
		
    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:18%;  padding:0.5em 1em;  } 
#divhaut5 {float:left; width:30%;  padding:0.25em 0;  } 
#divhaut6 {float:left; width:60%;    } 
	

#catindex0 {float:left; width:18%;  padding:1em 0.5em 0.25em 0.5em;  } 
#catindex1 {float:left;     } 
#catindex2 {float:left; width:14%;  padding:1em 0.5em;  } 
#catindex3 {float:left; width:28%; margin:0; padding:0;  } 
#catindex4 {float:left; width:74%;    } 
#catindex5 {float:left;     } 
#catindex6 {float:left; width:38%; margin:;display:none;z-index: 25;position: fixed;background: white;margin: -2% 25%;border-radius: 20px;overflow:auto;height:75%;   } 

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


div#container {
padding-left:0%;
	/*width:1220px;*/
	/*height:100%;	*/
	/*min-height: 100%;*/
	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:#bdbdbd;}
div#plushaut {
	background-color:#bdbdbd;	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:#bdbdbd;}
div#corps {
	background-color:#ffffff;	width:100%;
	float:left;
	}


div#pieddepage {
	background-color:#bdbdbd;	/*background-color: #591dfa;*/
	/*margin-top :3%;*/
	width: 100%;
	min-height: 15%;
	float: left;
	font-size:13px;
}

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

.primary_nav_wrap ul li.c1 {
background:#f7f7f7 ; z-index: 10;
 }
.primary_nav_wrap ul li.c2{
background:#ddd	; z-index: 10;
}
.primary_nav_wrap ul li.c3{
	background:#ddd ; z-index: 10;
}
.primary_nav_wrap ul li.c4{	
background:#ddd ;z-index: 10;
}
.primary_nav_wrap ul li.c5{	
background:#ddd ;z-index: 10;
}
.primary_nav_wrap ul li:hover{	
background:#f6f6f6;

}


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









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

#divhaut0 { float:left; width:5%;  padding:0 35px 0.25em 0em; } 
#divhaut1 { float:left; width:83%;   } 
#divhaut2 { float:left; width:100%;   } 
#divhaut3 { float:left; width:33%;  padding:0em 0.5em; } 
#divhaut4 { float:left; width:30%;  padding:0 0.5em 0 0.5em; } 
#divhaut5 { float:left; width:45%;   } 
#divhaut6 { float:left;    } 
#catindex0 {float:left; width:85%;  padding:0.5em 0.5em 0.3em 0.5em;  } 
#catindex1 {float:left;     } 
#catindex2 {float:left; width:96%;  padding:0 0.5em 0 0.5em;  } 
#catindex3 {float:left; width:68%;    } 
#catindex4 {float:left; width:96%;    } 
#catindex5 {float:left;     } 
#catindex6 {float:left; width:90%; margin:;display:none;z-index:25;position:fixed;background:white;margin:-7% 3%;border-radius: 20px;overflow:auto;height:70%;;   } 
	

.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;	
		
		
}
div#hautportable {
		background-color:#ffffff;		float:left;width:100%	
			
}
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:#bdbdbd;	padding-left:1%;
	padding-right:1%;
	width: 98%;
	min-height: 15%;
	float: left;
	font-size:12px;
}
div#concepteur {
	background-color:#707070;	min-width:100%; float:left; 
}
.primary_nav_wrap ul li.c1 {background-color:#ffffff}

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