/*------------------------------------------------------------------

  [Feuille de style globale] 
  
  Projet:    Observatoire Cetelem
  Réalisation : Agence Cosmic Communication (www.agencecosmic.com)
  Version:    1.0
  Dernière modification:    11/05/09
  Auteurs : Olivier Gorzalka, ...

-------------------------------------------------------------------*/

/*------------------------------------------------------------------

[Table of contents]

  1. Body
  2. Header / #header
    2.1. Navigation / #navbar
  3. Contenu / #content
    3.1. Colonne de gauche / #aside
    3.2. Colonne de droite / #sidebar
    3.3. Texte / #text
    3.4. Contenu de la page Contact
    3.5. Contenu de la page Actualités
    3.6  Contenu de la page Médiathèque
    3.7  Contenu de la page Plan du site
    3.8  Contenu des pages 'En 1 clic'
  4. Footer / #footer
  5. Couleurs / Images de Fonds
  6. Typographie
  7. Extras 
-------------------------------------------------------------------*/

@import url(fancybox.css);
@import url(grid/reset.css);
@import url(grid/text.css);
@import url(grid/960.css);

/*---------------------------------------
  
  1. Body

----------------------------------------*/

#wrapper {
  padding-right:4px;
}

/* Placement de base */

#content .introtext {
  float:left;
  display:inline;
  margin-left:10px;
  margin-right:10px;
}

/*---------------------------------------

  2. Header / #header 

----------------------------------------*/

#footer, #header {display:inline;float:left;width:965px;position:relative;left:4px;}

/* Liens d'accessibilités */
#accessibility {
  left:270px;
  margin:0;
  padding-bottom:85px;
  position:absolute;
  top:-37px;
  width:495px;
  z-index:1;
}

#accessibility li {
  margin:0;
  padding:0;
}

#logo {
  width:221px;
  height:158px;
  left:-4px;
  margin:0;
  padding-right:52px;
  position:relative;
  font-size:1.8em;
  line-height:1.3em;
  display:inline;
  float:left;
}

#logo a {
  display:block;
  padding:33px 10px 67px;
  position:relative;
  text-decoration:none;
  z-index:2;
}

/* Phrase d'accroche */
#tagline { padding:15px 19px 0 17px;width:402px;display:inline;float:left;margin-left:10px;}

#tagline img {
  position:absolute;
  right:3px;
  top:15px;
}

/* 2.1. Navigation / #navbar */

#navbar {
  margin:0;
  padding:0;
  position:absolute;
  bottom:0;
  right:1px;
  *right:0px; /* hack pour IE6 */
}

#navbar a {
  text-align:center;
  width:151px;
  position:relative;
  -webkit-border-top-left-radius:6px;
  -webkit-border-top-right-radius:6px;
  -moz-border-radius:6px 6px 0 0;
  border-top-left-radius:6px;
  border-top-right-radius:6px;
}

#navbar span {
  position:absolute;
  left:0;
  bottom:0;
  height:65px;
  width:161px;
  text-indent:-9999px;
  cursor:pointer;
  z-index:1;
  margin:0 0 -1px 0;
}

* > #navbar span { margin:0; } /* Box-model */

#navbar a img {
  position:absolute;
  right:8px;
  top:8px;
  z-index:2;
}

#navbar li {
  width:161px;
  display:inline;
  float:left;
  list-style:none;
  margin:0;
  padding:0;
}

#navbar li a {
  float:left;
  display:inline;
  color:#fff;
  font-size:1.4em;
  padding:20px 5px;
  text-decoration:none;
}

/*---------------------------------------

  3. Contenu / #content

----------------------------------------*/

#content {padding-bottom:10px;width:945px;display:inline;float:left;margin:0 10px;}

/* Lien Externe */

#content a.external {background:transparent url(../images/content/external.gif) no-repeat left 5px;padding-left:12px;}

#content #sidebar a.iconlink.external, #content #aside a.iconlink.external {background:none;padding-left:0;}

#content #sidebar .readmore a.iconlink.external, #content #aside .readmore a.iconlink.external {background:transparent url(../images/content/external.gif) no-repeat left 5px;padding-left:12px;}

/* Lien 'Lire plus' */

