body
{
font-family:"Trebuchet MS",Verdana,Arial,serif;
background-color: white; 
background-image: url("images/fond2.jpg");
background-repeat: no-repeat;
background-attachment: scroll;
color: white;
width: 780px;
margin: auto; /* Pour centrer notre page */
margin-top: 40px; 
margin-bottom: 20px;
}

#colGauche 
{
  float:left;
  width: 600px;
  min-height:400px;
  padding: 0 10px 0 10px;
}

#colDroite 
{
  float:right;
  min-height:400px;
  width: auto;
  margin-left:320px;
}

#other_sections  
{
	margin: 0 ;
	padding: 0 ;
}

#other_sections  li
{
	list-style:none;
	padding:10px 0 10px 0;
}


#accueil_link 
{
	color: #F2E4C3;
	text-decoration:none;
	text-align: right;
	margin-left: 45px;
	font-style:italic;
	font-weight:bold;
}


.trestresgrand
{
	font-size: 50px; 
	font-family: Bimini,"Trebuchet MS",Verdana,Arial,serif;
	margin-bottom: 20px;
	line-height: 0.1px;
}

#agence
{
   color: white;
   font-size: 30px;
   text-decoration:none; 
}

#agence1
{
   color: white;
   text-decoration:none; 
}

#agence1 a
{
   color: white;
   text-decoration: none;  
}

#agence1 a:hover
{
   color: #62FF02; 
}

.trespetit
{
font-family:"Trebuchet MS",Verdana,Arial,serif;
   font-size: 14px;
   line-height: 0.1px;
   text-align: right;
}

.trespetit a
{
	color: #362311; /* Les liens seront en noir au lieu de bleu */
}

.trespetit a:hover
{
	color: white; /* Les liens seront en blanc au passage de la souris */
}

.petit
{
	font-family:"Trebuchet MS",Verdana,Arial,serif;
	text-align: right;
	font-size: 14px;
	}

	
a img /* Toutes les images contenues dans un lien */
{
   border: none; /* Pas de bordure */
}

.zoom  img:hover
{
	width: 710px;
}

.carre0
{
   display: block;
}

.carre
{
   display: block;
   margin-left: 5px;
   margin-top: -8px
}

#menu 
{
   float: right; /* Le menu flottera à gauche */
   width: 120px; /* Très important : donner une taille au menu */
   height: 400px;
	margin-top: 20px;
}

#menu_renovation
{
   float: right; /* Le menu flottera à gauche */
   width: 160px; /* Très important : donner une taille au menu */
   min-height:600px;
   height:600px;
   padding-left:600px;

}

#menu_renovation a:hover /* Quand on pointe sur un lien du menu */
{
   background-color: #725E4C;
   color: red;
   font-weight: bolder;
}

#menu_extension
{
   float: right; /* Le menu flottera à gauche */
   width: 160px; /* Très important : donner une taille au menu */
   height: 400px;
}

#menu_extension a:hover /* Quand on pointe sur un lien du menu */
{
   background-color: #725E4C;
   color: #FFF603;
   font-weight: bolder;
}

#menu_construction
{
   float: right; /* Le menu flottera à gauche */
   width: 160px; /* Très important : donner une taille au menu */
   height: 400px;
}

#menu_construction a:hover /* Quand on pointe sur un lien du menu */
{
   background-color: #725E4C;
   color: #03FFD8;
   font-weight: bolder;
}

#menu_publics
{
   float: right; /* Le menu flottera à gauche */
   width: 160px; /* Très important : donner une taille au menu */
   height: 400px;
}

#menu_publics a:hover /* Quand on pointe sur un lien du menu */
{
   background-color: #725E4C;
   color: #FF03E4;
   font-weight: bolder;
}

#menu_ambiance
{
   float: right; /* Le menu flottera à gauche */
   width: 160px; /* Très important : donner une taille au menu */
   height: 400px;
}

#menu_ambiance a:hover /* Quand on pointe sur un lien du menu */
{
   background-color: #725E4C;
   color: #62FF02;
   font-weight: bolder;
}

.renovation a /* Tous les liens se trouvant dans un menu */
{
   color: #F2E4C3;
   text-decoration:none
}

h2
{
color: white;
text-align: right;
margin-right: 20px;
margin-bottom: -5px;
margin-top: 30px;
border: 2px solid red;
padding: 3px
}

.titre2
{
color: white;
font-weight: bolder;
font-size: 24px;
text-align: center;
margin-right: 20px;
margin-left: 5px;
margin-bottom: -5px;
margin-top: -10px;
border: 2px solid #FFF603;
padding: 3px;
}

.titre3
{
color: white;
font-weight: bolder;
font-size: 18px;
text-align: center;
margin-right: 20px;
margin-left: 5px;
margin-bottom: -5px;
margin-top: 5px;
border: 2px solid #03FFD8;
padding: 3px;
}

.titre4
{
color: white;
font-weight: bolder;
font-size: 18px;
text-align: center;
margin-right: 20px;
margin-left: 5px;
margin-bottom: -5px;
margin-top: 5px;
border: 2px solid #FF03E4;
padding: 3px;
}

.titre5
{
color: white;
font-weight: bolder;
font-size: 18px;
text-align: center;
margin-right: 20px;
margin-left: 5px;
margin-bottom: -5px;
margin-top: 5px;
border: 2px solid #62FF02;
padding: 3px;
}

h3
{
color: white;
text-align: left;
border-bottom: 4px double #362311;
margin-right: 30px ;
font-style: italic ;
padding: 40px 0 0 0;
}

h5 a
{
color: #F2E4C3;
text-decoration:none;
text-align: right;
margin-left: 45px;
}

.acceuil a
{

font-size: 14px;
color: #362311;
text-decoration:none;
text-align: right;
margin-left: 45px;
float: right;
}

.acceuil a:hover
{
color: #62FF02;
}

ul
{
list-style-type: square;
color: #F2E4C3;
font-size: 12px;
margin-left: -5px
}

#menu1 
{
   float: left; /* Le menu flottera à gauche */
   width: 120px; /* Très important : donner une taille au menu */
   height: 400px;
	margin-top: 20px;
}



#corps1
{
	text-align: right;
	margin-right: 30px
}

#corps0
{
	font-family:Bimini;
	text-align: right;
	margin-right: 150px
}

#corps
{
	float:right;
	margin-top: -20px;
	margin-right: 170px;
	position:absolute;	
	width:600px;
}



.descriptif
{
	font-size: 14px;
	color: white;
}

.texte
{
font-size: 15px;
text-align: justify;
width: 560px;
float: right;
}

.photo
{
margin-top: 300px;
}



#pied_de_page
{
   color: #362311;
   position: absolute;
   margin-top: 580px;
 right: 250px; 
   height:150px;
   width:100%;
  
}

#pied_de_page1
{
   color: #362311;
   position: absolute;
   margin-top: -10px;
   right: 260px;
      height:150px;
   width:100%;
  
}



