@charset "utf-8";
/*------------------------- HTML TAGS --------------------------------------------------*/
*{ margin: 0; padding: 0; }

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	position: relative;
	background: #330100 url(../i/bg_body.jpg) repeat-x;
}
h1, h2, h3, h4, h5, h6{
	padding: 1em 0 0.5em;
	font-family:  "Myriad Pro", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight: normal;
}
h2{
	color: #0A86A5;
	font-size: 20px;
}

h3{
	color: #988312;
	font-size: 18px;
}
a {
	color: #330100;
	outline: none;
	text-decoration:none
}a:hover{
	text-decoration: underline;
}
a img {
	border: 0;
}
p{ line-height: 1.5em; margin-bottom: 0.5em; }

ol, ul{ margin-bottom: 0.5em; }

li{ list-style-position: outside; margin-left: 1.4em; margin-bottom: 0.3em; line-height: 1.3em; }



/*----------------------CLASS------------------------------------------------*/
.clear{ clear: both; }

.disable {
	filter:alpha(opacity=50);
	-moz-opacity:.50;
	opacity:.50;
}.disable:hover{
	background-position: 0 0;
	cursor: default;
}

.padding10 { padding: 0 10px; }

.left,  .fltl{ float: left; }
.right, .fltr{ float: right; }

.commentaire {
	font-weight: bold;
	color: #F30;
	font-size: 11px;
	font-family: "Courier New", Courier, monospace;
}
.print {
	display: none;
}
	.noprint {
		display: block;
	}
	a.noprint, span.noprint {
		display: inline;
	}
	
.boxB {
	float: left;
	margin-left: 10px;
	background: #436469 url(../i/bg_boxB.gif);
	margin-bottom: 10px;
	border-bottom: 5px solid #416469;
	height: 200px;
}

.boxF {
	background: #988312;
	clear: both;
	margin-bottom: 10px;
	font-size: 0.6em;
	color: #FFF1BC;
}

.box_bigcontent {
	margin-left: 240px;
	background-color: #FFF1BC;
}
.box_bigcontent form  {
	margin-left: 40px;
	margin-top: 25px;
	padding-top: 20px;
}
.box_bigcontent form p label  {
	float: left;
	text-align: right;
	padding: 0;
	margin: 0 10px 0 0;
}


.texte_savoir_plus {
	display: none;
}

.news #opportunites {
	overflow: hidden;
	height: 245px;
	margin: 5px;
}
.news #opportunites div {
	background: url(../i/cupof.jpg) no-repeat 0 20px;
}
.news #opportunites p {
	margin-left: 90px;
}



.tablo_titre_partie {
	background-color: #FFF7D5;
	font-weight: bolder;
}
.total {
	font-weight: bolder;
	background-color: #FFD52D;
}


/*---------------------- LAYOUT ---------------------------------------------*/
#principal {
	width: 950px;
	margin: auto;
}
	/* #header : voir header.css */
	#contenu{ 
		clear: both;
		background: url(../i/colonne_bg.png) repeat-y 0 0;
	}
		#contenu .colonne{ background: #FFF1BC url(../i/bg_colonne.jpg) repeat-x 0 -26px; float: left;  margin-right: 10px; width: 230px;
		/*height:336px;*/
	overflow:hidden; }
		#contenuPage{ margin-left: 240px; overflow: hidden; background-color: #FFF1BC; min-height: 324px; padding-bottom: 1em; width: 710px; }
			#nav{/* cf nav ci-dessous */}
			.box_content{ /* cf box_content ci-dessous */ }
			
	
	#footBlocks{ clear: left;  margin-top: 10px;}
		.box_zone { width: 230px; background-color: #FEF1BC; height: 250px; float: right; }
		#raisons6 { 
		background: #FEF1BC; /*url(../i/raisons6img.jpg) no-repeat top right;
		margin-right: 240px;
		padding: 10px 260px 10px 10px;
		float:left;*/
		width:430px;
		height:240px;
		padding: 10px 10px 0 10px;
		min-height:240px;
		 }
		#raisons6 h2{ padding-top:0; }
		#raisons6 a, .recrutbloc a{ color: #EA700B; font-size: 1.2em; }
		
	#footer{ color: #F90; clear: both; text-align: center;}
	#footer p a{ color: #F90;}
		#tags p a{ color: #CCC; font-size: 11px; }
		#tags p a:hover { color: #F90; }
		
