@charset "utf-8";

/*
===============================================
==               STYLES GENERAUX             ==
===============================================
*/
* {padding:0px;margin:0px}
body {font: normal 11px Verdana, sans-serif; color: #000000; background-color: #cccccc }
#conteneur {width: 800px;margin: auto}
p {margin: 5px 5px 5px 0px}
ul {list-style-type: none;margin-bottom: 5px}
ol {margin-left: 15px;margin-bottom: 5px}
img {border: 0px}
h1 {font: bold 18px Verdana, sans-serif; color: #45487d; margin: 10px 0px 8px 0px;}
h2 {font: bold 15px Verdana, sans-serif; color: #ff7701;margin: 15px 0px 10px 0px}
h3 {font: bold 14px Verdana, sans-serif;color: #45487d;;margin: 10px 0px 5px 0px;}
h4 {font: bold 13px Verdana, sans-serif;color: #000000;margin: 15px 0px 3px 0px;}
.centrer {text-align: center;vertical-align:middle}
.right {float:right;margin:0px 20px 0px 5px;border: 1px solid #45487d}
.clear {clear: both}
a {color: #45487d}
a:hover {text-decoration: none; color:#9b9fb8}
i {color: #45487d}
#fil_ariane {font: normal 9px Arial;margin-top: 5px}
#encadre {width: 700px;border: 1px solid #45487d; background-color: #d7daec;padding: 5px 10px;margin: auto auto}
.nom_societe {font: bold 10px Verdana, sans-serif;}

/*
===============================================
==                   ENTETE                  ==
===============================================
*/
#entete {height: 230px;background: #45487d url(../images/fond_tetiere.jpg) no-repeat bottom left;}
#logo {z-index:1}
#rappel {position: relative; top: -150px;left: 180px;z-index:2}
#devis {position: relative; top: -230px; left: 630px;z-index:3}
/*
===============================================
==                    MENU                   ==
===============================================
*/
#menu {background-color: #9b9fb8; height: 40px;font: bold 12px Helvetica, Arial, sans-serif}
#menu /*ul li*/a {display: block; float:left;width: 114px; line-height: 40px;text-align: center;text-decoration:none; color: #45487d;}
#menu /*ul li */a:hover {color: #FFFFFF;background: transparent url(../images/fond_menu.png) no-repeat center bottom}
#menu /*ul li */a.actif {color: #FFFFFF;background: transparent url(../images/fond_menu.png) no-repeat center bottom}
/*
===============================================
==                    CORPS                  ==
===============================================
*/
#corps {width: 778px;background-color: #FFFFFF;border: 1px solid #45487d;padding: 2px 10px 10px 10px}
#corps_home {width: 798px;background-color: #FFFFFF;border: 1px solid #45487d;}

/*PAGE D'ACCUEIL
colonne gauche*/
#offres p, #bienvenue p, #conseils p {margin: 0px}
#col_gauche {width: 262px;margin: 10px 10px 10px 30px;float:left;}
#col_gauche img {border: 1px solid #45487d}
#offres {height: 320px; background: transparent url(../images/fond_offres.png) no-repeat top left;margin-top:12px;border: 1px solid #dbe0e4;padding: 0px 5px}
#offres p.voir {text-align: right;margin-top: 26px}
#conseils p.voir {text-align: right;margin-top: 31px}
#offres a, #conseils a {color: #45487d;padding-left: 10px;background: url(../images/picto_fleche.gif) no-repeat 0px 5px;}
#offres a:hover, #conseils a:hover {color: #000; text-decoration:none;background: url(../images/picto_fleche2.gif) no-repeat 0px 5px;}
/*colonne centrale*/
#col_centrale {width: 282px; margin: 10px 10px 10px 10px;float:left;}
#bienvenue {height: 205px; border: 1px solid #dbe0e4; background: transparent url(../images/bienvenue_fond.png) no-repeat top left;padding: 70px 8px 5px 8px;}
#bienvenue p {margin-bottom:12px}
#conseils {height: 214px;background: transparent url(../images/fond_conseils.png) no-repeat top left;border: 1px solid #dbe0e4;padding: 0px 5px;margin-top: 11px}
/*Colonne droite*/
#monte_meubles {margin: 10px 0px 10px 2px}
#offres h3, #conseils h3 {text-align: center}
#offres h4, #conseils h4 {margin-left: 0px}

/*AUTRES PAGES*/
#corps ul {/*margin-left: 10px*/}
#corps ul li {padding-left: 10px; background: transparent url(../images/picto_tiret.gif) no-repeat 0px 5px}
#comparatif {width: 98%; margin: auto auto;}
#comparatif, #comparatif td {border-collapse:collapse; border: 1px solid #000}
#comparatif h4 {margin: 0px}
#comparatif td {height: 25px; padding: 5px}

/*DEVIS
Formulaire Etat-civil*/
label {width: 200px;float:left;clear:left;}
input, textarea, select {border: 1px solid #45487d;font: normal 11px Verdana, sans-serif;color: #45487d;}
#civilite1, #civilite2, #civilite3, #dem_inter1, #dem_inter2, #dem_supp_ste, #garde_meuble, #dem_supp_ste1, #dem_supp_ste2, #garde_meuble1, #garde_meuble2 {border: none; vertical-align: middle}
.obligatoire {color: #45487d}
.obligatoire input, #etat-civil .obligatoire textarea {background-color: #acb0c9}
.no_float {float:none;clear:none;/*width: 150px;*/ margin-right: 5px}

#formules label {float: none; clear: none}
#formules input {border: none}
.intitule_offre {display:block;float: left;width: 200px}

/*MENTIONS LEGALES*/
#mentions {width: 700px}
#mentions ul li {padding-left: 10px; background: transparent url(../images/picto_carre.gif) no-repeat 0px 3px}

/*CONSEILS*/
#corps_conseils {width: 778px;background-color: #FFFFFF;border: 1px solid #45487d;padding: 2px 10px 10px 10px}
#corps_conseils h2 {clear:both}
#corps_conseils img {margin: 0px 2px}
a.voir {color: #45487d;padding-left: 10px;background: url(../images/picto_fleche.gif) no-repeat 0px 5px;line-height:15px;}
a.voir:hover {color: #000; text-decoration:none;background: url(../images/picto_fleche2.gif) no-repeat 0px 5px;}


/*POP UP RAPPEL*/
#pop_rappel {border: 1px solid #45487d;padding: 2px}
#pop_rappel label {width: 130px}

/*
===============================================
==               PIED DE PAGE                ==
===============================================
*/

#piedpage {background-color:#45487d;margin: 0px 0px 0px 0px;line-height: 30px; text-align: center;clear: both}
#piedpage ul li {display: inline;background: none;padding-left: 0px}
#piedpage ul li a {border-right: 1px solid #FFF;color: #FFF;padding: 0px 10px}
#piedpage ul li a.last {border-right: none}
#piedpage ul li a:hover {text-decoration: none;}