@font-face {
    font-family: 'cochin';
    src: url('../fonts/cochin-webfont.eot');
    src: url('../fonts/cochin-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/cochin-webfont.woff') format('woff'),
         url('../fonts/cochin-webfont.ttf') format('truetype'),
         url('../fonts/cochin-webfont.svg#cochinregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gothambook';
    src: url('../fonts/gothambook-webfont.eot');
    src: url('../fonts/gothambook-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/gothambook-webfont.woff') format('woff'),
         url('../fonts/gothambook-webfont.ttf') format('truetype'),
         url('../fonts/gothambook-webfont.svg#gothambookregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
.hidden { display: none}
.left {float:left}
.right {float:right}
.clear {clear:both}
body{
	background:#f1f1f1;
	color:#5C5C5C;
	font-size:12px;
	font-family: 'Verdana',Arial;
}
.clear{ clear:both; }

#wrap {
	height: 716px;
    position: relative;
    width: 1024px;
	margin:0 auto;
}

#bar{
	width:188px;
	/*height:760px;*/
	border-right: 5px solid #fff;
	float:left;
	height: 100%;
	position: relative;
	left:0; top:0;
	z-index: 30;
}

#bar > * {
	position:absolute;
	height:100%;
	width:188px;
}

#bar h2 { padding-top:12px; }

#bar #container-main {
	background-color: #891441;
	z-index:10;
}

#bar .container-contact {
	background-color: #891441;
	padding-left: 22px;
	width:166px;
	height:100%;
	color:#fff
}

.container-contact h2 {
	font-size:30px;
	font-family: 'cochin';
	margin-bottom:15px;
	color:#fff;
	line-height: 30px;
}
.container-contact p.text {
	font-size:14px;
	font-family: 'gothambook';
	color:#fff;
	margin-bottom:40px;
	margin-right: 10px;
	max-height: 560px;
	overflow: auto;
}
#error img{
	margin:0 auto;
	display:block;
}
#error {
	font-size: 12px;
	font-family: 'gothambook';
	position: fixed;
	color: #FF0000;
	display:none;
	height: 37px;
	line-height: 37px;
	z-index: 99999;
	top: 0;
	width: 100%;
	left: 0px;
	text-align: center;
	background-color:#000;
	opacity:0.7
}
#error .ok{
	color:#e8c204;
}
.container-contact input {
	border:none;
	color:#5c5c5c;
	font-size:14px;
	outline:none;
	font-family: 'gothambook';
}
.container-contact input.text {
	background: url('../images/input-bg.png') no-repeat;
	padding:5px;
	width:137px;
	height:21px;
	margin-bottom:9px;
}
.container-contact .label {margin-bottom:6px;}
#container-resa .left {
	margin:0 8px;
}
#container-resa p.text { margin-bottom:10px; }
#container-resa h2 { margin-bottom:0px; }
#container-resa .submit { margin-top:0px; }
#container-resa textarea {
	width:168px;
	height:106px;
	background: url('../images/resa-textarea-bg.png') no-repeat;
}

#container-resa .first.left {
	margin-left:25px
}
#container-resa input.text {
	background: url('../images/input-resa-bg.png') no-repeat;
	margin-bottom:4px;
	padding:2px 5px;
	height:22px;
	width:168px;
}
#container-resa .cgl { font-size:9px; top: -3px; position: relative;}
#container-resa input.checkbox { width:auto; margin-top:2px }
#container-resa input.mini {
	background: url('../images/date-bg.png') no-repeat;
	display:inline;
	width:38px;
	margin-right:5px;
	margin-bottom:7px;
	text-align:center
}
#container-resa .container-contact {
	padding-left:5px;
	width:183px;
}
.container-contact input.submit {
	font-size:14px;
	font-family: 'cochin';
	color:#fff;
	background: url('../images/submit-bg.png') no-repeat;
	margin:4px auto 0 auto;
	display:block;
	padding:0 0 0 29px;
	width:115px; height:27px;
	text-align:left;

}
.container-contact input.submit:hover { cursor:pointer; }
.container-contact textarea {
	background: url('../images/textarea-bg.png') no-repeat;
	outline:none;
	border:none;
	resize: none;
	width:137px;
	height:131px;
	padding:5px;
	font-size:11px;
	font-family: 'gothambook';
}

.retour {
	display:block;
	margin:5px 0 0 34px;
	width:42px; height:14px;
	background:url('../images/retour-bg.png') 4px center  no-repeat #891441 ;
	padding: 3px 8px 3px 21px;
	color:#fff;
	bottom:5px;
	position:absolute;
	box-shadow: 1px 1px 8px #000;
	-webkit-border-top-left-radius:25px;
	-moz-border-radius-topleft:25px;
	border-top-left-radius:25px;
	-webkit-border-top-right-radius:25px;
	-moz-border-radius-topright:25px;
	border-top-right-radius:25px;
	-webkit-border-bottom-right-radius:25px;
	-moz-border-radius-bottomright:25px;
	border-bottom-right-radius:25px;
	-webkit-border-bottom-left-radius:25px;
	-moz-border-radius-bottomleft:25px;
	border-bottom-left-radius:25px;

}
.retour:hover{
	cursor: pointer;
}

#logo {
	display: block
}
#logo img{
	margin:0 auto;
	padding-top:13px;
	display: block
}

#deco {
	margin:40px auto 60px auto;
	display: block
}

