/* --- "clrtrl_styles" CSS pr site "clartereal" --- zwcaj "bycal" */
/**/
/* ------------------------ styles pr elements de base*/
/*                          pr "fond de body" #*/
/*                          orange(peche : #FFCC99 trop clair */
/**/

* { padding: 0; margin: 0; }  /* "border: 0;" pb */
p { padding: 0px 0px 15px 0px; }  /* T ? B ? - B10px joli */

/**/
html {
   top: 0px;
}
body {
   top: 0px;
   font-family: Helvetica;
   background-color: #ef6509;  /* orange-saumon (marges excedentaires) */
   color: #ffb848;  /* pr "textes" ds "body" (saumon clair) */
}

table {
   margin-left: auto; margin-right: auto;
}

a { color: #00e000;  /* "color" pr lien "nolink" lime val 88% */
    text-decoration: none;}
a:link {
   color: #ffb848;  /* "a:link" : idem "body" */
}
a:visited {
   color: #00e000;  /* "a:visited" ... ex fuschia lime val 88% */
}
a:hover { text-decoration: underline;}  /* test "color: red;" */
a:active {
   color: lime;  /* "a:active" ... vert clair */
}

/**/
/* ------------------------ style spéciaux pr "box_gen"*/
/**/
#box_gen {  /* "absolute" necess. pr "centrage autom" */
   position: absolute; top: 0px; left: 50%;
   width: 900px;
   margin-left: -450px;

   background-color: #a53c16;  /* très joli */
}

/**/
/* ------------------------ styles pr "entete"*/
/**/
#box_entete {
   position: absolute; top: 0px; left: 0px;
   height: 213px;
   width: 100%;
   margin-top: 0px;
   background-color: #ffb848;  /* orange */
   background-image: url(images/fond-entete-surdeco-50.jpg);
   background-repeat: no-repeat;
   background-position: top left;  /* equiv. 0px 0px */
}
#box_entete h1 {
   font-size: 48px;
   line-height: 10px;
   margin-top: 40px;
   margin-left: 90px;
   color: #ffb848;  /* orange */
}
#box_entete h2 {
   font-size: 24px;
   margin-top: 0px;
   margin-left: 90px;
   color: #ffb848;  /* orange */
}

#box_entete_h1_h2 {
   position: absolute; top: 0px; left: 0px;
   width: 100%;
   margin-top: 0px; margin-bottom: 0px;
   margin-left: 0px; margin-right: 0px;
   background-color: transparent;  /* transparent */
}

#box_entete_h1_h2 h1 {
   font-size: 48px;
   line-height: 10px;
   margin-top: 0px;
   margin-left: 90px;
   padding-top: 35px;
   color: #ffb848;  /* orange */
}
#box_entete_h1_h2 h2 {
   font-size: 24px;
   margin-top: 16px;
   margin-left: 90px;
   color: #ffb848;  /* orange */
}

#box_decale_flot {
   float: left; margin: 0;
   height: 213px;
   width: 100%;
   background-color: transparent;
}
/**/
/* ------------------------ styles pr "boites sur 3 colonnes"*/
/**/
/*      | (1)  mise en place "en largeur" (critique) des 3 boites     */
/*      |     "gauche" "contenu propre (centre)" "droite"             */
/*      |                                                             */
/*      |     --> total des largeurs des 3 boites <= largeur(box_gen) */
/*      |         --> voir "box_gen" pr la largeur courante           */
/*      |                                                             */
/*      |     --> "box_gauche" "box_corps" : float left      */
/*      |     --> "box_droite" : float right                          */
/*      |         p-> si tot(width << width(box_gen) il y a un espace */
/*      |                entre boites "centre" et "droite"            */
/*      |                                                             */
/*      |     --> les bordures "s'ajoutent &agrave; la largeur dite" ...
*/
/*      |         les padding "s'ajoutent &agrave; la largeur dite" ... 
*/
/*      |         p-> diminuer width de la "boite+bord/padding"       */
/*      |             "ou" diminuer width de(s) autre(s) boite(s) ... */
/**/
/*      | (2) boite gauche actu : tr&egrave;s petite et "invisible"     
*/
/*      |     --> elle d&eacute;finit la "marge apparente &agrave;
gauche" pr la    */
/*      |         position &agrave; gauche de la boite "contenu propre" 
*/
/*      |        --> pr la voir "changer sa couleur de fond" ...      */
/**/
/*             ------------ styles pr "box_gauche" */
/**/
#box_gauche {  /* top: height(box_entete+box_navig_gene ... (2) */
/* position: absolute; top: 258px; left: 0px;  */
      float: left; margin: 0; margin-top: 258px;
      width: 18px;
      background-color: #a53c16;  /* ex 762907 tycam red maroon */
}

