body{

	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:justify;
	color:#464646;
	background-color:#376ca2;
	margin:15px 0 0 0;
}
.h1{
	font-size:18px;
	color:#FFFFFF;
}

.h5{
	font-size:13px;
	color:#ffffff;
	text-decoration:none;
}

#page {
	margin-left:auto;
	margin-right:auto;
	width:1000px;
	background-color:#FFFFFF;
}

#header{
	position:static;
	float:left;
	width:1000px;
	height:70px;
	border:solid;
	border-width: 0px;
	border-bottom:0;
	border-color:#f46c06;
	background-color:#3399cc;
	background-image:url(images/entete.jpg);
}

#menu_haut{
	position:static;
	float:left;
	width:1000px;
	height:24px;
	border:solid;
	border-width: 0px;
	border-bottom:0;
	border-color:#f46c06;
	background-color:#376ca2;
}

#menu_bas{
	position:static;
	float:left;
	width:1000px;
	height:15px;
	border:solid;
	border-width: 0px;
	border-bottom:0;
	border-color:#f46c06;
	background-color:#376ca2;
}


#centre{
	position:static;
	float:left;
	width:974px;
	background-color:#FFFFFF;
	border:solid;
	border-width: 2px;
	border-color:#666666;
	border-top:none;
	border-left:none;
	padding:13px;
}

#basblanc{
	position:static;
	float:left;
	width:974px;
	height:30px;
	background-color:#FFFFFF;
}

#centre2{
	position:static;
	float:left;
	width:974px;
	height:auto;
	border:solid;
	border-width: 0px;
	border-color:#4c88ba;
	border-top:0;
	padding:13px;
}

#centre3{
	position:static;
	float:inherit
	width:800px;
	height:auto;
	background-color:#FFFFFF;
	border:solid;
	border-width: 0px;
	border-color:#4c88ba;
	border-top:0;
	padding:13px;
}

#pied{
	position:static;
	float:left;
	width:1000px;
	height:15px;
	border:solid;
	border-width: 0px;
	border-bottom:0;
	border-color:#4c88ba;
	
	}

#menu_gauche{
	position:static;
	float:left;
	width:154px;
	height:auto;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-width:2px;
	border-bottom-width:2px;
	border-left-width:1px;
	border-top-width:1px;
	border-right-color: #00cc99;
	border-bottom-color: #00cc99;
	border-left-color: #00cc99;
	border-top-color: #00cc99;
	background-color: #eeeeee;
	}

#colonne_gauche{
	position:static;
	float:left;
	width:157px;
	height:auto;
	margin-bottom:20px;
}

#clearwater{
	position:relative;
	float:left;
	width:154px;
	height:auto;
	left:15px;
	top: 50px;
}

#scaleblaster{
	position:relative;
	float:left;
	width:154px;
	height:auto;
	left:15px;
	top: 50px;
}

#mineralpure{
	position:relative;
	float:left;
	width:154px;
	height:auto;
	left:15px;
	top: 50px;
}

#intercalaire{
	position:relative;
	float:left;
	width:154px;
	height:20px;
	left:15px;
	top: 50px;
}

#intercalaire30{
	position:relative;
	float:left;
	width:154px;
	height:30px;
	left:15px;
	top: 50px;
}

#intercalaire50{
	position:relative;
	float:left;
	width:154px;
	height:50px;
	left:15px;
	top: 50px;
}



#contenu_page{
	position:static;
	float:right;
	width:784px;
	height:auto;
	background-color:#FFFFFF;
	margin-left:13px;
}

#home_gauche{
	position:static;
	float:left;
	width:470px;
	height:auto;
	background-color:#FFFFFF;
	border:solid;
	border-width: 0px;
	border-color:#009966;
	border-top:none;
	border-left:none;
	padding:5px;
	
}


