/********************************************************* Balise ************************************************/
* {
	margin:0;
	padding:0;
}

#colonne_gauche a:hover, #colonne_droite a:hover {
	text-decoration:none !important;
}

body {
	font-family:Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
	background:url(gifs/tranche_bg.jpg) repeat-x #fff;
	color:#000000;
	text-align:justify;
	font-size:12px;
	
}

#container {
	width:969px;
	margin:0px auto;
	position:relative;
	padding-top:219px;
}

#header {
	position:absolute;
	background:url(gifs/head.jpg);
	height:219px;
	width:969px;
	top:0px;
}

#logo {
	position:absolute;
	left:32px;
	top:43px;
}

#content {
	position:relative;
	padding:10px 0px;
	background:url(gifs/fake.jpg) no-repeat;
	overflow:hidden;
}

#colonne_gauche {
	width:255px;
	float:left;
	border-right:solid 1px #e7cece;
	margin:0px 0px 10px 0px;
}

#colonne_centrale {
	display:none;
}

#colonne_droite {
	float:right;
	width:690px;
	margin:0px 15px 10px 0px;
}

#footer {
	clear:both;
	position:relative;
	background-image:url(gifs/foot.jpg);
	width:939px;
	height:211px;
	margin:10px auto 0px;
}

/************************************ Lien *****************************************************/
#colonne_droite a {
	font-weight:bold;
	color:#000000;
	text-decoration:underline;
}

#colonne_droite a:hover {
	font-weight:bold;
	color:#fffffff;
}

#colonne_droite ul {
	margin:0 0 10px 25px;
	padding:0;
	list-style:none;
}

#colonne_droite ul li {
	line-height:17px;
	color:#000;
	text-align:left;
	padding-left:10px;
}

/************** LOUPE *************/
#mention_loupe {
	position:absolute;
	top:215px;
	right:85px;
	font-size:11px;
	color:#444;
}

#loupe {
	position: absolute;
	top: 209px;
	right: 10px;
	display: block;
	z-index: 1000;
	font-size:12px;
	border:1px solid #a90000;
	padding:0px 3px;
}

#loupe span {
	font-size:10px;
	color:#d01f12;
}

#loupe strong {
	color:#a90000;
}

#loupe a {
	width: 30px;
	line-height:20px;
	margin-right: 3px;
	color:#000000;
	text-align:center;
	text-decoration:none;
}

#loupe a:hover {
	background-color:#FFEAEB;
}

/************** FIN LOUPE *************/

/****************** Menu ********************************/
ul.nav {
   width: 255px;
   list-style: none;
   margin: 0;
   padding: 0;
   overflow: hidden;
}

ul.nav li {
   width: 100%;
   	margin:1px 0px 0px 0px;
}

ul.nav li a {
   display: block;
   background-image:url(gifs/menu.jpg);
   color: #000000;         /*Ici, changer la couleur de la police*/
   line-height:21px;         /*Ici, on joue sur line-height pour centrer le texte verticalement*/
   padding-top:3px;
   height: 24px;         /*Ici, on augmente la hauteur du menu*/ 
   text-decoration: none;
   text-indent:30px;
   font-size:14px;
   font-weight:bold;
}

li#menu0 a { 
}

li#menu1 a {
}

li#menu2 a {
}

li#menu3 a {
}

li#menu4 a {
}

li#menu5 a {
}

li#menu6 a {
}

li#menu7 a {
}

li#menu0 a:hover, a#selected-over0, li#menu1 a:hover, a#selected-over1, li#menu2 a:hover, a#selected-over2, li#menu3 a:hover, #selected-over3 a, 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{
   background-image:url(gifs/over.jpg) ;         /*Ici l'image de fond over de la cellule*/
   color:#FFFFFF;
}

.subMenu li a {
	font-size:12px !important;
	background:none !important;
	color:#000000;
}

.subMenu li a:hover {
	font-size:12px !important;
	color:#a90000 !important;
	background:none !important;
}

#menu_ouvert li a {
	font-size:12px;
	background:none !important;
	color:#000000;
}

#menu_ouvert li a:hover {
	font-size:12px ;
	color:#a90000 !important;
}


#submenu_selected {
	font-size:12px !important;
	color:#a90000 !important;
}
/**********************************************************/

/********************** Contact et plan *****************/
#contact {
	border:solid 1px #a90000;
	padding: 15px 4px 8px;
	font-size:14px;
	margin:10px 10px 10px 0px;
}

.tel_contact {
	color:#a90000;
	font-size:18px;
}

.tel2 {
	color:#0080c1;
	font-size:16px;
}

.bleu {
	color:#0080c1;
}

#contact a {
	color:#a90000;
	font-size:16px;
	margin:0px 0px 0px 110px;
	font-weight:bold;
}

