﻿.clear{ clear:both; height:1px; overflow:hidden; }

.content, .container{ position:relative; width:700px; font-family:Arial; }
.content a, .container a{ color:#474747; }

.fields select { width:200px; color:#595959; font-family:Verdana,Arial,sans-serif; font-size:11px; font-weight:normal; }

.WhiteLabelBox{ position:relative; width:700px; margin-bottom:10px; }
.WhiteLabelBoxTop{ position:relative; margin-left:5px; width:690px; height:5px; background-color:#474747; _overflow-y:hidden; }
.WhiteLabelBoxTopLeft{ position:absolute; width:5px; height:5px; background-color:#000000; top:0px; left:-5px; overflow:hidden; }
.WhiteLabelBoxTopRight{ position:absolute; width:5px; height:5px; background-color:#000000; top:0px; right:-5px; overflow:hidden; }
.WhiteLabelBoxMid{ position:relative; width:698px; background-color:#e1e1e1; text-align:center; border-left:1px solid #474747; border-right:1px solid #474747; }
.WhiteLabelBoxBot{ position:relative; margin-left:5px; width:690px; height:5px; background-color:#474747; _overflow-y:hidden; }
.WhiteLabelBoxBotLeft{ position:absolute; width:5px; height:5px; background-color:#000000; top:0px; left:-5px; overflow:hidden; }
.WhiteLabelBoxBotRight{ position:absolute; width:5px; height:5px; background-color:#000000; top:0px; right:-5px; overflow:hidden; }

.leftPub{ float:left; width:183px; margin-right:15px; height:310px; text-align:center; background-color:#e1e1e1; border:1px solid #000000; }
.rightPub{ float:left; width:476px; background-color:#e1e1e1; border:2px solid #000000; padding:10px; }
.field{ min-height:35px; }
.field .label, .field .input{ float:left; }
.field .label{ width:150px; }
.field .input{ width:250px; }
.home .field .input{ width:210px; }
.fields{ position:relative; border:none; padding:1px 0 1px 0; }
.fields .button{ position:relative; background-color:#FFFFFF; border:1px solid #000000; width:175px; min-height:20px;_height:20px; margin:5px 10px 0 0; text-align:center; color:#000000; float:left; }
.fields .button a{ width:auto; text-decoration:none; font-size:13px; color:#000000; min-height:16px;_height:16px; display:block; margin:2px auto 0 auto; }
.fields .button input{ width:175px; height:18px; background:none; border:0px; display:block; margin:1px auto 0 auto; }
.fields .nextStep { float:right;}

.field .warn{ position:absolute; bottom:10px; left:0; font-size:11px; }

.titreRecap, .logoRecap{ float:left; margin-bottom:15px; }
.planMap{ float:left; }
.planMap a{ color:#000000; text-decoration:none; font-size:12px; }
.title_redAlt{ color:#000000; font-size:24px; font-weight:bold; display:block; }
.title_redAlt2{ color:#000000; font-size:18px; font-weight:bold; display:block; margin-bottom:5px; }
.miniCom{ font-size:12px; }
.calendar .inputButton{ background:transparent url(Images/calendar.gif) no-repeat scroll 0 0; width:21px; height:17px; border:0px; margin:0 0 0 10px; text-indent:30px;cursor:pointer; }

.produits{ position:relative; width:700px; font-family:Arial; font-size:12px; }
.containerpop{ width:520px; }

.contentLeft{ float:left; width:500px; padding:0px; }
.contentRight{ float:right; width:178px; margin:0; border:1px solid #000000; background-color:#e1e1e1; padding:5px; }
.listProduit, .shinner h2{ width:498px; border:1px solid #000000; background-color:#e1e1e1; padding:10px 0 10px 0; font-size:12px; margin:0; }
.shinner h2{ padding-left:10px; width:488px; font-size:20px; }
.pack{ padding-left:10px; height:auto; overflow:hidden; }
.pack strong { font-size:16px; float:left; margin-right:10px;height:19px; }
.pack img {clear:left;float:left;margin:0 5px 5px 0;}
.pack .note {color:#5C5A5E;float:left;font-size:10px;}

.pack strong span{ font-size:14px; }
.grcinner{ margin-bottom:5px; }
.media img{  }
.media ul{ margin:0; }
.media ul li{ list-style:arrow; margin:0; }
.media ul li a{ color:#474747; }
.media, .options, .detail{ float:left; min-height:90px; _height:90px; }
.basket .media, .basket .options, .basket .detail{ min-height:10px; _height:10px; }
.basket .list{ display:block; }
.basket .list .inputCheck input, .basket .list select{ margin:0 5px 0 0; }
.basket .desc{ float:left; margin-right:5px; }
.basket .desc span{ float:left;}
.basket .desc strike span { text-decoration:line-through; }
.basket .reduc { float:left; }
.basket .priceZone { float:left; padding:5px 0 10px; width:168px; }
.basket .priceZone .egal { width:20px; float:left;}
.basket .priceZone .egaltot, .basket .descZone .egaltot, .basket .list .price .egaltot{ width:20px; float:right;}
.basket .reduc, .basket .list img, .basket .list span {float:left; }
.basket .list strike span { text-decoration:line-through; }
.basket .list .price { font-weight:bold; text-align:left; float:left;}
.basket .desc .reduc span { float:left;  }
.reduc { background-color:#CCC; color:#000; font-weight:bold; margin:-1px 0 0 5px; padding:2px; white-space:nowrap; }
.basket .desc a{ text-decoration:none; }
.basket .desc strong { display:block; margin:0 5px 0 5px; float:left; }
.basket .price{ width:168px; float:left; }
.basket .list .price .price_r { float:right; }
.basket .reduc, .basket .list img, .basket .list span { float:left; }
.basket .options{ padding:0; }
.basket .lieu, .basket .materiel, .basket .log{ padding:0; }
.basket .coordonnee, .basket .sejour, .basket .commande{ padding:0; }
.basket .blcinner{ height:1%; }
.basket .totalPrice{ background:#E1E1E1; padding:2px 0 2px 0; margin:10px 0 15px 0; }
.basket .totalPrice .nb {text-align:right; }
.basket .totalPrice .cont {text-align:right; }
.basket .infoTxt { margin:5px 0 15px 0; }
.basket .close a { background:transparent url(Images/close.gif) no-repeat scroll 0 0; float:right; display:block; font-size:1px; height:7px; text-decoration:none; width:8px; }

.commande .recap_filigrane { margin-left:-10px; position:absolute; text-align:center; width:100%; z-index:10; }

.media{ width:200px; padding-right:5px;padding-left:2px; border-right:1px solid #000000; }
.options{ padding:0 5px 0 5px; border-right:1px solid #000000; width:126px; }
.detail{ float:right; padding-left:5px; padding-right:5px;width:140px; }
.detail .price{ margin:5px 0; }
.quantite strong{ margin-right: 10px; }
.blcinner{ background-color:#FFFFFF; border:1px solid #000000; padding:0 5px 0 5px; _height:1%; }
.blccont h3{ font-size:16px; }
.blcinner h4{ text-decoration:underline; border-top:2px dotted #474747; padding-top:10px; }
.codepromo input{ float:left; margin:5px 5px 0 0; }
.inputText{ width:100px; vertical-align:-2px; }
.greybox{ border:none; }
.valid{ background-color:#e1e1e1; border:1px solid #000000; font-weight:bold; padding:5px 10px 5px 10px; text-align:center; color:#000000; text-decoration:underline; }
.blcinner .materiel{width:auto; }
.media li{ list-style:none; }
.duree .left{ float:left; }
.optionBg .img{ float:left; margin-right:10px; }
.totalPrice, .infoPrice{ margin:15px 0 5px 0; clear:both; }
.infoPrice .left{ float:left; width:100px; }
.infoPrice .right{ float:right; width:50px; }
.infoPrice .left strong{ text-decoration:underline; }
 
.info a{ position:relative; z-index:200; display:block;width:15px;height:14px;background:url(Images/info.gif) no-repeat;text-decoration:none;font-size:1px; margin:0 5px 0 5px;}
.info a div{display: none ; font-size:10px; width:auto; height:auto; background: none; }
.info a div a{display: none ; font-size:10px; width:auto; height:auto; background: none; }
/*.info a span span{display:inline;}*/
.info a:hover{ }
.info a:hover div{ display:block; top:15px; left:-55px; position:absolute; width:115px; border:1px solid #000; background-color:#ffffff; color:#333333; text-align: justify; padding:5px; z-index:2000; }
 
.identification, .register, .synthese, .chequy{ border:1px solid #000000; background-color:#e1e1e1; _height:1%; padding:10px; font-family:Arial; font-size:12px; }
.identification a, .register a, .synthese a{ color:#474747; }

.coordonnee, .sejour, .commande{ padding:0 0 10px 0; margin:0 0 20px 0; }
.lieu, .materiel, .log{ width:655px; padding:0 0 10px 0; margin:0 0 20px 0; }
.tabList .txt, .tabList .img{ display:inline; margin-right:2px; }
.tabList .inputText{ margin:2px 9px 0 0; }
.tabList .img{ vertical-align: -10px; }
.commande .tabList tr td, .commande .tabList tr .detail{ min-height:0px; _height:0px; padding:5px 0 5px 0; }
.commande .button{ height:18px; padding:1px 2px 1px 2px; width:50px; }
.commande .button input{ width:50px; height:17px; }
/* .commande textarea{ height:18px; } */
.commentaires textarea{ vertical-align:-3px; }
.mat, .prenom, .pointure, .taille, .poids{ text-align:left; white-space:nowrap; }
.mat input, .prenom input, .pointure input, .taille input, .poids input{ width:85px; }

.detailPaiement{ margin:10px 0; padding:10px; background:#EEE; }

.espaceperso, .coordonnes{ border-bottom:2px dotted #474747; margin-bottom:15px; }
.grinner .sep{ clear:both; height:1px; margin-bottom:5px; overflow:hidden; }
.grbot{ clear:both; height:1px; overflow:hidden; }
.grinner .label{ float:left; width:300px; font-size:13px; }
.identification .grinner .label{ width:265px; }
.grinner input, .grinner select{ float:left; }
.identification .identform .grinner .inputText{ width:200px; }
.espaceperso .grinner input, .coordonnes .grinner input{ width:150px; }
.grinner .inputCheck input{ width:auto; margin-right:20px; }

.col1, .col2{ background-color:#FFFFFF; border:1px solid #000000; margin-bottom:10px; padding:5px; }
.container hr{ visibility:hidden; }

/* Calendar Style*/
.MyCalendar { position:absolute; top:215px; left: 230px; z-index:50;}
.MyCalendar .ajax__calendar_container {border:1px solid #646464;background-color: #FFF; color: red;   }
.MyCalendar .ajax__calendar_other .ajax__calendar_day, .MyCalendar .ajax__calendar_other .ajax__calendar_year {color: black;}
.MyCalendar .ajax__calendar_hover .ajax__calendar_day, .MyCalendar .ajax__calendar_hover .ajax__calendar_month, .MyCalendar .ajax__calendar_hover .ajax__calendar_year { color: black;}
.MyCalendar .ajax__calendar_active .ajax__calendar_day, .MyCalendar .ajax__calendar_active .ajax__calendar_month, .MyCalendar .ajax__calendar_active .ajax__calendar_year {color: black;font-weight:bold;}
.MyCalenajax__calendar_containerdar .ajax__calendar_other .ajax__calendar_day_disabled{color: Gray;font-style:italic;}
.MyCalendar .ajax__calendar_day_disabled{ color:Gray;font-style:italic;}

/* Fiche Produit */
.containerpop { background:#DDD }
.containerpop .leftFiche { float:left; width:220px; }
.containerpop .rightFiche { color:#000000; float:right; width:300px; }
.containerpop .descFiche { padding:4px 0 18px; }
.containerpop .grcont {  background-color:#E8E8E8; padding:6px 10px; }
.containerpop h2 { font-size:11px; margin:0 0 8px;text-transform:uppercase; }
.containerpop h2.sup { color:#D21608; margin-top:20px; }*
.containerpop .pack { padding-left:0; }
.containerpop .navFicheProduit { height:20px; list-style-type:none; margin:0; padding:10px 0 0 12px; }
.containerpop .navFicheProduit li { float:left; padding:0 5px 0 0; }

.bold { font-weight:bold; }
.rouge { color:#FF0000; }

/* Calendar Style*/
.StayChoiceCalendar { position:relative;  top:215px; left: -430px; z-index:50; }
.StayChoiceCalendar .ajax__calendar_container { position:relative; border:1px solid #646464;background-color: #FFF; color: red; height:120px; margin-left:210px;}
.StayChoiceCalendar .ajax__calendar_container .ajax__calendar_body { height:100px; }
.StayChoiceCalendar .ajax__calendar_other .ajax__calendar_day, .MyCalendar .ajax__calendar_other .ajax__calendar_year {color:#cccccc;}
.StayChoiceCalendar .ajax__calendar_hover .ajax__calendar_day, .MyCalendar .ajax__calendar_hover .ajax__calendar_month, .MyCalendar .ajax__calendar_hover .ajax__calendar_year { color:#00CC00;}
.StayChoiceCalendar .ajax__calendar_active .ajax__calendar_day, .MyCalendar .ajax__calendar_active .ajax__calendar_month, .MyCalendar .ajax__calendar_active .ajax__calendar_year {color:#00CC00; font-weight:bold;}
.StayChoiceCalendar .ajax__calendar_day_disabled{ color:#CC0000; }
.StayChoiceCalendar td.ajax__calendar_other .ajax__calendar_day_disabled{ color:#CCCCCC; }
.StayChoiceCalendar .ajax__calendar_container {padding:4px;position:absolute;cursor:default;width:170px;font-size:11px;text-align:center;font-family:tahoma,verdana,helvetica; left: 230px; top: 210px;}
.StayChoiceCalendar .ajax__calendar_body {height:110px;width:170px;position:relative;overflow:hidden;margin:auto;}
.StayChoiceCalendar .ajax__calendar_days, .ajax__calendar_months, .ajax__calendar_years {top:0px;left:0px;height:110px;width:170px;position:absolute;text-align:center;margin:auto;}
.StayChoiceCalendar .ajax__calendar_dayname {height:17px; width:20px; text-align:center;padding:0 2px; font-weight:bold; text-align:center; color:#333333;}
.StayChoiceCalendar .ajax__calendar_day {height:12px;width:18px;text-align:center;padding:0 2px;cursor:pointer; color:#00A800}
.StayChoiceCalendar .ajax__calendar .ajax__calendar_dayname {border-bottom:1px solid #f5f5f5; font-weight:bold; }
.StayChoiceCalendar .ajax__calendar .ajax__calendar_active .ajax__calendar_day {background-color:#edf9ff;border-color:#0066cc;color:#00CC00;}
.StayChoiceCalendar .ajax__calendar .ajax__calendar_other { text-align:center; width:10px; font-style:italic; }
.StayChoiceCalendar .ajax__calendar .ajax__calendar_other .ajax__calendar_day {background-color:#ffffff;border-color:#ffffff;color:#0066cc; }
.StayChoiceCalendar .ajax__calendar .ajax__calendar_hover .ajax__calendar_day {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc; font-weight:bold;}
.StayChoiceCalendar .ajax__calendar .ajax__calendar_hover .ajax__calendar_month {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc; font-weight:bold;}
.StayChoiceCalendar .ajax__calendar .ajax__calendar_hover .ajax__calendar_year {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc; font-weight:bold;}
.MyCalenajax__calendar_containerdar .ajax__calendar_other .ajax__calendar_day_disabled{ color:#CCC;}
.StayChoiceCalendar .ajax__calendar_month {color:#333333;}
.StayChoiceCalendar .ajax__calendar_year {color:#333333;}

.recap_commande .price{ text-align:right; }

#mapStationHome .select {
	  background:#FFFFFF; border:1px solid #888888; padding:1px 4px 1px 1px; position:absolute; right:-104px; top:4px;
}
#mapStationHome .select input {
	float:left;
}
#mapStationHome .select label {
	font-size:11px; float:left; padding:2px 0 0 2px;
}

/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}


@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  /* Example:
  .sIFR-active h1 {
    font-family: Verdana;
    visibility: hidden;
  }
  */
  .sIFR-active .rub_title {
	  visibility: hidden;
	  font-family: hermes;
	  line-height: 1em;
	  font-size: 18px;
	  color:#D21608; display:block;
	}
	.sIFR-active .promo_title {
	  visibility: hidden;
	  font-family: hermes;
	  line-height: 1em;
	  font-size: 18px;
	  color:#D21608;
	  background:transparent;
	  display:block;
	}
	.sIFR-active .rent_title_red {
	  visibility: hidden;
	  font-family: hermes;
	  line-height: 1em;
	  font-size: 24px;
	  color:#D21608;
	  background:transparent;
	  display:block;
	}
	.sIFR-active .rent_title_white_big {
	  visibility: hidden;
	  font-family: hermes;
	  line-height: 1em;
	  font-size: 25px;
	  color:#000000;
	  background:transparent;
	  display:block;
	}
	.sIFR-active .rent_title_white_small {
	  visibility: hidden;
	  font-family: hermes;
	  line-height: 1em;
	  font-size: 18px;
	  color:#000000;
	  background:transparent;
	  display:block;
	}
	
}

#mapInfoBulle { position:absolute; z-index:50; width:300px; }

#layerShop { width:300px; background:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; border:#333333 1px solid; }

#layerShop .headerLayerShop { padding:5px; }
#layerShop .contentLayerShop { float:left; background:#FFFFFF; width:100%; }
#layerShop .contentLayerShop .visu{ float: left; padding-left:5px; }
#layerShop .contentLayerShop .infos{ float:left; padding:5px; width:220px; }
#layerShop .contentLayerShop .infos .stars{ padding-top:5px; }
#layerShop .footerb { clear:both;  width:287px; text-align:right; height:20px; padding:15px 3px 0 0;  }
#layerShop .footerb span { width:65px; padding:3px; background:#CC0000; height:15px;  font-weight:bold; font-size:11px; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif;}

.navProduct { position:relative; margin:0 0 -1px 0;padding:0; height:auto; overflow:hidden;list-style-type:none;}
.navProduct li{position:relative;float:left;margin:0 4px 0 0; background:#F1F1F1; border:1px solid #000; border-bottom:0;}
.navProduct li a{_width:1%;position:relative;white-space:nowrap;display:block;text-decoration:none;color:#666;font-size:11px;font-weight:bold;text-transform:uppercase;text-align:center;}
.navProduct li a:hover{ color:#000; }
.navProduct li a span{display:block; padding:10px 10px 10px 8px;}
.navProduct li a *{ cursor:pointer; }
.navProduct li.on{ background:#E1E1E1; }
.navProduct li.on a{ color:#000; }
.navProduct li.on a span{ padding-top:11px; }

.ficheProduct { position:fixed;left:50%;margin:100px 0 0 -330px;top:0;width:540px;z-index:100;_position:absolute;_top:expression(documentElement.scrollTop+body.scrollTop); }
.ficheProduct .intro{ margin:0 0 10px; _height:1%; min-height:1%; }
.ficheProduct .topFiche{  }
.ficheProduct .botFiche{  }
.ficheProduct .midFiche{ padding:10px 16px; background:#E1E1E1;}
.ficheProduct .note{ float:left;width:520px;height:36px;margin:0 0 15px 0;}
.ficheProduct .close{ float:right;}
.ficheProduct .info { padding:0 0 20px 0;margin:0 0 20px 0;}
.ficheProduct .info .visu{ float:left;width:110px;height:127px;padding:4px 0 0 4px;}
.ficheProduct .info .txt{ float:right;width:500px;font-size:12px;}
.ficheProduct .info .txt a{ color:#0000ff;}
.ficheProduct .produit {margin:0;}
.ficheProduct .produit .media img{ width:200px; }
.ficheProduct .produit .intro .txt { float:left;width:320px;padding:0 0 8px 0;}
.ficheProduct .produit .intro .logo { padding:0 8px 0 0;float:right;}
.ficheProduct .produit .detail {width:148px;}

.produit .detail {height:115px;text-align:center;}
.produit .detail .reduc{width:33px;height:13px;padding:2px 0;margin:2px 0 0 0;text-align:center;font-size:11px;font-weight:normal;}
.produit .detail .priceWeb{font-weight:bold;}
.produit .detail .priceWeb strong{font-size:20px;}
.produit .detail .priceMag strong strike{font-weight:bold;font-size:12px;}
.produit .detail .addInfo{font-size:11px;}
.produit .detail .priceMag span { font-size:11px; }

#maskLay, .maskLay { position:fixed;left:0;top:0;width:100%;height:100%;z-index:20;background:black;filter:alpha(opacity=70);-moz-opacity:0.7;opacity: 0.7;_position:absolute;_top:expression(documentElement.scrollTop+body.scrollTop);}

.map_middle .links{ visibility:hidden; }
.map_middle .links .shop{ position:absolute; top:-9999em; left:-9999em; width:25px; height:25px; background:url(Images/Backgrounds/crossair.png) no-repeat; }
.map_middle .links .shop a{ position:absolute; padding:5px; font-size:8px; text-decoration:none; white-space:nowrap; color:#000; }
.map_middle .links .line45{ margin:-25px 0 0; background-position:right top; }
.map_middle .links .line45 a{ left:18px; bottom:18px; }
.map_middle .links .line135{ margin:-25px 0 0 -25px; background-position:left top; }
.map_middle .links .line135 a{ right:18px; bottom:18px; }
.map_middle .links .line225{ margin:0 0 0 -25px; background-position:left bottom; }
.map_middle .links .line225 a{ right:18px; top:18px; }
.map_middle .links .line315{ background-position:right bottm; }
.map_middle .links .line315 a{ left:18px; top:18px; }
.map_middle .links .point{ position:absolute; display:block; margin:-4px 0 0 -4px; width:6px; height:6px; overflow:hidden; background:#D00E02; border:1px solid #000; }
.showed .links{ visibility:visible; }

