* { box-sizing: border-box; }
	*, *:before, *:after { box-sizing: border-box; }

/* Format de la page web */

	body { 	max-width: 1024px; min-width: 320px; margin:10px auto; /*marge exterieur*/ width:90%; /*Largeur de La zone contenant les DIVs*/ font-size:100%; background-color:grey; padding: 20px; }
	#corps { background-color:#EFEFEF; padding:50px; font-size:1.1em; border-radius: 20px; }
	#footer { width: 100%; height: 20px; bottom: 0; margin-left: -30px;  background-color:grey; position: fixed; }
	#header { width: 100%; height: 20px; top: 0; margin-left: -30px; background-color:grey; position: fixed; }

/* Alignement du titre de la page */
					
	#principal { text-align: center; }

/* ---------------------------------------------------- */
	/* Acceuil */
		.acceuil2 {background-color: transparent; width: 50px; height: 50px; margin: 0 0 0 0; position: fixed; bottom:75%;  left:12% }
		.maison2 { position: fixed; display:flex; flex-direction:column; width: 250px; height: 10px; border-color: #808080 ; border-style: solid; border-width: 0; background-color: transparent; margin: 1% 0% 0% 0%; z-index: 4; }
		.triangle2 { position: relative;	width: 0; height: 0; border-color: transparent transparent #9c7c58 transparent; border-style: solid; border-width: 23px; background-color: transparent; margin: -45px 0 0 0; z-index: 4; }
		.rectangle2 { position: relative; width: 44px; height: 35px; border-color: black; border-style: solid; border-width: 1px; background-color: #cbbca8; margin: 0 0 0 0; z-index: 3; }
		.porte2 { position: relative; width: 10px; height: 20px; border-color: black; border-style: solid; border-width: 1px; background-color: #3c3c3c; margin: -22px 0 0 25px; z-index: 4; }
		.fenetre2 { position: relative; width: 10px; height: 10px; border-color: black; border-style: solid; border-width: 1px; background-color: #3c3c3c; margin: -30px 0 0 5px; z-index: 4; }
		.cheminee2 { position: relative; width: 10px; height: 20px; border-color: blue grey yellow red; border-style: solid; border-width: 0; background-color: #cbbca8; margin: -35px 0 0 33px; z-index: 2; }

/* ---------------------------------------------------- */
						
/* Menu de Navigation */
					
	ul, li {font-size:14px; line-height:21px; text-align:left;}

#menu { 
	list-style:none;
	width:550px;
	margin:30px auto 0px auto;
	height:43px;
	padding:0px 20px 0px 20px;
	border-radius: 10px;
	background: #808080;
	border: 1px solid #002232;
	box-shadow:inset 0px 0px 1px #edf9ff;
	position: fixed;
	top: 5px;
}

#menu li {
	float:left;
	display:block;
	text-align:center;
	position:relative;
	padding: 4px 10px 4px 10px;
	margin-right:30px;
	margin-top:7px;border:none;
}

	#menu li:hover {border: 1px solid #777777;padding: 4px 9px 4px 9px;	background: #F4F4F4; border-radius: 5px 5px 0 0; }

#menu li a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px; 
	color: black;
	display:block;
	outline:0;
	text-decoration:none;
	text-shadow: 1px 1px 1px #000;
}

	#menu li:hover a {color:#161616;text-shadow: 1px 1px 1px #ffffff;}

	/* ---------------------------------------------------- */

.col_1 {
	margin:4px auto;
	float:left;
	position:absolute;
	left:-999em; /* Hides the drop down */
	text-align:left;
	padding:10px 5px 10px 5px;
	border:1px solid #777777;
	border-top:none;
	background:#F4F4F4;
	border-radius: 0px 5px 5px 5px;
}

.col_1 {width: 500px;}
.col_10 {width:475px;}
.col_100 {width:150px;}
.col_100 {display:inline;float: left;position: relative;margin-left: 5px;margin-right: 5px;}
#menu li:hover .col_1 {left:-1px;top:auto;}

	/* ---------------------------------------------------- */

.col_2 {
	margin:4px auto;
	float:left;
	position:absolute;
	left:-999em; /* Hides the drop down */
	text-align:left;
	padding:10px 5px 10px 5px;
	border:1px solid #777777;
	border-top:none;
	background:#F4F4F4;
	border-radius: 5px 5px 5px 5px;
}
	
.col_2 {width: 660px;}
.col_20 {width:640px;}
.col_200 {width:150px;}
.col_200 {display:inline;float: left;position: relative;margin-left: 5px;margin-right: 5px;}
#menu li:hover .col_2 {left:-150px;top:auto;}


	/* ---------------------------------------------------- */
		
.col_3 {
	margin:4px auto;
	float:left;
	position:absolute;
	left:-999em; /* Hides the drop down */
	text-align:left;
	padding:10px 5px 10px 5px;
	border:1px solid #777777;
	border-top:none;
	background:#F4F4F4;
	border-radius: 5px 5px 5px 5px;
}

.col_3 {width: 220px;}
.col_30 {width:200px;}
.col_300 {width:150px;}
.col_300 {display:inline;float: left;position: relative;margin-left: 5px;margin-right: 5px;}
#menu li:hover .col_3 {left:-60px;top:auto;}
		
	/* ---------------------------------------------------- */

.col_4 {
	margin:4px auto;
	float:left;
	position:absolute;
	left:-999em; /* Hides the drop down */
	text-align:left;
	padding:10px 5px 10px 5px;
	border:1px solid #777777;
	border-top:none;
	background:#F4F4F4;
	border-radius: 5px 5px 5px 5px;
}
	
.col_4 {width: 650px;}
.col_40 {width:630px;}
.col_400 {width:140px;}
.col_400 {display:inline;float: left;position: relative;margin-left: 5px;margin-right: 5px;}
#menu li:hover .col_4 {left:-380px;top:auto;}
	/* ---------------------------------------------------- */

#menu li:hover .align_right {left:auto;right:-1px;top:auto;}
#menu h2 {font-size:21px;font-weight:400;letter-spacing:-1px;margin:7px 0 14px 0;padding-bottom:14px;border-bottom:1px solid #666666;}
#menu h3 {font-size:14px;margin:7px 0 14px 0;padding-bottom:7px;border-bottom:1px solid #888888;}
#menu li:hover div a {font-size:12px;color:#333;}
#menu li:hover div a:hover {color:red;}

	/* ---------------------------------------------------- */

#menu li ul li {font-size:12px;	line-height:24px;position:relative;	text-shadow: 1px 1px 1px #ffffff;padding:0;margin:0 0 0 -40px; float:none; text-align:left;width:150px;}
#menu li ul li:hover {background:none;border:none;padding:0;margin:0 0 0 -40px;}

	/* ---------------------------------------------------- */

/* Corps de page */
					


	h1 { text-shadow:0px 0px 9px black; }
	hr { color:grey; height:3px; margin:5px 0; box-shadow: 8px 6px 9px #7F7F7F; }

	/* Fin CSS */