/***************************************
#loader {
	position: fixed;
	z-index: 9999;
	background: LightGrey url(../images/loader1.gif) 50% 30% no-repeat;
	opacity: 0.8;
	filter: alpha(opacity=80);
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	cursor: wait;
}
*/

/* LOADER CSS
/****************************************/
#loader
{
	position: fixed;
	z-index: 200;
	background: LightGrey;
	opacity: 0.8;
	filter: alpha(opacity=80);
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	cursor: wait;
}
.loader-content
{
	position: absolute;
	width: 200px;
	height: 200px;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
.item
{
	width: 100px;
	height: 100px;
	position: absolute;
}
.item-1
{
	background-color: DarkRed;
	top: 0;
	left: 0;
	z-index: 1000;
	animation: item-1_move 1.5s cubic-bezier(.6,.01,.4,1) infinite;
	-moz-border-radius: 20px 0;
	-webkit-border-radius: 20px 0;
	border-radius: 20px 0;
}
.item-2
{
	background-color: DimGrey;
	top: 0;
	right: 0;
	z-index: 500;
	animation: item-2_move 1.5s cubic-bezier(.6,.01,.4,1) infinite;
	-moz-border-radius: 20px 0;
	-webkit-border-radius: 20px 0;
	border-radius: 20px 0;
}
.item-3
{
	background-color: #308C9C;
	bottom: 0;
	right: 0;
	z-index: 1000;
	animation: item-3_move 1.5s cubic-bezier(.6,.01,.4,1) infinite;
	-moz-border-radius: 20px 0;
	-webkit-border-radius: 20px 0;
	border-radius: 20px 0;
}
.item-4
{
	background-color: GoldenRod;
	bottom: 0;
	left: 0;
	z-index: 500;
	animation: item-4_move 1.5s cubic-bezier(.6,.01,.4,1) infinite;
	-moz-border-radius: 20px 0;
	-webkit-border-radius: 20px 0;
	border-radius: 20px 0;
}
@keyframes item-1_move
{
	0%, 100% {transform: translate(0, 0)} 
	25% {transform: translate(0, 100px)} 
	50% {transform: translate(100px, 100px)} 
	75% {transform: translate(100px, 0)} 
}
@keyframes item-2_move
{
	0%, 100% {transform: translate(0, 0)} 
	25% {transform: translate(-100px, 0)} 
	50% {transform: translate(-100px, 100px)} 
	75% {transform: translate(0, 100px)} 
}
@keyframes item-3_move
{
	0%, 100% {transform: translate(0, 0)} 
	25% {transform: translate(0, -100px)} 
	50% {transform: translate(-100px, -100px)} 
	75% {transform: translate(-100px, 0)} 
}
@keyframes item-4_move {
	0%, 100% {transform: translate(0, 0)} 
	25% {transform: translate(100px, 0)} 
	50% {transform: translate(100px, -100px)} 
	75% {transform: translate(0, -100px)} 
}
/* 
/****************************************/
body
{
	background: #550403;
	margin: 0 auto;
	font-family: "microsoft sans Serif";
}
#bgmain
{
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	top: 50px;
	width: 1150px;
	background: #E7E7E7;
	background-image: linear-gradient(#E7E7E7 20%, #ADADAD 80%);
	-moz-border-radius: 20px 0;
	-webkit-border-radius: 20px 0;
	border-radius: 20px 0;
}
a {color:#000000;text-decoration:none}
li{text-align: justify;}
p{text-align: justify;}
/* MENU
/****************************************/
#menu{
	z-index:100;
	position:absolute;
	margin-left:auto;
	margin-right:auto;
	left:0;
	right:0;
}
#menu_content{
	background:#AEAEAE;
	width:1155px;
	border-left:2px solid #7A7A7A;
	border-right:2px solid #7A7A7A;
	padding:10px 0 10px 0;
	margin:0 auto;
}
#menu_bottom{
	background:#AEAEAE;
	width:1155px;
	margin:0 auto;
	height:10px;
	-moz-border-radius-bottomleft:20px;
	-webkit-border-bottom-left-radius:20px;
	border-bottom-left-radius:20px;
	border-left:2px solid #7A7A7A;
	border-right:2px solid #7A7A7A;
	border-bottom:2px solid #7A7A7A;
}
#menu_button{
	background:#7A7A7A;
	border-radius: 0 0 10px 10px;
	width:80px;
	height:25px;
	float:right;
	margin-right:10px;
	color:#D7D7D7;
	font-family:calibri;
	font-size:18px;
	text-align:center;
	text-decoration:none;
	vertical-align:middle;
}
#menu_blocs{
	background:#AEAEAE;
	margin:0 auto;
	width:1050px;
}

#menu.floatable{
	position:fixed;
	top:0;
}
.menu_bloc{
	display:inline-block;
	text-align:left;
	vertical-align:top;
}
.separator{
	display:inline-block;
	position:relative;
	width:2px;
	height:240px;
	margin:0 35px 0 35px;
	border-right:1px solid black;
	box-shadow: 1px 2px 0px #F4F4F4; 
}
.cat1 a
{
	color: #B90909;
	font-family: calibri;
	vertical-align: top;
	font-size: 16px;
	text-decoration: none;
	text-shadow: 1px 2px 3px gray;
}
.cat2 {margin-left:30px; }
.cat2 a
{
	color: #000;
	font-family: calibri;
	vertical-align: top;
	font-size: 14px;
	text-decoration: none;
	text-shadow: 1px 1px 3px gray;
}
.cat3 {margin-left:60px; }
.cat3 a, .cat4 a
{
	color: #000;
	font-family: calibri;
	vertical-align: top;
	font-size: 12px;
	text-decoration: none;
	/*text-shadow: 1px 2px 3px gray;*/
}
.cat4 {margin-left:80px; }

