/* /////////////////////////
//         WP MIN         // 
// ////////////////////// */


/* IMPORTS */

@import '../css/_var.less';
@import '../css/_class.less';
@import '../css/_typo.less';
@import '../css/_grid.less';
@import '../css/_screen.less';


// full
// @width_full_prct: 86.5%;
// ctt
// @width_ctt_prct: 73.5%;

// @w_base_g1_prct: 13.1%; // !!! pour largeurs dans content
// @w_base_sep1_prct : 4.15%; // !!! pour largeurs dans content

// @margin_right_sdb: 40px;
// @margin_right_sdb_prct: 1.05%;
// @margin_right_sdb_prct2: 1.06%;

// column Wall
// @goutiere_3: 1.4%; // utile
// @column_3: ((100% - (2 * @goutiere_3))/3); // utile

@media @mobile-l{
	
	// #top #header_content,
	// #aside_content,
	// #focus,
	// .list_category,
	// .list-actu,
	// #specific,
	// #agenda,
	// .separator,
	// .informations,
	// #partenaires,
	// #f_links .f_links_content,
	// #desktop-plus #content-plus{
		// margin-left:0;
		// margin-right:0;
		// max-width: 1000px;
	// }
	#desktop-plus #content-plus {
		left: auto;
		margin-left: 0;
	}
	#back-to-top{
		// width: 88px;
		&.visible {
			background-size: auto 60% !important;
			// bottom: 36%;
			&:hover{
				background-size: auto 80% !important;
			}
		}
	}
	#f_links .f_links_content{
		// margin-left:0;
		// margin-right:0;
		// max-width: 1000px;
		width:@width_main;
		margin: 11px @margin_main 8px @margin_main;		
	}
	.vcard{
		// background: url("../imgs/etiquette/etiquette-t.png") no-repeat scroll left top transparent;
		// background-size: 92% auto;
		width: 280px;
		background-size: 100% auto;
		padding-top: 56px;
		padding-left: 72px;
		&:nth-child(4){
			// background-position: right top;
			// padding-left: 100px;		
		 }
	}
	.informations {
		// height: 346px;
		margin-bottom:0;
		// position: relative;
		// width: 84.53%;
	}
	.curator{
		// width:@width_main;
		// margin: 0 @margin_main 26px @margin_main;
		// overflow: hidden;
		// height:100px;
		// display:table;
		.logotype{
			// position:relative;
			// text-align:left;
			// vertical-align: bottom;
			// float:left;
			// margin: 0 20px 0 0;
			// img{
				// width:100%;
				// height:auto;
				// border:0px;
			// }
			// a{
				// display:inline-block;
			// }
			@coef_size : 2;
			&.caf{
				.img_resize(120px,@coef_size);
				// margin-left:-4px;
			}
			&.dptmt{
				.img_resize(158px,@coef_size);
			}
			&.vpau{
				.img_resize(258px,@coef_size);
			}
			&.pref{
				.img_resize(164px,@coef_size);
			}
			&.rap{
				.img_resize(292px,@coef_size);
			}
			&.gipdsu{
				.img_resize(218px,@coef_size);
			}
		}
	}

	// #content .summary.block {
		// padding: 0 12%;
	// }
	// #content .summary.block h1.front.page_title, 
	// #content-plus .summary.block h1.front.page_title, 
	// #content .summary.block h2.front.page_title, 
	// #content-plus .summary.block h2.front.page_title{
		// font-size:88px;
		// line-height:88px;
	// }
	// #content .summary.block h1.front.page_description, 
	// #content-plus .summary.block h1.front.page_description, 
	// #content .summary.block h2.front.page_description, 
	// #content-plus .summary.block h2.front.page_description{
		// font-size:28px;
		// line-height:28px;	
	// }
	// #content .summary.block h1.front.page_description, 
	// #content .summary.block h2.front.page_description{
		// margin:0px;
	// }
	// #content .summary.block {
		// height: 240px;
		// margin: -182px 6.25% 0;
	// }
	// .container{
		// img,
		// div.text{
			// display:none;
		// }
	// }
	// .front .container{
		// img,
		// div.text{
			// display:block;
		// }
	// }
	// .explore .container img.d2 {
		// display:block;	
	// }
	// .front .container img.d10,
	// .front .container .text.menu {
		// display:none;	
	// }
	// .explore .container div.d2 {
		// margin-top: 530px;
	// }
	// .front .container img.d14 {
		// margin-left: 62px;
		// margin-top: 167px;
		// width: 14px;
		// display:block;
	// }	
	// .front .container img.d13 {
		// margin-right: 54px;
		// margin-top: 54px;
		// width: 27px;
		// display:block;
	// }
	// .front .container div.d0 {
		// height: 526px;
		// margin-top: -33px;
	// }	
	// #bloc_menu {
		// margin: 0 0 0 50%;
		// width: 27%;
	// }
	// .follow_me span.ttl {
		// display: none;
	// }
	// .show_menu {
	// }
	// .show_menu .show-item-menu {
		// height: auto;
		// margin: 12px 3% 0 0;
		// width: auto;
	// }
	// .show_menu.submenu {
		// bottom: 110px;
		// .show-item-menu {
			// margin: 4px 3% 0 0;
		// }
	// }	
	// #content #show_content {
		// height: 580px !important;
	// }
	// img.fd_img {
		// height: 100%;
		// margin-left: -58%;
		// width: auto;
	// }
	// .show_menu.submenu .show-item-menu a {
		// font-size: 20px;
		// line-height:24px;
	// }
	// #content #show_content .list_post.general .type-post {
	// }
	// #content #show_content .list_post.general {
		// height: 280px;
		// margin: -280px 6.25% 0;
	// }
	// #content .list_post.general .type-post:nth-child(1) .actu_title a, 
	// #content-plus .list_post.general .type-post:nth-child(1) .actu_title a, 
	// #content .list_post.general .type-post:nth-child(3) .actu_title a, 
	// #content-plus .list_post.general .type-post:nth-child(3) .actu_title a {
		// font-size:18px;
		// line-height:22px;
		// display:inline-block;
	// }
	// #content .list_post.general .type-post:nth-child(2) .actu_title a, 
	// #content-plus .list_post.general .type-post:nth-child(2) .actu_title a{
		// font-size:28px;
		// line-height:32px;
	// }
	// #content #show_content .list_post.general .type-post:nth-child(1) .article_content.next_ctt,
	// #content #show_content .list_post.general .type-post:nth-child(3) .article_content.next_ctt{
		// height: 36%;	
	// }
	// #content #show_content .list_post.general .type-post .article_content.next_ctt {
		// height: 60%;
	// }
	// #content #show_content .list_post.general .type-post:nth-child(1) .article_content.next_ctt a, 
	// #content #show_content .list_post.general .type-post:nth-child(3) .article_content.next_ctt a {
			// font-size:18px;
			// line-height:22px;
	// }
	// .show_description {
		// bottom: 160px !important;
	// }
	// #content .show_description p.term_description {
		// font-size:13px;
		// line-height:16px;
		// letter-spacing: 2px;
	// }
	// #content #show_content .list_post.general .type-post:nth-child(1){
		// display:table;
	// }
	// #content #show_content .list_post.general .type-post:nth-child(2) {
	// }
	// #content #show_content .list_post.general .type-post:nth-child(2) {
		// width: 50%;
	// }
	// #content #show_content .list_post.general .type-post:nth-child(1),
	// #content #show_content .list_post.general .type-post:nth-child(3) {
		// width: 20%;
	// }
	// #content #transition .page_title.submenu, #content-plus #transition .page_title.submenu {
		// font-size:74px;
		// line-height:68px;
	// }	
	// #content #transition .page_title, #content-plus #transition .page_title {
		// font-size:74px;
		// line-height:82px;
	// }
	// .about_title, .about_content {
		// margin: 22px 4%;
		// width: 92%;
		// padding: 0;
	// }
	// .curator {
		// margin: 12px 26px 2% 26px;
		// width: 92%;
	// }	
	// .about_curator {
		// margin: 0 4%;
		// width: 92%;
	// }
	
	// #content .mode_galery #diaporama {
		// margin: 0 2%;
		// width: 96%;
	// }	
	
	// #gallery_zoom div.caption {
		// width: 86%;
	// }	
	// #slides {
		// padding-top: 60px;
	// }
	// #slides a.slidesjs-navigation.slidesjs-previous span.picto::before,
	// #slides a.slidesjs-navigation.slidesjs-next span.picto::before {
		// content: "";
	// }	
	// #slides a.slidesjs-navigation.slidesjs-previous {
		// left: 0;
	// }
	// #slides a.slidesjs-navigation.slidesjs-next {
		// right: 0;
	// }
	
	// #diaporama .media-galery.dynamic.close {
		// margin: 0 -8px 0 0;
	// }
	
	// #diaporama .counter {
		// margin: 4px 0 0 8px;
	// }	

	// img.action_sep {
		// right: -90px;
		// top: 26px;
	// }	
	// img.action_sep_fd {
		// right: -90px;
		// top: -34px;
	// }

	// #content .page_content.mode_selfie .more_content .gallery {
		// padding: 0 12%;
	// }
	// #content .page_content.mode_selfie .more_content .summary.block {
		// height: 54px;
		// margin: 108px 0 20px 0;
		// padding: 0 0 0 50%;
	// }
	// #content .page_content.mode_selfie .article_scroll{
		// .calc(height, ~"100% - ", (182px));
	// }
	// #content .page_content.mode_selfie .more_content .summary.block .dynamic_title {
		// text-align: left;
	// }
	// #content .page_content.mode_selfie .scroll_navigation {
		// right: 44%;
	// }
	// #content .page_content.mode_selfie .more_content .media-listgalery.dynamic {
		// right: 44%;
	// }	

	// #content .page_content.mode_selfie .ismore{
		// margin-left:0px !important;
	// }

	// #content .page_content.mode_selfie .center-spot,
	// #content .page_content.mode_selfie .center-map img.billere-map {
		// left: 45%;
	// }
	
	// #content .page_content .selfie_title {
		// left: 50%;
		// margin-left:-306px;
		// display:block;
	// }
	// #content .page_content .selfie_rsx {
		// left: 50%;
		// margin: 3.2% 0 0 -140px;
	// }

	
	// #content{
		// .texte{
			// .page_content{
				// padding: 0;
			// }
			// .detail-txt{
				// width:100%;
			// }
			// .article_scroll{
				// width: 92%;
				// .calc(width, ~"92% - ", (20px));
				// .article_detail {
					// .calc(width, ~"100% + ", (20px));
				// }
			// }
			// .scroll_navigation{
				// right:0%;
			// }
		// }
	// }
	
	// #content .texte .detail-txt p {
		// font-size: 16px;
		// line-height: 22px;
	// }	

	// .list_post.actualites {
		// margin: 40px 0 120px 2%;
		// width: 96%;
	// }

	
}

