ul.dropdown-menu.socialdropdown.par22 {
	top: initial;
	right: initial;
	margin-top: -5px;
}


/* ----------- CTKOI ------------ */

table.list_diffusions {
	width: 100%;
}

table.list_diffusions thead {
	border-bottom: 1px solid #ADADAD;
	text-transform: uppercase;
}

table.list_diffusions thead th {
	padding-left: 10px;
}

.list_diffusions img {
	width: 60px;
	height: 60px;
}

table.list_diffusions tr td{
	padding: 5px 0;
}

table.list_diffusions tr td.download{
	width: 145px;
}

.list_diffusions td.titre .titre_morceau {
	font-style: italic;
}

table.list_diffusions tr td.heure {
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}

.list_diffusions td .encemoment {
	font-size: 12px;
	text-transform: uppercase;
	width: 70%;
	text-align: center;
	line-height: 15px;
	margin: auto;
}

.list_diffusions tr.impair {
	background-color: #f2f2f2;
}

.list_diffusions div.ckoi.n_post_image {
	width: 60px;
}

.list_diffusions td.titre .titre_artiste {
	text-transform: uppercase;
	font-size: 18px;
}


.ckoi_form {
	background: #eeeeee;
	padding: 5px 10px 15px;
	margin-bottom: 15px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.ckoi_form .controls {
	height: 35px;
}
.ckoi_form div.span2, .ckoi_form div.span1 {
	margin-right: 17px;
	margin-left: 0;
}

.ckoi_form input.submitckoi {
	margin-top: 35px;
}


.ckoi_form #heure_diffusion {
	background: #fff;
}

.heure_diffusion {
	position: absolute;
	padding: 3px 6px;
	background: #222;
	color: white;
}

.layout-bureau .heure_diffusion {
	top: initial;
	margin-top: -30px;
	font-size: 20px;
}

.one_fourth .heure_diffusion {
	font-size: 18px;
}

.one_third .heure_diffusion {
	font-size: 19px;
}

#content .one_third .sm2-360ui {
	margin-left: 6px;
	margin-top: 6px;
}

#content .one_fourth .sm2-360ui {
	margin-left: -1px;
	margin-top: -2px;
}

#content .layoutmosaique .heure_diffusion {
	top: 113px;
	font-size: 19px;
}

.one_half .ui360 {
	left: 35px;
	top: 42px;
	float: left;
	margin-right: -50px;
}


@media(min-width: 980px){
	#header_mobile{
		display: none;
	}

	.layout-mobile {
		display: none;
	}

}

