body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	background:#CCCCCC;
}

a:link, a:visited, a:active {
	color:#0066CC;
	text-decoration:none;
	font-style:normal;
}

a:hover {
	color:#FF3300;
}

/*##############################################################################
########################## Interface générale ##################################
##############################################################################*/
#interface {
	width:956px;
	margin:10px auto;
	border:2px solid #0099ff;
	background:#FFFFFF;
}

.clearFloat {
	clear:both;
}

.asterisque {
	color:#FF0000;
}


/*##############################################################################
############################## Banniere ########################################
##############################################################################*/
#banniere {
	height:197px;
	padding-bottom:5px;
}

	#banniereFlash {
		float:left;
		width:261px;
		height:196px;
		padding:1px 5px 0px 1px;
	}
	
	#banniereRight {
		float:left;
		width:689px;
		height:197px;
	}
	
		#banniereDrapeaux {
			float:left;
			width:50px;
			height:31px;
			padding:17px 15px 0px 0px;
		}
		
		#banniereLogo {
			float:left;
			width:624px;
			height:48px;
			background:url(../images/logo.png) no-repeat 0px 5px;
		}
		
		#banniereSlogan {
			height:34px;
			width:689px;
			font-size:22px;
			font-weight:bold;
			color:#6699ff;
			text-align:center;
			padding-top:5px;
			clear:both;
		}
		
		#banniereMenuLeft {
			float:left;
			width:11px;
			height:110px;
			background:url(../images/menuLeft.png) no-repeat;
		}
		
		#banniereMenuCenter {
			float:left;
			width:660px;
			height:92px;
			background:url(../images/menuCenter.png) repeat-x;
			padding-top:18px;
			padding-left:17px;
		}
		
			.menuItem1 {
				float:left;
				display:block;
				background:url(../images/btnEntreprise-off.png) no-repeat center top;
				width:100px;
				padding-top:70px;
				text-align:center;
				color:#666666;
				font-size:12px;
				font-weight:bold;
				margin-right:28px;
			}
			
			.menuItem1:hover, .menuItem1_selected {
				background:url(../images/btnEntreprise-on.png) no-repeat center top;
				color:#0066ff;
			}
			
			.menuItem2 {
				float:left;
				display:block;
				background:url(../images/btnBouteilles-off.png) no-repeat center top;
				width:100px;
				padding-top:70px;
				text-align:center;
				color:#666666;
				font-size:12px;
				font-weight:bold;
				margin-right:28px;
			}
			
			.menuItem2:hover, .menuItem2_selected {
				background:url(../images/btnBouteilles-on.png) no-repeat center top;
				color:#0066ff;
			}
	
			.menuItem3 {
				float:left;
				display:block;
				background:url(../images/btnFlacons-off.png) no-repeat center top;
				width:100px;
				padding-top:70px;
				text-align:center;
				color:#666666;
				font-size:12px;
				font-weight:bold;
				margin-right:28px;
			}
			
			.menuItem3:hover, .menuItem3_selected {
				background:url(../images/btnFlacons-on.png) no-repeat center top;
				color:#0066ff;
			}
			
			.menuItem4 {
				float:left;
				display:block;
				background:url(../images/btnSpecifiques-off.png) no-repeat center top;
				width:100px;
				padding-top:70px;
				text-align:center;
				color:#666666;
				font-size:12px;
				font-weight:bold;
				margin-right:28px;
			}
			
			.menuItem4:hover, .menuItem4_selected {
				background:url(../images/btnSpecifiques-on.png) no-repeat center top;
				color:#0066ff;
			}
			
			.menuItem5 {
				float:left;
				display:block;
				background:url(../images/btnContact-off.png) no-repeat center top;
				width:100px;
				padding-top:70px;
				text-align:center;
				color:#666666;
				font-size:12px;
				font-weight:bold;
			}
			
			.menuItem5:hover, .menuItem5_selected {
				background:url(../images/btnContact-on.png) no-repeat center top;
				color:#0066ff;
			}
			
		
		
/*##############################################################################
############################## Corps de la page #################################
##############################################################################*/
#body {
	background:url(../images/colLeftFond.gif) repeat-y left top;
}

	#cadreBody {
		float:left;
		margin-bottom:10px;
	}

	#cadreBodyTopLeft {
		float:left;
		width:10px;
		height:10px;
		background:url(../images/cadreCoinTopLeft.gif) no-repeat left top;
	}
	
	#cadreBodyTopRight {
		float:left;
		border-top:1px solid #999999;
		height:9px;
		width:744px;
	}
	
	#cadreBodyMiddle {
		border-left:1px solid #999999;
		padding:0px 10px 0px 9px;
		clear:both;
		width:734px;
	}
	
	#cadreBodyBottomLeft {
		float:left;
		width:10px;
		height:10px;
		background:url(../images/cadreCoinBottomLeft.gif) no-repeat left bottom;
	}
	
	#cadreBodyBottomRight {
		float:left;
		border-bottom:1px solid #999999;
		height:9px;
		width:744px;
	}
	

/*##############################################################################
############################## Colonne gauche ##################################
##############################################################################*/
#colLeft{
	float:left;
	width:197px;
	padding-right:5px;
}

#colLeftContent {
	width:177px;
	border-top:1px solid #CCCCCC;
	padding:10px;
}

.paveLeft_titre {
	color:#019bff;
	font-size:14px;
	font-weight:bold;
	padding-bottom:15px;
}

.paveLeft_content {
	color:#666666;
}

.paveLeft_img {
	float:left;
	text-align:center;
	width:78px;
}

