/*----- Headers  -----*/
hr {
	color: red;
}

h1 {
	text-align: center;
	text-transform: uppercase;
	font-weight: bold; 
}
h2 {
	text-align: center;
	font-weight: bold; 
}

h3 {
	text-align: center;
	font-weight: bold; 
  height:50px;
  font-size:17px
}

/*------ Couleurs Bandeaux Environnement  -----*/
.web_header {
	background-color:#3399FF;
	margin: 0 20px 0 20px;
}

.prd_header {
  background-color:#ACEFC6;
	margin: 0 20px 0 20px;
}

.rec_header {
	background-color:#EABC93;
}

.dev_header {
	background-color:#FFFF99;
	margin: 0 20px 0 20px;
}
/*----- Entete colonne  -----*/
.col_header{
	font-weight: bold;
}
/*----- Entete colonne gros -----*/
.col_header_g{
	font-weight: bold;
  font-size : 18px;
}

.grand_bouton {
	height:35px; 
	width:200px;
}

/*----- Classe Couleur Arriere Plan -----*/

.even {
	background-color:#EFF1F2;
}
.diff{
	background-color:#F09000;
}

.warning {
  background-color:#FFAA88;
}

.bonus {
  background-color:#00CCCC;
}
.nuit {
  background-color:#999999;
}
.err1{
	background-color:#FFEE88;   
}
.err2{
	background-color:#FFFF55;   
}

.user_info, .ligne_info, .page_info, .return_top  {
	font-weight: bold;
}

.gras{
	font-weight: bold;
}

/*-----  Input   -----*/   

input[type="submit"]{
 	cursor:pointer;
 	height:35px; 
	width :200px;
}

input[type="file"]{
 	cursor:pointer;
 	height:70px; 
	width :400px;
}

input[type="text"]{
 	width: 98%;
}

input[type="text_g"]{
  width: 98%;
  height : 20px;
  font-size : 17px;
}

.type_date {
	width: 140px !important;
	display: block;
}

/*----- Tableaux  -----*/

td a {
	color : #0066CC;	
}
td a:HOVER{
	text-decoration: underline;
}

a.home{
  color : #0066CC;
  font-family: tahoma,helvetica,geneva,sans-serif;
  text-decoration: none;
}

a.home:HOVER, span.bouton:HOVER, div.bouton_navig:HOVER  {
	text-decoration: underline;
	cursor: pointer;
}

/*----- Boutons  -----*/

.bouton {
	color : #0066CC;
	width  : auto;
	height : 80px;
	white-space:nowrap;
	padding: 4px 0 4px 30px ;
}

#ENVOI {
	background:url("../images/find.png") left no-repeat; 
}

#RESET {
	background:url("../images/refresh.png") left no-repeat; 
}

#AJOUTER {
	background:url("../images/add.png") left no-repeat; 
}

#CREER {
	background:url("../images/creer.png") left no-repeat; 
}

#CREERAUTO {
	background:url("../images/unlock.png") left no-repeat; 
}

#MODIFIER{
	background:url("../images/edit_small.png") left no-repeat;
}

#MODIFIER2{
	background:url("../images/modify_03.png") left no-repeat;
}

#COPIER{
	background:url("../images/copy_icon.png") left no-repeat;
}

#DUPLIQUER{
	background:url("../images/copy.png") left no-repeat;
}

#VALIDER{
	background:url("../images/valider.png") left no-repeat;
}

#SUPPRIMER {
	background:url("../images/remove.png") left no-repeat; 
}

#WORD {
	background:url("../images/word.png") left no-repeat; 
	padding: 4px 0 4px 22px ;
}

#RETOUR {
	background:url("../images/undo.png") left no-repeat; 
}

#RETOURPAR {
	background:url("../images/undo.png") left no-repeat; 
}

#RETOUR2 {
	background:url("../images/undo.png") left no-repeat; 
}

#ETATS_DU_JOURS{
	background:url("../images/edit_small.png") left no-repeat;
}

#TRI_NOM_FICHIER{
	background:url("../images/edit_small.png") left no-repeat;
}

#IMPR{
	background:url("../images/impr.png") left no-repeat;
}

#ZOOM0{
	background:url("../images/move_icon.png") left no-repeat;
}

#ZOOMM{
	background:url("../images/remove.png") left no-repeat;
}

#ZOOMP{
	background:url("../images/add.png") left no-repeat;
}

