/* 
    Document   : style2
    Created on : 20 nov. 2010, 22:00:39
    Author     : gFabrice
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    display: block;
}


body
{
    font-family: Arial, Verdana ,sans-serif;
    font-size: 1.0em;
    margin: 0;
/*    background-image: url('../images/arriereplan2.png');*/
/*    background-repeat: no-repeat; */
}

a{ text-decoration: none;}

#javascriptnotok
{
    color: red;
    text-transform: uppercase;
    float: right;
    font-weight: bold;
    border: 1px solid red;
    padding-left: 5px;
    padding-right: 5px;
}

#zonemenu
{
    background-color: #872;
    width: 100%;
}
#menu
{

    background-color: #872;
    width: 100%;
    padding-top: 0em;
    padding-bottom: 0em;
    border-bottom: 1px solid red;
    border-top: 1px solid red;
    text-align: center;
    font-size: 0.9em;
}

#menu ul
{
    list-style: none;
}

#menu ul li
{
    border-color: #679;
    text-align: center;
    display: inline;
    margin-left: 5px;
    margin-right: 5px;
    background-image: url('../images/arrieremenu2.png');
    background-repeat: no-repeat;


}

#menu ul li a
{

    text-decoration: none;
    color: white;
    margin-left: 5px;
    margin-top: 0px;
    padding-left: 0.5em;
    padding-right: 0.5em;
    background-color: #872;

}

html>body #menu ul li a
{

    width: auto;


}


#menu ul li a:hover
{

    background-color: lightgrey;
    margin-left: 5px;
    margin-top: 0px;
    padding-left: 0.5em;
    padding-right: 0.5em;
    color: #658;

}

#menu ul li a#current
{

    background: lightgrey;
    margin-left: 5px;
    margin-top: 0px;
    padding-left: 0.5em;
    padding-right: 0.5em;
    color: #278;

}


#basdepage
{ clear: both;
  background-color: #872;
  color: white;
  width: 100%;
  padding-left: 0.5em;
  padding-right: 0.5em;
}
.entete1
{width: 100%;
 color: white;
 font-size: 16px;
 font-family: Gill, Helvetica, sans-serif;
 border-bottom: 1px solid #545;
 background-color: #872;
}
#b1
{ color: #cccc;
}


#enconstruction
{

    background-color: lightgrey;
    margin-left: 5px;
    margin-top: 0px;
    padding-left: 0.5em;
    padding-right: 0.5em;
    color: #872;
    border: 1px solid red;
    text-transform: uppercase;
    text-align: center;
    width: auto;
}

/*Styles associés a la zone principale du milieu contenant la partie d'affichage centrale
 et la zone d'affichage de droite*/

#zonecentrale
{
/*    border-bottom: 1px dotted silver;
    border-left: 1px dotted silver;
    border-right: 1px dotted silver;*/
    width: 100%;
}

#zonegauche
{
    float: left;
    width: 20%;
    border-top: 1px solid silver;
    border-bottom: 1px solid silver;
}
#zoneaffichageetautres
{   float: left;
    width: 55%;
}

#zonedroite
{   float: left;
    margin-left: 5px;
    margin-right: 0px;
    margin-top: 0;
    padding-top: 0;
    padding-left: 20px;
    /* padding-right: 20px; */
    padding-right: 2px;
    color: #872;
    width: 22%;
}




#zoneprincipale
{   float: left;
    margin-left: 5px;
    margin-top: 5px;
    padding-left: 0.5em;
    padding-right: 0.5em;
    margin-right: 0.5em;
    color: #872;
    text-align: justify;
    width: 100%;    
    overflow: auto;
}

#zoneprincipale2
{   float: left;
    margin-left: 5px;
    margin-top: 5px;
    padding-left: 0.5em;
    padding-right: 0.5em;
    margin-right: 0.5em;
    color: #872;
    text-align: justify;
    width: 100%;    
    overflow: auto;
}


p
{   background-color: lightgrey;
    padding-left: 0.5em;
    padding-right: 0.5em;
    color: #872;
    text-align: center;
    text-transform: uppercase;
}

#texte1
{

    color: #872;
    text-align: justify;
    font-family: Arial, Verdana ,sans-serif;
    font-size: 0.8em;
    margin-left: 5px;
    margin-right: 5px;
}


.prochainesession
{

    color: #872;
    text-align: justify;
    font-family: Arial, Verdana ,sans-serif;
    font-size: 0.8em;
    margin-left: 5px;
    margin-right: 5px;
    text-transform: none;
    background-color: white;
}

