@charset "utf-8";
/* CSS Document */


body {background:url(/images/background_01.jpg) top center fixed; font-family:Georgia, "Times New Roman", Times, serif; font-size: 17px; color: #666666;}

strong {font-weight:bold;}

#top-container {background:url(/images/top.png) repeat-x top center; height: 50px; width: 100%;}

#top-container #top { height: 50px; position: relative; margin: 0 auto;}
#top-container div.small {width: 707px;}
#top-container div.large {width: 845px;}

#top-container #top h1 {display: block; background:url(/images/logo-les-falaises-tremblant.png) top center no-repeat; width:224px; height: 55px; position:absolute; top: 0px;}
#top-container #top h1.small {left: 240px;}
#top-container #top h1.large {left: 305px;}


#top-container #top h1 span {display:none;}

#top-container #top ul {list-style:none; display: inline; position: absolute; right: 0; top: 25px;}
#top-container #top ul li {float: left; font-size: 12px; color: #808080; margin: 0 3px;}
#top-container #top ul li a {color: #808080; text-decoration:none;}
#top-container #top ul li a:hover {color: #fff; text-decoration:underline;}
#top-container #top ul li a.active {color: #fff;}

#top-container #top ul#gauche {list-style:none; display: inline; position: absolute; left: 0; top: 25px;}


#block-accueil-top {margin: 20px auto 0 auto; background:url(/images/bloc-accueil-top.png) top center; width: 735px; height: 14px;}

#block-accueil {margin: 0 auto 0 auto; padding: 20px 0px; background:url(/images/bloc-accueil.png) top center; width: 735px;}

#block-accueil-bottom {margin: 0 auto 35px auto; background:url(/images/bloc-accueil-bottom.png) top center; width: 735px; height: 25px;}

#block-accueil h2 {font-size: 18px; font-weight:bold; color: #404040; line-height:150%; margin: 0 50px;}

#block-accueil p {margin: 10px 50px;}

#block-accueil .gauche {margin: 25px 0 0 0;float: left; width: 360px;}

.bandeau-gauche {height: 73px;}

.bandeau-gauche .bandeau-gauche-left {background:url(/images/bandeau-gauche-left.png) top left no-repeat; float:left; width: 13px; height: 73px;}
.bandeau-gauche .bandeau-line {background: url(/images/bandeau-line.png) top left no-repeat; float:left; width: 24px; height: 73px;}
.bandeau-gauche .bandeau {background: url(/images/bandeau.png) repeat-x; float:left; height: 58px; padding: 15px 20px 0 20px;}
.bandeau-gauche .bandeau h3 {color:#fff; text-transform:uppercase; font-size: 30px; font-weight:bold;}
.bandeau-gauche .bandeau-gauche-right {background:url(/images/bandeau-gauche-right.png) top left no-repeat; float:left; width: 35px; height: 73px;}

#block-accueil .droite {margin: 25px 0 0 0;float: right; width: 360px;}

.bandeau-droite {height: 73px;}

.bandeau-droite .bandeau-droite-right {background:url(/images/bandeau-droite-right.png) top left no-repeat; float:right; width: 13px; height: 73px;}
.bandeau-droite .bandeau-line {background: url(/images/bandeau-line.png) top left no-repeat; float:right; width: 24px; height: 73px;}
.bandeau-droite .bandeau {background: url(/images/bandeau.png) repeat-x; float:right; height: 58px; padding: 15px 20px 0 20px;}
.bandeau-droite .bandeau h3 {color:#fff; text-transform:uppercase; font-size: 30px; font-weight:bold;}
.bandeau-droite .bandeau-droite-left {background:url(/images/bandeau-droite-left.png) top left no-repeat; float:right; width: 35px; height: 73px;}

#block-accueil .gauche p {margin: 0 0 0 50px; line-height: 125%;}
#block-accueil .droite p {margin: 0 50px 0 30px; line-height: 125%;}

#form-login input.nice {background:url(/images/form-login-bck.png) left no-repeat; color:#999; width: 235px; height: 12px; border: none; padding: 10px; margin: 10px 0 0 50px;}
#form-login input.submit {display: block; background:url(/images/form-login-submit.png)left no-repeat; color: #fff; text-transform:uppercase; border:none; width: 257px; height: 34px; margin: 10px 0 20px 50px; font-weight:bold; font-size:18px; cursor:pointer; font-family:Georgia, "Times New Roman", Times, serif;}

#contact_form input.nice {background:url(/images/form-login-bck.png) left no-repeat; color:#999; width: 235px; height: 12px; border: none; padding: 10px; margin: 10px 0 0 0px;}
#contact_form input.submit {display: block; background:url(/images/form-login-submit.png)left no-repeat; color: #fff; text-transform:uppercase; border:none; width: 257px; height: 34px; margin: 10px 0 20px 0px; font-weight:bold; font-size:18px; cursor:pointer; font-family:Georgia, "Times New Roman", Times, serif;}
#contact_form textarea.nice {color:#999; width: 235px; border: 1px solid #d5d5d5; padding: 10px; margin: 10px 0 0 0px;}
#contact_form label {line-height:10px;}

#block-accueil p a {color: #808080}
#block-accueil p a:hover {color: #75ad1e}

#block-accueil p span {font-size: 12px; color: #808080}
#block-accueil p span a {color: #808080}
#block-accueil p span a:hover {color: #75ad1e}

a.accueil-button {display:block; text-align:center; color:#fff; text-transform:uppercase; background:url(/images/form-login-submit.png); width: 257px; height: 27px; margin: 10px 50px 0 30px; font-weight:bold; font-size:18px; text-decoration:none; padding: 7px 0 0 0;}

#top-nav {width: 875px; margin: 0 auto 80px auto; }
#top-nav ul {float:right; list-style:none; margin: 20px 12px 0 0;}
#top-nav ul li {float: right; margin: 0 0 0 20px;}
#top-nav ul li a {display:block; cursor:pointer;}
#top-nav ul li a span {display:none;}
#top-nav ul li a.documents {background:url(/images/documents_button.png) top center no-repeat; width: 140px; height: 49px;}
#top-nav ul li a.agenda {background: url(/images/agenda_button.png) top center no-repeat; width: 101px; height: 49px;}
#top-nav ul li a.agenda-en {background: url(/images/agenda_button_en.png) top center no-repeat; width: 128px; height: 49px;}
#top-nav ul li a:hover, #top-nav ul li a.active {background-position:bottom;}


.block-top {margin: 40px auto 0 auto; background:url(/images/bloc-top.png) top center; width: 875px; height: 15px;}
.block-top-logged_out {margin: 90px auto 0 auto; background:url(/images/bloc-top.png) top center; width: 875px; height: 15px;}
.block {margin: 0 auto 0 auto; padding: 20px 0px; background:url(/images/bloc.png) top center; width: 875px;}
.block-bottom {margin: 0 auto 0 auto; background:url(/images/bloc-bottom.png) top center; width: 875px; height: 24px;}

.block .bandeau-gauche, .block-short .bandeau-gauche {height: 73px; margin: -66px 0 0 0;}
.block p {margin: 0 50px; line-height: 125%;}
.block h2, .block-short h2 {font-size: 18px; font-weight:bold; color: #404040; line-height:150%; margin: 0 50px;}
.block a {color:#669933; text-decoration: none;}
.block a:hover {text-decoration: underline;}
.block ul, .block ol {margin: 20px 0 20px 50px;}
/*.block ul li, .block ol li {line-height: 200%; list-style-type:disc; list-style-position:inside;}*/
.block ul li, .block ol li {line-height: 100%; list-style-type:disc; list-style-position:outside; margin: 0 0 10px 20px;}
.block ol li {list-style: decimal}

.block-short-container {margin: 0 auto; width: 875px;}
.block-short-floater {float:right;}
.block-short-top {margin: 40px 0 0 0; background:url(/images/bloc-short-top.png) top center ; width: 427px; height: 14px;}
.block-short {margin: 0; padding: 20px 0px; background:url(/images/bloc-short.png) top center; width: 427px;}
.block-short-bottom {margin: 0; background:url(/images/bloc-short-bottom.png) top center; width: 427px; height: 27px;}
.spaced {margin: 0 20px 0 0;}

.list-item {margin: 10px 0 0 47px; clear:both; height:50px; padding-right: 42px;}
#list {margin: 50px 0 0 50px;}
#list .list-item {margin: 10px 55px 20px 0; padding: 0 0 10px 0; clear: none; border-bottom: dashed 1px #ccc;}
#list .last {border-bottom: none !important;}
#list .first {border-top: dashed 1px #ccc; padding: 20px 0 10px 0 !important;}
.list-item img {float: left; margin: 0 10px 0 0;}
.list-item h4 {font-size:16px; font-weight:bold; padding-bottom: 5px;}
#details #list .list-item h4 {padding-top: 13px;}
.list-item h4 a {color:#669933; text-decoration: none;}
.list-item h4 a:hover {text-decoration: underline;}
.list-item p {font-size:14px; font-style:italic;}
.list-item p a {color:#669933; text-decoration: none;}
.list-item p a:hover {text-decoration: underline;}

p.note {clear:both; margin: 10px 0 0 47px; font-size:14px; }
p.note a {color:#808080}
p.note a:hover {color: #75ad1e}

.agen {margin: 10px 0 0 47px; clear:both; height:80px; padding-right: 42px;}
.agen .dater {width: 50px; height: 59px; float: left; margin: 0 10px 0 0;}
.agen img {margin:0;}
.agen h4 {font-size:16px; font-weight:bold; padding: 5px 0;}

#nav {
    float:right;
	margin: -25px 50px 0 0;
    padding:0;
    list-style:none;
	font-size:14px;
}  
     
    /* make the LI display inline */
    /* it's position relative so that position absolute */
    /* can be used in submenu */
    #nav li {
        float:left;
        display:block;
        width:255px;
	height: 32px;
        background:#fff;
        position:relative;
        z-index:500;
        margin:0 1px;
    }
         
    /* this is the parent menu */
    #nav li a {
        display:block;
		width: 235px;
		height: 15px;
        padding:9px 10px 8px 10px;
        text-decoration:none;
        color:#999999;
		background : url(/images/form-select-bck.png) no-repeat top left;
    }
 
    #nav li a:hover {
        color:#616060;
    }
     
    /* you can make a different style for default selected value */
    #nav a.selected {
        color:#616060;
    }
     
        /* submenu, it's hidden by default */
        #nav ul {
            position:absolute;
            left:0;
            display:none;
            margin:-2px 0 0 -1px;
            padding:0 0 0 0;
            list-style:none;
        }
         
        #nav ul li {
			float:left;
			display:block;
			width:255px;
			height: 32px;
			background:#fff;
			position:relative;
        }

         
        /* display block will make the link fill the whole area of LI */
        #nav ul a {
            display:block; 
            height:22px;
            padding:2px 10px 8px 10px;
            color:#999999;
			background: url(/images/form-select-items-bck.png) repeat-y;
        }


    /* style different pour le premier visible dans la boite */

		#nav ul a.first {
			padding-top: 7px;
        }

    /* style different pour le dernier visible dans la boite */
		
		#nav ul a.last {
			background: url(/images/form-select-items-bck-last.png) no-repeat;
        }
         
        #nav ul a:hover {
            text-decoration:underline; 
			color:#616060;
        }

	#nav ul a.active {color:#616060;}
 
