/*http://www.ville-saintquentin.fr/pages/popup/stylecss/styleeco.css*/

/* pour centrer le site*/
body {
margin: 0; /* pour éviter les marges */
padding:0px; /* pour éviter la largeur de remplissage des bords d'un élément*/
text-align: center; /* pour corriger le bug de centrage IE */
font-family:Arial, Helvetica, sans-serif; /* police de caractere */
color: #OOOOOO; /* couleur de texte */
font-size: 12px; /* taille de la police */
background-color:#FEFCF3;
}

#global {
     position:absolute;
     left: 50%; 
     top: 0;
     width: 1008px;
     height: 614px;
     margin-top: 0px; /* moitié de la hauteur */
     margin-left: -512px; /* moitié de la largeur */
	 }

/* pour centrer le site*/
#Content {
        position:absolute;
        left:50%;
        width:1024px; /* largeur du site (obligatoire pour être centré) */
        margin-top:0px; /* marge a partir du haut*/
        margin-left:auto; /* marge a partir de la gauche */
       margin-right:auto
	   }
	   
	   
	   

   
/* emplacement des divs */
.menu {
	width:200px;
	height:546px;
	top:120px;
	left:0px;
	position:absolute;
	background-color:#FBF5E0;
	border-right-style: none;
	overflow: hidden;
	}
	
.logo{
	width:200px;
	height:120px;
	top:0px;
	left:0px;
	position:absolute;
	background-image: url(images/logo.jpg);
	background-color: #fbf5e0;
	background-repeat: no-repeat;
	background-position: center center;
	}
	
.entete{
	width:808px;
	height:100Px;
	top:0px;
	left:200px;
	position:absolute;
	background-color:#C5E4F9;
	background-image: url(images/enteteindex.jpg);
	}
	
	.entete1{
	width:808px;
	height:100Px;	
	top:0px;
	left:200px;
	position:absolute;
	background-color:#ECE9D8;
	background-image: url(images1/entete1.jpg);
	}

	.menu1 {
	width:200px;
	height:1310px;
	top:120px;
	left:0px;
	position:absolute;
	background-color:#FBF5E0;
	border-right-style: none;
	overflow: hidden;
	}
	
	.entete2{
	width:808px;
	height:100Px;	
	top:0px;
	left:200px;
	position:absolute;
	background-color:#ECE9D8;
	background-image: url(images2/entete2.jpg);
	}
	
	.menu2 {
	width:200px;
	height:1560px;
	top:120px;
	left:0px;
	position:absolute;
	background-color:#FBF5E0;
	border-right-style: none;
	overflow: hidden;
	}
	.entete3{
	width:808px;
	height:100Px;	
	top:0px;
	left:200px;
	position:absolute;
	background-color:#ECE9D8;
	background-image: url(images3/entete3.jpg);
	}
		.menu3 {
	width:200px;
	height:1288px;
	top:120px;
	left:0px;
	position:absolute;
	background-color:#FBF5E0;
	border-right-style: none;
	overflow: hidden;
	}
	
	.entete4{
	width:808px;
	height:100Px;	
	top:0px;
	left:200px;
	position:absolute;
	background-color:#ECE9D8;
	background-image: url(images4/entete4.jpg);
	}
	.menu4 {
	width:200px;
	height:1225px;
	top:120px;
	left:0px;
	position:absolute;
	background-color:#FBF5E0;
	border-right-style: none;
	overflow: hidden;
	}
	.entete5{
	width:808px;
	height:100Px;	
	top:0px;
	left:200px;
	position:absolute;
	background-color:#ECE9D8;
	background-image: url(images5/entete5.jpg);
	}
	.menu5 {
	width:200px;
	height:1033px;
	top:120px;
	left:0px;
	position:absolute;
	background-color:#FBF5E0;
	border-right-style: none;
	overflow: hidden;
	}
	.entete6{
	width:808px;
	height:100Px;	
	top:0px;
	left:200px;
	position:absolute;
	background-color:#ECE9D8;
	background-image: url(images6/entete6.jpg);
	}
	.menu6 {
	width:200px;
	height:1343px;
	top:120px;
	left:0px;
	position:absolute;
	background-color:#FBF5E0;
	border-right-style: none;
	overflow: hidden;
	}
