body {
	background : white;
/* Font                      */
	font-family : geneva, verdana, arial, sans-serif;
	font-size : 11pt;
	behavior:url("style/csshover.htc");  /* impose à IE un comportement plus conforme aux standards */
}

div.main {
  /* centrage horizontal     */
  position : absolute;
  left : 50%;
	margin-left : -375px;
	top : 30px;                          
	
  /* dimensionnement                    */
  width : 750px;
  height : 1410px;
  
  background : #cfcde3;
}

div.titre {
  /* positionnement                     */
  position : absolute;
  top : 5px;
  left : 5px;
  
  /* dimensionnement                    */
  width : 740px;
  height : 80px;
  
  /* couleurs                           */
  background : #FFFFFF;
  /*border : 2px solid #AAAAAA;*/
  
  /* police                             */
  font-size : 15pt;	
	font-weight : bold;
	text-align : center;
}

div.menuleft {
  position : absolute;
  background : #EEEEFF;
  top : 104px;
  left : 5px;
  width : 94px;
  height : 1280px;
}

div.content {
  position : absolute;
  top : 104px;
  left : 104px;
  height : 1280px;
  width : 641px;
  background : #FFFFFF;
  color : #000;
  /*border : 2px solid #AAAAAA;*/
  font-size : 10pt;
  font-weight : normal;
}

div.pub {
  position : absolute;
  top : 780px;
  left : 50%;
  margin-left : -230px;
	text-align : center;
}

div.soustitre {
  text-align : center;
  font-size : 13pt;
  font-weight : bold;
  width : 600px;
}

div.texte_centre {
  text-align : center;
  font-size : 11pt;
  margin-left : 10px;
  margin-right : 20px;
}

div.foot {
  position : absolute;
  top : 1390px;
  left : 10px;
  width : 730px;
  background : #bfbdd3;
  text-align : center;
  font-size : 8pt;
  color : #333333;
}

div.head {
  position : absolute;
  top : 88px;
  left : 10px;
  width : 730px;
  background : #bfbdd3;
  text-align : center;
  font-size : 8pt;
  color : #333333;
}

img.logor {
  /* positionnement                     */
  float : right;
  border : 0px;
  /* dimensionnement                    */
  width : 90px;
  height : 80px;
}

img.logol {
  /* positionnement                     */
  float : left;
  border : 0px;
  /* dimensionnement                    */
  width : 90px;
  height : 80px;
}

div.button {
  position : absolute;
  left : 4px;
  margin-top : 115px;
  width : 84px;
  height : 45px;
  border : 1px solid #AAAABB;
  color : #FFFFFF;
  font-size: 8pt;
  z-index : 1;
}

div.button_title {
  position : absolute;
  width : 100%;
  left : 0px;
  top : 36%;
  text-align : center;  
  font-family: geneva, verdana, arial, sans-serif;
	font-weight : bold;
}

img.enluminure {
	width : 90px;
	float : left;
	margin : 15px;
}

a:link {
  color : #FFFFFF;
  font-family: geneva, verdana, arial, sans-serif;
	font-weight : bold;
	text-decoration : none;
}

a:hover {
  color : #FFFFFF;
  font-family: geneva, verdana, arial, sans-serif;
	font-weight : bold;
	text-decoration : none;
}

a:visited {
  color : #FFFFFF;
  font-family: geneva, verdana, arial, sans-serif;
	font-weight : bold;
	text-decoration : none;
}

div.content a:hover {
	color : #000;	
}

div.content a:visited {
	color : #000;	
}

div.content a {
	color : #000;	
}

div.text a:hover {
	color : #000;	
}

 div.text a {
	color : #000;	
}

div.text a:visited {
	color : #000;	
}

div.text {
  text-align : left;
  font-size : 11pt;
  margin-left : 10px;
  margin-right : 20px;	
}

div.galerie {
	position : absolute;
	top : 84px;
	left : 20px;
	width : 550px;
	height : 555px;	
	overflow : hidden;
	z-index : 1;
}
div.photo1, div.photo2,div.photo3, div.photo4,div.photo5 {
	position : absolute;
	margin-top : 100%;
	top : -165px;
	left : 35px;
	width : 100px;
	height : 75px;
	overflow : hidden;
	z-index : 2;
}
div.photo2 {
	left : 135px;
}
div.photo3 {
	left : 235px;
}
div.photo4 {
	left : 335px;
}
div.photo5 {
	left : 435px;
}
div.photo1:hover, div.photo2:hover, div.photo3:hover, div.photo4:hover, div.photo5:hover {
	width : 550px;
	height : 500px;
	margin-top : 0%;
	top : 0px;
	left : 0px;
	border : none;
	z-index : 1;	
}
img.galbig {
	position : absolute;
	margin-left : 50%;
	left : -245px;
	top : 0px;
	width : 500px;
	border : 2px solid black;
	visibility : hidden;
}
img.galtmb {
	position : absolute;
	height : 75px;
	border : 2px solid black;
	top : 0px;
	left : 0px;
	visibility : visible;	
}
div.photo1:hover img.galbig, div.photo2:hover img.galbig, div.photo3:hover img.galbig, div.photo4:hover img.galbig, div.photo5:hover img.galbig {
	visibility : visible;
}
div.photo1:hover img.galtmb, div.photo2:hover img.galtmb, div.photo3:hover img.galtmb, div.photo4:hover img.galtmb, div.photo5:hover img.galtmb {
	position : absolute;
	margin-top : 100%;
	top : -170px;
	left : 35px;
	width : 100px;
	height : 75px;
	border-top : 2px solid black;
	border-left : 2px solid black;
	border-right : none;
	border-bottom : none;
}
div.photo2:hover img.galtmb {
	left : 135px;
}
div.photo3:hover img.galtmb {
	left : 235px;
}
div.photo4:hover img.galtmb {
	left : 335px;
}
div.photo5:hover img.galtmb {
	left : 435px;
}