/* CSS Document */


/* ///////////////////////////////////////////// */
/*                parametres globaux             */
/* ///////////////////////////////////////////// */

* {
	margin: 0;
	padding: 0;
}


html, body {
	height: 100%;
}


body {
	margin:0;
	padding: 0;	
}

ul {
	list-style-type: none;
}

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

a:hover {
	text-decoration:underline;
	color:#666666;
}

/*============== reglage de taille de typo ============*/

.body_01,
.body_01 td,
.body_01 th {
	font-family:Verdana, Arial, Helvetica, sans-serif;	
	font-size: 14px;
	text-align:left;
	color:#67644f;
}


/*================ structure globale ===================*/


#global {
	position:absolute;
	z-index:2;
	top: 0;
	left: 0;
	height:100%;
	width:100%;
	border-top:7px solid #927b6d;
}

#global #global_content {
	background: url(../picture/bk_content.png) repeat-x;
    height:347px;
}

/*================ reglage centrage de contenu ==================*/


#global .global_FIXE {
	/*width:945px;*/
	margin: 0 auto 0 0;
	border-right:1px solid #FFFFFF;
}

#global .global_FIXE .global_content {
	width:100%;
}


/*============ reglage contenu 100% avec centrage  ==============*/


#global .global_ELAST {
	width:100%;
}

#global .global_ELAST .global_content {
	/*width:1000px;*/
	margin: 0 auto;
}



/* ///////////////////////////////////////////// */
/*                 apparence                     */
/* ///////////////////////////////////////////// */


.VISIBLE {
	display: block;
	/*visibility: visible;*/
}

.INVISIBLE {
	display: none;
	/*visibility: hidden;*/
}


/* ///////////////////////////////////////////// */
/*                    accroche                     */
/* ///////////////////////////////////////////// */

.accroche {
	width:230px;
	margin:30px 30px 0 20px;
	text-align:justify;
	float:left;	
	font-size:9px;
	font-weight: normal;
	color:#927b6d;
	line-height:12px;	
}

.accroche h1 {
	
}


/* ///////////////////////////////////////////// */
/*             navigation principale             */
/* ///////////////////////////////////////////// */


#menu_haut {
	height:110px;
	float:left;
	font-size:0.9em;
}
 
#menu_haut ul li {
	float:left;
}
 
#menu_haut a {
	margin-top:26px;
	display:block;
	text-decoration:none;
	color:#000000;
	height:56px;
	width:120px;
	border-left:1px solid #e5e5e5;
	padding-left:10px;
    padding-top:6px;
	text-align:left;
}

#menu_haut a p {
	padding-top:4px;
}

/* Menu nombres */

#menu_haut a.number_01 {	
	background:url(../picture/01.gif) no-repeat bottom left;
}

#menu_haut a.number_02 {	
	background:url(../picture/02.gif) no-repeat bottom left;
}

#menu_haut a.number_03 {	
	background:url(../picture/03.gif) no-repeat bottom left;
}

#menu_haut a.number_04 {	
	background:url(../picture/04.gif) no-repeat bottom left;
}

#menu_haut a.number_05 {	
	background:url(../picture/05.gif) no-repeat bottom left;
}

#menu_haut a:hover {
	background:#e7501d;
	border-left:1px solid #e7501d;
	color:#FFFFFF;
}



#menu_haut ul li.ACTIV {
	background:url(../picture/puce_menu.gif) no-repeat top center;
}

#menu_haut ul li.ACTIV a {
	border-left:4px solid #e7501d;
	color:#e7501d;
	font-weight:bold;
}

#menu_haut ul li.ACTIV a:hover {
	background:#FFFFFF;
	border-left:4px solid #e7501d;
	color:#e7501d;
	font-weight:bold;
}





/* ///////////////////////////////////////////// */
/*               colonne gauche                  */
/* ///////////////////////////////////////////// */


#col_gauche {
	clear:both;
	width: 277px;   /* Ne pas utiliser de padding left & right ici mais sur le div .col_gauche_content */
	float:left;
	height:850px;
	/*margin-top:20px;*/
}

html>body #col_gauche {
	clear:both;
	width: 277px;   /* Ne pas utiliser de padding left & right ici mais sur le div .col_gauche_content */
	float:left;
	height:auto;
	min-height:850px; !important
	/*margin-top:20px;*/
}

