@charset "utf-8";
/*------ CSS Document Copyright © 2010 ------*/

/*------ Default HTML Styles ------*/
*{
margin:0;
padding:0;
}
html {
font-size:100%;
height:100%;
margin:0 0 1px 0;
}
body {
font-size:13px;
font-family: Arial, sans-serif;
line-height:1.3 em;
/*font-size:16px;
line-height:1 em;
*/

}
body.arial {
font-family:Arial, sans-serif;
/*background: url("../bg_bas.jpg") center center repeat-y; */
/*background-color:#231a0c;/*#261a0c;*/

/* version 1
background-image: linear-gradient(92deg, #2f2717 0%, #514537b0 100%);
 */

/* version boxdown */
background-image: linear-gradient(92deg, #32271a 0%, #4f4639ab 100%);
/*background-image: linear-gradient(92deg, #32271a 0%, #4f4639de 100%);*/

margin:0 auto ;
border:0;
}


h1, 
h2, 
h3, 
h4, 
h5, 
h6, 
form,
.contentheading, 
.componentheading, 
.contentdescription {
margin:0.5em 0; 
}


p, 
blockquote, 
label, 
ul, 
ol, 
dl, 
fieldset, 
address {
margin:0.5em 0;	
	}



ul, 
ol {
margin:0 0 0 2em;
}
fieldset {
border:none;
}
legend {
font-weight:bold;
}
table {
border-collapse:collapse;
}
img {
border:none;
}
a {
outline:none;
text-decoration:underline;
font-weight:bold;
color:#fff;
}
a:hover {
text-decoration:none;
}
.contentheading, 
.componentheading, 
.contentdescription,
h1, 
h2, 
h3, 
h4, 
h5, 
h6 {
font-weight:bold;
font-family: Arial, sans-serif; 
}

h1, 
.componentheading {
font-size:40px;
line-height:1em;
}

h2, 
.contentheading {
font-size:12px;
line-height:1em;
font-style:italic;
}

h3{
font-size:14px;
}
h4, 
.contentdescription  {
font-size:25px;
}
h5 {
font-size:20px;
}
h6 {
font-size:15px;
}


body.heading-arial h1, 
body.heading-arial h2, 
body.heading-arial h3, 
body.heading-arial .componentheading, 
body.heading-arial .contentheading{
}

hr {
border:0;
}
pre,
code, 
.source,
.code{
padding:20px;
}


/*------ Layout Styles ------*/
.inside {
padding:5px 0 0 0;
}

.clr {
clear:both;
}

.hidden {
visibility:hidden;
}

/*   modif de la largeur du site (contenu + col droite)    */ 
.width, 
#wrapper {
width:1025px;
margin:0 auto;
}

.topmenu {
  float: left;
  font-size: 12px;
  margin: 0 0 0;
  position: relative;
}

#topmenu {
  font-size: 12px;
  margin: 0 0 0;
}

#syndicate{
float:right;
}

#header{}

#logo{
background:url("/images/logo1.png") no-repeat scroll center center transparent;
height:190px;
position:absolute;
top:180px;
width:100%;
z-index:9999;
}

#bannerad{
float:left;
width:1025px;
position:relative;
margin:110px 0 0 20px;
}


/*               ajout 'un DIV   main_container qui wrap le tout et delimite le site par son image bg= main_bg.jpg*/

#main_container{
/*background: url("../main_bg70.jpg") center 0 no-repeat;*/
width:100%;
height:1990px;
margin:0 auto ;
border:0;
	}

.inset-container, .pos-container, .elements-container, 
#container {
  color: #CCCCCC;
  margin: 20px 0 0;
}
	
#mainbody{
float:left;
width:700px;
background: none ;
}

#content{
float:left;
width:100%;
}


#sidebar2{
float:right;
width:325px;
}

/*------ Footer ------*/
#footer{
font-size:12px;
margin:20px 0 0px 0;
}

#footer a {
    color: #CFBD8E;
}

#footer a:hover {
    color: #fff;
}

#copy{
text-align:center;
}

.sep_footer {
clear:both;
float:left;
margin:0  0 0 40px;
width:9px;
height:18px;
background: url("../../../images/M_images/indent7.png") no-repeat 0px center ;
}

#pied_page {
	margin:0 auto;
	padding:0;
	list-style:none;
	float:left;
	}

#pied_page li{
/*display : inline;
margin: 0 30px 0 40px;*/
float:left;
background: url("../../../images/M_images/indent7.png") no-repeat 223px center ;
height:18px;
padding:0 ;
margin:0 0px 30px 0;
text-align:center;
width:232px;
}

#pied_page li a{
color:#cfbd8c;
margin: 0 0 0 0;
}



/*----------- ICEMENU ---------------------*/
#borders_icememu {
background:url("/media/templates/site/jp_bloq_rici/images/borders_icemenu.png") no-repeat scroll 0 0 transparent;
border:0 none;
float:left;
height:50px;
margin:0;
padding:0;
/*width:780px;*/
}
	

/*-----------------------------------------------------------RECHERCHE mod_search--------------------------------------------------------------------------------------------------
.inputbox, .validate-email {
border:1px solid #CCC;padding:0 1px 1px 1px;width:120px;height:15px;background: url(../images/bg_search_field.png ) center center no-repeat;
}
.inputbox:focus,  .validate-email:focus{border:1px solid #EFDA77;}
.search {	margin:0 15px 10px 0;}
/* formulaire de la page de recherche
#searchForm {margin:0;}
#searchLoupe {margin:0;}
#mod_search_searchword{	margin:0 0px 0 0px;}
.loupe{	border:0;margin:0;padding:0;	}
#cale_saisie{height: 30px; width: 120px; float: right; margin: 6px 0 0 0;	}
#cale_loupe {height: 30px;float: right; margin: 0 0 0px 10px; padding: 0px;	}
.button, button, .validate, input.button {font-size:12px;padding:6px 8px 5px 8px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;cursor:pointer;font-family:Arial, Helvetica, sans-serif;} 
-----------------------------------------------------------RECHERCHE mod_search--------------------------------------------------------------------------------------------------*/

.button, button, .validate, input.button {
	font-size:12px;padding:6px 8px 5px 8px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	cursor:pointer;
	font-family:Arial, Helvetica, sans-serif;
	}
	
/*-----------------------------------------------------------RECHERCHE mod_flexiadvsearch--------------------------------------------------------------------------------------------------*/
/* ds mod_flexiadvsearch/tmpl_common/module.css  */
.mod_flexiadvsearch_wrapper {	float:left;	}	
/* Search view content header, float it left to allow placing print, etc buttons at the right */
.flexicontent.search  h2.contentheading {
	float: left;
	display: block;
	}
