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

	[Feuille de style d'impression] 
  
	Projet:    Observatoire Cetelem
	Réalisation : Agence Cosmic Communication (www.agencecosmic.com)
	Version:    1.0

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

@import url(grid/reset.css);

body {font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;font-size:.625em;}

#accessibility, #navbar, #footer {display:none;}

#logo {padding:0 0 10px 5px;font-size:1.8em;}
#logo a {text-decoration:none;}

/* Lien Externe */
#content #sidebar a.iconlink.external {padding-left:0;}

/* Lien 'Lire plus' */
.morenews a, .moreabout, .moreabout .readmore, .readmore a {display:none;}

/* 3.2 Colonne de droite / #sidebar */
#siderbar_menu {display:none;}

#sidebar ul {list-style:none;margin-bottom:0;}
#sidebar li {list-style:none;margin:0;}
#sidebar .box {border-bottom:10px solid #fff; }
#sidebar .medias {border-bottom:10px solid #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;}
#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 {padding:0 5px;}

/* 3.3 Text / #text */
#edito {padding:10px 0 20px 0;}

/* Image d'illustration du bloc de droite */
#content img.illustr {display:none;}

/* Texte d'intro */
#content .introtext {margin-right:0;padding-left:5px;color:#756A65;}
#maincontent {clear:both;padding:25px 0;}
#maincontent sup {vertical-align:super;font-size:.818em;}
#nextcontent div {margin-bottom:20px;}

/* Contenu de type résumé */
.summary {margin-top:15px;}
.summary h3 {font-weight:bold;border-bottom:none;}
.summary h3 img {margin-right:.3em;}

/* 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;}
.schema {display:block;margin:1em 0 2em;}
.schemaTitle {text-align:center;}

/* 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 10px;}

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

/* 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;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:445px;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;}

/* 3.5 Contenu de la page Actualités */
.actualites #edito .summary {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;}

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

	5. Couleurs / Images de fond

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

/* Couleurs basiques */
#header, body {color:#333333;margin-bottom:10px;}

/* Titres */
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;}

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

/* Phrase d'accroche du header */
#tagline {color:#756a65;}
#tagline img {color:#359a32;float:right;position:relative;bottom:25px;}

/*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 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;border:0;}

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


/* Couleurs automobiles */

/* Titre */
.automobile #content h1 {color:#EE7F03;}
.automobile h2, .automobile h3 {color:#EE7F03;}

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


/* Couleurs consommation */

/* Titre */
.consommation #content h1 {color:#dd649c;}
.consommation h2, .consommation h3 {color:#dd649c;}

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


/* Couleurs immobilier */

/* Titre */
.immobilier #content h1 {color:#4688c3;}
.immobilier h2, .immobilier h3 {color:#4688c3;}

/* Liens */
.immobilier #content a,#sidebar .immobilier a,#edito .immobilier a {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;}

/* Titres */
#content h1 {font-weight:normal;font-size:1.7em;padding:5px;margin:2em 0 .5em;font-family:Arial, Helvetica, sans-serif;border-bottom:1px solid #C3BEBC;}
#content h1 img {display:none;}

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;font-size:1.5em;line-height:1.3em;border-bottom-width:1px;border-bottom-style:solid;border-color:#C3BEBC;margin-bottom:7px;padding:0 0 2px 0;color:#359a32;}

/* Texte d'intro */
#content .introtext {font-size:1.7em;font-family:Arial, Helvetica, sans-serif;line-height:1.3em;}
#maincontent h2 {font-size:1.6em;}
#maincontent h3 {margin:1em 0 .5em;}

/* 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 {display:none;}
.flvplayer.mini {display:none;}

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

[Color codes]

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

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