/* CSS Document */
img {
	display:block;
}

#overDiv {
	border:1px solid black;
	background-color:#ccccff;
	padding:3px;
}

#contenu {
	position:relative;
	float:left;
	margin-left:4px;
	width:606px;
	background-image:url(/img/contenu_etendre.gif);
	margin-top:30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:0px;
}

#contenu .utility {
	width:576px;
	margin:10px 15px 10px 15px;
}

#contenu .utility a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#660000;
	text-decoration:none;
	padding-left:20px;
	margin-left:20px;
	padding-top:6px;
	background-repeat:no-repeat;
	background-position:left;
}

#contenu .utility a:hover {
	text-decoration:underline;
}

#contenu .utility .separateur{
	height:1px;
	background-image:url(/img/contenu_tiret.gif);
	background-repeat:repeat-x;
}
#contenu .utility.haut .separateur {
	margin-top:10px;
}
#contenu .utility.bas .separateur {
	margin-bottom:10px;
}
#contenu .utility.haut p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	
	font-weight:bold;
	/*font-style:italic;
	*/
	color:#4b4b4b;
	margin:0px;
	padding:0px;
}
#contenu .utility.bas p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	/*font-style:italic;
	*/
	color:#4b4b4b;
	margin:0px;
	padding:0px;
	margin-left:40px;
}

#contenu h1 {
	position:absolute;
	left:0px;
	top:-32px;
	line-height:30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:25px;
	color:#440000;
	font-weight:normal;
	margin:0px;
	padding:0px;
}

#titre_page {
	position:absolute;
	left:180px;
	top:30px;
	line-height:30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:25px;
	color:#440000;
}


#contenu h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#440000;
	margin:15px 15px 5px 15px;
	background-image:url(/img/contenu_puce1.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:15px;
}


#contenu h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:normal;
	color:#4b4b4b;
	margin:0px 15px 5px 15px;
	padding:0px;
}

#contenu .form_block {
	position:relative;
	width:500px;
	margin-left:60px;
	margin-top:15px;
	margin-bottom:5px;
	padding:0px;
	border:1px dashed #f67800;
	padding-top:5px;
	padding-bottom:10px;
}

#contenu .form_block h2 {
	position:absolute;
	top:-33px; left:-30px;
	background-image:url(/img/puce_form.gif);
	padding-left:20px;
	padding-bottom:4px;
}

#contenu .form_block label {
	font-family:Arial, Helvetica, sans-serif;
	color:#781800;
	font-size:11px;
	margin-left:5px;
	width:140px;
	padding-top:3px;
	float:left;
}

#contenu .form_block label.label2 {
	float:left;
	display:inline;
	width:20px;
	padding-top:5px;
	margin-left:20px;
}


#contenu .form_block input.text {
	margin:1px;
	float:left;
	font-size:11px;
	width: 330px;
}

#contenu .form_block textarea {
	margin:1px;
	float:left;
	font-size:11px;
	width: 330px;
}

#contenu .select {
	margin:1px;
	float:left;
	font-size:11px;
	width: 335px;
}
#contenu .input {
	margin:1px;
	float:left;
	font-size:11px;
	width: 329px;
}
#contenu .checkbox {
	margin:1px;
	float:left;
	font-size:11px;
}
#contenu .case_coche {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#535353;
	float:left;
}
#contenu .case_coche a{
	text-decoration:none;
	color:#660000;
}
#contenu .case_coche a:hover {
	text-decoration:underline;
}

.attention {
	margin-top:1px;
	float:left;
	margin-left:5px;
}

#contenu p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#393939;
	margin:0px 15px 0px 15px;
	line-height:14px;
	text-align:justify;
}

#contenu ul {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#393939;
	margin:0px 15px 0px 20px;
	padding:0px;
	line-height:14px;
	text-align:justify;
}

#contenu em {
	color:#dd4400;
}
#contenu ul li{
	margin-left:30px;
}

#contenu ul.plan_niveau1, ul.plan_niveau1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#393939;
	margin:0px 15px 0px 40px;
	padding:0px;
	line-height:14px;
	text-align:justify;
	list-style-image:url(/img/contenu_puce2.gif);
}

#contenu ul.plan_niveau1 li{
	margin-left:30px;
}

#contenu ul.charte, #contenu ul.plan_niveau2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#393939;
	margin:0px 15px 0px 40px;
	padding:0px;
	line-height:14px;
	text-align:justify;
	list-style-image:url(/img/contenu_puce4.gif);
}

