@charset "UTF-8";
/* /////////////////// GENERAL //////////////////// */
body{
	background-color:#000;
	color:#fff;
	font-size:13px;
	font-family:"Century Gothic", Verdana, Arial, sans-serif;
	
	
}


/* //////////////////// CONTENAIRE //////////////////// */
#contenaire, #naviguation, #contenu{
	height:500px;
}
#naviguation, #contenu{
	float:left;
}

#contenuDetails{
	margin-left:45px; 
	margin-right:45px;
	margin-top:25px;
	width:400px;
	height:400px;
	float:left;
	position: relative;
	display: block;
}

#produit{
	margin-right:10px; 
	margin-top:30px;
	float:left;
	width:305px;
	height:430px;
	display: block;
	position:relative;
	
}
/* //////////////////// NAVIGUATION //////////////////// */
#naviguation{
	width: 200px;
}



#btcommande{
	width:140px;
	height:40px;
	background-image:url(../images/details/bt_commander.png);
	background-repeat:no-repeat;
	float: right;
	position: relative;
	display: block;
	margin-right:50px;
}

.txt_commander { 
display:block;
font-size:20px;
font-family:"Century Gothic", Arial, Verdanna;
margin-top:8px;
margin-left: 5px;
margin-right:5px;

}

.txt_commander:hover { 
color:#fff;
display:block;
font-size:20px;
font-family:"Century Gothic", Arial, Verdanna;
margin-top:8px;
margin-left: 5px;
margin-right:5px;


}
/* //////////////////// CONTENU //////////////////// */
#contenu{
	width:600px;	
}

.blocBouton{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	cursor: pointer;
}

.blocBouton_presse{
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	text-transform: uppercase;
	cursor: pointer;
}

.blocBouton_presse{
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	text-transform: uppercase;
	cursor: pointer;
}

#bt_menu_gauche a:link{
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	text-transform: uppercase;
	cursor: pointer;
}

#bt_menu_gauche a:hover{
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	text-transform: uppercase;
	cursor: pointer;
	color:#fff;
}

#bt_menu_gauche a:visited{
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	text-transform: uppercase;
	cursor: pointer;
}

#bt_menu_gauche a:active{
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	text-transform: uppercase;
	cursor: pointer;
	color:#fff;
}

.blocBouton_suite{
	font-size:12px;
	text-align: right;
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 383px;
	font-weight: normal;
	cursor: pointer;
}

.flechegauche { margin-top:10px;
cursor:hand;
border:none;
}
.flechedroite { margin-top:10px;
float:right;
cursor:hand;
border:none;
}