.mod_flexiadvsearch_wrapper .fc_filter.fc_text_search {     /* ds module.css */ 
	border: 0 solid;
	margin: 0;
	padding: 0;
	}
.mod_flexiadvsearch .search {
	margin:0 auto;
	text-align: center;
	}
input.fc_text_filter {
	vertical-align: top;
	}										
/* flexicontent.css */
.flexicontent input.fc_text_filter, .flexicontent input.fc_field_filter, input.fc_text_filter, input.fc_field_filter {  
	background: url("../images/magnifier-left.png") no-repeat scroll 96% 4px white;
    border: 1px solid black !important;
    height: 14px !important;
    margin: 3px 4px 4px 4px !important;/*	3px 4px 4px 8px !important;*/
    min-width: 85% !important;							/* 120px !important; */
    opacity: 0.6;				/* 0.5; */
	padding: 6px 26px 7px 10px !important;		/*  6px 26px 7px 4px !important;*/
    position: relative;
	}
input.fc_text_filter:focus, input.fc_field_filter:focus {
	opacity: 1;	
	}
.fc_text_filter, .flexicontent .fc_text_filter, .fc_field_filter, .flexicontent .fc_field_filter {
	border-radius: 5px !important;
	color: black !important;
	display: inline-block; 
	font-size: 11px !important;
	font-weight: normal !important;
	margin: 2px 0 2px 4px !important;
	padding: 2px 0 2px 4px !important;
	width: auto !important;
	}
.fc_filter, .fc_filter_line { 
	white-space: normal;
	}	

/*  ds flexicontent.css */			
.fc_has_inner_label.fc_has_inner_label_input, .fc_has_inner_prompt.fc_has_inner_prompt_input {
	color: black !important;
	left: 14px !important;
	line-height: 1em !important;
	padding: 0 0 0 4px !important;
	top: 10px !important;
	}
.fc_has_inner_label, .fc_has_inner_prompt {
	color: gray !important;
	display: block;
	font-size: 12px;
	padding: 0 0 0 4px;
	position: absolute !important;
	}
/*-----------------------------------------------------------RECHERCHE mod_flexiadvsearch--------------------------------------------------------------------------------------------------*/


/* Pagination + TOC */
.pagination span,
.pagination a{
margin:0 5px;
padding:5px 8px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}

.pagination span {
  color: #CFBD8E;
}

.pagination a {
  color: #CCCCCC;
  text-decoration: none;
}

.pagination a:hover{
color:#fff;
}

.pagination a:active{
color:#CFBD8E;
}

.contenttoc{
width:35%;
border:0 solid #E0E0E0;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}

.contenttoc a{
display:block;
padding:2px 0px 2px 0px;
text-decoration: none;
}

/* TOC pagebreak 154 */
div#articleTOC {
    float: left;
    margin: 0 0 20px 0;
    padding: 0;
}
 div#pagenavbar {
    float: left;
    margin: 40px 0 20px 0;
    padding: 0;	 
 }
div#pagenavbar li {
  float:left;	/*pour IE*/
  margin-right:10px;
}

div#articleTOC ul.tocList, div#pagenavbar ul.tocList {
    list-style-position: inside;
    list-style-type: none;
    margin: 5px 0 0;
    padding: 0;
}
div#articleTOC ul.tocList a.tocLink, div#articleTOC ul.tocList a.tocAll, div#pagenavbar ul.tocList a.tocLink {
    display: block;
    text-decoration: none;
}
div#articleTOC ul.tocList a.active, div#pagenavbar ul.tocList a.active {
    color: #CFBD8E;
}
div#articleTOC ul.tocList a, div#pagenavbar ul.tocList a {
    color: #CCCCCC;
}
div#articleTOC ul.tocList a:hover, div#pagenavbar ul.tocList a:hover {
    color: #FFFFFF;
}



/* Blockquote 
source, pre, blockquote{
background:#E0E0E0;
border-left:2px solid #666;
color:#000;
text-shadow:0px 1px 1px #FFF;
}
blockquote, blockquote.left, blockquote.right {
padding:20px;
margin:10px 0;
font-style:italic;
font-family:"Times New Roman", Times, serif;
font-size:20px;
line-height:25px;
}
blockquote.left {
float:left;
margin:0 10px 10px 0;
width:50%;
}
blockquote.right {
float:right;
margin:0 0 10px 10px;
width:50%;
}
*/

/*------ Tooltips ------
.tool-tip {
float: left;
border: 1px solid #D4D5AA;
padding: 5px;
background: #FFFFCC;
max-width: 200px;
}
.tool-title {
padding: 0;
margin: 0;
margin-top: -15px;
padding-top: 15px;
padding-bottom: 5px;
background: url(../../system/images/selector-arrow.png) no-repeat;
font-size: 100%;
font-weight: bold;
}
.tool-text {
margin: 0;
font-size: 100%;
}
#search .readon{
font-size:14px;
font-weight:bold;
display:inline;
float:none;
padding:4px 26px;
margin:0 0 0 20px;
}
*/

/*------ System Messages ------
#system-message {
margin-bottom: 10px;
padding: 0;
}
#system-message dt {
font-weight: bold;
}
#system-message dd {
margin: 0;
font-weight: bold;
text-indent: 30px;
}

/*------ Module Styles ------*/
.moduletable, 
.moduletable_menu, 
.moduletable_pub,
.moduletable_pub_dh,
.moduletable_notes,
.moduletable_text{
margin:40px 0 0px 25px;/*0 0 20px 25px;*/
float:left;
}

.moduletable_photos,
.moduletable_tweets,
.moduletable_videos{
float:left;
margin:40px 0 0px 25px;/*0 0 20px 25px;*/

}

#twitter_slider { /* module twitter template */
float:left;
margin:0;
padding:0;
background:rgba(25,30,35,0.8); 
border-radius: 1px;
box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.8);
}

.moduletable_actus {
float:left;
margin:40px 0 0px 25px;
background: #444;
height:625px;
}


.box_actus {
margin:0 0 0px 0px;
padding:0;
width:300px;
height:625px;

/*background-color: #333;*/
border-radius: 1px;
box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.8);
    
}

/*
.stream-actus {
	  height: 200px;
    overflow: hidden;
    position: relative;
    width: 100%;
	margin:20px 0;
	border:1px solid #555;
}
*/

.stream-actus {
    height: 515px;
    overflow: hidden;
    position: relative;
    width: 98%;
    margin: 20px 0px 20px 3px;
    border: 1px solid #555;
}




