/*   
Theme Name: Corporate Fiction theme 1.0
Theme URI: http://www.corporatefiction.fr
Description: A theme created for Corporate Fiction Agency
Author: Gaétane Stavaux
Author URI: http://spacerabbit.fr
Template: thematic
Version: 1.0
Tags: Thematic
.
Thematic is © Ian Stewart http://themeshaper.com/
.
*/

/* Reset browser defaults */
@import url('../thematic/library/styles/reset.css');

/* Apply basic typography styles */
@import url('../corporatefiction/library/styles/typography.css');

/* Apply a basic layout */
@import url('../corporatefiction/library/layouts/corporate-fixed.css');

/* Apply basic image styles */
@import url('../corporatefiction/library/styles/images.css');

/* Apply default theme styles and colors */
/* It's better to actually copy over default.css into this file (or link to a copy in your child theme) if you're going to do anything outrageous */
@import url('../corporatefiction/library/styles/default.css');

/* Prepare theme for plugins */
@import url('../thematic/library/styles/plugins.css');

@import url('../corporatefiction/library/styles/jScrollPane.css');

@import url('../thematic/library/scripts/fancybox/style.css');


html {
	height:100%;
}

body {
	height:100%;
}

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

#logo{
	float:left;
	width:195px;
	height: 221px;
}
#logo img{
	float:left;
	margin:0;
	padding:0;
}
#wrapper {
	width:846px;
	float:left;
	overflow:hidden;
	margin:0;
	padding:0;
}
#ombres{
	margin:0 auto;
	width:1215px;
}
#wrapper_shadow_left{
	background:transparent url(library/img/ombre_left.png) repeat-y scroll right top;	
	width:195px;
	float:left;
	height:603px;
}
#wrapper_shadow_right{
	background:transparent url(library/img/ombre_right.png) repeat-y scroll left top;
	float:left;
	width:47px;
	height:603px;
}
#bgbottomright{
	background:transparent url(library/img/fond_bottomright.gif) no-repeat scroll 101% 100%;
	height:100%;
	min-height:602px;
	width:100%;
	position:absolute;
}
#accueil_bottom{
	margin:0;
	padding:4px 0 0 0;
	background:#847565;
	float:left;
	border:none;
	height:256px;
	width:846px;
}
.modules_contenu {
	margin:0;
	padding:0;
	display:block;
	overflow:hidden;
	height:235px;
	background:#ac9c88;
	position:relative;
	width:210px;
}
.evenements_contenu{
	margin:0;
	padding:0;
	display:block;
	overflow:auto;
	height:266px;
	width:165px;
}
.entry-evenements{
  float:right;
  font-size:10px;
  height:266px;
  line-height:14px;
  overflow:hidden;
  padding:0;
  width:584px;	
}
.entry-nouveautes{
  padding:0 0 0 0;
	margin:0 0 0 0;
	font-size:10px;
	line-height:14px;
	float:left;
	width:210px;
	height:256px;
	background: #564c42 url(library/img/top_module_nouveaute.gif) no-repeat top left;
	border-right:#847565 solid 2px;
}
.entry-videos{
    padding:0 0 0 0;
	margin:0;
	font-size:10px;
	line-height:14px;
	float:left;
	width:210px;
	height:256px;	
	background:#564c42 url(library/img/top_module_video.gif) no-repeat top left;	
	border-right:#847565 solid 2px;	
}
.entry-strips {
    padding:0 0 0 0;
	font-size:10px;
	line-height:14px;
	float:left;
	width:210px;
	height:256px;	
	background:#564c42 url(library/img/top_module_strip.gif) no-repeat top left;	
}
.CorpoTags{
    padding:0 0 0 0;
	float:left;
	width:210px;
	background:#FFF;
	background:#564c42 url(library/img/top_module_tags.gif) no-repeat top left;
	border-right:#847565 solid 2px;
}

.st-tag-cloud{
	padding: 5px 10px 5px 10px;
	background: white;
	height: 225px;
	text-align: center;
	overflow: hidden;
}
.st-tag-cloud a{
	padding-bottom:5px;
	padding-top:5px;
	color:#67635f;
}
#tag-link-69{
	color:#b91603;
}
#tag-link-72{
	color:#05a546;
}
#tag-link-70{
	color:#4a51a1;
}
#tag-link-13{
	color:#8f3b14;
}
#tag-link-46{
	color:#ea9816;
}
#tag-link-208{
	font-size: 13pt !important;
	display: block;
	padding: 0;
	color: #4A51A1;
}

.st-tag-cloud a:hover{
	text-decoration: underline;
}

.entry-content h1,
.entry-content h2,
.entry-nouveautes h1,
.entry-nouveautes h2,
.entry-evenements h1,
.entry-evenements h2,
.entry-videos h1,
.entry-videos h2,
.entry-strips h1,
.entry-strips h2{
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size:10px;
    font-weight:bold;
    padding:3px 0 3px 10px;
	line-height:15px;
}
.entry-evenements h2 {
	text-transform:uppercase;
  padding:0;
  color:#FC8B1D;	
}
.entry-evenements p{
    padding:0;
    display:block;
}

.nom_client_accueil{
	padding:0 5px 0 10px;
	font-weight:bold;
	display:block;
}
.entry-nouveautes p,
.entry-strips p{
    padding:5px 10px 0 10px;
	min-height:60px;
	height:auto !important;
	height:60px;
}
.entry-videos p{
    padding:5px 10px 0 10px;	
}
.CorpoTags h2{
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size:10px;
    font-weight:bold;
    padding:3px 0 3px 10px;
	line-height:15px;	
}
.entry-nouveautes a:link,
.entry-nouveautes a:visited,
.entry-videos a:link,
.entry-videos a:visited,
.entry-strips a:link,
.entry-strips a:visited{
	color:#333;
	text-decoration:none;
	display:block;
	background:none;
	margin:0;
	padding:0 10px 5px 0;
}
.entry-nouveautes a:hover,
.entry-videos a:hover,
.entry-strips a:hover{
	color:#34302b;
	text-decoration:none;
	background:#f8f9e8;
}
div.date_accueil_modules{
	color:#333;
	text-decoration:none;
	background:none;
	margin:0;
	padding:0 10px 0 10px;
	text-align:left;
	display:block;
}
.entry-evenements a:link,
.entry-evenements a:visited{
	color:#b29e87;
}
.entry-evenements a:hover{
	color:#f7e2c7;
}
.entry-evenements a:link h2,
.entry-evenements a:visited h2{
	color:#fc8b1d;
	padding:10px 0 0 10px;
}
.entry-evenements a:hover h2{
	color:#34302b;
}
.entry-nouveautes a:link h2,
.entry-nouveautes a:visited h2,
.entry-strips a:link h2,
.entry-strips a:visited h2,
.entry-videos a:link h2,
.entry-videos a:visited h2{
	color:#333;
	padding:10px 0 0 10px;
	font-size:11px;
}
.entry-nouveautes a:hover h2,
.entry-strips a:hover h2,
.entry-videos a:hover h2{
	color:#ff4504;
}

.menu_categories{
	margin:0;
	padding:0;
	float:left;
}

#recherche_menu {
	background:#34302B url(library/img/menu_off.gif) no-repeat scroll bottom left;	
	width:250px;
	border-right:1px solid #5E564E;
}

#recherche_menu .recherche input{
	background:#FFF;
	color:#333;
	font-size:9px;
	border-bottom:none;
	border-left:none;
	border-top:none;
	padding:0;
	margin:0;
	width:112px;
	height:12px;
	float:left;
	line-height:9px;
}
#recherche_menu .recherche{
	padding:11px 2px 0 0;
	float:left;
	overflow:hidden;
}
#searchform_menu .ok_btn{
	background:#34302B url(library/img/recherche_ok_btn.gif) no-repeat left top;
	height:19px;
	float:left;		
	padding:11px 0 0 1px;
	width:39px;
}
#searchform_menu .ok_btn a,
#searchform_menu .ok_btn a:visited{
	color:#FFF;
	padding:0 0 1px 1px;
	font-size:9px;
	margin:0;
	cursor:pointer;
	border:#FFF 1px solid;
	background:#e57410;
	width:14px;
	height:9px;
	text-align:center;
	line-height:9px;
}
#searchform_menu .ok_btn a:hover{
	background:#5d5145 !important;
}
.recherche_txt {
float:left;
font-size:10px;
font-weight:bold;
overflow:hidden;
padding:13px 0 17px 24px;
text-align:center;
text-transform:uppercase;
width:70px;
}
.video {
	background:none repeat scroll 0 0 #FFFFFF;
  height:129px;
  margin:0;
  overflow:hidden;
  padding:5px 14px 0 10px;
  width:186px;
}
.video object {
	display:none;
}
#page_recherche {
	background:#e57410 url(library/img/recherche_page_top.gif) no-repeat top left;
	height:22px;
	width:846px;
	padding:12px 0 0 0;
}
#content.page_accueil{
	border-top:1px solid #CDC8C2;
}
#container.page_accueil {
	padding-top:3px;
}

