*{	margin:0;
	padding:0;}	
body{
	background:#f0e0aa;	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ccc;}
h1{	position:absolute;
	top:-999px;}
h2{	height:68px;
	padding-left:37px;
	background:url(images/bg_h2.jpg) no-repeat;
	line-height:68px;
	text-transform:uppercase;
	color:#813917;
	font-style:oblique;
	font-size:20px;}
h2 span{
	text-transform:none;
	color:#995d17;}
#global{	
	width:942px;
	overflow:hidden;
	margin:0 auto;
	min-height:749px;}	
/*=================================
			Entête
=================================*/
#haut{
	height:51px;
	background:url(images/bg_haut.jpg) repeat-x;}
#page{
	background:url(images/bg_page.jpg) 16px 0;}
#main{
	min-height:476px;
	width:942px;
	overflow:hidden;}
#menu{
	width:321px;
	height:476px;
	/*background:url(images/menu.jpg) no-repeat;*/
	float:left;}
#contenu{
	padding-top:10px;
	min-height:466px;
	background:url(images/index.jpg);
	float:left;
	width:621px;}

#contenu h3 {
color:#813917;
margin-left:30px;
padding:5px;
}

#contenu p {
padding-bottom:10px;
text-align:justify;
color:#813917;
}

#contenu .engagement li{
list-style:none;
margin-left:15px;
color:#813917;
padding:5px;
}

#contenu  #menuiserie {
width:360px;
margin-left:140px;
}
#contenu  #menuiserie li{
color:#813917;
padding-bottom:10px;
}

#contenu .historique {
width:500px;
padding-bottom:15px;
}

#contenu .historique strong{
font-size:14px;
padding:5px;
}

#haut_contenu{
	width:620px;
	height:20px;
	background:url(images/haut_contenu.png);}
#main_contenu{
	background:url(images/bg_contenu.png) repeat-y;
	min-height:428px;
	padding-left:18px;
	overflow: hidden;
	width::621px;
	color:#000;}
#main_contenu p{
	margin-left:13px;
	width:540px;}
	
#main_contenu p span{
font-weight:bold}

	
#main_contenu p a{
	text-decoration:none;
	color:#813917;}
	
#main_contenu p a:hover{
	text-decoration: underline;}

#titre{
	background:url(images/titre.jpg) no-repeat;
	height:107px;
	width:578px;}
	
#titre dl{
	height:70px;
	width:355px;
	color:#813917;
	font-style:oblique;
	line-height:17px;
	margin:0;
	padding:0;
	margin-left:213px;
	padding-top:37px;}
#titre dl dd{
	display:inline;}
#titre dl dd a{
	text-decoration:none;
	color:#813917;}
#titre dl dd a:hover{
	text-decoration:underline;}
#bas_contenu{
	width:621px;
	height:18px;
	background:url(images/bas_contenu.png);}
#flashboutons{

	/*background:url(images/cadre_flash.png) no-repeat;*/
	width:528px;
	height:159px;
	margin-left:230px;
	margin-top:40px;}
#diaporama{
	margin-top:30px;
	margin-bottom:15px;
	background:url(images/diapo.jpg) no-repeat;
	padding-left:26px;
	height:142px;
	width:568px;}
/*=================================
			Logos
=================================*/
#global_conteneur {
    width:942px;
	height:auto;
	margin:0 auto;
	}
#conteneur1,#conteneur2{
	height:1px;
	width:1px;
	position:relative;}
#porte{
	background:url(images/porte.png) no-repeat;
	position:absolute;
	width:149px;
	height:351px;
	top:-430px;
	left:0px;}
#escalier{
	background:url(images/escalier.png) no-repeat;
	position:absolute;
	width:205px;
	height:271px;
	top:-340px;
	left:820px;}
/*=================================
			Pied
=================================*/

#global_pied{
	background:url(images/bg_pied.jpg) center repeat-x;
	text-align:center;
	width:100%;
	height:100px;}
#pied{
	text-align:center;
	width:942px;
	padding-top:16px;
	margin:0 auto;
	height:84px;}
#pied ul{
	padding-left:3px;
	list-style:none;
	background:#813917;
	width:899px;
	height:48px;
	color:#fff;
	font-size:11px;
	margin:0 auto;}
#pied ul li{	
	color:#fff;
	display:inline;
	line-height:42px;
	float:left;
	margin:0 4px;}
#pied ul li a{
	 color:#fff;
	 text-decoration:none;}
#pied ul li a:hover{
	 text-decoration:underline;}
#pied img{
 	 border:0;}
	 
#pied .annuaire {
	padding-left:3px;
	list-style:none;
	width:450px;
	height:26px;
	line-height:26px;
	margin: 0  auto;
	color: #333333;
	font-size:11px;
	text-align:center;
	background:none;
}
#pied .annuaire li{	
	color:#333333;
	display:inline;
	height:26px;
	line-height:26px;
	float:left;
	margin:0 4px;}
#pied .annuaire li a{
	 color: #FFFFFF;
	 text-decoration:none;}
/*=================================
			Diaporama
=================================*/
.stepcarousel{
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 542px; /*Width of Carousel Viewer itself*/
	height: 142px; /*Height should enough to fit largest content's height*/
	background:#f3e9c1;}
.stepcarousel .belt{
	position: absolute; /*leave this value alone*/
	left: 0px;
	top: 0;}
.stepcarousel .belt a img{
	border:0;}
.stepcarousel .panel{
	background:url(images/diapo_02.jpg) no-repeat;
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	width: 147px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	height:112px;
	padding:30px 0 30px 25px;}