/* A CSS Framework by Mike Stenhouse of Content with Style, adapted to CMSMS by Daniel Westergren */



/* clearing */

	.stretch,

	.clear {

		clear:both; 

		height:1px; 

		margin:0; 

		padding:0; 

		font-size: 15px;

		line-height: 1px;

	}
	
	.test{width:500px;text-align:justify;font-family:Verdana, Geneva, sans-serif;}
	#test{width:500px;text-align:justify;font-family:Verdana, Geneva, sans-serif;}
	/*@media screen and (-webkit-min-device-pixel-ratio:0) {
		#test td {color:#3F0;}
	}*/
	
	/*.NewsSummary{color:red\9;display:block\9;}*/

	.clearfix:after {

		content: "."; 

		display: block; 

		height: 0; 

		clear: both; 

		visibility: hidden;



	}

	* html>body .clearfix {

		display: inline-block; 

		width: 100%;



	}

	

	* html .clearfix {

		/* Hides from IE-mac \*/

		height: 1%;

		/* End hide from IE-mac */



	}



/* end clearing */





/* replace */

	.replace {

		display:block;

		

		background-repeat: no-repeat;

		background-position: left top;

		background-color:transparent;

	}

	/* tidy these up */

	.replace * {

		text-indent: -10000px;

		display:block;

		

		background-repeat: no-repeat;

		background-position: left top;

		background-color:transparent;

	}

	.replace a {

		text-indent:0;

	}

	.replace a span {

		text-indent:-10000px;

	}

/* end replace */





/* accessibility */

     span.accesskey {

     	text-decoration:none;

     }

     .accessibility {

     	position: absolute;

     	top: -999em;

     	left: -999em;

     }

dfn {

  position: absolute;

  left: -1000px;

  top: -1000px;

  width: 0;

  height: 0;

  overflow: hidden;

  display: inline;

}

/* end accessibility */

/* A CSS Framework by Mike Stenhouse of Content with Style */



/* TYPOGRAPHY */

	body {

		text-align: left;

		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

		font-size: 75.01%;

                line-height: 1em;

	}

	div {

		font-size: 1em;

	}

	img {

		border: 0;



	}

	





/* LINKS */

	a,

	a:link 

	a:active, a:visited {

		text-decoration: underlined;

 

	}



        div#footer a, 	

        div#footer a:link 

	div#footer a:active, div#footer a:visited {

               color: #fff;

        }



 div#main a, 	

        div#main a:link 

	div#main a:active, div#main a:visited {

font-weight : bold;

        }



	a:hover {

	text-decoration: none;

	}



/*lins picture*/

a img:hover {

		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);

-moz-opacity: 0.7;

	}

/* END LINKS */

	

/* HEADINGS */

	h1 {

		font-size: 2em;

		line-height: 1em;

		margin: 0;

		padding: 0;

	}

	h2 {

		font-size: 1.5em;

                line-height: 1.5em;

		margin: 0 0 0.5em 0;

		padding: 0;

	}



#main h2 {

/*text-indent:-10000px;*/

position: absolute;

clip: rect(1px 1px 1px 1px);

clip: rect(1px, 1px, 1px, 1px);

}



/*MENU ACTUALLY SELECTED*/

	h3 {

font-family: Verdana, "Times New Roman", sans-serif;

font-size : 1em;

 font-weight : bold;

text-decoration: none;

/*  padding: 5px 0px 5px 5px;*/

padding : 0 0 0 5px;

		margin: 0 ;

	}





	h4 {

		font-size: 1.2em;

		line-height: 1.3em;

		margin: 0 0 0.25em 0;

		padding: 0;

	}

	h5 {

		font-size: 1.1em;

		line-height: 1.3em;

		margin: 0 0 0.25em 0;

		padding: 0;

	}

	h6 {

		font-size: 1em;

		line-height: 1.3em;

		margin: 0 0 0.25em 0;

		padding: 0;

	}

/* END HEADINGS */