@media screen and (min-width: 641px) and (max-width: 980px){
}


@media screen and (min-width: 641px) and (max-width: 890px){

	// full
	// @width_full_prct: 84%;
	// ctt
	// @width_ctt_prct: 72%;

	// @goutiere_3: 1.6%; // utile
	// @column_3: ((100% - (2 * @goutiere_3))/3); // utile

	// #content #show_content .list_post.general .type-post:nth-child(1){
		// display:none;
	// }
	// #content #show_content .list_post.general .type-post:nth-child(2) {
		// width: 68%;
	// }
	// #content #show_content .list_post.general .type-post:nth-child(3) {
		// width: 24.41%;
	// }
	// #bloc_menu {
		// margin: 0 0 0 36%;
		// width: 38%;
	// }	
	// .show_nav.suiv {
		// margin-top: 125px;
		// padding-right: 40px;
		// right: 2.25%;
		// width: 40px;
		// font-size: 0;
	// }
	// .show_nav.prec {
		// margin-top: 125px;
		// padding-left: 40px;
		// left: 2.25%;
		// width: 40px;
		// font-size: 0;
	// }
	// #content #show_content .list_post.general {
		// height: 280px;
		// margin: -300px 6.25% 0;
	// }
	// .show_menu .show-item-menu {
		// margin: 12px 5% 0 0;
	// }
	// .show_menu.submenu {
		// .show-item-menu {
			// margin: 4px 5% 0 0;
		// }
	// }


	// #content #show_content.singular .page_content.mode_galery {
		// margin: 0 2%;
		// width: 96%;
		// .detail-img {
			// width: 60%;
		// }
		// .article_scroll {
			// margin-left:0;
			// .calc(width, ~"38% - ", (20px));
		// }
		// .scroll_navigation {
			// right: 1%;
		// }
	// }		
}