#content_notreEquipe{
	background:#847565 url(library/img/agence_fond.jpg) no-repeat top left;
	height:532px;
	width:846px;
	overflow:hidden;
}
#anim_agence{
	font-size:11px;
	color:#b7bcc0;
	margin:0;
	padding:42px 0 0 0;
	height:443px;
}
#anim_agence ul{
	list-style:none;
	text-indent:0;
	padding:0;
	margin:0;
	line-height:16px;
}
#anim_agence ul li{
	list-style:none;
	text-indent:0;
	padding:0 0 0 0;
	margin:0;
	line-height:18px;
}
#anim_agence p{
	padding:5px 0 10px 0;
	line-height:16px;
}
#anim_agence h2{
	font-weight:bold;
	font-size:14px;
	padding:0 0 5px;
	line-height:16px;
	color:#9ecaec;
	float:left;
	margin:0;
	display:block;
}
#content_notreEquipe p.telechagezFP{
	font-size:11px;
	padding:10px 10px 0;
	line-height:16px;
	text-align:right;
}
#content_notreEquipe a:link, #content_notreEquipe a:visited {
	color:#FC8B1D;
}
#content_notreEquipe a:hover, #content_notreEquipe a:active, #content_notreEquipe a:focus {
	color:#FFF;
}
#anim_agence a:link, #anim_agence a:visited {
	color:#FC8B1D;
}
#anim_agence a:hover, #anim_agence a:active, #anim_agence a:focus {
	color:#FFF;
}
#pageequipe_notreequipe{
	display:block;
	height:130px;
	overflow:hidden;
	padding:0px 40px 0 0px;
	width:300px;
	position:absolute;
	top:278px;
	left:498px;
}
#pageequipe_nosMoyens{
	display:block;
	height:100px;
	overflow:hidden;
	padding:0px 0px 0 0;
	width:310px;
	position:absolute;
	top:412px;
	left:450px;
}
#pageequipe_notrePositionnement{
	display:block;
	float:left;
	height:130px;
	overflow:hidden;
	padding:5px 0 0 20px;
	width:190px;
}
#pageequipe_notreequipe .titre_equipe h2{
	float:left;
	border-bottom:#9ecaec 1px solid;
	overflow:hidden;
}
div.titre_equipe{
	display:block;
	width:190px;
	overflow:hidden;
}
div.titre_positionnement{
	display:block;
	width:270px;
	overflow:hidden;
}
div.titre_moyens{
	display:block;
	width:310px;
	overflow:hidden;
}
#pageequipe_notreequipe p{
	display:block;
	float:left;
	padding:5px 0 0;
}
#pageequipe_nosMoyens h2{
	float:left;
	border-bottom:#9ecaec 1px solid;
}
#pageequipe_nosMoyens p{
	display:block;
	float:left;
	padding:5px 0 0;
}
#pageequipe_notrePositionnement h2{
	float:left;
	border-bottom:#9ecaec 1px solid;
}
#pageequipe_notrePositionnement p{
	display:block;
	float:left;
	padding:5px 0 0;
}
h1.page_recherche {
	padding:4px 10px 0 10px;
	color:#fa5106;
	font-size:14px;
	font-weight:bold;
	line-height:18px;
	width:207px;
	background:#f8f9e8 url(library/img/recherche_page_title_top.gif) no-repeat top left;
	overflow:hidden;
}

#search-terms{
	padding:4px 10px 4px 10px;
	color:#ffaa5c;
	font-size:11px;
	line-height:14px;
	width:207px;
	background:#ac9c88 url(library/img/recherche_page_searchterms_bottom.gif) no-repeat bottom;
	border-top:#685c4f solid 1px;
	font-style:italic;
	text-align:right;
}
#container_page_recherche{
	background:#847565 none repeat scroll 0 0;
	height:527px;
	overflow:auto;
	margin:0;
}
.resultats{
	padding:15px 0 0 0;
	margin:0;
	height:455px;
	overflow:auto;
	width:846px;
}
.resultats_recherche{
	padding:0;
	width:846px;
	margin:0;
}
.resultats_recherche a:link, .resultats_recherche a:visited{
	color:#333;
	display:block;	
	padding:15px 20px;
	margin:0;
	overflow:hidden;
	height:100% !important;
	background: url(library/img/recherche_resultats_bottom.gif) no-repeat bottom left;
	line-height:18px;
	cursor:pointer;
}
.resultats_recherche a:hover, .resultats_recherche a:active{
	background:#f8f9e8;
	color:#333;	
	border-bottom:none;
}
.resultats_recherche a:link #titre_resultat_recherche, .resultats_recherche a:visited #titre_resultat_recherche{
	color:#333333;
	display:inline;
	font-size:12px;
	font-weight:bold;
	overflow:auto;
}
.resultats_recherche a:hover #titre_resultat_recherche, .resultats_recherche a:active #titre_resultat_recherche{
	background:#f8f9e8;
	color:#fa5106;
}
.resultats_recherche a:link #client, .resultats_recherche a:visited #client{
	color:#333333;
	display:inline;
	font-size:10px;
	font-style:italic;
	font-weight:normal;
}
.resultats_recherche a:hover #client, .resultats_recherche a:active #client{
	background:#f8f9e8;
	color:#fa5106;
}
.resultats_recherche a:link #projet, .resultats_recherche a:visited #projet,
.resultats_recherche a:link #themeCamp, .resultats_recherche a:visited #themeCamp{
	color:#333333;
	display:block;
	font-size:10px;
	font-style:italic;
	font-weight:normal;
	padding-top:5px;
}
.resultats_recherche a:hover #projet, .resultats_recherche a:active #projet,
.resultats_recherche a:hover #themeCamp, .resultats_recherche a:active #themeCamp{
	background:#f8f9e8;
}

.resultats_recherche a:link p, .resultats_recherche a:visited p{
	color:#333;
	font-size:10px;
	font-weight:normal;
	display:block;	
	padding-left:0;
	display:none;
}
.resultats_recherche a:hover p, .resultats_recherche a:active p{
	background:#f8f9e8;
	display:block;
}

.recherche_titraille{
	display:block;
	float:left;
	line-height:16px;
	overflow:auto;
	padding:0 20px 0 0;
	width:360px;
}
.recherche_titraille img.vignette{
	float:left;
	padding:3px 20px 10px 0;
	width:55px;
	height:55px;
}
.spacer {
	clear: both;
	border:none;
	padding:0;
	margin:0;
	background:none;
	width:0;
	height:0;
	display:none;
}
.post-0{
	width:806px;
	color:#333;
	display:block;	
	padding:15px 20px;
	margin:0;
	background: url(library/img/recherche_resultats_bottom.gif) no-repeat bottom left;
}

/*Page Contact */
#formulaire_contact{
	float:right;
	width:589px;
	background:#847565 url(library/img/contact_page_top.gif) no-repeat scroll right top;
	height:518px;
	overflow:hidden;
	padding:12px 0 0;
	margin:0;
	font-size:10px;
}
#formulaire_contact h3{
	float:left;
	font-size:11px;
	font-weight:bold;
	line-height:14px;
	padding:35px 0 10px 15px;
}
#formulaire_contact p{
	font-size:11px;
	line-height:14px;
	padding:10px 0 0 15px;	
}