#plan .a_txt {
	color:#a90000;
	font-size:16px;
	margin:0px 0px 0px 90px;
	font-weight:bold;
}
/**********************************************************/

/********************* Footer ***************************/
#foot_li1 {
	list-style-position:outside;
	list-style-type:square;
	color:#FFFFFF;
	padding:8px 25px;
	width:200px;
	float:left;	
}

#foot_li1 a, #foot_li2 a, #foot_li2 li{
	color:#FFFFFF;
	text-decoration:none;
	font-size:14px;
}

#foot_li1 a:hover, #foot_li2 a:hover{
	text-decoration:underline;
}


#foot_li2 {
	list-style-position:outside;
	list-style-type:square;
	color:#FFFFFF;
	padding:8px 25px;
	width:250px;
	float:left;	
} 

#foot_li2 li {
	clear:both;
}

#foot_li2 li ul {
	list-style-position:outside;
	list-style-type:none;
	list-style-image:url(gifs/puce.jpg);
	color:#FFFFFF;
	padding:8px 15px;
}

#foot_li2 ul li a,  #foot_li2 ul li {
	color:#FFFFFF;
	text-decoration:none;
	font-size:12px;
}

#foot_li2 ul li a:hover{
	text-decoration:underline;
}

#foot_li2 li ul li ul {
	list-style-position:outside;
	list-style-type:none;
	list-style-image:none;
	color:#FFFFFF;
	padding:3px 60px;
	float:left;	
}

#foot_li2 ul li ul li a{
	color:#FFFFFF;
	text-decoration:none;
	font-size:10px;
}

#foot_li2 ul li ul li a:hover{
	text-decoration:underline;
}

#texte_infos {
	color:#FFFFFF;
	text-align:right;
	padding:70px 8px 0px 0px;
}

#liens_utiles {
	clear:both;
	text-align:center;
	position:absolute;
	bottom:10px;
	left:200px;
	color:#FFFFFF;
}

#liens_utiles a{
	text-decoration:none;
	color:#FFFFFF;
}

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

/********************************************************/

/********************* Colonne droite **************************/
h1 {
	font-size:1.8em;
	margin:5px 0px 10px;
	clear:both;
}

#colonne_droite p {
	margin:5px;
}

#colonne_droite p strong{
	color:#d01f12;
}

.filet {
	border-top:1px dashed #d01f12;
	clear:both;
}

#encart1 {
	background-image:url(gifs/encarts_06.jpg);
	width:338px;
	height:204px;
	margin:0px 5px 10px 9px;
	position:absolute;
	top:30px;
}

#encart1 .h2 {
	font-size:20px;
	padding:38px 0px 0px 33px;
}

#encart1 .h2:first-letter {
	font-size:26px;
	color:#FFFFFF;
}

#encart1 p {
	margin: 0px 30px 0px 25px;
}

#encart1 a {
	color:#a90000;
	float:right;
	text-decoration:none;
}

#encart1 a:hover {
	text-decoration:underline !important;
}

#encart2 {
	background-image:url(gifs/encarts_08.jpg);
	width:329px;
	height:204px;
	position:absolute;
	top:30px;
	left:620px;
}

#encart2 h2 {
	margin:10px;
	font-size:1.6em;
}

#encart2 ul {
	margin: 22px 0px 0px 32px;
}

#encart2 li {
	height:24px;
}

#texte_index {
	padding-top:350px;
}
#partenaires {
	background-image:url(gifs/partenaire.jpg);
	width:683px;
	height:71px;
	margin:40px auto;
	position:absolute;
	clear:both;
	top:215px;
	left:280px;
}

#baseline {
	position:absolute;
	bottom:-2px;
	left:294px;
	color:#0080C1;
	font-family:Georgia, "Times New Roman", Times, serif;
}

#partenaires .lien_txt {
	color:#a90000;
	text-decoration:none;
	font-size:1.4em;
	position:absolute;
	top:10px;
	left:50px;
}

#logo_bat {
	border:none;
	position:absolute;
	top:15px;
	left:300px;
}

#logo_fr {
	border:none;
	position:absolute;
	top:10px;
	left:500px;
}

#diaporama {
	float:left;
}

#diapo {
	float:right;
	margin:5px 10px 0 0;
	border:2px solid #CD1E0D;
}

.lien_blck {
	display:block;
	width:auto;
	float:right;
	color:#a90000 !important;
	background-image:url(gifs/puceA.jpg);
	height:11px;
	line-height:11px;
	background-repeat:no-repeat;
	text-indent:20px;
}

.img_float_left {
	float:left;
	padding: 8px 8px 8px 0px;
}

.img_float_right {
	float:right;
	padding: 8px 0px 8px 8px;
}

.tiers_de_page {
	float:left;
	width:33%;
	text-align:center;
}

.tiers_de_page img {
	border:2px solid #d01f12;
	margin:8px 0px;
}


