/* CSS Document */

/********GENERAL******/
body {
	background-color: #8A0000;
	margin: 0;
	text-align: center;
	height: 100%;
	background-image: url(images/fd_page.png);
	font-family:  Arial, Helvetica, sans-serif;
}
body, html {
    height: 100%;
}	

#contenu {
width: 930px;
min-height: 100%;
_height: 100%;
position: absolute;
left: 50%;
background: url(images/fd_main.png) repeat-y left top;
margin-left: -465px;
text-align:left;
}
#main {
width: 900px;
margin-left: 15px;
min-height: 100%;
_height: 100%

}

#animhaut {
width: 100%;
line-height: 4px;
border-bottom: 4px solid #6D7887;
}
.button{
	border-top : solid 1px #d5d5d5;
	border-right : solid 1px #808080;
	border-bottom : solid 1px #808080;
	border-left : solid 1px #d5d5d5;
   font-weight:bold;
   cursor:pointer;
   background:  #cccc00;
   color: #575D69;
}
input, textarea, select{
background: #cccc00;
border: 1px solid #FFF;
color: #575D69;
font-size: 11px; 
}
form {
padding: 0;
margin:0;
}
/*********CONTENU GAUCHE HOME****/
#gaucheHome {
float:left;
width: 214px;
padding: 18px 0 0 11px;
 
}
/*****************BOX*************/
.box{
font-family: Verdana, Arial, Helvetica, sans-serif;
width: 200px;
height: 73px;
background:  url(images/fd_box.png);
margin: 7px 7px 0 7px;
}
.boxTitre {
	font-size: 13px;
	margin-left: 15px;
	background-image:url(images/fls_verte.gif);
    background-repeat:no-repeat;
    background-position: 0%  50%;
	padding-left:15px;
	height: 18px; 
}
.boxImage{
float:left;
padding-left:15px;



}
.boxTxt{
    float:right;
	font-size: 11px;
	line-height: 1em;
	width:50%;
	height: 36px;
}
.boxLien, .infotarif{
	float:right;
	font-size: 11px;	
	line-height: 15px;
	padding-left: 19px;
	padding-right: 5px;
	font-weight: bold;
	background: url(images/flesh_roug.gif) no-repeat left bottom ;
}
.boxLien img, .infotarif img{
	width: 12px;
	height: 14px;
	border: 0;
	text-align: center;
	vertical-align: middle;
}
                /*****BOX LIENS*********/     
.boxLien a, .boxLien a:visited,
.infotarif a, .infotarif a:visited
{
    text-decoration:none;
	font-weight: bold;
	color: #8A0000;
	}
.boxTxt a, .boxTxt a:visited{
    text-decoration:none;
	color: #FFF;
	}	
.boxTitre a, .boxTitre a:visited,#mail a{
   	text-decoration:none;
	font-weight: bold;
	color: #CCC000;
	}
	
.boxLien a:hover, .boxLien a:active,
.boxTxt a:hover, .boxTxt a:active ,
.boxTitre a:hover, .boxTitre a:active,
.infotarif a:hover, .infotarif a:active
,#mail a:hover
 {
    color: #CCC000;
	text-decoration: underline;
	}	

/**********CENTRE HOME***************/
#centreHome {
 float: right;
 width: 648px;
 padding: 22px 0 0 24px; 
 	
	}
	
.GTitre{
    
    font-size: 13px;
	background-image:url(images/fleshpoint.png);
    background-repeat:no-repeat;
    background-position: 0%  50%;
	height: 18px;
	padding-left: 28px;
	font-weight: bold;
	color: #CCC000; 
}	
#centreHomeHaut {
	height : 80px;
	font-size: 11px;
	background-image:url(images/imgg1.jpg);
	background-repeat:no-repeat;
	background-position: 0%  0%;
	padding-left: 25%;
	color: #FFF;
	padding-top: 40px;
	border-bottom: 3px solid #6D7887; 
	
	}
#centreHomeBas
{
	font-size: 11px;
	color: #FFF;
	padding-top: 11px;
	}
#centreHomeGauche
{
float:left;
width: 214px;
}
#centreHomeDroit {
  padding-left: 264px;
}

.centreHomeDroitImg {
Float: right;
padding-right: 25px;
}  
.centreHomeDroitBox {
height: 45px;
margin-bottom: 5px;
}   

