/* -------------------------------------------------
Document CSS FACO PARIS
Auteur	:	Kahiloa Solutions & communications
Date	:	Septembre 2009
------------------------------------------------- */

/** PAGE INTERNE
--------------------------------------------------------------------------**/

.interne { color:#1A171B; }

/** Fil d'ariane
--------------------**/
.fil-ariane {
	color:#868789;
	font-size:.8em;
	padding-bottom:7px;
	border-bottom:1px solid #C2C3C4
}

.fil-ariane a { color:#868789; text-decoration:none; }

.fil-ariane a:hover { text-decoration:underline }
	
.fil-ariane p { 
	margin:9px 0 0 -4px;
	overflow:hidden
}

.nav-page {  
	color:#707173;
	padding:1px 0 2px 25px; margin-right:20px;
	display:inline-block;
	background:url(/images/faco/fleche-g.gif) no-repeat left;
}

.retour-actus {
	background-position:right;
	padding-right:25px; margin:auto;
	float:right;
}

.nav-page:hover { text-decoration:underline } 



/** zone-textRiche et centrale
--------------------**/
.zone-textRiche {
	padding:15px 0;
	border-bottom:1px solid #C2C3C4;
	font-size:.9em;
}

.zone-textRiche p { margin:1em 0 0 }

.zone-textRiche h2 {
	font-size:1.6em; font-weight:normal
}

/* jaune */
.zone-textRiche h2.grand-titre-jaune { color:#F6B12F }
 
/* mauve */
.zone-textRiche h2.grand-titre-mauve { color:#C33F8A }

/* bleu */
.zone-textRiche h2.grand-titre-bleu { color:#566FB2 }
 
/* vert */
.zone-textRiche h2.grand-titre-vert { color:#7BB31E }
 
/* Rose */
.zone-textRiche h2.grand-titre-rose { color:#EF8F81 }
 
/* Bleu ciel */
.zone-textRiche h2.grand-titre-bleuCiel { color:#5BD2FF }

.cTexteRiche { font-size:1.1em }

.txtRiche { 
	font-size:1.1em;
	padding:15px 0;
}

.reseaux {
	float:right;
	margin-top:18px;
}

.liste-btn { 
	overflow:hidden; 
	margin:20px 0 15px;
}

.liste-btn li { display:inline }

.liste-btn li a { 
	float:left; 
	color:#fff;
	text-decoration:none; text-align:center;
	font-size:.8em; line-height:18px;
	background:url(/images/faco/bleu2-bg.gif) no-repeat;
	height:20px; width:139px;
	margin-right:18px;
}

.liste-btn li a:hover { text-decoration:underline; }

.liste-btn li a.last { margin-right:0 }

.Hpage { 
	text-align:right;
	font-size:.9em
}

.Hpage .nav-page { 
	text-decoration:none;
	float:right;
	padding:2px 20px 2px 0; margin:5px 0 0;
	display:inline-block;
	background:url(/images/faco/fleche-h.gif) no-repeat right;
}

.Hpage .nav-page:hover { text-decoration:underline }


/** Menu gauche couleurs
--------------------**/
.degarde-gauche .liste-interne ul { margin-top:6px; }

.degarde-gauche .liste-interne ul li {
	padding:0; margin-bottom:0;
	width:auto; height:auto;
}

.degarde-gauche .liste-interne ul li a {
	color:#fff !important;
	display:block;
	text-align:left;
	margin:0 0 0 7px; padding:5px 2px 5px 29px;
	background:url(/images/faco/trait.gif) no-repeat 16px 11px;
}

.degarde-gauche .liste-interne ul li a.principal {
	background:url(/images/faco/fleche.png) no-repeat 16px 8px;
	margin-left:0;
}

.degarde-gauche .liste-interne ul li a:hover {
	color:#fff; text-decoration:underline;
}
 
/* jaune */
.degarde-gauche .jaune { background:url(/images/faco/jaune-left-bg.gif) repeat-y; }

.degarde-gauche .jaune .jaune { background:url(/images/faco/jaune-left.gif) top no-repeat; }

.jaune-titre { margin:22px 0 0 9px }

.degarde-gauche .jaune .jaune .titrecouleur {
	margin:16px 0 0 12px;
	display:block;
}

.degarde-gauche .liste-interne .jaune ul li { background:#F7B230 url(/images/faco/jaune-bg.gif) repeat-x top; }
  
 
/* mauve */
.degarde-gauche .mauve { background:url(/images/faco/mauve-left-bg.gif) repeat-y; }

.degarde-gauche .mauve .mauve { background:url(/images/faco/mauve-left.gif) top no-repeat; }

.bleu-titre { margin:22px 0 0 9px }

.degarde-gauche .mauve .mauve .titrecouleur {
	margin:16px 0 0 12px;
	display:block;
}

.degarde-gauche .liste-interne .mauve ul li { background:#CB3D8B url(/images/faco/mauve-bg.gif) repeat-x top; }
 
 
/* bleu */
.degarde-gauche .bleu { background:url(/images/faco/bleu-left-bg.gif) repeat-y; }

.degarde-gauche .bleu .bleu { background:url(/images/faco/bleu-left.gif) top no-repeat; }

.bleu-titre { margin:22px 0 0 9px }

.degarde-gauche .bleu .bleu .titrecouleur {
	margin:16px 0 0 12px;
	display:block;
}

.degarde-gauche .liste-interne .bleu ul li { background:#556FAF url(/images/faco/bleu-bg.gif) repeat-x top; }
 
 
/* vert */
.degarde-gauche .vert { background:url(/images/faco/vert-left-bg.gif) repeat-y; }

.degarde-gauche .vert .vert { background:url(/images/faco/vert-left.gif) top no-repeat; }

.bleu-titre { margin:22px 0 0 9px }

.degarde-gauche .vert .vert .titrecouleur {
	margin:16px 0 0 12px;
	display:block;
}

.degarde-gauche .liste-interne .vert ul li { background:#7AB21C url(/images/faco/vert-bg.gif) repeat-x top; }
 
 
/* Rose */
.degarde-gauche .rose { background:url(/images/faco/rose-left-bg.gif) repeat-y; }

.degarde-gauche .rose .rose { background:url(/images/faco/rose-left.gif) top no-repeat; }

.bleu-titre { margin:22px 0 0 9px }

.degarde-gauche .rose .rose .titrecouleur {
	margin:16px 0 0 12px;
	display:block;
}

.degarde-gauche .liste-interne .rose ul li { background:#EF8F84 url(/images/faco/rose-bg.gif) repeat-x top; }
 
 
/* Bleu ciel */
.degarde-gauche .bleuCiel { background:url(/images/faco/bleuCiel-left-bg.gif) repeat-y; }

.degarde-gauche .bleuCiel .bleuCiel { background:url(/images/faco/bleuCiel-left.gif) top no-repeat; }

.bleu-titre { margin:22px 0 0 9px }

.degarde-gauche .bleuCiel .bleuCiel .titrecouleur {
	margin:16px 0 0 12px;
	display:block;
}

.degarde-gauche .liste-interne .bleuCiel ul li { background:#68D6FF url(/images/faco/bleuCiel-bg.gif) repeat-x top; }

/** Petite liste d'articles = a retenir
--------------------**/
.a-retenir { 
	margin-top:0;
	color:#9B9C9E;
}

.a-retenir a { color:#9B9C9E !important }

.a-retenir .couleur { padding:6px 0 5px; }

.a-retenir div { padding:2px 9px; }

 
/* jaune */
.a-retenir .jaune { background:#FEF0D6 }

.a-retenir .jaune h2 { background:url(/images/faco/a-retenir-jaune-bg.gif) repeat-x bottom }

/* mauve */
.a-retenir .mauve { background:#F7E2EE }

.a-retenir .mauve h2 { background:url(/images/faco/a-retenir-mauve-bg.gif) repeat-x bottom }

/* bleu */
.a-retenir .bleu { background:#DDE2EF }

.a-retenir .bleu h2 { background:url(/images/faco/a-retenir-bleu-bg.gif) repeat-x bottom }

/* vert */
.a-retenir .vert { background:#E4F0D2 }

.a-retenir .vert h2 { background:url(/images/faco/a-retenir-vert-bg.gif) repeat-x bottom }

/* rose */
.a-retenir .rose { background:#FCE9E6 }

.a-retenir .rose h2 { background:url(/images/faco/a-retenir-rose-bg.gif) repeat-x bottom }

/* bleu ciel */
.a-retenir .bleuCiel { background:#DBF5FF }

.a-retenir .bleuCiel h2 { background:url(/images/faco/a-retenir-bleuCiel-bg.gif) repeat-x bottom }

/** Zone droite
--------------------**/
.zone-droite { color:#fff }

.zone-droite .interne1 {	padding-bottom:12px; }

.zone-droite .interne2 { padding:19px 12px 0 12px; } 

.zone-droite .interne2 h2 { margin:0 0 4px 12px; background:transparent !important }

.zone-droite .interne2 h2 img { display:block }

.zone-droite .interne2 p { 
	margin:0 0 0 13px; padding:0;
	font-weight:bold;
}

.zone-video img, .zone-video object {
	display:block;
	width:235px;
	margin-top:6px
}
 
/* jaune */
.zone-droite .jaune { background:url(/images/faco/jaune-zone-droite-centre.gif) repeat-y; }	

.zone-droite .jaune .interne1 { background:url(/images/faco/jaune-zone-droite-bas.gif) no-repeat bottom }

.zone-droite .jaune .interne2 { background:url(/images/faco/jaune-zone-droite-haut.gif) no-repeat top; }
 
/* mauve */
.zone-droite .mauve { background:url(/images/faco/mauve-zone-droite-centre.gif) repeat-y; }	

.zone-droite .mauve .interne1 { background:url(/images/faco/mauve-zone-droite-bas.gif) no-repeat bottom }

.zone-droite .mauve .interne2 { background:url(/images/faco/mauve-zone-droite-haut.gif) no-repeat top; }
 
/* bleu */
.zone-droite .bleu { background:url(/images/faco/bleu-zone-droite-centre.gif) repeat-y; }	

.zone-droite .bleu .interne1 { background:url(/images/faco/bleu-zone-droite-bas.gif) no-repeat bottom }

.zone-droite .bleu .interne2 { background:url(/images/faco/bleu-zone-droite-haut.gif) no-repeat top; }
 
/* vert */
.zone-droite .vert { background:url(/images/faco/vert-zone-droite-centre.gif) repeat-y; }	

.zone-droite .vert .interne1 { background:url(/images/faco/vert-zone-droite-bas.gif) no-repeat bottom }

.zone-droite .vert .interne2 { background:url(/images/faco/vert-zone-droite-haut.gif) no-repeat top; }
 
/* rose */
.zone-droite .rose { background:url(/images/faco/rose-zone-droite-centre.gif) repeat-y; }	

.zone-droite .rose .interne1 { background:url(/images/faco/rose-zone-droite-bas.gif) no-repeat bottom }

.zone-droite .rose .interne2 { background:url(/images/faco/rose-zone-droite-haut.gif) no-repeat top; }
 
/* bleu ciel */
.zone-droite .bleuCiel { background:url(/images/faco/bleuCiel-zone-droite-centre.gif) repeat-y; }	

.zone-droite .bleuCiel .interne1 { background:url(/images/faco/bleuCiel-zone-droite-bas.gif) no-repeat bottom }

.zone-droite .bleuCiel .interne2 { background:url(/images/faco/bleuCiel-zone-droite-haut.gif) no-repeat top; }

/** Content
--------------------**/
.home h2 {
	border-bottom:1px solid;
	padding-bottom:6px;
	margin-bottom:4px;
}

.home h2 img { display:block; }

.home h2.alaunetitre { border-color:#556FAF; }

.home h2.temoignaestitre { border-color:#009BD5; }

.liste-paragraphe {
	padding:9px 0;
	overflow:hidden;
	border-bottom:1px solid #C5C6C8;
}

.liste-paragraphe.last { border:0 }

.liste-paragraphe img {
	float:left;
	margin:0 18px 0 0;
}

.liste-paragraphe a { color:#556FAF; text-decoration:none }

.listealaune img {
	border:1px solid #556FAF;
}

.liste-paragraphe .contenu h3 {
	margin-bottom:10px;
}

.temoignages {
	margin-top:27px;
}