/*
// +----------------------------------------------------------------------+
// | feuille de style css2                                                |
// +----------------------------------------------------------------------+
// | copyright (c) 2005 Nivux                                             |
// +----------------------------------------------------------------------+
// | ces sources peuvent-être distribués librement. ils sont diffusés     |
// | sous licence gnu (gpl)                                               |
// +----------------------------------------------------------------------+
// | auteur : Anthony Nivet (nivux@free.fr)                               |
// +----------------------------------------------------------------------+
*/

/**
 * style general ...
 */
a:link, a:visited, a:active, a:hover {
    text-decoration: none ;
    color: #2f50be;
    background-color: inherit ;
    font-weight: bold;
  }

a:hover {
    color: #CC0000 ;
    background-color: inherit ;
  }

/**
 * corps.tpl.htm
 */
#background {
    background: url(../../images/Image/fond.jpg) 0% 100% no-repeat ;
    background-attachment: fixed ;
    width: 1003px ;
    padding: 0px ;
    margin: 0 auto 0 auto ;
  }

#body {
    width: 1003px ;
    border: 0px solid #000 ;
    padding: 0px ;
    margin: 0 auto 0 auto ;
  }

#body #bandeau {    /* bandeau principal du site */
    width: 100% ;
    background: #fff url(../../images/Image/bandeau.jpg) 0% 0% no-repeat ;
    color: inherit ;
    height: 121px ;
  }

#body #sous-bandeau {   /* Sous-bandeau contenant le titre animé */
    height: 55px ;
    background: #fff url(../../images/Image/courbe.jpg) 0% 0% no-repeat ;
    color: inherit ;
  }

#sous-bandeau #url-position {   /* Chaine "Vous êtes dans..." */
    position: relative ;
    top: 0px ;
    line-height: 23px ;
  }

#sous-bandeau #url-position, #sous-bandeau #url-position * {
    font-family: Arial, Sans-serif ;
    font-size: 8pt ;
  }

#sous-bandeau #titre-page {   /* Titre de la page animé */
    position: relative ;
    float: right ;
    right: 0px ;
    background: url(../../images/Image/titre.gif) 100% 0% no-repeat ;
    line-height: 23px ;
    width: 913px ;
    padding: 0px ;
    margin: 0px ;
  }
#titre-page div {
    position: relative ;
    top: -2px ;
    font-family: "Arial Black", Arial, sans-serif;
    font-size: 13pt ;
    color: #fff ;
    background-color: inherit ;
    font-weight: normal ;
    letter-spacing : 0.3em ;
  }

#body #corps {    /* Cellule contenant la section de corps de page */
    height: 500px ;   /* Hauteur minimum */
    width: 100% ;
  }

#content {    /* section de corps de page */
    padding: 0px 0px 0px 0px;
    margin: 0px;
    text-align: left;
    vertical-align: top;
    width: 1003px;
    color: #000;
    background-color: inherit;
  }

#content * {
    font-family: Verdana, Arial, Sans-serif ;
    font-size: 9pt ;
  }


#mn-centre,     /* Style du menu fabriqué dans le bandeau */
#mn-prevention,
#mn-readaptation,
#mn-soinsdesuite,
#mn-cardiologie,
#mn-index {
    position: relative ;
    float: left ;
    top: 45px ;
    border: 0px solid #000 ;
    margin: 0px ;
    height: 20px ;
    cursor: pointer ;
  }
#mn-centre {
    left: 130px ;
    width: 69px ;
    cursor: default ;
  }

#mn-prevention {
    left: 135px ;
    width: 110px ;
  }

#mn-readaptation {
    left: 140px ;
    width: 132px ;
  }

#mn-soinsdesuite {
    left: 145px ;
    width: 142px ;
  }

#mn-cardiologie {
    left: 150px ;
    width: 202px ;
  }

#mn-index {
    top: 42px ;
    height: 14px ;
    left: 54px ;
    width: 180px ;
  }


/**
 * Style générique pour l'ensemble des pages
 */
.padding-right-10 { padding-right: 10px ; }
.div-center { margin: 0 auto 0 auto; }
.font-12pt { font-size: 12pt; }
.spacer {
    clear: both;
  	height: 0px;
  	font-size: 1px;
  }
.cursor-pointer { cursor: pointer ; }

#content .titre1 {
    font-family: Verdana, Arial, Sans-serif ;
    font-size: 20pt;
    letter-spacing: 0.5em ;
  }

#content .titre-p {
    font-size: 10pt ;
    font-weight: bold ;
    letter-spacing: 0.2em ;
    color: #000000 ;
    background-color: inherit ;
    border-bottom: 5px solid #ffcc00;
    /*background-color: #f0c900 ;*/
    padding: 0px 0px 0px 20px ;
    margin: 0px ;
  }

