h1{
 font-family: Verdana,Arial,sans-serif;
 font-size: 120%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

h2{
 font-family: Arial,sans-serif;
 font-size: 114%;
 color: #006699;
 margin: 0px;
 padding: 0px;
}

h3{
 font-family: Arial,sans-serif;
 font-size: 100%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

h4{
 font-family: Arial,sans-serif;
 font-size: 100%;
 font-weight: normal;
 color: #333333;
 margin: 0px;
 padding: 0px;
}

h5{
 font-family: Verdana,Arial,sans-serif;
 font-size: 100%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

ul{
 list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}



/***********************************************/
/* Layout Divs                                 */
/***********************************************/
#navBar{
	float: left;
	width: 160px;
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #fff;
}

#Menu-droite{
	float:right;
	width: 13%;
	margin: 0px;
	padding: 0px;
}

#centre {

margin-left: 0px;
	float: left;
	padding: 0px 0px 0px 10px;
	background-color:#FFFFFF

}


/***********************************************/
/* Components                                  */
/***********************************************/




/************* #globalNav styles - pages complete**************/

#globalNav{
padding: 0px 0px 0px 0px;
border-bottom: 1px solid #fff;
background-repeat: repeat-x;

}

#globalNav img{
 display: block;
}

#globalNav a {
	font-size: 70%;
	padding: 0px 0px 0px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
	
}
 



/************* # styles - Menu Haut milieu*************/

#menu_haut_milieu{
	font-size: 100%;
	color: #FFFFFF;
	
}


/************* #styles - Menu Haut bas*************/

#menu_haut_bas{
	font-size: 80%;
	border-bottom: 1px solid #fff;
	display:block;
	padding: 0px 0px 0px 0px;	
	

}


/************* #styles - LOGOS*************/



/************* #siteInfo styles - Pied de page  ***************/

#pied_page{
	clear: both;
	border: 1px solid #cccccc;
	font-size: 75%;
	color: #FFFFFF;
	padding: 2px 0px 5px 0px;
	background-color: #006699;
	height: 15px
}
#pied_page img{
	padding: 4px 4px 4px 10px;
	
}
#pied_page:visited{
	clear: both;
	border: 1px solid #cccccc;
	font-size: 75%;
	color: #FFFFFF;
	padding: 2px 0px 5px 0px;
	background-color: #006699;
	height: 15px
}



/************* #search styles - Moteur de recherche ***************/

#search{
	padding: 5px 0px 5px 10px;
	border-bottom: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	font-size: 90%;
}

#search form{
 margin: 0px;
 padding: 0px;
}

#search label{
	display: block;
	margin: 0px;
	padding: 0px;
}




/*********** #menu-gauche styles  - Menu de GAUCHE ***********/

#menu-gauche{
	position: relative;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	font-size: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
}



#menu-gauche a {
	display: block;
	padding: 2px 1px 2px 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
}

#menu-gauche a:hover{
	background-color: #006699;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

/************** #Menu-droite styles **************/

#Menu-droite{
	position: relative;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	font-size: 66%;
	font-family: Arial,sans-serif;
}



#Menu-droite a {
	display: block;
	padding: 2px 0px 2px 10px;
	font-family: Arial,sans-serif;
	
}

#Menu-droite a:hover{
	background-color: #FFFFFF;
	font-family: Arial,sans-serif;
}

/************** #bouton1 de gauche**************/


a.bouton1:link{
font-family: Arial,sans-serif;

	line-height: normal;
	text-decoration:none;
	color:white;
	text-align:left;
	font-weight:bold;
	background-color:#006699;
	padding:0px;
	border-style:outset;
	border-width:1px;
	border-color:silver;
	font-size: 10px;
}

a.bouton1:visited{

text-decoration:none;
color:white;
text-align:left;
font-weight:bold;
background-color:#006699;
padding:0px;
border-style:outset;
border-width:1px;
border-color:silver;
font-size: 10px;
}

