body {background:url(/images/bg48.jpg) #fff center 25%; color:#ccc; font: 75% Arial, Verdana, Sans-Serif; margin: 0 0 0 0; padding: 0; font-size:11px; letter-spacing:1px; overflow:auto;}

*{padding: 0; margin: 0;}

div#logo {text-align:left; margin:50px 0 0 0; background:url(/images/bg_top.gif) no-repeat #c52326; padding:10px; height:53px;}
div#logow {text-align:left; margin:50px 0 0 0; background:url(/images/bg_topw.gif) no-repeat #c52326; padding:10px; height:53px;}


img {border: 0;}

div#page
{
	color: #333;
	margin: 0 auto;
	text-align: left;
    width: 950px;
}
div#body {margin:0; height:450px; max-height:450px; width:950px; background:#fff; }
h1{font-size:15px;}
div#menu {height:35px; line-height:35px; background:#c52326; padding:0px 10px 0 20px;}
div#menuw {height:25px; line-height:25px; background:#c52326; padding:0px 10px 0 20px;}
div#langue {float:right; padding:0px; color:#f7f7f7;}
div#langue a {text-decoration:none; color:#f7f7f7; font-weight:bold;}
div#langue a:hover {text-decoration:none; color:#f7f7f7; font-weight:bold; text-decoration:underline;}
span.right,span.righthome {float:right; font-size:11px; font-weight:600; color:#f7f7f7;}
span.right a,span.righthome a {color:#f7f7f7; text-decoration:none;}
span.righthome {margin-right:0px;}
span.right a:hover,span.righthome a:hover {color:#f7f7f7; text-decoration:underline;}
span.right a.actif {color:#f7f7f7; cursor:text; text-decoration:underline;}
#menu dl {float:left; width:170px; text-align: center;}
#menu dt {cursor: pointer; font-weight: bold; border: none; width:160px;}  
#menu dl.home,#menu dt.home {width:475px; height:25px;}
#menu dt.home:hover {background:#000;}
#menu dt a {color: #f7f7f7; text-decoration: none; display: block; border: none; font-size:11px; height: 30px;}
#menu dt.home a { font-size:13px; height:}
div#left {float:left; width:300px; margin:0; height:450px; background:#fff; }
div#data {float:right; margin-right:50px;}
a.email {text-decoration:none; letter-spacing:0px; color:#333; font-weight:bold;}
h2 {color:#333; font-size:12px;}
div.contactform {float:left; margin:0px 10px 0 0; width:300px;}
.checkbox {border:none; line-height:20px; font-size:9px;}
a.legal {color:#333; text-decoration:underline;}
a.legal:hover {text-decoration:none;}
input,select, textarea{margin-bottom:3px; border:1px solid #999;}
label{float:left; width:75px; clear:both; height:20px;}
input.buttonmess {background: transparent; border:none;  font-weight:bold; color:#333; font-size:11px;}
input.buttonmessactif {background: transparent; border:none; font-weight:bold; cursor:pointer; color:#c52326; font-size:11px;}


a.main {color:#555; text-decoration:none;}
a.mainactif {color:#222; text-decoration:none;}
a.main:hover {text-decoration:underline;}



div#doc {margin-top:110px}


/* jScrollPane */

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	margin-right:10px;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #fff;
}
.jScrollPaneDrag {
	position: absolute;
	background: #000;
	cursor: pointer;
	overflow: hidden;
	z-index:1;
}
.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;*/
}

			.holder {
				float: left;
				margin-left: 20px;
				margin-top: 20px;
				background: transparent;
			}
			.holder p { text-align:justify;}
			.scroll-pane {
                position: relative;
				width: 600px;
				overflow: auto;
				background: #fff;
				float: left;
				height: 410px;
				padding-right: 20px;
				background: transparent;
			}
			
			a.jScrollArrowUp {
				background: url(../images/basic_arrow_up.gif) no-repeat 0 0;
			}
			a.jScrollArrowUp:hover {
				background-position: 0 -15px;
			}
			a.jScrollArrowDown {
				background: url(../images/basic_arrow_down.gif) no-repeat 0 0;
			}
			a.jScrollArrowDown:hover {
				background-position: 0 -15px;
			}
			a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
				background-position: 0 -30px;
			}



/* slider collection */


	#info {
		width:600px;
		margin:0 auto;
		border:none;
		overflow:hidden;
		padding:20px 15px 0 15px;
		position:relative;
		margin:-50px 0 0 0;
		left:13px;
	}
	#info a {
		background:#fff;
		color:#333;
		display:block;
		position:absolute;
		text-decoration:none;
	}
		#info a#move-left {
			left:4px;
			margin-left:-15px;
			font-size:25px;
			font-weight:bold;
			height:30px;
			line-height:100px;
			color:#c61b26;
			padding-left: 10px;
			padding-right: 12px;
			top:50px;
		}
		#info a#move-right {
			right:5px;
			margin-right:-15px;
			font-size:25px;
			font-weight:bold;
			height:30px;
			line-height:100px;
			color:#c61b26;
			padding-left: 15px;
			padding-right: 10px;
			top:50px;
		}
		#info a#move-left:hover {
			color:#555;
		}
		#info a#move-right:hover {
			color:#555;
		}
		#info .mod {
			overflow:hidden;
		}
	#themes {
		width:5000px;

	}
	.mod {
		width:555px;
		overflow:hidden;
		margin:0 auto;
		position:relative;
		zoom:1;
	}
	#themes, #themes li {
		margin:0;
		overflow:hidden;
		padding:0;
		font-size:11px;
		text-align:center;
		list-style-type:none;
	}
	#themes li {
		float:left;
		height:120px;
		margin:0px;
		width:184px;
		padding:0;
	}
	
		#themes li img:hover {