/* DIVERS
/****************************************/
*{
	border: none;
	margin: 0px;
	padding: 0px;
}
.clear{clear: both;	font-size: 0;	height: 0;}
.rouge {color:#B90909;}
.ombre {text-shadow:1px 1px 2px gray;}
.h20px {font-size:20px;}
.h16px {font-size:16px;}
.h14px {font-size:14px;}
.h12px{font-size:12px;}
.left{float:left;}
.inline{display:inline-block;}

.spacer_h5{display:inline-block; height:1px; width:5px;}
.spacer_h10{display:inline-block; height:1px; width:10px;}
.spacer_h15{display:inline-block; height:1px; width:15px;}
.spacer_h20{display:inline-block; height:1px; width:20px;}
.spacer_h40{display:inline-block; height:1px; width:40px;}

.spacer_v5{display:inline-block; height:5px; width:100%;}
.spacer_v10{display:inline-block; height:10px; width:100%;}
.spacer_v15{display:inline-block; height:15px; width:100%;}
.spacer_v20{display:inline-block; height:20px; width:100%;}
.spacer_v25{display:inline-block; height:25px; width:100%;}
.spacer_v30{display:inline-block; height:30px; width:100%;}
.spacer_v50{display:inline-block; height:50px; width:100%;}
.spacer_v60{display:inline-block; height:60px; width:100%;}
.spacer_v75{display:inline-block; height:75px; width:100%;}
.spacer_v100{display:inline-block; height:100px; width:100%;}
.pagination{font-family:calibri;font-size:24px;}
.pagination a{text-decoration:none; color:grey;}

.td_control{font-size:12px;border:1px solid gray;width:150px;text-align:right;padding-right:5px;}
.td_control_total{font-size:12px;border:1px solid gray;width:150px;text-align:right;padding-right:5px;font-weight:bold;background-color:LightGray;vertical-align:top;}
.td_control_totalgen{font-size:12px;border:1px solid gray;width:150px;text-align:right;padding-right:5px;font-weight:bold;background-color:LightSlateGray;vertical-align:top;}

.aide{
	margin-left:5px;
	display: inline-block;
}
.aide:hover{
	cursor: help;
}
.aide span{
     position:absolute;
     margin-top:25px;
     margin-left:-50px;
     width:400px;
     font-size:14px;
     font-style:italic;
     text-align: left;
     text-shadow: none;
     color: black;
     background: #A9D0F5;
     padding:10px;
     border: 2px solid grey;
     border-radius:3px;
     box-shadow:0 0 2px rgba(0,0,0,.5);
     transform:scale(0) rotate(-12deg);
     transition:all .25s;
     opacity:0;
     z-index: 9999;
}
.aide:hover span, .aide:focus span{
     transform:scale(1) rotate(0);
     opacity:1;
}

/* Boutons switch on-off
/****************************************/
.switch {
  position: absolute;
  margin-left: -9999px;
  visibility: hidden;
}
.switch + label {
  display: block;
  position: relative;
  cursor: pointer;
  outline: none;
  user-select: none;
}
input.switch + label {
  padding: 2px;
  width: 30px;
  height: 15px;
  background-color: #dddddd;
  border-radius: 60px;
}
input.switch + label:before,
input.switch + label:after {
  display: block;
  position: absolute;
  top: 1px;
  left: 1px;
  bottom: 1px;
  content: "";
}
input.switch + label:before {
  right: 1px;
  background-color: #FE2E2E;
  border-radius: 60px;
  transition: background 0.4s;
}
input.switch + label:after {
  width: 18px;
  background-color: #D8D8D8;
  border-radius: 100%;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  transition: margin 0.4s;
}
input.switch:checked + label:before {
  background-color: #8ce196;
}
input.switch:checked + label:after {
  margin-left: 14px;
}

/* CheckBox design (https://proto.io/freebies/onoff/)
/*****************************************************/
.onoffswitch {
    position: relative; width: 20px; margin-left: 5px; margin-top: 0px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffswitch-checkbox {
    display: none;
}
.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 2px solid #999999; border-radius: 50px;
}
.onoffswitch-inner {
    display: block; width: 200%; margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block; float: left; width: 50%; height: 6px; padding: 0; line-height: 6px;
    font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    box-sizing: border-box;
}
.onoffswitch-inner:before {
    content: "";
    padding-left: 10px;
    background-color: #CFCFCF; color: #FFFFFF;
}
.onoffswitch-inner:after {
    content: "";
    padding-right: 10px;
    background-color: #CFCFCF; color: #999999;
    text-align: right;
}
.onoffswitch-switch {
    display: block; width: 10px; margin: -2px;
    background: #B5B5B5;
    position: absolute; top: 0; bottom: 0;
    right: 10px;
    border: 2px solid #999999; border-radius: 50px;
    transition: all 0.3s ease-in 0s; 
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px; 
    background-color: #26CC69; 
}


/* Messages Informatifs
/****************************************/
#message_information, #message_erreur, #message_avertissement
{
	z-index: 100;
	width: 750px;
	padding: 15px 15px 15px 35px;
	margin-top: 5px;
	margin-right: 5px;
	border-top: 0;
	border-right: 2px solid #7A7A7A;
	border-left: 2px solid #7A7A7A;
	border-bottom: 2px solid #7A7A7A;
	float: right;
	border-radius: 10px 0 10px 10px;
	opacity: 0.9;
	text-align: left;
}
#message_information{background:GhostWhite url(../images/msg_help.png) no-repeat 5px 10px;}
#message_erreur{background:LightSalmon url(../images/msg_error.png) no-repeat 5px 10px;}
#message_avertissement{background:Coral url(../images/msg_avert.png) no-repeat 5px 10px;}
#message_avertissement p{font-size:12px; font-style:italic;}
#message_information.img, #message_erreur.img, #message_avertissement.img{float:left;}

.msg
{
	display: inline-block;
	background: Gainsboro;
	color: #B90909;
	font-style: italic;
	vertical-align: bottom;
	padding: 5px;
	font-size: 14px;
	text-align: center;
	border: 2px solid #B90909;
	border-radius: 10px;
}
.msg_avert
{
	display: inline-block;
	/*background: BlanchedAlmond url(../images/msg_avert.png) no-repeat 5px 5px;*/
	background: BlanchedAlmond;
	color: #B90909;
	font-weight: bold;
	margin: 0 30px 20px 30px;
	padding: 5px;
	font-size: 14px;
	text-align: left;
	vertical-align: middle;
	border: 2px solid #B90909;
	border-radius: 10px ;
}
.msg_avert pre{margin-left:20px;font-weight:normal;}
.msg_info
{
	display: inline-block;
	background: #CCFFCC url(../images/msg_info.png) no-repeat 5px 5px;
	color: #B90909;
	font-weight: bold;
	margin: 0 30px 20px 30px;
	padding: 10px 10px 10px 35px;
	font-size: 14px;
	text-align: left;
	border: 2px solid #B90909;
	border-radius: 10px ;
}
.mess_info
{
	z-index:100;
	position:absolute;
	display:inline-block;
	float:right;
	right:0px;
	border:2px solid #B90909;
	border-right:0px;
	border-radius: 25px 0 0 25px;
	color:#B90909;
	background:#CCFFCC url(../images/msg_info.png) left no-repeat;
	padding:10px 10px 10px 30px;
	text-align:center;
}
.mess_error{
	position:relative;
	display:inline-block;
	float:right;
	right:0px;
	border:2px solid #B90909;
	border-right:0px;
	border-radius: 25px 0 0 25px;
	color:#B90909;
	background:Coral url(../images/msg_error.png) left no-repeat;
	z-index:1;
	padding:10px 10px 10px 30px;
	text-align:center;
}
.msg_collecter{
	display:inline-block;
	float:right;
	background:BlanchedAlmond;
	color:#B90909;
	font-style:italic;
	vertical-align:bottom;
	padding:3px;
	font-size:12px;
	text-align:center;
	border:2px solid #B90909;
	border-radius:10px ;
}

/* Autocompletion
/****************************************/
.autocompletion_res{
	position:fixed;
	z-index:10;
	background:BlanchedAlmond;
}

/* ENTETE
/****************************************/
#top{
	width:1150px;
	height:40px;
	margin:0 auto 5px auto;
	text-align:right;
}
#top img {margin:1px 2px 2px 2px; float:right;}
#header {
	width:1150px;
	height:180px;
	/*border: 1px solid black;*/
}
#user {
	font-size:14px;
	position: relative;
	z-index:10;
	display:inline-block;
	float:right;
	padding:10px;
	top:10px;
	right:10px;
	color:#B90909;
	background-color:#F4F4F4;
	border:4px solid #B90909;
	border-radius:0 10px ;
	text-shadow:1px 2px 3px gray;
	box-shadow:0 0 5px rgba(0,0,0,0.5),0 -1px 0 rgba(255,255,255,0.4);
	/*border:1px solid black;*/
}
#user img {vertical-align:middle; float:right;}
#user span {margin-top:5px; vertical-align:middle; float:right; color:#000000;}
#logo {
	display:inline-block;
	position: absolute;
	z-index:1;
	height:180px;
	width:250px;
	text-align:left;
	/*border:1px solid black;*/
}
#titre_header{
	position:relative;
	left:250px;
	z-index:1;
	height:180px;
	width:900px;
	font-size:50px;
	/*border:1px solid black;*/
}
#titre {
	position:relative;
	display:inline-block;
	left:250px;
	z-index:10;
	height:180px;
	width:900px;
	font-size:50px;
	/*border:1px solid black;*/
}

