#nav-responsive.collapse, #img-responsive{
	display: none;
}
.img-for-responsive{
	display: none;
	text-align: center;
}
.img-for-responsive1{
	display: none;
}
#static-content h1 {
	  font-size: 120px;
}
@media(max-width:1040px){/* c max width 1024 */
	
	ul.nav.navbar-nav li{
		margin-left:00px;
		width: 80px;
	}
	.block-a{
		width: 40%;
		margin-right: 3%;
	}
	.block-a.a{
		width: 100%;
	}
	.block-b-c-e{
		width: 57%;
	}
	.block-b, .block-c{
		width: 100%;
	}
	.block-b .last-img, .block-b .last-01-img, .block-b .first-img{
		width: 50%;
	}
	.expo_b{
		width: 50%;
	}
	.expo_c, .block-c .last-img, .block-c .last-01-img, .block-c .first-img{
		width: 50%;
		margin: 0;
	}
	.expo_c h2, .expo_c h3{
		margin-left: 20px;
	}
	.block-d{
		width: 100%;
	}
	.block-d .img_global{
		width: 50%;
	}
	.expo_d {
		padding-left: 20px;
		width: 50%;
	}
	.block-e{
		width: 100%;
	}
	.block-e .last-img, .block-e .first-img{
		width: 95%;
	}
	.expo_e{
		padding-left: 20px;
	}
	
	.jo_img_title{
		width: 32%;
		margin: 0;
	}
	.jo_img_title:nth-child(3n){
		margin: 0 2%;
	}
	.logo{
		margin: 0;
	}
	
	.wrapper{
		margin-top: 30px;
	}
	
	.wrapper_01 {
		margin-right: 2%;
		width: 48%;
	}
	.wrapper_02{
		width: 50%;
		padding-right: 10px;
	}
	.img_content{
		height: auto;
	}
	.block_1{
		width: 30%;
		margin-right: 3%;
		height: auto;
	}
	
	.block_2{
		width: 67%;
		height: auto;
	}
	.block_2_top, .block_2_bottom{
		width: 100%;
		height: auto;
	}
	.block_art_2{
		width: 47%;
		margin-right: 3%;
		height: auto;
	}
	.block_art_3{
		width: 50%;
		height: auto;
	}
	
	.block_art_4{
		width: 44%;
		height: auto;
		margin: 0 3%;
	}
	.block_art_5{
		width: 50%;
		height: auto;
	}
	/* agenda */
	.detail_day{
		width: 100%;
	}
	.detail_day .detail_img, .detail_day .title_evenement, .detail_day .description, .detail_day .typo_evenement{
		margin-right: 1%;
	}
	.detail_day .detail_img, .detail_day .description, .detail_day .typo_evenement, .detail_day .lieu_evenement{
		width: 15%;
	}
	.detail_day .title_evenement{
		width: 35%;
	}
	
	.detail_day .detail_img img {
		height: auto;
		max-height: 128px;
		max-width: auto;
		width: 100%;
	}
	#radiostyle .radio_regle{
		float: left;
	}
	#shop .cmc_01 .cmc_02, #shop .cmc_01 .cmc_05{
		width: 15%;
		margin-right: 1%;
	}
	#shop .cmc_01 .cmc_03{
		width: 25%;
		margin-right: 1%;
	}
	#shop .cmc_01 .cmc_04{
		width: 40%;
		margin-right: 2%;
	}
	#shop .cmc_01 .cmc_03 img{
		height: auto;
	}
	#shop .fa-cm-new{
		top: 20%;
	}
	.img_03{
		height: auto !important;
		max-height: initial !important;
		max-width: 100% !important;
		width: 100% !important;
	}
	/* archive */
	#simple-page-03-bis .wrapper{
		margin: 50px auto auto;
		width: 100%;
	}
	
	a.example-image-link{
		width: 22.2%;
		margin-left: 2%;
	}
	/*curating */
	#curating .wrapper .plus-info a{
		font-size: 16px;
		line-height: 16px;
	}
	
	.month_01, .month_02, .month_03, .month_04, .month_05, .month_06, .month_07, .month_08, .month_09, .month_10, .month_11, .month_12{
		width: 48%;
		margin: 0 !important;
	}
	.month:nth-child(2n){
		margin-left: 4% !important;
		margin-right: 0;
	}
	
	.block-a .first-img{
		width: 100%;
	}
	
	.archive #background-archive #archive-wrapper{
		border: 0 none;
	}
	
	/*#recherche .cmc_01 .cmc_04{
	width: 270px !important;
	}
	
	#recherche .cmc_01 .cmc_02{
	width: 350px !important;
	}
	
	#recherche .cmc_01 .cmc_03{
	width: 120px !important;
	}*/
	
	
}
@media(min-width:768px) and (max-width:1040px){
	.cmc_01{
		width: 100%;	
	}
	.cmc_01 .cmc_02{
		width: 50%;
	}
	.cmc_01 .cmc_03, .cmc_01 .cmc_04{
		width: auto;
	}
	.archive-list .wrapper{
		margin-top: 0 !important;
	}
	#main-nav .logo img, .left-content img{
		width: 80px !important;
	}
	
	.logo_phone img{
		width: 90px;
	}
	
	#shop .year_type .pub{
		width: auto;
	}
	#checkboxstyle-store .item{
		margin-left: 0;
	}
	
	.wrapper_01{
		width: 100%;
	}
	.wrapper_02{
		width: 100%;
		padding: 0;
	}
	
	.text_descript.first, .text_descript.second, .text_descript.third{
		margin-left: 0;
		margin-right: 2%;
		width: 31% !important;
	}
	
	

}
@media(max-width:767px){

	.hover_lateral{
		display: none;
	}
	
	.cmc_01{
		width: 100%;	
	}
	.cmc_01 .cmc_02{
		width: 50%;
	}
	.cmc_01 .cmc_03, .cmc_01 .cmc_04{
		width: auto;
	}
	.archive-list .wrapper{
		margin-top: 0 !important;
	}
	
	/* MEnu */
	#menu-wrapper{
		background-color: rgba(255, 255, 255, 0.95);
	}
	#menu-wrapper #nav-responsive{
    	background: transparent;
	}
	#menu-wrapper .navbar-header{
		background: #FFF;
	}
	#menu-wrapper .sr-only{
		border: 0 none;
		clip: auto;
		font-size: 24px;
		height: auto;
		margin: auto;
		overflow: hidden;
		padding: 0;
		position: absolute;
		right: 30px;
		top: 0;
		width: auto;
		font-family: Theinhardt-regular, sans-serif;
		display: none
	}
	#menu-wrapper .navbar-toggle .icon-bar{
		background: #333;
		border-radius: 0;
		display: block;
		height: 4px;
		width: 24px;
	}
	.navbar-default .navbar-toggle{
		border: 0 none;
		border-radius: 0;
		padding: 9px 0 9px 10px;
		margin-right: 0;
	}
	
	.navbar-default .navbar-toggle:hover{
		background: none;
	}
	
	.logo_phone img {
		margin-top: 12px;
		margin-bottom: 12px;
		height: 70px;
		width: auto;
	}
	
	#menu-wrapper .collapse.in{
		display: block;
	}
	#nav-responsive ul{
		padding: 0;
		list-style: none;
		margin-top: 20px;
	}
	
	#nav-responsive>ul>li{
		border-top: 2px solid #333;
		font-family: "Theinhardt-medium";
		font-size: 13px;
		line-height: ;
		margin-bottom: 0px;
		line-height: 1.5
	}
	
	#nav-responsive>ul>li a{
		display: block;
		text-align: center;
		font-size: 48px;
		line-height: 80px;
		text-transform: uppercase;
		font-family: Confort-Boldextracondensed-07;
	}
	
	.navbar-collapse{
		padding: 0;
		max-height: 100%;
		overflow: hidden;
		background: rgba(255, 255, 255, 0.7);
	}
	.month_01, .month_02, .month_03, .month_04, .month_05, .month_06, .month_07, .month_08, .month_09, .month_10, .month_11, .month_12{
		width: 100%;
		margin: 0 !important;
	}
	.month:nth-child(2n){
		margin-left: 0 !important;
		margin-right: 0;
	}
	.radiostyle{
		display: none;
	}
	.img-for-responsive{
		display: block;
		margin: 20px 0 0;
	}
	.img-for-responsive img{
		max-width: 100%;
	}
	.img-for-pc{
		display: none;
	}
	.img-for-responsive1{
		display: block;
		width: 100%;
	}
	#agendayear h2 {
		font-size: 16px;
		line-height: 10px;
		font-family: "Theinhardt-medium";
	}
	.trimestre{
		padding: 10px 0;
	}
	.img-for-responsive .event-img{
		display: inline-block;
		max-width: 100%;
	}
	.descri_evenment:last-child{
		margin-bottom: 10px;
	}
	.wrapper_01{
		width: 100%;
		margin-bottom: 1em
	}
	.wrapper_02{
		width: 100%;
		padding: 0;
	}
	
	#map-canvas{
	height: 300px;
	}
	
	.egal-confort > div{
	margin-bottom: 1em;
	}

	
	
	.text_descript.first, .text_descript.second, .text_descript.third{
		margin-left: 0;
		margin-right: 2%;
		width: 31% !important;
	}
	
	#beta .retourenimage {
		margin: auto auto 20px;;
		width: 80%;
	}
	#beta .retourenimage .category, #beta .retourenimage .content{
		width: 100%;
	}
	#beta .Conforttv{
		min-width: 80%;
		max-width: 100%;
		margin: auto auto 20px;
	}
	
	#beta .chronique {
		margin: auto auto 20px;
		width: 100%;
	}
	#beta .chronique .width-50{
		width: 50%;
	}
	.heading #filters {
		float: left;
		height: auto;
		width: 100%;
	}
	#filters label{
		margin-left: 0 !important;
		margin-right: 20px;
	}
	.block-titre h1 {
		font-size: 80px;
		line-height: 70px !important;
	}
	.block_1{
		width: 100%;
		line-height: inherit;
	}
	.block_2{
		display: none;
	}
	
	#img-responsive{
		display: inline;
	}
	
	#img-responsive .left-content{
		display: none;
	}
	
	#img-responsive .right-content, #img-responsive .right-content img{
		width: 100%;
	}
	
	a.example-image-link {
		margin: 0 10px 5px 0 !important;
		max-width: 100% !important;
		width: auto;
	}
	.header-news{
		line-height: 24px !important;
	}
	.left-content div{
		margin-left: 110px !important;	
	}
	#menu-wrapper{
		max-height: 100%;
		overflow-y: auto;
	}
}
@media(max-width:480px){
	.text_descript.first, .text_descript.second, .text_descript.third, .wrapper_01 .text_descript{
		margin-left: 0;
		margin-right: 0;
		width: 100% !important;
	}
	#static-content h1, h1{
		font-size: 80px;
		line-height: 80px !important;
	}
	
	.back-in-pictures{
	padding: 20px 0px 30px!important
	}
	
	#beta .chronique .width-50{
		width: 100%;
	}
	#beta .RadioModerne{
		width: 100%;
		margin: auto auto 20px !important;
	}
	.block-titre h1 {
		font-size: 80px;
		line-height: 70px !important;
	}
	
	.block-a, .block-b-c-e {
		margin-right: 0;
		width: 100%;
	}
	.block-e .last-img, .block-e .first-img{
		width: 100%;
	}
	.block-b{
		margin-top: 20px;
	}
	.block-c{
		margin: 20px 0;
	}
	.block-d{
		margin-top: 20px;
	}
	
	#journal_02 h1.name-event, #simple-page-03 h1, #simple-page-04 h1, .block-a h1, .expo_b h1, #shop-01 h1{
		line-height: 80px;
	}
	
	.jo_img_title .jo_img img{
		position: relative;
	}
	.jo_img_title{
		width: 48%;
		height: auto;
	}
	.jo_img_title .jo_img{
		height: auto;
	}
	.jo_img_title:nth-child(3n) {
		margin: 0;
	}
	
	.jo_img_title:nth-child(n) {
		margin-left: 1%;
		margin-right: 1%;
	}
	
	.foot_blockright{
	float: left;
	text-align: left;
	margin: 1em 0;
	}
	
	.foot_blockright a{
	text-align: left;
	}
	/*.modal-dialog{
		margin: 14% auto !important;
	}*/
}