a.active, a:focus
{
outline:none;
}

#image_right 
{
	background-image:  url("https://de.cdn-website.com/ecc93dfa774a499db82a4a5f0063d58a/DESKTOP/jpg/carre.jpg");
	background-position:right;
	background-repeat:no-repeat;
	padding-right:5px;
}

#admin_menu 
{
	height:145px;
	font-family:Arial, Helvetica, sans-serif; /*Verdana*/
	font-size:13px;/*12px*/
	border-bottom:1px solid #AAAAAA;
}

#holdm
{
	position:absolute;
	z-index:100;
	width:100%;
	padding-top:10px;
}

#nav
{
	list-style: none; 
}


#nav ul 
{
	display:none;   
	padding: 0;
	margin:0;
	list-style: none;
    width:12em;
    z-index:99;
    position:relative;
    overflow:visible; 
	line-height:25px;
}


/* GENERAL */
/*
	text-decoration:none; 
	display:block;
	height:20px;
	vertical-align:middle;
*/

#nav a {
	text-decoration:none; 
	display:block;
	height:28px;/*20px*/
	vertical-align:middle;
}

/* PREMIER NIVEAU */
#nav li { 
    margin:0;   
    position: relative; 
    float:left;
	width: 13em;/*12em*/
	background-color:#25a3c5;/*931B00*/
    border:solid 1px #000000;
    display:block;
    height:auto;
	text-align:center;
	border:2px solid #FFFFFF;
	line-height:28px;
}

#nav li a { 
	color:#FFFFFF;
}

#nav li a:hover
{
    background-color:#25a3c5;/*AF2000*/
}

/* DEUXIEME NIVEAU */
#nav ul li{
background-color:#FFFFFF;
border-width:1px;
border-color:#AAAAAA;/*931B00*/

width:180px;
text-align:left;
vertical-align:middle;


}

#nav ul li a{
color:#000000;
border-width:1px 1px 0 0;
padding-left:10px;
}

#nav ul li:hover, #nav ul li a:hover{
background-color:#25a3c5;/*931B00*/
color:#FFFFFF;
border-width:1px;
}


/* TROISIEME NIVEAU */

#nav ul ul{
    display:none; 
    position:absolute; 
	margin-left:179px;
	margin-top:-29px;
}


#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li:hover ul ul ul ul ul{
    display:none; 
}

#nav li:hover ul, #nav ul li:hover ul, #nav ul ul li:hover ul, #nav ul ul ul li:hover ul, #nav ul ul ul ul li:hover ul{
    display:block;
}




















.styleFontGras
{
	font-weight:bold;
}

.styleFontGris
{
	background-color:#CCCCCC;
}

.styleItalic
{
	font-style:italic;
}

form.css fieldset 
  {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  display: inline;
  }
form.css label 
  {

  display: inline;
  float: left;
  width: 70px;
  } 
form.css form
{
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  display: inline;
}

.titre_section_niveau1 {
	background-color:#CCCCCC;color:#67501C;text-decoration:none;
	border-color:#AAAAAA;border-style:solid;border-width:0px 1px 0px 1px;
	padding:2px 0px 2px 0px;display:block;
	font-size:8pt;font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}

.titre_section_niveau2 {
	margin-left:15px;
	color:#67501C;text-decoration:none;
	border-color:#AAAAAA;border-style:solid;border-width:0px 1px 0px 1px;
	padding:2px 0px 2px 0px;cursor: pointer;display:block;
	font-size:8pt;font-family:Verdana, Arial, Helvetica, sans-serif;
}

.titre_section_niveau3 {
	margin-left:40px;
	color:#67501C;text-decoration:none;
	border-color:#AAAAAA;border-style:solid;border-width:0px 1px 0px 1px;
	padding:2px 0px 2px 0px;cursor: pointer;display:block;
	font-size:8pt;font-family:Verdana, Arial, Helvetica, sans-serif;
}



.classTextField		{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }

