/*---------------------------------------------------------------------
 _____   _____   _   __   _   _____        _          __  _____   _____  
|  _  \ /  _  \ | | |  \ | | |_   _|      | |        / / | ____| |  _  \ 
| |_| | | | | | | | |   \| |   | |        | |  __   / /  | |__   | |_| | 
|  ___/ | | | | | | | |\   |   | |        | | /  | / /   |  __|  |  _  { 
| |     | |_| | | | | | \  |   | |        | |/   |/ /    | |___  | |_| | 
|_|     \_____/ |_| |_|  \_|   |_|        |___/|___/     |_____| |_____/ 
-------------------------------------------------------------------------
Copyright 2007 POINT WEB
type : screen
categorie : structure site
Auteur : Klair
site : //46
-------------------------------------------------------------------------*/
/*----------- DETECTION JS--------------------*/
#jserror{ background:#FFFFCC; border:#FF0000; color:#FF0000; padding: 10px; margin: 0 0 10px 0; float:left}
#jserror dt{ font-weight:bold}
*{ margin:0; padding:0}
/*--------------------------------------------*/

body{ background:url(../images/fond_04.jpg) repeat-x left top #0e6a61; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#999; font-weight:bold}
h1{ color:#333333; font-size:14px; font-weight:bold; }
.h1span{ color:#25a396}
hr{border-top:1px solid #fff; border-bottom:1px dashed #ff7f00; }
h2{ color:#25a396; font-size:14px; font-weight:normal}
h2 a{ color:#25a396; text-decoration:none}
h2 a:hover{ text-decoration:underline}
h3{ color:#ff7f00; font-size:12px; font-weight:normal}
fieldset{ border:1px solid #fff; }
fieldset div{ margin: 5px 0 8px 0;}
fieldset div label{width:90px; display:block; float:left; color:#25a396}
fieldset legend{ color:#fff}
fieldset input{ height:13px; border:1px solid #ff7f00}
fieldset input:focus{ background: #ccc}
fieldset textarea:focus{ background: #ccc}
fieldset textarea{ border:1px solid #ff7f00; height:130px; width:300px}
#galerie{ background:#0e6a61;color:#fff}
#txt a{ color:#333; text-decoration:none}
#txt a:hover{ font-weight:bold}

#global{background:url(../images/logo.jpg) no-repeat left top; height:200px}
#wrapper{ width:1000px; margin:auto; }
#map{ background:url(../images/map.jpg) no-repeat right bottom; height:109px}
#content{ float:left}
p{margin:0 0 10px 0;color:#2d7f65; }
#txt li{ margin-bottom:10px}
#img{float:left; width:593px; background:#fff; margin-top:2px}
#txt{float:left; width:347px; height:379px; background:#fff; padding:30px 30px 16px 30px; display:inline; position:relative}
#back{ position:absolute; left:10px; bottom:3px}
#txt dt{ color:#ff7f00; font-size:14px; border-bottom:1px solid #ff7f00}
#footer{ background:url(../images/46.jpg) no-repeat right 1px; height:235px; clear:both; position:relative}
#menu{ width:1000px; margin:0 auto; height:40px; padding-top:5px; position:relative }
#menu li{ display:inline; list-style:none; margin-left:23px; }
#menu li a{ color:#fff; text-decoration:none; padding:3px}
#menu li a:hover{ background:#579791; padding:3px; }
#smenu1{ z-index:100; position:absolute; left:0;  top:30px; color:#022e2a; font-size:10px; padding:5px; border:1px dashed #022e2a; font-variant:small-caps}
#smenu2{ z-index:100; position:absolute; left:74px; top:30px; color:#022e2a; font-size:10px; padding:5px; border:1px dashed #022e2a; font-variant:small-caps}
#smenu3{ z-index:100; position:absolute; left:150px; top:30px; color:#022e2a; font-size:10px; padding:5px; border:1px dashed #022e2a; font-variant:small-caps}
#smenu4{ z-index:100; position:absolute; left:248px; top:30px; color:#022e2a; font-size:10px; padding:5px; border:1px dashed #022e2a; font-variant:small-caps}
#smenu5{ z-index:100; position:absolute; left:345px; top:30px; color:#022e2a; font-size:10px; padding:5px; border:1px dashed #022e2a; font-variant:small-caps}
#smenu6{ z-index:100; position:absolute; left:438px; top:30px; color:#022e2a; font-size:10px; padding:5px; border:1px dashed #022e2a; font-variant:small-caps}
#smenu7{ z-index:100; position:absolute; left:535px; top:30px; color:#022e2a; font-size:10px; padding:5px; border:1px dashed #022e2a; font-variant:small-caps}
#menu_ref{width:830px; margin:0 auto; margin-top:40px; padding-right:170px}
#menu_ref a{ background:url(../images/compas2.jpg) no-repeat left center; padding-left:15px; margin-right:5px; color:#022e2a; text-decoration:none}
#menu_ref a:hover{ text-decoration:underline;}
#copy{ position:absolute; bottom:5px; left:5px; color:#25a396}
#copy span{ font-size:10px}
#lang{ position:absolute; right:0; top:70px}

.float_right{ float:right}
.float_left{ float:left}
.clear{ clear:both}
#image{ margin:5px}

#compteur-pages{ width:300px; float:left; margin:10px 0 0 10px; font-size:10px; }
#compteur-pages a{ color:#ff7f00; text-decoration:none}
#compteur-pages a:hover{ text-decoration:underline}
#compteur-pages div{float:left}
#compteur-page1{text-align:left; width:200px}
#compteur-page2{text-align:center;width:100px}
#compteur-page3{text-align:right;width:100px}

.holder {float: left; margin: 0px; width:340px;}
.scroll-pane {width: 340px; overflow: auto; background: #fff; float: left;}
#pane3 {height: 250px; width:340px;}
.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #25a396;
}
.jScrollPaneDrag {
	position: absolute;
	background: #022e2a;
	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: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}