@charset "utf-8";
/* CSS Document */

/**********
HTML styles
**********/

h1.blue_title {
	font-family: "Lucida Sans Unicode", Tahoma, Arial;
	font-size: 14px;
	color: #0059A6;
	font-weight: normal;
	padding: 10px 0;
	margin: 0 0 5px 0;
	background: url(../images/trait-bleu-long.gif) no-repeat bottom left;
}

h1.green_title {
	font-family: "Lucida Sans Unicode", Tahoma, Arial;
	font-size: 18px;
	color: #B5C625;
	font-weight: normal;
	padding: 6px 0;
	margin: 0 0 5px 0;
	background: url(../images/trait-vert.gif) no-repeat right;
}

h2 {
	font-family: "Tahoma", Arial;
	font-size: 12px;
	color: #333;
	font-weight: normal;
	padding: 5px 0 0 0;
}

#content_primary p {
	font-family: "Tahoma", Arial;
	font-size: 11px;
	color: #333;
	line-height: 18px;
	padding: 5px 0;
}

#content_secondary h1 {
	font-family: "Lucida Sans Unicode", Tahoma, Arial;
	font-size: 12px;
	color: #CB1C89;
	font-weight: normal;
	padding: 5px 0;
	margin: 0 0 5px 0;
	background: url(../images/trait-violet-long.gif) no-repeat bottom left;
}

#content_secondary p {
	font-family: "Tahoma", Arial;
	font-size: 10px;
	color: #666;
	line-height: 14px;
	padding: 5px 0;
}

.actu h2 {
	font-family: "Tahoma", Arial;
	font-size: 12px;
	color: #0059A6;
	font-weight: normal;
	padding: 6px 0 0 0;
}

.actu span {
	font-family: "Tahoma", Arial;
	font-size: 10px;
	color: #999;
}

#footer_content p {
	font-family: "Tahoma", Arial;
	font-size: 10px;
	color: #bbb;
	padding: 1px 0 0 0;
}

h1.footer_title1 { 
	font-family: "Lucida Sans Unicode", Tahoma, Arial;
	font-size: 10px;
	color: #666;
	font-weight: normal;
	padding: 9px 0;
}

#send_steps {
	display: block;
	float: left;
	font-family: "Lucida Sans Unicode", Tahoma, Arial;
	font-size: 13px;
	color: #666;
	list-style: none;
	padding: 0 30px 10px 0;
}

#send_steps span {
	font-family: "Lucida Sans Unicode", Tahoma, Arial;
	font-size: 18px;
	color: #B5C625;
}

#history {
	display: block;
	float: left;
	width: 245px;
	font-family: "Tahoma", Arial;
	font-size: 11px;
	color: #333;
	list-style: none;
	line-height: 18px;
}

#history li {
	padding: 5px 0 5px 0;
}

#history span{
	font-size: 12px;
	color: #728201; 
}

strong {
	color: #728201;
	font-weight: normal;
}

#plan_site {
	font-family: "Tahoma", Arial;
	font-size: 11px;
	list-style: none;
	margin: 10px 0;
}

#plan_site li {
	margin: 5px 0 5px 0;
}

#plan_site ul {
	list-style: none;
	text-indent: 20px;
}


/****
Links
****/

#footer_content a { color:#999; text-decoration:none; }
#footer_content a:hover, #footer_content a:focus, #footer_content a:active { color:#999; text-decoration:underline; }

.link_blue1 { color:#0059A6; text-decoration:none; }
.link_blue1:hover, .link_blue1:focus, .link_blue1:active { text-decoration:underline; }

.link_pink1 { display:block; float:left; text-align: right; width:140px; height:20px; margin: 7px 0 0 0; font-family:"Tahoma", Arial; font-size:10px; color:#CB1C89; text-decoration:none; }
.link_pink1:hover, .link_pink1:focus, .link_pink1:active { text-decoration:underline; }

.link_gray1 { font-family:"Tahoma", Arial; font-size:10px; color:#999; text-decoration:none; }
.link_gray1:hover, .link_gray1:focus, .link_gray1:active { text-decoration:underline; }

.more_actu { display:block; float:right; font-family:"Tahoma", Arial; font-size:11px; color:#0059A6; text-decoration:none; padding:0 0 5px 0; }
.more_actu:hover, .more_actu:focus, .more_actu:active { text-decoration:underline; }


/*****
Images
*****/

img { border:none; }

.totem { float:right; margin:10px 0 10px 0; }


/***********
Navigation 
***********/

#menu_2 li {
	display: block; 
	float: left;
	line-height: 25px;
	height: 26px; 
	list-style: none; 
	background: url(../images/fond-menu-2.jpg) no-repeat;
}

#menu_2 a {
	display: block; 
	float: left;
	font-size: 11px;
	font-family: "Lucida Sans Unicode", Tahoma, Arial;
	color: #fff;
	padding: 0 9px 0 11px;
	height: 26px; 
	text-decoration: none;
}

#menu_2 a:hover, #menu_2 a:focus, #menu_2 a:active {
	background: url(../images/fond-menu-2-rollover.jpg) no-repeat;
}

.end_menu_2 {
	width: 2px;
	background: url(../images/fond-fin-menu-2.jpg) no-repeat;
}

.active {
	background: url(../images/fond-menu-2-rollover.jpg) no-repeat;
}

/***********
Fil d'ariane
***********/

#fil_ariane {
	float: left;
	width: 500px;
	margin: 10px 0 0 0;
	font-family:"Tahoma", Arial; 
	font-size:10px;
	color: #333;
}

