body {
      font: 90% Verdana, Arial, Helvetica, sans-serif;
      background-image:url(images/bg3.png);
	 /* background-repeat:repeat-x;*/

	/*  background-attachment:fixed;*/
	  background-color: #FFFFFF ; /*#c8dfe8;*/
      margin: 0; /* il est conseillé de mettre à zéro la marge et le remplissage de l'élément body, pour tenir compte des différentes valeurs par défaut des navigateurs */
      padding: 0;
      color: #000000;
    }
    .thrColLiq #contenu {
     width: 1009px;  /* 1011px l'équivalant de 80%   ce paramétrage crée un conteneur dont la largeur est 80 % de celle du navigateur */
	  /*max-height: 545px;*/
	  /*min-height: 525px;*/
	  /*background: #c8dfe8;*/
	  min-height: 500px;
	  /*min-height: 639px;*/
      margin: 0 auto; /* les marges automatiques (et dotées d'une largeur positive) centrent la page */
      border: 1px solid #6ba3cc;
      text-align: left; /* ce paramétrage annule le paramètre text-align: center de l'élément body. */
	  background: #FFFFFF;
	  border-radius: 0px;
	  background-image: url(images/bg3.png);
	   
    }
	.soustitre {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
font-weight: bold;
color: #1F374C;
}
	.text {
	font-family: verdana;
	font-size: 10px;
	color: #4C4C4C;
	text-decoration: none;
	line-height: 15px;
}
	.soustitre1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	color: #0A8678;
}
	.soustitre2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	color: #1F374C;
}
	#container {
	padding-top: 18px;
	padding-bottom: 18px;
	padding-left: 3px;
	padding-right: 21px;
	border-radius: 18px;
	/*min-height: 603px;
	/*height: 100%;
	/*min-height: 525px;
	/*width: 1011px;  /* 1011px l'équivalant de 80%   ce paramétrage crée un conteneur dont la largeur est 80 % de celle du navigateur */
	  /*max-height: 545px;
	  border: 0px solid #000000;*/
	  /*min-height: 525px;
	  margin: 10px auto 0 auto; /* les marges automatiques (et dotées d'une largeur positive) centrent la page */
      text-align: left; /* ce paramétrage annule le paramètre text-align: center de l'élément body. */
	/*margin-bottom: 10px;
	overflow: hidden;
	border: solid 1px white;
	-moz-border-radius: 18px;
	-webkit-border-radius: 18px;
	border-radius: 18px;
	
	background-color: white;*/
}

    .thrColLiq #sidebar1 {
      float: left; /* Cet élément doit précéder dans le code source tout élément à côté duquel il doit être positionné */
      width: 160px; /* cet élément est flottant, il faut donc lui attribuer une largeur */
      /*max-height: 545px;*/
	  /*min-height: 525px;
	   /* background: #EBEBEB; la couleur de l'arrière-plan est affichée sur la largeur du contenu de la colonne, mais pas au-delà */
     /*background: transparent url('images/background_left.png') no-repeat right 0;*/
	 padding: 0px 0; /* le remplissage en haut et en bas crée un espace visuel à l'intérieur de cet élément div  */
    }
    .thrColLiq #sidebar2 {
      float: right; /* Cet élément doit précéder dans le code source tout élément à côté duquel il doit être positionné */
      width: 200px; /* cet élément est flottant, il faut donc lui attribuer une largeur */
      /*max-height: 545px;*/
	  min-height: 525px;
	  /*background: #EBEBEB;  la couleur de l'arrière-plan est affichée sur la largeur du contenu de la colonne, mais pas au-delà */
     background: transparent url('images/background_right.png') no-repeat left 0; /*url('images/background_right.png')*/
	 
	  padding: 15px 0; /* le remplissage en haut et en bas crée un espace visuel à l'intérieur de cet élément div  */
    }
    .thrColLiq #sidebar1 p, .thrColLiq #sidebar1 h3, .thrColLiq #sidebar2 p, .thrColLiq #sidebar2 h3 {
      margin-left: 10px;       margin-right: 10px;
    }
    .thrColLiq #mainContent {
	  /*margin-left: 170px;
	  margin-right: 210px;
	  margin: 0 20% 0 16%;*/
	  /*max-height: 545px;*/
	  /*min-height: 525px;*/
	  width: 800px;
	  float: right;
	 /*min-height: 603px;
	  /*padding-right: 225px;
	  /*padding-bottom: 20px;*/
	  /*float: right;*/
      font-size: 15px;
	  text-align: left;   
     
	  }
    .fltrt {      float: right;
      margin-left: 8px;
    }
    .fltlft { 
      float: left;
      margin-right: 8px;
    }
    .clearfloat { 
      clear: both;
      height: 0;
      font-size: 1px;
      line-height: 0px;
    }
   
   /* menu ------------------------------
   ul{
  margin:0; padding:0; list-style-type:none; font-size:0; line-height:0;
}*/
   
   #toppart{
	width:93px;
	margin:0 auto;
	padding:60px 0 50px 0;
	background-repeat: no-repeat;
	background-position: 0 0;
	}
   
 /* #rightTop{
	width:990px; float:right; margin:0 0 10px 0 ;
	}
	
#rightTop ul.navi{
	background:url(images/navi_bg.gif) repeat-x 0 0; height:37px; margin:6px 0 0 0;
	}*/
