@charset "utf-8";
/*Général*/
body { text-align : justify; font-size: 62.5%;}
body #contentNavigationContener, body #content {
    font-size : 130%;
}
iframe {overflow : hidden;}
.spacer { clear: both; height: 5px;}
.spacer2 { clear: both;}
hr { margin: 10px 0;}
object { display: block; cursor: pointer;}
.block { width: 100%; margin: 0; padding: 0;}
.control_checkbox {
     margin-bottom : 0px;
}
#searchForm {
    background : #326b98;
}
/*HEADER*/
.header { width: 1000px; height: 195px; margin: 0; padding: 0; margin-left: -500px; left: 50%; position: relative;}
/*SWF HEADER */
#swfheader h1{float: left; margin-right: 15px;}
.linkswfheader{float:left;}
#swfheader  ul li {float: left;margin-left:7px;}
#swfContent .swfheaderSpacer {width:600px; height:10px;}
.noJS { background-color:#FCECEC;color:red;text-align:center;font-size: 18px; font-weight: bold;border:1px solid red;width : 600px; height: 80px; padding: 10px 0 0 15px; margin-bottom: 10px;}
.noJS noscript p {}
 .swfTextHome {width: 600px; height: 190px; overflow: auto; padding: 20px 0 0 15px;}
/*CONTENT*/
.blockContent { width: 1000px; margin: 0; padding: 0; margin-left: -500px; left: 50%; position: relative;}
/*ROW 1*/
.row1 { width: 180px; margin: 0; padding: 0; float: left; position: relative;}
.reservation { width: 180px; line-height: 0.3em; text-align: left; color: #fff; margin: 0; padding: 0; float: left; background: url(../images/commun/content/fondReservation.png) no-repeat bottom left; overflow : hidden;}
.reservation li, .blockDate li { margin: 0 5px 5px 10px; padding : 0; text-align: right;}
.blockDate { display: none; width: 180px; line-height: 1em; font-size: 90%; position: absolute; background: transparent; top: 84px; left: 0;}
#btnCalendar, #btnCalendarOff { margin: 0; padding: 0; float: right; display: block;}
#btnCalendar a img { float: right;}
.reservation li div, .blockDate li div { padding-bottom : 0px;}
.reservation li span, .blockDate li span { float: left; margin-bottom: 4px;}
.reservation li .theme { float: left;}
.map { width: 180px; color : white; font-size : 1.1em; font-weight: bold; margin : 10px 0 0 0; padding : 0; text-align: center; /*url(../images/commun/content/endiframe.png) no-repeat bottom left*/}
.map img { margin : 0; }
.reservation li select.nbre { float: right;}
#searchFormContener select.y, #searchFormContener select.m { float: left; margin-left: 0px; margin-top : 5px; padding : 0;}
#searchFormContener select.d { float: left; width: 40px; margin-top : 5px;}
#searchFormContener select.m { width: 55px;}
#searchFormContener select.y { width: 55px;}
/*TEXTE RESERVATION*/
#btnCrit { width: 72px; height: 11px; margin: 15px 0 0 0; padding-left: 5px; float: left;}
/*CRITERES*/
.criteres { display: none; width: 217px; height: 265px; margin: 0; padding: 0; background: url(../images/commun/content/fondCriteres.png) repeat-x; position: absolute; top: 0; left: 180px; z-index: 1;}
#blockCrit { width: 180px; height: 265px; }
#blockCrit li { margin-left: 20px; float: left;}
#blockCrit img { margin-top: 10px;}
#blockCrit select { width: 160px; margin: 0; padding: 0; float: left;}
.fermerCrit { width: 160px; text-align: right; margin: 15px 0 5px 0; padding: 0;}
.advertise1 { width: 180px; height: 340px; margin: 20px 0 10px 0; padding: 0;}

/*ROW 2*/
.row2 { width: 620px; margin: 0 5px; padding: 0; float: left;}
.swfContent { width: 620px; height: 325px; margin: 0; padding: 0; z-index: 0;}
.swfContent object {
    width : 620px;
}
.content { width: 620px; margin: 0; padding: 0;}
/*ROW 3*/
.row3 { width: 180px; margin: 0; padding: 0; float: right;}
.catalogue { width: 180px; height: 315px; margin: 0 0 10px 0; padding: 0; float: left; background: url(../images/brochurebg.png) no-repeat top left; position: relative;}
.imageCatalogue { width: 209px; height: 272px; position: absolute; top: 0; right: -25px;}
.downloadbroch { width: 180px; padding: 0; margin: 0 0 0 4px; position: absolute; bottom: -42px; left: 0;}
.advertise2 { width: 180px; height: 343px; margin: 0 0 10px 0; position: relative; padding: 0; float: left;}
.advertise2 .click { width: 180px; height: 343px; position: absolute; top: 0; left: 0; cursor: pointer;}
.contact, .reqcatalogue {
    float : left;
}
.newsletter { text-align : center; width: 180px; height: 79px; line-height: 1em; margin: 0 0 10px 0; padding: 3px 0 0 0; float: left; background: url(../images/commun/content/fondNL.png) no-repeat;}
.footer { width: 1000px; height: 300px; background: url(../images/css/footer-fond.jpg) no-repeat; margin-left: -500px; left: 50%; position: relative;}
.footer .link { width: 1000px; font-weight: bold; font-size: 1em; color: #0d5083; text-align: center; padding-top: 50px; margin-bottom: 10px;}
.footer .link a { color: #0d5083;}
.footer .liste { font-size: 1em; color: #0d5083; margin : 0 10px 10px 10px; text-align: center;}
.footer .copy { font-size: 1em; color: #0d5083; margin-top: 120px; margin-bottom: 10px; width: 1000px; text-align: center;}

.liste ul {float:left;margin-left: 30px;text-align:left;}
ul.first {margin-left: 70px;}
/*MEP FORM*/

select, input { font-size: 1em;}
select:hover { background-color: #BBCDFF;}


#formRes select { margin-bottom: 5px; float: left;}
#formRes select.monyea { width: 110px; float: right;}
#formRes .destination select { width: 180px;}
#formRes input { width: 135px; margin-right: 5px;}
#formRes img { }
#formNL input { width: 150px; margin : 0 0 5px 0; float : left;}
.btnValidate { width: 64px; height: 27px; border: 0; float: left; margin : 10px 0 0 50px;}

/*SEJOUR WE*/
.rub-sejour { width: 620px; color: #ff5a00;}
.rub-sejour h2 { color: #ff5a00; font-size: 1.4em; font-weight: bold;}
.rub-sejour ul { list-style: none;}
.rub-sejour li { color: #00497d; font-size: 1.2em;}
.rub-sejour table { width: 100%; font-size: 1em;}
.rub-sejour td { height: 20px; text-align: center; border-right: 1px solid #FFFFFF;}
.rub-sejour tr.top { background: #ff5a00; color: white; font-weight: bold;}
.rub-sejour tr.color { background: #b2c7e2;}
.rub-sejour tr { color: #00497d;}

/*SKI*/
.rub { width: 620px; text-align: left; margin-bottom: 10px;}
.rub h1 { color: #ffa800; font-size: 2em; font-weight: bold;}

/*DATEPICKER*/

.reservation li.calendarOn { margin : 0 10px 0 10px; padding :0;}
.reservation li.calendarOff { display: none; margin : 0 10px 0 10px;}

#searchFormContener select { width: 160px; margin : 0 5px 0 0;}
select { width: 150px; font-size: 1em;}
.datation {float: right;}

.contact { margin-bottom: 10px;}

#rowtab2 img { margin-top: 50px; margin-right : 100px;}
#searchFormContener, contentContener, pageContener {
    margin : 0;
    padding : 0;
}
.k {
    width : 150px;
}
.k img {
    float : left;
}

.modal {
	position: fixed;
	height: 100%;
	width: 100%;
	top: 0;
	left:0;
	background: url(../images/css/modal.png);
	z-index: 10000;
	display: none;
}

.modal #carte {
	width: 650px;
	height: 730px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -325px;
	margin-top: -365px;
}
.ctn p {
    text-align : justify;
    margin-right : 10px;
}

.ctn h2{
    color:#FF5A00;
    font-size:1.2em;
    font-weight:bold;
}