#fil_ariane a { color:#0059A6; text-decoration:none; } /*0059A6*/
#fil_ariane a:hover, #fil_ariane a:focus, #fil_ariane a:active { text-decoration:underline; }


/**************
Forms & buttons
**************/

#search_txt { float:left; vertical-align:top; padding:2px; margin:0 5px 0 0; font-size:10px; font-family:"Tahoma", Arial; color: #999; border:#ccc 1px solid; width:142px; background-image:url(../images/fond-champ.gif); }

#search_btn { float:left; vertical-align:top; margin:0 10px 0 0; font-size:9px; font-family:"Tahoma", Arial; font-weight:bold; } 

.form_btn { float:right; margin:3px 0; font-size:9px; font-family:"Tahoma", Arial; font-weight:bold; }

.input_right { float:right; display:block; border:1px solid #ccc; color:#000; width:93px; margin:3px 0 0 1px; padding:2px; font-family:"Tahoma", Arial; font-size:10px; background-image:url(../images/fond-champ.gif); }

.input_left { float:left; display:block; border:1px solid #ccc; color:#000; width:143px; margin:3px 0 0 0; padding:2px; font-family:"Tahoma", Arial; font-size:10px; background-image:url(../images/fond-champ.gif); }

.label_left { float:left; display:block; text-align:right; width:70px; padding:6px 0 3px 0; font-family:"Tahoma", Arial; font-size:10px; color:#666; }

fieldset { border:0; }

.map_depart { margin: 10px 0; }

.map_depart_txt { float:left; display:block; border:1px solid #ccc; width:150px; margin:3px 3px 0 1px; padding:2px; font-family:"Tahoma", Arial; font-size:11px; color:#000; background-image:url(../images/fond-champ.gif); }

.map_depart_label { float:left; display:block; text-align:right; padding:6px 0 3px 0; margin:0 3px 0 0; font-family:"Tahoma", Arial; font-size:11px; color:#333; }

.map_submit_btn { float:left; margin:3px 10px 0 0; font-size:9px; font-family:"Tahoma", Arial; font-weight:bold; }

.invisible { display:none; }

#formulaire { margin:10px 0; }

#formulaire fieldset { margin:5px 0; clear:both; }

#formulaire label { float:left; display:block; text-align:right; width:110px; padding:6px 0 3px 0; margin:0 3px 0 0; font-family:"Tahoma", Arial; font-size:11px; color:#333; }

.contact_txt { float:left; display:block; border:1px solid #ccc; color:#000; width:300px; margin:3px 3px 0 1px; padding:2px; font-family:"Tahoma", Arial; font-size:11px; background-image:url(../images/fond-champ.gif); }

.contact_btn { float:left; margin:3px 0 0 367px; font-size:9px; font-family:"Tahoma", Arial; font-weight:bold; }

#req_fields { display:block; color:#999; font-style:normal; width:150px; margin:0 0 10px 320px; font-family:"Tahoma", Arial; font-size:10px; }

#status { display:block; color:#c00; font-style:normal; width:300px; margin:15px 0 0 113px; padding:3px 0 3px 6px; font-family:"Tahoma", Arial; font-size:11px; background-color:#FCC; }

.demander_devis { float: right; margin: 25px 10px 0 0; }


/***************
Formulaire devis
***************/

.visible { display:block; }
.invisible { display:none; }

#devis { font-family:"Tahoma", Arial; font-size:11px; color:#333; }

#devis fieldset { display:block; float:left; width:150px; margin: 5px 0 0 10px; }

#devis_num, #devis_epr, #devis_fla, #devis_ctp, #devis_imp, #devis_ret, #devis_contact { width:500px; margin: 5px 0 5px 0;/* background:#f2f2f2; */}

#devis_num label, #devis_epr label, #devis_fla label, #devis_contact label,
#devis_ctp label, #devis_imp label, #devis_ret label { display:block; float:left; padding:6px 0 3px 0; margin:0 3px 5px 0; width:150px; text-align:right; }

#devis_num input, #devis_epr input, #devis_fla input, #devis_contact input,
#devis_ctp input, #devis_imp input, #devis_imp select, #devis_ret input { display:block; float:left; width:300px; border:1px solid #ccc; margin:3px 3px 0 1px; padding:2px; background-image:url(../images/fond-champ.gif); font-family: "Tahoma", Arial; font-size: 11px; }

#devis_num textarea, #devis_epr textarea, #devis_fla textarea, 
#devis_ctp textarea, #devis_imp textarea, #devis_ret textarea { display:block; float:left; width:300px; border:1px solid #ccc; margin:3px 3px 5px 1px; padding:2px; background-image:url(../images/fond-champ.gif); font-family: "Tahoma", Arial; font-size: 11px; }

#devis_contact img {
	margin: 0 0 0 154px; 
}

#devis h2 {
	font-family: "Tahoma", Arial;
	font-size: 12px;
	color: #728201;
	font-weight: normal;
	margin: 0 0 5px 10px;
}

#devis_btns { display:block; color:#999; font-style:normal; width:460px; margin:0; font-family:"Tahoma", Arial; font-size:10px; text-align:right; }

#status_devis { display:block; color:#c00; font-style:normal; width:500px; margin:15px 0 0 0; padding:3px 0 3px 6px; font-family:"Tahoma", Arial; font-size:11px; background-color:#FCC; }


/************
Carte d'accès
************/

#map_container {
	clear: both; 
	padding: 5px; 
	margin: 10px 0;
	background: #eee; 
}

#map {
	width: 490px; 
	height: 400px;
}

#map_directions {
	width: 490px; /*162px; */
	font-family:Tahoma; 
	font-size:10px;
	color: #666;
}