.content_actus {
/*margin:0px 0 0px 10px;*/
padding:0;
}

a.content_actus {
	text-decoration:none;
	}


/*
.img_actus {
float:left;
width:40px;
height:40px;
margin:0;
padding:0;
}
*/

.img_actus {
float:right;
margin: 0 ;
padding:0;
width: 50%;
}

/* class scrollbar controle dimensions de l'image module ACTUALITES */
.mCS_img_loaded {
    max-width: 85%;
    margin: 0 auto 0px;
    display: block;
    border:solid 1px #555;
}


/*
.text_actus {
float:right;
margin:0;
padding:0;
width:240px;
}
*/
.text_actus {
    float: left;
    margin: 0px 5px 0 5px;
    padding: 0;
    text-align: justify;
}

.actus_separator{
/*float:left;
height:3px;
width:300px;
margin:10px 0 10px 0;
*/
background:#555 repeat ;
float:left;
height:1px;
margin:15px 40px 15px 60px;
width:200px;
}

h3.actus {
margin:0px  0px 0px 20px;
padding:20px 0 0 0;	
}

h4.actus {
/*margin:10px 10px 0px 0px;*/
padding:0;
font-size:13px;
font-style:italic;
color:#ccc;
}

/*
p.actus {
margin:10px 10px 0px 0px;
padding:0;
font-size:10px;
font-style:italic;
color:#666;
}
 */

p.actus {
    padding: 0;
    font-size: 13px;
    font-style: italic;
    color: #666;
    line-height: 15px;
}


#header .moduletable, 
#header .moduletable_menu, 
#header .moduletable_text,
#header .moduletable_pub,
#header .moduletable_actus,
#header .moduletable_photos{
margin:0;
}



/* Banner Module */
.bannergroup{
	margin:10px 0 0 0;
	}

.bannerheader,
.banneritem_text,
.bannerfooter_text{
margin:0;
}

.bannergroup_pub .banneritem {
	text-align:justify;
	margin:0 10px 0 5px
}

.banneritem_pub_dh {
	margin:0 5px 0 0px;
}


/* ****************************rajout Homepage********************************** */
.justify {
/*text-align:justify;
line-height:20px;*/
text-align:justify;
line-height: 1.4em;
font-size: 1.4em;
	}
	
.legende {
text-align:justify;	
color:#000;
font-weight:bold;
font-size:0.85em;
line-height:1.2em;
margin:0 0 3px 0;
}


.center {
	position:relative;
	text-align:center;
}

.left {
	text-align:left;
}

.float-left {
	float:left;
}

.right {
	text-align:right;
}

.inline {
	display:inline;
}

.float-right {
	float:right;
}

img.image_gauche{
	border:0px;
	padding:0px;
	margin:3px 10px 8px 0px;
	float:left;
	}
	
img.image_droite{
	border:0px;
	padding:0px;
	margin:3px 0px 8px 10px;
	float:right;
	}

div.bloc_gauche{
	border:0px;
	padding:0px;
	margin:3px 10px 8px 0px;
	float:left;
	}

div.bloc_droit{
	border:0px;
	padding:0px;
	margin:3px 0px 8px 10px;
	float:right;
	}

img.image-full {
	margin: 15px 0 0px 0;
}

div.div-centre {
	text-align:center;
	width:100%;
	margin: 5px 0 5px 0;
}


/* les 4 CHAPEAUX........NT........................*/				
						div.apropos {
								font-size: 12px;
								letter-spacing:0px;
								line-height:14px;
								margin:0 0 40px 0;
						}
		
						.apropos p {
								color:#ccc;
								text-align:justify;
								font-family:Arial,sans-serif;
								font-size:12px;
								margin:20px 0  20px 0;
								font-weight: bold;
						}
						
						.apropos h3 {
								color:#ccc;
								text-align:justify;
								font-family:Garamond, Arial, sans-serif;
								font-size:16px;
						}


						h2.ref_rubriq_chapeau  {					
								margin:0px 0px 0px 10px;
								padding:0;
								border:0;	
								color:#fff;/* !!!different de editor_content.css pour voir sur fond blanc !! */
								font-style:normal;
								font-size: 15px;
								font-weight:600; 
								letter-spacing:0px;
								line-height:18px;								
								width:330px;
						}
						
						h3 .titre_chapeau {
								margin:0px 0px 0px 10px;
								padding:0;
								border:0;	
								color:#333333;
								font-size: 15px;
								font-weight: 600;
								letter-spacing:0px;
								line-height:18px;								
								width:330px;
						}
						
						h2.titre_chapeau {
								margin:0px 0px 0px 10px;
								padding:0;
								border:0;	
								color:#333333;
								font-size: 15px;
								font-weight: 600;
								letter-spacing:0px;
								line-height:18px;
								width:330px;
						}
						
						h1.titre_chapeau {
								margin:0px 0px 0px 10px;
								padding:0;
								border:0;	
								color:#ccff66;
								font-family:Garamond,Arial,sans-serif;
								font-size: 16px;
								font-weight: 600;
								letter-spacing:0px;
								line-height:18px;
								text-shadow:0px 2px 4px #000;
								width:330px;
						}
						
						/*mise en forme du texte du chapeau en-dessous de l'img*/
						p.chapeau  {
								margin:20px 10px 0px 10px;
								padding:0;
								border:0;	
								color:#333333;
								font-family: Garamond,Arial,sans-serif;
								font-weight: bold;
								font-size:14px;
								letter-spacing:0px;
								line-height:12px;
								text-align:justify;
								
								
								
							}
							
						/* la place ombrée de l'image de chaque chapeau...*/
						div.chapeau_img {
							margin:1px 0 0 0;
							padding:0;
							border:0;
							height:210px;
							width:320px;
							background: #FFFFFF;
						}
						
						/* placement des images chapeaux: L210 * H200   */
						img.cadre_ombre_chapeau{
							margin: 0;
							padding:0px 0 0 0; 
							border:0;
						}
						
								/* le chapeau sup gauche...*/
								div.chapeau_sup_gauche{
										float: left;
										margin:15px 0 0px 0;
										padding:0;
										border:0;
										width:330px;
								}
								
								/* le chapeau sup droit...*/
								div.chapeau_sup_droit{
										float: right;
										margin:15px 15px 0px 0;
										padding:0;
										border:0;
										width:330px;
								}
								
								/* le chapeau inf gauche...*/
								div.chapeau_inf_gauche{															
										float: left;
										margin:15px 0 0px 0;
										padding:0;
										border:0;	
										width:330px;
								}
								
								/* le chapeau inf droit...*/
								div.chapeau_inf_droit{
										float: right;
										margin:15px 15px 0px 0;
										padding:0;
										border:0;	
										width:330px;
								}

								div.fd_chapeau{
										margin:5px 0 5px 0 ;
										padding:0;
										border:0;	
										height:220px;
										width:330px;
										background: url(../images/img_fond_chapeau.png ) no-repeat;
								}
								