/* TEXT */

	p {

		font-size: 1em;

		margin: 0 0 1.5em 0;

		padding: 0;

		line-height:1.4em;

	}

	blockquote {

		border-left: 10px solid #ddd;

		margin-left: 10px;

	}

	pre {

		font-family: monospace;

		font-size: 1.0em;

	}

	strong, b {

		font-weight: bold;

	}

	em, i {

		font-style:italic;

	}

    code {

        font-family: "Courier New", Courier, monospace;

        font-size: 1em;

        white-space: pre;

    }

/* END TEXT */

	

/* LISTS */

	#main ul {



	}

	#main ul li {

		margin: 0 0 0.25em 30px;

		padding: 0;

	}

	ol {

		font-size: 1.0em;

		line-height: 1.4em;

		margin: 0 0 1.5em 0;

		padding: 0;

	}

	ol li {

		font-size: 1.0em;

		margin: 0 0 0.25em 30px;

		padding: 0;

	}

	dl {

		margin: 0 0 1.5em 0;

		padding: 0;

		line-height: 1.4em;

	}

	dl dt {

		font-weight: bold;

		margin: 0.25em 0 0.25em 0;

		padding: 0;

	}

	dl dd {

		margin: 0 0 0 30px;

		padding: 0;

	}

/* END LISTS */

	

	

/* TABLE */

	table {

        font-size: 1em;

		margin: 0 0 1.5em 0;

        padding: 0;

	}

	table caption {

		font-weight: bold;

		margin: 0 0 0 0;

		padding: 0 0 1.5em 0;

	}

	th {

		font-weight: bold;

		text-align: left;

	}

	td {

		font-size: 1em;

	}



#main table {



padding : 0;

margin : 0.0em 0 0.8em 0;

border-spacing : 0;

border-collapse : collapse ;



}







#main td{



border : 1px;

padding : 4px;

vertical-align:middle;

}





/* END TABLE */	

	

	hr {

		display: none;

	}



	div.hr {

		height: 1px;

		margin: 1em 10px;

		border-bottom: 1px dotted black;

	}



	object {

margin :0;

padding :0;

}

/* END TYPOGRAPHY */	

/* A CSS Framework by Mike Stenhouse of Content with Style, adapted to CMSMS by Daniel Westergren */



/* FORM ELEMENTS */

	form {

		margin:0;

		padding:0;

	}



	form div,

	form p {

		font-size: 1em;

		margin: 5px 0 3px 0;

		padding: 0;

color : #BBA27A;

	}

	label {

		font-weight: bold;

	}



	fieldset {

		border: 10px solid #ccc;

		padding: 5px 10px;

		margin: 0 0 1.5em 0;

width : 160px;

	}

	fieldset legend {

		color: #666;

		font-size: 1.1em;

		font-weight: bold;

		margin: 0 0 0 0px;

		padding: 0;

		background-color: white;

	}



	* html fieldset legend {

		margin: 0 0 10px -10px;

	}



	fieldset ul {

		list-style: none;

		margin: 0 0 1.5em 0;

		padding: 0;

	}

	fieldset ul li {

		list-style: none;

		margin: 0 0 0.5em 0;

		padding: 0;

	}

     

	

	input, select, textarea {

		font-size:1em; 

		font-family: arial, helvetica, verdana, sans-serif;

        

                   margin: 0;

		padding: 2px;

                border : 1px solid #EFD5B0;

color : #AEAEAE;

	}

	



input.textinputHovered{

		border : 1px solid #F3AD3B;

 color : #F3AD3B;

	}







	input, select {

		vertical-align:middle;

	}



	

select.selectinputHovered{

		border : 1px solid #F3AD3B;

	}



	textarea {

		width: 200px;

		height: 8em;

	}

	

textarea.userHovered{

color: #F3AD3B;

		border : 1px solid #F3AD3B;

	}



	input.check {

		border: none;

		width: auto;

		height: auto;

		margin: 0;

	}

	input.radio {

		border: none;

		width: auto;

		height: auto;

		margin: 0;

	}

	input.file {

		height: auto;

		width: 250px;

	}

	input.readonly {

		background-color: transparent;

		border: none;

	}

	input.button {

		width: 10em;

		border:1px solid black;

		background-color: #ddd;

	}

	input.image {

		border: none;

		width: auto;

		height: auto; 

	}









	

    form div.submit {

		margin: 1em 0;

	}

    form div.submit input {

		height: 2em;

        width: 150em;

	}



