body {margin: 0px; padding: 0px;
  }

.centrer {background-color:#ffffff;
     position:absolute;
     left: 50%; 
     top: 55%;
     width: 800px;
     height: 400px;
     margin-top: -240px; /* moitié de la hauteur */
     margin-left: -400px; /* moitié de la largeur */
     }
.centrer2 {background-color:#ffffff;
     position:absolute;
     left: 50%;
	 top:10px; 
     width: 610px;
     height: 150px;
     margin-left: -305px; /* moitié de la largeur */
     }
.icson {
		top:-50px;
     }	 
html>body .icson {
		top:-45px;
     }	 	 
.contact {margin: 0px; padding:0px; position: static;
top:60px;left:10px;width:610px;height:140px; border:1px solid #adadae;;z-index:75; 
}
	 

.atexte {margin: 0px;padding:0px;background-color:transparent;
  }
.atexte span {margin: 0px; padding: 0px;
text-decoration: none;
  font-family: verdana,sans-serif;
  font-size: 10px;
  color: #000000;cursor: default;
  } 
.atexte p {margin: 0px; padding: 0px;
text-decoration: none;
  font-family: verdana,sans-serif;
  font-size: 10px;
  color: #000000;cursor: default;
  }
.atexte2 {margin: 0px;padding:0px;background-color:transparent;
  }
.atexte2 span {margin: 0px; padding: 0px;
text-decoration: none;
  font-family: verdana,sans-serif;
  font-size: 10px;
  color: #808080;cursor: default;
  } 
.atexte2 p {margin: 0px; padding: 0px;
text-decoration: none;
  font-family: verdana,sans-serif;
  font-size: 10px;
  color: #808080;cursor: default;
  }  
.legende {background-color: transparent;text-align:right;text-indent:0px;
position: absolute;margin:0px; padding:0px;padding-bottom:none;margin-bottom:none;
width:190px; height:12px;top:288px; left:560px;z-index:8;
text-decoration: none;
  font-family:verdana,sans-serif;
  font-size: 9px;
  color: #A31F1F;cursor: default;
  } 
.menu {margin:0%; padding:0%;height:74px; text-align: left;
position:absolute; left:393px; top:177px;
  background-color: transparent;
 z-index:35; visibility: visible;border:none;
 }
.menu p {margin: 0%;padding:0%;
font-family: verdana,sans-serif;
  font-size: 10px;background-color:transparent;
;height:74px;
}
.menu a {margin: 0%; padding:0%; 
  background-color: transparent;
  text-decoration: none;
 font-family:verdana,sans-serif;
  font-size: 10px;
  color: black;

 
  line-height:11px;
  text-align: left;
}
.menu a:hover {margin: 0%; padding:0%; 
  background-color: #e4e2e1;
}
.logo {
	margin: 0px;
	padding:0px;
	z-index:72;
	background-color: transparent;
	position:absolute;
	left:16px;
	top:12px;
	heigth:50px;
	width:50px;
	visibility: visible;
	cursor:pointer;

  }
  
  
 

  .cadre {margin: 0; padding:0px 0px 0px 0px;
   z-index:72; background-color: #98C651;
 position:absolute;
 left:0px;top:0px;
 border: none;
 height:75px;width:100%;
  }
html>body .cadre {
height: 75px;
}
  .cadre2 {margin:0px; padding:0px 0px 0px 0px;width:10px; height:233px;
   position: absolute;top:125px; left:374px;z-index:6;
   border-right: 2px solid #adadae;
  
  }
html>body .cadre2 {
width: 10px;height: 233px;
}
   .cadre3 {margin: 0px; padding:0px; z-index:1;width:35px;position: relative;
 height:43px;width:253px; background-color: #ffffff;position:absolute;left:359px;top:166px;border: 1px solid #adadae;
  }