#col_gauche .col_gauche_content {
	/*padding: 10px 10px 10px 0;*/
}

.zone_logo {
	height:230px;	
	/*height:223px;	
	border-bottom:7px solid #e8e5e0;*/
	border-top:7px solid #927b6d;
	width:277px;
	/*background:url(../picture/zone_logo.jpg) no-repeat top center;	*/
}



.bloc_content {
	padding:30px 0 0 30px;
	background:url(../picture/bk_col_g.jpg) no-repeat top center;
}

/* bloc reparation */

.bloc_repar {
	margin-bottom:30px;
	height:159px;
	width:217px;
	background:url(../picture/bk_repar.jpg) no-repeat top center;
}

.bloc_repar p.ti {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#333333;
	padding:10px 0 0 14px;
}

.bloc_repar p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	padding:10px 0 0 14px;
}

.bloc_repar a  {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	padding:28px 0 0 80px;
	display:block;
	text-decoration:underline;
}

.bloc_repar a:hover {
	text-decoration:none;
}


/* bloc preferences */

.bloc_ref {
	margin-bottom:30px;
	height:335px;
	width:217px;
	background:url(../picture/bk_ref.jpg) no-repeat top center;
	display:block;
}

.bloc_ref img {
	border:1px solid #999999;
	margin-bottom:10px;	
}

.bloc_ref  p.ti {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	color:#333333;
	padding:10px 0 10px 14px;
}

.bloc_ref a p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	color:#646b6d;
	text-decoration:underline;
	padding-top:5px;
}

.bloc_ref a:hover p {
	text-decoration:none;
	color:#333333;
}


/* bloc pro inscription */

.bloc_pro a {
	height:64px;
	width:217px;
	background:url(../picture/bk_pro.jpg) no-repeat top center;
	display:block;
}

.bloc_pro a:hover p {
	color:#333333;
	text-decoration:underline;
}

.bloc_pro a p {
	font-size:11px;
	color:#333333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:10px 0 0 20px;
}	



/* ///////////////////////////////////////////// */
/*         		        centre                   */
/* ///////////////////////////////////////////// */

#centre {
	/*padding-top:15px;*/
}

#col_contenu {
	/*margin-top:20px;*/
	float: left;
	width: 668px;
}

/* titre */ 

#col_contenu .titre {
	height:67px;
	background:url(../picture/bk_ti.jpg) #927b6d no-repeat top left;
	text-align:right;
}


#col_contenu .bandeau_visu {
	border-bottom:7px solid #927b6d;
}

#col_contenu .google_map {
	border-bottom:7px solid #927b6d;
}



/* ///////////////////////////////////////////// */
/*           	contenu centre                   */
/* ///////////////////////////////////////////// */

#col_contenu .contenu_centre {
	font-size:1em;
	padding: 10px 20px;
	background:url(../picture/bk_cont_centre.jpg) no-repeat top left;
	color:#1f1d17;
	height:500px;
}

html>body #col_contenu .contenu_centre {
	font-size:1em;
	line-height:16px;
	padding: 10px 20px;
	background:url(../picture/bk_cont_centre.jpg) no-repeat top left;
	color:#1f1d17;
	min-height:500px;
	height:auto;!important
}

/* reglage typographiques  centre*/

/*#col_contenu .contenu_centre h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 1.4em;
	font-weight:normal;
}*/

#col_contenu .titre h1,
#col_contenu .titre h2 {
	font-family: Arial, Verdana,  Helvetica, sans-serif;
	font-size: 1.5em;
	padding-bottom:0.5em;
	
	font-weight:normal;
	color:#FFFFFF;
	padding:14px 14px 0 0;
}

#col_contenu .titre h1 span,
#col_contenu .titre h2 span {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.6em;
	color:#FFFFFF;
}

#col_contenu .contenu_centre h2,
#col_contenu .contenu_centre h3 {
	
	
	color:#726259;
	padding-bottom:10px;
	background:url(../picture/barre_ti.png) no-repeat bottom left;
    margin:30px 0 10px 0;
	
	/*font-family:Georgia, "Times New Roman", Times, serif;	
	font-size: 1.6em;
	letter-spacing: -1pt;*/
	
	font-family:Georgia,"Nimbus Roman No9 L",serif;
	font-size:22px;
	font-style:italic;
	font-weight:normal;
}

/*#col_contenu .contenu_centre h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	font-size: 1em;
	padding-bottom:0.5em;
	font-weight:normal;
}*/




