body {
	font-family:  Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 12px;
	color: #2988C0;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #F3E4C2;	
}


h1,h2,h3,h4,h5,h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
h1 {
	font-size: 18px;
	color: #2988C0;
}
h2 {
	font-size: 14px;
	color: #E6C06B;
}

a {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size:12px;
	color: #FFFFFF;
	font-weight: bold;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
a:hover {
	text-decoration: none;
	color:  #DCB24C;
}
a:active {
	text-decoration: none;
	color: #DCB24C;
	
	}


#header {
	background-image: url(images/bandeauhebron.jpg);
	width: 930px;
	height: 240px;
	background-color: #F3E4C2;
}
#monpanier {
	width:180px;
	margin-top: 5px;
	font-size: 11px;
	height: 120px;
}
#monpanier a{
	text-decoration: none;
	color: #2988C0;
}
#monpanier a:link{
	text-decoration: none;
	color: #2988C0;
}
#monpanier a:hover{
	text-decoration: underline;
	color: #2988C0;
	
}
.titre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #2988C0;
	background-color: #CEE4F1;
	font-weight: bold;
	width: 160px;
	margin-top: 5px;
	padding-top: 5px;
	padding-left: 20px;
	padding-bottom: 5px;
	
	
}

.bottom {
	height: 50px;
	width: 930px;
	
}

.promotions {
	height: 100%;
	width: 200px;
	margin-left: 730px;
}

#menu-top {
	height: 30px;
	width: 930px;
	word-spacing: 1px;	
	font-size: 12px;
	font-weight: bold;
	color: #113A51;
	margin-bottom: 5px;
	
}
#container{
	width: 930px;
	margin: 0 auto;
	background-color: #ffffff;	
	
}
#menu-gauche {
	float: left;
	width: 180px;
	background-image: url(images/degrad_gauche.jpg);
	background-repeat: repeat-x;
	line-height: 18px;

}
.menu {
  
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #267EB3;	
	
}

#menu-top ul
{
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
	text-decoration:none; 
}

#menu-top li
{
	float:left;
	font-size:12px;
	color: #2988C0;
	font-weight: bolder;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom:5px;
	text-decoration:none; 
}

#menu-top li a 
{
text-decoration:none; 
color: #2988C0;
}

#menu-top li a:hover
{
	font-size:12px;
	border-bottom: 1px solid #2988C0;
	text-decoration:none; 
}
#menu-top li a.active
{
	
	font-size:12px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #2988C0;
	text-decoration:none; 
}
.box250 {
   
	height: 230px;
	width: 255px;
	border: 2px solid #CEE4F1;
    padding-left:5px;
	float:left
	
}
.box250milieu {
	height: 230px;
	width: 255px;
	margin-left:15px;
	border: 2px solid #CEE4F1;
	padding-left:5px;
	float:left
	
	
}
.boxdroit {
	height: 525px;
	width: 170px;

	border: 2px solid #CEE4F1;
    float:right
}

.box500 {
	height:275px;
	width:539px;
	margin-top: 240px;
	_margin-top:15px;
	border: 2px solid #CEE4F1;
	

}
#box500video {
	height:275px;
	width:539px;
    margin-left: 60px;
	border: 2px solid #CEE4F1;
	

}
.box250background {
	background-color: #CEE4F1;
	height: 20px;
	width: 250px;
	font-size: 12px;
	font-weight: bold;
	color: #2988C0;
	padding-top: 5px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	text-align:center;
	
}

#boxdroit-background {
	background-color: #CEE4F1;
	height: 515px;
	width: 25px;
	margin: 5px;
	background-image: url(images/promotions.png);
	background-repeat: no-repeat;  
	 float:left;
}

.box500background {
	background-color: #CEE4F1;
	height: 20px;
	width: 529px;
	margin: 5px;
	padding-top: 5px;
	font-size: 12px;
	font-weight: normal;
	color: #2988C0;
	text-align: center;
}