.morenews a,
.moreabout .readmore,
.readmore a { 
  height:1%;
  display:block;
  padding-left:12px; 
}

.morenews a { padding-left:14px; }

#content .moreabout .readmore a, #content .moreabout .readmore a.external {display:inline;padding:0;background-image:none;}

.moreabout p { 
  padding-left:0; 
  padding-right:0;
}

/* Lien haut de page */
.pageTop{float:right;background:#fff url(../images/content/sprite_green.png) left -94px no-repeat;padding-left:15px;position:relative;left:-10px;top:-5px;}

/* 3.1 Colonne de gauche / #aside */

#aside {width:221px;display:inline;float:left;margin-right:10px;}
#aside p {padding-left:0;padding-right:0;}

/* 3.2 Colonne de droite / #sidebar */

#siderbar_menu {
  border-bottom:7px solid #fff;
}

#siderbar_menu .headerTitle{
  background-color:#dd649c;
  font-weight:normal;
  padding:7px 5px;
  color:#fff;
  font-size:1.091em;
}

#siderbar_menu ul {
  margin-bottom:0;
  padding:0;
}

#siderbar_menu ul li {
  padding:3px 5px 0 5px;
  margin:0;
}
#siderbar_menu ul li li {
  padding:0 0 0 15px;
  margin:0;
}

#siderbar_menu ul li.active { padding-bottom:3px; }

#siderbar_menu a,#siderbar_menu span {
  height:1%;
  display:block;
  padding:0 5px 3px 22px;
  border-bottom-width:1px;
  border-bottom-style:solid;
}

#siderbar_menu li.active a { 
  border-bottom:none; 
  padding-bottom:0;
}

#siderbar_menu li.last{border-bottom:3px solid #fff;}
#siderbar_menu li li.last{border-bottom:0;}

#siderbar_menu li.last a,#siderbar_menu li.last span { border-bottom:none; }

#sidebar {width:221px;display:block;float:left;
  margin:0 0 0 10px !important; margin:0;}

#sidebar ul {
  list-style:none;
  margin-bottom:0;
}

#home_page #sidebar .boxContent {overflow:hidden;position:relative;}
#home_page #sidebar .boxContent ul {position:relative;}
#home_page #sidebar .boxContent li.first {display:block;}
#home_page #sidebar .boxContent .readmore, #home_page #sidebar .boxContent .readmore a {position:relative;zoom:1;}


#sidebar li {
  list-style:none;
  margin:0;
}

#sidebar .box { position: relative; overflow: hidden;background-color: #f5f4ef;margin-bottom:10px;}
#sidebar li.box {display:none;}
#sidebar li.first {display:block;}

#sidebar .medias { 
  border-bottom:10px solid #fff;
  background-color:#fff;
  padding:0;
}

#sidebar .box.consommation,
#sidebar .box.automobile,
#sidebar .box.immobilier {
  padding:0 0 5px;
}

#sidebar .box.consommation h3,
#sidebar .box.automobile h3,
#sidebar .box.immobilier h3 {
  padding:5px 10px;border:0;
  color:#fff;
}

#sidebar .box.consommation p,
#sidebar .box.automobile p,
#sidebar .box.immobilier p {
  padding:0 10px;
}

#sidebar .box.consommation ul,
#sidebar .box.automobile ul,
#sidebar .box.immobilier ul {
  padding:0 10px;
  margin-bottom:5px;
}

#sidebar .box.consommation .cover,
#sidebar .box.automobile .cover,
#sidebar .box.immobilier .cover {
  text-align:center;
  padding:0 5px;
}

/* 3.3 Text / #text */

#text {width:462px;display:inline;float:left;margin:0 10px;}
.marketPage #text, .page #text, .contentPage #text {width:703px;margin-left:0;}

#edito {padding:10px 0 20px 0;}

/* Image d'illustration du bloc de droite */
#content img.illustr {
  margin-left:10px;
  margin-bottom:10px;
  float:right;
}

/* Texte d'intro */
#content .introtext {
  margin-right:0;
  padding-left:53px;
  width:414px;
  color:#756A65;
}

#maincontent { 
  clear:both; 
  padding-bottom:25px;
}

