Body {
	background-color:#666666;           															/* Définit la couleur de fond de la balise*/
	height: 100%;																					/* Définit la hauteur de la balise */
}
	
#Principal {
	background-image: url(../images/maquette/arriere_plan.jpg);	 /* Définit l'image d'arrière plan de la balise*/				
	height:auto;
	margin:auto; /* Permet de centrer la page seulement qd la largeur est définie */
	width:1000px;  /* Définit la largeur de la balise*/
	background-repeat: repeat-y; /* Définit si on veut faire répéter l'image d'arrière plan */
}		

#baniere {
	width:1000px;
	height:300px;
	background-image: url(../images/maquette/banniere.jpg);
}
	
#page {
	width:1000px;
	top: 280px;	/* Définit la position verticale */
	height:auto; /* Définit une hauteur automatique quand on ne peut pas la prévoir */
}

#contenu {
	width:750px;
	height:auto;
	float: right; /* Permet de positionner une balise à droite */
	padding-bottom:10px; /* Définit les marges intérieures de la balise ici en bas et en haut */
	padding-top:20px;
	font-family:Candara, Arial, Helvetica, sans-serif;
	font-size:18px;
	
}

#contact {
	width:1000px;
	height:auto;
	background-color:#FFFFFF;
	font-family: Candara, Arial, Helvetica, sans-serif;	/* Définit la police utilisée dans la balise */
	font-size:16px;
	font-weight:bold;
	padding-top: 10px;
	clear:both;	/* Permet à la balise placée en dessous d'adapter sa position en fonction de celle placée au dessus */
}																								    																													
	
#Menu {
	width:230px;
	height:280px;
	font-family:neuropol, arial, Helvetica, sans-serif;
	font-size: 20px; /* Définit la taille de la police */
	padding-top:20px;
}

#News {
	width:230px;
	height:auto;
	padding-top:10px;
}

#historique {
	float:right;
	width: 500px;
	height:auto;
	padding: 10px;
	border-left-style:double; /* Permet de définir une bordure de balise (ici à gauche) et de lui donner un style */
	border-left-color:#333366; /* Même chose sauf qu'on définit la couleur */
}

#image {
	width: 300px;
	height:auto;
	padding-left:10px;
}

/*.....PARAGRAPHES.....*/

p {
	font-family: Candara, Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-indent: 50px; /* Permet de décaler la première ligne d'un paragraphe à droite */
	text-align: justify;
	margin-top: 5px; /* Permet de définir les marges extérieures de la balise */
	margin-right: 20px;
	margin-bottom: 5px;
	margin-left: 10px;
}

p.formulaire {	/* Permet de définir un style de paragraphe particulier dont la classe est formulaire */
	font-family:Candara, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-style:italic;	/* Définit le style de la police */
	color:#333366; /* Définit la couleur de la police */
}

p.historique {
	text-align:justify;
	font-family:Candara, Arial, Helvetica, sans-serif;
	font-size:18px;
	text-indent:50px;
}

p.contact {
	font-family: Candara, Arial, Helvetica, sans-serif;
	font-size: 16px;
	margin-top: 5px;
	margin-bottom: 5px;
	text-indent: -5px;
	text-align:center;
}

p.news {
	font-family: Candara, Arial, Helvetica, sans-serif;
	font-size:16px;
	color: #333333;
	text-indent: 10px;
	text-align:justify;
}

span {	/* La balise HTML Span permet de définir un style particulier pour une partie de texte (titre, paragraphe ou autre) */
	font-family:Candara, Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight: bold;
	color: #333366;
}

/*.....IMAGES.....*/

img.histo{
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
	border-right-style: outset;
	border-bottom-style: outset;
	border-top-style: outset;
	border-left-style: outset;
}

img.prestations{
	margin-left: 20 px;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-right: 20px;	
}
img.prestations1{
	margin: auto;
	display:block;
	
}
img.accueil {
	margin-left: 100px;
}
	

/*.....TITRES.....*/


h1 {
	font-family: Candara, Arial, Helvetica, sans-serif;
	font-size: 21px;
	color: #333366;
	padding-left: 15px;	
}

h2 {
	font-family: Candara, Arial, Helvetica, sans-serif;
	font-size: 21px;
	color: #333366;
	padding-left: 15px;	
}

h3 {
	font-family:Candara, Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #333399;
	padding-left:50px;
	font-style:italic; 
}
h4 {
	font-family:Candara, Arial, Helvetica, sans-serif;
	font-size: 20px;
	color:#333333;
}
	
/*.....SEPARATEURS.....*/

hr.separateurhoriz {
	color: #333366;
	background-color: #333366;
	height: 2px;
	margin: 15px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.separateurvertical {
    border-left: 1px solid black;
    padding-left: 10px;
    margin-left: 130px;
}

/*.....MENU.....*/

ul#menu {	
	margin: 0px;		                
  	padding: 1px 1px 0;     
  	width: 230px;         
  	font-size: 1.2em;         
}

ul#menu li {						  
  	list-style-type: none;        
  	margin-bottom: 1px;          
}

ul#menu li a {
  	width: auto;             					
  	width: 100%;           
  	padding: 2px;              
  	text-decoration: none;            
  	background-image: url(../images/maquette/fond_menu.gif);
	display: block;          
}

ul#menu li a {
  	color: #FFFFFF;          
  	background-image: url(../images/maquette/fond_menu.gif);
  	border-left-width: 2px;              
}
 
ul#menu li a:hover {
  	color: #CCCCCC;            
  	background-image: url(../images/maquette/fond_menu2.gif);
  	border-left-width :   2px;             
}

ul#menu li a:active {
  	color: #666666;           
  	background-image: url(../images/maquette/fond_menu3.gif);         
  	border-left-width: 2px;                
}

/*.....FORMULAIRE.....*/


form {
	width: 650px;
	background: #CCCCCC;
	height: auto;
	padding-top: 10px;
	padding-right: 25px;
	padding-bottom: 20px;
	padding-left: 25px;
	left: 200px;
	top: 450px;
}

form p {
	margin: 1em 0;
}

form p.double {
	overflow: hidden;	/* Empêcher le dépassement des flottants */
	width: 100%;        /* Idem pour IE6 */
}

form p.double label {
	float: left;
	width: 180px;
	text-align: right;
	font-family: Candara, Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#333366;
	font-weight: bold;
	cursor: pointer;
}

form p.double label span.info {
	display: block;
	margin-top: .2em;
	font-size: 12px;
	font-weight: normal;
	cursor: default;
}

form p.double input,
form p.double textarea {
	width: 220px;
	margin-left: 12px;
	border: solid 1px midnightblue;
	padding: 2px 4px;
}

form p.double textarea {
	padding: 2px 0 0 4px;
	width: 320px;
	height: 6em;
}

form p.simple {
	margin-left: 200px;
}

/*.....LIENS.....*/

a.contact {
	text-decoration:none;
	color:#000000;
}

a.contact:hover {
	text-decoration:underline;
	color:#000000;
}

a.contact:visited {
	text-decoration:none;
	color:#333366;
}

a {
	text-decoration:none;
	color:#3366CC;
}

a:visited {
	text-decoration:none;
	color: #330099;
}

a:hover {
	text-decoration:underline;
	color: #999999;
}