@charset "UTF-8";
/* CSS Document */

body, html {
	border: 0;
	padding: 0;
	margin: 0;
	height: 100%;
	width:100%;
	text-align: center;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	background-color: black;
	color:white;
	background-image:url(../image/fondBaroque2.jpg);
	background-repeat:repeat-y;
	background-position:top;
	vertical-align:top;
}

#red{color:#C00}
#blue{color:#06F}
#green{color:#0C3}
#Lgrey{color:#CCC}
#Mgrey{color:#999}
#Hgrey{color:#666}
#black{color:black}
#white{color:white}

h1{	font-size:25px;margin:5px}

h2{font-size:20px;margin:2px}

h3{font-size:18px;margin:0px}

h4{
	font-size:16px;
	font-weight:200;
}



a
{
	text-decoration:none;
	cursor:pointer;
	margin:0px;
	padding:0px;
	border:0px;
	color:#ccc;	
}

a img
{
	border:0px;	
}

a:hover
{
	color:white;
}

.headerMenu a:hover
{
	color:#5af;
}


p
{
	margin:5px;
	padding:0px;
	border:0px;
}




.page
{
	position:relative;
	min-height:100%;
	width:960px;
	margin:0px auto 0px auto ;
	background-image:url(../image/fondCenter.jpg);
	-moz-box-shadow: 0px 0px 15px 5px #000;
	-webkit-box-shadow: 0px 0px 15px 5px #000;
	-o-box-shadow: 0px 0px 15px 5px #000;
	box-shadow: 0px 0px 15px 5px #000;	
}
.pageProduit
{
	position:relative;
	min-height:100%;
	width:960px;
	margin:0px auto 0px auto ;
	background-color:#222222;
	-moz-box-shadow: 0px 0px 15px 5px #000;
	-webkit-box-shadow: 0px 0px 15px 5px #000;
	-o-box-shadow: 0px 0px 15px 5px #000;
	box-shadow: 0px 0px 15px 5px #000;	
}




/*//// Header Header Header Header///*/

.header
{
	position:relative;
	z-index:100;
	height:128px;
	width:960px;
	background-image:url(../image/fondHeader.jpg);
	border-radius: 0px 0px 5px 5px;	
}
.headerProduit
{
	position:relative;
	z-index:100;
	height:128px;
	width:960px;
	background-image:url(../image/fondHeader.png);
	border-radius: 0px 0px 5px 5px;	
}

.headerLogo
{
	position:relative;
	z-index:150;
	height:80px;
	width:250px;
	left:150px;
	top:14px;
	
}
.panier
{
	position:absolute;
	z-index:150;
	height:76px;
	width:250px;
	right:0px;
	top:0px;
	border:1px solid black;
	-moz-box-shadow: inset 1px -1px 5px 0px #000000;
	-webkit-box-shadow: inset 1px -1px 5px 0px #000000;
	-o-box-shadow: inset 1px -1px 5px 0px #000000;
	box-shadow: inset 1px -1px 5px 0px #000000;
	display:none;
	padding:5px;
	
}
.headerMenu
{
	position:relative;
	top:6px;
	height:25px;
	width:960px;
	z-index:100;
	border-top: 1px dotted black;	
}

.categorie
{
	display:inline-block;
	height:25px;
	width:100px;
	margin-left:10px;
	margin-right:10px;
	cursor:pointer;
}
.categorieLenght
{
	width:150px;
}

.search
{
	position:absolute;
	float:right;
	display:inline-block;
	height:24px;
	width:200px;
	right:0px;
	top:0px;
	margin:0px;
	cursor:pointer;
	
	
}
.search form
{
	
	display:inline-block;

	
	
}
.search img
{
	position:absolute ;
	height:24px;
	width:30px;
	display:inline-block;
	background-color: #222;
	border-radius:0px 0px 10px 0px;
	
	
}
.search p
{
	
	margin:0px;
	
	
	
}

.search input
{
	padding-left:5px;
	display:inline-block;
	background-color: #222;
	color:white;
	border:0px;
	height:22px;
	width:135px;
	border-left:1px dotted black;
}
.suggestionsBox
{
	position:absolute;
	margin-left:30px;
	width: 190px;
	display:none;
}


