/* -------- DESIGN GENERAL -------- */
/*----------------------------------------*/
body{
background: #733c52;
margin: 0;
text-align: center;
font-family: Verdana, "Trebuchet MS";
font-size: 0.9em;
}

#site{
margin: 15px auto 0px auto;
width: 850px;
height: 514px;
background: url("images/site-fond.png");
text-align: left;
position: relative;
}

#header{
margin: 0 auto 0 auto;
width: 840px;
height: 151px;
}
#header object{
margin-top: 6px;
}

#menu{
position: absolute;
top: 154px;
left: 0px;
padding-left: 20px;
margin: 0;
}
#menu li{
display: inline;
padding-left: 20px;
margin: 0;
}
#menu li a{
text-decoration: none;
color: #a5967e;
font-size: 1.3em;
font-weight: bold;
font-family: "Trebuchet MS", Arial;
}
#menu li .menu_selection{
color: #b46276;
}
#menu li a:hover{
color: #b46276;
}

.corps{
height: 310px;
width: 527px;
position: absolute;
top: 178px;
left: 5px;
background: url("images/corps-fond.png");
padding: 14px 0px 0 53px;
}
.corps_orangeries{
background: url("images/corps-fond-orangeries.png");
}
.corps_marquises{
background: url("images/corps-fond-marquises.png");
}

#photo_droite{
height: 349px;
width: 260px;
position: absolute;
top: 152px;
left: 585px;
}

#footer{
margin: 3px auto 0 auto;
width: 820px;
font-size: 0.7em;
color: white;
text-align: center;
padding: 0;
}
#admin_design{
padding-left: 520px;
}


/*----------ELEMENT HTML ------------*/
/*----------------------------------------*/
h1{
margin-bottom: 0;
margin-top: 5px;
color: #b46276;
font-family: "Arial Black";
text-decoration: none;
font-size: 1.8em;
}
p{
color: #695c49;
font-weight: bold;
font-size: 0.9em;
line-height: 1.2em;
padding-right: 73px;
text-align: justify;
}
a{
color: white;
text-decoration: none;
}
a:hover{
text-decoration: underline;
}
a img{
border: none;
}
.petit{
font-size: 0.7em;
}
.centre{
text-align: center;
}

/* -------- PARTICULARITES DES PAGES -------- */
/*-----------------------------------------------------*/

/*PAGE D'ACCUEIL*/
#signature{
margin: 20px 0 0 220px;
}

/*CONTACT*/
/*#contact_infos{
height: 174px;
width: 371px;
background: url("images/contact-fond.png");
text-align: center;
color: white;
margin-left: 50px;
font-size: 0.8em;
padding: 5px 0 0 0;
}*/
#contact_infos{
width: 470px;
height: 190px;
background: url("images/contact-fond2.png");
color: white;
margin-left: 20px;
font-size: 0.8em;
padding: 5px 0 5px 20px;
}

#tva_infos{
text-align: center;
font-size: 0.9em;
}

/*PRODUITS*/
#bouton_marquises{
float: left;
margin: 70px 0 0 80px;
display: block;
height: 99px;
width: 103px;
padding: 10px 0 0 20px;
background: url("images/bouton-marquises.png");
font-weight: bold;
font-size: 1.25em;
font-family: "Trebuchet MS", Arial;
}
#bouton_marquises:hover{
background: url("images/bouton-marquises2.png");
text-decoration: none;
}
#bouton_orangeries{
margin: 70px 0 0 280px;
display: block;
height: 99px;
width: 108px;
padding: 10px 0 0 15px;
background: url("images/bouton-orangeries.png");
font-weight: bold;
font-size: 1.25em;
font-family: "Trebuchet MS", Arial;
}
#bouton_orangeries:hover{
background: url("images/bouton-orangeries2.png");
text-decoration: none;
}

/*ORANGERIES ET MARQUISES*/
.bouton{
display: block;
height: 49px;
width: 58px;
padding: 3px 0 0 0;
margin-bottom: 13px; 
font-size: 0.65em;
text-align: center;
}
.bouton:hover{
text-decoration: none;
}
#bonton_photosuivante{
background: url("images/bouton-photosuivante.png");
}
#bonton_photosuivante:hover{
background: url("images/bouton-photosuivante2.png");
}

/*ORANGERIES*/
#orangeries_boutons{
float: right;
width: 64px;
margin-top: 135px;
}
#bonton_marquises_petit{
background: url("images/bouton-marquises_petit.png");
}
#bonton_marquises_petit:hover{
background: url("images/bouton-marquises_petit2.png");
}

/*MARQUISES*/
#marquises_boutons{
float: right;
width: 64px;
margin-top: 73px;
}
#bonton_orangeries_petit{
background: url("images/bouton-orangeries_petit.png");
}
#bonton_orangeries_petit:hover{
background: url("images/bouton-orangeries_petit2.png");
}
#bonton_dimensions{
background: url("images/bouton-vide.png");
height: 46px;
padding: 6px 0 0 0;
}
#bonton_dimensions:hover{
background: url("images/bouton-vide2.png");
}

/*MARQUISES : MODELES ET DIMENSIONS*/
#paragraphe_dimensions{
position: relative;
}
#bonton_dimensions_retour{
position: absolute;
top: 140px;
left: 375px;
background: url("images/bouton-vide.png");
height: 37px;
padding: 15px 0 0 0;
font-size: 0.75em;
}
#bonton_dimensions_retour:hover{
background: url("images/bouton-vide2.png");
}

/* -------- FORMULAIRE: DEVIS -------- */
/*-----------------------------------------------------*/
#devis_titre{
position: relative;
}
#devis_titre div{
position: absolute;
right: 30px;
bottom: 0px;
font-size: 0.8em;
}

#form_devis{
width: 95%;
}

#form_devis, #form_devis input, #form_devis select{
font-size: 0.9em;
}

#form_devis fieldset{
line-height: 2;
}

#form_devis legend a{

margin: 0 10px 0 10px;
color: #a5967e;
}
#form_devis legend #selectionne{
font-weight: bold;
color: #b46276;
}

#form_devis label{
display:block;
width: 200px;
float: left;
}

#form_devis .label_normal{
display:inline;
float: none;
}

#validation{
text-align: center;
}

.suivant{
text-align: center;
}

#erreur{
min-height: 22px;
padding: 5px 0 0 30px;
position: absolute;
top: 22px;
left: 250px;
width: 275px;
background: url("images/erreur.gif") no-repeat left center;
color: red;
font-size: 0.9em;
}