* {
  margin: 0;
  padding: 0;
}
a {
  color: #333333;
  text-decoration: none;
}
a:hover {
  text-decoration: none;
  color: #3333ff;
  font-weight: bold;
}
body {
  margin: 0px;
  padding: 0px;
  overflow: hidden;
  font-family: comic sans ms;
  font-size: 0.6em;
  color: #333333;
  line-height: 2.1em;
  z-index: 1;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  position: absolute;
}
.fond_vert {
  border-color: #f3f3f3;
  border-width: 2px;
  margin: 0px;
  padding: 0px;
  overflow: hidden;
  position: absolute;
  visibility: visible;
  text-align: left;
  height: 100%;
  width: 100%;
  background-image: url(Images_sss/_fond-vert_vert-fonce_03.jpg);
  z-index: 2;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
}
.cadre_fond {
  border-style: solid;
  border-color: white #33cc00 #006600 white;
  border-width: 2px;
  padding: 0px;
  overflow: hidden;
  display: block;
  position: absolute;
  z-index: 5;
  width: 80%;
  min-width: 800px;
  max-width: 1280px;
  margin-right: auto;
  margin-left: auto;
  height: 96%;
  visibility: visible;
  background-image: url(Images_sss/_cadre-fond_vert-moyen_01.jpg);
  background-position: left top;
  right: 10%;
  left: 10%;
  top: 2%;
}
.fond_mobile {
  border-style: solid;
  border-color: #f3f3f3 #82a0bd #3c6382 #cccccc;
  border-width: 2px 4px 4px 2px;
  overflow: auto;
  background-image: url(Images_sss/_marbre_gris_03.jpg);
  visibility: visible;
  max-width: 1280px;
  margin-left: auto;
  text-align: center;
  position: absolute;
  background-color: #efefef;
  clear: none;
  min-width: 800px;
  margin-right: auto;
  width: 98%;
  display: block;
  height: 96%;
  z-index: 6;
}
.fenetre_logo {
  width: 9%;
  position: absolute;
  display: block;
  top: 1%;
  height: 12%;
  left: 1%;
  background-position:  center center;
  background-repeat: no-repeat;
  z-index: 10;
}
.fenetre_interactivite {
  position: absolute;
  top: 1%;
  right: 1%;
  width: 9%;
  display: block;
  height: 12%;
  z-index: 10;
}
.fenetre_newsletter {
  position: absolute;
  top: 1%;
  right: 1%;
  width: 14%;
  display: block;
  height: 12%;
  z-index: 10;
  font-size: 1.2em;
}
.fenetre_haut-centrale {
  top: 2%;
  font-size: 0.4em;
  text-align: center;
  position: absolute;
  display: block;
  height: 9%;
  left: 16%;
  right: 16%;
  z-index: 10;
}
.a fenetre_menu {
  text-decoration: none;
  z-index: 20;
}
.fenetre_menu_entier_verte {
  border-style: solid;
  border-color: white #33cc00 #006600 white;
  border-width: 2px 3px 3px 2px;
  overflow: visible;
  top: 15%;
  left: 1%;
  text-align: center;
  position: absolute;
  display: block;
  width: 14%;
  background-repeat: no-repeat;
  background-image: url(Images_sss/Fond_degrade-champ-vert_gauche_400x1800.jpg);
  z-index: 20;
  text-decoration: none;
  background-position:  center center;
  bottom: 3%;
  line-height: 1.5em;
  visibility: visible;
  clear: both;
}
.fenetre_menu {
  border-style: solid;
  border-color: white #33cc00 #006600 white;
  border-width: 2px 3px 3px 2px;
  overflow: visible;
  top: 15%;
  left: 1%;
  text-align: center;
  position: absolute;
  display: block;
  width: 14%;
  background-repeat: no-repeat;
  background-position: center top;
  background-image: url(Images_sss/Fond_degrade-champ-vert_gauche_400x1000.jpg);
  z-index: 20;
  text-decoration: none;
  height: 50%;
}
.fenetre_menu_verte {
  border-style: solid;
  border-color: white #33cc00 #006600 white;
  border-width: 2px 3px 3px 2px;
  top: 15%;
  left: 1%;
  text-align: center;
  position: absolute;
  display: block;
  width: 14%;
  background-repeat: no-repeat;
  background-position: center top;
  z-index: 20;
  text-decoration: none;
  height: 50%;
  background-image: url(Images_sss/Fond_degrade-champ-vert_gauche_400x1000.jpg);
  line-height: 1.2em;
  font-size: 1.2em;
}
.fenetre_principale_verte {
  border-style: solid;
  border-color: white #33cc00 #006600 white;
  border-width: 2px 3px 3px 2px;
  overflow: auto;
  background-position:  center center;
  top: 15%;
  text-align: center;
  position: absolute;
  display: block;
  font-size: 1.4em;
  left: 17%;
  background-color: #dbffdf;
  right: 17%;
  bottom: 1%;
  background-image: url(Images_sss/Fond_degrade-champ-vert_2000x1800.jpg);
  z-index: 10;
}
.fenetre_repertoire {
  width: 65%;
  left: 17%;
  font-style: italic;
  top: 12%;
  position: absolute;
  display: block;
  height: 2%;
  font-size: 1em;
  z-index: 10;
}
.fenetre_nouveautes {
  border: 1px solid #006600;
  top: 12%;
  display: block;
  font-size: 1.3em;
  width: 30%;
  font-style: italic;
  position: absolute;
  height: 2%;
  background-color: #ffffcc;
  opacity: 0.607;
  right: 16%;
  text-align: center;
  color: #333333;
  font-weight: bold;
  line-height: 1em;
  z-index: 10;
}
.fenetre_copyright {
  display: block;
  position: absolute;
  width: 98%;
  height: 2%;
  right: 1%;
  bottom: 0.5%;
  font-style: italic;
  font-size: 1em;
  text-align: right;
  z-index: 10;
}
.fenetre_article_verte {
  border-style: solid;
  border-color: white #99ff99 #005000 white;
  border-width: 2px 3px 3px 2px;
  background: #dbffdf url(Images_sss/Fond_degrade-champ-vert_2000x1800.jpg) no-repeat fixed center;
  overflow: auto;
  top: 15%;
  text-align: center;
  visibility: visible;
  list-style-type: circle;
  list-style-image: url(Images_sss/Puce_bobine_photo_10px.png);
  list-style-position: inside;
  left: 17%;
  position: absolute;
  display: block;
  font-size: 1em;
  right: 17%;
  bottom: 3%;
  line-height: 1.8em;
  z-index: 10;
}
.fenetre_gauche-bas_verte {
  border-style: solid;
  border-color: white #33cc00 #006600 white;
  border-width: 2px 3px 3px 2px;
  overflow: auto;
  left: 1%;
  text-align: center;
  width: 14%;
  position: absolute;
  height: 29%;
  background-image: url(Images_sss/Fond_degrade-champ-vert_gauche_400x1000.jpg);
  background-position: left center;
  bottom: 3%;
  font-size: 1.2em;
  line-height: 1.2em;
  z-index: 20;
}
.fenetre_droit-haut_verte {
  border-style: solid;
  border-color: white #33cc00 #006600 white;
  border-width: 2px 3px 3px 2px;
  overflow: auto;
  top: 15%;
  text-align: center;
  width: 14%;
  position: absolute;
  height: 50%;
  background-image: url(Images_sss/Fond_degrade-champ-vert_droit_400x1000.jpg);
  right: 1%;
  font-size: 1.2em;
  line-height: 1.2em;
  background-position: left center;
  z-index: 20;
}
.fenetre_droit-bas_verte {
  border-style: solid;
  border-color: white #33cc00 #006600 white;
  border-width: 2px 3px 3px 2px;
  margin: 0;
  padding: 0;
  overflow: auto;
  height: 29%;
  text-align: center;
  width: 14%;
  position: absolute;
  background-repeat: no-repeat;
  background-image: url(Images_sss/Fond_degrade-champ-vert_droit_400x1000.jpg);
  right: 1%;
  bottom: 3%;
  background-position: left bottom;
  line-height: 1.2em;
  font-size: 1.2em;
  z-index: 20;
}
.fenetre_galerie_photo {
  background-image: url(Images_sss/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%;
  z-index: 10;
}
.fenetre_vide {
  position: relative;
  visibility: hidden;
  z-index: 10;
}
.cadre_article_centre {
  position: relative;
  text-align: center;
  width: 96%;
  margin-right: auto;
  margin-left: auto;
  font-size: 1.4em;
  list-style-type: circle;
  z-index: 25;
}
.cadre_article_justifie {
  position: relative;
  width: 94%;
  margin-right: auto;
  margin-left: auto;
  font-size: 1.4em;
  list-style-type: circle;
  text-align: justify;
  z-index: 25;
}
.cadre_texte_gauche {
  width: 95%;
  height: 99%;
  left: 1%;
  text-align: left;
  position: relative;
  z-index: 25;
}
.cadre_texte_centre {
  width: 95%;
  height: 99%;
  position: relative;
  text-align: center;
  left: 2%;
  z-index: 25;
}
.cadre_texte_centre_gris {
  text-align: center;
  background-color: silver;
  position: relative;
  left: 1%;
  width: 97%;
  z-index: 25;
}
.cadre_texte_centre_bord {
  border: 1px solid #3366ff;
  width: 95%;
  position: relative;
  text-align: center;
  left: 2%;
  height: 95%;
  top: 2%;
  z-index: 25;
}
.cadre_texte_flottant_gauche {
  width: 99%;
  height: 99%;
  float: left;
  left: 2%;
  z-index: 25;
}
.cadre_annonce {
  overflow: auto;
  text-align: left;
  font-size: 1.5em;
  width: 90%;
  margin-left: 4%;
  z-index: 25;
}
.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_sss/Fond_degrade_gris_haut_500px.jpg);
  text-align: center;
  font-size: 1em;
  z-index: 25;
  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_sss/Fond_degrade_gris_bas_500px.jpg);
  text-align: center;
  font-size: 1em;
  z-index: 25;
  width: 48%;
  right: 3%;
}
.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_sss/Fond_degrade_gris_bas_500px.jpg);
  text-align: center;
  z-index: 25;
  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_sss/Fond_degrade_gris_haut_500px.jpg);
  text-align: center;
  z-index: 25;
  width: 50%;
  font-size: 1em;
  left: 48%;
  top: 49%;
  height: 49%;
}
.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: 16%;
  left: 86%;
  background-image: url(Images_sss/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;
  z-index: 25;
}
.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_sss/Fond_degrade_gris_haut_500px.jpg);
  top: 70%;
  height: 27%;
  font-family: Arial;
  color: #666666;
  font-size: 1.2em;
  position: absolute;
  z-index: 25;
}
.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_sss/Fond_degrade_gris_haut_500px.jpg);
  top: 70%;
  height: 27%;
  left: 86%;
  font-family: Arial;
  color: #666666;
  font-size: 1.2em;
  position: absolute;
  z-index: 25;
}
.cadre_photo_96 {
  overflow: auto;
  width: 100%;
  height: 45%;
  text-align: center;
  z-index: 10;
}
.cadre_logo {
  float: left;
  height: 22%;
  width: 17%;
  z-index: 10;
}
.cadre_logo_bas_gauche {
  width: 45%;
  height: 40%;
  float: left;
  z-index: 10;
}
.cadre_miniature {
  width: 10%;
  height: 95%;
  bottom: 20%;
  position: relative;
  z-index: 10;
}
.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%;
  z-index: 10;
}
.h1_blanc {
  visibility: hidden;
}
.h1_bleu {
  color: #3366ff;
  font-size: 2.5em;
}
.h1_vert {
  color: #006600;
  font-size: 2.5em;
}
.h1_orange_italique {
  font-size: 2.5em;
  color: #ff9900;
  font-style: italic;
}
.h2_bleu {
  font-size: 2em;
  color: #3366ff;
}
.h2_vert {
  font-size: 2em;
  color: #006600;
}
.h2_gris {
  font-size: 2em;
  color: #666666;
}
.h2_rouge {
  font-size: 2em;
  color: #cc0000;
}
.h3_bleu {
  color: #3366ff;
  font-weight: bold;
  font-size: 1.4em;
}
.h3_vert {
  font-size: 1.4em;
  color: #006600;
}
.h3_gris {
  color: #666666;
  font-size: 1.4em;
  font-weight: normal;
}
.h3_rouge {
  font-size: 1.4em;
  font-weight: bold;
  color: red;
}
.h4_gris {
  font-size: 1.2em;
  font-weight: bold;
  color: #666666;
  text-align: center;
}
.h4_vert {
  font-size: 1.2em;
  color: #009900;
}
.h4_rouge {
  font-size: 1.2em;
  color: red;
}
#pb {
  font-size: 1.2em;
  font-family: Trebuchet MS;
  z-index: 10;
  text-decoration: none;
}
#pb li {
  list-style-type: none;
  text-align: center;
  position: relative;
  display: block;
  background-position:  center center;
  background-repeat: no-repeat;
  width: 99%;
  margin-right: auto;
  margin-left: auto;
  height: 3.5em;
  line-height: 1.2em;
  text-decoration: none;
  background-image: url(Images_sss/Bouton-panneau-bois-marron-100x35.gif);
}
#pb ul ul {
  display: none;
  position: absolute;
  text-align: center;
  color: #333333;
  top: 0px;
  width: 100%;
  left: 99%;
  text-decoration: none;
  background-position:  center center;
  background-repeat: no-repeat;
}
#pb a:hover {
  color: #003300;
  font-weight: bold;
  text-decoration: none;
}
#pb li:hover, #md li.sfhover {
  background-position:  center center;
  background-repeat: no-repeat;
  text-decoration: none;
  font-weight: bold;
  color: #003300;
  background-image: url(Images_sss/Bouton-panneau-bois-vert-100x35.gif);
}
#pb 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: #003300;
  background-position:  center center;
  background-repeat: no-repeat;
}
#md {
  font-size: 1em;
  font-family: Trebuchet MS;
  z-index: 10;
  text-decoration: none;
}
#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;
  text-decoration: none;
  background-image: url(Images_sss/Bouton_gris-bleu-clair_250x25.jpg);
}
#md ul ul {
  display: none;
  position: absolute;
  text-align: center;
  color: #333333;
  top: 0px;
  width: 100%;
  left: 99%;
  text-decoration: none;
  background-position:  center center;
  background-repeat: no-repeat;
}
#md a:hover {
  color: white;
  font-weight: bold;
  text-decoration: none;
}
#md li:hover, #md li.sfhover {
  background-position:  center center;
  background-repeat: no-repeat;
  text-decoration: none;
  font-weight: bold;
  color: white;
  background-image: url(Images_sss/Bouton_bleu-vif_250x25.jpg);
}
#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;
  background-position:  center center;
  background-repeat: no-repeat;
}
#mv {
  font-size: 1em;
  font-family: Trebuchet MS;
  z-index: 10;
  text-decoration: none;
}
#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_sss/Bouton_vert_250x25.jpg);
}
#mv ul ul {
  display: none;
  position: absolute;
  text-align: center;
  color: #333333;
  top: 0px;
  width: 100%;
  left: 99%;
  text-decoration: none;
}
#mv a:hover {
  color: white;
  font-weight: bold;
  text-decoration: none;
}
#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_sss/Bouton_vert-rouge_250x25.jpg);
}
#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;
  background-position:  center center;
  background-repeat: no-repeat;
}
.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_sss/Bouton_gris-bleu-clair_250x25.jpg);
  z-index: 500;
}
.photo {
  width: 100%;
  height: auto;
  z-index: 10;
}