#centre p {
	margin:0;
	padding:0;
}
#centre {
	margin-left:180px;
	background-color: #FFFFFF;
	padding-top: 0px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 16px;
	_padding-left: 5px;
	width: 725px;
	min-height:680px;

	
}
.hauteur5 {
	margin:0;
	padding-top:10px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
#slogant {
	float: right;
	height: 20px;
	width:400px;
	background-image: url(images/slogant.jpg);
	background-repeat: no-repeat;
	padding-right: 200px;
}
#box150 {
	height: 115px;
	width: 150px;
	margin-left: 5px;
	padding-left: 5px;
	float: left;
}
#box150milieu {
	height: 115px;
	width: 150px;
	margin-left: 33px;
	padding-left: 5px;
	float: left;
}
#box150droit {
	height: 115px;
	width: 150px;
	margin-right: 5px;
	_margin-right: 0px;
	padding-left: 5px;
	float: right;

}
#box150bas {
	height: 100px;
	width: 150px;
	_width: 100px;
	margin-left: 5px;
	padding-left: 5px;
	margin-top:10px;
	float: left;

	
}
#box150basmilieu {
	height: 100px;
	width: 150px;
	_width: 100px;
	margin-left: 33px;
	_margin-left: 40px;
	padding-left: 5px;
	margin-top:10px;
	float: left;


}
#box150basdroit {
	height: 100px;
	width: 150px;
	_width: 120px;
	margin-right: 5px;
	padding-left: 5px;
	margin-top:10px;
	float: right;
	margin-left:15px;
	_margin-left:15px;

}
.mil{
width: 535px;

}
#ecran {
	padding: 5px;
	height: 455px;
	width: 400px;
	_width: 250px;
	margin-left: 30px;
	_margin-left:5px;
	background-image: url(images/ecran.jpg);
	background-repeat: no-repeat;
	float:left;
}
#video {
	height: 250px;
	width: 330px;
	margin-top: 15px;
	margin-left:20px;
	margin-right: 50px;
	_margin-right: 300px;
	
	
}
#hauteur1{
	height: 1px;
	width: 1px;
	margin-top:80px;

}
#retour{
	height: 50px;
	width: 100px;
	margin-top: 20px;
	margin-left: 170px;
	}

#retour ul
{
	
	list-style-type: none ;
}

#retour li
{
	text-decoration:none;
	font-size:12px;
	color: #3B93C5;
	font-weight: bolder;
	letter-spacing: 1px;
}	
#retour li a 
{
text-decoration:none; 
color: #3B93C5;
}
#retour li a:hover
{
	text-decoration:underline;
	font-size:12px;
    
}
	

#retour li a.active
{
	text-decoration:underline;
	font-size:12px;
   
}



.titrecategories {
	padding-left: 10px;
	height: 40px;
	width:350px;
		
}
.propos{
    width: 680px;
	height:710px;
	padding-left: 15px;
	text-align: justify;
	margin-top:20px;
	line-height:18px;
	
}
#photo1
{
    height: 183px;
	width: 260px;
	float:left;
	margin-right:15px;
	

}

#photo2
{
	margin-left:20px;
	margin-right:15px;
	margin-top:20px;
	height: 353px;
	width: 250px;
	float:right;
}
.contact
{
	background-color:#ffffff;
	
}
.colors{
	font-size: 12px;
	color: #DCB24C;
}
#pied{
    height: 5px;
	font-size: 11px;
	color:#ffffff;
    text-align:center;
	word-spacing: 1px;
	margin-top:20px;
   


}
#pied ul
{
	
	list-style-type: none ;
}

#pied li
{
	text-decoration:none;
	font-size:11px;
	color: #fff;
	font-weight: bolder;

}	
#pied li a 
{
text-decoration:none; 
color: #fff;
font-size:11px;
}
#pied li a:hover
{
	text-decoration:underline;
	font-size:11px;
    
}
	
#pied li a.active
{
	text-decoration:underline;
	font-size:11px;
}

#footer{
	
	height:86px;
	width: 932px;
    margin-left: auto;
    margin-right: auto;
	background-image: url(images/arrondi.png);
	background-repeat: no-repeat;

	}
	

#footermenu
{
	font-size: 11px;
	color: #2988C0;
	height:20px;
	width:932px;
    padding-top:8px;
	text-align:center;
	
}

#footermenu ul
{
	display:inline;
	list-style-type: none ;
}