#resa {
	background: url('../images/resa-bg.png') no-repeat 9px center;
	display: block;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	width:131px;
	padding-left:41px;
	padding-top:12px;
	height:50px;
	line-height:20px;
	font-size:21px;
	font-family: 'cochin';
	margin: 0 auto;
	color:#fff;
	text-decoration:none
}

#menu {
	margin:0 0 12px 21px;
	position:absolute;
	bottom:0;
}
#menu li a{
	color:#fff;
	text-decoration:none;
	font-size:16px;
	font-family: 'cochin';
	background: url('../images/menu-bg.png') no-repeat left center;
	padding-left:17px;
	display: block;
}

#content {
	float:left;
	/*width:831px;*/
	/*height:760px;*/
	position:relative;
	background-color: #fff;
	overflow:auto;
	height: 100%;
	/*left: 193px;*/
	/*position: absolute;*/
	width: 831px;
	/*float:none;*/	
}

#content a {
	color:#891441
}

#degrade{
	position:absolute;
	background: url('../images/degrade.png') no-repeat;
	width:868px;
	height:54px;
	top: 460px;
	left:187px;
	z-index:20;
}

#frise {
	height:33px;
	width:100%;
	position:absolute;
	top:441px;
	z-index: 10000;
	overflow:hidden
}

#frise #f-left{
	float:left;
	width:7px;
	height:33px;
	background: url('../images/frise-sprite.png') no-repeat;
}

#frise #f-right{
	float:left;
	width:822px;
	height:33px;
	background: url('../images/frise-sprite.png') left -33px repeat;
}

#main-content{
	height:210px;
	overflow: auto;
	padding-left:5px;
}

#main-content h1, #sous-menus .text h1{
	color:#771a3e;
	font-family: 'cochin',arial;
	font-size:31px;
	height:40px;
}

#main-content p{
	color:#523d45;
	font-size:12px;
	margin:15px 235px 15px 0;
}

.conclu {
	font-family: 'cochin',arial;
	color:#891441;
	font-size:24px;
	font-style:italic;
	right:0;	
	}

#main-content img{
	float:right;
	margin:6px 7px 0 0;
}

.content-link{
	color:#891441;
	font-size:12px;
	background-color:#f8c13e;
	padding:3px;
	display:block;
	float:left;
	text-decoration:none;
	margin-right:4px;
}

#content.decouverte { padding-left: 55px; padding-right: 50px; width: 726px; }
.decouverte section { margin-bottom:20px; min-width:300px}
.decouverte img { margin:0 40px 0px 0 }
.decouverte img.f-right { margin:0 0 25px 46px }

.decouverte h1 {
	color:#771a3e;
	font-family:'cochin';
	font-size: 42px;
	margin-top:35px;
	line-height:40px;
	margin-bottom:30px;
}
.decouverte h2 {
	color:#31252a;
	font-family:'cochin';
	font-size: 22px;
	clear:both
}

.decouverte p {
	color:#523d45;
	font-size:12px;
	margin-bottom:1em
}

.decouverte li {
	margin-bottom:0
}

#content.mentions {
	height:716px; width:761px;
	padding-right:15px;
	overflow:auto}
.mentions p { margin-bottom:10px}

#preloader{ display:none; }


#sous-menus,#sous-menus .box_skitter{
	width:831px;
	height:500px;
	position:absolute
}

#sous-menus{ height:716px;
background-color:#fff;
background-image:url(img/ajax-loader.gif);
background-repeat:no-repeat;
}


#sous-menus > div { display:none; }
#sous-menus > div:first-child { display:block; }
#sous-menus > div:first-child .text { display:block; }
#sous-menus .text {
	padding:0 5px;
	position: absolute;
	top: 515px;
}
#sous-menus .text h1{ line-height:31px; height:auto; font-size:31px }

#sous-menus .text img { float:right; }
#sous-menus .text p { margin-top:15px; }
#sous-menus .text p { margin-right:250px; }
#sous-menus .ssm-slides {
	/*display:none;*/
	position:absolute;
	top:0px;
	width:831px;
	z-index: 1;
	background-image:url(../images/1pxblk.png);
}
#ssm_container {
	position:absolute;
	top: 460px;
	z-index: 30;
	width:100%
}
#ssm_container li {
	z-index:30;
	width:166px;
	height:40px;
	line-height:46px;
	text-align:center;
	float:left;
	color: #523d45;
	font-size: 16px;
	opacity: 0.9;
}
#ssm_container li:hover {cursor:pointer; color:#000;}

.plan {
	position:absolute;
	top:30px;
	right:0px;
	}
	
footer {
	width: 1014px;
	font-size: 9px;
	padding: 5px 10px 5px 0;
	margin: 0 auto;
	text-align:right
}
footer a { 
color:#5C5C5C;
text-decoration:none;
}

footer a:hover { 
color:#111111;
text-decoration:none;
}

.box_skitter .label_skitter {
	background: url('../images/label.png') no-repeat;
	height:37px;
	top:0;
	z-index:29;
}

.box_skitter .label_skitter p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	padding:0 0 0 20px;
	line-height:37px
}
.loader {
	position:absolute;
	top:200px;
	left:400px;
	}
	
.first-img {
	position:absolute;
	top:0;
	left:0;
	z-index:29;
	}
	
.ui-datepicker {
    font-size: 10.2px !important;
}