
/*
.css_exemple_de_contenu {
  float: left;
  display: block;
  width: 570px;
  height: 100px;
  margin: 0 20px 0 20px;
  padding : 10px 10px 10px 10px;
  background-color: #FFFF88;
  color: #880000;
  font-family: "Trebuchet MS";
  font-family: Georgia;
  font-size: 12px;
  font-weight: bold;
  text-align: justify;
  vertical-align: top;
  letter-spacing: 0.3em;
  border : none;
  border: #FFFF88 1px solid;
  border-top:     #FFFF88 1px solid;
  border-right:   #FFFF88 1px solid;
  border-bottom:  #FFFF88 1px solid;
  border-left:    #FFFF88 0px solid;
  border-collapse: collapse;
}
.p:first-letter {
  line-height: 15px;
  font-size: 18px;
  font-weight: bold;
}
*/


body {
  margin: 0px;
  padding: 0 auto 0 auto;
  text-align: center;
  color: #3366BB; /* 000000 3357b3 */
  background-color: #99CCFF;  /*  99CCFF 6666FF */
	background: url("image/fond_eau01.jpg");
  font-family: "comic sans ms", tahoma, verdana, arial, helvetica, sans-serif;
}

td {
  font-size: 14px;
}

a {
	color: #000066;
  font-weight: bold;
	text-decoration: none;
}
a:visited {
	color: #114477;
  font-weight: bold;
	text-decoration: none;
}
a:hover {
	color: #FFFF00;
  font-weight: bold;
	text-decoration: none;
}

.css_page_en_cours:link {
	color: #FFFF00;
  font-weight: bold;
	text-decoration: none;
}
.css_page_en_cours:visited {
	color: #FFFF00;
  font-weight: bold;
	text-decoration: none;
}
.css_page_en_cours:hover {
	color: #FFFF00;
  font-weight: bold;
	text-decoration: none;
}





.css_musique01 {
/*  display: none; */
  position: relative;
  margin: 0 0 0px 0;
  padding: 0;
  height: 12px;
  width: 754px;
  text-align: center;
  background-color: transparent;
}


.css_page01 {
  margin: 0px 0px 0px 0px;
  padding: 0px;
  width: 750px;
  text-align: justify;
  color: #003366; /* 000000 3366BB 3357b3 */
  background-color: #99CCFF; /*  transparent  */
  border-top:       #6666FF 0px solid;
  border-right:     #6666FF 2px solid;
  border-bottom:    #6666FF 2px solid;
  border-left:      #6666FF 2px solid;
  font-family: tahoma;
  font-family: "comic sans ms", tahoma, verdana, arial, helvetica, sans-serif;
}


.css_bandeau01 {
  z-index: 100;
  position: relative;
	display:block;
  left: 0px;
  top: 0px;
  margin: 0px;
  padding: 0px;
  width: 750px;
  height: 260px;
	background: transparent; /*  url("image/bandeau_haut01.jpg") 0px no-repeat; */
	border: none;
}
.css_bandeau01menu {
  z-index: 200;
  position: relative;
  left: 0px;
  top: -153px;
  margin: 0px;
  padding: 0px 12px 0px 0px;
  width: 750px;
  font-size: 11px;
  font-weight: bold;
  text-align: right;
  color: #ff0000;
  color: #003366; /* 3357b3  */
  background-color: transparent;
}

.css_partenaire01 {
  position: relative;
  margin: 0;
  padding: 0;
  width: 754px;
  text-align: center;
  background-color: transparent;
}

.css_contenu01accroche {
  z-index: 150;
  position: relative;
  left: 0px;
  top: -66px;
  margin: 0px 0px 0px 120px;
  padding: 0px 0px 0px 60px;
  width: 630px;
  font-size: 18px;
  font-weight:      bold;
  text-align: center;
  color: #003366; /* 000088  3357b3  */
  background-color: transparent;
  letter-spacing: 5px;
}
.css_contenu02accroche {
  margin: 0px;
  padding: 0px 0px 0px 0px;
  width: 100%;
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  color: #003366; /* 000088 3357b3  */
  background-color: transparent;
  letter-spacing: 5px;
}
.css_contenu01news {
  position: relative;
  top: -30px;
  margin: 0px 0px 0px 10px;
  padding: 0px 0px 0px 0px;
  width: 100%;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  color: #036; /* 003366  */
  background-color: transparent;
  letter-spacing: 2px;
}
.css_contenu01news02 {
  position: relative;
  top: 0px;
  margin: 0px;
  padding: 0px 10px 0px 10px;
  width: 100%;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  color: #C00; /* 003366  */
  background-color: transparent;
}