@media(max-width: 979px){

	.home{
		display: block !important;
		margin: 0 !important;
	}
	#container{
		width: 100%;
		/*margin-top: 125px !important;*/
		padding-left: 0;
	}
	#middle{
		display: table;
		margin: 0 auto;
	}
	.bureau-image{
		display: none;
	}
	.mobile-image{
		display: block !important;
		margin: auto;
	}
	.n_post_image {
		float: none !important;
		width: initial !important;
		margin: 0 auto !important;
	}
	.n_post_image.ckoi {
		margin: 0 !important;
		width: 60px !important;
	}
	.n_post_content .tbutton, .n_post_content .post_data .trans ,.n_post .post_data .trans  {
		display: none;
	}
	.home #content .content_news .n_post{
		height: 80px !important;
  		min-height: initial;
	}
	.n_post_content{
		margin-left: 5px !important;
  		margin-top: 11px;
  		padding-right: 11px;
  		max-width: 100%;
  		width: initial;
  		font-weight: initial;
  		max-height: 100px;
  		min-height: 60px;
	}

	.n_post_content.nocontent {
		min-height: 30px !important;
	}

	.n_post_content.nocontent span.post_data, .n_post_content span.post_data  {
		display: none !important;
	}

	.n_post_content.nocontent p {
		height: 0 !important;
		min-height: 0 !important;
		margin: 0 !important;
	}
	.n_post_content h6{
		margin-bottom: 1px !important;
	}
	.n_post_content h2{
		margin-bottom: 0 !important;
		text-overflow:ellipsis;
		display: -webkit-inline-box;
		-webkit-box-orient: vertical;
		overflow: hidden;
		-webkit-line-clamp: 1;
		line-height: 24px;
	}
	.n_post_content p{
		text-overflow: ellipsis;
  		overflow: hidden;
  		display: -webkit-box;
		-webkit-box-orient: vertical;
		overflow: hidden;
		-webkit-line-clamp: 2;
		font-weight: initial;
		min-height: 40px;
	}
	.content-bureau{
		display: none;
	}
	.content-mobile{
		display: block !important;
	}
	.anims{
		display: none;
	}
	.post.n_post {
		margin-bottom: 0 !important;
		padding-bottom: 20px !important;
		min-height: initial;
	}

	.coin-slider {
	    overflow: hidden;
	}
}
.mobile-image{
	display: none;
}
@media(max-width: 662px){
	#content{
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}
	#content{
		border-radius: 0 !important;
		-webkit-border-radius:0 !important;
	}
	.middle_line{
		border-radius: 0 !important;
	}
	#middle{
		display: block;
		margin-right: 1px;
	}
	.mobile-image{
		width: 100%;
	}
	.n_post_content {
		padding-left: 3px;
	}
	.headline{
		padding-left: 6px;
	}
	#map{
		width: 99% !important;
		margin-left: 2px;
	}

}
/*              AGENDA                 */

@media(max-width: 581px){
	.agenda-mobile{
		display: block !important;
	}
	.agenda_form .agenda-bureau{
		display: none;
	}
	.lbl-recherche{
		visibility: hidden;
	}
	.agenda_form .icon-calendar, .agenda_form .icon-map-marker{
		visibility: hidden;
	}
	.agenda_form .mobile-submitagenda{
		display: block !important;
	}
	.agenda_form .bureau-submitagenda{
		display: none;
	}
	.agenda_form .agenda_date {
		width: 45%;
		float: left;
		text-align: center;
		margin-top: -39px;
		margin-right: 20px;
	}
	.agenda_form .agenda_date .agenda-mobile{
		width: 94%;
	}
	.agenda_form .agenda_ville {
		width: 45%;
		float: left;
		text-align: center;
		vertical-align: middle;
		margin-top: -38px;
	}
	.agenda_form #liste_lieux {
  		width: 104%;
	}
	.agenda_form .mobile-submitagenda{
		width: 100% !important;
		margin-top: 0 !important;
	}
}
@media(max-width: 620px){
	.download{
		display: none;
	}
}
@media(max-width: 981px){
	.feature_txt h4{
		padding-left: 0 !important;
	}

	.titre_artiste, .titre_morceau{
		margin-left: 5px;
		text-overflow: ellipsis;
		overflow: hidden;
		width: 100%;
		text-overflow: ellipsis;
		display: -webkit-inline-box;
		-webkit-box-orient: vertical;
		overflow: hidden;
		-webkit-line-clamp: 1;
	}

	.titre_morceau{
		margin-left: 5px;
		text-overflow: ellipsis;
		overflow: hidden;

	}
}
.agenda_form .mobile-submitagenda{
	display: none;
}
.agenda_form .agenda-mobile{
	display: none;
}
/*            FIN  AGENDA                */

/*            EMISSION                    */
.jour-mobile{
	display: none;
}
@media(max-width: 577px){
	.jour-bureau{
		display: none;
	}
	.jour-mobile{
		display: block;
		margin-left: 6px;
	}
	#allcat, .filter{
		border: 1px solid rgb(214, 214, 214);
		padding: 2px;
		border-radius: 5px;
		display: inline-block;
		width: 9%;
		text-align: center;
	}
	.pagination-mini ul>li>a{
		padding: 0 11px;
	}
}

