/* Makeshift CSS Reset */
html, body{
	margin: 0;
	padding: 0;
}

/* Tell the browser to render HTML 5 elements as block */
header, footer, aside, nav, article {
	position: relative;
	display: block;
}
body,table {
	margin: 0 auto;	
	font: 12px/22px Verdana, Arial, sans-serif; 
	color: black;  
}
div {
	margin: 0 auto;	
	font: 12px/22px Verdana, Arial, sans-serif;
}

p {
	padding-bottom: 0px;	
	font-size:12px;
}

.ui-autocomplete /*ui-menu ui-widget ui-widget-content ui-corner-all*/ {
	z-index: 20000 !important;
}

.ui-datepicker,  {
	z-index: 20000 !important;
}
#ui-datepicker-div {
	z-index: 20000 !important;
}
label{
  display: inline;
  /*float: left;*/
  /*width: 75px;*/
  color: black;  
}

.label{
	display: block;
	width: 100%;
	font-weight: bold;
	font-size: 0.8rem;
	margin-left: 5px;
	margin-bottom: -5px;
}
.labelText{
	display: block;
	width: 100%;
	font-weight: normal;
	margin-left: 5px;
	margin-bottom: -5px;
}

.radio_contrat {
	margin-left: 10px;
	margin-right: 10px;
}

.button {
	padding: 0px 10px 0px 10px !important;
	background: #8FB4DA;
	display: inline-block;
	color: white !important;
	border-radius: 4px;
	text-decoration: none !important;
}
.button:hover {
	color:white;
	/*font-weight: bold;*/
	/*border:1px solid #0031A6;*/
	cursor: pointer;
	text-decoration: none !important;
}
.button:hover > div {
	color:white;
	/*font-weight: bold;*/
	text-decoration: none !important;
}
.button:active {
	color:white;
	/*border:0px solid #0031A6;*/
	cursor: pointer;
	text-decoration: none !important;
}
/* tableau */

/* image */
image {   
  border:0px;
} 

/* Liens */ 
a { 
  text-decoration: none; 
} 
a:link { 
  /*color: #5998DD;*/
  color: black;
} 
a:visited { 
  /*color: #5998DD;*/
  color: black;
} 
a:hover, a:focus, a:active { 
  color: black; 
} 
/* 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; 
} 

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: black;/*color: #5998DD; */
  font-weight: bold; /* Valeur par défaut. (6) */ 
  font-style: italic; 
  font-size:14px;

}


form { 
  margin: 0; 
  padding: 0; 
  border: none; 
} 

.form_ombrage{
	text-align:left;
	font-size:14px;

}

.formLabel{
	text-align:right;
	font-weight:normal;
	width:150px;
}
.formValue{
	font-weight:normal;
	/*width:30%;*/
}


#splitter_menu{
	display:table-cell;
	vertical-align:middle;
	background:#2d2d2d;
	/*cursor:col-resize;	*/
}


.bouton_menu {
	margin-top:0px;
	padding-top:8px;
	width:200px;
	height:40px;
	color:#FFFFFF;
	cursor:pointer;
	padding-left:10px;
	
	border-top:solid 1px #CCCCCC ;
	font-size:14px;
	font-weight:bold;	
}
.bouton_sous_menu {
	
	vertical-align:middle;
	color:#FFFFFF;
	cursor:pointer;		
	display:none;	
	font-size:14px;
	font-weight:normal;	
	
}

.bouton_sous_menu a {
	color:#FFFFFF;
	font-size:14px;
}


.slide-in-left {
	-webkit-animation: slide-in-left 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s both;
	animation: slide-in-left 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0s both;
}

/* ----------------------------------------------
* Generated by Animista on 2022-1-14 9:54:3
* Licensed under FreeBSD License.
* See http://animista.net/license for more info.
* w: http://animista.net, t: @cssanimista
* ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation slide-in-left
 * ----------------------------------------
 */
