/* --[ 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}

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;
  font-size:11px;
  height:21px
}

.erreur, div.erreur {background-image:none;background-color:#FFBBBB;}
.police {font-size:15px}

/* --[ 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 {background-image: url("../images/fond-entete.jpg"); width:940px; height:128px}
#entete-droite h1 {font-size:16px; color:#15277f; margin:35px 30px 5px 0px; letter-spacing:8px}
#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")}

#drapeaux{top:12px;position:absolute;}
#drapeaux a{margin:0 0 2px 0}


/* --[ Menu ]-- */
#menu {margin:15px 0px 15px 20px}

#menu h2 {font-size:12px; margin-right:10px}
#menu h3 {font-size:12px; font-weight:normal; margin-right:10px; margin:0px}
#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 .actif {background-color:#e31818; color:#fff !important}
#menu .actif span {color:#fff !important; font-weight:normal}

#menu ul {list-style:none}
#menu li {margin-bottom:3px}

.menu-cadran {background-color:#e7fcff; border:1px #adf1ff solid; padding:5px; margin:5px 10px 0px 0px}
.menu-cadran b {display:block; color:#e31818; margin:0px 0px 5px 3px}

#col1 {width:270px}
#col2 {width:290px}
#col3 {width:180px; margin:10px 0px 0px 20px}
#col3 h3{width:180px}

#encart-actu {margin:5px 0px 0px 0px !important; padding:0px !important; background-image:none !important}

/* --[ Pied ]-- */
#pied {margin:20px 0px 0px 10px}
div > #pied {margin-left:20px}
#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 {margin:10px 0px 0px 20px}

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


/* --==================================== [ Accueil ] ====================================-- */
#accueil-titre {margin:0px 0px 10px 20px}
#titre-actu {margin:10px 0px 14px 20px}

.actu-accueil,.archives-zoom {
  background-color:#b3f6ff; 
  border:1px #b0f1ff solid;
  width:600px;
  padding:10px 20px;
  font-size:11px;
  line-height:18px
}
.actu-accueil strong,.archives-zoom strong {margin-bottom:10px; display:block; color:#51277F}
.actu-accueil p,.archives-zoom p {width:428px; margin:0px 20px 0px 0px}
.actu-accueil ul {margin:5px 0px 0px 15px}
.actu-accueil img,.archives-zoom img {margin:5px 0px 5px 0px; border:1px #fff solid}

.btn-actu-accueil {margin:0px !important; width:129px; display:block; text-align:center}
a.actu-lien {text-decoration:none; font-weight:bold; color:#e31818}
a:hover.actu-lien {text-decoration:underline} 

.actu-btn {margin-left:200px}

#titre-presse {margin:10px 40px 10px 0px}
#titre-presse2 {margin:30px 40px 0px 0px}

.presse {
  background-color:#e3e3e3; 
  border:1px #d8d8d8 solid;
  width:249px;
  padding:5px 10px;
  font-size:11px;
  line-height:18px;
  margin-bottom:5px
}

.presse b {width:145px; display:block}
.presse p{width:145px; margin-right:20px; color:#555 !important}
.presse ul {margin-left:15px}
.presse img {margin-top:5px; border:1px #fff solid}
.presse a{
  display:block; 
  color:#555 !important; 
  text-decoration:none; 
  font-weight:bold;
  background-image: url("../images/ascenceur.gif");
  background-repeat:no-repeat; 
  background-position:right center;  
}

.presse a:hover{background-image: url("../images/ascenceur_roll.gif"); color:#202020 !important}

a.presse-btn {
  background-image:none;
  display:block; 
  width:240px; 
  background-color:#868686; 
  color:#fff !important; 
  padding:0px 2px; 
  text-decoration:none; 
  margin-top:10px;
  text-align:center;
  font-size:11px;
  border:1px #fff solid
}
a:hover.presse-btn {background-image:none; background-color:#6d6d6d; color:#fff !important}


/* --==================================== [ Actualités ] ====================================-- */
#actu {width:642px}
.btn-actu {margin:0px !important}


/* --==================================== [ Archives ] ====================================-- */
#archives a {
  display:block;
  background-color:#b3f6ff; 
  color:#15277f;
  border:1px #b0f1ff solid;
  width:880px;
  padding:5px 10px;
  margin:0px 0px 5px 20px;
  font-size:11px;
  text-decoration:none;
}
#archives a:hover {background-color:#85eaf8;}

.archives-zoom {margin-left:20px; width:860px}
.archives-zoom p {width:685px}

a.btn-rouge {
  background-color:#e31818; 
  color:#fff; 
  font-weight:bold; 
  padding:2px 10px; 
  margin:15px 20px 20px 0px; 
  font-size:11px; 
  text-decoration:none;
  border:1px #ffa4a4 solid
}
a:hover.btn-rouge {background-color:#ff5d5d}


/* --==================================== [ 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:320px; margin:0px 10px 20px 0px}
div > #savoir-col1 {margin:0px 0px 20px 10px}
#savoir-col1-txt {width:200px; margin:0px 20px 0px 10px}

#toit {margin-left:20px}
div > #toit {margin-left:10px}

#savoir-col2 {width:200px; margin:0px 20px 20px 0px}
div > #savoir-col2 {width:205px}
#savoir-col3 {width:252px; margin:0px 10px 0px 20px}
#savoir-img1,#savoir-img2 {margin-top:20px}
#savoir-img3,#savoir-img4,#savoir-img5 {margin-bottom:10px}


/* --[ Modeles ]-- */
#carac {width:330px; background-color:#15277f; padding:10px; height:422px; overflow: auto;}
#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:40px}
#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 0px}

#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}