/* CSS Document */

body {
	margin-top: 20px;
  background-color: #006699;	
  height: 100%;		
    font-size: 12px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
html { height: 100%;}

#marge { 
  margin-top: 20px;
  background: #fff;
  width: 900px;
  margin:auto;
}
#intro {
position: absolute;
width: 500px;
height: 300px;
left: 50%;
top: 50%;
margin-left: -250px;
margin-top: -150px;
color: #FFF;
text-align: center;
}
#home {
font-size: 9px;
margin: auto;
color: #0076ae;
}
/*////header///*/
#head{
			     
          width: 898px;
          height: 114px;
          background-image: url(media/images/bdo_haut.jpg);
		  border-top: 1px solid #FFF;
		  border-left: 1px solid #FFF;
		  border-right: 1px solid #FFF;
}
#top_menu {
  position: absolute;
  margin: 94px 0 0 110px;
  }
#top_menu ul {
   list-style		: none;
   padding			: 0px;
   margin:0px;
}
#top_menu li {
  float: left;
  height:30px;
  margin-left: 3px;
 text-indent:0px;

}
#top_menu li a:link, #top_menu li a:visited {
  float:left;
  display:block;
  font: bold 13px Arial, Helvetica, sans-serif;
  line-height:22px;
  color: #fff;
  text-decoration: none;
  height:27px;
 padding:0px 15px 0px 15px;

}
#top_menu li a {
  	background: url(media/images/menu_on_l.gif) 100% 0 no-repeat;
}
#top_menu li a:hover {
  	background: url(media/images/menu_off_l.gif) 100% 0 no-repeat;
}  


#droite_basText {
margin: 30px 0px 0 14px;
}
#droite_basText {
color: #0D699D;
} 
#droite_basText .title_blue{
color: #0D699D;
font-weight:bold;
} 
#left .title_red{
color: #B93131;
font-weight:bold;
} 


#left{
  float: left;
  width: 550px;
  color: #0D699D;

  margin: 30px 0px 10px 10px; 
}
#right{
float:right;
padding-right: 10px;
margin: 30px 0px 10px 5px;
}
.boxTextA{
  width: 100%;
  height: 100%;
  min-height: 110px;
  background: url(media/images/picto1.png)  no-repeat;
  padding-left:35px; 
  margin-bottom:4px;
  
}
.boxText{
  width: 100%;
  height: 100%;
  margin-left:5px; 
  margin-bottom:4px;
  
}
.imgright {
  float: right;
  padding: 3px;
  border: 1px solid #006699;
  margin: 0 38px 0 2px;
  width: 121px;
  height: 91px;
  
}
.imgleft {
  float: left;
  padding: 3px;
  border: 1px solid #006699;
  margin: 0 8px 0 2px;
  
}
/*rea*/
.reaIntro{
  margin: 0 5px 0 2px;}

.imgrea, .imgappli, #affdata img, .appli img{
padding: 3px;
border: 1px solid #006699;
}
.imgrea {
width: 100px;
height: 75px;

}
#droite_rea{margin-bottom:10px ;}
#fla {margin-left:auto; width: 280px; height: 80px; margin-bottom:10px;}
#droite_haut,#droite_rea{
	width: 280px;
	height: 186px;
	margin-left: auto;
	background: url(media/images/boxDH.jpg)  no-repeat;
}
#droite_haut .title, #droite_bas .title, #droite_rea .title{
padding: 2px 0 0 12px;
color: #FFF;
font-weight:bold;
font-family: "Trebuchet MS";
}
#droite_haut li, #droite_rea li{
list-style-type:none;
padding: 0 0 5px 0;
}
a{
color: #0D699D;
font-weight:bold;
}
a:hover{
color: #B93131;
text-decoration:none;

}
#droite_bas{
	width: 280px;
	height: 121px;
	margin:10px 0 0 auto;
	background: url(media/images/boxDB.jpg)  no-repeat;
	
}
#droite_bas img{
float:left;
margin: 20px 0 0 11px;
}
#droite_basText {
float: left;
margin: 20px 0 0 10px;
}
#droite_basText a {

margin-left: 20px;
}
#pubFooter{
	clear: both;
	margin: 50px 0 10px 20px;
	}
#footer {
	clear: both;
	border-bottom :1px solid #FFF;
	border-left :1px solid #FFF;
	border-right :1px solid #FFF;
	left: 0;
	bottom: 0;
	background-color: #89B7CF;
	width: 898px;
	padding: 5px 0 5px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	text-align: center;
			}
#footer a:link,	#footer a:visited, #intro a {
		color: #FFF;
		text-decoration: none;
		padding: 0 5px;
		}
#footer a:hover,	#footer a:active, #intro a:hover {
		background: #B93131;
		
		}		
.note{
font-style: italic;
font-size: 11px;
}
h1{
font-size: 2em;
font-family: Trebuchet Ms;
color: #B93131;
border: 1px solid  #B93131;
background: url(media/images/picto1.png)  no-repeat;  
padding-left:35px; 
height:34px;
}
h2{
font-size: 1.5em;
font-family: Trebuchet Ms;
color: #B93131;
}
h3{
font-size: 1em;
font-family: Trebuchet Ms;
font-weight: bold;
color: #FFF;
background: #89B7CF;
border: 1px solid #006699;

}


#affdata {

    
	
	left:50%;
	margin-left: -250px;
	margin-top: 2px;
	/*width: 400px;*/
	font-size:11px;
	padding-left: 15px;
	text-align:center;
	}
/*FORMULAIRE*/
input, textarea, select {
border: 1px solid #006699;
background: #89B7CF;
color: #006699; 
}

/*Gallery*/
div#galerie
		{
			text-align: center ;
		}
ul#galerie_mini
		{
			margin: 0 ;
			padding: 0 ;
			list-style-type: none ;
		}
ul#galerie_mini li
		{
			float: left ;
		}
dl#photo
		{
			clear: both ;
			margin: 0 auto ;
		}
		dl#photo dt
		{
			font: normal 1.5em/1.5em Trebuchet MS ;
			
		}
		
		dl#photo dd
		{
			margin: 0 ;
		}
		
		dl#photo img
		{
			border: 1px solid #006699 ;
		}
#map {
border: 1px solid #006699;
}
#showmap {
display: none;
}