/**/
/*             ------------ styles pr "box_corps" */
/**/
/*       | (3) technique pr placement de "box_corps"         */
/*       |     --> utiliser les "margin" pr imposer les val. ad hoc   */
/*       |     --> margin-top : height "cumulee" "entete+navigene"    */
/*       |                      + "marge haute de "joli"              */
/*       |     --> margin-right : width(box_droite                    */
/*       |     --> margin-right : width(box_droite                    */
/**/
#box_corps {
      float: left; margin: 0; margin-top: 270px; /* 258 + 12 de marge hte */
      margin-bottom: 10px;
      width: 565px;  /* <= 580 (verif.) -tot(borders+paddings ... (1) */
      padding-left: 2px; padding-right: 2px;
      background-color: #421b04;  /* #421b04 -> #421b04 pr IE */
      border-style: solid;
      border-color: #ef6509;
      border-top-width: 2px;
      border-bottom-width: 0px;
      border-left-width: 2px;
      border-right-width: 0px;
}

#box_corps h2 {
      margin-top: 20px;
      margin-bottom: 25px;
      margin-left: 20px;
      margin-right: 20px;
      padding-top: 3px;
      padding-bottom: 3px;
      padding-left: 12px;
      padding-right: 12px;
      background-color: #cb5608;
/*    background-image: url(images/fond2-btn-psf_navbase.jpg); */
      font-size: 18px;
      line-height: 24px;
      font-weight: bold;
      text-align: justify;
}

#box_corps p {
      margin: 0; margin-left: 15px; margin-right: 15px;
      font-size: 15px;
      text-align: justify;
}

#box_corps ul {
   margin-left: 50px;
   font-size: 13px;
   font-weight: bold;
/* color de "box_navig_sections a:link" */
   list-style-image: url(images/puce-feu-8x8.jpg);
}

#box_corps ul li {
   margin-top: 0px; margin-bottom: 0px;
   padding-left: 0px;
   padding-right: 12px;  /* "ici" pr regler "marge apparente droite" */
/* color de "box_navig_sections a:link" */
}

#box_feuille {  /* dans box_corps */
      float: left; margin-left: 9px;
      width: 535px;  /* 565 -padd-corps -marg-ici -pad-ici (simul margrig) */
      margin-top: 5px; margin-bottom: 15px;
      padding-left: 6px;
      padding-right: 6px;
      padding-top: 6px;
      padding-bottom: 10px;
   background-color: #f0dcaf;  /* d5d5d5 (gris clair) */
   color: black;   /* "box_feuille" */
}

#box_feuille h2 {
   margin-top: 12px;
   margin-bottom: 0px;
   margin-left: 10px;
   margin-right: 10px;
   padding-top: 4px;
   padding-bottom: 0px;
   padding-left: 6px;
   padding-right: 3px;
   background-color: transparent;
   font-size: 15px;
   line-height: 18px;
   font-weight: bold;
   color: #cb5608;
}
#box_feuille h2 a {
   color: #cb5608
}
#box_feuille h2 a:link {
   color: #cb5608;
}
#box_feuille h2 a:visited {
   color: #cb5608;
}

#box_feuille h1 {
   margin-top: 12px;
   margin-bottom: 0px;
   margin-left: 10px;
   margin-right: 10px;
   padding-top: 4px;
   padding-bottom: 0px;
   padding-left: 6px;
   padding-right: 3px;
   background-color: transparent;
   font-size: 14px;
   line-height: 18px;
   font-weight: bold;
   color: #cb5608;
}
#box_feuille h1 a {
   color: #cb5608
}
#box_feuille h1 a:link {
   color: #cb5608;
}
#box_feuille h1 a:visited {
   color: #cb5608;
}

#box_feuille p {
   margin-top: 8px;
   margin-bottom: 5px;
   margin-left: 10px;
   margin-right: 10px;
   padding-top: 0px;
   padding-bottom: 0px;
   padding-left: 0px;
   padding-right: 0px;
   font-size: 14px;
   line-height: 18px;
   text-align: justify;
}
#box_feuille p a {  /* "a" sans link */
   color: #0000f0;
}
#box_feuille p a:link {
   color: #0000f0;
}
#box_feuille p a:visited {
   color: #0000f0;
}

