@charset "utf-8";
/* CSS Document */

html{
margin:0;
padding:0;
font-family:"Arial";
font-size:14px;
/*background-color:#FFFFFF;*/
color:#000000;
background:url(../img/background_site.gif) repeat-x;
line-height:19px;
}

.clr{
	clear:both;
	height:0px;
}

#postit{
	margin-top:-7px;
	left:620px;
	width:200px;
	height:300px;
	position:absolute;
	top:0px;
}

#filariane{
	margin-top:20px;
	margin-left:100px;
	font-size:11px;
	color:#333333;
}

a{
color:#000000;
text-decoration:none;
}

a:hover{
color:#FF00FF;
text-decoration:none;
}

a:visited{
text-decoration:none;
}

a:visited:hover{
color:#FF00FF;
text-decoration:none;
}

.souligne{
text-decoration:underline;
}
.gras{
font-weight:bold;
}

/* --------------------- Couleurs des textes -----------------------------*/
.txt_orange{
color:#FF9900;
}
.txt_gris{
color:#999999;
}
.txt_violet{
color:#FF00FF;
}
h2{
font-size:20px;
}
h4{
font-size:14px;
}
body{

font-size:12px;
}

/* --------------------- tableau -----------------------------*/
.tr{
	clear: left;
}
.td{
	float : left;
}
/* --------------------- conteneur de base -----------------------------*/
#cadre{
	width:980px;
	margin:0 auto;
}
#cadre_top{
	position:relative;
	margin: auto;
	width:980px;
	height:60px;
}
#cadre_pied{
	clear: left;
	position:block;
	margin:0 auto;
	width:960px;
	height:100px;
}
#cadre_corps{
	position:block;
	margin:0 auto;
	margin-top:10px;
	height:auto;
	width:700px;
	
}

#cadre_corps_large{
	position:relative;
	margin:0 auto;
	margin-top:10px;
	width:900px;
	
}

.txt_contact_page{
	position:relative;
	margin-top:50px;
}
.img_contact_page{
margin:0 auto;
margin-left:0px;
margin-top:-50px;
}
/* ------------------------- Qui sommes nous ----------------------------------------------*/
#qsn{
	/*background:url(../img/fond_qsn.gif) no-repeat top left;*/
	width:325px;
	height:300px;
}
.img_qsn{
margin:0 auto ;
}
.txt_qsn{
margin:0 auto ;
}
/* ------------------------- le local annuaire ----------------------------------------------*/
#lelocalannuaire{
	/* background:url(../img/lelocalannuaire_fond.gif) no-repeat center center;*/
	width:250px;
	height:300px;
}
.img_lelocalannuaire{
margin-top:20px;
}
.txt_lelocalannuaire{
margin-top:10px;
margin-left:5px;
}
/* ------------------------- Le site local ----------------------------------------------*/
#lesitelocal{
	/*background:url(../img/fond_site_local.fr.gif) no-repeat top right;*/
	width:300px;
	height:300px;
}
.img_lesitelocal{
margin-top:-60px;
margin-left:-20px;
}
.txt_lesitelocal{
margin-top:0px;
margin-left:15px;

}
/* ------------------------- recrutement ----------------------------------------------*/

.img_recrutement{
margin-top:50px;
}
.txt_recrutement{
	margin: 0 auto;
}
/* ------------------------- contact ----------------------------------------------*/

.img_contact{
margin:0 auto;
}
.txt_contact{
margin-top:-180px;
margin-left:-60px;
}

#formulaire_contact{
	border: none;
	left: 0px;
	width: 620px;
	position:relative;
	background-color:#FFFFFF;
	padding-top:0px;
	margin-top:0px;
	margin-left:10px;
}

#formulaire_contact h4.contact_titre{
	margin-top:10px;
	margin-bottom:20px;
	padding-left:10px;
	width:270px;
	float:left;
	text-transform:uppercase;
	font-size:12px;
	color:#f7a901;
	font-weight:bold;
	border-bottom:#f7a901 solid 1px;
}

#formulaire_contact h4.contact_message{
	width:500px;
	margin-top:10px;
	margin-bottom:20px;
	padding-left:10px;
	width:500px;
	float:left;
	text-transform:uppercase;
	font-size:12px;
	color:#f7a901;
	font-weight:bold;
	border-bottom:#f7a901 solid 1px;
}

#formulaire_contact .centre_formulaire{
	padding-top:10px;
	margin-left:100px;
}

#formulaire_contact #form_col1{
	float:left;
	margin-left:60px;
	border: none;
	left: 0px;
	width: 220px;
	padding-top:20px;
	margin-top:0px;
	height:300px;
}

#formulaire_contact #form_col2{
	float:left;
	margin-left:40px;
	border: none;
	left: 0px;
	width: 220px;
	padding-top:20px;
	margin-top:0px;
}

#formulaire_contact #form_col3{
	float:left;
	margin-left:40px;
	border: none;
	left: 0px;
	width: 265px;
	padding-top:20px;
	margin-top:0px;
}

#formulaire_contact #form_col3 p{
	margin-left:40px;
}

#formulaire_contact #form_ligne4{
	float:left;
	margin-left:60px;
	border: none;
	left: 0px;
	width: 440px;
	padding-top:10px;
	margin-top:0px;
}



#formulaire_contact p{
	margin-top:10px;
	margin-bottom:20px;
	font-size:12px;
	color:#333333;
	/*color:#f7a901;*/
	line-height:20px;
}

#formulaire_contact p.alert{
	margin-top:10px;
	margin-bottom:20px;
	font-size:14px;
	font-weight:bold;
	color:red;
	/*color:#f7a901;*/
	line-height:20px;
}

/*
#formulaire_contact a:visited,
	#formulaire_contact a:link,
		#formulaire_contact a:active{
	margin-top:10px;
	margin-bottom:20px;
	font-size:12px;
	color:#f7a901;
	line-height:20px;
	float:right;
	font-weight:bold;
	background-image:
}*/

#formulaire_contact  a.button{
	background:transparent url(../img/bt_resultat_off.gif) no-repeat top left;
	width:92px;
	height:19px;
	text-align:center;
	padding-top:0px;
	text-decoration:none;
	display:block;
	color:#e1007a;
	cursor:pointer;
	float:right;
	font-weight:bold;
	margin-top:10px;
	margin-bottom:10px;
}

#formulaire_contact  a:hover.button{
	background:transparent url(../img/bt_resultat_on.gif) no-repeat top left;
	display:block;
	color:#fff;
	cursor:pointer;
	float:right;
	margin-top:10px;
	margin-bottom:10px;
}


#formulaire_contact label{
  position: relative;
  display: block;
  width: 20em;
  margin-top:5px;
  font-size:11px;
  line-height:normal;
}

#formulaire_contact input{
  position: absolute;
  left: 12em;
}	

#formulaire_contact .bouton-rechercher {
  position: absolute;
  padding-top:10px;
  margin-left: 45px;
}

.red{
	color:red;	
}

a.lien_propart{
	color:#f7a901;
	text-decoration:none;
}

a:hover.lien_propart{
	color:#f7a901;
	text-decoration:underline;
}