/* STYLES DE BASE */
/*
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;}
h1{color:#AAD12D;font-size:18px;padding:10px 0;}
h2{color:#666666;font-size:14px;font-style:italic;padding:10px 10px 10px 0;}
a{color:#333333;}
a:hover{text-decoration:none;}
.clear{clear:both;display:block;}
fieldset{margin-bottom:10px;padding:10px 10px 15px 10px;}
legend{color:#AAD12D;font-size:13px;font-weight:bold;padding:0px 10px;}
input,textarea{border:solid 1px grey;}
*/
/* CONTAINER */
/*
body{font-family:Arial,Helvetica,sans-serif;background:#333333;color:#333333;margin:20px;font-size:12px;}
#container{background:white;width:940px;margin:0 auto 0 auto;}
*/
/* BLOCS GENERAUX */
/*
#top{}
#left{float:left;width:190px;padding:0 10px 10px 10px;}
#center{float:left;width:530px;padding:10px;}
#right{float:left;width:170px;padding:0 10px 10px 10px;}
#bottom{clear:both;background:#333333;text-align:center;color:white;}
#bottom-content{text-align:center;margin:0 auto;width:950px;}
*/
/* AUTRES BLOCS */
/*
#menuh{background:#E5E5E5;height:30px;text-align:center;}
#menuv{}
#breadcrumb{font-size:10px;color:#666666;}
#breadcrumb a{color:#666666;}
.widget{border:1px solid #E5E5E5;margin-top:20px;}
*/
/* HEADER */
/*
#logo{display:block;background:url("images/logo.png") no-repeat center;width:210px;height:120px;}
#langage{position:absolute;top:20px;margin-left:900px;}
#lg-fr,#lg-en{display:block;width:30px;height:15px;margin-top:5px;}
#lg-fr{background:url("images/fr.png") no-repeat;}
#lg-en{background:url("images/en.png") no-repeat;}
*/
/* MENU HORIZONTAL */
/*
#menuh{z-index:1000;}
#menuh div{display:inline;float:left;}
#menuh div ul{position:absolute;margin:0px 0 0 0;background-color:#CCCCCC;line-height:25px;border:1px solid black;border-top:none;}
#menuh div ul li{font-size:10px;}
#menuh div a{font-weight:bold;text-decoration:none;display:block;line-height:30px;padding:0 10px 0 10px;}
#menuh div a:hover{background-color:#006AB5;color:white;}
#menuh div a.selected{background-color:#006AB5;color:white;}
#menuh div ul a{text-align:left;}
#menuh div ul a:hover{background:white;color:#333333;}
#menuh div#push{background:#aad12d;width:170px;float:right;}
#menuh div#push a{color:white;}
*/
/* MENU VERTICAL */
/*
#menuv li{display:inline;}
#menuv li a{margin-top:10px;border-bottom:1px solid #E5E5E5;display:block;line-height:25px;text-decoration:none;font-weight:bold;}
#menuv li ul{}
#menuv li ul a{font-weight:normal;margin-top:0;border:none;line-height:20px;padding-left:10px;color:#666666;}
*/
/* PIED DE PAGE */
/*
#menup li{display:inline;}
#menup li a{color:white;line-height:30px;}
*/
/* ID ET CLASSES DU CENTRE */
/*
#center .text{line-height:18px;}
#center .img{float:left;margin:0 10px 10px 0;}
#center .list{border-top:1px solid #EDEDED;clear:both;padding:10px;overflow:hidden;}
#center .list div{font-style:italic;margin-top:5px;}
*/
/* WIDGETS */
/*
.widget h6{background:#006ab5;color:white;font-weight:bold;text-align:center;padding:5px;}
.widget ul{padding:5px;}
.widget p{padding:5px;text-align:right;}
*/
/* FORM */
/*
.obligatoire{color:#AAD12D;font-weight:bold;}
input.error,textarea.error{background-color:#FFBFBF;}
*/







