
/* > FIL D'ARIANE
-------------------------------------------------------------------------------------------------------------------------------- */
nav#breadcrumb {
	margin:0 auto;
	width:100%;
	height:40px;
	background:url(./etat/header/breadcrumb_1.gif) repeat-x;
}
#breadcrumb ul {
	padding:0px;
}
#breadcrumb li {
	position:relative;
	z-index:0;
	display:block;
	float:left;
	font-family: 'Roboto', sans-serif;
	font-size:14px;
	color:#005B9D;
	line-height:40px;
}
#breadcrumb li:before {
	position:relative;
	z-index:1;
	content:"";
	display:inline-block;
	float:left;
	width:20px;
	height:40px;
	margin-left:-20px;
	background-image:url(./etat/header/breadcrumb_2.png);
	background-position: 0 0;
	background-repeat:no-repeat;
}
#breadcrumb li span { display:inline-block; margin-left:10px; }
#breadcrumb li a {
	position:relative;
	z-index:1;
	display:inline-block;
	padding:0 25px 0 10px;
	text-decoration:none;
	color:#fff;
	height:40px;
	line-height:40px;
	background-image:url(./etat/header/breadcrumb_1.gif);
	background-position: 0 -40px;
	background-repeat:repeat-x;
}
#breadcrumb li a:before {
	content:"";
	display:inline-block;
	float:left;
	width:20px;
	height:40px;
	margin-left:-30px;
	background-image:url(./etat/header/breadcrumb_2.png);
	background-position: 0 -40px;
	background-repeat:no-repeat;
}
#breadcrumb li:first-child:before, #breadcrumb li:first-child a:before { display:none; }

/* > déclinaisons couleurs -------------------------- */
/* spas */
._page.spa #breadcrumb li a { background-position:0 -160px; }
._page.spa #breadcrumb li a:before { background-position:0 -160px; }
._page.bio #breadcrumb li a { background-position:0 -280px; }
._page.bio #breadcrumb li a:before { background-position:0 -280px; }
._page.pieces #breadcrumb li a { background-position:0 -240px; }
._page.pieces #breadcrumb li a:before { background-position:0 -240px; }
._page.saunas #breadcrumb li a { background-position:0 -200px; }
._page.saunas #breadcrumb li a:before { background-position:0 -200px; }
._page.piscine #breadcrumb li a { background-position:0 -120px; }
._page.piscine #breadcrumb li a:before { background-position:0 -120px; }
._page.services #breadcrumb li a { background-position:0 -320px; }
._page.services #breadcrumb li a:before { background-position:0 -320px; }
._page.services #breadcrumb li:first-child a,
._page.piscine #breadcrumb li:first-child a,
._page.saunas #breadcrumb li:first-child a,
._page.pieces #breadcrumb li:first-child a,
._page.bio #breadcrumb li:first-child a,
._page.spa #breadcrumb li:first-child a { background-position:0 -40px; }
#breadcrumb li a:hover, #breadcrumb li a:hover:before,
._page.services #breadcrumb li a:hover, ._page.services #breadcrumb li a:hover:before,
._page.piscine #breadcrumb li a:hover, ._page.piscine #breadcrumb li a:hover:before,
._page.pieces #breadcrumb li a:hover, ._page.pieces #breadcrumb li a:hover:before,
._page.saunas #breadcrumb li a:hover, ._page.saunas #breadcrumb li a:hover:before,
._page.bio #breadcrumb li a:hover, ._page.bio #breadcrumb li a:hover:before,
._page.spa #breadcrumb li a:hover, ._page.spa #breadcrumb li a:hover:before  { background-position:0 -80px; }








/* Makeshift CSS Reset */
html, body{
	margin: 0;
	padding: 0;
}