/*------------------------------- NAV -------------------------------------*/
#nav { height: 37px; margin-bottom: 0px; background-color: #944A17; }
#nav li{ float: left; list-style: none; margin:0;}
#nav li a{ display: block; text-indent: -10000px; overflow: hidden; min-width: 110px; background-repeat: no-repeat; height: 35px;}
#nav li#menuQui a { background-image: url(../i/nav_qui.gif); width: 159px; }
#nav li#menuQui.active a { background-image: url(../i/nav_qui-on.gif); }
#nav li#menuConseil a { background-image: url(../i/nav_missiondeconseil.gif);  width: 160px;}
#nav li#menuConseil.active a { background-image: url(../i/nav_missiondeconseil-on.gif); }
#nav li#menuContact a { background-image: url(../i/nav_contacteznous.gif);  width: 136px; }
#nav li#menuContact.active a { background-image: url(../i/nav_contacteznous-on.gif); }
#nav li#menuRecrutement a { background-image: url(../i/nav_nousrecrutons.gif); width: 137px; }
#nav li#menuRecrutement.active a { background-image: url(../i/nav_nousrecrutons-on.gif); }
#nav li#menuSelection a { background-image: url(../i/nav_selection.gif); width: 118px; }
#nav li#menuSelection.active a { background-image: url(../i/nav_selection-on.gif); }