html>body .cadre3 {
width: 252px;height:41px;
}  
  .cadre4 {margin: 0px; padding:0px; z-index:5;width:35px;position: relative;
 height:17px;width:21px; background-color: #ffffff;position:absolute;left:267px;top:186px;border: 1px solid #adadae;
  }
  .contact {position: absolute;vertical-align:top;
  background-color:transparent;margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;
  width:15px; height:11px;
  top:78px; left:38px;z-index:7;cursor: pointer;
  }
 html>body .contact {
width: 15px;height: 11px;
}  
  .arappel {margin: 0px; padding:0px; 
position:absolute; left:10px; top:420px;
  width:250px; height:1px; z-index:70; visibility: visible;text-align: left; 
  }
  .arappellien {margin: 0%; padding:0%; 
 font-family: verdana,sans-serif;
  font-size: 10px; font-style: normal; color: #7a7a7a; text-decoration: none;cursor:pointer;
 }
.arappellien p {margin: 0%; padding:0%; 
 }
arappellien a {margin: 0%; padding:0%; 
COLOR:#606562; text-decoration: none;
  font-style: normal; font-family: verdana,sans-serif;
  font-size: 10px;
  text-align: left;cursor:pointer; 
  }        
a.arappellien:hover {margin: 0%; padding:0%; 
COLOR:#36393D; text-decoration: none;
  font-style: normal; font-family: verdana,sans-serif;
  font-size: 10px;
  }

.arappellien2 {margin: 0%; padding:0%; 
 font-family: verdana,sans-serif;
  font-size: 10px; font-style: normal; color: #A31F1F; text-decoration: none;cursor:pointer;
 }
.arappellien2 p {margin: 0%; padding:0%; 
 }
arappellien2 a {margin: 0%; padding:0%; 
COLOR:#A31F1F; text-decoration: none;
  font-style: normal; font-family: verdana,sans-serif;
  font-size: 10px;
  text-align: left;cursor:pointer; 
  }        
a.arappellien2:hover {margin: 0%; padding:0%; 
COLOR:#36393D; text-decoration: none;
  font-style: normal; font-family: verdana,sans-serif;
  font-size: 10px;
  }

.curseurh {margin:0%; padding:0%;height:10px;width: 9px;cursor:pointer;
position:absolute; left:387px; top:337px;
  background-color: transparent;
 z-index:20; visibility: visible;border:none;
 }
 .curseurb {margin:0%; padding:0%;height:10px;width: 9px;cursor:pointer;
position:absolute; left:387px; top:346px;
  background-color: transparent;
 z-index:21; visibility: visible;border:none;
 }
.work
{margin:0%;
 padding:0%;
 z-index:10; visibility: visible;border-top:none;
}
html>body .work {

}
.work p {
  margin:0%;
 padding:0%;font-family: verdana,sans-serif;
  font-size: 10px;
}
html>body .work p {

}
.work a {position: relative;cursor:pointer;
  margin:0%; 
 padding:0%;
  text-decoration: none;
    font-family: verdana,sans-serif;
  font-size: 10px;
  color: black;
  display: block;

}
html>body .work a {

  height:16px;
}
.work a:hover {margin: 0%; padding:0%; 
  color: #A31F1F;
}
 .cachetext1 {margin: 0%; padding:0%; z-index:69;width:35px;position: relative;
 height:40px;width:350px; background-color:#ffffff;position:absolute;left:430px;top:84px;
  }
 .cachetext2 {margin: 0%; padding:0%; z-index:69;width:35px;position: relative;
 height:40px;width:350px; background-color:#ffffff;position:absolute;left:430px;top:365px;
  }
.gra1 {margin: 0%; padding:0%;
   z-index:72;
 position:absolute;
 left:0px;top:-100px;
 height:120px;width:100%;

  }
  
html>body .gra1 {
height: 120px;
}
 .gra2 {margin: 0%; padding:0%;
   z-index:72; background-color: #ffffff;
 position:absolute;
 left:0%;top:100%;
 height:215px;width:100%;
 border-top:1px solid #98C651;
  }
 .bordphoto {border:1px solid #ACACAB; cursor: pointer;}
  .bordphoto2 {border:1px solid #000000; cursor: pointer;}
.fermer {margin:0px;padding:0px; width:120px; height:7px; z-index:4; visibility: visible;}
.fondboite {margin: 0px; padding:0px; 
 background: #eeeeee; border: solid 1px #ffffff; 
border-top-color: #888888; border-left-color: #888888;font-family:arial,sans-serif;font-size:11px;vertical-align: text-bottom;
}