a.bouton1:hover{
	text-decoration:none;
	color:#006699;
	text-align:left;
	font-weight:bold;
	background-image:url(img/fond_bouton22.gif);
	padding:0px;
	border-style:inset;
	border-width:1px;
	font-size: 10px;
	border-color:silver;
	background-repeat: no-repeat;
}

a.bouton1:active {

text-decoration:none;
color:#006699;
text-align:left;
font-size: 10px;
font-weight:bold;
background-image:url(img/fond_bouton22.gif);
padding:0px;
border-style:inset;
border-width:1px;
border-color:silver
background-repeat: no-repeat;
}


.bouton1{text-align:center;padding:5px;}

/************** #bouton12 de gauche**************/

a.bouton12:link{
font-family: Arial,sans-serif;

	line-height: normal;
	text-decoration:none;
	color:white;
	text-align:left;
	font-weight:bold;
	background-color:#8B60C9;
	padding:0px;
	border-style:outset;
	border-width:1px;
	border-color:silver;
	font-size: 10px;
}

a.bouton12:visited{

text-decoration:none;
color:white;
text-align:left;
font-weight:bold;
background-color:#8B60C9;
padding:0px;
border-style:outset;
border-width:1px;
border-color:silver;
font-size: 10px;
}

a.bouton12:hover{
	text-decoration:none;
	color:#006699;
	text-align:left;
	font-weight:bold;
	background-image:url(img/fond_bouton22.gif);
	padding:0px;
	border-style:inset;
	border-width:1px;
	font-size: 10px;
	border-color:silver;
	background-repeat: no-repeat;
}

a.bouton12:active {

text-decoration:none;
color:#006699;
text-align:left;
font-size: 10px;
font-weight:bold;
background-image:url(img/fond_bouton22.gif);
padding:0px;
border-style:inset;
border-width:1px;
border-color:silver
background-repeat: no-repeat;
}


.bouton12{text-align:center;padding:5px;}

/************** #bouton2 de droite**************/


a.bouton2:link{
font-size: 10px;
text-decoration:none;
color:#006699;
text-align:left;
font-weight:bold;
background-color:#EFF5FC;
padding: 0px;
border-style:outset;
border-width:1px;
border-color:silver}

a.bouton2:visited{
font-size: 10px;
text-decoration:none;
color:#006699;
text-align:left;
font-weight:bold;
background-color:#EFF5FC;
padding:0px;
border-style:outset;
border-width:1px;
border-color:silver}

a.bouton2:hover{
	text-decoration:none;
	color:#FFFFFF;
	text-align:left;
	font-weight:bold;
	background-image:url(img/fond_bouton-g.gif);
	padding:0px;
	border-style:inset;
	border-width:1px;
	font-size: 10px;
	border-color:silver;
	background-repeat: no-repeat;
}
	



a.bouton2:active {
	text-decoration:none;
	color:#FFFFFF;
	text-align:left;
	font-weight:bold;
	background-image:url(img/fond_bouton-g.gif);
	padding:0px;
	border-style:inset;
	border-width:1px;
	font-size: 10px;
	border-color:silver;
	background-repeat: no-repeat;
}


.bouton2{text-align:center;padding:5px;}

/************** #bouton3 de haut**************/



a.bouton31 {
text-decoration:none ; /* supprime le soulignement des liens */
	display:block; /* Crée un retour à la ligne à la fin de chaque bouton */
	margin-top:0px; /* Crée une marge de 5 pixels en haut des boutons */
	text-align:center; /* centre le texte de chaque bouton */
	border-style:outset; /* relief sur l'encadrement des boutons */
	border-width:1px; /* épaisseur de l'encadrement des boutons = 3 px */
	padding:0px;/* défini la marge intérieur des boutons à 2px */
	color: #FFFFFF;
} 

a.bouton31:hover {color:white ; /* change couleur de la police lors du survol souris */
background-color:#9E4FA5; /* change couleur du fond lors du survol souris */ 
border-style:inset ; /* relief enfoncé sur l'encadrement des boutons */ 
font-size:100%} /* augmente de 40% la police du bouton lors du survol */