.entete7{
	width:808px;
	height:100Px;	
	top:0px;
	left:200px;
	position:absolute;
	background-color:#ECE9D8;
	background-image: url(images7/entete7.jpg);
	}
	.menu7 {
	width:200px;
	height:1417px;
	top:120px;
	left:0px;
	position:absolute;
	background-color:#FBF5E0;
	border-right-style: none;
	overflow: hidden;
	}
	.entete8{
	width:808px;
	height:100Px;	
	top:0px;
	left:200px;
	position:absolute;
	background-color:#ECE9D8;
	background-image: url(images8/entete8.jpg);
	}
	
	.menu8 {
	width:200px;
	height:1170px;
	top:120px;
	left:0px;
	position:absolute;
	background-color:#FBF5E0;
	border-right-style: none;
	overflow: hidden;
	}
	
	.entete9{
	width:808px;
	height:100Px;	
	top:0px;
	left:200px;
	position:absolute;
	background-color:#ECE9D8;
	background-image: url(images9/entete9.jpg);
	}
		.menu9 {
	width:200px;
	height:1545px;
	top:120px;
	left:0px;
	position:absolute;
	background-color:#FBF5E0;
	border-right-style: none;
	overflow: hidden;
	}
	.entete10{
	width:808px;
	height:100Px;	
	top:0px;
	left:200px;
	position:absolute;
	background-color:#ECE9D8;
	background-image: url(images10/entete10.jpg);
	}
	
	.menu10 {
	width:200px;
	height:1225px;
	top:120px;
	left:0px;
	position:absolute;
	background-color:#FBF5E0;
	border-right-style: none;
	overflow: hidden;
	}
	
	.entete11{
	width:808px;
	height:100Px;	
	top:0px;
	left:200px;
	position:absolute;
	background-color:#ECE9D8;
	background-image: url(images11/entete11.jpg);
	}
	
	.menu11 {
	width:200px;
	height:1237px;
	top:120px;
	left:0px;
	position:absolute;
	background-color:#FBF5E0;
	border-right-style: none;
	overflow: hidden;
	}
	
	.entete12{
	width:808px;
	height:100Px;	
	top:0px;
	left:200px;
	position:absolute;
	background-color:#ECE9D8;
	background-image: url(images12/entete12.jpg);
	}
	
	.menu12 {
	width:200px;
	height:1048px;
	top:120px;
	left:0px;
	position:absolute;
	background-color:#FBF5E0;
	border-right-style: none;
	overflow: hidden;
	}
	
	.entete13{
	width:808px;
	height:100Px;
	top:0px;
	left:200px;
	position:absolute;
	background-color:#ECE9D8;
	vertical-align: middle;
	}
	
	.entete14{
	width:808px;
	height:100Px;
	top:0px;
	left:200px;
	position:absolute;
	background-color:#ffffff;
	vertical-align: middle;
	border-bottom-style: solid;
	border-bottom-color: #993300;
	background-image: url(images/enteteindex.jpg);
	}
.contenu {
	width:808px;
	height:564px;
	top:100px;
	left:200px;
	position:absolute;
	background-color:#FFFFFF;
	text-align: left;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-color: #FBF5E0;
	border-right-color: #FBF5E0;
	border-bottom-color: #FBF5E0;
	border-left-color: #FBF5E0;
	}
	  
	  
.baspage{
	width:808px;
	height:33px;
	top:660px;
	left:200px;
	position:absolute;
	background-color:#FBF5E0;
	}   


/* titres gras blanc */
h1 { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 14px;
	color: #383c90; 
	text-align: left; 
	margin-bottom:0; 
	}
	
	h2 { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 14px;
	color: #a4461d; 
	text-align: left; 
	margin-bottom:0; 
	}
	
	h3 { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 16px;
	color: #a4461d; 
	text-align: center; 
	margin-bottom:0; 
	}
	
		h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #383c90;
	text-align: left;
	margin-bottom:0;
	font-style: italic;
	font-weight: bold;
	}
	
	h5 { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 14px;
	color: #383c90; 
	text-align: center; 
	margin-bottom:0; 
	}