body{
	margin:0; padding:0;
	font-size:62.5%;
            font-family:"arial", "sans-serif";
        background-color:#668da3;
}
body img{
	border:none;
}
body *{
	background-repeat:no-repeat;
	background-position:top left;
}
    div#page{
        width:100%;

        margin:0 auto 0 auto;
        background-image:url(../images/fond.jpg);
	background-position:center top;
	float:left;
    }
        div#page div#conteneur{
            width:1010px;

            margin:0 auto 0 auto;
            background-image:url(../images/fond-conteneur.png);
        }

/********************************************************/
/******************* HEADER *****************************/
/********************************************************/

	div#header{
	    width:987px;
	    height:181px;
	    float:left;
	    background-image:url(../images/header-fond.jpg);
	    margin-left:15px;
	}
		div#header div#connexion{
			width:303px;
			height:68px;
			background-image:url(../images/connexion-fond.png);
			margin-top:10px;
			margin-left:676px;
		}
			div#header div#connexion p{
				float:left;
				font-size:1.1em;
				text-align:right;
				margin-top:15px;
				margin-left:18px;
				margin-right:13px;

			}
				div#header div#connexion p input.chpTexte{
					border:solid 1px #b3b3b3;
					width:126px;
					margin-bottom:10px;
					padding-left:5px;
				}

				div#header div#connexion p input.chpBox{
					border:none;
					background-color:#5b5b5b;
					color:#FFF;
					text-align:center;
					margin-left:5px;
				}

				div#header div#connexion p a{
					color:#000;
				}
		div#header div#logo{
			float:left;
			margin-top:-20px;
			margin-left:5px;
		}
