body{
	margin:0; padding:0;
	font-size:62.5%;
	font-family:"arial", "sans-serif";
	background:#ffffff;
}
body img{
	border:none;
}
body *{
	background-repeat:no-repeat;
	background-position:top left;
}

/********************************************************/
/******************* LAYOUT *****************************/
/********************************************************/

    div#page{
        width:990px;
        margin:0 auto 0 auto;
	}
	div#header{
	    height:150px;
	    background-image:url(../images/bandeau.jpg);
		background-color:#ffffff;
		position:relative;
	}
	div#corps{
		background-image:url(../images/fond-corps.png);
		background-repeat:no-repeat;
		position:absolute;
		width:990px;
	}
	div#corps div#contenu{
/*		margin-left:175px;
		margin-right:205px;*/
		overflow: hidden; 
		width:610px;
		min-height:600px;
	}
	div#corps div#colonneGauche{
		float:left;
		width:180px;
	}
	div#corps div#colonneDroite{
		width:188px;
		float:right;
	}

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

		div#header div#logo{
			position:absolute;
			top:0px;
			left:0px;
		}
		div#header div#connexion{
			display:none;
		}
		div#header #header_flash {
			position:absolute;
			right:0;
		}
		div#header #logo h1 {
			margin:0;
		}		
		div#header #logo h1 a {
			display:block;
			width:350px;
			height:130px;
			text-indent:400px;
			overflow:hidden;
			white-space:nowrap;		
		}

/*
		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;
				height:68px;

			}
				div#header div#connexion p marquee{
					height:50px;
					font-size:1.2em;
				}
					div#header div#connexion p marquee a{
						color:#F0027F;
						text-decoration:none;
						
						line-height:1.6em;
					}
				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;
				}
*/
		
