/*********************************************************************************
 * CSS matrix-editeur.com : default.css - 19-08-2006 - Pierre-Loup Pouey-Mounou  *
/*********************************************************************************/

* {margin: 0; padding: 0; background-color:transparent; } /* margin : HDBG */
textarea,table{clear:none;}

/* ************************************ */
/* 		    div mise en page
/* ************************************ */
body {
	font: 0.79em normal Verdana, "Trebuchet MS", Arial, sans-serif;
	color:#6E6D6D;
	width:900px;
	margin:0 auto;
	border: 0px solid #FFF7DD;
	/*padding-top: 12px;	*/
	padding-top: 40px;

	padding-bottom: 500px;
	/*background: url('default/bg-body.gif') repeat-x;*/
	background-color: #2E2E2E;
}
/* ------------------------------------ */
h1, h2, h3, h4,.lien,#lienActif,.hautleft-div{
	font-family: "Trebuchet MS",Verdana, sans-serif;
	font-weight: bold;
	cursor: pointer;
}
/* ------------------------------------ */
#top{
	clear:both;
	text-align: center;
	font-size: 0.90em;
	padding: 2px;
}
#header-out {
	clear:both;
	height: 98px;
	background: url('default/r-top.png') no-repeat top right !important;
	text-align: center;
	width: 100%;
	margin:0px 0px 0px 0px;
	/*padding-top:8px;*/
}

#header-in {
	/*height: inherit;*/
	border: 0px solid #FFBA75;
	/*padding-top:8px;*/
	background: url('default/l-top.png') no-repeat top left !important;
}
/* ------------------------------------ */
#intro{
	/*float:right;*/
	text-align:right;
	margin: 0px 2px 0px 0px;
	width: 99%;
	font-size: 0.90em;
	padding:0 5px 0 0;
}
/* ------------------------------------ */
#middle{	
	/*background: url('default/fondglobal.png') repeat-y left;*/
	background: #FFF;
	padding-right: 0px;
	padding-left: 0px;	
	/*-moz-opacity:0.90; *//* opacite pour FF */ /*opacity: 0.90; */
}
/* ------------------------------------ */
#centre {
	border: 0px solid #C4CEFF;	
	padding: 0px 5px 5px 0px;
	background: #fff;
	/*margin: 0px 200px 0px 200px; */
	margin: 0px 0px 0px 200px; /*background: url('../images/signature.gif') no-repeat bottom center;*/
}
#content {
	padding: 5px 200px 0px 0px;
}

/* ------------------------------------ */
#left{
	float:left;
	width: 188px;
	/*margin: 20px 0px -10px 5px;*/
	margin: 5px 0px 0px 5px;
	
	border: 0px solid #FF9025;/*#C4CEFF;*/
	z-index: 2;
	/*background: url('default/sidebg.png') left top no-repeat;*/
	padding:0;
}

#left_center{
	/*background: #D3612D;*/
	 /*url("default/left_center.png") repeat-y right;*//*#202020*/ /*#F0EFEF*/;
	padding: 0px 0px 0px 0px;
}
#left_top{
	height: 15px;
	background: url('default/left.png') no-repeat top;
}
#left_bottom{
	height: 15px;
	background: url('default/left.png') no-repeat bottom;
}
#left h1{
	color:#333333;
	margin-bottom : 0em;
	letter-spacing: 1px;	
	text-align:center;
	font-size : 1.01em;
}
#left p{
	text-indent: 0em;
	text-align: center;
	margin: 0;
}

#left ul, #left ul li{
	text-indent: 0em;
	margin: 0;
	padding: 0;
	list-style: none;
}

#left ul li ul{
	padding: 15px 0px 45px 15px;
	background-color: #F9B614; /*#2E2E2E;*/ /*4E4E4E*/	
	/*border: 2px solid #3E3E3E;
	border-width: 0px 2px 2px 2px;*/
}
#left ul li ul a{color: /*#CCC*/#FFF;text-decoration:underline; }
#left ul li ul a:hover { color: #FFF; }

#left .h{
	text-indent: 0em;
	margin:0;
	color:#FFF; /*FC7905*/
	/*background: url("default/menu1.png") repeat-x;*/
	font-size: 1.20em;
	font-weight: bold;
	letter-spacing: 2px;
	text-align: center;
	border-bottom: 0px solid #fff;
	width: 100%;
	height: 22px;
	padding: 4px 0px 4px 0px;
}
#left .h:first-letter {
	color:#FFF;
	font-size: 1.25em;
}


