/*
	Pauline Darley
	Version 3.0
	www.paulinedarley.com
		
	By Candice Lesage / http://www.candicelesage.com/webdesign
	Tous droits réservés.
*/

/* GENERAL */
body { margin-top:0; background-color:#fff; font-family:Arial; color:#898584; font-size:12px; line-height:1.3em; }
b,strong { border-bottom:1px solid #EEE; margin-bottom:2px; }
a:link,a:visited { color:#c6c5c3; text-decoration:none; }
a:hover { color:#9c9d9b; }
#clear { clear:both; }

h1 { font-size:14px; text-transform:uppercase; font-weight:bold; margin-top:10px; color:#454545; }
h4 { font-size:18px; text-transform:uppercase; font-family:Lucida Grande; font-weight:normal; margin-top:40px; color:#ece8e3; text-align:center; }
	.hoverscroll {

	}
	#my-list li {
		width: auto;
		height: 355px;
		background: #fff;

	}
/* STRUCTURE */
#layout { width:960px; margin:0 auto; }
#header { width:960px; margin:0 auto; }
.menu { float:left; margin-top:50px; font-family:Geneva; color:#c6c5c3; font-size:12px; text-transform:lowercase; }
.menu ul { }
.menu li { display:inline;  padding-right:10px; margin-right:10px; }
.menu li a:link,a:visited { color:#c6c5c3; text-decoration:none; }
.menu li a:hover { color:#9c9d9b;  }
.logo { float:left; }

#content { width:960px; margin:0 auto; margin-top:10px; }
#boxleft { float:left; width:450px; height:350px; text-align:justify; }
#boxright { text-align:justify;  padding-left:465px; }
#boxrighti { text-align:justify; margin-left:100px; padding-left:465px; }
#boxleft #scroll,#boxright #scroll { width:100%; 
/* Typical fixed height and fixed width example */
height:485px; overflow:auto; position:relative; 
/* IE overflow fix, position must be relative or absolute*/
}
#below{width: 900px; margin-bottom:40px; padding-bottom:40px;}
#desc { width:500px; float:left; display:inline-block ;}
#infos { float:right; text-align:left; display:inline-block }


.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 900px; /*Width of Carousel Viewer itself*/
height: 385px; /*Height should enough to fit largest content's height*/
margin-bottom:0px;
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
bottom:0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 5px; /*margin around each panel*/
 /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
/* COMMERCIAL&EDITO */
#back { width:450px; float:right; display:inline; margin-top:50px; text-align:right; font-family:Geneva; color:#c6c5c3; font-size:16px; text-transform:lowercase; }
#back a,a:visited { color:#c6c5c3; text-decoration:none; }
#back a:hover { color:#9c9d9b; font-style:italic; }
#commercial { display:inline-block; margin-right:10px; font-size:11px; }
.titre { margin-top:13px; }
#commercial img { width:180px; margin-top:0px; margin-bottom:4px; height:auto; }
.scrollgeneric { line-height:1px; font-size:1px; position:absolute; top:0; left:0; }
.vscrollerbase { width:15px; background-color:#fff; }
.vscrollerbar { width:15px; background-color:#e9e9e9; }
.hscrollerbase { height:15px; background-color:#fff; }
.hscrollerbar { height:15px; background-color:#e9e9e9; }
.scrollerjogbox { width:15px; height:15px; top:auto; left:auto; bottom:0; right:0; background-color:#f5f5f5; }
#box { }
#box #scroll { width:900px; height:485px; overflow:auto; position:relative; }

/* PUBLICATIONS */
#slider ul,#slider li { width:450px;margin: 0 auto; text-align:center; padding:0; list-style:none; position:relative; display:block; }
#slider img { width:auto; height:362px; margin: 0 auto; text-align:center;}
#slider,#slider li { width:450px; overflow:hidden; left:10px; margin: 0 auto; text-align:center;}
.graphic,.prevBtn,.nextBtn {margin: 0 auto; text-align:center; padding:0; display:block; overflow:hidden; text-indent:-8000px; }
.prevBtn,.nextBtn { margin: 0 auto;  text-align:center; display:inline; width:30px; height:77px;  z-index:1000;  }
.prevBtn {position: absolute; background:url(../img/gauche.jpg) no-repeat 0 0; cursor:pointer;margin-left:190px;}
.nextBtn {position: absolute; background:url(../img/droite.jpg) no-repeat 0 0; margin-left:240px; }