@-webkit-keyframes slide-in-left {
	0% {
		-webkit-transform: translateX(-1000px);
		transform: translateX(-1000px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1;
	}
}
@keyframes slide-in-left {
	0% {
		-webkit-transform: translateX(-1000px);
		transform: translateX(-1000px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1;
	}
}

.slide-out-left {
	-webkit-animation: slide-out-left 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
	animation: slide-out-left 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
}

/* ----------------------------------------------
 * Generated by Animista on 2022-1-14 9:56:44
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info.
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation slide-out-left
 * ----------------------------------------
 */
@-webkit-keyframes slide-out-left {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(-1000px);
		transform: translateX(-1000px);
		opacity: 0;
	}
}
@keyframes slide-out-left {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(-1000px);
		transform: translateX(-1000px);
		opacity: 0;
	}
}


/** FORMS **/
input[type=radio] {
	vertical-align:text-bottom;
}
input[type=checkbox] {
	vertical-align:middle;
}

/* placeholder */
::-webkit-input-placeholder  {
	color:#BABABA;
	font-style:italic;
}
input:-moz-placeholder, textarea:-moz-placeholder{
	color:#BABABA;
	font-style:italic;
}

input[type=submit],button[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;
	border:none;
	height:35px;
	background: #8FB4DA;
	
}

input[type=submit]:hover,button[type=submit]:hover,[type=button]:hover, a.submit:hover{

}

input[type=submit]:active,button[type=submit]:active,input[type=submit]:focus, a.submit:active, a.submit:focus{
	
}

input[type=text],[type=password] {
	
	margin: 0 5px 0 0;
	padding: 5px;
	border-radius: 5px;
	width:200px;
	font-size: 12px;
	color: #4C4C4C;	
	margin:5px;
}
select {
	margin: 0 5px 0 0;
	padding: 5px;
	border-radius: 5px;
	width:200px;
	font-size: 12px;
	color: #4C4C4C;
	margin:5px;
}
textarea{
	margin: 0 5px 0 0;
	padding: 5px;
	border-radius: 5px;
	width:200px;
	font-size: 12px;
	color: #4C4C4C;
	margin:5px;
}

.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;
}


#recherche_globale{
	/*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:12px;
	color:#999;
}
.div_onglet{
	display:none;
}


.listing{
	width:100%;
}
.listing th{
	text-align:left;
	color:white;
	padding:2px;
	padding-left:5px;
	height:30px;
	vertical-align:middle;
	border-right: solid 1px  #CCCCCC;
}

.listing td{
	padding:2px;
	border-bottom:solid 1px #CCCCCC;
	border-right: 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;
	padding:3px;
}

.listing_ajax td{
	border-right:solid 1px #CCCCCC;
	padding:3px;
}
#menu {
	display: table-cell;
	width:200px;
	vertical-align:top;	
	height:800px;
}

#page {
	display: table-cell;
	font-size:14px;
	width: 100%;		
}
#main {
	font-size:14px;
	width: 100%;
	text-align:left;
}
#entete {
	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:black;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;
}

#titre_page{
	color:white;
	font-size:18px;
	font-weight:normal;
}
#titre_page td{
	color:white;
}
#titre_page a{
	color:white;
}

.formu2{
	/*border:outset 1px #CCCCCC;*/
	background-color:#f3f3f3;
	border-collapse:collapse;
	
}
.formu2 th{
	background-image: url(../images/bg_th.jpg);
	background-repeat:repeat-x;
	color:#FFFFFF;
	height:25px;
}
.formu2 td{
	vertical-align:middle;
}

.slide-in-right {
	-webkit-animation: slide-in-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	animation: slide-in-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
/* ----------------------------------------------
 * Generated by Animista on 2021-11-10 16:22:7
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info.
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation slide-in-right
 * ----------------------------------------
 */
@-webkit-keyframes slide-in-right {
	0% {
		-webkit-transform: translateX(1000px);
		transform: translateX(1000px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1;
	}
}
@keyframes slide-in-right {
	0% {
		-webkit-transform: translateX(1000px);
		transform: translateX(1000px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1;
	}
}