body {	
background-color: #EAEAEA;
font-family: Arial, Helvetica, sans-serif;	
font-size: 12px;		
color: #FFFFFF;
margin: 0;
}

a img{ border:none;}

/*b{ color:#3870a9;}*/

#conteneur{
clear:both;
background-color: #e5e5e5;
margin:0 auto 0 auto;
width:990px;

}
.ligne{
width:205px;
height:20px;
margin-left:3px;

}
.ligne .puc{
width:16px;
height:16px;
float:left;

}
.ligne .elt{
margin-left:3px;
margin-top:1px;
width:184px;
height:20px;
float:left;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#999999;

}

#conteneur .haut{
width:100%;
background:#999999;
margin-bottom:0px;
margin-top:0px;
color: #EFEFEF;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;

}
#entete{
	clear:both;
	background-color: #E5E5E5;
	margin:0 auto 0 auto;
	padding:0 0 0 0;
	width:100%;
	height:90px;
}

#entete h1{
		float:left;
		margin:0;
		padding:0;
		width:178px;
		height:80px;
}

#menu_principal{
	clear:both;
	width:100%;
	height:63px;
	margin:0 auto 0 auto;
	background:url(../images/menu.jpg) repeat-x;
}
#menu_principal ul{
		width:100%;
		height:100%;
		padding:0;
		margin:0 auto 0 auto;
}
#menu_principal ul li{
			float:left;
			width:134px;
			height:100%;
			padding:0;
			margin:0;
			text-align:center;
			list-style:none;
}
#menu_principal ul li.separateur{
			float:left;
			width:2px;
			height:100%;
			padding:0;
			margin:0;
			list-style:none;
			background:url(../images/separateur.jpg) no-repeat;
}
#menu_principal ul li a{
				display:block;
				height:43px;
				padding:20px 0 0 0;
				margin:0;
				color:#FFFFFF;
				font-size:14px;
				font-weight:bold;
				text-decoration:none;
}
#menu_principal ul li a:hover{
				display:block;
				background:url(../images/menu-hover.jpg) no-repeat;
}

#lapage{
	clear:both;
	background-color: #e5e5e5;
	margin:0 auto 0 auto;
	padding:0 0 0 0;
	width:960px;
}

#banniere{
		clear:both;
		width:948px;
		height:284px;
		margin:0 auto 0 auto;
		/*background:url(../images/banniere.jpg) no-repeat;*/		
}

#contenu{
		clear:both;
		width:100%;
		/*height:251px;*/
		margin:10px auto 0 auto;
}

#contenu div#le_text{
			clear:both;
			width:959px;
			height:100%;
			color:#000000;
			margin:0 auto 0 auto;
			background:url(../images/motif-milieu-txt.jpg) repeat-y;
}
#contenu div#le_text a{
				color:#666666;
				text-decoration:none;
}
#contenu div#le_text p{
				margin:0;
				padding:5px 0 5px 0;
}

#contenu div#le_text h2{
				width:100%;
				height:51px;
				margin:0;
				padding:15px 0 0 20px;
				text-align:left;
				color:#000000;
				font-size:16px;
				font-weight:bold;
				background:url(../images/motif-haut-text.jpg) no-repeat;
}
#contenu div#le_text h1{
				width:100%;
				height:51px;
				margin:0;
				padding:15px 0 0 20px;
				text-align:left;
				color:#000000;
				font-size:16px;
				font-weight:bold;
				background:url(../images/motif-haut-text.jpg) no-repeat;
}
#contenu div#le_text div.paragraphe{
				clear:both;
				width:99%;
				height:350px;
				margin:0 auto 0 auto;
				padding:0;
				color:#666666;
				font-size:12px;
				text-align:left;
}
#contenu div#le_text div.paragraphe_act{
				clear:both;
				width:99%;
				height:300px;
				margin:0 auto 0 auto;
				padding:0;
				color:#666666;
				font-size:12px;
				text-align:left;
}
#contenu div#le_text div.paragraphe div#left{
					float:left;
					width:230px;
					height:100%;
					margin:0 0 0 2px;
					text-align:center;
}
#contenu div#le_text div.paragraphe div#right{
					float:right;
					width:660px;
					height:100%;
					margin:0 10px 0 0;
					text-align:left;
}

#contenu div#le_text div.bottom_motif{
				width:100%;
				height:25px;
				margin:0;
				padding:0;
				text-align:center;
				background:url(../images/motif-bas-text.jpg) no-repeat;
}

#contenu div.pack{
			float:left;
			width:228px;
			height:238px;
			margin:0 0 0 9px;
			color:#FFFFFF;
}