#maincontent sup, #content sup{vertical-align:super;font-size:.818em;line-height:.47em;}

#maincontent sub, #content sub{vertical-align:sub;font-size:.818em;line-height:.47em;}

#content .noWrap {white-space:nowrap;}

.marketPage #maincontent .leftContent {width:462px;display:inline;float:left;margin-right:10px;}
.marketPage #maincontent .rightContent {width:221px;display:inline;float:left;margin-left:10px;}

#nextcontent div {
  margin-bottom:10px;
}

#nextcontent .content {width:221px;display:inline;float:left;margin:0 10px;}
#nextcontent .content.first{margin-left:0;}
#nextcontent .content.last{margin-right:0;}
#nextcontent .content .illustr {float:left; margin:0 7px 7px 0;}

/* Contenu de type résumé */
.summary {
  margin-top:15px;
}

.summary h3 {
  font-weight:bold;
  border-bottom:none;
}

.summary h3 img{margin-right:.3em;}

.summary .contentsummary {width:462px;display:inline;float:left;margin:0 10px 0 0;}
.summary .moreabout {width:221px;display:inline;float:left;margin:0 0 0 10px;}
.leftContent .summary .moreabout {width:auto;display:block;float:none;margin:0;}

/* Liste d'actualité simple */

ul.simplelistnews {
  margin-bottom:10px;
  padding:0;
}

.simplelistnews li {
  list-style:none;
  margin:0 0 10px 0;
}

.simplelistnews li ul li {
  list-style-type:disc;
  margin:0 0 0 16px;
}


/* Images de type schema (graphiques, camemberts...) */
.single_image {position:relative;margin:.5em 0 4em;display:block;}
.schemaTitle {text-align:center;}
.magnifier {position:absolute;bottom:-20px;right:1px;background:transparent url(../images/content/magnifier.png) left top no-repeat;display:block;width:24px;height:24px;}


/* Liste des sites du groupe */

ul.sites_du_groupe {
margin-bottom:10px;
padding:0;
}

ul.sites_du_groupe li {
list-style:none;
padding:0 0 10px;
}

ul.sites_du_groupe li strong {background:transparent url(../images/content/sprite_green.png) no-repeat left 4px;padding-left:10px;}

/*
ul.sites_du_groupe strong {
color:#359A32;
}
*/

readmore a, .readmore .picto {global.css (ligne 507)
background-position:-872px -160px;
}
.morenews a, #content h1 span, .moreabout .readmore, #content h1, .readmore a, .readmore .picto, body #content #siderbar_menu a {global.css (ligne 475)
background-image:url(../images/content/sprite.gif);
background-repeat:no-repeat;
}




/* Contenu des pages marché de la rubrique conso */
.marketPage .summary .moreabout{padding-left:18px;margin:1em 0 .2em;}


/* tableaux */

table {
  border: 0;
  margin:10px 0;
  width:100%;
  border-collapse: collapse;
}
table th,
table td {
  border: 1px solid #CCCCCC;
  padding: 3px;
  text-align: center;
  vertical-align: middle;
}
table th {
  background-color: #359A32;
  color: #fff;
  padding: 6px;
}
table .debligne{
  text-align: left;
}
.immobilier table th {
  background-color: #6CA5D8;
}
.immobilier table .important{
  background-color: #4688C3;
  color: #fff;
}



/* 3.4 Contenu de la page Contact */

#formContact fieldset{padding:0 5px;}
#formContact label{font-weight:bold;display:block;float:left;width:180px;padding:2px 0 0;}
#formContact #labelMessage{margin:15px 0 5px;}
#formContact input{border:1px solid #333;width:247px;margin:0 0 5px;padding-left:3px;}
#formContact .button{border:1px solid #333;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;font-weight:bold;background-color:#f4f3ef;width:80px;padding:3px 0;margin:0 auto;display:block;font-size:1.091em;}
#formContact select{width:252px;border:1px solid #333;margin:0 0 5px;}
#formContact textarea{width:440px;height:100px;border:1px solid #333;margin:0 0 5px;padding:5px;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;font-size:1em;}
#formContact p{margin:0;padding:0;}

/* Validation du formulaire de contact */

