html{background:#FFF}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td{margin:0; padding:0}

fieldset, img{border:0}
/*address, caption, cite, code, dfn, em, strong, th, var{font-style:normal; font-weight:normal}*/
/*li{list-style:none}*/
li{list-style-position:inside;}
caption, th{text-align:left}
h1, h2, h3, h4, h5, h6{font-size:100%; font-weight:normal}
q:before, q:after{content:''}
abbr, acronym{border:0; font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
input, textarea, select{font-family:inherit; font-size:inherit; font-weight:inherit}
input, textarea, select{font-size:100%}
legend{color:#fff}
del, ins{text-decoration:none}
input{border:1px solid #000}
html,body{font-size:100%; height:auto !important; min-height:100%;background-color:#04304d}
body *{font-size:12px;font-family:Verdana,Geneva,Arial}
strong{font-weight:bold}
h1,h2,h3,h4,h5,h6{font-weight:bold}
a{text-decoration:none;color:#000}
a:hover{text-decoration:underline;color:#000}
a:focus{outline:none;color:#000} 
*{color:#000}

/* UTILITAIRE */
body{text-align:center}
.clear{clear:both}
.toSlide li{text-align:left;padding:10px;padding-left:20px}
br.clear{line-height:0;height:0}
.selectField{width:150px}
.optionField{margin-right:10px}
.leftCol{float:left}

/* GENERAL */
#supercontent{margin:auto;width:900px;}
#content,#contentAccueil{width:100%;text-align:center}
.content{background-color:#d5d5d5;}
.leftblockcontent ul{margin-left:5px}
.oldPrice{text-decoration:line-through}
.newPrice{font-weight:bold}

/* NAVIGATION */
#navigation
{
	background-image:url(/style/front/fondOonglet.png);
	height:97px;
}

/* ARIANE */
#ariane{margin-bottom:6px}

/* BLOCKS */
.leftBlock{margin-top:0px;width:162px}
.leftBlockTitle{background-image:url(/style/front/fondTitre.png);height:41px;color:#FFFFFF;width:255px;text-align:right;line-height:41px;color:#FFFFFF;}
.leftBlockTitle h2{color:#FFFFFF;float:left;margin-left:20px;}
.leftBlockTitle-categorie{height:21px;text-align:left;line-height:21px;margin-top:20px;}
.leftBlockTitle-categorie h2{color:#FFFFFF;margin-left:50px;margin-right:0px;}
.leftBlockTitle-categorie h2 a{color:#FFFFFF;}
.leftBlockContent-categorie h2{color:#B1B1B1;margin-left:50px;margin-right:0px;width:100%;}
.leftBlockContent-categorie h2 a{color:#B1B1B1;}


.leftBlockTitle-categorie2{height:21px;text-align:left;line-height:21px;margin-top:20px;}
.leftBlockTitle-categorie2 h2{color:#FFFFFF;margin-left:30px;margin-right:0px;}
.leftBlockTitle-categorie2 h2 a{color:#FFFFFF;}
.leftBlockContent-categorie2 h2{color:#B1B1B1;margin-left:30px;margin-right:0px;}
.leftBlockContent-categorie2 h2 a{color:#B1B1B1;}


.blockListDesignation,.blockListProduit{background-color:#d4d4d4;width:132px;float:left;margin:20px 10px}
.blockListDesignationContent,.blockListProduitContent{background-image:url(/style/front/vigBottom.png);color:#fff}
.blockListDesignationContent *,.blockListProduitContent *{color:#fff}
.blockListDesignationPhoto img,.blockListProduitPhoto img{margin:5px}

.ficheBlock{border:0px solid #ccc;margin-bottom:0px;padding:0px}
.ficheBlock .ficheBlockContent{padding:0px}

.defaultBlock{border:0px solid #ccc;margin-bottom:10px}
.defaultBlock .defaultBlockContent{padding:5px}

/* CONFIGURATION DES COLONNES DU SITE */
.col2{width:100%;padding:0px}

/* Formulaires */
label{display:inline-block;vertical-align:top;width:200px}
.error{color:#CC0000;font-weight:bold}
label.error{color:#CC0000;font-weight:bold;width:400px;margin-left:10px}
form p{padding:5px}

/* Plan */
#plan ul{margin-left:10px}
#plan li{list-style:none;}
#plan li.cat0{float:left;display:block;width:200px;}


#head
{
	height:118px;
	background-repeat:no-repeat;
	background-image:url(/style/front/header.png);
	background-position:center center;
	background-color:#000000;
}
#navigation div a
{
	color:#FFF;
	font-weight:bold;
}

#navigation div img
{
	vertical-align: middle;
	margin:3px 10px 3px 3px;
}
#navigation div
{
	line-height:31px;
	height:31px;

	color:white;
	float:left;
	text-align:center;

}

.ficheBlock 
{
	background:url(/style/front/colonneSousTitre.png) left repeat-y;
	border:0px;
	
	
	width:100%;
}

.ficheBlock div.ficheBlockTitle
{
	background:url(/style/front/fondTitre.png) no-repeat;
	float:left;

	width:255px;
	height:41px;

	line-height:41px;
	vertical-align:middle;
}
.ficheBlock div.ficheBlockContent
{
	margin-left:255px;
}

.ficheBlock div.ficheBlockTitle h2
{
	text-align:right;
	padding-right:20px;
}

.ficheBlock *{color:#FFFFFF;}

#content{background:#000000 url(/style/front/fondPage.jpg) center 100px no-repeat;text-align:justify;}

#footerInfos
{
	margin-top:-115px;
	float:right;
	background-image:url(/style/front/bottomaccueil.png);
	background-position:right bottom;
	background-repeat:no-repeat;
	height:20px;
	width:100%;
	vertical-align:bottom;
	text-align:center;

	padding-top:95px;
}

#footerInfos *
{
	color:#FFF;
	line-height:20px;
}

#footerInfosAccueil
{
	
	background-image:url(/style/front/bottomaccueil.png);
	background-position:right bottom;
	background-repeat:no-repeat;
	
	height:113px;
	width:1300px;

	position:absolute;
	top:100%;
	left:100%;
	margin-left:-1300px;
	margin-top:-113px;
}
#footerInfosAccueil div
{
	margin-top:95px;
	margin-right:150px;
	color:#FFFFFF;
	text-transform:uppercase;
	text-align:right;
}
#footerInfosAccueil div a 
{
	color:#FFFFFF;
	text-transform:uppercase;
}

html,body
{
	background-color:#000000;
	background-image:url(/style/front/fond.png);
	background-repeat:repeat-x;
}


div#accueil div
{
	margin-top:188px;
}

div#accueil
{
	background:url(/style/front/fondAccueil.png) no-repeat center center;
	width:900px;
	height:482px;

	position:absolute;
	top:50%;
	left:50%;
	margin-top:-241px;
	margin-left:-450px;
}

div.ficheBlockContact,div.ficheBlockContactValider
{
	background:url(/style/front/fondContact.png);
	float:left;
	margin-left:10px;
	padding:50px 25px;
	text-align:center;
	width:550px;
}


div.ficheBlockContact input.submit
{
	height:25px;
	width:120px;
	background-color:#000000;
}

div.formulaire
{
	float:left;
	width:270px;
	text-align: right;
	margin-bottom:30px;
}
div.formulaire label:after
{
	content:' : ';
}
div.formulaire input
{
	width:170px;
	color:#000000;
}
div.formulaire label
{
	display:inline;
	margin-right:10px;
}


div.formulaireDouble
{
	float:left;
	width:100%;
	text-align: left;
	margin-bottom:30px;
}
div.formulaireDouble label:after
{
	content:' : ';
}
div.formulaireDouble textarea
{
	width:100%;
	height:115px;
	color:#000000;
}
div.formulaireDouble label
{
	display:inline;
	margin-right:10px;
}

div.col2
{
	margin-bottom:100px;
}


div.col1{width:255px;}
div.col3{width:465px;}
div.col4{width:180px;}
div.col4 .leftBlockTitle{width:180px;}


.reference h2.titre
{
	height:44px;
	line-height:44px;
	background-image:url(/style/front/fondRef.png);
	background-repeat:repeat-y;
	margin-left:10px;
}

.reference h2.titre ul li
{
	color:#FFFFFF;
	margin-left:10px;
}

.login,.login *
{
	color:#FFFFFF;
}
.login input
{
	color:#000000;
}

.leftBlockContent-categorie h2
{
	width:100%;
}
