/* CSS Document */

/* appel des css de configuration des différents blocs arrondis */
@import url(blocs-arrondis.css);
@import url (wysiwig.css);
@import url(menu-gauche.css);
/* === configuration generale === */
	body{background:#dce1e5;}
	*{margin:0;padding:0;}
	.spacer{clear:both;}
	.pathway{margin-bottom:15px;width:400px;}
	ul{list-style-type:none;}
/* === les titres  === */
	h1{
		font:bold 23px "Trebuchet MS" ;
		position:absolute;
		width:372px;
		left: 298px;
		top: 13px;
		border-left:1px solid #CCCCCC;
		padding-left:8px;
		margin-left:8px;
	}
	h2{
		font:bold 12px "Trebuchet MS"; text-transform:uppercase;
		border-bottom:1px dotted #E6E6E6;
		margin: 10px 5px 10px 0px;
	}
	
	h3{font:bold 14px Arial, Helvetica, sans-serif;line-height:32px;text-indent:10px;}
	h4, h4 a{font:bold 16px Arial, Helvetica, sans-serif;text-decoration:none;}
	h5{font:bold 16px Arial, Helvetica, sans-serif;}
/* === gabarit general du template === */
	#corps{
		border:5px solid #FFFFFF;
		position:relative;
	}
	#corps,#footer{margin:auto;padding:auto;width:880px;}
	#header{position:relative;}
	.logo{
		width:100%;
		margin:10px 0px 20px 0px;position:relative;
	}
	#personnages{
		position:absolute;
		width:141px;
		height:163px;
		left: 690px;
		top: 17px;
	}

/* === menus en haut === */
	#menus{	margin-bottom:10px;}
	#menus ul{padding:3px 0px 1px 12px ; background:url(../images/back-menu-top.jpg) repeat-x;}
	#menus li{display:inline;margin-right:15px;padding-left:5px;}

/* === colonne à gauche === */
	#colonne-gauche{
		width:202px;
		padding:0px 3px 0px 12px;
		border-right:1px solid #e4e4e4;
	}
/* la colonne à droite qui contient tout le contenu */
	#colonne-droite{
		width:639px;
		margin:6px 6px 0px 12px;
	}
	#colonne-gauche,#colonne-droite{float:left;}

/* ===  footer === */
	#footer{background:url(../images/ombre-footer.jpg) no-repeat center top;height:60px;}


/* === formatage textes === */
	.texte-normal-bleu{
		font:normal 11px Arial, Helvetica, sans-serif;
		color:#006699;
	}
	.texte-grand-bold-bleu{
		font:bold 13px Arial, Helvetica, sans-serif;
		color:#006699;
	}
	.mini-texte-italic-bleu{
		font:italic normal 11px Arial, Helvetica, sans-serif;
		color:#006699;
		
	}
	.mini-texte-jaune{
		font:normal 11px Arial, Helvetica, sans-serif;
		color:#FF9900;
	}
	.texte-normal-noir{
		font:normal 11px Arial, Helvetica, sans-serif;
		color:#000000;
	}
/* === qui sommes nous === */
	.haut-nous-bleu{
		background:url(../images/qui-nous-bleu-haut.jpg) no-repeat;height:43px;
	}
	.temoignage-haut-interne{background:url(../images/temoignage-haut-interne.jpg) no-repeat; height:26px;font:bold 18px Arial, Helvetica, sans-serif;line-height:26px; text-indent:30px;}
	.temoignage-centre-interne{background:#ff0000 url(../images/temoignage-centre-interne.jpg) repeat-y;height:255px;
	display:table;width:100%;}
	.temoignage-bas-interne{background:url(../images/temoignage-bas-interne.jpg) no-repeat; height:14px;}

	.centre-nous-bleu{
		background:url(../images/qui-nous-bleu-centre.jpg) repeat-y;
		width:310px;
		
	}
	.bas-nous-bleu{
		background:url(../images/qui-nous-bleu-bas.jpg) no-repeat; height:12px;
	}
	.item{
		border-bottom:1px solid #E8E8E8;
		margin:0px 4px;
		padding:6px 0px 0px 4px;
	}
	
	p.web {margin:5px 0px;}

/* === mini-devis-orange === */
	.mini-devis-haut{height:44px;background:url(../images/mini-devis-haut.jpg) no-repeat;}
	.mini-devis-centre{background: url(../images/mini-devis-centre.jpg) repeat-y;}
	.mini-devis-bas{height:12px;background:url(../images/mini-devis-bas.jpg) no-repeat;}
	.mini-devis-back{background:url(../images/mini-devis-back.jpg) no-repeat bottom;margin:0 4px;}