a.bouton31:active {
color:#ffffff ; /* change couleur de la police lors du survol souris */
background-color:#9E4FA5 ; /* change couleur du fond lors du survol souris */ 
border-style:inset ; /* relief enfoncé sur l'encadrement des boutons */ 
font-size:100%} /* augmente de 40% la police du bouton lors du survol */ 




/**************** spelo**/
a.bouton32 {
text-decoration:none ; 
	display:block; 
	margin-top:0px; 
	text-align:center; 
	border-style:outset; 
	border-width:1px;
	color: #FFFFFF;
}  

a.bouton32:hover {color:black ; 
background-color:#ffffff ; 
border-style:inset ; 
font-size:100%} 

a.bouton32:active {
color:#006699 ;
background-color:#ffffff ; 
border-style:inset ;
font-size:100%} 





/**************** canyon**/
a.bouton33 {
text-decoration:none ; 
	display:block; 
	margin-top:0px; 
	text-align:center; 
	border-style:outset; 
	border-width:1px;
	color: #FFFFFF;
} 

a.bouton33:hover {
color:#FFB824 ; 
background-color:#000000;  
border-style:inset ; 
font-size:100%} 

a.bouton33:active {
color:#FFB824; 
background-color:#000000 ; 
border-style:inset ; 
font-size:100%} 

/**************** rando **/

a.bouton34 {
text-decoration:none ; 
	display:block; 
	margin-top:0px; 
	text-align:center; 	
	border-style:outset; 
	border-width:1px; 
	
	color: #FFFFFF;
} 

a.bouton34:hover {
color:#FFFFFF; 
background-color:#003399; 
border-style:inset ; 
font-size:100%} 

a.bouton34:active {
color:#ffffff ; 
background-color:#003399 ;  
border-style:inset ; 
font-size:100%} 

/**************** via ferrata **/

a.bouton35 {
text-decoration:none ; 
	display:block; 
	margin-top:0px; 
	text-align:center; 
	border-style:outset; 
	border-width:1px; 
	
	color: #FFFFFF;
} 

a.bouton35:hover {color:black ; 
background-color:#FF9933; 
border-style:inset ; 
font-size:100%} 

a.bouton35:active {
color:#006699 ; 
background-color:#FF9933 ; 
border-style:inset ; 
font-size:100%} 

/************** #bouton4 de menu_haut_serie-option**************/


a.bouton36 {
color:#FFFFFF;
text-decoration:none ; 
background-color:#980800;
display:block ; 
margin-top:0px ;  
text-align:center; 
width: auto ; 
height:  auto ; 
border-style:outset ; 
border-width:1px ; 
padding:2px;  

}
a.bouton36:hover {
color:#FFFFFF; 
background-color:#FF0000;
border-style:inset ; 
font-size:100%} 

/************** #bouton37 de menu_haut_gauche - Travaux en Hauteur**************/

a.bouton37 {
	text-decoration:none; 
	background-color:#006699;
	display:block; 
	margin-top:0px; 
	text-align:center; 
	width: auto; 
	 
	border-style:outset; 
	border-width:1px; 
	padding:0px;  
	color: #FFFFFF;

}

a.bouton37:hover {
color:#000000; 
background-color:#FFFF00;
border-style:inset ; 
font-size:100%} 

a.bouton37:active {
color:#000000 ; 
background-color:#FFFF00 ; 
border-style:inset ; 
font-size:100%} 

/**a.bouton4:visited{
font-size: 11px;
text-decoration:none;
color:#000000;
text-align:center;
padding:0px;
border-style:outset;
border-width:1px;
border-color:silver
}
**/
/************** #bouton38 de menu_haut_gauche - intervention**************/

a.bouton38 {
	text-decoration:none; 
	background-color:#006699;
	display:block; 
	margin-top:0px; 
	text-align:center; 
	width: auto; 
	
	border-style:outset; 
	border-width:1px; 
	padding:0px;  
	color: #FFFFFF;

}

a.bouton38:hover {
color:#FFFF00; 
background-color:#000000;
border-style:inset ; 
font-size:100%} 

