<style type="text/css">
<!--
.bloc {
background-color: blue;
height: 50px;
width: 100px;
float: left;
}
.papier {
background: white;
width: 95%;
height: 900px;
visibility:visible; 
border-left: solid 30px white;
border-right: solid 30px white;
}
.wrapper {
position:relative; 
width:1000px;
height:90px;
margin: auto;
}

.bandeau {
height: 80px;
width: 1000px;
color:white;
background:url(bandeau.jpg);
background-repeat: no-repeat;
}


.home_bandeau {
width:200px;
}

.titre1 {
position:relative;
float: left;
background-color: #8888FF;
height: 25px;
width: 498px;
border-right: solid 2px white;
font-family: verdana, sans-serif;
color: white;
}
.titre2 {
position:relative;
float: left;
background-color: #AAAAFF;
height: 25px;
width: 498px;
border-left: solid 2px white;
font-family: verdana, sans-serif;
color:white;
}
.titrage{
position:relative;
float: left;
top:-20px;
height: 20px;
width: 470px;
}
.menu11 {
background-color: #8888FF;
height: 20px;
width: 164px;
float:left;
border-top: solid 2px white;
color:white;
font-size: 1.2em;
}
.menu12 {
background-color: #8888FF;
height: 20px;
width: 166px;
float:left;
border-top: solid 2px white;
border-right:solid 2px white;
border-left:solid 2px white;
color:white;
font-size: 1.2em;
}
.menu13 {
background-color: #8888FF;
height: 20px;
width: 164px;
float:left;
border-top: solid 2px white;
color:white;
font-size: 1.2em;
}

.menu21 {
background-color: #AAAAFF;
height: 20px;
width: 164px;
float:left;
border-top: solid 2px white;
border-left: solid 4px white;
color:white;
font-size: 1.2em;
}
a{
text-decoration:none;
}

.menu22 {
background-color: #AAAAFF;
height: 20px;
width: 166px;
float:left;
border-top: solid 2px white;
border-right:solid 2px white;
border-left:solid 2px white;
color:white;
font-size: 1.2em;
}
.menu23{
background-color: #AAAAFF;
height: 20px;
width: 164px;
float:left;
border-top: solid 2px white;
font-size: 1.2em;

}
.popup11{
list-style-type: none;
position: absolute;
background-color: #EEEEEE;
top: 126px;
height: 210px;
width: 164px;
float: left;
visibility: hidden;
z-index:2;
color: blue;
font-size: 0.8em;
}
.popup12{
list-style-type: none;
position: absolute;
background-color: #EEEEEE;
top: 126px;
height: 170px;
width: 166px;
left: 166px;
visibility: hidden;
z-index:2;
color: blue;
font-size: 0.8em;
}

.popup13{
list-style-type: none;
position: absolute;
background-color: #EEEEEE;
top: 126px;
height: 130px;
width: 164px;
left: 334px;
visibility: hidden;
z-index:2;
color: blue;
font-size: 0.8em;
}
.popup21{
position: absolute;
background-color: #00FF00;
top: 126px;
height: 60px;
width: 164px;
left: 502px;
visibility: hidden;
z-index:2;
}
.popup22{
position: absolute;
background-color: #00FF00;
top: 126px;
height: 60px;
width: 166px;
left: 668px;
visibility: hidden;
z-index:2;
}
.popup23{
position: absolute;
background-color: #00FF00;
top: 126px;
height: 60px;
width: 164px;
left: 836px;
visibility: hidden;
z-index:2;
}
.fond {
position : absolute;
top: 130px;
background: url(fond2.JPG); 
width: 1000px;
height: 400px;
visibility:visible; 
z-index:0;
}

.actualite{
top:530px;
width: 1000px;
height:20px;
position: absolute;
border: 1px outset #FFFFFF;
}

.trait {
background-color: #9999FF;
height: 3px;
width: 1000px;
}

.col1 {
background-color: #EEEEEE;
width: 47%;
float: left;
}
.col11 {
top: 547px;
position: absolute;
background-color: #EEEEEE;
width: 47%;
float: left;
margin-left:60px;
}
.col21 {
position: absolute;
background-color: #9999FF;
top: 558px;
height=200px;
width: 300px;
}
.col22 {
position: absolute;
background-color: #9999FF;
top: 558px;
height=200px;
width: 300px;
left: 350px;
}
.col23 {
position: absolute;
background-color: #9999FF;
top: 563px;
height=200px;
width: 300px;
left: 700px;
}
.popupb1 {
top: 390px;
position:absolute;
background-color: #CCCCFF;
height:200px;
width: 300px;
float: left;
visibility: hidden;
z-index:2;
}
.popupb2 {
top: 390px;
left:350px;
position:absolute;
background-color: #CCCCFF;
height:200px;
width: 300px;
float: left;
visibility: hidden;
z-index:2;

}
.trait2 {
position:absolute;
background-color: #9999FF;
top: 621px;
height: 3px;
width: 1000px;
}
.montant_aides{
background:#FFCC33;
color:white;
padding: 3px;
font-family:arial;

}