div.formError {
border-left:1px solid red;
margin:0 0 2em 15px;
padding:0 0 0 0.5em;
}

div.formError ul {
list-style-type:disc; 
}

#formContact input.required,
#formContact input.invalid {
border-color:#ff7878;
background-color:#ffe2e2;
}


/* 3.5 Contenu de la page Actualités */
.actualites #edito .summary{background:none;border-bottom:1px solid #C3BEBC;padding:0 0 1em;}
.actualites #edito .sticker{padding:.1em 0 .1em .5em;display:block;width:4em;margin:0 0 0 .5em;}
.actualites #edito h4{margin:.5em 0;}
.actualites #edito .readmore a {width:250px}
.actualites #edito h1 {color:#756A65;font-size:1.5em;}


/* 3.6 Contenu de la page Médiathèque */
.mediatheque h2 {color:#333;font-weight:bold;border:none;margin:1em 0 0 1em;}
.page #content .mediatheque h3 {margin-left:5px;margin-right:17px;margin-top:0;padding:0;border-color:#eaeaea;}
.page #content h3.publication-date { float:none; margin:.5em 0 .5em 2em;border:none; color:#309932;font-size:1.4em;display:block; position:relative; clear:both;background:#fff url(../images/content/sprite_green.png) left -74px no-repeat;padding-left:15px;}

.list-publications {
  list-style:none;
  display:block;
  clear:both;
  position:relative;
  margin:0;
}

.list-publications li {
  margin:0 4em 2em 0;
  display:inline;
  float:left;
  width:180px;
  text-align:center;
}

.medialist li {
  display:inline;
  float:left;
  text-align:center;
  margin:0 10px 1em 0;
  width:220px;
  height:270px;
}

.list-publications li .readmore {margin:0 auto;}
.list-publications li .readmore li {float:none;height:auto;text-align:left;}
.list-publications li .readmore li a {display:inline;}
.page #content .mediatheque .expand {background-position:left -54px;}
.mediatheque .expanded {display:block;}
.mediatheque hr {margin:0 1em 0 2em;}
#content .mediatheque a.noPicto {padding:0;background:none;}

/* 3.7 Contenu de la page Plan du site */
#siteMap, #siteMap ul {list-style:none;}
#siteMap li {margin:0 0 0 1em;}
#siteMap li a {padding-left:18px;background:#fff url(../images/content/sprite_green.png) left -34px no-repeat;}
#siteMap li li a {background-position:left 4px;padding-left:10px;}
#siteMap ul ul {margin:0 0 .5em;}

/* 3.8  Contenu des pages 'En 1 clic' */
.overview #text h3 {color:#333;border:0;font-weight:bold;font-size:1.273em;border-bottom:1px solid #C3BEBC;}
.overview .schemas p {width:220px;float:left;}


/*---------------------------------------

  4. Footer / #footer

----------------------------------------*/

#footer{left:0;width:960px;}

#footer .footerContent{border-top:1px solid #C3BEBC;margin:0 5px 0 10px;}

#footer ul.listOfLink {
  float:left;
  list-style:none;
  margin-bottom:0;
  padding:5px 0 0;
  position:relative;
  z-index:2;
}

#footer ul.listOfLink li {
  border-right:1px solid #C3BEBC;
  float:left;
  margin:0;
  padding:1px 5px;
}

#footer ul.listOfLink li.first {
  padding-left:0;
}

#footer ul.listOfLink li.last {
  border-right:none;
}

#footer .listOfExternalLink {
  float:right;
  position:relative;
  left:15px;
  background:transparent url(../images/shadowbottom.jpg) no-repeat right bottom;
  padding:5px 15px 15px;
  list-style:none;
  margin:0;
}

#footer .listOfExternalLink li {float:left;margin:0;border-right:1px solid #C3BEBC;padding:0 10px;}
#footer .listOfExternalLink li.first {padding:13px 10px 13px;}
#footer .listOfExternalLink li.last {border:none;padding-right:0;margin:0;}
#footer .listOfExternalLink a {display:block;}
#footer .listOfExternalLink a img {display:block;}

/* Cas particulier Homepage */

.actualites #text,
.identite #text,
#home_page #text {
  margin-left:241px;
}