.sous_titres {
	font-size:1.2em;
	clear:both;
	margin:5px 5px 12px 5px;
	color:#a90000;
}

h3 {
	padding:8px;
}
/********************************************************/

/********************** Contact **************************/
#contactform {
	width:330px;
	float:left;
	margin:10px 0px;
}

.email_cont {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#a90000;
	background-color:#FFFAFA;
	border:#a90000 1px solid;
	width:100%;
}

.bouton_cont {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	background-color:#a90000;
	border:#d01f12 1px solid;
	width:150px;
	margin:0px 90px;
	cursor:pointer;
}

#contactform label {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}

#contact_col2 {
	width:330px;;
	float:right;
	margin:10px 0px;
	height:300px;
}

/***********************************************************CONTACT FORMULAIRE*********************************/

.input_form {
	background-color: #FFFAFA;
	border:#a90000 1px solid;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#a90000;
	width: 90%;
}

.area_form {
	background-color: #FFFAFA;
	border:#a90000 1px solid;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#a90000;
	width: 90%;
	overflow: auto;
}
.bouton_form {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	background-color:#a90000;
	border:#d01f12 1px solid;
	width:150px;
	margin:0px auto;
	cursor:pointer;
}

#content #colonne_droite #formulaire_1 .submit {
	margin-left:75px !important;
	margin-top:20px !important;
}

.bouton_form:hover {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	background-color:#a90000;
	border:#d01f12 1px solid;
	width:150px;
	margin:0px auto;
	cursor:pointer;
}

.optional {
	width:95px !important;
	text-align:left !important;
}

.required {
	width:100% !important;
	text-align:left !important;
}

#zone_txt .required {
	width:100% !important;
	text-align:left !important; 
}

.divGenerateurRequired {
	margin: 0px 0px 10px 10px !important; 
}



/************************************************* Newsletter **********************************************************/
.email_news {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#a90000;
	background-color:#FFFAFA;
	border:#a90000 1px solid;
	width:250px;
	margin:0px 10px;
}

.bouton_news {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	background-color:#a90000;
	border:#d01f12 1px solid;
	cursor:pointer;
}
/********************************************************/

/********************************************************/

/********************************************************/

/********************************************************/

/********************************************** Class *********************************************/


/**************************************************BDD AUTO **************************************/
.pagination	{
	height:15px;
	margin:10px auto;
}

.numpage {
	height:15px;
	width:15px;
	line-height:15px;
	text-align:center;
	display:inline;
	font-size:11px;
	float:left;
	color:#fefefe!important;
	text-decoration:none;
	font-weight:900;
	margin:2px;
	background:url(gifs/pagination_link.jpg) no-repeat;
}

.numpage_selec {
	height:15px;
	width:15px;
	font-size:11px;
	margin:2px;
	line-height:15px;
	text-align:center;
	display:inline;
	float:left;
	color:#fefefe!important;
	text-decoration:none;
	font-weight:900;
	background:url(gifs/pagination_hover.jpg) no-repeat
}

.bt_suivant	{
	height:15px;
	width:15px;
	line-height:15px;
	text-align:center;
	display:inline;
	float:left;
	background:url(gifs/suivant.jpg) no-repeat;
	margin:2px;
}

.bt_suivant_inactiv	{
	height:15px;
	width:15px;
	line-height:15px;
	text-align:center;
	display:inline;
	float:left;
	background:url(gifs/suivant_inactiv.jpg) no-repeat;
	margin:2px;
}

.bt_precedent {
	height:15px;
	width:15px;
	line-height:15px;
	text-align:center;
	display:inline;
	float:left;
	background:url(gifs/precedent.jpg) no-repeat;
	margin:2px;
}

.bt_precedent_inactiv {
	height:15px;
	width:15px;
	line-height:15px;
	text-align:center;
	display:inline;
	float:left;
	background:url(gifs/precedent_inactiv.jpg) no-repeat;
	margin:2px;
}

.liste_cat{
}
.fichierbin{
}
.photo{
}
/**********************************************************************************************************/



/*********************************************************LIGHTBOX*****************************************/

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#keyboardMsg a, #keyboardMsg a:hover { color:#d01f12; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(gifs/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="gifs/overlay.png", sizingMethod="scale");
	}
	
/**********************************************************************************************************/

/***************************************** Couleurs **************************************************/

.rougeclair {	
	color:#d01f12;
}

.rougefonce {
	color:#a90000;
}


/**********************************************************************************************************/

#associe {
	border:1px solid #999;
	font-size:12px;
	margin:10px 10px 10px 0;
	padding:15px 4px 8px;
	background:url(gifs/gosset.jpg) no-repeat #fff 0 3px;
}

#associe h4 {
	color:#999;
	font-size:14px;
}

#associe a {
	color:#999;
}

#associe a:hover {
	text-decoration:none;
}