body {
	background:#ffffff;
	font-family: 'Arial', sans-serif;
	}


div.hr {
  height: 15px;
  background:url('../images/separateur.png') no-repeat scroll center;
}
div.hr hr {
  display: none;
}

div.minihr {
  height: 15px;
  background:url('../images/mini-separateur.png') no-repeat scroll center;
}
div.minihr hr {
  display: none;
}



.ei-slider{
	position: relative;
	width: 100%;
	max-width: 1920px;
	height: 540px;
	margin: 0 auto;
}
.ei-slider-loading{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index:999;
	background: rgba(0,0,0,0.9);
	color: #fff;
	text-align: center;
	line-height: 400px;
}
.ei-slider-large{
	height: 100%;
	width: 100%;
	position:relative;
	overflow: hidden;
}
.ei-slider-large li{
	position: absolute;
	top: 0px;
	left: 0px;
	overflow: hidden;
	height: 100%;
	width: 100%;
}
.ei-slider-large li img{
	width: 100%;
}
.ei-title{
	position: absolute;
	right: 50%;
	margin-right: 13%;
	top: 30%;
}
.ei-title h2, .ei-title h3{
	text-align: right;
}
.ei-title h2{
	font-size: 40px;
	line-height: 50px;
	font-family: 'Playfair Display', serif;
	font-style: italic;
	color: #b5b5b5;
}
.ei-title h3{
	font-size: 70px;
	line-height: 70px;
	font-family: 'Open Sans Condensed', sans-serif;
	text-transform: uppercase;
	color: #000;
}
.ei-slider-thumbs{
	margin:-14px auto 0 auto;
	position: relative;

}
.ei-slider-thumbs li{

	float: left;
	height: 100%;




}
.ei-slider-thumbs li.ei-slider-element{
	top: 0px;
	left: 0px;
	position: absolute;
	height: 95px;
	z-index: 10;
	text-indent: -9000px;
	background: url('../images/bg_thumb.png') no-repeat;
	margin:-98px 0 0 -5px;


}



.ei-slider-thumbs li a{
	display: block;
	text-indent: -9000px;




	cursor: pointer;
	
	-webkit-transition: background 0.2s ease;
    -moz-transition: background 0.2s ease;
    -o-transition: background 0.2s ease;
    -ms-transition: background 0.2s ease;
    transition: background 0.2s ease;
	
		
}
.ei-slider-thumbs li a:hover{
	background-color: #f0f0f0;
}
.ei-slider-thumbs li img{
	opacity: 1;
	position: absolute;
	bottom: 12px;
	z-index: 11;
	width: 135px;



		
	
		
		cursor:pointer;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

}
.ei-slider-thumbs li:hover img{

		-webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
	-webkit-box-reflect: 
        below 0px -webkit-gradient(
            linear, 
            left top, 
            left bottom, 
            from(transparent), 
            color-stop(70%, transparent), 
            to(rgba(255,255,255,0.3))
            );
	
		
}
.all  {min-height:800px;}
.all-3 .droite .invert  {max-width:520px;}
.overall {width:100%; height:580px; margin-top:-50px;}
.all-3 .overall {width:100%; height:870px; margin-top:-50px;}
.all-5 .overall {width:100%; height:470px; margin-top:-50px;}
.all-2 .overall {width:100%; height:270px; margin-top:-50px;}
.all-6 .overall {width:100%; height:350px; margin-top:-50px;}
.page {width:1040px; margin:auto; margin-top:50px; padding-top:65px;}


.saisons {width:298px; margin:auto; }
.saisons .saison-1 {background:url('../images/Hiver.png'); width:148px; height:148px; display:block; opacity:1;}
.saisons .saison-2 {background:url('../images/Printemps.png'); width:148px; height:148px; display:block;opacity:1; }
.saisons .saison-3 {background:url('../images/Ete.png'); width:148px; height:148px; display:block;opacity:1; }
.saisons .saison-4 {background:url('../images/Automne.png'); width:148px; height:148px; display:block;opacity:1; }