#formulaire_contact .contact_page_title{
	width:229px;
	color: #fa5106;
	font-weight:bold;
	margin:0;
	padding:2px 10px 0; 
	font-size:14px;	
	background:#F8F9E8 url(library/img/contact_page_title_top.gif) no-repeat scroll left top;
	line-height:20px;
	width:207px;
}
#formulaire_contact .contact_page_subtitle{
	border-top:#52483e solid 1px;
	color:#ffaa5c;
	font-size:11px;	
	font-style:italic;
	line-height:18px;
	text-align:right;
	padding:2px 10px 0;
	width:207px;
	background:#ac9c88 url(library/img/contact_page_subtitle_bottom.gif) no-repeat scroll left bottom;
}
#formulaire_contact .contenu_page_contact {
	margin:0;
	padding:15px 29px 15px 0;
	font-size:10px;
	min-height:120px;
	overflow:hidden;
	width:560px;
}
#coordonnees{
	background:#f8f9e8 url(library/img/contact_page_top_left.gif) no-repeat scroll left top;
	width:257px;
	float:left;
	height:530px;
	padding:0 0 0 0;
	color:#333333;
	overflow:hidden;
	line-height:14px;	
}
#coordonnees .societe{
	padding:54px 0 10px 15px;
	font-size:14px;
	font-weight:bold;
	color: #fa5106;
}
#coordonnees .adresse{
	margin:0;
	padding:0 10px 0 15px;
	font-size:11px;
	line-height:26px;
}
#coordonnees .telephone{
	margin:0;
	padding:0 10px 0 15px;
	font-size:10px;
	line-height:26px;
}
#coordonnees .contactmail{
	margin:0;
	padding:0 10px 15px 15px;
	font-size:10px;
	line-height:26px;	
}

#plaquette{
	background:#ac9c88;
	width:257px;
	height:345px;
}
#plaquette img{
	padding:12px 14px 0 14px;
	margin:0;
}
/*Fin Page Références */
/*Page Références */
#selection_page_references{
	float:right;
	width:589px;
	background:#847565 url(library/img/references_page_top.gif) repeat-x scroll right top;
	height:518px;
	overflow:hidden;
	padding:12px 0 0;
	margin:0;
	font-size:10px;
}
#selection_page_galerie{
	float:right;
	width:589px;
	background:#847565 url(library/img/galerie_page_top.gif) no-repeat scroll right top;
	height:518px;
	overflow:hidden;
	padding:12px 0 0;
	margin:0;
	font-size:10px;
}
#selection_page_references h3{
	float:left;
	font-size:11px;
	font-weight:bold;
	line-height:14px;
	padding:35px 0 10px 15px;
}
#selection_page_galerie h3{
	float:left;
	font-size:11px;
	font-weight:bold;
	line-height:14px;
	padding:35px 0 10px 15px;
}
#selection_page_references p{
	font-size:10px;
	line-height:14px;
}
#selection_page_galerie p{
	font-size:10px;
	line-height:14px;
}
#selection_page_references p.lienCamp a:link, #selection_page_references p.lienCamp a:visited{
	color:#F7E2C7;
	font-size:10px;
	float:right;
	text-decoration:none;
	padding:0 5px 0 0;
}
#selection_page_galerie p.lienCamp a:link, #selection_page_galerie p.lienCamp a:visited{
	color:#F7E2C7;
	font-size:10px;
	float:right;
	text-decoration:none;
	padding:0 5px 0 0;
}
#selection_page_references p.lienCamp a:hover, #selection_page_references p.lienCamp a:focus, #selection_page_references p.lienCamp a:active{
	color:#111;
}
#selection_page_galerie p.lienCamp a:hover, #selection_page_galerie p.lienCamp a:focus, #selection_page_galerie p.lienCamp a:active{
	color:#111;
}
#selection_page_references ol.articles_relatifs a:link, #selection_page_references ol.articles_relatifs a:visited{
	color:#d1bea6;
	font-size:10px;
	padding:0 5px 0 0;
	text-decoration:underline;
}
#selection_page_galerie ol.articles_relatifs a:link, #selection_page_galerie ol.articles_relatifs a:visited{
	color:#d1bea6;
	font-size:10px;
	padding:0 5px 0 0;
	text-decoration:underline;
}
#selection_page_references ol.articles_relatifs a:hover, #selection_page_references ol.articles_relatifs a:focus, #selection_page_references ol.articles_relatifs a:active{
	color:#F7E2C7;
}
#selection_page_galerie ol.articles_relatifs a:hover, #selection_page_galerie ol.articles_relatifs a:focus, #selection_page_galerie ol.articles_relatifs a:active{
	color:#F7E2C7;
}
#selection_page_references .references_page_title{
	background:#F8F9E8 url(library/img/references_page_title_top.gif) repeat-x scroll left top;
	color:#FA5106;
	float:left;
	font-size:14px;
	font-weight:bold;
	line-height:20px;
	margin:0;
	padding:2px 10px;
	width:207px;
}
#selection_page_galerie .references_page_title{
	background:#F8F9E8 url(library/img/galerie_page_title_top.gif) repeat-x scroll left top;
	color:#FA5106;
	float:left;
	font-size:14px;
	font-weight:bold;
	line-height:20px;
	margin:0;
	padding:2px 10px;
	width:207px;
}
#selection_page_references .references_page_title_left{
	background:#B91502 none repeat scroll 0 0;
	float:left;
	margin:0;
	overflow:hidden;
	padding:0;
	width:100%;
} 
#selection_page_galerie .references_page_title_left{
	background:#AE4E70 none repeat scroll 0 0;
	float:left;
	margin:0;
	overflow:hidden;
	padding:0;
	width:100%;
} 
#selection_page_references .references_page_title_right, #selection_page_galerie .references_page_title_right{
	background:#F8F9E8 url(library/img/references_page_title_right.gif) no-repeat scroll right top;
	float:left;
	height:22px;
	width:6px;
}


#selection_page_references .references_page_subtitle, #selection_page_galerie .references_page_subtitle{
	background:#AC9C88 url(library/img/references_page_subtitle_bottom.gif) no-repeat scroll left bottom;
	border-top:1px solid #52483E;
	color:#FFAA5C;
	float:none;
	font-size:11px;
	font-style:italic;
	font-weight:bold;
	height:18px;
	line-height:18px;
	padding:2px 10px 0;
	text-align:right;
	width:207px;
}


#selection_page_references .contenu_page_references, #selection_page_galerie .contenu_page_references {
	font-size:10px;
	margin:0;
	height:518px;
	overflow:hidden;
	width:589px;
}
#navigation_filtres_references{
	background:#B91502 url(library/img/references_page_top_left.gif) no-repeat scroll left top;
	color:#333333;
	float:left;
	height:530px;
	line-height:14px;
	overflow:hidden;
	padding:0;
	width:257px;	
}
#navigation_galerie{
	background:#AE4E70 url(library/img/galerie_page_top_left.gif) repeat-x scroll left top;
	color:#333333;
	float:left;
	height:486px;
	line-height:14px;
	overflow:hidden;
	padding:44px 0 0;
	width:257px;	
}
#navigation_filtres_references .filtres_references{
	background:transparent url(library/img/references_page_filtres_bg.gif) no-repeat scroll 175px 35px;
	color:#FFFFFF;
	font-size:11px;
	height:107px;
	overflow:visible;
	padding:25px 0 15px 15px;
	position:relative;
	z-index:2;
}
#navigation_filtres_references .filtres_references h4{
	font-size:10px;
	height:14px;
	line-height:14px;
}
#listing_references{
	background:#AC9C88 url(library/img/references_page_resultats_top.gif) no-repeat scroll left top;
	font-size:11px;
	overflow:hidden;
	padding:20px 0 0;
	width:257px;
	height:383px;
	position:relative;
	z-index:1;
}
#listing_references ul{
	height:363px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	overflow:hidden;
	width:257px;
}
#listing_galerie{
	background:#AC9C88 url(library/img/galerie_page_resultats_top.gif) no-repeat scroll left top;
	font-size:11px;
	overflow:hidden;
	padding:20px 0 0;
	width:257px;
	height:466px;
	position:relative;
}
#listing_galerie ul{
	height:466px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	overflow:hidden;
	width:247px;
	padding:0 0 0 10px;
}
#plaquette img{
	padding:12px 14px 0 14px;
	margin:0;
}
/*Fin Page Références */

