@import 'reset.css';
@import 'type.css';
@import 'navigation.css';
@import 'clearfix.css';
@import 'forms.css';


/*****************************/
/*        STRUCTURE          */
/*****************************/
body  { background:#d0dbea url(navpics/fonds/body.gif) 0 0 repeat-x; }

#wrapper { background:url(navpics/fonds/wrapper.png) center 0 no-repeat; overflow:hidden; width:100%; }
body > #wrapper { height:auto; min-height:100%; }

#header { background:url(navpics/fonds/header_front.gif) center 0 no-repeat; height:151px; }
  .headerInner { margin:0 auto; position:relative; width:980px; }
    .headerInner .logo { left:30px; position:absolute; top:48px; }
    
  .baseline { color:#75788e; font-size:0.917em; left:30px; margin:0; position:absolute; top:8px; }
    .baseline a { color:#75788e; }
  
  .flash { position: absolute; top: 45px; right: 20px; }


#nav { background:url(navpics/fonds/nav.gif) 0 0 repeat-x; border-bottom:1px solid #13205d; height:61px; }


#container { background:#fff; border-bottom:1px solid #3d71ad; margin:0 auto; overflow:hidden; padding:0 0 30px 0; text-align:left; width:980px; /*postion:relative;*/ } /* conteneur de page */

#content_main { float:left; padding:25px 30px; width:615px; }
#content_supp { float:left; padding:25px 17px 25px 0; width:288px; }

#site_info { /* ours du site - footer */
	background:#105192 url(navpics/fonds/footer.gif) 0 0 repeat-x;
	height:156px;
}
.footer { height:156px; margin:7px auto 0; overflow:hidden; width:980px; }
.footer p { }

.breadcrumb { background:url(navpics/fonds/ariane.png) 0 0 no-repeat; height:27px; list-style:none; margin:0; padding:0 0 0 65px; }
.breadcrumb li { background:url(navpics/filets/ariane.gif) 0 12px no-repeat; float:left; height:27px; line-height:27px; padding:0 6px 0 11px; }
.breadcrumb li:first-child { background:none; padding:0 6px 0 0; }



/*****************************/
/*  	     HOME  		 	 			 */
/*****************************/

/* 2 colonnes du haut */

#home_top {
  padding:15px 20px 10px 20px;
  width: 940px;
}

  /* intro */
  .intro { float: left; width: 490px; padding: 10px 0 0 0; }
  .intro h2 span.red { color:#d60a10; } 
  .intro h2 { font-size:1.667em; font-weight:bold; padding:0 0 30px 0; }
  .intro p { font-size: 1.25em; }
  .intro p span.red { color:#d60a10; font-weight:bold; }
  
    #three_steps { padding: 15px 0 0 0; }
    
    #three_steps .step {
      position: relative;
      display: block; float: left; width: 130px; height: 200px; padding: 0 10px;
      border: 1px solid #151535; background: url(navpics/fonds/home_search_step.png) no-repeat top;
      -webkit-border-radius: 4px 4px;
      -moz-border-radius: 4px / 4px;
      -o-border-radius: 4px / 4px;
      -ms-border-radius: 4px / 4px;
      -khtml-border-radius: 4px / 4px;
      border-radius: 4px / 4px; 
    }
    #three_steps .nextstep { 
      display: block; float: left; width: 11px; height: 200px; background: url(navpics/fonds/home_search_nextstep.png) no-repeat 0 70px;
    }
    #three_steps p { position: absolute; top: 50px; padding: 0 15px; font-size: 1.083em; }
      #three_steps p a { text-decoration:underline; }
    
    #three_steps h3 { position: absolute; top: 7px; left: 50px; color:#d60a10; font-weight: bold; font-size: 1.167em; text-transform: uppercase; height: 55px; }
    #three_steps h3 span { display: none; }
    
      h3.step1 { background: url(navpics/fonds/step1.png) no-repeat 10px 20px; }
      h3.step2 { background: url(navpics/fonds/step2.png) no-repeat 10px 20px; }
      h3.step3 { background: url(navpics/fonds/step3.png) no-repeat 10px 20px; }
    
  /* Form de recherche cf. form.css */
  #home_search { float:left; width:440px; padding: 0 0 0 10px; }
    #home_search > h2 { display:block; height: 35px; color:#d60a10; background: url(navpics/fonds/step1.png) no-repeat 65px 0; margin: 0; }
      #home_search > h2 span { display: none; }
    
    
/* la colonne de gauche */
#home_main {  
  padding:25px 20px 10px 20px;
  width: 940px;
}

  #home_main_left { float:left; width:370px; padding: 0 20px 0 0; }
  
    /* Liens */
    #customer_samples {  margin: 0 0 25px 0; }
      #customer_samples h2.titre { background: url(navpics/fonds/title_customer_samples.png) no-repeat top left; margin:0;  }
      #customer_samples ul { background: url(navpics/fonds/bg_customer_samples.png) no-repeat bottom; margin: 0; padding: 15px 0; list-style-position: inside; }
        #customer_samples li { padding: 4px 120px 4px 20px; }
          #customer_samples li a:hover { text-decoration: underline; color:#d60a10; }

          
    /* Blog */
    .rss-feeds { background:#cfdce7 url(navpics/fonds/encart_blog.gif) 0 0 repeat-x; border:1px solid #a1a1ae; clear:both; overflow:hidden; padding:23px 10px 5px 15px; width:343px; }
    
      .rss-feeds h2 { font-size:1.333em; font-weight:bold; margin:0 0 1.5em; }
      .rss-feeds .post { margin: 0 0 1em; }
      .rss-feeds .illustr { float:left; margin:2px 8px 2px 0; }
      .rss-feeds h3 { font-size:.917em; font-weight:bold; margin:0; }
      .rss-feeds p { font-size:.917em; margin:0; }
      .rss-feeds .lire { font-size:1em; font-weight:normal; text-decoration:underline; text-align:right; }    
  
  
  #home_main_right { float:left; width:550px; }
    
    #home_main_right .calculator, #home_main_right .list-suppliers { float: left; }
    
    /* Logo partenaires */
    .list-suppliers { margin:0 0 20px 0; }
    .list-suppliers h2 { margin:0 0 0 32px; }
    .gallery {
    	background:url(navpics/fonds/cadre_partners.png) 0 0 no-repeat;
    	height:157px;	margin:-7px 0 0 0; overflow:hidden;	padding:7px;width: 236px;
    }
    
    div.supplier_logo_list { position:relative; height:157px; overflow:hidden; width:236px; }
    div.supplier_logo_list div.items { position:absolute;	width:20000em; }
    div.supplier_logo_list div.items img { padding:10px 48px; }

.members_box {}
.members_box h2 { background:url(navpics/fonds/legend_searchbox.gif) 0 0 repeat-x; border-top:1px solid #d60a10; color:#fff; display:block; font-size:1.25em; font-weight:bold; height:40px; line-height:40px; margin:0 7px; padding:0 15px 0 0; position:relative; text-align:right; }
.members_box h2 img { left:0; position:absolute; top:-14px; }
.members_box .text { border-bottom:1px solid #d60a10; margin:0 7px; padding:20px 0 15px 30px; }
.members_box .subscribe { font-weight:bold; margin:12px 0 0 0; }
.members_box .subscribe a { color:#d60a10; }

.box_conseils { clear:both; margin:24px 0 0 15px; position:relative; width:534px; }
.box_conseils h2 { background:url(navpics/fonds/titre_conseils.gif) 0 0 repeat-x;  color:#fff; font-size:1.25em; font-weight:bold; height:33px; line-height:33px; margin:0; padding:0 0 0 17px; width:517px; }
.scrollable .text { height:87px !important; padding:15px 0 0 47px !important; width:447px !important; }
.scrollable h3 { font-size:1em; font-weight:bold; }
.scrollable p { margin:0; }
.scrollable .suite { font-size:.917em; font-weight:bold; text-align:right; }
.scrollable .suite a { color:#0e4f97; }

.scrollable { position:relative; height:351px; overflow:hidden; width: 534px; }
  .scrollable .items { position:absolute; width:20000em; clear:both; }
    .scrollable .items div { float:left; margin:0; padding:0; cursor:pointer; width:534px; height:351px; }

a.browse { 
	position:absolute; display:block; top:282px; height:102px; width:18px; z-index:999;
	cursor:pointer; text-indent:-9999px;
}

a.right { background:url(navpics/boutons/next.gif) 0 0 no-repeat; right:0; }
a.left { background:url(navpics/boutons/back.gif) 0 0 no-repeat; left:0; } 
a.disabled { visibility:hidden !important; } 	

/*****************************/
/*     RECHERCHE ETAPE 1     */
/*****************************/

#content_main.search_step1 h1 { 
  display:block; height: 35px; margin: 25px 0 0 65px;
  color:#d60a10; background: url(navpics/fonds/step1.png) no-repeat 75px 0; font-size: 1.5em; text-transform: uppercase;  
}
  #content_main.search_step1 h1 span { display: none; }

#content_main.search_step1 p.help {
  padding: 10px 20px 20px 65px;  font-size: 2em;  
}

#content_main.search_step1 .searchbox { margin: 0 50px 0 60px; } 

/*****************************/
/*        CATEGORIES         */
/*****************************/
.cat { font-size:1.8em; font-weight:bold; margin:20px 0 10px; }
#content_main .abstract { margin:0 0 15px 0; }
.itemArt { background:#f1f5f8; margin:0 0 15px -20px; overflow:hidden; padding:10px 20px; width:585px; }
.itemArt img { float:left; margin:0 10px 0 0; }
.itemArt h3 { font-size:1em; font-weight:bold; margin:0; }
.itemArt p { margin:0; }
.itemArt .suite { font-size:.833em; margin:6px 0 0 0; }
.itemArt .suite a { text-decoration:underline; }

.sub-categories { background:url(navpics/fonds/sub-categories.gif) 0 0 repeat-x; margin:0 0 30px 0; padding:12px 0 0 26px; }
.sub-categories h3 { font-weight:bold; margin:0 0 .7em 0; }
.sub-categories h3.catList { margin-bottom:0; }
.sub-categories h4 { font-weight:bold; margin:0 0 1.5em 0; color:#d60a10; font-size:0.917em; }
.sub-categories ul { list-style:none; margin:0; }
.sub-categories ul li { font-size:1.167em; margin:0 0 1em 0;}
.sub-categories ul li:first-child {}
.sub-categories ul li a { background:url(navpics/puces/fleche_rouge.gif) 0 2px no-repeat; display:block; padding:0 0 0 20px; }
.sub-categories ul li:first-child a {}
.sub-categories ul li a:hover { color:#d60a10; text-decoration:none; }
.sub-categories ul li.active {}
.sub-categories ul li.active a { background:url(navpics/puces/fleche_grise.gif) 0 2px no-repeat; color:#b0b1b1; cursor:default; }

.suppliers { background:url(navpics/visuels/suppliers.jpg) 0 0 no-repeat; border:1px solid #dfe2e6; height:206px; margin:0 0 30px 0; padding:47px 0 0 23px; width:263px; }
.suppliers:hover { cursor:pointer; }
.suppliers h3 { font-size:1.167em; font-weight:bold; width:120px; }
.suppliers h3 strong { color:#d60a10; display:block; text-transform:uppercase; }
.suppliers h3 a:hover { text-decoration:none; }


/* nos partenaires */
.category { background:#f1f5f8; margin:27px 0 20px; min-height:86px; overflow:hidden; padding:10px 20px 10px 240px; position:relative; width:355px; }
.category h3 { font-size:1em; font-weight:bold; left:100px; position:absolute; top:30px; width:100px; }
.category .button { margin:1em 0 0 0; }

.category-223 { background:#f1f5f8 url(navpics/visuels/amenagement.png) 10px 10px no-repeat; }
.category-224 { background:#f1f5f8 url(navpics/visuels/assurances.png) 10px 10px no-repeat; }
.category-225 { background:#f1f5f8 url(navpics/visuels/immobilier_industriel.png) 10px 10px no-repeat; }
.category-226 { background:#f1f5f8 url(navpics/visuels/immobilier_tertiaire.png) 10px 10px no-repeat; }
.category-227 { background:#f1f5f8 url(navpics/visuels/mobilier.png) 10px 10px no-repeat; }
.category-228 { background:#f1f5f8 url(navpics/visuels/telephonie.png) 10px 10px no-repeat; }
.category-229 { background:#f1f5f8 url(navpics/visuels/transferts_entreprises.png) 10px 10px no-repeat; }

.category small, .entete_cat small { position: absolute; bottom: 5px; right: 5px; font-size: 0.818em; }
.category small span, .entete_cat small span { color: #D60A10; }

/* fiche technique */
.category ul { list-style:none; margin:0; }
.category ul li a { background:url(navpics/puces/losange.gif) 0 2px no-repeat; display:block; padding:0 0 0 20px; }

.related-suppliers > div { 
  height:380px;
  margin:0px;
}

.related-suppliers ul {
  background:#44445d;
  color:#fff;
  filter:alpha(opacity=90);
  list-style: none;
  width:350px;
  padding:10px;
  -moz-opacity:0.9;
  opacity:0.9;
}
.related-suppliers ul li {
  padding:4px;
  margin:2px;
}

.related-suppliers ul li.first {
  font-size:1.333em;
  line-height:1.5em;
}

.related-suppliers ul li.others {
  background:#fff;
}

.related-suppliers ul li.others a:hover {
  color:#d60a10;
  text-decoration:none;
}

.supplierInCategorie-223 { background:#f1f5f8 url(navpics/fonds/supplierCategory-amenagement_de_bureau.jpg) no-repeat; }
.supplierInCategorie-224 { background:#f1f5f8 url(navpics/fonds/supplierCategory-assurances.jpg) no-repeat; }
.supplierInCategorie-225 { background:#f1f5f8 url(navpics/fonds/supplierCategory-immobilier_industriel.jpg) no-repeat; }
.supplierInCategorie-226 { background:#f1f5f8 url(navpics/fonds/supplierCategory-immobilier_tertiaire.jpg) no-repeat; }
.supplierInCategorie-227 { background:#f1f5f8 url(navpics/fonds/supplierCategory-mobilier.jpg) no-repeat; }
.supplierInCategorie-228 { background:#f1f5f8 url(navpics/fonds/supplierCategory-telephonie.jpg) no-repeat; }
.supplierInCategorie-229 { background:#f1f5f8 url(navpics/fonds/supplierCategory-transferts_entreprises.jpg) no-repeat; }


/* nos partenaires par categorie */
.entete_cat {
  background: #f1f5f8;
  margin: 30px 0 15px;
  min-height: 70px;
  padding: 20px 10px 10px 260px;
  position: relative;
}
.entete_cat .logo {
  left: 20px;
  position: absolute;
  top: 10px;
}
.entete_cat h2 {
  font-size: 1em;
  font-weight: bold;
  margin: 0;  
}
.entete_cat h1 {
  font-size: 1.833em;
  font-weight: bold;
  margin: 0;
}
.suppliercat { overflow:hidden; padding:10px 20px 16px 20px; width:571px; }
.suppliercat .descript { padding:0 0 0 35px; }
.suppliercat .illustr { float:left; width:150px; }
.suppliercat .text { float:left; width:406px; }
.suppliercat .text h3 { font-size:1.333em; font-weight:bold; margin:0; width:285px; }
.suppliercat .text p { margin:.4em 0 0 0; }
.suppliercat .text .see_det {
  background: url(navpics/boutons/see_det.png) 0 0 no-repeat;
  display: block;
  float: right;
  font-size: .917em;
  height: 29px;
  line-height: 29px;
  padding: 0 0 0 40px;
  width: 85px;
}

/*****************************/
/*         ARTICLES          */
/*****************************/
.entete { background:#f1f5f8; margin:27px 0 20px; overflow:hidden; padding:10px 20px; width:575px; }
.entete img { float:left; margin:0 20px 0 0; }
.entete .text { float:left; padding:10px 0 0 0; width:345px; }
.entete .text h2 { font-size:1.167em; margin:0; }
.entete .text h1 { font-size:1.7em; margin:0; }

#content_main .abstract { font-weight:bold; }
#content_main .body { padding:0 30px 0 15px; }
#content_main .body h3 { background:#151535; color:#fff; font-size:1.167em; font-weight:bold; margin:2em -30px 1em -15px; padding:0 0 .2em 15px; }

/* calcul de preavis */
#content_main .calculator { float:left; margin:30px 0 0 0; }
.social { display:inline; float:left; margin:30px 0 0 15px; width:300px; }
.send { font-size:.917em; height:32px; line-height:32px; }
.send a { background:#e4e6e8 url(navpics/puces/send.png) 13px 2px no-repeat; display:block; padding:0 0 0 53px; }
.send a:hover { background:#151535 url(navpics/puces/send.png) 13px 2px no-repeat; color:#fff; text-decoration:none; }

.partager { background:#e4e6e8; height:34px; line-height:34px; overflow:hidden; padding:0 0 0 13px; vertical-align:middle; width:287px; }
.partager a { display:block; float:left; margin-right:10px; text-indent:-9999px; vertical-align:middle; }
.favori { background:url(navpics/logos/favori.png) 0 0 no-repeat; height:23px; margin-top:4px; width:24px; }
.favori:hover { background-position:0 -23px; }
.delicious { background:url(navpics/logos/delicious.png) 0 0 no-repeat; height:23px; margin-top:5px; width:23px; }
.delicious:hover { background-position:0 -23px; }
.facebook { background:url(navpics/logos/facebook.png) 0 0 no-repeat; height:24px; margin-top:5px; width:22px; }
.facebook:hover { background-position:0 -24px; }
.twitter { background:url(navpics/logos/twitter.png) 0 0 no-repeat; height:23px; margin-top:6px; width:21px; }
.twitter:hover { background-position:0 -23px; }
.linkedin { background:url(navpics/logos/linkedin.png) 0 0 no-repeat; height:27px; margin-top:4px; width:27px; }
.linkedin:hover { background-position:0 -27px; }
.viadeo { background:url(navpics/logos/viadeo.png) 0 0 no-repeat; height:30px; margin-top:2px; width:30px; }
.viadeo:hover { background-position:0 -30px; }

.warning { background:#fff; border:1px solid #dfe2e6; color:#b1b1b1; margin:16px 0 0 0; padding:14px 12px; }
.warning h4 { font-size:1em; font-weight:bold; text-align:center; }

.brique { margin:30px 0 0 0; }
.brique h2 { }

/* resultat de recherche de fournisseurs */
#entete_search {
  position: relative; 
  background:url(navpics/fonds/entete_search.jpg) right 0 no-repeat; height:193px; padding:25px 17px 25px 20px; width:943px;
}

  #entete_search h1 {
    position: absolute; top: 40px; left: 0;
    display:block; height: 35px; margin: 25px 0 0 65px; width: 120px;
    color:#d60a10; background: url(navpics/fonds/step2.png) no-repeat 75px 0; font-size: 1.5em; text-transform: uppercase;  
  }
  
  #entete_search h1.step3 {
    background: url(navpics/fonds/step3.png) no-repeat 75px 0;
  }
  
  #entete_search h1.direct, #entete_search h1.end {
    background: none; color: inherit; width: 400px;
  }
  
    #entete_search h1 span { display: none; }
  
  #entete_search p.help {
    position: absolute; top: 90px; left: 0; width: 400px;
    padding: 10px 20px 20px 65px;  font-size: 2em; line-height: 1.25em;
  }
  
  #entete_search p.large {
    width: 650px;
  }

  #entete_search .text { position: absolute; top: 180px; left: 0; padding:0 0 0 65px; width:650px; }
    #entete_search .text p { margin:0; }
  
  #entete_search .actions { position: absolute; top: 50px; left: 500px; }
  
    #entete_search .modify { margin:1em 0 0 0 !important; float: none; }
      #entete_search .modify a { text-decoration:none; color:#FFF; }
      #entete_search .modify a:hover { text-decoration:none; color:#67d8e2; }
    #entete_search .current { text-align: center; }
    
.modify { background:url(navpics/boutons/retour_recherche.png) 0 0 no-repeat; color:#fff; display:block; float:left; font-weight:bold; height:38px; line-height:1.2; margin:30px 35px 0 0; padding:6px 0 0 85px; width:136px;  }
.modify:hover { color:#67d8e2; text-decoration:none; }

.results { background:url(navpics/fonds/results.jpg) 14px bottom no-repeat; min-height:621px; }
.no-result { padding: 0 0 0 30px; font-weight: bold; color: #d60a10; } 


#categoryMenu { background:#1e4278; float:left; list-style:none; margin:15px 0 0 30px; min-height:200px; padding:13px 0 0 0; width:300px; }
#categoryMenu li { background:url(navpics/fonds/tab_catMenu.png) right 0 no-repeat; height:37px; line-height:1.2; margin:0 0 3px 0; position:relative; }
#categoryMenu li a { background-position:35px 2px; background-repeat:no-repeat; display:block; padding:6px 0 0 100px; }

.catmenu-223 a { background-image:url(navpics/onglets/amenagement.png); }
.catmenu-224 a { background-image:url(navpics/onglets/assurances.png); }
.catmenu-225 a { background-image:url(navpics/onglets/immoIndus.png); }
.catmenu-226 a { background-image:url(navpics/onglets/immotertiaire.png); }
.catmenu-227 a { background-image:url(navpics/onglets/mobilier.png); }
.catmenu-228 a { background-image:url(navpics/onglets/telephonie.png); }
.catmenu-229 a { background-image:url(navpics/onglets/transferts.png); }

#categoryMenu .delay { font-size:.833em; }
#categoryMenu .libelle { font-size:1em; font-weight:bold; text-transform:uppercase; }
#categoryMenu .checkedOk { background:url(navpics/onglets/checked.png) 0 0 no-repeat; display:block; height:37px; left:45px; position:absolute; top:5px; width:46px; }
#categoryMenu li a:hover { color:#d60a10; text-decoration:none; }
#categoryMenu .current { background:url(navpics/fonds/tab_catMenu_active.png) right 0 no-repeat; height:53px; margin-right:-1px; }
#categoryMenu .current a { background-position:35px 10px; height:53px; padding:10px 0 0 100px; }
#categoryMenu .current a:hover { color:#151535; cursor:default; }
#categoryMenu .current .libelle { font-size:1em; }
#categoryMenu .current .checkedOk { background:url(navpics/onglets/checked.png) 0 0 no-repeat; display:block; height:37px; left:45px; position:absolute; top:18px; width:46px; }

#categoryDetail { background:#fff; border:1px solid #e7eaec; float:left; overflow:hidden; width:611px; }
#categoryDetail h2 { background:url(navpics/fonds/bar_moncompte.gif) 0 0 repeat-x; color:#fff; font-size:1.5em; font-weight:bold; height:28px; line-height:28px; padding:0 0 0 35px; text-transform:uppercase; }
#categoryDetail h2 .city { font-size:.917em; font-weight:normal; margin:0 0 0 5px; text-transform:none; }
#categoryDetail .supplier { overflow:hidden; padding:10px 20px 16px 35px; width:556px; }
#categoryDetail .descript { padding:0 0 0 35px; }
#categoryDetail .odd { background:#e7edf4; }
#categoryDetail .supplier .illustr { float:left; width:150px; }
#categoryDetail .supplier .text { float:left; width:406px; }
#categoryDetail .text h3 { font-size:1.333em; font-weight:bold; margin:0; width:285px; }
#categoryDetail .text h4 { font-size:1.083em; margin:0; width:285px; }
#categoryDetail .fiche { background:url(navpics/boutons/voir_fiche.png) 0 0 no-repeat; display:block; float:right; font-size:.833em; font-weight:bold; height:22px; padding:7px 0 0 40px; width:85px; }
#categoryDetail .fiche:hover { color:#67d8e2; text-decoration:none; }
.addToCart, .added { background-color:#ecf1f6; display:block; float:right; font-weight:bold; height:42px; line-height:42px; margin:0; padding:0 0 0 55px; width:140px; }
.addToCart { background-image:url(navpics/boutons/unchecked.png); background-position:27px 14px; background-repeat:no-repeat; }
.added { background-image:url(navpics/boutons/checked.png); background-position:23px 13px; background-repeat:no-repeat; }
.odd .addToCart, .odd .added { background-color:#fafbfd; }
.addToCart:hover { color:#67d8e2; text-decoration:none; } 
.added:hover { cursor:default; text-decoration:none; }

.nav_cat { font-size:.917em; font-weight:bold; overflow:hidden; padding:10px 20px 10px 35px; width:556px; }
.backward, .forward { display:block; height:23px; line-height:23px;  }
.forward { background:url(navpics/boutons/next.png) right 0 no-repeat; float:right; padding:0 40px 0 0; }
.backward { background:url(navpics/boutons/prev.png) 0 0 no-repeat; float:left; padding:0 0 0 40px; }
.nav_cat a:hover { color:#67d8e2; text-decoration:none; }

.envoyer { background:url(navpics/boutons/envoyer.png) 0 0 no-repeat; color:#fff; font-weight: bold; display:block; float:right; height:38px; line-height:1.2; margin:30px 35px 0 0; padding:6px 0 0 85px; width:260px;  }
.envoyer:hover { color:#67d8e2; text-decoration:none; }

/* the overlayed element */ 
.overlay { 
     
    /* must be initially hidden */ 
    display:none; 
     
    /* place overlay on top of other elements */ 
    z-index:10000; 
     
    /* styling */ 
    background:#fff;
    border:1px solid #666;
    min-height:400px;
		padding:10px 15px;
    width:655px;
     
    /* CSS3 styling for latest browsers */ 
    -moz-box-shadow:0 0 90px 5px #000; 
    -webkit-box-shadow: 0 0 90px #000;     
} 
 
/* close button positioned on upper right corner */ 
.overlay .close { 
    background-image:url(navpics/boutons/close.gif); 
    position:absolute; 
    right:15px; 
    top:10px; 
    cursor:pointer; 
    height:21px; 
    width:80px; 
}
.content_overlay { margin:0 0 30px 0; }
.infos { float:left; padding:20px 0; width:226px; }
.infos .illustr { margin:0 0 20px 0; text-align:center; }
.infos h3 { background:url(navpics/fonds/titre_overlay.gif) 0 0 no-repeat; color:#fff; font-size:1.083em; font-weight:bold; height:19px; line-height:19px; margin:0; padding:0 0 0 14px; }
.infos p { margin:.2em 0 1.5em 0; padding:0 0 0 14px; }
.fiche { float:left; padding:60px 0 0 20px; width:369px; }
.fiche h3 {
	font-size: 2em;
	font-weight: bold;
}
.fiche h4 {
	font-size: 1.667em;
}

.fiche p.abstract {
  font-weight:bold;
  padding: 10px 0 0 0;
}
.big { float:left; height:540px; width:519px; }
.slideshow .big { float:left; height:500px; width:479px; }

.big h6 { 
  font-style:italic;
  text-align: center;
}

#picturesMenu { background:#d8e1ee; float:right; list-style:none; margin:0; padding:10px; width:116px; }
#picturesMenu li {}
#picturesMenu li:first-child {}
#picturesMenu li img { border:3px solid #d8e1ee; }
#picturesMenu li:first-child a {}
#picturesMenu li:hover { cursor:pointer; }
#picturesMenu li.current {}
#picturesMenu li.current img { border:3px solid #fff; }

#cart { padding:0 17px 25px 20px; width:943px; }
.removeFromCart {
	background:#ecf1f6 url(navpics/symboles/suppr.png) 21px 11px no-repeat;
	display:block;
	float:right;
	font-size:.917em;
	height:35px;
	line-height:1.2;
	margin:0 17px 0 0;
	padding:8px 0 0 57px;
	width:140px;
}
.removeFromCart strong { display:block; text-transform:uppercase; }
.removeFromCart:hover { background:#151535 url(navpics/symboles/suppr.png) 21px 11px no-repeat; color:#fff; text-decoration:none; }

.head { background:url(navpics/fonds/login.gif) 0 0 repeat-x; color:#fff; font-weight:bold; height:28px; width:940px; }
.hcat { padding:0 0 0 40px; width:284px; }
.hpartners { padding:0 0 0 40px; width:576px; }
#cart .envoyer { margin-right:0; }

/* detail fournisseur */
.print {
	background: url(navpics/boutons/print.png) 0 0 no-repeat;
	display: block;
	float: right;
	height: 27px;
	line-height: 1;
	margin: 10px 0;
	padding: 18px 0 0 50px;
	width: 150px;
}
#content_main .fiche {
	padding: 20px 0 0 20px;
}

  .ficheDetails {
      border: 1px solid #d60a10; background-color: #f4f9fd; padding: 15px 10px;
      border-radius: 4px / 4px;
      -webkit-border-radius: 4px 4px;
      -moz-border-radius: 4px / 4px;
      -o-border-radius: 4px / 4px;
      -ms-border-radius: 4px / 4px;
      -khtml-border-radius: 4px / 4px;
  }

    .ficheDetails .email {
      	background: url(navpics/fonds/sheet-contact.png) 0 0 no-repeat;
      	display: block;
      	float: left;
      	font-weight: bold;
      	height: 30px;
      	line-height: 30px;
      	padding: 0 0 0 40px; margin-left: 20px;
      	width: 230px;
    }

    .ficheDetails .telephone {
      	background: url(navpics/fonds/sheet-contact-phone.png) 0 0 no-repeat;
      	display: block;
      	float: left;
      	font-weight: bold;
      	height: 30px;
      	line-height: 30px;
      	padding: 0 0 0 40px;
      	width: 230px; margin: 5px 0 4px 20px;
    }

    .ficheDetails .indigo, .infos .indigo {
      color:#383489;
      display: block;
      float: left;
      font-size:0.917em;
      margin:0 0 0 60px;
    }

    .ficheDetails .indigoPhone, .infos .indigoPhone {
      background: url(navpics/fonds/num_indigo.png) 0 0 no-repeat;
      height:25px;
      line-height:26px;
      padding-left:110px;
      margin-top:-8px;
      width: 140px;
    }
    
    .ficheDetails .indigoCost, .infos .indigoCost {
      font-size:0.75em;
      padding-right:15px;
      text-align:right;
      width: 235px;
    }
    
    .ficheDetails .indigoCode, .infos .indigoCode {
      height:20px;
      line-height:20px;
      padding-left:2px;
      width: 280px;
    }
    
    .ficheDetails .code {
      font-weight:bold;
    }

/*****************************/
/*        MON COMPTE         */
/*****************************/
#account { padding:25px 17px 25px 20px; width:943px; }
#account h2 { background:url(navpics/fonds/login.gif) 0 0 repeat-x; color:#fff; display:block; font-size:1.167em; font-weight:bold; height:28px; line-height:28px; margin:0 0 26px 0; padding:0 0 0 20px; width:920px; }
#account h2.directQuotes { margin-top: 25px; }
#account .text { padding:0 120px; }
#account .text a { text-decoration:underline; }
#account .text table { background:#fcfdfe; border:1px solid #dce2e9; margin:20px 0 0 0; padding:20px 50px; width:100%; }

.tab_dde_devis { border:1px solid #bacddc; list-style:none; margin:0; width:938px; }
.tab_dde_devis li { border-top:1px solid #bacddc; clear:both; overflow:hidden; width:938px; }
.tab_dde_devis li:first-child { border-top:none; }
.tab_dde_devis li .libelle { float:left; min-height:35px; padding:10px 0 0 80px; width:244px; }
.tab_dde_devis h4 { font-size:1.333em; font-weight:bold; margin:0; text-transform:uppercase; }

.cat223 { background:url(navpics/onglets/amenagement.png) 5px 10px no-repeat; }
.cat224 { background:url(navpics/onglets/assurances.png) 5px 10px no-repeat; }
.cat225 { background:url(navpics/onglets/immoIndus.png) 5px 10px no-repeat; }
.cat226 { background:url(navpics/onglets/immotertiaire.png) 5px 10px no-repeat; }
.cat227 { background:url(navpics/onglets/mobilier.png) 5px 10px no-repeat; }
.cat228 { background:url(navpics/onglets/telephonie.png) 5px 10px no-repeat; }
.cat229 { background:url(navpics/onglets/transferts.png) 5px 10px no-repeat; }

.tab_dde_devis li .libelle a { text-decoration:underline; }
.tab_dde_devis li a:hover {}
.tab_dde_devis ul { border-left:1px solid #bacddc; float:right; list-style:none; margin:0; width:613px; }
.tab_dde_devis li li { height:45px; padding:10px 0 10px 40px; vertical-align:middle; width:573px; }
.tab_dde_devis li li img { margin:0 10px 0 0; vertical-align:middle; }

.anim { margin:30px 0 0 0; text-align:center; }

/*****************************/
/*         SPECIFIC          */
/*****************************/
.titre { background:url(navpics/fonds/titre_normal.png) 0 0 no-repeat; color:#fff; font-size:1.167em; font-weight:bold; line-height:22px; margin:0 0 0 -14px; padding:0 0 0 14px; }
.titre_ville { background:url(navpics/fonds/titre_normal.png) 0 0 no-repeat; color:#fff; float:left; font-size:1.167em; font-weight:bold; line-height:24px; margin:0 0 0 -14px; padding:0 0 0 14px; }
.titre_ville span { background:url(navpics/fonds/titre_normal.png) right 0 no-repeat; color:#fff; display: block; line-height:24px; margin:0; padding:0 15px 0 0; }
.titre_normal { background:url(navpics/fonds/titre_normal.png) 0 0 no-repeat; color:#fff; font-size:1.167em; font-weight:bold; line-height:22px; padding:0 0 0 14px; }
.titre_red { background:url(navpics/fonds/login.gif) 0 0 repeat-x; color:#fff; font-size:1.167em; font-weight:bold; height:28px; line-height:28px; padding:0 0 0 20px; }

.all { background:url(navpics/fonds/all.png) right 0 no-repeat; float:right; font-weight:bold; height:30px; line-height:22px; margin:25px 0 0 0; padding:0 20px 0 0; text-align:right; width:370px; }
.all a { color:#fff; display:block; }
.all a:hover { color:#151535; text-decoration:none; }
.visit { background:url(navpics/boutons/visit_blog.png) 0 0 no-repeat; float:right; font-weight:bold; height:24px; line-height:24px; margin:20px 0 0 0; text-align:center; width:175px; }
.visit a { color:#fff; }

a.arrondi, div.arrondi, span.arrondi, input.arrondi {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.button {
	height: 26px;
	display: block;
	float: left;
	text-decoration: none;
}
	.button-left {
		background: url(navpics/boutons/button_lr.png) no-repeat left top;
		float: left;
		height: 26px;
		width: 7px;
	}
		.button:hover .button-left {
			background-position: left bottom;
		}
	.button-text {
		background: url(navpics/boutons/button_bg.gif) repeat-x center top;
		color: #151535;
		display: block;
		float: left;
		font-size: .917em;
		height: 21px;
		padding: 0px 30px;
		padding-top: 5px;
	}
		.button:hover .button-text {
			background-position: center bottom;
			color:#d60a10;
		}
		.button:active .button-text {
			padding-top: 5px;
			background-position: center -26px;
		}
	.button-right {
		background: url(navpics/boutons/button_lr.png) no-repeat right top;
		display: block;
		float: left;
		height: 26px;
		width: 7px;
	}
		.button:hover .button-right {
			background-position: right bottom;
		}
	.button:hover {
		cursor: pointer;
		text-decoration:none;
	}
	

/* Formulaire de partage de page par email */
#share-by-email-form li {
	display:block;
	list-style:none;
}

#share-by-email-form li label {
	display:block;
	width:200px;
}

/* erreur 404 / 500 */
p.goHomepage a { text-decoration: underline; }
p.goHomepage a:hover { text-decoration: none; }


/*****************************/
/*        LANDING PAGE       */
/*****************************/
.user-notices { width: 930px; padding: 20px 0; display: none; }
.user-notices ul { list-style: none; list-style-position: inside; padding-left: 10px; }

  .user-notices ul.globalError, .user-notices #notice {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    -khtml-border-radius: 5px;
    padding: 20px; font-weight: bold;
  }
  
  .user-notices ul.globalError, .user-notices #error { background-color: #fbedef;  border: 1px #d9191f solid; color: #d9191f; }
  .user-notices #notice { background-color: #f1f7ff;  border: 1px #0e4488 solid; color: #0e4488; }
  
h3.intro_landing, h3.step { font-size: 1.333em; /* 16px */ font-weight: bold; }
h3.intro_landing { color: #d60a10; margin: 15px 0; }
h3.step {
  position: relative; height: 40px; width: 920px; margin:20px 0;
  background: #fff url(navpics/fonds/titre-landing.png) repeat-y top left;
  line-height: 35px; padding-left: 10px;
}

  h3 span { position: absolute; }
  h3 span.num { 
    height:50px; width: 50px; top:-4px; left:80px;
    text-indent: -9999px;
  }
  h3 span.text { 
    top:2px; left: 10px; height: 50px; width: 160px;
    text-transform: uppercase;
  }
  
  h3 span.slogan { top:2px; left: 160px; }
  
  h3.num1 span.num { background: url(navpics/fonds/landing-step1.png) no-repeat; }
  h3.num2 span.num { background: url(navpics/fonds/landing-step2.png) no-repeat; }
  h3.num3 span.num { background: url(navpics/fonds/landing-step3.png) no-repeat; }
  h3.num4 span.num { background: url(navpics/fonds/landing-step4.png) no-repeat; }

.landing-head { 
  position: relative; width: 934px; height: 345px; 
  background: #ecf1f6 url(navpics/fonds/landing-header.png) repeat-x top left;
  margin-bottom: 30px;
}

  .landing-head h1, .landing-head small { margin: 0px 10px 0px 350px; padding-left: 60px;  }
  .landing-head h1 { position: absolute; top: 0; left: 0; font-size: 1em; /* 12px */ font-weight: bold; height: 100px; }

  .landing-head h1.category-223 { background: url(navpics/visuels/223.png) no-repeat; }
  .landing-head h1.category-224 { background: url(navpics/visuels/224.png) no-repeat; }
  .landing-head h1.category-225 { background: url(navpics/visuels/225.png) no-repeat; }
  .landing-head h1.category-226 { background: url(navpics/visuels/226.png) no-repeat; }
  .landing-head h1.category-227 { background: url(navpics/visuels/227.png) no-repeat; }
  .landing-head h1.category-228 { background: url(navpics/visuels/228.png) no-repeat; }
  .landing-head h1.category-229 { background: url(navpics/visuels/229.png) no-repeat; }
    
  .landing-head small {
    position: absolute; top: 10px; left: 0; 
    font-size: 1.833em; /* 22px */ font-weight: normal; 
   }
  
  .landing-head h2 {
    position: absolute; top: 118px; left: 0; width: 520px; padding-left: 410px; padding-top: 15px;
    font-size: 1.5em; /* 16px */ font-weight: normal; height: 210px; border: 2px #cddae1 solid; background-color: #fff;
   }
   
   .landing-head h2 p {
     padding: 5px 10px 5px 0; margin: 0;
   }
   
  .landing-head img { position: absolute; bottom: 0; left: 5px; }
  
.landing-suppliers {
  margin-bottom: 30px;
}
  
  .landing-suppliers .supplier {
    width: 900px;
    border-top: #94afcf 1px solid;
    padding: 10px 0;
  }
    .landing-suppliers .supplier.first {
      border: none;
    }
    
    .landing-suppliers .supplier img, .landing-suppliers .supplier div.infos, .landing-suppliers .supplier div.doselect {
      float: left;
    }
    
    .landing-suppliers .supplier img { padding: 10px 50px 10px 0; }
    .landing-suppliers .supplier div.infos { width: 460px; padding: 0; }
      .landing-suppliers .supplier div.infos h4 { font-size: 1.333em; /* 16px */ font-weight: bold; margin: 0 0 1px 0; }
      .landing-suppliers .supplier div.infos h5 { font-size: 1em; /* 12px */ margin: 0 0 1px 0; }
      .landing-suppliers .supplier .telephone { padding: 0; margin: 5px 0 0 0; font-weight: bold; font-size: 0.833em; /* 10px */ }
      
    .landing-suppliers .supplier div.doselect { 
      background-color: #ecf1f6; padding: 10px 30px;
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
      -o-border-radius: 5px;
      -ms-border-radius: 5px;
      -khtml-border-radius: 5px;
      border-radius: 5px;
      float: right;
    }
    .landing-suppliers .supplier div.doselect a { 
      display: block; font-weight: bold; padding-left: 30px; width: 180px; height: 18px;
      background: url(navpics/fonds/check-off.png) no-repeat top left;
     }
    .landing-suppliers .supplier div.doselect a.on { 
      background: url(navpics/fonds/check-on.png) no-repeat top left;
     }
    
    .landing-suppliers .supplier div.doselect span {
      padding-left: 30px;
    }
    
    .landing-suppliers  ul.supplier-logo {
      list-style: none;
    }
      .landing-suppliers ul.supplier-logo li {
        float: left;
      }
        .landing-suppliers ul.supplier-logo li img {
          padding: 10px 20px;
        }

.landing-user { 
  position: relative; height: 450px; width: 920px;
  margin-bottom: 30px;
}
  
  .landing-user ul.menu { 
    position: absolute; top: 0; left: 0;
    list-style: none; margin: 0; padding: 0;
  }
    .landing-user ul.menu li { float: left; color: #fff; cursor: pointer; line-height:20px; }
      .landing-user ul.menu li.first { 
        display: block; width: 155px; height: 25px; padding: 0 0 0 20px;
        background: url(navpics/fonds/usertabs-first-landing-off.png) no-repeat bottom left;
      }
      .landing-user ul.menu li.first:hover, .landing-user ul.menu li.first_on { 
        background: url(navpics/fonds/usertabs-first-landing-on.png) no-repeat bottom left;
      }
      
      .landing-user ul.menu li.second { 
        display: block; width: 166px; height: 25px; padding: 0 0 0 40px;
        background: url(navpics/fonds/usertabs-second-landing-off.png) no-repeat bottom left;
      }
      .landing-user ul.menu li.second:hover, .landing-user ul.menu li.second_on { 
        background: url(navpics/fonds/usertabs-second-landing-on.png) no-repeat bottom left;
      }
      
    .landing-user form { 
      position: absolute; top : 20px; left: 0; display: none; width: 920px; height: 430px;
      background: #cbd8e3 url(navpics/fonds/userforms-landing.png) repeat-x top;
      border: #f1f4f7 1px solid; border-top: #d60a10 1px solid;
    }
    .landing-user form.on { display: block; }
      .landing-user form input { border: #dfdfdf 1px solid; padding: 2px; }
    
    #memberInfos { width: 100%; }
    #memberInfos fieldset { display: block; float: left; }
    #memberInfos input[type=submit] { display: none; }
    
    #memberInfos #account { width: 320px;  height: 300px; padding: 0; margin: 40px 0 10px 20px; border-right: #7e93b0 1px solid; }
      #memberInfos #account div.member label { float: left; width: 110px; }
      #memberInfos #account div.member input { float: left; width: 120px; }
    
    #memberInfos fieldset.infos { width: 530px; padding: 10px 10px 10px 20px; }
    
    #memberInfos #move    { width: 200px; padding: 10px 0 10px 20px; }
    #memberInfos #comments { width: 300px; height: 200px; padding: 10px; }
      #memberInfos #comments div > label, #memberInfos #move div > label { font-weight: bold; display: block; padding: 2px; }
    
    .landing-user #formRetrievePassword fieldset, .landing-user #formAuth fieldset { margin: 20px 10px 10px 20px; width: 450px; }
    
    #formAuth legend, #formRetrievePassword legend {
      font-weight: bold; margin: 10px 0;
    }
    
    #formRetrievePassword label { display: block; float: left; width: 120px; }
    #formRetrievePassword input[type="submit"]  {
      background:url(navpics/boutons/submit_bg.gif) repeat-x scroll 0 0 transparent;
      border:1px solid #44445D; color:#FFFFFF;
      cursor:pointer; display:block; float:right;
      font-weight:bold; line-height:40px; text-align:center;
      height:40px; margin:10px 20px 0 0; padding:0 20px;
    }
    #formRetrievePassword a {
      clear:both; display:block;
      font-size:0.833em;
      margin:20px 0 0;
      text-decoration:underline;
    }
    
.landing-categories {
  margin-bottom: 30px;
}
  .landing-categories dl {
    list-style: none; float: left; width: 150px; height: 100px;
  }
    .landing-categories dl dt {
      padding: 5px 0; text-align: center;
    }
    .landing-categories dl dd a {
      background: url(navpics/fonds/check-off.png) no-repeat top left; 
      display: block; padding-left: 25px; margin: 0;
    }
      .landing-categories dl dd a.on { 
        background: url(navpics/fonds/check-on.png) no-repeat top left;
      }

.landing-footer { position: relative; }

.landing-footer a { 
  position: absolute; top: -2px; left: 260px; display: block; width: 418px; height: 89px;
  background: url(navpics/fonds/send-landing.png) no-repeat top left; 
  color: #fff; text-align: center; font-weight: bold; font-size: 1.545em; /* 17px */ line-height: 2.182em;
  }
  .landing-footer a:hover { cursor: pointer; }