/* CSS Document */
ul.principal {
	width:376px;
	height:310px;
	float:left;
	position:relative;
	background-image:url(images/fond-menu.jpg);
	background-repeat:no-repeat;
	list-style-type:none;
	list-style-image:none;
	text-align:left;
	margin:0px;
	padding:0px;
	}

ul.principal li.spa{
	width:237px;
	margin:6px 0px 0px 10px;
	text-align:right;
	padding:0px 17px 0px 0px;
	background-image:url(images/bout-abri-spa.gif);
	background-repeat:no-repeat;
	}
ul.principal li.piscine{
	width:237px;
	margin:20px 17px 0px 10px;
	text-align:right;
	padding:0px 17px 0px 0px;
	background-image:url(images/bout-abri-piscine.gif);
	background-position:bottom;
	background-repeat:no-repeat,
	}

/*apparence d'un bouton niveau 1 avec un lien, qu'il soit déroulant ou non*/    
.principal li a, .principal li span {
	display:block;
	margin:0px;
	padding:14px 0px 0px 0px; 
	text-decoration:none;
	position:relative;
	color:#2FFFEE;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	min-height:27px;
	
}

/*quand un bouton niveau 1 est déroulant et replié*/    
.principal .toggleSubMenu a, .principal .toggleSubMenu span {
    background-image: url(images/menu-plus.gif);
	background-position:top left;
	background-repeat:no-repeat;       
	}

/*position hover d'un bouton niveau 1*/   
.principal a:hover, .principal a:focus, .principal a:active {
      
	}

/*NAVIGATION NIVEAU 2*/
    
.principal .subMenu {  
	width:237px;
	position:relative;
	list-style-type:none;
	list-style-image:none;
	text-align:right;
	margin:0px ;
	padding:0px 0px 7px 0px;  
	}   
/*apparence d'un bouton niveau 2*/ 
.principal ul.subMenu a {  
	color:#B5D3D1;
	font-size:11px;
	min-height:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-image:none;
	padding:4px 0px 2px 3px;
	}
/*position hover d'un bouton niveau 2*/
.principal ul.subMenu a:hover { 
	color:#FFFFFF;
	}
/*OUVERT OUVERT OUVERT OUVERT OUVERT OUVERT OUVERT OUVERT OUVERT OUVERT*/
.principal .subMenu2 {  
	width:237px;
	position:relative;
	list-style-type:none;
	list-style-image:none;
	text-align:right;
	margin:0px ;
	padding:0px 0px 7px 0px;  
	}   

/*apparence d'un bouton niveau 2*/ 
.principal ul.subMenu2 a {  
	color:#B5D3D1;
	font-size:11px;
	min-height:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-image:none;
	padding:4px 0px 2px 3px;
	}
/*position hover d'un bouton niveau 2*/
.principal ul.subMenu2 a:hover { 
	color:#FFFFFF;
	}

/*MENU 2 MENU 2 MENU 2 MENU 2 MENU 2 MENU 2 MENU 2 MENU 2 MENU 2 MENU 2 MENU 2 MENU 2 MENU 2 MENU 2 MENU 2 MENU 2 */

ul.menu2 {
	width:376px;
	min-height:27px;
	position:relative;
	background-image:url(images/fond-menu2.gif);
	background-repeat:no-repeat;
	background-position:top left;
	list-style-type:none;
	list-style-image:none;
	text-align:left;
	margin:0px;
	padding:0px;
	}
ul.menu2 li{
	
	float:left;
	margin:0px;
	padding:0px;
	position:relative;
	}

/*apparence d'un bouton niveau 1 avec un lien, qu'il soit déroulant ou non*/    
.menu2 li a, .menu2 li span {
	display:block;
	margin:0px;
	padding:5px 5px 0px 18px;
	text-decoration:none;
	position:relative;
	color:#2FFFEE;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	min-height:27px;
	}

/*quand un bouton niveau 1 est déroulant et replié*/    
.menu2 .toggleSubMenu a, .menu2 .toggleSubMenu span {
    background-image: url(images/menu2-plus.gif);
	background-position:top left;
	background-repeat:no-repeat;       
	}

