#titre_rub {
	position:relative;
	height:3em;

}
#titre_rub h1 {
	height:3em;
	font-size:1.5em;
	color:#ffffff;
	color:#0e3d64 ;
	min-height:1.9em;
	margin:0;
	padding:0;
	top:0;
	left:0;
	padding-left:1em;
	padding-top:0.5em;
	vertical-align:middle;
}
#titre_rub a {
	color:#ffffff;
	text-decoration:none;
}

#util {
	
	vertical-align:middle;
	text-align:center;
background-image: linear-gradient(to right, #EEEEEE 0%, #80B0D9 100%, #E1F0CA 100%);
    color:#396b80;
    width:200px;
    
}


#corpsText {
	position:relative;
	top:10px;
	padding:5px;
	margin-top:10px;
	font-family: Arial, sans-serif;
        font-size: 12px;
	line-height: 20px;
}

#corpsText p {
	margin-top:10px;
	padding:10;
}

#menu {
  padding:0;
  
  list-style:none;
  text-align: center;
  width: 200px;
  
}
#menu ul {
  padding:0;
  margin:0;
  list-style:none;
  text-align: center;
}
#planRubrique {
   background-color:#729EBF; 
   border-radius: 6px;
   margin-bottom:2px;
   box-shadow: 3px 3px 3px #999;
   border:solid 1px #333A40
  
}
#planRubrique2 ul li {
   max-height:0;
   overflow: hidden;
   transition: all .5s;
   border-radius:0;
   background: #0b4f77;
/* AB : 3/9/2018
   background: #444;
*/
   box-shadow: none;
   border:none;
   margin:0
   
}
#planRubrique2 ul li a {
  display:block;
  text-decoration: none;
  color: #fff;
  padding: 8px 0;
  font-family: verdana;
  font-size:0.8em
}

#planRubrique ul li a, #menu :hover li a {
  font-size:1em
}

.plan:hover {
   background: #729EBF
}
#menu .plan li:hover {
   background: #999;
}
#menu ul li:last-child {
   border-radius: 0 0 6px 6px;
   border:none;
}
#menu .plan:hover li {
  max-height: 15em;
}
/***************** STYLES DE LISTER****************/
table.lister {
		
		font-size: 12px;
		color: #333333;	
		width:720px;
		
	}
	/*table.lister th {
		border-width: 1px;
		padding: 8px;
		border-style: solid;
		border-color: #517994;
		background-color: #B2CFD8;
		
	}
	
	table.lister li:hover  {
		background-color: #f5f5f5;
		color:red;
		font-weight: bold;
	}
	table.lister tr li{
		padding-left: 15px;
		
}
*/
.lister .th {
		
		display: inline;
		padding-left: 50px;
		font-weight: bold;
	}
.lister .theme{
	background-color: #B2CFD8;
	border-style: solid;
	border-width: 1px;
	border-color: #517994;
}

.lister li{
		padding-left: 15px;
		
}

.lister li:hover  {
		background-color: #f5f5f5;
		color:red;
		font-weight: bold;
	}
	#list{
/*
	border-radius:10px;
    box-shadow: 0 1px 12px rgba(0,0,0,.5);
    border-width: 1px;
	border-color: #3A3A3A;
	background-color:rgba(172,172,172,0.3);
*/
	}
.button{
	background-color: #B2CFD8;
}
/***************** ****************/
/***************** STYLES DE MODIFIER****************/
.vformat,.valider,.invalider,.supprimer{
display: inline;
}
#modifier{
/*
 background-color:rgba(172,172,172,0.3);   
    border:solid 1px rgba(0,0,0,.2);
    border-radius:10px;
    box-shadow: 0 1px 12px rgba(0,0,0,.5);
  */
}
#modifier .files a:hover {
  font-weight: bold;
  background-color:white;
}
#modifier .files{
  border-top: 1px black dotted;
  
  margin-top:2px;
}
/***************** ****************/
/**************** STYLES DE login****************/
#login {
    text-align:right;
}

#license {
    text-align:center;
}



#id tr td{
	font-size: 12px;
	

/*
 background-color:rgba(172,172,172,0.3);   
    border:solid 1px rgba(0,0,0,.2);
    border-radius:10px;
    box-shadow: 0 1px 12px rgba(0,0,0,.5);
 */
}

#id tr td a:link{
	color:black;
	font-size: 12px;
	background-color:#DCDCDC;
	 border:solid 1px rgba(0,0,0,.2);
    border-radius:5px;
    padding:5px;
    text-decoration:none;
	
}

