@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Lato:400,400i,700,700i');

@font-face {
	font-family: 'alegre_sansregular';
	src: url('../Polices/alegre-sans-webfont.eot');
	src: url('../Polices/alegre-sans-webfont.eot?#iefix') format('embedded-opentype'),
		url('../Polices/alegre-sans-webfont.woff') format('woff'),
		url('../Polices/alegre-sans-webfont.ttf') format('truetype'),
		url('../Polices/alegre-sans-webfont.svg#alegre_sansregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Trebuchet';
	src: url('../Polices/trebuc.eot');
	src: local('☺'), url('../Polices/trebuc.woff') format('woff'), url('../Polices/trebuc.ttf') format('truetype'), url('../Polices/trebuc.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Futura';
	src: url('../Polices/Futura.eot');
	src: local('☺'), url('../Polices/Futura.woff') format('woff'), url('../Polices/Futura.ttf') format('truetype'), url('../Polices/Futura.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}



body  {
	margin:0;
	padding:0;
	//background: url("./images/_Fond.jpg") no-repeat center fixed;
	//-webkit-background-size: cover; /* pour anciens Chrome et Safari */
	//background-size: cover; /* version standardisée */
	/*
	background-image: url("./images/header-side.jpg");
	background-position: right 5px;
	background-repeat: repeat-x;
	*/
	color: #4D4D4D;
	font-family: Lato, Trebuchet, Verdana,Arial,Helvetica,sans-serif;
//	font-size: 1rem;
//	font-size: 0.8rem;
	font-size: 14px;
	margin: 0;
	padding: 0;
}
/* ~~ Sélecteurs d'éléments/balises ~~ */
ul, ol, dl { /* En raison des variations entre les navigateurs, il est conseillé d'attribuer une valeur de zéro aux marges intérieures et aux marges des listes. A des fins de cohérence, vous pouvez définir les valeurs désirées dans cette zone ou dans les éléments de liste (LI, DT, DD) qu'elle contient. N'oubliez pas que les paramètres que vous définissez ici se répercuteront sur la liste .nav, sauf si vous rédigez un sélecteur plus spécifique. */
	padding: 0;
	margin:0;
	list-style-type: none;	
}
li {
	margin-left : 5em;
//	list-style-type: disc;	
}

h1, h2, h3, h4, h5, h6, H1, H2, H3, H4, H5, H6{
	font-family: 'Futura';
	letter-spacing: 0.1em;
	font-weight: 200; 
	//color :#254E60; //#990099;
	padding:0;
	margin:0;
//	text-shadow: 2px 2px 2px #C0C0C0;
}

h1{
	font-size: 3em;
}

h2{
	font-size: 2em;
}
h3{
	font-size: 1.5em;
}
h4{
	font-size: 1.2em;
}
h5{
	font-size: 1em;
}
h6{
	font-size: 1em;
}


.INPUT1 {
	margin:0px;
	padding:2px;
	text-align:right;
	max-width:50em;
}

.INPUT1_LARGEUR {
	font-family: 'Lato';
	font-size: 1em;
	width:25em;
	text-align:left;
}

.INPUT1_NUMBER {
	//font-family: 'Trebuchet';
	font-size: 1em;
	width:3em;
	text-align:left;
	-moz-border-radius: 0.3em;
	border-radius: 0.3em;
	-webkit-border-radius: 0.3em;
}

.INPUT1_CHECKBOX {
	//font-family: 'Trebuchet';
	font-size: 1em;
	-moz-border-radius: 0.3em;
	border-radius: 0.3em;
	-webkit-border-radius: 0.3em;
}

INPUT[type="NUMBER"] {
	text-align:right;
	width:3em;
}
INPUT[type="NUMERIC"] {
	text-align:right;
	width:3em;
}

INPUT, SELECT, TEXTAREA, CHECKBOX {
	//font-family: 'Trebuchet';
	font-size: 1em;
	color: #4D4D4D;
	text-align:left;
	border-radius: 0.75em;
	-moz-border-radius: 0.75em;
	-webkit-border-radius: 0.75em;
	border:1px #ccc solid;
	background-color:#fff;
	margin : 0.02em;
	box-shadow: -0.03em -0.03em 0.05em 0.05em rgba(0,0,0,0.1) inset;
	-webkit-box-shadow: -0.03em -0.03em 0.05em 0.05em rgba(0,0,0,0.1) inset;
	-moz-box-shadow: -0.03em -0.03em 0.05em 0.05em rgba(0,0,0,0.1) inset;
	padding : 0;
}

INPUT[type="text"], INPUT[type="password"], INPUT[type="number"], INPUT[type="numeric"], INPUT[type="phone"], TEXTAREA {
	padding : 0.2em 0.5em 0.2em 0.5em;
	font-weight:300;
}
INPUT:focus, SELECT:focus, TEXTAREA:focus {
	font-weight:bold;
	background-color:#ffa;
}

INPUT[type="IMAGE"] {
	-moz-border-radius: 0.3em;
	border-radius: 0.3em;
	-webkit-border-radius: 0.3em;
	background-color:transparent;
}

INPUT[type="text"]:disabled, INPUT[type="number"]:disabled, INPUT[type="numeric"]:disabled, select:disabled, option:disabled, TEXTAREA:disabled, CHECKBOX:disabled {
	background:#bbb;
	color:#fff;
}

.INPUT1_LARGEUR_NUMBER {
	//font-family: 'Trebuchet' ! important;
	font-size: 1em ! important;
	width:4em ! important;
	text-align:right ! important;
}


.BOUTON_IMAGE {
	height : 2em;
	cursor:pointer;
}


.BOUTON_IMAGE_GROS {
	height : 4em;
	cursor:pointer;
}


.BOUTON_IMAGE_MINI {
	height : 1.5em;
	cursor:pointer;
}

.BOUTON_VALIDATION {
	padding-top:0.7em;
	height : 2em;
	cursor:pointer;
	background-color:transparent;
	border:none;
	box-shadow:none;
}

.BOUTON_PLUS {
	display:block;
	text-align:right;
	border:1px #000 solid;
}

.ADroite {
	text-align : right;
}




.ARRONDI {
	-moz-border-radius: 0.5em;
	border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	}

::-webkit-input-placeholder {
	font-size:1em;
	font-weight:100;
	font-style: italic;
	color: #888;
}
:-moz-placeholder { /* Firefox 18- */
	font-size:1em;
	font-weight:100;
	font-style: italic;
	color: #888;
}
::-moz-placeholder {  /* Firefox 19+ */
	font-size:1em;
	font-weight:100;
	font-style: italic;
	color: #888;
}
:-ms-input-placeholder {  
	font-size:1em;
	font-weight:100;
	font-style: italic;
	color: #888;
}

.DEGRADE_ROUGE {
	background-color:#faa;
	background: -moz-linear-gradient(top, #fff, #faa);
	background-image: -webkit-gradient(linear, left top, right bottom,
                   	 	  color-stop(0.00, #fff),   
                  		  color-stop(1.00, #faa)
                  		  );
	filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#fff,endColorStr=#faa) ;
}

.DEGRADE_VERT {
	background-color:#cfc;
	background: -moz-linear-gradient(top, #fff, #cfc);
	background-image: -webkit-gradient(linear, left top, right bottom,
                   	 	  color-stop(0.00, #fff),   
                  		  color-stop(1.00, #cfc)
                  		  );
	filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#fff,endColorStr=#cfc) ;
}


A, A:hover, A:visited {
	text-decoration:none;
}

.a2, .a2:hover, .a2:visited {
	font-size:10px !important;
	color: #4D4D4D;
	background-color : #ccc;
}


fieldset { 
	//font-size:1.25rem;
	-moz-border-radius: 0.7rem;
	border-radius: 0.7rem;
	-webkit-border-radius: 0.7rem;
	border : 1px #888 solid;
	margin:2em;
}
fieldset DIV SPAN { 
	-moz-border-radius: 0.7em;
	border-radius: 0.7em;
	-webkit-border-radius: 0.7em;
	//font-weight:900 !important;
}
legend {
	//font-size:1.0rem;
	font-weight:800;
}

.ui-accordion .ui-accordion-header{
	font-size: 1.5em;
}

.UnPeuPlusGros{
	font-size: 1.2em;
}


.ui-widget {
	color: #4D4D4D;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 1.0em;
}

.ui-button.ui-state-active {
	color: #fff ;
}

.BOUTON_VERT {
	font-size: 1.2em;
	font-weight: bold;
	color: #FFFFFF;
	text-align : center;
	cursor:pointer;
	overflow:visible;
	padding: 1em ;
	background-color:#279F27;
	background: -moz-linear-gradient(top, #279F27, #155515);
	background-image: -webkit-gradient(linear, left top, right bottom,
                   	 	  color-stop(0.00, #279F27),   
                  		  color-stop(1.00, #155515)
                  		  );
	filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#279F27,endColorStr=#155515) ;
	-moz-border-radius: 0.5em;
	border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	border-radius: 0.5em;
	text-shadow: 0.3em 0.3em 0.3em rgba(0,0,0,.7);
	text-decoration:none;
	}

.BOUTON_BLEU {
	font-size: 1.2em;
	font-weight: bold;
	color: #FFFFFF;
	text-align : center;
	cursor:pointer;
	overflow:visible;
	padding: 1em ;
	margin:0.1em;
	background-color:#01A8FF;
	background: -moz-linear-gradient(top, #01A8FF, #0085CA);
	background-image: -webkit-gradient(linear, left top, right bottom,
                   	 	  color-stop(0.00, #01A8FF),   
                  		  color-stop(1.00, #0085CA)
                  		  );
	filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#01A8FF,endColorStr=#0085CA) ;
	-moz-border-radius: 0.5em;
	border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	border-radius: 0.5em;
	text-shadow: 0.1em 0.1em 0.1em rgba(0,0,0,.7);
	text-decoration:none;
	}

.BOUTON_BLEU:hover {
	padding: 0.8em 1.2em 1.2em 0.8em;
	margin:0.2em 0 0 0.2em;
	background-color:#0085CA;
	background: -moz-linear-gradient(top, #0085CA, #01A8FF);
	background-image: -webkit-gradient(linear, left top, right bottom,
                   	 	  color-stop(0.00, #0085CA),   
                  		  color-stop(1.00, #01A8FF)
                  		  );
	filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#0085CA,endColorStr=#01A8FF) ;
	}

.PETIT_BOUTON_GRIS {
	font-size: 0.8em;
	font-weight: bold;
	color: #FFFFFF;
	text-align : center;
	cursor:pointer;
	overflow:visible;
	padding: 0.3em ;
	background-color:#A8A8A8;
	background: -moz-linear-gradient(top, #A8A8A8, #575757);
	background-image: -webkit-gradient(linear, left top, right bottom,
                   	 	  color-stop(0.00, #A8A8A8),   
                  		  color-stop(1.00, #575757)
                  		  );
	filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#A8A8A8,endColorStr=#575757) ;
	-moz-border-radius: 0.5em;
	border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	border-radius: 0.5em;
	text-shadow: 0.2em 0.2em 0.2em rgba(0,0,0,.7);
	text-decoration:none;
	}

th {
	font-weight: 800;
	font-size:1.1em;
}

hr.style-one { border: 0; margin: 100px 0 50px 0; height: 2px; background: #333; background-image: linear-gradient(to right, #ccc, #333, #ccc); }

.circle-width-text {
	border:1px #000 solid;
	background: linear-gradient(#55ff55, #ffff55);
	justify-content: center;
	align-items: center;
	border-radius: 100%;
	text-align: center;
	vertical-align: center;
	margin: 5px 0px;
	padding: 5px;
	//display: flex;
	height: 80px;
	width: 80px;
}
.nopadding {
	padding:0;
}

.ui-autocomplete {
	border-radius: 0.25em;
	background-color: #ff8;
	padding: 0 0.6em;
	.ui-menu-item {
		border: 1px solid #eceff1;
		border-radius: 0.25em;
		.ui-state-active,
		.ui-widget-content .ui-state-active,
		.ui-widget-header .ui-state-active,
		a.ui-button:active, .ui-button:active,
		.ui-button.ui-state-active:hover {
			background-color: #eceff1;
			border-color: #eceff1;
			color: #0d47a1;
		}
	}
}



.TableauCouleursAlternee tr{
	background: #b8d1f3;
}
.TableauCouleursAlternee tr:nth-child(odd){ 
	background: #b8d1f3;
}
.TableauCouleursAlternee tr:nth-child(even){
	background: #dae5f4;
}


.PetitBoutonPlus{
	background:url(../images/PetitPlus.png) no-repeat 2px 0px;
	display:inline;
	text-indent:30px;
	font-size: 0.9em;
	font-weight: bold;
	color: #FFFFFF;
	text-align : center;
	cursor:pointer;
	height:25px;
	padding: 0.3em ;
	background-color:#00A800;
	-moz-border-radius: 0.5em;
	border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	border-radius: 0.5em;
	text-shadow: 0.2em 0.2em 0.2em rgba(0,0,0,.7);
	text-decoration:none;
}

.PetitBoutonPlus:hover{
	background-color:#A800A8;
}

.BLOC_MENU_ETAT_ROUGE {
	display:block;
	float:left;
	border : 1px #880000 solid;
	padding : 0.5em;
	margin :0 0.2em 0.2em 0;
	background-color:#FF3131;
	color:#fff;
	font-weight:800;
	text-decoration:none;
	font-size:1.2em;
	//text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
	-moz-border-radius: 0.5em;
	border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
}

.BLOC_MENU_ETAT_ROUGE:hover {
	text-decoration:none;
	background-color:#AA0000;
}

.custom-red { background-color: red; color:#29ABE2;}
.custom-green { background: lime; color:#29ABE2;}
.custom-blue { background: #01A8FF; color:#29ABE2;}



.BLOCS tbody tr:nth-child(even) {background: none;}
.BLOCS tbody tr:nth-child(odd) {background: rgba(128, 128, 128, 0.1);}

.BLOC_MENU tbody tr:nth-child(even) {background: none;}
.BLOC_MENU tbody tr:nth-child(odd) {background: rgba(128, 128, 128, 0.1);}


.Gros_Bouton_Validation {
	display:inline-block;
	background-image: url("../images/Btn_Coche.png"); 
	background-position: 0.2em center;
	background-repeat: no-repeat; 
	background-size: 1em; 
	height: 1.7em; 
	padding:0em 0.8em 0em 1.5em;
	font-size:1.5em;
	cursor:pointer;
	overflow:visible;
	background-color:#C7FF05;
	border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	border:1px #0c0 solid;
	border-radius: 0.5em;
	text-decoration:none;
	box-shadow: 3px 3px 10px #555;
}

.Gros_Bouton_Excel {
	background-image: url("../images/Microsoft Excel-01.png"); 
}

.Gros_Bouton_PDF {
	background-image: url("../images/PDF.png"); 
}

.Gros_Bouton_Go {
	background-image: url("../images/GO.png");
	border:1px #00c solid;
	background-color : #0095E2;
	color:#fff;
}

.Gros_Go_Rouge {
	background-image: url("../images/GO_Rouge.png");
	border:1px #00c solid;
	background-color : #f00;
	color:#fff;
}

.Gros_Poubelle {
	background-image: url("../images/Poubelle.png");
	background-size: 0.8em; 
}

.Degrade_Bleu_Gris {
	border-radius: 1em;
	background-color:#007FFF;
	/*background: -moz-linear-gradient(top, #007FFF, #eeeeee);
	background-image: -webkit-gradient(linear, top, bottom,
                   	 	  color-stop(0.00, #007FFF),   
                  		  color-stop(1.00, #eeeeee)
                  		  );
	filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#007FFF,endColorStr=#eeeeee) ;
	*/
	}
	
	
.Bouton_Action {
	background-image: url("../images/Btn_Coche.png"); 
	background-position: 0.2em center;
	background-repeat: no-repeat; 
	background-size: 1em; 
	padding:0.1em 0.5em 0.2em 1.7em;
	font-size:1em;
	cursor:pointer;
	overflow:visible;
	background-color:#C7FF05;
	border-radius: 0.2em;
	-webkit-border-radius: 0.2em;
	border:1px #0c0 solid;
	text-decoration:none;
	box-shadow: 3px 3px 10px #555;
}

.Bouton_Alert {
	background-image: url("../images/AniCaution2.gif"); 
	background-position: 0.2em center;
	background-repeat: no-repeat; 
	background-size: 1em; 
	padding:0.1em 0.5em 0.2em 1.7em;
	font-size:1em;
	cursor:pointer;
	overflow:visible;
	background-color:#C7FF05;
	border-radius: 0.2em;
	-webkit-border-radius: 0.2em;
	border:1px #0c0 solid;
	text-decoration:none;
	box-shadow: 3px 3px 10px #555;
}

.Bouton_Action_Plus {
	background-image: url("../images/Btn_Plus.png"); 
	background-position: 0.2em center;
	background-repeat: no-repeat; 
	background-size: 1em; 
	padding:0.1em 0.5em 0em 1.7em;
	font-size:1em;
	cursor:pointer;
	overflow:visible;
	background-color:#C7FF05;
	border-radius: 0.2em;
	-webkit-border-radius: 0.2em;
	border:1px #0c0 solid;
	text-decoration:none;
	box-shadow: 3px 3px 10px #555;
}

.Bouton_Action_Vers {
	background-image: url("../images/Fleche_Droite.png"); 
	background-position: right center;
	background-repeat: no-repeat; 
	background-size: 1em; 
	padding:0.1em 1.7em 0.2em 0.5em;
	font-size:1em;
	cursor:pointer;
	overflow:visible;
	background-color:#C7FF05;
	border-radius: 0.2em;
	-webkit-border-radius: 0.2em;
	border:1px #0c0 solid;
	text-decoration:none;
	box-shadow: 3px 3px 10px #555;
}
.Big_ {
	background-position: 0.2em center;
	background-repeat: no-repeat; 
	background-size: 3em; 
	padding:0.1em 0.5em 0em 3em;
	font-size:1.3em;
	cursor:pointer;
	overflow:visible;
	background-color:#C7FF05;
	border-radius: 0.2em;
	-webkit-border-radius: 0.2em;
	border:1px #0c0 solid;
	text-decoration:none;
	box-shadow: 3px 3px 10px #555;
}

.Pseudo_Bouton_Bleu {
	display:inline-block;
	padding:0.5em;
	margin:0;
	background-color:#007FFF;
	color:#fff;
	border-radius: 0.3em;
	-webkit-border-radius: 0.3em;
	border:1px #00f solid;
}

.PETIT_BOUTON_BLEU {
	font-size: 0.8em;
	font-weight: bold;
	color: #FFFFFF;
	text-align : center;
	cursor:pointer;
	overflow:visible;
	padding: 0.3em ;
	background-color:#0085CA;
	background: -moz-linear-gradient(top, #0085CA, #01A8FF);
	background-image: -webkit-gradient(linear, left top, right bottom,
                   	 	  color-stop(0.00, #0085CA),   
                  		  color-stop(1.00, #01A8FF)
                  		  );
	filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#0085CA,endColorStr=#01A8FF) ;
	-moz-border-radius: 0.5em;
	border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	border-radius: 0.5em;
	text-shadow: 0.2em 0.2em 0.2em rgba(0,0,0,.7);
	text-decoration:none;
	}


.CACHE_DIV {
	/* il suffit que le conteneur soit en "position:relative" */
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-image: repeating-linear-gradient(135deg,  #ffffff , #ffffff 1em, #a3a3a3 1em, #a3a3a3 2em );
	opacity:0.8;
	filter:alpha(opacity=80);
	}
	
.Gros_Bouton_Enregistrer {
	display:inline-block;
	background-image: url("../images/Clignotant_Rouge.gif"); 
	background-position: 0.2em center;
	background-repeat: no-repeat; 
	background-size: 1em; 
	height: 1.7em; 
	padding:0em 0.8em 0em 1.5em;
	font-size:1.5em;
	cursor:pointer;
	overflow:visible;
	background-color:#C7FF05;
	border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	border:1px #0c0 solid;
	border-radius: 0.5em;
	text-decoration:none;
	box-shadow: 3px 3px 10px #555;
	}

.Entourage {
	text-shadow: 1px 1px 0px #000, -1px 1px 0px #000, 1px -1px 0px #000, -1px -1px 0px #000;
	}