.paveLeft_hr {
	clear:both;
	margin:20px 0px;
	color:#999999;
	background-color:#999999;
	height: 1px;
	border: 0;
}


/*##############################################################################
############################## Colonne centre ##################################
##############################################################################*/
#colCenter{
	float:left;
	width:476px;
	padding-right:10px;
}


/*##############################################################################
############################## Colonne droite ##################################
##############################################################################*/
#colRight{
	float:left;
	width:238px;
	padding-left:10px;
}

	.colRightCadre {
		width:238px;
	}
	
		.colRightTopLeft {
			float:left;
			background:url(../images/cadreCoinTopLeft.gif) no-repeat;
			width:10px;
			height:10px;
		}
		
		.colRightTopCenter {
			float:left;
			height:9px;
			width:218px;
			border-top:1px solid #999999;
		}
		
		.colRightTopRight {
			float:left;
			height:10px;
			width:10px;
			background:url(../images/cadreCoinTopRight.gif) no-repeat;
		}
		
		.colRightCadreBottom {
			border:1px solid #999999;
			border-top:0;
			padding:10px;
			color:#006600;
		}
		
			.colRightCadreBottom img {
				float:left;
				padding:0px 10px 10px 0px;
			}
		

.listGamme {
	border:1px solid #CCCCCC;
	padding:10px;
}
	.listGammeTitre {
		color:#FF0000;
		font-weight:bold;
		background:#ddd;
		padding:2px 4px;
		margin-bottom:5px;
	}
	
	.listGammeImg {
		float:left;
		width:39px;
		text-align:center;
		vertical-align:middle;
	}
	
	.lienGamme {
		float:left;
		color:#0066FF;
		font-weight:bold;
		width:155px;
		height:24px;
		padding-top:8px;
		text-align:right;
		border-bottom:1px solid #CCCCCC;
	}

a.lienListGamme {
	color:#FF9900;
}

a.lienListGamme:hover {
	color:#FF0000;
}

/*##############################################################################
############################## Pied de page #################################
##############################################################################*/
#footer {
	height:57px;
	clear:both;
	border-top:1px solid #b7c8d3;
}

#footerLeft {
	float:left;
	width:6px;
	height:57px;
	background:url(../images/footerLeft.gif) no-repeat;
}

#footerSignature {
	float:left;
	width:191px;
	height:20px;
	background:url(../images/footerCenter.gif) repeat-x;
	padding-top:37px;
}

#footerCenter {
	float:left;
	width:753px;
	height:50px;
	background:url(../images/footerCenter.gif) repeat-x;
	color:#FFFFFF;
	font-weight:bold;
	padding-top:7px;
	color:#333;
}	

	
#footerRight {
	float:left;
	width:6px;
	height:57px;
	background:url(../images/footerRight.gif) no-repeat;
}


/*##############################################################################
############################## Fil ariane ######################################
##############################################################################*/
#filAriane {
	padding:10px 0px;
	color:#FF6600;
}
/*##############################################################################
############################## Contenu #########################################
##############################################################################*/
#content{
    text-align:justify;
}
.titreParagraphe {
	color:#0066cc;
	font-weight:bold;
	background:url(../images/puce1.gif) no-repeat /*3px*/ left;
	padding-left:20px;
	margin-bottom:10px;
}

.texteParagraphe {
    margin-bottom:25px;
}


/*######################Page d'accueil########################################*/
#content .imgAccueil{
    padding:0px 0px 10px 10px;
	float:right;
}

#content .actualite {
    margin-top:10px;
    margin-bottom:10px;
}
#content .actualite .titre{
    color:#0066cc;
}

#content .actualite .lien{
    text-align:right;
}

/*##############################Page actualités##################################*/
#content .actu .titre{
    float:left;
    width:400px;
    color:#0066cc;
    font-weight:bold;
}
#content .actu .texte{
    margin-top:25px;
}
/*##############################Page article##################################*/
table{
    width:100%;
}
td{
    text-align:center;
}
tr, th, td{
    border-bottom:1px solid black;
    height:25px;
}
#content .lienRetour{
    text-align:center;
    margin-top:30px;
    margin-bottom:20px;
}
#content .apercuProduit{
    text-align:center;
	margin-bottom:10px;
}
#content .nom{
    text-align:center;
}
#content hr{
    color:#cccccc;
    margin:30px 0px;
}

.articleLienSpec {
	font-size:12px;
	text-align:center;
	margin-bottom:10px;
	font-weight:bold;
}


/*##############################################################################
########################## Formulaire contact ##################################
##############################################################################*/
.contact_fieldset {
	padding:20px 30px;
	border:1px solid #0066FF;
	margin:auto;
	width:375px;
}
.contact_legend {
	color:#0066FF;
	font-weight:bold;
	margin:0px 0px 15px 0px;
	padding:0px 10px;
}
.contact_form label {
	display:inline;
	float:left;
	font-weight:bold;
	width:95px;
}

.contact_form input, textarea{
	background-color:#DDDDDD;
	border:1px solid #999999;
	width:240px;
	margin-bottom:1px;
}
input.contact_form_submit {
	display:block;
	margin:20px 67px;
	width:340px;
	color:#0066FF;
	font-weight:bold;
}
input.contact_form_submit:hover {
	background-color:#CCCCCC;
}
.asterisque {
	color:#FF0000;
}
.contact_confirm {
	color:#0066FF;
	text-align:center;
	padding:10px;
}
.contact_form_msg {
	font-size:11px;
	color:#666666;
	font-style:italic;
	margin-left:100px;
}

/*##############################################################################
############################## Signature #######################################
##############################################################################*/
#signature {
	text-align:right;
	padding:0px 5px 2px 0px;
	clear:both;
}