body {
 font-family:verdana, sans-serif;
 font-size:80%;
 /* Attention le / est nécéssaire pour définir le chemin*/
/* background: #AFA99B url('/fond.jpg') top left no-repeat;*/
/*	background-color: #E0F0FF;*/
  /*background:#b0c4de;*/
 /*background-image:url(arcachon1909.bmp) top left no-repeat;*/
 margin: 0;
 padding: 0;
 height:100%; /* 100 % en hauteur */
}
h1 {
 font-family:verdana, sans-serif;
 font-size:1%;
}
h2 {
 font-family:verdana, sans-serif;
 font-size:70%;
}
h3 {
 font-family:verdana, sans-serif;
 font-size:1%;
}



html>body #wrap {height:100%;} /* 100 % en hauteur */

#header 
{
   width:100%;
   height:0em;
}

html>body #header 
{
  position:absolute;
  z-index:10; /* empêche certains problèmes avec les élements de formulaire */
}

html>body #content-wrap {
	height:100%;
	position: absolute;
	top: 321px;
	left: 160px;
} /* 100 % en hauteur */

html>body #content {
 padding-top: 3em;
 padding-right: 3em;
 padding-left:  3em;
 margin-right: 5%;

/*padding:6em 1em;*/
} /* 6em = hauteur de #header et #footer + 1em, 1em = donne au contenu un peu d'espace par rapport aux bords */

#footer 
{
/*display:block;
   clear:both;*/
	padding-top: 1em;
	padding-right: 4em;
	padding-left:  0em;
   /*height:5em;*/
}



/* ------------------------------------------------------------------------------------
Tha Drop-down Menu
------------------------------------------------------------------------------------ */

/* Elements de premier niveau
--------------------------------------*/
#menuDeroulant
{
	background: black;
	width: 750px;
	height: 21px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
	position: absolute;
	top: 10px;
	left: 160px;
}
#menuDeroulant li
{
	float: left;
	width: 150px;
	margin: 0;
	padding: 0;
	border: 0;
}
#menuDeroulant li a:link, 
#menuDeroulant li a:visited
{
	display: block;
	height: 1%;
	color: #FFF;
	background: #3B4E77;
	margin: 0;
	padding: 4px 8px;
	border-right: 1px solid #fff;
	text-decoration: none;
}
#menuDeroulant li a:hover { background-color: green;
/*background-color: #F2462E;*/
 }
#menuDeroulant li a:active { background-color: #5F879D; }

#menuDeroulant .sousMenu
{
	display: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
}
#menuDeroulant .sousMenu li
{
	float: none;
	margin: 0;
	padding: 0;
	border: 0;
	width: 149px;
	border-top: 1px solid transparent;
	border-right: 1px solid transparent;
}
#menuDeroulant .sousMenu li a:link, 
#menuDeroulant .sousMenu li a:visited
{
	display: block;
	color: #FFF;
	margin: 0;
	border: 0;
	text-decoration: none;
	background: transparent url("/fondTR.png") repeat;
}

#menuDeroulant .sousMenu li a:hover
{
	background-image: none;
	/*background-color: #F2462E;*/
	background-color: green;
}

#menuDeroulant li:hover > .sousMenu { display: block; }

div.contenu { 
/*background-image:url('/snow-landscape.jpg') ;*/
padding-bottom: 10em;
}

div.dons {
	width: 158px;
	height: 144px;
	position: absolute;
	list-style-type: none;
	margin: 5px;
	padding: 5px;
	border: 0;
	top: 61px;
	left: 832px;
	}


div.rectanglemoyenillunileft {
	width: 336px;
	height: 280px;
	position: absolute;
	list-style-type: none;
	margin: 0;
	padding: 5px;
	border: 0;
	top: 55px;
	left: 160px;
}

div.rectanglemoyenilluniright{
	width: 336px;
	height: 280px;
	position: absolute;
	list-style-type: none;
	margin: 0;
	padding: 5px;
	border: 0;
	top: 55px;
	left: 496px;
}

div.skyscraperlarge {
/*	background: #6A6458;
	width: 160px;
	height: 600px;*/
    position:fixed;
	list-style-type: none;
	margin: 0 10px 10px 0;
	padding: 0;
	border: 0;
	float:left;
	top: 0px;
	left: 0;*/
}


/*
body {
  background-color: white;
    width: 80%;
   topmargin="0" ;
  leftmargin="0";
  bgproperties="fixed";
  scrolling="no" ; 
  link=GREN ; 
  vlink=BACK ;
  alink=BLACK ; 
}
*/

table {
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;

	border-width: 5px;
	border-style: ridge;
	border-color: #CCCCCC;
	
	background: white;
   padding: 0px 0px 5px 0px;
   
   height: 100% ;
   align: center;
   valign: top ;

   class: verdana14 ;
}
th {
  align : left ;
  valign: top ;
}
td {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;

	border-width: 1px;
	border-style: ridge;
	border-color: #CCCCCC;
	
	background: white;
   padding: 0px 0px 0px 0px;
   
   height: 100% ;
   align: center;
   valign: top ;

   class: verdana10 ;
}



b {
  align: rigth ;
   font-family: "Times New Roman", serif;

}

b.sous_titre {
  style: blod ;
  align: rigth ;
   font-family: "Times New Roman", serif;
}
b.alert {
  style: blod ;
  align: rigth ;
  color: #ff0000;
  font-family: "Times New Roman", serif;
}


div.menu {
  float:left;
  width: 20%;  
  height: 100% ;
  valign="top" ;
  align="left" ;
  background-color: #B0FFB0;

}


