@charset "UTF-8";

/*---------------------------- haut -------------------------------*/
#barreHaut {
	background: url(/images/l-2/fond_barre_haut.png);
}

#contenant #menuGauche td.fondmenu {
	background-image: url(/images/l-2/fond_cc_menug.png);
}

#contenant #menuGauche ul li a {
	background-image: url(/images/l-2/fleche.png);
}

#contenant #menuGauche ul li a:hover {
	background-image: url(/images/l-2/fleche_over.png);
}

/*----------------------------- bas -------------------------*/
#barreBas {
	background: url(/images/l-2/fond_barre_bas.png);
}

#ongletHaut table tr td.gauche {
	background-image: url(/images/l-2/coin_g_onglet_haut.png);
}

#ongletHaut table tr td.droite {
	background-image: url(/images/l-2/coin_d_onglet_haut.png);
}

#ongletHaut table tr td.middle {
	background-image: url(/images/l-2/fond_onglet_haut.png);
}


#contenant #contenu a.button,
#contenant #contenu form .form-submit,
#contenant #contenu form .bouton{
	background-color: #35C342;
	border: 1px solid #17C239;
	color: #FFFFFF;
}

#contenant #contenu a.button {
	padding: 2px 5px;
	font-weight: bold;
}

#contenant #contenu a.boutonPack {
	padding: 2px 5px;
	font-weight: bold;
	
	margin-right:5px;
	
	background-color: #FF8000;
	border: 1px solid #FF8000;
	color: #FFF;
	
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	
	-moz-box-shadow: inset 0 -1px 5px rgba(255,255,255,0.5), 0 2px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow: inset 0 -1px 3px rgba(255,255,255,0.5), 0 2px 2px rgba(0,0,0,0.2);
	box-shadow: inset 0 -1px 3px rgba(255,255,255,0.5), 0 2px 2px rgba(0,0,0,0.2);
	
}

#contenant #contenu a.boutonPack:hover {
	-moz-box-shadow: inset 0 -1px 3px rgba(255,255,255,0.5), 0 3px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow: inset 0 -1px 3px rgba(255,255,255,0.5), 0 3px 2px rgba(0,0,0,0.2);
	box-shadow: inset 0 -1px 3px rgba(255,255,255,0.5), 0 3px 2px rgba(0,0,0,0.2);	
}

#contenant #menuGauche ul li a.boutonInscription,
a.boutonInscription {
	padding: 2px 5px;
	font-weight: bold;
	background-image:none;
	margin-right:5px;
	
	background-color: #18CB3A;
	border: 1px solid #18CB3A;
	color: #FFF;
	
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	
	-moz-box-shadow: inset 0 -1px 5px rgba(255,255,255,0.5), 0 2px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow: inset 0 -1px 3px rgba(255,255,255,0.5), 0 2px 2px rgba(0,0,0,0.2);
	box-shadow: inset 0 -1px 3px rgba(255,255,255,0.5), 0 2px 2px rgba(0,0,0,0.2);
	
}

#contenant #menuGauche ul li a.boutonInscription:hover,
a.boutonInscription:hover {
	background-image:none;
	-moz-box-shadow: inset 0 -1px 3px rgba(255,255,255,0.5), 0 3px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow: inset 0 -1px 3px rgba(255,255,255,0.5), 0 3px 2px rgba(0,0,0,0.2);
	box-shadow: inset 0 -1px 3px rgba(255,255,255,0.5), 0 3px 2px rgba(0,0,0,0.2);	
}