#rightTop ul.navi li{
	border-right:#3A8483 1px solid; float:left;
	}
#rightTop ul.navi li a{
	/*background:url(images/navi_bg.gif) repeat-x 0 0;*/
	background-color:#276388; color:#FFFFFF; padding:0 0 0 50px; 
	text-decoration:none;	font:bold 11px/37px "Trebuchet MS", Arial, Helvetica, sans-serif; display:block;
	}
#rightTop ul.navi li a:hover{
	/*background:url(images/navi_h.gif) repeat-x 0 0;*/
	background-color:#34a6d8;
	
	}
	
	
	
	
#menuDeroulant .sousMenu
{
 list-style-type: none;
 margin: 0;
 padding: 0;
 border: 0;
}
#menuDeroulant .sousMenu li
{
 float: none;
 margin: 0;
 padding: 0;
 border: 0;
}



#menuDeroulant .sousMenu li ul
{
 float: none;
 margin: 10;
 padding: 20;
 border: 0;
}



#menuDeroulant li
{
 float: left;
 width: 150px;
 margin: 0;
 padding: 0;
 border: 0;
}

#menuDeroulant li a:hover { background-color: #F2462E; }
#menuDeroulant li a:active { background-color: #5F879D; }

	
	
	
#menuDeroulant .sousMenu li a:link,
#menuDeroulant .sousMenu li a:visited
{
 display: block;
 color: #FFF;
 margin: 0;
 border: 0;
 text-decoration: none;

 background-color: #276300;
}
#menuDeroulant .sousMenu li a:hover
{
 background-image: none;
 background-color: #F2462E;
}
#menuDeroulant .sousMenu li
{
 float: none;
 margin: 0;
 padding: 0;
 border: 0;
 width: 149px;
 border-top: 1px solid transparent;
 border-right: 1px solid transparent;
}
#menuDeroulant .sousMenu
{
 display: none;
 list-style-type: none;
 margin: 0;
 padding: 0;
 border: 0;
}
#menuDeroulant li:hover > .sousMenu { display: block; }
#menuDeroulant
{
	width: 990px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
	position: absolute;
	top: 52px;
	left: 126px;
}

/******logo******************************************************/
#logo
{
      width: 1011px; /* width: 1011px;   ce paramétrage crée un conteneur dont la largeur est 80 % de celle du navigateur */
	  height: 105px;
      margin: 0px auto 0px auto; /* les marges automatiques (et dotées d'une largeur positive) centrent la page */
	  
	  border-top-left-radius: 18px 18px;
	  border-top-right-radius: 18px 18px;
	  
	  /* border-bottom-right-radius: 18px 18px;
	   border-bottom-left-radius: 18px 18px;*/
	   
      /*border: 1px solid #aaa;*/
	 /* background-size: 20% auto;*/
	 
	
	 background-image: url(images/bg3.png) , url(images/logo2.png) ;
	 background-repeat: repeat, no-repeat;
	 background-position-x: left, 45px ;
	 background-position-y: top, 10px;
	 background-size: auto, 23% ;
     background-color:#6ba3cc; /*#6ba3cc;*/

	 
	  
	  
	  

}



/*****************pied de la page **********************/
.bas{  	

background-image:url(images/bg3.png);
background-color:#6ba3cc;
/*border-top-left-radius: 18px 18px;*/
width: 1011px;
height:40px; 
margin: 0px auto 0px auto;
text-align: center; 

font-family: Arial, Helvetica;
font-size: 12px;
color: #FFFFFF;

/*font: 80% Verdana, Arial, Helvetica, sans-serif;*/




/*border-radius: 10px;*/
      /* border-top-left-radius: 18px 18px;
	   border-top-right-radius: 18px 18px;*/
	   border-bottom-right-radius: 18px 18px;
	   border-bottom-left-radius: 18px 18px;
	   
}