/* fix ie6 small issue */
/* we should always avoid using hack like this */
/* should put it into separate file : ) */
*html #nav ul {
    margin:0 0 0 -2px;
}


#nav-2 {
    font-size:12px;
}  


/* ---------------- Pagination --------------------*/

#pagination {text-align:center; margin: 0 50px 0 0; padding:0;}
#pagination  ul {margin: 0; padding:0;}
#pagination ul li {display: inline; list-style:none; margin:0 5px;}
#pagination ul li a.active {font-weight: bold;  color: #666666;}


/* ---------------- Details --------------------*/

#details p {margin-bottom: 20px;}
#details h3 {font-size: 18px; font-weight:bold; color: #4e4e4e; line-height:150%; margin: 0 50px; font-style:italic;}

/* --------------- Slider ---------------------- */

#slider {clear:both; width: 735px; background: #fff; margin: -34px auto 0 auto; padding: 20px 0 0 0; background:url(/images/bloc-accueil.png) top center;}
#slider-bottom {margin: 0 auto 35px auto; background:url(/images/bloc-accueil-bottom.png) top center; width: 735px; height: 25px;}

#slider .royalSlider img.rsImg {border: 2px solid #fff;}


/* --------------- Gallery ---------------------- */

#gallery {margin: 20px 0 20px 45px;}

#gallery a {width: 148px; height: 101px; background: url(/images/gallery_image_bck.png) top left no-repeat; display:block; float:left; padding: 2px 0 0 2px; margin: 0 10px 10px 0; }