@media screen and (min-width: 641px) and (max-width: 820px){
	
	// @width_full_prct: 81%;
	// ctt
	// @width_ctt_prct: 69%;

	// @goutiere_3: 2.4%; // utile
	// @column_3: ((100% - (@goutiere_3))/2); // utile
	
}
@media screen and (min-width: 641px) and (max-width: 890px){
	// #desktop-plus #content-plus .about.dynamic_title {
		// margin: 70px 6.25% 0;
	// }
	// #desktop-plus #content-plus .dynamic_content {
	// }
	// #content-plus .summary.dynamic_title {
		// font-size:44px;
		// line-height:58px;
	// }	
	// #desktop-plus #content-plus .dynamic_content .full_content {
		// margin: 64px 0 130px 36%;
		// width: 56%;
	// }
	// #desktop-plus #content-plus .dynamic_content .more_content {
		// margin: 240px 0 0 2%;
		// width: 34%;
	// }
	// .endofpost {
		// width: 55%;
	// }
    // .list_post {
		// &.actualites{
			// .col{
				// width:100% / 3;
			// }
		// }
    // }
}
@media screen and (min-width: 641px) and (max-width: 980px){

	@vignette_size: 280px;

	@sep_u: 22px;

	#top{
		// height:360px; // OLD ID
	}
	#bloc_title #logo{
		// height: @vignette_size; // OLD ID
		img {
			// height: 100%; // OLD ID
			// max-height: @vignette_size; // OLD ID
		}
	}
	#plus{
		margin-top:@sep_u;
	}

	#focus{
		.event-title .actu_title{
			.f_n3_min;
		}
		.event-date{
			.layer_10;
		}
		.event-detail-img{
			.layer_1;
			margin-left: -(@margin_main_alt);
			width: (@width_col_main_alt * 2) + (@margin_main_alt * 1);
			.thumb{
				margin-top:@sep_u;
				max-height:@vignette_size;
				width: 100%;
			}
		}
		.event-type, 
		.event-date, 
		.event-detail-img{
			margin-top:@sep_u;
			height:@vignette_size;
		}
		.event-type .full, 
		.event-date .full{
			.f_n1_min;
			width:@vignette_size;
			height:@vignette_size;
			background-size:100% !important;
			position:relative;
			left:50%;
			margin-left:-140px;
		}
	}
	
	.list-actu{
		margin-bottom:(@sep_u * 2);
		#ctt_actu.open .type-post{
			p.resume{
				.f_n0_min();
				// &.post-date,
				// &.post-category{
					// .f_txt_courant;
				// }
			}
			&:nth-child(1),
			&:nth-child(2){
				p.resume{
					.f_txt_courant;
				}
			}
		}		
		#ctt_actu .type-post{
			.post-title{
				// display: -moz-inline-box;
				overflow: hidden;
				text-overflow: ellipsis;
				padding-bottom: 4px;
				// min-height: 28px;
			}
			.thumb,
			.no_thumb {
				height: 160px;
			}
			&:nth-child(1),
			&:nth-child(2){
				margin-top:@sep_u;
				.thumb,
				.no_thumb {
					height: 240px;
				}
			}
		}	
	}
	// .post-category a{
		// display: -moz-inline-box;
		// display: inherit;
		// overflow: hidden;
		// text-overflow: ellipsis;
		// white-space: nowrap;
	// }
	
	.full_content .post-category {
		// padding-left: 4px !important;
		// padding-top: 80px !important;
		a {
			display: block;
			// overflow: auto;
			// text-overflow: unset;
		}
	}
	
	.dynamic_content{
		.content.full{
			margin-bottom: (@sep_u * 2);		
		}
		// p,h1,h2 {
			// margin-bottom: 12px;
		// }
		.summary.block .dynamic_title{
			// margin-bottom: (@sep_u * 2);
			min-height: (@sep_u * 4);
		}
		p:last-child {
			margin-bottom: @sep_u;
		}
		.content blockquote p {
			padding: 0 40px;
		}
		.more_content{
			p:last-child {
				margin-bottom: 0;
			}
		}
		.more_content.media,
		.more_content.programme{
			margin-bottom: (@sep_u * 2);
		}
	}
		
	.list_category{
		// width: @width_utile;
		// margin: (@sep_u * 1) @margin_utile 0 @margin_utile;
		margin-top:(@sep_u * 2);
		#all_category{
			// width:@width_main;
			// margin: 0 @margin_main 0 @margin_main;	
			height: @catitem_h * 4;
		}
		@catitem_h: 34px;
		@catitem_w: 33.16%;
		
		.show-item-category{
			width: @catitem_w;
			a{
				overflow: hidden;
				text-overflow: ellipsis;
				// display:-moz-inline-box;
				display: inherit;
				// overflow: hidden;
				// text-overflow: ellipsis;
				white-space: nowrap;
			}
			// text-transform: uppercase;			
			// height:@catitem_h;
			// margin:0 0 0 @margin_main_alt;
			// padding-right: 1%;
			// text-align:center;
			// .f_category_title;
			// text-align:left;
			// a{
				// display:inline-block;
				// width:auto;
			// }
			// &.active{
				// a{
					// color: @hover2;
				// }
				// span{
				// }
				// &.term_9{
					// span{
						// max-width:80%;
					// }
				// }
			// }
			&:nth-child(4){
			// &:nth-child(5){
				// margin-left: @catitem_w + @margin_main_alt;
				margin-left: @margin_main_alt;
				margin-top: 0px;
				height: @catitem_h * 2;
			}
			&:nth-child(5),
			&:nth-child(6),
			&:nth-child(7),
			&:nth-child(8){
				margin-left: @catitem_w + @margin_main_alt;
			}
			&:nth-child(5){
				margin-top: -(@catitem_h * 5);
			}
			
			// &:nth-child(4){
				// margin-top: -(@catitem_h * 3);
				// height: @catitem_h * 2;
			// }
			
			&:nth-child(6){
				margin-top: 0;
			}
			// &:nth-child(9),
			// &:nth-child(10),
			// &:nth-child(11){
				// margin-left:(@width_col_main_alt * 3) + (@margin_main_alt * 4);
				// text-align:right;
				// width: @width_col_main_alt;
				// padding-right: 0;
			// }
			&:nth-child(9){
				margin-top: -(@catitem_h * 4);
			}
			// &:nth-child(10){
			&:nth-child(11){
				// text-transform:none;
				margin-top: @catitem_h;
			}
		}
	}
	
	#back-to-top{
		width: 88px;
		&.visible{
			bottom: 6%;
		}
	}
	#specific {
		.ctt-detail{
			margin-top:6px;
		}	
		.ctt-date{
			height: @vignette_size;
			margin-top:0px;
			.full{
				background-size:100%;
				width: @vignette_size;
				// padding:25% 0 0 25%;
				padding:72px 0 0 72px;
				position:relative;
				left:50%;
				margin-left:-140px;
				.specific_title{
					.f_n1_min;
				}
			}
		}
	}
	#agenda{
		// margin-top:0px;
		.bymonths{
			// margin: 0 0 0 0;
			// width:(@width_col_main_alt * 2) + (@margin_main_alt * 3);
			// left:(@width_col_main_alt * 2) + (@margin_main_alt * 2); // à la place de float left pour garder calendrier sur la droite
			height: @vignette_size;
		}
		.fullmonth{
			background-size:100%;
			left: 50%;
			margin: 0 -(@vignette_size / 2);
			width: @vignette_size;
		}
		.prec, 
		.suiv {
			width: 6%;
			p,
			p:hover{
				background-size:16px auto;
			}
		}
		.prec {
		    left: 50% - 6%;
			margin-left: -(@vignette_size / 2);
		}
		.suiv {
			left: 50%;
			margin-left: (@vignette_size / 2);
		}
		.calendrier{
			width: 182px;
			.intable{
				width:182px / 7;
				height:26px;
				text-align: center;
			}
			.num_jour{
				height:26px;
			}
			.event{
				span{
					bottom:2px;
				}
			}
		}
		.month_name{
			// font-size:40px;
			// line-height:42px;
			.f_n1_min;
			margin:(@sep_u * 2) 0 6px 0;
		}
		.listevent{
			&.active, 
			&.specific {
				height: @vignette_size;
			}
			&.list .title_event,
			.title_event {
				// font-size: 38px;
				// line-height:40px;
				.f_n1_min;
				margin: 0 0 6px 0;
			}
			.theme_event{
				.f_n2_min;
				// font-size: 20px;
				// line-height:22px;
			}
		}
	}
	.informations{
		height: 460px;
		// top: 26px;
		// margin-top: -26px;
		width:@width_main;
		margin: 0 @margin_main @sep_u @margin_main;
	}
	.vcard{
		// width: 280px;
		// background-size: 100% auto;
		&:nth-child(1){
			left: 2.5%;
			margin: 30px 0 0 -5.8%;
		}
		&:nth-child(2){
			left: 25%;
			margin: 160px 0 0 -5.8%;
			padding-top: 100px;
		}
		&:nth-child(3){
			left: 50%;
			margin: 0 0 0 -5.8%;
		}
		&:nth-child(4){
			right: 2.5%;
			margin:130px -5.8% 0 0;
			// z-index:4;
			// padding-left: 72px;
		 }
	}
	.help_user.video,
	.help_user.picture{
		background-size:100px auto;		
	}
	.page_content.sitemap .type-page .all_pages,
	#f_links .links_detail .all_pages {
		.multicolumn(52px,3);
	}	
}

