/**********************************************************************/
/* Cette feuille de style gère l'affichage graphique des boutons bleu */
/**********************************************************************/

/* BOUTON BLEU AVEC UN LISERE BLEU CLAIR */
.btn_bleu_avec_lisere_fd_blanc button, .btn_bleu_avec_lisere_fd_blanc input{
	height:23px;
	width:auto;
	overflow:visible;
	cursor:pointer;
	float:left;
	text-align:left;
	background:url(../images/commun/boutons/avec_lisere_bleu.gif) no-repeat right;
	border:0px solid red;
	padding:0px 11px 5px 0px;
	>padding:0px 15px 2px 0px;
	color:#FFFFFF;
	font-size:1em;	
	font-family:Arial, Helvetica, sans-serif;
}
@media screen and (min-width: 550px){
	.btn_bleu_avec_lisere_fd_blanc button, .btn_bleu_avec_lisere_fd_blanc input{
		padding:3px 15px 0px 0px;
	}
}
.btn_bleu_avec_lisere_fd_blanc span{
	display:block;
	height:23px;
	width:25px;
	background:url(../images/commun/boutons/coin_bouton_lisere_off.gif) no-repeat;
	float:left;margin:0px 0px 0px 0px;
	display:inline;
	overflow:hidden;
}

/* BOUTON BLEU AVEC FLECHE */
.btn_bleu_fd_blanc_avec_fleche button, .btn_bleu_fd_blanc_avec_fleche input{
	height:23px;
	width:auto;
	overflow:visible;
	cursor:pointer;
	float:left;
	text-align:left;
	background:url(../images/commun/coin_droit_boutonok_fd_blanc.gif) no-repeat right;
	border:0px solid red;
	padding:0px 9px 5px 0px;
	>padding:0px 9px 2px 0px;
	color:#FFFFFF;
	font-size:1em;	
	font-family:Arial, Helvetica, sans-serif;
}
.btn_bleu_fd_blanc_avec_fleche_center{
	width:700px;
	text-align:center;
	border:ref 1px solid;
}
.btn_bleu_fd_blanc_avec_fleche_center button, .btn_bleu_fd_blanc_avec_fleche_center input{
	height:23px;
	width:auto;
	overflow:visible;
	cursor:pointer;
	text-align:center;
	background:url(../images/commun/coin_droit_boutonok_fd_blanc.gif) no-repeat right;
	border:0px solid red;
	padding:0px 9px 5px 0px;
	>padding:0px 9px 2px 0px;
	color:#FFFFFF;
	font-size:1em;	
	font-family:Arial, Helvetica, sans-serif;
}
.btn_bleu_fd_blanc_avec_fleche a{
	height:20px !important; width /**/:25px;
	width:auto;
	overflow:visible;
	cursor:pointer;
	float:left;
	text-align:left;
	background:url(../images/commun/coin_droit_boutonok_fd_blanc.gif) no-repeat right;
	border:0px solid red;
	padding:3px 12px 0px 4px;
	_padding:3px 12px 6px 4px;
	margin:0px;
	color:#FFFFFF;
	font-size:1em;	
	font-family:Arial, Helvetica, sans-serif;
}
.btn_bleu_fd_blanc_avec_fleche_center a{
	height:20px !important; width /**/:25px;
	width:auto;
	overflow:visible;
	cursor:pointer;
	float:none;
	text-align:center;
	background:url(../images/commun/coin_droit_boutonok_fd_blanc.gif) no-repeat right;
	border:0px solid red;
	padding:3px 12px 0px 4px;
	_padding:3px 12px 6px 4px;
	margin:0px;
	color:#FFFFFF;
	font-size:1em;	
	font-family:Arial, Helvetica, sans-serif;
}
@media screen and (min-width: 550px){
	.btn_bleu_fd_blanc_avec_fleche button, .btn_bleu_fd_blanc_avec_fleche input{
		padding:3px 8px 0px 0px;
	}
}
.btn_bleu_fd_blanc_avec_fleche span{
	display:block;
	height:23px;
	width:21px;
	background:url(../images/commun/boutons/coin_bouton_fd_blanc_off.gif) no-repeat;
	float:left;margin:0px 0px 0px 0px;
	display:inline;
	overflow:hidden;
}
.btn_bleu_fd_blanc_avec_fleche_center span{
	display:block;
	height:23px;
	width:21px;
	background:url(../images/commun/boutons/coin_bouton_fd_blanc_off.gif) no-repeat;
	margin:0px 0px 0px 0px;
	float:none;
	text-align:center;
	display:inline;
	overflow:hidden;
}

/* BOUTON BLEU AVEC FLECHE SUR FOND BLANC */
.btn_bleu_fd_blanc{
	border:0px solid green;
	
}
.btn_bleu_fd_blanc button, .btn_bleu_fd_blanc input{
	height:23px;
	width:auto;
	overflow:visible;
	cursor:pointer;
	float:left;
	text-align:left;
	background:url(../images/commun/coin_droit_boutonok_fd_blanc.gif) no-repeat right;
	border:0px solid red;
	padding:0px 6px 5px 0px;
	>padding:0px 6px 2px 0px;
	color:#FFFFFF;
	font-size:1em;	
	font-family:Arial, Helvetica, sans-serif;
}
@media screen and (min-width: 550px){
	.btn_bleu_fd_blanc button, .btn_bleu_fd_blanc input{
		padding:3px 5px 0px 0px;
	}
}
.btn_bleu_fd_blanc span{
	display:block;
	height:23px;
	width:7px;
	background:url(../images/commun/boutons/coin_bouton_fd_blanc_ss_fleche.gif) no-repeat;
	float:left;
	margin:0px 0px 0px 0px;
	display:inline;
	overflow:hidden;
}

