/****************************************************************************************/
/* style pour le bouton avec le theme standard */
.button_standard 
{
	background: transparent;
	border-width: 0;
	margin: 0 0 0 0;
	position: relative;
	clear: left;
	width:  150px;
	heigth: 27px;
}

.button_standard button 
{
	text-align:center;
	width: 100%;
	height: 100%;
    background: none repeat scroll 0 0 transparent;
    border: medium none;
 
   	color: white;
	font-size: 13px !important;
	font-family: Arial,sans-serif;

/*	padding: 0px 0px 4px 0px !important;*/
	cursor: pointer !important;
}
.button_standard div 
{
    float: left;
    position: relative;
}
.button_standard_middle_file
{
   	color: white;
	font-size: 13px !important;
	font-family: Arial,sans-serif;

	padding: 5px 0px 0px 0px !important;
	width: 130px;
   	height: 27px;
 	background: url("../images/button-standard-middle.png") repeat-x scroll 0 0 transparent;
}
.button_standard_middle 
{
	width: 130px;
   	height: 27px;
 	background: url("../images/button-standard-middle.png") repeat-x scroll 0 0 transparent;
}
.button_standard_left 
{
	width: 10px;
    height: 27px;
 	background: url("../images/button-standard-left.png") no-repeat scroll 0 0 transparent;
}
.button_standard_right 
{
    width: 10px;
    height: 27px;
 	background: url("../images/button-standard-right.png") no-repeat scroll 0 0 transparent;
}

/****************************************************************************************/
/* style pour le bouton avec le theme dark */
.button_dark 
{
	background: transparent;
	border-width: 0;
	margin: 0 0 0 0;
	position: relative;
	clear: left;
}
.button_dark button 
{
	text-align:center;
	width: 100%;
	height: 100%;
    background: none repeat scroll 0 0 transparent;
    border: medium none;
 
   	color: white;
	font-size: 13px !important;
	font-family: Arial,sans-serif;

	padding: 0px 0px 4px 0px !important;
	cursor: pointer !important;
}
.button_dark div 
{
    float: left;
    position: relative;
}
.button_dark_middle 
{
	width: 130px;
   	height: 27px;
 	background: url("../images/button-dark-middle.png") repeat-x scroll 0 0 transparent;
}
.button_dark_left 
{
    width: 10px;
    height: 27px;
 	background: url("../images/button-dark-left.png") no-repeat scroll 0 0 transparent;
}
.button_dark_right 
{
    width: 10px;
    height: 27px;
 	background: url("../images/button-dark-right.png") no-repeat scroll 0 0 transparent;
}

/****************************************************************************************/
/* style pour le bouton avec le theme connexion */
.button_connexion
{
	border-width: 0;
	margin: 0 0 0 0;
	position: relative;
	clear: left;
}
.button_connexion button
{	
    background: transparent;
    border-width: 0;
    
	color: rgba(255, 255, 255, 1) !important;
	font-size: 17px !important;
	font-weight: bold !important;
	font-family: Arial,'Helvetica Neue',Helvetica,sans-serif !important;
	padding: 1px 45px 0 15px !important;
	cursor: pointer !important;
	height: 38px !important;
	opacity: .9 !important;
}
.button_connexion div
{	
	position: relative;
	float: left;
}
.button_connexion_fleche
{
	width: 12px;
	height: 14px;
	top: 14px;
	float: right !important;
	background: url('../images/button-connexion-fleche.png') 0 0 no-repeat;
}
.button_connexion_middle
{
	width: 250px;
	height: 40px;
	background: url('../images/button-connexion-middle.png') 0 0 repeat-x;
}
.button_connexion_left
{
	width: 10px;
	height: 40px;
	background: url('../images/button-connexion-left.png') 0 0 no-repeat;
}
.button_connexion_right
{
	width: 10px;
	height: 40px;
	background: url('../images/button-connexion-right.png') 0 0 no-repeat;	
}

/****************************************************************************************/
/* style pour les bouton avec le theme commencant par image_ */
.button_image_fleche_droite
{
	width: 30px;
	height: 30px;
	background: url('../images/button-image-fleche-droite.png') 0 0 no-repeat;	
}
.button_image_fleche_droite button
{	
	width: 100%;
	height: 100%;
    background: transparent;
    border-width: 0;
    cursor: pointer !important;
}
.button_image_fleche_gauche
{
	width: 30px;
	height: 30px;
	background: url('../images/button-image-fleche-gauche.png') 0 0 no-repeat;	
}
.button_image_fleche_gauche button
{	
	width: 100%;
	height: 100%;
    background: transparent;
    border-width: 0;
    cursor: pointer !important;
}
/* style pour les bouton avec le theme commencant par image_ */
.button_image_fleche_haut
{
	width: 30px;
	height: 30px;
	background: url('../images/button-image-fleche-haut.png') 0 0 no-repeat;	
}
.button_image_fleche_haut button
{	
	width: 100%;
	height: 100%;
    background: transparent;
    border-width: 0;
    cursor: pointer !important;
}
/* style pour les bouton avec le theme commencant par image_ */
.button_image_fleche_bas
{
	width: 30px;
	height: 30px;
	background: url('../images/button-image-fleche-bas.png') 0 0 no-repeat;	
}
.button_image_fleche_bas button
{	
	width: 100%;
	height: 100%;
    background: transparent;
    border-width: 0;
    cursor: pointer !important;
}

.button_image_annuler
{
	width: 30px;
	height: 30px;
	background: url('../images/button-image-annuler.gif') 0 0 no-repeat;	
}

.button_image_annuler button
{	
	width: 100%;
	height: 100%;
    background: transparent;
    border-width: 0;
    cursor: pointer !important;
}

.button_image_valider
{
	width: 30px;
	height: 30px;
	background: url('../images/button-image-valider.png') 0 0 no-repeat;	
}

.button_image_valider button
{	
	width: 100%;
	height: 100%;
    background: transparent;
    border-width: 0;
    cursor: pointer !important;
}

.button_image_loading_close
{
	width: 30px;
	height: 30px;
	margin-top: 25% !important;
	margin-left: 53% !important;
	text-align: center !important;
	background: url('../images/button-image-loading-close.png') 0 0 no-repeat;	
}

.button_image_loading_close button
{	
	width: 100%;
	height: 100%;
    background: transparent;
    border-width: 0;
    cursor: pointer !important;
}