.cachetoi {
position:absolute;
height:0;
width:0;
overflow:hidden;
}
a img.vignette{
  float:left;
  height:55px;
  padding:3px 20px 5px 0;
  width:55px;
}
a img.portrait{
  float:left;
  height:84px;
  margin:0 0 1px 0;
  width:112px; 
  cursor:pointer;
}
span.galerie_coins{
  background:transparent url(library/img/galerie_coins.png) no-repeat scroll left top;
  display:block;
  height:102px;
  overflow:hidden;
  position:absolute;
  width:112px;
  z-index:2;
  cursor:pointer;
}
#selection_page_references .related_title, #selection_page_galerie .related_title{
	background:#B2A18C url(library/img/title_related_bg_right.gif) no-repeat scroll right top;
	color:#393533;
	float:left;
	font-size:11px;
	font-weight:bold;
	height:22px;
	line-height:22px;
	margin:10px 0 5px;
	padding:0 8px 0 0;
}
#selection_page_references .related_title span.related_title_right, #selection_page_galerie .related_title span.related_title_right{
	background:#B2A18C url(library/img/title_related_bg_left.gif) no-repeat scroll left top;
	float:left;
	height:22px;
	padding:0 0 0 8px;
}
#selection_page_references div.surlemmtheme, #selection_page_galerie div.surlemmtheme {
	position:absolute;
	top:422px;
	z-index:10;
	width:212px;
}
#selection_page_references .surlemmtheme ol, #selection_page_galerie .surlemmtheme ol {
	display:block;
	float:left;
	list-style-type:none;
	width:210px;
}
#selection_page_references .surlemmtheme p, #selection_page_galerie .surlemmtheme p {
	display:block;
	float:left;
	list-style-type:none;
	width:100%;
}
#selection_page_references .surlemmtheme ol li, #selection_page_galerie .surlemmtheme ol li {
	display:block;
	float:left;
	list-style-type:none;
}
#selection_page_references .surlemmtheme a:link, #selection_page_references .surlemmtheme a:visited, #selection_page_galerie .surlemmtheme a:link, #selection_page_galerie .surlemmtheme a:visited{
	background:#AC9C88 url(library/img/vignette_related_bg.gif) no-repeat scroll left top;
	float:left;
	margin:0 1px 0 0;
	padding:5px;
}
#selection_page_references .surlemmtheme a:hover, #selection_page_references .surlemmtheme a:focus, #selection_page_references .surlemmtheme a:active,
#selection_page_galerie .surlemmtheme a:hover, #selection_page_galerie .surlemmtheme a:focus, #selection_page_galerie .surlemmtheme a:active{
	background:#d6c5af url(library/img/vignette_related_bg_on.gif) no-repeat scroll left top;
}
a img.vignette_related{
	height:55px;
	margin:0;
	padding:0;
	width:55px;
}
.modules_contenu a img {
  float:left;
  padding:3px 10px 5px 0;
  width:55px;
  height:55px;
  overflow:hidden;
}

.modules_contenu a.img_modules img {
  clear:left;
  height:235px;
  left:0;
  margin:0;
  overflow:hidden;
  padding:0;
  position:absolute;
  top:0;
  width:210px;
}

ul#liens_agence {
 background: url(library/img/agence_fond.jpg) no-repeat;
 margin: 0; 
 padding: 0;
 position: relative;
}
#liens_agence li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}

#liens_agence a {display: block;}

#liens_agence a:hover span h2 {
	background:transparent url(library/img/agence_tooltip_top.gif) no-repeat scroll left top;
	color:#FA5106;
	display:block;
	font-size:14px;
	line-height:16px;
	overflow:hidden;
	padding:5px 5px 5px 10px;
	width:191px;
}
#liens_agence a:hover span p {
	display: block;
	background: #d6c5af;
	width:196px;
	color:#333333;
	float:left;
	padding:0 0 0 10px;
	font-weight:bold;
	font-size:12px;
}
#liens_agence a span {display: none;}
#liens_agence a:hover span {
	display: inline;
	position: absolute;
	top: -2em;
	left: 3em;
	background: url(library/img/agence_tooltip_bottom.gif) no-repeat bottom left;
	text-align: left;
	color: white;
	padding: 0 0 6px 0;	
}
#lien_anim_agence0 {height:487px; left:0px; top:0; width:587px; z-index:-999;}
#lien_anim_agence1 {height:235px; left:205px; top:0; width:275px;}
#lien_anim_agence2 {left: 394px; top: 0px; width: 270px; height: 235px;}
#lien_anim_agence3 {left: 0px; top: 224px; width: 440px; height: 226px;}
#lien_anim_agence4 {left: 580px; top: 0px; width: 266px; height: 235px;}
#lien_anim_agence5 {left: 127px; top: 136px; width: 122px; height: 170px;}
#lien_anim_agence0 a {height: 487px;}
#lien_anim_agence1 a {height: 235px;}
#lien_anim_agence2 a {height: 235px;}
#lien_anim_agence3 a {height: 226px;}
#lien_anim_agence4 a {height: 235px;}
#lien_anim_agence5 a {height: 170px;}

#lien_anim_agence0 a:hover {background: url(library/img/agence_fond.jpg) -205px -574px no-repeat;}
#lien_anim_agence1 a:hover {background: url(library/img/agence_fond.jpg) -205px -574px no-repeat;}
#lien_anim_agence2 a:hover {background: url(library/img/agence_fond.jpg) -394px -1106px no-repeat;}
#lien_anim_agence3 a:hover {background: url(library/img/agence_fond.jpg) 0 -798px no-repeat;}
#lien_anim_agence4 a:hover {background: url(library/img/agence_fond.jpg) -580px -574px no-repeat;}
#lien_anim_agence5 a:hover {background: url(library/img/agence_fond.jpg) -127px -1242px no-repeat;}



img {vertical-align:middle; border:none;}
#thumbs {float:left; margin:0; padding:0; clear:both; border-top:#746759 1px solid;}
#thumbs a {display:block; padding:2px; outline:none; height:13px; line-height:13px; text-align:center; background:#F8F9E8 url(library/img/thumb_coin_blanc_pair.gif) no-repeat scroll left bottom; color:#847565; font-weight:bold; font-size:12px;}
#thumbs a.impair {display:block; padding:2px; outline:none; height:13px; line-height:13px; text-align:center; background:#F8F9E8 url(library/img/thumb_coin_blanc.gif) no-repeat scroll right bottom; color:#847565; font-weight:bold; font-size:12px;}
#thumbs a:hover, #thumbs a:focus{background:#ff4505 url(library/img/thumb_coin_rouge_pair.gif) no-repeat scroll left bottom;}
#thumbs a.impair:hover, #thumbs a.impair:focus{background:#ff4505 url(library/img/thumb_coin_rouge.gif) no-repeat scroll right bottom;}

#thumbs a.active {background:#ff4505 url(library/img/thumb_coin_rouge_pair.gif) no-repeat scroll left bottom;}
#thumbs a:active{background:#ff4505 url(library/img/thumb_coin_rouge_pair.gif) no-repeat scroll left bottom;}
#thumbs a.impair.active{background:#ff4505 url(library/img/thumb_coin_rouge.gif) no-repeat scroll right bottom;}
#thumbs a.impair:active{background:#ff4505 url(library/img/thumb_coin_rouge.gif) no-repeat scroll right bottom;}

#viewer {width:340px; height:375px; margin:0; overflow:hidden; padding:0; text-align:center;}
#viewer img[src*="loader"] {position:absolute; left:50%; top:50%; margin:-15px 0 0 -15px; width:340px; height:375px;}

