/* ===| FORMS |============================================*/

/* ---------------- Recherche ------------------*/

.select {
	background-color: #FFFFFF;
  border: 1px solid #d63a10;
	color: #000000;
	font-size: 11px;
	margin-left: 20px;
	margin-right: 20px;
	width: 175px;
	font-family: Arial, Helvetica, sans-serif;
}

.btn-recherche{
 width: 124px;
	height: 20px;
	border-top: 1px solid #f3cb0b;
	border-left: 1px solid #f3cb0b;
	border-bottom: 1px solid #d53910;
	border-right: 1px solid #d53910;
	background-color: #fff2de;
	font: bold 12px Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	color: #d53710;
	cursor: pointer;
}
.btn-recherche-hover{
  width: 124px;
	height: 20px;
	border-top: 1px solid #d53910;
	border-left: 1px solid #d53910;
	border-bottom: 1px solid #f3cb0b;
	border-right: 1px solid #f3cb0b;
	background-color: #fff2de;
	font: bold 12px Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	color: #000000;
	cursor: pointer;
}


/* ---------------- Contact ------------------*/

#form-contenu .form-left { width: 285px; float: left; background: red;}
#form-contenu .form-right { width: 275px; float: left; background: yellow;}

.mail-input{
	float:left;
	margin-bottom: 5px;
  font-size: 11px;
}

.ipt-recherche{
	font-family:arial;
	font-size:11px;
	font-weight:normal;
	border:1px solid #000000;
	padding:0px;
	margin:0px;
	color:#000000;
	background-color:#DEDEDE;
  float:right;
  width:89px;
}

.ipt-contact{
	font-family:arial;
	font-size:11px;
	font-weight:normal;
	border:1px solid #000000;
	padding:0px;
	margin:0px;
	color:#000000;
	background-color:#DEDEDE;
  float:right;
  width:140px;
}

.ipt-contactOver{
	font-family:arial;
	font-size:11px;
	font-weight:normal;
	border:1px solid #000000;
	padding:0px;
	margin:0px;
	width:140px;
	color:#666666;
  float: right;
	background-color:#ffffff;
}
.ipt-contact1{
	font-family:arial;
	font-size:11px;
	border:1px solid #000000;
	padding:0px;
	margin:0px;
	color:#000000;
	background-color:#DEDEDE;
  float:right;
  width:418px;
}

.ipt-contactOver1{
	font-family:arial;
	font-size:11px;
	border:1px solid #000000;
	padding:0px;
	margin:0px;
	color:#666666;
	background-color:#ffffff;
  float:right;
  width:418px;

}
.check input{
  width: 14px;
	height: 13px;
	color: #000;
	margin: 0px 5px 0px 90px;
	float: left;
}

#contact-btns{text-align: center; width:200px; padding-left:220px;}

/*.button{
	background-color:#009036;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
	padding:0px;
	border:1px solid #000000;
	width:75px;
	height:18px;
	line-height:12px;
  cursor:pointer;

}
.buttonover{
	background-color:#ffffff;
	color:#e2001a;
	font-size:11px;
	font-weight:bold;
	padding:0px;
	border:1px solid #000000;
	width:75px;
	height:18px;
	line-height:12px;
	cursor:pointer;
}*/

.btn-contact{
  float: left;
  background:url(../images/charte/contact/envoyer.jpg) left top no-repeat;
  width:89px;
  height: 15px;
 	cursor:pointer;
  border:none;
}
.btn-contact-hover{
  float: left;
  background:url(../images/charte/contact/envoyer-over.jpg) left top no-repeat;
  width:89px;
  height: 15px;
 	cursor:pointer;
    border:none;
}
.btn-contact1{
  float: right;
  background:url(../images/charte/contact/retablir.jpg) left top no-repeat;
  width:89px;
  height: 15px;
 	cursor:pointer;
  border:none;
}
.btn-contact1-hover{
  float: right;
  background:url(../images/charte/contact/retablir-over.jpg) left top no-repeat;
  width:89px;
  height: 15px;
 	cursor:pointer;
  border:none;
}
.btn-deconnex{
  float: right;
  background:url(../images/charte/btn-deconnex.jpg) left top no-repeat;
  width:89px;
  height: 15px;
 	cursor:pointer;
  border:none;
}
.btn-deconnex-hover{
  float: right;
  background:url(../images/charte/btn-deconnex-over.jpg) left top no-repeat;
  width:89px;
  height: 15px;
 	cursor:pointer;
  border:none;
}
.btn-contact2{
  float: right;
  background:url(../images/charte/fermer.jpg) left top no-repeat;
  width:89px;
  height: 15px;
 	cursor:pointer;
  border:none;
}
.btn-contact2-hover{
  float: right;
  background:url(../images/charte/fermer-over.jpg) left top no-repeat;
  width:89px;
  height: 15px;
 	cursor:pointer;
  border:none;
}

.btn-recherche{
  float: right;
  background:url(../images/charte/btn-recherche.jpg) left top no-repeat;
  width:89px;
  height: 15px;
  border:none;
 	cursor:pointer;
  border:none;
}
.btn-recherche-hover{
  float: right;
  background:url(../images/charte/btn-recherche-over.jpg) left top no-repeat;
  width:89px;
  height: 15px;
 	cursor:pointer;
  border:none;
}
.btn-connecter{
  float: left;
  background:url(../images/charte/btn-connecter.jpg) left top no-repeat;
  width:89px;
  height: 15px;
  border:none;
 	cursor:pointer;
  border:none;
}
.btn-connecter-hover{
  float: left;
  background:url(../images/charte/btn-connecter-over.jpg) left top no-repeat;
  width:89px;
  height: 15px;
 	cursor:pointer;
  border:none;
}
.form-left div, .form-right div {float: left; width: 100%; margin-bottom: 2px;}
.form-left p, .form-right p {float: left; width: 90px; padding-bottom: 0px;}

#form-contenu .form-left .sujet p{float: left; text-align: left; padding-left: 75px; width: 180px; height: 25px;}
#form-contenu .form-right .sujet p{float: left; text-align: left; padding-left: 91px; width: 160px; height: 25px;}

.requis {color: #d53710;}
#form-contenu p.mail-comment{
	color: #000000;
	text-align: center;
	width: 96%;
}
#lchamps {float:right; padding-top:10px; font-size: 11px;}
#contact-text {text-align:center; padding-bottom:10px; font-size: 11px;}


.c1{
width: 250px;
float: left;
padding-left:1px;
padding-right: 5px;
margin-bottom: 13px;
font-size:11px;
}
.c2{
width: 250px;
float: right;
padding-left: 6px;
margin-bottom: 13px;
font-size:11px;
}
.c3{
width: 527px;
float: right;
padding:0px;
margin: 0px;
margin-bottom: 13px;
font-size:11px;
}
#contact-map{float:right;}