body  {
	
	margin: 0; /* il est conseillé de mettre à zéro la marge et le remplissage de l'élément body, pour tenir compte des différentes valeurs par défaut des navigateurs */
	padding: 0;
	text-align: center; /* ce paramétrage centre le conteneur dans les navigateurs IE 5.x. Le texte est ensuite aligné à gauche (valeur par défaut) dans le sélecteur #container */
	color: #000000;
	
}

#container {
	border: 2px solid black;
	width: 88%;
	min-width: 770px;
	height: auto;
	padding : 12px;
	margin: 0px auto; /* les marges automatiques (et dotées d'une largeur positive) centrent la page */
	text-align: left; /* ce paramétrage annule le paramètre text-align: center de l'élément body. */
	background: url(../images/villeLanuit.jpg) no-repeat center fixed;
	 -webkit-background-size: cover; /* pour Chrome et Safari */
  -moz-background-size: cover; /* pour Firefox */
  -o-background-size: cover; /* pour Opera */
  background-size: cover; /* version standardisée */
	
} 
#conteneur {
	
	width: 88%;
	min-width: 770px;
	height: auto;
	padding : 12px;
	margin: 0px auto; /* les marges automatiques (et dotées d'une largeur positive) centrent la page */
	text-align: left; /* ce paramétrage annule le paramètre text-align: center de l'élément body. */
	
	background: url(../images/villeLanuit.jpg) no-repeat center fixed;
	 -webkit-background-size: cover; /* pour Chrome et Safari */
  -moz-background-size: cover; /* pour Firefox */
  -o-background-size: cover; /* pour Opera */
  background-size: cover; /* version standardisée */
	
} 
#header {

	width: 96%;
	height: 80px;
	text-align: center;
	
	padding-top: 2px;
	margin-bottom: 2px;
	margin-top: 8px;
	margin-bottom: 8px;
	margin-left: auto;
	margin-right: auto;
	background-color: #ff00ff;
	
	border: 0px solid white;
	-moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    border-radius: 10px; 
    behavior: url(/PIE.htc);
} 

#header h1 {
	
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
}

#header h2 {
	padding-top: 2px;
	margin-bottom: 1px;
	color:  #ff5ddd;
}

#headerGauche  {
	width: 25%;
	height: 66px;
	float: left;
	margin-top: 6px;
	margin-left: 3%;
	background-color: white;
	border: solid black 0px;
	-moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    border-radius: 10px; 
    behavior: url(/PIE.htc);
	
}

#headerGauche img    {
	margin-top: 14px;
}

#headerCentre   {
	width: 29%;
	height: 66px;
	float: left;
	margin-top: 6px;
	margin-left: 7%;
	
	border: 0px solid white;
	-moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    border-radius: 10px; 
    behavior: url(/PIE.htc);
	background-image:url(../images/Banniere-web.jpg);
}

#headerDroite   {
	width: 25%;
	height: 66px;
	float: left;
	padding-top:0px;
	margin-top: 6px;
	margin-left: 7%;
	background-color: #fab5ff;
	border: solid black 0px;
	-moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    border-radius: 10px; 
    behavior: url(/PIE.htc);
	
}

#headerDroite  a  { /* Les liens qui ne sont pas sous le curseur. */
	
	margin-top: 2px;
	color: #c72aa0; 
	text-decoration: none; /*  pas de soulignement*/
	
}

#headerDroite  table  { /* Les liens qui ne sont pas sous le curseur. */
	
	width: 100%;
	height: 60px;
	
	
	
}

#headerDroite  table td  {

	
	
	}
	
#content {

	height: auto;
	margin-top: 22px;
	margin-bottom: 1px;
	margin-left: auto;
	margin-right: auto;
	
	border: 0px solid red;
	-moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    border-radius: 10px; 
    behavior: url(/PIE.htc);
	
}

#content h2     {
	
	
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	color: #ff00ff;
	text-align: center;
	border-bottom: 5px inset black;
	}
	