.css_contenu01 {
  z-index: 200;
  position: relative;
  left: 0px;
  top: -20px;
  margin: 0px;
  padding: 0px 10px 0px 10px;
  width: 730px;
  font-size: 14px;
  text-align: justify;
  color: #000088; /* 000088 3366BB 3357b3  */
  background-color: transparent;
	letter-spacing:1px;
}

.css_contenu01accueil {
  z-index: 200;
  position: relative;
  left: 0px;
  top: -20px;
  margin: 0px;
  padding: 0px 10px 0px 10px;
  width: 730px;
  font-size: 14px;
  text-align: justify;
  color: #000088; /* 000088 3366BB 3357b3  */
  background-color: transparent;
/*  background-image: url("image/accueil201001.jpg") 0px no-repeat; */
	letter-spacing:1px;
}


.css_contenu01mobilhome01_old {
  position: relative;
  top: 0px;
  margin: 0px;
  padding: 0px 10px 0px 10px;
  width: 100%;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  color: #C00; /* 003366  */
  background-color: transparent;
}
.css_contenu01mobilhome01 {
  margin: 0px;
  padding: 0px 20px 0px 60px;
  font-size: 12px;
  font-weight: bold;
  text-align: left;
  color: #C00; /* 003366  */
  background-color: transparent;
}
.css_contenu01mobilhome02 {
  margin: 0px;
  padding: 0px 20px 0px 50px;
  font-size: 12px;
  font-weight: bold;
  text-align: left;
  color: #C00; /* 003366  */
  background-color: transparent;
}
.css_contenu01mobilhome01titre01 {
  font-size: 26px;
  font-weight: bold;
  color: #036; /* 003366  */
  background-color: transparent;
}
.css_contenu01mobilhome01description01 {
  width: 590px;
  padding: 10px 0px 10px 0px;
  font-size: 12px;
  font-weight: normal;
  text-align: justify;
  color: #036; /* 003366  */
  background-color: transparent;
}



.css_copyright_bas01bookmarium {
  float: left;
  z-index: 21150;
  position: relative;
  display: block;
  left: 0px;
  bottom: 0px;
  width: 87px;
  height: 41px;
  margin: 20px 0px 0px 10px;
  padding: 0px;
  vertical-align: bottom;
  background-color: transparent;
  border: none;
}


.css_copyright_fond_bas01 {
  width: 740px;
  margin: 0px;
  padding: 5px;
  text-align: center;
  vertical-align: top;
  font:10px Verdana, Arial, Helvetica, sans-serif;
  color:#3366BB; /* 003366  */
  background-color: transparent;
  line-height:10px;
	letter-spacing:.1em;
}
.css_copyright_bas01 {
  width: 750px;
  height: 110px;
  margin: 0px;
  padding: 0px 0px 0px 0px;
  text-align: center;
  vertical-align: top;
  font:10px Verdana, Arial, Helvetica, sans-serif;
  color:#3366BB; /* 003366  */
  background-color: transparent;
	background: url("image/bandeau_bas01.jpg");
  line-height:10px;
	letter-spacing:.1em;
}
.css_copyright_bas01 a {
	color: #003366;
	text-decoration: none;
	font-weight: bold;
}
.css_copyright_bas01 a:hover {
	color: #FF6600;
	text-decoration: none;
	font-weight: bold;
}
.css_copyright_bas01societe {
  font:12px Verdana, Arial, Helvetica, sans-serif;
  color:#003366;
	font-weight: bold;
}


.css_encadre01 {
  width: 240px;
  margin: 0px 10px 10px 10px;
  padding: 5px;
  text-align: left;
  vertical-align: top;
  font:10px Verdana, Arial, Helvetica, sans-serif;
  color:#003366;
  background-color: #99CCFF;
  border-top:       #003366 1px solid;
  border-right:     #003366 1px solid;
  border-bottom:    #003366 1px solid;
  border-left:      #003366 1px solid;
}
.css_encadre01titre {
  width: 240px;
  margin: 10px 10px 0px 10px;
  padding: 2px 2px 2px 2px;
  text-align: center;
  vertical-align: top;
  font:10px Verdana, Arial, Helvetica, sans-serif;
  color:#003366;
  background-color: #FFFFFF;
  border-top:       #003366 1px solid;
  border-right:     #003366 1px solid;
  border-bottom:    #003366 0px solid;
  border-left:      #003366 1px solid;
}









