#fiche_titre{
	float: left;
	line-height: 30px;
	width: 100%;
	background-color:  #f4f4f4;
}
#fiche_titre #logo_marque { float: left; margin-right: 10px; margin-left: 5px; }
#fiche_titre #logo_marque img{ max-width: 80px; margin-top: 3px; }
#fiche_titre h1{ float: left; font-size: 18px;  }

#image_description{ width: 500px; float: left; }
#image_description #image_principale{ margin-top: 10px;  text-align: center }
#image_description #image_principale img{ max-width: 500px; }
#image_description #thumbs{width: 500px; margin-bottom: 10px;}
#image_description #thumbs .thumb{ width: 85px; height: 85px; float: left; margin-right: 5px; cursor: pointer; display: table-cell; text-align: center; vertical-align: middle; }
#image_description #thumbs .thumb img{ max-width: 80px; max-height: 80px; }

#image_description #description{ margin-top: 10px; font-size: 1.1em; padding: 5px; }


#donnees{
	float: right;
	width: 465px;
	min-height: 550px;
	border: solid #acacac 1px;
	margin-bottom: 15px;
	margin-top: 10px;
}
#logomarque{
	float: left;
	margin-left: 5px;
	max-height: 50px;
}
#donnees #prix{
	font-size: 2.8em;
	text-align: right;
	margin-top: 5px;
	margin-right: 10px;
	
	vertical-align: middle;
	display: table-cell;
	line-height:70px;
	float: right;
}

#donnees #prixnormal{ font-size: 1.3em; text-align: right; margin-top: 2px; margin-right: 10px; color: gray;  clear: both;}

#donnees #taille{
background-color: white;
	/*background-color: #f3f3f3;*/
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 5px;
	padding: 5px; /*border-top: 1px dashed #c9c9c9;*/
	font-size: 1.1em; /*border-top: 1px dashed #c9c9c9;*/
}
#donnees #taille .disponible{
	background-image:  url(../static/images/site/dispo_vert.png);
	background-repeat: no-repeat;
	
	background-position: right;
	padding-right: 20px;
	float: right;
	width: 90%;
	text-align: right;
	
	
	margin-top: 15px;
	margin-bottom: 8px;
}

#donnees #taille #lestailles{ width: 225px; float: left; margin-top: -10px; }
#donnees #taille #lestailles .bloc{ width: 38px; height: 25px; border: solid 1px gray; margin-right: 5px; float: left; font-size: 11px; font-family: Arial, Helvetica, sans-serif; padding-top: 8px; vertical-align: middle; text-align: center; cursor: pointer; margin-bottom: 5px; margin-top: 5px; }
#donnees #taille #lestailles .bloc:hover { background-color: gray; color: white; }
#donnees #taille #lestailles .selectionne { background-color: gray; color: white; }

#donnees #taille #bouton_ajouter{ float: right; margin-top: 10px; cursor: pointer; }
#donnees #taille #bouton_ajouter:hover{

}
#donnees #informations{ clear: both; margin-top: 20px; font-size: 1.1em; margin-left: 10px; margin-right: 10px; border-bottom: 1px dashed #c9c9c9; }
#donnees #informations ul { margin-top: 20px; margin: 0px; margin-bottom: 20px; }
#donnees #informations ul li{ line-height: 20px; }
#donnees #informations #conseil{ margin-top: 10px; font-style: italic; }
#donnees #informations ul {	margin-top: 10px;}
#donnees #delai{ clear: both; text-align: justify; color: #2c3b4f; margin-top: 10px; }


#datas{ padding-left: 10px; margin-top: 10px; font-size: 1.1em; }
#datas .libelle{ float: left; margin-bottom: 10px; width: 20%; }
#datas .valeur{ float: left; margin-bottom: 10px; color: gray; }
#datas .valeur a { color: gray; }
#datas .valeur a:hover{ text-decoration: underline; }

article #autres_produits{ margin-top: 15px; margin-bottom: 15px; }
article #autres_produits #titreautres{ font-size: 1.8em; border-bottom: solid 1px gray; color: #2c3b4f; }

article .box { width: 235px; height: 260px; border-bottom: solid 1px #efefef; float: left; margin-right: 3px; margin-left: 3px; margin-top: 8px; padding: 3px; }
article .box .titrebox{ font-size: 1.3em; text-align: center; color: black; }
article .box .titrebox a { color: black; }
article .box .image{ text-align: center; width: 235px; height: 190px; vertical-align: middle; display: table-cell; }
article .box img{ max-width: 225px; max-height: 180px; }
article .box .prix{ height: 20px; margin-top: 5px; }
article .box .prix .prixmkn{ float: right; text-align: left; margin-right: 25px;  font-weight: bold; font-size: 1.5em; }
article .box .prix .prixmagasin{ margin-top: 5px; color: gray; float: left; text-decoration: line-through; font-size: 1.1em; text-align: right; margin-left: 25px; }
article .box .taille{ font-size: 0.7em; background-color: #ebebeb; width: 100%; margin-bottom: 0px; color: #acacac; text-align: center; float: left; }
article .box .prixnormal{
	color: #2c3b4f;
}

article #message_panier{
	position: static;
	color: red;
	width: 198px;
	height: 30px;
	text-decoration: blink;
	
}


.importantLivraison{
	
	color: red;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	
}
#solde_image{
	
	position:  absolute;
	margin-top: -14px;
	margin-left: 400px;	
}
#bandeau_image{
	position: absolute;
}
.solde_prix{
	color: #2c3b4f;
	font-weight: bold;
}
.solde_box{
	margin-top: -190px;
}
#delai{
font-size: 1.05em;
padding-top: 5px;
text-decoration: blink;
}
#delai img{
	float: left;
	margin-right: 5px;
}


#ariane ol{
	list-style: none;
	margin: 0px;
	
	
	
}
#ariane ol li{
	float: left;
	margin-right: 10px;
}

#fiche_promopan{
	background-color: maroon;
	color: white;
	padding: 5px;
	text-align: center;
	font-size: 20px;
	clear: both;
	display: block;
	margin-top: 30px;
}

/* debut du mobile  ------------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width:800px) 
{
	#image_description{
		width: 100%;
	}
	#image_description #thumbs{
		width: 100%;
	}
	#image_description #thumbs .thumb{
		margin-right: 2px;
	}
	#image_description #image_principale img{
		max-width: 100%;
	}
	#donnees{
		width: 100%;
	}
	article .box{
		width: 120px;
		height: 310px;
	}
	article .box .image{
		width: 100%;
	}
	article .box .image img{
		width: 98%;
	}
	
}