b
{

    color: #545;

}

 .enteteListeItem
{ background-color: #872;
  color: white;
  text-align: center;
  border-bottom: 1px solid red;
}

table tr td
{

    color: #872;
    text-align: justify;
    font-family: Arial, Verdana ,sans-serif;
    font-size: 0.8em;
    margin-left: 5px;
    margin-right: 5px;
}

#accueil
{  /* background-color: lightgrey;*/
    padding-left: 0.5em;
    padding-right: 0.5em;
    color: rgb(237,28,36);
    font-size: 1.9em;
    text-align: center;
    text-transform: uppercase;
/*    background-image: url('../images/arriereplan2.png');*/
/*    background-repeat: no-repeat;*/
}

#partenaires
{

/*    text-align: center;*/
    margin-left: 5px;
    margin-right: 5px;

}
#partenaires ul li
{
    list-style: none;
    list-style-image: url('../images/flechebleu.png');

}

#partenaires ul li a
{
    text-decoration: none;


}

#lientest
{ color: #ccc;
}
#idtest
{
    color: #ccc;
}

.contactemailnom
{   background-color: lightgrey;
    color: #872;
    border: 1px solid silver;
}

/*Style de gestion de tabbedPane*/
#tabbedpane
{
    background-color: #ccc;

    width: 100%;
    font-size: 0.9em;
}
#tabbedpane ul
{
    list-style: none;
/*    background-color: black;********************/

}

#tabbedpane ul li
{
   padding: 1px;
/*   color: green;*/
/*   display: inline;********************************/
}

 #tabbedpane ul li a
{
   text-decoration: none;
   text-align: center;
    color: #872;
}

#tabbedpane ul li a:hover
{
   text-decoration: none;
   text-align: center;
   color: red;
   background-color: white;
}

/**/
#tabbedpaneheader
{
    padding-left: 5px;
    background-color: black;
    width: 100%;

}
#tabbedpaneheader ul
{
    list-style: none;
}

#tabbedpaneheader ul li
{
    list-style: none;
    display: inline;

}

#tabbedpaneheader ul li a
{
   text-decoration: none;
   text-align: justify;
   color: white;

}

#tabbedpaneheader ul li a:hover
{
   text-decoration: none;
   color: red;
   background-color: white;
}

/*************************************************
**************style pour l'espace reserve
**************************************************/
#espacereserve
{ border-bottom: 1px dotted silver;
/*  border-right: 1px solid silver;*/
  padding-left: 4px;
  padding-left: 4px;
/*  background-color: #ccc;*/
  margin-left: 2px;
  margin-right: 2px;
  width: 100%; 
  /*width: auto; 30 Avril 2012*/
}
#espacetitre
{
  background-color: black;
  text-align: center;
  width: 20%;
  float: left;
  color: white;
  font-weight: bold;
}
.btEnvoi
{    
   /*background-color: #ccc; */
   background-color: #ccc;
   border: 1px dotted rgb(237,28,36);
   color: white;
   font-weight: bold;
   font-family: Arial, Verdana ,sans-serif;
   font-size: 0.9em;
}

.textField
{
    /*color: #545; 
   background-color: #ccc; */  
   border: 1px dotted rgb(237,28,36);
   
}

#menureserve
{
    width: 100%;
    padding-top: 0em;
    padding-bottom: 0em;
    text-align: justify;
     font-size: 0.8em;
}

#menureserve ul
{
    list-style: none;
}

#menureserve ul li
{   /*text-align: center;*/
    display: inline;
    margin-left: 5px;
    margin-right: 5px;

}

#menureserve ul li a
{

    text-decoration: none;
    margin-left: 5px;
    margin-top: 0px;
    padding-left: 0.5em;
    padding-right: 0.5em;
    color: #ccc;
    font-weight: bold;

}

html>body #menureserve ul li a
{

    width: auto;


}

/***Style pour les temoignages clients***/
/******************************************/
 .titretemoignageclient
{
     background-color: black;
     text-align: center;
     width: 100%;
     float: left;
     color: white;
     font-weight: bold;
}
#temoignageclient
{
     background-color: #ccc;
     text-align: justify;
     width: 100%;
     padding-left: 5px;
     padding-right: 5px;
/*     font-size: 0.9em;*/
}
.cadretemoignage
{   /*border: 1px solid silver;*/
    /*border-left: 1px solid silver; */
    border-top: 1px solid silver;
    width: 550px;
    height: 80px;
    
}

