@charset "utf-8";
/* CSS Document */

@media only screen and (min-width:200px) and (max-width: 479px) {
	.side_header {position: static;width: 100%;}
	.main-content-area {width: 100%;float: none;padding: 0px 15px!important;}
	.footer-info .graphics {float: none;}
	.footer-info .graphics span {display: block; text-align: center; margin-right: 0;}
	.footer-social {float: none; text-align: center; margin: 20px 0px 0px;}
	.side_bottom {border-bottom: 1px solid #fff;}
	.title-section2 h1 {margin-right: 0px;margin-bottom: 20px;}
	
	.slider-part .cours-slide {text-align: center;}
	
	/*.slider-part .cours-slide .item {margin: auto; width: 100%; text-align: center;float: middle;}*/
	/*.slider-part .cours-slide .item a {width: 100%; text-align: center;float: middle; margin-left: auto; margin-right: auto; position: relative; top:-198px;}*/
	/*.slider-part .cours-slide .item span {margin: auto; width: 100%; text-align: center;float: middle;}*/
	/*.cours_image {height:198px;}*/
	
	/*.slider-part .cours-slide {text-align: center;float: middle;}*/
	/*.slider-part .cours-slide span a {text-align: center;float: middle;}*/

	.appels-mosaique .footer-info {position: static;width: 100%;}
	.mosaic-section ul li {width: 100%;padding-right: 0px;}
	
	.appl-content .apple_left .but a {font-size: 12px;}
	.appl-content .apple_left h1 {font-size: 48px;}

	.appl-content .apple_left, .apple_right {width: 100%;float: none;margin: 0px;margin-bottom: 30px;}
	/*.appl-content h1 {word-break: break-all;}*/

	.artist_detail .video, .artist_detail .left {float: none;}
	.artist_detail .left {margin-bottom: 30px;}
	.artist_detail .video img {width: 100%}
	.artist_detail_bottom .left, .artist_detail_bottom .right {float: none;width: 100%;margin: 0px;margin-bottom: 30px;}
	.side-play::before {display: none;}

	.reg_form h2 {font-size: 32px;background: none;padding: 0px;margin: 30px 0px;text-align: center;}
	.regisrtation-page .reg_form .reg_left, .regisrtation-page .reg_form .reg_right {padding: 0px;width: 100%;max-width: 100%;}
	.music_form {width: 100%; float: none;}
	.music_img {width: 100%;float: none;text-align: center;margin-bottom: 15px;}
	.reg_form .form-hed {text-align: center;}
	.photo_img {width: 100%;float: none;margin-right: 0px;text-align: center;margin-bottom: 15px;}
	.reg_form .reg_right form {margin-bottom: 22px;}
	.col-sm-10 {width: 79%;}
	.col-sm-2 {width: 20%;}
	
	.dspboutonsuppcompte2 {text-align: center; }
	.dspboutonsuppcompte {display: inline !important; float: none !important;}
	
	.propose_content .heading {margin:0 0 20px 0;}
	.content-propose-mosaique{padding-left: 0px;}
}



@media only screen and (min-width:480px) and (max-width: 639px) {
	.side_header {position: static;width: 100%;}
	.main-content-area {width: 100%;float: none;padding: 0px 15px!important;}
	.footer-info .graphics {float: none;}
	.footer-info .graphics span {display: block; text-align: center; margin-right: 0;}
	.footer-social {float: none;text-align: center;margin: 20px 0px 0px;}
	.side_bottom {border-bottom: 1px solid #fff;}
	.title-section2 h1 {margin-right: 0px;margin-bottom: 20px;}
	/*.slider-part .cours-slide .item {display: block;min-height: inherit;}*/
	.slider-part .cours-slide {text-align: center;}

	.appels-mosaique .footer-info {position: static;width: 100%;}
	.mosaic-section ul li {width: 49%;}
	.mosaic-section ul li:nth-child(2n) {margin-right: 0px;margin-left: 4px;}

	.appl-content .apple_left, .apple_right {width: 100%;float: none;margin: 0px;margin-bottom: 30px;}
	/*.appl-content h1 {word-break: break-all;}*/

	.artist_detail .video, .artist_detail .left {float: none;}
	.artist_detail .left {margin-bottom: 30px;}
	.artist_detail .video img {width: 100%}
	.artist_detail_bottom .left, .artist_detail_bottom .right {float: none;width: 100%;margin: 0px;margin-bottom: 30px;}
	.side-play::before {display: none;}


	.reg_form h2 {font-size: 32px;background: none;padding: 0px;margin: 30px 0px;text-align: center;}
	.regisrtation-page .reg_form .reg_left, .regisrtation-page .reg_form .reg_right {padding: 0px;width: 100%;max-width: 100%;}
	.music_form {width: 100%; float: none;}
	.music_img {width: 100%;float: none;text-align: center;margin-bottom: 15px;}
	.reg_form .form-hed {text-align: center;}
	.reg_form .reg_right form {margin-bottom: 22px;}
	.mosaic-section ul li {padding-right: 0px;}
	
	.col-sm-10 {width: 79%;}
	.col-sm-2 {width: 20%;}
	
	.dspboutonsuppcompte2 {text-align: center; }
	.dspboutonsuppcompte {display: inline !important; float: none !important;}
	
	.propose_content .heading {margin:0 0 20px 0;}
	.content-propose-mosaique{padding-left: 0px;}
}


@media only screen and (min-width:640px) and (max-width: 767px) {
	.side_header {position: static;width: 100%;}
	.main-content-area {width: 100%;float: none;}
	.footer-info .graphics {float: none; padding-left:0;}
	.footer-info .graphics span {display: block; text-align: center; margin-right: 0;}
	.side_bottom {border-bottom: 1px solid #fff;}
	.title-section2 h1 {margin-right: 0px;margin-bottom: 20px;}
	/*.slider-part .cours-slide .item {display: block;min-height: inherit;}*/
	.slider-part .cours-slide {text-align: center;}

	.appels-mosaique .footer-info {position: static;width: 100%;}
	.mosaic-section ul li {width: 50%;padding-right: 0px;}
	.mosaic-section ul li:nth-child(odd) {padding-right: 2px;}
	.mosaic-section ul li:nth-child(even) {padding-left: 2px;}

	.appl-content .apple_left, .apple_right {width: 100%;float: none;margin: 0px;margin-bottom: 30px;max-width: 100%;}
	/*.appl-content h1 {word-break: break-all;}*/

	.artist_detail .video, .artist_detail .left {float: none;}
	.artist_detail .left {margin-bottom: 30px;}
	.artist_detail_bottom .left {margin-bottom: 30px;}
	.artist_detail .video img {width: 100%}
	.side-play::before {display: none;}

	.regisrtation-page .reg_form .reg_left, .regisrtation-page .reg_form .reg_right {float: none;margin: 0 auto;}
	.reg_form .reg_left, .reg_form .reg_right {max-width: 100%;}
	.music_form {width: 80%;}
	
	.dspboutonsuppcompte {float:left !important;}
	
	.propose_content .heading {margin-left:0;}
}



@media only screen and (min-width:768px) and (max-width: 979px) {
	.side_header {width: 35%;}
	.main-content-area {width: 65%;}
	/*.main-content-area {width: 100%;}*/
	
	.bottom_nav ul li a {font-size: 15px;}
	.slider-part .cours-slide .item {min-height: inherit;}
	/*.slider-part {height:100%; width: 100%}*/
	
	.slider-part .cours-slide .item a {font-size: 43px;line-height: 43px;}
	.footer-info .graphics {float: none; padding-left:0;}
	.footer-info .graphics span {display: block;text-align: center; margin-right: 0;}
	.footer-social {float: right;text-align: center;margin: 0px 0px 0px;}

	.appels-mosaique .footer-info {position: static;width: 100%;}
	.mosaic-section ul li {width: 33.3%;}

	.appl-content .apple_left, .apple_right {width: 100%;float: none;margin: 0px;margin-bottom: 30px;max-width: 100%;}
	/*.appl-content h1 {word-break: break-all;}*/

	.artist_detail .video, .artist_detail .left {float: none;}
	.artist_detail .left {margin-bottom: 30px;}
	.artist_detail .video img {width: 100%}
	.artist_detail_bottom .left, .artist_detail_bottom .right {float: none;width: 100%;margin: 0px;margin-bottom: 30px;}
	.side-play::before {display: none;}


	.regisrtation-page .reg_form .reg_left, .regisrtation-page .reg_form .reg_right {float: none;margin: 0 auto;}
	.reg_form .reg_left, .reg_form .reg_right {max-width: 100%;}
	.footer-info {clear: both;}

	/*.footer-info .graphics {padding-left: 0px;float: left;}*/
	
	.dspboutonsuppcompte {float:left !important;}
}



@media only screen and (min-width:980px) and (max-width: 1300px) {
	.bottom_nav ul li a {font-size: 15px;}
	.footer-info {padding-left: 10px;}
	.slider-part .cours-slide .item {min-height: inherit;}
	/*.slider-part {height:100%; width: 100%}*/
	
	.slider-part .cours-slide .item a {line-height: 45px;font-size: 45px;}

	.mosaic-section ul li {width: 33.3%;}
	.appels-mosaique .footer-info {position: static;width: 100%;}

	.appl-content .apple_left, .apple_right {width: 100%;float: none;margin: 0px;margin-bottom: 30px;max-width: 100%;}
	.appl-content h1 {}

	.artist_detail .video, .artist_detail .left {float: none;}
	.artist_detail .left {margin-bottom: 30px;}
	.artist_detail .video img {width: 100%}
	.artist_detail_bottom .left, .artist_detail_bottom .right {float: none;width: 100%;margin: 0px;margin-bottom: 30px;}
	.side-play::before {display: none;}

	.appels-mosaique .footer-info .graphics {padding-left: 0px;}
	
	.dspboutonsuppcompte {float:left !important;}
}

@media only screen and (min-width:980px) and (max-width: 1023px) {
	.regisrtation-page .reg_form .reg_left, .regisrtation-page .reg_form .reg_right {float: none;margin: 0 auto;max-width: 100%;}
	.music_form {width: 80%;}
}

@media only screen and (min-width:1024px) and (max-width: 1170px) {
	.regisrtation-page .reg_form .reg_left, .regisrtation-page .reg_form .reg_right {padding-left: 20px;}
	.reg_form .reg_left, .reg_form .reg_right {max-width: 384px;}
	.music_form {width: 72%;}
}

@media only screen and (min-width: 1367px) {
	.appl-content .apple_left, .apple_right, .artist_detail .left, .artist_detail .video {max-width: 47%;}
	
	.dspboutonsuppcompte {float:left !important;}
}

@media only screen and (max-width: 979px) {
	.footer-info {position: fixed;}
	
}

@media only screen and (max-width: 640px) {
	.footer-info {position: fixed;}
	.footer-info .graphics {padding-left: 0px;}
}

@media only screen and (max-width: 767px) {
	.side_header .side_bottom {position: static;width: 100%;}
}

/*AFFICHE LES BOUTONS DE GESTION DES MEMBRES DE L'ARTISTE*/
@media only screen and (min-width: 150px) and (max-width: 379px) {
	.DspContactBut2 {display:inline;}
	.DspDelBut2{display:inline;}
	.DspContactBut1 {display:none;}
	.DspDelBut1{display:none;}
}
@media only screen and (min-width: 380px) and (max-width: 1023px) {
	.DspContactBut2 {display:none;}
	.DspDelBut2{display:none;}
	.DspContactBut1 {display:inline;}
	.DspDelBut1{display:inline;}
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
	.DspContactBut2 {display:inline;}
	.DspDelBut2{display:inline;}
	.DspContactBut1 {display:none;}
	.DspDelBut1{display:none;}
}
@media only screen and (min-width: 1301px) and (max-width: 1359px) {
	.DspContactBut2 {display:inline;}
	.DspDelBut2{display:inline;}
	.DspContactBut1 {display:none;}
	.DspDelBut1{display:none;}
}
@media only screen and (min-width: 1360px) {
	.DspContactBut2 {display:none;}
	.DspDelBut2{display:none;}
	.DspContactBut1 {display:inline;}
	.DspDelBut1{display:inline;}
}