div.pack div.commander{
				
				position:relative;
				top:20px;
				left:16px;
				width:180px;
				height:50px;
				text-align:center;
}
div.pack div.commander input.commander_mnt{
					display:block;
					width:100%;
					height:30px;
					text-decoration:none;
					border:none;
					color:transparent;
					background:transparent;
					cursor:pointer;
}

.pack h2{
				width:200px;
				height:20px;
				margin:30px auto 5px auto;
				padding:0;
				text-align:center;
				font-size:16px;
				font-weight:bold;
}
.pack ul{
				clear:both;
				width:180px;
				height:70px;
				margin:10px auto 0 auto;
				padding:0 0 0 20px;
				font-size:11px;
				color:#000000;
				text-align:left;
				/*border:1px solid #000;*/
}
.pack ul li{
					margin:0;
					padding:0;
}
#contenu div.prix{
				width:50%;
				margin:0 auto 0 auto;
				padding:0;
				text-align:center;
				font-size:12px;
				font-weight:bold;
}

#contenu div.prix a{
					text-decoration:none;
					color:#000000;
}

#pack1{
			background:url(../images/pack1.jpg) no-repeat;
}
#pack2{
			background:url(../images/pack2.jpg) no-repeat;
}
#pack3{
			background:url(../images/pack3.jpg) no-repeat;
}
#pack4{
			background:url(../images/pack4.jpg) no-repeat;
}

.paragraphe div#les_pack{
			clear:both;
			width:96%;
			height:20px;
			color:#000000;
			font-size:12px;
			margin:0 0 0 10px !important;
			margin:0 0 0 20px;
}
.paragraphe div#cote_gauche{
			float:left;
			width:48%;
			height:150px;
			margin:0 0 0 10px;
}
.paragraphe div#cote_droite{
			float:right;
			width:48%;
			height:150px;
			margin:0;
}
.paragraphe div.la_discription{
				float:left;
				width:100px;
				color:#000000;
				font-size:12px;
				font-weight:bold;
			
}
.paragraphe div.btn_pack{
				float:left;
				width:100px;
				margin:0 10px 0 10px;
				text-align:center;
				color:#000000;
				font-size:12px;
}
.paragraphe input{
			
}
.paragraphe input.zone_text{
				width:250px;
				-x-system-font:none;
background-color:#F4F4F6;
border-color:#FFFFFF #CECECE #CECECE #00afff;
border-style:solid dashed solid solid;
border-width:1px 1px 1px 4px;
color:#00afff;
font-family:"Trebuchet MS",sans-serif,Arial;
font-size:110%;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;
}
.espacement{
			clear:both;
			width:100%;
			height:20px;
}
.paragraphe hr{
			width:100%;
			color:#40B8EC;
			margin-left:auto;
			margin-right:auto;
}
.paragraphe textarea{
				float:left;
				width:250px;
				height:150px;
				-x-system-font:none;
background-color:#F4F4F6;
border-color:#FFFFFF #CECECE #CECECE #00afff;
border-style:solid dashed solid solid;
border-width:1px 1px 1px 4px;
color:#00afff;
font-family:"Trebuchet MS",sans-serif,Arial;
font-size:110%;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;
}
.paragraphe input.btn{
				float:left;
				width:135px;
				height:41px;
				padding:0 0 5px 0;
				margin:0 0 0 5px;
				/*border:1px solid #40B8EC;*/
				border:none;
				/*background:#00CCFF;*/
				background:url(../images/btn.jpg) no-repeat;
				color:#FFFFFF;
				font-size:12px;
				font-weight:bold;
				cursor:pointer;
}

#divers{
		clear:both;
		width:100%;
		margin:10px auto 0 auto;
}

#divers a{
			color:#666666;
			
}

#divers p{ 
			margin:0;
			padding:5px 0 5px 0;
}

#realisation{
			float:left;
			width:230px;
			background:url(../images/motif-realisation-center.jpg) repeat-y;
}
#realisation h3{
				width:100%;
				height:35px;
				margin:0;
				padding:15px 0 0 0;
				text-align:center;
				color:#000000;
				font-size:16px;
				font-weight:bold;
				background:url(../images/titre-realisation.jpg) no-repeat;
}
#realisation div.paragraphe{
				clear:both;
				width:90%;
				
				margin:0 auto 0 auto;
				padding:0;
				color:#666666;
				font-size:12px;
				text-align:center;
}
#realisation div.bottom_motif{
				width:100%;
				height:21px;
				margin:0;
				padding:0;
				text-align:center;
				background:url(../images/motif-realisation-bottom.jpg) no-repeat;
}

