/* CSS Document */

body {
font-family:  Arial, Verdana, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
background-color:#000000;
}

p{
	line-height:1.2em;}
	
a{
	text-decoration:none;
	color:#406680;}
a:hover{
	text-decoration:none;
	color:#060d11;}
	
h2{
	padding:5px 5px;
	font-weight:bold;
	color:#002971;}
	
strong{
	font-weight:bold;}
	
hr{
	margin:3px 0;}
	
#wrapper{
	width:770px;
	margin: 8px auto 0;
}

#wrapper_accueil{
	width:506px;
	height:247px;
	margin-left:auto;
	margin-right:auto;
	margin-top:200px;}
	
#nav-content{
	float:left;
	width:165px;
	height:384px;
	background-color:#afd2e9;}
	
#nav{
	margin-left:14px;}
	
#nav li{
	margin:2px 0;}
	
#main{
	float: left;
	margin-left:5px;
	width:600px;
	min-height:347px;
	background-color:#afd2e9;}
	
	
#footer{
	width:770px;
	height:20px;
	padding-top:10px;
	color:#CCC;
	margin-top:5px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;}
	
#accordion {
	float:left;
	margin:10px 10px;
	width:330px;
}

h3.toggler {
	cursor: pointer;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #002973;
	margin: 0 0 4px 0;
	padding: 0px 15px;
	background:url('../img/puce.jpg') no-repeat 0 0;
}

h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #002973;
	margin: 0 0 4px 0;
	padding: 0px 15px;
}

div.element p, div.element h4 {
	margin:0px;
	padding:2px;
}

#bloc-info{
	float:left;
	width:210px;
	margin:10px 10px;
	text-align:center;}

#pagination{
	margin:10px 0 0 0 ;}
	
#anim{
	margin-top:5px;
	float:left;
	width:770px;
}
	
#map{
	margin:5px 0;
	float:left;
	width:770px;
	height:250px;
	background-color:#CCCCCC;}

/*---------------------------------------------------CONTACT----------------------------------*/

label {
color: #002973;
}

input[type=text] {
	background: #fff url('../img/bg-input.gif') repeat-x;
	width: 170px;
	float: left;  
}
textarea{
	background: #fff url('../img/bg-input.gif') repeat-x;
	width: 310px;
	float: left;  
	}
input[type=submit], a.button:link, a.button:visited, a.button:hover {
padding: 3px;
background: /*#630203*/ #000 url('../img/mail.png') no-repeat 3px 1px;
border: 1px solid #fff;
cursor: pointer;
color: #fff;
}

#contact #accordion {
text-align: right;
}
#contact fieldset { 
margin: 0;  
padding: 0;
width:330px;
}
#contact legend {  
margin:5px 0 5px 0;
padding-left:50px;
color: #000;  
font-weight: bold;
}
#contact fieldset ol {   
list-style: none;
}
#contact fieldset li {  
float: left;  
clear: left;  
width: 100%;
margin: 2px	0;
list-style: none;
}

#contact textarea {
float: right;
margin-top: 2px;
height: 60px;
}
#contact fieldset.submit {
float: none;   
border: 0;
}

#contact fieldset.submit input {
margin:5px 0;}

#contact label {  
display: block;
float: left;  
width: 11em;  
margin-right: 1em; 
text-align: right; 
}


/*---------------------------------------------------CONTACT----------------------------------*/

#anim
{
width: 770px !important;
height: 260px !important;
}