td.box_head {
	background-color: #a7b2c1;
	font-family: Ubuntu, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;	
	height: 20px;
	text-align: left;
	
}

td.box_head2 {
	background-color: #ffffff;
	font-family: Ubuntu, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #2d4a5c;	
	height: 60px;
	text-align: left;
	border-bottom: 1px solid #808080;
}

td.box_title {
	background-color: #e0e0e0;
	font-family: Ubuntu, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #2d4a5c;	
}

b.box {
	font-family: Ubuntu, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #606060;	
}

hr.box {
	color:#808080; 
	background-color:#808080
}

input.box_btn {
	font-family: Ubuntu, Arial, Helvetica, sans-serif;
	font-size: 12px;
	width:100px;
	height:25px;
	background-color:#e0e0e0
}

input.box_txt {
	font-family: Ubuntu, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color:#ffffff;
}

input.box_txtdisabled {
	font-family: Ubuntu, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color:#e0e0e0;
}

select.box {
	font-family: Ubuntu, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: right;
	width: 250px;
}


/* ----------- POUR LES INDICATEURS ------------------- */
.ads_Instruction_WORKING
{
	color:black;
	background-color:yellow;
}

.ads_Instruction_OK
{
	color:black;
	background-color:#70bf21;
}

.ads_Instruction_NOTOK
{
	color:white;
	background-color:red;
}

.ads_Instruction_CANCEL
{
	color:white;
	background-color:grey;
}

.ads_Instruction_SURCIS
{
	color:#B2B2FF;
	background-color:#FFFFB2;
}

.ads_Instruction_REA
{
	color:#0077FF;
	background-color:#FF8800;
}

.ads_Instruction_END
{
	color:#EEEEEE;
	background-color:#2d4a5c;
}

.ads_Instruction_VIDE
{
	/*color:#EEEEEE;
	background-color:#2d4a5c;*/
}

/* ----------- POUR LES SERVICES ------------------- */
/* Top, Right, Bottom, Left */ 

.ads_service_cadre {
	font-family: Ubuntu, Arial, Helvetica, sans-serif;
	margin : 0.5em 0.5em 0.5em 0.5em;
	padding : 0em 0em 0em 0em;
	background : #dce7f6;
	color : #2d4a5c;
	border : 1px solid #A0A0A0; 
}

.ads_service_cadre h3 {
	text-align : left;
	font-weight: bold;
  font-size : 14px;
  text-decoration: none;
  background : #b9c2cf;
	color : #FFFFFF;
  padding : 0.2em 0.2em 0.2em 0.5em;
  margin : 0em 0em 0.5em 0em;
}

.ads_service_cadre div {
	
	margin : 0em 0em 0.2em 0em;	
}

.ads_service_cadre label {
	display : block;
	float : left;
	font-size : 12px;
	width : 140px;
	padding : 0.2em 0em 0em 0.2em;
}

.ads_service_cadre select {
	font-size: 10px;
}

.ads_service_cadre input {
	font-size: 10px;
	margin : 0em 0em 0.3em 0em;	
}

.ads_service_cadre img {
	margin : 0em 0em 0em 0.3em;	
}

/* ----------- FIN DES SERVICES ------------------- */


/* ----------- POUR LES RESEAUX ------------------- */
/* Top, Right, Bottom, Left */ 

.ads_reseau_cadre {
	font-family: Ubuntu,  Arial, Helvetica, sans-serif;
	margin : 0.5em 0.5em 0.5em 0.5em;
	padding : 0em 0em 0em 0em;
	background : #dce7f6;
	color : #2d4a5c;
	border : 1px solid #A0A0A0; 
}

.ads_reseau_cadre h3 {
	text-align : left;
	font-weight: bold;
  font-size : 14px;
  text-decoration: none;
  background : #b9c2cf;
	color : #FFFFFF;
  padding : 0.2em 0.2em 0.2em 0.5em;
  margin : 0em 0em 0.5em 0em;
}

.ads_reseau_cadre div {
	padding : 0.1em 0.1em 0.1em 0.1em;
	margin : 0em 0em 0.2em 0em;	
}

.ads_reseau_cadre label {
  display : block;
  float : left;
	font-size : 12px;
  width : 110px;
  padding : 0.2em 0em 0em 0.2em;
}

.ads_reseau_cadre select {
	font-size: 10px;
}

.ads_reseau_cadre input {
	font-size: 10px;
	margin : 0em 0em 0.3em 0em;	
}

.ads_reseau_service_input {
	width: 250px;	
}

.ads_reseau_cadre img {
	margin : 0em 0em 0em 0.3em;	
}

.ads_fiche
{
	background-color:		#dce7f6;
}
/* ----------- FIN DES RESEAUX ------------------- */


