/*élements de mise en page*/
@media screen {
/*on cache le menu, marche au moins pour IE, Moz et Opra.*/
	.ssmenu {
		visibility:hidden;
	}
}

@media screen {
/*on cache le menu, marche au moins pour IE, Moz et Opra.*/
	.ssmenu {
		visibility:hidden;

	}
	.menu{ visibility:hidden;}
}


/*****Partie correspondant à la bannière ***/

table.banner
{
 background-image:url('Image/Accueil/banniere.gif');
   background-repeat: no-repeat;
   background-position:left;
    height:50px;
     margin:0px;
    padding:0px;
width:100%;
}

/* Diffrentes partie de la mise en page de toutes las pages du site*/

/* pour les éléments qui seront disposés à la marge, à gauche des pages */

#sidebar
{
position:absolute;

width:10px;
height:auto;
top: 7.11em;

left:0px;
z-index:0;
}


/* Pour la zone de texte ou le corps des pages */
#texte
{ position:absolute;
    float:left;
  text-align:left;
  left:0px;
  top:7.2em;
  margin:0px;
  padding:0px;
  height:80%;
  z-index:0;
}



#texte_GestionArticles
{ position:absolute;
    float:left;
  text-align:left;
  left:0px;
  top:120px;
  margin:0.1em;
  padding:0;
  width:100%;
  height:400px;
  z-index:0;
  background-color:#f0f8ff;
}


img.textmilieu
{
    position:absolute;
    top:200px;
    z-index:1;
    float:right;
    left:160px;
    }

  td.header
  {

   /*background:#ffffff url(Image/Accueil/entete_tab_f01.gif) no-repeat fixed left;*/
   background-image:url('Image/Accueil/entete_tab_f01.gif');
   background-repeat: no-repeat;
   background-position:left;
    height:1em;
     padding-left:0.5em;

      }

      td.header1
 



img.nos_services
{
  position:absolute;
  top:7.4em;
right:0px;

  /*left:40.25em;*/
  z-index:1;
  float:right;
margin:0px 0px 0px 0px;
}


/*Pour l'image Specialiste PME */

img.specialiste
{
 position:absolute;
  top:23.75em;
right:4.5em;

  /*left:40.25em;*/
  z-index:1;
  float:right;
margin:0px 0px 0px 0px;

}

#nos_partenaires

{
  position:absolute;
  top:28.5em;
right:2em;

  /*left:38.25em;*/
  z-index:1;
  float:right;
margin:0px 0px 0px 0px;
}







    img.contacts
{
  position:absolute;
  top:21.7em;
  left:24.7em;
  z-index:1;
  float:center;
width:20em;
height: 15em;
margin:0px 0px 0px 0px;}






/*****************************/



/**********style des menus**********/


h1 {
	font-family: Arial;
	font-size: 52px;
	color: #FF0000;
}

.button

{font-family: Arial;
	font-size: 14px;
	border: 1px solid;
    width:79px;    }

   .textbox_rechercher
   {
    font-family: Arial;
	font-size: 12px;
	border: 1px solid;
    width:6.35em;
    }

.textbox{
	font-family: Arial;
	font-size: 12px;
	border: 1px solid;
    width:150px;}

.form_textbox2, .form_textbox1
{
width:30em;}


.form_textbox2
{
background-color:cornsilk;}

.selecButton
{

   height:2.5em;
   padding:0px;
   width:70px;
   font-size:1em;
   }


body
{
    position:absolute;
     background-color:white;
    height:80%;
    width:100%;
   }


form
{ position:inherit;
 /*   left:12%;*/
    width:auto;
    height:100%;
    z-index:0;
    /***********************************************/

    }

/****************************************/


/****Ajout*******************************/




.menu, .ssmenu {
  background-color:#f0f8ff;
  color:#333;
  border:0.055em solid #333;
  margin:1em;
  z-index:4;
  filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90;
}

.menu span, .ssmenu span {
  display:none;
}

.menu a, .ssmenu a {
  text-decoration:none;
  color:#333;
  font-weight:bold;
}

.menu {
  padding:0 1em;

}

.ssmenu {
  padding:0;
}


div
.ssmenu li {
  list-style-type:none;
  /*list-style-position:inside;*/
  padding-left:0.1em;
  color:#F93;
}

/** Définition de l'aspect  des menus
quand on passera le curseur dessus **/


.ssmenu li:hover, .ssmenu a:hover,
  .ssmenu a:focus  {
 /* background-color:#4682B4;*/
 background-color:#4682B4;
  color:#FFF;
}
.ssmenu ul:hover{background-color:#4682B4;}


.ssmenu li:hover {
  list-style-type:none;
  background-color:#4682B4;
}



   .datalist
   {
    width:500px}

#menus
{  /* background-image:url('Image/Accueil/menus.gif');*/
    position:absolute;
    top:5em;
    left:0%;
    float:left;
    z-index:4;

    }
table.login
{ background-image:url('Image/login.GIF');
background-repeat: no-repeat;

   position:absolute;
     top:100px;
     left:340px;
     z-index:1;
     }


#texte p {
  text-indent:1em;
}

#copy {
  padding:1em;
  margin:0;
  text-align:center;
}

/***** ajout n2****************/



a
{   font-family: Arial;
	font-size: 12px;
	color: #000000;
    }
a:link
{
	font-family: Arial;
	font-size: 12px;
	color: #000000;
}

a:hover {
	font-family: Arial;
	font-size: 12px;
	color: #FF0000;
}


.dropdownlist
{
    font-family:Arial
    font-size: 12px;
	width: 180px;
    background-color:SeaShell;
}


   .datagrid
    { width:50px;
        }