#home_droit{
	position:static;
	float:right;
	width:470px;
	height:auto;
	background-color:#FFFFFF;
	border:solid;
	border-width: 0px;
	border-color:#009966;
	border-top:none;
	border-left:none;
	padding:5px;
}

#home_bas{
	position:static;
	float:left;
	width:1000px;
	height:80px;
	border:solid;
	border-width: 0px;
	border-bottom:0;
	background-color:#ffffff;
}

#home_petro{
	position:static;
	float:left;
	width:960px;
	height:90px;
	background-color:#ffffff;
	border:solid;
	border-width: 1px;
	border-color:#009966;
	padding:5px;
}

#photo_home {
	position:relative;
	left:0px;
	top:5px;
	width:170px;
	height:80px;
	z-index:1;
	overflow: visible;
	float: left;
	margin-right: 10px;
	margin-bottom: 0px;
}

.titre_p{
	font-size:18px;
	margin-bottom:15px;
	color: #009966;
}

.entete_tableau{
	font-size:12px;
	color: #ffffff;
	font-weight: bold;
}

.titre_bien{
	font-size:14px;
	color: #009966;
	font-weight: bold;
}

.titre_categ{
	font-family: Arial, Helvetica, sans-serif;
	font-size:18px;
	color: #ffffff;
	font-weight: bold;
}


.menu{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #009966;
	font-weight: bold;
	text-decoration: none;
	line-height: 20px;
	text-align: left;
	}
.menu:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #009966;
	font-weight: bold;
	line-height: 20px;
	text-align: left;
	text-decoration:underline;
}

.ami{
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	}
.ami:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #ffffff;
	font-weight: bold;
	text-decoration:underline;
}

.titre_texte{
	font-size:12px;
	color: #009966;
	font-weight: bold;
}

.titre_hono{
	font-size:10px;
	color: #000066;
	font-weight: bold;
}

.bandeau {
	color: #FFFFFF;
	font-size: 24px;
}


#identification {
	margin-left:auto;
	margin-right:auto;
	width:450px;
	height:300px;
	background-image:url(images/login_fond.jpg);
	background-color:#999999;
	margin-top:150px;
	
}

.index_formulaire {
	position:static;
	float:left;
	width:310px;
	height:175px;
	margin-top:170px;
	margin-left:28px;
	font-size:16px;
}



/* Fin style page index*/



/*-----------------------------------------------------------------------------------------------*/
/*----------------------------*//*      FIN STYLE DES PAGES      *//*----------------------------*/
/*-----------------------------------------------------------------------------------------------*/

.titre_page {
	color:#009966;
}
.pubier {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #CA5532;
}

.texte_12p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
}
.texte_11p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
}

.texte_10p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #333333;
}

.lien_11p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
}

.lien_11p:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #999999;
}

.lien_11p2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
}

.lien_11p2:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #999999;
	text-decoration: none;
}

.voir {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #2175af;
	text-decoration: none;
}

#texte {
	position:relative;
	left:0px;
	top:0;
	width:890px;
	height:450px;
	z-index:2;
	overflow: auto;
	background-color: #ffffff;
	visibility: visible;
}

#photo1 {
	position:relative;
	left:0px;
	top:5px;
	width:282px;
	height:200px;
	z-index:1;
	overflow: visible;
	float: left;
	margin-right: 5px;
	margin-bottom: 10px;
}

#photo3 {
	position:relative;
	left:0px;
	top:5px;
	width:270px;
	height:233px;
	z-index:1;
	overflow: visible;
	float: left;
	margin-right: 5px;
	margin-bottom: 10px;
}

#photo4 {
	position:relative;
	left:0px;
	top:5px;
	width:400px;
	height:160px;
	z-index:1;
	overflow: visible;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}


#photo_temoin {
	position:relative;
	left:0px;
	top:5px;
	width:280px;
	height:188px;
	z-index:1;
	overflow: visible;
	float: left;
	margin-right: 5px;
	margin-bottom: 10px;
}