#animateurs-emission .one_half {
	float: none;
}
/*            FIN EMISSION                */


/*            MUSIQUES                    */
@media(max-width: 981px){
	.one_half .person .btn-inverse{
		position: relative;
		bottom: 83px;
		left: 137px;
	}
	.one_half .person #action_vote{
		position: relative;
		position: relative;
		bottom: 83px;
		left: 137px;
	}
	.entry .one_half,{
		width: 100%;
	}
	.one_half .person .image_shadow_container{
		float: left;
		width: 120px;
		padding-left: 7px;

	}
		.posttitle{
		width: 44%;
		padding-left: 138px;
	}
	.home #middle .post{
		min-height: 100px;
	}

	.n_post_content_artiste h2{
		text-overflow:ellipsis;
		display: -webkit-inline-box;
		width: 100%;
		-webkit-box-orient: vertical;
		overflow: hidden;
		-webkit-line-clamp: 2;
		max-height: 48px;
		min-height: 26px;
	}
	.n_post_image_artiste .ui360{
		bottom:8px;
	}
}
@media(max-width: 621px){
	.entry .one_half.last,.entry .one_half{
		width: 100% !important;
		height: 138px;
	}
	.n_post_content_artiste{
		max-height: 100px;
		min-height: 70px;
	}

	#action_vote{
		position: relative;
	}
	#action_vote, .n_post_content_artiste .btn-inverse{
		margin-top: 12px !important;
	}
}
/*            FIN MUSIQUES                */


/*            CINEMA                      */
@media(max-width: 663px){
	.last h2 a em {
		font-size: 17px;
		text-overflow:ellipsis;
		display: -webkit-inline-box;
		-webkit-box-orient: vertical;
		overflow: hidden;
		-webkit-line-clamp: 2;
		width: 52%;
	}
	.one_fourth{
		padding-right: 0;
		padding-bottom: 0 !important;
	}
	.last p{
	}
	.entry{
		margin-left: 10px;
		margin-right: 10px;
	}
	#fakedropdown{
		visibility: hidden;
	}
}
@media(max-width: 981px){
	.last .post_data .trans{
		display: none;
	}
}
/*            FIN CINEMA                  */

/*            TITRES DIFFUSES             */
.ckoi_mobile{
	display: none;
}
.mobile-itunes{
	display: none;
}
@media(max-width: 981px){
	.titre .ckoi{
		width: 60px !important
	}
	.titre .ckoi .ui360{
		bottom: 0 !important;
	}
	.one_fourth.last {
		float: left !important;
	}
}
@media(max-width: 607px){
	.ckoi_bureau{
		display: none;
	}
	.ckoi_mobile{
		display: block;
	}
	.ckoi_form div.span1{
		width: 48% !important;
	}
	.ckoi_form div.span2{
		width: 100% !important;
	}
	.ckoi_form div.span2,.ckoi_form div.span1{
		margin-right: 5px !important;
	}
	#date_diffusion_mobile{
		width: 87%;
	}

	.submitckoi{
		width: 100% !important;
		margin-top: 0 !important;
	}
	.heure{
		padding-right: 8px !important;
		font-size: 18px !important;
		min-width: 67px;
	}
	.mobile-itunes {
		display: block;
		width: 27%;
		margin-right: auto;
		margin-left: auto;
	}
	.bureau-itunes{
		display: none;
	}

}

