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

/** Liste actualités
--------------------------------------------------------------------------**/


/** Liste des actualités
--------------------**/
#content { 
	float:none;
	width:568px;
	margin-left:272px
}

.p-recherche { 
	float:none;
	width:705px !important;
	margin-left:220px !important;
}

.zone-textRiche h2 {
	color:#009AD4;
	font-size:1.7em; font-weight:bold;
}

.liste-actus, .actus {
	margin:0; padding:0;
	list-style:none;
	font-size:1.1em
}

.liste-actus li {
	padding:15px 0;
	background:url(/images/faco/point-bleu.gif) repeat-x bottom;
	width:100%;
	display:table;
}

.liste-actus li a { 
	text-decoration:none;
	color:#1A171B
}


.imgActus {
	float:left;
	margin-right:8px
}

.liste-actus li.last { 
	background:transparent;
	padding-bottom:0
}

.titreActu { 
	display:block; 
	margin:0 0 4px -4px
}

.titreActu span {
	color:#097FAB;
	padding:1px 0 2px 25px;
	background:url(/images/faco/fleche-g.gif) no-repeat left
}

.pagination { 
	padding:5px 0;
	color:#9D9EA0; 
	text-align:center;
	border-bottom:1px solid #C2C3C4;
}

.pagination * { 	vertical-align:middle; }

.pagination img { margin:0 10px }

.pagination a { color:#9D9EA0 }

.pagination a:hover { text-decoration:none }

.pagination a.actif { 
	font-weight:bold; 
	text-decoration:none;
}

/** Contenu des actualités
--------------------**/
.actus {
	padding-top:15px
}


/** Résultat de recherche
--------------------**/
.nbre-resultats {
	background:url(/images/faco/point-bleu.gif) repeat-x bottom;
	padding-bottom:12px;
	font-weight:bold
}

.nbre-resultats span {
	display:block;
	color:#000;
	padding:1px 0 2px 25px; margin-left:-3px;
	font-size:1.05em;
	background:url(/images/faco/fleche-noir-g.gif) no-repeat left
}

.nouvelle-recherche { padding-top:15px }

.nouvelle-recherche label { 
	display:block;
	color:#009AD4;
	font-size:1.6em; font-weight:bold;
}

.nouvelle-recherche input { border:0 }

.nouvelle-recherche .champ-recherche {
	position:relative;
	width:284px; height:29px;
	background:url(/images/faco/champ-bg.gif) no-repeat scroll right top;
	display:inline-block;
	text-align:center;
}

.nouvelle-recherche .champ-recherche input {  
	width:265px;
	margin-top:5px;
}

.nouvelle-recherche .champ-recherche, .validation { vertical-align:middle; }
 
.conteneur-recherche { 
	overflow:hidden; 
	margin-top:15px;
	font-size:1.2em
} 
 
.liste-recherche { 
	width:700px;
	margin-bottom:20px
}

.liste-recherche strong {
	display:block;
	height:38px;
	color:#fff;
	line-height:36px;
	padding:0 15px;
	font-size:1em
}

.liste-recherche ul { 
	margin:5px 10px 5px;
	display:inline-block;
	width:320px;
	vertical-align:top
}

.liste-recherche ul ul { 
	display:block; 
	width:auto
}

.liste-recherche strong a {
	color:#fff;
	text-decoration:none
}

.liste-recherche ul li {
	padding-left:7px;
	font-weight:bold;
}

.liste-recherche ul li ul li { 
	padding-left:0;
	margin-bottom:5px;
	color:#9C9E9F;
	background:transparent !important
}

.liste-recherche ul li a {
	margin-bottom:2px;
	text-decoration:none
}

.liste-recherche ul li a:hover { text-decoration:none }

.liste-recherche ul li ul li a { 
	color:#9C9E9F !important; 
	cursor:pointer;
	text-decoration:underline
}



.conteneur-recherche .jaune strong {
	background:url(/images/faco/jaune-recherche.gif) no-repeat top;
}
.conteneur-recherche .jaune ul li { 
	background:url(/images/faco/jaune-point.gif) no-repeat left 6px;
}
.conteneur-recherche .jaune ul li a {
	color:#F7B230;
}

.conteneur-recherche .mauve strong {
	background:url(/images/faco/mauve-recherche.gif) no-repeat top;
}
.conteneur-recherche .mauve ul li { 
	background:url(/images/faco/mauve-point.gif) no-repeat left 6px;
}
.conteneur-recherche .mauve ul li a {
	color:#CB3D8B;
}

.conteneur-recherche .bleu strong {
	background:url(/images/faco/bleu-recherche.gif) no-repeat top;
}
.conteneur-recherche .bleu ul li { 
	background:url(/images/faco/bleu-point.gif) no-repeat left 6px;
}
.conteneur-recherche .bleu ul li a {
	color:#556FAF;
}

.conteneur-recherche .vert strong {
	background:url(/images/faco/vert-recherche.gif) no-repeat top;
}
.conteneur-recherche .vert ul li { 
	background:url(/images/faco/vert-point.gif) no-repeat left 6px;
}
.conteneur-recherche .vert ul li a {
	color:#7AB41D;
}

.conteneur-recherche .rose strong {
	background:url(/images/faco/rose-recherche.gif) no-repeat top;
}
.conteneur-recherche .rose ul li { 
	background:url(/images/faco/rose-point.gif) no-repeat left 6px;
}
.conteneur-recherche .rose ul li a {
	color:#EF8F84;
}

.conteneur-recherche .bleuCiel strong {
	background:url(/images/faco/bleuCiel-recherche.gif) no-repeat top;
}
.conteneur-recherche .bleuCiel ul li { 
	background:url(/images/faco/bleuCiel-point.gif) no-repeat left 6px;
}
.conteneur-recherche .bleuCiel ul li a {
	color:#009BD5;
}

/** Formulaire de contact
--------------------**/
.obligatoire {
	color:#B22222;
	font-weight:bold;
}

.contact { width:500px; }

.contact .clear { margin:0 0 10px }

.contact label {
	display:inline-block;
	width:187px;
	vertical-align:middle;
	margin:0 8px 8px 0;
	text-align:right;
}

.contact input, .contact select, .contact textarea {
	width:250px;
	vertical-align:middle;
	margin-bottom:8px;
	font-size:1em
}

.contact select { width:254px; }

.contact textarea { height:180px }

.contact input.radio { 
	width:13px; height:13px; 
	margin:0 8px 0 0
}

.contact label.first { margin-left:197px !important }

.contact label.radio { 
	width:auto; 
	margin:auto;
}

.contact .comments { margin-top:15px }

.contact .comments label { vertical-align:top }

.envoyer { text-align:right }

.envoyer input {
	width:auto; height:auto;
	margin-right:44px
}

/* Les popups */
.popup-body {
	background:#fff;
	padding:20px
}

.popup-body .p-recherche, .popup-body #content { 
	width:auto !important; 
	margin-left:auto !important; 
	padding-top:0 !important; 
}

.popup-body .zone-textRiche { border:0 }

.popup-body h2 { 
	margin-bottom:20px
}

.popup-body strong {
	display:block;
	margin:8px 0 20px
}

.popup-body h3 {
	color:#009AD4;
	font-size:1.5em;
	margin:10px 0
}

.popup-body label { width:90px }

.popup-body .contact { width:400px }