/************* IDENTITE DE L'ENSEIGNE : logo + baseline **************/

div#enseigne_identite {
 float: left;
 width: 783px;
 background-color: #F9F9F9;
 border: 3px solid #eee;
 padding: 0;
 margin: 12px 0 0 0;
}
div#enseigne_identite h2 {float: left; margin: 0; padding: 0;}
div#enseigne_identite p {
 float: left; 
 width: 490px;
 margin: 15px 0 0 30px;
 padding: 0;
 font-size: 20px;
 font-style: italic;
 color: #D32CA6;
}


/************* DESCRIPTION DE L'ENSEIGNE : texte + photo marque ou vid�o **************/
div#enseigne_description {
 float: left;
 width: 580px;
 border: 1px solid #eee;
 padding: 6px;
 margin: 16px 0 0 0;
}
div#enseigne_description p.enseigne_nom {
 float: left;
 width: 260px;
 padding: 20px 20px 15px 20px;
 margin: 0;
 font-size: 12px;
 font-weight: bold;
 color: #504D4F;
}
div#enseigne_description p {
 float: left;
 width: 260px;
 padding: 0 20px 15px 20px;
 margin: 0;
 font-size: 12px;
 color: #000;
}
div#enseigne_description a {
 float: left;
 width: 260px;
 padding: 0 20px 10px 20px;
 font-size: 12px;
 color: #1BACC3;
}
div#enseigne_description a:hover {text-decoration: none;}
div#enseigne_description img, div#enseigne_description object {float: right;}
/************* A TITRE D'EXEMPLE **************/
img.exemple { float: left; margin: 0 6px 0 6px;}

/************* OFFRES ENSEIGNE **************/
div#left h2.remise {
 float: left;
 width: 580px;
 font-size: 24px;
 font-weight: normal;
 color: #D32CA6;
 padding: 0 0 2px 6px;
 margin: 25px 0 15px 0;
 border-bottom: 4px solid #D32CA6;
}

table.enseigne_offre {
 float: left;
 width: 295px;
 border-spacing: none;
 border-collapse: collapse;
 padding: 0;
 background: url("../images/common/offre_fd_bottom.gif") 0% 100% no-repeat;
}
table.enseigne_offre td.top {
 padding: 0;
}



/* INFO SUR L'OFFRE */
table.enseigne_offre td.info_offre  {
 min-width: 200px; /* For Modern Browsers */
 width: 220px !important; /* For Modern Browsers */
 width: 220px; /* For IE */
 padding: 0 2px 15px 12px;
 cursor: pointer;
 vertical-align: top;
}
table.enseigne_offre td.info_offre p.date  {
 font-size: 13px;
 line-height: 13px;
 font-weight: bold;
 color: #000;
 margin: 4px 0 0 5px;
 padding: 0;
}
table.enseigne_offre td.info_offre p.conditions {
 font-size: 11px;
 line-height: 11px;
 font-weight: bold;
 color: #D32CA6;
 background: url(../images/common/enseigne_offre_date_fd.gif) 0% 0% repeat-y;
 margin: 4px 0 0 5px;
}

/* les liens voir les conditions etc. */
table.enseigne_offre td.voir_details {
 min-width: 200px; /* For Modern Browsers */
 width: 220px !important; /* For Modern Browsers */
 width: 220px; /* For IE */
 padding: 0 2px 15px 18px;
 cursor: pointer;
 vertical-align: top;
}
table.enseigne_offre td.voir_details a.conditions {
 display: block;
 font-size: 11px;
 color: #4C4C4C;
 margin: 2px 0 0 0;
}
table.enseigne_offre td.voir_details a.conditions:hover {text-decoration: none;}
table.enseigne_offre td.voir_details a.acheter {
 display: block;
 background: url("../images/common/fleche_lien_rose.gif") 0% 9px no-repeat;
 font-size: 12px;
 font-weight: bold;
 color: #4C4C4C;
 text-decoration: none;
 padding: 8px 0 0 20px;
}
table.enseigne_offre td.voir_details a.acheter:hover {color: #FF44DA;}


table.enseigne_offre_remise {
 padding: 76px 0 15px 0;
 background: url("../images/common/offre_remise.gif") 0% 70px no-repeat;
}



div#tri {
 float: left;
 width: 580px;
 padding: 0 0 10px 8px;
}
div#tri p {
 float: left;
 padding: 4px 8px 0 0;
 margin: 0;
 text-align: right;
 color: #4c4c4c;
 font-size: 11px;
 font-weight: bold;
 vertical-align: middle;
}
div#tri select {
 width: 300px;
 height: 18px;
 padding: 0;
 border: 1px solid #fff;
 background: #F1F1F1 url("../images/common/select_fd.gif") 0% 100% repeat-x;
 padding: 2px 0 0 2px;
 color: #4c4c4c;
 font-size: 11px;
 font-weight: bold;
}
/*********** INDEX ENSEIGNES RUBRIQUES ****************/
div#left ul.enseignes {
	float: left;
	width: 200px;
	margin: 10px 0 0 0;
	padding: 0;
}
div#left ul.enseignes li {
 font-size: 12px;
 color: #000;
 margin: 0 0 5px 30px;
 padding: 0 0 0 0;
 list-style: url(../images/common/fleche_liste_vert.gif) outside;
}
div#left ul.enseignes li a {color: #000;}
div#left ul.enseignes li a:hover {text-decoration: none;}
table.enseignes {
	float: left;
	width: 370px;
	text-align: right;
	background-color: #f6f6f5;
}
table.enseignes td {padding: 5px 10px 0 0;}
table.enseignes td img {background-color: #f1f1f1;}