/* --- GÉNÉRAL --- */
html, body {
font-family: "Trebuchet MS";
margin: 0px;
padding: 0px;
height: 100%;
text-align:center;
background-image:url(../images/background_particuliers.jpg);
background-position:center top;
background-repeat:no-repeat;
}

div#contenu {
position: relative;
/* permet au bloc de servir de référent pour
ses descendants positionnés en absolu */
width:1000px;
margin: 0px auto;
min-height: 100%;
text-align:center;
}

#header {
width:1000px;
height: 138px;
text-align:right;
/*background-color:#FFFF00;*/
}

#pub {
position:absolute;
top:20px;
left:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:8px;
color:#000000;
text-align:left;
width:468px;
height:70px;
padding:0px;
margin:0px;
}

#slogan {
position:absolute;
top:15px;
left:10px;
font-family: "Trebuchet MS";
font-size:11px;
color:#aa77aa;
text-align:left;
padding:0px;
margin:0px;
line-height:17px;
letter-spacing:1px;
}

.lienslogan {
font-family: "Trebuchet MS";
font-size:11px;
color:#aa77aa;
line-height:17px;
letter-spacing:1px;
text-decoration:none;
}

.lienslogan:hover {
font-family: "Trebuchet MS";
font-size:11px;
color:#aa77aa;
line-height:17px;
letter-spacing:1px;
text-decoration:none;
}


div#centre {
position:relative;
width:1000px;
margin-left:auto;
margin-right:auto;
text-align:center;
}


/* -------- BANDEAU MENU -------- */

#bandeau_menu {
position:relative;
top:62px;
left:65px;
text-align:left;
width:790px;
height:40px;
padding:0px;
margin:0px;
/*background-color:#FF00FF;*/
}

/* -------- FIN BANDEAU MENU -------- */

#contenu_left {
position:absolute;
left:10px;
text-align:left;
font-size:12px;
width:430px;
height:360px;
margin-top:10px;
padding-top:60px;
padding-left:30px;
}

.contenu {
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:justify;
font-size:10px;
color:#666666;
width:430px;
line-height:14px;
}

.contenu2 {
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:left;
font-size:11px;
color:#666666;
width:300px;
line-height:14px;
}

#contenu_right {
margin-left:500px;
text-align:left;
font-size:12px;
width:430px;
height:360px;
margin-top:40px;
padding-top:40px;
padding-left:30px;
}

/* --- PIED DE PAGE --- */
div#footer {
position: absolute;
width: 1000px;
/* pour que le bloc prenne toute la largeur du bloc de référence
Note : le bloc de référence est le plus proche ancêtre positionné
en relatif ou en absolu */
height: 110px;
text-align:center;
/*background-color:#0000FF;*/
margin:0px;
}

div#menufooter {
position: absolute;
top: 8px;
left: 20px;
height: 20px;
font-size:11px;
width:80%;
text-align:left;
color:#885588;
}

div#flag {
position:absolute;
float:right;
top: 4px;
right: 20px;
text-align:right;
height: 20px;
}

div#home {
position:absolute;
float:right;
font-size:11px;
top: 8px;
right: 90px;
text-align:left;
color:#774477;
height: 20px;
}

.menufooterlink {
color:#774477;
text-decoration:none;
}

.menufooterlinkin {
color:#FFFFFF;
text-decoration:none;
}

div#copyfooter {
position: absolute;
left: 20px;
top: 50px;
font-size:11px;
color:#996699;
text-align:left;
width:1000px;
}

.linkfooter {
font-size:11px;
color:#996699;
text-decoration:none;
}

.linkfooter:hover {
font-size:11px;
color:#996699;
text-decoration:underline;
}

/* --- FIN PIED DE PAGE --- */

.contenutitle {
font-size:15px;
color:#F3D632;
text-decoration:underline;
font-weight:normal;
}

.contenutitle:hover {
font-size:15px;
color:#F3D632;
text-decoration:underline;
font-weight:normal;
}

.contenutexte {
font-size:10px;
color:#996699;
font-style:normal;
text-decoration:none;
font-weight:normal;
}

.contenutextelink {
font-size:10px;
color:#996699;
font-style:normal;
text-decoration:none;
font-weight:normal;
}

.contenutextelink:hover {
font-size:10px;
color:#996699;
font-style:normal;
text-decoration:underline;
font-weight:normal;
}

/* --- FORMULAIRE DEVIS --- */

form {
margin:0px;
padding:0px;
}

#contenu_left_devis {
position:absolute;
left:10px;
text-align:left;
font-size:12px;
width:400px;
height:400px;
padding:20px;
background-color:#00FF00;*/
}

.contenudevis {
font-size:10px;
color:#996699;
line-height:24px;
text-align:left;
}

.formulaire_devis {
font-size:10px;
background-color:#CC99CC;
color:#FFFFFF;
}

.asterisque {
font-size:10px;
color:#FF00FF;
}

.message {
font-size:10px;
color:#FF00FF;
line-height:10px;
}

.recapitulatif {
font-size:11px;
color:#CC99CC;
line-height:16px;
width:400px;
}

.loiliberte {
font-size:10px;
color:#996699;
font-style:normal;
text-decoration:none;
font-weight:normal;
line-height:11px;
}

.loilibertelink {
font-size:10px;
color:#996699;
font-style:normal;
text-decoration:none;
font-weight:normal;
}

.loilibertelink:hover {
font-size:10px;
color:#996699;
font-style:normal;
text-decoration:underline;
font-weight:normal;
}