/***************************************************************/
/************************ CORPS ********************************/
/***************************************************************/

	div#corps{
		background-image:url(../images/corps-fond.png);
			background-repeat:repeat-y;
		width:1010px;
		float:left;


	}


	/***************** NAV *******************/


		div#corps div#navPrincipale{
			float:left;
			width:161px;
		}
			div#corps div#navPrincipale h2{
				display:block;
				float:left;
				color:#FFF;
				font-size:1.6em;
				font-weight:normal;
				width:133px;
				height:39px;
				background-image:url(../images/h2-fond.png);
				padding-left:27px;
				padding-top:5px;
				margin:0;
				margin-left:-1px;
			}
				div#corps div#navPrincipale ul#navProduit{
					display:block;
					float:left;
					width:143px;
					min-height:100px;
					background-image:url(../images/navProduit-fond.png);
						background-repeat:repeat-y;
					padding:0;
					padding-top:10px;
					margin:0;
					margin-left:15px;
					margin-top:-10px;
				}
					div#corps div#navPrincipale ul#navProduit li{
						list-style:none;
						font-size:1.2em;
						display:block;

					}
						div#corps div#navPrincipale ul#navProduit li a{
							display:block;
							width:125px;
							min-height:22px;
							color:#000;
							text-decoration:none;
							padding-left:12px;
							padding-top:5px;

						}
						div#corps div#navPrincipale ul#navProduit li a:hover{
							color:#FFF;
							background-image:url(../images/lienProduit-fond.png);

						}
				div#corps div#navPrincipale img.basNavProduit{
					margin:0;
					margin-left:15px;
				}
				div#corps div#navPrincipale div#contacter{
					float:left;
					margin:0;
					margin-left:20px;
					margin-top:-10px;
					width:141px;
					height:162px;

				}
					div#corps div#navPrincipale div#contacter span.indigoNumero{
						font-size:1.8em;
						color:#55539f;
						display:block;
						margin-left:8px;
						margin-top:3px;
					}
					div#corps div#navPrincipale div#contacter span.indigoPrix{
						font-size:1.1em;
						color:#FFF;
						display:block;
						background-color:#9b9ace;
						margin-left:47px;
						margin-right:7px;
						padding-left:2px;
					}

	/*************** CONTENU *******************/

	div#corps div#contenu{
		float:left;
		width:612px;
		margin:0;
		margin-left:20px;
	}
		div#corps div#contenu p#filAriane{
			margin:0;
			font-size:1.1em;
			margin-left:5px;
		}
			div#corps div#contenu p#filAriane a:link, div#corps div#contenu p#filAriane a:visited{
				color:#000;
				text-decoration:none;
			}
			div#corps div#contenu p#filAriane a:hover{
				text-decoration:underline;
			}
			div#corps div#contenu p#filAriane a.arianeLast{
				color:#f0027f;
			}


		div#corps div#contenu div#swfNews{
			margin:0;
			margin-top:17px;
		}





		div#corps div#contenu div#produitHome{
			float:left;
		}

			div#corps div#contenu div#produitHome div.prod{
				float:left;
				width:193px;
				height:202px;
				padding:0;
				background-image:url(../images/produitHome-fond.png);
				margin-bottom:10px;
			}
			div#corps div#contenu div#produitHome div.prod.debLigne{
				margin-left:0;
			}
			div#corps div#contenu div#produitHome div.prod.suiteLigne{
				margin-left:14px;
			}

				div#corps div#contenu div#produitHome div.prod *{
					margin-left:5px;
				}
				div#corps div#contenu div#produitHome div.prod h2{
					display:block;
					float:left;
					background-color:#4a4a4a;
					color:#FFF;
					font-size:1.4em;
					width:180px;
					margin-top:5px;
					padding-left:5px;
					padding-top:2px;
					padding-bottom:2px;
				}

					div#corps div#contenu div#produitHome div.prod p{
						font-size:1.1em;
						color:#5b5b5b;
						margin:0;
						margin-left:10px;
						margin-top:20px;
					}

						div#corps div#contenu div#produitHome div.prod p span.prixProd{
							color:#f0027f;
							margin:0;
							padding:0;
						}

						div#corps div#contenu div#produitHome div.prod p a:link, div#corps div#contenu div#produitHome div.prod p a:visited{
							margin:0;
							color:#5b5b5b;
							text-decoration:none;
						}
						div#corps div#contenu div#produitHome div.prod p a:hover{
							text-decoration:underline;
						}
						div#corps div#contenu div#produitHome div.prod img{
							margin-left:30px;
						}

		div#corps div#contenu div#avantages{
			float:left;
			height:208px;
			width:610px;
			margin-top:10px;
			margin-left:-1px;
			background-image:url(../images/avantages-fond.png);
		}
			div#corps div#contenu div#avantages h2{
				display:block;

				width:155px;
				height:27px;
				margin:0;
				margin-top:9px;
				margin-left:8px;
				color:#FFF;
				font-weight:normal;
				padding:0;
				padding-left:15px;
				padding-top:3px;
				background-image:url(../images/avantages-titre-fond.png);
			}
			div#corps div#contenu div#avantages div{
				float:left;
				min-width:140px;
				min-height:150px;
				margin:0;
				margin-left:5px;
				background-image:url(../images/avantages-item-fond.png);
				background-position:top right;
			}
				div#corps div#contenu div#avantages div.itemFirst{
					margin-left:22px;
				}
				div#corps div#contenu div#avantages div.itemLast{
					background-image:none;
				}
				div#corps div#contenu div#avantages div h3{
					font-weight:normal;
					font-size:1.4em;
					color:#555555;
					margin:0;
					margin-bottom:5px;
				}
				div#corps div#contenu div#avantages div img{
					display:block;
					float:left;
					margin:0;
					margin-right:12px;
				}
				div#corps div#contenu div#avantages div p{
					font-size:1.2em;
					color:#555555;
					margin:0;
				}
					div#corps div#contenu div#avantages div p a:link, div#corps div#contenu div#avantages div p a:visited{
						display:block;
						float:right;
						margin-right:15px;
						text-decoration:none;
						color:#f0027f;
					}
					div#corps div#contenu div#avantages div p a:hover{
						text-decoration:underline;
					}

	/************** action info *********************/
	div#corps div#actionInfo{
		width:211px;
		float:left;
		margin:0;
		padding:0;
		margin-left:5px;
	}
		div#corps div#actionInfo div#monCompte{
			width:211px;
			margin:0;
			padding:0;
			background-image:url(../images/moncompte-fond.png);
				background-repeat:repeat-y;
		}
			div#corps div#actionInfo div#monCompte h2{
				margin:0;
				margin-left:4px;
				padding:0;
				padding-top:5px;
				display:block;
				width:195px;
				height:28px;
				color:#FFF;
				font-size:1.6em;
				font-weight:normal;
				background-image:url(../images/moncompte-titre-fond.png);
			}
				div#corps div#actionInfo div#monCompte h2 img{

					margin-left:20px;
					margin-right:13px;
					vertical-align:bottom;
				}
			div#corps div#actionInfo div#monCompte p{
				background-color:#FFF;
				margin:0;
				margin-top:4px;
				margin-left:11px;
				margin-right:20px;
				padding:5px 5px 5px 5px;


				font-size:1.1em;
				color:#5b5b5b;

			}
				div#corps div#actionInfo div#monCompte p span#nom{
					font-weight:bold;
					color:#007895;
					font-size:1.1em;
				}
					div#corps div#actionInfo div#monCompte p img{
						vertical-align:middle;
						margin-right:4px;
					}
					div#corps div#actionInfo div#monCompte p a:link, div#corps div#actionInfo div#monCompte p a:visited{
						color:#5b5b5b;
						text-decoration:none;
					}

					div#corps div#actionInfo div#monCompte p a:hover{
						text-decoration:underline;
					}
			div#corps div#actionInfo div#monCompte a.btn{
				display:block;
				margin-left:11px;
				width:190px;
				height:25px;

				padding-right:10px;
				padding-top:2px;
				color:#FFF;
				text-decoration:none;
				font-size:1.1em;
				text-align:right;
				background-image:url(../images/moncompte-btn-fond.png);
					background-position:top right;
			}


		div#corps div#actionInfo div#monPanier{
			width:211px;
			margin:0;
			padding:0;
			background-image:url(../images/moncompte-fond.png);
				background-repeat:repeat-y;
		}
			div#corps div#actionInfo div#monPanier h2{
				margin:0;
				margin-left:4px;
				padding:0;
				padding-top:5px;
				display:block;
				width:195px;
				height:28px;
				color:#FFF;
				font-size:1.6em;
				font-weight:normal;
				background-image:url(../images/monPanier-titre-fond.png);
			}
				div#corps div#actionInfo div#monPanier h2 img{

					margin-left:20px;
					margin-right:13px;
					vertical-align:bottom;
				}

			div#corps div#actionInfo div#monPanier p{
				background-color:#FFF;
				margin:0;
				margin-top:4px;
				margin-left:11px;
				margin-right:20px;
				padding:5px 5px 5px 5px;


				font-size:1.1em;
				color:#5b5b5b;

			}
				div#corps div#actionInfo div#monPanier p span#nbPanier{
					margin-left:5px;
					color:#007895;
					font-size:3em;
				}

			div#corps div#actionInfo div#monPanier a.btn{
				display:block;
				width:200px;
				height:21px;

				padding-right:10px;
				padding-top:2px;
				color:#FFF;
				text-decoration:none;
				font-size:1.1em;
				text-align:right;
				background-image:url(../images/monPanier-btn-fond.png);
					background-position:top right;
			}



	/* navContenu + jQuery */
	div#navContenu{
		width:211px;
		float:left;
		margin:0;
		padding:0;

		margin-top:15px;
	}
	.navigation {
		margin: 0;
		padding: 0;
		list-style: none;
		background-image:url(../images/navContenu-fond.png);
			background-repeat:repeat-y;
		color: #F00;
		width: 200px;
		font-size: 1.2em;
	}
	.navigation a, .navigation span {
		display: block;
		margin-left:8px;
		width:164px;

		padding: 4px 15px;
		color: #FFF;
		font-weight:bold;
		text-decoration: none;
		background-color:#FFF;
		text-decoration:none;
	}
	.navigation .newsPromo {
		background-image:url(../images/navContenu-newsPromo-fond.png);
		height:20px;
	}
	.navigation .serviceQualite {
		background-image:url(../images/navContenu-serviceQualite-fond.png);
		height:20px;
	}
	.navigation .aideFaq {
		background-image:url(../images/navContenu-aideFaq-fond.png);
		height:18px;
	}
	.navigation .contact {
		background-image:url(../images/navContenu-contact-fond.png);
		height:19px;
	}

	.navigation .open a, .navigation .open span {
		background-image: url(menu-item-enroule.png);
	}

	.navigation .subMenu {
		font-size: .8em;
		/*background: #ccc url(subMenu.png) 0 0 repeat-x; */
		font-size: .9em;
		margin: 0;
		padding: 0;
		list-style:none;
		/*border-bottom: 1px solid #666; */
	}
	.navigation ul.subMenu a {
		background: none;
		padding: 3px 20px;
		color:#5b5b5b;
		font-weight:normal;
	}