a.bouton38:active {
color:#FFFF00; 
background-color:#000000 ; 
border-style:inset ; 
font-size:100%} 


/************** #bouton39 de menu_haut_gauche - secours**************/

a.bouton39 {
	text-decoration:none; 
	background-color:#006699;
	display:block; 
	margin-top:0px; 
	text-align:center; 
	width: auto; 
	
	border-style:outset; 
	border-width:1px; 
	padding:0px;  
	color: #FFFFFF;

}

a.bouton39:hover {
color:#FFFF00; 
background-color:#D3182C;
border-style:inset ; 
font-size:100%} 

a.bouton39:active {
color:#FFFF00; 
background-color:#D3182C ; 
border-style:inset ; 
font-size:100%} 


/************** #bouton310 de menu_haut_gauche - elagage**************/

a.bouton310 {
	text-decoration:none; 
	background-color:#006699;
	display:block; 
	margin-top:0px; 
	text-align:center; 
	width: auto; 
	 
	border-style:outset;
	border-right-color:#FFFFFF; 
	border-width:1px; 
	padding:0px;  
	color: #FFFFFF;

}

a.bouton310:hover {
color:#FFFFFF; 
background-color:#336600;
border-style:inset ; 
font-size:100%;
border-right-color:#FFFFFF; 
} 

a.bouton310:active {
color:#FFFFFF ; 
background-color:#336600 ; 
border-style:inset ; 
font-size:100%;
border-right-color:#FFFFFF; 
} 



/************** #bouton310 de menu_haut_gauche - Harnais**************/

a.bouton311 {
	text-decoration:none; 
	background-color:#006699;
	display:block; 
	margin-top:0px; 
	text-align:center; 
	width: auto; 
	height:  20px; 
	border-style:outset; 
	border-width:1px; 
	padding:0px;  
	color: #FFFFFF;

}

a.bouton311:hover {
color:#FFFFFF; 
background-color:#9900FF;
border-style:inset ; 
font-size:100%} 

a.bouton311:active {
color:#FFFFFF ; 
background-color:#9900FF ; 
border-style:inset ; 
font-size:100%} 




/************** #bouton312 de menu_haut_gauche - Cordelettes**************/

a.bouton312 {
	text-decoration:none; 
	background-color:#006699;
	display:block; 
	margin-top:0px; 
	text-align:center; 
	width: auto; 
	height:  20px; 
	border-style:outset; 
	border-width:1px; 
	padding:0px;  
	color: #FFFFFF;

}

a.bouton312:hover {
color:#FFFFFF; 
background-color:#FF00FF;
border-style:inset ; 
font-size:100%} 

a.bouton312:active {
color:#FFFFFF ; 
background-color:#FF00FF ; 
border-style:inset ; 
font-size:100%} 

/************** #bouton313 de menu_haut_gauche - Anneaux - Express**************/

a.bouton313 {
	text-decoration:none; 
	background-color:#006699;
	display:block; 
	margin-top:0px; 
	text-align:center; 
	width: auto; 
	height:  20px; 
	border-style:outset; 
	border-width:1px; 
	padding:0px;  
	color: #FFFFFF;

}

a.bouton313:hover {
color:#FFFFFF; 
background-color:#E8ACDD;
border-style:inset ; 
font-size:100%} 

a.bouton313:active {
color:#FFFFFF ; 
background-color:#E8ACDD ; 
border-style:inset ; 
font-size:100%} 

/************** #bouton310 de menu_haut_gauche - Longes**************/

a.bouton314 {
	text-decoration:none; 
	background-color:#006699;
	display:block; 
	margin-top:0px; 
	text-align:center; 
	width: auto; 
	height:  20px; 
	border-style:outset; 
	border-width:1px; 
	padding:0px;  
	color: #FFFFFF;

}

a.bouton314:hover {
color:#000000; 
background-color:#CCCCCC;
border-style:inset ; 
font-size:100%} 

a.bouton314:active {
color:#000000; 
background-color:#CCCCCC ; 
border-style:inset ; 
font-size:100%} 