/***************************************************************/
/************************ CORPS ********************************/
/***************************************************************/


	/***************** NAV *******************/
	div#corps div#navPrincipale h2{
		display:block;
		color:#FFF;
		font-size:1.6em;
		font-weight:normal;
		width:159px;
		height:38px;
		line-height:30px;
		vertical-align:middle;
		padding-left:25px;
		background-image:url(../images/fond-h2-gauche.png);
		margin-left:-10px;
		margin-bottom:-8px;
	}
	
		div#corps div#navPrincipale ul#navProduit{
			display:block;
			background-image:url(../images/fond-nav-gauche.png);
			background-repeat:no-repeat;
			background-position:bottom left;
			padding:10px 0;
			margin:0;
			list-style-type:none;
			width:159px;
		}
		
			div#corps div#navPrincipale ul#navProduit li{
				padding:0;
				margin:0;
			}
				div#corps div#navPrincipale ul#navProduit li a{
					font-size:1.2em;
					line-height:23px;
					vertical-align:middle;
					display:block;
					width:134px;
					color:#000;
					text-decoration:none;
					padding-left:12px;
				}
				div#corps div#navPrincipale ul#navProduit li a:hover{
					color:#FFF;
					background: #ffffff url(../images/lienProduit-fond.png);
				}
				div#corps div#navPrincipale div#contacter img {
					margin-top:20px;
				}
				div#corps div#navPrincipale div#contacter p {
					width:149px;
					margin: 2px 10px;
				}

					#ctel {
						font-size:1.5em;
					}
					#cform {
						font-size:1em;
					}
					#cmail {
						font-size:1em;
					}
					div#corps div#navPrincipale div#contacter p  a{
						color:#000000;
						text-decoration:none;
					}
					div#corps div#navPrincipale div#contacter p  a:hover{
						color:#000000;
						text-decoration:underline;
					}

				div#corps div#navPrincipale div#contacter #contactnum {
					display:block;
					font-size:1.8em;
				}
				div#corps div#navPrincipale div#contacter #contacttarif {
					display:block;
				}

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

		div#corps div#contenu p#filAriane{
			margin:30px 15px;
			font-size:1.1em;
		}
			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:#d936c4;
			}


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



		div#corps div#contenu div#produitHome{
			margin-top:5px;	
		}

			div#corps div#contenu div#produitHome div.prod{
				float:left;
				width:194px;
				height:200px;
				background-image:url(../images/fond-bloc.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;
					color:#FFF;
					font-size:1.4em;
					width:175px;
					padding-left:10px;
					margin:4px 0 0 4px;
					line-height:22px;
					vertical-align:middle;
					background:url(../images/fond-h3-produits.png) repeat-x;
				}

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

						div#corps div#contenu div#produitHome div.prod p span.prixProd{
							color:#d8a535;
							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 .divImage{
							width:184px;
							text-align:center;
							margin:0;
							padding:0;
							margin:10px 0;
						}

		div#corps div#contenu div#avantages{
			clear:left;
			height:208px;
			width:610px;
			margin-top:10px;
			margin-left:-1px;
			background-image:url(../images/fond-blocAide.png);
		}
			div#corps div#contenu div#avantages h2{
				display:block;
				width:583px;
				padding-left:15px;
				line-height:27px;
				vertical-align:middle;
				margin:4px 0 10px 4px;
				color:#FFF;
				font-weight:normal;
				background-image:url(../images/fond-h2-bloc.png);
				background-position:bottom left;
			}
			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:15px;
				}
				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:10px;
					padding-left:20px;
					background:url(../images/puce-bleue.png) no-repeat;
				}
				div#corps div#contenu div#avantages div img{
					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;
						text-decoration:none;
						color:#d936c4;
					}
					div#corps div#contenu div#avantages div p a:hover{
						text-decoration:underline;
					}

					/************** action info *********************/

	div#corps div#colonneDroite  h2{
		display:block;
		color:#FFF;
		height:38px;
		line-height:30px;
		vertical-align:middle;
		font-size:1.6em;
		font-weight:normal;
		background-image:url(../images/fond-h2-droite.png);
		width:188px;
		padding-left:25px;
		margin-left:10px;
		margin-bottom:-8px;		
	}
		div#corps div#colonneDroite h2 img{
			margin-right:8px;
			vertical-align:middle;
		}
		
		div#corps div#actionInfo div#monCompte{
			width:138px;
			margin-left:10px;
			padding:10px 20px 20px 20px;
			background-image:url(../images/fond-nav-droite.png);
			background-position:bottom left;
			font-size:1.1em;
			color:#5b5b5b;
		}
			div#corps div#actionInfo div#monCompte p {
				margin:0 0 5px 0;
			}
			div#corps div#actionInfo div#monCompte ul {
				margin:0 0 0 20px;
				padding:0;
				list-style-image:url(../images/moncompte-puce.png);
			}
			div#corps div#actionInfo div#monCompte ul li{
				padding-left:0;
			}
				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#monPanier{
			width:138px;
			margin-left:10px;
			padding:10px 20px 20px 20px;
			background-image:url(../images/fond-nav-droite.png);
			background-position:bottom left;
			font-size:1.1em;
			color:#5b5b5b;
		}
		
			div#corps div#actionInfo div#monPanier p{
				margin:0 0 5px 0;
			}
				div#corps div#actionInfo div#monPanier p span#nbPanier{
					margin-left:5px;
					color:#007895;
					font-size:3em;
				}

			div#corps div#actionInfo a.btn{
				color:#d936c4;
				text-decoration:none;
			}

	/* navContenu + jQuery */
	div#navContenu{
		margin::0;
	}
	.navigation {
		margin: 0 0 20px 0;
		padding: 0;
		margin-left:10px;
		list-style: none;
		color: #F00;
		font-size: 1.2em;
	}
	.navigation li {
		display: block;
		margin:0;
		padding:1px 0 0 0;
	}
	.navigation a, .navigation span {
		display: block;
		width:163px;
		color: #FFF;
		font-weight:bold;
		padding-left:15px;
		font-size:1.1em;
		text-decoration: none;
		background-color:#FFF;
		line-height:27px;
		vertical-align:middle;
	}
	.navigation .newsPromo {
		background-image:url(../images/fond-mderoul-orange.png);
	}
	.navigation .serviceQualite {
		background-image:url(../images/fond-mderoul-vert.png);
	}
	.navigation .aideFaq {
		background-image:url(../images/fond-mderoul-violet.png);
	}
	.navigation .contact {
		background-image:url(../images/fond-mderoul-mauve.png);
	}

	.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;
		color:#5b5b5b;
		font-weight:normal;
	}

	#livraison {
	}
		#livraison img {
			margin-top:20px;
		}
		#livraison p {
			text-align:center;
		}
		#livraison #livgratuite {
			font-size:1.6em;
			display:block;
		}
		#livraison #livtexte {
			margin-top:20px;
		}


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

div#footer{
	clear:left;
	position:relative;
}

div#footerFond{
	background:url(../images/fond-page-bas.png) bottom no-repeat;
	width:990px;
	height:133px;
	top:-100px;
	position:absolute;
	z-index:-1000;
}

	div#footer p{
		width:982px;
		text-align:right;
		font-size:1.1em;
		margin:0;
		margin-right:5px;
		padding-top:15px;
		padding-bottom:10px;
	}
		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;
		/*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 .info{
			font-size:1.2em;
			text-align:justify;
			color:#5b5b5b;
			width:580px;
		}
		div#contenu div#principal p.center{
			text-align:center;
		}
			div#contenu div#principal .info a:link, div#contenu div#principal .info a:visited{
				color:#007895;
				text-decoration:none;
			}
			div#contenu div#principal .info a:hover{
				text-decoration:underline;
			}
			div#contenu div#principal .info strong{
				color:#007895;
			}
	div#contenu div#principal ul.news{
		font-size:1.2em;
		text-align:justify;
		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{
	}
		div#contenu div#titreProduit div#illusProduit{
			float:left;
			width:251px;
			margin:0;
			padding:0;
		}
		div#contenu div#titreProduit div#descProduit{
			width:326px;
			margin:0;
			padding:0;
			margin-left:270px;
		}
			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{
		clear:left;
		margin-top:30px;
	}
	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{
				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;
	}