/* CSS Document */
@import url(form_etape1.css);

/* couleur et image d'arrière plan du corps de la page index */
#corps{background: #F7F7F7;}

/* les titres */
	h1{color: #CC6600;}
	h2{color:#003399;}
	h3{color:#ffffff;}
	h4{
		color:#CC6600;
		margin:10px 5px 0px 5px;
		color:#CC6600;
		text-decoration:none;
		}
	h4 a{
		color:#CC6600;
		margin:10px 5px 0px 0px;
		color:#CC6600;
		text-decoration:none;
		}

	h5{color:#996600;}
	h5 span{ font:normal 11px Arial, Helvetica, sans-serif;color:#999999; }
	h6{color:#fff;font:bold 18px Arial, Helvetica, sans-serif;text-indent:25px;line-height:26px;}

div.titre-pre{color: #006699; font:bold 14px Arial, Helvetica, sans-serif;background:url(../images/nous-titres.jpg) repeat-x;display:block;height:20px; text-align:center;margin:1px;border-bottom:1px solid #CAF2FF;}

/* config menu en haut */
	#menus{width:100%;background:url(../images/index/back-top-menu.gif);}
	#menus a:link,#menus a:active,#menus a:visited{font:bold 14px Arial, Helvetica, sans-serif;color:#CC0000;text-decoration:none;}
	#menus a:hover{color:#000000;}
	#menus li{border-left:8px solid #009199;}
	#menus ul{border-top:1px solid #009199;}

/* types clients */
#types-clients{position:relative;height:174px;}
div.expert, div.tpe, div.grands{
	position:absolute;
	width:196px;
	height:174px;
	}
div.expert a img, div.tpe a img, div.grands a img{border:none;}
div.expert{top:0px;left:-1px;}
div.tpe{top:1px;left:222px;}
div.grands{top:1px;left:445px;}

/* les blocs conteneurs gauche et droite */
div.nous,div.form{
	width:310px;
	margin-top:20px;
}
div.nous{float:left;}
div.form{float:right;}
div.haut-service{height:36px;background:url(../images/index/haut-service.jpg) no-repeat;}
div.centre-service{background:url(../images/index/centre-service.gif) repeat-y;}
div.bas-service{background:url(../images/index/bas-service.jpg) no-repeat; height:23px;}
div.centre-service p{margin-left:5px;}

/*.service{background: #E8E8E8;border-bottom:1px solid #CCCCCC;margin:5px 5px 0px 5px;zoom:1} == modif 22/08/07 ==*/
.service{background: #F3F3F3;border-bottom:1px solid #CCCCCC;padding-bottom:5px;margin:0px 5px 0px 5px;border-top:1px solid #009900;padding-top:3px;zoom:1}
.service_act{background: #F3F3F3;border-bottom:1px solid #CCCCCC;padding-bottom:5px;margin:0px 5px 0px 5px;border-top:1px solid #009900;padding-top:3px;zoom:1;display:none}
.service a:link, .service a:visited, .service a:active
{text-decoration:none;font:normal 11px Arial, Helvetica, sans-serif;color:#336699;cursor:pointer;}
.service a:hover{text-decoration:underline;}
.service img{float:left; margin-right:5px; padding:1px;border:1px solid #CCCCCC;}

/* === qui sommes nous ?=== */
p.web a:link, p.web a:visited, p.web a:hover, p.web a:active{
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#FF9900;
	text-decoration:none;
	}
p.comments a:link, p.comments a:visited, p.comments:active{font:italic normal 11px Arial, Helvetica, sans-serif;
	color:#0099CC;
	text-decoration:none;}
 p.comments a:hover{color:#006699;}
p.comments{
	font:italic normal 11px Arial, Helvetica, sans-serif;
	color:#006699;
	}
p.titre{
	font:bold 13px Arial, Helvetica, sans-serif;
	color:#006699;
	}

/*=== pathway === */
.pathway a:link, .pathway a:hover, .pathway a:visited, .pathway a:active{
	color:#006699;
	text-decoration:underline;
	font:bold 11px Arial, Helvetica, sans-serif;
	}
.pathway{
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#006699;
	}
	
/* intro-service */
.intro-service{float:left;width:219px;}

/* mini-devis */

/* promos */
.promos{font:bold 13px  "Trebuchet MS";color:#990000;border-bottom:1px dotted #999999;padding:10px 5px 10px 5px; margin-bottom:10px;border-top:1px dotted #999999;background: #efEfEf;height:30px;}
.promos{text-align:center;}
.promos ul{margin:0;padding:0;}
.promos li{margin-left:10px;}

/* personnages */
#personnages{
		position:absolute;
		width:141px;
		height:163px;
		left: 690px;
		top:2px;
	}
/* slogan */
.slogan{position:absolute;top:50px;left:-380px;width:370px;height:57px;}