/************** #bouton310 de menu_haut_gauche - Sangles**************/

a.bouton315 {
	text-decoration:none; 
	background-color:#006699;
	display:block; 
	margin-top:0px; 
	text-align:center; 
	width: auto; 
	height:  20px; 
	border-style:outset; 
	border-width:1px; 
	padding:0px;  
	color: #FFFFFF;

}

a.bouton315:hover {
color:#FFFFFF; 
background-color:#009900;
border-style:inset ; 
font-size:100%} 

a.bouton315:active {
color:#FFFFFF ; 
background-color:#009900 ; 
border-style:inset ; 
font-size:100%} 



/************** #bouton310 de menu_haut_gauche - outils maintenance**************/

a.bouton316 {
	text-decoration:none; 
	background-color:#006699;
	display:block; 
	margin-top:0px; 
	text-align:center; 
	width: auto; 
	height:  20px; 
	border-style:outset; 
	border-width:1px; 
	padding:0px;  
	color: #FFFFFF;

}

a.bouton316:hover {
color:#000000; 
background-color:#DBCBB5;
border-style:inset ; 
font-size:100%} 

a.bouton316:active {
color:#000000 ; 
background-color:#DBCBB5 ; 
border-style:inset ; 
font-size:100%} 




/************** #bouton310 de menu_haut_gauche - Tracabilté**************/

a.bouton317 {
	text-decoration:none; 
	background-color:#006699;
	display:block; 
	margin-top:0px; 
	text-align:center; 
	width: auto; 
	height:  20px; 
	border-style:outset; 
	border-width:1px; 
	padding:0px;  
	color: #FFFFFF;

}

a.bouton317:hover {
color:#FFFFFF; 
background-color:#3772B8;
border-style:inset ; 
font-size:100%} 

a.bouton317:active {
color:#FFFFFF ; 
background-color:#3772B8 ; 
border-style:inset ; 
font-size:100%} 




/************** #bouton310 de menu_haut_gauche - Acc escalade**************/

a.bouton318 {
	text-decoration:none; 
	background-color:#006699;
	display:block; 
	margin-top:0px; 
	text-align:center; 
	width: auto; 
	height:  20px; 
	border-style:outset; 
	border-width:1px; 
	padding:0px;  
	color: #FFFFFF;

}

a.bouton318:hover {
color:#FFFFFF; 
background-color:#00FF00;
border-style:inset ; 
font-size:100%} 

a.bouton318:active {
color:#FFFFFF; 
background-color:#00FF00 ; 
border-style:inset ; 
font-size:100%} 




/************** #bouton310 de menu_haut_gauche - park acro**************/

a.bouton319 {
	text-decoration:none; 
	background-color:#006699;
	display:block; 
	margin-top:0px; 
	text-align:center; 
	width: auto; 
	height:  20px; 
	border-style:outset; 
	border-width:1px; 
	padding:0px;  
	color: #FFFFFF;

}

a.bouton319:hover {
color:#FFFF00; 
background-color:#339900;
border-style:inset ; 
font-size:100%} 

a.bouton319:active {
color:#FFFF00; 
background-color:#339900 ; 
border-style:inset ; 
font-size:100%} 




/************** #bouton319 de menu_haut_gauche - divers**************/

a.bouton320 {
	text-decoration:none; 
	background-color:#006699;
	display:block; 
	margin-top:0px; 
	text-align:center; 
	width: auto; 
	height:  20px; 
	border-style:outset; 
	border-width:1px; 
	padding:0px;  
	color: #FFFFFF;

}

a.bouton320:hover {
color:#000000; 
background-color:#FF99CC;
border-style:inset ; 
font-size:100%} 

a.bouton320:active {
color:#000000 ; 
background-color:#FF99CC ; 
border-style:inset ; 
font-size:100%} 


/**************** ecolo**/
a.boutonecolo{
	font-size: 10px;
	text-decoration:none;
	color:#FFFFFF;

	font-weight:bold;

	padding: 0px;
	border-style:outset;
	border-width:1px;
	border-color:silver;
	background-image: url(img/bouton-ecolo.jpg);
}