/********************** footer *********************/

div#footer{
	float:left;
	margin-left:15px;
	margin-top:15px;
	width:987px;
	height:25px;
	border-top:solid 1px #5b5b5b;
	background-color:#FFF;
}
	div#footer p{
		width:982px;
		text-align:right;
		font-size:1.1em;
		margin:0;
		margin-top:5px;
		margin-right:5px;
	}
		div#footer p a:link, div#footer p a:visited{
			color:#5b5b5b;
			text-decoration:none;
		}
		div#footer p a:hover{
			text-decoration:underline;
		}




/***************** Page de contenu ******************/

	div#contenu div#titreRubrique{
		width:100%;
		margin-bottom:10px;
		margin-top:15px;
		margin-left:5px;
		float:left;
		/*background-image:url(../images/contenu-titre-fond.png);*/
	}
		div#contenu div#titreRubrique h2{
			color:#007895;
			font-size:1.6em;
			margin:0;
		}

	div#contenu div#principal{
		clear:both;
		float:left;
		margin-left:5px;
			margin-right:25px;
	}
		div#contenu div#principal p.info{
			font-size:1.2em;
			text-align:justify;
			float:left;
			color:#5b5b5b;
			width:580px;
		}
		div#contenu div#principal p.center{
			text-align:center;
		}
			div#contenu div#principal p.info a:link, div#contenu div#principal p.info a:visited{
				color:#007895;
				text-decoration:none;
			}
			div#contenu div#principal p.info a:hover{
				text-decoration:underline;
			}
			div#contenu div#principal p.info strong{
				color:#007895;
			}
	div#contenu div#principal ul.news{
		font-size:1.2em;
		text-align:justify;
		float:left;
		color:#5b5b5b;
	}
		div#contenu div#principal ul.news li{
			margin-bottom:10px;
		}
			div#contenu div#principal ul.news li a:link,
			div#contenu div#principal ul.news li a:visited{
				color:#007895;
				text-decoration:none;
			}
			div#contenu div#principal ul.news li a:hover{
				text-decoration:underline;
			}

