/* --[ Global ]-- */
* {margin:0px; padding:0px}

body {
   scrollbar-3dlight-color: #c1c7e5;
   scrollbar-arrow-color: #fff;
   scrollbar-darkshadow-color: #bec4e3;
   scrollbar-face-color: #737db2;
   scrollbar-highlight-color: #ededed;
   scrollbar-shadow-color: #565656;
   scrollbar-track-color: #f1f2f7;   
   scrollbar-base-color: #080;
}


html {background-color:#15277f; width:100%; font:12px Arial, helvetica, sans-serif; color:#878787}

img {border:none}
#conteneur p,b {text-align:justify; color:#15277f}

h2{font-size:1.30em}
h3{font-size:1.10em}
h4{font-size:1.00em}
h5{font-size:0.85em}

h2 span,h1 span {display:none}
em {font-style:normal}

/* --[ Classes Globales ]-- */
.rouge {color:#e31818 !important}
.bleu {color:#15277f !important}
.vert {color:#20c000 !important}

.left {float:left}
.right {float:right}
.clear {clear:both}

.marge {padding:0px 20px}

input.bouton {
  background-color:#F0F0F0;
  border:1px solid #666666;
  color:#666666;
  cursor:pointer;
  font-weight:bold;
  padding:0px 2px;
}

input.erreur, select.erreur, textarea.erreur {background-color:#FFBBBB;}

/* --[ Structure générale ]-- */
#conteneur {background-image: url("../images/fond-html.gif"); width:940px; margin:0px auto 0px auto; padding:0px 14px}
#conteneur-bas {
  background-image: url("../images/conteneur-bas.gif"); 
  background-repeat:no-repeat;
  width:968px;
  height:10px;
  margin:0px auto 0px auto
}


/* --[ Entete ]-- */
#entete {display:none}
#entete-droite h1 {font-size:16px; color:#15277f; margin:35px 30px 5px 0px; letter-spacing:10px}
#entete-droite a {color:#565656; text-decoration:none; margin-right:15px}
#entete-droite a:hover {text-decoration:underline; color:#e31818}

#lien-accueil,#lien-favoris,#lien-imprimer {background-repeat:no-repeat; background-position:right center; padding-right:20px}
#lien-accueil {background-image: url("../images/lien-accueil.gif")}
#lien-favoris {background-image: url("../images/lien-favoris.gif")}
#lien-imprimer {background-image: url("../images/lien-imprimer.gif")}


/* --[ Menu ]-- */
#menu {display:none}
#menu h2 {font-size:12px; margin-right:10px}
#menu h3 {font-size:12px; font-weight:normal; margin-right:10px; float:left; margin:0px}
#menu li {display:inline}
#menu a {
  background-image: url("../images/lien-menu.gif");
  background-repeat:no-repeat; 
  background-position:4px 4px;
  text-decoration:none; 
  color:#15277f; 
  margin-right:9px;
  font-weight:bold; 
  padding:1px 3px 1px 18px
}
#menu a:hover {background-color:#e31818; color:#fff !important}
#menu a span {color:#e31818; font-weight:normal}
#menu a:hover span {color:#fff}
#menu-ul2 {padding-top:5px}

#menu .actif {background-color:#e31818; color:#fff !important}
#menu .actif span {color:#fff !important; font-weight:normal}

/* --[ Pied ]-- */
#pied {display:none}
#pied a{text-decoration:none; color:#878787; margin-right:10px}
#pied a:hover{text-decoration:underline}
#pied li {display:inline; list-style:none}

#pied-adresse {margin-top:10px}
#pied-adresse li,#pied-adresse a{color:#15277f}
#pied-adresse span{color:#e31818; font-weight:bold}
#pied-adresse a:hover{border-bottom:1px #e31818 dotted; padding-bottom:1px; text-decoration:none}

#pied-logo {float:right; margin:10px 0px}

/* --[ Page ]-- */
.page-titre {margin:0px 0px 0px 20px}
.page-titre h4{margin:9px 0px 5px 5px; color:#e31818}
.page-titre b{color:#15277f}


/* --[ Accueil ]-- */
#accueil-titre {margin:30px 0px 20px 20px}


/* --[ Entreprise ]-- */
#entreprise-texte {width:200px; margin:20px 17px 0px 15px}
#entreprise-texte b{margin-bottom:10px; display:block}
#entreprise-vignettes {margin-top:20px}
#entreprise-vignettes img{margin-bottom:8px}


/* --[ Savoir fiare ]-- */
#savoir-col1 {width:200px; margin:0px 20px 20px 10px}
div > #savoir-col1 {margin:0px 20px 20px 20px}
#savoir-col2 {width:200px; margin:0px 20px 20px 20px}
#savoir-col3 {width:242px; margin:0px 20px}
#savoir-img1,#savoir-img2 {margin-top:20px}
#savoir-img3,#savoir-img4 {margin-bottom:20px}


/* --[ Modeles ]-- */
#carac {width:330px; background-color:#15277f; padding:10px}
#carac p,#carac b,#carac strong,#carac ul{color:#fff}
#carac ul {margin-left:15px; line-height:12px}
#carac li {margin-top:5px}
#carac b {
  background-image: url("../images/interface/fiche-puce.gif");
  background-repeat:no-repeat; 
  background-position:center left;
  padding-left:15px;
  margin:15px 7px 10px 0px;
  display:block;
  float:left
}

#fiche-flash {margin-top:20px}
#fiche-menu {width:350px}

#fiche-taille {margin-left:50px}
#fiche-implant {margin:0px 0px 20px 40px}
#fiche-loupe {margin:0px 0px 0px 10px}

a#fiche-carac,a#fiche-carac-actif {
  background-image: url("../images/interface/fiche-carac.gif");
  background-repeat:no-repeat; 
  width:100px;
  height:18px;  
  padding:3px 0px 0px 20px;
  color:#fff !important;
  text-decoration:none
}
a:hover#fiche-carac {background-image: url("../images/interface/fiche-carac_roll.gif")}
a#fiche-carac-actif {background-image: url("../images/interface/fiche-carac_actif.gif")}

a#fiche-serie,a#fiche-serie-actif {
  background-image: url("../images/interface/fiche-serie.gif");
  background-repeat:no-repeat; 
  width:130px;
  height:18px;  
  padding:3px 0px 0px 20px;
  color:#fff !important;
  text-decoration:none  
}
a:hover#fiche-serie {background-image: url("../images/interface/fiche-serie_roll.gif")}
a#fiche-serie-actif {background-image: url("../images/interface/fiche-serie_actif.gif")}

a#fiche-option,a#fiche-option-actif {
  background-image: url("../images/interface/fiche-option.gif");
  background-repeat:no-repeat; 
  width:60px;
  height:18px;  
  padding:3px 0px 0px 20px;
  color:#fff !important;
  text-decoration:none  
}
a:hover#fiche-option {background-image: url("../images/interface/fiche-option_roll.gif")}
a#fiche-option-actif {background-image: url("../images/interface/fiche-option_actif.gif")}


/* --[ Catalogue ]-- */
#catalogue {margin-left:10px}
div > #catalogue {margin-left:20px}
#catalogue em{font-style:italic; color:#15277f; margin-left:10px}

#catalogue label {width:100px; display:block; float:left; margin-bottom:10px; color:#15277f}
#catalogue input {width:200px; display:block; float:left}
#catalogue select {float:left; width:auto; margin-right:30px}
#catalogue-img1 {margin:70px 0px 0px 20px}

#choix {margin-left:20px}

.checkbox {
  background-image: url("../images/catalogue/degrade.jpg");
  background-repeat:no-repeat;
  background-position:right;
  width:350px;
  height:20px;
  padding:5px 0px 0px 10px;
  margin:5px 0px 10px 0px;  
}
.checkbox p {display:block; float:left; margin-top:3px}
div > .checkbox p {margin-top:0px}
.checkbox input {width:15px !important; float:left; margin:0px 10px 0px 5px}

#degrade {
  background-image: url("../images/catalogue/degrade.jpg");
  background-repeat:no-repeat;
  width:653px;
  height:20px;
  padding:5px 0px 0px 10px;
  margin:20px 0px 0px 0px;
}
#degrade a{color:#e31818; text-decoration:none}
#degrade a:hover{text-decoration:underline}

