@charset "utf-8";
/* CSS Document */

/* BUTTONS */
#Boutons, .Bouton  {
	margin-top: 20px;
	padding-bottom: 15px;
	text-align: center;
	line-height: 36px;
}

#Boutons a, .Bouton a {
	width:100px;
	background-color:#EBEBEB;
	color:black;
	text-decoration:none;
	text-align:center;
	margin: 0px 10px;
	padding:5px 10px;
	border-width:2px;
	border-style:solid;
	border-color:#DCDCDC #696969 #696969 #DCDCDC;  /*pour avoir un effet "outset" avec IE*/
}
#Boutons a:hover, .Bouton a:hover {
	background-color:#D3D3D3;
	border-color: #696969 #DCDCDC #DCDCDC #696969;
} 

/* Boutons de type 'STANDARD' (défaut) */
#Boutons button, .Bouton button {
    background-color:var(--ae-button-bg-color, #f5f5f5);
    color:var(--ae-button-color, #565656);
    margin:0 7px 0 0;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	box-shadow:0 0 1px #ccc;
    text-decoration:none;
    font-weight:bold;
    cursor:pointer;
	width:auto;
    overflow:visible;
    line-height:20px;
    padding:5px 10px 8px 10px;
}

#Boutons button img, .Bouton button img {
    margin:0 6px -6px 0 !important;
    padding:0;
    width:24px;
    height:24px;
    border:none;
	vertical-align: baseline;
}
#Boutons button.image-after img, .Bouton button.image-after img {
    margin:0 0 -6px 6px !important;
    padding:0;
    border:none;
}

#Boutons button:hover, .Bouton button:hover {
	background-color: var(--ae-button-bg-color-hover, #dff4ff);
	color: var(--ae-button-color-hover, #336699);
	box-shadow:0 0 10px #999;
}

/* Boutons de type 'POSITIVE' */
#Boutons button.positive, .Bouton button.positive {
	background-color: var(--ae-button-positive-bg-color, #e6efc2);
	color: var(--ae-button-positive-color, #000);
}
#Boutons button.positive:hover, .Bouton button.positive:hover {
    background-color: var(--ae-button-positive-bg-color-hover, #e6efc2);
    color: var(--ae-button-positive-color-hover, #529214);
}

/* Boutons de type 'NEGATIVE' */
#Boutons button.negative, .Bouton button.negative {
	background-color: var(--ae-button-negative-bg-color, #fbe3e4);
	color: var(--ae-button-negative-color, #000);
}
#Boutons button.negative:hover, .Bouton button.negative:hover{
    background-color: var(--ae-button-negative-bg-color-hover, #fbe3e4);
    color :var(--ae-button-negative-color-hover, #d12f19);
}

/* Boutons de type 'DISABLED' */
#Boutons button.disabled, .Bouton button.disabled,
#Boutons button:disabled, .Bouton button:disabled {
	background: #ccc url() !important;
    color: #777 !important;
}
#Boutons button.disabled:hover, .Bouton button.disabled:hover {
	background: #ccc url() !important;
    color: #777 !important;
	box-shadow:0 0 1px #ccc;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
	cursor:default;
}