/************* Page Gamme, Devis, Panier*************/

	div#contenu div#titreProduit{
		float:left;
		width:597px;
		min-height:191px;
		margin-top:5px;
	}
		div#contenu div#titreProduit div#illusProduit{
			float:left;
			width:251px;
			margin:0;
			padding:0;

		}
		div#contenu div#titreProduit div#descProduit{
			float:left;
			width:326px;
			margin:0;
			padding:0;
			margin-left:20px;
		}
			div#contenu div#titreProduit div#descProduit h2{
				margin:0;
				font-size:1.8em;
				color:#f0027f;
			}

			div#contenu div#titreProduit div#descProduit p{
				margin:0;
				margin-top:10px;
				margin-bottom:10px;
				color:#5b5b5b;
				font-size:1.2em;
			}

	div#contenu div#principal table{
		width:597px;
		margin:0;
		padding:0;
	}
		div#contenu div#principal table.enteteFiltre{
			background-color:#5b5b5b;
			color:#FFF;

		}
			div#contenu div#principal table.enteteFiltre th{
				font-size:1.4em;
				text-align:left;
				padding-left:10px;
			}
			div#contenu div#principal table.enteteFiltre td{
				font-size:1.2em;
				text-align:right;
				padding-right:2px;
			}
		div#contenu div#principal table.filtres{
			color:#009bc0;
		}
			div#contenu div#principal table.filtres th{
				text-align:center;
				font-size:1.2em;
				font-weight:bold;
			}
			div#contenu div#principal table.filtres td{
				text-align:center;
			}
		div#contenu div#principal table.resultat{
			font-size:1.2em;
			color:#5b5b5b;
			margin-top:0px;
		}
			div#contenu div#principal table.resultat tr.lgResult:hover{
				background-color:#018dae !important;
				color:#FFF !important;
			}
			div#contenu div#principal table.resultat th{
				text-align:left;
				color:#009bc0;
			}
			div#contenu div#principal table.resultat td a:link,
			div#contenu div#principal table.resultat td a:visited{
				color:#f0027f;
				font-weight:bold;
				text-decoration:none;
			}
			div#contenu div#principal table.resultat tr.lgResult:hover td a{
				color:#FFF;
				text-decoration:underline;
			}
		div#contenu div#principal table.recap{
			border:solid 1px #5b5b5b;
			font-size:1.2em;
			color:#5b5b5b;
		}
			div#contenu div#principal table.recap caption{
				text-align:left;
				color:#009bc0;
				font-weight:bold;
				margin-bottom:5px;
			}
			div#contenu div#principal table.recap th{
				color:#009bc0;
				text-align:left;
				width:15%;
			}
		div#contenu div#principal table.quantite{
			/*border:solid 1px #5b5b5b;*/
			font-size:1.2em;
			color:#5b5b5b;
			margin-top:20px;
		}
			div#contenu div#principal table.quantite caption{
				text-align:left;
				color:#009bc0;
				font-weight:bold;
				margin-bottom:5px;
			}
			div#contenu div#principal table.quantite td{
				text-align:right;

			}
			div#contenu div#principal table.quantite span.prix{
				color:#f0027f;
				font-weight:bold;
				font-size:1.2em;
			}
		div#contenu div#principal table.panier{
			border:solid 1px #5b5b5b;
			font-size:1.2em;
			color:#5b5b5b;
			margin-top:20px;
		}
			div#contenu div#principal table.panier caption{
				text-align:left;
				color:#009bc0;
				font-weight:bold;
				margin-bottom:5px;
			}
			div#contenu div#principal table.panier th{
				color:#009bc0;
				text-align:left;
				width:15%;
			}
			div#contenu div#principal table.panier td.total, div#contenu div#principal table.panier th.total{
				font-size:1.4em;
			}
			div#contenu div#principal table.panier .celCenter{
				text-align:center;
			}
		div#contenu div#principal span#lienOption{
			font-size:1.2em;
			clear:both;
			float:right;
			margin-top:10px;
			margin-bottom:10px;
		}
			div#contenu div#principal span#lienOption a{
				color:#f0027f;
				font-weight:bold;
				text-decoration:none;
			}
		div#contenu div#principal table#option{
			display:none;
			width:auto;
			clear:both;
			float:right;
		}
