@import url(inc/front/listing.inc.css);
@import url(inc/front/diaporama-produit.inc.css);

div#content div#content-middle div#data div#fil{
	border-bottom:1px solid #F36B34;
	padding:0 0 10px 0;
	margin:0 0 20px 0;
	color:#383838;
	position:relative;
}
div#content div#content-middle div#data div#fil .element{
	font-size:1.2em;
}
div#content div#content-middle div#data div#fil .element a{
	color:#383838;
	padding:0 5px 0 5px;
}

div#content div#content-middle div#data div#fil .recherche-rappel{
	background-image:url(../../images/css/produit/produit-recherche-trans.png);
	width:286px;
	height:26px;
	position:absolute;
	right:0;
	top:100%;
	color:#FE6126;
	font-size:1.1em;
	text-align:center;
	font-weight:bold;
	line-height:1.5em;
}
div#content div#content-middle div#data div#fil .recherche-rappel a{
	color:white;
}

/* **************************************************************************************************** */

div#content div#content-middle div#data div#produit h1,
div#myPlusPopupContent .titre{
	color:#FE6126;
	font-size:1.2em;
	font-weight:bold;
	background-image:url(../../images/css/produit/produit-titre-trans.png);
	background-repeat:no-repeat;
	background-position:bottom left;
	padding:0 0 5px 0;
	margin:0 0 20px 0;	
}
div#content div#content-middle div#data div#produit h2{
	color:#8E8B86;
	font-style:italic;
	font-size:1.1em;
	border:0;
	width:600px;
	margin:0 0 15px 0;
}
div#content div#content-middle div#data div#produit .description{
	color:#001437;
	width:600px;
	text-align:justify;
}

div#content div#content-middle div#data div#produit  ul{
	margin:5px 0 5px 0px;
	overflow:hidden;	
}
div#content div#content-middle div#data div#produit .description ul li{
	list-style-type:none;
	background-image:url(../../images/css/general/chevron-trans.png);
	background-repeat:no-repeat;
	background-position:0px 5px;
	padding-left:15px;
}
div#content div#content-middle div#data div#produit .description ul li ul li{
	background-image:url(../../images/css/general/chevron-bleu-trans.png);
}

/* **************************************************************************************************** */

div#content div#content-middle div#data div#produit .plus{
	float:left;
	width:335px;
	height:170px;
	background-image:url(../../images/css/produit/produit-plus-trans.png);
	background-repeat:no-repeat;
	margin:0 10px 10px 0;
	padding:1px;
	position:relative;
}
div#content div#content-middle div#data div#produit .plus .plus-titre{
	margin:15px 20px 10px 20px;
	color:#E95D0F;
	font-weight:bold;
	padding:0 0 2px 0;
	border-bottom:1px dashed #001437;
}

div#content div#content-middle div#data div#produit .plus .plus-texte{
	margin:0px 20px 10px 20px;
	overflow:hidden;
	height:90px;
}
div#myPlusPopupContent ul,
div#content div#content-middle div#data div#produit .plus .plus-texte ul{
	margin:0 0 5px 0px;	
}
div#myPlusPopupContent li,
div#content div#content-middle div#data div#produit .plus .plus-texte li{
	list-style-type:none;
	background-image:url(../../images/css/general/chevron-trans.png);
	background-repeat:no-repeat;
	background-position:0px 5px;
	padding-left:15px;
	color:#001437;
}
div#content div#content-middle div#data div#produit .plus .plus-popup{
	position:absolute;
	top:17px;
	right:20px;
}
div#content div#content-middle div#data div#produit .plus div#myPlusPopup{display:none;}
div#myPlusPopupContent{
	text-align:justify;
	font-size:1.1em;
	margin:20px 0 0 0;
}

/* **************************************************************************************************** */

div#content div#content-middle div#data div#produit .documents{
	float:left;
	width:250px;
}
div#content div#content-middle div#data div#produit .documents .documents-titre{
	margin:15px 0px 10px 0;
	color:#09396D;
	font-weight:bold;
	padding:0 0 2px 0;
	border-bottom:1px dashed #001437;
}
div#content div#content-middle div#data div#produit .documents .documents-texte{
	margin:0px 20px 10px 0;
}
div#content div#content-middle div#data div#produit .documents .documents-texte ul{
	margin:0 0 5px 0px;	
}
div#content div#content-middle div#data div#produit .documents .documents-texte li{
	list-style-type:none;
	background-image:url(../../images/css/general/chevron-trans.png);
	background-repeat:no-repeat;
	background-position:0px 5px;
	padding-left:15px;
	color:#001437;
}

/* **************************************************************************************************** */