/* class des liens chapeaux  CF LIGNE 1150
a.lien_chapo:link {
	color: #000000;
	text-decoration: none ;
	}
	
a.lien_chapo:visited {
	color: #000000;
	text-decoration: none ;
	}	
	
a.lien_chapo {
	color: #000000;
	text-decoration: none ;
	}
	
a.lien_chapo:hover {
	color: #000000;
	text-decoration: none ;	
	}	
*/

/* les 4 CHAPEAUX......................................*/
/* ****************************rajout homepage*********************************** */



/* ****************************rajout slideshow*********************************** *//*
div#slidewrap{
	margin:0px 0 0 0 ;
	padding:0;
	border:0;	
	height:270px;
	width:1035px;
	background: url(../images/img_fond_slideshow.png ) 0 0 no-repeat;
}*//**Image slideshow alignment*/.showplus-center {	float:none !important;	clear:both !important;	margin:0 auto 30px !important;/*margin:0 auto !important;*/-moz-box-shadow: 5px 10px 20px 0px #000000;-webkit-box-shadow: 5px 10px 20px 0px #000000;-o-box-shadow: 5px 10px 20px 0px #000000;box-shadow: 5px 10px 20px 0px #000000;filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000, Direction=153, Strength=20);}.showplus-left.showplus-float {	float:left !important;}.showplus-left.showplus-clear {	margin:0 auto 0 0 !important;}.showplus-right.showplus-float {	float:right !important;}.showplus-right.showplus-clear {	margin: 0 0 0 auto !important;}.showplus-navigation {	text-align:center !important;}

.showplus {	display: block;	position: relative;	z-index: 0;}.showplus-images {	display: block;	overflow: hidden;	position: relative;}.showplus-images img {	display: block;	position: absolute;	z-index: 1;}.showplus-images span {	width: 100%;	height: 100%;	background: none no-repeat scroll center center black;  /* change "black" to a custom color of your choice */	display: block;	position: absolute;	z-index: 1;}.showplus-noscript > * {	display: none;}
.showplus-images {	margin: 0 !important;	padding: 0 !important;	height: 300px;	width: 400px;}.showplus-images-visible {	opacity: 1;}.showplus-images-prev {	opacity: 0;}.showplus-images-next {	opacity: 0;}.showplus-images img {	margin: 0 !important;	padding: 0 !important;	float: left;	left: 0;	top: 0;}.showplus-captions {	background: #000;	bottom: 0;	color: #FFF;	font: italic 600 12px/22px Arial, sans-serif;/* normal 12px/22px Arial, sans-serif*/	left: 0;	right: 0;	overflow: hidden;	position: absolute;	padding: 0 10px;	z-index: 10000;}.showplus-captions-hidden {	height: 0;	opacity: 0;}.showplus-captions-visible {	height: 45px;/*22px;*/	opacity: .7;}.showplus-loader {	background: url(../images/loader.png);	width: 30px;	height: 30px;	top: 2px;	left: 50%;	margin-left: -15px;	position: absolute;	z-index: 10001;}.showplus-loader-hidden {	opacity: 0;}.showplus-loader-visible {	opacity: 1;}
/* ****************************rajout Navigation article*********************************** */
#pagenavArticle{
	border:0;
	margin:10px 0 0 0;
	padding:0;
	float:left;	
	}
	
#pagenav_cale {
	clear:left;
	float:right;	
	}
	
ul.pagenavList {
	padding: 4px;
	list-style-type: none;
	list-style-position: inside;
	padding: 0;
	margin: 5px 0 0;
	
	display:inline;
	}
	
ul.pagenavList li {
	float:left;
	margin-left:10px;	
	}	


div#pagenavArticle ul.pagenavList a {
	color: #ccc;
	text-decoration:none;
}

div#pagenavArticle ul.pagenavList a:hover {	
	color: #fff;
}

div#pagenavArticle ul.pagenavList li.active a{
	color: #CFBD8E;
}

div#articleTOC p.tocHeader {
border-bottom:0px solid #CCCCCC;
font-weight:bold;
margin:0;
padding:0 0 3px;
text-align:center;
text-indent:5px;
}


div.articlePage {
	display: none;
}

div.articlePage.active {
	display: block;	
}



/* rajout Articles de la meme categorie */
.moduletable_mod_art_cat {
	margin:80px 0 0 0;
	padding:0;
	}

/* .............................LES  ARTICLES  CHAPEAUX .............................  */   
						/* conteneur chapo*/
						div.chapo{
								clear:right;
								border:0px;
								margin: 0px;  
								padding:0px ; 
								width:100%;
								height:125px;							
						}
													
						div#img_chapo{
								float:left;
								margin: 10px 0 0 5px;
								padding:0px 0 0 0; 
								border:0;
								background:url(../images/img_fond_picto2.png) no-repeat;/* juste le cadre ombré  ombre_chapo.png*/
								width:165px;
								height:90px;
							}

						div#cale_img_chapo{
							margin: 4px 2px 0 0;/*3px 2px 0 0*/
							padding:0px 0px 0px 0px;
							border:0px;
							}
							
						div.contenu_chapo{								
							float:right;
							margin: 0px 0px 0 0px;  
							padding:0px 0px 0 0; 
							border:0;	
							width:510px;
						}
							
						div.contenu_video{								
							float:right;
							margin: 0px 0px 0 0px;  
							padding:0px 0px 0 0; 
							border:0;	
							height:125px;

						}

						div.space_chapo{
							clear:right;
							float:left;
							margin: 0px 0 0 0px;  
							padding:0px 0 0 0; 
							border:0;
							height:1px;
						}
				
						img.chapo_droite{
							border:0;
							margin: 0 10px 0px 475px; 
							padding:0;
						}

						div.ref_chapo{
								clear:left;
								margin:20px 0px 0px 0px;
								padding:0;
								border:0;					
								color:#999999;
								font-size: 1.1em;
								font-weight: 600;
								letter-spacing:-1px;
								}
								
						div.date_chapo{							
								float:right;
								margin:0px 0px 0px 0px;
								padding:0;
								border:0;					
								color:#ccc;
								font-size: 12px;
								font-weight: 600;
								letter-spacing:0px;
								text-shadow:0 1px 1px #000000;
								}