.suggestionList
{
	width: 190px;
	margin-top:1px;
	padding-top:10px;
	padding-bottom:10px;
	background-color: #222;
	border:1px solid black;
	border-top:3px solid #06C;
	border-radius: 0px 0px 5px 5px;
	color: #fff;
	font-size:10px;
}

.categorieOver
{	
	border-bottom:3px solid #06C;
}

.menuTexte
{	
	display:inline-block;
	position:relative;
	top:3px;
	border:0px;
	margin:0px;
	padding:0px;
	font-size:15px;
	
}

.menuSubCat
{	
	position:absolute;
	width:100px;
	top:25px;
	background-image:url(../image/subMenu.jpg);
	border:1px solid black;
	border-top:3px solid #06C;
	border-radius: 0px 0px 5px 5px;
}

.menuSubCatLenght
{	
	
	width:150px;
}


.barre
{
	height:28px;
	width:4px;
	background-image:url(../image/barreLine2.png);
	display:inline-block;
}









/*//// Center center center center ///*/





.center
{
	z-index:50;
	top:0px;
	width:960px;
	text-align:start;
}

.menuLeft
{
	position:absolute;
	top:140px;
	width:180px;
	padding-left:6px;
	padding-right:6px;
	text-align:center;
}

.columnRight
{
	margin-left:192px;
	width:768px;
	min-height:530px;
	padding-bottom:50px;
}
.columnRight .accueilBase
{
	width:768px;
	display:table-cell;
	vertical-align:top;
}
.columnRight .accueilBase .texteBox
{
	float:left;
	vertical-align:center;
	display:table;
	margin-left:34px;
	height:550px;
	width:300px;
	text-align:center;
}
.columnRight .accueilBase .texteBox .texte
{
	margin-top:100px;
	display:inline-block;
	vertical-align:middle;
}
.columnRight .accueilBase img
{
	display:inline-block;
	width:400px;
	max-width:400px;
	height:auto;
	text-align:center;
}


.columnUnique
{
	width:920px;
	min-height:530px;
}

.menuBlock
{
	border-top:1px dotted grey;
	margin-bottom:25px;
}

/*footer footer footer///*/

.footer
{
	position:absolute;
	bottom:0px;
	z-index:100;
	height:50px;
	width:960px;
	background-image:url(../image/fondFooter.jpg);
}
.footerProduit
{
	position:absolute;
	bottom:0px;
	z-index:100;
	height:50px;
	width:960px;
	background-image:url(../image/fondFooter.png);
}
.footerMenu
{
	position:relative;
	top:1px;
	display:inline-block;
}

.footerLogo
{
	position:absolute;
	z-index:150;
	height:28px;
	width:100px;
	left:420px;
	top:18px;
	
}



.authContainer
{
	position:absolute;
	top:50%;
	left:50%;
	z-index:510;
	height:250px;
	width:500px;
	margin-left:-250px;
	margin-top:-125px;
	background:#333;
	Border:5px solid grey;
}

.back
{
	float:right;
	position:relative;
	height:25px;
	width:25px;
	
}
.authform
{
	width:200px;
	height:200px;
	display:inline-block;
	margin:10px;
}


.closeContainer
{
	position:absolute;
	top:50%;
	left:50%;
	z-index:510;
	height:180px;
	width:250px;
	margin-left:-125px;
	margin-top:-90px;
	background:#333;
	Border:5px solid grey;
}


.closeform
{
	width:200px;
	height:150px;
	display:inline-block;
	margin:10px;
}

.subContainer
{
	position:relative;
	top:25px;
	left:50%;
	z-index:510;
	height:auto;
	width:500px;
	margin-left:-250px;
	background:#333;
	border:5px solid grey;
	margin-bottom:50px;
	
}


.subform
{
	width:300px;
	height:auto;
	display:inline-block;
	margin:10px;
	
}



.errorMdp
{
	position:absolute;
	width:400px;
}



.download ul
{
	position:relative;
	left:0;
	top:0;
	list-style-image:url(../image/iconePDF.gif);
	margin:0px;
	padding:0px;
	
}
.download li
{
	position:relative;
	left:0;
	top:0;
	margin:0px;
	padding:0px;
	display:inline;	
}