@charset "utf-8";
/* CSS Document */
body {
   	width:100%; 
    height:100%;
    background-color:#3e3c3f; 
		
    margin: 0 auto 0 auto;
	
}

#divhaut0 {float:left;     } 
#divhaut1 {float:left; width:70%;    } 
#divhaut2 {float:left;  margin:0;   } 
#divhaut3 {float:left; width:40%; margin:-3vw 20vw 0 0px;float:right;   } 
#divhaut4 {float:left;  margin:11em 0 0 37em;position:fixed;z-index:22; padding:0em 0em 0em 0em;  } 
#divhaut5 {float:left;   padding:0em 0em 0em 0em;  } 
#divhaut6 {float:left;     } 
#divhaut7 {float:left;     } 
	

#catindex0 {float:left; width:18%; margin:9em 0.75em 0 0;background-color: white; padding:1em 0.75em 2.25em 1em; background-color:#aa9785; } 
#catindex1 {float:left;     } 
#catindex2 {float:left; width:74%;    } 
#catindex3 {float:left; width:60%; margin:9em 0 0 0;background-image: url('../images/11_34e6_fond-haut-points-1000px.png'); background-position: 2em 15px; background-repeat: no-repeat;; padding:5em 0em 0.5em 4em;  } 
#catindex4 {float:left;     } 
#catindex5 {float:left;     } 

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


div#container {
padding-left:0%;
	/*width:1220px;*/
	/*height:100%;	*/
	/*min-height: 100%;*/
	position: relative;
	margin:0 auto 0 auto;
	background-color:#3e3c3f;	
	/*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;	
			
	position:fixed;z-index:10;width:100%;background-color:#3e3c3f;}
div#cont1 {
	}
div#cont2 {
	}
div#cont3 {
	}
div#hautportable {
		background-color:#ffffff;	
		position:fixed;z-index:11;background-color:#3e3c3f	
}				  
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:#3e3c3f;	width:100%;
	float:left;
	}


div#pieddepage {
		/*background-color: #591dfa;*/
	/*margin-top :3%;*/
	padding-left:10%;
	padding-right:10%;
	width: 80%;
	text-align:center;
	font-family:Flolie1;
	min-height: 15%;
	color:#e5e5e5;
	font-size:19px;
	
}

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



.primary_nav_wrap{margin-top:0px;}
.primary_nav_wrap ul {
	list-style:none;
	position:relative;
	float:left;
	margin:0;
	padding:0
}
.primary_nav_wrap ul a {
	font-family: "Flolie1";
	display:block;
	color:#d2d2d2;
	text-decoration:none;
	letter-spacing: 0em;
	font-size:1vw;
	line-height:32px;
	padding:0 14px;
}
.primary_nav_wrap ul a:hover {
	color:#b0b0b0;
	
}

.primary_nav_wrap ul li
{
	position:relative;
	float:left;
	margin:0;
	z-index: 12;
	padding:0
}

.primary_nav_wrap ul li:hover{}

.primary_nav_wrap ul ul{
	display:none;
	position:absolute;
	top:100%;
	left:0;
	background:#fff;
	padding:0;
}
.primary_nav_wrap ul ul li{float:none;width:200px;}
.primary_nav_wrap ul ul a{line-height:80%;padding:5px 15px;}

.primary_nav_wrap ul ul ul{top: 0; left: auto; right: -99.5%;}

.primary_nav_wrap ul li:hover > ul{display:block;}




			








@media screen and (max-width: 876px) {
body {
    width:100%;
    height:100%;
    background-color:#3e3c3f;    margin: 0 auto 0 auto ;
	font-family:'Flolie1';	
}

#divhaut0 { float:left;    } 
#divhaut1 { float:left; width:80%; margin:0 0 0 0.8em;  } 
#divhaut2 { float:left; width:100%;   } 
#divhaut3 { float:left; width:70%; margin:0 0 0 0em;position:fixed;z-index:22;  } 
#divhaut4 { float:left;    } 
#divhaut5 { float:left;    } 
#divhaut6 { float:left;    } 
#divhaut7 { float:left;    } 
#catindex0 {float:left; width:18%; margin:9em 0.75em 0 0;background-color: white; padding:1em 0.75em 2.25em 1em; background-color:#aa9785; } 
#catindex1 {float:left;     } 
#catindex2 {float:left; width:74%;    } 
#catindex3 {float:left; width:60%; margin:9em 0 0 0;background-image: url('../images/11_34e6_fond-haut-points-1000px.png'); background-position: 2em 15px; background-repeat: no-repeat;; padding:5em 0em 0.5em 4em;  } 
#catindex4 {float:left;     } 
#catindex5 {float:left;     } 
	

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

div#container {	
padding-left:0%;
	width:100%;
	position: relative;	
	background-color:#3e3c3f;	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;	
	position:fixed;z-index:10;width:100%;background-color:#3e3c3f	
		
	
}
div#cont1 {
	}
div#cont2 {
	}
div#cont3 {
	}
div#hautportable {
		background-color:#ffffff;		position:fixed;z-index:11;background-color:#3e3c3f	
			
}
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:#3e3c3f;float:left;
}
div#pieddepage {
	background-color:#3e3c3f;	color:#e5e5e5;
	padding-left:15%;
	padding-right:15%;
	width: 70%;
	min-height: 15%;
	float: left;
	font-size:10px;
	text-align:center;
}
div#concepteur {
	background-color:#ffffff;	min-width:100%; float:left; 
}

.primary_nav_wrap{
	margin-top:0px;
	
	}
.primary_nav_wrap ul
{
	
}
.primary_nav_wrap ul a
{
	line-height:30px;
	padding:0 7px;
}
.primary_nav_wrap ul li
{

}

.primary_nav_wrap ul li:hover {	background:#f6f6f6}

.primary_nav_wrap ul ul.c2
{
	display:none;
	position:absolute;
	top:100%;
	right:0;
	background:#fff;
	padding:0
}
.primary_nav_wrap ul ul
{
left:unset;	
}
.primary_nav_wrap ul ul li{float:none;width:200px;}
.primary_nav_wrap ul li.c3{background-color:#3e3c3f;width:40px;padding-left:5px;}
.primary_nav_wrap ul ul a{line-height:80%;padding:5px 15px;}
.primary_nav_wrap ul ul ul{top:0;left:100%;}

.primary_nav_wrap ul li:hover > ul{	display:block;}	
	
	
	
	
}