#ROTATE0{
	background:url("../images/Rotate_0.png") left no-repeat;
}

#ROTATEG{
	background:url("../images/rotation_g.png") left no-repeat;
}

#ROTATED{
	background:url("../images/rotation_d.png") left no-repeat;
}

#LIGNE01{
	background:url("../images/flag_blue.png") left no-repeat;
}

#LIGNE02{
	background:url("../images/flag_green.png") left no-repeat;
}

#LIGNE03{
	background:url("../images/flag_red.png") left no-repeat;
}

#LIGNE04{
	background:url("../images/flag_yellow.png") left no-repeat;
}



.bouton_navig {
	width : auto;
	height: 20px;
	color : #0066CC;
	margin: 4px 0 4px 0px ;
	display: inline-block;
}

#PRECEDENT{
	background:url("../images/previous.png") left no-repeat;
	padding: 4px 0 4px 22px ;
}

#SUIVANT{
	background:url("../images/next.png") right no-repeat;
	padding: 4px 22px 4px 0 ;
}

#EXPORT{
	background:url("../images/Excel-icon.png") right no-repeat;
	padding: 4px 22px 4px 0 ;
}

#EXPORTL{
	background:url("../images/Excel-icon.png") right no-repeat;
	padding: 4px 22px 4px 0 ;
}

#NOTAM{
	background:url("../images/visualiser.png") left no-repeat;
	padding: 4px 0 4px 32px ;
}

#PLIER{
	background:url("../images/modify_03.png") left no-repeat;
	padding: 4px 0 4px 32px ;
}

#DEPLOYER{
	background:url("../images/visualiser.png") left no-repeat;
	padding: 4px 0 4px 32px ;
}

#GMAP{
	background:url("../images/GMaps_22.jpg") right no-repeat;
	padding: 4px 22px 4px 0 ;
}

#COMBI{
	background:url("../images/copy_icon.png") right no-repeat;
	padding: 4px 22px 4px 0 ;
}
/*----- Info bulle  1 -----*/

a.info{
position:relative;
z-index:24;
color:#000;
text-decoration:none
}
 
a.info:hover{
z-index:25;
background-color:#FFF
}
 
a.info span{
display: none
}
 
a.info:hover span{
display:block;
position:absolute;
top:2em; left:2em; width:15em;
border:1px solid #000;
background-color:#FFF;
color:#000;
text-align: justify;
font-weight:none;
padding:5px;
}

/*----- Info bulle  Large (equivaut à la 20 )-----*/

a.info2{
position:relative;
z-index:14;
color:#000;
text-decoration:none;
}
 
a.info2:hover{
z-index:15;
background-color:#FFF;
}
 
a.info2 span{
display: none;
font-size:16px;
}
 
a.info2:hover span{
display:block;
position:absolute;
top:2em; left:2em; width:25em;
border:1px solid #000;
background-color:#FFF;
color:#000;
text-align: justify;
font-weight:none;
padding:10px;
}

/*----- Info bulle  WIDTH=20  -----*/

a.info20{
  position:relative;
  z-index:24;
  color:#000;
  text-decoration:none
}
 
a.info20:hover{
  z-index:25;
  background-color:#FFF
}
 
a.info20 span{
  display: none
}
 
a.info20:hover span{
  display:block;
  position:absolute;
  top:2em; left:2em; width:20em;
  border:1px solid #000;
  background-color:#FFF;
  color:#000;
  text-align: justify;
  font-weight:none;
  padding:5px;
}

/*----- Info bulle  WIDTH=30  -----*/

a.info30{
  position:relative;
  z-index:24;
  color:#000;
  text-decoration:none
}
 
a.info30:hover{
  z-index:25;
  background-color:#FFF
}
 
a.info30 span{
  display: none
}
 
a.info30:hover span{
  display:block;
  position:absolute;
  top:2em; left:2em; width:30em;
  border:1px solid #000;
  background-color:#FFF;
  color:#000;
  text-align: justify;
  font-weight:none;
  padding:5px;
}

/*----- Info bulle  WIDTH=40  -----*/

a.info40{
  position:relative;
  z-index:24;
  color:#000;
  text-decoration:none
}
 
a.info40:hover{
  z-index:25;
  background-color:#FFF
}
 
a.info40 span{
  display: none
}
 
a.info40:hover span{
  display:block;
  position:absolute;
  top:2em; left:2em; width:40em;
  border:1px solid #000;
  background-color:#FFF;
  color:#000;
  text-align: justify;
  font-weight:none;
  padding:5px;
}

