/*-------------------------------------------*/
/* ---           reset                   --- */	
/*-------------------------------------------*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {margin:0;padding:0;border:0;font-weight:normal;font-style:normal;text-align:left;font-family:inherit;}table{border-collapse:collapse;border-spacing:0;}ol,ul{list-style:none;}q:before,q:after,blockquote:before,blockquote:after{content:"";}
img, div { behavior: url(/iepngfix.htc) }
img { border: 0; }
p { margin: 0;	padding: 0;}
p strong, p bold { font-weight: bold; }
a:active { outline: none; }

/*-------------------------------------------*/
/* ---           communs                 --- */	
/*-------------------------------------------*/
html { height:100%; overflow-x:hidden; } 
body{ margin: 0px; padding-left: 360px; padding-top: 70px; height: 570px; background-image: url(../img/bg2009.jpg); background-repeat: repeat; background-position: left top; font-size: 12px; font-family: Arial; } 
h3 {font-size: 12px; padding: 5px 0 0 20px; margin: 0; float: left; display: block; color: #fff; }
h5 { font-weight: normal; color: #4d4d4d; }
p  {font-size: 10pt; color: #666;}
a { text-decoration: none; color: #1a1a1a; border: 0; }
img { border: none; }
a:hover { color: #1a1a1a; }

/*-------------------------------------------*/
/* ---           structure               --- */	
/*-------------------------------------------*/
#page {position:absolute; z-index:1; top:50%; margin-top:-285px; padding:0px; height: 570px; width: 3900px;  margin-left: 10px; color: #1a1a1a; background-image: url(../img/fond2.png); background-position: 0px 0px; background-repeat: no-repeat; background-attachment: scroll; }
#nav {padding: 0 0 0 10px; margin:0; float: left; width:140px; height: 550px;} 
div.retour{ top: 526px; margin-left: 380px; width: 80px; height: 20px; position: absolute; z-index: 4; display: block; } 
#first { margin-left: 230px;  } 
#last { margin-left: 0px;  } 
div.retour ul { padding:0; margin:0; list-style-type:none; }
div.retour li { float:left; /*pour IE*/ }
div.retour ul li a { display:block; border:0px; outline: none; }

/*-------------------------------------------*/
/* ---           menu                    --- */	
/*-------------------------------------------*/
#menu { margin-top: 180px; }
#menu li { padding-bottom: 15px; }
#menu ul { list-style: none; padding-left: 0px; }
#menu a { text-decoration: none; color: #ecedf6; }
#menu a:hover {
	text-decoration: none;
	/*color: #5a9716;*/
	color: #b8aa8d;
}

#content { margin: 0 0 0 10px; float: left; }
#sidebar { position:fixed; top: 0px; left:0px; width: 0px; }
* html div#sidebar{ position:absolute; top: 0px; left:0px; width: 0px; } 
#topbar{  margin-top: 0px; margin-left: 0px; }

/* -- 1 --- */
.logo {margin: 0px 10px 0 0px; padding: 0 15px; float: left; width: 465px; height: 550px; }
.logo p { margin: 230px 40px 0 10px; width: 450px; }
#hep { margin-top: 20px; margin-left:60px; position:relative;}
#hep em{ background: url(../img/bubble.png) no-repeat; width: 100px; height: 50px; position: absolute; top: -70px; left: -0px; text-align: center; text-indent: -9999px; z-index: 2; display: none; }
#sitedumois { margin-top: 22px; }

/* -- 2 --- */
.references {margin: 0px 10px 0px 0px; padding: 0 20px; float: left; width: 755px; height: 550px; }
.references .intro {position:relative; z-index:2000; margin: 130px 20px 0px 0px; padding: 0 20px; width: 260px; height: 160px; }
.ref ul { position:absolute; margin-top: 10px; padding-left: 520px; top: 90px; z-index:2;}
.ref ul li { list-style-type: none; }
.ref .lien {cursor:pointer; color: #666; font-size: 12px;font-family: Arial; }
.ref .lien:hover{ cursor: pointer; color: #000; font-size: 12px; font-family: Arial; } 

/* -- 3 --- */
.equipe {margin: 0px 10px 0px 0px; padding: 0 20px; float: left; width: 755px; height: 550px; }
.equipe .intro{ margin: 70px 20px 0px 0px; padding: 0 20px; width: 260px; height: 160px; }
.listing { z-index: 2; position: absolute; margin-top: 0px; padding-left: 470px; top: 85px; font-family: Arial; width: 240px; font-size: 11px; }
.listing .role { padding-left: 20px; color: #555; font-size: 10px; padding-bottom: 0px; }
h4.header { margin-bottom:0px;	font-size: 11px;  outline:none;	padding-bottom: 2px; }
h4.first { font-weight: bold; margin-bottom: 5px; }
#grp1 { height:70px; }
#grp2 { height:115px; }
#grp3 { height:75px; }

/* -- 4 --- */
.solutions {margin: 0px 10px 0px 0px; padding: 0 20px; float: left; width: 755px; height: 550px;  }
.solutions .intro { margin: 50px 20px 0px 0px;padding: 0 20px;  width: 500px; height: 160px; }
.solutions a.open {	background: url(../img/li.png) no-repeat left 0; }
.solutions a:hover.open {/*background: url(../img/li.png) no-repeat left -23px;*/	color: #000;}
.solutions a.open, .solutions a.close { height: 40px; line-height: 16px !important; padding-left: 30px !important; cursor: pointer; display: block; width: 430px; position: relative; top: 10px; left: 80px; font-size: 14px; color: #333; } 

/* -- 5 --- */
.contact {margin: 0px 30px 0 0px; padding: 0 15px; float: left; width: 500px; height: 550px;  }
.contact { margin: 0px 10px 0px 0px; padding: 0px 10px; float: left; width: 755px; height: 550px; }
.contact .intro { margin: 50px 20px 0px 90px; padding: 0 20px; width: 340px; height: 160px; }
.contact .mail { margin-left: 370px; padding-top: 40px; width: 300px; }
.contact .plan { margin-left: 380px; padding-top: 75px; width: 150px; }
.contact .mail a {color: #666; font-size: 18px; font-weight: bold; }
.contact .plan a { color: #666; font-size: 10px; font-weight: bold; }
/*
#showroom {margin-left:350px;  width:240px; margin-top:50px; float: left; position: relative;}
*/
#showroom { margin-left:350px; width:207px; height:40px; margin-top:50px; float: left; position: relative; background: url(../img/bar.png) no-repeat 0 0;  }
#showroom em a { text-align: center;  z-index: 2; color:#000;  }


/*-------------------------------------------*/
/* ---           footer                  --- */	
/*-------------------------------------------*/
#footer { padding-left:30px; font-size: 12px;	}	
#footer h5 {	font-size: 12px;	color: #000;	font-weight: bolder;}
#footer a {  font-size: 12px;	text-decoration: underline; 	font-weight: bolder; color: #000;font-size: 14px;}
div.label {text-align:center; position:absolute; color:#FFF; bottom:25px; width:100%; } 
.exp_elts {height:200px; }