#nomgroupe {
	display:inline-block;
	float:right;
	font-family:calibri;
	background-color:#F4F4F4;
	font-size:20px;
	color:#B90909;
	padding:0 10px 0 10px;
	margin-right:50px;
	border:4px solid #B90909;
	border-radius:10px;
	text-shadow:1px 2px 3px gray;
	box-shadow:0 0 5px rgba(0,0,0,0.5),0 -1px 0 rgba(255,255,255,0.4);
	line-height:42px;
}
/* Bar de progression
/****************************************/

 .graph {
		width: 100%; /* width and height are arbitrary, just make sure the #bar styles are changed accordingly */
		height: 30px;
		border: 1px solid #888; 
		background: rgb(168,168,168);
		background: -moz-linear-gradient(to top, rgba(168,168,168,1) 0%, rgba(204,204,204,1) 23%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(168,168,168,1)), color-stop(23%,rgba(204,204,204,1)));
		background: -webkit-linear-gradient(to top, rgba(168,168,168,1) 0%,rgba(204,204,204,1) 23%);
		background: -o-linear-gradient(to top, rgba(168,168,168,1) 0%,rgba(204,204,204,1) 23%);
		background: -ms-linear-gradient(to top, rgba(168,168,168,1) 0%,rgba(204,204,204,1) 23%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a8a8a8', endColorstr='#cccccc',GradientType=0 );
		background: linear-gradient(to top, rgba(168,168,168,1) 0%,rgba(204,204,204,1) 23%);
		position: relative;
	}
	
	#bar {  /* ORANGE */
		height: 29px; /* Not 30px because the 1px top-border brings it up to 30px to match #graph */
		background: rgb(255,197,120); 
		background: -moz-linear-gradient(to top, rgba(255,197,120,1) 0%, rgba(244,128,38,1) 100%); 
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,197,120,1)), color-stop(100%,rgba(244,128,38,1))); 
		background: -webkit-linear-gradient(to top, rgba(255,197,120,1) 0%,rgba(244,128,38,1) 100%); 
		background: -o-linear-gradient(to top, rgba(255,197,120,1) 0%,rgba(244,128,38,1) 100%); 
		background: -ms-linear-gradient(to top, rgba(255,197,120,1) 0%,rgba(244,128,38,1) 100%); 
		background: linear-gradient(to top, rgba(255,197,120,1) 0%,rgba(244,128,38,1) 100%); 
		border-top: 1px solid #fceabb;
	}
	#bar_100 {  /* VERT */
		height: 29px; /* Not 30px because the 1px top-border brings it up to 30px to match #graph */
		background: rgb(45,185,45);   
		background: -moz-linear-gradient(to top, rgba(45,185,45,1) 0%, rgba(0,123,30,1) 100%); 
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(45,185,45,1)), color-stop(100%,rgba(0,123,30,1))); 
		background: -webkit-linear-gradient(to top, rgba(45,185,45,1) 0%,rgba(0,123,30,1) 100%); 
		background: -o-linear-gradient(to top, rgba(45,185,45,1) 0%,rgba(0,123,30,1) 100%); 
		background: -ms-linear-gradient(to top, rgba(45,185,45,1) 0%,rgba(0,123,30,1) 100%); 
		background: linear-gradient(to top, rgba(45,185,45,1) 0%,rgba(0,123,30,1) 100%); 
		border-top: 1px solid #47d247;
	}
	#bar_rouge {  /* ROUGE */
		height: 29px; /* Not 30px because the 1px top-border brings it up to 30px to match #graph */
		background: rgb(215,48,48);
		background: -moz-linear-gradient(to top, rgba(215,48,48,1) 0%, rgba(178,34,34,1) 100%); 
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(215,48,48,1)), color-stop(100%,rgba(178,34,34,1))); 
		background: -webkit-linear-gradient(to top, rgba(215,48,48,1) 0%,rgba(178,34,34,1) 100%); 
		background: -o-linear-gradient(to top, rgba(215,48,48,1) 0%,rgba(178,34,34,1) 100%); 
		background: -ms-linear-gradient(to top, rgba(215,48,48,1) 0%,rgba(178,34,34,1) 100%); 
		background: linear-gradient(to top, rgba(215,48,48,1) 0%,rgba(178,34,34,1) 100%); 
		border-top: 1px solid #d73030;
	}
	#bar p { position: absolute; text-align: center; width: 100%; margin: 0; line-height: 30px; }
	#bar_100 p { position: absolute; text-align: center; width: 100%; margin: 0; line-height: 30px; }
	#bar_rouge p { position: absolute; text-align: center; width: 100%; margin: 0; line-height: 30px; }
			
	.error {
		/* These styles are arbitrary */
		background-color: #fceabb;
		padding: 1em;
		font-weight: bold;
		color: red;
		border: 1px solid red;
	}
/* PIED DE PAGE
/****************************************/
#footer {
	width:1150px;
	font-family:calibri;
	font-size:11px;
	padding:10px 50px 10px 50px;
	/*border: 1px solid black;*/
}
#footer p {margin-bottom:5px;color:DarkSlateGray;}
#footer a {color:DarkSlateGray;}

