/* DAMY v2 */
html, body {
height: 100%
}

body {
	margin : 0 ;
	padding : 0 ; 
	background :  url(bg.jpg) top center #565555 no-repeat; 
	text-align : center;
	font-size : 0.8em;
	font-size:11px;
	color:#fff;
	font-family : verdana,arial;	


}
  .masque
{
	position:absolute;
	visibility:hidden;
	margin-top:10px;
	height:10px;
	overflow:hidden;

}
/**********
*  SITE  **
**********/
 
#site { 
	width : 952px;
	margin : 0 auto;
	text-align : justify;
	m_in-height : 100%; 
	
}
     
     
/*  HEADER
**************/
#header {
	position : relative ; 
	height : 150px;
	width:950px;
	border:solid 0px #fff;
}
#menu {

	pos_ition : absolute ; 
	padding-top:50px;
	margin-left : 250px; 
}
/* spécifique */
/***********************/
#top-image
{
	height:170px;
	width:912px;
	margin-left:28px;


}
#top-image p
{
	margin: 0px !important;
	padding:0px;!important;
}


   
/*  CONTENT / Contenu
********************************************************************/
#col1 
{
	width : 160px ;
	min-height:445px;
	_height:445px;
	float  : left ;
	padding :  0  ;
	text-align : justify; 
	margin-left:0px;
	
 }
#content
{
	margin-right:15px;
	position: relative;
	
}
#main
{
	float: left;
	position: relative;
	min-height:350px;
	margin-left:15px;
	width:700px;
	letter-spacing: 0.05em;
}

#main p
{
	margin-top: 0;
	margin-bottom: 10px;

}
 
 
 
 /*  CONTENT >> CENTRAGE
********************************************************************/

#centrage 
{
	padding : 0px;
	background : url(images/bg-content.jpg) left top repeat-y; 
}
	
	
/*  CONTENU
********************************************************************/	

#contenu 
{
	width : 660px; 
	letter-spacing:0.05em;
	float: left;
	line-height:16px;
	padding : 0px 20px 0 30px;
	margin : 5px 0px 0 0px;
}

#contenu h1 
{
	font-size: 110%;
	font-weight:normal;
	background:url(bg-h2.jpg) bottom no-repeat;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 15px 0px;
	color:#fff;
	width:660px;
	display:block;
	font-variant: small-caps;
} 

#contenu h2
{

	font-size: 110%;
	font-weight:normal;
	border-bottom: solid 1px #7f7d7e;
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 5px 0px;
	fo_nt-style : italic; 
	color:#fff;
	w-idth:400px;
	display:block;
font-variant: small-caps;
	
}
#contenu h2 a
{
	color:#fff;

}
#contenu h3
{
	font-size: 100%;
	font-weight:bold;
	border-bottom:solid 1px #656263;
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 5px 0px;
	font-variant: small-caps;
	color:#fff;
	display:block;
}
}
#contenu ul
{
	list-style-image:url(images/puce.gif);
	list-style-type:none;
	margin-top:0px;
	margin-bottom:0px;
	padding-bottom:10px;
	text-align:left;
	padding-left:15px;
	margin-left:15px;
	padding-top:0px;
	margin-bottom:5px;

}


#contenu a {
	color : #c65f00;
	text-decoration:none;
}

#contenu a:hover
{
	text-decoration:underline;
}
/*  FOOTER
***************/ 
#footer
{
	background:url(footer.jpg) center no-repeat;
	background-position:center bottom;
	padding-top: 1.0em;
	font-size: 80%;
	color: #ffffff;
	padding-left: 1.2em;
	clear: both;
	text-align:center;
	height:145px;
}
#footer-sidebar {
  	
  	display:block;
  	height: 60px;
	border:solid 2px;
}
#footer-sidebar li{
  	border:none;
  	display:block;
 	line-height:15px;
	border-bottom:1px solid #990000;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
}
#footer-content1 {
  	float: left;
  	width: 240px;
	margin-top:30px;
  	margin-right:0px;
  	text-align:center;
  	display:block;
  	height: 109px;
	padding:0px;

  }
#footer-content2 {
  	float:right;
  	width: 220px;
	margin-top:30px;
  	margin-right:20px;
  	text-align:center;
  	display:block;
  	height: 109px;
	padding:0px;
  }


#footer ul {
list-style:none;


}
/*  HEADER >> MENU PRINCIPAL - MENU HAUT
********************************************************************/

	
	
#menu  ul{
	list-style : none ;
	margin : 0; 
	padding : 0 ;
}

#menu  li{
	float : left ;
	font-variant: small-caps;
	font-size:11px;
}
	

#menu  li a{
	margin : 0 ; 
	padding : 0 10px  ; 
	text-decoration : none ;    
	color : #fff;
	font-weight : normal;
	display: block;
}