#referencement{
			float:right;
			width:710px;
			background:url(../images/motif-referencement-center.jpg) repeat-y;
}
#referencement h3{
				width:100%;
				height:33px;
				margin:0;
				padding:15px 0 0 0;
				text-align:center;
				color:#000000;
				font-size:16px;
				font-weight:bold;
				background:url(../images/titre-referencement.jpg) no-repeat;
}
#referencement h2{
				width:100%;
				height:35px;
				margin:0;
				padding:15px 0 0 0;
				text-align:center;
				color:#000000;
				font-size:16px;
				font-weight:bold;
				background:url(../images/titre-referencement.jpg) no-repeat;
}
#referencement div.paragraphe{
				clear:both;
				width:95%;
				margin:0 auto 0 auto;
				padding:0;
				font-size:12px;
				text-align:left;
				color: #999999;
				font-family:Arial, Helvetica, sans-serif;
				
}
#referencement div.bottom_motif{
				width:100%;
				height:21px;
				margin:0;
				padding:0;
				text-align:center;
				background:url(../images/motif-referencement-bottom.jpg) no-repeat;
}
.intro{
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-moz-border-radius-bottomleft:6px;
-moz-border-radius-bottomright:6px;
-moz-border-radius-topleft:6px;
-moz-border-radius-topright:6px;
background: #F5F5F5 none repeat scroll 0 0;
border:1px solid  #CCCCCC;
float:left;
margin:3px 0 3px;
padding:7px;
width:98%;
}
.intro .left{
width:180px;
float:left;


}
.intro .right{
width:440px;
float:left;
margin-left:10px;


}
.intro .right h4{
margin-top:0px;
margin-bottom:0px;

}
.intro .right p{
height:120px;
}
.intro .right span a{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
text-decoration:underline;
}



.intro .detail_left{
width:180px;
float:right;


}
.intro .detail_right{
width:440px;
float:left;
margin-left:10px;


}
.intro .detail_right h4{
margin-top:0px;
margin-bottom:0px;

}
.intro .detail_right p{
height:120px;
}
.intro .detail_right span a{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
text-decoration:underline;
}
.titre{
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-moz-border-radius-bottomleft:6px;
-moz-border-radius-bottomright:6px;
-moz-border-radius-topleft:6px;
-moz-border-radius-topright:6px;
background: #CCCCCC none repeat scroll 0 0;
border:1px solid  #CCCCCC;
float:left;
margin:5px 0 7px;
padding:3px;
width:99%;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#FFFFFF;

}

#pied{
	clear:both;
	background-color: #333333;
	margin:0 auto 0 auto;
	padding:10px 0 0 0;
	width:100%;
	color:#FFFFFF;
}

#menu_pied{
		clear:both;
		width:100%;
		height:20px;
		margin:0 auto 0 auto;
}
#menu_pied ul{
			width:90%;
			height:100%;
			padding:0;
			margin:0 auto 0 auto;
}
#menu_pied ul li{
				float:left;
				width:110px;
				height:100%;
				padding:0;
				margin:0;
				text-align:center;
				list-style:none;
				border-right:1px solid #fff;
}

#menu_pied ul li#no_bord{
				border-right:none;
}

#menu_pied ul li a{
					display:block;
					height:100%;
					padding:0;
					margin:0;
					color:#FFFFFF;
					text-decoration:underline;
}
#menu_pied ul li a:hover{
					text-decoration:none;			
}

#copyright{
		clear:both;
		width:100%;
		margin:10px auto 0 auto;
		padding:0 0 10px 0;
		text-align:center;
}

#le_bas{
	clear:both;
	background-color: #999999;
	margin:0 auto 0 auto;
	padding:0;
	width:100%;
	height:20px;
}


#s6 { width: 920px; height: 180px;   }
#s6 div { width: 900px; height: 180px; padding: 8px; color: #333; text-align: left; font-family:Arial,Helvetica,sans-serif;
font-size:12px;
 }
#s6 div img { float: left; margin: 0 10px 10px 0; width: 180px; height: 180px; padding: 3px; background: #fff }

#s7 { width: 230px; height: 180px; border: 1px solid #ddd; background-color: #eee; }
#s7 div { width: 200px; height: 180px; padding: 15px; color: #333; text-align: left; font-size: 16px; overflow: hidden }

#s6 div, #s7 div { top: 0; left: 0 }
#big { width: 500px; text-align: left }

td a { margin: 5px }