/********************************************************************************************/
/**************** STYLES DE nouveau login****************/
#page{
	 margin-left: auto;
    margin-right: auto;
  /*  AB : 3/9/18
	width: 1000px;
  */
	width: auto;
	height: 100%;
	
}
section{
	margin-bottom:50px;
}
.iden{
	
	height: auto;
	margin: auto;
	
	padding:0 10px 10px 10px;
	
	background-color:white;   
    
    border-radius:10px;
    box-shadow: 0 1px 12px rgba(0,0,0,.5);
	width:700px;
	margin-top: 50px;
}
.acceuil{
	height: auto;
	margin-left: 250px;
	
	padding:0 10px 50px 10px;
	
	background-color:white;   
    
    border-radius:10px;
    box-shadow: 0 1px 12px rgba(0,0,0,.5);
	
	margin-top: 50px;
}
nav {
    float: left;
    
    background-color:white;
	box-shadow:0 1px 12px rgba(0,0,0,.5);
	padding: 7px 7px 10px 7px;
	border-radius: 10px;
}
/********************************************************************************************/

/**************** STYLES DE Depôt responsive****************/

 @media all and (min-width: 820px) and (max-width: 1100px) {
 	#page{
 		width:auto;
 		
 	}
 	section{
 		flex-direction:column;
 	}
	
	/******login*******/
	#titre_rub h1{
		text-align:center;
	}
	
	/******apres connexion*******/
	
	.acceuil{
		width:auto;
		
	}
	
}


 @media all and (min-width: 100px) and (max-width: 820px) {
 	#page{
 		width:auto;
 		
 	}
 	section{
 		flex-direction:column;
 	}
	.iden{
		width:auto;
	}
	/******login*******/
	#titre_rub h1{
		text-align:center;
	}
	
	/******apres connexion*******/
	
	.acceuil{
		width:auto;
		margin-left: auto;
	}
	nav{
		margin-top:50px;
		width:100%;
		padding: 5px 0px 5px 0px;
		}
	/* #menu ul li,#menu ul li a{
	width:100%
	text-align:center;
	} */
	
	nav, section,header, footer{
			display: inline-block;
  			
		}
		#menu{
			width:auto;
			
		}
		
		#util{
			width:auto;
		}
		
		
}




/**************** STYLES DE Depôt tester****************/
.fichier tr td{
	font-size:12px;
}
.tester tr td{
	font-size:12px;
}


/***************** STYLES DE SQLGEN ****************/
/* Styles g�n�raux */
hr {
  border-width: 1px;
  border-style: solid;
  border-color: #DAE8F2;
}
table {
  border-collapse: collapse;
}
td {
  /*font-family: Tahoma, Helvetica;*/
  vertical-align: top;
}
img.cliquable {
  cursor: pointer;
  border: 0px;
}
/*img.fleche {
  cursor: pointer;
  border: 0px;
  position: absolute;
  top: 15em;
}*/
table.main {
  min-width: 100%;
  height: 450px;
  border-collapse: collapse;
  margin: auto;
}
div.erreur {
  /*font-family: Tahoma, Helvetica;*/
  color: #cc0000;
  border-width: 1px;
  border-style: solid;
  border-color: #cc0000;
  padding: 5px;
}
div.succes {
  /*font-family: Tahoma, Helvetica;*/
  color: #396b80;
  border-width: 1px;
  border-style: solid;
  border-color: #396b80;
  padding: 5px;
}
td.titre {
  font-size: 1em;
  font-size: 12px;
  color: #B37D59;
  font-weight: bold;
  text-align: center;
}
td.etape_precedente {
  text-align: left;
}
td.etape_suivante {
  text-align: right;
}

/* Colonne principale : cr�ation d'une requ�te */
table.creation_req {
  width: 100%;
  height: 400px;
}
td.titre_etape {
  background-color: #396b80;
  color: #F2ECE6;
  font-weight: bold;
  font-size: 1em;
  font-size: 12px;
  width: 100%;
  height: 1em;
}
td.menu {
  height: 1em;
}
td.partie {
  /*font-family: Tahoma, Helvetica;*/
  color: #B37D59;
  font-size: 1em;
  font-size: 12px;
  font-weight: bold;
  height: 1em;
}
td.ss_partie {
  /*font-family: Tahoma, Helvetica;*/
  /*background-color: #F2ECE6;*/
  color: #396b80;
  font-size: 0.9em;
  font-size: 12px;
  font-weight: bold;
  width: 23em;
}