#home_page #aside,
.contactblock {
  margin-left:-713px;
}

#home_page #nextcontent .last p {padding:0;}
#home_page #nextcontent .content p {padding:0;}

/*---------------------------------------

  5. Couleurs / Images de fond

----------------------------------------*/


/* Illustrations */

#home_page #aside,.identite #aside,.contact #aside,.actualites #aside,.page #aside {
  padding-top:270px;
  background:transparent url(../images/illustr/home.jpg) no-repeat top left;
}


/* 
  Couleurs basiques 
*/

#header,
body {
  background-color:#f9f7f5;
  color:#333333;
  margin-bottom:10px;
}

#wrapper { background:#fff url(../images/wrapper.jpg) repeat-y right top; }

#footer { background:transparent url(../images/shadowbottom.jpg) no-repeat left bottom;}

#content { background-color:white; }

/* fake-bordure positionné au milieu */
#nextcontent { background:transparent url(../images/content/border.gif) repeat-y 50% 0; }

/* fake-bordure positionné au 2/3  */
.summary { background:transparent url(../images/content/border-vert.gif) repeat-y 67% 0; }

/* fake-bordure positionné au 1/3  */
.summary2 { background:transparent url(../images/content/border-vert.gif) repeat-y 32% 0; }

/* 
  Couleurs Logo / #logo, #tagline 
*/

#logo { background:transparent url(../images/header/logo.gif) no-repeat left bottom; }

/* Titres */

#content h1 {
  background-color:#359A32;
  background-position:0 -150px;
  color:#fff;
}

#content h1 span { background-position:-114px -150px; }

h2, h3 {
  color:#359A32;
  border-color:#c3bebc;
}

#edito h2,#edito h3 {font-size:1.5em;}

.automobile .summary h3,
.immobilier .summary h3,
.consommation .summary h3 { color:#333333; }

.consommation .synthese h4 {
  font-size:1.01em;
  color:#DD649C;
  }

#siderbar_menu h4 {
  background-color:#359A32;
  color:#fff;
}

ul.readmore{list-style:none;}
ul.readmore li{margin:0;}

.morenews a,
#content h1 span,
.moreabout .readmore,
#content h1,
.readmore a,
.readmore .picto,
body #content #siderbar_menu a,body #content #siderbar_menu span { 
  background-image:url(../images/content/sprite.gif);
  background-repeat:no-repeat;
}

.moreabout ul.readmore{background:none;padding-left:0;}
.moreabout ul.readmore li{background-image:url(../images/content/sprite.gif);background-repeat:no-repeat;background-position:-872px -611px;padding-left:12px;margin-bottom:2px;}

/* sticker de la page actu */

