*{
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
}

body {
	background:url(../gifs/fond.jpg) #FFF top repeat-x;
}

a{
	text-decoration:underline;
}

a:hover{
	text-decoration:none;
}

h1{
	font-size:22px;
	font-weight:normal;
}

.h2style {
	font-size:22px;
	font-weight:normal;
	clear:both;
}

h2{
	font-size:1.1em;
	font-weight:normal;
	border-bottom:solid 1px #FFD00F;
	margin-bottom:20px;
}

.align-center {
text-align:center;
}

/* STRUCTURE ---------------------------------------------------------------------------------*/

#fond_foot{
	background:url(../gifs/bg_foot.jpg) bottom repeat-x;
}

#container {
	width:960px; /* à modifier*/
	margin:0 auto; /* à modifier*/
	background:url(../gifs/main_bg.jpg) repeat-y;
	position:relative;
	padding-top:130px;
}

#content {
	width:100%; /* à modifier*/
}

#header {
	height:130px; /* à modifier*/
	background:url(../gifs/header.jpg);
	position:absolute;
	top:0;
	left:0;
	width:100%;
}

#colonne_gauche {
	width:190px; /* à modifier*/
}

#colonne_centre {
	width:750px; /* à modifier*/
	margin:19px 0 0 20px;
	position:relative;
}

#colonne_centre p{
	text-align:justify;
	font-size:0.8em;
	padding-bottom:1em;
}

#colonne_centre ul{
	font-size:0.8em;
	margin:0 0 1em 40px;
}

#colonne_centre a{
	color:#676767;
}

.contenusite {
float:left;
width:100%;
}

.contenupetit {
	float:left;
	width: 520px;
	margin-top: 20px;
}

.contenu {
	float:left;
	margin-top: 20px;
	width: 100%;
}

.contenugauche {
	float:left;
	width: 260px;
	text-align: center;
}



.contenudroite {
	float:left;
	width: 50%;
}

#footer {
	height:180px; /* à modifier*/
	background:url(../gifs/bg_foot.jpg) repeat-x;
	color:#e5e5e5;
	font-size:12px;
	padding-top:21px;
}

#footer ul{
	list-style:none;
	border-right:solid 1px #383838;
}

#footer a{
	color:#e5e5e5;
	text-decoration:none;
	line-height:18px;
}

#footer a:hover{
	text-decoration:underline;
}

.rapelcontent{
	float:left;
	width:100%;
	text-align: center;
}

/* ELEMENTS -----------------------------------------------------------------------*/

/* HEADER */

#logo {
	height:102px;
	background:url(../gifs/logo.jpg) no-repeat;
	margin:13px 0 0 24px;
}

#logo a{
	color:#FFF;
	display:block;
	text-decoration:none;
	padding:28px 0 0 125px;
	font-size:18px;
	cursor:pointer;
	height:74px;
}

#logo a span{
	display:block;
	padding-left:37px;
}

#logo a:hover{
	background:url(../gifs/logo_over.jpg) no-repeat;
}

#diaporama {
	width:358px; /* à modifier*/
	height:173px; /* à modifier*/
	margin:0 12px 37px 0;
}

/* ENCART CONTACT */

#encart_contact{
	background:url(../gifs/encart_contact.jpg);
	height:326px;
	width:190px;
}

#encart_contact p{
	font-size:12px;
	padding-left:16px;
}

#titre_contact{
	font-size:16px !important;
	padding:18px 0 0 15px;
}

#telephone_contact{
	font-size:17px !important;
	font-weight:bold;
	color:#B80000;
	padding:12px 0 0 16px;
}

#fax_contact{
	font-size:17px !important;
	padding:0 0 0 15px !important;
}

#bouton_contact{
	background:url(../gifs/btn_contact.jpg) no-repeat;
	width:122px;
	height:22px;
	text-decoration:none;
	color:#FFF;
	font-size:14px;
	display:block;
	text-align:center;
	line-height:22px;
	margin:10px auto;
}

#bouton_contact:hover{
	background:url(../gifs/btn_over.jpg) no-repeat;
}

#encart_contact a img{
	border:none;
	display:block;
	margin:10px auto;
}

#bouton_plan{
	background:url(../gifs/btn_plan.jpg) no-repeat;
	width:122px;
	height:22px;
	text-decoration:none;
	color:#000;
	font-size:12px;
	display:block;
	text-align:center;
	line-height:22px;
	margin:0 auto;
}

#bouton_plan:hover{
	background:url(../gifs/btn_over.jpg) no-repeat;
	color:#FFF;
}

/* FOOTER */

#adresse{
	background:url(../gifs/logo_foot.jpg) top center no-repeat;
	width:160px;
	padding:87px 0 0 30px;
	border-right:solid 1px #383838;
	margin-right:20px;
}