/*------------------------------- FORMS -------------------------------------*/
	form{
		padding: 10px;
	}
	.item{
		padding: 2px 0;
	}
	label{
		color:#3F1200;
		float: left;
		width: 180px;
		font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
		margin-right: 10px;
		text-align: right;
	}
	.select select{
		color: #416469;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 11px;
		padding: 2px 0;
	}
	.text input{
		width: 200px;
		color: #416469;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 11px;
		padding: 2px 0;
	}
	.file input{
		width: 200px;
		color: #416469;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 11px;
		padding: 2px 0;
	}
	.textarea textarea{
		width: 400px;
	}
	.submit input{
		margin-left: 190px;
		font-size: 10px;
		letter-spacing: 0.05em;
		text-transform: uppercase;
	}
	
	.info{ margin-left: 190px; font-style: italic; font-size: 11px; }
	.requis{ color: #C00; }
	.msgerr{ background: #F0A984 url("../i/exclamation.png") no-repeat 5px 5px; border: 1px dotted #CC0000; color: #660000; margin: 5px; padding: 5px 5px 5px 28px; }
	.msgok{ background: #DEE06B url("../i/accept.png") no-repeat 5px 5px; border: 1px dotted #006600; color: #003300; margin: 5px; padding: 5px 5px 5px 28px; }
	.msginfo{ background: #FFDC51 url("../i/bullet_error.png") no-repeat 5px 5px; border: 1px dotted #BC9600; color: #543100; margin: 5px; padding: 5px 5px 5px 28px; }
	
	.box_content .msgerr,
	.box_content .msgok,
	.box_content .msginfo{ margin: 5px 0; }
	
/*------------------------------- BLOCKS -------------------------------------*/
/* TEL NUMERO */
#numero-unique{
	text-align: center;
	color: #FFF1BA;
	font-family:"Myriad Pro", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	background: url(../i/tel_bg.png) no-repeat 7px 7px;
	padding: 5px 5px 5px 45px;
}
	#numero-unique em{ font-size: 18px; font-style: normal; letter-spacing: 0.1em; }
	#numero-unique strong{ font-size: 22px; font-weight: normal; line-height: 27px;}

/* IDENTIFICATION INSCRIVEZ-VOUS */
#inscrivez-vous{
	display: block;
	background-color: #0A89A7;
	color: #FFF;
	text-align: center;
	padding: 10px 20px;
	font-family: "Myriad Pro", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 14px;
	line-height: 1.3em;
}#inscrivez-vous:hover{
	background-color: #016C84;
	text-decoration: none;
}

.box_id {
	margin: 10px 0;
	background: #FFF1BC url(../i/votre_compte.png) no-repeat 0 0;
	padding: 0 10px 10px;
}
	.box_id h3{
		height: 50px;
		overflow: hidden;
		padding: 0;
		text-indent: -500px;
	}
	.box_id p.subTitle{
		color: #EA700B;
		font-weight: bold;
		font-size: 13px;
		margin-left: 70px;
	}
	.box_id form {
		padding: 5px 0 0;
	}
	.box_id form .left {
		float: left;
	}
	.box_id form .text {
		width: 175px;
	}
	.box_id .text label {
    width: 60px;
	}
	.box_id .text input {
		width: 95px;
	}
	.box_id .submit {
		float: right;
    padding-top: 0;
    width: 30px;
	}
	.box_id .submit input{
		margin-left: 0;
	}
	.box_id .passperdu {
		clear: left;
    display: block;
    font-size: 11px;
    font-style: italic;
    margin-right: 40px;
    text-align: right; 
		margin-left: 0;
	}

/* BOX RECHERCHER */
.box_rech {
	background: #FFF1BC;
	font-size: 11px;
	margin: 5px;
	border: 2px solid #988312;
}
.index .box_rech {
	width: 400px;
	float: left;
	margin:0;
	border: 0;
}
	.box_rech form{
		margin: auto;
    width: 380px;
	}
	.index .box_rech form{
    padding-top: 40px;
	}
	.box_rech .item{
		padding: 5px 0;
	}
	.box_rech select{
		width: 170px;
	} 
	.box_rech input{
		width: 100px;
	}
	.box_rech h3{
		background: #988312 url(../i/mod_recherche.png) no-repeat 0 0;
		text-indent: -1000px;
		overflow: hidden;
		line-height: 18px;
	}

/* BOX CONTENT */

.box_content{ 
	padding: 5px; 
	clear: both;
}
	.box_content h1 {
    background-position: 7px 50%;
    background-repeat: no-repeat;
    color: #FFF1BC;
    font-size: 26px;
    line-height: 40px;
    padding: 0 0 0 37px;
		background-image: url("../i/titre_fl_bleue.png");
		background-color: #416469;
	}
	.box_content .box_rech{
		border: 1px solid #988312;
		margin: 5px 0 0 0;
	}
	.box_content .box_rech h3{
		background: url("../i/search_icon.png") no-repeat scroll 2px 50% transparent;
    font-size: 20px;
    line-height: 40px;
    padding: 0;
    text-indent: 45px;
	}
	.box_content h3 {
		color: #BE6B21;
	}
	.box_content h4 {
		margin-left: 10px;
		color: #BE6B21;
		margin-top: 10px;
		margin-bottom: 0;
		text-transform: uppercase;
		font-size: 1.5em;
	}
	.box_content h5 {
		margin-left: 15px;
		margin-right: 15px;
		margin-top: 10px;
		border-bottom: none;
		float: left;
		clip: rect(auto,auto,10px,10px);
	}
	.box_content h5 a {
		color: #416469;
		font-size: 0.6em;
		font-weight: normal;
		text-decoration: none;
		display: block;
		text-align: right;
	}
	.box_content h5 a:hover {
		color: #003366;
	}
	.box_content ul li {
		list-style-image: url(../i/puce_minifleche2.png);
		list-style-image: url(../i/puce_minifleche.png);
	}



/* ZONES D'INTERVENTION */
.box_zone { text-align: center;height:250px; }
.box_zone h3{
	background: #FF9900 url(../i/zones_inter.png) no-repeat 0 0;
	color: #FFFFFF;
	margin-bottom: 7px;
	overflow: hidden;
	padding-top: 7px;
	text-indent: -500px;
}

/* NOTRE EXPREIENCE */
.expservice {
	background: #BF6B21;
	color: #330000;
	padding: 10px 10px 5px 10px;
	font-size: 11px;
	min-height: 260px;
}
	.index .expservice{	
		background: url("../i/rech_ombre.png") no-repeat scroll 0 50% #FFF1BC;
    float: left;
    padding: 10px 0 5px 15px;
    width: 290px;
	}
.expservice h3{
	padding: 0 0 0.5em;
}
.expservice em{ font-size: 1.2em; font-style: normal; }


/*-------------------------------------------------------------- PAGES -------------------------------------------------------------------------*/
.inscription{}

.inscription .box_content h1{
	background-image: url("../i/titre_fl_verte.png");
	background-color: #988312;
}
#inscription{ margin-bottom: 15px;} 

/*-------------- VOUS ETES ACQUEREUR / VENDEUR ------------*/

	.acquereur .box_content h1{
		background-image: url("../i/titre_fl_verte.png");
		background-color: #988312;
	}
	.vendeur .box_content h1{
		background-image: url("../i/titre_fl_orange.png");
		background-color: #FF9912;
	}
	/* Liste étapes */
	#list2 strong {
		color: #EA700B;
		font-size: 13px;
	}
	#list2 dt {
		background: url("../i/moins.gif") no-repeat scroll left 50% transparent;
    border-top: 1px dotted #416469;
    line-height: 2em;
    padding-left: 20px;
	}#list2 dt.first { 
		border-top: none; 
	}
	#list2 .def {
		cursor: pointer;
		background: url(../i/plus.gif) no-repeat left 4px;
	}
	#list2 {
		margin: 0 5px;
	}
	#list2 dd {
		background-color: #FFF7D5;
    border-left: 1px solid #416469;
    margin: 2px 0 10px 6px;
    padding: 10px;
	}

	/* tableau */
	#list2 caption {
		font-size: 1em;
		background: url(../i/moins.gif) no-repeat left 4px;
		padding-left: 20px;
		font-weight: bold;
		border-top: 1px dotted #416469;
	}
	#list2 table {
		border: 1px solid #330100;
		margin-bottom: 5px;
	}
	#list2 td {
		font-size: 0.9em;
		padding-left: 5px;
	}
	
	/* DOMAINES D'INTERVENTION */
	.box_dom {
		clear: both;
		margin: 5px;
	}
	.box_dom ul {
		margin-bottom: 10px;
	}
	.box_dom ul li {
		list-style-image: url(../i/puce_miniflechev.png);
	}
	.box_dom h4 {
    background: #988312 url("../i/titre_fleur_verte.png") 2px 50% no-repeat;
    color: #FFF1BC;
    font-size: 22px;
    line-height: 34px;
    padding: 0 0 0 35px;
	}
	.box_dom h5 {
		margin-left: 10px;
		color: #BE6B21;
		font-size: 1.5em;
	}