filter:alpha(opacity=70);
   -moz-opacity:0.7;
   opacity: 0.7;
}
	li img {
		border:none;
		cursor:pointer;
	}


/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.3.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.3
 * @date October 12, 2007
 * @category jQuery plugin
 * @copyright (c) 2007 Leandro Vieira Pinho (leandrovieira.com)
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height:300px;
	margin: 70px auto 0 auto;
	border: 3px solid #c61b26;
	border-bottom: none;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 0%; /* pour annuler bouton prev / next sinon dit se trouver à 49% */
	height: 100%;
	background: transparent url(___just-anything-here.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
	border: 3px solid #c61b26;
	border-top:none;

}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}


a.zoom {color: #5D6162; text-decoration: none; letter-spacing:2px ; font-size:11px; }

div#imgactu_box {float:left; margin:20px; margin-bottom:10px; height:180px;}

h1#model {color: #5D6162; letter-spacing:2px ; font-size:16px; padding:10px 0 0 15px;}

div#descri p {margin-bottom:15px;}

a.details {padding-left:46px; margin-top:-15px;}  

div#menu2 {margin-left:6px; margin-bottom:-5px; margin:-4px 0 0 -14px;}

img#thephoto {visibility:hidden; height:350px; width:600px;}

ul#colorbar li {float:left; margin: 0 7px 10px 0; list-style-type:none; display:block;}
div#textcolor {font-weight:bold; text-align:right; margin:-20px 5px 5px 0;}
a.back {color:#333; letter-spacing:2px; text-decoration:none;}
div#inpane p {margin-bottom:10px;}
div#navg {float:left; margin:100px 0 0 17px; }
div#navd {float:right; margin:100px 20px 0 10px; padding-left:50px;}
div#navd2 {float:right; margin:100px -80px 0 10px; padding-left:50px;}
div#slideshow {margin-left:75px; padding-top:15px;}

a.admin {color:#000; font-weight:bold; text-decoration:none;}

a.admin:hover {color:#fff;}


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#555;
	display:none;
	border: 2px solid #999;
	text-align:left;
	top:305px;
	left:50%;

}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:20px;
	padding:7px 0px 0px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:0 ;
	margin-bottom:0px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 4px 10px;
	margin-bottom:0px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}