.une_zone_devis{
clear:both;
width:678px;
margin:0px auto 0 auto;
padding:0 0 0px 0;
border-bottom:2px solid #CCCCCC;

}
.une_zone_devis h5{
	clear:both;
	width:678px;
	margin:0px 0 10px 0;
	padding:0;
	font-size:14px;
	font-weight:bold;
	color:#000000;
}
.une_zone_devis div.la_ligne{
	clear:both;
	width:678px;
	height:30px;
	margin:1px auto 0 auto;
	padding:0;
}
.une_zone_devis div.la_label{
		float:left;
		width:400px;
		height:100%;
		margin:0;
		padding:0;
		text-align:left;
		font-size:12px;
}
.une_zone_devis div.la_input{
		float:left;
		width:200px;
		height:100%;
		margin:0;
		padding:0;
}
.une_zone_devis div.la_input select{
-x-system-font:none;
background-color:#F4F4F6;
border-color:#FFFFFF #CECECE #CECECE #00afff;
border-style:solid dashed solid solid;
border-width:1px 1px 1px 4px;
color:#00afff;
font-family:"Trebuchet MS",sans-serif,Arial;
font-size:110%;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;
}
.une_zone_devis div.la_ligne_grande{
	clear:both;
	width:678px;
	height:150px;
	margin:5px auto 0 auto;
	padding:0;
}
.une_zone_devis div.la_label{
		float:left;
		width:330px;
		height:100%;
		margin:0;
		padding:0;
		text-align:left;
		font-size:12px;
}
.une_zone_devis div.la_input{
		float:left;
		width:200px;
		height:100%;
		margin:0;
		padding:0;
}
.une_zone_devis div.la_input textarea{
		width:250px;
		height:90%;
}
.une_zone_devis div.la_input input{
				-x-system-font:none;
background-color:#F4F4F6;
border-color:#FFFFFF #CECECE #CECECE #00afff;
border-style:solid dashed solid solid;
border-width:1px 1px 1px 4px;
color:#00afff;
font-family:"Trebuchet MS",sans-serif,Arial;
font-size:110%;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;
}

.imgw{
width:146px;
height:100px;
border:1px solid #999999;
margin:5px auto 0px auto;
}
.descw{
width:146px;
height:30px;
margin:2px auto 2px auto;
}
.menu-graphisme{
width:950px;
height:39px;
background:#999999;
margin:2px auto 2px auto;
background:url(../images/navbg.gif) repeat-x top left;
}
.menu-graphisme .elt{
width:130px;
height:25px;
margin-top:12px;
margin-left:22px;

font-family:Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size:12px;
float:left;

}
.menu-graphisme .elt a{
text-decoration:none;
}
.titre-graphisme{
width:900px;
height:60px;
margin:2px auto 2px auto;
}
.tt1-graphisme{
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#999999;


}
.tt2-graphisme{
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color: #666666;
}
.tt3-graphisme{
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#999999;
}
.tt4-graphisme{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color: #666666;

}
.centenu-graphisme{
width:950px;
height:1950px;
padding-top:5px;
background:#7e858f url(../images/ttgf.jpg) repeat-x top left;  


margin:2px auto 2px auto;

}
.centenu-graphisme #ligne{
width:900px;
height:200px;

margin:2px auto 2px auto;

}
.centenu-graphisme #ligne #left{
width:660px;
height:200px;
float: left;
background:url(../images/graph/new_bg.jpg) no-repeat top left; 
}
.centenu-graphisme #ligne #left #img3{
width:300px;
height:170px;
float: left;
margin-top:12px;
margin-bottom:9px;


}
.centenu-graphisme #ligne #left #btns{
width:300px;
height:170px;
float: left;
margin-top:12px;
margin-bottom:9px;

}
.centenu-graphisme #ligne #left #img3 #img{
width:280px;
height:156px;
margin-top:5px;
margin-left:16px;}
.centenu-graphisme #ligne #right{
width:240px;
height:200px;
float: left;
}
.centenu-graphisme #ligne #left #titre{
width:250px;
height:30px;
margin-top:10px;
margin-left:5px;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#0066CC;
}
.centenu-graphisme #ligne #left #detail{
width:280px;
height:40px;
margin-top:5px;
margin-left:5px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color: #333333;

}
.centenu-graphisme #ligne #left #btn{
width:280px;
height:50px;
margin-top:25px;
margin-left:5px;
border:1px solid #d4d8e1;
background:url(../images/graph/new_information_bg.jpg) no-repeat left top;
}
.centenu-graphisme #ligne #left #btn #agrandir{
width:100px;
height:25px;
margin-top:9px;
margin-left:9px;

}