@charset "utf-8";
/* CSS Document */
/* --------------------------------------affiche les informations page produit ------------------------------------ */
*{
margin:0px;
padding:0px;
}
/*                        cas particulier                               */
#bloc_medium_white
{
	float:left;
	display:inline;
	z-index:2;
	width: 788px;
	margin-top:0px;
}
#bloc_788_produit
{
	float:left;
	display:inline;
	z-index:2;
	width: 788px;
	min-height:800px;
	margin-top:5px;
	background:url(../images/img_web_interface/css/product/titre.jpg) no-repeat;
	background-color:#FFFFFF;
}
#menu
{
	margin-bottom:5px;
}
/*                        cas particulier                               */
#titre_produit, #titre_left_produit, #titre_center_produit,#titre_right_produit,#bloc_description_produit,#prix_produit,#dispo_produit
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-align:right;
}
#titre_produit
{
	float:left;
	display:inline;
	width:756px;
	line-height:24px;
	margin-left:10px;
	background-color:#000000;
	padding:5px;
	padding-bottom:3px;
	padding-top:1px;
	font-size:0.9em;
}
#titre_produit span.ref
{
	float:left;	
	width:150px;
	font-weight:bold;
	color:#009ee0;
	text-align:left;
}
#titre_produit span.libelle
{
	float:left;
	width:446px;
	text-align:center;
}
#titre_produit span.scale
{
	float:right;
	width:150px;
	text-align:right;
}

/* -------------------------bloc qui affiche le logo de la marque, la ref, et la description ---------------------------*/
#info_produit
{	
	float:right;
	display:inline;
	width:204px;		/* largeur exacte a definir quand les bordures fake auront été retirées.. */
	margin : 0px;
	margin-top:10px;
	margin-right:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}
#info_produit div.logo
{
	width:200px;
	float:right;
	margin-bottom:10px;
	margin-top: 20px;
}
#info_produit div.logo img
{
	text-align:center;
}
#info_produit div.logo img
{
	/*display:block;*/
	margin:auto;
}
#info_produit div.desc
{
	width:204px;
	float:right;
	text-align:left;
	font-size:0.9em;
	margin-bottom:5px;
	margin-top: 20px;
}
#info_produit div.dispo
{
	width:202px;
        margin-top: 5px;
	text-align:center;
	font-size:0.9em;
}

#info_produit div.dispo img
{
        margin-top: 5px;
}
#info_produit div.prix
{
	float:left;
	display:inline;
	width:110px;
	height:40px;
	line-height:15px;
	padding-top: 3px;
        margin-top:20px;
        margin-left:10px;
	padding-bottom:10px;
	text-align:center;
	font-size:1em;
	font-weight:bold;
	background:url(../images/img_web_interface/panier/prix.jpg) right no-repeat;
}
#info_produit > div > #bodySelect
{
	display:block;
	margin : 10px 0px;	/*padding : 10px 0px;*/
	width:210px;
	color:#000000;
	height : 2em;
	font-size: 1em;
}
#info_produit > div > #bodySelect > #bodySelOpt
{
	display:block;
	padding : 1em;
	margin: 1em;
}
#info_produit div.panier
{
	float:right;
	display:inline;
	width:80px;
	height:80px;
}
#info_produit div.panier a img, #info_produit div.panier img 
{
    display:block;
    width:50px;
    border:0px;
    margin-top:10px;
}
/*#info_produit div.panier a img
{
	border:0px;
}*/
#info_produit div.reliq
{
    float:left;
    width:200px;
    text-align:center;
    font-size:0.9em;
}

#photo_produit
{
    float:left;
    display:flex;
    justify-content: center;
    align-items: center;
    margin:10px;
    width:550px;
    height:350px;

}
#photo_produit img
{
    display: flex;
    max-width: 550px;
    max-height: 350px;
	/*display:block;*/
    margin:auto;
    border:1px solid gray;
}
/*
#photo_produit
{
	float:left;
	display:inline;
	width:560px;
}
#photo_produit img
{
	display:block;
	border:1px solid gray;
}*/
/* ------------------------- bloc qui affiche  le menu produit --------------------------------- */
ul#menu_produit
{
	list-style-type : none;
	width : 600px;
	height:40px;
}
ul#menu_produit li
{
	display : inline;
	/*witdh : 100px;*/
	margin-top :5px;
	height:39px;
}
ul#menu_produit li a img
{
	/*display : block;
	float : left;*/
	height:39px;
	cursor:pointer;
}
/* ---------------------------------------bloc qui affiche la gallerie --------------------------------------- */
#gal_produit
{
	float : left ;
	display:inline;
	width : 770px;
	margin:5px;
	margin-left:10px;
	/*padding-left:3px;*/
	/*padding-top:5px;*/
	padding-bottom:0px;
	/*border:1px solid green;*/
	/*background-color:#CCCCCC;*/
}
#gal_produit img
{
	margin-bottom:5px;
}
#gal_produit a img
{
	border:none;
        display:inline;
        margin :5px;
	border:1px solid #CCCCCC;
        height : 75px;
}

