body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: black;
background-image : url(img/fond.jpg); 
margin:0;
padding:0;
}
 
.imagegauche {
float : left; 
margin : 0; 
} 
.imagedroite {
float : right; 
} 
#conteneur {
visibility : visible;
background-repeat:no-repeat;
background-color:white;
width : 854px; 
margin-left: auto;					/* gere les marge pour un centrage parfait */
margin-right: auto;					/* nécessite de spécifier le width */
text-align: left;					/* Bug IE: correctif */
} 
#conteneur h1 {
text-indent:-5000px;
margin:0;
line-height:0;
} 
#conteneur h2 {
text-indent:-5000px;
margin:0;
line-height:0;
}
#logo {
position:absolute;
top:9px;
left:19px;
}
#menuhaut {
font-size: 1.1em;
font-weight: bold;
height:49px;
color:white;
text-align:left;
margin:0;
padding:0;
list-style:none;
background-image : url(img/fd-NAV.gif);
}
ul#menuhaut{
padding-left:36px;
color:#fff;
}
#menuhaut li {
float:left;
color:#fff;
}
#menuhaut li a {
display: block;
width: 129px;
height:49px;
background: url(img/fd-nav-OFF.gif) left top no-repeat ;
color: #fff;
line-height:4.3em;
text-align:center;
text-decoration: none;
}
#menuhaut li a:hover, #nav li a:focus, #nav li a:active {
background:url(img/fd-nav-ON.gif) left top no-repeat;
text-decoration:none;
}

#bandeau {
position:relative;
height:219px;
margin:0;
padding:0;
background:url(img/bandeau.jpg) top left no-repeat;
}
/*/////////////////////Flash info//////////////*/
#flash{
	margin:5px 10px 0px 10px;
	padding:0;
	overflow:hidden;
	height:14px;

}
#flash a{
font-size:11px;
	color:#000;
	text-decoration:none;
}
#flash a:hover{
	color:#3a9b41;
} 
.annulefloat {
clear:both;
visibility:hidden;
margin:0;
padding:0;
}
/* ::::::::::::::::::::::: VIDEOS ::::::::::::::::::::::::: */
#poistionPub{
position:absolute;	
top:110px;
margin:0 0 0 495px;
}
#poistionslide{
position:absolute;	
top:10px;
margin:0 0 0 576px;
}
#imageSlideshowHolder{
background-color:#000;
border:1px solid #fff;
position:relative;	/* Never change this value */
}
#colgauche{
width:299px;
float:left;
/*min-width:150px;*/
}
#circuit{
float:left;
text-align:left;
height:110px;
}
#circuit h3{
font-size: 10px;
margin:0px 0 0 130px;
padding:0;
color:#252;
line-height:19px;
}
#coordonnees h3{
font-size: 10px;
margin:0px 0 0 80px;
padding:0;
color:white;
line-height:19px;
}
#news h3{
font-size: 10px;
margin:0px 0 0 150px;
padding:0;
color:white;
line-height:19px;
}
#circuit p{
font-size: 10px;
margin:0.9em 0.7em 0 6em;
padding:0;
font-weight:bold;
color:white;
height:98px;
overflow:auto;
}
#news{
float:left;
text-align:left;
height:115px;
}
#news p{
font-size: 0.9em;
margin:0.8em 0.7em 0 6em;
padding:0;
font-weight:bold;
text-align:center;
color:white;
height:85px;
overflow: hidden;

}
#news a{
color:white;
text-decoration:none;
}
#news a:hover{
color:#DBFEAB;
text-decoration:none;
}
#coordonnees{
float:left;
text-align:left;
height:80px;
width: 280px;
}
#coordonnees p{
font-size: 0.9em;
margin:0.8em 0.6em 0 6em;
padding:0;
font-weight:bold;
text-align:center;
color:white;
height:66px;

}
#coordonnees a{
color: black;
text-decoration:none;
}
#coordonnees a:hover{
color: #666;
text-decoration:none;
}
#colmilieu{
width:256px;
float:left;
}
#activitesIndi{
float:left;
text-align:left;
width:366px;
background:url(img/fd-activites.gif) top left no-repeat;
}
#activitesIndi h3{
height:49px;
font-size: 12px;
padding:0 0 0 130px;
margin:0;
color:#5ab116;
line-height:4.2em;
}
.titiboite1 h4, .titiboite h4 {
font-size: 0.9em;
margin:0 0 0 15px;
color:#252;
}
.titiboite1 h4 {
padding-top:3px;
}
.titiboite1 a, .titiboite a {
color:#234500;
text-decoration:none;
}
.titiboite1 a:hover, .titiboite a:hover{
color:#999999;
text-decoration:none;
}
.photogauche {
float : left; 
margin :15px 0px 0px 10px; 
} 
.photodroite {
float : right; 
margin :15px 16px 0px 10px; 
}
.photodroitebloc {
float : right; 
margin :16px 16px 0px 0px; 
}
.photogauchebloc {
float : left; 
margin :16px 0px 0px 9px; 
}
.photodroitebloc2 {
float : right; 
margin :9px 16px 0px 0px; 
}
.photogauchebloc2 {
float : left; 
margin :9px 0px 0px 9px; 
} 
#coldroite{
width:295px;
float:right;
}
#activitesEntre{
float:left;
height:366px;
text-align:left;
margin:0;
background:url(img/fd-professionnels.jpg) top left no-repeat;
}
#activitesEntre h3{
height:49px;
font-size: 12px;
padding:0 0 0 170px;
margin:0;
color:#eb3b04;
line-height:4.2em;
}
#textPro{
float:right;
width:224px;
margin:7px 8px 0 0;
}
#textPro ul{
margin:0;
padding:0;
list-style-type:none;
}
#textPro ul li{
margin:0;
padding:8px 0 8px 16px;
border-top:1px solid #f1dcdc;
background:url(img/pict-textPro.gif) 2px 10px no-repeat;
}
#textPro ul li a{
color:#000;
text-decoration:none;
}
#textPro ul li a:hover{
color:#cc0000;
text-decoration:none;
}
#pieddepage {
clear:both;
height:270px;
margin:0;
padding:22px 35px 0 24px;
background:#fff url(img/fd-pied.gif) top left no-repeat;
}
#adresse {
float:left;
width:208px;
}
#adresse p {
margin:0 0 15px 0;
padding:0;
}
#menubas, #paiement, #cheque {
float:right;
padding:0;
margin:0;
list-style:none;
}
#menubas {
width:580px;
text-align:center;
font-size: 11px;
margin:0 0 12px 0;
padding:6px 0 6px 0;
border-top:1px solid #dadada;
border-bottom:1px solid #dadada;
}
#paiement {
text-align:left;
font-size: 10px;
width:395px;
}
#cheque {
text-align:left;
font-size: 10px;
width:185px;
}
#cheque span {
float:left;
}
#cheque img {
float:right;
}
#menubas ul, #paiement ul {
padding:0;
margin:0;
}
#menubas ul li, #paiement ul li{
display:inline;
}
#pieddepage, #pieddepage a{
color:#000;
text-decoration:none;
}
#pieddepage a:hover{
color:#cc0000;
text-decoration:none;
}
.lienref {
margin:1em 2em 2em;
}
.barrepied{
width:95%;
color:#999999;
}
.textref{
font-size:110%;
color:#368385;
font-weight:bold;
}