/* Elements de formulaire*/
select {
  background-color: #E9E6D9;
  border-color: #B37D59;
  /*font-family: Tahoma, Helvetica;*/
}
select.operande_multiple {
  width: 18em; /*140px;*/
  height: 80px;
  vertical-align: top;
}
select.operateur {
  width: 7em; /*25%; /*100px;*/
}
select.operande {
  width: 18em; /*30%; /*140px;*/
  max-height: 80px;
}
select.resultats {
  width: 100%;
  height: 200px;
}
select.tris {
  width: 100%;
  height: 120px;
}
input.description {
  width: 100%;
  background-color: #ffffff;
  border-width: 1px;
  border-style: solid;
  border-color: #B37D59;
}
input.operande {
  width: 8em; /*140px;*/
  border-width: 1px;
  border-style: solid;
  border-color: #B37D59;
  /*font-family: Tahoma, Helvetica;*/
  background-color: #E9E6D9;
}
input.std {
  border-width: 1px;
  border-style: solid;
  border-color: #B37D59;
  /*font-family: Tahoma, Helvetica;*/
  background-color: #E9E6D9;
}
input.nomFichier {
  width: 9em; /*140px;*/
  border-width: 1px;
  border-style: solid;
  border-color: #B37D59;
  /*font-family: Tahoma, Helvetica;*/
  background-color: #E9E6D9;
}
input.nombre {
  width: 5em; /*140px;*/
  border-width: 1px;
  border-style: solid;
  border-color: #B37D59;
  /*font-family: Tahoma, Helvetica;*/
  background-color: #E9E6D9;
}

/* Choix des �l�ments */
td.choix_elements {
  /*width: 300px;*/
  width: 22em;
  height: 400px;
}
table.choix_elements {
  width: 100%;
  height: 300px;

}
div.choix_elements {
  height: 400px;
  overflow:auto;
  border-width: 1px;
  border-style: solid;
  border-color: #B37D59;	
}
img.fleche {
  /*width: 60px;*/
  padding-top: 100px; 
}
table.classes {
  width: 100%; 
  font-weight: bold;
}
table.ssclasses {
  margin-left: 10px;
  width: 100%;
  display: none;
}
table.elements {
  width: 100%;
  display: none;
}
td.icone {
  width: 1em;
  vertical-align: middle;
  text-align: center;
}
td.nom_element {
  width: 19em;
} 

td.nom_element:hover {
  width: 19em;
  background-color: #DAE8F2;
}
td.nom_element_indicateur {
  width: 19em;
  color: #396b80;
}
td.nom_element_indicateur:hover {
  width: 19em;
  color: #396b80;
  background-color: #DAE8F2;
}
/*td.nom_objet {
  width: 17em;
}
td.nom_objet:hover {
  width: 17em;
  color: #336699;
}
td.nom_objet_indicateur {
  width: 17em;
  color: #336699;
}
td.nom_objet_indicateur:hover {
  width: 17em;
  color: #336699;
  background-color: #DAE8F2;
}*/
td.checkbox {
  width: 2em;
  text-align: right;
}

/* Elements choisis */
td.indisponible {
  color: #aaaaaa;
}
td.resultats {
  width: 21em;
  height: 200px;
}
td.icones_action_objets {
  text-align: center;
  vertical-align: top;
  width: 80px;
}
td.icones_action_filtres {
  text-align: center;
  vertical-align: top;
  width: 50px;
}
div.elements_choisis {
  height: 500px;
  width: 27em;
  max-width: 27em;
  overflow:auto;
  border-width: 1px;
  border-style: solid;
  border-color: #B37D59;
}
td.elements_choisis {
  width: 23em;
  max-width: 23em;
  height: 300px;
}
table.filtres_choisis {
  width: 100%;
}
td.objet_filtre{
  width: 6em;
}
td.objet_filtre_indisponible{
  width: 6em;
  color: #aaaaaa;
}
td.objet_filtre_indicateur{
  width: 6em;
  color: #396b80;
}

/* Options */
table.option {
  display: none;
  width: 40em;
  padding: 5px;
}
table.optionDefaut {
  display: block;
  width: 40em;
  padding: 5px;
}