a.navItem{
	display:block;
	padding:15px 20px 15px 20px;
	color:#333333;
	font-size:10px;
	background:transparent url(library/img/bottom_liste_refs.gif) no-repeat scroll left bottom;
	line-height:16px;
	overflow:hidden;
}
#listing_galerie a.navItem {
  background:#AC9C88 none repeat scroll 0 0;
  color:#333333;
  display:block;
  font-size:10px;
  height:102px;
  line-height:16px;
  overflow:hidden;
  padding:0;
  position:relative;
  width:112px;
}
a.navItem span{
	line-height:16px;	
} 
a.navItem span.navItem_title{
	font-size:12px;
	font-weight:bold;
	color:#333333;
}

  #listing_galerie a.navItem span.navItem_title{
  background:#847565 none repeat scroll 0 0;
  color:#333333;
  cursor:pointer;
  display:block;
  float:left;
  font-size:10px;
  font-weight:normal;
  height:17px;
  line-height:17px;
  overflow:hidden;
  padding:0 6px 0 7px;
  position:relative;
  text-align:left;
  width:99px;
}
a.navItem span.navItem_client{
	font-style:italic;
	color:#333333;	
}
a.navItem:hover span.navItem_title, a.navItem:focus span.navItem_title{
	color:#fa5106;      
}
#listing_galerie a.navItem:hover span.navItem_title, #listing_galerie a.navItem:focus span.navItem_title{
	color:#fa5106;  
  background:#f8f9e8;
}

a.navItem.active span.navItem_client, a.navItem.active span.navItem_title{
	color:#fa5106;	
} 
#listing_galerie a.navItem.active span.navItem_client, #listing_galerie a.navItem.active span.navItem_title{
	color:#fa5106;
  background:#f8f9e8;	
}  
a.navItem:hover, a.navItem:focus{
	background:#f8f9e8 url("library/img/bottom_liste_refs.gif") no-repeat scroll left bottom;
	color:#333333;
}
#listing_galerie a.navItem:hover,#listing_galerie a.navItem:focus{
	background:#AC9C88;
	color:#fa5106;
}
a.navItem.active{
	background:#f8f9e8 url("library/img/bottom_liste_refs.gif") no-repeat scroll left bottom;
	color:#333333;
}
#listing_galerie a.active{
	background:#AC9C88;
	color:#fa5106;
}
img.Image_galerie{
	width:340px;
	height:375px;
}
div.ref_textes {
	float:left;
	padding:20px 5px 0 10px;
	width:212px;
	color:#F7E2C7;
	overflow:hidden;
	line-height:normal;
}
div.ref_textes a:link, div.ref_textes a:visited{
  color:#FFAA5C;
}
div.ref_textes a:hover, div.ref_textes a:focus{
  color:#FA5106;
}
div.ref_textes p{
	color:#F7E2C7;
	font-size:10px;
	font-weight:normal;	
	padding:10px 0 0 0;
}
div.resume_ref{
}
#selection_page_references div.resume_ref p{
	color:#F7E2C7;
	font-size:12px;
	font-weight:bold;
}
#selection_page_galerie div.resume_ref p{
	color:#F7E2C7;
	font-size:12px;
	font-weight:bold;
}
div.descLongue_ref {
}
#selection_page_references div.descLongue_ref p {
	color:#F7E2C7;
	font-size:10px;
	font-weight:normal;	
	padding:10px 0 0 0;
}
div.corpoViewer{
	background:transparent url(library/img/corpoViewer_bg.gif) no-repeat scroll left bottom;
	float:left;
	height:375px;
	padding:20px 5px 0;
	width:339px;
}
div.navContener{
	border-right:1px solid #847565;
	float:left;
	height:17px;
	width:20px;
}
div.illustrations_ref{
	background:transparent url(library/img/corpoViewer_bg_bottom.gif) no-repeat scroll left top;
	display:block;
	float:right;
	padding:0 7px 0 5px;
	width:349px;
}
div.item_refs{
	margin:0;
	padding:0;
	width:589px;
}
.filtres_references select{
	border:medium none;
	font-size:11px;
	height:16px;
	width:180px;
	line-height:12px;
}

/*ScrollPane */



.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}
#container_page_recherche .jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 2px;
	top: 0;
	height: 100%;
	background: url(library/img/scrollPan.png) repeat-y top left;
	width:12px;
}
.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 2px;
	top: 0;
	height: 100%;
	background: url(library/img/scrollPan.png) repeat-y top left;
	width:12px;
}
.jScrollPaneDrag {
	position: absolute;
	background: transparent url(library/img/scrollDrag.png) repeat-y scroll left top;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}

#listing_references ul li.thumbs_refs{
	line-height:0;
	width:257px; 
}
#listing_galerie ul li.thumbs_refs{
	float:left;
	line-height:0;
	overflow:hidden;
	padding:0 4px 4px 0;
	width:112px;    
}
#theme_dropdown{
	padding:0;
	width:180px;
}

#secteur_dropdown{
	padding:8px 0 0 0;
	width:180px;
}

#support_dropdown{
	padding:10px 0 0 0;
	width:180px;
}

#selection_page_references div.en_bref{
	line-height:14px;
	padding:10px 0 0 0;
}
#selection_page_references div.en_bref p{
	padding:0 0 5px 0;
}

/*Page méthodo*/
#container div.page_methodologie{
	background: #847565 url(library/img/methodologie_page_top.gif) no-repeat scroll left top;	
	height:528px;
	overflow:hidden;
	width:846px;
}

ul#carousel_methodo{
	font-size:0.8em;
	height:455px;
	list-style-type:none;
	margin:0 auto;
	overflow:hidden;
	padding:75px 0 0;
	text-align:center;
	float:left;
}
div.page_methodologie ul, div.page_methodologie ul li, div.page_methodologie ul li ul, div.page_methodologie ul li ul li{
	list-style-type:none;
	padding:0;
}
div#centrage{
	overflow:visible;
	width:1300px;
	margin:0 auto 0 -325px;
	position:absolute;
	left:50%;
}
div#centrage a:link,div#centrage a:visited{
  color: #5C3C88;
}
div#centrage a img{
  display:none;  
} 
div.page_methodologie ul li{
	display:block;
	float:left;
	overflow:visible;
	padding:0 1px;
}
ul.methodo_thumbs_sub{
	float:left;
	display:none;
}
div.page_methodologie ul.methodo_txt{
  color:#F8E6CE;
  display:block;
  float:left;
  font-size:12px;
  font-weight:bold;
  line-height:14px;
  list-style-type:none;
  margin:15px 0 0;
  padding:0 0 0 0;
  text-align:left;
  text-transform:lowercase;
  width:155px;
}
div.page_methodologie ul.methodo_txt li{
  color:#F8E6CE;
  display:block;
  float:none;
  font-size:12px;
  font-weight:bold;
  line-height:14px;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:disc;
  margin:0 5px 10px;
  padding:0 0 0 10px;
  text-align:left;
  text-transform:lowercase;
}
ul.methodo_txt li ul li{
  text-transform:capitalize;
  top:-190px;
  width:180px;
}

#consultation {
	color:#333333;
	display:block;
	padding:0;
	position:relative;	
}
#consultation span{
	background:transparent url(library/img/methodologie/1_recueil_consultation_bg.gif) no-repeat scroll 0px top;	
	display:block;
	height:324px;
	position:relative;
	width:91px;
	z-index:0;
	cursor:pointer;
}
#consultation a:link, #consultation a:visited {
	background:transparent url(library/img/methodologie/1_recueil_consultation_bg.gif) no-repeat scroll 0px top;	
	display:block;
	height:324px;
	position:relative;
	width:91px;
	z-index:0;
	cursor:pointer;
}
#consultation a:hover, #consultation a:focus, #consultation a:active{
	background:transparent url(library/img/methodologie/1_recueil_consultation_bg.gif) no-repeat scroll -91px top;
}
#consultation span.actif{
	background:transparent url(library/img/methodologie/1_recueil_consultation_bg.gif) no-repeat scroll -91px top;
}

#consultation div.consultation {
  border-left:1px dotted #77717F;
  color:#F8E6CE;
  display:none;
  font-weight:bold;
  height:120px;
  left:25px;
  line-height:16px;
  margin-top:45px;
  overflow:hidden;
  padding:0 0 0 10px;
  position:absolute;
  text-align:left;
  text-transform:uppercase;
  top:157px;
  width:182px;
  z-index:2;
}