.saison-1-off {background:url('../images/Hiver.png'); width:148px; height:148px; display:block;opacity:0.5; }
.saison-2-off {background:url('../images/Printemps.png'); width:148px; height:148px; display:block;opacity:0.5; }
.saison-3-off {background:url('../images/Ete.png'); width:148px; height:148px; display:block;opacity:0.5; }
.saison-4-off {background:url('../images/Automne.png'); width:148px; height:148px; display:block;opacity:0.5; }


.saisons .saison-1:hover,.saison-1-off:hover  {opacity:1;}
.saisons .saison-2:hover,.saison-2-off:hover  {opacity:1;}
.saisons .saison-3:hover,.saison-3-off:hover  {opacity:1;}
.saisons .saison-4:hover,.saison-4-off:hover  {opacity:1;}

#Hiver, #Printemps, #Ete, #Automne {font-size:1.4em;}
.clear {clear:both;}
.gauche {width:460px; float:left; margin-right:60px;}
.gauche-inner {width:324px; float:left; margin-right:60px;}
.droite {width:520px; float:left;}
.droite-inner {width:642px; float:left; }
.droite-inner ul {margin:30px 0 0 24px; font-size:0.8em;}
.droite-inner li {margin-bottom:10px;}
.droite .invert{position:absolute;}
h2 {font-size:1.7em;font-family: 'Arial', sans-serif; margin-bottom:10px; text-transform:uppercase; font-weight:bold;}
h4 {font-weight:bold;}
h4 span {font-size:2.4em; line-height:10px; color:#f18e37;}
h3 {font-size:1.3em;font-family: 'Arial', sans-serif;text-transform:uppercase; font-weight:bold;}
.orangy {color:#f18e37;}
.orangy a {color:#f18e37;}
.orangy a:hover {color:#999;}
.bleu {color:#26a1dc;}
.bleu a {color:#26a1dc;}
.bleu a:hover {color:#999;}
.bt_sm_01, .bt_sm_02, .bt_sm_03  {display:block; width:322px; height:168px; background:url('../images/small_bt_blue.png') no-repeat; float:left; margin:0 12px 0px 10px; text-align:center; color:#e2e2e2; padding:36px 0 0 0; font-size:1.8em;}
.bt_sm_01:hover, .bt_sm_02:hover, .bt_sm_03:hover  {background:url('../images/small_bt_blue_ON.png') no-repeat; color:#e2e2e2;  padding:38px 0 0 0; margin:0 12px -2px 10px;}
.bt_sm_01 span, .bt_sm_02 span, .bt_sm_03 span  {font-size:0.8em;}
.bt_med_01, .bt_med_02  {display:block; width:492px; height:254px; background:url('../images/med_bt_blue.png') no-repeat; float:left; margin:0 0px 0 10px;text-align:center; color:#e2e2e2;padding:66px 0 0 0; font-size:2.3em;}
.bt_med_01:hover, .bt_med_02:hover  {background:url('../images/med_bt_blue_ON.png') no-repeat; margin:0 0px -2px 10px; color:#e2e2e2; padding:68px 0 0 0;}
.bt_med_01 span, .bt_med_02 span {font-size:0.8em;}
.premiere {margin-right:22px;}
.premiere:hover {margin-right:22px;}
.greeny {color:#50a300;}
.topbarre {width:900px; margin:auto;}
.img_et {position:absolute;}
.tel {margin:16px 0 0px 43px;}
.tel .img_et {margin:-16px 0 0px -43px;}
.adresse {margin:6px 0 0px 720px; font-size:0.8em;}
.adresse .img_et {margin:-6px 0 0px -43px;}
.logo {background:url('../images/logo_sm.png') no-repeat center; position:absolute;   width:100%; height:100px; margin:auto; font-size:1.4em;  text-align:center; line-height:0.84em; color:#1b1b1b; margin-top:16px;}
.logo-inner { padding-top:70px; padding-bottom:70px; font-family:"Times New Roman", Times, serif; text-indent:999em; font-size:0em;  }
.logo span {font-size:0.9em; color:#8fbaef;}
.invert {color:#636466;}
.courriel {font-size:0.8em; color:#FCFCFC;}
.courriel:hover {color:#f18e37;}
.prix {font-size:0.8em; width:455px; background-color:#fff; border:8px solid #fcfcfc; color:#000;-moz-box-shadow: 3px 3px 3px #888;
-webkit-box-shadow: 3px 3px 3px #888;
box-shadow: 3px 3px 3px #888;}
.prix td {border:thin dashed #CCC; text-align:justify; padding:4px 0 4px 4px;}
.prix .sub {font-size:0.8em;}
.prix .top {font-size:1.2em;}
.pied {font-size:0.6em; color:#636466; padding:10px 0 10px 40px;}
#toolbar button {background:#1b1b1b; color:#f9f9f9; border:thin solid #333;}
#toolbar button:hover {background:#1b1b1b; color:#444; border:thin solid #222;}
#toolbar #dateSelect {background:#1b1b1b; color:#444; border:thin solid #222;}
#toolbar #dateSelect:hover {background:#1b1b1b; color:#999; border:thin solid #222;}
.mini-desc {font-size:0.6em;}
.med-desc {font-size:0.8em; width:479px;}
.send {color:#fff; border:#FFF solid thin; font-size:1.2em; background-color:#f18e37; cursor:pointer;}
.send:hover {border:#ccc solid thin; color:#f3c196;}
.reservation td {height:32px; vertical-align:top;}
h2 a {color:#1b1b1b;}
h2 img {opacity:1;}
h2 a:hover img {opacity:0.7;}
.languages {position:absolute; margin:4px 0 0 -90px;}
.prix .avant {text-align:left; padding-left:8px;}
.prix .apres {text-align:right; padding-right:8px;}
#Hiver h2 {color:#0080ab;}
#Printemps h2 {color:#b1ca34;}
#Ete h2 {color:#fbba00;}
#Automne h2 {color:#ae0817;}

.reservation input, #contact_form input {color:#1b1b1b;}

#col-1
{
width:100px;
height:100px;
background:red;
transition:height 2s;
transition-timing-function:linear;
/* Safari */
-webkit-transition:height 2s;
-webkit-transition-timing-function:linear;
}

#col-2
{
width:100px;
height:100px;
background:green;
transition:height 2s;
transition-timing-function:linear;
/* Safari */
-webkit-transition:height 2s;
-webkit-transition-timing-function:linear;
}

#blue-box
{
	font-family: 'Carrois Gothic SC', sans-serif;
width:30px;
height:207px;
background:#26a1dc;
transition:width 1s;
transition-timing-function:ease-in-out;
/* Safari */
-webkit-transition:width 0.6s;
-webkit-transition-timing-function:ease-in-out;

color:#fff;
font-size:12px;
position:fixed;
 top-margin:45px;
}

#left-menu {position:absolute; z-index:9999; top:45px;}

.two-cols {margin-top:170px;}
.two-cols-after {margin-top:90px;}
.left-nav {padding:8px 8px 8px 8px;}
.left-nav li {margin-bottom:8px;
}

#text-menu {
	margin-left:-200em;
	
	transition-property: margin-left;
transition-duration: 0.8s;
transition-timing-function: ease-out;


-webkit-transition: margin-left 0.8s ease-out;
  -moz-transition: margin-left 0.8s ease-out;
  -ms-transition: margin-left 0.8s ease-out;
  -o-transition: margin-left 0.8s ease-out;
  transition: margin-left 0.8s ease-out;

}

.slash-close {background:url('../images/close_tab.png'); display:block; width:22px; height:208px; z-index:+9998; cursor:pointer; float:right; margin-right:-4px;}
.slash-open {background:url('../images/open_tab.png'); display:block; width:22px; height:208px; z-index:+9998; cursor:pointer; float:right; margin-right:-4px;}



.box-grise {border:solid 12px #bcbdc1;border-radius:0.2em; width:320px; margin-right:40px; margin-bottom:20px;}
.box-grise-middle {border:solid 12px #bcbdc1;border-radius:0.2em; width:320px; margin-bottom:20px;}

.box-grise-small {border-radius:0.2em; width:140px; margin-right:30px; margin-top:3px;}

.protheses-menu {position:fixed; top:300px; width:149px;
height:175px; background-color:#bcbdc1; padding:18px 0px 8px 7px; line-height:14px;
border-top-right-radius:0.2em;
border-bottom-right-radius:0.2em;
font-size:13px;
font-family: 'Carrois Gothic SC', sans-serif;
}

.protheses-menu a {color:#fff; }
.protheses-menu a:hover {color:#636466;}

.protheses-menu li  {margin-bottom:8px; }

.trois-colonnes {width:1024px; margin:auto; color:#636466;}

.colonne-01,.colonne-02,.colonne-03 {width:317px; float:left; background-color:#f3f3f3; border-radius:0.2em; padding:12px 0px 12px 12px; }


.colonne-01 .box-grise,.colonne-02 .box-grise,.colonne-03 .box-grise {width:280px; border-color:#FFF;}


.colonne-02, .colonne-03 {margin-left:12px;}

#text-menu li a:hover {color:#FFF;}

.regular {text-transform:lowercase; color:#636466;}

a.regular:hover {color:#26a1dc;}
.bigger {font-size:1.2em;}
.backtohome {width:300px; margin:auto;}
.homepage {display:block; width:300px; height:240px; }

.full-width {width:100%;}

.new-logo {
	display:block; 
	width:220px; 
	height:110px; 
	background:#fff; 
	
	text-align:center;  
	border-radius:5px;
	top:12px;
	left:24px;
	padding-top:14px;
	margin:auto;
	}
	
.new-tel {position:absolute; right:24px;top:24px;}

.new-tel a { color:#26a1dc;font-size:16px;font-weight:bold; }

.new-ct-nav {
	display:inline-table;
	background:#26a1dc; 
	font-size:14px; 
	font-weight:bold;
	text-transform:uppercase; 
	width:100%; 
	text-align:center;
	margin-top:14px;
	}

.new-ct-nav li {display:inline-table;}

.new-ct-nav li a {display:block; padding:12px; 
-webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  color:#fff;
  }



.new-ct-nav li a:hover {color:#1a1a1a;}
.highlight a {color:#1a1a1a !important;}

.pied {width:100%; text-align:center; margin:0 0 12px 0; padding:0;}

.bt_top_jaune {
	display:none;
	position:fixed; 
	bottom:20px; 
	right:10px;
	color:#fff;
	width:30px;
	height:30px;
	font-size:11px;
	border-radius: 100%;        
    background: #26a1dc;
    line-height:30px;
	text-align:center;
	vertical-align:middle;
	 -webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
	}
	
.bt_top_jaune:hover {background: #ccc;color:#fff;}
.bt_top_jaune .ct_ht {line-height:30px; vertical-align:middle;}


@media screen and (max-width: 830px) {
	.ei-title{
		position: absolute;
		right: 0px;
		margin-right: 0px;
		width: 100%;
		text-align: center;
		top: auto;
		bottom: 10px;
		background: #fff;
		background: rgba(255,255,255,0.9);
		padding: 5px 0;
	}
	.ei-title h2, .ei-title h3{
		text-align: center;
	}
	.ei-title h2{
		font-size: 20px;
		line-height: 24px;
	}
	.ei-title h3{
		font-size: 30px;
		line-height: 40px;
	}
}