#f1{
	margin-left:30px;
	width:185px;
	padding-top:18px;
}

#f2{
	margin:0 40px 0 41px;
	width:172px;
	padding-top:18px;
}

#newsletter{
	width:271px;
}

#newsletter a{
	display:block;
	background:url(../gifs/newsletter.jpg) top left no-repeat;
	height:61px;
	padding-left:105px;
}

#titre_newsletter{
	font-size:14px;
	font-weight:bold;
	padding:20px 0 10px 0;
	border-bottom:solid 1px #AAA;
	margin-bottom:20px;
}

/* ENCARTS ACCUEIL */

#encart1{
	background:url(../gifs/encart1.jpg);
	width:211px;
	height:101px;
	cursor:pointer;
}

#encart2{
	background:url(../gifs/encart2.jpg);
	width:211px;
	height:101px;
	cursor:pointer;
	margin:0 53px 0 54px;
}

#encart3{
	background:url(../gifs/encart3.jpg);
	width:211px;
	height:101px;
	cursor:pointer;
}

#encart1 p, #encart2 p, #encart3 p{
	color:#FFF;
	padding:0 5px;
	height:64px;
}

#encart1 a{
	font-size:12px;
	font-weight:bold;
	color:#250404;
	text-decoration:none;
	display:block;
	text-align:center;
	padding-top:9px;
}

#encart2 a{
	font-size:12px;
	font-weight:bold;
	color:#07192D;
	text-decoration:none;
	display:block;
	text-align:center;
	padding-top:9px;
}

#encart3 a{
	font-size:12px;
	font-weight:bold;
	color:#241605;
	text-decoration:none;
	display:block;
	text-align:center;
	padding-top:9px;
}

#encart1 a:hover{
	color:#511F1F;
}

#encart2 a:hover{
	color:#2E4866;
}

#encart3 a:hover{
	color:#503514;
}

/* RELANCE DE LA NAVIGATION */

#relance{
	border-top:solid 1px #ccc;
	padding:10px 0;
}

#relance p{
	font-weight:bold;
	font-size:12px;
}

#relance a{
	font-size:12px;
}

/* PARTENAIRES */

#partenaires{
	width:200px;
	margin:20px 0 10px 10px;
	background:#f4f4f4;
	padding:10px;
}

#titre_partenaires{
	font-size:16px !important;
	padding:10px 10px 5px 10px !important;
	margin-bottom:10px;
	border-bottom:solid 1px #e5e5e5;
	font-weight:bold;
	text-align:center !important;
}

/********************************************************************* CSS associé aux box d'inscription à la newsletter
*/

#newsletter_iframe {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background:#FFD00F;
}

#newsletter_iframe h1{
	padding-top:20px;
}

#newsletter_iframe h2{
	font-weight:bold;
	border-bottom:solid 1px #FFF;
	font-size:16px !important;
}

#newsletter_iframe a{
	color:#666;
}


div#fancy_div{
	background:#FFD00F !important;
	color:#000 !important;
	font-size:12px;
	padding:10px;
	width:380px !important;
	height:80px !important;
}

div#fancy_content{
	background:#FFD00F !important;
}

#submit_newsletter{
	float:left;
}

#input_newsletter{
	float:left;
	margin:0 15px;
}


/* NAVIGATION --------------------------------------------------------*/

/* MENU HORIZONTAL */

#menuH{
	position:absolute;
	top:98px;
	height:32px;
	width:427px;
	left:524px;
}

ul.MenuHorizontal {
   width: 427px;
   list-style: none;
}

ul.MenuHorizontal li a, ul.MenuHorizontal li a:visited {
   display: block;
   color: #000;         /*Ici, changer la couleur de la police*/
   font-size: 14px;         /*Ici, changer la taille de la police du menu*/
   text-align: center;
   text-decoration: none;
   height:32px;
   line-height:32px;
   cursor:pointer;
}

ul.MenuHorizontal li{
	height:32px;
	float:left;
}

li#menu0 a {
   background-image: url('../gifs/menu_08.jpg');         /*Ici l'image de fond de la cellule*/
   width:66px;
}

li#menu1 a {
   background-image: url('../gifs/menu_09.jpg');         /*Ici l'image de fond de la cellule*/
   width:145px;
}

li#menu2 a {
   background-image: url('../gifs/menu_10.jpg');         /*Ici l'image de fond de la cellule*/
   width:118px;
}

li#menu3 a {
   background-image: url('../gifs/menu_11.jpg');         /*Ici l'image de fond de la cellule*/
   width:97px;
}

li#menu0 a:hover, a#selected-over0 {
   background-image: url('../gifs/over_08.jpg') !important;
}

