/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999999999999;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url(../../img/colorbox/overlay.png) repeat 0 0;}
#cboxPhoto {max-width:800px;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(../../img/colorbox/controls.png) no-repeat -100px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(../../img/colorbox/controls.png) no-repeat -129px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(../../img/colorbox/controls.png) no-repeat -100px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(../../img/colorbox/controls.png) no-repeat -129px -29px;}
    #cboxMiddleLeft{width:21px; background:url(../../img/colorbox/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(../../img/colorbox/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(../../img/colorbox/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(../../img/colorbox/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:0px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:-9999px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(../../img/colorbox/controls.png) no-repeat -75px 0px; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(../../img/colorbox/controls.png) no-repeat -50px 0px; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(../../img/colorbox/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(../../img/colorbox/loading.gif) no-repeat center center;}
        #cboxClose{position:absolute; top:-37px; right:-33px; background:url(../../img/colorbox/close.png) no-repeat; width:32px; height:32px; text-indent:-9999px;}
        #cboxClose.hover{}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background ../../img are relative to the CSS document.
*/

		
#inline_example1 {
    background:#ffffff;  background: -moz-linear-gradient(top, #dedede, white 50%); background: -webkit-gradient(linear, 0 0, 0 50%, from(#dedede), to(white)); height: 300px; overflow:auto; width: auto; padding: 15px; color: #666666; font-size: 12px; font-family:Arial, Helvetica, sans-serif;  
	}
	
.bloc_colorbox {
    background:#ffffff;   width: auto; padding: 0px; color: #666666; font-size: 12px; font-family:Arial, Helvetica, sans-serif; 
	}

.bloc_colorbox_pres {
    height: 220px; 
	}
	
table.popup_prix	 {
 
   margin-top:20px;
   width:100%;
   font-size:14px;
   }

.popup_details .txt_info {
	 position:relative;
	 }
	 
.popup_details .txt_info .nom2 {
    text-align:left;
	}
	
table.popup_prix tbody td {
   font-size:12px;
   line-height:normal;
   padding:10px 5px;
   }
   
table.popup_prix tbody th{
   font-size:12px;
   line-height:normal;
   padding:10px 5px;
   }
   
table.popup_prix tfoot .prix_apres_promo_resa {
	color:#dddddd;
	padding:5px;
	text-shadow:none;
	margin:10px 0 0 0;
	}
	
table.popup_prix tfoot .prix_apres_promo_resa th {
	color:#999;
	background:#f5f5f5;
	border-top: 1px dashed #cccccc;
	border-bottom: 1px dashed #cccccc;
	padding:10px 0 10px 0;
	font-size:18px;
	text-shadow: 0 1px 0 #ffffff;
	}
	
table.popup_prix tfoot .prix_apres_promo_resa td {
	color:#333333;
	font-size:36px;
	background:#f2f2f2;
		border-top: 1px dashed #cccccc;
		border-bottom: 1px dashed #cccccc;
	padding:10px 0 10px 0;
	text-shadow: 0 1px 0 #ffffff;
	}
	 
.popup_details  {
    height:300px;
	text-align:center;
	overflow:auto;
	}
	 
.popup_details .txt_info .vers_droite {
   position:absolute;
   right:4px;
   top:0px;
   text-align:left;
	  }
	  
.bloc_dispo  input.clique_chek{
	background:url(../../img/colorbox/bg_input_reserver.gif) repeat-x;
   	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border: #666666 solid 1px;
	float:right;
	font-size:14px;
	margin:10px 0 10px 10px;
	cursor:pointer;
	padding:1px 7px;
	text-shadow:1px 1px 1px #ffffff;
	color: #333333;
	font-family:'Myriad Pro';
	font-size:20px;
	font-weight:bold;
   }
   
