/* CSS Document */

html, body 				{}
body 					{ margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-align:center; color:#4d4c4b; }
body td					{ margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-align:center; color:#ffffff; text-align:left }

#imgContainer 			{ z-index: -10; width: 100%; }
#website				{ width:880px; margin:0 auto; text-align:left; }
#header					{ height:144px; position:relative; width:880px; }

#nav_sc					{ height:27px; width:100%; background:#fff; }
#nav_sc ul				{ margin:0; padding:0; list-style-type:none; display:inline; }
#nav_sc ul li			{ display:inline; line-height:27px; margin-left:12px; color:#7c7266; }
#nav_sc ul li.last		{ margin-right:15px; }
/*#nav_sc ul li:before	{ content:'-'; margin-right:10px; }*/
#nav_sc ul li.first:before	{ content:''; }
#nav_sc ul.nav_sc		{ float:right; }
#nav_sc ul.li-lang		{ float:left; }
#nav_sc ul li a			{ color:#7c7266; line-height:27px; text-decoration:none; }
#nav_sc ul li a.active	{}
#nav_sc .li-lang .last  { /*display:none;*/ }


#header h1				{ background:url(../images/logo.jpg) no-repeat 0 0; width:160px; height:107px; position:absolute; bottom:5px; left:0; margin:0; padding:0; }
#header h1 a			{ display:block; width:160px; height:107px; }

#nav_pr					{ width:244px; float:left; background:#e5e4da; width:160px; }
#nav_pr ul				{ margin:0; padding:0; list-style-type:none; font-size:11px; }
#nav_pr a#open-close	{ display:block; width:100%; height:22px; background:#fff; line-height:22px; cursor:pointer; }
#nav_pr a#open-close span	{ margin-left:15px; }
/*#nav_pr a#open-close.open span:after 	{ content:'-'; padding-left:10px; }
#nav_pr a#open-close.close span:after 	{ content:'+'; padding-left:10px; }*/

#nav_pr li				{}
#nav_pr li a			{ display:block; margin:1px; padding:2px 15px; color:#4d4c4b; text-decoration:none; cursor:pointer; }
#nav_pr li.active a,
#nav_pr li a:hover		{ background:#7c7266; color:#fff; }
#nav_pr li ul			{ width:130px; background:url(../images/bg_ul_top.gif) no-repeat 0 0; border-bottom:1px solid #c5beb2; margin-left:15px; padding:5px 0; margin-top:3px; }
#nav_pr li ul li		{ padding:2px 10px; margin:1px 0; }
#nav_pr li ul a			{ display:inline; padding:2px 5px; }
#nav_pr li.active ul a	{ background:none; color:#4d4c4b; }
#nav_pr li ul li a.active,
#nav_pr li ul li a:hover	{ background:#7c7266; color:#fff; }
#nav_pr li.active ul a span	{ white-space:nowrap; }


#content				{ width:280px; height:350px; background:#7c7266; float:left; margin-left:5px; position:relative; color:#fff; padding-top:35px; padding-bottom:15px; }
#content h1				{ font-size:20px; }
#content h2				{ font-size:16px; }
#content h3				{ font-size:14px; }
#content p				{ text-align:justify; line-height:15px; width:235px; }
#content p td				{ text-align:justify; line-height:15px; width:235px; }
#content ul				{ text-align:justify; line-height:15px; width:215px; margin:10px; padding:10px; list-style:disc; }
#content ul	li			{ margin:3px 0; }
#content .txt_beige		{ color:#e5e4da; }
#content input.bouton	{ border:1px solid #e5e4da; padding:0; margin:0; }
#content .bouton		{ background:#e5e4da; color:#7c7266; text-decoration:none; padding:3px 7px; }
#content hr				{ border:none; border-top:1px solid #e5e4da; }
#content a				{ color:#fff; }
#content .bouton a 		{ color:#7C7266; }
#content img			{ border:5px solid #b5b0a9; }
#content a img			{ border:5px solid #b5b0a9; }

#content .content-scrollable { height: 350px; width: 270px; margin:0 10px; overflow:auto; }
.ariane					{ position:absolute; top:5px; left:10px; cursor:pointer; z-index:99; font-size:15px; font-weight:bold; }
.ariane	a				{ text-decoration:none; }
#content-close			{ position:absolute; top:15px; right:9px; cursor:pointer; z-index:99; }
a#content-close  img	{ border:none; }
#content-print			{ position:absolute; top:15px; right:25px; cursor:pointer; z-index:99; }
a#content-print  img	{ border:none; }

.add-comment			{ cursor:pointer; }
#content .comments		{}
#content .comments p	{}
#content .comments p.nom	{ font-style:italic; text-align:right; }
.submit					{ text-align:right; }

/*galerie*/
#content ul.gallery 	{ margin:0; padding:0; width:700px; }
.gallery li				{ float:left; margin:5px 0; }

/* Scrollpane styles */
.jScrollPaneContainer {	position: relative; overflow: hidden; z-index: 1; }
.jScrollPaneTrack {	position: absolute;	z-index: 99;	cursor: pointer; right: 0;	top: 0;	height: 100%;	background:url(../images/bg_scroll.gif) repeat-y 0 0;	width:8px;	margin-left:10px;}
.jScrollPaneDrag {	position: absolute;	cursor: pointer;	overflow: hidden;	background:url(../images/scroll.gif) no-repeat 0 0;	width:8px; height:31px;}
.jScrollPaneDragTop {}
.jScrollPaneDragBottom {}
a.jScrollArrowUp {	height:1px;	visibility:hidden;}
a.jScrollArrowUp:hover {}
a.jScrollArrowDown {	height:1px;	visibility:hidden;}
a.jScrollArrowDown:hover {}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {}
a.jScrollArrowUp {}
a.jScrollArrowUp:hover {}
a.jScrollArrowDown {}
a.jScrollArrowDown:hover {}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {}

.hidden					{ display:none; }
.clear					{ clear:both; }