div#content div#content-middle div#data div#produit .informations{
	clear:both;
	margin:0 0 20px 0;
	position:relative;
}
div#content div#content-middle div#data div#produit .informations .fleche{
	position:absolute;
	top:18px;
	right:15px;
	cursor:pointer;
}
div#content div#content-middle div#data div#produit .informations .titre{
	background-image:url(../../images/css/produit/produit-complementaires-trans.png);
	background-repeat:no-repeat;
	height:50px;
	font-size:1.1em;
	line-height:3.0em;
	color:#09396D;
	font-weight:bold;
	padding:0 0 0 10px;
	cursor:pointer;
	margin:0 0 20px 0;
}
div#content div#content-middle div#data div#produit .informations .onglets{
	margin:auto;
	/*width:880px;*/
}
div#content div#content-middle div#data div#produit .informations .onglets ul{
	list-style-type:none;
	overflow:hidden;
	margin:0 0 0 20px;
}
div#content div#content-middle div#data div#produit .informations .onglets ul li{
	float:left;
	margin:0 5px 0 0;
	overflow:hidden;	
}
div#content div#content-middle div#data div#produit .informations .onglets ul li a{
	color:#001437;
	text-decoration: none;
	display:block;
	overflow:hidden;
	line-height:2.2em;
}

div#content div#content-middle div#data div#produit .informations .onglets ul li a span.gauche{
	background-repeat:no-repeat;
	width:12px;
	height:30px;
	display:block;
	float:left;	
	cursor:pointer;
	background-image:url(../../images/css/produit/produit-onglet-gauche-trans.png);
}
div#content div#content-middle div#data div#produit .informations .onglets ul li a span.milieu{
	background-repeat:repeat-x;
	text-align:center;
	display:block;
	float:left;	
	height:30px;
	padding:0 20px 0 20px;
	cursor:pointer;
	background-image:url(../../images/css/produit/produit-onglet-milieu-trans.png);	
}
div#content div#content-middle div#data div#produit .informations .onglets ul li a span.droit{
	background-repeat:no-repeat;
	width:12px;
	height:30px;
	display:block;
	float:left;	
	cursor:pointer;	
	background-image:url(../../images/css/produit/produit-onglet-droit-trans.png);	
}

div#content div#content-middle div#data div#produit .informations .onglets ul li a.selected span.gauche,
div#content div#content-middle div#data div#produit .informations .onglets ul li a:hover span.gauche{
	background-image:url(../../images/css/produit/produit-onglet-gauche-selected-trans.png);
}
div#content div#content-middle div#data div#produit .informations .onglets ul li a.selected span.milieu,
div#content div#content-middle div#data div#produit .informations .onglets ul li a:hover span.milieu{
	background-image:url(../../images/css/produit/produit-onglet-milieu-selected-trans.png);
	color:white;
}
div#content div#content-middle div#data div#produit .informations .onglets ul li a.selected span.droit,
div#content div#content-middle div#data div#produit .informations .onglets ul li a:hover span.droit{
	background-image:url(../../images/css/produit/produit-onglet-droit-selected-trans.png);
}

div#content div#content-middle div#data div#produit .informations .onglets .onglet{
	border:1px solid #383838;
	padding:20px;
	color:#001437;
}

/* **************************************************************************************************** */

div#content div#content-middle div#data div#produit .informations .onglets .onglet ul{
	margin:5px 0 5px 0px;
	overflow:hidden;	
}
div#content div#content-middle div#data div#produit .informations .onglets .onglet ul li{
	list-style-type:none;
	background-image:url(../../images/css/general/chevron-trans.png);
	background-repeat:no-repeat;
	background-position:0px 5px;
	padding-left:15px;
	color:#001437;
	float:none;
	margin:0 0 10px 0;
}

div#content div#content-middle div#data div#produit .informations .onglets #o2 ul li,
div#content div#content-middle div#data div#produit .informations .onglets #o5 ul li{
	float:left;
	width:380px;
}

/* **************************************************************************************************** */

div#content div#content-middle div#data div#produit .tableau{
	width:600px;
	border-collapse:collapse;
	margin:10px 0 20px 0;
}
div#content div#content-middle div#data div#produit .tableau th{
	border:1px solid #E3E3E3;
	border-right:1px solid #E95D0F;
	background-color:#2F2F2F;
	color:white;
	padding:3px;
}
div#content div#content-middle div#data div#produit .tableau td{
	border:1px solid #E3E3E3;
	border-right:1px solid #E95D0F;
	text-align:center;
	padding:3px;
}

div#content div#content-middle div#data div#produit .tableau th.last,
div#content div#content-middle div#data div#produit .tableau td.last{
	border-right:1px solid #E3E3E3;
}