body
{
	margin: 0 ;
	padding: 0 ;
	font: 0.8em "Trebuchet MS", helvetica, sans-serif ;
	background: url(../images/background-1-f2.gif);
}

div#conteneur
{
position:absolute;
left: 50%; 
top: 50%;
width: 770px;
height: 590px;
min-height:500px;
margin-top: -250px; /* moitié de la hauteur */
margin-left: -380px; /* moitié de la largeur */
border: 1px solid #666;
text-align: left ;

background-repeat: no-repeat;
}

#header_i {
position:relative;
width:770px;
height:250px;
background: url(../images/bandeau_contact.jpg);
}
#imag_g{
padding-left:10px;
padding-right:10px;
float:left;
text-align:center;
color:#666;
}
#imag_d{
padding-left:10px;
padding-right:10px;
float:right;
color:#666;
}
div#contenu
{
	position:relative;
	padding: 0 0px 0 0px ;
}

.spacer {clear : both ; height : 20px; background:#B1B07C}

div#contenu h2
{
	padding-left: 25px ;
	line-height: 25px ;
	font-size: 1.4em ;
	color: #045D7D ;
	border-bottom: 1px solid #9b2 ;
}

div#contenu h3
{
	margin-left: 0px ;
	padding-left: 0px ;
	font-family:arial;
	font-size:19px;
	font-weight:bolder;
	
	color: #5C5C5C ;
}

div#contenu p
{
	text-align: justify ;
	line-height: 1.7em ;
}

div#contenu a
{
	color: #636332 ;
}

div#contenu a:hover
{
	color: #9b2 ;
}

/* BLOC GAUCHE*/ 

#texte {
width : 300px ;
height : auto;  
float : left ; 
} 

ul{
font-family: arial, sans-serif;
}
li{
font-family:arial;font-size:13px;
font-weight:lighter;
font-family: arial, sans-serif;
line-height:20px;
}

 /* BLOC CENTRE */ 
 
#centre {
float : right ; 
margin-top:30px;
margin-left : 0px ; 
margin-right : 0px ; 
border-left :0px solid #996633; 
height : 300px; 
width : 360px; 
color:#000;
z-index:-10;
}
#texte p{
text-align:justify;
margin:0px;
padding: 10px;
color:#000;
}
#centre p{
text-align:justify;
margin-top:15px;
margin-right:10px;
padding-right:15px;
padding-left:15px;
padding-top:15px;
padding-bottom:15px;
border:0px solid #000; 
color:#333;
}
legend{
color:#696934;
font-variant:small-caps;
font-family:arial;
font-size:14px;
}

p#footer
{
width: 98%;
position:absolute;
margin: 0 auto ;
top:-30px;
text-align: left ;
color: #fff ;
}

/////////////validation////////////
.panel {
	clear: both;
	display: none;
	border: 3px solid #CCC;
	padding: 1em;
}
.panel.active-tab-body {
	display: block;
}
#tabs {
	list-style: none;
}

#tabs li {
	float: left;
}

#tabs a {
	float: left;
	padding: 5px 8px;
	margin-left: 6px;
	background-color: #F2F2F2;
	text-decoration: none;
	color: #999999;
}

#tabs a.active-tab {
	background-color: #CCC;
	border-top: 3px solid #999;
	padding-top: 3px;
	color: #000;
}
input.disabled {
	border: 1px solid #F2F2F2;
	background-color: #F2F2F2;
}

input.required, textarea.required {
	border: 1px solid #C0C0C0;
}
input.validation-failed, textarea.validation-failed {
	border: 1px solid #990033;
	color : #FF3300;
}
input.validation-passed, textarea.validation-passed {
	border: 1px solid #C0C0C0;
	color : #000;
}
.validation-advice {
	margin: 0px 0;
	padding: 3px;
	background-color: #6A0035;
	color : #FFF;
	font-weight: lighter;
	width:258px;
}
.custom-advice {
	margin: 5px 0;
	padding: 5px;
	color : #FFF;
	font-weight: lighter;
}
.form-row {
	clear: both;
	padding: 0.5em;
}
.field-label {
}
.field-widget {
}
input.send-btn {
left:20px;
width: 130px;
height: 20px;
background: #636332;
outline: none;
color:#fff;
border: 0px solid #fff;
}