.body_right_all{
top: 140px;
left: 740px;
position: absolute;
height: 480px;
width: 260px;
background-color: url(cadredr_1.JPG);
}

.body_right_top1{
position: absolute;
top: 170px;
left: 900px;
width: 270px;
background: #FFCC33;
font-family: Arial, Times, "Times New Roman", serif;
font-weight: bold;
font-size: 1.0em;
color: white;
}
.body_right_top2{
position: absolute;
margin-top: 5px;
top: 210px;
left: 900px;
width: 270px;
background: #FFCC33;
}

.body_right_middle {
position:absolute;
top: 250px;
left: 900px;
}



table#tableau_coup_de_pouce_financier/* Le tableau en lui-même */
{
margin: auto; /* Centre le tableau */
border: 2px outset #FFFFFF; /* Bordure du tableau avec effet 3D (outset) */
border-collapse: collapse; /* Colle les bordures entre elles */
}

table#tableau_coup_de_pouce_financier th /* Les cellules d'en-tête */
{
background-color: #6666FF;
color: white;
font-size: 0.8em;
font-family: Arial, "Arial Black", Times, "Times New Roman", serif;
}

table#tableau_coup_de_pouce_financier td /* Les cellules normales */
{
border: 1px solid black;
font-family: Times, "Times New Roman", serif;
font-size: 0.7em;
text-align: center; /* Tous les textes des cellules seront centrés*/
padding: 5px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
}

table#tableau_coup_de_pouce_financier caption /* Titre du tableau */
{
margin: auto; /* Centre le titre du tableau */
font-family: Arial, Times, "Times New Roman", serif;
font-weight: bold;
font-size: 1.2em;
color: #6666FF;
margin-bottom: 20px; /* Pour éviter que le titre ne soit trop collé au tableau en-dessous */
}


.equipements_eligibles{
position:absolute;
top: 130px;
left:1px;
}

table#tableau_equipements_eligibles/* Le tableau en lui-même */
{
margin: auto; /* Centre le tableau */
border: 2px outset #FFFFFF; /* Bordure du tableau avec effet 3D (outset) */
border-collapse: collapse; /* Colle les bordures entre elles */
}

table#tableau_equipements_eligibles th /* Les cellules d'en-tête */
{
background-color: #6666FF;
color: white;
font-size: 0.8em;
font-family: Arial, "Arial Black", Times, "Times New Roman", serif;
}

table#tableau_equipements_eligibles td /* Les cellules normales */
{
border: 1px solid black;
font-family: Times, "Times New Roman", serif;
font-size: 0.7em;
padding: 5px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
}

table#tableau_equipements_eligibles caption /* Titre du tableau */
{
margin: auto; /* Centre le titre du tableau */
font-family: Arial, Times, "Times New Roman", serif;
font-weight: bold;
font-size: 1.2em;
color: #6666FF;
margin-bottom: 20px; /* Pour éviter que le titre ne soit trop collé au tableau en-dessous */
}


.menugauche{
position: absolute;
top: 140px;
background: #FFFFFF;
width: 170px;
padding-left: 5px;
padding-right: 5px;
font-family: arial;
color: #333333;
}

.trait_titre_h2_court{
position:absolute;
background-color: #333333;
top: 50px;
height: 1px;
width: 535px;
}

.trait_titre_h2_long{
position:absolute;
background-color: #333333;
top: 80px;
height: 1px;
width: 535px;

}
.trait_titre_h3_court{
position:absolute;
background-color: #333333;
top: 40px;
height: 1px;
width: 535px;
}

.trait_titre_h3_long{
position:absolute;
background-color: #333333;
top: 70px;
height: 1px;
width: 535px;
}

.middle1{
position: absolute;
top: 140px;
left: 180px;
width: 535px;
height: 480px;
background-color: #FFFFFF;
visibility: visible;
padding-left: 10px;
padding-right: 5px;
color: #333333;
}
.middle{
position: absolute;
top: 140px;
left: 180px;
width: 535px;
height: 480px;
background-color: #FFFFFF;
visibility: hidden;
padding-left: 10px;
padding-right: 5px;
color: #333333;
}

.buttoncm{
position: absolute;
bottom :0px;
right: 10px;
}

.installations_categories{
position:absolute;
top: 70px;
left:1px;
}

table#tableau_installations_categories/* Le tableau en lui-même */
{
margin: auto; /* Centre le tableau */
border: 2px outset #FFFFFF; /* Bordure du tableau avec effet 3D (outset) */
border-collapse: collapse; /* Colle les bordures entre elles */
}

