/* @override http://lodp.sapiensconsulting.fr/lodp/stylesheets/style.css */

/* SCROLL Vignettes Agenda / Hachis*/
/* Suppression du BG noir */
#references_hachis li {
	background:none;
}
	
/* @group Liste Ouvriers */

#content_inside div.details_ouvrier {
	display:none;
}

#content_inside div.details_ouvrier_active {
	
	width: 392px;
	height: 92px;
	background-image: url(../images/ouvriers_background_details.jpg);
	display: block;
}

div.ouvrier_photo {
	padding-left: 10px;
}


/* @group Fiche Ouvrier */
#list_categ_ouvriers {
	top: 365px;
}

/* @group Nos vues sur accueil */

div.nos_vues_sur_accueil_photo {
	top:289px;
	}
	
* html div.nos_vues_sur_accueil_photo{
	top:292px;
	margin-left: -14Opx;
}

#list_categ_hachis li.activated span {
	padding: 6px 3px 0px 3px;
	/*border-top: 1px solid #000;*/
	color: #000;
	letter-spacing: 0.1em;
	text-decoration: none;
	font-size: 12px;
	font-family: Verdana, "Lucida Grande", Lucida, sans-serif;	
	}

/** Scroll Hachis **/
#left_column_hachis div.scrollable_hachis {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:5px 0 0 40px;
padding:0;	
position:relative; 
overflow:hidden; 
height:240px;
}

#left_column_hachis div.items{
background:transparent url(../images/liste_hachis_out.jpg) no-repeat scroll left top;
width:125px;
position:absolute;  
clear:both;  
}

#left_column_hachis div.items a {
color:#000000;
display:block;
font-size:12px;
font-weight:bold;
height:59px;
padding:9px 0 0 20px;
text-align:center;
text-decoration:none;
text-transform:uppercase;
width:125px;
}


/* style 1 element du scroll vertical */
#left_column_hachis div.items  div {
	width: 125px;
	height:59px;
	background: url(../images/liste_hachis_out.jpg) no-repeat top left;
}

#left_column_hachis div.items  div.active {
color:#009AF2;
font-size:12px;
font-weight:bold;
text-align:center;
text-decoration:none;
text-transform:uppercase;
background: url(../images/liste_hachis_over.jpg) no-repeat top left;
}

#left_column_hachis div.items  div.active a{
color:#009AF2;
}
/*** ScrollPane Hachis **/
#texte_hachis div.pane_hachis {
margin:0;
width:160px;
height:300px;
}

#texte_hachis p {
width:140px;
}

/** Scroll 7extra arbres **/
#left_column_7extra div.scrollable_7extra {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:5px 0 0 40px;
padding:0;	
position:relative; 
overflow:hidden; 
height:240px;
}

#left_column_7extra div.items{
width:125px;
position:absolute;  
clear:both;  
}

#left_column_7extra div.items a {
color:#000000;
display:block;
font-size:12px;
font-weight:bold;
height:59px;
padding:9px 0 0 20px;
text-align:center;
text-decoration:none;
text-transform:uppercase;
width:125px;
}

#left_column_7extra div.items span {
display:block;
padding:0 0 0 13px;
text-align:center;
width:103px;
color:#B6A063;
}

/* style 1 element du scroll vertical 7extra*/
#left_column_7extra div.items  div {
	width: 125px;
	height:59px;
	background: transparent url(../images/7extra_arbre_noir.jpg) no-repeat scroll left top;
}

#left_column_7extra div.items  div.active {
color:#B6A063;
font-size:12px;
font-weight:bold;
text-align:center;
text-decoration:none;
text-transform:uppercase;
background: transparent url(../images/7extra_arbre_gold.jpg) no-repeat scroll left top
}

/*** ScrollPane Hachis **/
#container_text_7extra div.pane_7extra_arbre {
margin:0;
width:160px;
height:265px;
}

#container_text_7extra p {
width:140px;
}

/*********************************************/
/*********************************************/

/** Scroll Agenda **/
#left_column_agenda div.scrollable_agenda {
height:265px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:13px 0 0 40px;
padding:0;	
position:relative; 
overflow:hidden; 
}

#left_column_agenda div.items{
width:125px;
position:absolute;  
clear:both;  
}

#left_column_agenda div.items a {
color:#000000;
font-family:"Times New Roman",Times,serif;
font-size:11px;
font-weight:bold;
text-align:center;
text-decoration:none;
text-transform:uppercase;
width:125px;
}


/* style 1 element du scroll vertical */
#left_column_agenda div.scrollable_agenda div.items  div {
background:transparent url(../images/dashed.jpg) no-repeat scroll left bottom;
height:45px;
margin:0 0 7px;
padding:3px 0 12px;
width:125px;
text-align:center;
}