/*****************menu vertical ********************/
.menuu {	
  margin-top:5px;
  width: 170px;
  padding:0;
  float: left;
  margin-left:7px;
}
.menu {
background-image: url('images/bg3.png');
background-color: #F4F7FB; 
border-radius: 9px;

padding-bottom: 1px;
margin-bottom: 12px;
border: 1px solid #C8DFE8;

/*border-top: 0px;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
/*margin-top: 0px;*/




padding: 0;
}

.submenu li {
width: 95%;
list-style: none;
margin-bottom: 1px;
padding: 2px;
border-bottom: 2px solid white;
}
ul, menu, dir {
display: block;
list-style-type: disc;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 40px;
}
h2.menutitle {

 background-image: url('images/bg3.png');
 background-color:#6ba3cc;
 /*border-radius: 9px;*/
 border-top-left-radius: 9px 9px;
border-top-right-radius: 9px 9px;

color: white;
font-weight: bold;
font-family: Arial, Helvetica;
padding: 2 0 5 5;
letter-spacing: 1px;
font-weight: normal;

font-size: 13px;
margin-bottom: 1px;
padding: 2px;
margin: 0;
text-align:center;
}
.submenu {
font-family: Arial, Helvetica;
margin: 0;
font-size: 10px;
color: #1D64B4;
letter-spacing: 1px;
font-weight: 400;
padding: 1px;
}
.submenu li a {
letter-spacing: 1px;
text-decoration: none;
display: block;
padding: 4 0 0 2;
font-weight: 500;
color: #1D64B4;
padding: 5px;
}
.submenu li a:hover {
background-color: white;
}
.menu p a{
width:300px;	font-color:#ffffff;font-size:80%;
font-family:"Trebuchet MS", Verdana, Geneva, Arial;
text-align:center;text-decoration:none;
margin:5px;
}
.menu p{
padding:0;margin:5px;width:300px;
}
.menu a:hover{
color:#2778b8;
} 
/*.menu .titre{
text-transform:capitalize;background-color: #6ba3cc;text-align:center;
width:160px;

}*/

.style1 {
text-align: center;
/*position: center;*/
padding-right: 170px;
/*box-shadow: 0px 0px 8px #DDDDDD;
border: 1px solid #EEE;*/
}

.style2 {
position: center;
box-shadow: 0px 0px 8px #DDDDDD;
border: 1px solid #2778b8;
}

.message
{
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px;
	padding:20px;
	/*margin:auto;*/
	width:500px;
	background:url('images/black_40p.png');
	color:#ffffff;
	text-align:center;
	font-weight:bold;
	margin-top:20px;
	padding-right: 50px;
	padding-left: 50px;
}

table
{
	border:0px;
	border-spacing:0px;
	background:#ffffff;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	width:95%;
	padding:5px;
	margin:5px auto 5px auto;
	
	background-image: url('images/bg3.png');
    border-radius: 9px;
 
}

#form5 {
margin: 1em 0;
padding-top: 15px;
}
/*h2 {
color: #EE9803;
text-transform: uppercase;
}*/

#form5 input#name {
	background: white url(images/form_name.gif) no-repeat 5px 50%;
}

#form5 input, #form5 textarea {
margin: 0;
width: 250px;
border: 1px solid #DDD;
padding: 3px 5px 3px 25px;
}

#form5 input#pass {
background: white url(images/form_url.gif) no-repeat 5px 50%;
}

#form5 table, #form5 input, #form5 textarea, #form5 select, #form5 li {
font: 100% Trebuchet MS, Arial, Helvetica, Sans-Serif;
line-height: 160%;
color: #333;
}

#form5 p {
font-size: 12px;
margin: .5em 0;
overflow: hidden;
}

#form5 a {
text-decoration: none;
color: #F30;
cursor: pointer;
}
#form5 a:hover{
color:#2778b8;font-weight: bold;
} 

.Style2 {
	color: #0033FF;
	font-size: small;
	
}
.Style2 p{
/*background-color: #c8dfe8;*/
/*border: 2px solid #d3ddff;
box-shadow: 0px 0px 8px #DDDDDD;*/
border: 1.5px solid #d3ddff;
border-radius: 12px;
}