.css_contenu01ouverture {
  left: 0px;
  top: 256px;
  margin: 0px;
  padding: 0px 40px 0px 0px;
  width: 750px;
  text-align: right;
  font-size: 18px;
  font-weight: bold;
  color: #3366BB;
  font-family: tahoma;
  font-family: "comic sans ms", tahoma, verdana, arial, helvetica, sans-serif;
	line-height:16px;
	letter-spacing:.1em;
}


p {
  margin-bottom: 4px;
  margin-top: 4px
}







.css_tarif_table01 {
  width: 700px;
  margin: 10px;
  border-top:     #003366 2px solid;
  border-right:   #003366 2px solid;
  border-bottom:  #003366 2px solid;
  border-left:    #003366 2px solid;
  border-collapse: collapse;
}
.css_tarif_table02 {
  width: 480px;
  margin: 10px;
  border-top:     #003366 2px solid;
  border-right:   #003366 2px solid;
  border-bottom:  #003366 2px solid;
  border-left:    #003366 2px solid;
  border-collapse: collapse;
}
.css_tarif_td01titre {
  padding : 5px 10px 5px 10px;
  background-color: #003366;
  color: #99CCFF;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  vertical-align: top;
  border-top:     #6666FF 1px solid;
  border-right:   #6666FF 1px solid;
  border-bottom:  #6666FF 1px solid;
  border-left:    #6666FF 1px solid;
}
.css_tarif_td02titre {
  padding : 3px;
  background-color: #66aadd; /* 99CCFF; */
  color: #003366;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  vertical-align: center;
  border-top:     #6666FF 1px solid;
  border-right:   #6666FF 1px solid;
  border-bottom:  #6666FF 1px solid;
  border-left:    #6666FF 1px solid;
}
.css_tarif_td01 {
  padding : 3px;
  background-color: #99CCFF;
  color: #000088; /* 003366 */
  font-size: 12px;
  text-align: left;
  vertical-align: top;
  border-top:     #6666FF 1px solid;
  border-right:   #6666FF 1px solid;
  border-bottom:  #6666FF 1px solid;
  border-left:    #6666FF 1px solid;
}
.css_tarif_td02 {
  padding : 3px;
  background-color: #99CCFF;
  color: #000088;
  font-size: 16px;
  text-align: center;
  vertical-align: center;
  border-top:     #6666FF 1px solid;
  border-right:   #6666FF 1px solid;
  border-bottom:  #6666FF 1px solid;
  border-left:    #6666FF 1px solid;
}
.css_tarif_td03 {
  padding : 5px 5px 5px 5px;
  background-color: #99CCFF;
  color: #000088;
  font-size: 12px;
  text-align: left;
  vertical-align: top;
  border-top:     #6666FF 1px solid;
  border-right:   #6666FF 1px solid;
  border-bottom:  #6666FF 1px solid;
  border-left:    #6666FF 1px solid;
}




/*  galerie photo diaporama  (début) */

div#galerie {
	width: 620px;
	background: #000; /* eed */
	border: 1px solid #dcb;
	padding: 15px;
	margin: 15px 30px;
	text-align: center;
	font: 0.9em Georgia, serif;
}

ul#galerie_mini {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul#galerie_mini li {
	float: left;
	margin: 0;
	padding: 0;
}

ul#galerie_mini li a img {
	margin: 1px 1px 1px 1px;
	border: 1px solid #dcb;
}

dl#photo {
	clear: both;
	margin: 0 auto;
}

dl#photo dt {
	font: italic 2.5em/1.5em Georgia, serif;
	color: #dcb;
}

dl#photo dd {
	margin: 0;
}

dl#photo img {
	border: 1px solid #dcb;
}
/*  galerie photo diaporama  (fin)  */





.nobreakbeforeafter {
  margin-bottom: 0px;
  margin-top: 0px
}
.nobreakbefore {
  margin-top: 0px
}
.nobreakafter {
  margin-bottom: 0px
}


