/* $VERSION: boutons.css 4.14.006.1.2025.04.14.15.15	 */

/*------------------------------------------------
 * Style Boutons sur balises buttons
 *------------------------------------------------*/

ul.boutons{
    padding:0;
    /* height:2.4em; */
    text-align:center;
}

#sfCirilPaiement ul.boutons{
	display: inline-block;
}

ul.boutons li{
    display: inline-block;
    list-style-type:none;
    margin:0.3em auto 1em auto;

}

/* boutons creation dossier */
body#sfCirilCreationDossier ul.boutons{
    width: auto !important;
}

body.contact_messagesEnvoyes form li{
	list-style: none;
	margin-left: 38%;
}

 /*hover sur les boutons au sein des pages*/
img.bouton, li.bouton img{ padding:1px; }
img.bouton:hover, li.bouton:hover img, .bouton, .fermer { cursor:pointer; }

input.bouton, .bouton a, button, a.bouton{
	font-family: Verdanna, Arial, Helvetica, sans-serif;
	display:block;
	height:2em;
    font-size:105%;
	background-color:#fff;
	border: 1px solid #999;
    background-position:0.4em;
    background-repeat : no-repeat;
    border:1px solid #ccc;

    -moz-border-radius-bottomleft :3px;
	-webkit-border-bottom-left-radius :3px;
        -moz-border-radius-bottomright :3px;
	-webkit-border-bottom-right-radius :3px;
         -moz-border-radius-topleft :3px;
	-webkit-border-top-left-radius :3px;
        -moz-border-radius-topright :3px;
	-webkit-border-top-right-radius :3px;
    color: #0066cc;
    margin-right: 10px;
        width:13.5em;
}

input.bouton.attente{ text-align: right; }

input.bouton_small{
	width:8em;
	display: inline;
}

ul.boutons li a.bouton{
	text-align:center;
	padding:0;
	line-height:1.7em;
	height:1.85em;
 }

input.bouton:hover, .boutons li a:hover,button:hover, a.bouton:hover  {
	border-color:#006699;
    cursor:pointer;
}

input[disabled] {
	color: #666;
	opacity: 0.65;
}

/* input.enregistrer, input.valider,input.ajouter, input.ajouter, input.continuer, input.retour, input.rechercher, input.annuler, input.supprimer, input.actualiser, input.imprimer, input.editer, input.attente,.boutons a.suivant, a.bouton{

    padding-left: 1.5em;

} */

input.enregistrer{
	background-image:  url("../images/boutons/bt_tx_enregistrer.gif") ;

}

input.enregistrervalider{
	background-image:  url("../images/boutons/bt_tx_enregistrervalider.png") ;
}

input.valider, ul.boutons li.valider{
	background-image:  url("/images/boutons/bt_tx_valider.gif")  ;
}

input.rechercher{
	background-image:  url("../images/bt_tx_rechercher.png");
}

input.annuler{
	background-image:  url("../images/boutons/bt_tx_annuler.gif");

}

input.editer{

	background-image:  url("../images/boutons/bt_tx_editer.png");

}

input.supprimer{
	background-image:  url("/images/boutons/bt_tx_supprimer.gif");

}

#sfCirilInscriptionVisualisation input.supprimer{
	text-align: right;
    padding-right: 15px;
    display: block;
    margin-left: 5px;
}

input.supprimervalider{
	background-image:  url("../images/boutons/bt_tx_supprimervalider.png") ;
}

input.continuer, input.ajouter{
	background-image:  url("/images/boutons/bt_tx_ajouter.gif");
	width: auto !important;
	min-width: 13.5em;
    text-align: right;

}

input.retour{
	background-image:  url("/images/boutons/bt_tx_precedent.gif");
}

input.attente{
	background-image: url("/images/boutons/bt_liste_attente.png")
}

input.fermer{
	width : 1em;
	background-image:  url("/images/boutons/bt_tx_fermer.gif");
	background-repeat: no-repeat;
	border: none;
	padding: 0 0 0 0;
	margin-right: 0.5em;
	height: 1em;
}

input.planning{
	background-image: url("/images/icones/ico_planning_modif.gif");
    background-position: 0.4em 0.1em;
    padding-left: 2em;
}

#global form fieldset input.loupe{
    float:left;
    width:5em;
    font-size:12px;
    /* margin-right:0; */
    margin-left: 1em;
}

/*pdf*/
.pdf{
    padding-left:20px;
    background: url(../images/ico_pdf.gif) no-repeat
}

input.etape{
	background-image:  url("../images/fl_etapes_hor.gif") ;
}

/*Suivant*/
.boutons a.suivant, .suivant{
      background:#fff url(../images/boutons/bt_tx_suivant.gif) no-repeat;
}
.boutons a.suivant:hover{}
.boutons a.suivant:active{}

/*Précédent*/
.boutons a.precedent, .precedent{
      background:#fff url(../images/boutons/bt_tx_precedent.gif) no-repeat;
}
.boutons a.precedent:hover{}
.boutons a.precedent:active{}

/*hover sur les boutons au sein des pages*/
img.bouton, li.bouton img{ padding:1px; }

img.bouton:hover, li.bouton:hover img{
	padding:1px;
	background:url(/composants/images/bouton/bouton_page_bg.gif) no-repeat top center;
	cursor:pointer;
}

.bouton_hover{
	background:url(/composants/images/bouton/ssmenu_w_bg.gif) no-repeat bottom ;
}

/*Suivant*/
ul.boutons li  a.suivant,ul li button.suivant{
      background:#fff url(../images/boutons/bt_tx_suivant.gif) no-repeat center right;
      padding-left:0;
      padding-right:20px;
}

/*Précédent*/
ul.boutons li a.precedent,ul li button.precedent{
      background:#fff url(../images/boutons/bt_tx_precedent.gif) no-repeat center left;
}

/*Car particulier des boutons long pour les simulations*/
ul.boutons li input.bt_qt, ul.boutons li.relance_quotient input.relancer_calcul{
    background:#fff url(../images/boutons/bt_tx_calculer.gif) no-repeat 0.3em center;
    width:13em;

}



ul.boutons li.right {
	float: right;
}

ul.boutons li.left {
	float: left;
}

ul.small {
	height: 1em;
}