/*********** 	Forfait Créa	*************/

		#crea_tab {
			width:95%;
			margin-left:auto;
			margin-right:auto;
		}
		#crea_tab #cell{
			width:156px;
			float:left;
			margin:10px;
			background:url(../images/crea_tab_back.gif) repeat-y;
		}
		.crea_tab_head{
			height:110px;
			text-align:right;
			width:100%;
		}
		.crea_tab_head img{
			width:140px;
		}
		.crea_tab_main{
			width:100%;
			height:95px;
			text-align:center;
		}
		.crea_tab_main #crea_main_2{
			margin-left:15px;
			font-size:1.1em;
			color:#636363;
			font-weight:bold;
			text-align:center;
		}
		.crea_tab_title{
			margin-left:15px;
			font-size:1.4em;
			font-weight:bold;
			color:#2883a0;
		}
		.crea_tab_price{
			margin-left:15px;
			font-size:1.8em;
			font-weight:bold;
			color:#f55e1c;
			height:25px;
			padding-top:8px;
		}
		.crea_tab_foot{
			width:100%;
			height:17px;
			bottom:0px;
			background:url(../images/crea_tab_foot.gif) no-repeat;
		}

/*********** connexion & formulaire *************/
		div#contenu div#principal fieldset{
			margin:0;
			margin-bottom:10px;
			width:580px;
			float:left;
			border: solid 1px #5b5b5b;
			font-size:1.2em;
			color:#5b5b5b;
		}
			div#contenu div#principal fieldset legend{
				color:#009bc0;
			}
			div#contenu div#principal fieldset label{
				width:30%;
				display:block;
				float:left;

			}
			div#contenu div#principal fieldset input.chpModif{
				margin-bottom:2px;
			}
			div#contenu div#principal fieldset a:link,
			div#contenu div#principal fieldset a:visited
			{
				text-decoration:none;
				color:#f0027f;
			}
			div#contenu div#principal fieldset a:hover{
				text-decoration:underline;
			}
			div#contenu div#principal table.formContact{
				clear:both;
				border:solid 1px #5b5b5b;
				font-size:1.2em;
				color:#5b5b5b;
				margin-top:20px;
			}
				div#contenu div#principal table.formContact caption{
					text-align:left;
					color:#009bc0;
					font-weight:bold;
					margin-bottom:5px;
				}
				div#contenu div#principal table.formContact th{
					color:#009bc0;
					text-align:left;
					width:15%;
				}
		div#contenu div#principal fieldset span.obligatoire{
			color:#F00 !important;
		}


/****** page de contenu *********/
	div#corps div#contenu div#principal div#contenuIllus{
		text-align:center;
		width:580px;
	}
	div#corps div#contenu div#principal p.info a.btnContenuPanier{
		float:right;
		margin-top:-45px;
	}