@media screen and (min-width: 641px) and (max-width: 780px){
	
	@sep_u: 22px;
	
	// #bloc_title .link.singular,
	// #bloc_title .link.general {
		// padding-left:20%;
	// }
	.info-open #top #bloc_title, 
	#top.stay #bloc_title {
		font-size: 15px;
		line-height: 20px;
		// .link.singular,
		// .link.general {
			// padding-left:0;
		// }
	}
	#top.general #bloc_menu li.menu-item, 
	#top.singular #bloc_menu li.menu-item, 
	#top.general .follow_me, 
	#top.singular .follow_me, 
	.stay #bloc_menu li.menu-item,
	.stay .follow_me{
		font-size: 13px;
		letter-spacing: 1px;
		margin-right: 10px;
	}
	// #back-to-top{
		// width: 88px;
	// }

	#plus, 
	#focus, 
	#specific, 
	#ctt_actu{
		.f_n0_min;
	}
	#content.mode_galery #diaporama {
		max-height: 400px;
		top: (@sep_u * 4);
	}
	.dynamic_content{
		p,h1,h2 {
			margin-bottom: 12px;
		}
		.summary.block .dynamic_title{
			margin-bottom: (@sep_u * 2);
			// min-height: (@sep_u * 4);
		}
		.content blockquote{
			margin: 30px 0;
		}
		.more_content p,
		.content p{
			.f_n0_min;		
		}	
		.more_content h2, 
		.content h2{
			.f_n2_min;
		}	
		.summary.block .dynamic_title{
			.f_n3_min;
		}		
		.date_resume{
			.f_n4_min;
		}
		// .event_detail .title, 
		// .event_price .title, 
		// .help_content .title{
			// .f_n2_min;		
		// }
		// .event_detail p,
		// .event_detail p.mention,
		// .help_content p, 
		// .event_price p strong{
		.event_detail p.mentions{
			.f_n0_min;
		}
		
		.read_more{
			.resume{
				display:none !important;
			}
		}
		.read_more.date{
			#ctt_actu {
				margin-top: @sep_u;
			}
			.event_detail{
				// margin-bottom:(@sep_u * 2);
				margin-bottom: @sep_u;
			}
			.date_event{
				font-size:0px;
				line-height:0px;
				span{
					display:block;
					font-size:24px;
					line-height:26px;
				}
			}
		}
		p:last-child {
			margin-bottom: @sep_u;
		}
		// .more_content{
			// p:last-child {
				// margin-bottom: 0;
			// }
		// }
		// .more_content.programme{
			// margin-bottom:@sep_u;
		// }
		.more_content.media,
		.more_content.programme{
			margin-bottom:@sep_u;
		}
		// .programme, 
		// .media{
			// figure span .help_user,
			// figure a .help_user{
				// background-size:80% auto;
			// }
		// }
		// .help_user.video,
		// .help_user.picture{
			// background-size:100px auto;		
		// }
	}
	// .help_user.video,
	// .help_user.picture{
		// background-size:100px auto;		
	// }
	
	#content .dynamic_content, 
	#content-plus .dynamic_content{ 
		.vcard:nth-child(1),
		.vcard:nth-child(2){
			width: (@width_col_main_alt * 2) + @margin_main_alt;
			margin-left: @margin_main_alt;
		}
		.vcard:nth-child(3){
			width: @width_main_alt;
			margin: @sep_u @margin_main_alt 0 @margin_main_alt;
		}
		&.form{
			.dynamic_title{
				.f_n3_min;
			}
			.lgn{
				width: @width_main_alt;
				margin: @sep_u @margin_main_alt 0 @margin_main_alt;
				// width:100%;
				// margin:0;
				p.input-block{
					// width:100% / 3;
					// float: left;
					.column_fix_proprerty(@margin_main_alt,3,2);
					// .column_proprerty(42.27%,5.14%);
				}
			}
			p.textarea-block{
				width: @width_main_alt;
				margin: 0 @margin_main_alt @sep_u @margin_main_alt;
			}
		}
		.subscribe_informations{
			p{
				.f_n0_min;
			}
			h2{
				.f_n2_min;
			}
		}
	}
	
	.full_content .post-category {
		padding-left: 4px !important;
		padding-top: 80px !important;
		a {
			// display: block;
			overflow: auto;
			text-overflow: unset;
		}
	}
	
	#focus{
		// .event-date{
			// .layer_10;
		// }
		.event-detail-img{
			// .layer_1;
			margin-left: -(@margin_main_alt * 2);
			width: (@width_col_main_alt * 2) + (@margin_main_alt * 2);
			.thumb{
				margin-top:(@sep_u * 2);
				// max-height:@vignette_size;
				// width: 100%;
			}
		}
		.event-title .actu_title{
			.f_n3_min;
		}
		.event-type, 
		.event-date,
		.event-detail-img{
			margin-top:@sep_u;
		}
		.event-type .full, 
		.event-date .full{
			.f_n1_min;
		}
	}
	
	.list-actu{
		// margin-bottom:(@sep_u * 2);	
		#ctt_actu .post-category{
			padding-left:34px;
		}
		#ctt_actu.open .type-post{
			margin-top:@sep_u;
			&:nth-child(1),
			&:nth-child(2){
				margin-bottom:@sep_u;
				p.resume{
					.f_n0_min();
				}
			}
		}
		#ctt_actu .type-post{
			.thumb,
			.no_thumb {
				height: 120px;
			}
			p.resume{
				display:none;
				// &.post-date,
				// &.post-category{
					// display:block;
				// }
			}
			&:nth-child(1),
			&:nth-child(2){
				// margin-top:@sep_u;
				.thumb,
				.no_thumb {
					height: 200px;
				}
				p.resume{
					display:block;
					// .f_n0_min();
				}
			}
		}	
	}
	
	// #focus .link, 
	#specific .link, 
	.list-actu .link,
	#agenda .listevent .link{
		display:none;
	}
	
	#specific,
	#agenda,
	#plus{
		margin-top:0px;
	}
	// .separator, 
	// #content .separator, 
	// #content-plus .separator{
	.separator{
		margin-bottom: @sep_u;
		margin-top: (@sep_u * 2);
	}
	#content .separator, 
	#content-plus .separator {
		// margin: 104px 0 26px;
		margin-bottom: @sep_u;
	}

	#agenda{
		.bymonths{
			margin: 0 0 0 0;
			width:(@width_col_main_alt * 2) + (@margin_main_alt * 3);
			left:(@width_col_main_alt * 2) + (@margin_main_alt * 2); // à la place de float left pour garder calendrier sur la droite
			// height: 280px;
		}
		// .fullmonth{
			// background-size:100%;
			// left: 50%;
			// margin: 0 -140px;
			// width: 280px;
		// }
		// .prec, 
		// .suiv {
			// width: 6%;
			// p,
			// p:hover{
				// background-size:16px auto;
			// }
		// }
		// .suiv {
			// left: 94%;
		// }
		// .calendrier{
			// width: 182px;
			// .intable{
				// width:182px / 7;
				// height:26px;
				// text-align: center;
			// }
			// .num_jour{
				// height:26px;
			// }
			// .event{
				// span{
					// bottom:2px;
				// }
			// }
		// }
		// .month_name{
			// font-size:40px;
			// line-height:42px;
			// margin:42px 0 6px 0;
		// }
		.listevent,
		.listevent.list{
			// font-size: 38px;
			// line-height:40px;
			// margin: 0 0 10px 0;
		// }
		// .theme_event{
			// font-size: 20px;
			// line-height:22px;
			.event_detail:first-child{
				margin-top:36px;
			}
			// .link{
				// display:none;
			// }
			.title_event{
				font-size:24px;
				line-height:26px;
				min-height: 28px;
				margin:20px 0 0 0;
			}
			.theme_event,
			.date_event{
				font-size:16px;
				line-height:19px;
				margin-bottom:0px;
			}
			.date_event .hour{
				display: unset;
				margin: 0;
				width:auto;
			}
		}
		.event_detail {
			margin-top: @sep_u;
		}
	}

	.curator{
		// width:@width_main;
		// margin: 0 @margin_main 26px @margin_main;
		margin-bottom:0;
		// overflow: hidden;
		// height:100px;
		// display:table;
		.logotype{
			// position:relative;
			// text-align:left;
			// vertical-align: bottom;
			// float:left;
			margin: 0 16px 0 0;
			// img{
				// width:100%;
				// height:auto;
				// border:0px;
			// }
			// a{
				// display:inline-block;
			// }
			@coef_size : 2.5;
			&.caf{
				.img_resize(120px,@coef_size);
				// margin-left:-4px;
			}
			&.dptmt{
				.img_resize(158px,@coef_size);
			}
			&.vpau{
				.img_resize(258px,@coef_size);
			}
			&.pref{
				.img_resize(164px,@coef_size);
			}
			&.rap{
				.img_resize(292px,@coef_size);
			}
			&.gipdsu{
				.img_resize(218px,@coef_size);
			}
		}
	}
	.informations{
		height: 500px;
	}
	.vcard{
		&:nth-child(1){
			left: 0px;
			margin: 30px 0 0 -5.8%;
		}
		&:nth-child(2){
			left: 22.5%;
			margin: 200px 0 0 -5.8%;
			padding-top: 100px;
		}
		&:nth-child(3){
			left: 48%;
			margin: 0 0 0 -5.8%;
		}
		&:nth-child(4){
			margin:170px -5.8% 0 0;
			right:0;
		 }
	}
	
	// @width_full_prct: 78%;
	// ctt
	// @width_ctt_prct: 65%;

	// #content .summary.block h1.front.page_title, 
	// #content-plus .summary.block h1.front.page_title, 
	// #content .summary.block h2.front.page_title, 
	// #content-plus .summary.block h2.front.page_title{
		// font-size:84px;
		// line-height:86px;
	// }
	// #content .summary.block {
		// padding: 0 6%;
	// }

	// #desktop-plus #content-plus .about.dynamic_title {
		// margin-top: 76px;
	// }
	// #content-plus .about.dynamic_title h1, 
	// #content-plus .about.dynamic_title h2 {
		// font-size:88px;
		// line-height:88px;
	// }
	// #content-plus .summary.dynamic_title {
		// font-size:44px;
		// line-height:58px;
	// }	
	// #desktop-plus #content-plus .dynamic_content {
	// }
	// #desktop-plus #content-plus .dynamic_content .full_content {
		// width: 54.5%;
	// }
	// #desktop-plus #content-plus .dynamic_content .full_content {
		// margin-top: 50px;	
	// }
	// .dynamic_content.full p.video iframe{
		// width: 100%;
	// }


	// #content .selfie-map #transition .page_title{ 
		// font-size: 60px;
		// line-height: 72px;
	// }

	// #content .page_content.mode_selfie .center-spot, 
	// #content .page_content.mode_selfie .center-map img.billere-map {
		// left: 40%;
	// }	

	// .mode_selfie #diaporama #slides .slidesjs-control {
		// margin-top: -180px;
		// max-height: 360px;
		// top: 50%;
	// }


	// #content #show_content.singular.texte .page_content {
		// margin: 0 2%;
		// width: 96%;
	// }
	// #content #show_content.singular.texte .page_content .scroll_navigation {
		// right: 1%;
	// }	
	// #content .texte .article_scroll .article_detail {
		// padding-right:56px;
	// }
	
	
    // .list_post {
		// &.actualites{
			// .col{
				// width:100% / 2;
			// }
		// }
    // }

	// .list_post.actualites {
		// width: 85.49%;
		// margin: 40px 0 120px @margin_main_alt;
	// }
}
@media screen and (min-width: 641px) and (max-width: 720px){
	.vcard{
		&:nth-child(1){
			z-index:6;
		 }
		&:nth-child(2){
			z-index:5;
		 }
		&:nth-child(4){
			z-index:4;
		 }
	}
}

// @import '../css/_typo_phone.less';
// @import '../css/_styles_typo.less';

/* controler */

.stylesheet p.min{
	display:block;
}