@import "jquery.fancybox.css";
@charset "utf-8";

/* CSS Document */


::-webkit-scrollbar {
    width: 12px;
}
 
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 10px;
}
 
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
 

body  {

	font: 100% Verdana, Arial, Helvetica, sans-serif;

	background: #e8e8e8;

	margin: 0; 

	padding: 0;

	text-align: center; 

	color: #FFFFFF;

}

a {text-decoration:none; font-style:inherit; color:inherit;}

#body_l {width:1000px; background: url(../images/sh_l.gif) 0 0 repeat-y; margin:auto;}

#body_r {width:1000px; background: url(../images/sh_r.gif) 100% 0 repeat-y;}

#container {margin:0 0 0 14px; width:973px; background:#000;}

#header {height:189px; width:973px; background:url(../images/header.jpg) no-repeat;}

#topline {float:right; color:#999999; text-align:right; font:Arial, Helvetica, sans-serif; font-style:italic; padding: 15px;}

#menu {height:30px;}

#lmenu {height:1px; background-color:#c9171b}

#smenu {height:22px; margin:0 auto;}

#carrousel {

width : 947px; height: 389px; margin: 0 auto;

position:relative;

overflow:hidden;

}

.slide {position:absolute; top:0; left:0; width : 947px; height: 389px; }

.navigation{

    position:absolute;

    bottom:38px;

    right:5px;

}



.navigation span{

    background:#000;

    color:#FFF;

    padding:2px 4px;

    cursor:pointer;

    margin:0 1px;

}



.navigation span:hover,.navigation span.active{

    background:#FFF;

    color:#000;

}

.title h1, h2 {font:"Arial Black", Gadget, sans-serif; font-size:36px; font-style:italic; text-align: center; line-height:36px; margin:0;	}

.title p {font:Arial, Helvetica, sans-serif; font-size:16px; font-style:italic; text-align:justify;}

.title { position:absolute; height:349px; padding:20px;}

#content { position:relative;  width:947px; height:167px; margin: 0 auto; overflow:hidden;}

.lien {position: absolute; width:308px; height:165px;}

#footer {background:url(../images/foot_sh.jpg) no-repeat; margin: 0 auto; height:29px; width:1000px;}

#baseline {background:url(../images/baseline.jpg) repeat-x; margin:0 auto; height:28px;}

#basetext {margin:0 auto; width:947px; line-height:25px; text-align:right; font-size:9px;}

#menuitem {float:left; width:138px; margin:0; color:#c5c5c5;}

#smenuitem {float:left; width:192px; margin:0; color:#c5c5c5;}

#menuitem a:hover, #menuitem a.active,#smenuitem a:hover, #smenuitem a.active  {color:#c9171b;}

.lien img {border-color:#e8e8e8;}

.lien img:hover {border-color:#c9171b;}

#desclien {position: absolute; width:308px; height:60px; bottom:0; font-size:12px;}

#imagebio {float:left; width:230px; height:573px; margin: 0px 13px 0px 13px;}

#textbio {width:947px; height:573px; text-align:justify; font-size:12px; margin: 0px 13px 0px 13px;}

#main {margin:0 auto; width:973px;}

#affiche {position:absolute; left:0; top:0; width:200px; height:250px; margin:10px;}

#actu {width : 947px; height: 270px; margin: 0 auto;

position:relative;

overflow:hidden;

}

#textaff {position:absolute; left:200px; top:0; width:747px; height:150px;}

#textaff h1,h2 {font: Arial, Helvetica, sans-serif; font-size:30px; font-style: normal; font-weight:bold; text-align: center; margin:10px;}

#textaff h1 {color:#c9171b; }

#adresse {position:absolute; left:200px; bottom:0; font-size:10px; width:370px; height:50px; text-align:center; }

#heure {position:absolute; right:0; bottom:0; font-size:10px; width:370px; height:50px; text-align:center; }

#listing {font-size:12px; text-align:left;}

#textagenda {margin-left: 50px; }

a{

	text-decoration: none;

}

.min{

	background:#000;

	float:left;

	margin:0 1px 1px 0;

	padding:10px 10px 13px 10px;

	position:relative;

	height:50px;

	width:50px;

}

.min a{

	display:block;

	height:100%;

	position:relative;

	width:100%;

	overflow:hidden;

}

.min img{

	position:relative;

	width:100%;

}

.min:hover h3{

	background:#000 none repeat scroll 0 0;

	bottom:0;

	color:#FFF;

	font-family:Arial;

	font-size:9px;

	font-weight:normal;

	left:0;

	margin:0;

	width:50px;

	display:block;

	padding:5px;

	position:absolute;

	text-transform:uppercase;

}

.min:hover{

	background-position:bottom left;

}

.min h3{

	display:none;

}

#gallery {position:relative; width:947px; height:520px; margin: 0 auto;}
.content2 { 
position : absolute;
top:0;
left:0;
width:468px;
}
.scroll {
  width: 100%;
  height: 520px;
  position: relative;
  margin-top: 0px;
  display: inline-block;
}
#scroll_p p {
  margin-bottom: 17px;
}
._track {
  width: 14px;
  height: 350px;
  right: 10px;
  top: 85px;
  background: url(../images/track.png);
}
._shuttle {
  cursor: pointer !important;
  position: relative;
  left: 0 !important;
  width: 14px;
  height: 132px;
  background: url(../images/shuttle.png);
  border-radius: 50px;
}

.thumbs {}

.preview {position:absolute; right:0; top:0; width:480px; height:480px; line-height:480px;}

#infos {position : absolute; bottom:0; right:0; width:480px; height:40px;}

#textcontact {width:947px; height:573px; text-align:center; font-size:12px; margin: 0px 13px 0px 13px;}

a:hover {color:#c9171b;}