body{					/*@import "/menu/menu/menu_style.css"*/
background:#333333;    	/*le fond du site si besoin est url(theme/fond.jpg) no-repeat top center*/
margin:0;
padding:0;					/*marge texte sur le tour du conteneur*/
font-family:Calibri,Verdana, Geneva, sans-serif; /*Calibri*/
font-size:8px;
}

div#contener{					/*id donc div# car utilisé qu'une fois*/
width:1024px;
min-width: 1024px;
max-width:1600px;
float:center;
margin:auto;
}

div#header{						/*id donc div# car utilisé qu'une fois*/
background:url("header/images/logo_midelstreet.png") #000000 top left no-repeat;  			/*le fond du site si besoin url(header/images/header.jpg) repeat center top; */
display:block;
height:72px;           			/* hauteur de notre conteneur*/
width:auto;						/*largeur du contener*/
padding:0px;					/*marge*/
color:#FFFFFF;					/*couleur écriture*/
margin:0px 0px 0px 0px;   		/* marges, haut droite bas gauche*/
border:0px solid #A0A1BD;		/* largeur bordure,type, couleur*/
display:block;
font-size:32px;         		/* taille ecriture*/
text-align:left;				/*alignement du texte left right center justify*/
line-height:72px;       		/* permet de specifier l'interligne d'un bloc de texte, ce dernier va dependre de la taille de la fonte police */
}

div#googlesearch{
float:left;
width:400 right;
}

				/*________________________________________/!\ autre menu /!\________________________________________________________________*/

div#menu_bleu{										/*id donc div# car utilisé qu'une fois*/
	height:34px;									
	width:auto;									/*hauteur du background dans ul*/
	border:none; 								/*2px solid #A0A1BD epaisseur bordure type couleur*/
	margin:0px 0px 0px 0px;						/*marge exterieur du conteur*/
	padding:0px;								/*marge texte sur le tour du conteneur*/
	font-size:16px;
	font-weight:bold;
	}
#menu_bleu ul{
	background:url("menu/images/bouton.jpg");		/*background pour tout ce qui est dans ul*/
	background-repeat:repeat;
	background-position:center;
	display:block;
	height:34px;								/*hauteur du background dans ul*/
	width:100%;									/*utilisera 100% de la largeur dispo dans div#menu*/
	list-style:none;							/*on affiche pas les puces*/
	margin:0px;									/*marge exterieur du conteur*/
	padding:0px 0px 0px 0px;					/*marge texte sur le tour du conteneur*/
	font-style:italic;							/*style police menu*/
		}
	#menu_bleu li{
		float:left;								/*le contenu flottera*/
		padding:0px;							/*marge texte sur le tour du conteneur*/
		}
	#menu_bleu li a{
		background:url("menu/images/seperator.gif") bottom right no-repeat;
		color:#FFFFFF;							/*cccccc couleur texte menu*/
		display:block;
		font-weight:normal;						/*"font-weight" ou graisse de la police valeur dispo: normal bold bolder lighter*/
		line-height:35px;						/*permet de spécifier l'interligne d'un bloc de texte, ce dernier va dépendre de la taille de la fonte (police).*/
		margin:0px;								/*marge exterieur du conteur*/
		padding:0px 25px;						/*marge texte sur le tour du conteneur*/
		text-align:center;
		text-decoration:none;
		}
		#menu_bleu li a:hover, .menu ul li:hover a{		/*la petite fleche du dessous dans le menu*/
			background:#7bd600 url("menu/images/hover.gif") bottom center no-repeat;
			color:#FFFFFF;
			text-decoration:none;
			}
	#menu_bleu li ul{
		background:#000000 bottom left repeat;
		display:none;
		height:auto;
		padding:0px;
		margin:0px;
		border:0px;
		position:absolute;
		width:225px;
		z-index:200;
		/*top:1em;
		/*left:0;*/
		}
		
	#menu_bleu li:hover ul{
		display:block;
		}
		
	#menu_bleu li li {
		background:#2580a2;						/*la couleur du fond du sous menu qui s'ouvre 2580a2 */
		display:block;
		float:none;
		margin:0px;
		padding:0px;
		width:225px;
		}
	#menu_bleu li:hover li a{
		background:none;		
		}
		
	#menu_bleu li ul a{
		display:block;
		height:35px;
		font-size:14px;							/*la taille de l ecriture du menu qui s ouvre*/
		font-style:italic;						/*style police du sous menu*/
		margin:0px;
		padding:0px 10px 0px 15px;
		text-align:left;
		border-top:dotted 1px #FFFFFF;
		}
		#menu_bleu li ul a:hover, .menu li ul li:hover a{			/*la petite fleche à gauche dans le sous menu*/
			background:#7bd600 url("menu/images/hover_left.gif") center left no-repeat;/*couleur du sous menu*/
			border:0px;
			color:#ffffff;
			text-decoration:none;
		}
	#menu_bleu p{
		clear:left;
		}	/*________________________________________/!\ autre menu /!\________________________________________________________________*/
		
		div#menu_noir{										/*id donc div# car utilisé qu'une fois*/
	height:38px;									
	width:auto;									/*hauteur du background dans ul*/
	border:none; 								/*2px solid #A0A1BD epaisseur bordure type couleur*/
	margin:0px 0px 0px 0px;						/*marge exterieur du conteur*/
	padding:0px;								/*marge texte sur le tour du conteneur*/
	font-size:16px;								/*taille de la police du menu*/
	font-weight:bold;
	}