/*********************************************************************
*style les zones d'information apres la zone d'affichage principale
**********************************************************************/
 /*style de la zone d'information'*/
            #zoneinfos
            {clear: both;
             width: 100%;
/*             border-left: 1px dotted red;
             border-right: 1px dotted red;*/
/*             border-bottom: 1px dotted red;*/
             padding-left: 60px;
             padding-right: 5px;

            }
            #zoneinfos1
            {
              float: left;
              width: 44%;
              margin: 1px;
              padding: 2px;
              text-align: justify;
/*              border: 1px dotted silver;*/
/*              background-color: #ccc;*/
            }
            #zoneinfos2
            {
              float: left;
              width: 44%;
              margin: 1px;
              padding: 2px;
              text-align: justify;
              background-color: white;
/*              border: 1px dotted red;*/

            }
            #zoneinfos3
            { clear: both;
              float: left;
              width: 44%;
              margin: 1px;
              padding: 2px;
              text-align: justify;
/*              border: 1px dotted silver;*/
/*              background-color: #ccc;*/

            }
            #zoneinfos4
            {
/*              clear: both;*/
              float: left;
              width: 44%;
              margin: 1px;
              padding: 2px;
              text-align: justify;
              background-color: white;
/*              border: 1px dotted red;*/
            }

            #zoneinfos4 ul li
            { list-style: square;
              text-align: justify;
              font-family: Arial, Verdana ,sans-serif;
              font-size: 0.9em;
              color: #545;
            }

            #titrezoneinfos1
            { background-color: black;
              text-align: center;
              color: white;
              font-weight: bold;
            }
             #titrezoneinfos2
            { background-color: #872;
              text-align: center;
              color: white;
              font-weight: bold;
            }

            .contenuzoneinfos1
            {
                color: #872;
                background-color: #ccc;
                font-family: Arial, Verdana ,sans-serif;
                font-size: 0.9em;
                text-transform: none;
                text-align: justify;
            }
            .contenuzoneinfos2
            {
                color: black;
                background-color: white;
                font-family: Arial, Verdana ,sans-serif;
                font-size: 0.9em;
                text-transform: none;
                text-align: justify;
            }



/********************************************************
**Mise en place du style pour le menu de gauche
**********************************************************/
#menugauche
{

/*    background-color: #872;*/
    width: 100%;
    padding-top: 0em;
/*    padding-bottom: 0em;
    border-bottom: 1px solid red;
    border-top: 1px solid red;*/
    text-align: left;
/*    background-color: #872;*/
}

#menugauche ul
{
    list-style: none;
    list-style-image: url('../images/item.png');
}

#menugauche ul li
{
/*    border-color: #679;*/
    text-align: justify;
    display: block;
    margin-left: 0px;
    margin-right: 0px;
    border-bottom: 1px dotted rgb(237,28,36);
/*    border-top: 1px dotted rgb(237,28,36);*/
/*    background-image: url('../images/arrieremenu2.png');*/
    background-repeat: no-repeat;
    /*border-radius: 10px 10px; */


}

#menugauche ul li a
{

    text-decoration: none;
    color: #872;
/*    color: white;*/
    margin-left: 5px;
    margin-top: 0px;
    padding-left: 0.5em;
    padding-right: 0.5em;
/*    background-color: #872;*/
    font-family: Arial, Verdana ,sans-serif;
    font-size: 0.9em;
}

html>body #menugauche ul li a
{    width: auto;
}


#menugauche ul li a:hover
{   background-color: lightgrey;
    margin-left: 5px;
    margin-top: 0px;
    padding-left: 0.5em;
    padding-right: 0.5em;
    color: #658;
    display: block;
}

#menugauche ul li a#current
{   background: white;
    margin-left: 5px;
    margin-top: 0px;
    padding-left: 0.5em;
    padding-right: 0.5em;
    color: #278;
    display: block;
}

#imageclavier
{   position: absolute;
    display: none;
}

 .enteteListeF{
  background-color: #872;
  color: white;
  text-align: center;
  border-bottom: 1px solid red;
}
.listeF
{ font-size: 0.9em;
}

.listeF ul
{ font-size: 0.9em;
  list-style: none;          
}

.listeF ul li
{ text-align: center;          
  width: 100%;
}

.listeF ul li a
{ color: rgb(100,67,98);
  text-decoration: none;
  display: block;
  margin-left: 0px;
}

.listeF ul li a:hover
{ text-align: left;
  color: #326;
  border-bottom: 1px dotted olive;
  border-top: 1px dotted olive;
  background-color: silver;          
}