.barre-bleu,.barre-bleu2 {background-color:#737db2; height:20px; padding:5px 0px 0px 10px; width:700px; margin:20px 0px; text-align:center}
.barre-bleu2 {height:20px; padding:5px 0px 5px 10px; margin-bottom:10px}
.barre-bleu2 input{padding:0px 10px; width:400px !important; margin-left:75px}
form > .barre-bleu2 input{margin-left:150px}
.barre-bleu b {color:#fff}

#loi {font-size:10px; display:block; width:690px; margin-left:10px}



/* Extras / plan */
#extras-plan {padding-left:20px}
#extras-plan a{color:#666; text-decoration:none}
#extras-plan a:hover{color:#e31818}
#extras-plan p{margin-right:20px; text-align:justify}
#extras-plan h3{margin:20px 0px 10px 0px; color:#e31818}
#extras-plan b{margin-left:7px}
#extras-plan li{width:700px; text-align:justify}
#extras-plan td {padding:5px 0px !important}
#extras-plan td img {margin-left:20px !important}

a#extras-actif {background-color:#666 !important; color:#fff}
a:hover.liens-extras {text-decoration:underline !important; color:#45103e !important} 

#residence-rapidhome-liens a:hover{background-color:#afafaf}
#residence-nouveautes-liens a:hover{background-color:#afafaf}

/* -- copyright -- */

#lebarts-infos {width:500px}
#lebarts-infos b{margin:0px}
#lebarts-infos p {width:500px !important}
#lebarts-infos a {font-weight:bold; text-decoration:none}
#lebarts-infos a:hover {text-decoration:underline}
#leb-img {margin-right:20px}
.fond-infos {background-color:#DDF0F6; margin:5px 0px; padding:5px 0px 5px 20px; width:700px}
.decalage20 {margin-left:20px !important}

/* -- Aides -- */
#extras-aide table {width:900px}
#extras-aide caption {width:900px; background-color:#216382; color:#fff; padding:1px 0px; font-weight:bold}
.aide-infos{width:900px}
#extras-aide hr{width:900px; display:block; margin:20px 0px 10px 0px}
.ligne-bleue {background-color:#ddf0f6}