/* DEFINITIONS BALISES SITE */
body {
	margin:0; 																/* pas de marge */
	padding:0; 																/* pas de marge */
	width:90%;																/* largeur variable de la page */
	min-width:960px;														/* largeur minimale de la page */
	max-width:1400px;														/* largeur maximale de la page */
	margin-top:10px;														/* marge au dessus de la page */
	margin-bottom:10px;														/* marge au dessous de la page */
	margin-left:auto;														/* marge à gauche de la page */
	margin-right:auto;														/* marge à droite de la page */
	background:url("../../ressources/images/fond.png");						/* définition du motif à répéter */
	color:black;															/* couleur du texte */
	font-family:Arial, "Times New Roman", Times, sans-serif;				/* police par défaut */
	font-size:95%;															/* taille de la police par défaut */
}

strong, em {
	font:normal 100% Arial, "Times New Roman", Times, sans-serif;			/* police par défaut */
}

img {border:0}																/* pas de bordures aux images */

a:link, 
a:visited {color:#737373; font-weight:bold; text-decoration:none;}			/* couleur et taille de la police pour les liens */
a:hover {color:black;}														/* changement de couleur lors du passage de la souris sur le lien */

h1 {text-align:center; margin-top:1em; margin-bottom:2em;}					/* format des titres principaux */
h2, h3 {text-align:left;	margin-top:3em; margin-bottom:1em;}					/* format des titres secondaires */

.separator {clear:both;}
.separator_10 {height:10px;}
.separator_20 {height:20px;}
.separator_30 {height:30px;}
.separator_40 {height:40px;}
.separator_50 {height:50px;}

#Page {
	background-color:#FFFFFF; 												/* couleur de fond de page */
	min-width:900px;														/* largeur minimale de la page */
	border-style:solid; 
	border-color:blue; 
	border-width:0px; 
}

/* BANNIERE */
#Banniere {
	clear:both;
	display:block;
	height:150px; 															/* hauteur de la bannière */
	width:100%;																/* largeur de la bannière */
	min-width:900px;														/* largeur minimale de la bannière */
	background:url("../../ressources/images/banniere_fond.png") repeat-y;	/* définition du motif à répéter pour colorer la bannière */
	background-position:center;												/* positionnement du motif d'arriere-plan */
	background-color:#fff660; 												/* couleur du fond (derriere la page) */
	border-style:solid; 													/* type de bordure */
	border-color:#fff661; 													/* couleur de la bordure */
	border-width:0; 														/* largeur des bordures */
	border-bottom-width:5px; 												/* largeur de la bordure basse */
	color:black; 															/* couleur du texte dans la bannière */
	font:bold 180% Arial, "Times New Roman", Times, serif;					/* police et taille du titre */
	text-align:center;														/* justification centrée du texte */
}
#Banniere .gauche {															/* image de bannière de gauche */
	float:left; 															/* positionnement flottant à gauche */
	height:150px;															/* hauteur du champ où insérer l'image */
	width:30%;																/* largeur du champ où insérer l'image */
	text-align:left;														/* justification gauche */
	padding-top:10px;	 													/* décalage vertical */
	padding-left:20px;	 													/* décalage gauche */
}
#Banniere .centre { 															/* titre de la bannière */
	height:150px;															/* hauteur du champ où insérer l'image */
	text-align:center;														/* justification centrée du texte */
}
#Banniere .droite {															/* image de bannière de droite */
	float:right; 															/* positionnement flottant à gauche */
	height:150px;															/* hauteur du champ où insérer l'image */
	width:30%;																/* largeur du champ où insérer l'image */
	text-align:right;														/* justification droite */
	padding-top:10px;														/* décalage vertical */
	padding-right:20px;	 													/* décalage droite */
}