#menu_noir ul{
	background:url("menu/images/black_menu.png");		/*background pour tout ce qui est dans ul*/
	background-repeat:repeat;
	background-position:center;
	display:block;
	height:38px;								/*hauteur du background dans ul*/
	width:100%;									/*utilisera 100% de la largeur dispo dans div#menu*/
	list-style:none;							/*on affiche pas les puces*/
	margin:0px;									/*marge exterieur du conteur*/
	padding:0px 0px 0px 0px;					/*marge texte sur le tour du conteneur*/
	font-style:italic;							/*style police menu*/
	}
	#menu_noir li{
		float:left;								/*le contenu flottera*/
		padding:0px;							/*marge texte sur le tour du conteneur*/
		}
	#menu_noir li a{
		background:url("menu/images/seperator.gif") bottom right no-repeat;
		color:#FFFFFF;
		display:block;
		font-weight:normal;						/*"font-weight" ou graisse de la police valeur dispo: normal bold bolder lighter*/
		line-height:34px;						/*permet de spécifier l'interligne d'un bloc de texte, ce dernier va dépendre de la taille de la fonte (police).*/
		margin:0px;								/*marge exterieur du conteur*/
		padding:0px 25px;						/*marge texte sur le tour du conteneur*/
		text-align:center;
		text-decoration:none;
		}
		#menu_noir li a:hover, .menu ul li:hover a{		/*la petite fleche du dessous dans le menu*/
			background:#FF8A1B url("menu/images/hover.gif") bottom center no-repeat;/* couleur menu lorsque souris dessus*/
			color:#FFFFFF;								/* la couleur CCCCCC gris s applique pas mal*/
			text-decoration:none;
			}
	#menu_noir li ul{
		background:#000000 bottom left repeat;
		display:none;
		height:auto;
		padding:0px;
		margin:0px;
		border:0px;
		position:absolute;
		width:225px;
		z-index:200;
		/*top:1em;
		/*left:0;*/
		}
	#menu_noir li:hover ul{
		display:block;
		
		}
	#menu_noir li li {
		background:#333333;								/*la couleur du fond du sous menu qui s'ouvre*/
		display:block;
		float:none;
		margin:0px;
		padding:0px;
		width:225px;
		}
	#menu_noir li:hover li a{
		background:none;		
		}
		
	#menu_noir li ul a{
		display:block;
		height:35px;
		font-size:14px;									/* taille de la police du menu qui s ouvre*/
		font-style:italic;								/*style police du sous menu*/
		margin:0px;
		padding:0px 10px 0px 15px;
		text-align:left;
		border-top:dotted 1px #FFFFFF;
		}
		#menu_noir li ul a:hover, .menu li ul li:hover a{		/*la petite fleche à gauche dans le sous menu*/
			background:#FF8A1B url("menu/images/hover_left.gif") center left no-repeat;/*couleur du sous menu*/
			border:0px;
			color:#FFFFFF;
			text-decoration:none;
		}
	#menu_noir p{
		clear:left;
		}				/*__________________________________________/!\ autre menu /!\_____________________________________________*/
		