/*position hover d'un bouton niveau 1*/   
.menu2 a:hover, .menu2 a:focus, /*.menu2 a:active */{
     color:#FFFFFF; 
	}

/*NAVIGATION NIVEAU 2*/
    
.menu2 .subMenu {  
	position:relative;
	width:135px;
	list-style-type:none;
	list-style-image:none;
	text-align:left;
	margin:0px ;
	padding:0px 0px 0px 0px; 
	}   
/*apparence d'un bouton niveau 2*/ 
.menu2 ul.subMenu li {  
	float:none;
	margin:0px 0px 3px 0px;
	position:relative;
	background-color:#696769; 
	}
.menu2 ul.subMenu a {  
	color:#B5D3D1;
	font-size:10px;
	min-height:12px;
	background-image:none;
	padding:4px 0px 2px 5px;
	}
/*position hover d'un bouton niveau 2*/
.menu2 ul.subMenu a:hover { 
	color:#FFFFFF;
	}

/*MENU 3 MENU 3 MENU 3 MENU 3 MENU 3 MENU 3 MENU 3 MENU 3 MENU 3 MENU 3 MENU 3 MENU 3 MENU 3 MENU 3 MENU 3 MENU 3 */

ul.menu3 {
	width:376px;
	min-height:27px;
	position:relative;
	background-image:url(images/fond-menu3.gif);
	background-repeat:repeat-y;
	list-style-type:none;
	list-style-image:none;
	text-align:left;
	margin:20px 0px 0px 0px;
	padding:0px;
	}
ul.menu3 li{
	display:block;
	width:144px;
	margin:0px 0px 1px 0px;
	padding:0px;
	position:relative;
	}

/*apparence d'un bouton niveau 1 avec un lien, qu'il soit déroulant ou non*/    
.menu3 li a, .menu3 li span {
	display:block;
	width:144px;
	margin:0px 0px 0px 0px;
	padding:5px 15px 0px 20px;
	text-decoration:none;
	position:relative;
	color:#E0DBD5;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	min-height:20px;}
.garantie {
	background-color:#7A90AC;
	}
.innovation {
	background-color:#6D869B;
	}
.securite {
	background-color:#637E8E;
	}
#devis {
	float:right;
	position:relative;
	width:80px;
	height:76px;
	margin:0px;
	padding:0px;
	text-align:center;
	}
#devis a{
	width:70px;
	height:56px;
	margin:0px;
	background-image:url(images/bout-devis.gif);
	background-repeat:no-repeat;
	padding:20px 10px 0px 0px;
	text-align:center;
	}
#devis a:hover{
	background-image:url(images/bout-devis-over.gif);
	background-repeat:no-repeat;
	text-align:center;
	color:#FFFFFF;
	}
/*quand un bouton niveau 1 est déroulant et replié*/    
.menu3 .toggleSubMenu a, .menu3 .toggleSubMenu span {
    background-image: url(images/menu3-plus.gif);
	background-position:top left;
	background-repeat:no-repeat;       
	}

/*position hover d'un bouton niveau 1*/   
.menu3 a:hover, .menu3 a:focus, /*.menu2 a:active */{
     color:#FFFFFF; 
	}

/*NAVIGATION NIVEAU 2*/
    
.menu3 .subMenu {  
	position:relative;
	width:148px;
	list-style-type:none;
	list-style-image:none;
	text-align:left;
	margin:0px ;
	padding:0px 0px 0px 0px; 
	}   
/*apparence d'un bouton niveau 2*/ 
.menu3 ul.subMenu li {  
	float:none;
	margin:0px 0px 0px 0px;
	padding:0px;
	position:relative;
	min-height:19px;
	background-color:#537279; 
	}
.menu3 ul.subMenu a {  
	color:#B5D3D1;
	font-size:10px;
	display:block;
	position:relative;
	line-height:26px;
	background-image:none;
	padding:0px 0px 0px 10px;
	margin:0px 0px 0px 0px;
	}
/*position hover d'un bouton niveau 2*/
.menu3 ul.subMenu a:hover { 
	color:#FFFFFF;
	}