/*
 * Author : Kevin Hale
 * URL : http://particletree.com
 * Boutons génériques pour les liens classiques et les formlaires
 */
@CHARSET "ISO-8859-1";

/*****************************************************************************
 * Aspect graphique du bouton
 *****************************************************************************/
.btn-square{
	text-align: center;
} 
 
.btn-square-list a, .btn-square a, .btn-square-list button, .btn-square button{
    display:block;
    background-color:#f5f5f5;
    border:1px solid #dddddd;
    border-top:1px solid #dedede;
    border-left:1px solid #dedede;
    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:12px;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
}
.btn-square-list a{
	float: left;
	margin:0 7px 0 0;
	padding:5px 10px 6px 7px; /* Links */
}
.btn-square a, .btn-square button, .btn-square-list button{ /* Boutons par défauts */
	display: inline;    
	padding:5px; /* Links */
}
table .btn-square a{ /* Boutons dans des tableaux */
    display: block;
    padding:1px 1px 1px 1px; /* Links */
}



.btn-square button, .btn-square-list button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.btn-square button[type], .btn-square-list button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
.btn-square button img, .btn-square a img, .btn-square-list button img, .btn-square-list a img{
    margin:0 5px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

.btn-square a img.notxt{
    margin:0 0px -3px 0 !important;
}



/* STANDARD */

button:hover, .btn-square a:hover, .btn-square-list a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.btn-square a:active, .btn-square-list a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button.positive, .btn-square a.positive, .btn-square-list a.positive, span.positive, div.positive{
    color:#529214;
}
.btn-square a.positive:hover, .btn-square-list a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.btn-square a.positive:active, .btn-square-list a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */
.btn-square a.negative, .btn-square-list a.negative, button.negative, span.negative, div.negative{
    color:#d12f19;
}
.btn-square a.negative:hover, .btn-square-list a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.btn-square a.negative:active, .btn-square-list a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}


/*
 * Bouton Slidding doors
 */
.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.btn-round {
    background: transparent url('button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 18px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.btn-round span {
    background: transparent url('button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 2px 0 2px 18px;
}

a.btn-round:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.btn-round:active span {
    background-position: bottom left;
    padding: 2px 0 2px 18px; /* push text down 1px */
}



/*****************************************************************************
 * Affichage de message OK / NOK
 *****************************************************************************/
.msg-ok, .msg-nok{
	font-size: 14px;
	font-weight: bold;
	margin: 5px auto;
	padding: 5px;
	width: 80%;
	
}
.msg-ok{
	border: solid 1px #C6D880;
	color: #529214;
}
.msg-nok{
	border: solid 1px #fbc2c4;
	color: #d12f19;
}