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

a img{ border:none;}

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

}

#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 div.paragraphe{
				clear:both;
				width:99%;
				height:525px;
				margin:0 auto 0 auto;
				padding:0;
				color:#666666;
				font-size:12px;
				text-align:left;
}
#contenu div#le_text div.paragraphe .p1{
				clear:both;
				width:98%;
				height:110px;
				margin-left:auto;
				margin-right:auto;
				margin-bottom:5px;
				padding:0;
				
}
#contenu div#le_text div.paragraphe h3{
				clear:both;
				width:70%;
				height:20px;
				margin-left:10px;
				margin-right:0px;
				margin-bottom:5px;
				padding:0;
				text-decoration:underline;
				color:#0066FF;
				
}

#contenu div#le_text div.paragraphe .p1 .img{
			
				width:146px;
				height:100px;
				margin-left:2px;
				margin-right:2px;
				margin-bottom:2px;
				margin-top:2px;
				padding:1px 1px 1px 1px;
				float:left;
				border:1px solid #CCCCCC;
}

#contenu div#le_text div.paragraphe .p1 .text{
			
				width:755px;
				height:104px;
				margin-left:2px;
				margin-right:2px;
				margin-bottom:2px;
				margin-top:2px;
				padding:0;
				float:right;
				
}
#contenu div#le_text div.paragraphe .p1 .text h3{
                margin-left:0px;
				height:18px;
                color:#4d8bca;
				font-family:tahoma;
}
#contenu div#le_text div.paragraphe .p1 .text p{
                margin-left:0px;
                color:#000000;
				font-family: Arial, Helvetica, sans-serif;
				font-size:12px;
				text-indent:5px;
}
#contenu div#le_text div.paragraphe .p1 .text a{
                margin-left:0px;
				height:18px;
                color:#B4D1EF;
				text-decoration:underline;
				font-family:tahoma;
}

#echange_lien{
width:98%;
height:100%;
margin:0 auto 0 auto;
}
#echange_lien a{
font-size:12px;
font-weight:bold;
color:#666666;
text-decoration:none;
}
#echange_lien a:hover{
color:#0099FF;
}





#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:182px;
				left:157px;
				width:57px;
				height:25px;
				text-align:center;
}
div.pack div.commander input.commander_mnt{
					display:block;
					width:100%;
					height:100%;
					text-decoration:none;
					border:none;
					color:transparent;
					background:transparent;
					cursor:pointer;
}

.pack h2{
				width:200px;
				height:20px;
				margin:0 auto 20px auto;
				padding:0;
				text-align:center;
				font-size:16px;
				font-weight:bold;
}
.pack ul{
				clear:both;
				width:180px;
				height:140px;
				margin:0 auto 0 auto;
				padding:0 0 0 20px;
				font-size:11px;
				color:#000000;
				text-align:left;
}
.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{
				float:left;
}
.paragraphe input.zone_text{
				width:250px;
				border:1px solid #40B8EC;
				color:#40B8EC;
				font-size:12px;
				font-weight:bold;
}
.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:60px;
				border:1px solid #40B8EC;
				color:#40B8EC;
				font-size:12px;
				font-weight:bold;
}
.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;
			text-decoration:none;
}

#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%;
				height:235px;
				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: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%;
				height:235px;
				margin:0 auto 0 auto;
				padding:0;
				color:#666666;
				font-size:12px;
				text-align:left;
}
#referencement div.bottom_motif{
				width:100%;
				height:21px;
				margin:0;
				padding:0;
				text-align:center;
				background:url(../images/motif-referencement-bottom.jpg) no-repeat;
}

#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 }