#content h3     {
	text-align: center;
	padding: 20px
	
	}
	
#content  table  {
	
	width: 88%;
	margin-left: auto;
	margin-right: auto;
	border-collapse: separate;
	border-spacing: 10px 15px;
	
}	

#content  table  td  {
	
	text-align: center;
	border: solid black 0px;
	-moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    border-radius: 10px; 
    behavior: url(/PIE.htc);
	background-color: #ceccc7;
	}

#content  table  th  {
	
	text-align: center;
	border: solid black 0px;
	-moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    border-radius: 10px; 
    behavior: url(/PIE.htc);
	background-color: red;
	}
	


#content #fonctionnement     {
	
		width: 90%;
		height: auto;
		overflow: hiiden;
		padding-top: 4px;
		padding-bottom: 12px;
		margin-left: auto;
		margin-right: auto;
		
		
		background-color: white;
		}


#content #fonctionnement h4    {
	
	color: #bf076e;
	width: 94%;
	}
	
#content #fonctionnement h5   {
	font-size: 100%;
	margin-left: 2%;
	margin-bottom: 2px;
	width: 94%;
	
	}
#content #fonctionnement p    {

		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		
		width: 96%;
		margin-left: 2%;
		margin-right: 2%;
	}
#content #cadreConditions    {

		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size: 90%;
		width: 88%;
		height: auto;
		margin-left: auto;
		margin-right: auto;
		padding: 10px;
		background-color: white;
		
	}
#cadreConditions h3   {
	text-align: left;
	padding-top: 5px;
	padding-bottom: 0px;
	
	}
#cadreConditions li   {
	margin-bottom: 3px;
	
	}
#content #cadreFonctionnement    {

		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size: 94%;
		width: 88%;
		height: auto;
		margin-left: auto;
		margin-right: auto;
		padding: 10px;
		border: 0px solid red;
		
	}
#cadreFonctionnement h3   {
	text-align: left;
	padding-top: 5px;
	padding-bottom: 0px;
	
	}
#cadreFonctionnement li   {
	margin-bottom: 3px;
	
	}
	
#footer {

	color: red;
	border: solid #c72aa0; 2px;
	-moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    border-radius: 10px; 
    behavior: url(/PIE.htc);
	width: 94%;
	height: 40px;
	margin-top: 12px;
	margin-left: auto;
	margin-right: auto;
	background-color: black;
	}
	
	
.small  {
	font-size: 90%;
	text-align: left;
	margin-left: 28px;
	margin-right: 28px;
}
.plusGros    {
	font-size: 125%;
	}
.menugeneral   {
	font-size: 90%;
	
	border: solid black 2px;
	-moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    border-radius: 10px; 
    behavior: url(/PIE.htc);
	background-color: white;
	}
	

.menugay   {
	
	font-size: 110%;
	height: 40px;
	border: solid black 2px;
	-moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    border-radius: 10px; 
    behavior: url(/PIE.htc);
	background-color: white;
	}	
.centre  {
	text-align: left;
	
	
	font-size: 94%;
	
	}
.retour    {
	margin-left: 34%;
	text-align: center;
	width: 40%;
	margin-left: auto;
	margin-right: auto;
	background-color: white;
	border: solid black 2px;
	-moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    border-radius: 10px; 
    behavior: url(/PIE.htc);
	}
	
.cliquezici     {
	
	width: 90%;
	font-size: 84%;
	margin: auto;
	background-color: white;
	border: solid black 2px;
	-moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    border-radius: 10px; 
    behavior: url(/PIE.htc);
	
	}
.justifie    {
	text-align: justify;
	margin: auto;
	width: 80%;
	}
.aligneaDroite {

	text-align: right;
	margin-right: 4px;
	}

.PlusGras {

	
	font-style: italic;
	font-weight: bold;
	
}

.Entete {

	
	font-style: italic;
	font-weight: bold;
	text-align: center;
}