/* CSS Document */

* {
margin: 0;
padding: 0;
}

.spacer{
display:block;
clear:both;
border: none;
font-size:1px;
height:0;
line-height:0;
}

body {
padding:0;
margin:0;
background:#031947 url(../images/fond3.jpg) repeat-x;
font-family:Arial, Helvetica, Verdana, sans-serif;
font-size:11px;
color:#031947;
}

.filet{
display:block;
clear:both;
border: none;
font-size:1px;
height:15px;
border-bottom:2px dotted #dbd8d3;
margin-bottom:10px;
line-height:0;
}

#general {
width:1000px;
display:block;
padding:0;
margin:0 auto;
background:url(../images/fond-general.gif) repeat-y;
}


h1 a {
display:block;
width:191px;
height:185px;
background:#e6e3dd url(../images/logo_france-maison.jpg) no-repeat bottom left;
text-indent:-5000px;
}



/* Menu gauche */

#colonne-gauche {
display:block;
width:191px;
float:left;
}

ul#menu {
display:block;
list-style:none;
width:191px;
text-indent:-5000px;
margin-top:20px;
}

ul li#btn_france-maisons a {
display:block;
width:191px;
height:28px;
background:url(../images/btn_france-maisons.jpg) no-repeat 0 0;
}

ul li#btn_france-maisons a:hover {
background:url(../images/btn_france-maisons.jpg) no-repeat 0 -28px;
}

ul li#btn_nos-realisations a {
display:block;
width:191px;
height:28px;
background:url(../images/btn_nos-realisations.jpg) no-repeat 0 0;
}

ul li#btn_nos-realisations a:hover {
background:url(../images/btn_nos-realisations.jpg) no-repeat 0 -28px;
}

ul li#btn_nos-projets a {
display:block;
width:191px;
height:28px;
background:url(../images/btn_nos-projets.jpg) no-repeat 0 0;
}

ul li#btn_nos-projets a:hover {
background:url(../images/btn_nos-projets.jpg) no-repeat 0 -28px;
}

ul li#btn_nos-garanties a {
display:block;
width:191px;
height:28px;
background:url(../images/btn_nos-garanties.jpg) no-repeat 0 0;
}

ul li#btn_nos-garanties a:hover {
background:url(../images/btn_nos-garanties.jpg) no-repeat 0 -28px;
}

ul li#btn_nos-techniques a {
display:block;
width:191px;
height:28px;
background:url(../images/btn_nos-techniques.jpg) no-repeat 0 0;
}

ul li#btn_nos-techniques a:hover {
background:url(../images/btn_nos-techniques.jpg) no-repeat 0 -28px;
}

ul li#btn_nos-services a {
display:block;
width:191px;
height:28px;
background:url(../images/btn_nos-services.jpg) no-repeat 0 0;
}

ul li#btn_nos-services a:hover {
background:url(../images/btn_nos-services.jpg) no-repeat 0 -28px;
}

ul li#btn_ecologie a {
display:block;
width:191px;
height:28px;
background:url(../images/btn_ecologie.jpg) no-repeat 0 0;
}

ul li#btn_ecologie a:hover {
background:url(../images/btn_ecologie.jpg) no-repeat 0 -28px;
}

ul li#btn_actualites a {
display:block;
width:191px;
height:28px;
background:url(../images/btn_actualites.jpg) no-repeat 0 0;
}

ul li#btn_actualites a:hover {
background:url(../images/btn_actualites.jpg) no-repeat 0 -28px;
}

ul li#btn_partenaires a {
display:block;
width:191px;
height:28px;
background:url(../images/btn_partenaires.jpg) no-repeat 0 0;
}

ul li#btn_partenaires a:hover {
background:url(../images/btn_partenaires.jpg) no-repeat 0 -28px;
}

ul li#btn_revue-de-presse a {
display:block;
width:191px;
height:28px;
background:url(../images/btn_revue-de-presse.jpg) no-repeat 0 0;
}

ul li#btn_revue-de-presse a:hover {
background:url(../images/btn_revue-de-presse.jpg) no-repeat 0 -28px;
}

ul li#btn_contact a {
display:block;
width:191px;
height:28px;
background:url(../images/btn_contact.jpg) no-repeat 0 0;
}

ul li#btn_contact a:hover {
background:url(../images/btn_contact.jpg) no-repeat 0 -28px;
}

ul li#btn_prendre-rdv a {
display:block;
width:191px;
height:72px;
background:url(../images/btn_prendre-rdv.jpg) no-repeat 0 0;
}

ul li#btn_prendre-rdv a:hover {
background:url(../images/btn_prendre-rdv.jpg) no-repeat 0 -72px;
}