/*submit button*/

input.ffsubmit ,input.button {

       /*       margin-left : 10px;

		background-color: white;

		font-weight: bold;

border : 2px outset #BBA27A;*/

margin-left : 6em ; 

width:100px;

	height:26px;

	color:#FFF;

	font-weight:bold;

	padding:2px 5px;

	background:url(uploads/images/site/form/button.gif) no-repeat left top;

	cursor:pointer;

	border:none;

	}

input.button {

margin : 5px 0px 5px 40px; 

}

input.ffsubmitHovered , input.buttonHovered {

           /*    margin-left : 10px;

		background-color: white;

		font-weight: bold;

border : 2px outset #32BA12;

color : #32BA12;*/

margin-left : 6em ; 

width:100px;

	height:26px;

	color:#FFF;

	font-weight:bold;

	padding:2px 5px;

	cursor:pointer;

	border:none;

background:url(uploads/images/site/form/button.gif) no-repeat left bottom;

	}

input.buttonHovered {

margin : 5px 0px 5px 40px; 

}

#page_div {

  font-weight: bold;

  width : 100% ;

  border-bottom : 1px solid #BBA27A;

  margin-botton : 8px;

}



/* END FORM ELEMENTS */











		

/* A CSS Framework by Mike Stenhouse of Content with Style, adapted to CMSMS by Daniel Westergren */



/* LAYOU ELLNAV */



    /*WHERE THE MAIN TEXT IS*/

    div#main {



        width: 510px;

        clear:both;



        padding: 40px 10px 0 20px;

    }





    div#content {

        /*position: relative;*/

        margin: 0 0 0 0;

        padding: 0;

        text-align: left;

float:left;

    }





/*FOR PICTURE LEFT AND RIGHT */

div#side_picture{

position : absolute ;

left: 50%; 

margin-left : 220px;

z-index: 2;

width : 250px;

    }



    div#picture_left{

       padding-left :20px;

margin: 0;

float : left ;

width : 270px;

height : 684px;

    }







/* END CONTENT */

/* A CSS Framework by Mike Stenhouse of Content with Style, adapted to CMSMS by Daniel Westergren */



/* SITE SPECIFIC LAYOUT */

    body {

/*height: 100%;*/

        margin: 0;

       padding: 1em;

        text-align: center;

    }



    div#pagewrapper {

        margin: 0px auto;

        padding: 0;

        text-align: left;

width : 851px;



}



    #container {

	padding : 0;

	margin: 0;

        background-color : white ;

         background:  url(uploads/images/site/bg_frame_middle.png) repeat-y ; 

    }

    

    /* HEADER */

        div#header {

margin: 0px auto; /*to center */

            padding: 0;

            height: 22px;     

width : 851px;

            text-align: left;

font-size: 1px;



        }

div#header img{

  display: block;

}

        div#header h1 a {

            background:  url(uploads/images/logo1.gif) no-repeat 0 12px; 

            display: block;

            height: 80px;

            text-indent: -700em;

            width: 198px;

            margin: 0;

            padding: 0;

        }



    /* END HEADER */

    

    

    /* CONTENT */

        div#content {



        }

        

        /* MAIN */

            div#main {



            }

        /* END MAIN */

        

        /* SUB */

            div#sub {

                

            }

        /* END SUB */

        

    /* END CONTENT */

    

    

    /* FOOTER */

        div#footer {

height : 48px;

width : 851px;

/*background:  url(uploads/images/site/bg_frame_bottom.png) no-repeat ; */

margin: 0px auto;    

text-align: left;

        }



div#footer img {



position : relative;

top : 0px;

left : 0px;

            margin: 0;

            padding: 0;

            text-align: left;

        }





        div#footer_info {

position : relative;

top : -54px;

right : 8px;

            font-size: 0.8em;

            margin: 0;

            padding: 0px;

            text-align: right;

        }