/* contenu texte */

ul#liste_puce,
#col_contenu .contenu_centre .block_texte p {
	padding: 15px 15px 25px 0;
}

ul#liste_puce li {
	background: url(../picture/puce_ul_main.gif) no-repeat center left;
	padding-left:12px;
	
}

/* habillage graphique */

#col_contenu .contenu_centre .block_texte p.liste {
	margin: 15px 0 25px 15px;
	padding:0;
	padding-left:10px;
	border-left:1px solid #b2b1b0;
}

#col_contenu .contenu_centre .block_texte {
	font-size: 0.85em;
	margin:15px;
}

#col_contenu .contenu_centre .block_texte p {
	/*text-align:justify;*/
}

#col_contenu .contenu_centre .block_texte img {
	border:1px solid #999999;
}

#col_contenu .contenu_centre a.contact {
	background:#FF9900;
	padding:10px;
	display:block;
	color:#FFFFFF;
	text-decoration:none;
	width:125px;
}

#col_contenu .contenu_centre a.contact:hover {
	background:#FF6600;
}

#col_contenu .contenu_centre .point_relais {
	padding: 0 5px;
}

#col_contenu .contenu_centre .bloc_relais {
	float:left;
	width:250px;
	height:90px;
	border:3px solid #e2dcd7;
	background-color:#fff;
	color:#372718;
	padding:14px;
	margin:0 10px 10px 0;
}

#col_contenu .contenu_centre .bloc_relais .col_g_relais {
    width:100px;
}

#col_contenu .contenu_centre .bloc_relais table tr td {
	color:#372718;
	font-size:0.9em;
}

#col_contenu .contenu_centre .bloc_relais table tr td span,
#col_contenu .contenu_centre .bloc_relais table tr td h4 {
	color:#476f7c;
	font-weight:bold;
	font-size:1em;
}

/* ///////////////////////////////////////////////// */
/*                      footer                       */
/* ///////////////////////////////////////////////// */


#footer {
	clear:both;

}

#footer .global_content table .col_g {
	background: url(../picture/bk_footer_g.gif) repeat-x;
	/*height:168px;*/
	width:277px;
	border-left:1px solid #FFFFFF;    
    font-size:11px; 
    color:#000;
}

#footer .global_content table .col_g p {
	padding:20px 0 0 10px; 
	margin:0;
}

#footer .global_content table .col_g a {
	background-color:#fff;
}

#footer .global_content table .col_g .div_credit {
	background-color:#f5f2f0;
	margin-top:8px;
}

#footer .global_content table .col_d {
	background: url(../picture/bk_footer_d.gif) repeat-x;
	/*height:168px;*/
	width:668px; 
	border-left:1px solid #FFFFFF;
}

#footer .global_content table .col_d p {
	padding:20px;
}

#footer .global_content table .col_d p {
	font-size:0.8em;
	color:#979493;
}

#footer .global_content table .col_d p b {
	font-size:1em;
	color:#333333;
	padding-bottom:10px;
}


#footer .global_content table .col_repeat {
	background: url(../picture/bk_footer_repeat.gif) repeat-x;
	height:168px;
}


/*=================== CONTACT==================*/

.equipe {
    float:right;
    margin:0 10px;
    width: 200px;
    /*height:500px;*/
}

.equipe fieldset {
	width:180px;
	margin:0;
	padding: 12px;
	font-size: 0.8em;
}

.equipe p {
    /*text-align: justify;*/
}

.bloc_equipe_intro {
    border-bottom:1px dotted #ccc;
    padding-bottom:14px;
}

.bloc_equipe {
    margin:14px 0;
    border-bottom:1px dotted #ccc;
    padding-bottom:14px;
}


.bloc_equipe p {
    /*font-size:11px;  */
}

.bloc_equipe b {
    color:#E7501D;  
}

.bloc_form {
    /*float:left; */
    width: 414px; 
}



/*======= Mise en forme des champs du formulaire =======*/


#corpForm {	/*** Mise en fome du corp du formulaire (bordure, couleur du fond...) ***/
	color: #535142;
	margin: 25px 25px;
	padding: 0 0 6px 0;
	font-size:12px;
}

#corpForm fieldset {	/*** Mise en fome du corp du formulaire (bordure, couleur du fond...) ***/
	padding:10px;
	border:1px solid #BCAEA6;
}