.bloc_colorbox input.clique_chek{
	background:url(../../img/colorbox/bg_input_reserver.gif) repeat-x;
	float:right;
	cursor:pointer;
	padding:1px 7px;
	text-shadow:1px 1px 1px #ffffff;
	color: #333333;
	font-family:'Myriad Pro';
	font-size:20px;
	font-weight:bold;
	-moz-border-radius:5px  ;
    -webkit-border-radius:5px;
    border-radius:5px ;
	border: #666666 solid 1px;
	position:absolute;
	bottom:0px;
	right:5px;
   }
   
.bloc_colorbox input.clique_chek:hover, .bloc_dispo  input.clique_chek:hover{
	background:url(../../img/colorbox/bg_input_reserver_hover.gif) repeat-x;
	text-shadow:1px 1px 1px #000000;
	color: #FFFFFF;
	}
	
.popup_details .observation {
   text-align:left;
   }
   
.popup_details .observation  .obs_style {
   font-weight:bold;
   border-bottom:#999999 dotted 1px;
   padding-bottom:3px;
   margin-bottom:6px;
   font-size:14px;
   margin-right:7px;
   }
   
#examples .vsp {
    color:#666666;
	text-align: center;
	padding-top:15px;
	padding-bottom:0px;
	padding-right:100px;
	font-size:11px;
	}
	
#examples  .bloc_colorbox .vsp li, #examples .vsp li {
    display:inline-block;
	list-style:none;
	padding:0 20px;
	float:none;
	}
	
#examples .vsp li img {
    width:15px;
	}
	
#examples .vsp_desc {
    color:#666666;
	text-align: center;
	padding-top:15px;
	padding-bottom:0px;
	font-size:11px;
	}
	
#examples .vsp_desc li {
    display:inline-block;
	list-style:none;
	padding:0 15px;
	float:none;
	}
	
#examples .vsp_desc li img {
    width:15px;
	border:none;
	}
	
#examples .vsp li a {
    text-decoration:none;
	color: #666666;
	}
	
#shareit-box {
	position:absolute;
	display:none;
}

#shareit-header {
		width:138px;
	}


	#shareit-body {
		width:138px; height:100px;
		background:url(images/shareit.png);
	}

		#shareit-blank {
			height:20px;
		}

		#shareit-url {
			height:50px;
			text-align:center;
		}

			#shareit-url input.field{
				width:100px; height:26px;
				background: transparent url(images/field.gif) no-repeat;
				border:none; outline:none;
				padding:7px 5px 0 5px;
				margin:3px auto;font-size:11px;
			}

		#shareit-icon  {
			height:20px;
		}
		
			#shareit-icon ul {
				list-style:none;
				width:130px;
				margin:0; padding:0 0 0 8px;
			}

			#shareit-icon ul  li{
				float:left;
				padding:0 2px;
			}
			
			#shareit-icon ul  li img{
				border:none;
			}			

.border_prestation {
    text-align:center;
	margin:7px  auto 0 auto;
	width:420px;
	display:inline-block;
	padding:7px;
	overflow:hidden;
	background:#C7E8F4;
    border:1px solid #A3D5E7;
    color:#466773;
    text-shadow:1px 1px 1px #ffffff;
	-moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
	}
	
.border_prestation span {
    float:left;
	padding-left:5px;
	}
.border_prestation .nom {
    width:230px;
	font-weight:bold;
	float:left;
	text-align:right;
	display:block;
	}
	
.border_prestation_tot .total {
     font-size:36px;
	 line-height:35px;
	 }
	
.border_prestation_tot {
    text-align:center;
	margin:7px auto 0px auto;
	width:374px;
	padding:7px 0 0 60px;
	height:50px;
	overflow:hidden;
	font-family:'Tahoma';
    border:1px solid #A3D5E7;
    color:#466773;
	font-size:22px;
	line-height:30px;
	text-align:left;
    text-shadow:1px 1px 1px #ffffff;
	-moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
	background:url(../../img/colorbox/infos.png) left no-repeat #C7E8F4;
	}

.border_prestation_tot li {
    display:inline-block;
	}