div#nav{					/*id donc div# car utilisé qu'une fois*/
background:#000000;
height:300px;			/*hauteur de notre conteneur*/
width:120px;			/*largeur du conteneur*/
padding:20px;			/*marge texte sur le tour du conteneur*/
text-align:center;		/* alignement du texte*/
font-size:16px;			/*taille de l ecriture*/
color:#FFFFFF;
line-height:30px;		/*interligne , /!\ depend de l ecriture utilisé*/
margin:0px 2% 20px 2%; 	/*marge exterieur du conteur*/
float:center;			/*serrage a left right du conteneur*/
border: 2px solid #A0A1BD;
}

div#content{							/*id donc div# car utilisé qu'une fois*/
background:#FFFFFF;
height:auto;           				/* hauteur de notre conteneur*/
width:auto;							/*largeur du conteneur*/
padding:20px 20px 20px 20px;		/*marge texte sur le tour intérieur du conteneur*/
max-width:1440px;					/*largeur max conteneur*/
min-width:600px;					/*largeur min conteneur*/
min-height:600px;
text-align:justify;					/* alignement du texte*/
font-size:14px;						/*taille de l ecriture*/
color:#000000;
line-height:30px;       			/* permet de specifier l'interligne d'un bloc de texte, ce dernier va dépendre de la taille de la fonte police */
margin: 0px 0px 0px 0px; 			/*marge exterieur du conteur*/
border:1px solid #000000;			/*float:center pas mis car peu poser des pb avec l augmentation automatique des tailles de div*/
}

div#footer{
background:url("footer/images/footer.jpg") repeat center ;
height:30px;
width:60% center;
text-align:center;
font-size:16px;
color:#FFFFFF;
line-height:30px;
margin:20px 0px 20px 0px;
float: bottom center;
border: 1px solid #000000;
clear:both;										/*fixe mon pied de page en bas...*/
}

div#menu_mag{							/*id donc div# car utilisé qu'une fois*/
	height:38px;									
	width:auto;									/*hauteur du background dans ul*/
	border:none; 								/*2px solid #A0A1BD epaisseur bordure type couleur*/
	margin:0px 0px 0px 0px;						/*marge exterieur du conteur*/
	padding:0px;								/*marge texte sur le tour du conteneur*/
	font-size:14px;
	font-weight:bold;
	}