.styleVerdana		{ font-family: Arial, Helvetica, sans-serif; line-height:17px; }

.style_size8		{ font-size: 8px;}
.style_size9		{ font-size: 9px;}
.style_size9p5		{ font-size: 9.5px;}
.style_size10		{ font-size: 12px;} /*10*/
.style_size11		{ font-size: 11px;}
.style_size12 		{ font-size: 12px;}
.style_size13 		{ font-size: 13px;}
.style_size14 		{ font-size: 14px;}
.style_size16 		{ font-size: 16px;}
.style_size18 		{ font-size: 18px;}
.style_size20 		{ font-size: 20px;}
.style_size24 		{ font-size: 24px;}
.style_size28 		{ font-size: 28px;}
.style_size30 		{ font-size: 30px;}
.style_size32 		{ font-size: 32px;}
.style_size36 		{ font-size: 36px;}
.style_size40 		{ font-size: 40px;}
.style_size48 		{ font-size: 48px;}

.styleColorDarkBlue	{ color: #8B93BD;}
.styleColorRed		{ color: #FF0000;}
.styleColorBlack	{ color: #000000;}
.styleColorGray		{ color: #999999;}
.styleColorDarkGray	{ color: #666666;}


.styleArrayBackGround {BACKGROUND: #E0ECE0; } /* 224, 236, 224*/

.styleColorPurple   { color: #7570D3;}
.styleBackgroundPurple { background-color: #7570D3; }

.styleColorFondBanniere { color: #B6DAD8;}
.styleColorYn { color: #27B7DC; }
.styleColorDev { color: #27A2B7; }
.styleColorPageContenu { color: #9DCECC; }

.styleLineThrough	{ text-decoration:line-through}

.styleBold {}

/*
a {  text-decoration: none; color: #000000}
a:link {  text-decoration: none; color: #000000}
a:visited {  text-decoration: none; color: #000000}
a:hover {  TEXT-DECORATION: underline; color: #A7A0C1}
a:active {  text-decoration: none; color: #000000}
*/
/*
INPUT.input {
	BORDER-RIGHT: #99ccff 1px solid; BORDER-TOP: #99ccff 1px solid; BORDER-LEFT: #99ccff 1px solid; BORDER-BOTTOM: #99ccff 1px solid
}
*/

.coteDroitGauche {
	BORDER-RIGHT: #99ccff 1px solid; BORDER-TOP: #99ccff 1px solid; BORDER-LEFT: #99ccff 1px solid; BORDER-BOTTOM: #99ccff 1px solid
}

.divdevis { background-color:#CCFF00 }

.relnav {
	left: -10px;
	top: 0px;
	position: relative;
	visibility: hidden;

}
.absolute {
	left: 2px;
	top: 0px;
	position: absolute;

}
.relnav {
	left: -10px;
	top: 0px;
	position: relative;
	visibility: hidden;
}
.relnavBIS {
	left: -10px;
	top: 0px;
	position: relative;

}
.absolute {
	left: 2px;
	top: 0px;
	position: absolute;
}
.relnavbg {
	left: -10px;
	top: -20px;
	position: relative;
	visibility: hidden;
}
.dropdown {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #48ACDC;
	text-decoration: none;
}

.borderRight_1px_black
{
	BORDER-RIGHT: #000000 1px solid;
}
.borderLeft_1px_black
{
	BORDER-LEFT: #000000 1px solid;
}
.borderBottom_1px_black
{
	BORDER-BOTTOM: #000000 1px solid;
}

.textAlign
{
	text-align:justify;
}
.mainArray {
	BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; MARGIN: 0px 0px 0px 0px; BORDER-LEFT: black 1px solid; BORDER-BOTTOM: black 1px solid
}
.btnCouleurFondBoutonMenuTop {
	BACKGROUND: #FFFFFF
}

.info{position:relative; /*this is the key*/ 
      z-index:24; 
      /*background-color:#ccc;*/ 
      color:#000; 
      text-decoration:none} 
	  
.out { display:none; } 
.over {
display:block; 
position:absolute; 
padding:5px;
top:-4em; 
left:120px; 
width:15em; 
border:2px outset #000000; 
background-color:white; 
color:#000000; 
text-align: center; 
font-family:verdana; 
font-size:11px; 
z-index:25;
} 

.array_right {BORDER-RIGHT: #000000 1px solid;}

.coin_bas_gauche {
	border-left:#000000 1px solid;
	BORDER-BOTTOM: #000000 1px solid;
}

.coin_bas_droit {
	BORDER-RIGHT: #000000 1px solid;
	BORDER-BOTTOM: #000000 1px solid;
}

.line_left { 
	BORDER-LEFT: #aaaaaa 1px solid;
}

.line_right { 
	BORDER-RIGHT: #aaaaaa 1px solid;
}

.line_top { 
	BORDER-TOP: #aaaaaa 1px solid;
}

.line_bottom { 
	BORDER-BOTTOM: #aaaaaa 1px solid;
}

.ev_dhx_skyblue {
	line-height:25px;
	height:25px;
}

.odd_dhx_skyblue {
	line-height:25px;
	height:25px;
}

.line_array { 
	BORDER-RIGHT: #aaaaaa 1px solid;
	BORDER-LEFT: #aaaaaa 1px solid;
	BORDER-TOP: #aaaaaa 1px solid;
	BORDER-BOTTOM: #aaaaaa 1px solid;
	padding:5px;
}

.menuTopButton {
	/*height:20px;
	BORDER-RIGHT: black 1px solid; 
	BORDER-TOP: black 1px solid; 
	FONT-WEIGHT: bold; 
	/*FLOAT: center; */
	MARGIN: 0px 0px 0px 0px; 
	BORDER-LEFT: black 1px solid; 
	COLOR: #000000; 
	BORDER-BOTTOM: black 1px solid;
	background-color:#C5C8DF;*/
	
	font-family:Arial, Helvetica, sans-serif;
	/*float:left;*/
	font-size:12px;
	border:1px solid #d6d6d6;
	background:#fefefe;
	border-radius:5px;
	moz-border-radius:5px;
	/*display:block;*/
	height:27px;
	line-height:130%;
	text-decoration:none;
	color:#666666;
	cursor:pointer;
	padding:5px 10px 6px 7px;
	/*text-shadow: 0px 1px 0px #ffffff;*/
	background: #fefefe; /* Old browsers */
	background: -moz-linear-gradient(top, #f5f5f5 0%, #dcdcdc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5f5f5), color-stop(100%, #dcdcdc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f5f5f5 0%, #dcdcdc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f5f5f5 0%, #dcdcdc 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #f5f5f5 0%, #dcdcdc 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#dcdcdc', GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #f5f5f5 0%, #dcdcdc 100%); /* W3C */
	FONT-WEIGHT: normal; 
}

.menuTopButton:hover {
	 border: 1px solid #d6d6d6;
     background: #dbdbdb;
}

.btnBouton {
	/* BORDER-RIGHT: black 1px solid; 
	BORDER-TOP: black 1px solid; 
	FONT-WEIGHT: bold; FLOAT: left; 
	MARGIN: 0px 0px 0px 0px; 
	BORDER-LEFT: black 1px solid; 
	COLOR: #000000; 
	BORDER-BOTTOM: black 1px solid */
}

#tableCadrille
{
border:1px solid #000000;
border-collapse: collapse;

}

#tableCadrille th
{
background:#CCCCCC;
border:1px solid #000000;
}

#tableCadrille tr
{

border:1px solid #000000;
}

#tableCadrille td
{
padding-top:5px;
padding-bottom:5px;
padding-left:5px;
border:1px solid #000000;
}

.table tbody tr:hover td, .table tbody tr:hover th {
  background-color: #eee;  // Couleur des survols en utilisant .table
}