div#footer_copyright {

position : relative;

top : -28px;

left : 5px;

            font-size: 0.8em;

            margin: 0;

            padding: 0px;

            text-align: left;

color : #e3ceb1;

        }

    /* END FOOTER */







/* END LAYOUT */







div.breadcrumbs {

   padding: 1em 0;

   text-align: left;

   font-size: 90%;

   margin: 0 1em;

   border-bottom: 1px dotted #000;

}



div.flags {

  float: right;

  width: 18px;

  padding: 1em 0;

  text-align: right;

  margin: 0 1em 0 0;

}



div.left49 {

  float: left;

  width: 49%;

  }



div.right49 {

  float: right;

  width: 49%;

  text-align: right;

  }

#menu_vert {



float : left ;

padding: 0;

margin : 0;

padding-left : 20px;



width: 150px;



  }



#menu_vert ul {

font-family: Verdana, "Times New Roman", sans-serif;

font-size : 11px;

  /*width: 150px; */ /* Width of Menu Items */

padding: 0;

margin : 0;

  }



#menu_vert li {

display: inline;

  /*letter-spacing : 1px ; */

  list-style: none;

  }



#menu_vert li a {

  display: block;

  text-decoration: none;

  padding: 5px 0px 5px 5px;

  color: #f3ad3b;

border-left: 2px solid #F3AD3B;

  }



/* Fix IE. Hide from IE Mac \*/



/* * html #menu_vert li { float: left; height: 1%; } */

/* * html #menu_vert li a { height: 1%; } */

/* End */



    div#menu_vert ul ul li a, 

    div#menu_vert ul ul li a:link, 

    div#menu_vert ul ul li a:visited  {



    }

    div#menu_vert ul ul  {

      border-right: none;

      border-top: none;



    }



    div#menu_vert ul ul ul li a, 

    div#menu_vert ul ul ul li a:link, 

    div#menu_vert ul ul ul li a:visited  {

        padding-left: 40px;

    }

    div#menu_vert ul ul ul  {

      border-bottom: none;

    }

#menu_vert li ul li a { padding: 5px 5px; } /* Sub Menu Styles */



/* fixed image flicker by adding .cssmenu-vertical ul */



#menu_vert li a:hover {

	padding: 5px 0px 5px 10px;

/*border-left: 0px ;*/





}



.current

{

color : #95cce0;

}



/*WHEN PARENT*/

#menu_vert li.activeparent{

  font-weight : bold;

}





/*WHEN ACTIVE num_hierrachy  */

/*ONE COLOR FOR EACH TITLE*/



/*spa*/

#menu_vert li.active01 h3 {

color : #A3D0F5;

border-left: 2px solid #A3D0F5;

padding : 5px 0 5px 5px;

}



/*hotel*/

#menu_vert li.active02 h3

{

color : #32BA12;

border-left: 2px solid #32BA12;

padding : 5px 0 5px 5px;

}



/*restaurant*/

#menu_vert li.active03 h3

{

color : #FF7E00;

border-left: 2px solid #FF7E00;

padding : 5px 0 5px 5px;

}



/*conference */

#menu_vert li.active04 h3

{

color : #A4B0BC;

border-left: 2px solid #A4B0BC;

padding : 5px 0 5px 5px;

}



/*loisir*/

#menu_vert li.active05 h3

{

color : #34640A;

border-left: 2px solid #34640A;

padding : 5px 0 5px 5px;

}



/*cado*/

#menu_vert li.active06 h3

{

color : #FA2159;

border-left: 2px solid #FA2159;

padding : 5px 0 5px 5px;

}





/*qui sommes nous*/

#menu_vert li.active07 h3

{

color : #86BC95;

border-left: 2px solid #86BC95;

padding : 5px 0 5px 5px;

}



/*lien langue*/

#menu_vert li.menu_lang a

{

font-style: italic;

border-left: 0px ;

padding : 5px 0 0 0;

margin : 0;

font-weight: bold ;

font-size : 1.1em ;

}





/*USELESS*/