/* RESET YUI */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset, img { border:0; }
address,caption,cite,code,dfn,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }
a{color: #000000; text-decoration:none;}
a:hover { text-decoration:underline; }
label { cursor: pointer; }


/* GENERAL BLOCK */

body { font-family: Helvetica, Verdana,sans-serif; color: #000000; font-size:68.75%;  }

#top {width:100%; height: 85px; background: #000000; padding:0; margin:0;}
#container { width: 1020px; margin: 0;  background: #ffffff;}
#main {width: 100%; height:379px;}

#left {float: left; width: 300px; margin:0 0 0 30px; padding:0 0 30px 0; }
#center  {float: left; width:270px; margin:0 0 0 30px; padding:30px 0 30px 0;}
#right  {float: left; width: 320px; margin:0 0 0 35px; padding:25px 0 30px 0; }

#bottom { width:100%; height: 165px; background: #1a1a1a; }

/* GENERAL STYLES */
.float_left { float: left; }
.float_right { float: right; }
.noBorder { border: none; }

/* Clear les float */
.clear { clear: both; }
.floatbox { overflow: hidden; }
.clearfix:after { clear:both; content:"."; display:block; font-size:0; height:0; visibility:hidden; }
.clearfix { display:block; }

/* Fonts */
.gothic { font-family:"Century Gothic",Arial,sans-serif; }
.bell { font-family: "Bell MT",Garamond,"Times New Roman",Georgia,serif; }
.cambria { font-family: Cambria, serif; }

/* Titles */
h1 {}
h2 {}
h3 {}
#center h2{text-transform:uppercase;}

/* Corners */
.container-corner { position: relative; }
.cornerLeftTop,
.cornerRightTop,
.cornerRightBottom,
.cornerLeftBottom { position: absolute; z-index: 100; }

.cornerLeftTop { left: 0px; top: 0px; }
.cornerRightTop { right: 0px; top: 0px; }
.cornerRightBottom { right: 0px; bottom: 0px; }
.cornerLeftBottom { left: 0px; bottom: 0px; }


/* TOP */
#top-content {width: 1020px; margin: 0; }
#top-content h1 { width: 365px; height:60px; margin:0 0 0 30px;padding:0; border:0; float:left; background:transparent url(/styles/images/img-logo-saut-du-loup.jpg) no-repeat top center; }
#top-content h1 a { display: block; width: 365px; height:60px; text-indent:-9999px; overflow: hidden; }
#top-content a#logo { margin:0 0 0 30px;padding:0; border:0; display: block; width: 365px; height:60px; text-indent:-9999px; overflow: hidden; float:left; background:transparent url(/styles/images/img-logo-saut-du-loup.jpg) no-repeat top center; }

#top-content #top-content-text  {float:right; margin:35px 40px 0 0; padding:0;width:350px;}
#top-content #top-content-text  .reserver{float:left; width:295px; font:normal 11px Arial; letter-spacing: 0.5px; line-height:16px; color: #ffffff; text-transform:uppercase; text-align:right; margin:0 0 5px 0;}
#top-content #top-content-text  .organiser{float:left; width:295px; font:normal 11px Arial; letter-spacing: 0.5px; line-height:16px; color: #949085; text-transform:uppercase; text-align:right; margin:0;}
#top-content #top-content-text  .image{float:right; width:34px;}

/* CONTENT */
/* main */

#main { position: relative; }
#main #menu { position: absolute; top: 0; left: 0; margin:0; padding:0;width:410px;}
#main #menu ul{margin:25px 0 0 0; float:left;}
#main #menu ul li{padding:5px 0; overflow:hidden;}
#main #menu ul li a{background:transparent url(/styles/images/bg-menu-off.png) no-repeat top right; font:normal 22px Helvetica, Verdana; text-transform:uppercase; padding:6px 10px 4px 25px; color:#000000}
#main #menu ul li a.actif{color:#fe0000; background:#FFFFFF;}
#main #menu ul li a.carte{color:#393939}
#main #menu ul li a.galerie{color:#525252}
#main #menu ul li a.musee{color:#000000}
#main #menu ul li a.actus{color:#393939}
#main #menu ul li a.evenements{color:#525252}
#main #menu ul li a.presse{color:#656565}
#main #menu ul li a:hover {text-decoration:none; color:#fe0000;}
#main #menu ul li ul {height:38px; margin:0;padding:0 0 0 25px;  background:#FFFFFF;}
#main #menu ul li ul  li{float:left; background:#FFFFFF; margin:0; padding:10px 10px 0 0; }
#main #menu ul li ul  li a{padding:15px 0 0 0; font:normal 13px Helvetica, Verdana;}
#main #menu ul li ul  li a.actif{color:#fe0000; background:#FFFFFF;}
#main #main-right {position:absolute; right: 0; top: 0; margin:0 40px 0 0; padding:0;width:550px;}
#main #main-right ul.demander,
#main #main-right ul.lang {float:right;}
#main #main-right ul.lang li {float:left;margin:7px 0 0 0;}
#main #main-right ul.lang li a{font:normal 9px Verdana; background:#ffffff; color: #000000; padding:7px 20px 7px 25px;  text-transform:uppercase;}
#main #main-right ul.lang li a:hover{text-decoration:none; background:#1a1a1a; color: #ffffff;}
#main #main-right ul.lang li a.actif{background:#1a1a1a; color: #ffffff;}

#main #main-right ul.demander li {float:left;width:185px; height:90px;background:#202020 url(/styles/images/img-puce-main.gif) no-repeat bottom right;}
#main #main-right ul.demander li a{float:left; font:normal 20px Helvetica, Verdana;text-transform:uppercase;color: #ffffff; padding:10px 0 0 10px;width:175px;}
#main #main-right ul.demander li  a:hover{text-decoration:none;}
#main #main-right ul.demander li a span{float:left;width:185px;font:bold 20px Helvetica, Verdana;text-transform:uppercase;}


/* Left column */
#left h3 {font:bold 18px Helvetica, Verdana; line-height:18px; color: #000000; text-transform:uppercase; margin:0 0 5px;}
#left img.vignette {float:left; margin:0;}
#left .left-content {padding:25px 0 0 0;}
#left .left-content-texte {float:right; width:125px;}
#left .left-content-texte p{color:#9e9a8f; font:normal 11px Helvetica, Verdana; text-align:justify;}
#left .left-content-texte p a{color:#9e9a8f; font:bold 10px Helvetica, Verdana;}
#left .left-content-texte p a:hover{text-decoration:none;}

/* Center column */
#center h1 { font: bold 18px Helvetica, Arial, sans-serif; text-transform: uppercase; }

#center-video  {background:#cccccc; margin: 0 0 20px 0;}
#center #center-video-content {width:250px; padding:10px;}
#center h3 {font:bold 12px Helvetica, Verdana; line-height:12px; color: #000000; text-transform:uppercase; margin:0 0 10px 0;}
#center .actualites-content h4{font:bold 11px Verdana; line-height:12px; color: #000000; margin:0;}
#center .actualites-content p{font:normal 11px Helvetica, Verdana; line-height:12px; color: #9e9a8f; margin:0; }
#center .actualites-content p.date{font:bold 10px Verdana; line-height:12px; color: #000000; margin:0;}
#center .actualites-content p.more{margin:10px 0;}
#center .actualites-content p.more a{font:bold 10px Helvetica, Verdana; line-height:14px; color: #ffffff; margin:0; background:#000000; padding:2px 5px; text-transform:uppercase;}
#center .actualites-content p.more a:hover{text-decoration:none;}

#right .actualites-content h4{font:bold 11px Verdana; line-height:12px; color: #000000; margin:0;}
#right .actualites-content p{font:normal 11px Helvetica, Verdana; line-height:12px; color: #9e9a8f; margin:0; }
#right .actualites-content p.date{font:bold 10px Verdana; line-height:12px; color: #000000; margin:0;}
#right .actualites-content p.more{margin:10px 0;}
#right .actualites-content p.more a{font:bold 10px Helvetica, Verdana; line-height:14px; color: #ffffff; margin:0; background:#000000; padding:2px 5px; text-transform:uppercase;}
#right .actualites-content p.more a:hover{text-decoration:none;}

.contenu img.img { display: block; margin-bottom: 10px; }
.contenu { color: #9e9a8f; font: 11px Verdana, sans-serif; text-align: justify; }
.contenu strong,
.contenu h1,
.contenu h2 { color: black; }
.contenu h1 { margin-bottom: 15px; }
.contenu h2 { margin-bottom: 10px; }
.contenu ul,
.contenu li { margin-left: 1em; }
.contenu li { list-style-type: disc; }

.list { overflow: hidden; margin: 0 0 15px; padding-bottom: 10px; border-bottom: 1px dotted #CCCCCC; }
.list img.img { float: left; margin: 0 10px 5px 0; }
#center .list h4 { padding: 0; border: 0; }

#main .contenu .double-separation { margin-bottom: 10px; }

#right .actualite h3 { font:bold 12px Helvetica, Verdana; line-height:12px; color: #000000; text-transform:uppercase; margin:0 0 10px 0; }

/* Right column */
#right h3 {font:bold 18px Helvetica, Verdana; line-height:18px; color: #000000; text-transform:uppercase; margin:0 0 5px 0;}
#right .content-chaise {margin:0 0 10px 0;}
#right .content-chaise p {font:normal 11px Helvetica, Verdana; line-height:12px; color: #9e9a8f; margin:0;}
#right .content-chaise ul {margin: 15px 0 0 0;}
#right .content-chaise ul li {float:left; margin: 0 6px 0 0; width:100px;}
#right .content-chaise ul li a {font:bold 10px Helvetica, Verdana; line-height:12px; color: #9e9a8f; text-transform:uppercase;}
#right .content-chaise ul li a img {margin:0 0 6px 0; }
#right .content-chaise ul li a:hover {text-decoration:none;}

#right #formulaire-devis{width:171px; margin:10px 0;}
#right #formulaire-devis p{margin:5px 0;}
#right #formulaire-devis p select{width:171px; font:normal 10px Helvetica, Verdana; color:#999999; border:1px solid #7f7f7f; line-height:12px;}
#right #formulaire-devis .input-text{width:171px; font:normal 10px Helvetica, Verdana; color:#999999; border:1px solid #7f7f7f; padding:2px;}
/*
#right #formulaire-devis .input-btn {background:url(/styles/images/input-btn-reserver.gif) no-repeat scroll 0 0 transparent;border:0 none;color:white;
cursor:pointer; font:normal 18px Helvetica, Verdana;;height:40px;margin-top:5px;width:171px;}
*/

/* BOTTOM */
#bottom-content {width: 1020px; margin: 0; }
#bottom #bottom-adresse{float:left; padding: 15px 0 0 25px; color: #ffffff; text-transform:uppercase; font:normal 13px Arial; line-height:15px; float:left; letter-spacing: 0.7px; }
#bottom #bottom-adresse span{font-weight:bold; }
#bottom #bottom-liens{float:left; padding: 15px 0 0 0; font:bold 10px Helvetica, Verdana; line-height:15px; float:left; color:#FFFFFF;}
#bottom #bottom-liens ul li{float:left; padding:0 0 0 10px;}
#bottom #bottom-liens ul li a{color:#FFFFFF; font:normal 10px Verdana; line-height:15px; padding:0 0 0 10px;}
#bottom #bottom-liens ul li a:hover{color:#ff0000; text-decoration:none;}
#bottom #bottom-logo{float:right; padding:3px 10px 0 0;}
#bottom #bottom-logo a img{border:none;}


/* ____________ Formulaire ____________ */
.obligatoire{color:#AAD12D;font-weight:bold;}
input.error,textarea.error,select.error{background-color:#FFBFBF;}


/* _____________ Slideshow __________ */
#slideshow {
	margin:0 auto;
	width:1020px;
	height:379px;
	background:transparent url(img/bg_slideshow.jpg) no-repeat 0 0;
	position:relative;
}
#slideshow #slidesContainer {
  margin:0 auto;
  width:1020px;
  height:379px;
  overflow:auto; /* affiche une scrollbar au cas ou */
  position:relative;
}
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:1020px; /* reduit de 20 pixels la div #slidesContainer pour permettre d'afficher la barre de scroll */
  height:379px;
}

.control { display: none; }