/* BOUTON BLEU SUR FOND BLEU */
.btn_bleu_fd_bleu{
	border:0px solid green;
	
}
.btn_bleu_fd_bleu button, .btn_bleu_fd_bleu input  {
	height:23px;
	width:auto;
	overflow:visible;
	cursor:pointer;
	float:left;
	text-align:left;
	background: url(../images/commun/boutons/coin_droit_boutonok_fd_bleu.gif) no-repeat right;
	border:0px solid red;
	padding:0px 6px 5px 0px;
	>padding:0px 6px 2px 0px;
	color:#FFFFFF;
	font-size:1em;	
	font-family:Arial, Helvetica, sans-serif;
}
@media screen and (min-width: 550px){
	.btn_bleu_fd_bleu button, .btn_bleu_fd_bleu input {
		padding:3px 5px 0px 0px;
	}
}
.btn_bleu_fd_bleu span{
	display:block;
	height:23px;
	width:7px;
	background:url(../images/commun/boutons/coin_bouton_fd_bleu_ss_fleche.gif) no-repeat;
	float:left;
	margin:0px 0px 0px 0px;
	display:inline;
	overflow:hidden;
}

/* BOUTON BLEU SUR FOND DEGRADE */
.btn_bleu_fd_bleu_degr{
	border:0px solid green;
	
}
.btn_bleu_fd_bleu_degr button, .btn_bleu_fd_bleu_degr input{
	height:23px;
	width:auto;
	overflow:visible;
	cursor:pointer;
	float:left;
	text-align:left;
	background: url(../images/commun/boutons/coin_droit_boutonok_fd_degr.gif) no-repeat right;
	border:0px solid red;
	padding:0px 6px 5px 0px;
	>padding:0px 6px 2px 0px;
	color:#FFFFFF;
	font-size:1em;	
	font-family:Arial, Helvetica, sans-serif;
}
@media screen and (min-width: 550px){
	.btn_bleu_fd_bleu_degr button, .btn_bleu_fd_bleu_degr input {
		padding:3px 5px 0px 0px;
	}
}
.btn_bleu_fd_bleu_degr span{
	display:block;
	height:23px;
	width:7px;
	background:url(../images/commun/boutons/coin_bouton_fd_bleu_degr_ss_fleche.gif) no-repeat;
	float:left;
	margin:0px 0px 0px 0px;
	display:inline;
	overflow:hidden;
}


/* GRAND BOUTON BLEU AVEC FLECHE */
.btn_bleu_fd_blanc_big{
	border:0px solid green;
	
}
.btn_bleu_fd_blanc_big button, .btn_bleu_fd_blanc_big input {
		height:25px;
		width:auto;
		cursor:pointer;
		float:left;
		background:url(../images/commun/coin_droit_bouton.gif) no-repeat;
		background-position:right;
		border:0px solid red;
		margin:11px 0px 0px 0px;
		padding:0px 8px 4px 0px;
		>padding:0px 8px 2px 0px;
		color:#FFFFFF;
		font-size:1em;	
}
.btn_bleu_fd_blanc_big a{
		height:20px !important; width /**/:25px;
		width:auto;
  		overflow:visible;
		cursor:pointer;
		float:left;
		background:url(../images/commun/coin_droit_bouton.gif) no-repeat;
		background-position:bottom right;
		border:0px solid red;
		margin:11px 0px 0px 0px;
		padding:5px 8px 0px 3px;
		color:#FFFFFF;
		font-size:1em;	
		border:0px solid red;
}
.btn_bleu_fd_blanc_big a:hover{
	color:#68e0f7;
	text-decoration:none;
}
#bouton_search {color: rgb(255, 255, 255);padding-top:0px;}

@media screen and (min-width: 550px){
	.btn_bleu_fd_blanc_big button, .btn_bleu_fd_blanc_big input{
		padding:5px 8px 0px 0px;
	}
}
.btn_bleu_fd_blanc_big span{
		display:block;
		height:25px;
		width:21px;
		background:url(../images/commun/coin_bouton.gif) no-repeat;
		float:left;margin:11px 0px 0px 0px;
		display:inline;
		overflow:hidden;
}

/* TRES GRAND BOUTON BLEU AVEC FLECHE */
.btn_bleu_fd_blanc_big_big{
	border:0px solid green;
	
}
.btn_bleu_fd_blanc_big_big button, .btn_bleu_fd_blanc_big_big input{
		height:30px;
		width:auto;
  		overflow:visible;
		cursor:pointer;
		float:left;
		background:url(../images/commun/boutons/coin_droit_bouton_big.gif) no-repeat;
		background-position:right;
		border:0px solid red;
		margin:11px 0px 0px 0px;
		padding:0px 35px 4px 0px;
		>padding:0px 35px 2px 0px;
		color:#FFFFFF;
		font-size:1em;	
}
@media screen and (min-width: 550px){
	.btn_bleu_fd_blanc_big_big button, .btn_bleu_fd_blanc_big_big input{
		padding:7px 35px 0px 0px;
	}
}
.btn_bleu_fd_blanc_big_big span{
		display:block;
		height:30px;
		width:43px;
		background:url(../images/commun/boutons/coin_bouton_big.gif) no-repeat;
		float:left;margin:11px 0px 0px 0px;
		display:inline;
		overflow:hidden;
}