/* MENU DU HAUT
/****************************************/
#top_menu
{
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-start;
	align-items: flex-end;
	margin-left: 90px;
	margin-bottom: 5px;
	/*height: 42px;*/
	/*border: 1px solid red;*/
}
#saisie_encours
{
	display: flex;
	flex-direction: column;
	/*float:right;*/
	/*width: 500px;*/
	margin: 0px;
	padding-right: 5px;
	/*border:1px solid black;*/
}
.ruban_rouge
{
	display: flex;
	flex-direction: row;
	align-items: center;
	padding-right: 3px;
	padding-left: 5px;
	/*float:right;*/
	height: 33px;
	/*margin-left: 10px;*/
	/*text-align: center;*/
	background: #D03131;
	background: -webkit-gradient(linear, left top, left bottom, from(#D03131), to(#7b2020));
	background: -webkit-linear-gradient(top, #D03131, #7b2020);
	background: -moz-linear-gradient(top, #D03131, #7b2020);
	background: -ms-linear-gradient(top, #D03131, #7b2020);
	background: -o-linear-gradient(top, #D03131, #7b2020);
	background-image: -ms-linear-gradient(top, #d03131 0%, #7b2020 100%);
	-webkit-box-shadow: rgba(000,000,000,0.3) 0 1px 1px;
	-moz-box-shadow: rgba(000,000,000,0.3) 0 1px 1px;
	box-shadow: rgba(000,000,000,0.3) 0 2px 2px;
	border-radius: 2px 15px 15px 2px;
 }
.ruban_bleu
{
	display: flex;
	align-self: flex-end;
	flex-direction: row;
	align-items: center;
	padding-right: 3px;
	padding-left: 5px;
	height: 33px;
	/*margin-left:10px;
	text-align:center;*/
	background:#308c9c;
	background:-webkit-gradient(linear, left top, left bottom, from(#308c9c), to(#1c515b));
	background:-webkit-linear-gradient(top, #308c9c, #1c515b);
	background:-moz-linear-gradient(top, #308c9c, #1c515b);
	background:-ms-linear-gradient(top, #308c9c, #1c515b);
	background:-o-linear-gradient(top, #308c9c, #1c515b);
	background-image:-ms-linear-gradient(top, #308c9c 0%, #1c515b 100%);
	-webkit-box-shadow:rgba(000,000,000,0.3) 0 1px 1px;
	-moz-box-shadow:rgba(000,000,000,0.3) 0 1px 1px;
	box-shadow:rgba(000,000,000,0.3) 0 2px 2px;
	border-radius:2px 15px 15px 2px;
 } 
.ruban_rouge h1, .ruban_bleu h1{
	/*display:inline-block;*/
	font-size:12px!important;
	font-weight:lighter;
	color: #ffffff;
	margin-right: 10px;
	margin-left: 5px;
	
}
.ruban_tirets_top{
	width:100%;
	margin-top:3px;
	border-top:1px dashed rgba(0, 0, 0, 0.2);
	-moz-box-shadow:0px 0px 2px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow:0px 0px 2px rgba(0, 0, 0, 0.5);
	box-shadow:0px 0px 2px rgba(255, 255, 255, 0.5);
}
.ruban_tirets_bottom{
	width: 90%;
	float:right;
	margin-bottom:3px;
	border-top:1px dashed rgba(0, 0, 0, 0.2);
	-moz-box-shadow:0px 0px 2px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow:0px 0px 2px rgba(0, 0, 0, 0.3);
	box-shadow:0px 0px 2px rgba(255, 255, 255, 0.3);
}
.ruban_img{
	display:inline-block; 
	vertical-align:middle;
	margin:0px 3px 0px 3px;
}
.vide
{
	height: 42px;
	flex: 1;
}
#barre_info
{	
	display: flex;
	flex-direction: row;
	font-size: 28px;
	text-shadow: 1px 2px 3px gray;
	z-index: 20;
	position: relative;
	top: 3px;
	left: -30px;
}
#barre_info_popup
{	
	font-size: 24px;
	text-shadow: 1px 2px 3px gray;
	z-index: 40;
	position: relative;
	top: 15px;
	margin-left: 55px;
}

/* CONTENT
/****************************************/
#content {
	background-color:#F4F4F4;
	-moz-border-radius:20px 0;
	-webkit-border-radius:20px 0;
	border-radius:20px 0;
	margin:0 auto;
	width:1050px;
	padding: 0 0 20px 0;
	/*height:500px;*/
}
#contentPopup {
	background-color:#F4F4F4;
	display: inline-block;
	-moz-border-radius:20px 0;
	-webkit-border-radius:20px 0;
	border-radius:20px 0;
	padding: 0 0 20px 0;
}

.texte_content{font-size:14px; margin-left:25px; margin-right:25px;}
.texte_alert{
	font-style:italic;
	font-size:14px; 
	margin: 10px 25px 10px 25px;
	color:#b90909;
	font-family:georgia, monospace;
}
.titre{
	position: relative;
	top: 0px;
	display: flex;
	flex-direction: column;
	text-align: center;
	justify-content: space-around;
	width: 100%;
	font-size:20px;
	padding:10px 0px 20px 0px;
	text-shadow:1px 2px 3px gray;
}
.titre_error{
	font-size:20px;
	margin:10px 0 20px 0;
	text-shadow:1px 2px 3px gray;
	text-align:center;
}
.msg_error{
	font-size:14px;
	background-color:Coral;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	border:2px solid #B90909;
	margin:15px 30px 0 30px;
	padding: 30px;
}
.img_view{
	z-index:10;
	display:inline-block;
	float:left;
}
.round_img_popup{
	z-index:10;
	position:fixed;
	top:1px;
	left:1px;
	margin:0px;
}
.round_img{
	z-index:20;
	position:relative;
	top:-20px;
	left:-30px;
	float:left;
	margin-bottom:-30px;
}
.aide_view{
	padding:0 20px 20px 60px;
}
.sous_titre{
	font-size:16px;
	padding:0 20px 20px 20px;
	margin-top:-10px;
	text-shadow:1px 2px 3px gray;
	text-align:center;
}
.texte{
	font-size:14px;
	padding:0 20px 20px 20px;
	margin-top:-10px;
	text-align:center;
}
.compare{
	display:inline-block;
	margin-left:0px;
	margin-top:5px;
	width:510px;
	/*height:100px;
	border:1px solid black;*/
}
.compare fieldset {
	/*display:inline-block;*/
	/*vertical-align:top;*/
	padding:0;
	margin:0;
	width:510px;
	text-align:left;
	border:1px solid #B90909;
 }
#buttons_saisie_guide{
	position:absolute;
	bottom:0;
	width:850px;
	border-radius:10px;
	border:1px solid gray;
	background-color: rgba(240, 230, 140, 0.7);
	padding: 15px 0px 10px 0px;
}
#buttons_saisie_guide.fixed{
	position:fixed;
	bottom:0;
	margin-bottom:5px;
}
#buttons_saisie_guide input[type=submit],#buttons_saisie_guide input[type=button]{
	margin-top: 0px;
	margin-bottom:0px;
}
.container{
	width:850px;
	position:relative;
	margin:0 auto;
}
#buttons_saisie{
	position:absolute;
	bottom:0;
	width:680px;
	border-radius:10px;
	border:1px solid gray;
	background-color: rgba(240, 230, 140, 0.7);
	padding: 10px 0px 10px 0px;
}
#buttons_saisie.fixed{
	position:fixed;
	bottom:0;
	margin-bottom:5px;
}
#buttons_saisie input[type=submit],#buttons_saisie input[type=button]{
	margin-top: 0px;
	margin-bottom:0px;
}
.container_saisie{
	width:680px;
	position:relative;
	margin:0 auto;
}
#buttons_saisie_interco{
	position:absolute;
	bottom:0;
	width:640px;
	border-radius:10px;
	border:1px solid gray;
	background-color: rgba(240, 230, 140, 0.7);
	padding: 10px 0px 10px 0px;
}
#buttons_saisie_interco.fixed{
	position:fixed;
	bottom:0;
	margin-bottom:5px;
}
#buttons_saisie_interco input[type=submit],#buttons_saisie_interco input[type=button]{
	margin-top: 0px;
	margin-bottom:0px;
}
.container_saisie_interco{
	width:590px;
	position:relative;
	margin:0 auto;
}
#collecter input[type=submit]{
	display:inline-block;
	font-family:calibri;
	font-size:16px;
	width:150px;
	line-height:45px;
	padding-top:10px;
	margin:0 auto;
	text-align:center;
	text-decoration:none;
	vertical-align:middle;
	background:#444;
	background:-webkit-linear-gradient(#666,#222);
	background:-moz-linear-gradient(#666,#222);
	background:-ms-linear-gradient(#666,#222);
	background:-o-linear-gradient(#666,#222);
	background:linear-gradient(#666,#222);
	border-radius:5px;
	box-shadow:0 0 5px rgba(0,0,0,0.5),0 -1px 0 rgba(255,255,255,0.4);
	color:#FFF;
	text-shadow: 0px 1px 0px black;
}


 /* Message d'aide
/****************************************/
 #contentAide {
	background-image:url(../images/msg_help.png);
	background-repeat:no-repeat;
	background-position:12px 7px;
	background-color:Lavender;
	-moz-border-radius:20px 0;
	-webkit-border-radius:20px 0;
	border-radius:20px 0;
	margin:0 auto 10px;
	width:900px;
	padding: 2px 1px 5px 20px;
	border:1px solid grey;
}
.img_view_help{
	z-index:10;
	display:inline-block;
	float:left;
	margin:0 10px 0 10px;
	padding: 2px 1px 1px 1px;
}
.texte_liste_titre {
	width:800px; 
	margin:0 auto; 
	font-size:18px; 
	padding-top:10px;
}
.texte_aide{
	text-align:justify;
	font-style: italic;
	margin: 10px 25px 10px 25px;
	font-size:14px;
	font-family:georgia, monospace;
}
.texte_liste{
	font-size:14px; 
	padding:0 20px 10px 120px; 
	text-align:justify;
	width:800px; 
	margin:0 auto; 
}
.texte_sous_liste{
	font-size:14px; 
	padding-left: 50px; 
	text-align:justify;
	width:800px; 
	margin:0 auto; 
}
/* ACCUEIL
/****************************************/
.texte_accueil {
	width:800px; 
	margin:0 auto; 
	font-size:18px; 
	padding-top:50px;
}

/* BOUTONS
/****************************************/
.red_button a{
	display:inline-block;
	font-family:calibri;
	font-size:16px;
	width:154px;
	line-height:42px;
	margin:0px;
	text-align:center;
	text-decoration:none;
	vertical-align:middle;
	background:#4D0808;
	background:-webkit-linear-gradient(#E00808,#4D0808);
	background:-moz-linear-gradient(#E00808,#4D0808);
	background:-ms-linear-gradient(#E00808,#4D0808);
	background:-o-linear-gradient(#E00808,#4D0808);
	background:linear-gradient(#E00808,#4D0808);
	border-radius:5px;
	box-shadow:0 0 5px rgba(0,0,0,0.5),0 -1px 0 rgba(255,255,255,0.4);
	color:#FFF;
	text-shadow: 0px 1px 0px black;
}
.red_button a:hover {
	cursor:pointer;
	color:#E3E3E3;
	background:#4D2C2C;
	background:-webkit-linear-gradient(top,#E02C2C,#4D2C2C);
	background:-moz-linear-gradient(top,#E02C2C,#4D2C2C);
	background:-ms-linear-gradient(top,#E02C2C,#4D2C2C);
	background:-o-linear-gradient(top,#E02C2C,#4D2C2C);
	background:linear-gradient(top,#E02C2C,#4D2C2C);
}
.red_button a:active{
	color:#FFF;
	background:#4D0808;
	box-shadow:1px 1px 10px black inset,0 1px 0 rgba(255,255,255,0.4);
	background:-webkit-linear-gradient(#E00808,#4D0808);
	background:-moz-linear-gradient(#E00808,#4D0808);
	background:-ms-linear-gradient(#E00808,#4D0808);
	background:-o-linear-gradient(#E00808,#4D0808);
	background:linear-gradient(#E00808,#4D0808);
}
.black_button
{
	margin-right: 10px;
}
.black_button img{vertical-align:middle; margin-right:10px;}
.black_button a{
	display:inline-block;
	font-family:calibri;
	font-size:15px;
	width:140px;
	line-height:42px;
	margin:0px;
	text-align:center;
	text-decoration:none;
	vertical-align:middle;
	background:#444;
	background:-webkit-linear-gradient(#666,#222);
	background:-moz-linear-gradient(#666,#222);
	background:-ms-linear-gradient(#666,#222);
	background:-o-linear-gradient(#666,#222);
	background:linear-gradient(#666,#222);
	border-radius:5px;
	box-shadow:0 0 5px rgba(0,0,0,0.5),0 -1px 0 rgba(255,255,255,0.4);
	color:#FFF;
	text-shadow: 0px 1px 0px black;
}
.black_button a:hover {
	cursor:pointer;
	color:#E3E3E3;
	background:#555;
	background:-webkit-linear-gradient(top,#777,#333);
	background:-moz-linear-gradient(top,#777,#333);
	background:-ms-linear-gradient(top,#777,#333);
	background:-o-linear-gradient(top,#777,#333);
	background:linear-gradient(top,#777,#333);
}
.black_button a:active{
	color:#FFF;
	background:#444;
	box-shadow:1px 1px 10px black inset,0 1px 0 rgba(255,255,255,0.4);
	background:-webkit-linear-gradient(#555,#2C2C2C);
	background:-moz-linear-gradient(#555,#2C2C2C);
	background:-ms-linear-gradient(#555,#2C2C2C);
	background:-o-linear-gradient(#555,#2C2C2C);
	background:linear-gradient(#555,#2C2C2C);
}
#buttons
{
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap:	wrap;
	justify-content: center;
}
.bigblack_button img{margin-bottom:10px;}
.bigblack_button a{
	display:inline-block;
	font-family:calibri;
	font-size:16px;
	width:150px;
	height:130px;
	/*line-height:45px;*/
	padding-top:10px;
	margin:0 auto;
	text-align:center;
	text-decoration:none;
	vertical-align:middle;
	background:#444;
	background:-webkit-linear-gradient(#666,#222);
	background:-moz-linear-gradient(#666,#222);
	background:-ms-linear-gradient(#666,#222);
	background:-o-linear-gradient(#666,#222);
	background:linear-gradient(#666,#222);
	border-radius:5px;
	box-shadow:0 0 5px rgba(0,0,0,0.5),0 -1px 0 rgba(255,255,255,0.4);
	color:#FFF;
	text-shadow: 0px 1px 0px black;
}
.bigblack_button a:hover {
	cursor:pointer;
	color:#E3E3E3;
	background:#555;
	background:-webkit-linear-gradient(top,#777,#333);
	background:-moz-linear-gradient(top,#777,#333);
	background:-ms-linear-gradient(top,#777,#333);
	background:-o-linear-gradient(top,#777,#333);
	background:linear-gradient(top,#777,#333);
}
.bigblack_button a:active{
	color:#FFF;
	background:#444;
	box-shadow:1px 1px 10px black inset,0 1px 0 rgba(255,255,255,0.4);
	background:-webkit-linear-gradient(#555,#2C2C2C);
	background:-moz-linear-gradient(#555,#2C2C2C);
	background:-ms-linear-gradient(#555,#2C2C2C);
	background:-o-linear-gradient(#555,#2C2C2C);
	background:linear-gradient(#555,#2C2C2C);
}

/* FORMULAIRES
/****************************************/
.erreur{font-style:italic; font-size:10px; text-align:left; color:#b90909;}
form {
	margin:0 auto;
	/*padding:10px;*/
	/*width: 280px;*/
 }
form table {float:left; display:block; z-index:10; overflow:hidden;}
form td {
	white-space:nowrap;
	/*vertical-align:bottom;*/
	text-align:left;
	font-size: 12px;
	z-index: 10;
}
fieldset {
	display:inline-block;
	vertical-align:top;
	padding:0 10px 10px 10px;
	margin:0 20px 10px 20px;
	text-align:left;
	border:1px solid #B90909;
	/*width:200px;*/
 }
legend {
	color:#B90909;
	font-size:14px;
 }
label {
	margin-top:10px;
	display:block;
	font-size:12px;
	text-align:left;
 }
textarea {
    resize: none;
    overflow: scroll;
}
input, textarea, select{
	background-color:#FFF3F3;
	padding:3px;
	border:1px solid #AEAEAE;
	border-radius:5px;
	width:200px;
	box-shadow:1px 1px 2px #C0C0C0 inset;
}
input[type=text]:focus, input[type=search]:focus, input[type=password]:focus, select:focus{
	background-color:#E0F8F7;
	box-shadow: 1px 1px 6px #555;
}
#critereAff select, #critereAff input[type=text], #critereAff input[type=number]{
	background-color:#F2F5A9;
}
input[type=radio], input[type=checkbox]{width:20px;}

input[type=submit], input[type=button]{
	display:inline-block;
	font-size:14px;
	width:130px;
	height:30px;
	margin-top:20px;
	text-align:center;
	text-decoration:none;
	vertical-align:middle;
	background:#4D0808;
	background:-webkit-linear-gradient(#E00808,#4D0808);
	background:-moz-linear-gradient(#E00808,#4D0808);
	background:-ms-linear-gradient(#E00808,#4D0808);
	background:-o-linear-gradient(#E00808,#4D0808);
	background:linear-gradient(#E00808,#4D0808);
	border-radius:5px;
	box-shadow:0 0 5px rgba(0,0,0,0.5),0 -1px 0 rgba(255,255,255,0.4);
	color:#FFF;
	text-shadow: 0px 1px 0px black;
}
input[type=submit]:disabled, input[type=button]:disabled, input[type=submit]:hover:disabled, input[type=button]:hover:disabled{
	display:inline-block;
	cursor:not-allowed;
	font-size:14px;
	width:130px;
	height:30px;
	margin-top:20px;
	text-align:center;
	text-decoration:none;
	vertical-align:middle;
	background:#4D0808;
	background:-webkit-linear-gradient(B3A6A6,#7A6969);
	background:-moz-linear-gradient(#B3A6A6,#7A6969);
	background:-ms-linear-gradient(#B3A6A6,#7A6969);
	background:-o-linear-gradient(#B3A6A6,#7A6969);
	background:linear-gradient(#B3A6A6,#7A6969);
	border-radius:5px;
	box-shadow:1px 1px 10px black inset,0 1px 0 rgba(255,255,255,0.4);
	color:#FFF;
	text-shadow: 0px 1px 0px black;
}
.boutonInput{
	font-size:14px;
	width:130px;
	height:30px;
	vertical-align:middle;
	background:linear-gradient(#E00808,#4D0808);
	border-radius:5px;
	box-shadow:0 0 5px rgba(0,0,0,0.5),0 -1px 0 rgba(255,255,255,0.4);

	text-shadow: 0px 1px 0px black;
}

input[type=submit]:hover, input[type=button]:hover {
	cursor:pointer;
	color:#E3E3E3;
	background:#4D2C2C;
	background:-webkit-linear-gradient(top,#E02C2C,#4D2C2C);
	background:-moz-linear-gradient(top,#E02C2C,#4D2C2C);
	background:-ms-linear-gradient(top,#E02C2C,#4D2C2C);
	background:-o-linear-gradient(top,#E02C2C,#4D2C2C);
	background:linear-gradient(top,#E02C2C,#4D2C2C);
}
input[type=submit]:active, input[type=button]:active{
	color:#FFF;
	background:#4D0808;
	box-shadow:1px 1px 10px black inset,0 1px 0 rgba(255,255,255,0.4);
	background:-webkit-linear-gradient(#E00808,#4D0808);
	background:-moz-linear-gradient(#E00808,#4D0808);
	background:-ms-linear-gradient(#E00808,#4D0808);
	background:-o-linear-gradient(#E00808,#4D0808);
	background:linear-gradient(#E00808,#4D0808);
}
::-webkit-input-placeholder { /* WebKit browsers */
    font-style:italic; font-size:12px; color:#000000;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    font-style:italic; font-size:12px; color:#000000; opacity:1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    font-style:italic; font-size:12px; color:#000000; opacity:1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:#B90909;
}
/* TABLES JS Résultat fiscal (ID )
/****************************************/






.mytable_ID {
	margin:0 auto;padding:0px;
	width:1040px;
	border-width:1px 1px 1px 1px;
	
}
.mytable_ID table{
    float: none;
	display: table;
	border-collapse:collapse;
    border-spacing:0;
	width:100%;
	height:100%;
	margin:0px;
	padding:5px 0px 0px 0px;
	
}
.mytable_ID th{
	padding-bottom:5px;
}

.mytable_ID_info {
	margin:0 auto;padding:0px;
	width:1040px;
	border-width:1px 1px 1px 1px;
}
.mytable_ID_info table{
    float: none;
	display: table;
	border-collapse:collapse;
    border-spacing:0;
	width:100%;
	height:100%;
	margin:0px;
	padding:5px 0px 0px 0px;
	
}

.mytable_ID_info td{
	padding-bottom:15px;
}


.float-child {
    width: 50%;
    float: left;
    padding: 20px;
    border: 2px solid red;
} 
#containertest{
	width:100%;
	height:100%;
	overflow-y:auto;
	position:absolute;
	left:0; top:10px;
	padding:10px;
	clear: none;
	float: left;
}

.cardtest{
	width:100px; height:100px; margin:10px;
	float:left;
}

.parent {
	margin-left: 5px;
	margin-right: 5px;
  }

/* TABLES JS 
/****************************************/
/* Modifie la taille des dropbox */
div.dataTables_length select {
	width:55px;
  }

.mytable_js {
	margin:0 auto;padding:0px;
	width:1040px;
	border-width:1px 1px 1px 1px;
	
}

/* Classe pour la vue détails controles pour afficher les deux tableaux cote a cotes */
.mytable_js_two {
	display: inline-block;
	vertical-align: top;
	width:49%;	
	margin-left: 5px;
	margin-right: 5px;
}

.mytable_js table{
    float: none;
	display: table;
	border-collapse:collapse;
    border-spacing:0;
	width:100%;
	height:100%;
	margin:0px;
	padding:5px 0px 0px 0px;
	
	
}
.mytable_js .td_ID{
	padding-right: 0px;
    padding-left: 1px;
    padding-bottom: 3px;
    padding-top: 3px;

}
.mytable_js .td_axe{
	font-size: x-small;
}
.mytable_js .td_padding18{
	/*padding-left: 18px;*/
    padding-right: 18px;
}

.mytable_js .tr_Ecr{
	font-size: 12px;
	text-align:right;
}

.mytable_js .TAB_etat_group{
    background: #81bef7;
    Font-Weight: Bold;
    border-style: solid;
    font-size: 12px;
}
.mytable_js .group-start{
	    border-bottom: 6px solid #666;
    background-color: #96bbde;
    Font-Weight: Bold;
}
.mytable_js tr:hover td{}
.mytable_js tr:nth-child(odd){ background-color:#bfbbbb; }
.mytable_js tr:nth-child(even){ background-color:#ffffff; }

.mytable_js td{
	vertical-align:middle;
	/*border:1px solid #000000;
	 border-width:0px 1px 1px 1px; */
	text-align:left;
	padding:7px;
	font-size:12px;
	font-family:Helvetica;
	font-weight:normal;
	color:#000000;
}

/* ENTETE DU TABLEAU */
.mytable_js thead tr:first-child th{
	background:-o-linear-gradient(bottom, #CB0909 5%, #550909 100%);
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #CB0909), color-stop(1, #550909) );
	background:-moz-linear-gradient( center top, #CB0909 5%, #550909 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#CB0909", endColorstr="#550909");
	background: -o-linear-gradient(top,#CB0909,550909);
	background-color:#CB0909;
	border:0px solid #000000;
	text-align:center;
/*	border-width:1px 0px 1px 1px; */
	font-size:12px;
	font-family:Helvetica;
	font-weight:bold;
	color:#ffffff;
}
.mytable_js thead tr:first-child:hover td{
	background:-o-linear-gradient(bottom, #CB0909 5%, #550909 100%);
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #CB0909), color-stop(1, #550909) );
	background:-moz-linear-gradient( center top, #CB0909 5%, #550909 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#CB0909", endColorstr="#550909");
	background: -o-linear-gradient(top,#CB0909,550909);
	background-color:#CB0909;
}
/* TABLES JS  Detail
/****************************************/



.mytable_js_detail {
	margin:0 auto;
	padding:5px 5px 5px 5px;
	border-width:1px 1px 1px 1px;

}
.mytable_js_detail table{
    float: none;
	display: table;
	border-collapse:collapse;
    border-spacing:0;
	margin:0px;
	padding:5px 0px 0px 0px;
	
}
.mytable_js_detail .tr_Ecr{
	font-size: 12px;
	text-align:right;
}
.mytable_js_detail .td_padding18{
	/*padding-left: 18px;*/
    padding-right: 18px;
}

.mytable_js_detail td{
	vertical-align:middle;
	text-align:left;
	padding:7px;
	font-size:12px;
	font-family:Helvetica;
	font-weight:normal;
	color:#000000;
}

/* ENTETE DU TABLEAU */
.mytable_js_detail thead tr:first-child th{
	background:-o-linear-gradient(bottom, #CB0909 5%, #550909 100%);
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #CB0909), color-stop(1, #550909) );
	background:-moz-linear-gradient( center top, #CB0909 5%, #550909 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#CB0909", endColorstr="#550909");
	background: -o-linear-gradient(top,#CB0909,550909);
	background-color:#CB0909;
	border:0px solid #000000;
	text-align:center;
/*	border-width:1px 0px 1px 1px; */
	font-size:12px;
	font-family:Helvetica;
	font-weight:bold;
	color:#ffffff;
}

/* TABLES
/****************************************/
.numberfield{text-align:right;}
.tb_center{text-align:center;}
.tb_img{text-align:center;}
.tb_rouge{
	color:#B90909;
	font-weight:bold;
	text-align:center;
}
.mytable {
	margin:0 auto;padding:0px;
	width:1040px;
	border:1px solid #000000;
	
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
	
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
	
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
	
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}
.mytable table{
    float: none;
	display: table;
	border-collapse:collapse;
    border-spacing:0;
	width:100%;
	height:100%;
	margin:0px;padding:0px;
}
.mytable td{white-space: initial;}
.mytable tr:last-child td:last-child {
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
}
.mytable table tr:first-child td:first-child {
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}
.mytable table tr:first-child td:last-child {
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
}
.mytable tr:last-child td:first-child{
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
}
.mytable tr:hover td{}
.mytable tr:nth-child(odd){ background-color:#bfbbbb; }
.mytable tr:nth-child(even){ background-color:#ffffff; }
.mytable td{
	vertical-align:middle;
	border:1px solid #000000;
	border-width:0px 1px 1px 0px;
	text-align:left;
	padding:7px;
	font-size:12px;
	font-family:Helvetica;
	font-weight:normal;
	color:#000000;
}
.mytable tr:last-child td{	border-width:0px 1px 0px 0px;}
.mytable tr td:last-child{	border-width:0px 0px 1px 0px;}
.mytable tr:last-child td:last-child{border-width:0px 0px 0px 0px;}
.mytable tr:first-child td{
	background:-o-linear-gradient(bottom, #CB0909 5%, #550909 100%);
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #CB0909), color-stop(1, #550909) );
	background:-moz-linear-gradient( center top, #CB0909 5%, #550909 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#CB0909", endColorstr="#550909");
	background: -o-linear-gradient(top,#CB0909,550909);
	background-color:#CB0909;
	border:0px solid #000000;
	text-align:center;
	border-width:0px 0px 1px 1px;
	font-size:12px;
	font-family:Helvetica;
	font-weight:bold;
	color:#ffffff;
}
.mytable tr:first-child:hover td{
	background:-o-linear-gradient(bottom, #CB0909 5%, #550909 100%);
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #CB0909), color-stop(1, #550909) );
	background:-moz-linear-gradient( center top, #CB0909 5%, #550909 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#CB0909", endColorstr="#550909");
	background: -o-linear-gradient(top,#CB0909,550909);
	background-color:#CB0909;
}
.mytable tr:first-child td:first-child{border-width:0px 0px 1px 0px;}
.mytable tr:first-child td:last-child{	border-width:0px 0px 1px 1px;}

.myecheance {
	width:600px;
}
/* Documents module AUDIT
/****************************************/
.img_var{
	display: none;
}
#paragraphe_audit .nicEdit-main{
	border:1px solid #AEAEAE;
	background-color:LightBlue;
	border-radius:5px;
	box-shadow:1px 1px 2px #C0C0C0 inset;
}
#paragraphe_audit #contentAide {
	margin-top:10px;
	background-color:NavajoWhite;
	width:100%;
}
#paragraphe_audit .texte_aide{
	text-align:justify;
	font-style: normal;
	margin: 10px 25px 10px 25px;
	font-size:12px;
	font-family:georgia, monospace;
}
#paragraphe_audit .img_aide{
	cursor: pointer;
}
#sommaire{
	width:200px;
	float:left;
	height:1000px;
}
#paragraphe_audit{
	width:850px;
	position:relative;
	margin:0 auto;
	font-size:12px;
	font-family:Helvetica;
}
#paragraphe_audit p{
	text-align:justify;
	margin-top:5px;
}
#paragraphe_audit .titre_chapitre{
	font-size:14px;
	width:100%;
	background:DarkGray;
	font-weight: bold;
	margin-top:15px;
	margin-bottom:3px;
}
#paragraphe_audit .titre_paragraphe{
	font-size:14px;
	width:100%;
	background:silver;
	margin-top:15px;
	margin-bottom:3px;
}
#paragraphe_audit .titre_sous_para{
	font-size:14px;
	width:100%;
	background:silver;
	font-style:italic;
	margin-top:15px;
	margin-bottom:3px;
}
#paragraphe_audit .sommaire{
	width:100%;
	text-align:center;
	font-weight: bold;
	margin-top:10px;
	margin-bottom:3px;
	font-size:x-large;
}
#paragraphe_audit p{
	margin-top:10px;
}
#paragraphe_audit li{
	margin-top:10px;
	margin-left:40px;
}
#paragraphe_audit table{
	float:none;
	display:table;
}
#paragraphe_audit table td{
	height:25px;
	padding-left:2px;
}
#paragraphe_audit ul table td li{
	vertical-align:middle;
	margin-top:0;
}
#paragraphe_audit .cadre_paragraphe{
	width:850px;
	background:white;
	border:1px solid black;
	margin-top:10px;
	margin-bottom:15px;
}
#paragraphe_audit .cadre_paragraphe p{margin:5px 10px 5px 10px;}
#paragraphe_audit .cadre{
	width:850px;
	background:white;
	border:1px solid black;
	margin-top:10px;
	margin-bottom:15px;
	padding-left:10px;	
	padding-bottom:3px;
	padding-right:5px;
	border-spacing:0;
	border-collapse:collapse;
}
#paragraphe_audit  .cadre td{
	padding:0 3px 0 3px;
	vertical-align:center;
	height:30px;
	white-space:normal;
}
#paragraphe_audit .titre_table{
	font-weight:bold;
	margin-top:3px;
	margin-bottom:3px;
}
#paragraphe_audit .tableau{
	width:850px;
	border-spacing:0;
	border-collapse:collapse;
}
#paragraphe_audit .tableau td{
	padding:0 8px 0 2px;
	border:1px solid black;
	vertical-align:middle;
	white-space:normal;
}
.tableau tr:first-child td{
	background:grey;
	font-weight:bold;
	text-align:center;
}
.titreTab{
	background:Silver;
	font-weight:bold;
	text-align:center;
}
#paragraphe_audit .reponse{
	background-color:LightBlue;
	font-style:italic;
	font-size:12px;
}
#Coen .reponse,#Cofr .reponse{
	background-color:LightBlue;
	font-style:italic;
	font-size:12px;
}
#paragraphe_audit .reponseOK{
	background-color:PaleGreen;
	font-style:italic;
	font-size:12px;
}
#paragraphe_audit .reponseHide{
	background-color:MediumSeaGreen;
	font-style:italic;
	font-size:12px;
}
#paragraphe_audit .reponseHight{
	background-color:LightSalmon;
	font-style:italic;
	font-size:12px;
}
#paragraphe_audit .input_tab{
	width:100px;
}
#paragraphe_audit .textarea_tab{
	width:100%;
}
#paragraphe_audit .axterix{
	font-style:italic;
	font-size: 12px;
}
#paragraphe_audit .tableau input[type=text]{
	width:100%;
}
#paragraphe_audit .tableau input[type=number]{
	width:150px;
}
#paragraphe_audit textarea{
	width:100%;
}
#paragraphe_audit input, #paragraphe_audit textarea, #paragraphe_audit select {
	padding:3px;
	border:1px solid #AEAEAE;
	border-radius:5px;
	box-shadow:1px 1px 2px #C0C0C0 inset;
}
#paragraphe_audit #action_buttons{
	position:absolute;
	bottom:0;
	width:850px;
	border-radius:10px;
	border:1px solid gray;
	background-color: rgba(240, 230, 140, 0.7);
}
#paragraphe_audit #action_buttons.fixed{
	position:fixed;
	bottom:0;
	margin-bottom:5px;
}
.Gfixed{
	width:850px;
	border-radius:10px;
	border:1px solid gray;
	background-color: rgba(240, 230, 140, 0.7);
	margin-left:100px;

}
.Dfixed{
	width:850px;
	border-radius:10px;
	border:1px solid gray;
	background-color: rgba(240, 230, 140, 0.7);
	/*margin-left:100px;*/

}
#paragraphe_audit #action_buttons input[type=submit],input[type=button]{
	margin-bottom:2px;
}
#document{
	
	display:inline-block;
	font-size:13px;
	width:110px;
	margin-left:5px;
	margin-top:2px;
	text-align:center;
	text-decoration:none;
	vertical-align:middle;
	
}

#action_buttons input[type=submit],input[type=button]{
	margin-bottom:2px;
}
 input[type=file]{
	width:400px;
}
textarea#desc {
	width:250px;
	height: 100px;
}
select#docFi {
	width:250px;
}
input#nom {
	width:250px;
}
label.labelAnnexe{
	display:inline;
}
.dtEcheance {
	width:70px;
}
#paragraphe_audit .option {
 display:none;
}



