/** Boutons d'action	*/
.boutonOrange {
	height: 40px;
	width: 100px;
	background: transparent url("../img/bouton_orange_vide.gif") no-repeat 0px 3px;
	border-style: none;
	padding: 0px 0px 0px 0px;
	border-top: 0px;
	border-left: 0px;
	cursor:pointer;
}
a:active .boutonOrange {
	border-bottom: 0px;
	border-right: 0px;
}

.boutonOrangeOff{
	height: 40px;
	width: 100px;
	background: transparent url("../img/bouton_orange_vide_off.gif") no-repeat 0px 3px;
	border-style: none;
	padding: 0px 0px 0px 0px;
	border-top: 0px;
	border-left: 0px;
	cursor:pointer;
	color:#bbb;
}
a:active .boutonOrangeOff {
	border-bottom: 0px;
	border-right: 0px;
}

#btnStartUpload:hover, #btnCancel:hover, #browseUpload:hover{
	border : 2px inset;
}

.iconeBouton {
	border: 2px outset;
}

.iconeBouton:hover {
	border: 2px inset;
}

.boutonBleu {
	height: 40px;
	width: 100px;
	background: transparent url("../img/bouton bleu.png") no-repeat -10px -3px;
	padding: 0px 0px 0px 0px;
	border-top: 0px;
	border-left: 0px;
}
a:active .boutonBleu {
	border-bottom: 0px;
	border-right: 0px;
}

.boutonParent {
	height: 18px;
	width: 18px;
	background: transparent url("../img/picto/picto_parent.png") no-repeat;
	padding: 0px 0px 0px 0px;
	border-top: 0px;
	border-left: 0px;
}

#iconeClone {
 	border: 2px outset #FF9900;
 	vertical-align: bottom;
 	width: 18px;
 	height: 18px;
}

#iconeParent {
	border: 2px outset #FF9900;
	vertical-align: bottom;
}

.iconeMemo {
	border: 2px outset #F2C1D7;
	cursor: pointer;
	vertical-align: bottom;
}

/** Boutons radio	*
a.radioBrouillon {
background: url("../img/brouillon inactif.png") no-repeat 0px -1em;
height:20px;
width:20px;
}
a:hover .radioBrouillon{
background: transparent url("../img/brouillon actif.png") no-repeat 0px 0px;
}
a:active .radioBrouillon{
background: transparent url("../img/brouillon actif.png") no-repeat 0px 0px;
}

a.radioValide {
background-image: url("../img/valide inactif.png");
height:20px;
width:20px;
}
a.radioValide:hover{
background-image: url("../img/valide actif.png");
}
a.radioValide:active{
background-image: url("../img/valide actif.png");
}

a.radioPublie {
background-image: url("../img/publie inactif.png");
height:50px;
width:50px;
}
a.radioPublie:hover{
background-image: url("../img/publie actif.png");
}
a.radioPublie:active{
background-image: url("../img/publie actif.png");
}

a.radioArchive {
background-image: url("../img/archive inactif.png");
height:20px;
width:20px;
}
a.radioArchive:hover{
background-image: url("../img/archive actif.png");
}
a.radioArchive:active{
background-image: url("../img/archive actif.png");
}
/* *************** */


/** Boutons calendrier date picker	*/
TD.CALENDRIER {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; BACKGROUND-COLOR: #d9f3e7; TEXT-ALIGN: center;
}

A.CALENDRIER {
	COLOR: #000000; TEXT-DECORATION: none
}
.CALENDARBORDER {
	BACKGROUND-COLOR: #ff8f01
}
.CALENDARTITLE {
	BACKGROUND-COLOR: #17575b
}
.CALENDARWEEK {
	BACKGROUND-COLOR: #F1FFF9;cursor: pointer;
}
.CALENDARWEEKEND {
	BACKGROUND-COLOR: #fff4e5;cursor: pointer;
}
.CALENDARSELECTED {
	BACKGROUND-COLOR: #ff8f01;cursor: pointer;
}