#analyse {
	color:#333333;
	display:block;
	padding:0;
	position:relative;	
}
#analyse span{
	background:transparent url(library/img/methodologie/2_analyse_bg.gif) no-repeat scroll 0px top;
	display:block;
	height:324px;
	z-index:0;
	width:68px;
	position:relative;	
	cursor:pointer;	
}
#analyse a:link, #analyse a:visited{
	background:transparent url(library/img/methodologie/2_analyse_bg.gif) no-repeat scroll 0px top;
	display:block;
	height:324px;
	z-index:0;
	width:68px;
	position:relative;	
	cursor:pointer;	
}
#analyse a:hover, #analyse a:focus, #analyse a:active{
	background:transparent url(library/img/methodologie/2_analyse_bg.gif) no-repeat scroll -68px top;
}
#analyse span.actif{
	background:transparent url(library/img/methodologie/2_analyse_bg.gif) no-repeat scroll -68px top;
}
#analyse div.analyse {
  border-left:1px dotted #77717F;
  color:#F8E6CE;
  display:none;
  font-weight:bold;
  height:153px;
  left:0;
  line-height:16px;
  margin-top:13px;
  overflow:hidden;
  padding:0 0 0 10px;
  position:absolute;
  text-align:left;
  text-transform:uppercase;
  top:155px;
  width:182px;
  z-index:2;
}

#proposition {
	color:#333333;
	display:block;
	padding:0;
	position:relative;	
}
#proposition a:link, #proposition a:visited{
	background:transparent url(library/img/methodologie/3_proposition_action_bg.gif) no-repeat scroll 0px top;
	display:block;
	height:324px;
	z-index:0;
	width:68px;
	position:relative;	
	cursor:pointer;	
}
#proposition a:hover,#proposition a:focus,#proposition a:active{
	background:transparent url(library/img/methodologie/3_proposition_action_bg.gif) no-repeat scroll -68px top;
}
#proposition span{
	background:transparent url(library/img/methodologie/3_proposition_action_bg.gif) no-repeat scroll 0px top;
	display:block;
	height:324px;
	z-index:0;
	width:68px;
	position:relative;	
	cursor:pointer;	
}
#proposition span.actif{
	background:transparent url(library/img/methodologie/3_proposition_action_bg.gif) no-repeat scroll -68px top;
}
#proposition div.proposition {
  border-left:1px dotted #77717F;
  color:#F8E6CE;
  display:none;
  font-weight:bold;
  height:127px;
  left:0;
  line-height:16px;
  margin-top:39px;
  overflow:hidden;
  padding:0 0 0 10px;
  position:absolute;
  text-align:left;
  text-transform:uppercase;
  top:150px;
  width:182px;
  z-index:2;
}

#creation {
	color:#333333;
	display:block;
	padding:0;
	position:relative;	
}
#creation a:link, #creation a:visited{
	background:transparent url(library/img/methodologie/4_creation_conception_bg.gif) no-repeat scroll 0px top;
	display:block;
	height:324px;
	z-index:0;
	width:68px;
	position:relative;	
	cursor:pointer;	
}
#creation span{
	background:transparent url(library/img/methodologie/4_creation_conception_bg.gif) no-repeat scroll 0px top;
	display:block;
	height:324px;
	z-index:0;
	width:68px;
	position:relative;	
	cursor:pointer;	
}
#creation span.actif{
	background:transparent url(library/img/methodologie/4_creation_conception_bg.gif) no-repeat scroll -68px top;
}
#creation a:hover, #creation a:focus, #creation a:active{
	background:transparent url(library/img/methodologie/4_creation_conception_bg.gif) no-repeat scroll -68px top;
}
#creation div.creation {
  color:#F8E6CE;
  display:none;
  font-weight:bold;
  left:0;
  line-height:16px;
  overflow:hidden;
  padding:0 0 0 10px;
  position:absolute;
  text-align:left;
  text-transform:uppercase;
  top:198px;
  width:182px;
  z-index:2;	
  border-left:1px dotted #77717F;
  height:165px;	
}

#scenario {
	color:#333333;
	display:block;
	padding:0;
	position:relative;	
}
#scenario a:link, #scenario a:visited{
	background:transparent url(library/img/methodologie/5_scenario_bg.gif) no-repeat scroll 0px top;
	display:block;
	height:324px;
	z-index:0;
	width:68px;
	position:relative;	
	cursor:pointer;	
}
#scenario span{
	background:transparent url(library/img/methodologie/5_scenario_bg.gif) no-repeat scroll 0px top;
	display:block;
	height:324px;
	z-index:0;
	width:68px;
	position:relative;	
	cursor:pointer;	
}
#scenario a:hover, #scenario a:focus, #scenario a:active{
	background:transparent url(library/img/methodologie/5_scenario_bg.gif) no-repeat scroll -68px top;	
}
#scenario span.actif{
	background:transparent url(library/img/methodologie/5_scenario_bg.gif) no-repeat scroll -68px top;	
}
#scenario div.scenario{
  border-left:1px dotted #77717F;
  color:#F8E6CE;
  display:none;
  font-weight:bold;
  height:102px;
  left:0;
  line-height:16px;
  margin-top:64px;
  overflow:hidden;
  padding:0 0 0 10px;
  position:absolute;
  text-align:left;
  text-transform:uppercase;
  top:135px;
  width:182px;
  z-index:2;
}

#story {
	color:#333333;
	display:block;
	padding:0;
	position:relative;	
}
#story a:link, #story a:visited {
	background:transparent url(library/img/methodologie/6_story_bg.gif) no-repeat scroll 0px top;
	display:block;
	height:324px;
	z-index:0;
	width:68px;
	position:relative;	
	cursor:pointer;	
}
#story span {
	background:transparent url(library/img/methodologie/6_story_bg.gif) no-repeat scroll 0px top;
	display:block;
	height:324px;
	z-index:0;
	width:68px;
	position:relative;	
	cursor:pointer;	
}
#story a:hover,#story a:focus, #story a:active {
	background:transparent url(library/img/methodologie/6_story_bg.gif) no-repeat scroll -68px top;
}
#story span.actif {
	background:transparent url(library/img/methodologie/6_story_bg.gif) no-repeat scroll -68px top;
}
#story div.story{
  border-left:1px dotted #77717F;
  color:#F8E6CE;
  display:none;
  font-weight:bold;
  height:88px;
  left:0;
  line-height:16px;
  margin-top:78px;
  overflow:hidden;
  padding:0 0 0 10px;
  position:absolute;
  text-align:left;
  text-transform:uppercase;
  top:122px;
  width:182px;
  z-index:2;
}
#planches2final{
	color:#333333;
	display:block;
	padding:0;
	position:relative;	
}
#planches2final span{
	background:transparent url(library/img/methodologie/7_planches2final_bg.gif) no-repeat scroll 0px top;
	display:block;
	height:324px;
	z-index:0;
	width:134px;
	position:relative;	
	cursor:pointer;	
}
#planches2final a.spacer1:link, #planches2final a.spacer1:visited{
	background:transparent url(library/img/methodologie/7_dessin_def_bg.gif) no-repeat scroll 0px top;
	display:block;
	height:324px;
	z-index:0;
	width:68px;
	position:relative;	
	cursor:pointer;
}
#planches2final a.spacer2{
	background:transparent url(library/img/methodologie/8_produit_final_bg.gif) no-repeat scroll 0px top;
	display:block;
	height:324px;
	z-index:0;
	width:68px;
	position:relative;	
	cursor:pointer;	
	float:left;	
}
#planches2final span.actif{
	background:transparent url(library/img/methodologie/7_planches2final_bg.gif) no-repeat scroll -135px top;
}
#planches2final a.spacer1:hover, #planches2final a.spacer1:focus, #planches2final a.spacer1:active{
	background:transparent url(library/img/methodologie/7_dessin_def_bg.gif) no-repeat scroll -68px top;
}
#planches2final a.spacer2:hover, #planches2final a.spacer2:focus, #planches2final a.spacer2:active{
	background:transparent url(library/img/methodologie/8_produit_final_bg.gif) no-repeat scroll -68px top;
}
#planches2final div.planches2final{
  border-left:1px dotted #77717F;
  color:#F8E6CE;
  display:none;
  font-weight:bold;
  height:74px;
  left:0;
  line-height:16px;
  margin-top:92px;
  overflow:hidden;
  padding:0 0 0 10px;
  position:absolute;
  text-align:left;
  text-transform:uppercase;
  top:108px;
  width:182px;
  z-index:2;
}
#planches2final ul.planches2final{
	padding:0px 0 0 0;
	display:none;
	height:420px;
	float:left;
	z-index:2;	
}
#planches {
	color:#333333;
	display:block;
	padding:0;
	position:relative;	
	float:left;
}
#planches span{
	background:transparent url(library/img/methodologie/7_dessin_planches_bg.gif) no-repeat scroll 0px top;
	display:block;
	height:324px;
	z-index:0;
	width:68px;
	position:relative;	
	cursor:pointer;	
}
#planches a:link, #planches a:visited{
	background:transparent url(library/img/methodologie/7_dessin_planches_bg.gif) no-repeat scroll 0px top;
	display:block;
	height:324px;
	z-index:0;
	width:68px;
	position:relative;	
	cursor:pointer;	
}
#planches span.actif{
	background:transparent url(library/img/methodologie/7_dessin_planches_bg.gif) no-repeat scroll -68px top;
}
#planches a:hover, #planches a:focus, #planches a:active{
	background:transparent url(library/img/methodologie/7_dessin_planches_bg.gif) no-repeat scroll -68px top;
}
#planches div.planches{
  color:#F8E6CE;
  display:none;
  font-weight:bold;
  left:0;
  line-height:16px;
  overflow:hidden;
  padding:0 0 0 10px;
  position:absolute;
  text-align:left;
  text-transform:uppercase;
  top:198px;
  width:182px;
  z-index:2;	
  border-left:1px dotted #77717F;
  height:165px;	
}

