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;

}

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

-
#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:320px;
				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: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:100px;
				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;
				-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 .text{
				float:left;
				width:250px;
				height:60px;
				-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;
			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%;
			
				margin:0 auto 0 auto;
				padding:0;
				color:#666666;
				font-size:12px;
				text-align:left;
}
#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 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%;
				height:750px;
				margin:0 auto 0 auto;
				padding:0;
				color:#666666;
				font-size:12px;
				text-align:left;
}
#referencement div.paragraphe .lien{
width:620px;
height:135px;
margin-left:20px;
padding-left:10px;
padding-top:3px;
margin-bottom:5px;
border:1px solid #999999;
}


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

.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;

margin:3px 0 3px;
padding:7px;
width:98%;
}
.intro a{
text-decoration:none;
color:#666666;

}