/* menu horizontal */
#Menu {
	position:absolute; 
	top:112px; 
	left:18%;
	min-width:800px;
	text-align:left;														/* justification centrée du texte */
}
#menulist {
	display:block; 															/* pied de page en mode block pour pouvoir aligner 2 sections */
	text-align:center;														/* alignement du texte */
}
#menulist .off {
	float:left; 															/* positionnement flottant à gauche */
	width:110px;
	height:40px;															/* hauteur de l'image */
	background:url("../../ressources/images/menu_onglet_off.png") no-repeat;/* image de fond */
	background-position:bottom;
	color:#737373; 															/* couleur de la police */
	font:bold 13px/50px Arial;
}
#menulist  .on {
	float:left; 															/* positionnement flottant à gauche */
	width:110px;
	height:40px;															/* hauteur de l'image */
	background:url("../../ressources/images/menu_onglet_on.png") no-repeat;	/* image de fond */
	background-position:bottom;
	color:black; 															/* couleur de la police */
	font:bold 13px/40px Arial;
}
#menulist p a:link,
#menulist p a:visited {color:#737373; text-decoration:none;}					/* choix et taille de la police pour les liens */
#menulist p a:hover {
	color:black;															/* changement de couleur lors du passage de la souris sur le lien */
}						

/* MISE EN PAGE  (sous la bannière) */
#Conteneur {
	clear:both;
	display:block;															/* Conteneur en mode block  */
	height:auto; 															/* hauteur automatique */
}

/* contenu des pages à droite */
#Contenu {
	width:95%;																/* largeur du contenu */
	min-height:440px;														/* hauteur minimale du contenu */
	margin:10px 20px 40px 20px;												/* marges */
	text-align:justify;														/* justification gauche/droite du texte */
}
#Contenu .panoramique {
	width:848px;														
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	background:url("../../ressources/images/entree_magasin.png") no-repeat;	
}

#Contenu .paragraphe_2cols_gauche {
	display:block; 															
	width:auto;																/* largeur du contenu */
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
#Contenu .paragraphe_2cols_droite {
	display:block; 															
}
#Contenu .paragraphe_2cols_gauche .titre, #Contenu .paragraphe_2cols_droite .titre {
	border-style:solid; 
	border-color:#dcdcdc; 
	border-width:0px; 
	border-top-width:1px; 
	text-align:center;
	margin:30px 0 20px 0; 
	padding-top:10px; 
	font:bold 120% Arial, "Times New Roman", Times, sans-serif;			
}
#Contenu .paragraphe_2cols_gauche .image {
	float:left;
	text-align:right;
}
#Contenu .paragraphe_2cols_droite .image {
	float:right;
	text-align:left;
}
#Contenu .paragraphe_2cols_gauche .texte {
	float:left;
	text-align:left;
	margin-left:20px;
}
#Contenu .paragraphe_2cols_droite .texte {
	float:right;
	text-align:right;
	margin-right:20px;
}

/* PIED DE PAGE */
#PiedDePage {
	clear:both; 															/* remise à zéro des blocks (permet de reprendre toute la largeur de la page) */
	height:30px; 															/* hauteur du pied de page */
	background:url("../../ressources/images/banniere_fond.png") repeat-y;	/* définition du motif à répéter pour colorer le pied de page */
	background-position:center;
	background-color:#fff660; 												/* couleur du fond (derriere la page) */
	margin:0; 																/* pas de marge pour remplir toute la largeur de la page */
	padding:0 10px 0 10px;													/* marge intérieur de 10 pixels à gauche et à droite */
	font-size:72%;															/* définition de la taille et de la police */
}

#InfosPiedDePage {
	display:block; 															/* pied de page en mode block pour pouvoir aligner 2 sections */
	margin:8px 0 0 0; 														/* décalage vertical de 25 pixels */
	text-align:left; 														/* justification à gauche */
}
#InfosPiedDePage p {
	float:left; 															/* positionnement flottant à gauche */
	text-align:left;														/* justification gauche/droite du texte */
	list-style-type:none;													/* ne pas afficher les "points" devant les listes */
}
#InfosPiedDePage p a:link,
#InfosPiedDePage p a:visited {
	color:#737373; 															/* couleur de la police */
	text-decoration:none;													/* pas de soulignement sous les liens */
	margin-right:50px; 														/* marges */
}
#InfosPiedDePage p a:hover {
	color:black; 															/* couleur de la police */
}
#InfosPiedDePage .Copyright {
	float:right; 															/* positionnement flottant à droite */
	color:black; 															/* couleur du texte */
	text-align:right;														/* justification à droite */
	font-style:italic;
}