/* Tell the browser to render HTML 5 elements as block */
header, footer, aside, nav, article {
	display: block;
}
body,table {
	margin: 0 auto;
	font: 12px/22px Verdana, Arial, sans-serif;
	color: #666666;
}
div {
	margin: 0;
	font: 12px/22px Verdana, Arial, sans-serif;
}
h1{
	color:white;
	text-align:left;
	padding-left:20px;
	font-size:14px;
	height:30px;
	background:-moz-linear-gradient(90deg, #343b57, #232937); /* Firefox */
	background:-o-linear-gradient(90deg, #343b57, #232937); /* Opéra */
	background:-webkit-gradient(linear, left top, left bottom, from(#343b57), to(#232937)); /* Webkit */
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#343b57', EndColorStr='#232937'); /* IE */
	border-bottom:solid 1px #999999;
	text-transform:uppercase;
	margin:0;
	padding-top:5px;
	font-weight:bold;
}
.h1{
	color:black;
	text-align:left;
	padding-left:20px;
	font-size:14px;
	height:30px;
	background:-webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#CCCCCC)); /* Webkit */
	background:-moz-linear-gradient(90deg, #FFFFFF, #CCCCCC); /* Firefox */
	background:-o-linear-gradient(90deg, #FFFFFF, #CCCCCC); /* Opéra */
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#FFFFFF', EndColorStr='#CCCCCC'); /* IE */
	ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#CCCCCC)";
	-ms-linear-gradient(#FFFFFF, #CCCCCC, #FFFFFF);
	border-bottom:solid 1px #999999;
	text-transform:uppercase;
	margin:0;
	padding-top:5px;
	font-weight:bold;
}



h3 {
	background:-moz-linear-gradient(90deg, #01497B, #016AAB); /* Firefox */
	background:-o-linear-gradient(90deg, #01497B, #016AAB); /* Opéra */
	background:-webkit-gradient(linear, left top, left bottom, from(#01497B), to(#016AAB)); /* Webkit */
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#01497B', EndColorStr='#016AAB'); /* IE */

	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-webkit-border-radius:3px;
	-moz-box-shadow:0 1px 0 #fff;
	-ms-box-shadow:0 1px 0 #fff;
	-webkit-box-shadow:0 1px 0 #fff;
	color:#FFFFFF;

	font-family:Arial,sans-serif;
	font-size:14px;
	font-weight:bold;
	padding-left:10px;
	text-decoration:none;
	/*text-shadow:0 1px 1px #333;*/
	text-transform:uppercase;
	width:100%;
}

h4{
	color:#293043;

}

p {
	padding-bottom: 0px;
	font-size:12px;
}
label{
  display: inline;
  float: left;
  width: 75px;
  color: #666666;
}
footer {
	border-top:1px solid #CCCCCC;
	color:#CCCCCC;
	width:100%;
	text-align:right;
}
/* tableau */
table {
  padding:0px;
  border-spacing:0px;
  color: #666666;
}
/* image */
image {
  border:0px;
}

/* Liens */
a {
  text-decoration: none;
}
a:link {
  /*color: #5998DD;*/
  color:#666666;
}
a:visited {
  /*color: #5998DD;*/
  color:#666666;
}
a:hover, a:focus, a:active {
  color: #888888;
}
/* Pas de bordure pointillée ou halo lors du clic sur un lien */
a:active {
  outline: none;
}
/* Pas de bordure autour des images dans les liens */
a img {
  border: none;
}
/* Divers éléments de type en-ligne (8) */
em {
  font-style: italic;
}
strong {
  font-weight: bold;
}
.calendar-event{
	background-color:#3366CC;
	border:1px solid #3366CC;
	color:#FFF;
	-moz-border-radius: 5px;
	-moz-border-radius-topleft : 5px;
	-moz-border-radius-topright : 5px;
	-moz-border-radius-bottomleft : 5px;
	-moz-border-radius-bottomright : 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
}
fieldset{
 	background-color:#FFFFFF;
  	border:1px solid #CCCCCC;
  	-moz-border-radius: 5px;
  	-moz-border-radius-topleft : 5px;
  	-moz-border-radius-topright : 5px;
  	-moz-border-radius-bottomleft : 5px;
  	-moz-border-radius-bottomright : 5px;

  	-webkit-border-top-left-radius: 5px;/*le bord haut gauche*/
  	-webkit-border-top-right-radius: 5px; /*le bord haut droit*/
  	-webkit-border-bottom-right-radius: 5px;/*le bord bas droit*/
  	-webkit-border-bottom-left-radius: 5px;/*le bord bas gauche*/
  	margin-left:10px;
  	margin-right:10px;
  	margin-top:10px;

}
legend{

  color: #666666;/*color: #5998DD; */
  font-weight: bold; /* Valeur par défaut. (6) */
  font-style: italic;
  font-size:14px;

}

.tab_h1{
	color:black;
	text-align:left;
	font-size:12px;
	height:37px;
	background:-webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#CCCCCC)); /* Webkit */
	background:-moz-linear-gradient(90deg, #FFFFFF, #CCCCCC); /* Firefox */
	background:-o-linear-gradient(90deg, #FFFFFF, #CCCCCC); /* Opéra */
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#FFFFFF', EndColorStr='#CCCCCC'); /* IE */
	border-bottom:solid 1px #999999;
	text-transform:none;
	width:100%;
}
.tab_h1 td{
	vertical-align:middle;
}

.titre_h1{
	color:black;
	text-align:left;
	padding-left:10px;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
}


h2 {
	font-size: 28px;
	line-height: 44px;
	padding: 0px 0;
}

form {
  margin: 0;
  padding: 0;
  border: none;
}
.form_ombrage{
	text-align:left;
	font-size:14px;

}
/*
.form_ombrage fieldset{
	text-align:left;
	/*
	-moz-box-shadow: 2px 2px 3px #878088;
	-webkit-box-shadow: 2px 2px 3px #878088;

	-moz-border-radius: 5px;
	-moz-border-radius-topleft : 5px;
	-moz-border-radius-topright : 5px;
	-moz-border-radius-bottomleft : 5px;
	-moz-border-radius-bottomright : 5px;

	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	border:1px solid #CCCCCC;
}
*/

.form_ombrage h1{
	color:black;
	text-align:left;
	padding-left:20px;
	font-size:12px;
	height:30px;
	background:-webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#CCCCCC)); /* Webkit */
	background:-moz-linear-gradient(90deg, #FFFFFF, #CCCCCC); /* Firefox */
	background:-o-linear-gradient(90deg, #FFFFFF, #CCCCCC); /* Opéra */
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#FFFFFF', EndColorStr='#CCCCCC'); /* IE */
	border-bottom:solid 1px #999999;
	text-transform:uppercase;
	margin:0;
	padding-top:5px;
	font-weight:normal;

  	-moz-border-radius-topleft : 5px;
  	-moz-border-radius-topright : 5px;
  	-moz-border-radius-bottomleft : 0px;
  	-moz-border-radius-bottomright : 0px;

  	-webkit-border-top-left-radius: 5px;
  	-webkit-border-top-right-radius: 5px;
  	-webkit-border-bottom-right-radius: 0px;
  	-webkit-border-bottom-left-radius: 0px;
}

.form_ajout{

   -moz-border-radius: 5px;
  -moz-border-radius-topleft : 5px;
  -moz-border-radius-topright : 5px;
  -moz-border-radius-bottomleft : 5px;
  -moz-border-radius-bottomright : 5px;

  -webkit-border-top-left-radius: 5px;/*le bord haut gauche*/
  -webkit-border-top-right-radius: 5px; /*le bord haut droit*/
  -webkit-border-bottom-right-radius: 5px;/*le bord bas droit*/
  -webkit-border-bottom-left-radius: 5px;/*le bord bas gauche*/
  border:1px solid #CCCCCC;

}
.form_ajout td{
	padding:3px;
}
.form_ajout th{
	text-align:center;
	border-bottom:solid 1px #CCCCCC;
}
.form_ajout fieldset{
  background-color:#FFFFFF;
  border:1px solid #CCCCCC;
  -moz-border-radius: 5px;
  -moz-border-radius-topleft : 5px;
  -moz-border-radius-topright : 5px;
  -moz-border-radius-bottomleft : 5px;
  -moz-border-radius-bottomright : 5px;

  -webkit-border-top-left-radius: 5px;/*le bord haut gauche*/
  -webkit-border-top-right-radius: 5px; /*le bord haut droit*/
  -webkit-border-bottom-right-radius: 5px;/*le bord bas droit*/
  -webkit-border-bottom-left-radius: 5px;/*le bord bas gauche*/
  margin-left:10px;
  margin-right:10px;
  margin-top:10px;
}
.form_ajout legend{

  color: #666666;/*color: #5998DD; */
  font-weight: bold; /* Valeur par défaut. (6) */
  font-style: italic;

}

.formLabel{
	text-align:right;
	font-weight:bold;
	width:150px;
}
.formValue{
	font-weight:normal;
	/*width:30%;*/
}

form.css fieldset, .form_ombrage fieldset{

  background-color:#FFFFFF;
  border:1px solid #CCCCCC;
  -moz-border-radius: 5px;
  -moz-border-radius-topleft : 5px;
  -moz-border-radius-topright : 5px;
  -moz-border-radius-bottomleft : 5px;
  -moz-border-radius-bottomright : 5px;

  -webkit-border-top-left-radius: 5px;/*le bord haut gauche*/
  -webkit-border-top-right-radius: 5px; /*le bord haut droit*/
  -webkit-border-bottom-right-radius: 5px;/*le bord bas droit*/
  -webkit-border-bottom-left-radius: 5px;/*le bord bas gauche*/
  margin-left:10px;
  margin-right:10px;
  margin-top:10px;
  background-color:#F2F2F2;
  /*
  -moz-box-shadow: 2px 2px 3px #878088;
  -webkit-box-shadow: 2px 2px 3px #878088;
  */

}
form.css legend{

  color: #293043;/*color: #5998DD; */
  font-weight: bold; /* Valeur par défaut. (6) */
  font-style: italic;

  padding:2px;



}
#splitter_menu{
	display:table-cell;
	vertical-align:middle;
	background:#2d2d2d;
	/*cursor:col-resize;	*/
}
.bouton {
	background-image:url(../images/button.png);
	width:111px;
	height:36px;
	line-height:36px;
	text-align:center;
	vertical-align:middle;
	color:#FFFFFF;
	cursor:pointer;
	font-size:14px;

}

.bouton_menu {
	margin-top:0px;
	padding-top:8px;
	width:200px;
	height:40px;
	color:#FFFFFF;
	cursor:pointer;
	padding-left:10px;
	background-image:url(../images/repeat-menu.png);
	background-repeat:repeat-x;
	border-top:solid 1px #CCCCCC ;
	font-size:14px;
	font-weight:bold;
}
.bouton_sous_menu {

	vertical-align:middle;
	color:#FFFFFF;
	cursor:pointer;
	display:none;
	/*background:-webkit-gradient(linear, left top, left bottom, from(#026fb4), to(#ffa200)); */
	background-color:#293043;
	font-size:14px;
	font-weight:normal;


}
.bouton_sous_menu a {
	color:#FFFFFF;
	font-size:14px;
}

input{
	autocomplete="off";
}

/** we remove the red glow around required fields since we are already using the red star */
input:required, textarea:required {
	-moz-box-shadow:none;
	-ms-box-shadow:none;
	-webkit-box-shadow:none;
	-o-box-shadow:none;
	box-shadow:none;
}

/** inputs and textarea**/
input:not([type="submit"]):not([type:"radio"]){
	outline:none;
	display:block;
	padding:4px 8px;
	border:1px dashed #55665E;
	color:#3F3F3F;
	font-family:'Droid Sans',Tahoma,Arial,Verdana sans-serif;
	font-size:12px;
	border-radius:2px;
	transition:background 0.2s linear;
	box-shadow 0.6s linear;
}

input:not([type="submit"]):not([type:"radio"]):active, textarea:active, input:not([type="submit"]):focus, textarea:focus{
	background:#F7F7F7;
	border:dashed 1px #969696;
	box-shadow:2px 2px 7px #E8E8E8 inset;
}
input:not([type="submit"]):not([type:"radio"]){
	height: 14px;
}
input[type=radio] {
	vertical-align:text-bottom;
}

/* placeholder */
::-webkit-input-placeholder  {
	color:#BABABA;
	font-style:italic;
}
input:-moz-placeholder, textarea:-moz-placeholder{
	color:#BABABA;
	font-style:italic;
}


.bouton_enregistrer {
	display:inline-block;
	-moz-border-radius-topleft : 5px;
  	-moz-border-radius-topright : 5px;
  	-moz-border-radius-bottomleft : 5px;
  	-moz-border-radius-bottomright : 5px;

  	-webkit-border-top-left-radius: 5px;/*le bord haut gauche*/
  	-webkit-border-top-right-radius: 5px; /*le bord haut droit*/
  	-webkit-border-bottom-right-radius: 5px;/*le bord bas droit*/
  	-webkit-border-bottom-left-radius: 5px;/*le bord bas gauche*/

  	cursor:pointer;
	font-family:Arial,sans-serif;
	font-size:14px;
	color:#646464;
	padding-right:10px !important;
	padding-left:10px !important;
	border:solid 2px #cfcfcf !important;
	height:35px !important;


	/*min-width:100px;*/
	width:120px;
	text-align:left !important;
	text-indent:25px;
	background:#ebebeb url('../images/icon_save.png') no-repeat 2px 3px !important;
}

.bouton_dupliquer {
	display:inline-block;
	-moz-border-radius-topleft : 5px;
  	-moz-border-radius-topright : 5px;
  	-moz-border-radius-bottomleft : 5px;
  	-moz-border-radius-bottomright : 5px;

  	-webkit-border-top-left-radius: 5px;/*le bord haut gauche*/
  	-webkit-border-top-right-radius: 5px; /*le bord haut droit*/
  	-webkit-border-bottom-right-radius: 5px;/*le bord bas droit*/
  	-webkit-border-bottom-left-radius: 5px;/*le bord bas gauche*/

  	cursor:pointer;
	font-family:Arial,sans-serif;
	font-size:14px;
	color:#646464;
	padding-right:10px !important;
	padding-left:10px !important;
	border:solid 2px #cfcfcf !important;
	height:35px !important;


	/*min-width:100px;*/
	width:120px;
	text-align:left !important;
	text-indent:25px;
	background:#ebebeb url('../images/icon_duplique.png') no-repeat 2px 3px !important;
}

.bouton_compterendu {
	display:inline-block;
	-moz-border-radius-topleft : 5px;
  	-moz-border-radius-topright : 5px;
  	-moz-border-radius-bottomleft : 5px;
  	-moz-border-radius-bottomright : 5px;

  	-webkit-border-top-left-radius: 5px;/*le bord haut gauche*/
  	-webkit-border-top-right-radius: 5px; /*le bord haut droit*/
  	-webkit-border-bottom-right-radius: 5px;/*le bord bas droit*/
  	-webkit-border-bottom-left-radius: 5px;/*le bord bas gauche*/

  	cursor:pointer;
	font-family:Arial,sans-serif;
	font-size:14px;
	color:#646464;
	padding-right:10px !important;
	padding-left:10px !important;
	border:solid 2px #cfcfcf !important;
	height:35px !important;


	/*min-width:100px;*/
	width:120px;
	text-align:left !important;
	text-indent:25px;
	background:#ebebeb url('../images/compte_rendu.png') no-repeat 2px 3px !important;
}

.bouton_cloturer {
	display:inline-block;
	-moz-border-radius-topleft : 5px;
  	-moz-border-radius-topright : 5px;
  	-moz-border-radius-bottomleft : 5px;
  	-moz-border-radius-bottomright : 5px;

  	-webkit-border-top-left-radius: 5px;/*le bord haut gauche*/
  	-webkit-border-top-right-radius: 5px; /*le bord haut droit*/
  	-webkit-border-bottom-right-radius: 5px;/*le bord bas droit*/
  	-webkit-border-bottom-left-radius: 5px;/*le bord bas gauche*/

  	cursor:pointer;
	font-family:Arial,sans-serif;
	font-size:14px;
	color:#646464;
	padding-right:10px !important;
	padding-left:10px !important;
	border:solid 2px #cfcfcf !important;
	height:35px !important;


	min-width:100px;
	text-align:left !important;
	text-indent:25px;
	background:#ebebeb url('../images/icon_delete.png') no-repeat 4px 3px !important;
}

.bouton_passer_en_commande {
	display:inline-block;
	-moz-border-radius-topleft : 5px;
  	-moz-border-radius-topright : 5px;
  	-moz-border-radius-bottomleft : 5px;
  	-moz-border-radius-bottomright : 5px;

  	-webkit-border-top-left-radius: 5px;/*le bord haut gauche*/
  	-webkit-border-top-right-radius: 5px; /*le bord haut droit*/
  	-webkit-border-bottom-right-radius: 5px;/*le bord bas droit*/
  	-webkit-border-bottom-left-radius: 5px;/*le bord bas gauche*/

  	cursor:pointer;
	font-family:Arial,sans-serif;
	font-size:14px;
	color:#646464;
	padding-right:10px !important;
	padding-left:10px !important;
	border:solid 2px #cfcfcf !important;
	height:35px !important;


	/*min-width:100px;*/
	width:190px;
	text-align:left !important;
	text-indent:25px;
	background:#ebebeb url('../images/valider.png') no-repeat 2px 3px !important;
}

.bouton_ajouter {
	display:inline-block;
  	cursor:pointer;
	color:white;
	padding-right:10px !important;
	padding-left:10px !important;

	height:34px !important;


	min-width:120px;
	text-align:left !important;
	text-indent:25px;
	background:#6476b3 url('../images/ajout.png') no-repeat 6px 8px !important;

}
.bouton_ajouter:hover{
	background:#EA3E00 url('../images/ajout.png') no-repeat 6px 8px !important;
}

.bouton_desactive {
	display:inline-block;
	-moz-border-radius-topleft : 5px;
  	-moz-border-radius-topright : 5px;
  	-moz-border-radius-bottomleft : 5px;
  	-moz-border-radius-bottomright : 5px;
  	-webkit-border-top-left-radius: 5px;/*le bord haut gauche*/
  	-webkit-border-top-right-radius: 5px; /*le bord haut droit*/
  	-webkit-border-bottom-right-radius: 5px;/*le bord bas droit*/
  	-webkit-border-bottom-left-radius: 5px;/*le bord bas gauche*/
  	cursor:pointer;
	font-family:Arial,sans-serif;
	font-size:14px;
	color:#646464;
	padding-right:10px !important;
	padding-left:10px !important;
	border:solid 2px #cfcfcf !important;
	height:35px !important;
	min-width:100px;
	text-align:left !important;
	text-indent:25px;
	background:#ebebeb url('../images/icon_delete.png') no-repeat 2px 2px !important;
}

.bouton_active {
	display:inline-block;
	-moz-border-radius-topleft : 5px;
  	-moz-border-radius-topright : 5px;
  	-moz-border-radius-bottomleft : 5px;
  	-moz-border-radius-bottomright : 5px;
  	-webkit-border-top-left-radius: 5px;/*le bord haut gauche*/
  	-webkit-border-top-right-radius: 5px; /*le bord haut droit*/
  	-webkit-border-bottom-right-radius: 5px;/*le bord bas droit*/
  	-webkit-border-bottom-left-radius: 5px;/*le bord bas gauche*/
  	cursor:pointer;
	font-family:Arial,sans-serif;
	font-size:14px;
	color:#646464;
	padding-right:10px !important;
	padding-left:10px !important;
	border:solid 2px #cfcfcf !important;
	height:35px !important;
	min-width:100px;
	text-align:left !important;
	text-indent:25px;
	background:#ebebeb url('../images/valider.png') no-repeat 2px 2px !important;
}

.bouton_historique {
	display:inline-block;
	-moz-border-radius-topleft : 5px;
  	-moz-border-radius-topright : 5px;
  	-moz-border-radius-bottomleft : 5px;
  	-moz-border-radius-bottomright : 5px;
  	-webkit-border-top-left-radius: 5px;/*le bord haut gauche*/
  	-webkit-border-top-right-radius: 5px; /*le bord haut droit*/
  	-webkit-border-bottom-right-radius: 5px;/*le bord bas droit*/
  	-webkit-border-bottom-left-radius: 5px;/*le bord bas gauche*/
  	cursor:pointer;
	font-family:Arial,sans-serif;
	font-size:14px;
	color:#646464;
	padding-right:10px !important;
	padding-left:10px !important;
	border:solid 2px #cfcfcf !important;
	height:35px !important;
	/*9min-width:100px;*/
	width:120px;
	text-align:left !important;
	text-indent:25px;
	background:#ebebeb url('../images/icon_histo.png') no-repeat 4px 4px !important;
}

.bouton_modifier {
	display:inline-block;
	-moz-border-radius-topleft : 5px;
  	-moz-border-radius-topright : 5px;
  	-moz-border-radius-bottomleft : 5px;
  	-moz-border-radius-bottomright : 5px;

  	-webkit-border-top-left-radius: 5px;/*le bord haut gauche*/
  	-webkit-border-top-right-radius: 5px; /*le bord haut droit*/
  	-webkit-border-bottom-right-radius: 5px;/*le bord bas droit*/
  	-webkit-border-bottom-left-radius: 5px;/*le bord bas gauche*/

  	cursor:pointer;
	font-family:Arial,sans-serif;
	font-size:14px;
	color:#646464;
	padding-right:10px !important;
	padding-left:10px !important;
	border:solid 2px #cfcfcf !important;
	height:35px !important;


	min-width:100px;
	text-align:left !important;
	text-indent:25px;
	background:#ebebeb url('../images/btn_modifier.png') no-repeat left !important;
}

.bouton_transferer {
	display:inline-block;
	-moz-border-radius-topleft : 5px;
  	-moz-border-radius-topright : 5px;
  	-moz-border-radius-bottomleft : 5px;
  	-moz-border-radius-bottomright : 5px;

  	-webkit-border-top-left-radius: 5px;/*le bord haut gauche*/
  	-webkit-border-top-right-radius: 5px; /*le bord haut droit*/
  	-webkit-border-bottom-right-radius: 5px;/*le bord bas droit*/
  	-webkit-border-bottom-left-radius: 5px;/*le bord bas gauche*/

  	cursor:pointer;
	font-family:Arial,sans-serif;
	font-size:14px;
	color:#646464;
	padding-right:10px !important;
	padding-left:10px !important;
	border:solid 2px #cfcfcf !important;
	height:35px !important;


	min-width:100px;
	text-align:left !important;
	text-indent:25px;
	background:#ebebeb url('../images/affectation.png') no-repeat left !important;
}

.bouton_retour {
	display:inline-block;
	-moz-border-radius-topleft : 5px;
  	-moz-border-radius-topright : 5px;
  	-moz-border-radius-bottomleft : 5px;
  	-moz-border-radius-bottomright : 5px;

  	-webkit-border-top-left-radius: 5px;/*le bord haut gauche*/
  	-webkit-border-top-right-radius: 5px; /*le bord haut droit*/
  	-webkit-border-bottom-right-radius: 5px;/*le bord bas droit*/
  	-webkit-border-bottom-left-radius: 5px;/*le bord bas gauche*/

  	cursor:pointer;
	font-family:Arial,sans-serif;
	font-size:14px;
	color:#646464;
	padding-right:10px !important;
	padding-left:10px !important;
	border:solid 2px #cfcfcf !important;
	height:35px !important;


	min-width:120px !important;
	text-align:left !important;
	text-indent:25px;
	background:#ebebeb url('../images/icon_back.png') no-repeat left !important;
}

.bouton_precedent {
	display:inline-block;
	-moz-border-radius-topleft : 5px;
  	-moz-border-radius-topright : 5px;
  	-moz-border-radius-bottomleft : 5px;
  	-moz-border-radius-bottomright : 5px;

  	-webkit-border-top-left-radius: 5px;/*le bord haut gauche*/
  	-webkit-border-top-right-radius: 5px; /*le bord haut droit*/
  	-webkit-border-bottom-right-radius: 5px;/*le bord bas droit*/
  	-webkit-border-bottom-left-radius: 5px;/*le bord bas gauche*/

  	cursor:pointer;
	font-family:Arial,sans-serif;
	font-size:14px;
	color:#646464;
	padding-right:10px !important;
	padding-left:10px !important;
	border:solid 2px #cfcfcf !important;
	height:35px !important;


	min-width:120px !important;
	text-align:left !important;
	text-indent:25px;
	background:#ebebeb url('../images/icon_precedent.png') no-repeat left !important;
}

.bouton_suivant {
	display:inline-block;
	-moz-border-radius-topleft : 5px;
  	-moz-border-radius-topright : 5px;
  	-moz-border-radius-bottomleft : 5px;
  	-moz-border-radius-bottomright : 5px;

  	-webkit-border-top-left-radius: 5px;/*le bord haut gauche*/
  	-webkit-border-top-right-radius: 5px; /*le bord haut droit*/
  	-webkit-border-bottom-right-radius: 5px;/*le bord bas droit*/
  	-webkit-border-bottom-left-radius: 5px;/*le bord bas gauche*/

  	cursor:pointer;
	font-family:Arial,sans-serif;
	font-size:14px;
	color:#646464;
	padding-right:10px !important;
	padding-left:10px !important;
	border:solid 2px #cfcfcf !important;
	height:35px !important;


	min-width:120px !important;
	text-align:left !important;
	text-indent:5px;
	background:#ebebeb url('../images/icon_suivant.png') no-repeat !important;
	background-position:right !important;
}

.bouton_recherche {
	display:inline-block;
	-moz-border-radius-topleft : 5px;
  	-moz-border-radius-topright : 5px;
  	-moz-border-radius-bottomleft : 5px;
  	-moz-border-radius-bottomright : 5px;

  	-webkit-border-top-left-radius: 5px;/*le bord haut gauche*/
  	-webkit-border-top-right-radius: 5px; /*le bord haut droit*/
  	-webkit-border-bottom-right-radius: 5px;/*le bord bas droit*/
  	-webkit-border-bottom-left-radius: 5px;/*le bord bas gauche*/

  	cursor:pointer;
	font-family:Arial,sans-serif;
	font-size:14px;
	color:#646464;
	padding-right:10px !important;
	padding-left:10px !important;
	border:solid 2px #cfcfcf !important;
	height:35px !important;


	min-width:100px;
	text-align:left !important;
	text-indent:25px;
	background:#ebebeb url('../images/loupe.png') no-repeat 4px 4px !important;
}

.bouton_supprimer {
	display:inline-block;
	-moz-border-radius-topleft : 5px;
  	-moz-border-radius-topright : 5px;
  	-moz-border-radius-bottomleft : 5px;
  	-moz-border-radius-bottomright : 5px;

  	-webkit-border-top-left-radius: 5px;/*le bord haut gauche*/
  	-webkit-border-top-right-radius: 5px; /*le bord haut droit*/
  	-webkit-border-bottom-right-radius: 5px;/*le bord bas droit*/
  	-webkit-border-bottom-left-radius: 5px;/*le bord bas gauche*/

  	cursor:pointer;
	font-family:Arial,sans-serif;
	font-size:14px;
	color:#646464;
	padding-right:10px !important;
	padding-left:10px !important;
	border:solid 2px #cfcfcf !important;
	height:35px !important;


	min-width:100px;
	text-align:left !important;
	text-indent:25px;
	background:#ebebeb url('../images/icon_delete.png') no-repeat 4px 3px !important;
}

.bouton_upload{
	display:inline-block;
	-moz-border-radius-topleft : 5px;
  	-moz-border-radius-topright : 5px;
  	-moz-border-radius-bottomleft : 5px;
  	-moz-border-radius-bottomright : 5px;

  	-webkit-border-top-left-radius: 5px;/*le bord haut gauche*/
  	-webkit-border-top-right-radius: 5px; /*le bord haut droit*/
  	-webkit-border-bottom-right-radius: 5px;/*le bord bas droit*/
  	-webkit-border-bottom-left-radius: 5px;/*le bord bas gauche*/

  	cursor:pointer;
	font-family:Arial,sans-serif;
	font-size:14px;
	color:#646464;
	padding-right:10px !important;
	padding-left:40px !important;
	border:solid 2px #cfcfcf !important;
	height:51px !important;
	line-height:51px;
	vertical-align:middle;

	min-width:300px;
	text-align:left !important;
	text-indent:25px;
	background:#ebebeb url('../images/icone_upload.png') no-repeat 2px 3px !important;
}

input[type=submit],[type=button] {

	display:inline-block;
	-moz-border-radius-topleft : 5px;
  	-moz-border-radius-topright : 5px;
  	-moz-border-radius-bottomleft : 5px;
  	-moz-border-radius-bottomright : 5px;

  	-webkit-border-top-left-radius: 5px;
  	-webkit-border-top-right-radius: 5px;
  	-webkit-border-bottom-right-radius: 5px;
  	-webkit-border-bottom-left-radius: 5px;

  	cursor:pointer;
	font-family:Arial,sans-serif;
	font-size:14px;
	color:#FFFFFF;
	padding:3px 3px;
	height:30px;
	min-width:120px;
	text-align:center;
	background-color:#6476b3;
	border:none;
	height:35px;
	/*
	background:#ebebeb;
	border:solid 1px #cfcfcf;
	*/
	/*background-image:url(../images/repeat-btn.png);
	background-repeat:repeat-x;*/

}

a.submit{
	display:inline-block;
	background:#55665E;
	background:-moz-linear-gradient(90deg, #55665E, #819181); /* Firefox */
	background:-o-linear-gradient(90deg, #55665E, #819181); /* Opéra */
	background:-webkit-gradient(linear, left top, left bottom, from(#819181), to(#55665E)); /* Webkit */
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#819181', EndColorStr='#55665E'); /* IE */
	border:1px solid #55665E;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-webkit-border-radius:3px;
	-moz-box-shadow:0 1px 0 #fff;
	-ms-box-shadow:0 1px 0 #fff;
	-webkit-box-shadow:0 1px 0 #fff;
	color:#fff;
	cursor:pointer;
	font-family:Arial,sans-serif;
	font-size:12px;
	font-weight:bold;
	padding:0px 3px;
	text-decoration:none;
	text-shadow:0 1px 1px #333;
	text-transform:uppercase;
	min-width:100px;
	text-align:center;
}
input[type=submit]:hover,[type=button]:hover, a.submit:hover{


	/*color:orange;
	text-decoration:none;
	*/
	background-color:#EA3E00;
}
input[type=submit]:active, input[type=submit]:focus, a.submit:active, a.submit:focus{

}

a.fonction{
	display:inline-block;
	background:#CCCCCC;
	background:-moz-linear-gradient(90deg, #808080, #CCCCCC);
	background:-o-linear-gradient(90deg, #808080, #CCCCCC);
	background:-webkit-gradient(linear, left top, left bottom, from(#CCCCCC), to(#808080));
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#CCCCCC', EndColorStr='#808080'); /* IE */
	border:1px solid #808080;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-webkit-border-radius:3px;
	-moz-box-shadow:0 1px 0 #fff;
	-ms-box-shadow:0 1px 0 #fff;
	-webkit-box-shadow:0 1px 0 #fff;
	color:#fff;
	cursor:pointer;
	font-family:Arial,sans-serif;
	font-size:12px;
	font-weight:bold;
	padding:0px 3px;
	text-decoration:none;
	text-shadow:0 1px 1px #333;
	text-transform:uppercase;
}
a.fonction:hover{
	background:#CCCCCC;
	background:-moz-linear-gradient(90deg, #55665E, #819181); /* Firefox */
	background:-o-linear-gradient(90deg, #55665E, #819181); /* Opéra */
	background:-webkit-gradient(linear, left top, left bottom, from(#819181), to(#55665E)); /* Webkit */
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#819181', EndColorStr='#55665E'); /* IE */
	border-color:#808080;
	text-decoration:none;
}
a.fonction:active, a.fonction:focus, a.fonction:active, a.fonction:focus{

	background:#ccc;
	background:-moz-linear-gradient(90deg, #0bcdff, #067cd3);
	background:-o-linear-gradient(90deg, #0bcdff, #067cd3);
	background:-webkit-gradient(linear, left top, left bottom, from(#819181), to(#55665E));
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#819181', EndColorStr='#55665E'); /* IE */
	border-color:#808080;
	outline:none;
}

.listing{
	width:100%;
}
.listing th{
	text-align:left;
	/*
	background:-moz-linear-gradient(90deg, #016cb1, #034878);
	background:-o-linear-gradient(90deg, #016cb1, #034878);
	background:-webkit-gradient(linear, left top, left bottom, from(#016cb1), to(#034878));
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#016cb1', EndColorStr='#034878');
	*/
	background-image:url(../images/repeat-th.png);
	background-repeat:repeat-x;
	border:outset 1px #4b5162;
	color:white;
	padding:2px;
	padding-left:5px;

	height:30px;
	vertical-align:middle;

}
.listing td{
	padding:2px;
	border-bottom:solid 1px #CCCCCC;
}
.listing a:hover{
	text-decoration:underline;
}

.listing_ajax{
	border:solid 1px #CCCCCC;
}
.listing_ajax th{
	border-bottom:solid 1px #CCCCCC;
	border-right:solid 1px #CCCCCC;
	background-color:#f3f3f3;
	padding:3px;
}

.listing_ajax td{
	border-right:solid 1px #CCCCCC;
	padding:3px;
}

.td_total {
	border-top:solid 1px #CCCCCC !important;
}
#menu {
	display: table-cell;
	width:200px;
	vertical-align:top;
	height:600px;
	background-color:#01497b;

	/*background:-moz-linear-gradient(90deg, #FFFFFF, #E8E8E8);
	background:-o-linear-gradient(90deg, #FFFFFF, #E8E8E8); */
	/*background:-webkit-gradient(linear, left top, left bottom, from(#01497b), to(#026fb4)); */
	/*filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#FFFFFF', EndColorStr='#E8E8E8'); */

	color:#55665E;
	width: 200px;
}

#page {
	display: table-cell;
	font-size:14px;
	width: 100%;
}
#main {
	font-size:14px;
	width: 100%;
	text-align:left;
}
#entete {
	background-image:url(../images/bg-entete.png);
	background-repeat:repeat-x;
	display: table;
	width:100%;
	height:30px;
	vertical-align:middle;
	text-align:right;
	color:#FFFFFF !important;
}
.contenu_page{
	padding-left:10px;
}

.tooltip{width:200px;margin:0;padding:5px;font-size:11px;color:#666;background:#fff;border:5px solid #ccc;}
.tooltip p{margin:0;text-align:justify;}

.tooltip{
   position: absolute;
   padding: 10px 13px;
   z-index:1000;
   color: #303030;
   background-color: #f5f5b5;
   border: 1px solid #DECA7E;

   font-family: sans-serif;
   font-size: 12px;
   line-height: 18px;
   text-align: left;
}


.tab_content{
	display:table-row;
	padding:10px;
	text-align:left;
	width:50%;
	vertical-align:top;
}

.input_mini{
	width:30px !important;
}
.input_petit{
	width:100px !important;
}
.input_prix{
	width:50px !important;
}
.input_date{
	width:80px !important;
}
.input_moyen{
	width:150px !important;
}
.input_grand{
	width:270px !important;
}
.input_tgrand{
	width:400px !important;
}
.input_maxi{
	width:870px !important;
}
.lien_ajout{
	 -moz-box-shadow: 2px 2px 3px #878088;
  -webkit-box-shadow: 2px 2px 3px #878088;

   -moz-border-radius: 5px;
  -moz-border-radius-topleft : 5px;
  -moz-border-radius-topright : 5px;
  -moz-border-radius-bottomleft : 5px;
  -moz-border-radius-bottomright : 5px;

  -webkit-border-top-left-radius: 5px;/*le bord haut gauche*/
  -webkit-border-top-right-radius: 5px; /*le bord haut droit*/
  -webkit-border-bottom-right-radius: 5px;/*le bord bas droit*/
  -webkit-border-bottom-left-radius: 5px;/*le bord bas gauche*/
  border:1px solid #CCCCCC;
  padding:5px;
  font-size:12px;
}

.saisi_article td{
	vertical-align:top;
}


.progress {
	background:-moz-linear-gradient(90deg, #D2E200, #A7B400); /* Firefox */
	background:-o-linear-gradient(90deg, #D2E200, #A7B400); /* Opéra */
	background:-webkit-gradient(linear, left top, left bottom, from(#D2E200), to(#A7B400)); /* Webkit */
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#D2E200', EndColorStr='#A7B400'); /* IE */

	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-webkit-border-radius:3px;
	-moz-box-shadow:0 1px 0 #fff;
	-ms-box-shadow:0 1px 0 #fff;
	-webkit-box-shadow:0 1px 0 #fff;
	color:#FFFFFF;
	text-align:left;
	margin:0px;
	font-family:Arial,sans-serif;
	font-size:14px;
	font-weight:bold;
	padding-left:10px;
	text-decoration:none;
	/*text-shadow:0 1px 1px #333;*/
	text-transform:uppercase;
	width:100%;
}

#titre_page{
	color:white;
	font-size:18px;
	font-weight:normal;
}
#titre_page td{
	color:white;
}
#titre_page a{
	color:white;
}
#entete_listing{
	/*background-color:#ea3e00;*/
	background:-moz-linear-gradient(90deg, #343b57, #232937); /* Firefox */
	background:-o-linear-gradient(90deg, #343b57, #232937); /* Opéra */
	background:-webkit-gradient(linear, left top, left bottom, from(#343b57), to(#232937)); /* Webkit */
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#343b57', EndColorStr='#232937'); /* IE */
	color:white;
}
#entete_listing td{
	color:white;
}
#entete_listing a{
	color:white;
}

input[type=text],[type=password] {

	margin: 0 5px 0 0;
	padding: 5px;
	border-radius: 5px;
	font-size: 12px;
	color: #4C4C4C;
	border:none;
	margin:5px;
}
select {
	margin: 0 5px 0 0;
	padding: 5px;
	border-radius: 5px;
	font-size: 12px;
	color: #4C4C4C;
	border:none;
	margin:5px;
}
textarea{
	margin: 0 5px 0 0;
	padding: 5px;
	border-radius: 5px;
	width:200px;
	font-size: 12px;
	color: #4C4C4C;
	border:none;
	margin:5px;
}
#recherche_globale, #recherche_tarif_deplacement{
	/*width:155px;*/
	/*margin:0 5px 0 5px;*/
	padding:2px;
	background:#FFF url(../images/loupe.gif) 250px 2px no-repeat;
	border-radius:5px;
	border:none;
	font-size:11px;
	color:#999;
}
.div_onglet{
	display:none;
}

.btn-sauvegarder {
    background-color: #4caf50 !important;
    transition: 0.3ms;
}

.btn-defaut {
    background-color: darkgrey !important;
    transition: 0.3ms;
}
.btn-supprimer {
    background-color: orangered !important;
    transition: 0.3ms;
}

.btn_icone_delete {
    width:30px !important;
    background-color: #fff !important;
    color: darkgrey !important;
    border: none;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
}


.scale-in-ver-bottom {
    -webkit-animation: scale-in-ver-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: scale-in-ver-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
/* ----------------------------------------------
* Generated by Animista on 2021-4-22 17:25:32
* Licensed under FreeBSD License.
* See http://animista.net/license for more info.
* w: http://animista.net, t: @cssanimista
* ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation scale-in-ver-bottom
 * ----------------------------------------
 */
@-webkit-keyframes scale-in-ver-bottom {
    0% {
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
        -webkit-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        opacity: 1;
    }
    100% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
        -webkit-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        opacity: 1;
    }
}
@keyframes scale-in-ver-bottom {
    0% {
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
        -webkit-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        opacity: 1;
    }
    100% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
        -webkit-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        opacity: 1;
    }
}
