*{
margin:0;
padding:0;
}
body{
background-repeat: repeat-x;
font-family: "Century Gothic" , Arial, Helvetica, sans-serif;
font-size: 13px;
color: #575757;
background-color:#FFF;
}

#banner{
margin-left: auto;
margin-right: auto;
height: 85px;
text-align:center;
background:url(../images/bg_banner.jpg);
}

#menu{
//display: inline;
height: 50px;
background:url(../images/bg_menu.jpg) repeat-x;
}
#menu_in{
width: 945px;	
margin-left: auto;
margin-right: auto;
	}

#menu a{
float: left;
display:block;
width: 105px;

line-height: 30px;	
text-align:center;
vertical-align:middle;
background: url(../images/bouton_menu_off.jpg) no-repeat;
//background:url(../images/fond_titre.png);
//background-position: bottom;
color: #575757;
text-decoration:none;		
}
#menu a:visited{
color: #575757;
}
#menu a:hover{
 // background: url(../images/bouton_menu_on.jpg) no-repeat;
color: #575757; 
background-color: #EBEBEB;
background-image:none;
}

#menu .selected{
float: left;
display: block;
//background: url(../images/bouton_menu_on.jpg);
//background-repeat: no-repeat;
background-color: #EBEBEB;
background-image:none;
}

#conteneur{
clear:both;
margin-left: auto;
margin-right: auto;
width: 945px;

}
#conteneur2{
clear:both;
margin-left: auto;
margin-right: auto;
width: 605px;
margin-top: 50px;
}


/* content center */

  


#content{
width: 620px;
position:relative;
top: 5px;
height: 570px;	
text-align: center;
padding: 20px;
line-height:25px;
margin: 0 0 30px 140px;
border: solid 1px #EEE;
font-size:13px;
background-color:#F1F1F1;

}
#content .fonctions{
float: left;
text-align: left;
padding-left: 10px;
}
#content .noms{
float: left;
text-align: left;
padding-left: 20px;
}
#content .emails{
float: right;
text-align: right;
padding-left: 20px;
}

#content .map{
clear: both;
padding-top: 50px;
}	


#content_bottom{
clear:both;
width: 100%;

}
#langues{
width: 140px;
height:38px;
margin-bottom:-20px;
color: #000;
float:right;
}
#langues a{
text-decoration:none;
padding-left: 8px;
color: #999;
background-color:#F1F1F1;
border: solid 1px #E2E2E2;
font-size:10px;
}
#langues a:hover{

color: #999;
background: #EAEAEA;
}
#langues a:visited{
color: #999;
text-decoration:none;
} 
#langues a:active{
color: #999;
text-decoration:none;
}	

/* Footer  */



#footer{	
  clear:both;
  color:#FFF;
  width:100%;
  height: 50px;
  font-size: 15px;
  line-height:25px;
  text-align: center;
  background-color: #77b800;
  padding: 10px;
}
#footer a:visited, a:hover, a:link{
  color: #FFF;
}
.copyright{

	  font-size:12px;
}

#footer a:visited, a:hover, a:link{
  color: #FFF;
}

#content a:link {color:#575757};
#content a:visited {color:#575757};
#content a:active {color:#575757}:
#content a:hover {color:#575757};


// form




input:focus {
	background: #ffd;
}

form#profile {
	width: 95ex;
	font-size: 90%;
}

fieldset {
	background: #ddd;
	border: 1px solid black;
	margin: 0.5em 0 0;
	height:370px;
}
legend {
	border: 1px solid black;
	background: #444;
	color: white;
	font-variant: small-caps;
	letter-spacing: 0.1ex;
	font-weight: bold;
	font-size: 14px;
	padding: 0 0.2em;
}
fieldset p, fieldset li {
	position: relative;
	height: 1.4em;
}

fieldset p {
	margin: 0 0 0 20px ;
}

input {
	padding: 0 0.2ex;
}

#email {
	position: absolute;
	left: 24ex; width: 24ex;
}
textarea{
margin: 10px 0 0 0;
width: 550px;
height : 220px;
resize:none;
}

#sujet{
	width: 400px;

}
#email{
	width: 300px;
	margin-left: -40px;
}