/*
	--- LEB COMMUNICATION | 2012	
*/

/* IMPORTS COMMUNS */
@import url(common.css);
/*-------------------------------------------------------------------- */

/* GLOBAL
---------------------------------------------------------------------- */

* {margin:0px; padding:0px}
html {height:100%;font:12px Arial, helvetica, sans-serif;}
body{height:100%;background:#DAD6CB}

.bleu {color:#5471cf !important}
.vert {color:#a7c956 !important}
.gris {color:#6b6b6b !important}
.rouge{color:#604a40 !important}
.grisfonce{color:#6b6b6d !important}
.grisclair{color:#bbb !important}
.marron{color:#554239;}

img {border:none}
a {text-decoration:none}

h1 {font-size:15px}
h2 {font-size:14px}
h3 {font-size:13px}
h4 {font-size:12px}
h5 {font-size:10px}

.liste {background-color:#eee;padding:20px 0 10px 10px;color:#554239}
.liste li {margin:0px 0px 10px 15px}

a.aBlanc{color:#fff;text-decoration:none}
a.aBlanc:hover{text-decoration:underline}

a.under{text-decoration:none}
a.under:hover{text-decoration:underline}

ul li a{height:1%}


/* SQUELETTE
---------------------------------------------------------------------- */
 
#page{background:#DAD6CB;text-align:center;}
#axBouton,#requestAccount{margin-top:20px;margin-bottom:20px;background:#e7e3d8;padding:50px 20px;}
#requestAccount{padding:20px;text-align:center;color:#7d7069;}

a#ax{border:1px #b5a98f solid;border-top:1px #fff solid;border-left:1px #fff solid;color:#554239;font-size:22px;text-align:center;display:block;padding:20px;background:#DAD6CB;}
a#ax:hover{border:1px #fff solid;border-top:1px #b5a98f solid;border-left:1px #b5a98f solid;background:#ccc8bb}



#decalHaut{background:#604b41;height:15%;}

.conteneur {  
  width:980px; 
  text-align:left;
  margin:0px auto 0px auto;
}

#top{background:#b9ad94 url(../img/squelette/bg_header.gif) no-repeat top center;}
#top .conteneur{height:151px;background:url(../img/squelette/bg_top.gif) no-repeat right 20px;}
#top h1{width:246px;height:151px;float:left;}
#top p#baseline{margin:35px 0 0 35px;float:left;color:#604a40;font-size:40px;}

#contenuPage{background:#e7e3d8;}
#contenuPage .conteneur{padding-top:20px}

#menuPrincipal .conteneur{height:40px;}

#menuPrincipal ul li {list-style:none;display:inline}
#menuPrincipal ul li a{font-size:16px;text-align:center;display:block;float:left;background:#7d6459;border:1px #6b584f solid;padding:8px 26px 0;height:30px;color:#fff;}
#menuPrincipal ul li a:hover,#menuPrincipal ul li a.actif{background:#6b584f;}
#menuPrincipal ul li a.home{width:38px;padding:0;height:38px;}



#defileAccueil{position:relative;}
#defilement{width:980px;height:428px;}
#contenuAccueil{height:500px;}
#defileAccueil #info{width:430px;position:absolute;right:0;bottom:-40px;z-index:35;color:#e7e3d8;background:#808285}
#defileAccueil #info a#trigger{padding:20px 20px 20px;color:#e7e3d8;font-size:30px;background:#808285;display:block;}
#defileAccueil #info a#trigger:hover{background:#6d6f73}
#defileAccueil #info p{display:none;text-align:justify;padding:20px;font-size:12px;line-height:18px}
#defileAccueil #info a#trigger span.plus{font-size:25px;float:right;display:block;margin:3px 3px 0 0;padding:0px 8px;background:#221e1f;color:#e7e3d8;-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;}
#defileAccueil #info p a{padding:5px;background:#cbcfd4; color:#6d6f73}
#defileAccueil #info p a:hover{background:#fff;}

p#baselineAccueil{text-align:center;color:#554239;font-size:30px;padding:10px 0 40px}

.colonne{color:#554239;width:460px;float:left;}
.colonne h2,.extras h2, #modeles h2{font-size:22px;padding:0 0 15px 0;}
.colonne p{margin-bottom:40px;text-align:justify;}

#philo{background:url(../img/squelette/philo.gif) no-repeat top left}
#philo .colonne h2,#modeles h2,#maisons h2{padding-top:15px;}
#philo .colonne,#maisons .colonne{width:440px}
#philo .colonne p,#maisons .colonne p{padding-left:20px;}
#philo .right p,#maisons .right p{padding-right:25px;}

#maisons{background:url(../img/squelette/bg_maison2.gif) no-repeat 65px top;}
#maisons .colonne a{color:#554239;text-decoration:underline;}
#maisions .colonne a:hover{text-decoration:none}

#modeles{padding-bottom:20px;}
#modeles h2{color:#554239}
#modeles .cell_modele{color:#554239;margin-left:10px;width:220px;float:left;}
#modeles .cell_modele h3{font-size:16px;margin-bottom:10px;}
#modeles .cell_modele img{border:7px #dad6cb solid;}
#modeles .cell_modele img.noborder{border:none}
#modeles .cell_modele img:hover{border-color:#b9ad94}
#modeles .cell_modele h4{padding-bottom:10px;color:#554239;font-size:14px;margin:10px 10px 0 0;border-bottom:1px #dad6cb solid;}

#implantation,.implantation{margin:15px 10px 10px 20px;padding:15px 0 25px 36px;background:#dad6cb;color:#fff;}
#implantation h3,.implantation h3{font-size:18px;padding:0 0 20px 0;color:#554239;}
p.nsv{color:#554239;padding:0 10px 0 30px}

#box3d{position:relative;background:url(../img/bgbox3d.jpg) no-repeat top left;height:735px;width:960px;margin-left:20px;}
#box3d div{position:absolute;width:300px}
#box3d h3,#box3d h4{font-size:20px;color:#554239;}
#box3d h4{font-size:14px;}
#titre1{top:30px;left:80px;}
#box3d div#titre2{width:500px;top:30px;left:570px;}
#box3d div#titre2 img{position:relative;top:5px;}
#box3d div#titre3{top:435px;left:60px;width:500px}
#titre4{top:400px;left:580px;}


/* ACCUEIL
---------------------------------------------------------------------- */

#axBouton form{border:1px #b5a98f solid;border-top:1px #fff solid;border-left:1px #fff solid;color:#554239;font-size:22px;text-align:center;display:block;padding:20px;background:#DAD6CB;font-size:16px;padding:30px;text-align:center;margin-bottom:20px;}
#axBouton form input{padding:10px;width:500px;color:#554239;font-size:16px;margin-left:15px;}
#axBouton .erreurLog{border:1px #b5a98f solid;border-top:1px #b5a98f solid;border-left:1px #b5a98f solid;background:#ccc8bb;color:#554239;font-size:22px;text-align:center;display:block;padding:20px;margin-bottom:20px;}



/* FOOTER
---------------------------------------------------------------------- */
#footer{padding-top:15px;line-height:18px;text-align:center;background:#604a40;color:#e7e3d8}
#contentFoot{text-align:left;padding-bottom:20px;}
#contentFoot ul li{list-style:none}
#contentFoot ul li a{color:#e7e3d8;text-decoration:none}
#contentFoot p a{color:#e7e3d8;text-decoration:none}
#contentFoot ul li a:hover,#contentFoot p a:hover{text-decoration:underline}


/* MESSAGES
---------------------------------------------------------------------- */

/*** MESSAGES ERREUR ***/
.ok, .error{text-align:center; }
.ok {background-color:#604b41; color:#fff; font-weight:bold; padding:2px 0px}
.error {margin:0 15px 20px 0;background-color:#cdc9be; border:1px #604b41 solid;color:#604b41; font-weight:bold; padding:7px}
.erreur{background:#604b41 !important;color:#fff !important;}


/* EXTRAS
---------------------------------------------------------------------- */

div.extras .widthExtras{width:900px;}

div#basRound{margin-left:16px;width:673px;background:#fff url(../img/squelette/bas_contenu.gif) no-repeat bottom right;padding:0 0 30px;}

div.extras{padding:0 20px 20px;color:#554239}
div.extras h4{margin:5px 0}
div.extras p{color:#554239;line-height:18px;text-align:justify;}
div.extras p a{color:#604a40;text-decoration:none}
div.extras a:hover{text-decoration:underline}
div.extras .width1{width:70px}
div.extras .width2{width:380px}
div.extras .width3{width:120px}
div.extras td a,div.extras div.credits1 a,div.extras div.credits2 a{color:#604a40;text-decoration:none}
div.extras td a:hover,div.extras div.credits1 a:hover,div.extras div.credits2 a:hover{color:#604a40;text-decoration:underline}
div.extras caption{font-size:11px;background-color:#604a40; color:#fff; padding:1px 0px; font-weight:bold}
#leb-img {margin-top:20px}

div.extras .credits1,div.extras .credits2{background-color:#F0F0F0; margin:5px 0px; padding:5px 0px 5px 20px; width:400px}
div.extras .bg1{background-color:#F0F0F0}
div.extras .credits2,div.extras .bg2{background-color:#F9F9F9}
div.extras td{padding:5px 0;color:#666;font-size:11px}

div.extras div.colonne p{margin-bottom:15px}


#plan ul{background:#eee;padding:7px;}
#plan ul li{list-style:none}
#plan a {display:block;padding:5px 0px 5px 5px; background-color:#ddd; margin-bottom:4px;color:#666}
#plan a:hover {background-color:#fff; color:#604a40;text-decoration:none}
#plan a.titre{font-weight:bold;background:#604a40;color:#fff}
#plan a.titre:hover{background:#AE0030;color:#fff}


/* FORMULAIRES
---------------------------------------------------------------------- */
#formContact{margin-right:10px}
#formContact label.normal{float:left;width:100px;text-align:right;font-weight:bold;margin-right:7px;position:relative;top:3px}
#formContact p.textuel input{color:#604b41;width:310px;background:#c3b8a2;border:none;font-size:12px;font-family:arial;margin-bottom:5px;padding:7px;}
#formContact textarea{color:#604b41;width:788px;border:none;background:#c3b8a2;font-size:12px;font-family:arial;margin-bottom:5px;padding:3px;}
#formContact input.send{margin-top:20px;font-size:11px;border:none;text-transform:uppercase;background:#604a40;color:#fff;padding:8px 0px;display:block;width:795px;text-align:center;margin-left:107px;cursor:pointer;font-weight:bold;}
#formContact input.send:hover{background:#241f20}

#fancybox-title-main{color:#666 !important}