/**/
/*             ------------ styles pr "box_droite" */
/**/
#box_droite {
/* position: absolute; top: 258px; right: 0px;  */
      float: left; margin: 0; margin-top: 258px;
   width: 290px;  /* 300 ok firefox */ /* 285 ok IE */
   background-color: #a53c16;  /* #a53c16; ok firefox */
}

/**/
/* ------------------------ styles pr "navigations"*/
/**/
/*             ------------ styles pr "rencontr-semtq" gom navig_base */
/**/
#box_hist_en_marche {
/* position: absolute; top: 148px; right: 30px; margin: 0; */
/* position: absolute; top: 110px; right: 170px; margin: 0; */
   position: absolute; top: 110px; right: 50px; margin: 0;
   background-color: transparent;
}

#box_hist_en_marche ul {
      margin: 0;
      padding-top: 6px; padding-bottom: 6px;
      padding-left: 0px; padding-right: 0px;
      white-space: nowrap;  /* ? &ccedil;a */
}

#box_hist_en_marche li {
      display: inline;
      margin: 0;
      padding-top: 6px; padding-bottom: 6px;
      padding-left: 5px; padding-right: 5px; /* gere "gap interbouton" */
      list-style-type: none;
}

#box_hist_en_marche a {
      font-size: 18px;
      font-weight: bold;
      text-decoration: none;
}

#box_hist_en_marche a:link {
      padding-top: 6px; padding-bottom: 6px;
      padding-left: 13px; padding-right: 13px;
      color: #ffb848;   /* "box_navig_base a:link" */
      background-color: #421b04;  /* idem corps */
      background-image: url(images/fond2-btn-psf_navbase.jpg); /* ex fond-etc */
      text-decoration: none;
}

#box_hist_en_marche a:visited {
      padding-top: 6px; padding-bottom: 6px;
      padding-left: 13px; padding-right: 13px;
      color: #00e000;  /* "box_navig_base a:visited" : lime+valeur 88% */
      background-color: #421b04;  /* idem corps */
      background-image: url(images/fond2-btn-psf_navbase.jpg);  /* ex fond-etc */
      text-decoration: none;
}

#box_hist_en_marche a:hover {
      padding-top: 6px; padding-bottom: 6px;
      padding-left: 13px; padding-right: 13px;
      color: yellow;   /* "box_navig_base a:hover" */
      background-color: #421b04;  /* idem corps */
      background-image: url(images/fond-btn-hov_navbase.jpg);
      text-decoration: none;
}

#box_hist_en_marche a:active {
}
/**/
#box_rencontr_semtq {
/* position: absolute; top: 148px; right: 30px; margin: 0; */
   position: absolute; top: 153px; right: 30px; margin: 0;
   background-color: transparent;
}

#box_rencontr_semtq ul {
      margin: 0;
      padding-top: 6px; padding-bottom: 6px;
      padding-left: 0px; padding-right: 0px;
      white-space: nowrap;  /* ? &ccedil;a */
}

#box_rencontr_semtq li {
      display: inline;
      margin: 0;
      padding-top: 6px; padding-bottom: 6px;
      padding-left: 5px; padding-right: 5px; /* gere "gap interbouton" */
      list-style-type: none;
}

#box_rencontr_semtq a {
      font-size: 18px;
      font-weight: bold;
      text-decoration: none;
}

#box_rencontr_semtq a:link {
      padding-top: 6px; padding-bottom: 6px;
      padding-left: 13px; padding-right: 13px;
      color: #ffb848;   /* "box_navig_base a:link" */
      background-color: #421b04;  /* idem corps */
      background-image: url(images/fond2-btn-psf_navbase.jpg); /* ex fond-etc */
      text-decoration: none;
}

#box_rencontr_semtq a:visited {
      padding-top: 6px; padding-bottom: 6px;
      padding-left: 13px; padding-right: 13px;
      color: #00e000;  /* "box_navig_base a:visited" : lime+valeur 88% */
      background-color: #421b04;  /* idem corps */
      background-image: url(images/fond2-btn-psf_navbase.jpg);  /* ex fond-etc */
      text-decoration: none;
}