#content .titre2 {
    font-size: 10pt ;
    font-weight: bold ;
    letter-spacing: 0.1em ;
    color: #4D9543 ;
    background-color: inherit ;
    margin: 10px 0px 0px 20px ;
    border-bottom: 1px solid #4D9543 ;
  }

#content .titre3 {
  text-align:right;
  font-weight:bold;
  font-size: 12pt;
  padding-bottom: 10px;
}
#content .texte-page {
    width: 80% ;
    border-right: 1px dashed #000000 ;
    vertical-align: top ;
  }

#content .images-page {
    vertical-align: top ;
    width: 20% ;
    margin-right: 5px ;
    padding-top: 30px ;
  }

#content p {
    text-indent: 0em ;
    margin: 10px 5px 10px 5px ;
  }

#content table { width: 100% ; }

#content .no-indent { text-indent: 0em ; }

#content p,
#content li,
#content td {
    letter-spacing: 0.10em ;
    margin-left: 30px ;
    margin-right: 30px ;
    text-align: justify ;
    line-height: 150% ;
  }

#content li {
    margin-left: 50px ;
    padding-bottom: 5px ;
  }

#content ul.sommaire li {
    margin-left: 200px ;
    letter-spacing: 0.1em ;
    color: #c06000 ;
    background-color: inherit ;
    font-weight: bold ;
    font-size: 120% ;
  }

ul.sommaire a:link,
ul.sommaire a:visited,
ul.sommaire a:active,
ul.sommaire a:hover {
    text-decoration: none ;
    color: #c06000 ;
    background-color: inherit ;
  }

ul.sommaire a:hover {
    color: #e9cf6f ;
    background-color: inherit ;
  }

div.haut-page {
    text-align: right ;
    font-style: italic ;
    padding: 0 10px 10px 0;
  }

div.haut-page a:link,
div.haut-page a:visited,
div.haut-page a:active,
div.haut-page a:hover {
    text-decoration: none ;
    color: #c06000 ;
    background-color: inherit ;
  }

div.haut-page a:hover {
    color: #e9cf6f ;
    background-color: inherit ;
  }

img.vignette {
    width: 178px ;
    vertical-align: bottom ;
  }

#content .bulle {
    position: relative;
    z-index: 3;
  }

#content .ombre {
    position: relative;
    z-index: 3;
    background-color: #a5a5a5;  /* Ombre déportée (Gris) */
    color: inherit;
    margin: 10px;
    width: 180px ;
  }

#content .bulle_ombre {
    position: relative;
    bottom: 3px;
    right: 3px;
  }

div.vignette {
    padding: 0px 0px 0px 0px ;
    border: #000000 1px solid;
  }

/**
 * Page "Situation"
 */
#page-situation {
    text-align: center ;
  }
#page-situation #plan-acces {
    width: 100% ;
    border: 0px solid #000 ;
    margin: 0 auto 0 auto ;
  }
/**
 * Page "Formations"
 */
#page-formation ul.sommaire li {
    margin-left: 70px ;
  }

/**
 * Page "Prévention"
 */
#page-prevention td.cell-chk {
    width: 30px ;
    vertical-align: top ;
  }

#menu-prevention ul {
    list-style-type: none ;
    margin: 0px ;
    padding: 0px ;
  }

#menu-prevention li {
    /*border: 1px solid white;*/
    float: left ;
    display: inline ;
    margin: 0px ;
    padding: 0px 0px 0px 24px ;
    font-weight: bold ;
  }

#menu-prevention a {
    color: #e8b600 ;
    background-color: inherit ;
    text-decoration: none ;
    border: 0px none ;
    display: block ;
    line-height: 22px ;
    font-size:150% ;
  }

#menu-prevention a:hover, #menu-prevention a.actif {
    color: #e9cf6f ;
    background-color: inherit ;
  }

#copyright, #copyright * {
  font-size:8pt;
  font-family:Arial, Sans-serif;
  font-style:normal;
  text-align:right;
  margin-right:10px;
  color:#000000;
  background-color:inherit;
  font-weight:normal;
}

#copyright a {
  font-style:italic;
  border-bottom: 1px dashed #000;
}
#copyright a:hover {
  border: none;
}

.eskape {
  font-size: 10pt;
  font-family:Arial,Sans-Serif;
}

#recettes td {
  text-align:center;
  vertical-align:bottom;
}

#baseline {
  vertical-align: baseline;
  font-size: 8pt;
  font-style: italic;
  text-align: center ;
  padding: 5px ;
}