.actualites .sticker{background-color:#359a32;color:#fff;}

/* Liens */
#logo a,
a { color:#309932; }

/* Liens footer */
#footer a { color:#756a65; }

/* Phrase d'accroche du header */
#tagline { color:#756a65 }
#tagline img {color:#359a32; }

#accessibility { background:transparent url(../images/header/tagline.png) no-repeat left bottom; }

/* Liens "lire plus" */
.readmore a,.readmore .picto { background-position:-872px -162px; }

.moreabout .readmore { background-position:-872px -612px; }

.morenews a { background-position:-1158px -161px; }


/* 
  Couleurs Navigation / #navbar 
*/
#navbar a span {
  background-image:url(../images/header/navbar.png);
  background-repeat:no-repeat;
}

/* item de navigation état normal */
#observatoire_identite a { background-color:#359a32; }
#observatoire_consommation a { background-color:#dd649c; }
#observatoire_automobile a { background-color:#ee7f03; }
#observatoire_immobilier a {background-color:#4688c3; }

/* item de navigation survolé */
#observatoire_identite a:hover { background-color:#d3e9d2; }
#observatoire_consommation a:hover { background-color:#fae8f0; }
#observatoire_automobile a:hover { background-color:#fbe1c4; }
#observatoire_immobilier a:hover {background-color:#e3edf6; }

/* item de navigation actif */
#observatoire_identite.active a,
#observatoire_consommation.active a,
#observatoire_automobile.active a,
#observatoire_immobilier.active a { background-color:#fff; }

/* Image de fond du menu état normal */
#observatoire_identite span{background-position:-7px 0;}
#observatoire_consommation span { background-position:-168px 0; }
#observatoire_automobile span { background-position:-329px 0; }
#observatoire_immobilier span { background-position:-489px 0; }

/* Image de fond du menu état survolé */
#observatoire_identite a:hover span { background-position:-7px -65px; }
#observatoire_consommation a:hover span { background-position:-168px -65px; }
#observatoire_automobile a:hover span { background-position:-329px -65px; }
#observatoire_immobilier a:hover span { background-position:-489px -65px; }

/* Image de fond du menu état actif */
#observatoire_identite.active a span,
#observatoire_identite.active a:hover span { background-position:-7px -130px; }
#observatoire_consommation.active a span,
#observatoire_consommation.active a:hover span { background-position:-168px -130px; }
#observatoire_automobile.active a span,
#observatoire_automobile.active a:hover span { background-position:-329px -130px; }
#observatoire_immobilier.active a span,
#observatoire_immobilier.active a:hover span { background-position:-489px -130px; }


/* item de navigation actif et survolé */
#observatoire_identite a:hover,
#observatoire_identite.active a { color:#359a32; }
#observatoire_consommation a:hover,
#observatoire_consommation.active a { color:#dd649c; }
#observatoire_automobile a:hover,
#observatoire_automobile.active a { color:#ee7f03; }
#observatoire_immobilier a:hover,
#observatoire_immobilier.active a { color:#4688c3; }

/*Titre des actualités*/
.actualites #content #edito h1 {color:#756A65;}
.actualites #content #edito h1.economie {color:#359a32;}
.actualites #content #edito h1.consommation {color:#dd649c;}
.actualites #content #edito h1.automobile {color:#ee7f03;}
.actualites #content #edito h1.immobilier {color:#4688c3;}

/* Colonne de gauche / #aside */

#aside .box { background-color:#359A32;color:#fff;}
#aside .box h3 {color:#fff;font-size:1.455em;font-weight:bold;}
#aside .box a {color:#fff;}
#aside .box .readmore a {background-position:-872px -760px;}

#aside p {
  clear:left;
}

#aside ul { margin-bottom:10px; }

#aside ul li {
  list-style:none;
  margin:0;
}

#aside ul.publishbox {
  padding:0;
  margin-top:10px;
  margin-right:-5px;
}

#aside ul.publishbox li {
  margin-left:0;
  margin-right:5px;
  display:inline;
}

#aside ul.publishbox li img {
  width:104px;
}

#aside ul.publishbox li a.iconlink {background:none;padding:0;}


/* Colonne de droite / #sidebar */

#sidebar {background-color:#fff;}

/* Colonne de droite - page Qui sommes nous ? */
.identite #sidebar h3{color:#fff;}
#sidebar .consommation h3{background-color:#dd649c;}
#sidebar .automobile h3{background-color:#ee7f03;}
#sidebar .immobilier h3{background-color:#4688c3;}

/* Menu latéral */

#siderbar_menu h3 { background-color:#fff; }

#siderbar_menu ul { background-color:#60b65e;zoom:1;}

#siderbar_menu li.active { background-color:#cce9cb; }

body #content #siderbar_menu a,body #content #siderbar_menu span {
  background-position:-572px -162px;
  background-repeat:no-repeat;
  color:#fff;
}

#siderbar_menu a,#siderbar_menu span { border-color:#359a32 }

body #content #siderbar_menu .active a,body #content #siderbar_menu .active span { color:#333333; }

#siderbar_menu ul li.active a,#siderbar_menu ul li.active span { color:#333333; }

/* 
  Couleurs automobiles 
*/

/* Titre */
.automobile #content h1 {
  background-color:#EE7F03;
  background-position:0 0; 
}

.automobile #content h1 span { background-position:-114px 0; }