#box_rencontr_semtq a:hover {
      padding-top: 6px; padding-bottom: 6px;
      padding-left: 13px; padding-right: 13px;
      color: yellow;   /* "box_navig_base a:hover" */
      background-color: #421b04;  /* idem corps */
      background-image: url(images/fond-btn-hov_navbase.jpg);
      text-decoration: none;
}

#box_rencontr_semtq a:active {
}
/**/
/*             ------------ styles pr "navig_base" */
/**/
#box_navig_base {
      position: absolute; top: 133px; left: 28px; margin: 0;
      background-color: transparent;  /* nin #421b04 idem corps */
}

#box_navig_base ul {
      margin: 0;
      padding-top: 8px; padding-bottom: 8px;
      padding-left: 0; padding-right: 0;
      white-space: nowrap;  /* ? &ccedil;a */
}

#box_navig_base li {
      display: inline;
      margin: 0;
      padding-top: 8px; padding-bottom: 8px;
      padding-left: 5px; padding-right: 5px;  /* gere "gap interbouton" */
      list-style-type: none;
}

#box_navig_base a {
      font-size: 18px;
      font-weight: bold;
      text-decoration: none;
}

#box_navig_base a:link {
      padding-top: 8px; padding-bottom: 8px;
      padding-left: 13px; padding-right: 13px;
      color: #ffb848;   /* "box_navig_base a:link" */
      background-color: #421b04;  /* idem corps */
      background-image: url(images/fond2-btn-psf_navbase.jpg); /* ex fond-etc */
      text-decoration: none;
}

#box_navig_base a:visited {
      padding-top: 8px; padding-bottom: 8px;
      padding-left: 13px; padding-right: 13px;
      color: #00e000;  /* "box_navig_base a:visited" ... lime + valeur 88% */
      background-color: #421b04;  /* idem corps */
      background-image: url(images/fond2-btn-psf_navbase.jpg);  /* ex fond-etc */
      text-decoration: none;
}

#box_navig_base a:hover {
      padding-top: 8px; padding-bottom: 8px;
      padding-left: 13px; padding-right: 13px;
      color: yellow;   /* "box_navig_base a:hover" */
      background-color: #421b04;  /* idem corps */
      background-image: url(images/fond-btn-hov_navbase.jpg);
      text-decoration: none;
}

#box_navig_base a:active {
}

/*             ------------ styles pr "navig_gene" */
/**/
#box_navig_gene {
      position: absolute; top: 213px; right: 0px; margin: 0;
      width: 900px;
      padding-top: 5px;
      padding-bottom: 5px;
      padding-left: 0px;  /* ajout pr IE */
      padding-right: 0px;  /* ajout pr IE */
      background-color: #ffb848;  /* orange */
      background-image: url(images/fond1-pied-page.jpg);  /* ex fond-etc */
      background-repeat: no-repeat;
      background-position: 0px 0px;  /* equiv. top left */
      text-align: center;
      color: yellow;   /* "box_navig_gene" */
      border-top-style: solid;
      border-top-width: 2px;
      border-top-color: #421b04;
      border-bottom-style: solid;
      border-bottom-width: 2px;
      border-bottom-color: #421b04;
}

#box_navig_gene ul {
      margin: 0;
      padding-top: 5px;
      padding-bottom: 5px;
      padding-left: 0px;
      padding-right: 0px;
      white-space: nowrap;  /* ? &ccedil;a */
}

#box_navig_gene li {
      display: inline;
      margin: 0;
      padding-top: 5px;
      padding-bottom: 5px;
      padding-left: 5px; padding-right: 5px;  /* gere "gap interbouton" */
      list-style-type: none;
}

#box_navig_gene a {
      font-size: 16px;
      font-weight: bold;
      text-decoration: none;
}

#box_navig_gene a:link {
      padding-top: 5px;
      padding-bottom: 5px;
      padding-left: 15px;
      padding-right: 15px;
      color: #ffb848;  /* "box_navig_gene a:link" */
      background-color: #421b04;  /* idem corps */
      background-image: url(images/fond2-btn-psf_navbase.jpg);  /* ex fond-etc */
      text-decoration: none;
}

#box_navig_gene a:visited {
      padding-top: 5px;
      padding-bottom: 5px;
      padding-left: 15px;
      padding-right: 15px;
      color: #00e000;  /* "box_navig_gene a:visited" ... lime + valeur 88% */
      background-color: #421b04;  /* idem corps */
      background-image: url(images/fond2-btn-psf_navbase.jpg);  /* ex fond-etc */
      text-decoration: none;
}