table#tableau_installations_categories th /* Les cellules d'en-tête */
{
background-color: #6666FF;
color: white;
font-size: 0.8em;
font-family: Arial, "Arial Black", Times, "Times New Roman", serif;
}

table#tableau_installations_categories td /* Les cellules normales */
{
border: 1px solid black;
font-family: Times, "Times New Roman", serif;
font-size: 0.7em;

padding: 5px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
}

table#tableau_installations_categories caption /* Titre du tableau */
{
margin: auto; /* Centre le titre du tableau */
font-family: Arial, Times, "Times New Roman", serif;
font-weight: bold;
font-size: 1.2em;
color: #6666FF;
margin-bottom: 20px; /* Pour éviter que le titre ne soit trop collé au tableau en-dessous */
}

.tableau_superficie{
position:absolute;
top: 450px;
background:url(Sans titre.jpg);
}

.page2{
position:absolute;
left: 0px;
top: 140px;
height:480px;
width:1000px;
background:white;
}

.recherche_presentation_2-1-2{
position:absolute;
left:450px;
top:170px;
height:100px;
width:500px;
color:black;
font-family: Arial, Times, "Times New Roman", serif;
font-size: 0.8em;
}

.recherche_2-1-2{
position:absolute;
left:450px;
top:280px;
height:230px;
width:500px;
background:#AAAAFF; 
overflow: auto; 
color:blue;
}

.recherche_2-2-2{
position:absolute;
left:450px;
top:280px;
height:230px;
width:500px;
background:#AAAAFF; 
overflow: auto; 
color:blue;
}

.recherche_2-3-2{
position:absolute;
left:450px;
top:280px;
height:230px;
width:500px;
background:#AAAAFF; 
overflow: auto; 
color:blue;
}


.calcul_credit_impot{
position: absolute;
top: 115px;
font-size : 0.9em;

}

.zoom {
height:400px;
}
.zoom p {
text-align:center;
}
.zoom img {
width:200px;
height:267px;
}
.zoom img:hover {
width:300px;
height:400px;
}


.footer_bottom{
position:absolute;
top: 830px;
font-size: 0.8em;
color:black;
text-align:left;
}

.middlewide{
position: absolute;
top: 50px;
left: 50px;
width: 600px;
height: 600px;
background-color: #AAAAAA;
border: 2px solid black;
visibility: hidden;
}


.cadredroit{
position: absolute;
top: 200px;
left: 750px;
width: 350px;
height: 300px;
background-color: #AAAAAA;
border: 2px solid black;
}

#footer{
position: relative;
top:1050px;
font-family: verdana, sans-serif;
}

#footer .top,#footer .bottom{
height:6px;margin:0 6px;background-color:#f1e9ef;
}
#footer .top{
border-top:1px solid #b6b6b6;
}
#footer .bottom{
border-bottom:1px solid #b6b6b6;
}
#footer .left,#footer .right{
background-image:url();width:6px;height:7px;
}
#footer .left{
float:left;
margin-left:-6px;
margin-top:-1px;
}
#footer .right{
float:right;
background-position:-28px 0;
margin-right:-6px;
margin-top:-1px;
}

#footer .main{
border-left:1px solid #b6b6b6;
border-right:1px solid #b6b6b6;
background-color:#f1e9ef;
}
#footer .main .column{
width:330px;
float:left;
}
#footer h3{
font-size:85%;
text-align: center;
font-family: verdana, sans-serif;

}
#footer ul{
font-size:85%;
list-style:none;
margin-right: 55px;
font-family: verdana, sans-serif;
padding:0;
}

div#conteneur {
top: 650px;
position:absolute;
margin-left: auto;
margin-right: auto;
width:1000px;
text-align:left;
}

div#conteneur ul{
list-style:none;
font-family: verdana, sans-serif;
margin-right: 95px;
text-align:left;
padding:10px;
}


.nuages {
position: absolute;
top:650px;
left:0px;
width:1000px;
height:144px;
}

div#step1 {
width: 310px;
float: left;
padding : 20px 5px 20px 0px;
}

div#step2 {
width: 310px;
float: left;
padding : 20px 5px 20px 27px;
list-style:none;
}

div#step3 {
width: 310px;
float: left;
padding : 20px 5px 20px 27px;
}


div#ours {
position:relative;
top: 700px;
text-align:center;
padding-top:15px;

}

.mention{
position: absolute;
top: 140px;
left: 0px;
width: 1000px;
height: 480px;
background-color: #FFFFFF;
visibility: hidden;
color: #333333;
}
.button_mentions_montre{
position:absolute;
left:800px;
top: 800px;

}

.image_large{
position:absolute;
top: 135px;
left: 505px;
visibility: hidden;
}

.xiti{
position: absolute;
top: 850px;
left:500; 

}

-->
</style>