/* onglets d'options */
table.options {
        width: 42em;
        border-collapse: collapse;
        padding: 0px;
}
tr.options {
}
td.optionOn {
        border-width: 1px 1px 0 1px;
        border-color: #B37D59;
        border-style: solid;
        width: 8em;
        text-align: center;
        vertical-align: middle;
}
td.optionOff {
        border-width: 1px 1px 1px 1px;
        border-color: #B37D59;
        border-style: solid;
        background-color: #f5f0e7;
        width: 8em;
        text-align: center;
        vertical-align: middle;
}
td.optionsEnd {
        border-width: 0 0 1px 0;
        border-color: #B37D59;
        border-style: solid;
}
td.optionsInside {
        border-width: 0 1px 1px 1px;
        border-color: #B37D59;
        border-style: solid;
        vertical-align: top;
        text-align: left;
}

/* Affichages requete, apercu, etc. */
div.affichage {
  /*font-family: Tahoma, Helvetica;
  border-width: 1px;
  border-style: solid;
  border-color: #DAE8F2;*/
  padding: 5px;
  display: none;
}
#apercu {
  position: absolute;
  top: 10em;
  left : 1em;
  z-index: 1;
  background-color: #396b80;
  color: #F2ECE6;
  font-weight: bold;
}
#fermer {
  position: absolute;
  top: 12em;
  left : 1em;
  z-index: 2;
}
/*table.apercu {
  border-collapse: collapse;
  border-width: 1px 1px 0 0;
  border-style: solid;
  border-color: #336699
}*/
td.libelle_col {
  background-color: #B37D59;
  color: #F2ECE6;
  font-weight: bold;
  border-width: 0 0 1px 1px;
  border-style: solid;
  border-color: #396b80
}
td.apercu {
  border-width: 0 0 1px 1px;
  border-style: solid;
  border-color: #396b80
}
table.resultats {
  border-collapse: collapse;
  border-width: 1px 1px 0 0;
  border-style: solid;
  border-color: #B37D59;
  margin: auto;
}
tr.libelle {
  background-color: #396b80;
  color: #F2ECE6;
  /*font-family: Tahoma, Helvetica;*/
  font-weight: bold;
  text-align: center;
}
tr.std0 {
  background-color: #ffffff;
}
tr.std1 {
  background-color: #DAE8F2;
}
td.resultat {
  /*font-family: Tahoma, Helvetica;*/
  vertical-align: top;
  min-width: 80px;
  max-width: 200px;
  height: 30px;
  border-width: 0 0 1px 1px;
  border-style: solid;
  border-color: #B37D59;
}

/** navigation par onglets **/
/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #B37D59;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #B37D59;
 border-bottom: none;
 background: #f5f0e7;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #396b80; }
ul.tabbernav li a:visited { color: #396b80; }

ul.tabbernav li a:hover
{
 text-decoration: underline;
 background: #f5f0e7;
 border-color: #B37D59;
}

ul.tabbernav li.tabberactive a
{
 background-color: #fff;
 border-bottom: 1px solid #fff;
}

ul.tabbernav li.tabberactive a:hover
{
 text-decoration: none;
 background: white;
 border-bottom: 1px solid white;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;
 border:1px solid #B37D59;
 border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 height:400px;
 width: 600px;

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 overflow:auto;
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}

/* Affichage de liste dans un tableau avec bouton image */
.tabList{
	border:black 2px solid;
	border-collapse: separate;
} 
 
.tabList td{
	background-color: #CCCCCC; 
	border: black 1px solid;
	padding-left: 5px;
	padding-right: 5px;
}

.submitImg{
	BORDER: #CCCCCC 1px solid; 
	PADDING-LEFT: 7px; 
	COLOR: #000000;  
	BACKGROUND-REPEAT: NO-REPEAT; 
	BACKGROUND-COLOR: #CCCCCC; 
	FONT-SIZE: 15px;
}
 
#dl{
 	BACKGROUND-IMAGE: url("images/sqlgen/telech.gif"); 
 	PADDING-LEFT: 20px; 
}
 
#mod{
 	BACKGROUND-IMAGE: url("images/sqlgen/modifier.gif"); 
}
 
#del{
 	BACKGROUND-IMAGE: url("images/sqlgen/supprimer.gif"); 
}
 
#plus{
 	BACKGROUND-IMAGE: url("images/sqlgen/plus.gif"); 
}
 
#moins{
 	BACKGROUND-IMAGE: url("images/sqlgen/moins.gif"); 
}