/*-------------- QUI NOUS SOMMES ---------------*/
.qui_nous_sommes{}
.qui_nous_sommes .padding10{ padding-top: 20px; }

/*-------------- MISSION DE CONSEIL ------------*/
.mission{}
.mission .padding10{ padding-top: 20px; }

/*-------------- RECRUTEMENT -------------------*/
.recrutement{}
.recrutement .padding10{ padding-top: 20px; }



/*-------------- RESULTATS RECHERCHE ------------*/
.resultsItems{}
.resultats .item_result {
	border-top: 1px dashed #988312;
  margin: 5px;
}
	.detail_annonce .resultats .item_result {
		border-top: 0px none;
	}
.resultats .item_result .left{
	border-left: 1px solid #333333;
	margin-bottom: 0.5em;
	padding-left: 1em;
	width: 55%;
	float: right;
}
.resultats .item_result .right{
	width: 40%;
	float: left;
}
.resultats .item_result.solo {
	width: auto; 
	margin-right: 0;
}

.item_result h4 {
	margin: 0;
	padding: 5px;
	color: #988312;
}

.item_result dl {
	margin-left: 5px;
	overflow: hidden;
}
.item_result dt{
  float: left;
  clear: left;
  font-weight: bold;
	padding: 2px 5px 2px 0;
}
	.item_result dt.long{
		float: none;
	}