@media(max-width: 767px){

	.ovh h4{
		margin-bottom: 0 !important;
		text-overflow:ellipsis;
		display: -webkit-inline-box;
		-webkit-box-orient: vertical;
		overflow: hidden;
		-webkit-line-clamp: 1;
	}
	.tab-content-items li{
		padding-bottom: 0 !important;
		padding-top: 10px !important;
	}
	.tab-content-items-slider-text h4{
		margin-bottom: 0 !important;
		padding-bottom: 6px !important;
	}
	.tab-content-items-slider-text{
		padding-bottom: 11px;
	}
	.controlslide a i{
		font-size: 32px !important;
	}
	.controlslide .prev{
		margin-right: 5px;
	}
	div.span1,  div.span2{
		width: inherit !important;
		float: left !important;
	}
	.titleheadline{
		width:100% !important;
	}
}
@media(max-width: 979px) and (min-width: 768px){
	.span2{
		width: 140px !important;
	}
	.span1{
		width: 60px;
	}
	.ckoi_form div.span1 #heure_diffusion{
		width: 46px;
	}
}
/*            FIN TITRES DIFFUSES         */


/*            TOP10                       */
@media(max-width: 981px){
	#topvote .three_fourth{
		padding-bottom: 10px !important;
	}
	#topvote .one_fourth{
		padding-bottom: 0 !important;
	}
	#topvote .three_fourth p{
		padding-bottom: 13px !important;
	}
}
@media(max-width: 640px){
	#topvote .three_fourth a{
		display: none;
	}
	#topvote .three_fourth h2{
		font-size: 18px !important;
		text-overflow: ellipsis;
		width: 100%;
		overflow: hidden;
		white-space: nowrap;
	}
	#topvote .note{
		width: 6% !important;
	}
	#topvote .three_fourth{
		width: initial !important;
		padding-left: 148px;
		float: none;
	}
	#topvote .ui360{
		bottom: 0;
	}
	.post_data .trans{
		display: none;
	}
}
/*            FIN TOP10                   */


/*            DEDICACES                   */

@media(max-width: 613px){
	.post .three_fourth {
		width: 100% !important;
		margin-bottom: 16px !important;
	}
	.post .three_fourth .post_data .message-dedicace{
		width: inherit;
		padding-left: 10px !important;
	}
}

/*            CONTACT                     */
 @media(max-width: 610px){
 	.inp_l{
 		width: 100% !important;
 		padding-left: 2px;
 	}
 	.form_info table, .text_m #message{
 		width: 100% !important;
 	}
 	.text_m #message{
 		margin-left: -5px !important;
 	}
 }
/*            FIN CONTACT                 */


/*           LAYOUT PAR 2,3,4             */

@media(max-width: 981px){
	.layout-mobile{
		display: block !important;
	}

	.layout-bureau{
		display: none;
	}
}
/*           FIN LAYOUT PAR 2,3,4         */

#modification_form input, #participationform input {
    border : 1px solid #cccccc ;
    background-color: #FFFFFF ;
    color : black !important;
}

#modification_form .input-preprend {
	width: 200px !important;
}

#nom,#prenom,#datenaissance,#email,#telephone,#adresse,#cp,#ville,#pays, #civilite{
	background-color: white;
}

.form-box-left input, .form-box-right input {
	border: 1px solid #ccc;
	width: 200px !important;
}

.form-box input {
	width: 100%;
}

@media(min-width: 570px){
	.form-box-right, .form-box-left {
		width: 49%;
		display: inline-block;
	}

	#captchaImg{
		margin-top: 23px;
	}
}
@media(max-width: 570px){
	.form-box-right{
		width: 100%;
	}
	.form-box-left{
		width: 100%;
	}
	.form-box-fu
	#pseudo, #nom, #prenom, #datenaissance, #email, #telephone, #adresse, #cp, #ville, #pays, #civilite {
		width: 100% !important;
		background-color: white;
	}
}


#button-form-jeu{
	  margin-top: 34px;
  text-align: center;
}

button.dropdown-toggle.nostyle.tbutton.par22.fakedropdown {
	right: 5px;
	bottom: 5px;
	top: inherit;
	left: inherit;
}

/*           FOOTER                      */
@media(max-width: 624px){
	#footer{
		height: 67px;
	}
	.copyright{
		text-align: center;
	}
}
@media(max-width: 334px){
	#footer{
		height: 91px;
	}
}
/*           FIN FOOTER                  */