body{
	background:#fdfdfd url('../images/bg_site.gif') top repeat-x;
	font-family: Arial;
	font-size:11px;
	margin:0;
	color:#695d54;
}

.page{
	width:950px;
	margin:0 auto;
	padding:0;
}

.banniere{
	width:950px;
	height:206px;
	margin:0 auto;
}

#accueil .banniere{margin:0; background:url('../images/banHT_accueil.jpg') top left no-repeat;}
#procedure .banniere{margin:0; background:url('../images/banHT_procedures.jpg') top left no-repeat;}
#activites .banniere{margin:0; background:url('../images/banHT_procedures.jpg') top left no-repeat;}
#contact .banniere{margin:0; background:url('../images/banHT_contact.jpg') top left no-repeat;}
#mentions .banniere{margin:0; background:url('../images/banHT_accueil.jpg') top left no-repeat;}

.contenu{width:950px; background:white url('../images/bg_contenu.gif') top no-repeat; min-height:160px; padding:35px 0 10px 0;}

.logo{margin:44px 0px 0px 72px; float:left;}

/****************** POSITIONNEMENT ET MISE EN FORME DES BLOCS  *************************/

.gauche{float:left;}
.droite{float:right;}

.tdDroite{text-align:right;}
.tdGauche{text-align:left;}

.colGauche{float:left; width:280px; padding:15px; border-right:1Px solid #f7f6f5; margin-left:12px !important; margin-left:7px;}
.colCentre{float:left; width:280px; padding:15px; border-right:1Px solid #f7f6f5;}
.colDroite{float:left; width:280px !important; width:270px; padding:15px ;}

/******************************** ACCUEIL  *********************************/

.horaires{width:244px; height:101px; background:url('../images/bg_horaire.gif') top left no-repeat; margin:10px auto 10px auto; color:#147e9c; padding:70px 15px 0 15px; font-size:14px;}

/******************************** Procedure  *********************************/

.int{width:900px; padding:15px; margin:0 auto;}

.contenuElmtProcedure{padding:10px; float:left; border-right:1px solid #f7f6f5; width:70%; text-align:justify;}

.dl{margin:5px 10px;}

/*********************** CONTACT  ********************************/

.tableContact{float:right; margin-top:10px; line-height:19px;}

.tableContact tr td strong{color:#147e9c;}
.tableContact tr td{font-size:14px; color:#695d54;}

.linkMail,.linkMail:visited,.linkMail:hover{ color:#695d54;}


/******************* POPUP *************************/

.popup{padding:10px; width:730px;}

/************************ TITRES ET TEXTES  **************************************/

.titreAccueil{margin-bottom:7px;}
.titreChapitre{color:#b2aaa4; margin:17px 0px 7px 0; font-size:15px; padding:3px 0; border-bottom:5px solid #dfdbd8; font-weight:bold;}
.titreChapitre strong{color:#147e9c;}
.titreElmtProcedure{background:url('../images/bg_titre_procedure.gif') left no-repeat; margin:3px 0; padding:7px 20px; font-size:12px; color:#FFF;}
.titreElmtProcedure a,.titreElmtProcedure a:visited,.titreElmtProcedure a:hover{color:#FFF;}
.titreSousChapitre{padding:3px;}
.titreSousChapitre a,.titreSousChapitre a:visited{color:#147e9c;font-size:14px;font-weight:bold;}
.titreSousChapitre a:hover{color:#333;}

.marron{color:#695d54;}
.bleu{color:#147e9c;}

.texte{text-align:justify; color:#695d54; margin-bottom:7px;}

.lettrine{float:left; font-size:29px; margin:-5px 0 -5px 0; padding:0 1px 0 0; color:#147e9c; font-family:Georgia;}

.listeBleue{background:url('../images/puce_bleue.gif') left no-repeat; padding:1px 0 2px 10px; border-bottom:1px solid #147e9c;}
.listeBleue:hover{background:#e4eff8 url('../images/puce_bleue2.gif') left no-repeat; padding:1px 0 2px 11px;}
.listeBleue:hover a{color:#147e9c;}

.listeBleue2{background:url('../images/puce_bleue3.gif') top left no-repeat; text-align:justify; padding:1px 0 3px 10px; border-bottom:1px solid #147e9c; margin:8px 0;}

.listeMarron{background:url('../images/puce_marron.gif') left no-repeat; padding:1px 0 2px 10px; border-bottom:1px solid #695d54;}
.listeMarron:hover{background:#efecea url('../images/puce_marron2.gif') left no-repeat; padding:1px 0 2px 11px;}
.listeMarron:hover a{color:#695d54;}

/************************************* MENUS ******************************************/

.minimenu{float:right; padding:11px 35px;}
.minimenu a,.minimenu a:visited,.minimenu a:hover{color:#147e9c;}

.menu{color:#FFF; font-size:13px; padding:0; margin:60px 0 0 20px; float:left;}

.menu img{margin-bottom:9px;}

/********************************** PIED **********************************/

.pied{width:100%; background:url('../images/bg_pied.gif') repeat-x; min-height:170px;}
.pied p{width:894px; text-align:center; color:#695d54; padding:25px 0 0 0; margin:0 auto 0 auto; line-height:20px;}

.pied a,.pied a:visited{color:#147e9c; text-decoration:none;}
.pied a:hover{color:#695d54;}

/************************************ MISE EN FORME CONTACT   ******************************/

.formulaire{font-size:11px;}
.formulaire input, .formulaire textarea{
	width:230px;
	float:right;
	margin:2px 0 2px 0;
	font-size:10px;
	font-family:Arial;
	border:1px solid #695d54;
	padding:2px;
	color:#695d54;
	display:block;
}

.formulaire input[type=image], #Envoyer{width:83px; background:none; border:none;}

/***************************************  DIVERS ET LIENS   ***** ******************************/
p{margin:0;}

a{color:#282828; text-decoration:none;}
a:visited{color:#282828; text-decoration:none;}
a:hover{color:#147e9c; text-decoration:none;}

.lienContact,.lienContact:visited{color:#147e9c;}


a img{border:none;}
.nettoyeur{clear: both; margin: 0; padding: 0; border: none; height: 0; line-height: 1px; font-size: 1px;}

.mailto,.mailto:visited{color:#014e9b;}
.mailto:hover{color:#147e9c;}

.pagination{margin-top:10px;}
.pagination a {margin:2px;font-weight:bold; padding:0px 4px 0 4px; font-size:11px; color:#147e9c;}
.pagination a :visited {margin:2px;font-weight:bold;}
.pagination a:hover {margin:2px;font-weight:bold; padding:0px 4px 0px 4px; color:#282828;}
.pagination .courante  {border-bottom:4px solid #147e9c;padding:0px 4px 0px 4px; color:#147e9c;}