/* CSS Document */
body { background-color: #FFFFFF;
    }

  #cadre {
  	width:824px; 
  	height: auto;
    top: 50%;
    left: 50%;
    margin-top: -350px;
    margin-left: -412px;
    position: absolute;
    z-index: 0;
    background-color: #ffffff;
    }
 
 #menuhaut {
 width:824px;
 height:15px;
 padding:5px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:9px;
 color:#999999;
 text-align:center;
 }
  #menuhaut a{
  font-family:Verdana, Arial, Helvetica, sans-serif;
  color:#CCCCCC;
 text-decoration:none;
 }
  #menuhaut a:hover{
 font-family:Verdana, Arial, Helvetica, sans-serif;
  color:#CCCCCC;
 text-decoration: underline;
 }
 
 #logo {
 width:824px;
 height:94px;
 }
 
 #flashmenu {
 width:824px;
 height:125px;
 background: url(images/fond-menu-creations.jpg);}
 
 #flashphoto {
 width:365px;
 height:486px;
 position: relative;
 float:left;
 }
 
 #flashphotocrea {
 width:500px;
 height:486px;
 position: relative;
 float:left;
 background:url(images/fond-creations.jpg) no-repeat left;
 }
 
 #milieu {
 width:342px;
 height:486px;
 position: relative;
 float:left;
 }
 
 #milieucrea {
 width:207px;
 height:486px;
 position: relative;
 float:left;
 }
 
 #contenutexte {
 width:342px;
 height:377px;
 background:url(images/contenu-texte.jpg) no-repeat;
 }
 
 #contenutextecrea {
 width:207px;
 height:377px;
 background: url(images/contenu-texte-crea.jpg) no-repeat;
 }
 
 #bas {
	width: 342px;
	height: 109px;
	background:url(images/bas.jpg) no-repeat;
	 }
 #bascrea {
	width: 207px;
	height: 109px;
	background:url(images/bas-crea.jpg) no-repeat;
	 }
 
 #droit {
 width:117px;
 height:486px;
 background:url(images/bord-droit.jpg) no-repeat;
 position: relative;
 float:left;
 }
 
 #droitcrea {
 width:117px;
 height:486px;
 background:url(images/bord-droit-crea.jpg) no-repeat;
 position: relative;
 float:left;
 }
 
 #texte {
 width: 290px;
 height:260px;
 margin: 45px 15px 10px 20px;
 position:absolute;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 overflow: auto;
 }
 
  #map {
 width: 500px;
 height:486px;
 float: left;
 position:relative;
 background:url(images/fond-map.jpg);
 }
 #contenumap {
 width: 380px;
 height:345px;
 margin: 20px 20px 20px 95px;
 position:relative;
 overflow: hidden;

 }
 #textecrea {
 width: 160px;
 height:300px;
 margin: 60px 15px 10px 30px;
 position:absolute;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 overflow: auto;
 }
 #titre #titre2{
 width:auto;
 height:auto;
 margin:7px 0 7px 0;
 }
 
 #pied{
 width:824px;
 height: auto;
 clear:both;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:10px;
 color: #999999;
 text-align:center;
 }
 
#pied a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#999999;
	font-weight:bold;
	text-decoration:none;
 }
 #pied a:hover{
 	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#999999;
	font-weight:bold;
	text-decoration: underline;
 }
 #pagecreation {
 width:824px;
 height:486px;
 position:relative;
 background:url(images/fond-creations.jpg); 
 }
 #blocFormulaire {
	border: 1px solid black;
	display: block;
	height: 150px;
	position: absolute;
	z-index: 10;
	width: 360px;
	left: 400px;
	bottom: 60px;
	background-color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	padding: 2px;
	visibility: hidden;
}