#photo2 {
	position:relative;
	left:0px;
	top:5px;
	width:282px;
	height:188px;
	z-index:1;
	overflow: visible;
	float: left;
	margin-right: 5px;
	margin-bottom: 10px;
}

#photo_fiche {
	position:static;
	right:0px;
	top:5px;
	width:282px;
	height:500px;
	z-index:1;
	overflow: visible;
	float: right;
	margin-left: 20px;
	margin-bottom: 10px;
}

#panier {
	position:static;
	left:0px;
	top:15px;
	width:330px;
	height:auto;
	z-index:1;
	overflow: visible;
	float: left;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-width:2px;
	border-bottom-width:2px;
	border-left-width:1px;
	border-top-width:1px;
	border-right-color: #ff9933;
	border-bottom-color: #ff9933;
	border-left-color: #ff9933;
	border-top-color: #ff9933;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: #009966;
	vertical-align: middle;
}

#photos {
	position:relative;
	left:10px;
	top:5px;
	width:282px;
	height:400px;
	z-index:1;
	overflow: visible;
	float: right;
	margin-right: 5px;
	margin-bottom: 10px;
}
.bordsite {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #7b4409;
	border-right-color: #7b4409;
	border-bottom-color: #7b4409;
	border-left-color: #7b4409;
}


.tab2 {
	border-top-width: 1px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #009966;
	border-right-color: #009966;
	border-bottom-color: #009966;
	border-left-color: #009966;
}

.tabbien {
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #e89115;
	border-right-color: #e89115;
	border-bottom-color: #e89115;
	border-left-color: #e89115;
}
.barre_com {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}	

.barre_com2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #cccccc;
	text-decoration: none;
}
.bouton {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
	text-align: center;
	border:1px solid #009966;
	background-color: #ffffff;
}


.bouton:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
	text-align: center;
	background: #D7FFF2;
	border:1px solid #9966;
}


.bouton2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #ffffff;
	text-decoration: none;
	text-align: center;
	background: #00cc99;
	border:1px solid #ffffff;
	height: 18px;
}

.bouton2:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #00cc99;
	text-decoration: none;
	text-align: center;
	background: #ffffff;
	border:1px solid #00cc99;
	height: 18px;
}

.bouton3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #ffffff;
	text-decoration: none;
	text-align: center;
	background: #ff9966;
	border:1px solid #ffffff;
	height: 18px;
}

.bouton3:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #ff9966;
	text-decoration: none;
	text-align: center;
	background: #ffffff;
	border:1px solid #ff9966;
	height: 18px;
}


.bouton_panier {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	width:80px;
	high:8px;
	color: #000000;
	text-decoration: none;
	text-align: center;
	background-color: #ffcc66;
	height: 18px;
	background-position: center center;
	font-weight: normal;
	
}



.bouton_panier:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	width:80px;
	high:8px;
	color: #ff0000;
	text-decoration: none;
	text-align: center;
	background: #ffffff;
	
}

.bouton_panier2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: bold;
	width:120px;
	high:9px;
	color: #000000f;
	text-decoration: none;
	text-align: center;
	background-color: #ffcc66;
	
}

.bouton_panier2:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	width:120px;
	high:9px;
	color: #ff0000;
	text-decoration: none;
	text-align: center;
	background: #ffffff;
}

.index_bien{
	font-size:14px;
	color: #000066;
	text-decoration: none;
}

.index_bien:hover{
	font-size:14px;
	color: #000066;
	text-decoration: underline;
	}
	
.index_bien:visited{
	font-size:14px;
	color: #666666;
	text-decoration: none;
}	
.mp{
	background-image:url(images/mp-menu.jpg);
	background-position:center center;
	height: 22px;
}
.sb{
	background-image:url(images/sb-menu.jpg);
	background-position: center center;
	height: 22px;
}

.pb{
	background-image:url(images/pb-menu.jpg);
	background-position: center center;
	height: 22px;
}