﻿body
{
    width: 970px;
    margin: auto;
    margin-top: 0px; /*margin-bottom: 30px;   */
    background: #F4FBF4;
}

h1
{
    font-family: Arial,Verdana,Helvetica;
    color: #008000;
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
}


#Gauche
{
    width: 250px;
    float: left;
}

#Centre
{
    width: 545px;
    margin-left: 252px;
}

#Droit
{
    width: 165px;
    float: right;
}

#ChoixSWOC
{
    width: 470px;
    margin-left: 165px;
}

/* ********************* Formatage des liens **********************/
a
{
    text-decoration: none;
}
a:visited
{
    color: Blue;
    text-decoration: none;
}
a img
{
    border: none;
}

/* ********************* Titre des cadres ****************** */
.Titre_1
{
    background: url("../Images/Titre_G.gif") bottom left no-repeat;
    padding-left: 30px;
}

.Titre_2
{
    background: url("../Images/Titre_D.gif") bottom right no-repeat;
    padding-right: 30px;
}

.Titre
{
    background: url("../Images/Titre_M.gif") bottom center repeat-x;
    width: 100%;
    padding-bottom: 12px;
    padding-top: 7px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: White;
    font-size: 13px;
}

/* ********************* Contenu des cadres ****************** */
.Corps_1
{
    background: url("../Images/Cadre_MG.gif") left repeat-y;
    padding-left: 20px;
}

.Corps_2
{
    background: url("../Images/Cadre_MD.gif") right repeat-y;
    padding-right: 30px;
}

.Corps
{
    background: url("../Images/Cadre_M.gif");
    background-repeat: repeat;
    width: 100%;
    padding-top: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
}

.Corps_Indisponible
{
    background-position: url("../Images/Cadre_M.gif");
    background: url("../Images/Cadre_M.gif");
    background-repeat: repeat;
    width: 100%;
    padding-top: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #FF0000;
    text-align: center;
}

/* ********************* Pied de page des cadres ****************** */
.Bas_1
{
    background: url("../Images/Cadre_BG.gif") top left no-repeat;
    padding-left: 30px;
}

.Bas_2
{
    background: url("../Images/Cadre_BD.gif") top right no-repeat;
    padding-right: 30px;
}

.Bas
{
    background: url("../Images/Cadre_BM.gif") top center repeat-x;
    width: 100%;
    padding-top: 5px;
    height: 38px;
}

/* ********************* Formatage des listes ****************** */
.Corps ul
{
    padding: 0px;
    padding-left: 20px;
    margin: 0px;
    margin-bottom: 0px;
}

/* ********************* Formatage des saisies ****************** */
.Upper
{
    text-transform: uppercase;
}

/* ********************* Message d'erreur ****************** */
.Error
{
    color: Red;
}

.piedpage td
{
    /*border-top: 1px solid #006600;*/
    font-family: Arial;
    font-size: 7pt;
    color: #999999;
}

.titreapplic
{
    font-family: Arial,Verdana,Helvetica;
    color: #008000;
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
}

/***********************************************************************************************************************************/
/*                                                              Gestion des boutons options                                        */
/***********************************************************************************************************************************/
.Brique
{
    display: inline;    
}


.lienTitre
{
    color: #000000;
    font-family: Verdana,Arial,Helvetica;
    font-size: 11px;
    font-style: normal;
    width: 16px; 
    height: 16px;
    border:0;
}

#options div 
{
    display:inline;
}


#options div a img {
  height: 150px; width: 150px; /*border-width: 0;*/
  border: solid 2px transparent;
  }
#options div a#raciaux img {
  background: url(../Images/raciaux1.png) top left no-repeat;
  }
#options div a#mouton img {
  background: url(../Images/mouton1.png) top left no-repeat;
  }
#options div a#vache img {
  background: url(../Images/vache1.png) top left no-repeat;
  }
#options div a#normabev img {
  background: url(../Images/Normabev1.png) top left no-repeat;
  }
#options div a#ged img {
  background: url(../Images/GED1.png) top left no-repeat;
  }
#options div a#raciaux:hover img {
  background: url(../Images/raciaux2.png) top left no-repeat;
  border: solid 2px #FFCEAD;
  }
#options div a#mouton:hover img {
  background: url(../Images/mouton2.png) top left no-repeat;
  border: solid 2px #FFCEAD;
  }
#options div a#vache:hover img {
  background: url(../Images/vache2.png) top left no-repeat;
  border: solid 2px #FFCEAD;
  }
#options div a#normabev:hover img {
  background: url(../Images/Normabev2.png) top left no-repeat;
  border: solid 2px #FFCEAD;
  }
#options div a#ged:hover img {
  background: url(../Images/GED2.png) top left no-repeat;
  border: solid 2px #FFCEAD;
  }
  
 