#left_column_agenda div.items  div.active {
background:transparent url(../images/dashed.jpg) no-repeat scroll left bottom;
color:#320C72;
font-family:"Times New Roman",Times,serif;
font-size:11px;
font-weight:bold;
text-align:center;
text-decoration:none;
text-transform:uppercase;
}

#left_column_agenda div.items  div.active a {
color:#320C72;
}

/*** ScrollPane Agenda **/
#texte_hachis div.pane_agenda {
margin:0;
width:170px;
height:300px;
}



/**********************************************/
/**********************************************/

/** Scroll 7extra lire **/
#left_column_7extra_lire  div.scrollable_7extralire{
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:80px 0 0;
padding:0 0 0 33px;
text-align:center;
z-index:20;
height:279px;
}

#left_column_7extra_lire div.items {
position:absolute;  
clear:both; 
margin:0px !important;
margin:10px 10px 10px -70px  !important!;
padding:0;
width:121px;
}

#left_column_7extra_lire div.items a{
text-decoration:none;
color:#000;
}

#left_column_7extra_lire div.items div {
background:transparent url(../images/7extra_liste_lire_noir.jpg) no-repeat scroll 0 0;
height:93px;
margin:0;
padding:0;
width:121px;
}

#left_column_7extra_lire div.items div.active {
background:transparent url(../images/7extra_liste_lire_gold.jpg) no-repeat scroll 0 0;
color:#B6A063;
height:93px;
margin:0;
padding:0;
width:121px;
}

#left_column_7extra_lire div.items div.active a, #left_column_7extra_lire div.items div.active span {
color:#B6A063;
}

/*** ScrollPane 7Extra lire **/
#container_text_7extra_2 div.pane_7extra_lire {
margin:0;
width:191px;
height:300px;
}

#container_text_7extra_2 p {
width:175px;
}

#plain_7extra_2 , #container_text_7extra_2 {
height:300px;
}

/*********************************************/
/**************NOS VUES SUR **************/

/** Scroll Nos Vues sur **/
#left_column_nos_vue_sur_societe div.scrollable_nosvuessur {
height:290px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:13px 0 0 44px;
padding:0;
width:158px;
position:relative; 
overflow:hidden; 
}

#left_column_nos_vue_sur_societe div.items{
width:158px;
position:absolute;  
clear:both;  
}

#left_column_nos_vue_sur_societe div.items a {
color:#000000;
font-size:12px;
text-decoration:none;
width:158px;
cursor:pointer;
}


/* style 1 element du scroll vertical */
#left_column_nos_vue_sur_societe div.scrollable_nosvuessur div.items  div {
background:transparent url(../images/dashed.jpg) repeat-x scroll left bottom;
height:65px;
margin:0 0 1px;
padding:3px 0 6px;
width:160px;
}


#left_column_nos_vue_sur_societe div.items  div.active span.title_green {
background:transparent url(../images/puce_liste_green_nos_vues_sur.jpg) no-repeat scroll 0 0;
color:#47A32A;
display:block;
margin:0;
padding:0;
text-align:center;
width:158px;
}

#left_column_nos_vue_sur_societe div.items  div.active span.normal_green {
color:#47A32A;
display:block;
margin:0;
padding:0;
text-align:left;
width:158px;
}

#left_column_nos_vue_sur_societe div.items span.archive_green {
color:#47A32A;
display:block;
font-family:"Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;
font-size:11px;
font-style:italic;
font-variant:normal;
text-align:right;
text-transform:capitalize;
padding-right:4px;
}
/*****************************************/
#left_column_nos_vue_sur_societe div.items  div.active span.title_blue {
background:transparent url(../images/puce_liste_blue_nos_vues_sur.jpg) no-repeat scroll 0 0;
color:#009AF2;
display:block;
margin:0;
padding:0;
text-align:center;
width:158px;
}

#left_column_nos_vue_sur_societe div.items  div.active span.normal_blue {
color:#009AF2;
display:block;
margin:0;
padding:0;
text-align:left;
width:158px;
}
#left_column_nos_vue_sur_societe div.items span.archive_blue {
color:#009AF2;
display:block;
font-family:"Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;
font-size:11px;
font-style:italic;
font-variant:normal;
text-align:right;
text-transform:capitalize;
padding-right:4px;
}

/******************** ************************/
#left_column_nos_vue_sur_societe div.items  div.active span.title_violet {
background:transparent url(../images/puce_liste_violet_nos_vues_sur.jpg) no-repeat scroll 0 0;
color:#320C72;
display:block;
margin:0;
padding:0;
text-align:center;
width:158px;
}