div.lien {
	background-color: white;
	margin: 0;
	padding: 0;
	border: 0;
}
div.info_gene {
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;

	border-width: 5px;
	border-style: ridge;
	border-color: #CCCCCC;
	
	background-color: #E0F0FF;
   padding: 0px 0px 0px 0px;
   
   height: 100% ;
   align: left;
   valign: top ;

   class: verdana14 ;

  float:left;
  width: 40%;

}
div.info_conso {
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;

	border-width: 5px;
	border-style: ridge;
	border-color: #CCCCCC;
	
	background-color: #E0F0FF;
   padding: 0px 0px 0px 0px;
   
   height: 100% ;
   align: left;
   valign: top ;

   class: verdana14 ;

  float:left;
  width: 100%;

}
div.info_gene_app {
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;

	border-width: 5px;
	border-style: ridge;
	border-color: #CCCCCC;
	
	background-color: #E0F0FF;
   padding: 0px 0px 0px 0px;
   
   height: 100% ;
   align: left;
   valign: top ;

   class: verdana14 ;

  float:left;
  width: 60%;

}
div.configuration {
	margin-top: 50px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;

	border-width: 5px;
	border-style: ridge;
	border-color: #CCCCCC;
	
	background-color: #E0F0FF;
   padding: 0px 0px 0px 0px;
   
   height: 100% ;
   align: left;
   valign: top ;

   class: verdana14 ;
   width: 50%;
}
div.descrip_det {
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	border-width: 5px;
	border-style: ridge;
	border-color: #CCCCCC;
	
	background-color: #E0F0FF;
   padding: 0px 0px 0px 0px;
   
   height: 100% ;
   align: left;
   valign: top ;

   class: verdana14 ;

  float:left;
  width: 65%;
}
div.descrip_murs {
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;

	border-width: 5px;
	border-style: ridge;
	border-color: #CCCCCC;
	
	background-color: #E0F0FF;
   padding: 0px 0px 0px 0px;
   
   height: 100% ;
   align: left;
   valign: top ;

   class: verdana14 ;

  float:left;
  width: 80%;
  float:left;
}
div.descrip_der_etag {
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;

	border-width: 5px;
	border-style: ridge;
	border-color: #CCCCCC;
	
	background-color: #E0F0FF;
   padding: 0px 0px 0px 0px;
   
   height: 100% ;
   align: left;
   valign: top ;

   class: verdana14 ;

  float:left;
  width: 80%;
}
div.descrip_plancher {
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;

	border-width: 5px;
	border-style: ridge;
	border-color: #CCCCCC;
	
	background-color: #E0F0FF;
   padding: 0px 0px 0px 0px;
   
   height: 100% ;
   align: left;
   valign: top ;

   class: verdana14 ;

  float:bottom;
  width: 65%;
}
div.descrip_fenetres {
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;

	border-width: 5px;
	border-style: ridge;
	border-color: #CCCCCC;
	
	background-color: #E0F0FF;
   padding: 0px 0px 0px 0px;
   
   height: 100% ;
   align: left;
   valign: top ;

   class: verdana14 ;

  float:left;
  width: 60%;
}
div.descrip_portes {
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;

	border-width: 5px;
	border-style: ridge;
	border-color: #CCCCCC;
	
	background-color: #E0F0FF;
   padding: 0px 0px 0px 0px;
   
   height: 100% ;
   align: left;
   valign: top ;

   class: verdana14 ;

  float:left;
  width: 60%;
}
div.descrip_syst_chauff {
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;

	border-width: 5px;
	border-style: ridge;
	border-color: #CCCCCC;
	
	background-color: #E0F0FF;
   padding: 0px 0px 0px 0px;
   
   height: 100% ;
   align: left;
   valign: top ;

   class: verdana14 ;

  float:left;
  width: 60%;
}

div.descrip_eau_chaude {
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;

	border-width: 5px;
	border-style: ridge;
	border-color: #CCCCCC;
	
	background-color: #E0F0FF;
   padding: 0px 0px 0px 0px;
   
   height: 100% ;
   align: left;
   valign: top ;

   class: verdana14 ;

  float:left;
  width: 60%;

}

div.descrip_syst_ventilation {
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;

	border-width: 5px;
	border-style: ridge;
	border-color: #CCCCCC;
	
	background-color: #E0F0FF;
   padding: 0px 0px 0px 0px;
   
   height: 100% ;
   align: left;
   valign: top ;

   class: verdana14 ;

  float:left;
  width: 60%;

}



div.descrip_syst_clim {
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;

	border-width: 5px;
	border-style: ridge;
	border-color: #CCCCCC;
	
	background-color: #E0F0FF;
   padding: 0px 0px 0px 0px;
   
   height: 100% ;
   align: left;
   valign: top ;

   class: verdana14 ;

  float:left;
  width: 60%;

}

div.vignette {
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;

	border-width: 5px;
	border-style: ridge;
	border-color: #CCCCCC;
	
	background-color: #E0F0FF;
   padding: 0px 0px 0px 0px;
   
   height: 100% ;
   align: left;
   valign: top ;

   class: verdana10 ;

  float:left;
  width: 14%;
}


 {
  : ;
}
 {
  : ;
}
 {
  : ;
}
 {
  : ;
}
 {
  : ;
}
 {
  : ;
}
 {
  : ;
}
 {
  : ;
}
 {
  : ;
}
 {
  : ;
}
 {
  : ;
}
 {
  : ;
}
 {
  : ;
}
 {
  : ;
}