#gal_produit .thumbnails-pic {
    border:none;
    display:inline;
    margin: 0px 1px 3px 0px;
    border:1px solid #CCCCCC;
    max-height: 75px;
}
/* ---------------------------------------bloc qui affiche la video --------------------------------------- */
object, embed
{
	border:1px solid grey;
}
/*-------------------------------finbloc qui affiche la galerie ------------------------------------*/
#more_desc_produit
{
	float : left ;
	display:inline;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-bottom:5px;
	width : 788px;
	/*border:1px solid green;*/
}
#long_desc_produit
{
	clear:left;
	float : left;
	display:inline;
	width : 550px;
	margin-left:10px;
	margin-bottom:5px;
	/*margin-top: 20px;*/
	text-align:left;
	font-size:0.7em;	
}
#long_desc_produit img
{
	margin-bottom:5px;
}
#long_desc_produit p
{
	font-size: 1em;
}
#long_desc_produit a img
{
	border:0px;
}
/* --------------------------affichage des modèles recommandés ---------------------------------*/
.repmo
{
	display:inline;
	width :160px;
	text-align:center;
	font-size:smaller;
	margin:10px 10px 10px 0px;
	border-collapse: collapse;
}
.repmo td
{
	border:1px solid gray;
}
.repmolib td
{
	width :160px;
	height : 24px;
	font-weight:bold;
	background-color:#999999;
	border-top:0px;
	border-bottom:0px;
}
.repmoref
{
	color:red;
	font-weight:700;
	background-color:#CCCCCC;
}
.repmoimg td a img
{
	width:130px;
	border:none;
	margin:auto;
	vertical-align:middle;
}
/* -----------------------------bloc afichage des accessoires produit -------------------------- */
#accessoire_list
{	
	float:right;
	display:inline;
	width:212px;		/* largeur exacte a definir quand les bordures fake auront été retirées.. */
	margin-right:12px;
	padding: auto;
}
#accessoire_list img
{
}
#accessoire_list img.vsep
{
	float:left;
}
#accessoire_list table.acc_pres
{	
	float:left;
	width:208px;		/* largeur exacte a definir quand les bordures fake auront été retirées.. */
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
}
#img_acc
{
	width:50px;
	height:50px;
}
#img_acc a img
{
	border:0px;
}
#text_acc
{
	width:158px;
	padding-left:2px;
}
table.acc_pres #empty
{
	height:7px;
}
/* ----------------------------------onglet option produit ----------------------------------- */
#option_produit
{
	float:left;
	display:inline;
	margin-top:10px;
	margin-left:10px;
	width:550px;
	/*border:1px solid red;*/
}
#tab_opt, #tab_piedet
{
	margin:0px;
	margin-bottom:5px;
	width:620px; /*550px;*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	padding:5px;
}
td.empty
{
	border:0px;
	height:3px;
}

td.img_opt, td.img_piedet
{
	width:48px;
	height:30px;
	border:1px solid #CCCCCC;
}
td.img_opt img, td.img_piedet img
{
	border:0px;
	margin:auto;
}
td.ref_opt, td.ref_piedet
{
	width:120px;
	font-weight:bold;
	text-align:center;
	/*border:1px solid #CCCCCC;*/
	border:1px solid #CCCCCC;
	border-left:none;
}
td.lib_opt, td.lib_piedet
{
	width:400px;
	text-indent: 5px;
	border:1px solid #CCCCCC;
	border-left:none;
}
td.dispo_opt, td.dispo_piedet
{
	width:40px;
	text-align:center;
	border:1px solid #CCCCCC;
	border-left:none;
}
td.dispo_opt a, td.dispo_piedet a
{
	text-decoration:none;
	color:black;
}

td.dispo_opt img, td.dispo_piedet img
{
	width:30px;
}
td.prix_opt, td.prix_piedet
{
	width:150px;
	text-align:center;
	border:1px solid #CCCCCC;
	border-left:none;
}
td.pan_opt, td.pan_piedet
{
	width:40px;
	text-align:center;
	border:1px solid #CCCCCC;
	border-left:none;
}
td.pan_opt a img, td.pan_piedet a img
{
	border : none;
        height:40px;
}
td.pan_opt img, td.pan_piedet img
{
        height:40px;
}
/*----------------------------------fin bloc produit ----------------------------------- */
/*----------------------------------onglet piece produit ----------------------------------- */

#piece_produit
{
	float:left;
	display:inline;
	margin-top:10px;
	margin-left:10px;
	width:550px;
	/*border:1px solid red;*/
}
/* affiche la vue éclatée du produit si elle existe */
#ve_produit
{
	float:right;
	width:140px;		/* 204 largeur exacte a definir quand les bordures fake auront été retirées.. */
	margin : 0px; 
	margin-top:10px;
	margin-right:10px;
	/*border:1px solid red;*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}
#ve_produit img
{
	border:none;
	margin-bottom: 5px;
        width:120px;
}