#left a, #left span{
	display: block;
	text-decoration: none;
	color: #FFF;
	cursor: pointer;
	margin:0;	
}

#left #home, #product, #client, #info,#contact{background-color: /*#2E2E2E*/#F9B614;  border-bottom: 0px solid #FFF;} /*#D3612D;*/
#left #current{color:#F9B614;background-color: #FFF; border: 1px solid #F9B614;}
#left #current .h{color:#F9B614;}
#left #current .h:first-letter {
	color:#F9B614;
}

#content .h{}

/* ------------------------------------ */
.left-div{
	/*text-align: center;*/
	list-style-type:none;
	border: 0px solid #ECBE99;
	/*margin-bottom: 2em;*/
	color:#333333; /*background-color: #FCFAF4;*/
	padding: 0px 0px 0px 0px;
}
/* ------------------------------------ */


#right{
	float:right;
	width: 188px;
	/*margin: 20px 0px -10px 5px;*/
	margin: 5px 0px 0px 5px;
	overflow: hidden;
	border: 0px solid #FF9025;/*#C4CEFF;*/
	z-index: 2;
	/*background: url('default/sidebg.png') right top no-repeat;*/
	padding:0;
}

#right_center{
	/*background: #D3612D;*/
	 /*url("default/right_center.png") repeat-y right;*//*#202020*/ /*#F0EFEF*/;
	padding: 0px 0px 0px 0px;
}
#right_top{
	height: 15px;
	background: url('default/right.png') no-repeat top;
}
#right_bottom{
	height: 15px;
	background: url('default/right.png') no-repeat bottom;
}
#right h1{
	color:#333333;
	margin-bottom : 0em;
	letter-spacing: 1px;	
	text-align:center;
	font-size : 1.01em;
}
#right p{
	text-indent: 0em;
	text-align: center;
	margin: 0;
}

#right ul, #right ul li{
	text-indent: 0em;
	margin: 0;
	padding: 0;
	list-style: none;
}

#right ul li ul{
	padding: 15px 0px 45px 15px;
	background-color: #F9B614; /*#2E2E2E;*/ /*4E4E4E*/	
	/*border: 2px solid #3E3E3E;
	border-width: 0px 2px 2px 2px;*/
}
#right ul li ul a{color: /*#CCC*/#FFF;text-decoration:underline; }
#right ul li ul a:hover { color: #FFF; }

#right .h{
	text-indent: 0em;
	margin:0;
	color:#FFF; /*FC7905*/
	/*background: url("default/menu1.png") repeat-x;*/
	font-size: 1.20em;
	font-weight: bold;
	letter-spacing: 2px;
	text-align: center;
	border-bottom: 0px solid #fff;
	width: 100%;
	height: 22px;
	padding: 4px 0px 4px 0px;
}
#right .h:first-letter {
	color:#FFF;
	font-size: 1.25em;
}


#right a, #right span{
	display: block;
	text-decoration: none;
	color: #FFF;
	cursor: pointer;
	margin:0;	
}

#right #home, #product, #client, #info,#contact{background-color: /*#2E2E2E*/#F9B614;  border-bottom: 0px solid #FFF;} /*#D3612D;*/
#right #current{color:#F9B614;background-color: #FFF; border: 1px solid #F9B614;}
#right #current .h{color:#F9B614;}
#right #current .h:first-letter {
	color:#F9B614;
}

/* ------------------------------------ */
.right-div{
	/*text-align: center;*/
	list-style-type:none;
	border: 0px solid #ECBE99;
	/*margin-bottom: 2em;*/
	color:#333333; /*background-color: #FCFAF4;*/
	padding: 0px 0px 0px 0px;
}
/* ------------------------------------ */
.preview{
	float : left;
	height : 110px;
	width : 140px;
	border: 1px #C4CEFF solid;
	overflow: hidden;
	margin: 5px 5px 5px 0px;
}

