body {
margin: 0;
padding: 0;
background-color:#BCBCBC;
font-size:0.9em; 
font-family:arial; 
}

#conteneur
{
   position:absolute;
   width: 772px;
   left:50%;
   top:5px;
   margin-left:-386px;
}

#haut
{
position:relative;
top:0px;
}

#identite
{
margin-left:2px;
}

#activite-fr
{
margin-left:170px;
}

#barre
{
margin-left:10px;
}

#activite-en
{
margin-left:10px
}


.ligne
{
width:100%;
background-color:#6E0B14;
border:none;
padding: 0;
height: 5px;
margin-bottom:5px !important;
margin-bottom:1px;
margin-top:0px;
line-height:1px;
}

#bandeau
{
background-image:url("images/bandeau-contenu.jpg");
background-repeat : no-repeat;
width:100%;
height:150px;
}

#titre
{
   position:relative;
   left:270px;
   top:-30px;
   z-index:50;
}

#menu
{
   z-index:10;
}

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: relative;
top: 0;
left: 0;
z-index:100;
width: 100%;
}

#menubas dl {
float: left;
width: 20%;
margin: 0;
}

#menubas dt {
text-align: center;
font-size:0.8em;
background: #DADADA;
border: 1px solid #6E0B14;
border-right:0;
color: #6E0B14;
font-size:1em;
}

#menubas li{
text-align: center;
background: #DADADA;
}

#menubas li a, #menubas dt a
{
text-decoration: none;
display: block;
height: 100%;
border: 1px solid #6E0B14;
border-top : 0;
font-size:0.8em;
}

#menubas a:hover
{
background: #bcbcbc;
color: #333333;}

#menubas a
{
color: #6E0B14;
}

#smenu1
{
float:left;
}

#ssmenu1
{
position:relative;
top:0px;
left:0px;
float:left;
display:none;
}

#contenu
{
border: 1px solid #6E0B14;
border-bottom: 0;
background-image:url('images/fond.gif');
}


#texte
{
margin-top:30px;
margin-left:20px;
margin-right: 20px;
text-align:justify;
}

.photo
{
position:relative;
float: right;
margin-left:20px;

}

.interligne
{
position:relative;
width:48px;
height:10px;
left:50%;
margin-left:-24px;
margin-top:30px;
}

#photo1
{
position:relative;
top:-20px;
}

#photo2
{
position:relative;
top:-10px;
}

#photo-relation
{
position:relative;
top:-50px;
}

#photo-efficacite
{
position:relative;
top:-40px;
}

#photo-transparence
{
position:relative;
top:30px;
}

#acces
{
align:center;
width:324px;
height:392px;
}

.plan
{margin : 20px;
border: 1px solid #6E0B14;
}

h2
{
color: #6E0B14;
font-size: 1.2em;
background-image:url('images/rond.gif');
background-repeat:no-repeat;
height:30px;
padding:5px;
}

h3
{
font-size: 1em;

}

h1
{

}

p 
{
}

.ligne2
{
width:100%;
background-color:#6E0B14;
border:none;
padding: 0;
height: 1px;
line-height:1px;
}

#menubas
{
position: relative;
top: 0;
left: 0;
z-index:100;
width: 100%;
}

a
{
color:#000000;
}

a.rouge
{
color: #6E0B14;
}

.rouge
{
color: #6E0B14;
}

a:link {text-decoration: underline;} 
a:hover {text-decoration: none;} 
a:visited {text-decoration: underline;} 
a:active {text-decoration: underline; } 

#bas
{
position:relative;
top:10px;
height: 20px;
width:100%;
margin-bottom:10px;
}


#coordonnees
{
font-size:12px; 
font-family:arial; 
color: #000000;
font-weight:bold;

}

#nom
{
width: 230px;
float:left;
}

#adresse
{
width: 177px;
float:left;
}

#tel
{
width: 155px;
float:left;
}

#mail
{
font-weight:bold;
width: 210px;
float:left;
}

form.css fieldset 
  {
  padding: 0em;
  }
form.css label 
  {
  display: inline;
  float: left;
  width: 150px;
  } 
  
  form.css input
  {
  width: 200px;
  text-align:left;
  border:1px solid #6E0B14;
  } 
  form.css textarea
  {
  margin:0;
  position :relative;
  left:0;
  border:1px solid #6E0B14;
  }
  
a.bouton:link{
  width:200px;
  height:30px;
  text-decoration:none;
  color:black;
  text-align:center;
  background-color:#ffffff;
  padding:4px;
  border:1px solid #6E0B14;
} 

a.bouton:visited{
  width:200px;
  height:30px;
  text-decoration:none;
  color:black;
  text-align:center;
  background-color:#ffffff;
  padding:4px;
  border:1px solid #6E0B14;
} 

a.bouton:hover{
  width:200px;
  height:30px;
  text-decoration:none;
  color:white;
  text-align:center;
  background-color:#6E0B14;
  padding:4px;
  border:1px solid #ffffff;
}
.bouton{
font-size:0.9em; 
font-family:arial; 
}