/* ----------- POUR LES PIECES ------------------- */
/* Top, Right, Bottom, Left */ 

.ads_piece_cadre {
	font-family: Ubuntu,  Arial, Helvetica, sans-serif;
	margin : 0.5em 0.5em 0.5em 0.5em;
	padding : 0em 0em 0em 0em;
	background : #dce7f6;

	color : #2d4a5c;
	border : 1px solid #A0A0A0; 
}

.ads_piece_cadre h3 {
	text-align : left;
	font-weight: bold;
  font-size : 14px;
  text-decoration: none;
  background : #b9c2cf;
	color : #FFFFFF;
  padding : 0.2em 0.2em 0.2em 0.5em;
  margin : 0em 0em 0.5em 0em;
}

.ads_piece_cadre div {
	padding : 0.1em 0.1em 0.1em 0.1em;
	margin : 0em 0em 0.2em 0em;	
}

.ads_piece_cadre label {
  display : block;
  float : left;
	font-size : 12px;
  width : 50px;
  padding : 0.2em 0em 0em 0.2em;
}

.ads_piece_cadre select {
	font-size: 10px;
}


/* ----------- FIN DES PIECES ------------------- */


/* ----------- POUR LE BLOC NOTES ------------------- */
/* Top, Right, Bottom, Left */ 

.ads_blocnotes_cadre {
	font-family: Ubuntu,  Arial, Helvetica, sans-serif;
	margin : 0.5em 0.5em 0.5em 0.5em;
	padding : 0em 0em 0em 0em;
	
	background-color:	#dce7f6;
	color:				#2d4a5c;
	border : 0px solid #A0A0A0; 
}


.ads_blocnotes_cadre h3 {
	text-align : left;
	
  	font-size : 14px;
  	
  	background-color:	#a7b2c1;
	color:				#2d4a5c;
  	padding : 0.5em 0.5em 0.5em 0.5em;
  	margin : 0em 0em 0.5em 0em;
}

.ads_blocnotes_cadre input.saisie
{
	color:				#2d4a5c;
	border:				0px;
}
.ads_blocnotes_cadre input.nosaisie
{
	color:				#2d4a5c;
	border:				1px;
	background-color:	#a7b2c1;
}

.ads_blocnotes_cadre div {
	padding : 0.1em 0.1em 0.1em 0.1em;
	margin : 1em 1em 1em 1em;	
}

.ads_blocnotes_cadre textarea {
	width : 			98%;
	color:				#2d4a5c;
}

.ads_blocnotes_cadre table.BN_items
{
	color:				#2d4a5c;

	border:				solid 0px #2d4a5c;
	background-color: 	#c9d2df; 
	-webkit-border-radius	:5px 5px 5px 5px;
	-moz-border-radius		:5px 5px 5px 5px;
	border-radius			:5px 5px 5px 5px;
	margin:				0px;
}

.ads_blocnotes_cadre td.BN_item_head
{
	
	border:				1px;
	padding:			1px;
	
	vertical-align:		middle;

	color:				#2d4a5c;
	opacity:			1;
	
	
}
.ads_blocnotes_cadre img
{
	opacity		:		0.5;
	vertical-align:		middle;
	border		:		1px solid #d2deef;
	padding		:		4px;
	
	-webkit-border-radius	:4px 4px 4px 4px;
	-moz-border-radius		:4px 4px 4px 4px;
	border-radius			:4px 4px 4px 4px;
}

.ads_blocnotes_cadre img:hover
{
	opacity		:		1;
	
}


/* ----------- FIN DU BLOC NOTES ------------------- */




/*------------------------------------------------------
  --
  --    FORMULAIRE DE MODIFICATION DES PHASES
  --
  ------------------------------------------------------*/
  /* Top, Right, Bottom, Left */
#absDivDetailPhase {
	
	position    : 	fixed;
	top			:	7vh;
	right		:	10vw;
	font-size: 11px;
	display     : 	none;
	
	box-sizing	: 	content-box; /* Garder agrandissement div znnulé par bootstrap */
}

#absDivDetailPhase input[type="checkbox"] {
    margin-right: 4px;
    margin-left: 12px;
    box-sizing: border-box;
}

#absDivDetailPhase input[type="radio"] {
    margin-right: 4px;
    margin-left: 18px;
    box-sizing: border-box;
}

/* Titres H3 du menu */
/*
#absDivDetailPhase h3 {
  font-size : 1.0em;
  text-align : center;
  background : #706C6E;
  color : #FFFFFF;
  padding : 0.3em 0.0em 0.3em 0.0em;
  margin : 0.0em 0.0em 0em 0.0em;
}
*/