a.boutonecolo:visited{
font-size: 10px;
text-decoration:none;
color:#FFFFFF;
text-align:left;
font-weight:bold;

padding:0px;
border-style:outset;
border-width:1px;
border-color:silver;
}

a.boutonecolo:hover{
	text-decoration:none;
	color:#FFFFFF;
	text-align:left;
	font-weight:bold;
	background-image: url(img/bouton-ecolo2.jpg);
	padding:0px;
	border-style:inset;
	border-width:1px;
	font-size: 10px;
	border-color:silver;
	background-repeat: no-repeat;
		
}
	
a.boutonecolo:active {
	text-decoration:none;
	color:#FFFFFF;
	text-align:left;
	font-weight:bold;
	background-image: url(img/bouton-ecolo2.jpg);
	padding:0px;
	border-style:inset;
	border-width:1px;
	font-size: 10px;
	border-color:silver;
	background-repeat: no-repeat;
}


a.boutonecolo{text-align:left;padding:5px;}


/**************** ecolo2**/
a.boutonecolo2{
	font-size: 13px;
	text-decoration:none;
	color:#FFFFFF;
	font-weight:bold;
	padding: 0px 0px 0px 0px;
	border-style:outset;
	border-width:1px;
	border-color:silver;
	background-image: url(img/bouton-ecolo.jpg);

}

a.boutonecolo2:visited{
font-size: 13px;
text-decoration:none;
color:#FFFFFF;
text-align:left;
font-weight:bold;

padding: 0px 0px 0px 0px;
border-style:outset;
border-width:1px;
border-color:silver;
}

a.boutonecolo2:hover{
	text-decoration:none;
	color:#FFFFFF;
	text-align:left;
	font-weight:bold;
	background-image: url(img/bouton-ecolo2.jpg);
	padding: 0px 0px 0px 0px;
	border-style:inset;
	border-width:1px;
	font-size: 13px;
	border-color:silver;
	background-repeat: no-repeat;
		
}
	
a.boutonecolo2:active {
	text-decoration:none;
	color:#FFFFFF;
	text-align:left;
	font-weight:bold;
	background-image: url(img/bouton-ecolo2.jpg);
	padding: 0px 0px 0px 0px;;
	border-style:inset;
	border-width:1px;
	font-size: 13px;
	border-color:silver;
	background-repeat: no-repeat;
}


a.boutonecolo{text-align:left;padding:5px;}

/************** #bouton5 de menu_haut_milieu**************/

a.bouton5 {
	text-decoration:none; 
	display:block; 
	margin-top:0px; 
	margin-bottom:0px;
	text-align:center; 
	color: #FFFFFF;
} 

a.bouton5:hover {
	color:#FF0000; 
	background-color:#006699; 
	text-align:center;
	
} 
/**************Bulles info**********************/

/** #xsnazzy h1, #xsnazzy h2, #xsnazzy p {margin:0 10px; letter-spacing:1px;}
#xsnazzy h1 {font-size:2.5em; color:#fff;}
#xsnazzy h2 {font-size:2em;color:#06a; border:0;}
#xsnazzy p {padding-bottom:0.5em;}
#xsnazzy h2 {padding-top:0.5em;}
#xsnazzy {background: transparent; margin:0.5em; }

.xtop, .xbottom {display:block; background:transparent; font-size:1px; width:302px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#d4d4d4; border-left:1px solid #08c; border-right:1px solid #08c;}
.xb1 {margin:0 5px; background:#08c;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.xboxcontent {display:block; background:#d4d4d4; border:0 solid #08c; border-width:0 1px; width:300px;}**/

/**************Cadre titre**********************/

#cadre_titre h1, #cadre_titre h2, #cadre_titre p {margin:0 10px; letter-spacing:1px;}
#cadre_titre h1 {font-size:2.5em; color:#fff;}
#cadre_titre h2 {font-size:2em;color:#06a; border:0;}
#cadre_titre p {padding-bottom:0.5em;}
#cadre_titre h2 {padding-top:0.5em;}
#cadre_titre {background: transparent; margin:0.1em; }