li#menu1 a:hover, a#selected-over1 {
   background-image: url('../gifs/over_09.jpg')  !important; 
}

li#menu2 a:hover, a#selected-over2 {
   background-image: url('../gifs/over_10.jpg')  !important;
}

li#menu3 a:hover, a#selected-over3 {
   background-image: url('../gifs/over_11.jpg')  !important; 
}

/* MENU VERTICAL */

ul.MenuVertical {
   width:160px;
   height:253px;
   list-style:none;
   margin-left:12px;
}

ul.MenuVertical li a, ul.MenuVertical li a:visited {
	display:block;
   color: #000;         /*Ici, changer la couleur de la police*/
   font-size: 13px;         /*Ici, changer la taille de la police du menu*/
   text-align: left;
   text-decoration: none;
   cursor:pointer;
   height:30px;
   line-height:30px;
   padding-left:8px;
}

ul.MenuVertical li{
	height:30px;
	border-bottom:solid 1px #E1B606;
	border-top:solid 1px #FFDB47;
}

li#menu4 {
	border-top:none;
}

li#menu11 {
	border-bottom:none;
}

li#menu4 a:hover, a#selected-over4, li#menu5 a:hover, a#selected-over5, li#menu6 a:hover, a#selected-over6, li#menu7 a:hover, a#selected-over7, li#menu8 a:hover, a#selected-over8, li#menu9 a:hover, a#selected-over9, li#menu10 a:hover, a#selected-over10, li#menu11 a:hover, a#selected-over11 {
   color:#FFF;
   background:#212121 !important;
}

/* LOUPE --------------------------------------------------------------------------------*/

#loupe {
	position: absolute;
	top:172px;
	right: -4px;
	display: block;
	width: 80px;
	height: 16px !important;
	z-index: 2;
	font-size:14px;
	padding:0 !important;
	color:#000;
}

#loupe span {font-size:12px; color:#000;}

#loupe a {
	width: 30px;
	height: 20px;
	line-height:20px;
	margin-right: 3px;
	color:#000;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
	font-size:11px;}

#loupe a:hover {text-decoration:underline;}

zoom {font-size:14px;}

.texte {
	position: absolute;
	top:176px;
	right:0;
	display: block;
	width:171px;
	color:#000;
	font-size:11px;
}

/* FORMULAIRE DE CONTACT --------------------------------------------------------------------------*/

#contact_form{
	width:430px;
	float:left;
}

#formulaire_1{
	width:430px;
	margin-top:26px;
	padding-top:10px;
	background:#f4f4f4;
}

span.required{
	color:#ff0000;
}

label.required, label.optional{
	width:175px !important;
}

textarea{
	width:211px;
	border:solid 1px #666;
}

input{
	border:solid 1px #666;
}

.submit input{
	padding:2px 5px;
	width:100px;
	background:#FFD00F;
	border:none;
	cursor:pointer;
	color:#000;
	font-weight:bold;
}

div.divGenerateurRequired{
	font-size:0.8em;
	position:absolute;
	top:299px;
	font-style:italic;
	color:#4a4a4a;
}

#contact_infos{
	margin:0 0 0 50px;
	float:left;
	width:260px;
}

.appels{
	font-size:1.1em !important;
	color:#C22F2F !important;
	font-weight:bold;
}

hr{
	border:solid 1px #e4e4e4;
	margin:5px 5px 20px 5px;
}

div.valide{
	background:#FFD00F !important;
	width:400px;
	color:#000 !important;
}


/* MISE EN PAGE ---------------------------------------------------------------------------------------------------------------*/

.float_right {
	float:right;
}

.float_left {
	float:left;
}

.clear_both {
	clear:both;
}

.intro {
	font-size:0.9em !important;
	color:#666;
}


/* TPL ------------------------------------------------------------------------------------------------------------------------*/

/* ENCART */

#encart_promo{
	background:url(../gifs/encart_promo.jpg);
	width:370px;
	height:173px;
	margin-bottom:37px;
}

#encart_promo p{
	font-size:18px;
	font-weight:bold;
	padding:7px 0 0 15px; 
}

#encart_promo ul{
	font-size:12px;
	list-style:none;
	margin:20px 0 0 26px;
}

#encart_promo li{
	height:43px;
}

#encart_promo a{
	text-decoration:none;
	color:#000;
}

#encart_promo a:hover{
	color:#555;
}

#encart_promo span{
	display:block;
	font-style:italic;
}

#bouton_promo{
	width:195px;
	height:25px;
	display:block;
	line-height:25px;
	background:#424242;
	border:solid 1px #0c0c0c;
	color:#FFF !important;
	font-size:13px;
	text-align:center;
	font-weight:bold;
	margin-left:160px;
}