#box_navig_gene a:hover {
      padding-top: 5px;
      padding-bottom: 5px;
      padding-left: 15px;
      padding-right: 15px;
      color: yellow;  /* "box_navig_gene a:hover" */
      background-color: #421b04;  /* idem corps */
      background-image: url(images/fond-btn-hov_navbase.jpg);
      text-decoration: none;
}

#box_navig_gene a:active {
}

/*             ------------ styles pr "navig_interpages" */
/**/
#box_notetop_droite {
      float: right; margin-right: 4px;
      width: 264px;
      margin-top: 22px; margin-bottom: 3px; /* top + bottom : 25px */
      padding-top: 5px; padding-bottom: 5px;
      padding-left: 0px; padding-right: 0px;
      background-color: #421b04;  /* idem corps */
      border-style: solid;
      border-color: #ef6509;
      border-top-width: 2px;
      border-bottom-width: 0px;
      border-left-width: 2px;
      border-right-width: 0px;
      color: #ffb848;  /* "box_notetop_droite" : idem "body" : (saumon clair) */
}

#box_notetop_droite h2 {
      margin-top: 7px; margin-bottom: 8px;
      margin-left: 10px; margin-right: 10px;
      padding-left: 5px;
      padding-right: 5px;
      font-size: 15px;
      font-weight: bold;
      text-align: center;
}

#box_notetop_droite p {
      margin-top: 0px; margin-bottom: -4px;
      margin-left: 10px; margin-right: 10px;
      font-size: 14px;
      text-align: justify;
}

#box_notetop_droite a:link {   /* necessaire pour "specifiques" */
      color: #ffb848;  /* "box_notetop_droite a:link" : idem "body" */
}

#box_notetop_droite ul {
/*    float: left;  ... interdit ... le "p&egrave;re" pas le conteneur
de "ul" */
      margin-left: 0px; margin-right: 0px;
      font-size: 13px;
      font-weight: bold;
      list-style-image: url(images/puce-feu-8x8.jpg);
}

#box_notetop_droite ul li {
      margin-top: 5px;
      padding-left: 0px;
      padding-right: 12px;  /* "ici" pr regler "marge apparente droite" */
}

/*             ------------ styles pr "navig_sections" */
/**/
#box_navig_sections {
      float: right; margin-right: 4px;
      width: 264px;  /* idem "box_notetop_droite" */
      margin-top: 20px; margin-bottom: 20px;
      padding: 0; padding-bottom: 15px;
      background-color: #b34c07;
      border-style: solid;
      border-color: #ef6509;
      border-top-width: 2px;
      border-bottom-width: 0px;
      border-left-width: 2px;
      border-right-width: 0px;
}

#box_navig_sections h2 {
      margin-top: 15px; margin-bottom: 2px;
      margin-left: 10px; margin-right: 10px;
      padding-left: 5px; padding-right: 5px;
      color: #ffc365;
      font-size: 15px;
      font-weight: bold;
      text-align: center;
}

#box_navig_sections ul {
      margin-top: 5px; margin-bottom: 5px;
      margin-left: 29px;  /* pr les "puces" qui st "ds la marge" */
      margin-right: 10px;
      padding-top: 3px; padding-bottom: 3px;
      padding-left: 4; padding-right: 4;
      list-style-image: url(images/puce-feu-8x8.jpg);
}

#box_navig_sections li {
      margin: 0;
      padding-top: 4px; padding-bottom: 3px;   /* gere "gap inter-libelle" */
      padding-left: 0px; padding-right: 0px;
      line-height: 15px;
}

#box_navig_sections a {
      font-size: 13px;
      font-weight: bold;
      line-height: 15px;
/*    text-decoration: none; */
}

#box_navig_sections a:link {   /* necessaire pour "specifiques" */
      color: #ffc365;
}

#box_navig_sections a:visited {
      color: #00e000;  /* "box_navig_base a:visited" ... lime + valeur ??? */
}

#box_navig_sections a:hover {
      color: yellow;   /* "box_navig_base a:hover" */
}

#box_navig_sections a:active {
}

/*             ------------ styles pr "navig_page" */
/**/
#box_navig_page {
}