.automobile h2,
.automobile h3 { color:#EE7F03; }

.automobile #siderbar_menu .headerTitle { background-color:#EE7F03; }

/* Menu latéral */
.automobile #siderbar_menu ul { background-color:#f3a64d; }

/* Liens */
.automobile #content a,#sidebar .automobile a,#edito .automobile a{ color:#EE7F03; }

/* Liens "lire plus" */
.automobile .readmore a,.automobile .readmore .picto { background-position:-872px -12px; }

/* Liens 'Toutes les news' */
.automobile .morenews a { background-position:-1158px -11px; }

/* Menu latéral */

body.automobile #content #siderbar_menu a,
body.automobile #content #siderbar_menu span{ background-position:-572px -12px; }

.automobile  #siderbar_menu a,.automobile  #siderbar_menu span { border-color:#EE7F03 }

.automobile #siderbar_menu li.active { background-color:#fce5cc; }

/* fake-bordures */
.automobile #nextcontent,
.automobile .summary,
.automobile .summary2{background-image:url(../images/content/border-orange.gif);}
.automobile #alexis_summary2{background: none}


/* sticker de la page actu */
.automobile .sticker{background-color:#ee7f03;}

/* lien de la page actu */


/* 
  Couleurs consommation 
*/

/* Titre */
.consommation #content h1 {
  background-color:#dd649c;
  background-position:0 -300px; 
}

.consommation #content h1 span { background-position:-114px -300px; }

.consommation h2,
.consommation h3 { color:#dd649c; }

/* Menu latéral */
.consommation #siderbar_menu ul { background-color:#e581b0; }

/* Liens */
.consommation #content a,#sidebar .consommation a,#edito .consommation a { color:#dd649c; }

/* Liens "lire plus" */
.consommation .readmore a,.consommation .readmore .picto { background-position:-872px -310px; }
.consommation .synthese .readmore a {width:260px;}

/* Liens 'Toutes les news' */
.consommation .morenews a { background-position:-1158px -311px; }

.marketPage .summary .moreabout{background:#fff url(../images/content/sprite.gif) -867px -610px no-repeat;}

/* Menu latéral */

body.consommation #content #siderbar_menu a,body.consommation #content #siderbar_menu span { background-position:-572px -312px; }

.consommation  #siderbar_menu a { border-color:#dd649c }

.consommation #siderbar_menu li.active { background-color:#f7dce9; }

/* fake-bordures */
.consommation #nextcontent,
.consommation .summary,
.consommation .summary2 { background-image:url(../images/content/border-rose.gif); }
.consommation .summary.synthese { background-image:none; }

.marketPage .summary{background:none;}
.marketPage #maincontent{background:#fff url(../images/content/border.gif) 67% 0 repeat-y;}

/* sticker de la page actu */
.consommation .sticker{background-color:#dd649c;}

/* 
  Couleurs immobilier 
*/

/* Titre */
.immobilier #content h1 {
  background-color:#4688c3;
  background-position:0 -450px; 
}

.immobilier #content h1 span { background-position:-114px -450px; }

.immobilier h2,
.immobilier h3 { color:#4688c3; }

.immobilier #siderbar_menu .headerTitle { background-color:#4688c3; }

/* Menu latéral */
.immobilier #siderbar_menu ul { background-color:#6ca5d8; }


/* Liens */
.immobilier #content a,#sidebar .immobilier a,#edito .immobilier a { color:#4688c3; }

/* Liens "lire plus" */
.immobilier .readmore a { background-position:-872px -460px; }

/* Liens 'Toutes les news' */
.immobilier .morenews a { background-position:-1158px -461px; }

/* Menu latéral */

body.immobilier #content #siderbar_menu a,body.immobilier #content #siderbar_menu span { background-position:-572px -462px; }

.immobilier  #siderbar_menu a,.immobilier  #siderbar_menu span { border-color:#4688c3 }

.immobilier #siderbar_menu li.active { background-color:#bad6ef; }
.immobilier #siderbar_menu li.active li.active { font-weight: bold; }
.immobilier #siderbar_menu .active ul  { background-color:#bad6ef; }

/* fake-bordures */
.immobilier #nextcontent,
.immobilier .summary,
.immobilier .summary2 { background-image:url(../images/content/border-bleu.gif); }

/* sticker de la page immo */
.immobilier .sticker{background-color:#4688c3;}


/*---------------------------------------

  6. Typographie

----------------------------------------*/

#wrapper {
  font-size:1.1em;
  line-height:1.4em;
}

/* Logos & phrase d'accroche header */

#logo,
#tagline img,
#navbar {
  font-family:"Century Gothic", Lucida, Arial, Helvetica, sans-serif;
  font-weight:normal;
}

#tagline img { font-size:1.5em; }

/* Trait de séparation */
hr {
  margin:1.3em 0 0 0;
  border-color:#C3BEBC; 
  color:#C3BEBC;
  background-color:#C3BEBC;
}


/* Titres */

#content h1 {
  float:left;
  display:inline;
  position:relative;
  width:200px;
  padding:10px 0 5px 21px;
  font-weight:normal;
  line-height:2.05em;
  font-size:1.7em;
  margin-bottom:10px;
  font-family:Arial, Helvetica, sans-serif;
}

#content h1 span {
  position:relative;
  width:200px;
  display:block;
  top:-10px;
  padding-top:10px;
  margin-bottom:-5px;
}

#content h1 img {
  position:absolute;
  top:0;
  right:-43px;
}