#footermenu li
{
    display:inline;
	text-decoration:none;
	font-size:11px;
	color: #3B93C5;
	
	
}	
#footermenu li a 
{
display:inline;
text-decoration:none; 
color: #3B93C5;
font-size:11px;
}

#footermenu li a:hover
{
	display:inline;
	text-decoration:underline;
	font-size:11px;
	    
}
	
#footermenu li a.active
{
    display:inline;
	text-decoration:underline;
	font-size:11px;
   
}
#menu-droit
{
    height: 450px;
	width:230px;
	margin-left: 480px;
	border: 1px solid #CEE4F1;
	
	
}
#fond_menudroit{
   background-color: #CEE4F1;
	height: 20px;
	width:170px;
	margin: 5px;
	padding-top: 5px;
	padding-left:50px;
	font-size: 12px;
	font-weight: bold;
	color: #2988C0;
}
#box80haut
{
	height: 130px;
	width:100px;
	
	margin:5px;
	float:left;
	
		
}
#box80hautdroit
{
	height: 130px;
	width:100px;

	margin-right:5px;
	margin-top:5px;
	float:right;

}
#box80milieu
{
	height: 130px;
	width:100px;
	border: 1px solid #Fff;
	margin-right:15px;
	margin-left:5px;
	margin-top:10px;
	float:left;
	
	}
#box80milieudroit
{
	height: 130px;
	width:100px;
	margin-right:5px;
	_margin-right:0px;
	margin-top:10px;
    float:right;
	
}

#box80bas
{
	height: 130px;
	width:100px;
	
	margin-right:15px;
	margin-left:5px;
	margin-top:15px;
	float:left;
	
	}
	
#box80basdroit
{
	height: 130px;
	width:100px;
	margin-right:5px;
	margin-top:15px;
    float:right;
	
}
#promotion
{
	height: 115px;
	width: 120px;
	float:right;
	margin-right:10px;
	margin-top:10px;
}
#promotion2
{
	height: 115px;
	width: 120px;
	float:right;
	margin-right:10px;
	margin-top:15px;
}
#promotion3
{
	height: 115px;
	width: 120px;

float:right;
	margin-right:10px;
	margin-top:15px;
	
}#promotion4
{
	height: 115px;
	width: 120px;
	float:right;
	margin-right:10px;
	margin-top:15px;
}
.produits {
	margin: 0 auto;
}
.produit1 {
    height: 150px;
    width: 200px;
    position: absolute;
    margin-left: 20px;
	background-color:#EBF4F9;
	
	
}

.produit2 {
	height: 150px;
	width: 200px;
	margin-left: 370px;
	position: absolute;
	left: 237px;
	background-color:#EBF4F9;
}
.produit3 {
    height: 150px;
    width: 200px;
    margin-left: 470px;
    position: absolute;
	background-color:#EBF4F9;
}

.selection {
	height: 160px;
	width: 730px;
	
	
}
.selection2 {
	height: 520px;
	width: 730px;
	_width: 740px;
	
	
	
}
.selectiondetail {

	width: 720px;
	_width:715px;
	padding-top: 10px;
	padding-left: 15px;
	margin-bottom: 30px;
	
	
}
.prix{
	height: 17px;
	width: 65px;
	margin-top:3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
	color: #E3BF6B;
	letter-spacing: 1px;
}
.description  {
	height: 17px;
	width: 130px;
	margin-top:5px;
	font-weight: bolder;
	padding-left:2px;	
}

.description a:link
{
    display:inline;
	text-decoration:none;
	font-size:11px;
	color: #3B93C5;
	
	
}	
.description a:visited 
{
display:inline;
text-decoration:none; 
color: #3B93C5;
font-size:11px;
}

.description  a:hover
{
	display:inline;
	text-decoration:underline;
	font-size:11px;
	    
}
	
.description  a:active
{
    display:inline;
	text-decoration:underline;
	font-size:11px;
   
}
.detailsimage{
	float: left;
	height: 250px;
	width: 300px;
	margin-top:5px;
	margin-left:15px;
}