/**/
/* ------------------------ styles pr "pied de page et
associ&eacute;s"*/
/**/
#box_pied_page {
      clear: both;
      float: left; margin: 0; padding 0;
   width: 900px;
   height: 40px;
   background-color: #ffb848;  /* orange */
   background-image: url(images/fond1-pied-page.jpg);  /* ex fond-etc */
   background-repeat: no-repeat;
   background-position: 0px 0px;  /* equiv. top left */
   border-top-style: solid;
   border-top-width: 2px;
   border-top-color: #421b04;
   text-align: left;
   color: #ffb848;  /* "box_pied_page" */
   font-size: 16px;
   font-weight: bold;
}

#box_pied_page p {
/*    display: inbox; */
      float: left; margin: 0; padding 0;
}
/**/
/* ------------------------ styles pr "non class&eacute;s"*/
/**/
/*             ------------ styles pr "navig_preced"*/
/*                          nec. : "conteneur de "preced"/"suivant" "float"" */
/**/
#box_navig_preced {
/*    clear: both;  ... pas poss. a cause aff. separes */
      float: left; margin-left: 30px;
      width: 44px; height: 20px;
      margin-top: 10px; margin-bottom: 0px;
      background-color: #cb5608;
}

#box_navig_preced p {
      margin-top: 0px; margin-left: 5px;
      padding-left: 5px;
      padding-bottom: 3px;
      font-size: 13px;
      font-weight: bold;
      background-color: transparent;
}

/**/
/*             ------------ styles pr "navig_suivant"*/
/*                          nec. : "conteneur de "preced"/"suivant" "float"" */
/**/
#box_navig_suivant {
/*    clear: both;  ... pas poss. a cause aff. separes */
      float: right; margin-right: 30px;
      width: 44px; height: 20px;
      margin-top: 10px; margin-bottom: 0px;
      background-color: #cb5608;
}

#box_navig_suivant p {
      margin-top: 0px;
      margin-left: 5px;
      padding-left: 5px;
      padding-bottom: 3px;
      font-size: 13px;
      font-weight: bold;
      background-color: transparent;
}

/**/
/*             ------------ styles pr "photos diverses"*/
/**/
#box_photo_feu {
   width: 242px;
   height: 185px;
   margin-top: 0px;
   margin-bottom: 5px;
   margin-left: 10px;
   margin-right: 8px;
   padding-left: 0px;
   padding-bottom: 0px;
   background-color: #ffb848;  /* orange */
   background-image: url(images/feu-250x188.jpg);
}

#box_photo_ecran_fumee {
   width: 200px;
   height: 100px;
   margin-top: 20px;
   margin-bottom: 20px;
   margin-left: 30px;
   margin-right: 8px;
   padding-left: 0px;
   padding-bottom: 0px;
   background-color: #ffb848;  /* orange */
   background-image: url(images/ecran_de_fumee-210x102.jpg);
}

#box_photo_auteur {
/* width: 130px;   xx width photo */
/* height: 119px;  xx height photo */
   width: 142px;   /* width photo */
   height: 156px;  /* height photo */
   margin-top: 20px;
   margin-bottom: 20px;
/* margin-left: 67px;     ajust pr centrer */
   margin-left: 61px;  /* ajust pr centrer */
   margin-right: 8px;
   padding-left: 0px;
   padding-bottom: 0px;
   background-color: #ffb848;  /* orange */
   background-image: url(images/photo_auteur-1.jpg);
}

/**/
/*             ------------ styles pr "box dans box droite, &agrave;
droite de feuille"*/
/**/
#box_droite_feuille {
   float: left;
   width: 264px;  /* idem "box_notetop_droite" */
   margin-top: 20px;   /* pr espacement avec "nox zd droite
   pr&eacute;c&eacute;d." */
   margin-bottom: 15px;
      margin-left: 2px;  /* 16 firefox */
      margin-right: 2px;  /* 18 firefox */
   padding-top: 5px;
   padding-left: 0px;
   padding-right: 0px;
   padding-bottom: 5px;
/* background-color: #b34c07; */ /* ef6509 avec "valeur 70" (80 un peu clair) */
   background-color: transparent;
/* border-style: solid;  */
/* border-color: #ef6509; */
/* border-top-width: 2px; */
/* border-bottom-width: 0px; */
/* border-left-width: 2px; */
/* border-right-width: 0px; */
/* color: #ffc365;  */ /* "box_navig_sections" : "body + satur. 60" (valeur 100)  */
}