/*
						div.date_chapo_category{
								float:right;
								margin:0px 0px 0px 0px;
								padding:0;
								border:0;					
								color:#ccc;
								font-size: 12px;
								font-weight: 600;
								letter-spacing:0px;							
							}
*/
						div.titre_chapo{
								clear:left;
								margin:0px 0px 0px 0px;
								padding:0px;
								border:0;	
								/*height:80px;*/					
							}

						h3.titre_chapeau_item{
								margin:0px 0px 0px 0px;
								padding:0;
								border:0;	
								color:#333333;
								font-size: 14px;
								font-weight: 600;
								letter-spacing:0px;
								line-height:16px;
								text-transform:uppercase; 
						}
						
						h2.titre_chapeau_item{
								margin:0px 0px 0px 0px;
								padding:0;
								border:0;	
								color:#333333;
								font-size: 14px;
								font-weight: 600;
								letter-spacing:0px;
								line-height:16px;
								text-transform:uppercase;  								
						}
						
						h1.titre_chapeau_item{
								margin:0px 0px 0px 0px;
								padding:0;
								border:0;	
								color:#ccc;
								font-size: 14px;
								font-weight: 600;
								letter-spacing:0px;
								line-height:16px;
								text-shadow:0px 2px 2px #000;
								text-transform:uppercase;  
								display:inline;
						}

						p.titre_chapeau_item{
						
						margin:5px 0px 0 0;
								padding:0;
								border:0;	
								color:#ccc;
								font-size: 11px;
								font-weight: 500;
								letter-spacing:0px;
								line-height:14px;
								text-align:justify;
								width:510px;
								/*height:70px;*/
								clear:both;
						}


/* class des liens chapeaux*/
a.lien_chapo:link{
	text-decoration: none ;
	border:0;
	display:block;
	margin: 0;
	padding:0;
	}


a.lien_chapo:visited {
	display:block;
	color: #231a0c;
	text-decoration: none ;
	border:0;
	margin: 0;
	padding:0;
	}	
a.lien_chapo{
	display:block;	
	color: #231a0c;
	font-size:10px;
	text-decoration: none ;
	border:0;
	margin: 0;
	padding:0;
	}	
a.lien_chapo:hover{
	text-decoration: none ;
	border:0;	
	margin: 0;
	padding:0;
	display:block;
	}
								
				/* separateur trait gris*/
				div#sep_centre_gris{
					clear:both;/*left;*/
					margin: 0px 0px 0px 0px;
					padding:0px 0px 0px 0px;
					border:0px;					
					height:15px;
					width:700px;
					background: url(../images/sep_centre_gris3.png ) no-repeat;
					background-position:bottom;
					}





/****************************************PAGINATION DES  ARTICLES  CHAPEAUX + TOC pour article multipages **********************************************************/
/********************style Virtual pagination**********************/
.paginationstyle{ 
padding: 2px 0;
margin: 30px 0 10px 0px;/*10px 0 10px 15px;*/
}

.paginationstyle select{ 
border: 1px solid black;
margin: 0 15px;
}

#loadmore { /*Pagination links style*/
padding:4px 5px; /* 0 5px; largeur des boutons 1,2,3,4  */
text-decoration: none;
border: 1px solid #ccc;
color: #ccc;
line-height:20px;
font-size:12px;
}

 .paginationstyle a{ /*Pagination links style*/
padding: 0 5px; 
margin:0 10px 0 0;
text-decoration: none;
/*border: 1px solid #ccc;*/
color: #ccc;
line-height:16px;
font-size:13px;
}

.paginationstyle a:hover, .paginationstyle a.selected, #loadmore:hover  {
color: #fff;
}

.paginationstyle a.imglinks{ /*Pagination Image links style (class="imglinks") */
border: 0;
padding: 0;
}

.paginationstyle a.imglinks img{
vertical-align: bottom;
border: 0;
}

.paginationstyle a.imglinks a:hover{
background: none;
}

.paginationstyle .flatview a:hover {
/*Pagination div "flatview" links style*/
color:#fff;
}


.paginationstyle .flatview a.selected{
color: #CFBD8E;
}

.paginateinfo{
	float: right;
	margin: 0 20px 0 0px;					
	font-family: Helvetica, Verdana, Arial, sans-serif;					
	font-size: 13px;
	font-weight: 600;
	letter-spacing:0px;
	line-height:16px;
}
/********************PAGINATION DES  ARTICLES  CHAPEAUX********************************************************************************/
/*  ............................. LES  ARTICLES  CHAPEAUX ............................. */



#boxdown {
background: url("../images/img_fond_boxdown3.png") no-repeat scroll 0 0 ;
height:360px;
margin:100px 0 0 0; /* 62px 0 0 0; */
padding:0;
}

#bg_boxdown {
height:340px;	
width:690px;
margin:0;
padding:0;
}


/* Menu THEMATIQUE  suffixe class css:  '_theme '    suffix module '_menu_theme'*/
.moduletable_menu_theme {
	float:left;
	height:340px;
	width:230px;
	margin: 0px 0 0 0px;
	}

.moduletable_menu_theme h3 {
	margin: 15px 0 20px 80px;
	color:#ccc;
}
	
ul.menu_theme {
	padding: 4px;
	list-style-type: disc;
	list-style-position: inside;
	padding: 0;
	margin: 5px 0 0 90px;
	}

.menu_theme li{
margin:10px 0 0 0;	
}

 .menu_theme a {
	text-decoration:none;
	color:#ccc;	 
	 }	

.menu_theme a:hover {
	color:#fff; 
	 }
	 
 .menu_theme	 li.active a{
	color: #CFBD8E;  
 }

/* tags cloud */
.moduletable_tag {
	height:340px;
	width:420px;
	float:right;
	margin: 0px 20px 0 0 ;
	}

.moduletable_tag h3 {
	margin: 15px 0 12px 0px;
	color:#ccc;
	text-align:center;
}

/* Module Dernieres videos */
.box_video {
	float:left;
	width: 300px;
	height: 100px; 
	margin: 0;
	padding: 0;
	position: relative;		
	}

.box_video img {
	width: 300px;
	height: 100px; 	
}

.icon_cine {
background:url("/images/stories/icon_cine.png") no-repeat  0 0 ;
border:0 none;
height:33px;
left:270px;
margin:0;
padding:0 0 0;
position:absolute;
top:2px;
width:28px;
z-index:10;
	}

.trait_blanc {
	float:left;
	margin: 0px 0 0  0;
	padding: 0px 0 0  0; 
	border: 0;
	background:url(/media/templates/site/jp_bloq_rici/images/trait_blanc.png) 0 0 no-repeat;
	width:300px;
	height:2px;
	}
	
