/*
Agence de saint NOM
#0093d2 - rgba(0,147,210,1)
*/
/*
--------------------------------------------------------------------------------------
Bouton ACTIF, ne rien modifier en principe
--------------------------------------------------------------------------------------
*/
.ui-btn-active {
	border: 1px solid 		#999 /*{global-active-border}*/;
	background: 			#eee /*{global-active-background-color}*/;
	font-weight: bold;
	color: 					#242424 /*{global-active-color}*/;
	cursor: pointer;
	text-shadow: 0 /*{global-active-shadow-x}*/ 0 /*{global-active-shadow-y}*/ 0 /*{global-active-shadow-radius}*/ transparent /*{global-active-shadow-color}*/;
	text-decoration: none;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #f1f1f1 /*{global-active-background-start}*/), to( #cccccc /*{global-active-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(#f1f1f1 /*{global-active-background-start}*/, #cccccc /*{global-active-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(#f1f1f1 /*{global-active-background-start}*/, #cccccc /*{global-active-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient(#f1f1f1 /*{global-active-background-start}*/, #cccccc /*{global-active-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient(#f1f1f1 /*{global-active-background-start}*/, #cccccc /*{global-active-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient(#f1f1f1 /*{global-active-background-start}*/, #cccccc /*{global-active-background-end}*/);
	font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
}
.ui-btn-active a.ui-link-inherit {
	color: 					#fff /*{global-active-color}*/; text-shadow:0 0 2px rgba(0,0,0,.5);
}
/*
--------------------------------------------------------------------------------------

--------------------------------------------------------------------------------------
*/

.ui-bar-b {
	border: 1px solid 		rgba(250,250,250,.4) /*{b-bar-border-top} - Blanc léger transparent border-top - A priori ne pas modifier*/;
	border-bottom: 1px solid 		rgba(0,0,0,.2) /* border-bottom noir transparent - à modifier si besoin */;
	background-color: 		rgba(255,255,255,1) /*{b-bar-background-color} ne pas modifier */;
	font-weight: bold;
	text-shadow: 0 -1px 1px rgba(0,0,0,.5); /* Ombre du texte - ne pas modifier sauf si typo foncée et fond clair */
	background-image: -webkit-gradient(linear, left top, left bottom, from( rgba(0,147,210,.7) /*{b-bar-background-start}*/), to( rgba(0,147,210,1) /*{b-bar-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(rgba(0,147,210,.7), rgba(0,147,210,1)); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(rgba(0,147,210,.7), rgba(0,147,210,1)); /* FF3.6 */
	background-image:     -ms-linear-gradient(rgba(0,147,210,.7), rgba(0,147,210,1)); /* IE10 */
	background-image:      -o-linear-gradient(rgba(0,147,210,.7), rgba(0,147,210,1)); /* Opera 11.10+ */
	background-image:         linear-gradient(rgba(0,147,210,.7), rgba(0,147,210,1)); 
}
/* Boutons de navigation : idem que ui-bar-b  */
.ui-btn-up-b {
	border: 1px solid 		rgba(0,0,0,.2) /*border sur les cotes des boutons de nav - alpha à régler selon couleur de fond*/;
	background: 			#fff /*ne pas modifier*/;
	font-weight: bold;
	color: 					#fff /* {b-bup-color}ne pas modifier */;
	text-shadow: 			0 -1px 1px rgba(0,0,0,.5);
	text-decoration:	none;
	background-image: -webkit-gradient(linear, left top, left bottom, from( rgba(0,147,210,.7) /*{b-bar-background-start}*/), to( rgba(0,147,210,1) /*{b-bar-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(rgba(0,147,210,.7), rgba(0,147,210,1)); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(rgba(0,147,210,.7), rgba(0,147,210,1)); /* FF3.6 */
	background-image:     -ms-linear-gradient(rgba(0,147,210,.7), rgba(0,147,210,1)); /* IE10 */
	background-image:      -o-linear-gradient(rgba(0,147,210,.7), rgba(0,147,210,1)); /* Opera 11.10+ */
	background-image:         linear-gradient(rgba(0,147,210,.7), rgba(0,147,210,1)); 
}

/* Ne pas modifier */
.ui-btn-up-b a.ui-link-inherit {
	color: 					#fff /*{b-bup-color} ne pas modifier*/;
}

/* Hover : on garde le procédé de gradiant mais on met la même couleur avec la valeur alpha la plus basse de .ui-btn-up-b   */
.ui-btn-hover-b {
	border: 1px solid 		rgba(0,0,0,.2);
	background-color: 		#fff; /*NE PAS MODIFIER*/
	font-weight: bold;
	color: 					#fff;
	text-shadow: 0 -1px 1px rgba(0,0,0,.5);
	background-image: -webkit-gradient(linear, left top, left bottom, from( rgba(0,147,210,1) /*{b-bar-background-start}*/), to( rgba(0,147,210,.6) /*{b-bar-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(rgba(0,147,210,.8), rgba(0,147,210,.8)); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(rgba(0,147,210,.8), rgba(0,147,210,.8)); /* FF3.6 */
	background-image:     -ms-linear-gradient(rgba(0,147,210,.8), rgba(0,147,210,.8)); /* IE10 */
	background-image:      -o-linear-gradient(rgba(0,147,210,.8), rgba(0,147,210,.8)); /* Opera 11.10+ */
	background-image:         linear-gradient(rgba(0,147,210,.8), rgba(0,147,210,.8));
}
/*Ne pas modifier*/
.ui-btn-hover-b a.ui-link-inherit {
	color: 					#fff /*{b-bhover-color}*/;
}
/*Etat appuyé, même chose que hover sauf la couche alpha de la couleur du bas qui est à modifier*/
.ui-btn-down-b {
	border: 1px solid 		rgba(0,0,0,.2) /*{b-bdown-border}*/;
	background-color: 			#fff /*NE PAS MODIFIER*/;
	font-weight: bold;
	color: 					#fff /*{b-bdown-color}*/;
	text-shadow: 0 -1px 1px rgba(0,0,0,.5);
	background-image: -webkit-gradient(linear, left top, left bottom, from( rgba(0,147,210,1)), to( rgba(0,147,210,.6))); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(rgba(0,147,210,1), rgba(0,147,210,.6)); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(rgba(0,147,210,1), rgba(0,147,210,.6)); /* FF3.6 */
	background-image:     -ms-linear-gradient(rgba(0,147,210,1), rgba(0,147,210,.6)); /* IE10 */
	background-image:      -o-linear-gradient(rgba(0,147,210,1), rgba(0,147,210,.6)); /* Opera 11.10+ */
	background-image:         linear-gradient(rgba(0,147,210,1), rgba(0,147,210,.6));
}

/*Ne pas modifier*/
.ui-btn-down-b a.ui-link-inherit {
	color: 					#fff /*{b-bdown-color} ne pas modifier*/;
}