h2, h3 {
  font-family:Arial, Helvetica, sans-serif;
  font-weight:normal;
  font-size:1.3em;
  line-height:1.3em;
  border-bottom-width:1px;
  border-bottom-style:solid;
  margin-bottom:7px;
  padding-bottom:2px;
  clear:both;
}

.page #content h1,
.actualites #content h1,
.contact #content h1,
.identite #content h1
{
  font-family:Arial, Helvetica, sans-serif;
  font-weight:normal;
  background:none;
  font-size:1.5em;
  line-height:1.3em;
  border-bottom-width:1px;
  border-bottom-style:solid;
  border-color:#C3BEBC;
  margin-bottom:7px;
  clear:both;
  float:none;
  display:block;
  position:relative;
  width:auto;
  padding:0 5px 2px;
  color:#359a32;
}

.page #content h2, .identite #content h2 {font-weight:bold;border:0;color:#333;margin:1em 0 .5em;font-size:1.363em;}
#content .immobilier h2 {margin:1em 0 .5em;}

.page #content h3 {color:#333;margin:1em 0 .5em;font-size:1.273em;margin:1em 2em .5em 1em;}

/* Texte d'intro */
#content .introtext {
  font-size:1.7em;
  font-family:Arial, Helvetica, sans-serif;
  line-height:1.3em;
}

#siderbar_menu h3 {
  padding-left:0;
  margin-bottom:0;
  border-bottom:none;
}

#maincontent h2 { font-size:1.6em; }

/* Liens */
a:hover { text-decoration:none; }

/* Liens footer */
#footer a { text-decoration:none; }
#footer a:hover { text-decoration:underline; }

/* Siderbar menu */
#siderbar_menu a,#siderbar_menu span { text-decoration:none; }
#siderbar_menu a:hover { text-decoration:underline; }

/* Liens titres */
h2 a, h3 a { text-decoration:none; }

h4 {
  font-size:1.0em;
  margin:1em 0 .5em;
}

p { margin:3px 0; }

h2,
h3,
h4,
h5,
h6,
p,
ul {
  padding-right:5px;
  padding-left:5px;
}

.date {
  font-weight:normal;
  font-style:italic;
}

/* Notes bas de page & astérisques */
#content a.anchor{color:#333;}
.reference{text-decoration:none;}
.references{font-size:.909em;margin:1em 0 0;font-style:italic;}


/*---------------------------------------

  7. Extras

----------------------------------------*/

/* Player vidéo */

.flvplayer {
  margin:6px 0 3px 0;
}

.flvplayer.mini {
  display:block;
  width:221px;
  height:145px;
}

/*------------------------------------------------------------------

[Color codes]

Dark grey (text): #333333
Vert #359a32
Rose #dd649c
Orange: #ee7f03
Bleu: #4688c3

-------------------------------------------------------------------*/

.automobile #content #siderbar_menu p{
  padding-top: 10px;
}
.automobile #content #siderbar_menu p a{
  color:#EE7F03;
  background-position:-872px -12px;
  background-image:url(../images/content/sprite.gif);
  background-repeat:no-repeat;
  display:block;
  height:1%;
  padding-left:12px;
  border: 0;
}