/* formulaire du mini-devis */
	.mini-devis-back{width:303px;position:relative; height:235px;}
	.mini-devis-back fieldset{border:none;}
	.mini-devis-back select, .mini-devis-back input, .mini-devis-back label textarea{width:150px;border:1px solid #C20207;color:#C20207;}
	.mini-devis-back  select{margin-top:0px;font-size:10px;width:152px;}
	.mini-devis-back label textarea{margin-bottom:35px;}
	.mini-devis-back label input, .mini-devis-back label select,.mini-devis-back label textarea{float:right;margin-right:5px;}
	.mini-devis-back p input{border:none;width:153px;height:26px;}
	.mini-devis-back p{position:absolute;left: 127px;top: 210px;}
	.mini-devis-back label{
	width:280px;display:block;clear:both;font:bold 11px Arial, Helvetica, sans-serif;color:#C20207;vertical-align:middle;padding-top:3px;padding-left:5px;}
	.mini-devis-back form{width:303px;}
	textarea:focus,select:focus,input:focus{ background-color:#F3F3F3;}
	div.form .bloc1{float:left;width:310px;}
	div.form .bloc2{float:right;width:310px;}

/* === grand formulaire === */
	.form-haut{height:34px;background:url(../images/formulaire/haut.jpg) no-repeat;font:bold 16px Arial, Helvetica, sans-serif;color:#fff;line-height:34px;padding-left:30px;}
	
	.form-centre{background:url(../images/formulaire/centre.jpg) repeat-y; font}
	
	.form-bas{background:url(../images/formulaire/bas.jpg) no-repeat;height:12px;}
	.form-centre form fieldset{border:none;background: url(../images/formulaire/agent.jpg) no-repeat ;margin:0px 4px 0px 10px;}
	
	div.etape1{ background:url(../images/formulaire/etape1.jpg) no-repeat right;}
	div.etape2{background:url(../images/formulaire/etape2.jpg) no-repeat right;}
	div.etape1,div.etape2{height:34px;font:bold 14px Arial, Helvetica, sans-serif;text-transform:uppercase; padding:0px 25px;color:	#0099CC; line-height:25px;}

.desc-projet select, .desc-projet input, .desc-projet label textarea{width:200px;border:1px solid #006699;}
.desc-projet  select{margin-top:0px;font-size:10px;width:202px;}
.desc-projet label textarea{margin-bottom:35px;}
.desc-projet label input, .desc-projet label select,.desc-projet label textarea{float:right;margin-right:5px;}
.desc-projet label{
width:400px;display:block;clear:both;font:bold 11px Arial, Helvetica, sans-serif;color:#006699;vertical-align:middle;padding-top:3px;margin-left:5px;}

.desc-projet{margin-left:200px;background:#f8f8f8;height:220px;margin-right:5px;border:1px solid #CCCCCC;padding-top:6px;}
.desc-projet1{margin-left:0px;background:#f8f8f8;height:220px;margin-right:5px;border:1px solid #CCCCCC;padding-top:6px;}

/* pictos des types clients */
.pictos{width:50px;height:50px;float:left;margin:5px 4px 5px 0px;}

/* types services */
.types-services{float:left;width:535px;padding:3px;}
div.textes p.separer{
	height:12px;
	position:relative;
	background:url(../images/services/separateur-interne.gif) no-repeat bottom;
}
.centre-vert ul{position:relative;}
.sous-services{font:bold 14px Arial, Helvetica, sans-serif;color: #006699;margin-top:8px;}
.devis-gratos{width:478px;height:24px;text-align:right;}
.devis-gratos a img{border:none;}

/* temoignages 
p.comments a{font:normal 11px Arial, Helvetica, sans-serif;color:#000;text-decoration:none;display:inline;}*/

/* footer */
.coords{text-align:center;font:normal 11px Arial, Helvetica, sans-serif;color:#999999;padding:10px;}
.coords p a:link,.coords p a:visited,coords p a:active{text-decoration:none;font:bold 11px Arial, Helvetica, sans-serif; color:#CC0000;}
.coords p a:hover{text-decoration:underline;color:#000;}
.coords p{padding-bottom:6px;border-bottom:1px solid #ccc;}
#footer span {text-align:center;display:block;padding-bottom:10px;font:normal 11px Arial, Helvetica, sans-serif;}
#footer span a:link, #footer span a:visited, #footer span a:active{text-decoration:underline;font:normal 11px Arial, Helvetica, sans-serif;color:#000;}
#footer span a:hover{text-decoration:none;}

/* table liste clients*/
div.centre .liste-table ul{
	margin:0px;padding:0px;
}
div.centre .liste-table {
	margin-top:12px;
}