@charset "iso-8859-1";
* { padding: 0; margin: 0;}

/* html { height: 101%; } */

body {color: #ffffff; background-color: #747474; 
     background-position: center; background-attachment: fixed; font-family: Verdana,Arial; font-size: 10pt}

a {
  font-weight: bold;
  color: #ffffff;
  font-size:10pt;
  text-decoration: underline;
  }
a:link {
  font-weight: bold;
  color: #ffffff;
  font-size:10pt;
  text-decoration: underline;
  } 
a:hover, a:focus {
  font-weight: bold;
  color: #ffffff;
  font-size:10pt;
  text-decoration: none;
  }

#wrapper {position: relative; background-color: #808060; border-style: solid; border-width: 2px; border-color: #333300; 
         width: 720px; min-height: 770px; margin: 5px auto 0 auto}
#wrapper1 {position: relative; background-color: #CCCC99; border-style: solid; border-width: 2px; border-color: #333300; 
         width: 720px; min-height: 770px; margin: 5px auto 0 auto}
#wrapper3 {position: relative; background-color: #808060; border-style: solid; border-width:3px; border-color: #333300; 
         width: 720px; min-height: 770px; margin: 5px auto 0 auto; background: url(images/fondnoir.jpg)}		 
#bandeau {
  position: relative;        
  color: #ffffff;
  padding: 10px 0px; 
  width: 720px;
  height: 267px;
  /* padding: 0px 0px 0px 0px; */
  background-image: url(images/fond_estompe.jpg);
  background-repeat: no-repeat;
  background-position: center;
  /* opacity : 0.5;
  filter : alpha(opacity=50); */
} 
#bandeau1 {
  position: relative;        
  color: #ffffff;
  padding: 10px 0px; 
  width: 720px;
  height: 407px;
  /* padding: 0px 0px 0px 0px; */
  background-image: url(images/filles30.jpg);
  background-repeat: no-repeat;
  background-position: center;
  /* opacity : 0.5;
  filter : alpha(opacity=50); */
} 
#menu {position: relative; background-color: #BCBCBC; height: 45px; width: 720px}
	#menu1 {position: relative; background-color: #666633; height: 45px; width: 720px}     
#menu a {
  color: #ffffff;
  text-decoration: underline;
  }
#menu a:link {
  color: #ffffff;
  text-decoration: underline;
  } 
#menu a:hover, a:focus {
  color: #ffffff;
  text-decoration: none;
  }

.boutonmenu {
	width: 100px;
	text-align: center;
	/* line-height: 100px; */
	font-size: 10pt;
	color: #000000;
	font-weight: bold;
	border: 1px solid #4B5E5D;
	cursor: pointer;
	display: inline;
	margin: 5px;
	padding: 2px 2px;
	background-color: #ccc990;
}

.boutonmenu:hover {
	width: 100px;
	text-align: center;
	/* line-height: 100px; */
	font-size: 10pt;
	color: #000000;
	font-weight: bold;
	border: 1px solid #4B5E5D;
	cursor: pointer;
	display: inline;
	margin: 5px;
	padding: 2px 2px;
	background-color: #ffffff;
}

#contenu {
  position: relative;  
	/* margin: 10px;*/
}
#photos_gauche {
  position: absolute;
  top: 100px;
  width: 200px;
  height:7px;
  color: #ffffff;
  padding: 5px; 
  margin: 0px -250px;
  /* padding: 0px 0px 0px 0px; 
  background-image: url(images/fond_estompe.jpg);
  background-repeat: no-repeat;
  background-position: center;*/
  background-color: transparent;
}

#photos_droite {
  position: absolute;
  top: 100px;
  right: -290px;
  width: 200px;
  height: 1400px;
  color: #ffffff;
  padding: 5px; 
  /* padding: 0px 0px 0px 0px; 
  background-image: url(images/fond_estompe.jpg);
  background-repeat: no-repeat;
  background-position: center;*/
  background-color: transparent;
}

#photos_droite2 {
  position: absolute;
  top: 100px;
  right: 60px;
  width: 200px;
  height: 1400px;
  color: #ffffff;
  padding: 5px; 
  /* padding: 0px 0px 0px 0px; 
  background-image: url(images/fond_estompe.jpg);
  background-repeat: no-repeat;
  background-position: center;*/
  background-color: transparent;
}
#accueil {
  position: relative;  
  margin: 10px;
}
.titleacco a {
  font-weight: bold;
  color: #CCC990;
  text-decoration: underline;
  font-size:11pt;
  }
.titleacco a:link {
  font-weight: bold;
  color: #CCC990;
  text-decoration: underline;
  font-size:11pt;
  } 
.titleacco a:hover {
  font-weight: bold;
  color: #CCC990;
  text-decoration: none;
  font-size:11pt;
  }
.titleacco a:focus {
  font-weight: bold;
  color: #808060;
  text-decoration: none;
  font-size:11pt;
  background: #CCC990;
  }
.accotexte{
}

#diaporama {
  position: relative;  
}

#diaporama .miniphotos {
	border: 1px solid #CCCCCC;
	margin: 4px;
}

#telechargement {
  position: relative;  
  margin: 10px;
}

#commander {
  position: relative;  
  margin: 10px;
}

#contact {
  position: relative;  
  margin: 10px;
  font-size: 8pt;
}

#avertissement {
  position: relative;
  width: 280px; 
  margin: auto;
  font-size: 8pt;
  text-align: left;
}

#avertissement ul li{
  margin: 0 0 0 3em;
  list-style-type: disk;
  list-style-position: outside; 
}

.btn {
	color: #808060;
	font-size: 10pt;
	font-weight: bold;
	background-color: #E6E9EE;
	border: 2px solid #808060;
}

.impform {
	border: 2px solid #808060;
	background-color: #DCE0E7;
	color: #000000;
	font-size: 10pt;
}
  
#pieddepage {
  position: relative;  
  width: 720px;
  margin: 10px auto 0 auto;
  text-align: center;
  font-size: 8pt;
}

#zone_de_texte {
              /* padding-top: 20px;
               padding-right: 10px;
               padding-bottom: 20px;
               padding-left: 20px;
               margin-right: 40px;
               margin-left: 70px; */
               margin-bottom: -12px;
               background-image: url(images/beige141.jpg);
               }

h1 {
   text-align: center;
   font-size: 16pt;
   color: #000000;
   }

h2 {
   text-align: center;
   font-size: 12pt;
   color: #000000;
   }