#rappel, #mail {
	position:absolute;
	color: #FFF;
	margin-top: 20px;
	left:50%;
	width: 345px;
	height: 230px;
	margin-left:-175px;
	font-size:11px;
	padding-left: 15px;
	padding-top: 10px;
	background: url(images/fd_rappel.gif);
} 

#rappel .titre,#mail .titre{   
 color: #CCCC00;
 font-size: 120%;
 font-weight: bold;
  }
.button{
border-top : solid 1px #d5d5d5;
	border-right : solid 1px #808080;
	border-bottom : solid 1px #808080;
	border-left : solid 1px #d5d5d5;
   cursor:pointer;
   color: #575d69;
   }
/******** FOOTER ****************/

#footer {
clear: both;
padding-top: 20px;

}
#menubas {
height: 20px;
list-style-type: none;
margin: 0;
padding:0;
background-image:url(images/fd_menubas.png);
text-align:center;
}  
#menubas li {

    display: inline;
   padding: 0 3px 0 10px;
	background-image: url(images/sep.png);
	background-repeat: no-repeat;
	background-position: left top;
}   
#menubas  a , #footInfo a {
   padding: 0 3px 0 10px;
	font-size: 11px;
	color: #fff;
	text-decoration:none;
	}   

#menubas  a:hover, #footInfo a:hover{
color: #575D69;
	text-decoration:none;
	background : #CCC000;
	}	

#footInfo {
  padding-top: 10px; 
	font-size: 11px;
	color: #FFFFFF;
	text-align: center;
	}
/*****  pages interne*******/

#centre, #centremap {
	float: left;
	width: 650px;
	margin: 6px 0 0 5px;
	font-size:11px;
	color:#FFF;
	background-image: url(images/fd_colD.jpg);
	background-repeat: repeat-y;
	
	padding-right: 40px;
	background-position: right;	
}
#centremap {
color: #000000;
}
#map{
margin: auto;
border: 2px solid #6D7887;
}
#droite {
float: left;
font-size:11px;
color: #FFF;
margin: 6px 11px 0 5px;


}
#nav {
font-size: 11px;
color: #6D7887;
margin-left: 5px;
font-weight: bold;
}
#nav a {
color:#6D7887;
font-weight: normal;
}
#nav a:hover {
color: #FFF;
text-decoration: underline;
}
#titrepage{
   font-family: Verdana;
   font-size: 12px;
    font-weight: bold;
    color: #CCC000;
    padding-left: 28px ;
	line-height: 30px ;
   background: url(images/logo_small.png) no-repeat left bottom ;
   margin: 18px 0 0 3px ;
}
#titrepage a { text-decoration:underline; color:#FFF; }
#titrepage a:hover { text-decoration:underline; color:#8A0000; }
.CTitre { 
    font-size: 12px;
	background: url(images/fleshpoint.png) no-repeat left bottom;
    line-height: 38px;
	padding-left: 28px;
	font-weight: bold;
	color: #CCC000; 
   clear:both; 
   margin-left: 30px;
  }
.DTitre { 
    font-size: 12px;
	background: url(images/fleshpoint.png) no-repeat left bottom;
    line-height: 38px;
	padding-left: 28px;
	font-weight: bold;
	color: #CCC000; 
   clear:both; 
  
  }
.infotarif {clear:both;  }
.parag { text-align: justify;}
.parag a ,#affdata a,#formula a { text-decoration: underline; color:#FFF;}
.parag a:hover,#affdata a:hover, #formula a:hover { text-decoration: underline; color:#8A0000;}

.imgdroite{
 float: right;
 margin-left: 10px;
 padding: 3px ;
 border: 1px solid #6D7887;
 }
 .imggauche{
 float: left;
 margin-right: 15px;
 padding: 3px ;
 border: 1px solid #6D7887;
 }
.titre1Data{
  color: #CCC000;
  font-weight: bold;
  text-align:center;
  }
.titre2Data{
 color: #CCC000;
  } 
#sidebar li{
float: left;
}
#sidebar ul{
list-style-type: none;
}
#sidebar a {
margin: 0 2px;
width: 100px;
height: 20px;
display: block;
text-align: center;
border: 1px solid gray;
text-decoration: none;
color: #000;
background: #fff;
line-height: 2em;
}
#sidebar a:hover{
background: #ccc;
border: 1px solid gray; 
}

#sidebar a:active{
background: gray;
border: 1px solid gray; 
color: #fff;
}