#menu_mag ul{
	background:url("menu/images/bouton.jpg");	/*background pour tout ce qui est dans ul*/
	background-repeat:repeat;
	background-position:center;
	display:block;
	height:38px;								/*hauteur du background dans ul*/
	width:100%;									/*utilisera 100% de la largeur dispo dans div#menu*/
	list-style:none;							/*on affiche pas les puces*/
	margin:0px;									/*marge exterieur du conteur*/
	padding:0px 0px 0px 0px;					/*marge texte sur le tour du conteneur*/
	}
	#menu_mag li{
		float:left;								/*le contenu flottera*/
		padding:0px;							/*marge texte sur le tour du conteneur*/
		}
	#menu_mag li a{
		background:url("menu/images/seperator.gif") bottom right no-repeat;
		color:#cccccc;
		display:block;
		font-weight:normal;						/*"font-weight" ou graisse de la police valeur dispo: normal bold bolder lighter*/
		line-height:35px;						/*permet de spécifier l'interligne d'un bloc de texte, ce dernier va dépendre de la taille de la fonte (police).*/
		margin:0px;								/*marge exterieur du conteur*/
		padding:0px 25px;						/*marge texte sur le tour du conteneur*/
		text-align:center;
		text-decoration:none;
		}
		#menu_mag li a:hover, .menu ul li:hover a{	/*la petite fleche du dessous dans le menu*/
			background:#7bd600 url("menu/images/hover.gif") bottom center no-repeat;
			color:#FFFFFF;
			text-decoration:none;
			}
	#menu_mag li ul{
		background:#000000 bottom left repeat;
		display:none;
		height:auto;
		padding:0px;
		margin:0px;
		border:0px;
		position:absolute;
		width:225px;
		z-index:200;
		/*top:1em;
		/*left:0;*/
		}
	#menu_mag li:hover ul{
		display:block;
		
		}
	#menu_mag li li {
		background:#2580a2;						/*la couleur du fond du sous menu qui s'ouvre*/
		display:block;
		float:none;
		margin:0px;
		padding:0px;
		width:225px;
		}
	#menu_mag li:hover li a{
		background:none;		
		}
		
	#menu_mag li ul a{
		display:block;
		height:35px;
		font-size:12px;
		font-style:normal;
		margin:0px;
		padding:0px 10px 0px 15px;
		text-align:left;
		}
		#menu_mag li ul a:hover, .menu li ul li:hover a{			/*la petite fleche à gauche dans le sous menu*/
			background:#7bd600 url("menu/images/hover_left.gif") center left no-repeat;	/*couleur du sous menu*/
			border:0px;
			color:#ffffff;
			text-decoration:none;
		}
	#menu_mag p{
		clear:left;
		}

div#nav{					/*id donc div# car utilisé qu'une fois*/
background:#000000;
height:300px;			/*hauteur de notre conteneur*/
width:120px;			/*largeur du conteneur*/
padding:20px;			/*marge texte sur le tour du conteneur*/
text-align:center;		/* alignement du texte*/
font-size:16px;			/*taille de l ecriture*/
color:#FFFFFF;
line-height:30px;		/*interligne , /!\ depend de l ecriture utilisé*/
margin:0px 2% 20px 2%; 	/*marge exterieur du conteur*/
float:center;			/*serrage a left right du conteneur*/
border: 2px solid #A0A1BD;
}

div#content{							/*id donc div# car utilisé qu'une fois*/
background:#FFFFFF;
height:auto;           				/* hauteur de notre conteneur*/
width:auto;							/*largeur du conteneur*/
padding:20px 5px 20px 5px;		/*marge texte sur le tour intérieur du conteneur*/
max-width:1440px;					/*largeur max conteneur*/
min-width:600px;					/*largeur min conteneur*/
min-height:600px;
text-align:justify;					/* alignement du texte*/
font-size:14px;						/*taille de l ecriture*/
color:#000000;
line-height:30px;       			/* permet de specifier l'interligne d'un bloc de texte, ce dernier va dépendre de la taille de la fonte police */
margin: 0px 0px 0px 0px; 			/*marge exterieur du conteur*/
float:center;						/*serrage a left right du conteneur*/
border:1px solid #000000;
}

div#footer{
background:url("footer/images/footer.png") repeat center ;
height:30px;
width:60% center;
text-align:center;
font-size:16px;
color:#FFFFFF;
line-height:30px;
margin:0px 0px 20px 0px;
float: bottom center;
border: 1px solid #000000;
clear:both;									/*fixe mon pied de page en bas...*/
}
/*LES COULEURS

BLEU:2580a2
ORANGE:FF8A1B
GRIS CLAIR:FFCC66
ANTHRACITE:333333

*/