@charset "utf-8";
/* CSS Document */
body{ font-family:Arial; font-size:14px; color:#6c6c6c; margin:0; padding:0; background:#c8c8c8 url(../images/background/body.jpg) repeat-x left top}
img{ border:0;}
div.spacer{ width:100%; clear:both; height:1px; font-size:1px;}
div.container_outter{ width:100%; margin:0 auto; padding:0; background:url(../images/background/container_outter.jpg) no-repeat center top  }
div.container{ width:882px; height:768px; margin:0 auto; padding:0;  }
div.header{ position:relative; height:103px;}
a.logo:link,a.logo:visited{ position:absolute; left:-36px; top:4px}
div.content{ background:url(../images/background/content.jpg) no-repeat left top; height:650px; margin:0; padding:0;}
div.menu{width:866px; margin:5px 0 0 0; padding:0 0 0 8px; display:inline; float:left;}
div.menu ul{ margin:0; padding:0; list-style:none;}
div.menu ul li{ float:left;}
div.menu a:link,div.menu a:visited{ background-image:url(../images/background/menu.jpg); background-repeat:no-repeat; height:55px; float:left; text-decoration:none}
div.menu a span{ display:none;}
div.menu li.presentation a{background-position:-5px bottom; width:147px;}
div.menu li.presentation a:hover, div.menu li.presentation a.active{ background-position:-5px top;}
div.menu li.actus a{ background-position:-152px bottom; width:155px;}
div.menu li.actus a:hover, div.menu li.actus a.active{ background-position:-152px top;}
div.menu li.projet a{ background-position:-307px bottom; width:154px;}
div.menu li.projet a:hover,div.menu li.projet a.active{ background-position:-307px top;}
div.menu li.galerie a{background-position:-461px bottom; width:149px;}
div.menu li.galerie a:hover, div.menu li.galerie a.active{ background-position:-461px top;}
div.menu li.contact a{background-position:-610px bottom; width:133px;}
div.menu li.contact a:hover,div.menu li.contact a.active{ background-position:-610px top;}
div.menu li.lien a{background-position:-743px bottom; width:128px;}
div.menu li.lien a:hover, div.menu li.lien a.active{ background-position:-743px top;}
.jScrollPaneContainer { position: relative; overflow: hidden; z-index: 1;}
.jScrollPaneTrack { position: absolute; cursor: pointer; right: 0; top: 0; height: 100%;}
.jScrollPaneDrag { position: absolute; cursor: pointer; overflow: hidden;}
.jScrollPaneDragTop { position: absolute; top: 0; left: 0; overflow: hidden;}
.jScrollPaneDragBottom { position: absolute; bottom: 0; left: 0; overflow: hidden;}
a.jScrollArrowUp { display: block; position: absolute; z-index: 1; top: 287px; right: 0; text-indent: -2000px; overflow: hidden; height: 24px; background: url(../images/basic_arrow_up.gif) repeat-x 0 0;}
a.jScrollArrowUp:hover {/*background-position: 0 -15px;*/background-position: 0 0;}
a.jScrollArrowDown { display: block; position: absolute; z-index: 1; bottom: 0; right: 0; text-indent: -2000px; overflow: hidden;  background: url(../images/basic_arrow_down.gif) repeat-x 0 0; height: 24px;}
a.jScrollArrowDown:hover {  /*background-position: 0 -15px;*/background-position: 0 0;}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {/*background-position: 0 -30px;*/background-position: 0 0;}
#pane2 {width:795px; height:337px;}
form.form{text-align:left; display:block; clear:both; margin:15px auto 0 auto; padding:0; width:445px; }
.form .input0, .form .input1, .form .input2, .form .input3, .form .input4,.form .other{height:20px; border:1px solid #ccc; float:left; margin-bottom:0; width:inherit}
.form .input0{width:188px}
.form .input1{width:300px}
.form .input2{width:160px}
.form .input3{width:50px}
.form .input4{width:300px; height:120px;}
.form label{width:130px; float:left; display:block; text-align:right; padding-right:10px; }
.form label.error{color:#ff0000; width:280px; margin:0 0 0 130px; text-align:left; font-size:11px }
.form .bouton{ width:110px; height:28px; border:none; cursor:pointer; background:url(../images/background/bouton.jpg) no-repeat left bottom; text-align:center; padding:0 0 4px 0; margin:0; color:#ffffff; font-size:11px;}
.form span{color:#c20d08; display:inline}
form.form input,form.form select,form.form fieldset, form.form div,form.form span{margin:0; padding:0}
form.form fieldset{border:0; margin:5px 0; padding:0;}
div.main_content{ width:817px; margin:0 auto; }
div.header_img{ margin:12px 0 13px 0; float:left; display:block; width:817px}
div.header_img img{ float:left; margin:0; padding:0}
div.content_scrollable{ background:url(../images/background/content_scrollable.jpg) no-repeat left top; width:817px; height:360px; padding:10px 0 0 0; float:left;}
div.page a{color:#6c6c6c; text-decoration: none;}
div.page a:hover{ text-decoration: underline;}
div.page a.download{ font-style: italic; font-weight: bold; margin:0 0 15px 0; display: block;}
div.page{ text-align:center; padding:0 0 0 15px;}
div.page h1{ font-size:20px; font-weight:bold; padding:0 0 10px 0; margin:0;}
div.page h2{ font-size:16px; font-weight:bold; padding:0 0 10px 0; margin:0;}
div.page p{ display:block; margin:12px 0 12px 20px; padding:0 ; text-align: center; width:720px; float:left; line-height: 20px;}
span.hr{background:url(../images/background/hr.gif) repeat-x left top; height: 2px; font-size: 1px; display: block; clear: both; width:198px; margin:15px auto 5px auto; line-height:normal;}
div.page div.contact h1{ font-size:22px;}
div.page div.contact p{ font-size:20px;}
div.page div.contact p.message{ color:#c90d08;}
div.footer{ position:relative; font-size:9px; color:#7d3b23; padding:0 0 15px 0 }
div.footer span{ position:absolute; left:-50px;}
div.footer a{ text-decoration:none; color:#7d3b23;}
/* spum galerie */
ul.galerie{ margin:0px; padding:0px; width:95%; height:auto;} 
ul.galerie li{ float:left; display:block; width:100px; height:auto; margin:0 20px 0 0; } 
ul.galerie li div{ display:block; width:96px; height:87px; margin:0px; padding:13px 2px 0 2px; background:url(../images/folder.png) no-repeat top center;}
ul.galerie li img{ height:auto; width:80px; border:none; margin:0px;}
ul.galerie li  a{ color:#6c6c6c;}
ul.galerie li p{ text-align:center; width:100%; height:auto; margin:0px; padding:0px;}

ul.photos{ margin:0px; padding:0px; width:95%; height:auto;} 
ul.photos li{ float:left; display:block; width:100px; height:auto; margin:0 20px 0 0;}

ul.photos li div{ display:block; width:96px; height:87px; margin:0px; padding:13px 2px 0 2px; border:solid 1px #ababab; }

ul.photos li img{ height:auto; width:80px; border:none; margin:0px;}
ul.photos li  a{ color:#6c6c6c;}
ul.photos li p{ text-align:center; width:100%; height:auto; margin:0px; padding:0px;}
/* fin galerie */