.trait_beige {
	float:left;
	margin: 1px 0 3px  0;
	padding: 0px 0 0  0; 
	border: 0;
	background:url(/media/templates/site/jp_bloq_rici/images/trait_beige.jpg) 0 0 no-repeat;
	width:300px;
	height:3px;
	}

/* galeries photos sigplus */
div#sigplus_galerie_photos{
	clear:both;
	width: 100%;
	height: 100px; 
	margin: 0;
	padding: 0;
	float:left;
}
/* galeries photos sigplus */










/* Flexicontact Component */
.com_flexicontact .contentpaneopen{
				color:#ccc;
				font-family:Arial,sans-serif;
				font-size:11px;
				margin:40px 10px  10px 10px;
				font-weight: bold;	
	}
	
.com_flexicontact .contentpane{
	font-size:12px;
	}
	
td.contact_g{
	width:20%;
	margin: 0 0px 0 0;
	padding: 0 0px 0 0;	
}

td.contact_d{
	text-align:left;
	width:80%;
	margin: 0 0px 0 0;
	padding: 0 0px 0 0;
}

div#bt_contact {
			height: 40px ;
			margin:0 250px;
	}

a.bt_contact {
			float: left;
			text-decoration: none ;
			background: url(../images/bt_contact2.png) no-repeat 0 0 ;
			display: block;
			width: 110px;
			height: 40px ;
}
		
a.bt_contact :hover{
			background: url(../images/bt_contact2.png) no-repeat 0 -40px ;
}

a.bt_contact :active{
			background: url(../images/bt_contact2.png) no-repeat 0 -80px ;	
}

a.bt_contact :visited{
			background: url(../images/bt_contact2.png) no-repeat 0 -80px ;
}

div#bt_contact_en {
			height: 40px ;
			margin:0 250px;
	}

a.bt_contact_en {
			float: left;
			text-decoration: none ;
			background: url(../images/bt_contact_en.png) no-repeat 0 0 ;	
			display: block;
			width: 110px;
			height: 40px ;
}
		
a.bt_contact_en :hover{
			background: url(../images/bt_contact_en.png) no-repeat 0 -40px ;
}

a.bt_contact_en :active{
			background: url(../images/bt_contact_en.png) no-repeat 0 -80px ;	
}

a.bt_contact_en :visited{
			background: url(../images/bt_contact_en.png) no-repeat 0 -80px ;	
}


.copyMe {
	margin: 0 5px 0 0;
}

.border {
	border:2px solid #999;
}
	
div#reponse {
	margin:100px 0 100px 0;
	font-size:13px;
	text-align:center;
	}
/* Flexicontact Component */



/* Contact Component */
.info {
    font-weight: bold;
    margin: 5em 0 2em 0;
    text-align: center;
}

#jform_spacer-lbl {
    float: right;
    margin: 0 10% 0 0;
}

.red, .star {
	color:red;
}

.alert, .alert-error, .alert-danger {
    width: 18%;
    position: absolute;
    left: 38%;
    top: 76%;
    border: 1px solid red;
	margin:0;
    padding: 1%;
    line-height: 2em;
    border-radius: 5px;
    -webkit-border-radius: 5px;
	-moz-border-radius:5px;
    background: #f5f5f5;
    color: black;
}

.controls input, textarea {
	border: 1px solid #555;
	padding: 5px;
	border:1px solid #555;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;	
	margin: .5em 0 0 0;	
}

.control-group {
    margin: 2em 0 0 0;
}

#jform_captcha-lbl  {
	display:none;
}

.btn-primary {
    font-size: 1.1em;
}

button.close {
	float: right;	
}

h4.alert-heading {
	display:none;
}

#jform_captcha-lbl  {
	display:none;
}

/* id=198 > page "/informations/confirmation-reception-email" */
.item-id-198 #system-message-container {
	display:none;
}

.item-id-198 #content {
    height: 400px;
}









/* googlemap plugin */
.googlemap {
border: 3px solid #a39886;	
width:600px;
height:400px;
	}



/************                              Concatenation des fichiers css externes         **********************/

/*** flexicontent.css ***/
div#flexicontent .clear {
  border: 0 none;
  clear: both;
  float: none;
  font-size: 1px;
  height: 0;
  line-height: 1px;
  margin: 0;
  padding: 0;
  visibility: hidden;
}
/*** flexicontent.css ***/


/*** /modules/mod_flexitagcloud/tmpl/mod_flexitagcloud.css ***/
#flexicloud { padding: 2px; line-height: 2.2em; text-align: center; }
#flexicloud a { 
	padding: 0px;
	text-decoration:none;
	}

#flexicloud a:hover { 
	padding: 0px;
	text-decoration:none;
	color:#ccc;
	}
	

#flexicloud a.tag1 { font-size: 0.8em; font-weight: 100; color:#ff0033}/*rouge*/
#flexicloud a.tag1:hover { font-size: 0.8em; font-weight: 100; color:#ccc;text-decoration:none;}

#flexicloud a.tag2 { font-size: 0.85em; font-weight: 200; color:#990099} /* violet*/
#flexicloud a.tag2:hover { font-size: 0.85em; font-weight: 200; color:#ccc;text-decoration:none;}

#flexicloud a.tag3 { font-size: 0.9em; font-weight: 300; color:#99ff99}/*vert*/
#flexicloud a.tag3:hover { font-size: 0.9em; font-weight: 300; color:#ccc;text-decoration:none;}

#flexicloud a.tag4 { font-size: 0.95em; font-weight: 400; color:#ff9966}/*orange*/
#flexicloud a.tag4:hover { font-size: 0.95em; font-weight: 400; color:#ccc;text-decoration:none;}

#flexicloud a.tag5 { font-size: 1em; font-weight: 500; color:#66ccff}/*bleu*/
#flexicloud a.tag5:hover { font-size: 1em; font-weight: 500; color:#ccc;text-decoration:none;}

#flexicloud a.tag6 { font-size: 1.05em; font-weight: 600; color:#ff0033}/*rouge*/
#flexicloud a.tag6:hover { font-size: 1.05em; font-weight: 600; color:#ccc;text-decoration:none;}

#flexicloud a.tag7 { font-size: 1.1em; font-weight: 700; color:#99ff99}/*vert*/
#flexicloud a.tag7:hover { font-size: 1.1em; font-weight: 700; color:#ccc;text-decoration:none;}

#flexicloud a.tag8 { font-size: 1.15em; font-weight: 800; color:#ff9966}/*orange*/
#flexicloud a.tag8:hover { font-size: 1.15em; font-weight: 800; color:#ccc;text-decoration:none;}

