* {
  margin: 0;
  padding: 0;
}
a {
  color: #424242;
  text-decoration: none;
}
a:hover {
  text-decoration: none;
  color: #3333ff;
  font-weight: bold;
}
body {
  overflow: hidden;
  background-color: #999999;
  font-family: comic sans ms;
  font-size: 9px;
  color: #424242;
}
.fond {
  border-left: 2px solid #cccccc;
  border-right: 4px solid #82a0bd;
  overflow: hidden;
  position: absolute;
  text-align: left;
  height: 100%;
  width: 100%;
  z-index: 1;
  background-color: #999999;
}
.cadre_fond {
  border-style: solid;
  border-color: #f3f3f3 #82a0bd #3c6382 #cccccc;
  border-width: 2px 4px 4px 2px;
  overflow: hidden;
  margin-left: auto;
  max-width: 1024px;
  position: relative;
  text-align: left;
  background-image: url(images/_bruit_gris_02.jpg);
  height: 96%;
  margin-right: auto;
  min-width: 800px;
  display: block;
  visibility: visible;
  background-color: #cccccc;
  width: 80%;
  z-index: 2;
}
.fond_vert {
  border-style: solid;
  border-color: #f3f3f3 #33cc00 #006600 #cccccc;
  border-width: 2px 4px 4px 2px;
  margin-right: auto;
  margin-left: auto;
  min-width: 800px;
  max-width: 1024px;
  display: block;
  position: relative;
  visibility: visible;
  text-align: left;
  background-color: #efefef;
  height: 80%;
  width: 100%;
  background-image: url(images/_marbre_vert_03.jpg);
}
.fond_mobile {
  border-style: solid;
  border-color: #f3f3f3 #82a0bd #3c6382 #cccccc;
  border-width: 2px 4px 4px 2px;
  overflow: auto;
  background-color: #efefef;
  background-image: url(images/_marbre_gris_03.jpg);
  clear: none;
  visibility: visible;
  min-width: 800px;
  max-width: 1024px;
  margin-right: auto;
  margin-left: auto;
  width: 98%;
  text-align: center;
  display: block;
  position: absolute;
  height: 96%;
}
.fenetre_logo {
  width: 95px;
  position: absolute;
  display: block;
  top: 15px;
  height: 70px;
  left: 15px;
}
.fenetre_invisible {
  display: none;
}
.fenetre_haut-centrale {
  width: 67%;
  top: 15px;
  font-size: 1.2em;
  text-align: center;
  position: absolute;
  display: block;
  height: 65px;
  left: 17%;
  background-image: url(images/Fond_banniere-bleu-vert-670x65.gif);
  background-repeat: no-repeat;
  background-position:  center center;
  padding-top: 10px;
}
.fenetre_newsletter {
  width: 96px;
  position: absolute;
  display: block;
  top: 15px;
  height: 66px;
  right: 15px;
}
.fenetre_info_haut_droit {
  text-align: center;
  left: 83%;
  border-bottom-color: #3c6382;
  width: 16%;
  position: absolute;
  border-right-color: #82a0bd;
  height: 13%;
  color: #336666;
  font-family: Arial,Helvetica,sans-serif;
  top: 0;
  font-size: 1.1em;
}
.a fenetre_menu {
  text-decoration: none;
}
.fenetre_menu_entier {
  top: 105px;
  left: 15px;
  border-right-style: solid;
  border-bottom-style: solid;
  text-align: center;
  position: absolute;
  display: block;
  width: 145px;
  background-repeat: no-repeat;
  background-image: url(images/fond_degrade_haut-gris-bas-bleu-bruite-150x800.gif);
  z-index: 20;
  border-right-color: #82a0bd;
  border-bottom-color: #3c6382;
  text-decoration: none;
  background-position: center top;
  bottom: 15px;
}
.fenetre_menu {
  top: 105px;
  left: 15px;
  border-right-style: solid;
  border-bottom-style: solid;
  text-align: center;
  position: absolute;
  display: block;
  width: 145px;
  background-repeat: no-repeat;
  background-position: center top;
  background-image: url(images/fond_degrade_haut-gris-bas-bleu-bruite-150x800.gif);
  z-index: 20;
  border-right-color: #82a0bd;
  border-bottom-color: #3c6382;
  text-decoration: none;
  height: 50%;
}
.fenetre_menu_verte {
  top: 105px;
  left: 15px;
  border-right-style: solid;
  border-bottom-style: solid;
  text-align: center;
  position: absolute;
  display: block;
  width: 145px;
  background-repeat: no-repeat;
  background-position:  center center;
  z-index: 20;
  text-decoration: none;
  height: 50%;
  border-right-color: #33cc00;
  border-bottom-color: #006600;
  background-image: url(images/Fond_degrade_bleu-vert_150x300.jpg);
}
.fenetre_principale {
  border-right-style: solid;
  border-bottom-style: solid;
  background-position: center top;
  top: 105px;
  text-align: center;
  position: absolute;
  display: block;
  font-size: 1.4em;
  border-right-color: #82a0bd;
  border-bottom-color: #3c6382;
  left: 175px;
  right: 175px;
  bottom: 15px;
  background-image: url(images/fond_degrade_haut-gris-bas-bleu-bruite-1000x800.gif);
}
.fenetre_principale_verte {
  border-right-style: solid;
  border-bottom-style: solid;
  background-position:  center center;
  top: 105px;
  text-align: center;
  position: absolute;
  display: block;
  font-size: 1.4em;
  left: 175px;
  background-color: #dbffdf;
  border-right-color: #33cc00;
  border-bottom-color: #006600;
  right: 175px;
  bottom: 15px;
}
.fenetre_article {
  overflow: auto;
  border-right-style: solid;
  border-bottom-style: solid;
  background-position: center top;
  top: 105px;
  text-align: center;
  visibility: visible;
  list-style-type: circle;
  list-style-image: url(images/Puce_bobine_photo_10px.png);
  list-style-position: inside;
  background-attachment: fixed;
  left: 175px;
  position: absolute;
  display: block;
  border-right-color: #82a0bd;
  border-bottom-color: #3c6382;
  font-size: 1em;
  right: 175px;
  bottom: 15px;
  background-image: url(images/fond_degrade_haut-gris-bas-bleu-bruite-1000x800.gif);
}
.fenetre_article_verte {
  overflow: auto;
  border-right-style: solid;
  border-bottom-style: solid;
  background-position:  center center;
  top: 105px;
  text-align: center;
  visibility: visible;
  list-style-type: circle;
  list-style-image: url(images/Puce_bobine_photo_10px.png);
  list-style-position: inside;
  background-attachment: fixed;
  left: 175px;
  position: absolute;
  display: block;
  font-size: 1em;
  background-color: #dbffdf;
  border-right-color: #99ff99;
  border-bottom-color: #005000;
  right: 175px;
  bottom: 15px;
}
.fenetre_repertoire {
  left: 175px;
  top: 90px;
  display: block;
  font-size: 1em;
  width: 400px;
  font-style: italic;
  position: absolute;
  height: 10px;
}
.fenetre_copyright {
  display: block;
  font-size: 1em;
  width: 400px;
  font-style: italic;
  position: absolute;
  height: 10px;
  bottom: 5px;
  right: 5px;
  text-align: right;
}
.fenetre_gauche-bas {
  overflow: hidden;
  left: 15px;
  border-right-style: solid;
  border-bottom-style: solid;
  text-align: left;
  width: 145px;
  position: absolute;
  background-image: url(images/fond_degrade_haut-gris-bas-bleu-bruite-150x800.gif);
  height: 27%;
  border-right-color: #82a0bd;
  border-bottom-color: #3c6382;
  background-position: left center;
  bottom: 15px;
}
.fenetre_gauche-bas_verte {
  overflow: hidden;
  left: 2%;
  border-right-style: solid;
  border-bottom-style: solid;
  text-align: left;
  width: 145px;
  position: absolute;
  height: 27%;
  top: 69%;
  background-image: url(images/Fond_degrade_bleu-vert_150x175.jpg);
  border-right-color: #33cc00;
  border-bottom-color: #006600;
}
.fenetre_droit-haut {
  top: 105px;
  border-right-style: solid;
  border-bottom-style: solid;
  text-align: center;
  width: 145px;
  position: absolute;
  background-image: url(images/fond_degrade_haut-gris-bas-bleu-bruite-150x800.gif);
  border-right-color: #82a0bd;
  border-bottom-color: #3c6382;
  height: 50%;
  right: 15px;
  background-position: left top;
  background-repeat: no-repeat;
}
.fenetre_droit-haut-pro {
  top: 105px;
  border-right-style: solid;
  border-bottom-style: solid;
  text-align: center;
  width: 145px;
  position: absolute;
  border-right-color: #82a0bd;
  border-bottom-color: #3c6382;
  height: 50%;
  background-position:  center center;
  background-repeat: no-repeat;
  background-image: url(images/Fond_maries-detoures-haut-gris-bas-bleu-bruite-150x800.gif);
  line-height: 1em;
  font-size: 1.6em;
  font-weight: bold;
  right: 15px;
}
.fenetre_droit-haut_verte {
  top: 105px;
  border-right-style: solid;
  border-bottom-style: solid;
  text-align: center;
  width: 145px;
  position: absolute;
  height: 50%;
  border-right-color: #33cc00;
  border-bottom-color: #006600;
  background-image: url(images/Fond_degrade_bleu-vert_150x300.jpg);
  right: 15px;
}
.fenetre_droit-bas {
  margin: 0;
  padding: 0;
  overflow: hidden;
  height: 27%;
  border-right-style: solid;
  border-bottom-style: solid;
  text-align: center;
  width: 145px;
  position: absolute;
  background-image: url(images/fond_degrade_haut-gris-bas-bleu-bruite-150x800.gif);
  background-repeat: no-repeat;
  border-right-color: #82a0bd;
  border-bottom-color: #3c6382;
  right: 15px;
  bottom: 15px;
  background-position: left center;
}
.fenetre_droit-bas_verte {
  margin: 0;
  padding: 0;
  overflow: hidden;
  height: 27%;
  border-right-style: solid;
  border-bottom-style: solid;
  text-align: center;
  width: 145px;
  position: absolute;
  background-repeat: no-repeat;
  background-image: url(images/Fond_degrade_bleu-vert_150x175.jpg);
  border-right-color: #33cc00;
  border-bottom-color: #006600;
  right: 15px;
  bottom: 15px;
}
.fenetre_galerie_photo {
  background-image: url(images/fond_degrade_blanc-gris_180x100.gif);
  background-position:  center center;
  background-repeat: no-repeat;
  width: 178px;
  height: 98px;
  text-align: center;
  text-decoration: none;
  float: left;
  top: 2%;
  margin-left: 2%;
}
.fenetre_vide {
  position: relative;
  visibility: hidden;
}
.cadre_gauche {
  overflow: auto;
  top: 2%;
  left: 2%;
  border-right-color: silver;
  border-bottom-color: #999999;
  font-size: 1em;
  background-position: left top;
  width: 47%;
  position: absolute;
  height: 95%;
  z-index: 13;
}
.cadre_droit {
  overflow: auto;
  top: 2%;
  border-right-color: silver;
  border-bottom-color: #999999;
  font-size: 1em;
  z-index: 12;
  background-position: left top;
  width: 47%;
  position: absolute;
  left: 51%;
  height: 95%;
}
.cadre_article_centre {
  position: relative;
  text-align: center;
  width: 94%;
  margin-right: auto;
  margin-left: auto;
  font-size: 1.4em;
  list-style-type: circle;
}
.cadre_article_justifie {
  position: relative;
  width: 94%;
  margin-right: auto;
  margin-left: auto;
  font-size: 1.4em;
  list-style-type: circle;
  text-align: justify;
}
.cadre_texte_gauche {
  width: 95%;
  height: 99%;
  left: 1%;
  text-align: left;
  position: relative;
}
.cadre_texte_centre {
  width: 95%;
  height: 99%;
  position: relative;
  text-align: center;
  left: 2%;
}
.cadre_texte_centre_gris {
  text-align: center;
  background-color: silver;
  position: relative;
  left: 1%;
  width: 97%;
}
.cadre_texte_centre_bord {
  border: 1px solid #3366ff;
  width: 95%;
  position: relative;
  text-align: center;
  left: 2%;
  height: 95%;
  top: 2%;
}
.cadre_texte_flottant_gauche {
  width: 99%;
  height: 99%;
  float: left;
  left: 2%;
}
.cadre_annonce {
  overflow: auto;
  text-align: left;
  font-size: 1.5em;
  width: 90%;
  margin-left: 4%;
}
.cadre-haut-gauche {
  position: absolute;
  top: 2%;
  left: 2%;
  border-right-style: solid;
  border-bottom-style: solid;
  border-right-color: silver;
  border-bottom-color: #999999;
  background-image: url(images/Fond_degrade_gris_haut_500px.jpg);
  text-align: center;
  font-size: 1em;
  z-index: 12;
  width: 50%;
  height: 50%;
  background-position: left center;
}
.cadre-haut-droit {
  border-color: #999999 silver #999999 #999999;
  border-right-style: solid;
  border-bottom-style: solid;
  background-color: white;
  height: 50%;
  top: 4%;
  position: absolute;
  background-image: url(images/Fond_degrade_gris_bas_500px.jpg);
  text-align: center;
  font-size: 1em;
  z-index: 11;
  right: 2%;
  width: 47%;
}
.cadre-bas-gauche {
  border-style: none solid solid none;
  border-color: #666666 silver #999999 #666666;
  background-color: white;
  bottom: 4%;
  position: absolute;
  width: 50%;
  height: 50%;
  left: 3%;
  background-image: url(images/Fond_degrade_gris_bas_500px.jpg);
  text-align: center;
  z-index: 10;
  font-size: 1em;
}
.cadre-bas-droit {
  position: absolute;
  border-right-style: solid;
  border-right-color: silver;
  border-bottom-style: solid;
  border-bottom-color: #999999;
  background-position: left center;
  background-image: url(images/Fond_degrade_gris_haut_500px.jpg);
  text-align: center;
  z-index: 13;
  font-size: 1em;
  top: 49%;
  height: 49%;
  width: 49%;
  left: 50%;
}
.cadre_info_droit_haut {
  height: 50%;
  background-color: #dddddd;
  border-right-style: solid;
  border-bottom-style: solid;
  border-right-color: silver;
  border-bottom-color: silver;
  background-repeat: no-repeat;
  width: 12%;
  top: 105px;
  left: 86%;
  background-image: url(images/Fond_degrade_gris_haut_500px.jpg);
  font-family: Arial;
  color: #666666;
  list-style-position: outside;
  list-style-type: circle;
  text-align: left;
  background-position:  center center;
  position: absolute;
  font-size: 1.2em;
}
.cadre_info_gauche_bas {
  background-color: #dddddd;
  border-right-style: solid;
  border-bottom-style: solid;
  border-right-color: silver;
  border-bottom-color: silver;
  background-position:  center center;
  background-repeat: no-repeat;
  width: 12%;
  left: 2%;
  background-image: url(images/Fond_degrade_gris_haut_500px.jpg);
  top: 70%;
  height: 27%;
  font-family: Arial;
  color: #666666;
  font-size: 1.2em;
  position: absolute;
}
.cadre_info_droit_bas {
  background-color: #dddddd;
  border-right-style: solid;
  border-bottom-style: solid;
  border-right-color: silver;
  border-bottom-color: silver;
  background-position:  center center;
  background-repeat: no-repeat;
  width: 12%;
  background-image: url(images/Fond_degrade_gris_haut_500px.jpg);
  top: 70%;
  height: 27%;
  left: 86%;
  font-family: Arial;
  color: #666666;
  font-size: 1.2em;
  position: absolute;
}
.cadre_logo {
  float: left;
  height: 22%;
  width: 17%;
}
.cadre_logo_bas_gauche {
  width: 45%;
  height: 40%;
  float: left;
}
.cadre_miniature {
  width: 10%;
  height: 95%;
  bottom: 20%;
  position: relative;
}
.bouton_info {
  border: 1px dotted white;
  background: #dcdcdc none repeat scroll 0% 50%;
  overflow: hidden;
  display: block ! important;
  text-align: center;
  text-decoration: none;
  font-size: 10px;
  line-height: 18px;
  float: none;
  position: relative;
  margin-top: 3px;
  left: 10%;
  color: #999999;
  width: 80%;
  height: 6%;
}
.h1_blanc {
  visibility: hidden;
}
.h1_orange_italique {
  font-size: 2.5em;
  color: #ff9900;
  font-style: italic;
}
.h2_bleu {
  font-size: 2em;
  color: #3366ff;
}
.h2_gris {
  font-size: 2em;
  color: #282828;
}
.h2_rouge {
  font-size: 2em;
  color: #cc0000;
}
.h2_vert {
  font-size: 2em;
  color: #006600;
}
.h3_bleu {
  color: #3366ff;
  font-weight: bold;
  font-size: 1.4em;
}
.h3_gris {
  color: #282828;
  font-size: 1.4em;
  font-weight: normal;
}
.h3_rouge {
  font-size: 1.4em;
  font-weight: bold;
  color: red;
}
.h3_vert {
  font-size: 1.4em;
  color: #006600;
}
.h4_gris {
  font-size: 1.2em;
  font-weight: bold;
  color: #282828;
  text-align: center;
}
.h4_vert {
  font-size: 1.2em;
  color: #009900;
}
.h4_rouge {
  font-size: 1.2em;
  color: red;
}
#md {
  text-decoration: none;
  font-size: 1em;
  z-index: 10;
  color: #424242;
  font-family: Arial Black;
}
#md li {
  border: 1px solid #3366ff;
  list-style-type: none;
  text-align: center;
  position: relative;
  display: block;
  background-position:  center center;
  background-repeat: no-repeat;
  width: 96%;
  margin-right: auto;
  margin-left: auto;
  height: 1.8em;
  line-height: 1.8em;
  background-image: url(images/Bouton_gris-bleu-clair_250x25.jpg);
  text-decoration: none;
  font-size: 1em;
  font-family: Arial Black;
  color: #424242;
}
#md ul ul {
  display: none;
  position: absolute;
  text-align: center;
  color: white;
  top: 0px;
  width: 100%;
  left: 99%;
  text-decoration: none;
  font-family: Arial Black;
}
#md a:hover {
  font-weight: bold;
  font-size: 1em;
  color: white;
  text-decoration: none;
  z-index: 10;
  font-family: Arial Black;
}
#md li:hover, #md li.sfhover {
  background-position:  center center;
  background-repeat: no-repeat;
  background-image: url(images/Bouton_bleu-vif_250x25.jpg);
  text-decoration: none;
  font-weight: bold;
  color: white;
  font-size: 1em;
  line-height: 1.8em;
  font-family: Arial Black;
}
#md li:hover ul.niveau2, #md li li:hover ul.niveau3, #md li.sfhover ul.niveau2, #md li li.sfhover ul.niveau3 {
  display: block;
  text-decoration: none;
  font-weight: bold;
  color: white;
  font-size: 1em;
  font-family: arial black;
}
#mv {
  font-size: 1em;
  font-family: Arial Black;
  z-index: 10;
  text-decoration: none;
  color: #424242;
}
#mv li {
  border: 1px solid #3366ff;
  list-style-type: none;
  text-align: center;
  position: relative;
  display: block;
  background-position:  center center;
  background-repeat: no-repeat;
  width: 96%;
  margin-right: auto;
  margin-left: auto;
  height: 1.8em;
  line-height: 1.8em;
  text-decoration: none;
  background-image: url(images/Bouton_vert_250x25.jpg);
  color: #424242;
  font-family: Arial Black;
  font-size: 1em;
}
#mv ul ul {
  display: none;
  position: absolute;
  text-align: center;
  color: white;
  top: 0px;
  width: 100%;
  left: 99%;
  text-decoration: none;
  font-family: Arial Black;
}
#mv a:hover {
  color: white;
  font-weight: bold;
  text-decoration: none;
  font-size: 1em;
  font-family: Arial Black;
}
#mv li:hover, #mv li.sfhover {
  background-position:  center center;
  background-repeat: no-repeat;
  text-decoration: none;
  font-weight: bold;
  color: white;
  background-image: url(images/Bouton_vert-vif_250x25.jpg);
  font-size: 1.1em;
  line-height: 1.8em;
}
#mv li:hover ul.niveau2, #mv li li:hover ul.niveau3, #mv li.sfhover ul.niveau2, #mv li li.sfhover ul.niveau3 {
  display: block;
  text-decoration: none;
  font-weight: bold;
  color: white;
  font-size: 1em;
  font-family: arial black;
}
.bouton_menu_bleu-c {
  border: 1px solid #3366ff;
  display: block;
  visibility: visible;
  width: 100%;
  position: relative;
  text-align: center;
  background-position:  center center;
  background-repeat: repeat-x;
  background-color: #99ffff;
  background-image: url(images/Bouton_gris-bleu-clair_250x25.jpg);
  z-index: 500;
}
.photo {
  width: 100%;
  height: auto;
}