#box_ds_box_droite_feuille {  /* copie init de box_notetop_droite */
      float: left; margin-left: 5px;
      width: 250px;
      margin-top: 10px; margin-bottom: 10px;
      padding-top: 5px; padding-bottom: 5px;
      padding-left: 5px; padding-right: 5px;
      background-color: #421b04;  /* idem corps */
      border-style: solid;
      border-color: #ef6509;
      border-top-width: 2px;
      border-bottom-width: 0px;
      border-left-width: 2px;
      border-right-width: 0px;
      color: #ffb848;  /* "box_notetop_droite" : idem "body" : (saumon clair) */
}

#box_ds_box_droite_feuille h2 {
   margin-left: 5px; margin-right: 5px; margin-bottom: 5px;
   padding-left: 5px; padding-right: 5px;
   font-size: 15px;
   font-weight: bold;
   text-align: center;
}

#box_ds_box_droite_feuille p {
   margin-top: 0px; margin-bottom: -4px;
   margin-left: 10px; margin-right: 10px;
   font-size: 14px;
   text-align: justify;
}
/**/
/*             ------------ styles pr "box(es) conteneur dq table"*/
/**/
#box_table_std {
      margin-top: 10px; margin-bottom: 10px;
      /* dispo : <center> </center> */
}


#box_table_std td {
      text-align: justify;
      margin-top: 0px; margin-bottom: 0px;
      margin-left: 0px; margin-right: 0px;
      padding-top: 10px; padding-bottom: 10px;
      padding-left: 8px; padding-right: 8px;
      font-weight: bold;
      line-height: 15px;
      background-color: #f4a747;
      color: #41200d;
      font-size: 15px;
}

#box_table_std p {
      margin-top: 3px; margin-bottom: 3px;
      margin-left: 3px; margin-right: 3px;
      padding-top: 0px;
      padding-bottom: 0px;
      padding-left: 0px;
      padding-right: 0px;
      line-height: 15px;
}

#box_table_special {
      margin-top: 0px; margin-bottom: 0px;
}

#box_table_special td {
      text-align: justify;
      margin-top: 0px; margin-bottom: 0px;
      margin-left: 0px; margin-right: 0px;
      padding-top: 3px; padding-bottom: 3px;
      padding-left: 5px; padding-right: 5px;
      font-weight: normal;
      line-height: 15px;
      background-color: #f4a747;
      color: #41200d;
      font-size: 15px;
}

#box_table_special p {
      margin-top: 3px; margin-bottom: 3px;
      margin-left: 3px; margin-right: 3px;
      padding-top: 0px; padding-bottom: 0px;
      padding-left: 0px; padding-right: 0px;
      line-height: 15px;
}

#box_table_special2 { margin-top: 10px; margin-bottom: 10px; }

#box_table_special3 {
      margin-top: 0px; margin-bottom: 0px;
}

#box_table_special3 td {
      text-align: justify;
      margin-top: 0px; margin-bottom: 0px;
      margin-left: 0px; margin-right: 0px;
      padding-top: 3px; padding-bottom: 3px;
      padding-left: 5px; padding-right: 5px;
      font-weight: normal;
      line-height: 15px;
      background-color: #f4a747;
      color: #41200d;
      font-size: 15px;
}

#box_table_special3 p {
      margin-top: 3px; margin-bottom: 3px;
      margin-left: 3px; margin-right: 3px;
      padding-top: 0px; padding-bottom: 0px;
      padding-left: 0px; padding-right: 0px;
      line-height: 15px;
      color: #0000f0;
}

#box_table_special3 p a {
      color: #0000f0;
}

#box_table_special3 p a:link {   /* necessaire pour "specifiques" */
      color: #0000f0;
}

#box_table_special3 p a:visited {
      color: #00b000;
}

#box_liste_ss_sctns {
      margin-left: 25px; padding-bottom: 6px; line-height: 14px;
}

#box_liste_items { }
#box_liste_items p { line-height: 18px; }

#box_vid_contact {  /* pr essai */
      float: right; margin: 0; padding: 0;
      width: 50px; height: 183px; background-color: transparent; }
#box_vid_sigle {
      width: 50px; height: 25px; background-color: transparent; }

#lien_colorcep {
      color: #0000f0;  /* bidal zd lien ? */
}
#lien_colorcep:link {
      color: #0000f0;
}
#lien_colorcep:visited {
      color: #00e000;
}
#lien_colorcep:hover {
/*    background-position:bottom; */
/*    border:solid 1px black; */
      color:white;
}