#contenu ul.charte li, #contenu ul.plan_niveau2 li {
	margin-left:30px;
}
#contenu ul.plan_niveau1 li a, #contenu ul.plan_niveau2 li a, a.a_service {
	text-decoration:none;
}
#contenu ul.plan_niveau1 li a:hover, #contenu ul.plan_niveau2 li a:hover, a.a_service:hover {
	text-decoration:underline;
}
#contenu ol {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#393939;
	margin:0px 15px 0px 20px;
	line-height:14px;
	padding:0px;
	text-align:justify;
}
#contenu ol li{
	margin-left:30px;
}
#contenu ul.mention {
	margin-left:0px;
	list-style-type:disc;
}

#formulaire_conteneur {
	width:344px; float:left;
}
#formulaire_conteneur img {
	display:block;
}
#formulaire_conteneur h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	color:#4c0000;
	padding:0px; margin:8px 0px 8px 8px;
}
#formulaire_HP {
	width:344px;
	position:relative;
	background-image:url(/img/formulaire/contenu.png);
	margin:0px; padding:0px;
	padding-bottom:75px;
	padding-top:45px;
}
#formulaire_HP h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#ffffff;
	position:absolute;
	top:13px; left:13px;
}

#formulaire_HP h2 {
	background-image:url(/img/formulaire/fond_sous_titre.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	margin:10px 0px 0px 15px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#440000;
	padding-left:20px;
	padding-bottom:5px;
}

#formulaire_HP label {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#880000;
	display:block;
	margin-left:32px;
	margin-top:3px;
}

#formulaire_HP select , #formulaire_HP input {
	font-family:Arial, Helvetica, sans-serif;
	display:block;
	margin:0px;
	font-size:12px;
	margin-left:30px;
	margin-bottom:4px;
	border:1px solid #a5a1a0;
	width:295px;
}

#contenu_hp {
	width:266px; float:left; position:relative;
}

#contenu_hp #un {
	position:absolute;
	top:113px;left:15px;
}

#contenu_hp #deux {
	position:absolute;
	top:285px;left:15px;
}

#contenu_hp #trois {
	position:absolute;
	top:454px;left:15px;
}

#contenu_hp h2 a {
	color:#800;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-width:normal;
	margin:0px; padding:0px;
	text-decoration:none;
	font-weight:bold;
}

#contenu_hp p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-width:normal;
	line-height:12px;
	margin:0px; padding:0px;
	margin-top:3px;
}

#demande_devis_menu_bas {
	float:right; margin-right:10px;
}

#demande_devis_menu_bas a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-decoration:none;
	display:block;
	float:left;
	text-align:center;
	background-repeat:no-repeat;
	background-position:center top;
	padding-top:10px;
	padding-bottom:5px;
}
#demande_devis_menu_bas a:hover {
	text-decoration:underline;
}

#demande_devis_menu_bas a.precedent_off {
	color:#fff;
	width:155px;
	background-image:url(/img/menu_etape_bas/precedent_off.gif);
}

#demande_devis_menu_bas a.precedent_on {
	color:#fff;
	width:155px;
	background-image:url(/img/menu_etape_bas/precedent_on.gif);
}

#demande_devis_menu_bas a.suivant {
	color:#000;
	width:150px;
	background-image:url(/img/menu_etape_bas/suivant.gif);
}

#demande_devis_menu_haut {
	position:relative;
	height:36px;
	width:580px;
	margin-left:15px;
	background-image:url(/img/menu_etapes/fond.gif);
}

#demande_devis_menu_haut span , #demande_devis_menu_haut a {
	display:block;
	float:left;
	width:130px;
	background-repeat:no-repeat;

	text-align:center;
	font-size:14px;
	padding:10px 0px 5px 0px;
	text-decoration:none;
}

#demande_devis_menu_haut span.over ,#demande_devis_menu_haut a.over {
	background-image:url(/img/menu_etapes/over.gif);
	color:#000;
}

#demande_devis_menu_haut span.out, #demande_devis_menu_haut a.out {
	background-image:url(/img/menu_etapes/out.gif);
	color:#FFF;
}

#contenu .utility_bas{
	width:576px;
	margin:0px;
	padding:0px;
}

#contenu .utility_bas p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#626262;
	margin:0px;
	padding:0px;
	margin-left:60px;
	margin-bottom:10px;
}

.un_metier {
	float:left;
	font-size:10px;
	padding-left:10px;
	width:225px;
}

#contenu #corps_metiers_fx .metier {
	width:auto;
}

#contenu #corps_de_metiers_cache em {
	padding-left:10px;
	color:#666666;
}