#resizercontainer {
	clear: both;
}
#resizercontainer p {
	width: 165px;
	text-align: left;
}
#menuActif{
	text-align: right;
	color:#FC7905;/*BF3F00*/
}
/*#left-div:hover{ -moz-opacity:1.00; /* opacite pour FF */ /*opacity: 1.00;*/ /* opacite pour IE */ /*filter:alpha(opacity=100);	 }*/
/* ------------------------------------ */
#footer-out {
	height: 15px;
	background: url('default/r-foot.png') no-repeat bottom right !important;
}
#footer-in {
	float:left;
	height: inherit;
	width: 15px;
	background: url('default/l-foot.png') no-repeat bottom left !important;
}
#footer {
	padding-top: 5px;
	text-align: center;
	font-size: 0.90em;
}


/* ************************************ */
/*				accordion
/* ************************************ */
.box{
	background-color:#F0F4FD;
	padding: 5px;
	border: solid 1px #E5E5E5;
	margin-bottom: 15px;
}
.box2{
	padding: 0px 5px 0px 5px;
	background: #FFF;
}
.box2 .in{
	/*margin-bottom: 20px;*/
	border-bottom: solid 1px #E5E5E5;
}
.box2 img{
	border: solid 1px #E5E5E5;
}
.head-box{
	color: #369;
	font-size: 1.10em;
	font-weight: bold;
	text-align:left;
	text-decoration:none;
	width: inherit;
	/*border: solid 1px #ccc;*/
}
.head-box:first-letter{
	font-size: 1.35em;
	font-weight:normal;
	color : #333333;
}
.head-box:hover{
	/*background-color:#FFC259;
	color:#FFFFFF;*/
	color:#969696;
	cursor: pointer;
}

#wrapper{
	width: 100%;
	/*width: auto;*/
	/*margin: 0 auto;*/
	float:left;
}
.boxholder{
/*clear: both;*/
float: left;
padding: 2px;
background: #C7450B; /*8DC70A*/
width: 100%;
}

.tab{
	float: left;
	height: 32px;
	width: 73px;
	margin: 0 1px 0 0;
	background: url(default/tab.png) no-repeat;
	cursor: pointer;
	font-weight: bold;
	font-size: 1.10em;
	color: #FFF;
	text-align: center;
	padding: 0px;
}
/* ************************************ */
/*		       Paragraphes
/* ************************************ */
.cadre p{
	text-align: justify;
  	margin-bottom: 6px;
	padding: 2px;
}
p{
	text-indent: 2em;
	text-align: justify;  	
	margin-bottom: 0em;
}
p.nothing{
	text-align: justify;  	
	margin-bottom: 0em;
	text-indent: 0;
}

/* ************************************ */
/* 		 		 Cadres
/* ************************************ */
.case,.oddcase,.evencase,.specialcase{
	padding: 3px;
	overflow: auto;
}

.oddcase{ border: solid 1px #E2E2E2; }
.evencase{
	border: solid 1px #E2E2E2;
	background-color: #F5F8FC;/*#F2F2F2;*/
}
.specialcase{
	border: solid 1px #E2E2E2;
	background-color: #FAE5BF;
}
.case .h,.oddcase .h,.evencase .h,.specialcase .h{
	padding: 0px;
	border: 0;
}
/* ------------------------------------ */
.cadre{
	border: solid 1px #E2E2E2;
	background: #FFFFFF;
}
.micadre {
	border: solid 1px #E2E2E2;
	margin: auto 5px;
	float: left;
	width: 318px;
	min-height: 172px;
	background:#FFFFFF;
}
/* propriétés communes à l'ensemble des 4 coins */
.cadrehautgauche, .cadrehautdroit, .cadrebasgauche, .cadrebasdroit {
	height: 13px;
	width: 11px;
	border: solid 0px #E2E2E2;
}
/* propriétés spécifiques à chaque coin */
/*.cadrehautgauche {
  	background: url('../images/simplehautgauche.png') no-repeat;
	margin-left:-1px; margin-right:0px; margin-top:-1px; margin-bottom:0px
}
.cadrehautdroit {
	float: right;
	background: url('../images/simplehautdroit.png') no-repeat;
	margin-left:0px; margin-right:-1px; margin-top:-1px; margin-bottom:0px
}
.cadrebasgauche {
	background: url('../images/simplebasgauche.png') no-repeat;
	margin-left:-1px; margin-right:0px; margin-top:0px; margin-bottom:-1px
}
.cadrebasdroit {
	float: right;
	background: url('../images/simplebasdroit.png') no-repeat;
	margin-left:0px; margin-right:-1px; margin-top:0px; margin-bottom:-1px
}*/