/* ------------------------------------ *
 CSS
 mercredi 2 août 2006 09:53:28
 HAPedit 3.1.11.111
 * ------------------------------------ */
 body {
    color: #fff;
    margin: 8px;
    padding: 0;
    background-color: #0082CA;
}

/* Le div conteneur */
div#page {
    color: #005B8E;
    border: 0px solid;
    width: 948px; /* Résolution utile du site */
    margin-left: auto; margin-right: auto; /* pour centrer le site */
    background-image:url(lignefond.gif);
}

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

h2 {
    color: #0082CA;
    font: normal normal bold 1.3em palatino, serif;
    text-decoration: underline;
}

/* Liens */
a:link, a:visited {
    text-decoration: none;
    color: #930209;
}


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

span.gras{
  font-weight:bold;
}


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

div#header {
    height: 150px;
    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-align: center;
    text-decoration: underline;
    text-align: center;
}

div#header img#logo {
    float:left;
    margin-left: 45px;
    margin-top: 10px;
}

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:910px; /* 920px + 2*15px de padding = 950px */
    margin-left: auto; margin-right: auto;
    margin-top: 20px;
    padding: 0 17px 0 15px;
    
}

/* 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;
    clear: both;
}

div#right_col p img{
   display: block;
   margin-left: auto;
   margin-right: auto;
}

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 p img.reference {
    float: left;
    margin-left: 25px;
    margin-bottom: 25px;
    padding-left: 10px;
}

div.reference {
    width: 340px;
    float: left;
    padding-bottom: 20px;
}

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;
    color: #930209;
    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#right_col p img.centreD {
    float:right;
    margin-right: 150px;
    /*margin-left:180px;*/
}

div#right_col p img.centreG {
    margin-left:120px;
}

div#right_col p img.annuaires {
    float: left;
    align: center;
    margin: 0 0 0 0;
}

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

div#encadre {
    width: 690px;
    border: 2px solid #0082CA;
    padding: 3px 3px 3px 3px;
}

/*Affichage des cadres pour les tarifs*/
div.tarif {
   width: 600px;
   margin-left: auto; margin-right: auto;
}

div.tarif_header_vitrine {
   width: 600px;
   height: 34px;
   background: #fff url(../images/petit_header_vitrine.jpg) no-repeat scroll;
}

div.tarif_header_dynamique {
   width: 600px;
   height: 34px;
   background: #fff url(../images/petit_header_dynamique.jpg) no-repeat scroll;
}

div.tarif_header_educamail {
   width: 600px;
   height: 34px;
   background: #fff url(../images/petit_header_educamail.jpg) no-repeat scroll;
}

div.tarif_header_educatemps {
   width: 600px;
   height: 34px;
   background: #fff url(../images/petit_header_educatemps.jpg) no-repeat scroll;
}

div.tarif_header_educatexte {
   width: 600px;
   height: 34px;
   background: #fff url(../images/petit_header_educatexte.jpg) no-repeat scroll;
}

div.tarif_header_parrainage{
   width: 600px;
   height: 34px;
   background: #fff url(../images/petit_header_parrainage.jpg) no-repeat scroll;
}

div.tarif_corps {
   width: 580px;
   text-align: left;
   padding: 0 5px 0 15px;
   background: #fff url(../images/petit_corps.jpg);
   /*background-repeat: repeat-y;*/
   /*border:1px solid #000000;*/
}

div.tarif_corps_texte {
   width: 75%;
   float: left;
}

div.tarif_corps_image{
   width: 23%;
   float: left;
   /*margin: 0 20px 0 0;*/
}

div.tarif_corps_texte_centrer {
   text-align: center;
   font-weight: bold ;
   width :100%;
   clear:both;
}



div.tarif_footer {
   width: 600px;
   height: 39px;
   background: #fff url(../images/petit_footer.jpg) no-repeat scroll;
}


/*Fin affichage des cadres pour les tarifs ----------------------------------*/



div#referencement{
    width: 242px;
    height: 328px;
    border: 1px solid #0082CA;
    float: right;
    margin: 0 25px 0 0;
    font: normal normal 1em verdana, arial, helvetica, sans-serif;
}

div.referencement_corps{
    width: 240px;
    height: 80px;
    border: 1px solid #0082CA;
}

div.referencement_corps p.titre{
    width: 242px;
    font: normal bold 1em verdana, arial, helvetica, sans-serif;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    text-decoration: underline;
}

div#referencement_gauche{
   width: 400px;
   float: left;
}

/* Footer ----------------------------------------------------------------------------------------------------------- */

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

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

div#footer {
    text-align: center;
    font: normal normal 100 0.7em verdana, arial, helvetica, sans-serif;
    background-color: #C0D73E;
    color: #fff;
    border: 1px solid #0082CA;
    padding: 10px 10px 10px 10px;
    margin: 5px 17px 5px 16px;
}

div#footer p {
    margin: 5px 5px 5px 10px;
}

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


div#footer a.motscles {
    font-size: 1.0em;
    color: white;
}
div#footer a.motscles:hover{
    color: #f4b04e;
    background-color: #fff;
}

div#footer2 {
    background: #fff url(../images/LigneFooterOmbre.gif) no-repeat scroll;
    height: 11px;
    overflow: hidden;
}

div.colonneG {
  float: left;
  width: 340px;
  height: 65px;
  text-align: left;
  border-top: 2px solid #0082CA;
  border-left : 2px solid #0082CA;
}

div.colonneG p img {
  text-align: center;
}

div.colonneD {
  float: left;
  width: 340px;
  height: 65px;
  text-align: left;
  border-top: 2px solid #0082CA;
  border-right : 2px solid #0082CA;
  border-left : 2px solid #0082CA;
}

div.colonneDroite {
  float: left;
  width: 50%;
}
div.colonneGauche {
  float: left;
  width: 50%;
}



/*Cette barre permet de fermer le bas du tableau*/
div.barre {
   float: left;
   width: 683px;
   padding: 0px 3px 0px 0px;
   border-top: 2px solid #0082CA;
}