html {
font-size: 62.5%;
text-rendering:optimizeLegibility;
}
body { /*background-color: #f0f0f0;*/ margin-top:0; FONT-FAMILY: Verdana, Arial, Helvetica, Sans-serif; }
a:hover { text-decoration:none; opacity: 0.65;}
a {	color: #000033;	text-decoration: none;}

/*#bloc_contenu { display:block!important; }*/



#include_base { /*border:#dddddd 1px solid; background:#FFFFFF; width:450px; padding:10px; display:inline-table;*/
    background: #fff;
    width: 600px;
    max-width: 80%;
    padding: 10px;
    display: inline-table;
    margin: 0 0 15px 10px;
    border-radius: 2px;
    box-shadow: 2px 2px 2px 0px rgba(150, 150, 150, 0.3);
    border-left: #afa4a4 6px solid;
 }
 
#include_base:hover { BACKGROUND: #fdf9eb; }
	.chapo_include { margin: 0;      color: #666666; padding:0 0 0 6px;    font-size: 14px;    line-height: 16px;    font-family: 'Roboto', sans-serif!important;    font-weight: 400; }
	.include_icon1 { margin-top:  3px;  margin-right: 10px;}
	.include_icon2 { color: #afa4a4;display:  inline-block; font-size: 40px; }
	.include_titre { margin-top: 0px; line-height:28px;    color: #333333;}
	.include_img2 { padding-left: 15px; max-height:100px; max-width: 140px;}
	.include_img155 { max-height:83px; max-width: 155px;}

#include_mini {max-width: 155px; background: #f0f0f057;    margin: 0 0 15px 10px;    border-radius: 2px;    display: block;   box-shadow: 2px 2px 2px 0px rgba(150, 150, 150, 0.3); text-align: center; flex: 1; }
	.include_mini_txt { padding:5px; }
	.include_mini_date {color: #4a4a4a;    background: #fff;    border-top: #d41c3b 2px solid;       border-bottom: #ddd 1px dashed;   }
.tag_micro {
    transition: border linear .2s,box-shadow linear .2s;
    display: inline-block;
    min-height: 10px;
    padding: 2px 4px;
    margin: -4px 0 2px 2px;
    font-size: 11px;
    line-height: 11px;
    color: #ffffff;
    border-radius: 2px;
    display: inline-block;
}
UL {
    BORDER-BOTTOM: 0px;
    BORDER-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    FONT-STYLE: inherit;
    MARGIN: 0px;
    OUTLINE-STYLE: none;
    OUTLINE-COLOR: invert;
    PADDING-LEFT: 0px;
    OUTLINE-WIDTH: 0px;
    PADDING-RIGHT: 0px;
    FONT-FAMILY: inherit;
    VERTICAL-ALIGN: baseline;
    BORDER-TOP: 0px;
    FONT-WEIGHT: inherit;
    BORDER-RIGHT: 0px;
    PADDING-TOP: 0px; }
LI {     list-style: none; }	

.apercu { font-family: 'apercuM', Verdana, Arial, Helvetica, sans-serif; } 
.focus {  		color: #996600;			 }
	

.bloc_centre { position: relative;
    
    z-index: 4;
    margin: 0 auto;
    background-color: #FFFFFF;
    width: 1000px;
    text-align: left;
}

.flux_alertes_icon { float: left;}

.inc_message {
    
    margin-top: 10%;
    margin-left: 5%; 
    width: 50%; 
    margin: 10px auto;
    height:auto; 
    border: 1px dashed #aaa;
    overflow:hidden;
/*	background: -webkit-linear-gradient(45deg, #FFF, #F9F9F9);*/
	border: 2px solid #FAFAFA;
  	box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);
}

#live_bloc_icon_agenda, #live_bloc_icon_lieux, 
#live_bloc_icon_artiste, #live_bloc_icon_amis, 
#live_bloc_icon_checkin, #live_bloc_icon_trophee, 
#live_bloc_icon_photo, #live_bloc_icon_avis {
  display: inline-block;
  width: 30%;
  vertical-align: top;
  background: #f8f8f8;
  border: 3px solid #fff;
  box-shadow: 0 1px 2px rgba(34, 25, 25, 0.4);
  margin: 0px 1px 1px 0px;
  min-height: 70px;
}

select { height:22px; -webkit-border-radius: 2px;  -moz-border-radius: 2px; border-radius: 2px; background:#FFFFFF; border:1px #ddd dashed; }
#select2-drop {
    z-index:40000!important;
}

.ui-front {
  z-index: 40000!important;
}

.live_bloc_icon_txt {
    padding: 5px 0;
}
.live_bloc_icon_icon {
    padding: 5px 0;
    border-bottom: #CCCCCC 1px dashed;
}

a#la-promo-showskin-a {
    position: absolute;
    left: 0;
    width: 100%;
    height: 900px;
    z-index: 0;
    /* top: 196px; */
}

#colonnedroite {
 /*       margin-bottom: 150px;*/
    }

#bouton_blanc { cursor:pointer; border:#3896d3 1px solid; padding:5px 5px; background:#fff; vertical-align:middle; margin:5px auto; text-align:center; display:inline-block;-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;  }
#bouton_blanc:hover { background:#3896d3; color:#FFFFFF;  } 
#bouton_blanc_jaune { cursor:pointer; border:#ebce78 1px solid; padding:5px 5px; background:#fff; vertical-align:middle; margin:5px auto; text-align:center; display:inline-block;-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;  }
#bouton_blanc_jaune:hover { background:#ebce78; color:#FFFFFF;  } 
.img_apercu_rond {     height:100px; width:100px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; display: inline-block; float: left; margin-right:10px; }

.img_incl_rond {
    height:60px; 
    width:60px; 
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
    float: left;
    margin-right:10px;
}

#bloc_liste_amis {
    width: 400px; 
    margin-left: 15px; 
    border-top: 1px dashed #999999; 
    padding-top: 5px;
}

#titre_wrapp {
    text-align:center;
}
#bloc_connect_wrapp {
    text-align:center;
}

#bton_fb_connect {   
    background: #4c69ba;
    background: -webkit-gradient(linear, center top, center bottom, from(#4c69ba), to(#3b55a0));
    background: -webkit-linear-gradient(#4c69ba, #3b55a0);
    border-color: #4c69ba;
    -webkit-border-radius: 4px; -webkit-font-smoothing: antialiased;
    text-shadow: 0 -1px 0 #354c8c; width:120px; 
    margin:0 auto;
    cursor: pointer;
    text-align:left; padding:4px 4px 4px 6px; vertical-align:middle;
}	
#bton_fb_connect_icon, #bton_fb_connect_txt  { 
    display:inline-block; 
    vertical-align:middle; 
}

#bton_fb_connect_icon { 
    font-size:18px;  
}

#bton_fb_connect_txt { 
    color: #fff;   
    font-size:14px; 
    padding-left:4px; 
    font-weight:bold; 
    font-family:Arial, Helvetica, sans-serif;  
}