/*

li.sectionheader {

  margin: 0;

  margin-right: -1px;

 }



li.sectionheader h3 {

   margin: 0;

   padding: 1em 10px 0.5em 10px;

   border: none;

   background-color: #fff;

  border-bottom: 1px solid #006699;

  z-index: 90;

}



li.separator {

   height: 1px;

   padding: 0.5em 0;

   margin: 0;

   width: 100%;

   border-bottom: 1px dotted black;

	}

*/

/* Layout sections */

	body {

		color: #9F9F9F;

background : url(uploads/images/site/background.jpg) no-repeat #B6996F;

		}

		

	div#pagewrapper {

		/*border: 1px solid #000;*/

		background: #FFF;

	    }

		

	div#header {

		color: #fff;

		}

		

	div#footer {

		color: #bba27a;

		

		}

		

/* Links */		

	a,

	a:link 

	a:active, a:visited {

		color: #9F9F9F;

	}



/* Headings */	

	h1, h2, h3, h4, h5, h6 {

		color: #f3ad3b;

	}

#menu_vert_secondary {



float : left ;

padding: 0;

margin : 0;

padding-left : 20px;



width: 150px;



  }



#menu_vert_secondary ul {

font-family: Verdana, "Times New Roman", sans-serif;

font-size : 11px;

  width: 190px; /* Width of Menu Items */

padding: 0;

margin : 0;

  }



#menu_vert_secondary li {

 /*letter-spacing : 1px ;*/ 

  list-style: none;

/*padding: 0;*/

padding: 5px 0px 5px 5px;

margin : 0;

  }



/* Fix IE. Hide from IE Mac \*/

/* * html #menu_vert_secondary li { float: left; height: 1%; } */

/* * html #menu_vert_secondary li a { height: 1%; }*/

/* End */



#menu_vert_secondary li a {

  /*display: inline;*/

  text-decoration: none;

margin : 0;

  padding: 5px 0px 5px 5px;

  color: #AAA;



  }







    div#menu_vert_secondary ul ul li a, 

    div#menu_vert_secondary ul ul li a:link, 

    div#menu_vert_secondary ul ul li a:visited  {



    }

    div#menu_vert_secondary ul ul  {

      border-right: none;

      border-top: none;



    }



    div#menu_vert_secondary ul ul ul li a, 

    div#menu_vert_secondary ul ul ul li a:link, 

    div#menu_vert_secondary ul ul ul li a:visited  {

        padding-left: 40px;

    }

    div#menu_vert_secondary ul ul ul  {

      border-bottom: none;

    }

#menu_vert_secondary li ul li a { padding: 5px 5px; } /* Sub Menu Styles */



/* fixed image flicker by adding .cssmenu-vertical ul */



#menu_vert_secondary li a:hover {

	padding: 5px 0px 5px 10px;

}



.current

{

color : #95cce0;

}





/*EACH SUB MENU HAS A DIFFERENT COLOR FOR EACH SECTION*/

#menu_vert_secondary li.active_spa h3 , #menu_vert_secondary li.active_spa_eng h3  {

color : #A3D0F5;

 }



#menu_vert_secondary li.active_hotel h3 , #menu_vert_secondary li.active_accommodations h3 {

color : #32BA12;

 }



#menu_vert_secondary li.active_restaurant h3, #menu_vert_secondary li.active_dining h3 {

color : #FF7E00;

 }



#menu_vert_secondary li.active_conference_evenement h3 , #menu_vert_secondary li.active_conferences_and_special_events h3 {

color : #A4B0BC;

 }



#menu_vert_secondary li.active_loisirs h3 , #menu_vert_secondary li.active_recreation h3  {

color : #34640A;

 }



#menu_vert_secondary li.active_forfaits_et_certificat_cadeau h3 , #menu_vert_secondary li.active_packages_gift_certificates h3  {

color : #FA2159;

 }



#menu_vert_secondary li.active_qui_sommes_nous h3 ,#menu_vert_secondary li.active_about_us h3  {

color : #86BC95;

 }









/*USELESS*/

