/********************************************************************************************************/
/*******************************  LEFT : PAGE PRODUIT  **************************************************/
/********************************************************************************************************/

/*******************************  DECOUPE  **************************************************/
div.fiche { 
	width: 596px; 
	float: left; background: #fff; 
	margin: 0 0 8px 0; padding: 0px 0 20px 0px;
	}
div#positionR { 
	width: 339px; float: right; 
	margin: 0px 0px 20px 0px; padding: 0px 0 0px 0px;
	}
div#positionL { 
	width: 257px; float: left; 
	margin: 0px 0px 0 0px; padding: 0px 0 0px 0px; 
	}
div#positionR form {
 font-family: Arial, Helvetica, sans-serif; font-size:12px; color: #000;
}
/*******************************  DIAPORAMA  **************************************************/
img.gauche, img.droite { float:left; clear:both; margin-bottom:6px;}
.legend { bor/der:1px solid red; display:block; text-align:center; font-size:9px; margin-top: 6px;} 
a .legend { text-decoration:none; color:#a6a6a6; }

/*******************************  REDEFINTION  **************************************************/
div.fiche h1 {
 width: 230px;
 font-size: 26px;
 line-height: 90%;
 letter-spacing:-0.05em;
 color: #b21b1b;
 font-weight: bold;
 margin: 0px 0px 4px 0px;
 padding: 20px 0 0px 20px;
}

div.fiche h2, 
div.fiche h3, 
div.fiche p, 
div.fiche ul, 
div.contenuleft div.fiche li { padding:0 20px 0 20px; margin:0; float:none; clear:both;  display:block; font-size: 12px;
color: #000; bor/der:1px solid red; list-style-type:none; }


div.fiche h2 { color: #b21b1b; text-transform: uppercase; margin-top: 24px; font-weight:bold;}
div.fiche h3 { color: #000; margin-top: 16px; margin-bottom:18px; font-size:12px; font-weight: bold;}
div.fiche h3:first-letter {  }
div.fiche p { color: #333; }
div.fiche a { text-decoration: underline; color: #b21b1b; }
div.fiche p a:hover { text-decoration: none;}
div.fiche li { padding-left:0px; margin-left:16px; list-style-position:outside; list-style-type:square}

/*******************************  TITRE DE LA FICHE  *********************************************/
div.grostitle {
 width: 100%; float:left; font-size: 22px;
 letter-spacing:-0.03em; font-weight: bold; color: #333;
 text-align: center; text-transform: uppercase;
 margin: 0; padding: 18px 0px 10px 0px;
}

/*******************************  TARIFS TABLEAU  **************************************************/
table#tarif {
 width: 558px;
 float: left;
 display: inline;
 border: none; border-collapse: collapse; border-spacing: none;
 margin: 10px 0px 20px 20px; padding: 0;
 border: 4px solid #cccccc;
 }

table#tarif thead {
 font-size: 11px; font-weight: bold; color: #666;
 background: #ebebeb;
 margin: 0; padding: 0;
}
 
table#tarif td { margin: 0; padding: 2px 4px 2px 4px; border-right:1px solid #CCCCCC; width: inherit}
table#tarif td.title { width: 120px;}
table#tarif td.txt { wi/dth: 46px;}
table#tarif tr { height: 22px; padding: 4px;}
table#tarif tr.grey { background: #ebebeb;}
table#tarif tbody { font-size: 11px; color: #666; margin: 0; padding: 0;}
table#tarif td.duau { font-size:10px; color:#000; font-weight:normal; }

/*******************************  EXTENSION   **************************************************/
div.extension { background-image:url(/img/extension_fond.gif); background-repeat:no-repeat; padding:24px 18px 24px 18px; width: 221px; margin-top:12px;}
div.extension h2 { font-size:18px; font-weight:normal; margin-top:12px}
div.extension a { color:#b21b1b;  text-decoration:underline;}
div.extension a:visited { color:#000; text-decoration:underline;}

/*******************************  ENCART PRIX          **************************************************/

/*******************************  menu à gauche dans la fiche V1  (avec images) ***************/
ul#navfiche { float: left; clear:left; width: 218px; margin:12px 0 4px 20px; .margin:12px 0 4px 10px; padding:0; display:block; bo/rder:1px solid red;}
ul#navfiche li { list-style: none; text-align: right;line-height: 12px; margin:1px 0 1px 0; padding:0; border-bottom:1px solid #F1F1F1;}
ul#navfiche a { font-size: 11px; color: #000; text-decoration: none; display:block; margin:0; padding:1px 18px 1px 0;}
ul#navfiche a.on, ul#navfiche a:hover { font-weight: bold; background-color:#F1F1F1}

ul#navfiche li.image { width: 109px; padding:0; margin:0; border:0px solid red; text-align:left; float:left; clear:none; background-color:#F1F1F1; margin-top: 12px;}
ul#navfiche li.image a { display:inline; padding:0; margin:0}
ul#navfiche li.afficher { float:right }

/*******************************  PRIX   *********************************************************/
div.fiche dl { clear:left;}
div.fiche dl { font-size: 11px; color: #000; margin: 0; padding: 0;}
div.fiche dl dt { font-weight: bold; margin: 0; padding: 0;}
div.fiche dl dd { line-height: 12px; margin: 0; padding: 0;}
div.fiche dl dd { line-height: 12px; margin: 0 0 0 20px; padding: 0;}

div.fiche a.reservation {
 width: 218px;
 font-size: 12px;
 color: #fff;
 font-weight: bold;
 text-decoration: none;
 background: url(/img/bt_reserver_fd.gif) 0% 0% no-repeat;
 float: left;
 text-align: center;
 margin: 5px 0px 0 20px;
 padding: 8px 0 10px 0px;
}

div.fiche a.reservation:hover { color: #ffd800;}