#wr_bloc_fb { 
    border-top:#CCCCCC 1px dashed; 
    padding-top:10px; 
    padding-bottom:10px; 
    width:90%; 
    margin: 0 auto;    
}	
#wr_bloc_connect_commun { 
    border-top:#CCCCCC 1px dashed; 
    padding-top:10px; 
    width:90%; 
    margin: 0 auto;    
}	
#wr_bloc_connect_nvocompte { 
    width:90%; 
    margin:0 auto; 
    display:none; 
}
#wr_bloc_connect_initiale { 
    width:90%; 
    margin: 0 auto;  }
	
#wr_bloc_connect_txt { margin:5px; }
input.input_full {  
    font-family: monospace;   
    border: 1px #ab9e9e solid;   
    padding:8px 10px; 
  background-repeat: no-repeat;
  background-position: right 8px; width:70%; 
}
input.icon_user { background-image: url(https://www.frequence-sud.fr/img/navigation/ux/user_50_16.png); } 
input.icon_ville { background-image: url(https://www.frequence-sud.fr/img/navigation/ux/location_50_16.png); } 
input.icon_cle { background-image: url(https://www.frequence-sud.fr/img/navigation/ux/key_50_16.png); } 
input.icon_calendrier { background-image: url(https://www.frequence-sud.fr/img/navigation/ux/calendar_50_16.png); } 
input.icon_mail { background-image: url(https://www.frequence-sud.fr/img/navigation/ux/arobase_50_16.png); } 

.bouton3D_jaune {
  color: #fff;
  background-color: #d29a05;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  box-shadow: inset 0 10px 20px #f5b406, /* partie haute*/ inset 0 -10px 20px #b58505, 0 1px 3px rgba(34, 25, 25, 0.4);
  border: 1px #a57904 solid;
  transition: border linear .2s,box-shadow linear .2s;
  padding: 5px 10px;
  margin: 5px;
  display: inline-block;
  vertical-align: top;
  font-size: 13px;
  margin-bottom: 5px;
  text-transform: uppercase;
}

.bouton3D_vert {
  color: #fff;
  background-color: #239301;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  box-shadow: inset 0 10px 20px #2db104, /* partie haute fonc�e*/ inset 0 -10px 20px #145301, 0 1px 3px rgba(34, 25, 25, 0.4);
  border: 1px #364b30 solid;
  transition: border linear .2s,box-shadow linear .2s;
  padding: 5px 10px;
  margin: 5px;
  display: inline-block;
  vertical-align: top;
  font-size: 13px;
  margin-bottom: 5px;
  text-transform: uppercase;
}

#contenu_base { width:1000px; max-width:1000px; margin:0 auto; background-color:#FFFFFF;  /* border:#f0f0f0 1px solid; */ border-top:#0069ad 3px solid;
/* border-top:#d41c3b 3px solid; */ /*
 -webkit-box-shadow: 2px 2px 5px 0px rgba(150, 150, 150, 0.52); -moz-box-shadow:2px 2px 5px 0px rgba(150, 150, 150, 0.52); box-shadow:2px 2px 5px 0px rgba(150, 150, 150, 0.52); */  padding-bottom: 150px; }
 
#header { margin:10px 0 10px 0; }
	#bloc_logo { width:230px; height:90px; display: inline-block;}
	#bloc_pub_large_banner { display: inline-block; width:728px; max-width:728px; height:90px; max-height:90px; overflow:hidden;}
	
	
#bloc_perso { width:100%; height:140px; background:#f0f0f0; border-bottom:#0069ad 2px solid; vertical-align:top; max-height:140px; overflow:hidden; }
	#bloc_perso_col1 {  display:inline-block; margin:10px; background:#FFFFFF; width:312px; height:120px; vertical-align:top; }
	#bloc_perso_col2 { display:inline-block; margin:10px; width:312px; height:120px; vertical-align:top;}
		#bpc2_icon{ font-size:24px; height:30px; }
		#bpc2_contenu {  background:#FFFFFF; width:100%; height:90px; text-align:left; }
			#session_info { font-size:16px; }
			#bpc2_contenu_titre { font-size:16px; }
			#bpc2_contenu_texte {font-size:12px; font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif; margin-left:4px;}
	#bloc_perso_col3 { display:inline-block; margin:10px; /*background:#FFFFFF; */ width:314px; height:120px; vertical-align:top;}	
	#bloc_perso_barre { display:inline-block; margin:10px 0px ; background:#c1c1c1; width:1px; height:120px; border:0;}
	
#titre_wrapp { font-size:20px; }
h1.titre_article { 
    color: #996600;
    padding: 0;
    BORDER-TOP-WIDTH: 0px;
    BORDER-LEFT-WIDTH: 0px;
    BORDER-BOTTOM-WIDTH: 0px;
    TEXT-INDENT: 0px;
    LINE-HEIGHT: normal;
    font-family: 'Buda', cursive;
    font-weight: 600;
    HEIGHT: auto;
    BORDER-RIGHT-WIDTH: 0px;
}
	.zone_grise { background:#fafafa;    border-bottom: 1px solid #dce0e0; border-top: 1px solid #dce0e0; }
	#bloc_station_essentiel { background:#FEF9E5; width:100%; }
	#bloc_station_famille { background:#5ebfb4; min-height:210px; }
		#bloc_famille_img { background:#FFFFFF; float:left; max-height:140px; margin:0 15px;  box-sizing: border-box;  -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding:3px;}
	
	#bloc_station_description { margin:0 20px; min-height:170px;}
	
	.input_avis { width:380px; }
	
	#bloc_mgpb { width:100%; margin:30px 0; background:#CCCCCC; text-align:center; padding-bottom:15px; }
		#bloc_mgpb2 {  margin:0 auto; text-align:center; background:#FFFFFF; width:970px; }
	#bloc_webcam { background:#E1B738; height:250px; padding:10px;  box-sizing: border-box; }
	#bloc_focus_colgauche, #bloc_focus_colgdroite { display:inline-block; width:450px; vertical-align:top; }
		#bloc_focus_colgauche, .bloc_txt_3col_border , .bloc_txt_2col_border { /*border-right:#FEF9E5 1px solid;*/ padding-right:15px; margin-left:15px;   }
	#bloc_inter_3col, #bloc_inter_2col { display:flex; }
		#bloc_txt_3col { width:300px; display:inline-block; vertical-align:top; background:#FFFFFF; padding:10px;  box-sizing: border-box; margin-top:20px; margin-bottom:40px;   }
		#bloc_txt_2col { width:480px; display:inline-block; vertical-align:top; background:#FFFFFF; padding:10px;  box-sizing: border-box; margin-top:20px; margin-bottom:40px;   }
	#bloc_essentiel_infobonus p, #bloc_famille_txt p {margin:0; }	
	#bloc_famille_txt { margin:10px 10px 10px 20px; }
	#bloc_famille_txt a { color:#FFFFFF; }
	#bloc_agenda_zone { display: flex; margin-left:15px; margin-bottom:40px;  width:970px;     overflow: hidden; }
	#bloc_agenda_zone2 { display: flex; }
		#bloc_agenda_elem { display:inline-block; background:#FFFFFF; padding:10px;     width: 220px;     margin-right: 15px; box-sizing: border-box;}
		#bloc_agenda_img { height:96px; width:200px; background-size:200px auto; margin-bottom:10px;  -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;   }
	
#bloc_titre {  padding:5px;  border-bottom:#f0f0f0 1px solid; }
#bloc_contenu, #bloc_contenu2 { vertical-align:top; }
#bloc_contenu_base { width:660px; padding:5px; display:inline-block; vertical-align: top; border-right:#f0f0f0 1px solid;   }
	
#top_zone { /*display:inline-block; width:300px; */}
#top_zone { display:inline-block; width:145px;  margin-right:10px; height:100%; }
	.encadre_rouge_topzone { BACKGROUND: #444444; color: #D41C3B;  padding: 4px;  margin-top: 15px; text-align: left;
BORDER-top: #D41C3B 4px solid; BORDER-BOTTOM: #D41C3B 4px solid; margin-bottom: 14px;  }	
	#liste_topzone { /*background:#ffffff;*/ border-top:#cccccc 1px solid; } 

#colonnedroite { width:300px; display:inline-block; vertical-align: top; margin-top:5px; margin-left:5px; margin-right:5px; top:0px; position:relative;  background:#ffffff;}
	#bloc_partenaire { width:300px; max-height:400px; background-color:#ffffff; margin-top:20px; 
	-moz-box-shadow: 0 0 5px #ccc;
-webkit-box-shadow: 0 0 5px #ccc;
box-shadow: 0 0 5px #ccc;
border: 5px solid #fff; max-width:300px; } 
		#bloc_part_titre { font-family: 'apercuM', Verdana, Arial, Helvetica, sans-serif; font-size: 20px; margin: 0; padding: 0; color: #000000; font-weight: normal; line-height:20px;}
		#bloc_part_bxslide { max-width:290px; margin:0 auto; }
		#bloc_part_bxslide_img { margin-left:70px; }

#form_tag { width:150px;  }
#bton_search { width:12; height:12; margin:0px; border:0px; /*display:block; position:absolute; margin-left:200px; */ margin-top:3px; background:none; }

#rech_coeur {  display: inline-block;
    font-size: 20px;
    width: 66px;
    margin-top: 8px;
    box-sizing: border-box;
    border-right: #f0f0f0 1px solid;
    height: 50px;
    text-align: center;
    vertical-align: middle;
    color: #999999;
    margin-right: 7px;
    padding-top: 15px; }
/*
	#rech_coeur::after {
	content: '';
	width: 1px;
	position: absolute;
	top: 0.5em;
	bottom: 0.5em;
	left: 79px;
	background: #f0f0f0;
	z-index: 100; } */
#rech_titre {  font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;  font-size:28px; color:#4a4a4a;  display:inline-block;   vertical-align:top; }
#rech_icon { font-size:16px; display:inline-block; margin:5px 0 0 0; width:20px; }
#rech_sous_titre { font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif; color: #999999; font-size: 12px; }
#bloc_search2 { width:1000px; height:143px; margin-top:-1px; position: absolute; margin-top: -1px; z-index: 20;}
#rech_sous_titre_droite { font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif; color: #999999; font-size: 12px; }
.ui-state-focus #rech_titre {	color: #0069AD;}



#bloc_plusinfo { text-align:right; background:#D41C3B; padding:5px; width:100%; margin-left:-5px; }
#bloc_plusinfo_light { text-align:right; margin-top:2px; margin-right:6px; }

#bloc_actu_lieu_titre { margin-top:20px; text-align:center;}
#bloc_actu_lieu { border-top:#c1c1c1 1px solid; margin-top:4px; background-color: #f0f0f0; padding-top:8px; padding-bottom:8px;  width:1000px; margin-bottom:20px; }

	.element_actu_lieu4 { background:#FFFFFF; width:234px; display:inline-block; vertical-align:top; padding:3px; margin-left:8px; min-height:120px; }
	.element_actu_lieu3 { background:#FFFFFF; width:310px; display:inline-block; vertical-align:top; padding:4px; margin-left:10px; min-height:100px; }

#bloc_programme { width:980px; display: block; background-color: #0069ad; margin-left:-8px; margin-bottom:10px; min-height: 150px;  -webkit-box-shadow: 2px 2px 5px 0px rgba(150, 150, 150, 0.52); -moz-box-shadow:2px 2px 5px 0px rgba(150, 150, 150, 0.52); box-shadow:2px 2px 5px 0px rgba(150, 150, 150, 0.52); vertical-align:top; padding-bottom:20px;
z-index:20; }
	#bloc_p_titre {  font-family: 'apercuM', Verdana, Arial, Helvetica, sans-serif; font-size:20px; color:#FFFFFF; text-transform: uppercase; margin:5px 0 0 10px;  }
	#bloc_p_colgauche {/* height:230px;*/ width:150px; display:inline-block;  vertical-align:top; }
	#bloc_p_infobase { margin:10px; width:230px; display:inline-block;  vertical-align:top; }
	#bloc_p_veuxyaller { margin:10px; width:200px; display:inline;  vertical-align:top;  }
	#bloc_p_infolieu { margin:10px; background:#FFFFFF; width:430px;/* height:210px; */ display:inline-block; vertical-align: top; }
		#bloc_p_infolieu_colg { width:430px;  display:inline-block; vertical-align: top; }
		#bloc_p_infolieu_cold {width:150px; display:inline-block; vertical-align: top; }
		#detail_info_lieu { display:inline-block; vertical-align:top; max-height:70px; overflow:hidden;  background:#FFFFFF; z-index:600;  }
		#detail_info_lieu:hover { overflow:visible;  max-height:300px; }
		#detail_artiste { display:inline-block; vertical-align:top; padding:5px 10px; /* border: #f0f0f0 1px solid; */ margin:3px; margin-left:0px;
		background:#444444; 
-webkit-border-radius: 3px;  -moz-border-radius: 3px; border-radius: 3px; }
		#fav_art:hover { color:#ffffff; }
		.vign_tools { display:none; position:absolute; background:#FFFFFF; 
padding: 3px; border-style: solid;  border-width: 1px; border-color: #dddddd; border-top:none; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
margin-top:5px; margin-left:-10px;  width:80px; z-index:11;
}
		#detail_artiste:hover .vign_tools { display:inline-block; }
	
	#bloc_p_centre { width:940px; margin-left:20px; background:#FFFFFF; }
	

#bloc_note { background:#f0f0f0; width:100%; display:block; width:400px; vertical-align:top;  -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; 
 -webkit-box-shadow: 2px 2px 5px 0px rgba(150, 150, 150, 0.52); -moz-box-shadow:2px 2px 5px 0px rgba(150, 150, 150, 0.52); box-shadow:2px 2px 5px 0px rgba(150, 150, 150, 0.52);  
margin:10px; padding:4px; border:1px #423636 dotted; }

#bloc_liste_amis {display: block;}

		
#bloc_commentaires { }
	#bloc_com_titre {}		
	#bloc_com_comment { border-top: #f0f0f0 1px solid; padding-top:10px; padding-bottom:10px; }
	#bton_alerter:hover { color:#be4646; }

.apercu { font-family: 'apercuM', Verdana, Arial, Helvetica, sans-serif; }
.apercu_light { font-family: 'apercuL', Verdana, Arial, Helvetica, sans-serif; }
.source { font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif; }
.gras { font-weight:bold; }
.majuscule { text-transform:uppercase; }




#menu { margin: 0 auto; min-height: 20px; width: 100%; max-width: 1000px; 
/*
border-bottom: #333333 1px solid;
border-top: #333333 1px solid; */
background: url(https://www.frequence-sud.fr/img/navigation/ux/bg-menu.jpg) repeat-x bottom left #ffffff;
border-bottom: 1px solid #c1c1c1; height:30px; }

#lien_liste_event { display:inline-block; float:right; margin-right:4px; position:relative; top:-20px; }

#statut_post { display:inline-block; position:relative; top:0px; right:10px; float: right; vertical-align:middle; text-align:right;  width:250px;  }
#statut_post_detail { display:none; }
#statut_post:hover #statut_post_detail { display:block; position:absolute; width:250px;  text-align:right; }
	
.blocmenu { /*-webkit-box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.52);
-moz-box-shadow:    2px 2px 5px 0px rgba(50, 50, 50, 0.52);
box-shadow:         2px 2px 5px 0px rgba(50, 50, 50, 0.52); */
 BACKGROUND-COLOR:#ffffff; /*height:140px; max-height:140px; */overflow:hidden; z-index:30;
 margin-top:1px; }
 
.menu_b1 { display: inline-block; width:180px; background:#FFFFFF; height:130px; padding:5px; margin:0px; vertical-align:top;}
	#menu_b1_titre { font-family:  'apercuR', Arial, Helvetica, sans-serif; font-size:16px;  border-bottom: 1px solid #f0f0f0 ; }
	.menu_b1_bton_cherche { display:inline-block; vertical-align:top; padding:5px 5px; top:108px; position:absolute;	-webkit-border-radius: 3px;  -moz-border-radius: 3px; border-radius: 3px; color:#FFFFFF; font-family:  'apercuR', Arial, Helvetica, sans-serif; font-size:14px; line-height:14px; }
	.menu_b1_cult { background:#c7576a;  border: #d41b3a 1px solid;}
	.menu_b1_cult2 { background:#444444;  border: #444444 1px solid;}
	.menu_b1_musique { background:#e1b738;  border: #ffa300  1px solid; }

.menu_zone_mini  { display: inline-block; padding:7px 0 7px 7px; margin:0px; vertical-align:top; width:798px; }
.menu_item { display: inline-block; color:#000000;  min-height:20px; }
#menu_search {}
#menu_search_intui { display:inline-block; position:relative; margin-left:630px; margin-top:3px; }

#monmenu { display: inline-block;
}
#monmenu LI {  LIST-STYLE-TYPE: none;  vertical-align:top; /* margin:0px; padding:0px; */ font-size:16px;   margin:0 0px; border-right: 1px solid #c1c1c1; height:30px; max-height:30px; }
#menu_titre_div {  padding:5px 8px; }
#monmenu UL { margin:0px; padding:0px;}

#monmenu LI:hover { background:#FFFFFF; }
#monmenu LI.sfhover { 	BACKGROUND-COLOR: #ffff70; }
#monmenu LI A { /*	TEXT-DECORATION: none; color:#3e4449; */ }
#monmenu UL UL { position:absolute; width:1000px; left:50%; margin-left:-500px;  
height:0px;
max-height:0px;
transition:  height 0.3s linear;
overflow:hidden; 
}
#monmenu LI:hover UL.niveau2 {
display: inline-block;
min-width:100px;
height:244px;
max-height:244px;
z-index: 20;

}
#monmenu LI LI { BACKGROUND-COLOR:#CCCCCC;  list-style: none;  BORDER-RIGHT: #333333 1px solid;  BORDER-LEFT: #333333 1px solid; BORDER-BOTTOM: #333333 1px solid; padding:5px;  }
#monmenu LI LI:hover { BACKGROUND-COLOR: #eeeeee; }
#monmenu LI LI:hover a { COLOR: #000000; }
#monmenu LI.sfhover UL.niveau2 { display: inline-block; float: left; }
#monmenu LI LI.sfhover UL.niveau3 { display: inline-block; float: left; }


.menu_it_user, .menu_it_home { width:30px; text-align:center; line-height:5px;   }
.menu_it_home { border-top:#ffffff 1px solid;}
.menu_it_music { border-top:#ffa300 1px solid; }
.menu_it_culture {  border-top:#d41c3b 1px solid; }
.menu_it_famille {  border-top:#0c8679 1px solid; }
.menu_it_nature {  border-top:#4d8905 1px solid; }
.menu_it_loisir { border-top:#008bc1 1px solid; }
.menu_it_cityguide { border-top:#b4006a 1px solid; }

.menu_it_user, .menu_it_logo { display:none; }

.menu_musique { border-bottom: #ffa300 2px solid; }
.menu_culture, .menu_home {  border-bottom:#d41c3b 2px solid; width:1000px; }
.menu_famille {  border-bottom:#0c8679 2px solid; }
.menu_nature {  border-bottom:#4d8905 2px solid; }
.menu_loisir {  border-bottom:#008bc1 2px solid; }
.menu_cityguide { border-bottom:#b4006a 2px solid; }

.test_h1 { font-family: 'apercuM', Verdana, Arial, Helvetica, sans-serif; font-size:40px; color:#0069ad; }
#sous_titre {}
.art_chapo { margin-top:15px; margin-bottom:10px; padding: 0; font-size: 22px; font-family: 'apercuM', Arial, Helvetica, sans-serif; TEXT-INDENT: 0px; LINE-HEIGHT: normal; HEIGHT: auto; border-left:none!important; }
.art_texte { font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif; font-size:16px; text-align:justify; }

.tag_categorie {
    background-color: #afa4a4;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border linear .2s,box-shadow linear .2s;
-moz-transition: border linear .2s,box-shadow linear .2s;
-o-transition: border linear .2s,box-shadow linear .2s;
transition: border linear .2s,box-shadow linear .2s;
display: inline-block;
min-height:10px;
/*height: 10px; */
padding: 3px 4px;
margin: 2px 0 0 2px;
font-size: 10px;
line-height: 8px;
color: #ffffff;
text-transform: uppercase;
 /*
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; */
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.tag_categorie2 { background-color: #9fbf4b; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border linear .2s,box-shadow linear .2s; -moz-transition: border linear .2s,box-shadow linear .2s; -o-transition: border linear .2s,box-shadow linear .2s; transition: border linear .2s,box-shadow linear .2s;
display: inline-block; min-height:10px; padding: 4px 5px 3px 5px; margin: 2px 0 0 2px; font-size: 11px; line-height: 8px; color: #ffffff; text-transform: uppercase;
-webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; font-family: Verdana, Arial, Helvetica, sans-serif; }
.tag_categorie3 {
background-color: #9fbf4b; 
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border linear .2s,box-shadow linear .2s; -moz-transition: border linear .2s,box-shadow linear .2s; -o-transition: border linear .2s,box-shadow linear .2s; transition: border linear .2s,box-shadow linear .2s;
display: inline-block; min-height:10px; padding: 3px 4px; margin: 2px 0 2px 2px; font-size: 10px; line-height: 8px; color: #ffffff; text-transform: uppercase; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; font-family: Verdana, Arial, Helvetica, sans-serif;  }

.jaune_concert { background-color: #e1b738; }
.bleu_famille { background-color:#5ebfb4 ; }
.rouge_culture { background-color:#c7576a ; }
.bleu_loisir { background-color:#008bc1 ; }
.vert_nature { background-color:#4d8905 ; } 
.marron_patrimoine { background-color:#665002 ; } 
.violet_cityguide { background-color:#b4006a ; }  

.jaune_concert_inact { background-color: #f5e6bb; }
.bleu_famille_inact { background-color:#c8e9e5 ; }
.rouge_culture_inact { background-color:#ecc6cc ; }
.bleu_loisir_inact { background-color:#a8d7ea ; }
.vert_nature_inact { background-color:#c2d7aa ; } 
.marron_patrimoine_inact { background-color:#cbc3a9 ; } 
.vert_gratuit_inact { background-color:#dee9c2; }
.violet_cityguide_inact { background-color:#e7bed6 ; } 

 
 .apercu {
    -webkit-font-smoothing: antialiased;
    font-weight: 400!important;
    font-family: 'apercuM', sans-serif;
    font-weight: normal;
    text-decoration: none;
}

/* HOME */
.pave_mini_menu_img { width: 120px; max-width:120px; height: 84px; overflow: hidden; display: inline-block;}
.home_bloc_agenda_pavetxtbas2 {
HEIGHT: 80px;
max-height: 80px;
OVERFLOW: hidden;
CURSOR: pointer;
width:126px;
padding: 0px;
margin:2px;
 display: inline-block;  
}
.pave_mini_menu {  width: 120px; max-width:120px; height: 123px; overflow: hidden; background:#FFFFFF; border:#e7e7e7 1px solid; display: inline-block; 
margin-right:7px; }
.pave_mini_menu2 {  width: 250px; max-width:250px; height: 84px; overflow: hidden; background:#FFFFFF; border:#e7e7e7 1px solid; display: inline-block; 
margin-right:7px;  }
.pave_mini_menu_titrevignette { color: #2B2B2B; 
font-family: 'apercuM', sans-serif; /*font-weight: 600;*/ font-size: 16px; line-height: 16px; text-transform: uppercase;}
.pave_mini_menu_soustitrevignette {color: #666666;
font-family: 'Source Sans Pro', sans-serif; /*font-weight: 600;*/ font-size: 12px; line-height: 13px; }




/*menu icone */
#bpc2_menu { display: inline-block; }
#bpc2_menu UL { margin:0px; padding:0px;  }
#bpc2_menu LI {  LIST-STYLE-TYPE: none;  vertical-align:top; font-size:24px; height:30px; min-height:30px; display:inline-block; width:40px; text-align:center; }
#bpc2_menu LI:hover {  }
#bpc2_menu LI.sfhover { }
#bpc2_menu LI A { 	TEXT-DECORATION: none;  }
#bpc2_menu UL UL {    position:relative; width:312px;  height:0px; max-height:0px; overflow:hidden; }
#bpc2_menu LI:hover UL.niveau2 { display: inline-block; min-width:100px; height:90px; max-height:90px; }
#bpc2_menu LI.sfhover UL.niveau2 { display: inline-block; float: left; }
#bpc2_menu LI LI.sfhover UL.niveau3 { display: inline-block; float: left; }






#bloc_info_transport { vertical-align:top; margin-top:5px; border-top: #f0f0f0 1px solid; padding-top:5px; border-bottom: #f0f0f0 1px solid; padding-bottom:5px; min-height:70px; }

#mini_prog { display:inline-block; position:absolute;  margin-top:5px; width:430px; z-index:11; height:0px; transition:  height 0.2s linear;
overflow:hidden; }
#titre_liste_event:hover #mini_prog { height:82px; border-top: #f0f0f0 1px solid; border-bottom: #f0f0f0 1px solid; }

#mini_prog2 { background:#FFFFFF;   padding: 5px; height:70px; max-height:70px; overflow:hidden; width:418px;
-webkit-border-radius: 2px;  -moz-border-radius: 2px; border-radius: 2px; 
-webkit-box-shadow: 0 4px 2px -2px rgba(0,0,0,0.1),0 0 0 #000; -moz-box-shadow: 0 4px 2px -2px rgba(0,0,0,0.1),0 0 0 #000; box-shadow: 0 4px 2px -2px rgba(0,0,0,0.1),0 0 0 #000; 
 }



#coeur_base { max-height:120px; overflow:hidden; max-width:140px; }
.coeur_backg { /* background:#423636; */ height:120px; width:140px;   }
.shape {
	width: 160px;
	height: 140px; /* height: 300px; */
	position: relative;
}
		
	.shape .overlay {
		display:block;
		width: 190px; /* width: 310px;  */
		height: 170px;
		position: absolute;
		top:-30px;
		left:-30px;
		-webkit-transform: scale(.8,.8);
		-webkit-transition-timing-function: ease-out;
		-webkit-transition-duration: 0.6s;
		-moz-transform: scale(.8,.8);
		-moz-transition-timing-function: ease-out;
		-moz-transition-duration: 0.6s;
		transform: scale(.8,.8);
		transition-timing-function: ease-out;
		transition-duration: 0.6s;				
		z-index:500;
		/* allow user to actually perform actions underneath this layer */
		pointer-events:none; 
		background-repeat: no-repeat;
		outline:0;		
	}

/* different shapes */
.shape .overlay.coeur_fond {
	background: url(https://www.frequence-sud.fr/img/navigation/ux/coeur_fond2.png);		
}

/* hover effect */
.shape:hover .overlay {
	-webkit-transform: scale(1,1);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 0.3s;
	-moz-transform: scale(1,1);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 0.3s;
}


.shape:hover .bg {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  opacity: 0.8;
  display:block;
}

.shape:hover .details {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
	z-index:450;
  display:block;	
}	
.shape:hover .coeur_txt_base { display:none; }	
		

/* content styles */
.shape .bg, 
.shape .details {
	position: absolute;
	width: 140px;
	height:140px;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	top:0;
	left:0;
	opacity:0;
	-webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;				
	display:none;  
}		

.shape .bg {
/*	background: #4b5a78; */
	background: #ab7d1f;
}
.shape .coeur_txt_base { font-size:16px; 	line-height:16px; 	display:block; 	margin-top:35px; margin-left:28px; 	color:#fff;
	text-decoration:none; 	max-width:80px;  	position: absolute;  	text-align:center; 	text-transform: uppercase; 	 }

.shape .details span.heading {
	font-size:16px;
	line-height:16px;
	display:block;
	margin: 20px auto 0 auto;
	color:#fff;
	text-decoration:none;
	max-width:100px; text-transform: uppercase;
	
}

.shape .details p {
	color:#fff;
	width: 70%;
	line-height:16px;
	font-size:12px;
	margin:0 auto;
}

.shape a.button {
	padding:5px 5px;
	/*font-family: 'Alegreya SC', serif;	*/
	font-size:10px;	
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
	background: #2f3644;
	text-decoration:none;
	color:#fff;
	display:block;
	width:70px;
	margin:0 auto;
	text-align:center;
	margin-top:10px;
	text-transform: uppercase;
	CURSOR: pointer;
	
}

	.shape a.button:hover {
		background: #fff;
		color: #2f3644;				
	}
	
	
input[type="text"].menu_login, input[type="password"].menu_pass {
display: inline-block;
height: 14px;
padding: 2px 2px;
/* margin-bottom: 9px;*/
font-size: 12px;
line-height: 14px;
color: #555;
/*
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; */
width:110px;
background-color: white;
border: 1px solid;
border-color: #CCC;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border linear .2s,box-shadow linear .2s; -moz-transition: border linear .2s,box-shadow linear .2s; -o-transition: border linear .2s,box-shadow linear .2s; transition: border linear .2s,box-shadow linear .2s;
FONT-FAMILY: Arial, Helvetica, sans-serif;
}	
input[type="checkbox"] { margin-top: 0px; margin-right: 2px; margin-bottom: 0px; margin-left: 2px; width:12px; height:12px; background-color: white; border: 1px solid; border-color: #CCC;}	
input[type="submit"].menu_valid { height: 18px; background:#fff; border:none;  font-family: 'apercuM', Verdana, Arial, Helvetica, sans-serif;
padding: 2px 6px;
font-size: 12px;
line-height: 12px;
color: #423636;
margin-top:2px; margin-right:0px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;border: 1px solid;
border-color: #CCC;

-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border linear .2s,box-shadow linear .2s; -moz-transition: border linear .2s,box-shadow linear .2s; -o-transition: border linear .2s,box-shadow linear .2s; transition: border linear .2s,box-shadow linear .2s;
 }
 .LV_validation_message {    font-weight:bold;  display:inline-block; float:left;  margin-left:15px;}

.LV_valid {
    color:#00CC00;
	font-size : 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	
.LV_invalid {
    color:#CC0000;
	font-size : 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
    
.LV_valid_field,
input.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
    border: 1px solid #00CC00;
}
    
.LV_invalid_field, 
input.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
    border: 1px solid #CC0000;
}

 
 .menu_une {
background: #0070b9;
}
#progsolo {
width: 100%;
max-width: 500px;
border: #fde2e7 1px solid;
}
.navigation {
  margin: 0;
  padding: 0;
  list-style: none;
 width: 500px;
  font-size : 16px; font-size: 1.6rem;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
.navigation a.menutitre, .navigation span.titre_menubarre {
  display: block;
  padding: 5px 20px;
  color: #fff;
/*  text-decoration: none;*/
}
.navigation a.menutitre2, .navigation .open a.menutitre2, .navigation span.titre_menubarre2 {
  display: block;
  padding: 2px 20px;
  text-decoration: none;
   background: url(../img/navigation/local/picto_t_velo15.png) top left no-repeat;
  background-position:1px 6px;
  margin-bottom:1px;  
  font-size : 14px; font-size: 1.4rem; font-family: Arial, Helvetica, sans-serif; font-weight: bold; LINE-HEIGHT: 16px; 	color: #D41C3B;	
}

.navigation .t_velo a.menutitre2 , .navigation .open .t_velo a#mmenu.menutitre2, .navigation .t_velo span.titre_menubarre2 {
 background: url(../img/navigation/local/picto_t_velo15.png) top left no-repeat;
 background-position:1px 6px;
   
}
.navigation .t_bus a.menutitre2.mmenu , .navigation .open .t_bus a.menutitre2, .navigation .t_bus span.titre_menubarre2 {
 background: url(../img/navigation/local/picto_t_bus15.png) top left no-repeat;  background-position:1px 6px; }
.navigation .t_train a.menutitre2.mmenu , .navigation .open .t_train a.menutitre2, .navigation .t_train span.titre_menubarre2 {
 background: url(../img/navigation/local/picto_t_train15.png) top left no-repeat;  background-position:1px 6px; }
.navigation .t_voiture a.menutitre2.mmenu , .navigation .open .t_voiture a.menutitre2, .navigation .t_voitureo span.titre_menubarre2 {
 background: url(../img/navigation/local/picto_t_voiture15.png) top left no-repeat;  background-position:1px 6px; }
.navigation .t_metro a.menutitre2.mmenu  , .navigation .open .t_metro a.menutitre2, .navigation .t_metro span.titre_menubarre2 {
 background: url(../img/navigation/local/picto_t_metro15.png) top left no-repeat;  background-position:1px 6px; }
 .navigation .t_map a.menutitre2.mmenu  , .navigation .open .t_map a.menutitre2, .navigation .t_map span.titre_menubarre2 {
 background: url(../img/navigation/local/picto_t_map15.png) top left no-repeat;  background-position:1px 6px; }
.navigation .t_base a.menutitre2.mmenu  , .navigation .open .t_base a.menutitre2, .navigation .t_base span.titre_menubarre2 {
background: none; padding: 5px 5px;  }

 
 .navigation .toggleSubMenu a.mmenu, .navigation .toggleSubMenu span.titre_menubarre  {
  background: url(https://www.frequence-sud.fr/img/navigation/mobile/menu_off.png) top left no-repeat;
  background-position:1px 6px;
  margin-bottom:1px;  
}

.navigation .open a.mmenu, .navigation .open span.titre_menubarre {
  background: url(https://www.frequence-sud.fr/img/navigation/mobile/menu_active.png) top left no-repeat;
  background-position:2px 5px;
}

.navigation .toggleSubMenu2 a.mmenu, .navigation .toggleSubMenu2 span.titre_menubarre2, .navigation .open span.titre_menubarre2 {
  background: url(https://www.frequence-sud.fr/img/navigation/local/picto_t_velo15.png) top left no-repeat;
  background-position:1px 6px;
  margin-bottom:1px;  
}

.navigation a:hover, .navigation a:focus, .navigation a:active {
  text-decoration: underline;
}
.navigation .subMenu, .navigation .subMenu2, .navigation .subMenu_perm {
  font-size: .8em;
  background: #fff;
  font-size: .9em;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #666;
  display:block;
}

.angle_cadeau {
position: relative;
display: inline-block;
float: right;
margin-top: -9px;
margin-right: -9px;
}

   
	.blochaut { margin-top: 10px; height: 148px }




.wrapper {
	/*width: 90%; /*
	max-width: 1100px;
	/* min-width: 720px; */
	margin: 15px auto;
}

#columns {
	-webkit-column-count: 3;
	-webkit-column-gap: 10px;
	-webkit-column-fill: auto;
	-moz-column-count: 3;
	-moz-column-gap: 10px;
	-moz-column-fill: auto;
	column-count: 3;
	column-gap: 10px;
	column-fill: auto;
}

.pin {
	display: inline-block;
	background: #FEFEFE;
	border: 2px solid #FAFAFA;
	box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);
	margin: 0 0px 15px;
	-webkit-column-break-inside: avoid;
	-moz-column-break-inside: avoid;
	column-break-inside: avoid;
	padding: 15px;
	padding-bottom: 5px;
	background: -webkit-linear-gradient(45deg, #FFF, #F9F9F9);
	opacity: 1;
	
	/*-webkit-transition: all .1s ease;
	-moz-transition: all .1s ease;
	-o-transition: all .1s ease;
	transition: all .1s ease;*/
}
.pin:hover {
	box-shadow: 0 1px 3px #D41C3B;
	
}



.fixed-container {
height:0;
}
.fixed-wrapper {
/*position: relative;*/
}

#bouton_ferm_wrapp { display:block; float:right; }
 .social.sticky {
position: relative;
top: 20px;
margin-left: -75px; 
z-index: 3;
width:58px;

z-index:999;
}



.social.sticky li.header {
width: 58px;
text-transform: uppercase;
letter-spacing: -1px;
text-align: center;
font-size: 11px;
padding-bottom: 5px;
}
.social.expendButton li.header {
width: 58px;
text-transform: uppercase;
letter-spacing: -1px;
text-align: center;
font-size: 11px;
padding-bottom: 5px;
}

.social.sticky li.share_msg {
    width: 58px;
 /*   margin-right: 8px;
    margin-top: 0px; */
    height: 18px;
  /*  display: block;
    float: right;*/
}



.social.sticky li.social_sele:hover, .social.sticky li.facebook:hover, .social.sticky li.share_msg:hover, .social.sticky li.twitter:hover,.social.sticky li.google:hover,.social.sticky li.com:hover{height:60px}

.social.sticky li.social_sele{background-color:#ce9e3c;background-image:url("https://www.musilive.fr/img/navig/picto/coeur_white.png");background-position:21px 10px}
.social.sticky li.social_sele .txt:after{/*content:"Je veux y aller!" */}

.social.sticky li.social_sele .count{background-color:#ab7d1f; }
.social.sticky li.social_sele .count:before{border-color:transparent transparent #ab7d1f transparent}
.social.sticky li.facebook{background-color:#3b5999;background-image:url("https://www.musilive.fr/img/navig/picto/facebook_white.png");background-position:25px 10px}
.social.sticky li.facebook .txt:after{content:"Je partage!"}
.social.sticky li.facebook .count{background-color:#324c82;}
.social.sticky li.facebook .count:before{border-color:transparent transparent #324c82 transparent}
.social.sticky li.share_msg{background-color:#19A613; text-align: center; font-weight: bold;}
.social.sticky li.share_msg .count{background-color:#1D9011;}
.social.sticky li.share_msg .count:before{border-color:transparent transparent #1D9011 transparent}
.social.sticky li.twitter{background-color:#3aaae1;background-image:url("https://www.musilive.fr/img/navig/picto/twitter_white.png");background-position:21px 10px}
.social.sticky li.twitter .txt:after{content:"Twitter!"}
.social.sticky li.twitter .count{background-color:#3499ca}
.social.sticky li.twitter .count:before{border-color:transparent transparent #3499ca transparent}
.social.sticky li.google{background-image:url("https://www.musilive.fr/img/navig/picto/googleplus_white.png");background-color:#dd4b39;background-position:24px 10px}
.social.sticky li.google .txt:after{content:"Plus !"}
.social.sticky li.google .count{background-color:#c64333}
.social.sticky li.google .count:before{border-color:transparent transparent #c64333 transparent}
.social.sticky li.com{background-image:url("https://www.musilive.fr/img/navig/picto/coeur_white.png");background-color:#00aed9;background-position:18px 10px}
.social.sticky li.com .txt:after{content:"Com's me !"}
.social.sticky li.com .count{background-color:#009cc3}
.social.sticky li.com .count:before{border-color:transparent transparent #009cc3 transparent}




#bloc_compte {
position: fixed;
left: 50%;
top: -450px;
z-index: 30000;
transition-property: top; transition-duration: .2s; transition-delay: 0; transition-timing-function: linear;
-moz-transition-property: top; -moz-transition-duration: .2s; -moz-transition-delay: 0; -moz-transition-timing-function: linear;
-o-transition-property: top; -o-transition-duration: .2s; -o-transition-delay: 0; -o-transition-timing-function: linear;
-ms-transition-property: top; -ms-transition-duration: .2s; -ms-transition-delay: 0; -ms-transition-timing-function: linear;
-webkit-transition-property: top; -webkit-transition-duration: .2s; -webkit-transition-delay: 0; -webkit-transition-timing-function: linear;
}

.zone_bloc_centre { width:500px; height:320px; left:-250px; margin: 0 auto; position:relative;
padding: 20px;
border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
box-shadow: 0 0 0 5px rgba(0,0,0,0.05); -moz-box-shadow: 0 0 0 5px rgba(0,0,0,0.05); -webkit-box-shadow: 0 0 0 5px rgba(0,0,0,0.05);
background-color: white; border: 2px solid #ce9e3c; 
-moz-box-shadow: 4 0 8px #000000;
-webkit-box-shadow: 0px 0px 10px #000000;
}

.fond_auto {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 20000;
background-color: black;
}



.social.sticky li.social_sele .txt, .social.sticky li.facebook .txt, .social.sticky li.share_msg .txt, .social.sticky li.twitter .txt, .social.sticky li.google .txt, .social.sticky li.com .txt {
position: absolute;
top: 36px;
left: 5px;
right: 5px;
/*font-weight: bold;*/
font-size: 11px;
line-height: 15px;
text-align: center;
font-family: 'Georgia';
/*font-style: italic;*/
}
.social.sticky li.social_sele .count, .social.sticky li.facebook .count, .social.sticky li.share_msg .count, .social.sticky li.twitter .count, .social.sticky li.google .count, .social.sticky li.com .count {
line-height: 24px;
-moz-border-radius-bottom-left: 3px;
-webkit-border-bottom-left-radius: 3px;
border-bottom-left-radius: 3px;
-moz-border-radius-bottom-right: 3px;
-webkit-border-bottom-right-radius: 3px;
border-bottom-right-radius: 3px;
text-align: center;
font-size: 14px;
font-weight: bold;
color: #fff;
position: absolute;
left: 0;
right: 0;
bottom: 0;
 height:24px;

}
.social.sticky li.social_sele .count:before, .social.sticky li.facebook .count:before, .social.sticky li.share_msg .count:before, .social.sticky li.twitter .count:before, .social.sticky li.google .count:before, .social.sticky li.com .count:before {
content: '';
border-style: solid;
border-width: 0 5px 5px 5px;
position: absolute;
bottom: 24px;
left: 24px;
}

.social.sticky li.social_sele, .social.sticky li.facebook, .social.sticky li.share_msg, .social.sticky li.twitter, .social.sticky li.google, .social.sticky li.com {
color: #fff;
background-repeat: no-repeat;
position: relative;
padding: 20px 29px;
margin-top: 8px;
cursor: pointer;
height: 18px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
transition-property: height;
transition-duration: .1s;
transition-delay: 0;
transition-timing-function: linear;
-moz-transition-property: height;
-moz-transition-duration: .1s;
-moz-transition-delay: 0;
-moz-transition-timing-function: linear;
-o-transition-property: height;
-o-transition-duration: .1s;
-o-transition-delay: 0;
-o-transition-timing-function: linear;
-ms-transition-property: height;
-ms-transition-duration: .1s;
-ms-transition-delay: 0;
-ms-transition-timing-function: linear;
-webkit-transition-property: height;
-webkit-transition-duration: .1s;
-webkit-transition-delay: 0;
-webkit-transition-timing-function: linear;
overflow: hidden;

}

@media screen and (max-width: 1150px)  {
.social.sticky { position:relative; top: 0px; margin-left: 0px; z-index: 3000; width: 100%; left: 0px; height:0px; }
.social.sticky li.social_sele, .social.sticky li.facebook, .social.sticky li.share_msg, .social.sticky li.twitter, .social.sticky li.google, .social.sticky li.com {
margin-right:8px; margin-top:0px; height: 18px; display:block; float:right; }
#sous_titre { min-height:20px; }
H1.articleb { max-width:386px; }
h1.test_h1  {  max-width: 660px; }
}

@media (min-width: 960px) {
	#columns {
		-webkit-column-count: 3;
		-moz-column-count: 3;
		column-count: 3;
	}
}

@media (min-width: 1100px) {
	#columns {
		-webkit-column-count: 3;
		-moz-column-count: 3;
		column-count: 3;
	}
}

.cont_com:hover .pin:not(:hover) {
	opacity: 0.8;
	box-shadow: 0 1px 2px rgba(34, 25, 25, 0.4);
	
}

a img.minigal {
	border: 1px solid #BBB;
	padding: 3px;
	margin: 10px 10px 10px 0;
	
}
 
 #bloc_bonus_musique { width: 600px; min-height: 100px; background: #e1b738; }
 #bloc_bonus_culture { width: 600px; min-height: 100px; background: #d41c3b; }

#pave_mini_contrast { display: inline-block; background: #FFFFFF; width:180px; margin:5px 0 5px 16px; /*  -webkit-box-shadow: 2px 2px 5px 0px rgba(41, 72, 3, .6); -moz-box-shadow:2px 2px 5px 0px rgba(41, 72, 3, .6); box-shadow:2px 2px 5px 0px rgba(41, 72, 3, .6); */  }
	.pave_mini_contrast_img { width: 180px; max-width: 180px; height: 120px; overflow: hidden; display: inline-block; }
	.pave_mini_contrast_legende { HEIGHT: 40px; max-height: 40px;  OVERFLOW: hidden; CURSOR: pointer; width: 180px; padding: 0px; margin: 2px; display: inline-block; }
		.pave_mini_contrast_legende_titrevignette { font-family: 'apercuM', sans-serif; font-size: 16px; line-height: 16px; text-transform: uppercase; }
		.pave_mini_contrast_legende_soustitrevignette {color: #666666; font-family: 'Source Sans Pro', sans-serif; font-size: 12px; line-height: 13px; }
	#pave_mini_contrast_lienbas { padding:0px 20px 5px 16px; text-transform: uppercase; background:#f0f0f0; text-align:right; border-bottom:#4d8905 1px solid;}
	#pave_mini_contrast_lienbas_musique { padding:0px 20px 5px 16px; text-transform: uppercase; background:#f0f0f0; text-align:right; border-bottom:#e1b738 1px solid;}
	#pave_mini_contrast_lienbas_culture { padding:0px 20px 5px 16px; text-transform: uppercase; background:#f0f0f0; text-align:right; border-bottom:#d41c3b 1px solid;}
	#pave_mini_contrast_lienbas_loisir { padding:0px 20px 5px 16px; text-transform: uppercase; background:#f0f0f0; text-align:right; border-bottom:#008bc1 1px solid;}
	#img_minicontrast_bas { position:absolute; margin-left:78px; margin-top:108px; z-index:5; width:24px; height:12px; }

	#rappel_bas { position: fixed; bottom: 10px; right: 10px; display:none; z-index: 19; width:600px; }
	#btn_up { width: 80px; height: 80px; position:fixed; right:10px; bottom: 230px; cursor: pointer; background: url(https://www.frequence-sud.fr/img/navigation/home/sprite_bigNav.png) no-repeat 0 0; filter: alpha(opacity=30); -ms-filter: "alpha(opacity=30)"; opacity: .3;
-moz-border-radius: 10px; border-radius: 10px;  -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; transition: all 200ms ease; text-align:right; margin-left:200px; }
#btn_up:hover { background-color: #fff; filter: alpha(opacity=100); -ms-filter: "alpha(opacity=100)"; opacity: 1; }

 
 
footer { background: #202020; color: #fff; font-size: 13px; font-family: Arial; padding: 0 0 30px; clear: both; min-width: 1000px; position: relative; z-index: 5; margin-top:50px; }
#premier_footer {background: #262626; padding-bottom:20px; }
 .bloc_1erfooter { width: 1000px; max-width: 1000px; margin: 0px auto; }
 .bloc_1erfooter_col1 { border-right: 1px solid #3b3a3a; display: inline-block; vertical-align: top; padding: 0 30px 0 0; min-height: 150px; margin-top:20px; text-align:left;}
 .bloc_1erfooter_col2 { border-right: 1px solid #3b3a3a; display: inline-block; vertical-align: top; padding: 0 30px 0 30px;; min-height: 150px; margin-top:20px;  text-align:left;}
 .bloc_1erfooter_col3 { 									display: inline-block; vertical-align: top; padding: 0 0 0 30px; min-height: 150px; margin-top:20px; text-align:left; }
 
 input[type="text"].menu_login, input[type="password"].menu_pass {
display: inline-block; height: 14px; padding: 2px 2px;  font-size: 12px; line-height: 14px; color: #555;  width:110px; background-color: white; border: 1px solid; border-color: #CCC;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border linear .2s,box-shadow linear .2s; -moz-transition: border linear .2s,box-shadow linear .2s; -o-transition: border linear .2s,box-shadow linear .2s; transition: border linear .2s,box-shadow linear .2s; FONT-FAMILY: Arial, Helvetica, sans-serif; }	

/* systeme de notation - etoiles */
.listeEtoile ul {			margin: 0; 			padding: 0; 			list-style-type: none; 		}
.listeEtoile ul li { 			display:inline-block; margin-left:10px;		/*	width: 16px; 	*/		text-align: left; 			list-style-type: none; 		}
.listeEtoile ul li a { color:#FFFFFF; }
.listeEtoile ul li span { 			border: 0; 			margin: 0; 			padding: 0; 		}

/* fil d'ariane */
#ariane { padding:0; margin:10px; /* border-bottom: #3896d3 1px solid; */}
#ariane li { 	margin: 0; 			padding: 0; 			list-style-type: none; display:inline;   /*  border: #3896d3 1px dashed;*/ padding:4px 6px; font-size:14px; margin:4px; 	 }

/* agenda */
#elem_agenda_top {
    text-align: center;
    margin-bottom: 4px;
    border-bottom: #999999 1px dashed;
    padding-bottom: 3px;
}


/* tables */
table.tablesorter {
	margin:0 auto;
	background-color: #CDCDCD;
	font-size: 14px;
	width: 90%;
	text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #0069ad;
	color:#fff;
	border: 1px solid #FFF;
	font-size: 14px;
	padding: 4px;
	text-align:center;
}
table.tablesorter thead tr .header {
	background-image: url(https://www.frequence-sud.fr/Scripts/table_tri/themes/blue/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
}
table.tablesorter tbody tr:hover td, table.tablesorter tbody tr:hover td a, table.tablesorter tbody tr:hover td font {
	background-color: #0069ad;
	color:#fff;
}
table.tablesorter tbody tr.odd td {
	background-color:#F0F0F6;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(https://www.frequence-sud.fr/Scripts/table_tri/themes/blue/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(https://www.frequence-sud.fr/Scripts/table_tri/themes/blue/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #8dbdd8;
}