#crayon {
	color:#333333;
	display:none;
	padding:0;
	position:relative;	
	float:left;	
}
#crayon span{
	background:transparent url(library/img/methodologie/7_dessin_planches_bg.gif) no-repeat scroll 0px top;
	display:block;
	height:324px;
	z-index:0;
	width:68px;
	position:relative;	
	cursor:pointer;		
}
#crayon a:link, #crayon a:visited{
	background:transparent url(library/img/methodologie/7_dessin_planches_bg.gif) no-repeat scroll 0px top;
	display:block;
	height:324px;
	z-index:0;
	width:68px;
	position:relative;	
	cursor:pointer;		
}
#crayon span.actif{
	background:transparent url(library/img/methodologie/7_dessin_planches_bg.gif) no-repeat scroll -68px top;
}
#crayon a:hover, #crayon a:focus, #crayon a:active{
	background:transparent url(library/img/methodologie/7_dessin_planches_bg.gif) no-repeat scroll -68px top;
}
#crayon div.crayon{
  color:#F8E6CE;
  display:none;
  font-weight:bold;
  left:0;
  line-height:16px;
  overflow:hidden;
  padding:0 0 0 10px;
  position:absolute;
  text-align:left;
  text-transform:uppercase;
  top:198px;
  width:182px;
  z-index:2;	
  border-left:1px dotted #77717F;
  height:165px;
}

#encrage {
	color:#333333;
	display:none;
	padding:0;
	position:relative;	
	float:left;	
}
#encrage span{
	background:transparent url(library/img/methodologie/7_1_encrage_bg.gif) no-repeat scroll 0px top;
	display:block;
	height:324px;
	z-index:0;
	width:68px;
	position:relative;	
	cursor:pointer;	
}
#encrage a:link, #encrage a:visited{
	background:transparent url(library/img/methodologie/7_1_encrage_bg.gif) no-repeat scroll 0px top;
	display:block;
	height:324px;
	z-index:0;
	width:68px;
	position:relative;	
	cursor:pointer;	
}
#encrage span.actif{
	background:transparent url(library/img/methodologie/7_1_encrage_bg.gif) no-repeat scroll -68px top;
}
#encrage a:hover, #encrage a:focus, #encrage a:active{
	background:transparent url(library/img/methodologie/7_1_encrage_bg.gif) no-repeat scroll -68px top;
}
#encrage div.encrage{
  color:#F8E6CE;
  display:none;
  font-weight:bold;
  height:58px;
  left:0;
  line-height:16px;
  margin-top:91px;
  overflow:hidden;
  padding:0 0 0 10px;
  position:absolute;
  text-align:left;
  text-transform:uppercase;
  top:108px;
  width:182px;
  z-index:2;		
}

#couleur {
	color:#333333;
	display:none;
	padding:0;
	position:relative;	
}
#couleur span{
	background:transparent url(library/img/methodologie/7_2_couleurs_bg.gif) no-repeat scroll 0px top;
	display:block;
	height:324px;
	z-index:0;
	width:68px;
	position:relative;	
	cursor:pointer;	
}
#couleur a:link, #couleur a:visited{
	background:transparent url(library/img/methodologie/7_2_couleurs_bg.gif) no-repeat scroll 0px top;
	display:block;
	height:324px;
	z-index:0;
	width:68px;
	position:relative;	
	cursor:pointer;	
}
#couleur span.actif{
	background:transparent url(library/img/methodologie/7_2_couleurs_bg.gif) no-repeat scroll -68px top;
}
#couleur a:hover, #couleur a:focus, #couleur a:active{
	background:transparent url(library/img/methodologie/7_2_couleurs_bg.gif) no-repeat scroll -68px top;
}
#couleur div.couleur{
  color:#F8E6CE;
  display:none;
  font-weight:bold;
  height:58px;
  left:0;
  line-height:16px;
  margin-top:91px;
  overflow:hidden;
  padding:0 0 0 10px;
  position:absolute;
  text-align:left;
  text-transform:uppercase;
  top:108px;
  width:182px;
  z-index:2;	
}

#final {
	color:#333333;
	display:block;
	padding:0;
	position:relative;	
}
#final span{
	background:transparent url(library/img/methodologie/8_produit_final_bg.gif) no-repeat scroll 0px top;
	display:block;
	height:324px;
	z-index:0;
	width:68px;
	position:relative;	
	cursor:pointer;
}
#final a:link, #final a:visited{
	background:transparent url(library/img/methodologie/8_produit_final_bg.gif) no-repeat scroll 0px top;
	display:block;
	height:324px;
	z-index:0;
	width:68px;
	position:relative;	
	cursor:pointer;	
}
#final a:hover, #final a:focus, #final a:active{
	background:transparent url(library/img/methodologie/8_produit_final_bg.gif) no-repeat scroll -68px top;
}
#final span.actif{
	background:transparent url(library/img/methodologie/8_produit_final_bg.gif) no-repeat scroll -68px top;
}
#final div.final{
  border-left:1px dotted #77717F;
  color:#F8E6CE;
  display:none;
  font-weight:bold;
  height:102px;
  left:0;
  line-height:16px;
  margin-top:64px;
  overflow:hidden;
  padding:0 0 0 10px;
  position:absolute;
  text-align:left;
  text-transform:uppercase;
  top:136px;
  width:182px;
  z-index:2;
}

#actions {
	color:#333333;
	display:block;
	padding:0;
	position:relative;	
}
#actions span{
	background:transparent url(library/img/methodologie/9_domaine_daction_bg.gif) no-repeat scroll 0px top;
	display:block;
	height:324px;
	z-index:0;
	width:91px;
	position:relative;	
	cursor:pointer;
}
#actions a:link, #actions a:visited{
	background:transparent url(library/img/methodologie/9_domaine_daction_bg.gif) no-repeat scroll 0px top;
	display:block;
	height:324px;
	z-index:0;
	width:91px;
	position:relative;	
	cursor:pointer;
}
#actions a:hover, #actions a:focus, #actions a:active{
	background:transparent url(library/img/methodologie/9_domaine_daction_bg.gif) no-repeat scroll -91px top;
}
#actions span.actif{
	background:transparent url(library/img/methodologie/9_domaine_daction_bg.gif) no-repeat scroll -91px top;
}
#actions div.actions{
  border-left:1px dotted #77717F;
  color:#F8E6CE;
  display:none;
  font-weight:bold;
  height:146px;
  left:0;
  line-height:16px;
  margin-top:20px;
  overflow:hidden;
  padding:0 0 0 10px;
  position:absolute;
  text-align:left;
  text-transform:uppercase;
  top:180px;
  width:182px;
  z-index:2;  	
}

p#methodoViewer{
	
}

#evenements_slideshow{
  height:266px;
  overflow:auto;
  width:585px;
  position:relative;
}

