/****************************************************
La DIV mère
*****************************************************/
#mere
{
   width: 950px;
   margin: auto; /* Pour centrer notre page */
   border:solid 1px black;
   
  /* margin-top: 20px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
   margin-bottom: 20px;    /* Idem pour le bas du navigateur */
   background-color: #14449D; /*    ancienne couleur jaune */
   

}


/*****************************************************
La balise Body 
***************************************************/

body
{
 /*  background-image: url("degrade.png");
   background-repeat: repeat-x; */
   background-color:rgb(239,239,239);  /* Couleur du fond */
   
   margin:0px;
   padding:0px
   
   
   
}
/*****************************************************
La banniere
******************************************************/
#header
{
	background-image:url("banniere.png");
	background-repeat: no-repeat;
	width:950px;
	height:150px;

}

/*****************************************************
Le menu
*****************************************************/
#menu
{
	background:rgb(203,80,36);
	width:950px;
	float: left;
	height:45px;
	font-family:arial;
	font-weight:bold;
	color: white;
	font-size:1.1em;
	margin:0px;
	padding:0px;
}


li
{
 list-style-type: none; /* Aucune puce dans le menu */
 display: inline;
 padding : 0 0.5em; /* Pour espacer les boutons entre eux */
 margin:0px;
}

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

a:visited
{
	text-decoration:none;
	color:white;
}

a:hover,a:focus
{
	color:#15459F;
	text-decoration:none;
}


/*******************************************************
La zone de texte
******************************************************/
#texte
{
width: 670px;
height:700px; /*Zone à 500 initialement*****************************************************************************************/
border-right:solid 2px gray;
float: left;
background-color:white;
padding:20px;
}

h2  
{
color:#CB5024;
}

.cadre
{
width: 670px;
height:630px;/*Zone à 500 initialement*****************************************************************************************/
overflow: auto;
padding-left: 5px;
padding-right: 5px;
color:gray;    /* Essai de couleur de texte */
text-align: justify;
}


h3
{
color:#CB5024;
padding-top:0px;
margin-top:0px;


	
}







.video

{
 display: block;
 margin: 0 auto;
}

/******************************************************
Page explication 
******************************************************/

#schema    /*     Le schema de la maison  */
{
	width:650px;
	height:382px;
	margin:0px;
}

/**********************************************************
Resultat de la page calcul de votre rendement
***********************************************************/
#resultat
{
	border:inset 2px gray;
	padding: 10px;
	color: gray;
	
	font-size:1.1em;
	margin-left:40px;
	margin-right:40px;
}





/*******************************************************
Zone de contact 
*******************************************************/
#colonne
{

float: right;

background-color:white;
width: 238px;
height:600;
}

/**************************************************************
l'hotesse
**************************************************************/


#hotesse
{
display: block; 
margin: 0 auto;   
height:519px;
width:225px;
}



/*******************************************************
Infos légales 
*******************************************************/
#footer
{
	width:950px;
	height:50px;
	background:rgb(203,80,36);
	clear: both;text-align: center;
	color:white;
	
	
}