#absDivDetailAdresse_Page, #absDivDetailAmenagement_Page, #absDivDetailConstruction_Page {
	background:#DDDDDD;
  padding : 10px 10px 10px 10px;
  margin : 0px 0px 5px 0px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	box-sizing: content-box;
}

#absDivDetailPhase_Page {
	background:#a7b2c1;
  padding : 10px 10px 10px 10px;
  margin : 0px 0px 5px 0px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	box-sizing: content-box;
}

.absDivDetailPhase_TitreRubrique {
	background:#b9c2cf;
	padding:2px 10px 2px 10px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;	
}

#absDivDetailPhase_Page ul /* Top, Right, Bottom, Left */
{
  list-style-type : none;
  list-style-image : none;
}

#absDivDetailPhase_Page li /* Top, Right, Bottom, Left */
{
  padding : 3px 0px 3px 0px;
  margin : 0px 0px 6px 0px;
  height : 24px;
  vertical-align:center;
}


#absDivDetailPhase_Pied {
	/*position: absolute;*/
  margin : 0px 5px 5px 10px;
  /*height : 28px;*/
}

#absDivDetailPhase_btnCancel {
	float : left;
}

#absDivDetailPhase_btnSuivant {
	width: 27px;
}

#absDivDetailPhase_btnPrecedent {
	width: 27px;
}


.absDivDetailPhase_navBtnDroite {
  float : right;
  margin : 0px 0px 0px 5px;  
}

.absDivDetailPhase_CtrlTextNumeric {
  text-align:right;
  padding-right:5px;
}
.absDivDetailPhase_SigneEuro {
  float:right;
  margin-top:4px;
  margin-left:4px;
}

.absDivDetailPhase_PositionLib {
  float:left;
  margin-top:4px;
}

.absDivDetailPhase_PositionLibRight {
	float : right;
}


/*------------------------------------------------------
  --
  --    FORMULAIRE CREATION CONCESSION
  --
  ------------------------------------------------------*/
  /* Top, Right, Bottom, Left */
#fiche_create_instruction {
  z-index     : 5;
  position    : absolute;
  display     : none;
  padding     : 5px 5px 5px 5px;
  background  : #dce7f6;
  border      : 2px outset silver;
  
  left			:	100px;
  height		:	220px;
}

/* Titres H3 du menu */
#fiche_create_instruction h3 {
  font-size : 1.0em;
  text-align : center;
  background : #706C6E;
  color : #FFFFFF;
  padding : 0.3em 0.0em 0.3em 0.0em;
  margin : 0.0em 0.0em 0em 0.0em;
}

#create_inst_Page {
  padding : 0px 0px 0px 0px;
  margin : 5px 5px 5px 10px;
}

#create_inst_Page ul /* Top, Right, Bottom, Left */
{
  list-style-type : none;
  list-style-image : none;
}

#create_inst_Page li /* Top, Right, Bottom, Left */
{
  padding : 3px 0px 3px 0px;
  margin : 0px 0px 6px 0px;
  height : 24px;
  vertical-align:center;
}

#create_inst_PagePrix {
  padding : 0px 0px 0px 0px;
  margin : 5px 5px 5px 10px;
  width : 275px;
  height : 150px;
}

#create_inst_PagePrix ul /* Top, Right, Bottom, Left */
{
  list-style-type : none;
  list-style-image : none;
}

#create_inst_PagePrix li /* Top, Right, Bottom, Left */
{
  padding : 0px 0px 0px 0px;
  margin : 0px 0px 0px 0px;
  height : 20px;
  vertical-align:center;
}

.create_inst_CtrlTextNumeric {
  text-align:right;
  padding-right:5px;
}
.create_inst_PagePrix_SigneEuro {
  float:right;
  margin-top:4px;
  margin-left:4px;
}

.create_inst_PositionLib {
  float:left;
  position:relative;
  bottom:2px;
  margin-top:4px;
}

.create_inst_PositionLibRight {
	float : right;
}

#create_inst_Pied {
	position: absolute;
  margin : 0px 5px 5px 10px;
  width : 275px;
  height : 28px;	
}

#create_inst_btnCancel {
	float : left;
}

#create_inst_btnTerminer {
	float : right;
  margin : 0px 0px 0px 5px;  
}

#create_inst_btnSuivant {
  float : right;
  width : 27px;
  margin : 0px 0px 0px 5px;  
}
#create_inst_btnPrecedent {
  float : right;
  width : 27px;
  margin : 0px 0px 0px 5px;  
}
#fiche_personne
{
	height: 450px; 
}
#cmd_personne
{
	position:absolute;  
	bottom:	10px;
	right:	10px;
}
#CONFIRME_SUPP_INSTRUCTION h3
{
	font-size: 1.0em;
}
#CONFIRME_SUPP_ETAPE h3
{
	font-size: 1.0em;
}