/*******************************************************************************************
***********************************   BOUTONS     ******************************************
*******************************************************************************************/
.buttons a,.buttons button {
	display: block;
	float: left;
	margin: 0 7px 0 0;
	background-color: #f5f5f5;
	border: 1px solid #dedede;
	border-top: 1px solid #eee;
	border-left: 1px solid #eee;
	
	font-family: verdana,helvetica,sans-serif;;
	font-size: 100%;
	line-height: 130%;
	text-decoration: none;
	/*font-weight: bold;*/
	color: #565656;
	cursor: pointer;
	padding: 5px 10px 6px 7px; /* Links */
}

.buttons button {
	width: auto;
	overflow: visible;
	padding: 4px 10px 3px 7px; /* IE6 */
}

.buttons button[type] {
	padding: 5px 10px 5px 7px; /* Firefox */
	line-height: 17px; /* Safari */
}

* :first-child+html button[type] {
	padding: 4px 10px 3px 7px; /* IE7 */
}

.buttons button img,.buttons a img {
	margin: 0 3px -3px 0 !important;
	padding: 0;
	border: none;
	width: 16px;
	height: 16px;
}

button:hover,.buttons a:hover {
	background-color: #dff4ff;
	border: 1px solid #c2e1ef;
	color: #336699;
}



/* save */
button.save,.buttons a.save {
	color: black;
}

.buttons a.save:hover,button.save:hover {
	background-color: #E6EFC2;
	border: 1px solid #C6D880;
	color: #529214;
}


/* add */
button.add,.buttons a.add {
	color: black;
}

.buttons a.add:hover,button.add:hover {
	background-color: #E6EFC2;
	border: 1px solid #7EAADA;
	color: blue;
}

/* delete */
button.delete,.buttons a.delete {
	color: black;
}

.buttons a.delete:hover,button.delete:hover {
	background-color: #E6EFC2;
	border: 1px solid #C6D880;
	color: red;
}

.adminCarre{
	border:1px solid gray;
	padding:0px;
	padding-left:6px;
	padding-right:6px;
	background-color:#53C657;
	margin-right:6px;	 
}

#iconeEffacerParent {
	border: 0px;
	margin: -5px 5px 0px 0px;
	width: 18px;
	height: 18px;
}

.boutonFermer {
	border: 1px outset #89A4A7;
	margin: -5px -10px 0px 0px;
	width: 18px;
	height: 18px;
}

.puceFlecheCarre{
	padding:0px;
	padding-left:6px;
	padding-right:6px;
	margin-left:6px;
	margin-right:2px;
	background:transparent url('../img/picto/puce_fleche_blanche.gif') 0px 1px no-repeat;
}

.boutonSombre50 > div {
	height: 50px;
	vertical-align: top;
	width: 50px;
	float: left;
	background: url('../img/bouton_sombre_tranche_1x50.gif') repeat-x;
}
.boutonSombre50:before {
	content: url('../img/bouton_sombre_gauche_4x50.gif');
	display: inline;
	float: left;
}
.boutonSombre50:after {
	content: url('../img/bouton_sombre_droite_4x50.gif');
	display: inline;
	float: left;
}

#boutonAccueilVeille a:link, #boutonAccueilVeille a:hover, #boutonAccueilVeille a:active, #boutonAccueilVeille a:visited,
#boutonAccueilExpertise a:link, #boutonAccueilExpertise a:hover, #boutonAccueilExpertise a:active, #boutonAccueilExpertise a:visited,
#boutonAccueilProduction a:link, #boutonAccueilProduction a:hover, #boutonAccueilProduction a:active, #boutonAccueilProduction a:visited,
#boutonConsoleUtilisateur a:link, #boutonConsoleUtilisateur a:hover, #boutonConsoleUtilisateur a:active, #boutonConsoleUtilisateur a:visited {
	text-decoration: none;
}

.boutonAccueil {
	float: right;
	width:172px;
	height:100px;
	padding: 0 20px;
	text-align:center
}