/* CSS Document */

/********** Global************/
*, h1, h2, h3, h4, h5, h6{margin:0; padding:0;}
a, img{ border:none; }
html{font-size: 100%;}
.clear, .clear2{clear:both; width:100%; height:1px; overflow:hidden;}
.Left, #CenterBlock .visite p span, #CenterBlock .circuits .ttr .nb{float:left;}
.Right, #CenterBlock .circuits .ttr .name, #CenterBlock .circuits .desc img, #CenterBlock .circuits .ttr .name02{float:right;}
a:hover, #footer a:hover, #LeftBlock p a.recherche:hover, #CenterBlock .link-more a:hover, #LeftBlock .coordonnees p a:hover { text-decoration:underline; }

 /*** clearfix ***/
.clearfix:after{content:""; display:block; clear:both; visibility:hidden; line-height:0; height:0;}
.clearfix{display:inline-block;}
html[xmlns] .clearfix{display:block;}
* html .clearfix{height:1%;}

/*****************************/
/****** SEJOUR ******/
/*****************************/
body { background:#b51c5f url(../../images/visite/home-bg.png) top no-repeat; font:normal 11px Arial; color:#fff; padding:0 0 15px 0; }
#bodyHome { width:1000px; margin:auto; background: url(../../images/visite/body-bg.png) bottom no-repeat; padding:0 0 78px 0; position:relative; }

#wrapBody { background:#fff url(../../images/visite/wrap-bg.png) repeat-y; display:inline-block; padding-top:180px; width:1000px; }
#header { position:absolute; top:0; left:0; z-index:100; }

#LeftBlock { width:220px; background: url(../../images/visite/left-bg.png) top no-repeat; }
#LeftBlock .wrap { width:175px; margin:53px 0 0 28px; padding:0px; display:block; position:relative;  }
.zUp { position:absolute; z-index:200; left:0; }
.zDn { margin:47px 0 0 0; }
#LeftBlock h4 { color:#95044c; background: url(../../images/home/icone-home.png) -10px 0 no-repeat; padding:3px 0 17px 34px; font:bold 12px Arial; display:block; }
/*#LeftBlock form p { margin:0; display:inline-block; padding:0 0 6px 0; clear:both; }*/
#LeftBlock .one, #LeftBlock .one { width:175px; margin:0 0 6px 0; }
#LeftBlock .two, #LeftBlock .three { width:81px; float:right; display:block; margin:0 0 4px 0; }
#LeftBlock .three { width:51px; }
#LeftBlock label { float:left; width:91px; color:#fff; }
#LeftBlock label.nuits { padding:9px 0 0 0; }
#LeftBlock p a.recherche { background: url(../../images/home/icone-recherche.png) no-repeat; font-weight:bold; font-size:11px; color:#95044c; padding:0 0 0 15px; text-decoration:none; display:inline; float:right; clear:both; margin:6px 0 45px 0; }
#LeftBlock select, #LeftBlock input, #CenterBlock .b03 select, #LeftBlock select { font:normal 11px Arial; color:#78a1b3; border:1px solid #78a1b3; }
#LeftBlock .nos-brochures, #LeftBlock .coordonnees { clear:both; }
#LeftBlock .coordonnees h5 { background: url(../../images/visite/coordonnees.png) no-repeat; font:normal 14px Arial; padding:3px 0 0 28px; height:48px; color:#b51c5f; }
#LeftBlock .coordonnees p { padding:0 0 8px 0; color:#fff; line-height:13px; text-align:justify; margin:0 0 0 3px; font-weight:bold; text-decoration:none; }
#LeftBlock .coordonnees p a { padding:0 0 0 15px; color:#ffffff; display:inline-block; background: url(../../images/infos/icone-plus.png) 0 1px no-repeat; font:bold 10px Verdana; text-decoration:none; }
#LeftBlock .coordonnees p span, #CenterBlock span.txt1 { font:bold 11px Arial; color:#b51c5f; display:block; padding:0 0 12px 0; }
#bodyHome .logo { display:block; width:45%; margin:10px auto 0; position:absolute; left:70px; bottom:17px; }
#bodyHome .logo a { display:inline; margin:0 7px 0 0; }
#LeftBlock .nos-brochures { margin:0 0 36px 0; }
#LeftBlock .nos-brochures img { margin:0 0 0 15px; }
#LeftBlock h6 { background: url(../../images/visite/pictos-pdf.png) no-repeat; padding:0 0 10px 25px; color:#b51c5f; font:normal 14px Arial; }

#CenterBlock { width:573px; background: #fff url(../../images/visite/center-bg.png) top no-repeat; padding:18px 0 0 5px; display:inline-block; position:relative; }
#CenterBlock .wrap { margin:0 0 0 55px; width:507px; color:#696a6c; padding:0 0 18px 0; }
#CenterBlock h1 { background: url(../../images/visite/dec01.png) 0 5px no-repeat; color:#b51c5f; font:bold 16px Arial; display:block; margin:0 0 20px 0; padding:0 0 0 20px; }
#CenterBlock p { color:#696a6c; text-align:justify; }
#CenterBlock .visite { margin:10px 0 25px 0; }
#CenterBlock .visite p { background: url(../../images/visite/visite.png) no-repeat; width:489px; padding:0 0 0 12px; height:31px; overflow:hidden; margin:0 0 6px 0; }
#CenterBlock .visite p span.nb { width:99px; }
#CenterBlock .visite p a { width:314px; float:left; color:#fff; text-decoration:none; font:bold 12px Arial; text-transform:uppercase; line-height:31px; }
#CenterBlock .visite p a:hover, #CenterBlock td.two a:hover { color:#999999; text-decoration:none; }
#CenterBlock .visite p span.nb, #CenterBlock .visite p span.times, td.three, #CenterBlock .circuits .ttr .nb { color:#b51c5f; font:bold 13px Arial; line-height:31px; }
#CenterBlock .visite p span.nb a { color:#b51c5f; font:bold 13px Arial; line-height:31px; text-transform:none }
#CenterBlock .visite p span.nb a:hover { color:#999999; font:bold 13px Arial; line-height:31px; text-transform:none }
#CenterBlock td.three a { color:#b51c5f; font:bold 13px Arial; text-transform:none; text-decoration:none  }
#CenterBlock td.three a:hover { color:#999999; font:bold 13px Arial; text-transform:none; text-decoration:none }

#CenterBlock .visite2 { margin:10px 0 25px 0; }
#CenterBlock .visite2 p {background:url(../../images/visite/visite_.png) no-repeat; width:489px; padding:0 0 0 12px; height:31px; overflow:hidden; margin:0 0 6px 0; }
#CenterBlock .visite2 p span.nb { width:199px; }
#CenterBlock .visite2 p a { width:314px; color:#fff; text-decoration:none; font:bold 12px Arial; text-transform:uppercase; line-height:31px; }
#CenterBlock .visite2 p a:hover, td.two a:hover { color:#eabed3; text-decoration:none; }
#CenterBlock .visite2 p span.nb, #CenterBlock .visite2 p span.times, td.three, #CenterBlock .circuits .ttr .nb { color:#b51c5f; font:bold 13px Arial; line-height:31px; }


#CenterBlock h2, #CenterBlock h3 { background: url(../../images/visite/sttr.png) no-repeat; height:27px; overflow:hidden; color:#fff; font:bold 13px Arial; padding:0 0 0 27px; line-height:27px; }
#CenterBlock h3 { background: url(../../images/visite/sttr2.png) no-repeat; padding:0 0 0 10px; }
#CenterBlock .tarifs th, #CenterBlock .tarifs td { color:#b51c5f; border-bottom:1px solid #78a1b3; border-left:1px solid #78a1b3; padding:4px 0 4px 12px; text-align:left; }
#CenterBlock .tarifs td { padding:2px 0 2px 12px; }
#CenterBlock .tarifs th.f1, #CenterBlock .tarifs td.f1 { border-left:none; }
#CenterBlock .tarifs th { font:bold 11px Arial; }
#CenterBlock .tarifs table { background:#f8e8f0; margin:0 0 15px 0; }
#CenterBlock .tarifs p.desc { font:normal 9px Arial; color:#696a6c; }
#CenterBlock .tarifs p.desc2 { font:normal 10px Arial; color:#696a6c; }
#CenterBlock .link-more a { color:#B51C5F; font:bold 12px Arial; text-decoration:none; }
#CenterBlock .tarifs .price { float:right; background:#eabed3 url(../../images/visite/cir-bg04.png) right no-repeat; height:31px; overflow:hidden; color:#B51C5F; font-weight:bold; line-height:31px; padding:0 25px 0 0; }
#CenterBlock .tarifs .price img { float:left; }
#CenterBlock .tarifs { margin:15px 0 0 0; }
.bt-visite-guidee { background-image:url(../../images/visite/visite_.png); background-repeat:no-repeat; height:23px; overflow:hidden; }
td.one { padding:0 0 0 15px; background:none; color:#B51C5F; font:bold 13px Arial; }
td.two a { color:#fff; text-decoration:none; font:bold 12px Arial; text-transform:uppercase; }
td.three { background:#eabed3; line-height:normal; }
#CenterBlock .circuits { background:url(../../images/visite/cir-bg02.png) bottom no-repeat; padding:0 0 13px 0; margin:0 0 12px 0; }
.clear2 { height:0px; overflow:hidden; }
#CenterBlock .circuits .ttr { background:url(../../images/visite/cir-bg03.png) no-repeat; height:32px; padding:0 10px 0 12px; }
#CenterBlock .wrap-circuits { background:url(../../images/visite/cir-bg00.png) repeat-y; width:100%; }
#CenterBlock .wrap-circuits .Left, #CenterBlock .wrap-circuits .Right { width:248px; }
#CenterBlock .circuits .ttr .name, #CenterBlock .circuits .ttr .name02 { width:137px; color:#fff; }
#CenterBlock .circuits .ttr .name02 { line-height:32px; }
#CenterBlock .circuits .desc { color:#b51c5f; padding:10px 5px 0 5px; }
#CenterBlock .circuits .desc img { padding:1px; border:1px solid #fff; margin:0 0 0 5px; }
#CenterBlock .wrap-tarifs { width:478px; margin:auto; padding:15px 10px 15px 10px; clear:both; font-size:12px; }
#CenterBlock .wrap-tarifs ul, #CenterBlock .wrap-tarifs ul.up { width:345px; margin:0 0 0 23px; list-style-type:circle; padding:0; display:inline; float:left; list-style-type:circle; }
#CenterBlock .wrap-tarifs ul.up, #CenterBlock .wrap-tarifs ul.down { text-transform:; width:345px; }
#CenterBlock .wrap-tarifs ul.up li, #CenterBlock .wrap-tarifs ul.down li { font:normal 12px Arial; margin:0 0 0px 0; }
#CenterBlock .wrap-tarifs img { float:right; padding:1px; border:1px solid #eabed3; }
#CenterBlock .wrap-tarifs ul.down { width:95%; }
#CenterBlock h4 { font:bold 12px Arial; text-transform:uppercase; color:#B51C5F; border-bottom:1px solid #B51C5F; margin:0 0 10px 0; }
#resa input, #resa select, #resa textarea { font:normal 11px Arial; border:1px solid #b51c5f; }
#CenterBlock td.und { border-bottom:1px solid #b51c5f; }
#CenterBlock span.txt1 { padding:0px; }


#RightBlock { color:#696a6c; }
#RightBlock .wrap { margin:10px 0 0 10px; width:174px; position:relative; }
/*#RightBlock .wrap p { background: url(../../images/visite/ph-bg.png) no-repeat; width:190px; height:265px; text-align:center; font-size:10px; color:#696a6c; position:absolute; z-index:200; }
#RightBlock .wrap p img { padding:6px 0 7px 0; }*/
#RightBlock .wrap p { border-top:#E7E7E7 1px solid; border-left:#E7E7E7 1px solid; border-right:#E7E7E7 1px solid; border-bottom:#E7E7E7 1px solid; width:183px;  text-align:center; font-size:10px; color:#696a6c;}
#RightBlock .wrap p img { padding:1px 1px 1px 1px;  overflow:hidden; overflow-x:hidden; }



/*Sous menu*/
/*LEVEL ONE*/
ul.dropdown { position:absolute; list-style-type:none; display:inline-block; margin:0 0 15px 0; z-index:101; }
ul.dropdown li { font-weight:normal; float:left; zoom:1; background:#b51c5f; }
ul.dropdown a:hover	{ color:#000; text-decoration:none; }
ul.dropdown a:active { color:#ffa500; text-decoration:none; }
ul.dropdown li a { display:block; padding:4px 5px; border-right:1px solid #fff; color:#fff; text-decoration:none; }		  
ul.dropdown li:last-child a { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover, ul.dropdown li:hover, ul.dropdown a.selected { background:#eabed3; color:black; position:relative; text-decoration:none; }
ul.dropdown li.hover a { color:black; }
/*LEVEL TWO*/
ul.dropdown ul { width:160px; visibility:hidden; position:absolute; top:100%; left:0; list-style-type:none; }
ul.dropdown ul li { font-weight: normal; background: #f6f6f6; color: #000;  border-bottom: 1px solid #ccc; float: none; } 			  
/* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a	{ border-right:none; width:100%; display:inline-block; } 
/*LEVEL THREE*/
ul.dropdown ul ul { left:100%; top:0; }
ul.dropdown li:hover > ul { visibility:visible; }


/**** Footer ****/	
#footer { margin:auto; font:normal 14px Arial; width:578px; height:46px; overflow:hidden; position:absolute; left:215px; padding:27px 0 0 0; text-align:center; }
#footer a { color:#fff; text-decoration:none; font:normal 11px Arial; text-transform:uppercase; }
#footer a.panier { background: url(../../images/visite/panier.png) no-repeat; padding:0 0 0 18px; }
.realisation { position:absolute; width:100px; background: url(../../images/visite/dec02.gif) right no-repeat; right:-33px; bottom:5px; height:78px; color:#fff; font:normal 11px Arial; text-align:right; }
* html .realisation { position:absolute; width:100px; background: url(../../images/visite/dec02.gif) right no-repeat; right:-33px; bottom:-1px; height:78px; color:#fff; font:normal 11px Arial; text-align:right; }
.realisation span { color:#fff; position:absolute; right:0; bottom:-10px; }
.realisation a {color:#fff; font:normal 11px Arial; text-align:right; text-decoration:none;}
/**** Popup ****/	
#Pop { background:#fff; background-image:none; color:#696A6C; }
#Pop .titre, #Pop a, #Pop .titre2 { font:bold 16px Arial; color:#B51C5F; text-transform:uppercase; }
#Pop a, #Pop .titre2 { font:bold 14px Arial; text-decoration:none; }


/* Main Style Sheet for jQuery UI date picker */
#ui-datepicker-div, .ui-datepicker-inline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding: 0;
	margin: 0;
	background: #ddd;
	width: 185px;
}
#ui-datepicker-div {
	display: none;
	border: 1px solid #777;
	z-index: 100; /*must have*/
}
.ui-datepicker-inline {
	float: left;
	display: block;
	border: 0;
}
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-dialog {
	padding: 5px !important;
	border: 4px ridge #ddd !important;
}
.ui-datepicker-disabled {
	position: absolute;
	z-index: 100;
	background-color: white;
	opacity: 0.5;
}
button.ui-datepicker-trigger {
	width: 25px;
}
img.ui-datepicker-trigger {
	margin: 2px;
	vertical-align: middle;
}
.ui-datepicker-prompt {
	float: left;
	padding: 2px;
	background: #ddd;
	color: #000;
}
* html .ui-datepicker-prompt {
	width: 185px;
}
.ui-datepicker-control, .ui-datepicker-links, .ui-datepicker-header, .ui-datepicker {
	clear: both;
	float: left;
	width: 100%;
	color: #fff;
}
.ui-datepicker-control {
	background: #400;
	padding: 2px 0px;
}
.ui-datepicker-links {
	background: #000;
	padding: 2px 0px;
}
.ui-datepicker-control, .ui-datepicker-links {
	font-weight: bold;
	font-size: 80%;
}
.ui-datepicker-links label { /* disabled links */
	padding: 2px 5px;
	color: #888;
}
.ui-datepicker-clear, .ui-datepicker-prev {
	float: left;
	width: 34%;
}
.ui-datepicker-rtl .ui-datepicker-clear, .ui-datepicker-rtl .ui-datepicker-prev {
	float: right;
	text-align: right;
}
.ui-datepicker-current {
	float: left;
	width: 30%;
	text-align: center;
}
.ui-datepicker-close, .ui-datepicker-next {
	float: right;
	width: 34%;
	text-align: right;
}
.ui-datepicker-rtl .ui-datepicker-close, .ui-datepicker-rtl .ui-datepicker-next {
	float: left;
	text-align: left;
}
.ui-datepicker-header {
	padding: 1px 0 3px;
	background: #333;
	text-align: center;
	font-weight: bold;
	height: 1.3em;
}
.ui-datepicker-header select {
	background: #333;
	color: #fff;
	border: 0px;
	font-weight: bold;
}
.ui-datepicker {
	background: #ccc;
	text-align: center;
	font-size: 100%;
}
.ui-datepicker a {
	display: block;
	width: 100%;
}
.ui-datepicker-title-row {
	background: #777;
}
.ui-datepicker-days-row {
	background: #eee;
	color: #666;
}
.ui-datepicker-week-col {
	background: #777;
	color: #fff;
}
.ui-datepicker-days-cell {
	color: #000;
	border: 1px solid #ddd;
}
.ui-datepicker-days-cell a{
	display: block;
}
.ui-datepicker-week-end-cell {
	background: #ddd;
}
.ui-datepicker-title-row .ui-datepicker-week-end-cell {
	background: #777;
}
.ui-datepicker-days-cell-over {
	background: #fff;
	border: 1px solid #777;
}
.ui-datepicker-unselectable {
	color: #888;
}
.ui-datepicker-today {
	background: #fcc !important;
}
.ui-datepicker-current-day {
	background: #999 !important;
}
.ui-datepicker-status {
	background: #ddd;
	width: 100%;
	font-size: 80%;
	text-align: center;
}

/* ________ Datepicker Links _______

** Reset link properties and then override them with !important */
#ui-datepicker-div a, .ui-datepicker-inline a {
	cursor: pointer;
	margin: 0;
	padding: 0;
	background: none;
	color: #000;
}
.ui-datepicker-inline .ui-datepicker-links a {
	padding: 0 5px !important;
}
.ui-datepicker-control a, .ui-datepicker-links a {
	padding: 2px 5px !important;
	color: #eee !important;
}
.ui-datepicker-title-row a {
	color: #eee !important;
}
.ui-datepicker-control a:hover {
	background: #fdd !important;
	color: #333 !important;
}
.ui-datepicker-links a:hover, .ui-datepicker-title-row a:hover {
	background: #ddd !important;
	color: #333 !important;
}

/* ___________ MULTIPLE MONTHS _________*/

.ui-datepicker-multi .ui-datepicker {
	border: 1px solid #777;
}
.ui-datepicker-one-month {
	float: left;
	width: 185px;
}
.ui-datepicker-new-row {
	clear: left;
}

/* ___________ IE6 IFRAME FIX ________ */

.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}

.zUp { position:absolute; z-index:200; left:0; }
.zDn { margin:47px 0 0 0; }