/*----- Info bulle  WIDTH=50  -----*/

a.info50{
  position:relative;
  z-index:24;
  color:#000;
  text-decoration:none
}
 
a.info50:hover{
  z-index:25;
  background-color:#FFF
}
 
a.info50 span{
  display: none
}
 
a.info50:hover span{
  display:block;
  position:absolute;
  top:2em; left:2em; width:50em;
  border:1px solid #000;
  background-color:#FFF;
  color:#000;
  text-align: justify;
  font-weight:none;
  padding:5px;
}

/*----- Info bulle  WIDTH=65 -----*/

a.info65{
  position:relative;
  z-index:24;
  color:#000;
  text-decoration:none
}
 
a.info65:hover{
  z-index:25;
  background-color:#FFF
}
 
a.info65 span{
  display: none
}
 
a.info65:hover span{
  display:block;
  position:absolute;
  top:2em; left:2em; width:65em;
  border:1px solid #000;
  background-color:#FFF;
  color:#000;
  text-align: justify;
  font-weight:none;
  padding:5px;
}

/*----- Info bulle  WIDTH=65 -----*/

a.info65A{
  position:relative;
  z-index:24;
  color:#000;
  text-decoration:none
}
 
a.info65A:hover{
  z-index:25;
  background-color:#FFF
}
 
a.info65A span{
  display: none
}
 
a.info65A:hover span{
  display:block;
  position:absolute;
  width:65em;
/*--  top:-100px; left:30px;  --*/
    top:-6em; left:2em; 
  border:1px solid #000;
  background-color:#FFF;
  color:#000;
  text-align: justify;
  font-weight:none;
  padding:5px;
}


/*----- bouton file upload  -----*/

.custom-file-input::-webkit-file-upload-button {
  visibility: hidden;
}
.custom-file-input::after {
  content: 'Selectionner un fichier';
  display: inline-block;
  background: -webkit-linear-gradient(top, #f9f9f9, #e3e3e3);
  border: 1px solid #999;
  border-radius: 30px;
  padding: 5px 8px;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  cursor: pointer;
  text-shadow: 1px 1px #fff;
  text-align: center;
  font-weight: 700;
  font-size: 20pt;
 	height:40px; 
	width :350px;

}
.custom-file-input:hover::after {
  border-color: black;
}
.custom-file-input:active::after {
  background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
}

/*----- Info bulle  WIDTH=40  -----*/

a.info40{
  position:relative;
  z-index:24;
  color:#000;
  text-decoration:none
}
 
a.info40:hover{
  z-index:25;
  background-color:#FFF
}
 
a.info40 span{
  display: none
}
 
a.info40:hover span{
  display:block;
  position:absolute;
  top:2em; left:2em; width:40em;
  border:1px solid #000;
  background-color:#FFF;
  color:#000;
  text-align: justify;
  font-weight:none;
  padding:5px;
}

/*----- Info bulle  WIDTH=65 -----*/

a.info65{
  position:relative;
  z-index:24;
  color:#000;
  text-decoration:none
}
 
a.info65:hover{
  z-index:25;
  background-color:#FFF
}
 
a.info65 span{
  display: none
}
 
a.info65:hover span{
  display:block;
  position:absolute;
  top:2em; left:2em; width:65em;
  border:1px solid #000;
  background-color:#FFF;
  color:#000;
  text-align: justify;
  font-weight:none;
  padding:5px;
}

/*-----  Classes de Rotation des Images  (par la droite) -----*/

img#rot {
    margin: 10px;
    transition: all 400ms; 
}

.rotate90 {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.rotate180 {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.rotate270 {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
}

/*-----   -----*/

/*----- OVERRIDE des Menus  -----*/

ul#nav li a {
  color : #FFF;
  font-size: 11px;
	padding: 2px 0px 0px 0px;
  line-height: 20px;
  font-weight: bold;
}

/*----- Menu  Deconnexion  -----*/

#nav lidcnx  {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	float: right;
	position: relative;
  color : #FFF;
	background: url('../pix/sep_nav_haut_vert.gif') no-repeat 100% -5px;
	padding: 0px 28px;
	width:auto;
}

#nav lidcnx a {
  color : #FFF;
  font-size: 11px;
	padding: 2px 0px 0px 0px;
  line-height: 20px;
  font-weight: bold;
}

/*-----   -----*/