.item_result dd {
	padding: 2px 0;
}
	.item_result .right dd {
			margin-left: 10px;
	}
.item_result p {
	clear: both;
	padding: 0 5.7em 0 0;
	text-align: right;
}
.item_result p.retirer_annonce{
	padding-right: 4.5em;
}
.item_result p.retirer_annonce a{
	background:url(../i/delete.png) no-repeat 0 0;
	padding-left: 20px;
	color: #666;
}
.item_result p.retirer_annonce a:hover{
	text-decoration: underline;
	color: #333;
}
.item_result a {
	text-decoration:none;
}
/* pagination */
.pagination{
	border-top: 1px dashed #988312;
	text-align:center;
	padding-top: 10px;
}
	.pagination li{
		list-style: none;
		text-transform: uppercase;
		font-weight: bold;
		font-size: 11px;
		display: inline;
		margin: 0 5px;
	}
	.pagination li a {
		color: #BF6B22;
		text-decoration: none;
		font-weight: normal;
	}
	.pagination li a:hover {
		color: #FFF;
		background-color: #BF6B22;
	}
	.pagination li.disable {
		display: none;
	}

/*-------------- DETAIL DE L'ANNONCE --------------*/
.chiffres.box_content h1{
	background-image: url("../i/titre_fl_verte.png");
	background-color: #988312;
}

.chiffres.box_content table caption{
	margin: 10px 0;
}

.chiffres #identification.left{
	width: 45%;
	margin-left: 5%;
}	
	.chiffres #identification.left label{
		width: 60px;
		font-size: 12px;
		margin-right: 10px;
	}
	.chiffres #identification.left .text input{
		width: 100px;
	}
	.chiffres #identification.left .submit{
		float:left;
		padding-top: 10px;
	}
	.chiffres #identification.left .submit input{
		margin-left: 10px;
	}
	.chiffres #identification.left .passperdu{
		clear: both;
    display: block;
    margin-left: 70px;
	}
	

.chiffres #inscription.left{
	width: 45%;
	margin-left: 5%;
	text-align: center;
}
	.chiffres #inscription.left h2{
		margin-bottom: 1em;
	}
	.chiffres #inscription.left #inscrivez-vous{
		margin: 0 50px; 
	}


.chiffres #list2 p {
	clear: both;
}
.num {
	text-align: right;
	padding-right: 50px;
	width: 100px;
}

/*---------------------- MOT DE PASSE PERDU ------------------------*/
body.pass-perdu{ background: none; }
body.pass-perdu h1{ text-align: center; }
body.pass-perdu form{ text-align: center; }
body.pass-perdu label, 
body.pass-perdu input{ 
width: auto;
float: none;
margin: 5px 0;
}
body.pass-perdu input#mail{ 
width: 300px;
}


/* -----------------------------------------------------------------------------------------------------*/


#contenu .box_bigcontent p strong {
	margin-left: 13px;
}
#vousetes h2 {
	padding: 0;
	margin-bottom: 0;

}
.box_bigcontent ul {
	color: #330100;
}

#affaire_liens {
	clear: both;
	height: 50px;
	margin-top: 2em;
}
#affaire_liens a {
	float: left;
	margin-right: 5px;
}

dt.aviscapu {
	float: none;
}

.recrutbloc{
	width:250px;
	height:250px;
	float:right;
	margin:0 10px;
	padding:0; /* 10px 10px 10px;*/
	background-color:#FFF1BC;
	min-height:250;
	/*border: 5px solid #FFF1BC;*/
	}
.recrutbloc h2{
	padding-top:10px;
	background: #0A89A7;
	color: #FFF;
	text-align: center;
	font-size: 22px;
	}
	.recrutbloc p, .recrutbloc ul, .recrutbloc a{
		margin:5px 10px;
		}
.recrutbloc ul{
	font-size:11px;
	color: #F60;
	}