/*

li.sectionheader {

  margin: 0;

  margin-right: -1px;

 }

li.sectionheader h3 {

   margin: 0;

   padding: 1em 10px 0.5em 10px;

   border: none;

   background-color: #fff;

  border-bottom: 1px solid #006699;

  z-index: 90;

}





li.separator {

   height: 1px;

   padding: 0.5em 0;

   margin: 0;

   width: 100%;

   border-bottom: 1px dotted black;

	}

*/



/* Image Gallery - Small Thumbnail Images */

	.thumb {

		margin: 0.2em 0.6em 0.4em 0; /* Space between images */

		padding: 0;

		float: left;

		text-decoration: none;

		line-height: normal;

		text-align: left;

	}



	.thumb img, .thumb a img, .thumb a:link img{ /* Set link formatting*/

		width: 96px; /* Image width*/

		height: 76px; /* Image height*/

		display: inline;

		padding: 4px; /* Image padding to form photo frame */

		/* You can set the above to 0px = no frame - but no hover indication! Adjust other widths ot text!*/

		margin: 0;

		background-color: white; /*Background of photo */ 

		border-top: 1px solid #eee; /* Borders of photo frame */

		border-right: 2px solid #ccc;

		border-bottom: 2px solid #ccc;

		border-left: 1px solid #eee;

		text-decoration: none;

	}



	.thumb a:visited img {

		background-color: #DDEAFB; /*Background of photo on hover - sort of a light grey */

	}



	.thumb a:hover img {

		background-color: #F3AD3B; /*Background of photo on hover - yellow */

	}



	.thumbPicCaption {

		text-align: center;

		font-size: smaller;

		margin: 0 1px 0 0;

		padding: 0;

		width: 100px; /* Image width plus 2 x padding for image (photo frame) - to center text on image */

		/* display: none;  if you do not want to display this text */

	}



	/* Image Gallery - Big Images */

	.bigPic {

		margin: 10px 0 5px 0;

		padding: 0;

		line-height: normal;

	}



	.bigPicCaption { /*Big Image Name - above image above .bigpicImageFileName (Without extension) */

		text-align: center;

		font-weight: bold;

		font-variant: small-caps;

		font-weight: bold;

		margin: 0 1px 0 0;

		padding: 0;

		width: 386px; /* Image width plus 2 x padding for image (photo frame) - to center text on image */

		/* display: none;  if you do not want to display this text */

	}



	.bigPic img{ /* Big Image settings */

		width: 350px; /* Width of Big Image */

			height: auto;

		display: inline;

		padding: 18px; /* Image padding to form photo frame. */

		/* You can set the above to 0px = no frame - but no hover indication! Adjust other widths ot text!*/

		margin: 0;

		background-color: white; /* Background of photo */ 

		border-top: 1px solid #eee; /* Borders of photo frame */

		border-right: 2px solid #ccc; 

		border-bottom: 2px solid #ccc;

		border-left: 1px solid #eee;

		text-decoration: none; 

		text-align: left;

	}



	.bigPicNav { /* Big Image information: 'Image 1 of 4' and gallery navigation */

		margin: 0;

		width: 386px; /* Image width plus 2 x padding for image (photo frame) - to center text on image */

		padding: 0;

		color: #000;

		font-size: smaller;

		line-height: normal;

		text-align: center;

		/* display: none;  if you do not want to display this text. Why? You Lose Navigation! */

	}







/* LIGHTBOX */



#lightbox{

	background-color:#eee;

	padding: 10px;

	border-bottom: 2px solid #666;

	border-right: 2px solid #666;

	}



#lightboxDetails{

	font-size: 0.8em;

	padding-top: 0.4em;

	}	



#lightboxCaption{ float: left; }

#keyboardMsg{ float: right; }

#closeButton{ top: 5px; right: 5px; }



#lightbox img{ border: none; clear: both;} 

#overlay img{ border: none; }



#overlay{ background-image: url(uploads/images/site/lightbox/overlay.png); }



* html #overlay{

	background-color: #333;

	background-color: transparent;

	background-image: url(uploads/images/site/lightbox/blank.gif);

	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="uploads/images/site/lightbox/overlay.png", sizingMethod="scale");

	}



/*END  LIGHTBOX */