#flexicloud a.tag9 { font-size: 1.2em; font-weight: 900; color:#990099} /* violet*/
#flexicloud a.tag9:hover { font-size: 1.2em; font-weight: 900; color:#ccc;text-decoration:none;}

#flexicloud a.tag10 { font-size: 1.25em; font-weight: 900; color:#66ccff}/*bleu*/
#flexicloud a.tag10:hover { font-size: 1.25em; font-weight: 900; color:#ccc;text-decoration:none;}

#flexicloud { margin: 0; }
#flexicloud li { display: inline; }
/* hide the extra context from CSS-enabled browsers, but not screenreaders */
#flexicloud span { position: absolute; left: -9999px; width: 990px; }
/*** /modules/mod_flexitagcloud/tmpl/mod_flexitagcloud.css ***/


/*** /modules/mod_jflanguageselection/tmpl/mod_jflanguageselection.css ***/
#jflanguageselection{
float: right;
margin: 15px 0px 10px 5px;    
}
.rawimages {
	text-align: center;
	margin-top: 3px;
	background:url(/components/com_joomfish/images/flags/en-fr.gif) no-repeat 0 0;
	height:14px;
}

.rawimages div {
	margin:2px;
	border: none;
	width:20px;
	height:14px;
}

.rawimages a {
  display:inline-block;
  text-indent: -5000px;
}
/*** /modules/mod_jflanguageselection/tmpl/mod_jflanguageselection.css ***/
/************                              Concatenation des fichiers css externes         **********************/



/********************************** coups-coeur **************************************************/
div.value {
		float: left;
}

.coeur1 {
	position:absolute;
	z-index:101;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

.coeur2 {
	position:absolute;
	z-index:102;
	margin:0 0 0 15px;
	padding:0 0 0 0;
}

.coeur3 {
	position:absolute;
	z-index:103;
	margin:0 0 0 30px;
	padding:0 0 0 0;
}

.coeur4 {
	position:absolute;
	z-index:104;
	margin:0 0 0 45px;
	padding:0 0 0 0;
}

.coeur5 {
	position:absolute;
	z-index:105;
	margin:0 0 0 60px;
	padding:0 0 0 0;
}

.note1 {
	/*display:inline;
	position:relative;
	margin:0 0 0 -10px;
	*/
	float:right;
	z-index:11;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

.note2 {
	/*display:inline;
	position:relative;
	margin:0 0 0 -10px;
	*/
	float:right;
	z-index:12;
	margin:0 -8px 0 0;
	padding:0 0 0 0;
}

.note3 {
	/*display:inline;
	position:relative;
	margin:0 0 0 -10px;
	*/
	float:right;
	z-index:13;
	margin:0 -8px 0 0;
	padding:0 0 0 0;
}

.note4 {
	/*display:inline;
	position:relative;
	margin:0 0 0 -10px;
	*/
	float:right;
	z-index:14;
	margin:0 -8px 0 0;
	padding:0 0 0 0;
}

.note5 {
	/*display:inline;
	position:relative;
	margin:0 0 0 -10px;
	*/
	float:right;
	z-index:15;
	margin:0 -8px 0 0;
	padding:0 0 0 0;
}


div.notes_coeur {
	clear:both;
	display:inline;
}


img.half  {
	width:13px;
	height:16px;
}

#limitby {
	width:55px;
}

/************************* cf compos/flexi/templat/defaut-tv/css/item.css  par champ flexi Coups coeur ***********************************/


/* module Les Notes */

.notes {
	margin: 0 0 20px;
	padding:20px 0;
	
}

/*
.notes1 {
	margin: 0 0 20px;
	padding:20px 0;
}
*/



.notes_row {
	clear:both;
	margin:0;
	padding:0;	
}


.notes  img {
	width:20px;
	height:26px;
}

/*.notes, .notes1 p {*/
.notes  p {
	float:right;
	margin:0px;
	padding:12px 0 0;
	font-weight:600;
	color:#333;
	line-height:15px;
}

.notes .coeur1 {
	position:absolute;
	z-index:1;/*101;*/
	margin:0 0 0 0;
	padding:0;
}

.notes .coeur2 {
	position:absolute;
	z-index:2;/*102;*/
	margin:0 0 0 10px;
	padding:0;
}

.notes .coeur3 {
	position:absolute;
	z-index:3;/*103;*/
	margin:0 0 0 20px;
	padding:0;
}

.notes .coeur4 {
	position:absolute;
	z-index:4;/*104;*/
	margin:0 0 0 30px;
	padding:0;
}

.notes .coeur5 {
	position:absolute;
	z-index:5;/*105;*/
	margin:0 0 0 40px;
	padding:0;
}




/*
.notes1 .coeur1 {
	position:absolute;
	z-index:101;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

.notes1 .coeur2 {
	position:absolute;
	z-index:102;
	margin:0 0 0 10px;
}

.notes1 .coeur3 {
	position:absolute;
	z-index:103;
	margin:0 0 0 20px;
}

.notes1 .coeur4 {
	position:absolute;
	z-index:104;
	margin:0 0 0 30px;
}

.notes1 .coeur5 {
	position:absolute;
	z-index:105;
	margin:0 0 0 40px;
}
*/

/* Default Theme : item template CSS file */

div.infoblock_twocols {
	border: 0px solid silver;
	margin: 20px 0 80px 0px;
	padding: 0px;
}
#flexicontent div.infoblock_twocols ul {
	margin: 0;
	padding: 0;
}
#flexicontent div.infoblock_twocols ul li {
	padding: 0;
	background: none;
	min-height: 10px;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: top;
	margin: 20px 0;
	zoom: 1;
	*display: inline;
	_height: 10px;
}
div.label_coups_coeur {
	float: left;
	font-size:14px;
	font-weight:bold;
	color:#ccc;
	padding:18px 20px 0 0 ;
	margin:0;
}

div.label_img_sociaux {
	float: left;
	font-size:14px;
	font-weight:bold;
	color:#ccc;
	padding:2px 20px 0 0 ;
	margin:0;
}


/************************* cf compos/flexi/templat/defaut-tv/css/item.css  par champ flexi Coups coeur ***********************************/

/**************************** liste tri articles *********************************************************/
#tri {
	float:right;
}


/* ********************************* boutons reseaux sociaux ***********************************************************************************************/

.bloc-tw {
 float:left;
 margin-left: 30px;
 width:110px;	
}

.bloc-gg {
	float:left;
	margin-left:5px;
	width:75px
}

.bloc-mail {
 background: url("../images/mail.png") no-repeat  0 0 ;
float:left;
 width: 27px;
 height: 18px;
 margin:1px 0 0 0;
}

