@CHARSET "ISO-8859-1";

@import "main.css";

html, body { background-color: transparent; }

#divficheprod {width: 688px; height: 407px; margin: 0; padding: 0; overflow: hidden;}

#col1 { float: left; width: 135px; height: 380px; height: 407px;overflow: hidden;}
#col1 li  { padding: 10px 0 0 8px; font-size: 15px; font-weight: bold; }
#col1 li, #col1 li a { color: #ef018e; height: 205px; height: 210px; text-decoration: none; }

#col1 #navcalendrier a { color: #0b529a; }
#col1 #navcalendrier { background: url("../images/home_fond_nav_fiche.gif") no-repeat top right; padding-top: 40px;
list-style:none;
padding-left:0;
padding-right:10px;
text-align:center;
 }
#col1 #navcalendrier.actif { background: none; }

#col1 #navfiche { padding: 30px 0 20px 0; height: 150px; background: url("../images/home_fond_nav_diaporama.gif") no-repeat left bottom;}
#col1 #navfiche.actif { background: none; }
#col1 #navfiche a { height: 150px; }

#col1 #navfiche a {
	background:url("../images/5_clubs_vacances_199_euros.gif") no-repeat;
	background-position:0 0;
	display:block;
	overflow:hidden;
	padding-left:1200px
}


#cgcalendrier, #cgdiaporama { position: absolute;  }

* html #col1 #navfiche { height: 50px; }

#col1 .prix { font-size: 45px; font-weight: bold; }
#col1 .detail { font-size: 10.72px; }
#col1 sup { font-size: 15px; display: inline-block; }
#col1 sup span { font-size: 10px; font-weight: normal;  }

#col2 { float: left; width: 548px; height: 410px; position: relative; }
#col2 h2 { font-size: 12px; color: #16387f; padding-top: 23px;}
#col2 h1 { font-size: 20px; color: #16387f;}

.vignettes { position: absolute; top: 10px; left: 250px; left: 0; width: 530px;  display: block; text-align: right;}
.vignettes li { display: inline;   }

#divficheprod .photo img { width: 530px; height: 290px }

.diapo { position: absolute; top: 0; left: 10px; width: 530px;  }
#divficheprod { background:transparent none repeat scroll 0 0; border:0 none; height:410px; left:3px; position:absolute; top:10px; width:690px; z-index:10; }


.click { cursor: pointer; }

.nextprev { padding-top: 15px; width:530px; }

.nextprev li { float: left; display: inline-block;  width: 250px; background: url("../images/home_btn_fiche_prod.gif") no-repeat; height: 20px; position: relative; }
.nextprev li a { color: white; text-decoration: none; font-size: 13px; font-weight: bold; position: relative; top: -2px;}
.nextprev li.prev { text-align: left; background-position: left; padding-left: 15px;}
.nextprev li.next { text-align: right; background-position: right; padding-right: 15px;}

.nextprev li img { position: relative; top: 3px; }
.nextprev li.prev img { margin-right: 15px; }
.nextprev li.next img { margin-left: 15px; }

.nextprev li a {
display:inline-block;
height:20px;
line-height:12px;
position:relative;
text-decoration:none;
top:-2px;
width:228px;
}


* html #col2 { width: 538px; }
* html .nextprev { padding-top: 20px; }
* html .nextprev li { width: 261px; }
* html #col1 #navcalendrier { padding-top: 15px; padding-bottom: 0; }