#left_column_nos_vue_sur_societe div.items  div.active span.normal_violet {
color:#320C72;
display:block;
margin:0;
padding:0;
text-align:left;
width:158px;
}

#left_column_nos_vue_sur_societe div.items span.archive_violet {
color:#320C72;
display:block;
font-family:"Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;
font-size:11px;
font-style:italic;
font-variant:normal;
text-align:right;
text-transform:capitalize;
padding-right:4px;
}

/*************** MODE **********************/
#left_column_nos_vue_sur_societe div.items  div.active span.title_orange {
background:transparent url(../images/puce_liste_orange_nos_vues_sur.jpg) no-repeat scroll 0 0;
color:#ED8725;
display:block;
margin:0;
padding:0;
text-align:center;
width:158px;
}

#left_column_nos_vue_sur_societe div.items  div.active span.normal_orange {
color:#ED8725;
display:block;
margin:0;
padding:0;
text-align:left;
width:158px;
}

#left_column_nos_vue_sur_societe div.items span.archive_orange {
color:#ED8725;
display:block;
font-family:"Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;
font-size:11px;
font-style:italic;
font-variant:normal;
text-align:right;
text-transform:capitalize;
padding-right:4px;
}

/*
#left_column_nos_vue_sur_societe div.items  div.active a {
color:#320C72;
}*/

/*** ScrollPane Nos vues sur **/
#plain_nos_vues_sur_societe div.pane_nos_vues_sur {
margin:0;
width:330px;
height:250px;
}

#plain_nos_vues_sur_societe {
height:250px;	
}

#plain_nos_vues_sur_societe p {
width:315px;
}

/*********************************************/
/*********************************************/

/** Scroll Nos Vues sur **/
#left_column_nos_vue_sur_societe div.scrollable_nosvuessur {
height:290px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:13px 0 0 44px;
padding:0;
width:158px;
position:relative; 
overflow:hidden; 
}

#left_column_nos_vue_sur_societe div.items{
width:158px;
position:absolute;  
clear:both;  
}

#left_column_nos_vue_sur_societe div.items a {
color:#000000;
font-size:12px;
text-decoration:none;
width:158px;
}


/* style 1 element du scroll vertical */
#left_column_nos_vue_sur_societe div.scrollable_nosvuessur div.items  div {
background:transparent url(../images/dashed.jpg) repeat-x scroll left bottom;
height:65px;
margin:0 0 1px;
padding:3px 0 6px;
width:160px;
}



#left_column_nos_vue_sur_societe div.items  div.active span.title_red {
background:transparent url(../images/puce_liste_red_nos_vues_sur.jpg) no-repeat scroll 0 0;
color:#E74C53;
display:block;
margin:0;
padding:0;
text-align:center;
width:158px;
}

#left_column_nos_vue_sur_societe div.items  span.title{
background:transparent url(../images/puce_liste_nos_vues_sur.jpg) no-repeat scroll 0 0;
display:block;
margin:0;
padding:0;
text-align:center;
width:158px;
}

#left_column_nos_vue_sur_societe div.items  div.active span.normal_red {
color:#E74C53;
display:block;
margin:0;
padding:0;
text-align:left;
width:158px;
}

/*
#left_column_nos_vue_sur_societe div.items  div.active a {
color:#320C72;
}*/

/*** ScrollPane Nos vues sur **/
#texte_nos_vues_sur_societe div.pane_nos_vues_sur {
margin:0;
width:330px;
height:260px;
}

#texte_nos_vues_sur_societe p {
width:315px;
}

/*********************/
/* @Slide Ce mois-ci */
/*********************/
a.goto {
cursor:pointer;
}

#pagination li.active a{
color:crimson;
}

#photo_nos_vues_sur {
/*height:281px;*/
width:210px;
}

#photo_nos_vues_sur  img {
top:0; /* required */
left:0; /* required */
}

/** Scroll Agenda **/
#container_ref_hachis li{
cursor:pointer;
}

/***********************************************/
/******** Ajout de liens sur les titres ********/
/***********************************************/
.title_inside_text a {
text-decoration:none;
color:black;
}
/*********************************************/
/****** Lecteur Audio ************************/
/*********************************************/
#lire_photo_7extra div#audio{
height:60px;
}

div#container_audio_2 {
background:none;
height:60px;
}

div.audio_scrollable {
height:45px;
width:164px;
position:relative; 
overflow:hidden; 
}

div.audio_scrollable div.items {
width:15000px;
position:absolute;  
clear:both;  
}

div.audio_scrollable div.items div{
background:black none repeat scroll 0 0;
height:45px;
margin-top:0;
width:163px;
float:left; 
}

div.audio_scrollable div.items div.subitem {
background:none;
height:31px;
}