ul li#carte-france-maisons a {
display:block;
width:191px;
height:178px;
background:url(../images/carte-france-maisons.jpg) no-repeat 0 0;
}

ul li#carte-france-maisons a:hover {
background:url(../images/carte-france-maisons.jpg) no-repeat 0 -178px;
}





/* contenu */

#contenu{
float:left;
display:block;
width:808px;
}

#anim {
width:808px;
height:332px;
display:block;
background:url(../images/fond-anim.jpg) repeat-y;
}

#colonne-centre {
display:block;
width:579px;
margin-left:12px;
float:left;
background:#FFF url(../images/fond_degrade-blanc.jpg) repeat-y right;

}

#bloc-brun {
display:block;
width:579px;
background:#b7987d url(../images/fond_degrade-brun.jpg) repeat-y right;
}

p#intro {
font-size:14px;
color:#553a23;
font-weight:bold;
width:150px;
padding:20px 15px;
float:left;
}

p#texte {
color:#e8ddcc;
width:380px;
padding:20px 0;
float:left;
}

p#texte a{
color:#FFF;
font-weight:bold;
text-decoration:none;
}

p#texte strong{
color:#FFF;
font-size:12px;
}


p#intro-accueil {
font-size:14px;
color:#553a23;
font-weight:bold;
width:215px;
padding:20px 15px;
float:left;
}

p#texte-accueil {
color:#e8ddcc;
width:300px;
padding:20px 0;
float:left;
}

p#texte-accueil a{
color:#e8ddcc;
font-weight:bold;
text-decoration:none;
}


h2#actualites {
display:block;
background:url(../images/titre_actualites.jpg);
width:242px;
height:47px;
text-indent:-5000px;
}

#texte-actu {
padding:20px;
}


#bloc-actu img {
display:block;
float:left;
margin:2px 20px 20px 2px;
}

#bloc-actu {
display:block;
width:559px;
}

#bloc-actu a {
color:#B7987D;
text-decoration:none;
font-weight:bold;
}

#bloc-actu a:hover{
color:#553A23;
}
#colonne-centre #bloc-actu p {
}

#colonne-centre #bloc-actu h3 {
font-size:12px;
padding-left:0;
}

h2#titre{
display:block;
background:url(../images/fond_titre.jpg) no-repeat top left;
width:471px;
height:47px;
color:#FFF;
font-size:14px;
font-weight:normal;
padding:25px 10px 0;
}


#bloc-texte  img {
display:block;
float:left;
margin:0 20px 10px 0;
}

#bloc-texte a{
text-decoration:none;
font-weight:bold;
color:#031947;
}

#bloc-texte ul{
padding-left:20px;
}


#colonne-centre #bloc-texte h3 {
font-size:12px;
display:block;
padding-left:15px;
padding-bottom:5px;
color:#8c6441;
border-bottom:2px dotted #dbd8d3;
}

#bloc-texte {
display:block;
width:539px;
padding:20px 20px;
}

#colonne-centre #bloc-texte p {
}

#colonne-centre #bloc-texte h3 {
font-size:12px;
}

#colonne-droite {
display:block;
width:217px;
background:#cabeab;
float:left;
}

#colonne-droite h2#temoignages {
background:url(../images/col_vos-temoignages.jpg);
width:216px;
height:30px;
display:block;
text-indent:-5000px;
}

#colonne-droite h2#questions {
background:url(../images/col_vos-questions.jpg);
width:216px;
height:30px;
display:block;
text-indent:-5000px;
}

#colonne-droite h2#lexique {
background:url(../images/col_notre-lexique.jpg);
width:216px;
height:30px;
display:block;
text-indent:-5000px;
}

#colonne-droite p {
color:#5e5e5e;
margin:10px 20px;
display:block;
width:177px;
}

#colonne-droite a{
color:#5e5e5e;
margin:10px 20px;
display:block;
width:177px;
font-weight:bold;
text-decoration:none;
}

/* projet */

table#projet td {
display:block;
height:85px;
width:247px;
float:left;
border-bottom:2px dotted #dbd8d3;
}

#bloc-texte table#projet td p a{
font-size:14px;
float:left;
display:block;
width:65px;
font-weight:normal;
}

#bloc-texte table#projet td img{
display:block;
float:left;
margin:0 5px 0 0;
}

#bloc-texte img.photo-projet {
display:block;
float:left;
width:263px;
margin:0 5px 5px 0;
}

/* lexique */

#lexique-sommaire {
display:block;
width:539px;
background:#b7987d url(../images/fond_degrade-brun.jpg) repeat-y right;
padding:10px;
color:#FFF;
font-size:14px;
margin-bottom:20px;
}