#evenements_slideshow div.controls{
  background:transparent url(library/img/evenements_bg.png) no-repeat left top;
  height:266px;
  left:-200px;
  overflow:hidden;
  position:absolute;
  top:0;
  width:200px;
  z-index:1000;
}

#evenements_slideshow div.slide{
  height:266px;
  overflow:hidden;
  width:585px;
}

#evenements_slideshow ul, #evenements_slideshow li{
	margin:0;
	padding:0;
	display:block;
}

#evenements_slideshow li a{
  margin:0;
  overflow:hidden;
  padding:0;
}
#evenements_slideshow a span.nom_client_accueil{
  color:#B29E87;
  display:inline;
  font-weight:bold;
  padding:0;
  text-transform:capitalize;
}
div.modules_contenu a span.nom_client_accueil{
  color:#333333;
  display:inline;
  font-weight:bold;
  padding:0;
  font-size:10px;
}
div.modules_contenu a span.nom_client_accueil{
  color:#333333;
}
#evenements_slideshow a:hover span.nom_client_accueil{
  color:#f7e2c7;
}
#evenements_slideshow li.first {
  background:url("http://www.corporatefiction.fr/wp-content/themes/corporatefiction/library/img/active_eve_first.png") no-repeat scroll left top transparent;
  height:76px;
  padding:10px 45px 0 10px;
  width:145px;
  overflow:hidden;
  cursor:pointer;
}

#evenements_slideshow li.second {
  background:url("http://www.corporatefiction.fr/wp-content/themes/corporatefiction/library/img/active_eve_second.png") no-repeat scroll left top transparent;
  height:80px;
  padding:10px 50px 0 10px;
  width:140px;
  overflow:hidden;
}
#evenements_slideshow li.third {
  background:url("http://www.corporatefiction.fr/wp-content/themes/corporatefiction/library/img/active_eve_third.png") no-repeat scroll left top transparent;
  height:80px;
  padding:10px 25px 0 10px;
  width:165px;
  overflow:hidden;
}
#evenements_slideshow li.first h2, #evenements_slideshow li.first a {
  width:145px;	
}
#evenements_slideshow li.second h2, #evenements_slideshow li.second a {
  width:140px;	
}
#evenements_slideshow li.third h2, #evenements_slideshow li.third a {
  width:165px;	
}
#evenements_slideshow li.activeSlide {
  background:none !important;
}
#evenements_slideshow li h2 a{
  color:#FC8B1D;
}
#evenements_slideshow li.activeSlide h2 a{
  color:#333333 !important;
}

#evenements_slideshow li.activeSlide a{
  	color:#f7e2c7;
}

#evenements_slideshow li.activeSlide a span.nom_client_accueil{
  color:#f7e2c7;	
}

div.modules_contenu ul.scroll-pane{
  width:210px;
  height:235px;
  overflow:auto;
  margin:0;
  padding:0;
  position:relative;
}

div.modules_contenu ul.scroll-pane li {
  display:block;
  float:left;
  padding:10px 16px 10px 10px;
  width:184px;
  cursor:pointer;
  overflow:hidden;
}
div.modules_contenu ul.scroll-pane li a{
  float:left;
  display:block;
  overflow:hidden;
  padding:0;
  margin:0;
}
div.modules_contenu ul.scroll-pane li h2{
  padding:0 0 5px 0;
  overflow:hidden;
  display:block;
  width:184px;
  font-size:11px;
}
div.modules_contenu ul.scroll-pane li.active h2 a{
  color:#FF4504;
}

div.modules_contenu ul.scroll-pane li.active {
  background:none repeat scroll 0 0 #F8F9E8;
}


div.modules_contenu ul.scroll-pane li.active h2{
  color:#FF4504;
}

.modules_contenu div.cover{
  width:210px;
  height:235px;
  position:absolute;
  top:0;
  left:0;
  z-index:100;
}
.modules_contenu div.perso_cours{
  background:url("library/img/perso_cours.png") no-repeat scroll left top transparent;
  height:235px;
  left:-400px;
  position:absolute;
  top:0;
  width:400px;
  z-index:200;
  overflow:hidden;
}
.modules_contenu a.img_modules {
  clear:left;
  display:block;
  height:235px;
  left:0;
  margin:0;
  overflow:hidden;
  padding:0;
  position:absolute;
  top:0;
  width:210px;
}

.page_recherche div.st-tag-cloud{
  background:none;
  height:100%;
}
.page_recherche div.st-tag-cloud a{
  color:#333333;
}
#searchform_search input{
  color:#333333;
  font-size:11px;
}

#nouveautes_module {
  height:235px;
  left:0;
  overflow:hidden;
  position:relative;
  top:0;
  width:210px;
  z-index:0;
}

#TB_window img#TB_Image {
  border:none !important;
}

#anim_contener{
  height: 600px;
  margin: auto;
  width: 544px;
}
#social{
	display: block;
    left: 738px;
    position: absolute;
    top: 502px;
	width:90px;
	height:20px;
}
#social a.FB_button {
	margin: 0 5px 0 0;
	float:left;
	width:20px;
	height: 20px;
	display:block;
}
#social a.FB_button:link, a.FB_button:visited{
	margin: 0 5px 0 0;
	float:left;
	width:20px;
	height: 20px;
	background: url(http://www.corporatefiction.fr/wp-content/themes/corporatefiction/library/img/share_on_FB.png) no-repeat 0 0;
}
#social a.FB_button:hover{
	background: url(http://www.corporatefiction.fr/wp-content/themes/corporatefiction/library/img/share_on_FB.png) no-repeat 0 -21px;
}
#social a.FB_button:active{
	background: url(http://www.corporatefiction.fr/wp-content/themes/corporatefiction/library/img/share_on_FB.png) no-repeat 0 -42px;
}

#twitter{
	float:left;
	width:65px;
	height:20px;
	display:block;
}
dl.dropdown{
	margin:0 0;
}
.desc { color:#6b6b6b;}
.desc a {color:#0092dd;}

.dropdown dd, .dropdown dt, .dropdown ul { margin:0px; padding:0px; }
.dropdown dd { position:relative; }
.dropdown a, .dropdown a:visited { color:#000000; text-decoration:none; outline:none; font-weight:normal;}
.dropdown a:hover { color:#000000;}
.dropdown dt a:hover, .dropdown dt a:focus{ 
	color:#847565; 
	background: #FFFFFF url(/wp-content/themes/corporatefiction/library/img/arrow.png) no-repeat scroll 157px -32px;
}
.dropdown dt a{
	background: #FFFFFF url(/wp-content/themes/corporatefiction/library/img/arrow.png) no-repeat scroll 157px 0;
	display: block;
	padding: 1px 4px 1px 4px;
	width: 172px;
	color:#000000;
}
.dropdown dt a.active {
	background: #FFFFFF url(/wp-content/themes/corporatefiction/library/img/arrow.png) no-repeat scroll 157px -16px;
}
.dropdown dt a.active:hover, .dropdown dt a.active:focus {
	background: #FFFFFF url(/wp-content/themes/corporatefiction/library/img/arrow.png) no-repeat scroll 157px -48px;
}
.dropdown dt a span {cursor:pointer; display:block;}
.dropdown dd ul { 
	background: #FFFFFF none repeat scroll 0 0;
	color: #000000;
	display: none;
	left: 0px;
	padding: 2px 0;
	position: absolute;
	top: 1px;
	width: auto;
	min-width: 157px;
	list-style: none;
	z-index: 999;
	border-right: 1px solid #CECECE;
	border-bottom: 1px solid #CECECE;
}
.dropdown span.value { display:none;}
.dropdown dd ul li a { padding:2px 4px; display:block;}
.dropdown dd ul li a:hover, .dropdown dd ul li a:focus { background-color:#ac9c88; color:#FFFFFF; padding:2px 4px 2px 8px;}

.dropdown img.flag { border:none; vertical-align:middle; margin-left:10px; }
.flagvisibility { display:none;}

#label--10 { width : 220px; float : right; margin:1px 10px 0 0;}
#label--10 span { width : 100%;}
#li--10 input { float:left;}

fieldset.cf-fs1 input {
line-height:15px;
height:15px;
}