.cadretop, .cadrebottom {display:block; background:transparent; font-size:1px; width:400px;}
.cadreb1, .cadreb2, .cadreb3, .cadreb4 {display:block; overflow:hidden;}
.cadreb1, .cadreb2, .cadreb3 {height:2px;}
.cadreb2, .cadreb3, .cadreb4 { border-left:2px solid #08c; border-right:2px solid #08c;}
.cadreb1 {margin:0 3px; background:#08c;}
.cadreb2 {margin:0 2px; border-width:0 2px;}
.cadreb3 {margin:0 1px;}
.cadreb4 {height:0px; margin:0 1px;}

.cadreboxcontent {display:block;  border:0 solid #08c; border-width:0 2px; width:400px;}


/**************Bulles astuce**********************/

#xsnazzy h1, #xsnazzy h2, #xsnazzy p {margin:0 10px; letter-spacing:1px;}
#xsnazzy h1 {font-size:2.5em; color:#fff;}
#xsnazzy h2 {font-size:2em;color:#06a; border:0;}
#xsnazzy p {padding-bottom:0.5em;}
#xsnazzy h2 {padding-top:0.5em;}
#xsnazzy {background: transparent; margin:1em;}

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#FFFFFF; border-left:1px solid #08c; border-right:1px solid #08c;}
.xb1 {margin:0 5px; background:#08c;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.xboxcontent {display:block; background:#FFFFFF; border:0 solid #08c; border-width:0 1px;}

/**************cadre speleo**********************/

#speleosnazzy h1, #speleosnazzy h2, #speleosnazzy p {margin:0 0px; letter-spacing:1px;}

.speleotop, .speleobottom {display:block; background:transparent; font-size:1px;}
.speleob1, .speleob2, .speleob3, .speleob4 {display:block; overflow:hidden;}
.speleob1, .speleob2, .speleob3 {height:1px;}
.speleob2, .speleob3, .speleob4 {background:#000000; border-left:1px solid #FFFF00; border-right:1px solid #FFFF00;}
.speleob1 {margin:0 5px; background:#FFFF00;}
.speleob2 {margin:0 3px; border-width:0 2px;}
.speleob3 {margin:0 2px;}
.speleob4 {height:2px; margin:0 1px;}

.speleoboxcontent {display:block; background:#000000; border:0 solid #FFFF00; border-width:0 1px;}

/**************cadre intervention**********************/

#intersnazzy h1, #intersnazzy h2, #intersnazzy p {margin:0 0px; letter-spacing:1px;}

.intertop, .interbottom {display:block; background:transparent; font-size:1px;}
.interb1, .interb2, .interb3, .interb4 {display:block; overflow:hidden;}
.interb1, .interb2, .interb3 {height:1px;}
.interb2, .interb3, .interb4 {background:#5F5929; border-left:1px solid #FFFFFF; border-right:1px solid #FFFFFF;}
.interb1 {margin:0 5px; background:#FFFFFF;}
.interb2 {margin:0 3px; border-width:0 2px;}
.interb3 {margin:0 2px;}
.interb4 {height:2px; margin:0 1px;}

.interboxcontent {display:block; background:#5F5929; border:0 solid #FFFFFF; border-width:0 1px;}

/**************cadre secours**********************/

#secourssnazzy h1, #secourssnazzy h2, #secourssnazzy p {margin:0 0px; letter-spacing:1px;}

.secourstop, .secoursbottom {display:block; background:transparent; font-size:1px;}
.secoursb1, .secoursb2, .secoursb3, .secoursb4 {display:block; overflow:hidden;}
.secoursb1, .secoursb2, .secoursb3 {height:1px;}
.secoursb2, .secoursb3, .secoursb4 {background:#E4000F; border-left:1px solid #FFFFFF; border-right:1px solid #FFFFFF;}
.secoursb1 {margin:0 5px; background:#FFFFFF;}
.secoursb2 {margin:0 3px; border-width:0 2px;}
.secoursb3 {margin:0 2px;}
.secoursb4 {height:2px; margin:0 1px;}

.secoursboxcontent {display:block; background:#E4000F; border:0 solid #FFFFFF; border-width:0 1px;}

/**************cadre elagage**********************/

#elagagesnazzy h1, #elagagesnazzy h2, #elagagesnazzy p {margin:0 0px; letter-spacing:1px;}

.elagagetop, .elagagebottom {display:block; background:transparent; font-size:1px;}
.elagageb1, .elagageb2, .elagageb3, .elagageb4 {display:block; overflow:hidden;}
.elagageb1, .elagageb2, .elagageb3 {height:1px;}
.elagageb2, .elagageb3, .elagageb4 {background:#A2C207; border-left:1px solid #FFFF00; border-right:1px solid #FFFF00;}
.elagageb1 {margin:0 5px; background:#FFFF00;}
.elagageb2 {margin:0 3px; border-width:0 2px;}
.elagageb3 {margin:0 2px;}
.elagageb4 {height:2px; margin:0 1px;}

.elagageboxcontent {display:block; background:#A2C207; border:0 solid #FFFF00; border-width:0 1px;}

/**************cadre TH**********************/

#thsnazzy h1, #thsnazzy h2, #thsnazzy p {margin:0 0px; letter-spacing:1px;}

.thtop, .thbottom {display:block; background:transparent; font-size:1px;}
.thb1, .thb2, .thb3, .thb4 {display:block; overflow:hidden;}
.thb1, .thb2, .thb3 {height:1px;}
.thb2, .thb3, .thb4 {background:#000000; border-left:1px solid #FFFF00; border-right:1px solid #FFFF00;}
.thb1 {margin:0 5px; background:#000000;}
.thb2 {margin:0 3px; border-width:0 2px;}
.thb3 {margin:0 2px;}
.thb4 {height:2px; margin:0 1px;}

.thboxcontent {display:block; background:#000000; border:0 solid #FFFF00; border-width:0 1px;}

/**************cadre PAV**********************/

#pavsnazzy h1, #pavsnazzy h2, #pavsnazzy p {margin:0 0px; letter-spacing:1px;}

.pavtop, .pavbottom {display:block; background:transparent; font-size:1px;}
.pavb1, .pavb2, .pavb3, .pavb4 {display:block; overflow:hidden;}
.pavb1, .pavb2, .pavb3 {height:1px;}
.pavb2, .pavb3, .pavb4 {
	background:#A2C207;
	border-left:1px solid #FFFF00;
	border-right:1px solid #FFFF00;
	background-image: url(img/fond_pav.jpg);
}
.pavb1 {margin:0 5px; background-image: url(img/fond_pav.jpg);}
.pavb2 {margin:0 3px; border-width:0 2px;}
.pavb3 {margin:0 2px;}
.pavb4 {height:2px; margin:0 1px;}

.pavboxcontent {display:block; background-image: url(img/fond_pav.jpg); border:0 solid #FFFF00; border-width:0 1px;}

/**************cadre elagage**********************/

#environnementsnazzy h1, #environnementsnazzy h2, #environnementsnazzy p {margin:0 0px; letter-spacing:1px;}

.environnementtop, .environnementbottom {display:block; background:transparent; font-size:1px;}
.environnementb1, .environnementb2, .environnementb3, .environnementb4 {display:block; overflow:hidden;}
.environnementb1, .environnementb2, .environnementb3 {height:1px;}
.environnementb2, .environnementb3, .environnementb4 {background:#99CC33; border-left:1px solid #515D23; border-right:1px solid #515D23;}
.environnementb1 {margin:0 5px; background:#515D23;}
.environnementb2 {margin:0 3px; border-width:0 2px;}
.environnementb3 {margin:0 2px;}
.environnementb4 {height:2px; margin:0 1px;}

.environnementboxcontent {display:block; background:#99CC33; border:0 solid #515D23; border-width:0 1px;}