/* ------------------------------------ *
 CSS
 vendredi 15 février 2008 09:53:28
 HAPedit 3.1.11.111
 * ------------------------------------ */
 body {
    color: #fff;
    margin: 8px;
    padding: 0;
    /*text-align: center; *//* pour centrer les boites (vieux navigateurs) */
    /*background-color: #045596; #65250D;*/
    background-image: URL(../images/font.jpg);
} 

/* Le div conteneur */
div#page {
    background-color: #704201;
    color: #d7d9da;
    border: 0px solid;
    width: 950px; /* Résolution utile du site */
    margin-left: auto; margin-right: auto; /* pour centrer le site */
}

/* Les titres */
h1 {
    margin: 0 0 20px 0;
    padding-top: 0;
    color: #cecdcc;/*gris*/
    font: normal normal bold 1.7em arial, sans-serif;
    text-decoration: underline;
    text-align: center;
}

h2 {
    color: #cecdcc;/*gris*/
    /* color: #930209; rouge cramoisi */
    font: normal normal bold 1.3em palatino, serif;
    text-decoration: underline;
}

h4 {
    color: #cecdcc;/*gris*/
    font: normal normal bold 1.3em palatino, serif;
}

/* Liens */
a:link, a:visited {
    text-decoration: none;
    color: #ffffff;/*Blanc*/
    /* color: #404d57; rouge cramoisi */
}


 /* les images servant de liens (à appliquer sur <a>) */
a.lien_image, a.lien_image , a img {
  border-style:  none ;
  background: none;
}

a:hover, a:active {
         text-decoration: underline;

}

 /* Header ----------------------------------------------------------------------------------------------------- */

div#header {
    height: 140px;
    color: #930209;
}

div#header div#titres_header {
    padding-top:6px;
    width: 490px;
    float: left;
    margin-left: 120px;
}

div#header p#titre_header1 {
    padding: 0;
    margin: 0;
    font: normal normal 100 3em "trebuchet ms", sans-serif;
}
div#header p#titre_header2 {
    padding: 0;
    margin-top: 50px;
    font: normal normal 100 1.7em "trebuchet ms", sans-serif;
    text-decoration: underline;
    text-align: center;
}

div#header img#logo {
    float:left;
    margin-left: 209px;
    width: 531px;
    margin-top: 0;
    margin-bottom : 0;
    /*text-align: center; */
}

div#header2 {
    background: #fff url(../images/header_degrade2.gif) repeat-y scroll;
    height: 10px;
    overflow: hidden; /* bug ie */
}


/* Fin du header -------------------------------------------------------------------------------------------------- */


/* Corps de la page -------------------------------------------------------------------------------------------------- */

div#corps {
    width:950px; /* 920px + 2*15px de padding = 950px */
    margin-left: auto; margin-right: auto;
    margin-top: 0px;
    padding: 0 5px 0 0px;
    
}

div#Presentation {
    width:900px; /* 920px + 2*15px de padding = 950px */
    margin-left: 25px ;
    margin-right: 25px;
    margin-top: 20px;
    margin-bottom: 0px;
    text-align: justify;
    /*padding: 0 15px 0 15px;*/
    
}

div#centrer {
    width:100%; /* 920px + 2*15px de padding = 950px */
    margin-left: 0px ;
    margin-right: 25px;
    margin-top: 20px;
    margin-bottom: 0px;
    text-align: center;
    /*padding: 0 15px 0 15px;*/
    
}

div#centrer p.titre {
    color: white;
    text-align: left;
    margin-left: 0;
    font: normal normal 100 1.7em "trebuchet ms", sans-serif;
    text-decoration: underline;

}

div#centrer p.texte {
    text-align: justify;
    margin-left: 150px;
    margin-right: 150px;
}

div#puces {
    text-align: left;
    border : 5px;
    margin-left: 150px;
    margin-right: 150px;
}


div#centrer2 {
    clear : both;
    width:100%; /* 920px + 2*15px de padding = 950px */
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 0px;
    text-align: center;
    /*padding: 0 15px 0 15px;*/
    
}

div.TableCoordonees {
    /*clear: both;*/
    text-align: center;
    font: normal normal 100 0.7em verdana, arial, helvetica, sans-serif;
    /*background-color: #1b6198;*/
    /*color: #fff;*/
    border: 3px solid #045596;
    margin: 5px 0px 5px 58px;
    float: left;
    width: 40%;
}

div#AlignementFormulaire {
   margin: 0px 0px 0px 302px;
   float: left;
   }


/* Colonne de gauche : menu */

div#left_col {
    float: left;
    width: 200px;
    text-align: left;
}

/* Colonne de droite : contenu des pages */

div#right_col {
    float: right;
    width: 700px;
    text-align: center;
    font: normal normal 100 .8em verdana, arial, helvetica, sans-serif;
}

div#right_col p {
    text-align: justify;
}

div#right_col p img.image1 {
    position:absolute;
     left: 45%;
}

div#right_col p img.image2 {
    position:absolute;
     left: 49%;
}

div#right_col ul {
    text-align: justify;
}

div#right_col a {
    font-size: 1em;
}

div#right_col image {
    float: left;
    margin-left: 5px;
    padding-left: 25px;
}

/*div#right_col p {
    text-align: center;
}   */

div#right_col p.p_left_margin {
    margin-left: 30px;
}

div#right_col p.no_margin {
    margin:0;
}

div#right_col p.p_indentation {
    text-indent: 30px;
}

/* index : h2 */
div#right_col ol li h2 {
    font: normal normal bold 1em verdana, arial, helvetica, sans-serif;
    display: inline;
}

/* les h2 qui servent d'ancres : page formations bees */
h2 a:hover {
    background-color: #fbf6f7; /* rouge très pale */
    color: #930209; /* rouge cramoisi */
    text-decoration: underline;
}

/* Les listes imbriquées */
div#right_col ul li.li_imbrique {
    list-style-type: none;
    display:inline;
}

div#right_col p {
    margin: 0 0 0 0;
    padding: 0;
}

/*contrats.asp - description des contrats de maintenance*/
div#right_col p.description_contrat {
    text-align:justify;
    text-indent:50px;
}

div#right_col p.titre_description{
    text-align:center;
    text-decoration:underline;
}

/*permet d'avoir des images à gauche avec le texte aligné*/
div#right_col p img.gauche {
    float:left;
    margin-right:15px;
}

/*permet d'avoir des images à droite avec le texte aligné*/
div#right_col p img.droite {
    float:right;
    margin-left:15px;
}

/*DIV de la barre de navigation*/
div#navigation {
    height: 50px;
    width: 700px;
    text-align: left;
    /*margin-left: 200px;*/
    padding-left: 15px;
}

/* Footer ----------------------------------------------------------------------------------------------------------- */
/*NON UTILISE POUR LE MOMENT*/

div.spacer {
    clear: both;
    height: 30px;
    visibility: hidden;
}

div.spacer2 {
    clear: both;
    height: 5px;
    visibility: hidden;
}


div#footer {
    clear: both;
    text-align: center;
    color: #000000;
}

div#footer p {
    padding: 0;
}

div#footer a {
    color: black;
    font-size: 1.0em;
}
div#footer a:hover, div#footer a:active {
    color: white;
    background-color: black;
}

/*-------------------*/

div#footerMentions {
    clear: both;
    text-align: center;
    color: #555555;
 }
div#footerMentions p {
    padding: 0;
}

div#footerMentions a {
    color: #555555;
    font-size: 1.0em;
}
div#footerMentions a:hover, div#footerMentions a:active {
    color: #555555;
    background-color: white;
}