#menu li a:hover {

	color:#ffcc33;
}
/*****************************	
 SOUS-MENU HAUT - Menu déroulant
*******************************/
/* nivo 2 */

#haut li ul {
	position: absolute;
	width: 160px;
	left: -999em;
	margin:0px;
	border:solid 1px #212842;
}

#haut li ul li {
	marging:0px;
	padding:5px 0px 5px 10px;
	width: 160px;
	border-top: solid 1px #333b55;
	text-align:left;
	background-color:#fff;	
	
}

#haut li ul li:first-child{
	border-top : 0; 
}
#haut li ul li a
{
	margin:0px;
	padding:0px;
	font-size:90%;
	color:#000;
	width: 100px;
}
#haut li ul li a:hover
{
	color:#000;
	text-decoration:underline;
}
#haut li:hover ul {
	left: auto;
	
}


/* masquer les cadres des nivo 2 et + [li.sfhover pour IE] */

ul ul, li:hover ul ul {
	left: -999em;
}

li:hover ul, li:hover li:hover ul {
	display:block;	

}
/******************************
****  Colonne Gauche - menu
********************************************************************/
  
#menugauche
{
	
}	

/* Nivo 1 */
#menuvertical
{
	
	fo_nt-size : 1em ;
	margin : 10px 0px 0px 0px  ;
	padding :  0 0 0 20px ; 
	color : #fff ; 
	line-height : 27px;
}
	
#menuvertical li
{
	list-style:none;
	color : #fff; 

	background : url(pixel.gif);

}
#menuvertical li a
{
	text-decoration:none;
	color: #fff;
	letter-spacing : 0.5px ;
	text-align:left; 
	padding : 0 0px 0 10px; 
	font-size:80%;

}
	
/* Nivo 2 */
#menuvertical ul{
	

	list-style : none ; 
	margin :  0px; 
	padding : 0; 
	font-size : 0.9em;

        	display: block;
	background : url(pixel.gif);
}
 
#menuvertical ul li{
	margin : 0 ; 
	padding : 0;
	list-style : none ; 
	border-top : 0px solid #E6E6E6; 
	background: url(pixel.gif );
}
  
  
#menuvertical ul li a{
	padding : 0 0px 0 20px; 
	display : block ;
	font-size:11px;
	height : 25px;
	line-height : 25px; 
	text-decoration : none ; 
	text-transform: lowercase;
	text-align:left;
	letter-spacing : 1px ; 
	background : url(pixel.gif);
}
#menuvertical a{
	color:#fff;
}
#menuvertical .menusel a
{
	color: #fff;
	text-decoration:underline;
  
}
#menuvertical li:first-child{
	border-top : 0;  
}

#menuvertical li a:hover{
	color : #fff;

}

.cadreaccueil
{
	width:100%;

}
.cadreaccueil td
{
	vertical-align:top;
	align:left;

}
/* IMAGES 
*****************************************************/

/* par défaut, alignée à droite du texte */

#contenu img
{
	padding:0px;
	text-align:right;

	f_loat:left;
	margin-left:0px;
	border: solid 0px;
	margin-top:5px;
	
}
/* sinon à gauche ou haut */
.imgtxt
{
	padding:0px;
	text-align:right;

	float:left;
	margin-right:10px;
	b_order:solid 1px #fff;
	margin-top:5px;
}
.imgtop
{
	float:top;
	margin-bottom:5px;
	margin-top:5px;
	border:1px solid #212842;
}


/* spécifique */
.bg-animation1
{
	background: url(bg-photo.jpg) no-repeat bottom right !important;
	width:254px;
	height:317px;
	margin-right:10px;
	float:left;
	display:block;
}
ul#fade-example-1
{
	margin:0px;
	padding:0px;
}
#anim2
{
	border:solid 1px #7f7d7e;
	width:158px;
	height:201px;

}
.bg-animation
{
	background: url(bg-photo.jpg) no-repeat bottom right !important;
	width:234px;
	height:317px;
}
.bg-animation img
{
	
	border: solid 0px;
}

table#produits
{
	width: 650px; 
	background: url("bg-produits.jpg") no-repeat scroll 0% 0% #565555;
	border:solid 1px #656263;
	
}
table#produits-larges
{
	width: 650px; 
	background: url("bg-produits-larges.jpg") no-repeat scroll 0% 0% #565555;
	border:solid 1px #656263;
	
}
table#produits .titre, table#produits-larges .titre
{
	width:100%;
	vertical-align:top;
	height;50px;
	text-align:center;

}
table#produits .footer
{
	background:url(bg-produits-bottom.jpg) no-repeat;
	height:32px;
}