/*pour l'affichage du tableau des A.O*/

#content	{
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 18px;
	margin: 0 auto 0 auto;
	/*max-width: 1260px;*/
	max-width: 800px;
	/*padding: 3px 0px 30px 0px;*/
	
	}



 
	

#tbl-border-top	{
	background: url(images/border_bit.jpg) top repeat-x;
	line-height: 0;font-size: 0px;
	height: 15px;
	}
#tbl-border-bottom	{
	background: url(images/border_bit.jpg) bottom repeat-x;
	line-height: 0;font-size: 0px;
	height: 15px;
	}
#tbl-border-left	{
	background: url(images/border_bit.jpg) left repeat-y;
	}
#tbl-border-right	{
	background: url(images/border_bit.jpg) right repeat-y;
	}
#table-content	{
	line-height: 16px;
	margin: 0 10px 0 0;
	min-height: 300px;
	}








#tableau {
    font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
    width: 800px;
    text-align: left;
    border-collapse:separate;
	border-color: #666699;
}
#tableau th {
    font-size: 11px;
    font-weight: normal;
    padding: 6px;
    
    border-top: 2px solid #d3ddff;
    border-bottom: 1px solid #fff;
	
	background-image:url(images/bg3.png);
	background-color:#6ba3cc;
	/*border-top-left-radius: 9px 9px;
	border-top-right-radius: 9px 9px;*/

    /*border-top: 1px solid #fff;
	border-color: #666699;*/
	
	
    /*color: #1533b8;*/
}
#tableau td {

    padding: 8px;
    border-bottom: 1px solid #fff;
    /*color: #666699;*/
    border-top: 0px solid #fff;
	font-size: 10px;
	border-right: 0px solid #fff;
   /* background: #d8eef7;*/
   /*border-color: #666699;*/
}
#tableau tfoot tr td {
    background: #a9d6ea;
    font-size: 16px;
    color: #666699;
    text-align:center;
    border-top: 1px solid #fff;
	
}
#tableau tbody tr:hover td {
    background: #d2e7f0 ;
    color: #666699;
}
#tableau a:hover {
    text-decoration:underline;
}


#table {
    font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
    width: 750px;
    text-align: left;
    border-collapse:separate;
	background-image: url('images/bg3.png');
    border-radius: 9px;
	
	
	
}
#table td p{
    padding: 8px;   
    color: #666699;
    font-size:12px;	
	border-right: 1px solid #fff;
    background: #eaeef7;
}
#table td  {
    padding: 8px;   
    color: teal;
    font-size:12px;	
	
    background: #eaeef7;
}

#table tbody tr:hover td {
   background: #d2ddf0 ;
    color: #666699;
	
}
#table tbody tr:hover td p{
   background: #d2ddf0 ;
    color: #666699;
}
#table a:hover {
    text-decoration:underline;
}


/*pour la page ao1 voila le style de la <TD>*/
.cr_titre {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
color: #003D72;
text-decoration: none;
text-align: left;
}
/*les titres du formulaire d'ettestation de salaire*/
.form_titre {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
color: #003D72;
text-decoration: none;
text-align: left;
}
.ao1{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #003D72;
text-decoration: none;
text-align: justify;
margin: 10px 0 0 0;
}
.ul1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #003D72;
text-decoration: none;
text-align: justify;
list-style-image: url(images/Mid_ico5.gif);
line-height: 20px;
}
a:hover {
font-weight: bold;
}

.espace ul {
display: block;
list-style-type: disc;
 margin: 10px 0 0 40px;
 
}
/*pour l'admin et le mot de passe de la page connexion*/
input::-webkit-input-placeholder {
    color:#cdcdcd;
}
input:-moz-placeholder {
    color:#cdcdcd;
}



#table2 {
    font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
    width: 800px;
    text-align: left;
    border-collapse:separate;
	background:#f4f7fb;
}
#table2 th {
    font-size: 13px;
    font-weight: normal;
    padding: 6px;
    background:#97bfd9 ;
    border-top: 2px solid #d3ddff;
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
	
    color: #1533b8;
}
#table2 td {

    padding: 8px;
    border-bottom: 1px solid #fff;
    color: #666699;
    border-top: 0px solid #fff;
	
	border-right: 1px solid #fff;
    background: #e8e8ff;	
}
#t{
background:#f4f7fb;
}
/* superposer texte par apport a une image  */
img.imageGauche{
	float:left;
	margin-right:10px;
}