h4 {
font-size:14px;
display:block;
padding-left:15px;
padding-bottom:10px;
margin:20px 0;
color:#8c6441;
border-bottom:2px dotted #dbd8d3;
}

div.lexique-col {
float:left;
display:block;
width:255px;
margin-right:10px;
}

div.lexique-col h5{
display:block;
padding:5px 0 0;
font-size:12px;
}

div.lexique-col p{
display:block;
padding-left:10px;
}

/**************************     P R I S E   D E   R D V     ****************************/


form.prise-rdv{
width:538px;
margin:30px 0 0 0;
font:11px Verdana, Arial, Helvetica, sans-serif;
color:#313231;}

ul.form-verts{
margin:20px 0;
padding:20px 20px;
width:498px;
background-color:#b7987d;}

form.prise-rdv ul li{
clear:both;
height:auto;
list-style:none;
width:538px;}


label.etiquettes{
width:160px;
height:30px;
float:left;}


form.prise-rdv input{ margin:0 3px;}
input.champs{
width:200px;
float:left;}

label.cases-constructeurs{
float:left;
width:175px;
font-size:10px;}

label.cases-sondage{
float:left;
width:300px;
height:20px;
font-size:10px;
color:#666666;}


li#envoi-form{
clear:both;
width:300px;
list-style:none;
height:20px;
padding:30px 0 30px 220px;}

li#envoi-form a{
font:12px Arial, Helvetica, sans-serif;
color:#313231;
font-weight:bold;
text-decoration:none;}
li#envoi-form a:hover{
font:12px Arial, Helvetica, sans-serif;
color:#313231;
font-weight:bold;
text-decoration:underline;}

#optin{
clear:both;
width:538px;
float:right;
display:block;
text-align:center;
margin-top:30px;}

#bloc-texte-rdv {
display:block;
width:539px;
padding:20px 20px;
height:930px;}



/* footer */


#footer {
width:1000px;
display:block;
padding:0;
margin:0 auto;
}

#footer ul{
list-style:none;

}

#footer #bloc-footer {
width:790px;
display:block;
padding:0;
margin:0 auto;
color:#95a5c5;
text-align:center;
font-size:12px;
margin-top:10px;
padding-left:210px;
padding-bottom:20px;
border-bottom:1px solid #314369;
margin-bottom:20px;
}

#footer a{
color:#66779a;
text-decoration:none;
font-size:11px;
}

#footer #colonne-footer {
color:#4b597c;
display:block;
text-align:left;
font-size:10px;
width:170px;
float:left;
height:170px;
padding-left:10px;
border-left:1px solid #273961;
}

#footer #colonne-footer strong, #footer #colonne-footer-g strong, #footer #colonne-footer-g1 strong, #footer #colonne-footer2 strong {
font-weight:normal;
color:#95a5c5;
}

#footer #colonne-footer strong a, #footer #colonne-footer-g strong a, #footer #colonne-footer-g1 strong a, #footer #colonne-footer2 strong a {
font-weight:normal;
color:#95a5c5;
}

#footer #colonne-footer a, #footer #colonne-footer-g a, #footer #colonne-footer-g1 a, #footer #colonne-footer2 a {
color:#4b597c;
font-size:10px;
}

#footer #colonne-footer-g {
color:#4b597c;
display:block;
text-align:left;
font-size:10px;
width:210px;
float:left;
height:170px;
padding-left:10px;
border-left:1px solid #273961;
}

#footer #colonne-footer-g1 {
color:#4b597c;
display:block;
text-align:left;
font-size:10px;
width:210px;
float:left;
}


/* Formulaire contact */

form {
display:block;
height:260px;
}

form ul.colonne-form-1 label {
display:block;
width:100px;
float:left;
}

#bloc-texte form ul {
list-style:none;
padding-left:0;
margin-right:20px;
}

#bloc-texte form a.bouton{
display:block;
height:20px;
padding:4px;
background:#031947;
width:100px;
color:#FFF;
margin-top:7px;
text-align:center;
font-weight:bold;
text-align:none;
text-decoration:none;
}

a:hover.bouton{
background:#FFF;
color:#a98f49;
}

form ul.colonne-form-1, form ul.colonne-form-2 {
display:block;
width:245px;
float:left;
height:179px;
color:#031947;
}

form ul.colonne-form-2 label {
display:block;
width:245px;
}

p#colonne {
display:block;
width:245px;
float:left;
}

#plan {
display:block;
width:245px;
float:left;
margin-right:20px;
}


/* Contact_erreur */

#error {
display:block;
height:20px;
color:#CC0002;
}

.erreur{
border: 1px solid #CC0002;
}

li.erreur{
color:#CC0002;
border:none;
}

li.erreur label{
color:#CC0002;
}

li.erreur strong{
color:#CC0002;
}