/* bloc fb */
._51m- {
float:left;
}

._51mw {
width:20px;
}

/* **** bt fb custom sup **************** */

#fb-bt1 {
  background: url("../images/fb-icon.png") no-repeat  center -30px ;
    border-right: 1px dotted #EEEEEE;
    display: block;
    float: right;
    font: 8px/8px "lucida grande",tahoma,verdana,arial,sans-serif;
    height: 22px;
    margin: 0;
    padding: 0;/*2px 4px;*/
    text-align: center;
    text-decoration: none;
    width: 34px;
	color:#b7e85e;
}

#fb-bt1:hover {
  background: url("../images/fb-icon.png") no-repeat center 0px ;
	color:#fff;
}


#tw-bt1 {
  background: url("../images/tw-icon.png") no-repeat center -30px ;
    border-right: 1px dotted #EEEEEE;
    display: block;
    float: right;
    font: 8px/8px "lucida grande",tahoma,verdana,arial,sans-serif;
    height: 22px;
    margin: 0;
    padding: 0;/*2px 4px;*/
    text-align: center;
    text-decoration: none;
    width: 34px;
	color:#b7e85e;
}


#tw-bt1:hover {
  background: url("../images/tw-icon.png") no-repeat center 0px ;
	color:#fff;
}


#gg-bt1 {
  background: url("../images/gg-icon.png") no-repeat center -30px ;
    border-right: 1px dotted #EEEEEE;
    display: block;
    float: right;
    font: 8px/8px "lucida grande",tahoma,verdana,arial,sans-serif;
    height: 22px;
    margin: 0;
    padding: 0;/*2px 4px;*/
    text-align: center;
    text-decoration: none;
    width: 34px;
	color:#b7e85e;
}

/*
#gg-bt1 div {
	margin:22px 0 0 0;
	padding:0;
	  text-align: center;
}
*/

#gg-bt1:hover {
  background: url("../images/gg-icon.png") no-repeat center 0px ;
	color:#fff;
}

#mail-bt1 {
  background: url("../images/mail-icon.png") no-repeat center -30px ;
    border-right: 1px dotted #EEEEEE;
    display: block;
    float: right;
    font: 8px/8px "lucida grande",tahoma,verdana,arial,sans-serif;
    height: 22px;
    margin: 0 1px 0 0;
    padding: 0;/*2px 4px;*/
    text-align: center;
    text-decoration: none;
    width: 34px;
	color:#b7e85e;
}


#mail-bt1:hover {
  background: url("../images/mail-icon.png") no-repeat center 0px ;
	color:#fff;
}


#mail-bt2:hover {
opacity:0.7; 
}

/* ********* bouton	facebook  aka facebook*****************************/
.pluginButton {
 background: linear-gradient(#4C69BA, #3B55A0) repeat ;
    border: medium none;
    border-radius: 2px;
    color: #FFFFFF;
    cursor: pointer;
    font-weight: bold;
    height: 20px;
    line-height: 20px;
    padding: 0;
    text-shadow: 0 -1px 0 #354C8C;
    white-space: nowrap;

}

.pluginShareButtonLink {
text-decoration:none;
}

.pluginButtonContainer {
font-family:'Helvetica Neue',Helvetica,Arial,'lucida grande',tahoma,verdana,arial,sans-serif;
font-size:11px;
}

.pluginButtonContainer:hover {
    background:linear-gradient(#5B7BD5, #4864B1) repeat  0 0;
     border-color:#5874C3 #4961A8  #41599F;
     box-shadow: 0 0 1px #607FD6 indent;
     height:20px;
}


.pluginButtonImage {
display:inline-block;  
}


.pluginButtonIcon {
    float:left;
    left: 0;
    top:3px;
    margin: 0 0 0 2px;/*0px 4px ;*/
    vertical-align:top;
    position: relative;
    width: 14px;
     height: 14px;
}

.sp_plugin-button {
    background-image: url("https://fbstatic-a.akamaihd.net/rsrc.php/v2/y1/r/LVx-xkvaJ0b.png");
    background-repeat: no-repeat;
    background-size: auto auto;
    display: inline-block;
   /* height: 18px;*/
    width: 14px;
    text-decoration:none;
}


.sx_plugin-button_favblue {
    background-position: 0 -42px;
}


.pluginButtonLabel {
   padding: 0 5px 0 0;
    position: relative;
    vertical-align: top;
}


/*** FB COUNTER ***/
.counter {				
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #898F9C;
    border-radius: 2px;
    color: #6A7180;
    font-size: 11px;
    font-family: 'Helvetica Neue',Helvetica,Arial,'lucida grande',tahoma,verdana,arial,sans-serif;
    height: auto;
    line-height: 18px;
    margin-left: 6px;
    min-width: 15px;
    padding: 0 3px;
    text-align: center;
    white-space: nowrap;
		}
		
.pluginCountButtonNub {
  height: 0;
    left: 2px;
    position: relative;
    top: -15px;
    width: 5px;
    z-index: 2;
}

.pluginCountButtonNub s, .pluginCountButtonNub i {
  border-color: #898F9C;
    border-style: solid;
    border-width: 4px 5px 4px 0;
    display: block;
    position: relative;
    top: 1px;
}


.pluginCountButtonNub i {
 border-right-color: #FFFFFF;
    left: 2px;
    top: -7px;
}
		
/* ********* bouton	facebook *****************************/








/* ==========================================================================
Navigation mobile
========================================================================== */



#nav-toggle { display:none;position: absolute; right: 15px; top: 15px; outline:none;z-index: 999;}
#nav-toggle { cursor: pointer; padding: 10px 35px 16px 0px; }
#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after { cursor: pointer; border-radius: 1px; -moz-border-radius: 1px; -webkit-border-radius: 1px; -o-border-radius: 1px; height: 5px; width: 35px; background: #000; position: absolute; display: block; content: ''; }
#nav-toggle span:before { top: -10px; }
#nav-toggle span:after { bottom: -10px; }
#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after { transition: all 500ms ease-in-out; -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; }
#nav-toggle.active span { background-color: transparent; }
#nav-toggle.active span:before, #nav-toggle.active span:after { top: 0; }
#nav-toggle.active span:before { transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); }
#nav-toggle.active span:after { transform: translateY(-10px) rotate(-45deg); -webkit-transform: translateY(-10px) rotate(-45deg); -ms-transform: translateY(-10px) rotate(-45deg); top: 10px; }
.navicon { position: relative; height: 26px;margin:20px 0 0 0; }
.indicator { position: absolute; right: 0 !important; }
.pull { display: block;margin-top: 0;background: none; }