#bouton_promo:hover{
	background:#666;
}

/* PROMOTIONS */

.encarts{
	border:solid 1px #ccc;
	float:left;
	width:185px;
	_width:170px;
	padding:5px 20px;
	margin:0 20px 20px 0;
	_margin:0 15px 20px 0;
	height:120px;
	background:#f4f4f4;
}

.titre_encart{
	color:#000 !important;
	font-weight:bold !important;
	font-size:14px !important;
	border-bottom:solid 1px #FFD00F;
	padding:0 !important;
	margin-bottom:10px;
} 

.encarts a{
	font-size:12px;
	text-decoration:underline;
	display:block;
	text-align:right;
	cursor:pointer;
}

.encarts a:hover{
	font-size:12px;
	text-decoration:underline;
	display:block;
	text-align:right;
}

/* DETAILS */

.details{
	border:solid 1px #e4e4e4;
	overflow:hidden;
	padding:10px;
	margin:0 30px 20px 30px;
	clear:both;
	background:#f4f4f4;
}

.details h2{
	font-size:1.1em;
	color:#000;
	margin-bottom:20px;
}

.image{
	float:left;
	margin:0 10px 10px 0;
	border:none;
}

.lien{
	display:block;
	text-align:right;
	padding-right:30px;
}

/**********************************************************BDD AUTO **************************************/
.numpage {
	display: block;
	height: 17px;
	width: 29px;
	color: #000!important;
	float: left;
	text-align: center;
	text-decoration: none!important;
	line-height: 17px;
	background-image: url(../gifs/bt_nombre.jpg);
	background-repeat: no-repeat;
}

.numpage:hover {
	text-decoration: none!important;
	height: 17px;
	width: 29px;
	line-height: 17px;
	background-image: url(../gifs/bt_nombre2.jpg);
	background-repeat: no-repeat;
}

.numpage_selec {
	display: block;
	height: 17px;
	width: 29px;
	color: #000!important;
	float: left;
	text-align: center;
	text-decoration: none!important;
	line-height: 17px;
	background-image: url(../gifs/bt_nombre2.jpg);
	background-repeat: no-repeat;
}

.bt_suivant{
	height: 17px;
	width: 119px;
	display: block;
	color: #000!important;
	float: left;
	text-align: center;
	text-decoration: none!important;
	line-height: 17px;
	background-image: url(../gifs/bt_suivantover.jpg);
	background-repeat: no-repeat;
	font-weight: bold;
}

.bt_suivant:hover {
	height: 17px;
	width: 119px;
	display: block;
	color: #000!important;
	float: left;
	text-align: center;
	text-decoration: none!important;
	line-height: 17px;
	background-image: url(../gifs/bt_suivant.jpg);
	background-repeat: no-repeat;
	font-weight: bold;
}

.bt_precedent{
	height: 17px;
	width: 119px;
	display: block;
	color: #000!important;
	float: left;
	text-align: center;
	text-decoration: none!important;
	line-height: 17px;
	background-image: url(../gifs/bt_suivantover.jpg);
	background-repeat: no-repeat;
	font-weight: bold;
}

.bt_precedent:hover {
	height: 17px;
	width: 119px;
	display: block;
	color: #000!important;
	float: left;
	text-align: center;
	text-decoration: none!important;
	line-height: 17px;
	background-image: url(../gifs/bt_suivant.jpg);
	background-repeat: no-repeat;
	font-weight: bold;
}

.bt_transparent {
	height: 17px;
	width: 119px;
	display: block;
	float: left;
	background-color: #ffffff;
}

.news_auto_pagination {
	float:right;
	font-size:0.9em;
}

.news_auto {
	width: 500px;
	margin-top: 20px;
	margin-bottom: 20px;
	float: left;
}

.tableau-logo td{
	text-align:center;
	height: 100px;
	width:25%;
}
	
.tableau-logo td:hover{
border-color:#000000;
border-style:solid;
border-width:1px;
}

a img{
border:0px;
}	

#partenaires a img{
margin-left:50px;
}
		
.liste_cat{
}
.fichierbin{
}
.photo{
}

.footerstyle {
	font-size:12px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
}
.footerstyle a{
	text-decoration:none;
	color:#000000;
}
.footerstyle strong{
	font-weight:normal;
}
.h1footerstyle {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	margin-left:125px;
	display:inline;
}
.pfooterstyle {
	display:inline;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}

#h1top {
	position: relative; 
	margin-right: auto; 
	margin-left: auto;
}
#h1toptop {
	bottom:0;
	height:3px;
	margin-left:auto;
	margin-right:auto;
	position:absolute;
	width:100%;	
}