#details
{
	
	width: 360px;
    float:left;
	margin-bottom:15px;
	
	background-color:#F0F8FB;
	margin-top:5px;
	margin-right:25px;
	_margin-right:0px;
	margin-left:17px;
	padding-left:10px;
	padding-top:10px;
	padding-bottom:10px;
	_margin-right:10px;
	_margin-left:0px;
	
}

#detailschoix
{
	width:695px;
	_width:680px;
	padding-left:10px;
	padding-top:10px;
	marging:auto;
	_margin-left:10px;
	

}
.ajouter
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #DEB452;
	font-weight: bolder;

}
.ajouter ul
{
	color: #DEB452;
	font-weight: bolder;
	list-style-type:url(images/panier-petit.png);
	
}
.ajouter li
{
	color: #DEB452;
	font-weight: bolder;
	margin-top:10px;
	list-style-image: url(images/panier-petit.png);
	
}
.ajouter li a:hover
{
	color: #000;
	text-decoration:underline;
}

.ajouter li a:active
{
	color: #000;
	text-decoration:underline;
}
.panier
{
	min-height:290px;
	width: 720px;
	margin-left:15px;

}
#tableau
{
	font-size: 12px;
	font-weight: bold;
	color: #2887BF;
		
}
.borderssbas {
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #CEE4F1;
	border-right-color: #CEE4F1;
	border-left-color: #CEE4F1;
}
.border{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CEE4F1;
	
}
#accepte
{
	height: 30px;
	width: 300px;
	margin-top:50px;

}

.selectionxselect {
	width:730px;
	_width:733px;
	margin: 0 auto;
	
}
.produitxselect {
	width: 200px;
	float:left;
	background-color: #EBF4F9;
	margin: 8px;
	margin-left: 15px;
}
.imagexselect {
	
	height: 125px;
	width: 170px;
	margin-bottom: 0;

	
}

.promotion{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #DEB452;
}

.promotion a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#DEB452;
}

.promotion a:link{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #E9CC8A;
}

.promotion a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #E9CC8A;
}
#commander{
	width: 600px;
}

.form{
border:solid 1px #338EC1;
background-color:#FFFFFF;
}

#ligne{
	line-height: 18px;
	height: 100px;
	width: 650px;
	padding-left:5px;
	padding-top:15px;

}
#ligneimage{
	
	height: 250px;
	width: 250px;
	padding-left:5px;
	padding-top:15px;
	float:left;
	border: solid 1px #000;
}


#condition a{

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #2988C0;
	
}
#condition a:link{

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #2988C0;
	text-decoration:underline;
	
}
#condition a:hover{

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #2988C0;
	text-decoration:underline;
	
}
#visite{
	padding-left: 20px;
	padding-bottom: 10px;
	font-size: 10px;

}
#espace
{
width:300px;
height:500px;

}
.valider{
	color: #DEB452;
	

}
.valider a{
	color: #DEB452;
	

}
.valider a:link{
	color: #DEB452;
	

}
.valider a:hover{
	color: #DEB452;
	text-decoration:underline;

}
#continuer{
	color: #DEB452;
	

}
#continuer a{
	color: #DEB452;
	

}
#continuer a:link{
	color: #DEB452;
	

}
#continuer a:hover{
	color: #DEB452;
	text-decoration:underline;

}
.color{
	background-color: #00FF00;
}
#valid{
	height: 80px;
	width: 300px;
	border: 1px solid #000000;
}
#alldet{

	width: 720px;
	border: 1px solid #000000;
	float:left;
}

#condition{
	width: 700px;
	margin:auto;
	margin-top:20px;
	line-height: 18px;
	text-align: justify;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-bottom:10px;
}
#pagevid{
	width: 730px;
	margin:auto;

	line-height: 18px;
	text-align: justify;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding-bottom:10px;
	font-weight: bold;
}
.videopage{
    height: 150px;
    width: 150x;
	float:left;
	margin-left:20px;
	margin-top:20px;
	text-align:center;
	background-color:#E7F2F8;


}

.videoverif{
    height: 280px;
    width: 330px;
	margin:auto;
	text-align:center;
	background-color:#E7F2F8;


}
.mini {
	font-size: 10px;
}
#menu-droitvideo {
	height: 450px;
	width:200px;
	border: 1px solid #CEE4F1;
	float: right;
}