#corpForm legend {	/*** Mise en fome du corp du formulaire (bordure, couleur du fond...) ***/
	padding:0 4px;
	color:#927B6D;
}

#corpForm fieldset#coordonnees input {
	font-weight: bold; 
	margin-left: 6px;
	width:170px;
	border: 1px solid #333;
	color: #303030;
	font-size: 11px;
	font-weight: normal;
	padding: 2px;
	background-color:#f5f5f5;
}

#corpForm select {
	font-weight: bold; 
	margin-left: 6px;
	width:178px;
	border: 1px solid #535142;
	color: #303030;
	font-size: 11px;
	font-weight: normal;
	padding: 2px;
	background-color:#f5f5f5;
}

#corpForm fieldset#coordonnees textarea {  
	width:168px;
	margin-left: 6px;
	border: 1px solid #535142;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	padding: 3px;
	background-color:#f5f5f5;
}

/*======= Mise en forme du fieldset =======*/

#corpForm p {	/*** Mise en forme des lignes du formulaire ***/
    padding:0px;
    margin:0px;
	clear:left;
	padding: 0 0 .1em 0;
	margin: 0 0 .2em 0;
}


/* label */

#corpForm fieldset#coordonnees label {	
	float: left;	
	width: 115px;
	text-align: right;
	font-size:14px;
	margin: 0;
	color: #333;
	padding: 4px .5em 4px 0;
	font-family: Arial, Helvetica, sans-serif;
}

/*** Petite astuce pour apprendre aux utilisateurs à cliquer sur les intitulés ***/

#corpForm label:hover {
	cursor: pointer;	
}
#corpForm label.oblig {
	font-size:14px;
}


/* bouton d'envoi formulaire */

.bloc_but_envoyer {
	text-align:center;
}

a.bt_envoi_form {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	display: block;
	height: 30px;
	width: 120px;
	background-color:#ff6600;
	overflow: hidden;
	color: #fff;
	text-decoration: none;
	
	border: 2px solid #FFF;
	
}
a.bt_envoi_form:hover {
	text-decoration: underline;
	background-color:#ff9900;
	color: #FFF;
	
}
a.bt_envoi_form p {
	padding-top:0;
	line-height:2em;
	letter-spacing:2px;
	font-size: 14px;
    font-weight: bold;;
}

#corpForm .ico_alerte {
	display:none;
	/*padding: 3px 0 0 20px;*/
	height: 16px;
	width: 16px;
	margin-left: 5px;
	margin-top:1px;
}

#corpForm .alerte_form .ico_alerte {
	display:block;
	height: 16px;
	width: 16px;
	margin-left: 5px;
	margin-top:3px;
	float:left;	
	background:url(http://media.achat-location.com/web/ico_alerte_form.gif) no-repeat top left;
}

#corpForm .alerte_form input {
	font-weight: bold; /*** Pour améliorer la lisibilité des boutons ***/
	float:left;
	margin-left: 6px;
	width:186px;
	border: 1px solid #CC0000;
	color: #cc0000;
	font-size: 11px;
	font-weight: normal;
	padding: 2px;
	background:url(http://media.achat-location.com/web/bk_alerte_form.gif) repeat top left;		
}


#corpForm .alerte_form select {
	font-weight: bold; /*** Pour améliorer la lisibilité des boutons ***/
	margin-left: 6px;
	float:left;
	width:178px;
	border: 1px solid #CC0000;
	color: #cc0000;
	font-size: 11px;
	font-weight: normal;
	padding: 2px;
	background:url(http://media.achat-location.com/web/bk_alerte_form.gif) repeat top left;	
	background-color:#DDDDDD;
}

#corpForm fieldset#coordonnees .alerte_form textarea {
	float:left;

	color:#cc0000;
	border: 1px solid #CC0000;
	background:url(http://media.achat-location.com/web/bk_alerte_form.gif) repeat top left;
}

/*===== validation Formulaire ======*/

#corpForm  p.valid_true {
	background:url(../picture/valid_true.png) no-repeat top right;
	margin-right:18px;	
}

#corpForm  p.valid_false {
	background:url(../picture/valid_false.png) no-repeat top right;
	margin-right:18px;	
}


/* cachpa */

.img_validation_mail {
	float: left;
	margin-right: 14px;
}

.img_validation_mail img {
	border-bottom: 1px solid #000;
}