/* /////////////////////////
//      WP GÉNÉRAL        //
// ////////////////////// */


/* IMPORTS */

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


/* /////////////////////////// */

body{
	position: relative;
	width: 100%;
	min-width: 20em;
	background-color:@canard;
	// overflow:hidden;
	overflow-x:hidden;
	&.stay{
		// padding-top:200px + (@sep_u * 3);
		// padding-top:@top_h - @topstay_h;
		padding-top:@top_h;
		&.singular,
		&.general{
			padding-top:@top_h_2;
		}
	}
	*{
		 // évite scintillement au click
		-webkit-tap-highlight-color: transparent;
	}
}

html:not(.responsive){
	body{
		overflow-x:auto;
		width: 1200px;
		left: 50%;
		margin-left: -600px;
	}
	#top.stay{
		width: 1200px;
		left: 50%;
		margin-left: -600px;
	}
	#content.p_activity .page_content .content.left .block_skills.stay,
	// .page_content .content.left .thumb_container.stay,
	.page_content .content.top .page_filter.stay,
	#content.p_activity .id_card.moving.stay,
	#content.p_activity #actu.stay,
	#content.p_activity #agenda.stay{
		width: 1014px;
	}
}

#outer-wrap {
  position: relative;
  width: 100%;
  // background-color:@white;
}

#inner-wrap {
  position: relative;
  width: 100%;
}

img {
	border:0px;
}

/* STYLES TYPO */

// p{
	// font-family:arial;
	// font-size:13px;
	// line-height:18px;
	// color:#666666;
// }

h2{
	strong,b{
		font-weight: normal;
	}
}

/* controler */

#controler{
	position:fixed;
	margin:10px 0 0 10px;
	padding:2px;
	z-index:1000;
	background-color:#000000;
	display:block;
	color:#ffffff;
	padding:4px;
}

#controler p.controleur_move{
	cursor:pointer;
}


/* START */

.container{
	width: 100%;
	// max-width : 1220px;
	height:600px;
	// height:100%;
	// position: relative;
	position: absolute;
	// margin:3% auto;
	top:50%;
	margin:(-300px - @dcl) 0 0 0;
	overflow:hidden;
	img{
		position: absolute;
	}
}

// .container p{
	// position: relative;
// }
img{
	pointer-events:none;
	&::selection {
			background: transparent;
	}
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
}

/* SHARE */

.share_pict(@img_src){
	background: url("../imgs/rsx/@{img_src}.png") no-repeat scroll left center transparent;
	// padding: 2px 0px 2px 22px;
	width:19px;
}


// .sharelink{
	// .facebook{
	// 	.share_pict(res-fb-w);
	// 	// width:16px;
	// 	// padding: 2px 0px 2px 22px;
	// 	&:hover {
	// 		.share_pict(res-fb-or);
	// 		cursor:pointer
	// 	}
	// }
	// .instagram{
		// .share_pict(res-insta-b);
		// width:16px;
		// padding: 2px 0px 2px 24px;
		// &:hover {
			// .share_pict(res-insta-w);
			// cursor:pointer
		// }
	// }
	// .twitter{
		// .share_pict(res-twtt-b);
		// width:16px;
		// padding: 2px 0px 2px 30px;
		// &:hover {
			// .share_pict(res-twtt-w);
			// cursor:pointer
		// }
	// }
	// .periscope{
		// .share_pict(res-peri-b);
		// width:16px;
		// padding: 2px 0px 2px 22px;
		// &:hover {
			// .share_pict(res-peri-w);
			// cursor:pointer
		// }
	// }
// }
// .dynamic_content{
// 	.sharelink{
// 		.facebook{
// 			.share_pict(res-fb);
// 			// width:16px;
// 			// padding: 2px 0px 2px 22px;
// 			&:hover {
// 				.share_pict(res-fb-or);
// 				cursor:pointer
// 			}
// 		}
// 	}
// }


/* MENU */

#top{
	// height:@top_h;
	height:@top_h;
	// height:@top_h * 0.6;
	overflow:hidden;
	// position:fixed;
	position:relative;
	top:0px;
	left:0px;
    width: @width_principal;
	.layer_10;
	&.stay{
		.layer_20;
	}
	background-color:@canard;
	// border-top:4px solid @black;
	.maxsize {
		height: 100%;
		width: 100%;
	}
	#header_content{
		width:@width_utile;
		margin: @top_m @margin_utile 0 @margin_utile;
		// width:@width_main_alt;
		// margin: @top_m @margin_main_alt 0 @margin_main_alt;
		height:100%;
		position:relative;
		// border-bottom: 2px solid @black;
		// border-bottom: 2px solid #999999;
		// height: 35px;
	}
	a.active,
	.current_page_item a{
		color:@hover2;
	}
}
.info-open #top{
	// a.active,
	// .current_page_item a{
		// color:@black;
	// }
}
.follow_me{
	@follow_me_h:30px;
	// top: 70%; // OLD ID
	left:@margin_main; // OLD ID
	top: 60%; // NEW ID
	// left: 75%; // NEW ID
	position: absolute;
	width: auto;
	height: auto;
	text-align: left;
	.layer_20;
	p{
		height: auto;;
		overflow: hidden;
		display: block;
		// &:first-of-type{
		// 	height: 24px;
		// }
	}
	span{
		height: auto;
		display: inline-block;
	}
	span.contact{
		// margin-right:20px;
	}
}

/* BLOC TITLE */

#bloc_title{
	position:absolute;
	top:0px;
	// margin: 0 0 0 @margin_main;
	// left:50%;
	left:0;
	margin: 0 0 0 @margin_main;
	margin: @top_m @margin_main 0 @margin_main; // OLD ID
	width:@width_main; // OLD ID
	// margin: @top_m 0 0 0; // NEW ID
	// width:100%; // NEW ID
	height:100%;
	text-align:center;
	float:left;
	.link{
		// &.front{
		// &.front,
		// &.general{
			// visibility:hidden;
			top:0;
			left: 0;
			position: absolute;
			margin-left: 0; // OLD ID
			margin-top: 6%; // OLD ID
			// margin-left: 75%; // NEW ID
			// margin-top: 4%; // NEW ID
			width: 25%;
		.offcourse,
		.front{
			text-align: left;
			span{
				display: block;
				&.org-name{
					display: none; // NEW ID
				}
			}
		}
		&.singular,
		&.general{
			display:none;
		}
	}
	#logo{
		padding:0;
		position:relative;
		text-align: center; // OLD ID
		// text-align: left; // NEW ID
		width: 75%;
		margin-left: 25%; // OLD ID
		// margin-left: 0%; // NEW ID
		height: 100%;
		.animation(height, ease, @anim_duration);
		&.blocked{
			height: 60%;
		}
		.bttn{
			height: 100%;
			// display:inline-block;
			display:block;
			visibility:visible;
		}
		img{
			// height: 80%; // OLD ID
			// max-height: 480px; // OLD ID
			// margin-top:5%; // OLD ID
			margin-top:7%; // NEW ID
			max-width: 66%; // NEW ID
			height: auto; // NEW ID
			margin-left: 14%; // NEW ID
		}
		&.singular,
		&.general{
			display:none;
		}
	}
	.layer_10;
	div{
		padding: 0 0 4px 0;
	}
}


#top{
	&.singular,
	&.general{
		// height:108px;
		height: @sep_u * 3.5;
		// #header_content {
			// margin-top: 0;
		// }
		#bloc_title {
			margin-top: 12px;
			font-size: 20px;
		}
		#bloc_menu,
		.follow_me{
			// margin-top: 12px;
		}
	}
}


/* MENU ALWAYS HERE */

#top.stay {
	&.singular,
	&.general{
		height:@topstay_h;
	}
}
.info-open #top{
	// &.singular,
	// &.general{
		// height:108px;
		// top: 0 !important;
	// }
}


// .info-open #top,
#top.stay {
	margin: 0 auto;
	padding: 0;
	position: fixed;
	top: 0;
	transition: padding 0.3s ease 0s;
	width: 100%;
	// height:48px;
	height:@topstay_h;
	.layer_100;
	#header_content{
		// margin-top:12px;
		// height:28px;
		margin-top:0px;
		height:100%;
		// border-bottom:1px solid #9F938B;
	}
	// .bloc_actu {
		// display:none;
	// }
	// #bloc_menu {
		// border-bottom: 0 solid @purple;
		// margin: @topstay_top 0 0 (@margin_main + (@w_col_7G * 1.5));
		// height:16px;
		// ul{
			// text-align:center;
			// li.menu-item{
				// margin: 0px;
			// }
		// }
	// }

	#bloc_title{
		// width:154px;
		height:22px;
		margin-top:1px;
		.link{
			&.front{
			// &.front,
			// &.general{
				visibility:visible;
			}
		}
		#logo{
			// visibility:hidden;
			display: none;
		}

	}

	.follow_me,
	#bloc_menu,
	#bloc_title{
		margin-top:12px;
	}

	#bloc_title{
	    font-size: 20px;
	}

	// #logo{
		// .link{
			// background: transparent url("../imgs/scp-casadebaig-et-associes-logo-min.png") no-repeat scroll 0 0;
			// &:hover{
				// background: transparent url("../imgs/scp-casadebaig-et-associes-logo-min-cl.png") no-repeat scroll 0 0;
			// }
		// }
	// }

	// .about{
		// display:none;
	// }
	// .about_min{
		// display:none;
	// }
	// .follow_me{
		// margin-top:@topstay_top - 1px;
		// right:@margin_main;
	// }
}


#bloc_menu{
	position: absolute;
	float:left;
	// width:@w_col_7G * 4;
	// width:23%;
	// margin: 58px 0 0 (@margin_main + @w_col_7G);
	// margin: 0 0 0 @margin_main;
	// margin: 0 0 0 @margin_main;
	margin: 0 @margin_main 0 @margin_main;
	width:100% - (@margin_main * 2);
	// height:@header_h;
	height:30px;
	.layer_20;
	// .menu-general-container{
		// display:table;
		// border-collapse:separate;
		// border-spacing:5px;
	// }
	#menu-general{
		// display:flex;
		// justify-content:space-between;
		display:table;
		// display: table-row;
		width: 100%;
	}
}

#bloc_menu li.menu-item{
	vertical-align: middle;
	display:table-cell;
	// text-align:left;
	text-align:center;
	// float:left;
	// margin-right:20px;
	padding-right:20px;
	&:first-child{
		padding-right:10px;
		text-align: left;
		// a{
			// display:inline-block;
		// }
	}
	&:nth-child(2),
	&:nth-child(3){
		padding-right:14px;
	}
	&:last-child{
		text-align: right;
		padding-right:0px;
		// padding-left:20px;
		// width:140px;
		// display:inline;
	}
	div{
		padding: 1px 0 3px 0;
	}
	a{
		// white-space:nowrap;
		// display: inline-block;
		display: block;
		// display: inline-block;
		// min-width:20px;
		// width:auto;
		// .f_menu_top();
		// color:@white;
		&:hover{
			// color:@orange;
		}
	}
	&.current-menu-item{
		a{
			// color:@orange2;
			&:hover{
				// color:@orange;
			}
		}
	}
	ul.sub-menu{
		display:none;
	}
	.pic_container{
		visibility:hidden;
		text-align: center;
		height: 14px;
		padding: 0px 0 0 0;
		margin: 2px 0 0 0;
		.pics {
			padding: 0 0 0 0;
			margin: 0 auto 0 auto;
			text-align: right;
			width: 12px;
			height: 100%;
		}
		svg.svg-content {
			fill: #ffffff;
		}
	}
	&.current_page_item{
		.pic_container{
			visibility:visible;
		}
	}
}

#bloc_title div,
#bloc_menu li.menu-item div,
.sharelink span{
	// line-height:18px;
	// div,span{
		// display: inline-block;
		// margin-bottom: 0;
		// margin-top: 0;
		// vertical-align: bottom;
		// padding: 0 0 4px 0;
		// &:hover{
			// border-bottom:2px dotted @black;
		// }
	// }
}

// OLD /////////////////////

// #bloc_menu .menu > .menu-item,
// #bloc_menu .menu > ul > .page_item {
	// height: 100%;
// }
// #bloc_menu .menu > .menu-item-has-children:hover{
// }
// #bloc_menu .menu > ul.sub-menu .menu-item:hover{
// }
// #bloc_menu .menu a {
// }

// #blog-title a,
// #bloc_menu .menu a {
	// -webkit-transition: color .2s ease-out;
	// -moz-transition: color .2s ease-out;
	// -ms-transition: color .2s ease-out;
	// -o-transition: color .2s ease-out;
	// transition: color .2s ease-out;
// }

// #bloc_menu .menu > ul > li {
	// position: relative;
// }
// #bloc_menu .menu > ul > li > .children,
// #bloc_menu .menu > li > .sub-menu {
	// overflow: hidden;
	// max-height:0;
	// opacity: 0;
	// -webkit-transition: max-height, opacity, 1.0s ease;
	// -moz-transition: max-height, opacity, 1.0s ease;
	// -ms-transition: max-height, opacity, 1.0s ease;
	// -o-transition: max-height, opacity, 1.0s ease;
	// transition: max-height, opacity, 1.0s ease;
// }
// #bloc_menu .menu > ul > li:hover > .children,
// #bloc_menu .menu > li:hover > .sub-menu,
// #bloc_menu .menu > ul > li.hover > .children,
// #bloc_menu .menu > li.hover > .sub-menu {
	// overflow: hidden;
	// height:auto;
	// max-height:300px;
	// opacity: 1;
// }
// #bloc_menu .menu > ul > li > .children > li,
// #bloc_menu .menu > li > .sub-menu > li {
	// a{
		// color : @c_link_hover;
	// }
	// &:hover a{
		// color : @c_link;
	// }
// }


// li#menu-item-32.menu-item,
// li#menu-item-57.menu-item{
	// margin: 0 0 0 33%;
// }

// li#menu-item-35.menu-item,
// li#menu-item-39.menu-item{
	// margin: 0 0 0 66%;
// }

// li#menu-item-32.menu-item,
// li#menu-item-35.menu-item{
	// margin-top: -40px;
// }

// li#menu-item-41.menu-item,
// li#menu-item-59.menu-item,
// li#menu-item-64.menu-item{
	// display:none;
// }


// .div-heights(100, 200, 300, 400); // TUTO LOOP

/* CONTENT */

// .stay #content{
    // margin-top: (@top_h - @topstay_h);
// }
.stay #content.general,
.stay #content.singular {
    // margin-top: -(@top_h - @topstay_h);
}

#content{
	position:relative;
	padding:0;
	top:0px;
	left:0px;
	height: auto;
    width: @width_principal;
	margin:0;
	// margin: 16px @margin_utile 0 @margin_utile;
    // width: @width_utile;
    .layer_10;
	&.general,
	&.singular{
		// margin: 16px @margin_utile 0 @margin_utile;
		// width: @width_utile;
	}
	&.offcourse{
		margin: -180px 0 120px 0;
	}
}

#start{
	position:relative;
	margin:(@sep_u * 2) 0 0 0;
	height:auto;
	width:@width_principal;
	.layer_15;
}

#start{
	.content{
		width:@width_utile;
		margin: 0 @margin_utile 0 @margin_utile;
		// width: @width_col_utile * 3;
		// margin-left: @margin_utile ;
		// overflow: hidden;
		position:relative;
		// background-color: yellow;
		display: table;
		vertical-align: top;
	}
	.mosaic{
		// width:@width_utile;
		// margin: 0 @margin_utile 0 @margin_utile;
		// width: @width_col_utile * 3;
		// margin-left: @margin_utile ;
		width: @mosaic_x4 * 3;
		display: table-cell;
		// overflow: hidden;
		position:relative;
		// background-color: red;
		// padding-top: 60px; // OLD ID
		padding-top: 0; // NEW ID
	}
	// #actu{
	#content_actu{
		// width: @width_col_utile * 1;
		// margin-right: @margin_utile;
		// overflow: hidden;
		display: table-cell;
		position:relative;
		// background-color: blue;
		// background-color: @gray;
		background-color: @yellow;
		vertical-align: top;
	}
	#actu{
		// @height_news : @mosaic_y1 * 2; // OLD ID
		@height_news : @mosaic_y1 * 2 - 60px; // NEW ID
		// height: @mosaic_y1 * 2;
		height: @height_news;
		background-color: @gray;

		.list-actu{
			// .calc(height, ~"100% - ", 60px);
			height: @height_news - 60px; // OLD ID
			// height: @height_news - 60px - 60px; // NEW ID
			margin-bottom:0;
		}
		// padding: (@sep_u * 1.5) @margin_main_alt (@sep_u * 1.5) @margin_main_alt;
		// overflow-y: auto;

		.contentactu_scroll{
			// max-height:@height_news - 5px;
			max-height:@height_news  - 5px - 60px; // OLD ID
			// max-height:@height_news  - 5px - 60px - 60px; // NEW ID
		}
		.contentactu_detail{
			max-height:@height_news  - 5px - 5px - 60px;
		}
		.contentactu_scroll{
			// margin-top: -60px;
			// padding-top: 65px !important;
			padding-top: 5px !important;
			.contentactu_detail{
				// margin-top: -5px !important;
			}
			.ismore{
				text-align:left;
				position: absolute;
				bottom: 0px;
				margin: 0;
				width: 100%;
				height: 30px;
				padding: 12px 0 0 (@blockpadding-large * 1);
				// padding: 6px 0 0 (@margin_main_alt * 2);
				// padding: 6px 0 0 0;
				.f_singular_activity_more;
				color:@gray2;
				background-color: @gray;
			}
		}
		.ctt_actu:first-child{
			margin-top:-5px;
		}
		.ctt_actu:last-child{
			margin-bottom: @sep_u * 0.5;
		}
		.scroll_navigation{
			right: 10px;
			.button{
				&.top,
				&.bottom{
					span.picto{
						svg.svg-content{
							fill: @gray2;
						}
						&:hover{
							// background-color:@hover;
							svg.svg-content {
								fill: @hover;
							}
						}
					}
				}
				&.top{
					top:16px;
				}
				&.bottom{
					bottom:12px;
				}
			}
		}

	}
	#agenda{
		// height: @mosaic_y1 * 1;
		background-color: @yellow;

		@height_news : @mosaic_y1 * 1;
		height: @height_news;

		.list-agenda{
			display: none;
			// .calc(height, ~"100% - ", 60px);
			// height: @height_news - 60px;
			height: 0px;
			margin-bottom:0;
			// width:100%;
			// overflow:hidden;
			// position:relative;
		}
		// padding: (@sep_u * 1.5) @margin_main_alt (@sep_u * 1.5) @margin_main_alt;
		// overflow-y: auto;

		.contentagenda_scroll{
			// max-height:@height_news - 5px;
			// max-height:@height_news  - 5px - 60px;
			max-height: 0px;
		}
		.contentagenda_detail{
			// max-height:@height_news  - 5px - 5px - 60px;
			max-height: 0px;
		}
		.contentagenda_scroll{
			// margin-top: -60px;
			// padding-top: 65px !important;
			padding-top: 5px !important;
			.contentagenda_detail{
				// margin-top: -5px !important;
			}
			// .ismore{
			// 	text-align:left;
			// 	position: absolute;
			// 	bottom: 0px;
			// 	margin: 0;
			// 	width: 100%;
			// 	height: 30px;
			// 	padding: 12px 0 0 (@blockpadding-large * 1);
			// 	// padding: 6px 0 0 (@margin_main_alt * 2);
			// 	// padding: 6px 0 0 0;
			// 	.f_singular_activity_more;
			// 	color:@white;
			// 	background-color: @yellow;
			// }
		}
		.ctt_actu:first-child{
			margin-top:-5px;
		}
		.ctt_actu:last-child{
			margin-bottom: @sep_u * 0.5;
		}
		// .scroll_navigation{
		// 	right: 10px;
		// 	.button{
		// 		&.top,
		// 		&.bottom{
		// 			span.picto{
		// 				svg.svg-content{
		// 					fill: @petrole;
		// 				}
		// 				&:hover{
		// 					// background-color:@hover;
		// 					svg.svg-content {
		// 						fill: @hover;
		// 					}
		// 				}
		// 			}
		// 		}
		// 		&.top{
		// 			top:0;
		// 		}
		// 		&.bottom{
		// 			bottom:12px;
		// 		}
		// 	}
		// }

		.listevent {
			display: none;
			// top:@height_ligne * 5;
			&.active,
			&.specific{
				// display: table;
				display: none;
			}
			// &.active ~ .specific{
				// display:none;
			// }
		}
	}
	&.mode_actu,
	&.mode_agenda{
		.mosaic{
			width: @mosaic_x4 * 2;
			// display: table-cell;
			// position:relative;
			// padding-top: 60px;
		}
		#aside_content{
			.thumb,
			.preview{
				width: @mosaic_x4 * 2;
			}
		}
		// .content.large{
			// width: @mosaic_x4* 1;
			// // // // padding: (@sep_u * 1) @blockpadding-min (@sep_u * 1) @blockpadding-min;
			// height: 300px;
			// min-height:300px;
			// overflow:hidden;
			// padding-bottom:0px;
		// }
		// .ismore {
			// display:block;
			// margin: 0 0 0 0;
			// position: relative;
			// color: @canard;
		// }
		// .content_scroll {
			// max-height:280px;
			// .content_detail {
				// padding: 0 6px 0 0;
				// overflow-y: auto;
				// width: 112%;
				// .calc(width, ~"100% + ", 20px);
				// max-height:240px;
			// }
		// }
		#agenda {

			@height_ligne : 30px;

			.bymonths{
				height:@height_ligne * 5;
			}
			.listevent {
				// display: none;
				// top:@height_ligne * 5;
				// &.active,
				// &.specific{
					// display: table;
				// }
				// &.active ~ .specific{
					// display:none;
				// }
			}
			.ligne{
				position:absolute;
				width:50%;
				display:table;
				&:nth-child(1),
				&:nth-child(3),
				&:nth-child(5){
					left:0;
					+ .ligne{
						left:50%;
					}
				}
				&:nth-child(1),
				&:nth-child(2){
					top:@height_ligne * 1.5;
				}
				&:nth-child(3),
				&:nth-child(4){
					top:@height_ligne * 2.5;
				}
				&:nth-child(5),
				&:nth-child(6){
					top:@height_ligne * 3.5;
				}
				td{
					width:100% / 7;
				}
			}
		}
	}
	&.mode_actu{
		// // background-color:red;
		#actu {
			// position: relative;
			// width: @mosaic_x4 * 2;
			// height: 600px;
			.bttn{
				display:none;
				&.close{
					display:block;
				}
			}
		}
		#agenda {
			// position: absolute;
			// left:@mosaic_x4 * 1;
			// bottom:0px;
			.listevent {
				display: none !important;
			}
		}
	}
	&.mode_agenda{
		// // background-color:green;
		#actu {
			// position: absolute;
			// width: @mosaic_x4 * 1;
			// left:@mosaic_x4 * 1;
			// bottom:0px;
			// height: @mosaic_y1;
			@height_news : @mosaic_y1;
			height: @height_news;
			.list-actu{
				height: @height_news - 60px;
			}
			.contentactu_scroll{
				max-height:@height_news  - 5px - 60px;
			}
			.contentactu_detail{
				max-height:@height_news  - 5px - 5px - 60px;
			}
		}
		#agenda {
			// position: relative;
			// width: @mosaic_x4 * 2;
			height: @mosaic_y1 * 2;

			// @height_news : @mosaic_y1 * 1;

			@height_ligne : 30px;
			@height_news : (@mosaic_y1 * 2) - (@height_ligne * 4);

			.list-agenda{
				margin-top:@height_ligne;
				display: block;
				// .calc(height, ~"100% - ", 60px);
				height: @height_news - 60px;
			}
			.contentagenda_scroll{
				max-height:@height_news  - 5px - 60px;
			}
			.contentagenda_detail{
				max-height:@height_news  - 5px - 5px - 60px;
			}

			// float: right;
			.bttn{
				display:none;
				&.close{
					display:block;
				}
			}
			.listevent {
				// display: none !important;
				// top:@height_ligne * 5;
				// &.curent,
				&.active,
				&.specific{
					display: table !important;
				}
				&.active ~ .specific{
					display:none !important;
				}
			}
		}
	}
}
// #content{
	// &.mode_agenda{
		// #actu {
		// 	@height_news : @mosaic_y1;
		// 	height: @height_news;
		// 	.list-actu{
		// 		height: @height_news - 60px;
		// 	}
		// 	.contentactu_scroll{
		// 		max-height:@height_news  - 5px - 60px;
		// 	}
		// 	.contentactu_detail{
		// 		max-height:@height_news  - 5px - 5px - 60px;
		// 	}
		// }
	// 	#agenda {
	// 		height: @mosaic_y1 * 2;
	// 		@height_ligne : 30px;
	// 		@height_news : (@mosaic_y1 * 2) - (@height_ligne * 4);
	// 		.list-agenda{
	// 			margin-top:@height_ligne;
	// 			display: block;
	// 			// .calc(height, ~"100% - ", 60px);
	// 			height: @height_news - 60px;
	// 		}
	// 		.contentagenda_scroll{
	// 			max-height:@height_news  - 5px - 60px;
	// 		}
	// 		.contentagenda_detail{
	// 			max-height:@height_news  - 5px - 5px - 60px;
	// 		}
	// 	}
	// }
// }
#content,
#start{
	#agenda{
		.contentagenda_scroll{
			.ismore{
				text-align:left;
				position: absolute;
				bottom: 0px;
				margin: 0;
				width: 100%;
				height: 30px;
				padding: 12px 0 0 (@blockpadding-large * 1);
				// padding: 6px 0 0 (@margin_main_alt * 2);
				// padding: 6px 0 0 0;
				.f_singular_activity_more;
				color:@white;
				background-color: @yellow;
			}
		}
		.scroll_navigation{
			right: 10px;
			.button{
				&.top,
				&.bottom{
					span.picto{
						svg.svg-content{
							fill: @petrole;
						}
						&:hover{
							// background-color:@hover;
							svg.svg-content {
								fill: @hover;
							}
						}
					}
				}
				&.top{
					top:0;
				}
				&.bottom{
					bottom:12px;
				}
			}
		}
	}
}

.block_idcard(){
	.block_logo{
		width: 100% - (@margin_main_alt * 2);
		.calc(width, ~"100% - ", (@blockpadding-large * 2));
		height: 50% - (4% * 2);
		// margin: 4% @margin_main_alt 0;
		margin: 4% @blockpadding-large;
		position: relative;
		background-color: @canard;
		mix-blend-mode: multiply;
		.logo{
			display:block;
			width: 100%;
			height:100%;
			padding:0;
			background-position: center;
			background-size: auto 100%;
			&.landscape{
				// &.qt,
				&.szn_low{
					background-size: contain;
				}
				// &.szn,
				// &.ws,
				// &.s_ws{
				&.ws{
					// background-size: 100% auto;
					background-size: contain;
					// background-size: cover;
				}
				&.szn,
				&.s_ws{
					background-size: contain;
				}
			}
			background-repeat:no-repeat;
			background-color:white;
			// mix-blend-mode: screen;
			// -webkit-filter: grayscale(100%) contrast(120%);
			// filter: grayscale(100%) contrast(120%);
		}
		+ #block_contacts{
			margin-top:0;
		}
	}
	#block_contacts{
		padding: 0 @blockpadding-large (@sep_u * 0.5) @blockpadding-large;
		height:auto;
		max-height:50%;
		margin-top:@sep_u * 1;
		.vcard_title{
			display:block;
			margin-top:2px;
			// padding:0;
		}
		.separator{
			margin:0 1px 0 3px;
			// letter-spacing:2px;
			display: inline;
		}
		// .value{
			// &.website,
			// &.email{
				// color:@canard;
				// .animation(all, ease, @anim_duration);
				// &:hover{
					// color:@hover;
					// cursor:pointer;
				// }
			// }
			// padding:0;
		// }
		.sharelink.website,
		.value.email{
			.animation(all, ease, @anim_duration);
			display: inherit;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
			color:@canard;
			&:hover{
				color:@hover;
				cursor:pointer;
			}
		}
		p,
		p:last-child{
			margin-bottom:0px;
		}
		.follow_me{
			@follow_me_h:18px;
			top: -1px;
			left: 0;
			position: relative;
			width: auto;
			height: auto;
			text-align: left;
			// .layer_20;
			span{
				height: auto;
				display: inline-block;
				&.vcard_title{
					display: table-cell;
					vertical-align:middle;
					position:relative;
					top:1px;
				}
			}
			p{
				height: auto;
				overflow: hidden;
				// display: block;
				display: table;
				&:first-of-type{
				// &:nth-of-type(2){
					height: @follow_me_h + 2px;
					color:@canard;
				}
				// &:nth-of-type(2){
				// 	height: 24px;
				// }
				.sharelink {
					color: @canard;
					transition: all 0.35s ease 0s;
					// display: inline-block;
					display: table-cell;
					vertical-align:middle;
					position:relative;
					// margin: 0 2px 0 0;
					.svg-container {
						line-height: 22px;
						margin: -2px 2px 0;
					}
					&.facebook,
					&.twitter,
					&.instagram,
					&.linkedin
					&.newsletter{
						padding-top: 0px;
						padding-right: 2px;
					}
					&.facebook{
						top:0px;
					}
					&.instagram{
						top:-0.5px;
					}
					&.twitter{
						top:-0.5px;
					}
					&.linkedin{
						top:-0.7px;
					}
					&:first-of-type {
						// margin-left: 4px;
						padding-left: 2px;
					}
					&:last-child {
					}
					&:hover{
						color: @hover;
					}
				}
				.svg-container{
					&.newsletter,
					&.facebook,
					&.twitter,
					&.instagram,
					&.linkedin {
						display: inline-block;
						// height: 16px;
						text-align: center;
						width: 16px;
						vertical-align: middle;
						.svg-content{
							height: 100%;
							position: relative;
							width: auto;
						}
					}
					&.newsletter,
					&.facebook{
						height: 16px;
						margin-top: 0;
					}
					&.twitter{
						height: 14px;
						margin-top: -4px;
					}
					&.instagram{
						height: 14px;
						margin-top: -2px;
					}
					&.linkedin{
						height: 12px;
						margin-top: -6px;
					}
					svg {
						fill: @canard;
						transition: all 0.35s ease 0s;
						&:hover{
							fill: @hover;
						}
					}
				}
			}
		}
	}
}

// SCROLL

.scroll_navigation{
	display:none;
	position:absolute;
    top: 0;
	right: 0;
    width: 20px;
	height:100%;
	margin-top: 0;
	.layer_200;
	// background-color:blue;
	.button{
		// position: relative;
		position:absolute;
		height:20px;
		width: 100%;
		cursor:pointer;
		opacity:1;
		transition: opacity 0.1s ease;
		left:0;
		// &.top{
			// background: red url("../imgs/nav-top-o-bis.png") no-repeat scroll center center;
			// background-size:100% auto !important;
			// top:@sep_u;
		// }
		// &.bottom{
			// background: green url("../imgs/nav-bottom-o-bis.png") no-repeat scroll center center;
			// background-size:100% auto !important;
			bottom:@sep_u * 0.75;
		// }
		&.top,
		&.bottom{
			span.picto{
				display: inline-block;
				height: 100%;
				width: 100%;
				margin: 0;
				padding: 0 5px 0 5px;
				background: none;
				// background-color:@canard;
				// border-radius:50%;
				.svg-container{
					padding-top: 0;
					margin: 3px auto 3px auto;
					text-align: left;
					width: 8px;
					height: 14px;
				}
				svg.svg-content {
					fill: #ffffff;
					transition: all 0.35s ease 0s;
					position: relative;
					width: auto;
					height: 100%;
				}
				&:hover{
					// background-color:@hover;
					svg.svg-content {
						fill: @canard;
					}
				}
			}
		}
		&.top{
			top:@sep_u;
			// left: 6px;
			span.picto{
				// padding-top:3px;
				.transform(rotate(90deg));
			}
		}
		&.bottom{
			bottom:@sep_u * 0.75;
			// right: 6px;
			span.picto{
				// padding-bottom:3px;
				.transform(rotate(90deg));
			}
		}
	}

}

[nav="content_scroll"]{
// .content_scroll {
	display: block;
	overflow: hidden;
	width: 100%;
	// width: 92%;
	// .calc(width, ~"100% - ", 20px);
	[nav="content_detail"]{
	// .content_detail {
		padding: 0 22px 0 0;
		overflow-x: hidden;
		overflow-y: auto;
		width: 112%;
		.calc(width, ~"100% + ", 20px);
	}
	.ismore {
		display:none;
		height: 20px;
		left: 0;
		margin: -20px 0 0 0;
		margin-bottom: 0 !important;
		position: relative;
		position: absolute;
		.layer_150;
		text-align: right;
		.animation(opacity, ease, @anim_duration);
		color: @canard;
		span{
			cursor: pointer;
			background: inherit;
			height: 100%;
			display: inline-block;
		}
	}
}

.excerpt .content_scroll .ismore span{
	pointer-events:none;
}

#content{
	&.p_directory{
		.list-actu{
			width:100%;
			margin:0;
			.ctt_actu{
				.separator{
					margin: -8px 0 0 0;
				}
				.post-category + .separator {
					margin: 2px 0 0 0;
				}
			}
		}
		#actu{
			@height_news : @mosaic_y1 * 2;
			height: @height_news;
			background-color: @gray;

			.list-actu{
				height: @height_news - 60px;
				margin-bottom:0;
			}

			.type-post{
				&:first-child{
					margin-top:@sep_u * 0.75;
				}
			}

			.contentactu_scroll{
				max-height:@height_news  - 5px - 60px;
			}
			.contentactu_detail{
				max-height:@height_news  - 5px - 5px - 60px;
			}
			.contentactu_scroll{
				padding-top: 5px !important;
				.contentactu_detail{
					// margin-top: -5px !important;
				}
				.ismore{
					text-align:left;
					position: absolute;
					bottom: 0px;
					margin: 0;
					width: 100%;
					height: 30px;
					padding: 12px 0 0 (@blockpadding-large * 1);
					.f_singular_activity_more;
					color:@gray2;
					background-color: @gray;
				}
			}
			.ctt_actu:first-child{
				margin-top:-5px;
			}
			.ctt_actu:last-child{
				margin-bottom: @sep_u * 0.5;
			}
			.scroll_navigation{
				right: 10px;
				.button{
					&.top,
					&.bottom{
						span.picto{
							svg.svg-content{
								fill: @gray2;
							}
							&:hover{
								svg.svg-content {
									fill: @hover;
								}
							}
						}
					}
					&.top{
						top:16px;
					}
					&.bottom{
						bottom:12px;
					}
				}
			}
		}
		// .content_container{
			// display:block;
		// }
		.mosaic{
			width: @mosaic_x4 * 3;
			// display: table-cell;
			display: inline-block;
			float:left;
			position:relative;
			// padding-top: 60px;
		}
		&.company{
			.page_title{
				.thumb {
					width: @mosaic_x4 * 1;
					background-image: url("../imgs/octopya_logo_t_min_@2x.png") !important; // NEW ID
					// background: url("../imgs/scicpau_logo_min_@2x.png") no-repeat scroll 80% center @white; // OLD ID
					// background-size: 85%; // OLD ID
				}
				.about{
					width: @mosaic_x4 * 3;
					// .title{
					// text-align: center;
					// }
					display: table;
					background-color: @blue;
				}
			}
			.page_content {
				.content.top {
					width: @mosaic_x4* 4;
					.excerpt {
						width: @mosaic_x4* 1;
						// padding: (@sep_u * 1.5) (@margin_main_alt * 0.5) (@sep_u * 1.5) (@margin_main_alt * 0.5);
						background-color: @orange;
						.layer_1;
					}
				}
			}
			.content.large{
				display: inline-block;
				width: @mosaic_x4* 3;
				padding: 0;
				// margin-top: -(@mosaic_y1);
				margin-top:0;
				// margin-left:@mosaic_x4* 1;
				margin-left: 0px;
				background-color: @gray;
				min-height: @mosaic_y1 * 2;
				clear: inherit;
			}
			.list-activity{
				overflow:hidden;
				height:auto;
				margin-bottom:@sep_u;
				&.blank_page .notice{
					// width: @mosaic_x3* 2;
					// margin-left:@mosaic_x3* 1;
					width: @mosaic_x3* 3;
					margin-left:@mosaic_x3* 0;
					background-color: @gray;
					color:@canard;
				}
				.preview{
					width: @mosaic_x3* 1;
					background-color: @gray;
					height: auto;
					margin-top:@sep_u * 0.5;
					&:nth-child(3n+1){
						clear: both;
					}
					&:hover{
						cursor:inherit;
					}
					.activity-resume,
					.activity-name,
					.activity-boss{
						// background-color: @gray;
						// color:@petrole;
						color:@canard;
					}
					// .activity-resume{
						// p{
							// .f_mentions_vcard_alt;
						// }
					// }
					.bloc_title{
						height: auto;
						position: relative;
						opacity:1;
						padding-top:0px;
						&.no_logo{
							padding-top: 32px;
						}
						.activity-name{
							margin-bottom: @sep_u * 0.25;
						}
						.activity-resume{
							margin-bottom: @sep_u * 0.25;
						}
					}
				}
			}
			.block_idcard;
			#block_contacts{
				margin-top:0;
				// .follow_me p .sharelink{
					// margin-bottom:-2px;
				// }
			}
			// .no_logo{
				// #block_contacts{
					// margin-top:0;
				// }
			// }
			.block_logo{
				// height:34%;
				height: 80px;
			}
		}
		.page_title .about {
		    background-color: @orange;
			width: @mosaic_x3* 3;
		}
		.page_content {
			.content.top {
				width: @mosaic_x3* 3;
				.excerpt {
					width: @mosaic_x3* 1;
					padding: (@sep_u * 1.5) (@margin_main_alt * 0.5) (@sep_u * 1.5) (@margin_main_alt * 0.5);
				}
				.page_filter{
					&.directory {
						padding: (@sep_u * 1) (@margin_main_alt * 1) (@sep_u * 1) (@margin_main_alt * 1);
						background-color: @blue;
						width: @mosaic_x3* 2;
					}
					a{
						&:hover{
							color: @canard;
						}
					}
					&.alphabetical{
						.detail{
							display:none;
							&.alphabetical{
								display:inline-block;
							}
						}
						.byname,
						.byent{
							display:inline-block;
						}
						.switch.ctrl{
							height: 100px;
							.calc(height, ~"100% - ", ( (26 + 6.5) * 4 + 21px));
							.alphabetical{
								// font-weight:bold;
								// font-family: 'GothamBold',Arial,Helvetica,sans-serif;
								position: absolute;
								bottom: 0px;
								right: 0px;
								height: auto;
							}
						}
					}
					.switch.ctrl{
						.byname,
						.byent,
						.alphabetical{
							.animation(color, ease, @anim_duration);
						}
						.byname,
						.byent{
							&:not(.active){
								&:hover{
									color: @canard;
								}
							}
						}
						.alphabetical{
							&:hover{
								color: @canard;
							}
						}
					}
					.detail{
						display:inline;
						&:not(.alphabetical){
							a{
								// display:inline;
								white-space: nowrap;
								line-height:26px;
								&::after {
									content: " / ";
									color:@white;
									opacity:0.2;

									// float:right;
									// text-align: right;
									// margin-right:30px;
									white-space: normal;
								}
								&:hover{
									&::after {
										color:@white;
									}
								}
							}
						}
						&.alphabetical{
							display:none;
							float: left;
							width: auto;
							width: 10%;
							text-align: center;
							padding:0 1% 0 0;
							margin-bottom:@sep_u * 0.25;
							// &.active:hover{
								// a{
									// cursor:pointer;
									// color:@hover;
								// }
							// }
						}
						&.process,
						&.active{
							a{
								color:@canard;
							}
						}
						&.desable,
						&.active{
							a{
								cursor:default;
							}
						}
						&.process:hover{
							a{
								color:@hover;
							}
						}
						&.desable{
							opacity:0.2;
							&:hover{
								a{
									color:@white;
								}
							}
						}
						// &:nth-last-of-type(4n) {
						&:nth-last-of-type(2) {
							a{
								&::after {
									content: "";
								}
							}
						}
					}
				}
			}
		}
		@search_submit_w: 22px;
		#search_form{
			height:@search_submit_w + 14px;
			// width: 32%;
			// margin:24% 0 (@sep_u / 2) -16%;
			// margin: (@sep_u * 0.25) 0 0 0;
			// left:50%;
			// width: 60%;
			width:78%;
			// position:relative;
			position:absolute;
			bottom: @sep_u * 0.5;
			#form {
				height: 100%;
				width: 100%;
			}
			// .search_border{
			// 	// background-color:@white;
			// 	height: 2px;
			// 	border-radius: 2px;
			// 	width: 100%;
			// 	position:absolute;
			// 	bottom:0px;
			// }
			.search_input,
			.search_clear,
			.search_submit{
				height:@search_submit_w + 10px;
			}
			.search_input{
				width:80%;
				.calc(width, ~"100% - ", (@search_submit_w));
				float:left;
				// float:right;
			}
			.search_clear,
			.search_submit{
				width:@search_submit_w;
				float:left;
				// float:right;
				cursor:pointer;
				color:@white;
				text-align:right;
				// svg
				padding-top: 6px;
			}
			&.start{
				.search_clear{
					display:none;
				}
				.animation(margin, ease, @anim_duration);
				&.result{
					margin-top: 15%;
					.search_submit{
						display:none;
					}
					.search_clear{
						display:block;
					}
				}
			}
			.svg_color.clear,
			.svg_color.loop{
				content:"@{white}";
			}
			svg#clear,
			svg#loop{
				fill: @white;
				.transition_x1(all, ease, @anim_duration);
				&:hover {
					fill: @canard;
				}
			}
			input[type="text"]{
				width: 100%;
				height: 100%;
				.f_form_search;
				text-align:left;
				color:@white;
				letter-spacing:1px;
				border: 0 solid @white;
				padding: 4px 8px 0px 6px;
			}
			input#submit {
				position:absolute;
				right:0;
				float:right;
				width:20%;
				width:@search_submit_w;
				height:@search_submit_w;
				border: 0;
				-webkit-appearance: none;
				-webkit-border-radius:0;
				border-radius:0;
				background-color: transparent;
				color:@white;
				&:hover{
				}
			}
			&.process{
				.search_input{
				}
				input#submit {
					// display:block;
				}
				label{
					opacity:0;
				}
				&:hover input{
					cursor:auto;
					&#submit{
						cursor:pointer;
					}
				}
			}
			label{
				font-size:0;
				&:before{
					// content:"Rechercher par nom ou identité commerciale";
					content:"Rechercher par activité, nom ou identité commerciale";
					font-size:11px;
				}
			}
		}
		.switch.ctrl{
			display: block;
			float: right;
			right: 10px;
			margin: 0 (@margin_main_alt * 1) 0 0;
			position: absolute;;
			// width: 10%;
			width: auto;
			// bottom: @sep_u * 0.5;
			bottom: 21px;
			// height:@search_submit_w + 14px;
			height:auto;
			padding: 0;
			.byname,
			.byent{
				display:none;
				padding: 0;
				&:hover{
					cursor: pointer;
				}
				&.active{
					cursor: inherit;
					pointer-events:none;
					// pointer-events:auto;
				}
			}
			.byname{
				&::after {
					content: " / ";
					&:hover{
						cursor: inherit;
					}
				}
			}
			.alphabetical{
				padding: 4px 0 0 0;
				height: 100%;
				display: block;
				text-align: right;
				&:hover{
					cursor: pointer;
				}
			}
		}
		.content.large{
			width: @mosaic_x4 * 4;
			position:relative;
			display:block;
			overflow:hidden;
			clear: both;
			height:auto;
			// min-height:300px;
			background-color:@petrole;
		}
		.list-activity{
			width: @mosaic_x4 * 4;
			.list_subactivity {
				float:left;
				position:relative;
				width: @mosaic_x4 * 1;
				background-color:@petrole;
				height: @mosaic_y1;
				// padding: (@sep_u * 1) @blockpadding-large (@sep_u * 0.5) @blockpadding-large;
			}
			&.blank_page{
				display:table;
				.list_subactivity {
					display:inline-block;
					+ .notice{
						width: @mosaic_x4 * 3;
						margin-left: 0;
					}
				}
				.notice{
					float:left;
					display:inline-block;
					height: @mosaic_y1;
					width: @mosaic_x4 * 3;
					margin: 0 0 0 @mosaic_x4;
					padding: (@sep_u * 2) (@blockpadding-large * 2) (@sep_u * 0.5) (@blockpadding-large * 2);
					background-color:@petrole;
					color:@white;
					.f_activity_empty;
				}
			}
			#all_subactivity{
				.layer_5;
				padding: (@sep_u * 1) @blockpadding-large (@sep_u * 0.5) @blockpadding-large;
				.detail{
					margin-bottom: @sep_u * 0.5;
					a{
						// .f_activity_sublist;
						// color:@white;
						text-decoration:none;
						color:@white;
						&:hover{
							color: @blue;
						}
					}
					&.process,
					&.active{
						a{
							color:@blue;
						}
					}
					&.active{
						a{
							cursor:default;
						}
					}
					&.desable{
						// opacity:0.2;
						display:none;
						visibility:hidden;
					}
				}
			}
			#subactivity_title{
				.layer_10;
				opacity:1;
				visibility:visible;
				background-color:@petrole;
				.animation(all, ease, @anim_duration);
				display: table;
				padding: (@sep_u * 0.5) @blockpadding-large (@sep_u * 1) @blockpadding-large;
				.title{
					color:@white;
					display: table-cell;
					vertical-align: middle;
					text-align: center;
				}
				&.hide{
					// .layer_1;
					opacity:0;
					visibility:hidden;
				}
			}
			#all_subactivity,
			#subactivity_title{
				width:100%;
				height:100%;
				position:absolute;
				left:0px;
				top:0px;
			}
			.preview{
				float:left;
				position:relative;
				width: @mosaic_x4 * 1;
				background-color:@petrole;
				height: @mosaic_y1;
				// padding: (@sep_u * 1) @blockpadding-large (@sep_u * 0.5) @blockpadding-large;
				.bloc_thumb,
				.bloc_title{
					width:100%;
					height:100%;
					position:absolute;
					top:0;
					left:0;
					// float:left;
					.animation(opacity, ease, @anim_duration);
					.activity-resume,
					.activity-boss,
					.activity-name{
						padding: 0 @blockpadding-large;
						.search-term{
							margin:0;
							padding:0;
						}
					}
					.activity-boss{
						margin-bottom: 12px;
					}
					.activity-name{
						margin-bottom: @sep_u * 0.75;
					}
					.activity-separator{
						padding: 0 4px 0 @blockpadding-large;
						float:left;
					}
					.activity-resume{
						p:last-child{
							margin-bottom:0px;
						}
					}
				}
				.bloc_title{
					// .layer_5;
					padding-top: 32px;
					// background-color: @petrole;
					text-align:left;
					opacity:0;
					// .animation(all, ease, @anim_duration);
					&.no_thumb{
						// opacity:0.5;
					}
				}
				// figure.bloc_thumb{
					// display:block;
				// }
				.bloc_thumb{
					// .layer_10;
					background-color: @petrole;
					opacity:1;
					// visibility:visible;
					// .animation(all, ease, @anim_duration);
					.thumb{
						width: 100%;
						height: 100%;
						background-position: center;
						background-size: 100% auto;
						background-size: cover;
						&.landscape{
							background-size: auto 100%;
							background-size: cover;
						}
						background-repeat:no-repeat;
						display: inline-block;
					}
					&.no_thumb .thumb{
						background-size: auto 40%;
						background-position-x: 57%;
						background-color: #f7f7ef;
						// background-color: red;
					}
				}
				.link{
					.animation(opacity, ease, @anim_duration);
					opacity:0;
					&.no_thumb{
						// opacity:0.5;
					}
					position: absolute;
					bottom: @sep_u * 0.75;
					height: 20px;
					width: 100%;
					padding: 0 @blockpadding-large;
					.read-more{
						right:0px;
						float:right;
						width:auto;
						margin:0;
						text-align:right;
						a{
							color:@white;
							position:relative;
							width:100%;
							height:12px;
							padding:4px;
							line-height:6px;
							margin-right:-4px;
						}
					}
				}
			}
			.alphabetical.title ~ .preview,
			.preview:hover{
			// .preview{
				// &:hover{
					cursor:pointer;
					.bloc_thumb{
						// .layer_1;
						opacity:0.1;
						// visibility:hidden;
						.thumb{
							mix-blend-mode: screen;
							// -webkit-filter: grayscale(100%) contrast(120%);
							// filter: grayscale(100%) contrast(120%);
							-webkit-filter: ~"grayscale(100%)" ~"contrast(120%)";
							filter: ~"grayscale(100%)" ~"contrast(120%)";
						}
					}
					.link,
					.bloc_title{
						opacity:1;
					}
				// }
			}
			.alphabetical.title ~ .preview{
				&:hover{
					.bloc_thumb{
						// .layer_1;
						opacity:1;
						// visibility:hidden;
						.thumb{
							mix-blend-mode: inherit;
							-webkit-filter: inherit;
							filter: inherit;
						}
					}
					.link,
					.bloc_title{
						opacity:0;
						&.no_thumb{
							// opacity:0.5;
							// a{
								// &:hover *{
									// color:@hover;
								// }
							// }
						}
					}
				}
			}
		}
		#actu {
			width: @mosaic_x4 * 1;
			// display: table-cell;
			display: inline-block;
			position: relative;
			// background-color: blue;
			background-color: @gray;
			height:@mosaic_y1 * 2;
			float:left;
		}
		&.mode_actu{
			.page_title{
				width: @mosaic_x2 * 1;
				.layer_20;
				.pics {
					padding-top: 0;
					margin-top: 10%;
					width: 41px;
					height: 30%;
				}
				.bloc_title {
					height: 100%;
					.title{
						.f_singular_sectiontitle;
						height: 60%;
					}
					.subtitle{
						display:none;
					}
				}
			}
			.page_content{
				height:@mosaic_y1 * 2;
				margin-top: -(@mosaic_y1);
				.layer_10;
			}
			.content{
				&.top{
					.excerpt{
						width: @mosaic_x4 * 2;
						margin-left: @mosaic_x4 * 2;
						// width: 0;
						// display: none;
					}
					.page_filter.directory{
						width: 100%;
					}
				}
				&.large{
					display:none;
				}
			}
			.mosaic{
				width: @mosaic_x4 * 2;
				// display: table-cell;
				// position:relative;
				// padding-top: 60px;
			}
			// #aside_content{
				// .thumb,
				// .preview{
					// width: @mosaic_x4 * 2;
				// }
			// }
			// // background-color:red;
			#actu {
				// position: relative;
				width: @mosaic_x4 * 2;
				// height: 600px;
				.bttn{
					display:none;
					&.close{
						display:block;
					}
				}
			}
		}
	}
	&.p_activity{
		.list-actu{
			width:100%;
			margin:0;
			.ctt_actu{
				.separator{
					margin: -8px 0 0 0;
				}
				.post-category + .separator {
					margin: 2px 0 0 0;
				}
			}
		}
		#actu{
			@height_news : @mosaic_y1 * 2;
			height: @height_news;
			background-color: @gray;

			.list-actu{
				height: @height_news - 60px;
				margin-bottom:0;
			}

			.type-post{
				&:first-child{
					margin-top:@sep_u * 0.75;
				}
			}

			.contentactu_scroll{
				max-height:@height_news  - 5px - 60px;
			}
			.contentactu_detail{
				max-height:@height_news  - 5px - 5px - 60px;
			}
			.contentactu_scroll{
				padding-top: 5px !important;
				.contentactu_detail{
					// margin-top: -5px !important;
				}
				.ismore{
					text-align:left;
					position: absolute;
					bottom: 0px;
					margin: 0;
					width: 100%;
					height: 30px;
					padding: 12px 0 0 (@blockpadding-large * 1);
					.f_singular_activity_more;
					color:@gray2;
					background-color: @gray;
				}
			}
			.ctt_actu:first-child{
				margin-top:-5px;
			}
			.ctt_actu:last-child{
				margin-bottom: @sep_u * 0.5;
			}
			.scroll_navigation{
				right: 10px;
				.button{
					&.top,
					&.bottom{
						span.picto{
							svg.svg-content{
								fill: @gray2;
							}
							&:hover{
								svg.svg-content {
									fill: @hover;
								}
							}
						}
					}
					&.top{
						top:16px;
					}
					&.bottom{
						bottom:12px;
					}
				}
			}
		}
		.mosaic{
			width: @mosaic_x4 * 4;
			display: table-cell;
			position:relative;
		}
		.page_title{
			.about,
			.id_card{
				height:100%;
				display: inline-block;
				position:relative;
			}
			.about {
				width: @mosaic_x4* 3;
				// display: table-cell;
				// float:left;
			}
			.id_card{
				width: @mosaic_x4* 1;
				background-color: @gray;
				// float:left;
			}
			&.below{
				.layer_1;
			}
		}
		.section_title,
		.bloc_thumb,
		.bloc_title{
			width: @mosaic_x3* 1;
			height:100%;
			position:relative;
			float:left;
			.activity-resume,
			.activity-boss,
			.activity-name{
				padding: 0 @blockpadding-min;
			}
			.activity-boss{
				margin-bottom: 12px;
			}
			.activity-name{
				margin-bottom: @sep_u * 0.75;
			}
			.activity-separator{
				padding: 0 4px 0 @blockpadding-min;
				float:left;
			}
			.activity-resume{
				p:last-child{
					margin-bottom:0px;
				}
			}
		}
		.bloc_title{
			padding-top: 32px;
			background-color: @petrole;
			text-align:left;
		}
		// figure.bloc_thumb{
			// display:block;
		// }
		.bloc_thumb{
			background-color: @petrole;
			.thumb{
				width: 100%;
				background-position: center;
				background-size: 100% auto;
				background-size: cover;
				&.landscape{
					background-size: auto 100%;
					background-size: cover;
				}
				background-repeat:no-repeat;
			}
		}
		.section_title{
			background-color: @orange;
			// display: table-cell;
			// vertical-align: middle;
			text-align: center;
			.pics {
				padding-top: 10%;
				margin: 0 auto 0 auto;
				text-align: right;
				width: 41px;
				height: 40%;
			}
			svg.svg-content {
				fill: #ffffff;
			}
			.section-title{
				margin:0px;
				padding: 0 26px;
			}
		}
		.block_idcard;
		.page_content {
			.type-postactivity{
				background-color:@petrole;
				// background-color: @yellow;
				overflow:hidden;
			}
			// .content.top {
				// width: @mosaic_x3* 3;
				// .excerpt {
					// width: @mosaic_x3* 1;
					// padding: (@sep_u * 1.5) (@margin_main_alt * 0.5) (@sep_u * 1.5) (@margin_main_alt * 0.5);
				// }
				// .page_filter{
					// &.directory {
						// padding: (@sep_u * 1) (@margin_main_alt * 1) (@sep_u * 1) (@margin_main_alt * 1);
				    // background-color: @blue;
						// width: @mosaic_x3* 2;
					// }
					// a{
						// &:hover{
							// color: @canard;
						// }
					// }
				// }
			// }
			.content.left {
				background-color:@petrole;
				.block_skills{
					padding: (@sep_u * 1) @blockpadding-large (@sep_u * 1) @blockpadding-large;
					margin-top:2px;
					color:@white;
					width:100%;
					height:auto;
					.activity-skills{
						margin-bottom: @sep_u * 0.5;
					}
					.skill_description,
					.skill_title{
						padding:0;
						margin:0;
						height:auto;
						display:block;
					}
					.skill_description{
						margin-bottom: @sep_u * 0.5;
					}
					&.stay {
						position: fixed;
						top: 40px;
						bottom:inherit;
						width: 19%;
						height: auto;
						.animation(top, ease, @anim_duration);
						opacity:1;
						&.atbottom{
							top:inherit;
							bottom:20px;
						}
						&.atend,
						&.atend.atbottom{
							// opacity:0;
							opacity:1;
							top:inherit;
							bottom:200px;
						}

						width: @width_utile;
						background-color: transparent;
						// padding:0px;
						.maxsize{
							width: @mosaic_x4 * 1;
							background-color: @petrole;
							// padding: (@sep_u * 1.5) (@margin_main_alt / 2) (@sep_u * 1.5) (@margin_main_alt / 2);
						}
					}
				}
				.ismore {
					display:none;
					height: 20px;
					width: 100%;
					padding: 0 @blockpadding-large 0 @blockpadding-large;
					left: 0;
					margin: -20px 0 0 0;
					margin-bottom: 0 !important;
					position: relative;
					position: absolute;
					.layer_150;
					text-align: right;
					.animation(opacity, ease, @anim_duration);
					color: @white;
					background-color: @petrole;
					span{
						cursor: pointer;
						background: inherit;
						height: 100%;
						display: inline-block;
					}
				}
			}
			.content.large {
				width: @mosaic_x4* 2;
				padding: (@sep_u * 1) @blockpadding-min (@sep_u * 1) @blockpadding-min;
				min-height:650px;
				&.no_actu.no_event{
					// width: @mosaic_x4* 3;
					// padding: (@sep_u * 1) (@blockpadding-large * 1.2) (@sep_u * 1) (@blockpadding-large * 1.2);
					p,h2{
						// padding-right:@blockpadding-large;
					}
					[nav="content_scroll"] [nav="content_detail"] {
						padding: 0 0 0 0;
					}
				}
				p,h2{
					margin-bottom: @sep_u * 0.5;
					// padding-right:@blockpadding-large;
				}
				p{
					+ h2{
						margin-top: @sep_u * 0.5;
					}
					&.special.retrait{
						background: url("../imgs/icoretrait-b_@2x.png") no-repeat scroll -44px center transparent;
					}
					&.dialog{
						.f_txt_dialog;
						padding: 0 20px 0 0;
						text-indent: 40px;
						letter-spacing:1px;
						em {
							.f_txt_dialog;
							letter-spacing:1px;
							strong{
								.f_txt_courant_strong_italic;
							}
						}
						strong{
							.f_txt_courant_strong_italic;
							em{
								.f_txt_courant_strong_italic;
							}
						}
						line-height:16px;
						em,
						em strong,
						strong,
						strong em{
							line-height:16px;
						}
						+ .note{
							text-align: right;
							padding-left: 20px;
							+ .link,
							+ .dialog{
								margin-top: @sep_u * 1.5;
							}
						}
					}
					// &.list {
						// margin-right: 10%;
						// overflow: hidden;
						// &:before {
						  // content: "– ";
						// }
						// & ~ p.list {
						  // margin-top: -8px;
						// }
					// }
					&.link {
						padding:1px 0 2px 68px;
						background: url("../imgs/icoretrait-b_@2x.png") no-repeat scroll 0px center transparent;
						a {
							// text-decoration: none;
							font-size: 15px;
							// letter-spacing: 0px;
							// color: #002a50;
						}
					}
				}
				p img,
				div img,
				figure{
					display:none;
				}
				figure,
				#diaporama{
					div.caption,
					p.caption{
						.f_singular_img_caption;
						strong{
							.f_singular_img_caption_strong;
						}
						em{
							.f_singular_img_caption_italic;
						}
						margin: 4px auto 0px auto;
						text-align:left;
					}
				}
				figure{
					p.caption{
						padding-top: 8px;
					}
				}
				// img{
					// max-width:100%;
				// }
				&.media_with figure{
					// span,a{
						// background: none;
						// padding: 0;
						// display:inline-block;
						// position:relative;
						// width:auto;
						// height:100%;
						// overflow: hidden;
						// .help_user{
							// position:absolute;
							// width:100%;
							// height:100%;
						// }
					// }
					&.left,
					&.large,
					&.mid,
					&.big{
						display:block;
						img{
							display:block;
						}
					}
					&.big{
						height:auto;
						img{
							width:100%;
							height:auto;
							// height:100%;
						}
					}
					&.large{
						img{
							// max-width:100%;
							max-width:75%;
						}
					}
					&.mid{
						img{
							// max-width:316px;
							max-width:50%;
						}
					}
					~ #diaporama,
					~ .more_content.media,
					~ figure {
						margin-top: @sep_u * 0.5;
					}
				}
				&+ .id_card{
					display:none;
					width: @mosaic_x4 * 1;
					height: @mosaic_y1;
					position:relative;
					&.moving{
						// background-color: @gray;
						&.stay{
							display:block;
							position: fixed;
							.layer_5;
							.maxsize{
								background-color: @gray0;
							}
						}
					}
				}
			}
		}
		.left_end{
			display: inline-block;
			position: absolute;
			background-color: @yellow;
			width: @mosaic_x4 * 1;
			height: 100%;
			float: left;
			right:0px;
			bottom:0px;
			.layer_1;
			&.no_actu,
			&.no_event,
			&.no_actu.no_event{
				// background-color: @gray;
				// background-color: @gray0;
				background-color: @gray3;
			}
		}
		#actu {
			display: inline-block;
			position: relative;
			background-color: @gray;
			width: @mosaic_x4 * 1;
			height: 300px;
			float: left;
			.layer_5;
		}
		#agenda {
			display: inline-block;
			position: relative;
			background-color: @yellow;
			width: @mosaic_x4 * 1;
			height: 300px;
			// height: auto;
			// min-height:300px;
			margin:0;
			.layer_5;
		}
		.id_card.moving,
		#actu,
		#agenda {
			&.stay {
				position: fixed;
				// top: 40px;
				bottom:inherit;
				// height: auto;
				.animation(top, ease, @anim_duration);
				opacity:1;
				float:inherit;
				display:block;
				// .layer_5;
				&.atbottom{
					top:inherit;
					// bottom:20px;
				}
				&.atend,
				&.atend.atbottom{
					// opacity:0;
					opacity:1;
					top:inherit;
					// bottom:182px;
				}
				width: @width_utile;
				// width: @width_utile - @mosaic_x4;
				// .calc(width, ~"100% - ", (@width_utile));
				// margin-left:@mosaic_x4 * 1;
				background-color: transparent;
				// padding:0px;
				.maxsize{
					width: @mosaic_x4 * 1;
					// width: @mosaic_x3 * 1;
					height:100%;
					float:right;
					background-color: @gray;
					// padding: (@sep_u * 1.5) (@margin_main_alt / 2) (@sep_u * 1.5) (@margin_main_alt / 2);
				}
			}
		}
		.id_card.moving,
		#actu{
			&.stay {
				top: 40px;
				&.atbottom{
					bottom:20px;
				}
				&.atend,
				&.atend.atbottom{
					bottom:182px + 300px;
				}
				.maxsize{
					background-color: @gray;
				}
			}
		}
		#agenda{
			&.stay {
				top: 340px;
				&.no_actu{
					top: 40px;
				}
				&.atbottom{
					bottom:20px;
				}
				&.atend,
				&.atend.atbottom{
					bottom:182px;
				}
				.maxsize{
					background-color: @yellow;
				}
			}
			.listevent {
				display: none;
			}
		}


// /////////////////////////////////
// /////////////////////////////////


	#agenda{
		// height: @mosaic_y1 * 1;
		background-color: @yellow;

		@height_news : @mosaic_y1 * 1;
		height: @height_news + 60;

		// .list-agenda{
			// display: none;
			// height: 0px;
			// margin-bottom:0;
		// }
		// .contentagenda_scroll{
			// max-height: 0px;
		// }
		// .contentagenda_detail{
			// max-height:@height_news  - 5px - 5px - 60px;
			// max-height: 0px;
		// }
		// .contentagenda_scroll{
			// padding-top: 5px !important;
			// .contentagenda_detail{
				// margin-top: -5px !important;
			// }
			// .ismore{
				// text-align:left;
				// position: absolute;
				// bottom: 0px;
				// margin: 0;
				// width: 100%;
				// height: 30px;
				// padding: 12px 0 0 (@blockpadding-large * 1);
				// .f_singular_activity_more;
				// color:@white;
				// background-color: @yellow;
			// }
		// }
		// .ctt_actu:first-child{
			// margin-top:-5px;
		// }
		// .ctt_actu:last-child{
			// margin-bottom: @sep_u * 0.5;
		// }
		// .scroll_navigation{
			// right: 10px;
			// .button{
				// &.top,
				// &.bottom{
					// span.picto{
						// svg.svg-content{
							// fill: @petrole;
						// }
						// &:hover{
							// svg.svg-content {
								// fill: @hover;
							// }
						// }
					// }
				// }
				// &.top{
					// top:0;
				// }
				// &.bottom{
					// bottom:12px;
				// }
			// }
		// }
		.listevent {
			display: none;
			&.active,
			&.specific{
				// display: table;
				display: none;
			}
			.event_detail{
				padding: 0 @blockpadding-large 0 @blockpadding-large;
			}
			.separator{
				padding: 0 @blockpadding-large 0 0;
				margin: 16px 0 12px 0;
			}
			.event_detail.loaded{
				padding: (@sep_u * 0.5) @blockpadding-min (@sep_u * 0.5) @blockpadding-min;
			}
		}
	}
	// &.mode_actu,
	&.mode_agenda{
		// .mosaic{
			// width: @mosaic_x4 * 2;
		// }
		#agenda {

			@height_ligne : 30px;

			.bymonths{
				height:@height_ligne * 5;
			}
			.listevent {
			}
		}
	}
	&.mode_actu{
		// #actu {
			// .bttn{
				// display:none;
				// &.close{
					// display:block;
				// }
			// }
		// }
		// #agenda {
			// .listevent {
				// display: none !important;
			// }
		// }
	}
	&.mode_agenda{
		// #actu {
			// height: @mosaic_y1;
		// }
		#agenda {

			// height: @mosaic_y1 * 2;
			height: 600px - 150px;
			@height_ligne : 30px;
			// @height_news : (@mosaic_y1 * 2) - (@height_ligne * 4);
			@height_news : 600px - 150px - 30px;

			.list-agenda{
				margin:@height_ligne 0 0 0;
				display: block;
				height: @height_news - 60px;
			}
			.contentagenda_scroll{
				max-height:@height_news  - 5px - 60px;
			}
			.contentagenda_detail{
				max-height:@height_news  - 5px - 5px - 60px;
			}

			.bttn{
				display:none;
				&.close{
					display:block;
				}
			}
			.listevent {
				&.active,
				&.specific{
					display: table !important;
				}
				&.active ~ .specific{
					display:none !important;
				}
			}
		}
	}




// /////////////////////////////////
// /////////////////////////////////









		[nav="content_scroll"]{
		// .content_scroll {
			width: 100%;
			[nav="content_detail"]{
			// .content_detail {
				// padding: 0;
				overflow-x: hidden;
				overflow-y: hidden;
				width: 100%;
			}
		}
		&.mode_actu,
		&.mode_agenda{
			.content.large{
				width: @mosaic_x4* 1;
				// padding: (@sep_u * 1) @blockpadding-min (@sep_u * 1) @blockpadding-min;
				height: 300px !important;
				min-height:300px;
				overflow:hidden;
				padding-bottom:0px;
				&.no_actu,
				&.no_event{
					height: 600px !important;
				}
			}
			// .content_scroll,
			// .content_detail {
				// max-height:240px;
			// }
			.content.left{
				height: 600px;
				.block_skills{
					overflow: hidden;
					height: 100%;
					.calc(height, ~"100% - ", 20px);
					& + .ismore{
						display: block;
					}
				}
			}
			.ismore {
				display:block;
				// height: 20px;
				// left: 0;
				margin: 0 0 0 0;
				// margin-bottom: 0 !important;
				position: relative;
				// z-index: 1000;
				// text-align: left;
				// .animation(opacity, ease, @anim_duration);
				color: @canard;
			}
			[nav="content_scroll"]{
			// .content_scroll {
				// display: block;
				// overflow: hidden;
				// width: 100%;
				// width: 92%;
				// .calc(width, ~"100% - ", 20px);
				max-height:280px;
				[nav="content_detail"]{
				// .content_detail {
					// padding: 0 6px 0 0;
					// overflow-x: hidden;
					overflow-y: auto;
					width: 112%;
					.calc(width, ~"100% + ", 20px);
					max-height:240px;
				}
			}
		}
		&.mode_actu{
			// background-color:red;
			#actu {
				// display: inline-block;
				position: relative;
				// background-color: @gray;
				width: @mosaic_x4 * 2;
				height: 600px;
				// float: left;
				.bttn{
					display:none;
					&.close{
						display:block;
					}
				}
				.list-actu{
					height: 600px - 60px;
				}
				.contentactu_detail,
				.contentactu_scroll{
					max-height: 600px - 60px - 5px;
				}
			}
			#agenda {
				// display: inline-block;
				position: absolute;
				// background-color: @yellow;
				// width: @mosaic_x4 * 1;
				// height: 300px;
				// margin:0;
				left:@mosaic_x4 * 1;
				bottom:0px;
			}
		}
		&.mode_agenda{
			// background-color:green;
			#actu {
				// display: inline-block;
				position: absolute;
				// background-color: @gray;
				width: @mosaic_x4 * 1;
				// height: 600px;
				// float: left;
				left:@mosaic_x4 * 1;
				bottom:0px;
			}
			#agenda {
				// display: inline-block;
				position: relative;
				// background-color: @yellow;
				width: @mosaic_x4 * 2;
				height: 600px;
				// margin:0;
				// left:@mosaic_x4 * 2;
				// bottom:0px;
				float: right;
				.bttn{
					display:none;
					&.close{
						display:block;
					}
				}

				@height_ligne : 30px;

				.bymonths{
					height:@height_ligne * 5;
				}
				.listevent {
					display: none;
					// top:240px;
					// top:@height_ligne * 6;
					&.active,
					&.specific{
						display: table;
					}
					&.active ~ .specific{
						display:none;
					}
				}
				.ligne{
					position:absolute;
					width:50%;
					display:table;
					&:nth-child(1),
					&:nth-child(3),
					&:nth-child(5){
						left:0;
						+ .ligne{
							left:50%;
						}
					}
					&:nth-child(1),
					&:nth-child(2){
						top:@height_ligne * 1.5;
					}
					&:nth-child(3),
					&:nth-child(4){
						top:@height_ligne * 2.5;
					}
					&:nth-child(5),
					&:nth-child(6){
						top:@height_ligne * 3.5;
					}
					td{
						width:100% / 7;
					}
				}
			}
		}
	}
}


// #plus{
// 	position:relative;
// 	margin:(@sep_u * 2) 0 0 0;
// 	height:auto;
// 	width:@width_principal;
// 	.layer_15;
// 	background-color:@blue_c;
// }

#aside_content{
	// width:@width_utile;
	// margin: 0 @margin_utile 0 @margin_utile;
	// width:@width_main_alt;
	// margin: 0 @margin_main_alt 0 @margin_main_alt;
	width: 100%;
	height: @mosaic_y1;
	margin: 0;
	overflow: hidden;
	position:relative;
	.layer_10;
	.about_title{
		opacity:1;
		visibility:visible;
		height:auto;
		// display: table-cell;
	}
	.about_content{
		opacity:0;
		visibility:hidden;
		height:0px;
		// display: none;
	}
	&:nth-child(1){
		background-color: @orange;
		.thumb{
			background: url("../imgs/themes/competences.jpg") no-repeat scroll center 60% transparent;
			background-size: cover;
		}
	}
	&:nth-child(2){
		background-color: @green;
		.preview{
			float: right;
		}
		.thumb{
			background: url("../imgs/themes/entreprendre.jpg") no-repeat scroll center 29% transparent;
			background-size: cover;
		}
	}
	&:nth-child(3){
		background-color: @red;
		.thumb{
			background: url("../imgs/themes/ensemble.jpg") no-repeat scroll center 20% transparent;
			background-size: cover;
		}
	}
	.preview,
	.thumb{
		display: inline-block;
		height: 100%;
	}
	.preview{
		width: @mosaic_x3 * 1;
		position: relative;
		&:hover{
			.about_title{
				opacity:0;
				visibility:hidden;
				height:0px;
				// display: none;
			}
			.about_content{
				opacity:1;
				visibility:visible;
				height:auto;
				// display: table-cell;
			}
			.page_link{
				// cursor: pointer;
				// display: table;
			}
		}
	}
	.thumb{
		width: @mosaic_x3 * 2;
		background-color: @canard;
	}
}
.page_link{
	// overflow: hidden;
	// display: block;
	position: absolute;
	@size_h:180px;
	@size_w:80%;
	height: @size_h;
	width: @size_w;
	left: 50%;
	top: 50%;
	margin: -(@size_h/2) 0 0 -(@size_w/2);
	// width: 80%;
	// padding: 5% 5%;
}
.about_title,
.about_content{
	text-align:center;
	overflow:hidden;
	.animation(opacity, ease, @anim_duration);
	// vertical-align: middle;
}

.about_title{
	margin: 0 @w_sep_main_alt 0 @w_sep_main_alt;
}
.about_content{
	margin: 0;
}

// .more_ctt{
// 	width:@width_main;
// 	margin: 0 @margin_main 0 @margin_main;
// 	padding:0 @margin_main_alt 0 @margin_main_alt;
// 	display: inline-block;
// }
// .more_ctt{
// 	text-align:center;
// 	span{
// 		display: inline-block;
// 		cursor:pointer;
// 		background: url("../imgs/etiquette/etiquette-t-small.png") no-repeat scroll left top transparent;
// 		background-size: 100% auto;
// 		color: @white;
// 		height: 42px;
// 		width: 42px;
// 		padding: 5px 0 7px 1px;
// 		.animation(all, ease, @anim_duration);
// 		margin-top:5px;
// 		&:hover{
// 			background: url("../imgs/etiquette/etiquette-r-small.png") no-repeat scroll left top transparent;
// 			background-size: 100% auto;
// 			height: 52px;
// 			width: 52px;
// 			padding-top: 10px;
// 			margin-top:0px;
// 		}
// 	}
// 	height: 52px;
// 	&.less{
// 		line-height:31px !important;
// 	}
// 	&.actu{
// 		line-height:28px;
// 		padding: 5px 0 7px 2px;
// 	}
// }

/* BLOC ACTU */

#actu{
	position:relative;
	// bottom:1%; // pb si sans calc
	// top:88%; // pb si sans calc
	// top:~"calc(98% - @{header_h} - @{top_m} - 20px)";
	// .calc(top, ~"98% - ", @header_h + @top_m + 20px);
	/* // margin: 92px 0 0 0; */
	/* // width:100%; */
	/* // margin-left:@margin_left_ctt; */
	// margin-top: ~"calc(100% - @{header_h} - @{top_m} - 10px)";
	// margin-bottom:@pmention_h;
	height:auto;
	// float:left;
	text-align:left;
	overflow:hidden;
	// background-color:@gray;
	.layer_10;
	/* // p.a_title{ */
	/* 	// position: absolute; */
	/* 	// width: @margin_left_ctt; */
	/* // }*/
	// width:100%; // sur corps&art fonctionne sans
	// width:@w_base_g1 * 6;
    width: @width_principal;
	// margin-left: @w_base_g1 + @w_base_sep1;

	#nav_actu{
		margin:0 0 12px 0;
	}
	nav {
		p.plus{
			margin:0 0 4px 0;
		}
	}
	.block_title{
		background-color:@pink;
		height:60px;
		width:100%;
		// display:block;
		display:table;
		padding: 0 @blockpadding-large 0 @blockpadding-large;
		span{
			color:@white;
			display:table-cell;
			vertical-align:middle;
			&.bttn{
				cursor:inherit;
				svg.svg-content {
					// margin-left: -14px;
					fill: #ffffff;
				}
				&.close{
					cursor:pointer;
					// svg.svg-content {
						// margin-top: 30%;
						// height: 70%;
					// }
					display:none;
				}
				.pics{
					padding-top: 10%;
					margin: 0 auto 0 -8px;
					text-align: left;
					width: 41px;
					// height: 40%;
					height: auto;
				}
			}
			&.title{
				text-align:right;
				width:75%;
			}
		}
	}
	.title_event {
		.f_calendar_event_name;
		margin:0 0 0 0;
		overflow: hidden;
		text-overflow: ellipsis;
		color:@gray2;
		.animation(color, ease, @anim_duration);
	}
	a .title_event{
		&:hover{
			color:@hover;
		}
	}

	.theme_event {
		.f_calendar_event_theme;
		margin:0 0 0 0;
		color:@pink;
	}
	.date_resume,
	.date_event{
		.f_calendar_event_date;
		margin-bottom:10px;
		color:@pink;
	}
	.all_dates{
		*{
			color:@pink;
		}
		.title{
			.f_calendar_event_name;
		}
		.mentions{
			// font-style:italic;
			.f_txt_courant_italic;
			letter-spacing:1px;
		}
	}
	.event_price{
		*{
			color:@pink;
		}
	}
	// #ctt_actu{
		// .type-post{
			// width:@w_type_p2;
			// margin-right:(@w_base_g1* 2) - @w_type_p2;
			// margin-right:@w_base_sep1;
			// float:left;
			// .actu_title{
				// text-overflow: ellipsis;
				// white-space: nowrap;
				// overflow: hidden;
			// }
		// }
	// }
	// .about_title{
		// margin-top: 32px;
		// margin-bottom: 0;
	// }
	// #scroll_content{
		// width:@width_main;
		// margin: 0 @margin_main 0 @margin_main;
		// position:relative;
		// .layer_10;
	// }
	.loaded{
		.title_event{
			font-size:18px;
			line-height:21px;
		}
	}

}

#agenda{
	.temp_1,
	.temp_2{
		width: (@width_col_main_alt * 2) + @margin_main_alt;
		// margin-left:@margin_main_alt;
		height:350px;
		float:left;
		position:relative;
		margin-left:@margin_main_alt;
		cursor:pointer;
	}
	.temp_1{
		background: url("../imgs/temp/agenda-temp-01.jpg") no-repeat scroll left top transparent;
	}
	.temp_2{
		background: url("../imgs/temp/agenda-temp-02.jpg") no-repeat scroll left top transparent;
		width: (@width_col_main_alt * 2) + (@margin_main_alt * 2);
	}
	.block_title{
		background-color:@petrole;
		height:60px;
		width:100%;
		// display:block;
		display:table;
		padding: 0 @blockpadding-large 0 @blockpadding-large;
		span{
			color:@white;
			display:table-cell;
			vertical-align:middle;
			&.bttn{
				cursor:inherit;
				svg.svg-content {
					// margin-left: -14px;
					fill: #ffffff;
				}
				&.close{
					cursor:pointer;
					// svg.svg-content {
						// margin-top: 30%;
						// height: 70%;
					// }
					display:none;
				}
				.pics{
					padding-top: 10%;
					margin: 0 auto 0 -8px;
					text-align: left;
					width: 41px;
					// height: 40%;
					height: auto;
				}
			}
			&.title{
				text-align:right;
				width:75%;
			}
		}
	}
	// .ctt-date,
	// .ctt-preview{
		// .column_proprerty(42.27%,5.14%);
		// float:left;
	// }
	// .ctt-date{
		// height:350px;
		// margin-top: @sep_u * 1;
	// }
	// .ctt-preview{
		// height:auto;
	// }

	// .ctt-title,
	// .ctt-detail,
	// .link{
	// }
	// .ctt-title{
		// margin-top: @sep_u * 1;
		// .actu_title{
			// text-align:left;
			// .f_actu_title;
		// }
	// }

	// .ctt-detail-img{
	// }
	// .ctt-date{
		// margin-left:5.14%;
		// .full{
			// .f_focus_date;
			// color:@white;
			// width:350px;
			// height:100%;
			// background: url("../imgs/etiquette/etiquette-c.png") no-repeat scroll left top transparent;
			// text-align:left;
			// padding:90px 0 0 90px;
			// .specific_title{
				// .transform(rotate(-4deg));
				// margin:0 0 0 -7px;
				// line-height: 50px;
			// }
			// .specific_sub_title{
				// margin:20px 0 0 0;
				// text-transform: none;
				// .f_category_title;
			// }
		// }
	// }
	// .ctt-detail-img{
		// position:relative;
		// .thumb{
			// width:100%;
			// height:auto;
			// max-height:350px - 46px;
			// display: table-cell;
			// vertical-align: middle;
		// }
	// }
	// .ctt-detail{
		// float: left;
		// width:100%;
		// margin-top: @sep_u * 1;
	// }
}
#focus{
	// width:@width_main;
	// margin: 0 @margin_main 0 @margin_main;
	width: @width_utile;
	margin: (@sep_u * 1) @margin_utile @sep_u @margin_utile;
	.on-focus{
		// width:@width_main_alt;
		// margin: 0 @margin_main_alt 0 @margin_main_alt;
		width:@width_main;
		margin: 0 @margin_main 0 @margin_main;
		overflow:hidden;
	}
	.event-title,
	.event-detail,
	.link{
		padding: 0 @margin_main_alt 0 @margin_main_alt;
	}
	.link{
		&.no_thumb{
			float: none;
			margin-top: @sep_u * 1;
		}
	}
	.event-title{
		.actu_title{
			text-align:center;
			.f_focus_title;
		}
	}
	.event-type,
	.event-date,
	.event-detail-img{
		// .column_fix_proprerty(@w_goutiere,@nb_colone,@nb_goutiere)
		// .column_fix_proprerty(5.14%,2,2);
		// .column_proprerty(@cwith,@cmarge);
		.column_proprerty(42.27%,5.14%);
		float:left;
		margin-top: @sep_u * 2;
		height:350px;
	}
	.event-type,
	.event-date{
		margin-left:5.14%;
		.full{
			.f_focus_date;
			color:@white;
			width:350px;
			// height:100%;
			// background: url("../imgs/etiquette/etiquette-oc.png") no-repeat scroll left top transparent;
			background: url("../imgs/etiquette/etiquette-t.png") no-repeat scroll left top transparent;
			// &.danse{
				// background: url("../imgs/etiquette/etiquette-of.png") no-repeat scroll left top transparent;
			// }
			// background-size: 100% auto;
			text-align:center;
			// padding:74px 0 0 0;
			display:table;
			padding:0 0 0 0;
			height:350px;
			& > span {
				display:table-cell;
				vertical-align:middle;
				padding: 0 30px;
			}
			.transform(rotate(-1deg));
			.hour{
				display:inline-block;
				margin:12px 0 0 0;
				text-transform: none;
			}
		}
	}
	.event-date{
		.full{
			display:block;
			height:100%;
			padding:74px 0 0 0;
			& > span {
				display:block;
				vertical-align:unset;
			}
		}
	}
	.event-detail-img{
		// display:table;
		// height:350px;
		.thumb{
			margin-top:46px; // out if background-size: contain;
			width:86.18%;
			height:auto; // out if background-size: contain;
			max-height:350px - 46px;
			display: table-cell; // out if background-size: contain;
			vertical-align: middle; // out if background-size: contain;
		}
		// if background-size: contain;
		// .thumb{
			// height:240px;
			// display: block;
			// position: relative;
			// right: auto;
			// top: 50%;
			// margin-top:-(240px / 2);
			// background-position: center center;
			// background-repeat: no-repeat;
			// // // // background-size: cover;
			// background-size: contain;
		// }
	}
	.event-detail{
		width:100%;
		margin-top: @sep_u * 4;
		&.w_thumb{
			float: left;
			margin-top: @sep_u * 1;
		}
	}
}
#specific{
	// width:@width_main;
	// margin: 0 @margin_main 0 @margin_main;
	width: @width_utile;
	margin: (@sep_u * 2) @margin_utile @sep_u @margin_utile;
	.on-focus{
		// width:@width_main_alt;
		// margin: 0 @margin_main_alt 0 @margin_main_alt;
		width:@width_main;
		margin: 0 @margin_main 0 @margin_main;
		overflow:hidden;
		&:hover{
			.bttn{
				color:@hover;
			}
		}
		&:focus{
			color:@hover2;
		}
	}
	.ctt-date,
	.ctt-preview{
		.column_proprerty(42.27%,5.14%);
		float:left;
	}
	.ctt-date{
		height:350px;
		margin-top: @sep_u * 1;
	}
	.ctt-preview{
		height:auto;
	}

	.ctt-title,
	.ctt-detail,
	.link{
		// padding: 0 @margin_main_alt 0 @margin_main_alt;
	}
	.ctt-title{
		margin-top: @sep_u * 1;
		.actu_title{
			text-align:left;
			.f_actu_title;
		}
	}

	.ctt-detail-img{
	}
	.ctt-date{
		margin-left:5.14%;
		.full{
			.f_focus_date;
			color:@white;
			a{
				color:@white;
				&:hover{
					color:@hover;
				}
			}
			width:350px;
			height:100%;
			background: url("../imgs/etiquette/etiquette-c.png") no-repeat scroll left top transparent;
			// background-size: 100% auto;
			text-align:left;
			padding:90px 0 0 90px;
			.specific_title{
				.transform(rotate(-4deg));
				margin:0 0 0 -7px;
				line-height: 50px;
			}
			.specific_sub_title{
				// display:inline-block;
				margin:20px 0 0 0;
				text-transform: none;
				.f_category_title;
			}
		}
	}
	.ctt-detail-img{
		// display:table;
		// height:350px;
		position:relative;
		.thumb{
			// margin-top:@sep_u * 1;
			width:100%;
			height:auto;
			max-height:350px - 46px;
			display: table-cell;
			vertical-align: middle;
		}
	}
	.ctt-detail{
		float: left;
		width:100%;
		margin-top: @sep_u * 1;
	}
}

.list_category{
	width: @width_utile;
	margin: (@sep_u * 1) @margin_utile 0 @margin_utile;
	#all_category{
		width:@width_main;
		margin: 0 @margin_main 0 @margin_main;
	}

	@catitem_h: 34px;

	.show-item-category{
		// width:24%;
		width: @width_col_main_alt + @margin_main_alt;
		height:@catitem_h;
		margin:0 0 0 @margin_main_alt;
		padding-right: 1%;
		text-align:center;
		// position:absolute;
		.f_category_title;
		text-align:left;
		a{
			display:inline-block;
			width:auto;
			// .f_heavy_19();
			// color:@black;
			// &:hover{
				// color:green;
			// }
		}
		&.term_7{
			.a:hover{
				color:@e-of;
			}
		}
		&.term_6{
			a:hover{
				color:@e-bc;
			}
		}
		&.term_8{
			a:hover{
				color:@e-c;
			}
		}
		&.term_13{
			a:hover{
				color:@e-bf;
			}
		}
		&.term_11{
			a:hover{
				color:@e-oc;
			}
		}
		&.term_9{
			a:hover{
				color:@e-r;
			}
		}
		&.term_10{
			a:hover{
				color:@e-vc;
			}
		}
		&.term_12{
			a:hover{
				color:@e-v;
			}
		}
		&.active{
			a{
				// color:@orange;
				// &:hover{
					// color:@orange2;
				// }
				// border-bottom:2px solid @black;
				// color: @black;
				color: @hover2;
			}
			span{
				// // // // // display:inline-block;
				// display:table;
				// width:100%;
				// height:3px;
				// background-color: @black;
				// border-radius: 100px;
				// margin-top:1px;
			}
			&.term_9{
				span{
					max-width:80%;
				}
			}
		}
		&:nth-child(4),
		&:nth-child(5){
			margin-left:@width_col_main_alt + (@margin_main_alt * 2);
		}
		&:nth-child(6),
		&:nth-child(7),
		&:nth-child(8){
			margin-left:(@width_col_main_alt * 2) + (@margin_main_alt * 3);
		}

		&:nth-child(4){
			margin-top: -(@catitem_h * 3);
			height: @catitem_h * 2;
		}

		&:nth-child(6){
			margin-top: -(@catitem_h * 3);
			// height: @catitem_h * 2;
		}
		&: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 * 3);
		}
		&:nth-child(10),
		&:nth-child(11){
			text-transform:none;
			// letter-spacing:2px;
		}

	}

	// li#menu-item-32.menu-item,
	// li#menu-item-57.menu-item{
		// margin: 0 0 0 33%;
	// }

	// li#menu-item-35.menu-item,
	// li#menu-item-39.menu-item{
		// margin: 0 0 0 66%;
	// }

	// li#menu-item-32.menu-item,
	// li#menu-item-35.menu-item{
		// margin-top: -40px;
	// }

	// li#menu-item-41.menu-item,
	// li#menu-item-59.menu-item,
	// li#menu-item-64.menu-item{
		// display:none;
	// }

}

// .list-agenda,
.list-actu{
	// width: @width_utile;
	// margin: 0 @margin_utile (@sep_u * 3) @margin_utile;
	width:100%;
	margin : 0 0 (@sep_u * 3) 0;
	// .on-focus{
		// width:@width_main_alt;
		// margin: 0 @margin_main_alt 0 @margin_main_alt;
		// width:@width_main;
		// margin: 0 @margin_main 0 @margin_main;
	// }
	overflow: hidden;
	position: relative;
	top: 0;
	// float: left;
	// margin:36px 0 26px 0;
	h2{
		margin:0 0 26px 0;
	}
	div{
		position:relative;
		width:100%;
	}
	// #nav_actu{
		// overflow:hidden;
	// }
}
.list-actu .contentarchive_detail{
	.print-more{
		.f_category_title;
		padding: 0 @blockpadding-large 0 @blockpadding-large;
		margin-top: @sep_u * 0.75;
		margin-bottom: @sep_u * 2;
		span{
			cursor:pointer;
			color:@gray2;
			opacity:0.7;
			.animation(all, ease, @anim_duration);
			display:inline-block;
			&:hover{
				color:@pink;
				opacity:1;
			}
			&:last-child{
				display:none;
			}
		}
		&.print_all{
			margin-bottom: @sep_u * 0;
			span{
				color:@pink;
				opacity:1;
				display:none;
				&:hover{
					color:@gray2;
				}
				&:last-child{
					display:block;
				}
			}
			&+ .ctt_actu.archives{
				display:block;
				.separator{
					&:first-of-type{
						margin: 2px 0 0 0;
						svg.svg-content{
							fill:@pink;
						}
					}
				}
			}
		}
		&+ .ctt_actu.archives{
			display:none;
		}
	}
}
.list-actu .ctt_actu{
	position:relative;
	// width:@width_main;
	// margin: 0 @margin_main 0 @margin_main;
	width:100%;
	margin: 0 0 0 0;
	// padding: 0 @blockpadding-large 0 @blockpadding-large;

	.type-post,
	.separator,
	.post-category{
		padding: 0 @blockpadding-large 0 @blockpadding-large;
	}
}
.list-actu .ctt_actu{
	.separator{
		width:100%;
		margin:-8px 0 0 0;
		height:24px;
		overflow:hidden;
		display:block;
		// cursor:inherit;
		svg.svg-content {
			// margin-left: -14px;
			fill: @white;
		}
		.pics{
			// padding-top: 10%;
			margin: -8px auto 0 -8px;
			text-align: left;
			width: 41px;
			// height: 40%;
		}
	}
	.post-category + .separator{
		// width:100%;
		margin:2px 0 0 0;
		// height:24px;
		// overflow:hidden;
		// display:block;
		svg.svg-content {
			fill: @pink;
		}
		// .pics{
			// margin: -8px auto 0 -8px;
			// text-align: left;
			// width: 41px;
		// }
	}
	.separator + .type-post{
		margin-top: 0px;
	}

	// temp


	.type-post{
		// opacity:0;
		// height:0px;
		overflow:hidden;
		// margin: 0;
		.animation(opacity, ease, @anim_duration);
	}

	// .type-post:nth-child(1),
	// .type-post:nth-child(2),
	// &.open .type-post{
		// opacity:1;
		// height:auto;
		// margin-left:5.14%;
		// margin-top: @sep_u * 2;
	// }
}
.list-actu{
	// &.one{
		// margin-bottom:0px;
		// #ctt_actu{
			// .type-post{
				// &:nth-child(1){
					// .column_proprerty(89.7%,0);
					// margin-left:5.14%;
					// .thumb,
					// .no_thumb{
						// width:47.14%;
						// float:left;
					// }
					// .post-title,
					// .post-date,
					// .resume,
					// .link{
						// width:47.14%;
						// margin-left:5.72%;
						// float:left;
					// }
				// }
			// }
		// }
	// }
	&.blank_page{
		// height:100%;
		// margin-top: (@sep_u * 3);
		// margin-bottom: 0px;
		p{
			// min-height:60px;
			// .f_ctt_blank;
			// padding:0 @margin_main_alt 0 @margin_main_alt;
			margin-top: (@sep_u * 0.75);
			padding: 0 @blockpadding-large 0 @blockpadding-large;
			// text-align:center;
			color:@pink;
			.f_actu_title();
		}
	}
	// .clear{
		// display: block;
		// clear: both;
		// height: 0;
		// line-height: 1;
		// margin: -0.5em 0;
		// padding: 0;
		// color: @white;
		// background-color: @white;
		// border: 0;
	// }
}

// étiquette categories

// .post_catstyle(@img_src,@link_color){
// 	background: url("../imgs/etiquette/@{img_src}.png") no-repeat scroll left 20px transparent;
// 	a{
// 		color:@link_color;
// 		&:hover{
// 			opacity:0.7;
// 		}
// 	}
// }
// .post_focuscatstyle(@img_src){
// 	background: url("../imgs/etiquette/@{img_src}.png") no-repeat scroll left top transparent;
// }

// .list-actu,
// .list-agenda{
	// .rm_link a{
		// .f_actu_readmore();
	// }
// }

// .list-actu #ctt_actu{
.list-actu .ctt_actu{
	.post-category{
		// margin:0 0 16px -32px;
		// padding:0 10px 0 50px;
		// height:78px;
		height:auto;
		// position:absolute;
		// .layer_20;
		// .animation(all, ease, @anim_duration);
		margin-top: @sep_u * 0.75;
		margin-bottom: 0;
		&.empty{
			 // padding-left: 46px;
		}
	}
	.post-date,
	.full,
	.resume,
	.rm_link:last-child{
		display:none;
	}
}

.singular.p_activity{
	.list-agenda .listevent .event_detail,
	.list-actu .ctt_actu .type-post{
		.author_source,
		.link_source{
			display:none;
		}
	}
}

.single-postactivity{
	.list-agenda .listevent .event_detail,
	.list-actu .ctt_actu .type-post{
		.post-date{
			& + p.link{
				display: none;
			}
		}
	}
}

// .list-actu .ctt_actu .type-post.loaded .post_link{
// 	display: block;
// }

#content.list_galery.p_ctt_actu{
// .list-actu .ctt_actu .type-post{
	.more_content .zoom_in .slide-navigation{
		&.next span.picto,
		&.previous span.picto{
			background-color: @gray2;
			&:hover{
				background-color: @pink;
			}
		}
	}
	.p_ctt_agenda{
		.more_content .zoom_in .slide-navigation{
			&.next span.picto,
			&.previous span.picto{
				background-color: @petrole;
				&:hover{
					background-color: @yellow;
				}
			}
		}
	}
}

.list-agenda .listevent .event_detail,
.list-actu .ctt_actu .type-post{
	margin-top: @sep_u * 0.25;
	display:block;

	img{
		display: none;
		// visibility: hidden;
	}

	&.loaded{
		// margin: (@sep_u * 0.75) 0 !important;
		// .post-title{
			// font-size:18px;
			// line-height:21px;
		// }
		// .full{
			// p{
				// &:last-child{
					// margin-bottom: @sep_u * 0.25;
				// }
			// }
		// }
		// &.category-agenda{
			.place_event,
			.date_event,
			.theme_event,
			.post_link{
				display:none;
			}
			.date .place_event{
				display:unset;
			}
		// }
		.post-title,
		.title_event{
			margin-bottom: (@sep_u * 0.5) !important;
			padding-top: (@sep_u * 0.25) !important;
			padding-right: 10%;
		}
		.all_dates{
			margin-top: (@sep_u * 1) !important;
		}
	}

	.post-detail{
		.layer_10;
	}

	.post-title{
	// .actu_date {
		// margin:@sep_u 0 6px 0;
		margin:0 0 6px 0;
		.f_actu_title();
		color:@gray2;
		.animation(color, ease, @anim_duration);
		&:hover{
			color:@hover;
		}
		// min-height: 28px;
	}
	.post-date{
	// .actu_date {
		margin: (@sep_u * 1) 0 0 0 !important;
		// .f_txt_courant_light();
		.f_actu_postdate();
		// font-size:18px;
		color:@gray2;
		& + p.link{
			margin-top: (@sep_u * 0.25);
			margin-bottom: 0 !important;
			// &:last-child{
			// 	margin-bottom: 0 !important;
			// }
		}
	}
	.author_source{
		text-transform:initial;
	}
	.link_source{
		.f_actu_readmore;
		text-transform:initial;
	}
	.resume{
		margin-bottom: 10px;
	}
	.full,
	.resume{
		.f_actu_full_content();
		color:@gray2;
	}
	span{
		// color:@white;
		// display:table-cell;
		// vertical-align:middle;
		&.bttn{
			// &:not(.date):not(.hour){
				position:absolute;
				right:0;
				top:0px;
				height:41px;
				width:41px;
			// }
			cursor:inherit;
			svg.svg-content {
				// margin-left: -14px;
				fill: @gray2;
			}
			&.close{
				cursor:pointer;
				// svg.svg-content {
					// margin-top: 30%;
					// height: 70%;
				// }
				display:none;
			}
			.pics{
				padding-top: 0;
				margin: -6px auto 0 4px;
				text-align: left;
				width: 41px;
				height: 41px;
			}
		}
		&.title{
			text-align:right;
			width:75%;
		}
	}
	h2{
		color:@pink;
		.f_actu_full_subtitle;
		a{
			color:@pink;
		}
		strong{
			.f_actu_full_subtitle;
		}
	}
	#diaporama #gallery_zoom #slides a.slidesjs-navigation{
		&.slidesjs-next span.picto,
		&.slidesjs-previous span.picto{
			background-color: @pink;
		}
	}
	.date_event{
		& ~ span{
			&.bttn{
				right:8px;
				top:13px;
				svg.svg-content {
					fill: @petrole;
				}
			}
		}
		& ~ .full{
			h2{
				// color:@petrole;
				color:@white;
			}
			p{
				color:@petrole;
				a{
					color:@petrole;
					&:hover{
						// color:@hover;
						color:@orange;
					}
				}
				&.link{
					a{
						color:@white;
						&:hover{
							color:@hover;
						}
					}
					background: url("../imgs/icoretrait-w_@2x.png") no-repeat scroll 0px center transparent;
				}
				&.special{
					// color:@white;
					color:@petrole;
				}
				&.special.retrait{
					color:@white;
					background: url("../imgs/icoretrait-w_@2x.png") no-repeat scroll -20px center transparent;
					// color:@petrole;
					// background: url("../imgs/icoretrait-b_@2x.png") no-repeat scroll -20px center transparent;
				}
				&.special.retrait,
				&.link{
					background-size: 26px auto;
				}
			}
			#diaporama #gallery_zoom #slides a.slidesjs-navigation{
				&.slidesjs-next span.picto,
				&.slidesjs-previous span.picto{
					background-color: @petrole;
				}
			}
		}
	}
	p{
		&:last-child{
			margin-bottom: @sep_u * 0.5;
			// margin-bottom: 0;
		}
	}
	.post_link{
		p.post-date{
			margin: (@sep_u * 0.5) 0 9px 0 !important;
			// margin-bottom: @sep_u * 0.5;
		}
	}

	p,h2{
		// margin-bottom: @sep_u * 0.5;
		margin-bottom: 9px;
	}
	p{
		+ h2{
			// margin-top: @sep_u * 0.5;
			margin-top: 7px;
		}
		&.special{
			font-weight: bold;
		}
		&.special.retrait{
			color:@pink;
			overflow: hidden;
			padding-left: 12px;
			margin: 13px 10% 13px 0;
			font-style: inherit;
			background: url("../imgs/icoretrait-p_@2x.png") no-repeat scroll -20px center transparent;
		}
		&.dialog{
			.f_txt_dialog;
			padding: 0 10px 0 0;
			text-indent: 40px;
			letter-spacing:1px;
			em {
				.f_txt_dialog;
				letter-spacing:1px;
				strong{
					.f_txt_courant_strong_italic;
				}
			}
			strong{
				.f_txt_courant_strong_italic;
				em{
					.f_txt_courant_strong_italic;
				}
			}
			line-height:16px;
			em,
			em strong,
			strong,
			strong em{
				line-height:16px;
			}
			+ .note{
				text-align: right;
				padding-left: 20px;
				+ .link,
				+ .dialog{
					margin-top: @sep_u * 1.5;
				}
			}
		}
		&.list {
			margin-right: 10%;
			margin-bottom: @sep_u * 0.5;
			overflow: hidden;
			&:before {
			  content: "– ";
			}
			& ~ p.list {
			  margin-top: -8px;
			}
		}
		&.link {
			display:block;
			padding:1px 0 2px 34px;
			background: url("../imgs/icoretrait-p_@2x.png") no-repeat scroll 0px center transparent;
			a {
				color:@pink;
				// font-size: 15px;
				text-decoration:none;
				&:hover{
					color:@hover;
				}
			}
		}
		&.special.retrait,
		&.link{
			background-size: 26px auto;
		}
		a{
			text-decoration:underline;
			color:@gray2;
			&:hover{
				color:@hover;
			}
		}
	}
	.search-term,
	.search-term a{
		color:@hover;
	}
	.read-more{
		margin:10px 0 6px 0;
		&:last-child{
			margin-bottom:@sep_u * 0.5;
		}
		a{
			.f_actu_readmore();
			color:@gray2;
			&:hover{
				color:@hover;
			}
		}
	}

	// .thumb{
		// pointer-events:auto;
		// margin-top:36px;
		// height:160px;
		// width: auto;
		// display: block;
		// position: relative;
		// right: auto;
		// top: auto;
		// background-position: center center;
		// background-repeat: no-repeat;
		// background-size: cover;
	// }
	// .no_thumb {
		// margin-top:36px;
		// height: 160px;
		// width: 100%;
		// background: url("../imgs/no_thumb.png") no-repeat scroll top left transparent;
	// }

	figure,
	#diaporama{
		div.caption,
		p.caption{
			.f_singular_img_caption;
			strong{
				.f_singular_img_caption_strong;
			}
			em{
				.f_singular_img_caption_italic;
			}
			margin: 4px auto 0px auto;
			text-align:left;
		}
	}
	.media_with figure{
		img{
			// visibility: visible;
			display: block;
		}
		&.big{
			height:auto;
			img{
				width:100%;
				height:auto;
				// height:100%;
			}
		}
		&.large{
			img{
				// max-width:100%;
				max-width:75%;
			}
		}
		&.mid{
			img{
				// max-width:316px;
				max-width:50%;
			}
		}
		&.left{
			&.sameline{
				+ p{
					margin-top: 2px !important;
				}
			}
		}
		~ .more_content.media,
		~ #diaporama,
		~ figure {
			margin-top: @sep_u * 0.5;
		}
	}
}
.mode_actu .list-actu,
.mode_agenda .list-agenda{
	.loaded{
		.full{
			.post-date{
				&:last-child{
					margin:(@sep_u * 0.75) 0 0 0 !important;
				}
			}
			.post-title + .post-date:last-child{
				margin:0 0 0 0 !important;
			}
		}
	}
}
.mode_agenda{
	.list-actu .ctt_actu{
		.type-post{
			&.loaded{
				.post_link{
					display: block;
				}
			}
		}
	}
}
.mode_actu{
	// .list-actu #ctt_actu{
	.list-actu .ctt_actu{
		.post-date,
		.resume,
		.rm_link{
			display:block;
		}
		.type-post{
			span.bttn.close{
				// display:none;
				visibility:hidden;
			}
			margin-top: @sep_u * 0.25;
			&.loaded{
				.rm_link,
				.resume{
					display:none;
				}
				.full{
					display:block;
					padding-right: 30px;
				}
				margin: (@sep_u * 0.5) (@blockpadding-large - 8px) !important;
				padding: (@sep_u * 0.5) 8px;
				background-color:@gray0;
				.post-title{
					font-size:18px;
					line-height:21px;
				}
				.full{
					p{
						&:last-child{
							margin-bottom: @sep_u * 0.25;
						}
					}
				}
				span.bttn.close{
					// display:block;
					visibility:visible;
				}
			}
			figure{
				&.left{
					width: 50%;
					.calc(width, ~"50% - ", (9px));
					margin: 6px 18px 12px 0;
				}
				p.caption{
					.f_news_img_caption;
					strong{
						.f_news_img_caption_strong;
					}
					em{
						.f_news_img_caption_italic;
					}
					margin: 8px auto 0px auto;
					// text-align:left;
				}
				+ p{
					margin-top: @sep_u * 0.5;
				}
			}
		}
		// .type-post + .separator{
			// margin-top: @sep_u;
		// }
	}
}

.full_content{
	.post-category{
		// margin:-12px 0 16px @margin_main_alt;
		margin:-4px 0 16px @margin_main_alt;
		padding:28px 0 0 68px;
		height:78px;
		width:@width_col_main_alt;
		position:absolute;
		.layer_20;
		&.danse,
		&.jeux{
			padding-top:36px;
		}
	}
}

.post-category{
	.f_category_title;
	color:@pink;
	// .post_catstyle(etiquette-t-small,@black);
	// &.danse{
	// 	.post_catstyle(etiquette-of-small,@e-of);
	// }
	a{
		color:@pink;
		&:hover{
			color:@hover;
		}
		// // // display: -moz-inline-box;
		// display: inherit;
		// overflow: hidden;
		// text-overflow: ellipsis;
		// white-space: nowrap;
	}
}
.list-actu .post-category a{
	// display: -moz-inline-box;
	display: inherit;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
#focus{
	// .event-type,
	// .event-date{
		// .full{
			// &.danse{
			// 	.post_focuscatstyle(etiquette-of);
			// }
		// }
	// }
}

// .help_user{
	// &.picture,
	// &.video{
		// width:100%;
		// height:100%;
		// position:absolute;
		// top:0px;
		// left:0px;
		// opacity:0;
		// background-color:red;
		// cursor:pointer;
	// }
	// &.video{
		// background: url("../imgs/player_video.png") no-repeat scroll center center transparent;
	// }
	// &.picture{
		// background: url("../imgs/player_picture.png") no-repeat scroll center center transparent;
	// }
	// .animation(opacity, ease, @anim_duration);
	// &:hover{
		// opacity:1;
	// }
// }

// #focus,
// #specific,
// .list-actu{
	// .link{
		// float: left;
		// width:100%;
		// margin-top: @sep_u / 2;
		// .f_bttn_read_more;
		// .read-more{
			// text-align:right;
			// width:auto;
			// float:right;
			// right:0;
			// background: url("../imgs/etiquette/puce.png") no-repeat scroll left center transparent;
			// padding:0 0 0 22px;
			// height:22px;
			// &:hover{
				// background: url("../imgs/etiquette/puce_hover.png") no-repeat scroll left center transparent;
			// }
			// &.alt{
				// background: url("../imgs/etiquette/puce.png") no-repeat scroll right center transparent;
				// padding:2px 22px 0 0;
				// &:hover{
					// background: url("../imgs/etiquette/puce_hover.png") no-repeat scroll right center transparent;
				// }
			// }
		// }
	// }
// }


// #nav_actu{
    // /* // width: @margin_left_ctt; */
    // /* // width: @width_ctt; */
	// /* // position: absolute; */
	// width: @margin_left_ctt;
	// margin-left:@margin_left_sdb;
// }


/* BLOCK ACTU */

// #ctt_actu{

// }


/* TYPE PAGE */

.content.left .thumb{
	width: 100%;
	height: @mosaic_y1;
	position:relative;
}

.page_content {
	.content{
		&.left {
			background-color: @petrole;
			overflow: hidden;
			.thumb_container{
				&.stay{
				// 	position: fixed;
				// 	// bottom: -20px;
				// 	bottom: 0px;
				// 	width: 19%;
				// 	height: auto;
					// .animation(opacity, ease, @anim_duration);
				// 	opacity:1;
					&.atend{
				// 		// opacity:0;
				// 		// opacity:0.8;
				// 		bottom:182px;
					}
				// 	width: @width_utile;
				// 	background-color: transparent;
				// 	padding:0px;
				// 	.maxsize{
				// 		width: @mosaic_x4 * 1;
				// 		background-color: @petrole;
				// 		// padding: (@sep_u * 1.5) (@margin_main_alt / 2) (@sep_u * 1.5) (@margin_main_alt / 2);
				// 	}
				}
				// .animation(all, ease, @anim_duration);
				// &.atbottom,
				&.atend{
				// &.atbottom{
					position: absolute;
					bottom: 0;
					width: 100%;
				}
			}
			.thumb{
				background-repeat: no-repeat;
				background-attachment: scroll;
				background-position: center;
				background-color: transparent;
				// background-size: 60%;
				background-size: cover;
				mix-blend-mode: screen;
				// -webkit-filter: grayscale(100%) contrast(120%);
				// filter: grayscale(100%) contrast(120%);
				-webkit-filter: ~"grayscale(100%)" ~"contrast(120%)";
				filter: ~"grayscale(100%)" ~"contrast(120%)";
				opacity: 0.9;
			}
		}
	}
}

// la-scic-pau-pyrenees
// .page-id-26{

.p_about{
	.page_title{
		.thumb {
				background-image: url("../imgs/octopya_logo_o_min_@2x.png") !important; // NEW ID
				// background: url("../imgs/scicpau_logo_min_@2x.png") no-repeat scroll 80% center @white; // OLD ID
				// background-size: 85%; // OLD ID
		}
		.about{
				background-color: @green;
		}
	}
	.page_content {
		.content{
			&.top .theme{
				background: url("../imgs/themes/entreprendre.jpg") no-repeat scroll right 20% @white;
				background-size: auto 150%;
			}
			&.left {
				// background-color: @petrole;
				// .thumb_container{
				// 	&.stay{
				// 		position: fixed;
				// 		// bottom: -20px;
				// 		bottom: 0px;
				// 		width: 19%;
				// 		height: auto;
				// 		.animation(opacity, ease, @anim_duration);
				// 		opacity:1;
				// 		&.atend{
				// 			opacity:0;
				// 		}
				// 		width: @width_utile;
				// 		background-color: transparent;
				// 		padding:0px;
				// 		.maxsize{
				// 			width: @mosaic_x4 * 1;
				// 			background-color: @petrole;
				// 			// padding: (@sep_u * 1.5) (@margin_main_alt / 2) (@sep_u * 1.5) (@margin_main_alt / 2);
				// 		}
				// 	}
				// }
				// .thumb{
				// 	background-repeat: no-repeat;
				// 	background-attachment: scroll;
				// 	background-position: center;
				// 	background-color: transparent;
				// 	// background-size: 60%;
				// 	background-size: cover;
				// 	mix-blend-mode: screen;
				// 	-webkit-filter: grayscale(100%) contrast(120%);
				// 	filter: grayscale(100%) contrast(120%);
				// 	opacity: 0.9;
				// }
			}
		}
	}
}

.p_formation{
	.page_title{
		.thumb {
			background-image: url("../imgs/octopya_logo_m_min_@2x.png") !important; // NEW ID
			// background: url("../imgs/scicpau_logo_min_@2x.png") no-repeat scroll 80% center @white; // OLD ID
			// background-size: 85%; // OLD ID
		}
		.about{
				background-color: @red;
		}
	}
	.page_content .content.large{
		margin-top: -(@mosaic_y1);
	}
	#coach{
		background-color:transparent;
		padding:0;
		margin-bottom:@sep_u * 1;
		display: block;
		overflow: hidden;
		.detail {
			width: auto;
			height: 100px;
			// float: left;
			// margin-left:24px;
			padding-left:24px;
			position:relative;
			display:table-cell;
			vertical-align:middle;
			.boss,
			.activity{
				width:100%;
				display:inline-block;
				margin:0;
				position:relative;
				// top:-12px;
			}
			.activity_name{
				display: block;
			}
			.boss{
				.f_formation_boss;
				margin-bottom:6px;
			}
			.activity{
				.f_formation_activity;
			}
		}
		.bloc_thumb {
			height: 100px;
			width: 100px;
			float: left;
			position: relative;
			// display: block;
			// .link{
				// display: block;
				// overflow: hidden;
				// height: 100%;
				// width: 100%;
			// }
			background-color: @canard;
			// mix-blend-mode: multiply;
			mix-blend-mode: normal;
		}
		.thumb {
			height: 100%;
			width: 100%;
			display: block;
			background-size: cover;
			// padding:0;
			background-position: center;
			// background-size: auto 100%;
			background-repeat:no-repeat;
			background-color:white;
			mix-blend-mode: screen;
			// -webkit-filter: grayscale(100%) contrast(120%);
			// filter: grayscale(100%) contrast(120%);
			-webkit-filter: ~"grayscale(100%)" ~"contrast(120%)";
			filter: ~"grayscale(100%)" ~"contrast(120%)";
			&.portrait{
			}
			&.landscape{
				// &.qt,
				&.szn_low{
					// background-size: contain;
				}
				&.szn,
				&.ws,
				&.s_ws{
					// background-size: 100% auto;
				}
			}
		}
		.no_thumb{
			.thumb{
				background-position: right center;
				background-size: 94%;
			}
		}
		.formateur {
			// width: 100%;
			width: 50%;
			display: block;
			height: auto;
			margin-top: 0px;
			// padding: 12px 12px 12px 12px;
			padding: 12px 12px 12px 0px;
			float: left;
			// clear:both;
			& + .formateur{
				// padding-top:0px;
			}
			.link{
				display: block;
				overflow: hidden;
				height: 100%;
				width: 100%;
				.bloc_thumb{
					.animation(all, ease, @anim_duration);
				}
				.thumb {
					.animation(all, ease, @anim_duration);
				}
				&:hover{
					.bloc_thumb{
						mix-blend-mode: normal;
					}
					.thumb {
						mix-blend-mode:inherit;
						-webkit-filter: none;
						filter: none;
					}
				}
			}
			&:nth-child(2n+1){
				// background-color: red;
				clear: both;
			}
		}
	}
	#actions{
		margin-bottom:@sep_u;
		.type-postformation{
			position:relative;
			overflow:hidden;
			display:block;
			.full{
				display:none;
			}
			&.loaded{
				margin-top:(@sep_u * 0.5);
				+ .type-postformation{
					margin-top:(@sep_u * 0.5);
				}
				&:first-child{
					margin-top:0px;
				}
				&:last-child{
					margin-bottom:(@sep_u * 0.5);
				}
				.full{
					display:block;
					p,h2{
						// padding-left:10%;
						// padding-right:2%;
						padding-left:55px;
						padding-right:11px;
					}
				}
				.post-title{
					font-size: 18px;
					line-height: 21px;
				}
				.bloc_thumb{
					// .layer_10;
					// background-color: @petrole;
					// opacity:1;
					// visibility:visible;
					// .animation(all, ease, @anim_duration);
					width: 100%;
					min-height: @sep_u * 12;
					// padding:0 2% 0 10%;
					padding:0 11px 0 55px;
					margin:(@sep_u * 1) 0 (@sep_u * 0.5) 0;
					.thumb{
						width: 100%;
						height: 100%;
						min-height: @sep_u * 12;
						background-position: center;
						// background-size: 100% auto;
						// background-size: auto 100%;
						background-size: cover;
						&.landscape{
							// background-size: auto 100%;
							// background-size: 100% auto;
							background-size: contain;
							// background-size: cover;
							background-position: center;
						}
						&.portrait{
							// background-size: auto 100%;
							// background-size: cover;
							// min-height: @sep_u * 16;
						}
						background-repeat:no-repeat;
						background-position: top left;
						display: inline-block;
					}
					// &.no_thumb .thumb{
						// background-size: auto 40%;
						// background-position-x: 57%;
						// background-color: #f7f7ef;
						// background-color: red;
					// }
				}
				#block_contacts{
					// padding: 0 @blockpadding-large 0 10%;
					padding: 0 11px 0 55px;
					height:auto;
					// max-height:50%;
					// margin-top:@sep_u * 1;
					margin-top:0;
					margin-bottom:@sep_u * 0.5;
					overflow: hidden;
					.vcard_title{
						// display:block;
						margin-top:4px;
						// margin-top:0;
						margin-right:4px;
						// padding:0;
						float:left;
						clear:left;
						~ .value{
							float:left;
							// clear:both;
							margin-top:4px;
							+ .separator{
								float:left;
								margin-top:4px;
								width: auto;
								margin-right:2px;
							}
						}
					}
					.separator{
						margin:0 1px 0 3px;
						// letter-spacing:2px;
						display: inline;
					}
					.value.email{
						.animation(all, ease, @anim_duration);
						display: inherit;
						overflow: hidden;
						text-overflow: ellipsis;
						white-space: nowrap;
						color:@canard;
						&:hover{
							color:@hover;
							cursor:pointer;
						}
					}
					p,
					p:last-child{
						margin-bottom:0px;
					}
					.vcard_title{
						// .f_singular_contacttitle;
						.f_singular_contactcontent;
						line-height:15px;
						letter-spacing:1px;
					}
					.separator,
					.value{
						// .f_singular_contactcontent;
						line-height:15px;
						letter-spacing:1px;
					}
					.value.name{
						// .f_singular_contacttitle;
						line-height:15px;
						letter-spacing:1px;
						display:block;
					}
				}
				// .date_event,
				// .theme_event,
				// .post_link,
				.rm_link{
					display:none;
				}
				span.bttn.close{
					display:block;
				}
				.action-detail {
					.post-title{
						margin-top: 10px;
					}
				}

			}
		}
		.action-detail {
			width: 100%;
			display: block;
			height: auto;
			margin-top: 0px;
			// padding: 12px 12px 12px 12px;
			padding: 12px (12px * 4) 12px 12px;
			// clear:both;
			background-color:@white;
			margin-bottom:(@sep_u * 0.5);
			position:relative;
			a{
				text-decoration:none;
			}
			& + .formateur{
				padding-top:0px;
			}
			.post-title{
				.f_formation_title;
				margin: 0 0 8px 0;
			}
			.sub-title{
				.f_formation_sub_title;
				margin: 8px 0 8px 0;
			}
			p{
				.f_formation_content();
				// color:@gray2;
				margin-bottom: 8px;
				&.link {
					margin-top:@sep_u;
					&.sign{
						margin-top:@sep_u * 1.0;
					}
					&.upload{
						margin-top:@sep_u * 0.25;
					}
					display:block;
					padding:1px 0 2px 34px;
					background: url("../imgs/icoretrait-bf_@2x.png") no-repeat scroll 0px center transparent;
					a {
						// color:@pink;
						font-size: 15px;
						// text-decoration:none;
						// &:hover{
							// color:@hover;
						// }
					}
				}
				&.special.retrait,
				&.link{
					background-size: 26px auto;
				}
			}
			span{
				&.bttn{
					position:absolute;
					right:8px;
					top:13px;
					height:41px;
					width:41px;
					cursor:inherit;
					svg.svg-content {
						// margin-left: -14px;
						fill: @gray2;
					}
					&.close{
						cursor:pointer;
						display:none;
					}
					.pics{
						padding-top: 0;
						margin: -6px auto 0 4px;
						text-align: left;
						width: 41px;
						height: 41px;
					}
				}
				// &.title{
					// text-align:right;
					// width:75%;
				// }
				&:hover{
					svg.svg-content {
						fill: @hover;
					}
				}
			}
			.rm_link{
				.read-more{
					margin:10px 0 6px 0;
					&:last-child{
						margin-bottom:@sep_u * 0.5;
					}
					.f_formation_readmore();
					text-decoration:none;
					a{
						text-decoration:underline;
						color:@canard;
						&:hover{
							color:@hover;
						}
					}
				}
			}
			.full{
				.all_dates{
					margin: (@sep_u * 0.25) 0 (@sep_u * 0.5) 0;
					// background-color: red;
					padding: 0 0 0 47px;
					// *{
					// 	color:@pink;
					// }
					// .title{
					// 	.f_calendar_event_name;
					// }
					// .mentions{
					// 	// font-style:italic;
					// 	.f_txt_courant_italic;
					// 	letter-spacing:1px;
					// }
				}
				.form-date{
					background-color: @gray;
					padding: (@sep_u * 0.5) 0 (@sep_u * 0.5) 0;
					margin: (@sep_u * 0) 0 (@sep_u * 0.5) 0;
					p{
						padding-left: 8px;
						&.special.retrait{
								// color: #f11167;
								overflow: hidden;
								padding-left: 12px;
								margin: (@sep_u * 0) 0 (@sep_u * 0.25) 6px;
								font-style: inherit;
								background: url("../imgs/icoretrait-bf_@2x.png") no-repeat scroll -20px center transparent;
								background-size: 26px auto;
								.laps{
									font-weight: normal;
								}
						}
					}
				}
			}
		}
	}
}

// .dynamic_content .content .datadock{
.dynamic_content .content .qualiopi{
	width:100%;
	display:block;
	overflow: hidden;
	+ *{
		clear:both;
	}
	margin-bottom:@sep_u;
	figure.left{
		width:266px;
		height:184px;
		margin: 0 24px 0 0;
		// background-color:@white;
		// padding:10px 0 0 0;
		padding:0 0 0 0;
		// text-align:center;
		text-align:left;
		img{
			max-height: 100%;
			max-width: 100%;
			height: auto;
			width: auto;
			// mix-blend-mode: screen;
			// -webkit-filter: grayscale(100%) contrast(120%);
			// filter: grayscale(100%) contrast(120%);
			// padding: 0 !important;
		}
	}
	p{
		&.special.retrait{
			margin:0 0 (@sep_u * 0.5) 0;
		}
		&:last-child{
			margin-bottom:0px;
		}
	}
	// a{
		// background-color: @white;
	// }
}

.p_ctt_1{
	.page_title{
		.thumb {
			background-image: url("../imgs/octopya_logo_m_min_@2x.png") !important; // NEW ID
			// background: url("../imgs/scicpau_logo_min_@2x.png") no-repeat scroll 80% center @white; // OLD ID
			// background-size: 85%; // OLD ID
		}
		.about{
				background-color: @red;
		}
	}
	// .page_content .content.large{
	// 	margin-top: -(@mosaic_y1);
	// }
	.page_content .content.left,
	.page_content .content.large{
		margin-top: -(@mosaic_y1);
	}
	.page_content .content.left .thumb_container{
		padding-top: @mosaic_y1;
	}
}
.p_ctt_2{
	.page_title{
		.thumb {
			background-image: url("../imgs/octopya_logo_t_min_@2x.png") !important; // NEW ID
			// background: url("../imgs/scicpau_logo_min_@2x.png") no-repeat scroll 80% center @white; // OLD ID
			// background-size: 85%; // OLD ID
		}
		.about{
				background-color: @green;
		}
	}
	.page_content .content.left,
	.page_content .content.large{
		margin-top: -(@mosaic_y1);
	}
	.page_content .content.left .thumb_container{
		padding-top: @mosaic_y1;
	}
	&.p_ctt_newsletter,
	&.sitemap{
		.page_content .content.left{
			margin-top: 0;
		}
		.page_content .content.left .thumb_container{
			padding-top: 0;
		}
	}
}



#content.p_directory.company,
.p_ctt_1,
.p_ctt_2,
.p_formation,
.p_about{
	.page_title{
		.thumb {
				background: url("../imgs/octopya_logo_min_@2x.png") no-repeat scroll center center @white; // NEW ID
				background-size: 80%; // NEW ID
		}
	}
}

.p_formation{
	.page_content .content.left,
	.page_content .content.large{
		margin-top: -(@mosaic_y1);
	}
	.page_content .content.left .thumb_container{
		padding-top: @mosaic_y1;
	}
}

.p_directory.company{
	.page_content .content.left,
	.page_content .content.large{
		margin-top: -(@mosaic_y1);
	}
	.page_content .content.left .thumb_container{
		padding-top: @mosaic_y1;
	}
}
body{
	&.p_ctt_formation{
		.type-postformation {
			display: block;
			overflow: hidden;
			height: auto;
		}
		.type-postformation {
			background-color: @gray2;
		}
		.page_title{
			.thumb {
				background: url("../imgs/scicpau_logo_min_@2x.png") no-repeat scroll 80% center @white;
				background-size: 85%;
				// background: url("../imgs/themes/ensemble.jpg") no-repeat scroll 80% center @white;
				// background-size: 150%;
			}
			.about{
					background-color: @red;
			}
		}
		.page_content .content{
			&.left{
			// 	background-color: @gray2;
				.thumb_container.stay .maxsize{
			// 		background-color: @gray2;
				}
			}
			&.large{
				// .block_container {
				// 	background-color:@white;
				// 	& + .post-date{
				// 		margin-top: @sep_u;
				// 	}
				// 	.all_dates{
				// 		margin-top: @sep_u * 1;
				// 	}
				// 	.event_price,
				// 	.all_dates{
				// 		p,h2{
				// 			color: @pink;
				// 		}
				// 	}
				// }
				margin-top: -(@mosaic_y1);
				.separator{
					svg.svg-content {
						fill: @white;
					}
				}
				.post-category{
					color:@pink;
					a{
						color:@pink;
						&:hover{
							color:@hover;
						}
					}
					& + .separator{
						svg.svg-content {
							fill: @pink;
						}
					}
				}
			}
			&.top{
				// background-color: @gray2;
				// .page_filter{
				// 	background-color: @gray2;
				// 	&.stay .maxsize{
				// 		background-color: @gray2;
				// 	}
				// }
			}
		}
		color:@canard;
		.dynamic_content .content{
			// h2,a{
			// 	color:@pink;
			// }
			p.special {
				&.retrait{
					// color:@pink;
					background: url("../imgs/icoretrait-bf_@2x.png") no-repeat scroll -44px center transparent;
				}
			}
			p.link {
				background: url("../imgs/icoretrait-bf_@2x.png") no-repeat scroll 0px center transparent;
				a{
					// color:@pink;
				}
			}
		}
	}
}
body{
	&.p_ctt_actu{
		.type-post {
			display: block;
			overflow: hidden;
			height: auto;
		}
	}
	&.p_ctt_actu{
		.type-post {
			background-color: @gray2;
		}
		.page_title{
			.thumb {
				background: url("../imgs/scicpau_logo_min_@2x.png") no-repeat scroll 80% center @white;
				background-size: 85%;
				// background: url("../imgs/themes/ensemble.jpg") no-repeat scroll 80% center @white;
				// background-size: 150%;
			}
			.about{
					background-color: @pink;
			}
			&.p_ctt_agenda{
				.about{
					background-color: @petrole;
				}
			}
			&.p_ctt_history{
				.about{
					background-color: @petrole;
				}
			}
		}
		.page_content .content{
			&.left{
			// 	background-color: @gray2;
				.thumb_container.stay .maxsize{
			// 		background-color: @gray2;
				}
			}
			&.large{
				.block_container {
						background-color:@white;
						& + .post-date{
							margin-top: @sep_u;
						}
						.all_dates{
							margin-top: @sep_u * 1;
						}
						.event_price,
						.all_dates{
							p,h2{
								color: @pink;
							}
						}
				}
				margin-top: -(@mosaic_y1);
				.separator{
					svg.svg-content {
						fill: @white;
					}
				}
				.post-category{
					color:@pink;
					a{
						color:@pink;
						&:hover{
							color:@hover;
						}
					}
					& + .separator{
						svg.svg-content {
							fill: @pink;
						}
					}
				}
			}
			&.top{
				background-color: @gray2;
				.page_filter{
					background-color: @gray2;
					&.stay .maxsize{
						background-color: @gray2;
					}
				}
			}
		}
		color:@gray2;
		.p_ctt_agenda{
			color:@petrole;
			.content{
				&.large{
					background-color: @yellow;
					.separator{
						svg.svg-content {
							// fill: @petrole;
							fill: @yellow0;
						}
					}
					h2{
						color:@white;
					}
					a{
						color:@petrole;
						&:hover{
							color:@white;
						}
					}
					p.special {
						&.retrait{
							color:@white;
							background: url("../imgs/icoretrait-w_@2x.png") no-repeat scroll -44px center transparent;
							// color:@petrole;
							// background: url("../imgs/icoretrait-b_@2x.png") no-repeat scroll -44px center transparent;
						}
					}
					p.link {
						// background: url("../imgs/icoretrait-w_@2x.png") no-repeat scroll 0px center transparent;
						background: url("../imgs/icoretrait-b_@2x.png") no-repeat scroll 0px center transparent;
						a{
							color:@petrole;
							// color:@white;
							&:hover{
								color:@orange;
							}
						}
					}
					.block_container {
					    background-color:@yellow0;
							// & + .post-date{
							// 	margin-top: @sep_u;
							// }
							.all_dates{
							// 	margin-top: @sep_u * 1;
							}
							.event_price,
							.all_dates{
								p,h2{
									color: @white;
								}
							}
					}
					// @block_margin : 34px;
					// .event_price,
					.all_dates{
						margin-top: @sep_u * 1.5;
					// 	background-color:@yellow0;
					// 	overflow: hidden;
					// 	display: block;
					// 	p,h2{
					// 		padding: 0 80px 0 @block_margin;
					// 		&:first-child{
					// 			margin-top:@sep_u;
					// 		}
					// 		&:last-child{
					// 			margin-bottom:@sep_u;
					// 		}
					// 		// color:@white;
					// 	}
					}
					// .all_dates{
					// 	margin: (@sep_u * 1.5) -(@block_margin) (@sep_u * 0) -(@block_margin);
					// }
					// .event_price{
					// 	margin: (@sep_u * 0) -(@block_margin) (@sep_u * 1) -(@block_margin);
					// 	p.detail_price{
					// 		padding: 0 80px 0 @block_margin;
					// 		&:first-child,
					// 		&:last-child{
					// 			margin-bottom:0;
					// 			margin-bottom:@sep_u;
					// 		}
					// 		// color:@white;
					// 	}
					// }
					// .author_source{
					// }
				}
			}
		}
		.p_ctt_history{
			// color:@petrole;
			&.general{
				.content{
					&.left{
						width: @mosaic_x4 * 0;
						display: none;
					}
				}
				.content{
					&.large{
						width: @mosaic_x4 * 4;
						// background-color: @yellow;
						background-color: @gray;
						padding: 0;
						// .separator{
						// 	svg.svg-content {
						// 		// fill: @petrole;
						// 		fill: @yellow0;
						// 	}
						// }
						.media_with{
							figure{
								display: block;
								img{
									display: block;
								}
							}
						}
					}
				}
			}
		}
		.dynamic_content .content{
			h2,a{
				color:@pink;
			}
			p.special {
				// color:@pink;
				&.retrait{
					color:@pink;
					background: url("../imgs/icoretrait-p_@2x.png") no-repeat scroll -44px center transparent;
				}
			}
			p.link {
				background: url("../imgs/icoretrait-p_@2x.png") no-repeat scroll 0px center transparent;
				a{
					// color:@gray2;
					color:@pink;
				}
			}
		}
	}
	.p_ctt_history{
		// .content{
		// 	&.large{
		// 		background-color: @yellow;
		// 		padding: 0;
		// 		// .separator{
		// 		// 	svg.svg-content {
		// 		// 		// fill: @petrole;
		// 		// 		fill: @yellow0;
		// 		// 	}
		// 		// }
		// 	}
		// }
		.type-video .full{
			.call-to-action,
			p:not(.video),
			h1,
			h2,
			.history-title,
			.history-date{
				display: none !important;
			}
		}
		#history{
			// background-color: red;
			.process{
				// display: none;
				visibility: hidden;
				&.show{
					// display: block;
					visibility: visible;
				}
			}
			// .type-postformation{
			.preview{
				width: @mosaic_x4 * 1;
				height: @mosaic_y1;
				overflow: hidden;
				position: relative;
				float: left;
				background-color: @blue;
				// border: 1px solid black;
				// :nth-of-type
				&:nth-child(2n+2){
					// 0 1 2 3 4 ...
					// 2 4 6 8 10 ...
					width: @mosaic_x4 * 2;
					// width: @mosaic_x4 * 3;
					// opacity: 0.9;
				}
				&:nth-child(3n+3){
					// (2n+3)
					// 0 1 2 3 4 ...
					// 3 5 7 9 11 ...
					// (3n+3)
					// 0 1 2 3 4 ...
					// 3 6 9 12 15 ...
					// width: @mosaic_x4 * 2;
					// width: @mosaic_x4 * 2;
					// opacity: 0.7;
				}
				&.resized{
					// background-color: red;
				}
				&.the_last{
					// background-color: yellow;
				}
			// }
				@height_history : @mosaic_y1 * 2;
				&.loaded{
					&:hover{
						cursor: inherit;
					}
					width: @mosaic_x4 * 3 !important;
					height: @height_history !important;
					// width: @mosaic_x4 * 3;
					background-color:@gray0;
					&.type-video{
						background-color:black;
						.contenthistory_scroll .ismore{
							background-color:black;
						}
					}
					// margin: (@sep_u * 0.5) (@blockpadding-large - 8px) !important;
					// padding: (@sep_u * 0.5) 8px;
					.bloc_thumb,
					.bloc_title{
						display: none;
					}
					.full{
						// margin: (@sep_u * 0.5) (@blockpadding-large - 8px) !important;
						// padding: (@sep_u * 0.5) 8px;
						padding: (@sep_u * 0.5) 30px (@sep_u * 0.5) 22px;
					}
					span.bttn.close {
						cursor: pointer;
						display: block;
					}
					.rh_link{
							display: none;
					}
					h2{
						color: @gray2;
					}
					.history-date{
						display: block;
						margin-bottom: @sep_u * 0.5;
						color: @gray2;
					}

				}
			// .preview{
				// float:left;
				// position:relative;
				// width: @mosaic_x4 * 1;
				// background-color:@petrole;
				// height: @mosaic_y1;
				// // padding: (@sep_u * 1) @blockpadding-large (@sep_u * 0.5) @blockpadding-large;
				.bloc_thumb,
				.bloc_title{
					width:100%;
					height:100%;
					position:absolute;
					top:0;
					left:0;
					// float:left;
					.animation(opacity, ease, @anim_duration);
					.history-resume,
					.history-date,
					.history-name{
						padding: 0 @blockpadding-large;
						// .search-term{
						// 	margin:0;
						// 	padding:0;
						// }
					}
					// .activity-boss{
					// 	margin-bottom: 12px;
					// }
					.history-name{
						margin-bottom: @sep_u * 0.75;
					}
					// .activity-separator{
					// 	padding: 0 4px 0 @blockpadding-large;
					// 	float:left;
					// }
					.history-resume{
						p:last-child{
							margin-bottom:0px;
						}
					}
				}
				.bloc_title{
					// .layer_5;
					padding-top: 32px;
					// background-color: @petrole;
					text-align:left;
					opacity:0;
					// .animation(all, ease, @anim_duration);
					&.no_thumb{
						// opacity:0.5;
					}
				}
				.call-to-action{
					top: 55%;
					.play{
						// opacity: 0.8;
					}
				}
				// // figure.bloc_thumb{
				// 	// display:block;
				// // }
				.bloc_thumb{
					// .layer_10;
					background-color: @petrole;
					opacity:1;
					// visibility:visible;
					// .animation(all, ease, @anim_duration);
					.thumb{
						width: 100%;
						height: 100%;
						background-position: center;
						background-size: 100% auto;
						background-size: cover;
						&.landscape{
							background-size: auto 100%;
							background-size: cover;
						}
						background-repeat:no-repeat;
						display: inline-block;
					}
					&.no_thumb .thumb{
						background-size: auto 40%;
						background-position-x: 57%;
						background-color: #f7f7ef;
						// background-color: red;
					}
				}
				.rh_link{
					.animation(opacity, ease, @anim_duration);
					opacity:0;
					&.no_thumb{
						// opacity:0.5;
					}
					position: absolute;
					bottom: @sep_u * 0.75;
					height: 20px;
					width: 100%;
					padding: 0 @blockpadding-large;
					.read-more{
						right:0px;
						float:right;
						width:auto;
						margin:0;
						text-align:right;
						a{
							color:@white;
							position:relative;
							width:100%;
							height:12px;
							padding:4px;
							line-height:6px;
							margin-right:-4px;
							// .f_actu_readmore();
						}
					}
				}
				// span.bttn.close {
				// 	cursor: pointer;
				// 	display: none;
				// }
				span{
					&.bttn{
						position:absolute;
						right:8px;
						top:13px;
						height:41px;
						width:41px;
						cursor:inherit;
						svg.svg-content {
							// margin-left: -14px;
							fill: @gray2;
						}
						&.close{
							cursor:pointer;
							display:none;
						}
						.pics{
							padding-top: 0;
							margin: -6px auto 0 4px;
							text-align: left;
							width: 41px;
							height: 41px;
						}
					}
					// &.title{
						// text-align:right;
						// width:75%;
					// }
					&:hover{
						svg.svg-content {
							fill: @hover;
						}
					}
				}
				&:hover{
				// .preview{
					// &:hover{
						cursor:pointer;
						.bloc_thumb{
							// .layer_1;
							opacity:0.1;
							// visibility:hidden;
							.thumb{
								mix-blend-mode: screen;
								// -webkit-filter: grayscale(100%) contrast(120%);
								// filter: grayscale(100%) contrast(120%);
								-webkit-filter: ~"grayscale(100%)" ~"contrast(120%)";
								filter: ~"grayscale(100%)" ~"contrast(120%)";
							}
						}
						.rh_link,
						.bloc_title{
							opacity:1;
						}
						.call-to-action{
							.play{
								opacity: 0.8;
							}
						}
					// }
				}
				.contenthistory_scroll{
					margin-top: 20px;
					// max-height:@height_news - 5px;
					max-height: @height_history - 5px - 40px;
				}
				.contenthistory_detail{
					max-height: @height_history  - 5px - 5px - 40px;
				}
				.contenthistory_scroll{
					// margin-top: -60px;
					// padding-top: 65px !important;
					padding-top: 5px !important;
					.contentactu_detail{
						// margin-top: -5px !important;
					}
					.ismore{
						text-align:left;
						position: absolute;
						bottom: 0px;
						margin: 0;
						width: 100%;
						height: 30px;
						padding: 12px 0 0 (@blockpadding-large * 1);
						// padding: 6px 0 0 (@margin_main_alt * 2);
						// padding: 6px 0 0 0;
						.f_singular_activity_more;
						color:@gray2;
						// background-color: @gray;
						background-color: @gray0;
					}
				}
				// .ctt_actu:first-child{
				// 	margin-top:-5px;
				// }
				// .ctt_actu:last-child{
				// 	margin-bottom: @sep_u * 0.5;
				// }
				.scroll_navigation{
					right: 14px;
					.calc(height, ~"100% - ", (40px));
					top: 40px;
					.button{
						&.top,
						&.bottom{
							span.picto{
								svg.svg-content{
									fill: @gray2;
								}
								&:hover{
									// background-color:@hover;
									svg.svg-content {
										fill: @hover;
									}
								}
							}
						}
						&.top{
							top:16px;
						}
						&.bottom{
							bottom:12px;
						}
					}
				}
			}
		}
	}
}

.no_anchor {
	.content.top{
		display: none !important;
	}
	.content.large{
		margin-top: 0px !important;
	}
}

.p_ctt_formation,
.p_ctt_actu{
	.dynamic_content .content.large{
		// a{
		// 	color: @gray2;
		// 	&:hover{
		// 		color: @pink;
		// 	}
		// }
		.separator{
			width:100%;
			margin:-8px 0 0 0;
			height:24px;
			overflow:hidden;
			display:block;
			.pics{
				margin: -8px auto 0 -8px;
				text-align: left;
				width: 41px;
			}
		}
		.post-category{
			// .f_category_title;
			.f_txt_subtitle;
			margin-bottom: 0px;
			a{
				text-decoration: none;;
			}
			& + .separator{
				margin:2px 0 (@sep_u * 0.5) 0 !important;
			}
		}
		.title{
			.f_txt_title;
			margin-bottom: 0px;
			& + .separator{
				margin:2px 0 (@sep_u * 0.5) 0 !important;
			}
		}
		.date_resume,
		.post_subtitle{
			.f_txt_post_subtitle;
			margin-bottom: 0px;
			// color: @gray2;
			& + .separator{
				margin:2px 0 (@sep_u * 0.5) 0 !important;
			}
		}
		.event_price,
		.all_dates{
			// color: @pink;
			p{
				&:last-child{
					margin-bottom: 20px;
				}
			}
		}
		.all_dates{
			.title{
				margin-bottom: 20px;
				font-size: 18px;
				line-height: 22px;
			}
		}
		.separator{
			// margin-bottom: 12px;
			& + .separator{
				display: none;
			}
			// & + .all_dates{
			// 	margin-top: -14px;
			// }
		}
		.post-date{
			margin-top: @sep_u * 2;
			&:last-child{
				margin-bottom: @sep_u * 1;
			}
			// a{
			// 	color: @gray2;
			// 	&:hover{
			// 		color: @pink;
			// 	}
			// }
		}
		.link{
			&:last-child{
				margin-bottom: @sep_u * 1;
			}
		}
		// .separator + .type-post{
		// 	margin-top: 0px;
		// }

		// figure{
		// 	display:none;
		// }
		p img,
		div img,
		figure{
			display:none;
		}
		&.media_with figure{
			// span,a{
			// 	background: none;
			// 	padding: 0;
			// 	display:inline-block;
			// 	position:relative;
			// 	width:auto;
			// 	height:100%;
			// 	overflow: hidden;
			// 	.help_user{
			// 		position:absolute;
			// 		width:100%;
			// 		height:100%;
			// 	}
			// }
			&.left,
			&.large,
			&.mid,
			&.big{
				display:block;
				img{
					display:block;
				}
			}
			// &.big{
			// 	height:auto;
			// 	img{
			// 		width:100%;
			// 		height:auto;
			// 	}
			// }
			// &.large{
			// 	img{
					// max-width:100%;
			// 		max-width:75%;
			// 	}
			// }
			// &.mid{
			// 	img{
			// 		max-width:316px;
			// 	}
			// }
			// &.left{
				// width:20%;
			// 	float:left;
			// 	margin:	6px 18px 12px 0;
			// 	+ p{
			// 		margin-top:0px;
			// 	}
			// 	+ h2{
			// 		display:inherit;
			// 		width: auto;
			// 	}
			// }
			// width:100%;
			width:75%;
			// padding-right: 25%;
			// text-align:left;
			// & ~ figure{
			// 	margin-top:@sep_u;
			// }
			// & + h2,
			// & + p{
			// 	margin-top:@sep_u;
			// }
			// img{
				// width:100%;
				// max-width: 100%;
				// max-height: 100%;
				// max-width: 75%;
			// }
			// p.caption{
			// 	.f_img_caption;
			// 	strong{
			// 		.f_img_caption_strong;
			// 	}
			// 	em{
			// 		.f_img_caption_italic;
			// 	}
			// 	margin: 8px auto 0px auto;
			// 	text-align:left;
			// }
		}

	}
}
.p_ctt_actu{
	.dynamic_content .content.large{
		a{
			color: @gray2;
			&:hover{
				color: @pink;
			}
		}
		.date_resume,
		.post_subtitle{
			color: @gray2;
		}
		.event_price,
		.all_dates{
			color: @pink;
		}
		.post-date{
			a{
				color: @gray2;
				&:hover{
					color: @pink;
				}
			}
		}
		.place_event{
			// .f_calendar_event_place;
			.f_txt_courant;
			display:block;
			margin-top:10px;
			// color:@white;
			color: @pink;
			.maps_link{
				// color:@white;
				color: @pink;
				text-decoration: none;
				transition: all;
				&:before{
					margin-left: -5px;
					transition: all;
					content: "\f230";
					// color:@white;
					color: @pink;
					padding: 0;
					display: inline-block;
					width: 20px;
					height: 18px;
					font-size: 20px;
					line-height: 1;
					font-family: dashicons;
					text-decoration: none;
					font-weight: 400;
					font-style: normal;
					vertical-align: top;
					text-align: center;
				}
				&:hover,
				&:active{
					// opacity:0.6;
					color: @hover;
					// color: @pink;
					&:before{
						color: @hover;
						// color: @pink;
					}
				}
			}
		}
	}
	&.p_ctt_agenda{
		.content.large{
			.event_price,
			.all_dates{
				color: @white;
				// color: @petrole;
				// background-color: @yellow0;
			}
			.post-date{
				a{
					color: @petrole;
					&:hover{
						color: @white;
					}
				}
			}
			.separator{
				.pics{
					margin-left: -4px;
				}
			}
		}
	}
	&.p_ctt_history{
		.content.large{
			h2,
			a{
				color: @gray2;
			}
			figure{
				&.big{
					width: 100%;
				}
				// &.sameline{
				// 	padding-top: @sep_u;
				// }
			}
		}
	}
}
.p_ctt_formation{
	.dynamic_content .content.large{
		.sub-title{
			color: @canard;
		}
		p{
			// .f_formation_content();
			color: @canard;
			// margin-bottom: 8px;
			&.link {
				// margin-top:@sep_u;
				// &.sign{
				// 	margin-top:@sep_u * 1.0;
				// }
				// &.upload{
				// 	margin-top:@sep_u * 0.25;
				// }
				// display:block;
				// padding:1px 0 2px 34px;
				// background: url("../imgs/icoretrait-bf_@2x.png") no-repeat scroll 0px center transparent;
			}
		}
		a{
			color: @canard;
			&:hover{
				color: @hover;
			}
		}
		.bloc_thumb{
			// .layer_10;
			// background-color: @petrole;
			// opacity:1;
			// visibility:visible;
			// .animation(all, ease, @anim_duration);
			width: 100%;
			min-height: @sep_u * 12;
			// padding:0 2% 0 10%;
			padding:0 40px 0 0;
			margin:(@sep_u * 0.5) 0 (@sep_u * 1.0) 0;
			.thumb{
				width: 100%;
				height: 100%;
				min-height: @sep_u * 14;
				background-position: center;
				// background-size: 100% auto;
				// background-size: auto 100%;
				background-size: cover;
				&.landscape{
					// background-size: auto 100%;
					// background-size: 100% auto;
					background-size: contain;
					// background-size: cover;
					background-position: center;
				}
				&.portrait{
					// background-size: auto 100%;
					// background-size: cover;
					// min-height: @sep_u * 16;
				}
				background-repeat:no-repeat;
				background-position: top left;
				display: inline-block;
			}
			// &.no_thumb .thumb{
				// background-size: auto 40%;
				// background-position-x: 57%;
				// background-color: #f7f7ef;
				// background-color: red;
			// }
		}
		.ctt_form{
			margin-top: 0px;
		}
		.qualiopi{
			// margin: (@sep_u * 1.5) 0 ;
			&.media_with{
				figure.left {
					width: unset;
					// height: 60px;
					// margin: 0 24px 0 0;
					// background-color: @white;
					// padding: 0 0 0 0;
					// text-align: center;
					& + p{
						// padding-top: 6px;
					}
				}
			}
		}
		.qualiopi_off{
		// .datadock{
			margin: (@sep_u * 1.5) 0 ;
			&.media_with{
				figure.left {
					// width: 60px;
					width: 120px;
					height: 60px;
					margin: 0 24px 0 0;
					background-color: @white;
					// padding: 5px 0 0 0;
					padding: 0 0 0 0;
					text-align: center;
					& + p{
						padding-top: 6px;
						// padding-right: 80px;
					}
				}
			}
		}
		.book-form{
			input{
				&[type="submit"]{
					color: @canard;
					&:hover{
						color: @hover;
					}
					background: url("../imgs/icoretrait-bf_@2x.png") no-repeat scroll 0px center transparent;
				}
			}
			h2#noty,
			label.empty,
			input.empty,
			textarea.empty{
				color: @hover;
				border: 1px dotted @hover;
			}
		}
		.forms_content #noty.noty-error {
			color: @hover;
		}
		#block_contacts{
			// padding: 0 @blockpadding-large 0 10%;
			// padding: 0 11px 0 55px;
			height:auto;
			// max-height:50%;
			// margin-top:@sep_u * 1;
			margin-top:0;
			// margin-bottom:@sep_u * 0.5;
			overflow: hidden;
			.vcard_title{
				// display:block;
				margin-top:4px;
				// margin-top:0;
				margin-right:4px;
				// padding:0;
				float:left;
				clear:left;
				~ .value{
					float:left;
					// clear:both;
					margin-top:4px;
					+ .separator{
						float:left;
						margin-top:4px;
						width: auto;
						margin-right:2px;
					}
				}
			}
			.separator{
				margin:0 1px 0 3px;
				// letter-spacing:2px;
				display: inline;
			}
			.value.email{
				.animation(all, ease, @anim_duration);
				display: inherit;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
				color:@canard;
				&:hover{
					color:@hover;
					cursor:pointer;
				}
			}
			p,
			p:last-child{
				margin-bottom:0px;
			}
			.vcard_title{
				// .f_singular_contacttitle;
				// .f_singular_contactcontent;
				line-height:15px;
				letter-spacing:1px;
			}
			.separator,
			.value{
				// .f_singular_contactcontent;
				line-height:15px;
				letter-spacing:1px;
			}
			.value.name{
				// .f_singular_contacttitle;
				line-height:15px;
				letter-spacing:1px;
				display:block;
			}
		}
		.block_container{
			background-color:@white;
			margin: (@sep_u * 1.5) -(@margin_main_alt) (@sep_u * 0.5) -(@margin_main_alt);
			.all_dates,
			.sub-title{
				padding: 0;
				margin-left: @margin_main_alt;
				margin-right: @margin_main_alt;
			}
			.sub-title{
				display: inline-block;
				width: auto;
			}
			.all_dates{
				margin-bottom: (@sep_u * 1.0);
			}
		// 	& + .post-date{
		// 		margin-top: @sep_u;
		// 	}
		// 	.all_dates{
		// 		margin-top: @sep_u * 1;
		// 	}
		// 	.event_price,
		// 	.all_dates{
		// 		p,h2{
		// 			color: @pink;
		// 		}
		// 	}
		}
		.form-date{
			// background-color: @gray;
			// padding: (@sep_u * 0.5) 0 (@sep_u * 0.5) 0;
			// margin: (@sep_u * 0) 0 (@sep_u * 0.5) 0;
			p{
				// padding-left: 8px;
				padding-left: 0px;
				margin-bottom: (@sep_u * 0.5);
				&:first-child{
					margin-top: 0px;
				}
				&.special.retrait{
				// 		// color: #f11167;
						overflow: hidden;
						padding-left: 12px;
						margin: (@sep_u * 0) 0 (@sep_u * 0.5) 0;
						// margin: (@sep_u * 0) 0 (@sep_u * 0.25) 6px;
				// 		font-style: inherit;
						// background: url("../imgs/icoretrait-bf_@2x.png") no-repeat scroll -20px center transparent;
				// 		background-size: 26px auto;
						.laps{
							font-weight: normal;
						}
				}
				&:last-child{
					// margin-bottom: 0px;
					margin-bottom: (@sep_u * 1.0);
				}
			}
		}
		// .date_resume,
		// .post_subtitle{
		// 	color: @canard;
		// }
		// // .event_price,
		// .all_dates{
		// 	color: @hover;
		// }
		// .post-date{
		// 	a{
		// 		color: @canard;
		// 		&:hover{
		// 			color: @hover;
		// 		}
		// 	}
		// }
	}
}

.page_title{
	// background-color: red;
	width: 100%;
	height: @mosaic_y1;
	margin: 0;
	overflow: hidden;
	position: relative;
	// z-index: 10;
	.thumb {
			width: @mosaic_x4 * 1;
	}
	.about{
			width: @mosaic_x4 * 3;
			// .title{
			text-align: center;
			// }
			display: table;
	}
	.bloc_title{
		display: table-cell;
		vertical-align: middle;
		// position: absolute;
		// @size_h:180px;
		// @size_w:80%;
		// height: @size_h;
		// width: @size_w;
		// left: 50%;
		// top: 50%;
		// margin: -(@size_h/2) 0 0 -(@size_w/2);
		.pics{
			margin-top: -8%;
		}
		.title,
		.subtitle{
			padding:0 26px;
		}
		.title{
			margin:0;
		}
		.subtitle{
			margin:8px 0 0 0;
		}
	}
	.about,
	.thumb{
			// position: relative;
	    // display: inline-block;
	    height: 100%;
			float: left;
	}
}
.page_content{
	// margin-top: 0px;
	// position: absolute;
	// width: @width_main_alt;
	// margin:160px @margin_main_alt 0 @margin_main_alt;

	// width:@width_utile;
	// margin: 0 @margin_utile (@sep_u * 1) @margin_utile;

	// overflow: hidden;
	// height:auto;
	// height:346px;
	position:relative;
	// padding: 0 20%;

	width: 100%;
	margin: 0;

	background-color: @gray;

	.type-page{
		// background-color: blue;
		// background-color: @petrole;
		// background-color: @gray;
		position:relative;
		overflow: hidden;
		height: auto;
		position: relative;
	}

	.content{
		&.top{
			height: @mosaic_y1;
			width: 100%;
			margin: 0;
			// background-color: yellow;
			.page_filter,
			.excerpt,
			.theme{
				position: relative;
				height: 100%;
				float: left;
			}
			.page_filter{
				width: @mosaic_x4 * 1;
				background-color: @orange;
				a{
					text-decoration: none;
				}
				padding: (@sep_u * 1.5) (@margin_main_alt / 2) (@sep_u * 1.5) (@margin_main_alt / 2);
				// position:absolute;
				top:0px;
				// height:auto;
				// width:@width_sidebar_main_alt;
				// max-width:262px;
				// margin:@sep_u 0 0 0;
				// .animation(top, ease, @anim_duration);
				.layer_1;
				&.stay {
					position: fixed;
					top: 20px;
					width: 19%;
					height: auto;
					.animation(opacity, ease, @anim_duration);
					opacity:1;
					&.atend{
						opacity:0;
						// opacity:0.8;
						// bottom:182px;
					}

					width: @width_utile;
					background-color: transparent;
					padding:0px;
					.maxsize{
						width: @mosaic_x4 * 1;
						background-color: @orange;
						padding: (@sep_u * 1.5) (@margin_main_alt / 2) (@sep_u * 1.5) (@margin_main_alt / 2);
					}
					p{
						a{
							color:@white;
							opacity: 0.4;
							&:hover{
								color:@canard;
								opacity: 1;
							}
						}
						&.active{
							a,a:hover{
								opacity: 1;
								color:@white;
							}
						}
					}
				}
				p{
					height:26px;
					width:100%;
					margin:0px;
					display:table;
					padding-bottom:8px;
					a{
						.transition_x2(opacity,color, ease, @anim_duration);
						vertical-align:top;
						// .f_menu_child;
						color:@white;
						&:hover{
							color:@yellow;
						}
					}
					// &.active{
					// 	a,a:hover{
					// 		color:@petrole;
					// 	}
					// }
				}
				&.anchor{
					p a{
						display:block;
						&::first-letter{
						// span{
							// color:red;
							text-transform:capitalize;
						}
					}
				}
			}
			.theme{
				width: @mosaic_x4 * 1;
				background-color: blue;
			}
			.excerpt{
				width: @mosaic_x4 * 2;
				background-color: @yellow;
				// padding: (@sep_u * 1.5) (@blockpadding-large * 2) (@sep_u * 1.5) (@blockpadding-large * 2);
				padding: (@sep_u * 1.5) @margin_main_alt (@sep_u * 1.5) @margin_main_alt;
				// overflow-y: auto;
				.content_scroll{
					max-height:@mosaic_y1 - 5px;
				}
				.content_detail{
					max-height:@mosaic_y1 - 5px - (@sep_u * 1);
				}
				.content_scroll{
					margin-top: -(@sep_u * 1.5);
					padding-top: (@sep_u * 1) !important;
					.content_detail{
						padding-top: (@sep_u * 0.5) !important;
					}
					.ismore{
						text-align:left;
						position: absolute;
						bottom: 5px;
						margin: 0;
						width: 100%;
						height: 20px;
						// padding: 6px 0 0 (@blockpadding-large * 2);
						padding: 6px 0 0 (@margin_main_alt * 2);
						.f_singular_activity_more;
						color:@white;
						background-color: @yellow;
					}
				}
				.scroll_navigation{
					right: @margin_main_alt * 1;
				}
			}
			.stay + .excerpt{
				margin-left: @mosaic_x4 * 1;
			}
		}
		&.left{
			width: @mosaic_x4 * 1;
			position: relative;
			display: inline-block;
			float: left;
			height: 100%;
			min-height: 100px;
			// background-color: blue;
			// background-color: @petrole;
			background-color: @gray2;
		}
		&.large{
			.layer_10;
			width: @mosaic_x4 * 3;
			position: relative;
			display: inline-block;
			float: left;
			height: 100%;
			background-color: @gray;
			// padding-top: 36px !important;
			padding:(@sep_u * 1.5) @margin_main_alt 0 @margin_main_alt;
			// padding:(@sep_u * 1.5) @blockpadding-large 0 @blockpadding-large;
		}
	}


	&.sitemap{
		.type-page{
			.all_pages{
				// margin:0 @margin_main_alt 0 @margin_main_alt;
				padding:0 0 (@sep_u * 2.0) 0;
				// width: @width_main_alt;
				// list-style: outside none none;
				// .multicolumn(52px,4);
			}
		}
	}
	&.offcourse{
		// margin: 0 0 0 @margin_main;
		margin: @top_m @margin_main 0 @margin_main;
		background-color: transparent;
		.type-page{
			width: 25%;
			min-height:(@sep_u * 3);
			background-color: inherit;
			p{
				// margin:0 @margin_main_alt 0 @margin_main_alt;
				// width: @width_main_alt;
				margin-bottom: @sep_u * 0.25;
				.f_ctt_blank;
				color:@yellow;
				text-align:left;
				a{
					.home{
						.f_menu_general();
					}
					color: @green;
					&:hover{
						color: @hover;
					}
				}
			}
		}
	}
	// &.offcourse,
	&.sitemap{
		// min-height: 550px;
		.type-page,
		.type-post{
			min-height: @mosaic_y1;
		}
		// .column_proprerty(((100% - (5.14% * 4)) / 3),0);
		// margin-left:5.14%;
		.page_item{
			// width: @width_main_alt;
			margin:0 0 (@sep_u * 0.5) 0;
			list-style: outside none none;
			// .f_mentions_legend;
			.f_txt_post_subtitle;
			a{
				text-decoration: none;
			}
		}
		// &.blank_page p{
			// color:@purple;
		// }
	}
	.type-page,
	.type-post{
		// width: @width_main_alt;
		// margin:160px @margin_main_alt 0 @margin_main_alt;

		// width:@width_main;
		// margin: @sep_u @margin_main 0 @margin_main;
		// margin-top:@sep_u;

		// width:100%;
		// height:100%;
		// p,h2{
			// overflow: hidden;
		// }
		// h2{
			// margin-bottom :10px;
		// }
		// header{
			// width:@w_base_g1 * 2;
			// overflow: hidden;
			// margin-bottom:14px;
			// h1{
				// margin-left:0;
			// }
		// }

		/* IMAGE REGENERE EN FIGURE */

		// p img,
		// div img,
		// figure{
			// display:none;
		// }
		// figure{
			// height:90%;
			// max-height:910px;
			// &.large,
			// &.mid,
			// &.big{
				// display:block;
			// }
			// &.big{
				// height:auto;
				// img{
					// width:100%;
					// height:auto;
				// }
			// }
			// &.large{
				// img{
					// max-width:100%;
				// }
			// }
			// &.mid{
				// img{
					// max-width:316px;
				// }
			// }
			// width:(@w_base_g1 * 5);
			// position:absolute;
			// left:0;
			// top:0;
			// img{
				// display:block;
				// width:auto;
				// max-height: 100%;
				// max-width: (@w_base_g1 * 5);
				// margin:0 auto 0 auto;
			// }
			// p.caption{
				// margin-left:auto;
				// margin-right:auto;
				// margin-top:8px;
				// width: 100%;
			// }
			// & ~ figure{
				// opacity:0;
				// &.fixed{
					// opacity:1;
				// }
			// }
		// }
		// &.mode_galery{
			// figure{
				// display:none;
			// }
		// }
		// p,h1,h2,header{
		// }
		// &.no_media{
			// p,h1,h2,header{
				// margin-left:(@w_base_g1) + @w_base_sep1;
				// width:(@w_base_g1 * 4);
			// }
			// p:last-child{
				// margin-bottom:60px !important;
			// }
		// }
	}
}


/* TYPE POST */

.list_post{
	position:relative;
	// border:1px solid #000000;
	// margin: 0px;
	// margin-left:@margin_left_ctt;
    // width: @width_ctt;
    // width: @w_base_g1 * 6;
	// width: @width_main_alt;
	// margin-left: @margin_main_alt;
	// width:100%;
	// height:auto;
	// float:left;
	// div.post{
// }

	// &.front{
	&.actualites{
		// width: @width_main_alt;
		width: 85.49%;
		margin: 40px 0 120px @margin_main_alt;

		// pas utile si moz_column-count //
		height:auto;
		overflow:hidden;

		// article{
			// display:none;
		// }
		// .col article{
			// display:block;
		// }

		.type-postactus{
			// .grid_x2;
			display:none;
			// display: inline-block;
			width: 100%;
			height:auto;
			// border-bottom:1px solid #000000;
			// padding: 0 0 16px 0;
			// padding: 0 0 2em 0;
			padding: 0 0 0 0;
			margin: 4px 0 22px 0;
			.cat_title{
				// margin:0 0 0 0;
				// width:100%;
				// a{
					// .f_cat_title;
				// }
			}
			.actu_title,
			.actu_date,
			.actu_ctt{
				// padding:0 0 0 8.94%;
				padding:0 0 0 9.8%;
				margin:0 0 12px 0;
				// width:100% - 8.94%;
			}
			.actu_ctt.extract{
				// padding:0 2% 0 6%;
				padding:0 8% 0 8%;
				margin:0 0 12px 0;
				// .transform(rotate(-1deg));
				// width:100% - 4%;
			}
			// .plus.link{
				// margin:0 0 0 0;
			// }
			.article_content{
				// max-height:0;
				// opacity: 0;
				// overflow:hidden;
				// -webkit-transition: max-height .5s ease;
				// -moz-transition: max-height .5s ease;
				// -ms-transition: max-height .5s ease;
				// -o-transition: max-height .5s ease;
				// transition: max-height .5s ease;
				// -webkit-transition: max-height, opacity, 1.0s ease;
				// -moz-transition: max-height, opacity, 1.0s ease;
				// -ms-transition: max-height, opacity, 1.0s ease;
				// -o-transition: max-height, opacity, 1.0s ease;
				// transition: max-height, opacity, 1.0s ease;
				// display:none;
			}
			&:hover .article_content,
			&.hover .article_content{
				// height:auto;
				// max-height:100px;
				// opacity: 1;
				// display:block;
			}
		// }
			.thumb{
				// display:none;
				// height:184px; // paysage
				// height:408px; // portrait
				width:100%;
				height:auto;
				overflow:hidden;
				// margin: 0 0 12px 0;
				// margin:0 0 12px 2%;
				// width:100% - 2%;
				margin:0 0 12px 2%;
				width:100% - 2%;
				// margin: 50px 0 -26px 0;
				// img.une{
					// width:100%;
					// width:auto;
					// height:408px;
					// display: block;
					// margin-left: auto;
					// margin-right: auto;
					// margin: 50px 0 -26px 0;
				// }
			}
			// .separator{
				// margin-top:22px;
				// height:22px;
				// width:100%;
				// &.sep-0{
					// background: url("../imgs/strokes/strokes_aw1.png") no-repeat scroll 0% center transparent;
				// }
				// &.sep-1{
					// background: url("../imgs/strokes/strokes_aw2.png") no-repeat scroll 86% center transparent;
				// }
			// }
		}
		.col{
			.type-postactus{
				display:block;
			}
			// &.c1{
				// padding-top: 44px;
				// background: url("../imgs/strokes/strokes_aw13.png") no-repeat scroll 0px 14px transparent;
			// }
			// &.c2{
				// padding-top: 52px;
				// background: url("../imgs/strokes/strokes_as1.png") no-repeat scroll 0px 2px transparent;
			// }
			// &.c3{
				// padding-top: 64px;
				// background: url("../imgs/strokes/strokes_aw9.png") no-repeat scroll 0px 36px transparent;
			// }
			// &.c4{
				// padding-top: 58px;
				// background: url("../imgs/strokes/strokes_aw12.png") no-repeat scroll 58% 12px transparent;
			// }
		}
		.end-list{
			text-align:right;
			margin-top:96px;
		}
		.help_action{
			cursor:pointer;
			height:22px;
			&:hover{
				height:22px;
			}
		}
	}
}

#content{
	// .texte{
		// .page_content{
			// padding: 0 10%;
		// }
		// .detail-txt{
			// overflow:hidden;
			// width:100%;
			// h1,p{
			// }
			// h1{
				// margin:0 0 26px 0;
			// }
			// p{
				// &.author{
					// margin-top:38px;
					// margin-bottom:4px !important;
					// .f_txt_courant_strong;
				// }
				// &.mentions{
					// margin-top:0;
					// margin-bottom:52px !important;
				// }
			// }
		// }
		// .article_scroll{
			// margin:52px 0 0 2%;
			// overflow: hidden;
			// width: 100%;
			// .calc(width, ~"100% - ", (20px));
			// height: 80%;
			// .calc(height, ~"100% - ", (52px));
			// .article_detail {
				// background-color:@gray;
				// margin:0 0 0 0;
				// padding: 32px 36px;
				// height: 100%;
				// overflow-x: hidden;
				// overflow-y: scroll;
				// width: 112%;
				// .calc(width, ~"100% + ", (20px));
			// }
		// }
		// .article_scroll .ismore{
			// background: url("../imgs/fondu_ctt.png") repeat-x scroll left top transparent;
			// color:@white;
			// padding: 0 0 0 36px;
			// height: 21px;
			// left: 0;
			// margin: -21px 0 0 0 !important;
			// position: relative;
			// z-index: 1000;
			// width:100%;
			// text-align:left;
			// .animation(opacity, ease, @anim_duration);
		// }
		// .scroll_navigation{
			// right:4%;
			// margin-top: -40px;
			// .button{
				// height:40px;
			// }
		// }
	// }
}

.show_nav{
	.layer_20;
	cursor:pointer;
	// border: 1px solid blue;
	position:absolute;
	height:50px;
	width:120px;
	top:6%;
	opacity:1;
	&.suiv{
		right:@margin_main_alt;
		// .f_handwrite_1;
		padding-right:40px;
		background: url("../imgs/nav-suiv.png") no-repeat scroll right center transparent;
	}
	&.prec{
		left:@margin_main_alt;
		// .f_handwrite_1;
		padding-left:40px;
		background: url("../imgs/nav-prec.png") no-repeat scroll left center transparent;
	}
}

/* IMGS & GALERY */

#content{
	p div.gallery_show{
	// #content p a.group.lightbox{
		line-height: 0px; // pour annuler les style "font" sur #content p
		width: 200px;
		height:auto;
		border-bottom:@filet_small;
		margin-bottom:@anim_marge;
		padding: 0px;
		// margin-bottom:0px;
		.animation(all, ease, @anim_duration);
		a{
			text-decoration:none;
		}
		p.plus{
			width:100%;
			// float:left;
			// margin:32px 0 6px 0;
			margin:0 0 6px 0;
			// display:none;
			height:0px;
			overflow:hidden;
			// .f_book_14;
			// .f_heavy_14;
			.animation(all, ease, @anim_duration);
			&:hover{
				// color: @green;
				text-decoration:underline;
			}
			&.link{
				// .f_txt_courant_strong;
				text-align:right;
			}
		}
		&:hover{
			// padding: 0 0 0 0;
			margin-bottom:@anim_marge - @anim_diff - 6px;
			p.plus{
				height:@anim_diff ;
				margin:8px 0 4px 0;
				// display:block;
			}
		}
	}

	/* IMAGE PLEIN POT */

	&.front{
		figure{
			// display:block;
			width:100%;
			margin-top:-12px;
			img{
				// display:block;
				width:100%;
				width:auto;
				max-height: 100%;
				max-width: none;
				margin:0 auto 0 auto;
			};
		}
	}

}


input[type="text"],
input[type="email"],
textarea {
    background: none;
    border: 1px solid @black;
    // border-bottom: @filet_small;
    box-sizing: border-box;
	// color:@purple;
	// .f_book_14;
	&:hover{
		// color:@green;
	}
    // line-height: 19px;
    // margin-bottom: 5px;
    // margin-top: 10px;
    // padding: 1px 5px;
    // width: 60%;
}

/* SEARCH */

// #search_form{
	// position:relative;
	// margin: 0 0 0 @margin_left_sdb;
	// width:@margin_left_ctt - @margin_left_sdb;
	// // margin-left:@margin_left_sdb;
	// height:100%;
	// float:left;
// }

#search_form{
	// display:none; // en attente de supression ou d'intégration
	// position:relative;
	// position:absolute;
	// margin: 400px 0 0 (@margin_left_sdb - @pmention_decall);
	// margin: 400px 0 0 @margin_left_sdb;
	// width:@margin_left_ctt - @margin_left_sdb;
	// width:@w_base_g1;
	// margin-left:@margin_left_sdb;
	height:34px;
	// float:left;
	.search_input{
		width:100%;
		float:left;
	}
	.search_input,
	form{
		height: 100%;
		position:relative;
	}
	.search_input{
		input,
		label{
			height: 100%;
			left: 0;
			margin: 0;
			padding: 9px 8px 0 6px;
			position: absolute;
			top: 0;
			width: 100%;
		}
		input{
			z-index: 20;
			// height: 22px;
			padding: 0px 8px 12px 8px;
			// padding-bottom: 12px;
			&:focus{
				outline:none;
			}
		}
		label{
			z-index: 10;
			.animation(all, ease, @anim_duration);
			// &#label-s{
				// font-size:0;
				// &:before{
					// content:"Rechercher par nom ou identité commerciale";
					// font-size:13px;
				// }
			// }
		}
		&:hover label{
			color:@petrole;
		}
	}
	&:hover input{
		cursor:pointer;
	}
	input[type="text"]{
		width:98%;
		// border: 0px solid @gray;
		// border: 1px solid @black;
		// &.process{
			.f_form_saisie;
		// }
		text-align:right;
		color:@black;
		letter-spacing:1px;
		border: 0 solid @black;
	}
	input#submit {
		display:none;
		width:20%;
		width:22px;
		height:20px;
		border: 0;
		background: url("../imgs/loopsearch.png") no-repeat scroll right center transparent;
		&:hover{
			background: url("../imgs/loupe_hover.png") no-repeat scroll right center transparent;
			// background: url("../imgs/loupe_hover_o.png") no-repeat scroll right center transparent;
		}
	}
	&.process{
		.search_input{
			width:80%;
			.calc(width, ~"100% - ", (22px));
			float:left;
		}
		input#submit {
			display:block;
		}
		label{
			opacity:0;
		}
		&:hover input{
			cursor:auto;
			&#submit{
				cursor:pointer;
			}
		}
	}
}

/* CONTACT */

// #form_contact{
	// margin:72px 0 0 0;
// }

.map{
	width:100%;
	height:@sep_u * 12;
	padding-right:25%;
	// height:@sep_u * 10;
	// padding-right:35%;
	margin-top:@sep_u * 1.5;
	margin-bottom:@sep_u * 0.5;
	.g_map{
		height:100%;
		width:100%;
		overflow: hidden;
		display: block;
	}
	& + .link{
		margin-bottom:@sep_u * 1.5;
	}
}

.forms_content{
	input,
	textarea,
	select {
		// margin:10px 0 4px 1px;
		// width: 100%;
		background: none;
		border: 0px solid @gray;
		// border-left: 1px solid @purple;
		// padding : 0 0 0 6px;
		box-sizing: border-box;
		color:@gray2;
		-webkit-appearance: none;
		-webkit-border-radius:0;
		border-radius:0;
		font-family: 'GothamMedium',arial,sans-serif;
		// .f_form_input;
		// &:hover{
			// color:@orange;
		// }
	}
	input{
		text-overflow: ellipsis;
		white-space:nowrap;
		// height:21px;
		&[type="submit"]{
			background: transparent none repeat scroll 0 0;
			border: medium none;
			color: @pink;
			cursor: pointer;
			display: block;
			// .f_focus_submit;
			width:auto;
			// height: 40px;
			// margin: -4px 0 -10px -1px;
			margin: 20px 0 26px 0;
			padding: 0;
			text-align: left;
			text-decoration: none;
			height:32px;
		}
	}
	textarea{
		// height:100px;
		// .f_form_textarea;
	}
	select{
		// height:41px;
		background: none repeat scroll 0 0 @gray;
		option{
			background: none repeat scroll 0 0 @gray;
			// color:@black;
			// color:@gray;
			color:@gray2;
			// font-size: 16px;
			&:hover{
				background: none repeat scroll 0 0 @hover;
				color:@hover;
			}
		}
	}
	#noty,
	label.empty,
	input.empty,
	textarea.empty{
		color: red;
	}
	#noty{
		&.noty-error{
			// .f_form_noty;
			// color: @gray;
			color: @pink;
		}
		&.noty-success{
			// .f_form_noty;
			color: @gray2;
		}
	}
}

.dynamic_content .content .ctt_form{
	background-color:@white;
	overflow: hidden;
	display: block;
	margin: (@sep_u * 1.5) -(@margin_main_alt) @sep_u -(@margin_main_alt);
	.about_form{
		margin: (@sep_u * 1.5) @margin_main_alt @sep_u @margin_main_alt;
	}

	.forms_content{
		// width:100%;
		// margin:74px 0 (170px - 40px) 0;
		margin: (@sep_u * 1) @margin_main_alt @sep_u @margin_main_alt;
		overflow: hidden;
		h2{
			// margin: 10px 0 36px 0;
			// width:100%;
		}
		p{
			// padding:0 20% 0 20%;
			&:last-child{
				margin-bottom: 0px;
			}
		}
		.form_1{
			.notice{
				// position:absolute;
				// right:@w_sep_main_alt;
				// top:0px;
				// float:right;
				// width:@w_col_actuX3;
				// p{
				// 	padding:32px (7.5% + 2%) 0 7.5%;
				// }
			}
			.interact{
				// width:@w_col_actuX3 * 2 + @w_sep_main_alt;
			}
			p.textarea-block{
				// height: 140px;
			}
		}
		.form_2{
			.notice{
				// position:relative;
				// left:0px;
				// top:0px;
				// float:none;
				// margin: 0;
				// width:100%;
				// p.event{
				// 	display:none;
				// 	padding:0;
				// 	margin: 0 0 18px 0;
				// }
			}
			.interact{
				// width:(@w_col_actuX3 * 3) + (@w_sep_main_alt * 2);
			}
			p.textarea-block{
				// height: 80px;
			}
		}
		.form_1,
		.form_2{
			position:relative;
			width: @width_main_alt;
			// margin: 32px @margin_main_alt 0 @margin_main_alt;
			height:auto;
			.layer_10;
			// .the_form{
			// 	display:none;
			// 	position:relative;
			// 	background-color:@yellow;
			// 	width:100%;
			// 	margin:0px;
			// 	overflow: hidden;
			// 	p{
			// 		padding:0;
			// 		margin:0;
			// 	}
			// 	*{
			// 		position:relative;
			// 	}
			// 	&.open{
			// 		display:block;
			// 		margin:28px 0 56px 0;
			// 	}
			// 	.mentions{
			// 		margin:26px 0 26px 0;
			// 	}
			// }
			.interact{
				// margin: 32px 0 0 @w_sep_main_alt;
				position: relative;
				overflow: hidden;
				display: block;
				&.validation{
					// width:(@w_col_actuX3 * 3) + (@w_sep_main_alt * 2);
				}
			}
			.lgn{
				// height: 28px;
				height: 34px;
				margin: 0 0 18px 0;
				width: 100%;
				clear: both;
				p.input-block{
					// height: 28px;
					height: 34px;
				}
				&.highter{
					height: 34px;
					p.input-block{
						height: 34px;
						// label,input{
							// padding-top:8px;
						// }
					}
					&.show_child{
						height: auto;
						p.input-block{
							margin-bottom: @sep_u * 0.25;
						}
					}
				}
				&.highter{
					label,input,select{
						padding:8px 8px 4px 8px;
					}
				}
			}
			label.hide{
				font-size:0px;
			}
			p.input-block{
				position:relative;
				// width:100%;
				label{
					background-color:@gray;
					.layer_10;
				}
				input,select{
					.layer_20;
				}
				label,input,select{
					// text-align:left;
					position:absolute;
					left: 0;
					top: 0;
					margin: 0;
					height:100%;
					// padding:4px 8px 4px 8px;
					// padding:5px 8px 4px 8px;
					padding:9px 8px 4px 8px;
					width:100%;
					// &#label-upname,
					// &#contact-upname{
						// width: (100% / 3 * 2) - 2%;
					// }
					// &#label-upname{
						// width: (100% / 3 * 2) - 2%;
					// }
					// &#label-about,
					// &#contact-about{
						// padding:6px 8px 4px 8px;
					// }
				}
				&.col_13{
					width: (100% / 3);
					float:left;
					label,input{
						// width: (100% / 3);
						// float:left;
					}
				}
				&.col_23{
					width: (100% / 3 * 2) - 2%;
					margin-right: 2%;
					float:left;
					label,input,select{
						// width: (100% / 3 * 2) - 2%;
						// margin-right: 2%;
						// float:left;
					}
				}
				&.free_1{
					width: (100% / 3) - 10%;
					// margin-right: 2%;
					float:left;
					label{
						padding:9px 8px 4px 8px;
					}
					label,input,select{
						// width: (100% / 3 * 2) - 2%;
						// margin-right: 2%;
						// float:left;
					}
				}
				&.free_2{
					width: (100% / 5 * 2) - 2% + 10%;
					margin-right: 2%;
					float:left;
					label,input,select{
						// width: (100% / 3 * 2) - 2%;
						// margin-right: 2%;
						// float:left;
					}
				}
				&.free_3{
					width: (100% / 5 * 2) - 2% - 10%;
					margin-right: 2%;
					float:left;
					label,input,select{
						// width: (100% / 3 * 2) - 2%;
						// margin-right: 2%;
						// float:left;
					}
				}
				&.free_4{
					width: (100% / 5);
					// margin-right: 2%;
					float:left;
					label,input,select{
						// width: (100% / 3 * 2) - 2%;
						// margin-right: 2%;
						// float:left;
					}
				}
			}
			p.textarea-block{
				position:relative;
				// height: 140px;
				height: 140px;
				width: 100%;
				margin-bottom:18px;
				label{
					background-color:@gray;
					.layer_10;
				}
				textarea{
					.layer_20;
				}
				label,textarea{
					position:absolute;
					left: 0;
					top: 0;
					margin: 0;
					height:100%;
					padding:4px 8px 4px 8px;
					width:100%;
					resize: none;
				}
			}
			p.input-block{
				&.tselect{
					overflow:hidden;
					// margin:0;
					padding:0;
					// position:absolute;
					position:relative;
					left:0px;
					top:0px;
					// width:100%;
					height:100%;
					label{
						padding:9px 8px 4px 42px;
						&:before{
							content: "> |";
							// content: "ˇ |";
							margin-left: -32px;
					    margin-right: 6px;
							letter-spacing: 4px;
						}
						&:first-letter {
							// color: red;
							// font-size: 12px;
							// line-height: 14px;
							// font-weight: bold;
						}
					}
					select{
						// padding:5px 8px 4px 42px;
						padding:5px 8px 4px 4px;
					}
					select{
						&::-ms-expand{
							display:none;
						}
						text-overflow: ellipsis;
						white-space:nowrap;
						outline:0px;
						-webkit-appearance:none;
						-webkit-border-radius:0px;
						-webkit-box-shadow:0px 0px 0px rgba(0, 0, 0, 0.1);
						-webkit-user-select:none;
						-moz-appearance:none;
						appearance:none;
						text-indent: 0.01px;
						// padding-left: 28px;
						// &#label-about,
						// &#contact-about{
							// padding:6px 8px 4px 8px;
						// }
						background: url("../imgs/select.png") no-repeat scroll 6px 2px transparent;
						border:0px;
						// width:~"calc(100% + 40px)";
						// option{
							// width:~"calc(100% - 40px)";
						// }
					}
				}
			}
			#send_file{
				background-color:@gray;
				position:relative;
				height: 58px;
				width: 100%;
				display:table;
				&.send_start {
					height: auto;
					padding:16px 0 16px 0;
				}
				&.send_process {
					display:block;
					// p{
					.send_process{
						display:block;
						&.link{
							display:table;
							height: 58px;
							a{
								display:table-cell;
								vertical-align:middle;
							}
						}
						&.help{
							padding:0 0 0 16px;
							display:block;
							// height: 58px;
							// a{
								// display:table-cell;
								// vertical-align:middle;
							// }
						}
						&.help_process{
							display:block;
							padding:0 16px 0 16px;
							margin: 26px 0 0;
							// position: relative;
							width: 100%;
							.help_notice{
								width:100%;
							}
						}
					}
					height: auto;
					padding:16px 0 16px 0;
				}
				.send_start,
				&.send_process .send_process{
					padding:0 0 0 80px;
				}
				.send_notice,
				.send_process{
					padding:0 0 0 16px;
				}
				.send_start,
				.send_notice,
				.send_process{
					vertical-align:middle;
					// height:34px;
					height:100%;
					width:100%;
					margin:0;
					// padding:0 0 0 80px;
					cursor:pointer;
					// padding:9px 0px 0px 0;
				}
				.send_start,
				&.send_start .send_notice,
				&.send_process .send_process{
					display:table-cell;
				}
				&.send_start .send_start,
				&.send_process .send_start,
				.send_notice,
				.send_process{
					display:none;
				}
				.send_process{
					float:none;
				}
				// &.send_notice .send_notice{
				// }
				// &.send_process .send_process{
				// }
			}
			#message-result{
				margin: 0;
				padding: 0;
				width:100% - 8.3%;
				#noty{
					display:none;
					text-transform:none;
					margin:22px 0 10px 0;
				}
			}
			#message-result #noty.noty-success{
				display:block;
				// color:@gray;
			}
			#message-result #noty.noty-error{
				display:block;
				// color:red;
			}
		}
		#prcs_form{
			margin:0 0 0 0;
			padding:0 0 6px 0;
			// width:(100% / 5) * 4;
			width:100%;
			tr{
				label{
					// .f_focus;
					margin:-6px 0 0 7px;
					padding:0;
				}
				.lib{
					label{
						padding-top:2px;
					}
				}
				width:auto;
				margin-right:24px;
				// &.rdv{
					// width:(100% / 4) * 3;
				// }
				// &.autre{
					// width:(100% / 4);
				// }
				float:left;
				overflow: hidden;
				height:28px;
			}
		}

		table{
			&.fomulaire {
				margin:0px;
				padding:0px;
				width: 100%;
			}
		}

		#prcs_form{
			label{
				// .f_focus;
				// color:@black;
			}
			.selected label{
				// color:@black;
			}
		}

		img{
			&.loader{
				display:none;
				cursor:pointer;
				pointer-events: auto;
				// width:20px;
				// height:20px;
				width:16px;
				height:16px;
				&.blank{
					display:block;
				}
			}
		}
		.selected{
			img{
				&.loader{
					display:block;
					&.blank{
						display:none;
					}
				}
			}
		}
	}
	.about.dynamic_title{
		width: @width_main_alt;
		margin: 16px @margin_main_alt 0 @margin_main_alt;
		height:106px;
		// position:relative;
		// h1{

		// }
	}
}

.book-form{
	input,textarea{
		margin:10px 0 0 0;
	}
	input{
		padding : 0 0 4px 0;
		width: 30%;
		// &.empty{
			// border: 1px solid red;
		// }
		&[type="submit"]{
			// background: transparent none repeat scroll 0 0;
			border: medium none;
			color: @pink;
			&:hover{
				color: @hover;
			}
			background: url("../imgs/icoretrait-p_@2x.png") no-repeat scroll 0px center transparent;
			cursor: pointer;
			display: block;
			// .f_title_h2;
			width:auto;
			// font: 15px/16px "FuturaStd-Bold",Arial,Helvetica,sans-serif;
			height: auto;
			// letter-spacing: 1px;
			margin: (@sep_u * 0.5) 0 (@sep_u * 0.5) 0;
			// padding: 0;
			padding: 2px 0 2px 68px;
			text-align: left;
			text-decoration: none;
			// text-transform: lowercase;
			line-height: 26px;
			font-size: 17px;
			font-family: 'GothamLight', Arial, Helvetica, sans-serif;
		}
	}
	textarea{
		// .grid_x2;
	    // border: @filet_small;
			padding : 6px 4px 6px 4px;
		&.empty{
			border: 1px dotted @pink;
		}
	}
	h2#noty,
	label.empty,
	input.empty,
	textarea.empty{
		color: @pink;
		// &.empty{
			border: 1px dotted @pink;
		// }
	}
	tr label.empty{
		border: 0px dotted @pink;
	}
}


.subscribe-form,
.contact-form{
	input,textarea{
		// margin:10px 0 0 0;
		.f_form_saisie;
	}
	input{
		padding : 4px;
		// width: 30%;
		// &.empty{
			// border: 1px solid red;
		// }
		&[type="submit"]{
			background: transparent none repeat scroll 0 0;
			border: medium none;
			color: @black;
			cursor: pointer;
			display: block;
			// .f_title_h2;
			width:auto;
			// font: 15px/16px "FuturaStd-Bold",Arial,Helvetica,sans-serif;
			height: 28px;
			// letter-spacing: 1px;
			// margin: 0;
			text-align: right;
			text-decoration: none;
			// text-transform: uppercase;
			background: url("../imgs/etiquette/puce.png") no-repeat scroll right center transparent;
			padding:0 22px 0 0;
			&:hover{
				color: @hover;
				background: url("../imgs/etiquette/puce_hover.png") no-repeat scroll right center transparent;
			}
		}
	}
	textarea{
		// .grid_x2;
	    // border: @filet_small;
		padding : 4px;
		// &.empty{
			// border: 1px solid @red;
		// }
	}
	input,textarea{
		&.empty{
			border: 1px solid @red;
		}
	}

	h2#noty,
	label.empty,
	input.empty,
	textarea.empty{
		color: @orange;
		// &.empty{
			// border: 2px dotted red;
		// }
	}
	tr label.empty{
		// border: 0px dotted red;
	}
// }

// .subscribe-form{
	button{
		padding : 4px;
		// width: 30%;
		// &.empty{
			// border: 1px solid red;
		// }
		&[type="submit"]{
			float:right;
			background: transparent none repeat scroll 0 0;
			border: medium none;
			color: @black;
			cursor: pointer;
			display: block;
			// .f_title_h2;
			width:auto;
			// font: 15px/16px "FuturaStd-Bold",Arial,Helvetica,sans-serif;
			height: 28px;
			// letter-spacing: 1px;
			// margin: 0;
			text-align: right;
			text-decoration: none;
			// text-transform: uppercase;
			background: url("../imgs/etiquette/puce.png") no-repeat scroll right center transparent;
			padding:0 22px 0 0;
			&:hover{
				color: @hover;
				background: url("../imgs/etiquette/puce_hover.png") no-repeat scroll right center transparent;
			}
		}
	}
}

// ///////////////////////
/* MAILPOET */
// ///////////////////////

#content.p_ctt_newsletter{
	.content.large{
		height: auto;
		min-height: @mosaic_y1;
	}
	.interact{
		background-color: @white;
		padding: 10px;
		margin-bottom: @sep_u * 2;
	}
	.page_title{
		// display: block;
		// overflow: hidden;
	}
	.informations {
		margin-top: 0;
	}
	.contact-form{
		display: inline-block;
		width: 100%;
		overflow: hidden;
	}
	.lgn{
		display: inline-block;
		height: auto;
		// margin: 0 0 18px @margin_main_alt;
		margin: (@sep_u / 2) 0 0 0;
		// width: @width_col_main_alt;
		width: 100%;
		// float:left;
		p.input-block{
			float:left;
			background:none;
			padding:0;
			margin-right:0;
			margin-bottom:18px;
			width: 50% - (8.3% / 2);
			&:first-of-type{
				width: 50% - (8.3% / 2);
				// height: 28px;
				margin-right:8.3%;
			}
			&:nth-of-type(3),
			&:nth-of-type(4),
			&:last-child{
				margin-bottom:18px;
				// margin-right:0;
				// width: 50% - (8.3% / 2);
				width: 100%;
			}
		}
	}
	p.input-block{
		position:relative;
	}
	p.textarea-block{
		background:none;
		padding:0;
		position:relative;
		width: 100%;
		margin: 18px 18px 0 0;
	}
	label{
		.f_form_legend;
		display: inline-block;
		height:28px;
		// color:@gray;
		&.active{
			color:@black;
		}
		&.empty{
			color:@alert;
		}
	}
	input,select{
		height:28px;
	}
	textarea{
		height:180px;
	}
	label,input,select,textarea{
		left: 0;
		top: 0;
		margin: 0;
		width:100%;
		resize: none;
	}
	input.mailpoet_submit,
	// input#send-message,
	input#send-suscribe{
		.f_mentions_legend;
		width:100%;
		// height:@sep_u;
		line-height:0px;
		padding:(@sep_u / 2) 0;
		text-transform:uppercase;
		margin: 0;
		// color:@black;
		color:@blue;
		// background-color:@white;
		background-color:transparent;
		text-align: left;
		// border:2px solid @black;
		border:0px solid white;
		-webkit-appearance: none;
		-webkit-border-radius:0;
		border-radius:0;
		&:hover{
			// background-color:@hover;
			color:@hover;
		}
	}
	.santejeunes{
		input.mailpoet_submit,
		input#send-message,
		input#send-suscribe{
			// .f_submit_alt;
			padding:0;
		}
	}
	button#send-suscribe{
		width:auto;
		.f_mentions_legend;
		text-transform:uppercase;
		margin: 0;
	}
	.validation{
		width:100%;
		margin:(@sep_u / 2) 0 (@sep_u / 2) 0;
	}
	// #send-message{
	// }
	#message-result{
		margin: 0;
		padding: 0;
		width:100%;
		// text-align:right;
		background:none;
		#noty,
		.noty{
			display:none;
			text-transform:none;
			// margin:@sep_u 0 10px 0;
			// margin:0 0 (@sep_u / 2) 0;
			margin:@sep_u 0 @sep_u 0;
			// .f_txt_courant;
			.f_txt_courant_strong;
		}
	}
	#message-result #noty.noty-success{
		// margin:0 0 10px 0;
		display:block;
		color:@blue;
	}
	#message-result #noty.noty-error{
		// margin:0 0 10px 0;
		display:block;
		color:@alert;
	}

	img{
		&.loader{
			display:none;
			cursor:pointer;
			pointer-events: auto;
			width:16px;
			height:16px;
			&.blank{
				display:block;
			}
		}
	}
}

/* form */
// .mailpoet_form {

// }

/* paragraphs (label + input) */
// .mailpoet_paragraph {
	// line-height:20px;
// }

/* labels */
// .mailpoet_segment_label,
// .mailpoet_text_label,
// .mailpoet_textarea_label,
// .mailpoet_select_label,
// .mailpoet_radio_label,
// .mailpoet_checkbox_label,
// .mailpoet_list_label,
// .mailpoet_date_label {
  // display:block;
  // font-weight:bold;
// }

/* inputs */
// .mailpoet_text,
// .mailpoet_textarea,
// .mailpoet_select,
// .mailpoet_date_month,
// .mailpoet_date_day,
// .mailpoet_date_year,
// .mailpoet_date {
  // display:block;
// }

// .mailpoet_text,
// .mailpoet_textarea {
  // width:200px;
// }

// .mailpoet_checkbox {
// }

// .mailpoet_submit input {
// }

// .mailpoet_divider {
// }

// .mailpoet_message {
// }


// .mailpoet_validate_success {
  // color:#468847;
// }

// .mailpoet_validate_error {
  // color:#B94A48;
// }

.content .mailpoet{
	.f_txt_courant;
	// background: url("../imgs/separator.png") no-repeat scroll left top transparent;
	padding-top:22px;
	p,h2{
		&:first-of-type{
			background:none;
			padding-top:0px;
		}
	}
}

.dynamic_content .content .subscribe_informations p:last-child{
	margin-bottom:0;
}
.dynamic_content .content .subscribe_informations .note{
	// .f_txt_note_alt;
	margin-top: -8px;
	color:@blue;
}
.mailpoet_form .input-block{
	label:after {
		content: " *"; // sans flex
		// display: inline-block; // sans flex
		// width: 100%; // sans flex
	}
	&:nth-of-type(3) label:after{
		content: "";
	}
}

.mailpoet_hp_email_label{
	display:none !important;
}
#mailpoet_validate_success,
#mailpoet_validate_error{
	display:none;
}
// .mailpoet_message.success #mailpoet_validate_success,
// .mailpoet_message.error #mailpoet_validate_error{
	// display:block !important;
	// color:@blue;
// }
.mailpoet_message.success #mailpoet_validate_success{
	display:block !important;
	color:@blue;
}
.mailpoet_message.process #send-suscribe,
.mailpoet_message.success #send-suscribe{
	display:none !important;
}
.mailpoet_message.error #mailpoet_validate_error{
	display:block !important;
	color:@red;
}


// gestion abonnement
// //////////////////////////
// #content .dynamic_content.form p.mailpoet_paragraph {
    // position: relative;
// }
// #content .dynamic_content.form .mailpoet p.mailpoet_paragraph {
    // background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    // float: left;
    // margin-bottom: 18px;
    // margin-right: 0;
    // padding: 0;
    // width: 45.85%;
// }
// #content .dynamic_content.form .mailpoet p.mailpoet_paragraph:first-of-type {
    // margin-right: 8.3%;
    // width: 45.85%;
// }
// .dynamic_content .content p.mailpoet_paragraph:last-child {
    // margin-bottom: @sep_u;
// }

#content{
	&.p_ctt_newsletter{
		// .page_title{
		// }
		// .informations {
			// margin-top: 0;
		// }
		// .contact-form{
			// display: inline-block;
			// width: 100%;
			// overflow: hidden;
		// }
		.mailpoet{
			display: inline-block;
			height: auto;
			// margin: 0 0 18px @margin_main_alt;
			// margin: (@sep_u / 2) 0 (@sep_u / 2) 0;
			margin: (@sep_u / 2) 0 0 0;
			// width: @width_col_main_alt;
			width: 100%;
			// float:left;
			p.mailpoet_paragraph{
				float:left;
				background:none;
				padding:0;
				margin-right:0;
				margin-bottom:18px;
				// width: 50% - (8.3% / 2);
				width: 100%;
				// margin-right:0;
				span[style="font-size:85%;"]{
					font-size:70% !important;
				}
				&:first-of-type{
					// width: 100%;
					// margin-right:0;
					strong{
						.f_form_saisie;
						text-transform: none;
						color:@black;
						margin: 12px 0 12px 0;
						padding: 0 0 4px 0;
						overflow: hidden;
						position: relative;
						display: inline-block;
						width: 100%;
						border-bottom: 2px solid @gray;
					}
				}
				&:nth-of-type(2),
				&:nth-of-type(3){
					width: 50% - (8.3% / 2);
					label:after {
						content: " *"; // sans flex
						// display: inline-block; // sans flex
						// width: 100%; // sans flex
					}
				}
				&:nth-of-type(2){
					margin-right:8.3%;
				}
				&:nth-of-type(3){
					margin-right:0;
				}
				&:last-child{
					// margin-bottom:18px;
					margin-bottom:(@sep_u / 2);
					// margin-right:0;
					// width: 50% - (8.3% / 2);
					width: 100%;
				}
			}
			label.mailpoet_checkbox_label{
				// height:28px;
				display: block;
				padding-left: 15px;
				text-indent: -15px;
				.f_form_saisie;
				text-transform: none;
				color:@black;
				margin: 6px 0 0 0;
				input {
					width: 18px;
					height: 18px;
					padding: 0;
					margin:0;
					vertical-align: bottom;
					position: relative;
					top: -1px;
					cursor:pointer;
				}
			}
			.mailpoet_select{
				margin: 6px 0 0 0;
			}
		}
		// label.mailpoet_segment_label{
			// &:after {
				// content: " *";
			// }
		// }
		p.mailpoet_paragraph{
			position:relative;
		}
		#recaptcha{
			margin: 26px 0 26px 0;
			position: relative;
			div:first-child{
				text-align: center;
				width: 100% !important;
			}
			// iframe,
			// iframe *{
				// width: 100% !important;
			// }
		}
	}
}

/* ASIDE */

#content{
	.description{
		position:relative;
		width: (@w_base_g1 * 7) + (@w_base_sep1 * 2);
		// height:auto;
		height:@h_diapo;
		// height:~"calc(98% - @{header_h} - @{top_m} - 110px)";
		overflow:hidden;
		// border:1px solid black;
		margin-bottom:32px;

		p img,
		div img,
		figure{
			display:none;
		}
		figure{
			&.big,
			&.large,
			&.mid,
			&.left{
			// &.alignnone{
				display:block;
			}
			height:@h_diapo - 34px;
			&.big{
				// width:100%;
				// margin:	26px 0 26px 0;
				height:auto;
				img{
					width:100%;
					height:auto;
					// height:100%;
				}
			}
			&.large{
				// width:100%;
				// margin:	26px 0 26px 0;
				// img{
					// height:100%;
				// }
				img{
					max-width:100%;
				}
			}
			&.mid{
				// width:90%;
				// margin:	26px 0 26px 0;
				img{
					max-width:316px;
				}
			}
			&.left{
				width:40%;
				float:left;
				margin:	6px 18px 12px 0;
			}
			width:(@w_base_g1 * 5) - @w_base_sep1;
			// float:left;
			position:absolute;
			left:@w_base_sep1;
			// left:0;
			// top:8px;
			top:0;
			img{
				display:block;
				width:auto;
				max-height: 100%;
				max-width: (@w_base_g1 * 5);
				margin:0 auto 0 auto;
				// position:fixed;
			};
			// p.caption{
				// width:100%;
				// margin:	6px 0 0 0;
				// .f_heavy_min_11;
				// color:#004952;
			// };
			p.caption{
				margin-left:auto;
				margin-right:auto;
				margin-top:8px;
				width: 100%;
			}
		}
		&.mode_galery{
			figure{
				display:none;
			}
		}
		p,h1,h2,header{
			margin-left:(@w_base_g1 * 5) + @w_base_sep1;
		}
	}
}


// /* DIAPORAMA */

.page_content{
	#diaporama{
		// height: 92%;
	}
}

#loader_diapo{
	left: 50%;
	margin: 0 auto;
	position: absolute;
	top: 50%;
	// display:none;
	// z-index:2000;
}

// #content,
// #content-plus{
	.mode_galery_off{
		// .type-post,
		#diaporama{
			// position:relative;
			// position:absolute;
			// left:0px;
			// top:0px;
			// height: 240px;
			// height: 100%;
			// max-height:910px;
			// margin-left:@margin_left_ctt;
			// margin-top: 20px;
			// margin-bottom: -20px;
			// width:(@w_base_g1 * 5) + 40px;
			// width: @width_ctt;
			// width:@width_main_alt;
			// margin-left:@margin_main_alt;
			// min-width:@max_width_ctt;
			// max-width:@max_width_ctt;
			// background-color:@white;
			background-color:transparent;
			position:relative;
			top:0px;
			left:0px;
			opacity:0;
			.layer_1;
			width:100%;
			.animation(opacity, ease, @anim_duration);
			#gallery_zoom div.caption{
				overflow: unset;
			}
			p img,
			div img{
			// .caption{
				display:none;
			}
			img.slidesjs-slide{
				display:block;
			}
			.caption p{
				// color:@white;
				// .f_txt_courant_alt;
				.f_img_caption;
				strong{
					// color:@orange;
					// .f_txt_courant_strong;
					// .f_menu_general;
					.f_img_caption_strong;
					// letter-spacing: 1px;
				}
				em{
					// color:@orange;
					.f_img_caption_italic;
				}
			}
			// &.onload{
				// background: url("../imgs/loader15.gif") no-repeat scroll center center @white;
				// background: url("../imgs/loader15.gif") no-repeat scroll center center transparent;
				// #loader_diapo{
					// display:block !important;
				// }
			// }
			.counter,
			.media-galery {
				display:none;
			}
			.media-galery {
				z-index:12000;
			}
			.counter{
				// .f_handwrite_1;
				color:@white;
				margin:6px 0 0 -52px;
				width:auto;
				top:0px;
				left:0px;
				position:absolute;
				.transform(rotate(-2deg));
				.pos,
				.total{
				}
			}
			@padding_size:40px;
			#gallery_zoom{
				div.caption{
					// left: @margin_main_alt !important;
					// left:@w_base_sep1 !important;
					height:@padding_size - 6px;
					left: 0px !important;
				}
				#slides {
					padding-bottom:@padding_size;
					.slidesjs-control{
						// width:98% !important;
						// width:~"calc(100% - (@{w_base_sep1} * 2))" !important;
						// width:~"calc(100% - 60px)" !important;
						width:100% !important;
						margin: 0 auto;
					}
					ul.slidesjs-pagination {
						// right:@w_base_sep1 !important;
						// right:@w_base_g1 + @w_base_sep1 !important;
						right: @margin_main_alt !important;
					}
					&:hover{
						a.slidesjs-navigation{
							opacity:1 !important;
						}
					}
					a.slidesjs-navigation{
						opacity:0 !important;
						height: 24px;
						width: 24px;
						top:50%;
						margin-top:-(@padding_size / 2);
						&.slidesjs-next,
						&.slidesjs-previous{
							// left: 4px;
							span.picto{
								display: inline-block;
								height: 100%;
								width: 100%;
								margin: 0;
								padding: 4px 5px 0 5px;
								// position: absolute;
								background: none;
								background-color:@canard;
								border-radius:50%;
								// &::before {
									// .f_gallery_navigation;
									// font-size: 22px;
									// color:@white;
								// }
								.svg-container{
									padding-top: 2px;
									margin: 0 auto 0 auto;
									text-align: left;
									width: 8px;
									height: 8px;
								}
								svg.svg-content {
									fill: #ffffff;
									position: relative;
									width: 8px;
									height: 12px;
								}
								&:hover{
									background-color:@hover;
								}
							}
						}
						&.slidesjs-next{
							// height: 88%;
							// margin: 0;
							right: 6px;
							// right: 0px;
							span.picto{
								// background: transparent url("../imgs/nav-suiv.png") no-repeat scroll right center;
								padding-right:3px;
								// &::before {
									// content: ">";
								// }
							}
						}
						&.slidesjs-previous{
							left: 6px;
							// left: 0px;
							span.picto{
								padding-left:3px;
								// &::before {
									// background: transparent url("../imgs/nav-prev.png") no-repeat scroll right center;
									// content: "<";
								// }
							}
						}
					}
				}
			}
			&:last-child{
				// margin-bottom:62px;
				// margin-bottom:@sep_u;
			}
			height:380px;
			max-height:380px;
			&.free{
				position:absolute;
				top:210px;
				left:0px;
				max-height:910px;
				height:90%;
				.calc(height, ~"100% - ", (210px)) !important;
				width:@width_main;
				margin-left:@margin_main;
				.counter,
				.media-galery {
					display:block;
				}
			}
		}
		.content_container{
			opacity:1;
			.layer_10;
			.animation(opacity, ease, @anim_duration);
		}
		&.onshow{
			// .calc(height, ~"100% - ", (180px)) !important;
			#diaporama{
				opacity:1;
				.layer_10;
			}
			.content_container{
				*{
					opacity:0;
				}
				.separator,
				.separator *{
					opacity:1;
				}
				.layer_1;
			}
			.read_more{
				display:none;
			}
			// &.mode_selfie #diaporama{
				// opacity:0;
				// .layer_1;
			// }
		}
	}
// }


/* VIDEO */

.page_content{
	p.video,
	.video{
		height: 100%;
		// height: 86%;
		// width:(@w_base_g1 * 5) + 40px;
		// overflow: hidden;
	}
	p.video{
		// width:(@w_base_g1 * 5) + 40px;
		width:100%;
	}
	.video-embed {
		position: relative;
		padding-bottom: 56.25%;
		padding-top: 30px;
		height: 0;
		overflow: hidden;
		margin-bottom: 1em;
	}
	.video-embed iframe,
	.video-embed object,
	.video-embed embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}	
}
.p_ctt_actu,
.p_ctt_formation,
.p_activity{
	.page_content{
		p.video,
		.video{
			height: 100%;
			// height: 86%;
			// width:(@w_base_g1 * 5) + 40px;
			// overflow: hidden;
		}
		p.video{
			// width:(@w_base_g1 * 5) + 40px;
			width:100%;
		}
	}
	.dynamic_content.full p.video {
		position: relative;
		left: 0px;
		top: 0px;
		margin: 0px !important;
		width: 100%;
		max-height: 910px;
		height: auto;
		background-color: transparent;
		// position: relative;
		// display: block;
		// overflow: hidden;
		// &:before {
			// display: block;
			// content: "";
			// padding-top: 56.25%;
		// }
		// iframe {
			// position: absolute;
			// top: 0;
			// bottom: 0;
			// left: 0;
			// width: 100%;
			// height: 100%;
			// border: 0;
		// }	
		// position: relative; 
		// padding-bottom: 56.25%; 
		// height: 0; overflow: hidden; 
		// max-width: 100%; 
		// iframe, 
		// object, 
		// embed { 
			// position: absolute; 
			// top: 0; left: 0; 
			// width: 100%; 
			// height: 100%; 
		// }
	}	
}
// for progress bar:
// .tcvpb-videoWrapper-vimeo .player .controls{
   // display: none !important;
// }
// vimeo share button
// .tcvpb-videoWrapper-vimeo .player .sidedock .share-button{
    // display: none !important;
// }
// and for recommended videos when the video has ended:
// .tcvpb-videoWrapper-vimeo .player .outro .video-section{
    // display: none !important;
// }

.dynamic_content.full{
	p.video{
		position:relative;
		left:0px;
		top:0px;
		margin:0px !important;
		// margin:20px 0 0 0;
		width:(@w_base_g1 * 5) + 40px;
		width: 100%;
		max-height:910px;
		// height: 100%;
		height: 300px;
		background-color: @gray2;
		&:last-child{
			margin-bottom: @sep_u * 1.5 !important;
		}
		iframe{
			width: 100%;
			// width:(@w_base_g1 * 5) - 40px;
			// width:~"calc(100% - (@{w_base_sep1} * 2))" !important;
			// margin: 0 40px 0 40px;
			margin:20px 0 0 0;
			// height:100% !important;
		}
		&.onload{

		}
	}
	.p_ctt_history{
		.call-to-action{
			height: 100px;
			width: 100px;
			position: absolute;
			margin-left: -50px;
			left: 50%;
			top: 50%;
			margin-top: -50px;
			text-align: center;
			.transform(rotate(90deg));
			z-index: 2;
			.play{
				opacity: 0;
				.animation(opacity, ease, @anim_duration);
				display : inline-block;
				height : 0;
				width : 0;
				border-right : 40px solid transparent;
				border-bottom : 60px solid @white;
				border-left : 40px solid transparent;
				top: 50%;
				left: 50%;
				position: absolute;
				margin: -30px 0 0 -40px;
				cursor: pointer;
			}
		}
		.type-video{
			&.loaded{
				.call-to-action{
					display:none;
				}
				p.video{
					.call-to-action{
						display:block !important;
					}
				}
			}
		}
		p.video{
			height: auto;
			max-height: 460px;
			.media_link{
				display: block;
				width: 100%;
				height: 100%;
				opacity: 1;
				.animation(opacity, ease, @anim_duration);
				z-index: 1;
			}
			.thumb{
				display: block;
				// background-size: contain;
				width: 100%;
				height: 100%;
			}
			iframe{
				margin:0 0 0 0;
				opacity: 0;
			}
			&.loaded{
			// &.preview{
				background-color: black;
				&:hover{
					.media_link{
						opacity: 0.5;
					}
					.call-to-action{
						// display:none !important;
						.play{
							opacity: 0.8;
						}
					}

				}
			}
			&.loaded{
				// background-color: black;
				iframe{
					opacity: 1;
				}
			}
		}
		.list-history{
			p.video{
				width: 80%;
			}
			.type-video{
				p.video{
					width: 100%;
				}
			}
		}
	}
	.help_action{
		// position:absolute;
		// bottom:0px;
		margin:12px 0 16px 0;
		// height:42px;
		// width:160px;
		width:auto;
		// padding:0 16px 0 0;
		padding:0 16px 0 22px;
		// border:1px solid blue;
		// float:right;
		// right:0px;
		display: inline-block;
		background: transparent url("../imgs/regarder_b.png") no-repeat scroll left 2px;
		// &:hover{
			// background: transparent url("../imgs/regarder_o.png") no-repeat scroll left 2px;
		// }
	}

}
#desktop-plus #content-plus .dynamic_content p.video{
	padding:0px;
}

.video{
	// position:relative;
	position:absolute;
	left:0px;
	top:0px;
    // height: 240px;
    height: 100%;
	max-height:910px;
	// margin-left:@margin_left_ctt;
	// margin-top: 20px;
	// margin-bottom: -20px;
	width:(@w_base_g1 * 5) + 40px;
    // width: @width_ctt;
	// min-width:@max_width_ctt;
	// max-width:@max_width_ctt;
	// background-color:@white;
	background-color:transparent;
	&.onload{
		// background: url("../imgs/loader15.gif") no-repeat scroll center center @white;
		// background: url("../imgs/loader15.gif") no-repeat scroll center center transparent;
		// #loader_video
			// display:block !important;
		// }
	}

	// HACK VIDEO

	.video-js {
		// .slidesjs-control{
			// width:98% !important;
			width:~"calc(100% - (@{w_base_sep1} * 2))" !important;
			margin: 0 auto;
			text-align: center;
			height:100% !important;
		// }
		// ul.slidesjs-pagination{
			// right:@w_base_sep1 !important;
		// }
	}

}

.wp-video{
	width:100% !important;
	// max-height:910px;
	// height: 100%;
	// height: 300px;
	margin-bottom:(@sep_u / 2);
	video{
		width:100% !important;
		height:auto;
	}
}

/* ARCHIVES */


.single{
	// #top{
		// height: 162px;
	// }
}

.archive, .search{
	#content{
		// h1{
			// a{
				// color:@purple;
				// &:hover{
					// color:@green;
					// text-decoration:underline;
				// }
			// }
			// &.special{
				// margin: 0 0 26px 0;
				// &.color{
					// color:@orange;
				// }
			// }
		// }
		// h2{
			// &.color{
				// color:@purple;
				// &.blank_page{
					// color:@orange;
				// }
				// a{
					// color:@purple;
					// text-decoration:none;
				// }
			// }
		// }
		// .article_content{
			// p{
				// &.filet{
					// border-bottom :@filet_small;
					// display:none;
				// }
				// &.img{
					// display:none;
				// }
				// &.more_link{
					// text-align:right;
					/* margin: 0 0 0 0; */
					// margin: 26px 0 -26px;
				// }
				// a.more_link {
					// .f_txt_courant_strong;
					// text-decoration:none;
					// &:hover{
						// text-decoration:underline;
					// }
				// }
				// &:empty{
					// display:none;
				// }
			// }
			// img{
				// display:none;
			// }
		// }
		// p.filet.small:last-of-type{
			// display:none;
		// }
		// a{
			// &.search{
				// color:@orange;
				// &:hover{
					// color:@green;
				// }
			// }
			// span.search-term{
				// color:@orange;
			// }
			// &:hover span.search-term{
				// color:@green;
			// }
		// }

	}
}

#actu .nav_single{
	// overflow:hidden;
	// width:100%;
	// padding:77px 0 0 0;
	// p{
		// &.line_break{
			// width:100%;
			// overflow:hidden;
			// margin: 0 0 26px;
		// }
	// }
	// div{
		// &.list_actus{
			// li{
				// margin:2px 0 0 0;
			// }
			// .list_group{
				// .grid_x4;
				/* margin-left: @grid_x3_m; */
				// &:first-child{
					// margin-left: 0px;
				// }
			// }
			// p.line_break + div.list_group{
				// margin-left: 0px;
			// }
		// }
		// &.archives{
			/* .multicolumn(@goutiere_pix,3); */
		// }
	// }
	// &.archives{
		// padding:46px 0 77px 0;
		// div{
			// display:none;
		// }
		// h2.archives{
			/* .f_heavy_14; */
			// text-transform: inherit;
		// }
	// }
	// h2{
		// span{
			// cursor: pointer;
			// &:hover{
				// color:@green;
			// }
		// }
		// .f_txt_courant_strong;
		// text-transform: uppercase;
		// margin:0 0 26px 0;
	// }
	// h3{
		/* .f_heavy_14; */
	// }
	// a{
		/* .f_book_12; */
		// color:@purple;
		// &:hover{
			// text-decoration:underline;
			// color:@green;
		// }
	// }

}


.separator{
	position: relative;
	width: @width_utile;
	margin: (@sep_u * 3) @margin_utile @sep_u @margin_utile;
	height:18px;
	display:inline-block;
	// .filet{
	// 	width: @width_main;
	// 	margin: 9px @margin_main 0 @margin_main;
	// 	background-color: @black;
	// 	border-radius: 100px;
	// 	height: 3px;
	// 	position:absolute;
	// }
	// .about{
	// 	margin: 0 auto 0 auto;
	// 	position: absolute;
	// 	width: 100%;
	// 	text-align:center;
	// 	p,h1,h2{
	// 		// color:@orange;
	// 		background-color:@white;
	// 		// padding: 0 26px;
	// 		// text-align:center;
	// 		display: inline-block;
	// 		padding: 0 54px;
	// 		width: auto;
	// 	}
	// 	.single_cat{
	// 		font-size:0px;
	// 		width:0px;
	// 		height:0px;
	// 		overflow:hidden;
	// 		margin: 0;
	// 		padding:0;
	// 		opacity:0;
	// 	}
	// }
	// &.strong{
		// .filet{
			// position:relative;
		// }
		// .about{
			// position:relative;
			// height: auto;
			// margin: 0 0 42px 0;
			// p{
				// color:@purple;
				// text-transform: none;
			// }
		// }
	// }
	// &.empty{
		// height:auto;
		// .about{
			// margin: 0 0 30px 0;
		// }
		// .filet{
			// display:none;
		// }
	// }
}

#content,
#desktop-plus{
	.separator .about{
		&.focus,
		&.agenda{
			display:none;
		}
	}
	&.agenda{
		.separator .about{
			display:none;
			&.agenda{
				display:block;
			}
		}
	}
	&.focus{
		.separator .about{
			display:none;
			&.focus{
				display:block;
			}
		}
	}
	#bloc_menu{
		display:none;
	}
	&.agenda,
	&.focus{
		.separator.read_more .about{
			display:block;
		}
	}
}

#content,
#content-plus{
	.separator{
		width: 100%;
		margin: (@sep_u * 4) 0 @sep_u 0;
		&.read_more{
			margin-top:0px;
		}
		.filet{
			width: 100%;
			margin: 9px 0 0 0;
		}
	}
}
#content{
	&.singular,
	&.general{
		.separator{
			margin-top: 12px;
			margin-bottom: 12px;
		}
	}
	&.singular,
	&.general{
		.separator .about{
			&.focus,
			&.agenda{
				display:none;
			}
			display:block;
		}
	}
	// &.agenda{
		// .separator .about{
			// &.agenda{
				// display:block;
			// }
		// }
	// }
	// &.focus{
		// .separator .about{
			// &.focus{
				// display:block;
			// }
		// }
	// }
}
#actu.agenda{
	.separator{
		margin-top: 12px;
	}
}
// .separator{
	// height: 24px;
	// position: absolute;
	/* position: relative; */
	// text-align: center;
	// .filet{
		// height: 1px;
		// margin: 0;
		// position: absolute;
		// top: 50%;
		// width: 100%;
		// border-bottom:1px solid @black;
	// }
	// .about{
		// height: 16px;
		// margin: 4px auto 0 auto;
		// position: absolute;
		// width: 100%;
		// text-align:center;
		// p{
			// display: inline-block;
			// padding: 0 10px;
			// width: auto;
		// }
	// }
// }



/* BLOC FOOTER / MENTIONS */
// #footer{

// footer{
	// position:absolute;
	// top:40%;
	// // margin: 20% 0 0 0;
	// width:@margin_left_ctt;
	// height:auto;
	// text-align:left;
	// z-index:5;
	// div{
		// margin-left:@margin_left_sdb;
	// }
// }

#planmentions{
	position:relative;
	// position:absolute;
	// float:left;
	margin: 0 0 0 0;
	// padding-top: @sep_u;
	// width:@width_ctt + @margin_left_sdb;
	width:@width_principal;
	// height:@pmention_h;
	text-align:left;
	// top:0px;
	// bottom:0px;
	// left:0px;
	.layer_10;
	// background-color:@white;
	// position:fixed;
	// bottom:0px;
	overflow: hidden;
	// display:block;
	&.free{
		position:relative;
		bottom:auto;
	}
	// p{
		// float:left;
	// }
}

@footer_h: 130px;

.informations{
	// width:@width_utile;
	width: @width_col_utile * 2;
	margin: 0 0 (@sep_u * 2) @margin_utile;
	padding: 0 12px 16px 12px;
	// overflow: hidden;
	// height:auto;
	height:@footer_h;
	background-color: @blue;
	position:relative;
	float: left;
	display: table;
	.f_links_content,
	.all_informations{
		display: table-cell;
		vertical-align: bottom;
	}
	.f_links_content{
		text-align: right;
	}
}
.all_informations{
	width: 65%;
	// width: @width_main;
	// margin: 0 @margin_main 0 @margin_main;
	// overflow: hidden;
	// height:auto;
	a,.email{
		cursor:pointer;
		color: @white;
		&:hover{
			color: @hover2;
		}
	}
}
.f_links_content{
	// overflow: hidden;
// 	// background-color: @blue;
// 	p{
// 		a,span{
// 			// margin-left:2px;
// 			color:@white;
// 			&:hover{
// 				color:@hover2;
// 			}
// 		}
// 		&.credits{
// 		// 	display:table;
// 		// 	span{
// 		// 		margin-left:0px;
// 		// 		vertical-align:middle;
// 		// 	}
// 		}
// 	}
}

.vcard{
	// width:25%;
	// position:absolute;
	// height:100%;
	// padding:76px 0 0 82px;
	// bottom: 0px;
	// &:nth-child(1){
	// 	z-index:5;
	// 	left:0px;
	// 	margin:15px 0 0 0;
	// }
	// &:nth-child(2){
	// 	z-index:4;
	// 	left:29.6%;
	// 	margin: 0 0 0 -5.8%;
	//
	// }
	// &:nth-child(3){
	// 	z-index:3;
	// 	left:29.6% * 2;
	// 	margin: 22px 0 0 (-5.8% * 2);
	// }
	// &:nth-child(4){
	// 	z-index:2;
	// 	float:right;
	// 	margin:15px 0 0 0;
	// 	right:0px;
	// }
	p{
		// &#social,
		// &#hours-summer{
		// 	margin:12px 0 0 0;
		// }
		// &#social{
		// }
	}
}
// .fd_vcard{
	// width: 100%;
	// position:absolute;
	// top:0;
	// left:0;
	// .layer_10;
	// .fd{
		// width: 25%;
	// }
// }

#content .dynamic_content{
	.informations{
		margin: @sep_u 0 0 0;
	}
}
#content-plus .dynamic_content{
	.informations{
		margin: @sep_u 0 0 0;
	}
}

#content .dynamic_content,
#content-plus .dynamic_content{
	.informations{
		width:100%;
		// margin: 0 @margin_main_alt 0 @margin_main_alt;
		// margin: @sep_u 0 0 0;
		height:auto;
		// position:relative;
		overflow:hidden;
		&+ .separator{
			margin-top:@sep_u;
		}
	}
	.all_informations,
	.subscribe_informations{
		width: 100%;
		a,.email{
			// cursor:pointer;
			color: @black;
			&:hover{
				color: @hover;
			}
		}
	}
	.subscribe_informations{
		h2,p{
			width:@width_main_alt;
			margin: 0 @margin_main_alt (@sep_u * 2) @margin_main_alt;
		}
		h2{
			margin-bottom:12px;
		}
		p:last-child{
			// margin-bottom:20px;
		}
	}
	.subscribe-form{
		width: 100%;
		height: auto;
	}
	.vcard{
		position: relative;
		padding: 0;
		background: none;
		height:auto;
		&:nth-child(1){
			// z-index:5;
			left:0px;
			margin:0 0 0 @margin_main_alt;
			width:@width_col_main_alt;
		}
		&:nth-child(2){
			// z-index:4;
			left:0px;
			margin: 0 0 0 @margin_main_alt;
			width:@width_col_main_alt;
		}
		&:nth-child(3){
			// z-index:3;
			left:0px;
			margin: 0 0 0 @margin_main_alt;
			width:(@width_col_main_alt * 2) + @margin_main_alt;
		}
		p:last-child {
			margin-bottom: 20px;
		}
	}
}

#partenaires{
// #partenaires{
	position:relative;
	// position:absolute;
	// bottom:@pmention_h + 10%;
	// bottom:@pmention_h;
	margin: 0px;
	// min-height:30px;
	height:@footer_h;
	// width:@w_base_g1 + @margin_left_sdb;
	// width:@width_principal;
	// width:@width_utile;
	width:@width_col_utile * 2;
	margin: 0 @margin_utile 0 0;
	// float:left;
	// .layer_10;
	// .layer_10;
	float: left;
	background-color:@white;
	// p{
		// margin-left:@margin_left_sdb;
	// }
	// padding: 0 12px 16px 12px;
	.layer_10;
	.f_links_content{
		position: absolute;
		bottom: 0px;
		display: table;
		margin: 0 12px 16px 12px;
		.owner,
		.webmaster,
		.ctt_authors{
			&:before {
				content: "© ";
			}
		}
		p.credits{
			width: 100%;
			&:first-of-type{
				display:none;
			}
			display: table-cell;
			vertical-align: bottom;
		}
	}
}
.p_activity{
	.informations{
		width: @width_col_utile * 3;
	}
	#partenaires{
		width:@width_col_utile * 1;
		.f_links_content{
			display:block;
			.ctt_authors{
				// display:block;
				display:none;
			}
			.owner,
			.webmaster,
			.ctt_authors{
				&:before {
					content: "";
				}
			}
			p.credits{
				display:block;
				&:first-of-type{
					display:block;
					span:before {
					  content: "© ";
					}
				}
				&:last-of-type{
					display:none;
				}
			}
		}
	}
}

// .about_curator{
	// position:absolute;
	// width:@width_main;
	// margin: 0 @margin_main 0 @margin_main;
	// top:0px;
	// left:0px;
// }
.curator{
	// width:@width_main_alt;
	// margin: 0 @margin_main_alt 0 @margin_main_alt;
	// width:@width_main_strict;
	// margin: 0 @margin_main_strict 26px @margin_main_strict;
	// width:@width_main;
	// margin: 20px @margin_main 0 @margin_main;
	overflow: hidden;
	width: 100%;
	margin-top: 20px;
	height:68px;
	padding: 0 12px 0 12px; // OLD ID
	// display:table; // OLD ID
	// padding: 0 12px 2px 12px; // OLD ID
	display: flex; // NEW ID
	align-items: flex-end; // NEW ID
	// align-items: flex-start; // NEW ID

	.logotype{
		// width:100%;
		// height:92px;
		position:relative;
		// margin:0;
		// display:table-cell;
		// text-align:center;
		text-align:left;
		vertical-align: bottom;
		float:left;
		// margin: 0 12px 0 0;
		// margin: 0 3% 0 0;
		margin: 0 5% 0 0;
		// height:184px / @coef_size_logo;
		// height:42px;
		height:34px;
		&.line_breack{
			clear: both;
		}
		img{
			// width:100%;
			// height:auto;
			width:auto;
			height:100%;
			border:0px;
		}
		a{
			display:inline-block;
			height:100%;
		}
		// @coef_size : 1;
		// &.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);
		// }

	}
	// .first{
		// right:50%;
		// margin-right:@w_col_7G / 2;
		// .logotype{
			// background: url("../imgs/logo-gesica.png") no-repeat scroll top center transparent;
		// }
	// }
	// .last{
		// left:50%;
		// margin-left:@w_col_7G / 2;
		// .logotype{
			// background: url("../imgs/logo-lecap.png") no-repeat scroll top center transparent;
		// }
	// }
}

/* Desktop btns */


.nav_title{
	display:none;
}


.desktop-btns {
	// display: block;
	display: none;
	// position: absolute;
	// top: 0;
	// left: 0;
	// height: 70px;
	// width: 70px;
	z-index:500;
	&.dynamic{
		float: right;
		position: absolute;
		right: @margin_main;
		bottom:0;
		&.close{
			// margin:82px 0 0 0;
			margin:0 @margin_main_alt 10px 0;
			span{
				background: url("../imgs/etiquette/puce.png") no-repeat scroll right center transparent;
				height: 56px;
				padding: 28px 28px 28px 28px;
			}
			a{
				.f_bttn_read_more;
				color:@black;
				&:hover{
					color:@hover2;
					// span{
						// background: url("../imgs/etiquette/puce_active.png") no-repeat scroll left center transparent;
					// }
				}
			}
		}
		&.back{
			margin:66px 120px 0 0;
		}
		&.form{
			margin:12px 120px 0 0;
			position: relative;
			float: left;
			width:100%;
		}
	}
}
.forms .desktop-btns {
	&.dynamic{
		&.close{
			span{
				background: url("../imgs/strokes/close_bttn_w.png") no-repeat scroll left center transparent;
			}
		}
	}
}
a#desktop-open-btn{
	&:hover::before {
		background: url("../imgs/plus_hover.png") no-repeat scroll left center transparent;
	}
	&::before {
		// /*background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
		// content: "";
		// left: 0;
		// top: 25px;
		// font: 21px/1 "Genericons";
		// height: 70px;
		// width: 70px;*/
		content: " ";
		display: block;
		top: 30px;
		left: 33px;
		height: 28px;
		width: 28px;
		// background: url("../imgs/plus_open.png") no-repeat scroll left center transparent;
		position: absolute;
		vertical-align: top;
	}
}

.info-open a#desktop-open-btn{
	// &:hover::before {
		// background: url("../imgs/plus_close_hover.png") no-repeat scroll left center transparent;
	// }
	// &::before {
		// top: 13px;
		// left: 33px;
		// height: 22px;
		// width: 22px;
		// background: url("../imgs/plus_close.png") no-repeat scroll left center transparent;
	// }
}

// a#desktop-open-btn:hover::before,
// .info-open a#desktop-open-btn:hover{
	// background: url("../imgs/plus_hover.png") no-repeat scroll left center transparent;
// }

a#desktop-open-btn {
	width: 70px;
	height: 70px;
	display: block;
	text-align: center;
	background: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10000;
	color: #000;
	// /*transform-origin: center center;
	// -moz-transform: rotate(45deg);
	// -webkit-transform: rotate(45deg);
	// -o-transform: rotate(45deg);
	// -ms-transform: rotate(45deg);
	// transform: rotate(45deg);
	// -webkit-transition: color linear 0.1s;
	// -moz-transition: color linear 0.1s;
	// -o-transition: color linear 0.1s;
	// transition: color linear 0.1s;*/
}
.info-open a#desktop-open-btn {
	// -moz-transform: rotate(90deg);
	// -webkit-transform: rotate(90deg);
	// -o-transform: rotate(90deg);
	// -ms-transform: rotate(90deg);
	// transform: rotate(90deg);
}
a#desktop-open-btn span,
a#desktop-close-btn span {
    // opacity: 0;
}
a#desktop-close-btn {
	// position: fixed;
	// top: 0;
	// left: 0;
	// width: 70px;
	// height: 70px;
	// background: none;
	// color: #000;
	// opacity: 0;
	// margin: 0;
	// text-align: center;
	z-index: 1000;
	// -webkit-transition: all ease @anim_duration;
	// -moz-transition: all ease @anim_duration;
	// -o-transition: all ease @anim_duration;
	// transition: all ease @anim_duration;
	.animation(all, ease, @anim_duration);
	// &:hover ~ a#desktop-open-btn::before {
		// background: url("../imgs/plus_close_hover.png") no-repeat scroll left center transparent;
	// }
}

// /*a#desktop-open-btn:before {
	// content: '\f406';
	// display: block;
	// position: absolute;
	// width: 70px;
	// height: 70px;
	// top: 25px;
	// left: 0;
	// -webkit-font-smoothing: antialiased;
	// font: normal 21px/1 'Genericons';
	// background: none;
	// vertical-align: top;
// }*/
.info-open a#desktop-close-btn {
	// display: block;
	// z-index: 100000;
	// &:hover{
		// background: url("../imgs/plus_close_hover.png") no-repeat scroll left center transparent;
	// }
}

// .info-open{
	// overflow: hidden;
	// .desktop-btns{
		// display: block;
		// a#desktop-close-btn{
			// &.home{
				// display: none;
			// }
		// }
	// }
	// #top.singular,
	// #top.general{
		// .desktop-btns{
			// a#desktop-close-btn{
				// display: block;
				// &.home{
					// display: none;
				// }
			// }
		// }
		// &.stay{
			// .desktop-btns{
				// display: block;
			// }
		// }
	// }
// }
#top.singular,
#top.general{
	.desktop-btns{
		display: block;
		a#desktop-close-btn{
			display: none;
			&.home{
				display: block;
			}
		}
	}
	&.stay{
		.desktop-btns{
			display: none;
		}
	}
}

#desktop-plus,
.info-close #desktop-plus{
	display:none;
}
// .info-open #desktop-plus{
	// display:block;
// }
// .info-open #desktop-plus #bloc_menu{
	// display:none;
// }

.info-open #top{
	 // height:@topstay_h + 60px;
	// .layer_200;
	// #logo{
		// display:none;
	// }
}

/* PLANNING */

#desktop-plus{
	// /*background-color:blue;*/
	width:@width_principal;
	height:@desktop_h;
	.layer_100;
	// position: absolute;
	position:fixed;
	// div{
		// position: absolute;
	// }
	#planmentions{
		display:none;
	}
}
// #desktop-plus #sidebar_ctt{
	// display:none;
	// height:@desktop_h;
	// background-color:@purple;
	// z-index:60;
	// padding: (@margin_top_menu + 170px) 0 0 0;
	// margin:0 0 0 0;
	// h1,h2,p{
		// width: @width_dksdb;
		// color:#ffffff;
	// }
	// p{
	// }
	// h1{
	// }
// }
#desktop-plus #content-plus{
	// width: @width_dkctt;
	// margin: @margin_top_menu 0 0 @margin_left_dkctt;
	z-index:40;

	// position:relative;
	position:fixed;
	// margin:20px 0 0 0;

	// /* FULL PAGE */
	// height: 100%;
	// padding-top: @top_h;
    // margin-top: 0px;

	// /* AJUSTÉ */
	height:98%;
	// height: ~"calc(100% - @{top_m} - @{pmention_h})";
	height: ~"calc(100% - 16px)";
	// margin-top: @top_m;
	overflow:hidden;
	// margin: 16px @margin_main 0 @margin_main;
    // width: @width_main;
	margin: 16px @margin_utile 0 @margin_utile;
    width: @width_utile;
	// margin: 16px 0 0 0;
    // width: 100%;
	top:0px;
	left:0px;

	p{
		// margin:48px 0 0 0;
		// color:@purple;
	}
}

#desktop-plus{
	.fd{
		// /*width:100%;
		// margin-left:313px;*/
		// width: 98.6%;
		width: 100%;
		height:@desktop_h;
		.layer_10;
		background-color:@white;
		position:fixed;
		bottom:0px;
	}
}

#desktop-plus .process{
	// .fd{
		// background-color:@white;
	// }
	#content-plus{
		// background-color:@gray;
		// border-bottom: 16px solid @black;
	}
}
#desktop-plus .forms{
	// .fd{
		// background-color:@white;
	// }
	#content-plus{
		// background-color:@black;
		// border-bottom: 16px solid @yellow;
	}
	// *{
		// color:@gray;
	// }
}


// #desktop-plus .fd,
// #desktop-plus #sidebar{
	// opacity:0.94;
	// filter:alpha(opacity=94);
	// opacity:0.94;
	// -moz-opacity:0.94;
// }
// #desktop-plus #sidebar_ctt{
	// /*margin:194px 0 0 33px;*/
	// margin:0 0 0 0;
	// opacity:0.90;
	// filter:alpha(opacity=90);
	// opacity:0.90;
	// -moz-opacity:0.90;
// }

.scroll{
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	height: @desktop_h;
	width: 100%;
	// overflow-y: scroll;
	// -webkit-overflow-scrolling: touch;
}


// #desktop-plus{
	// .scroll {
		// div{
			// p,h1,h2,img,a,a:hover,input{
				// color:white;
			// }
		// }
		// bottom: 0;
		// height: 100%;
		// overflow: auto;
		// position: fixed;
		// top: 0;
		// // background-color: @purple;
		// .fd{
			// opacity: 1;
			//  // background-color: transparent;
			// width:100%;
			// height:100%;
		// }
	// }
// }


/* fond desktop scroll */

// #fd_bttn{
	// position:absolute;
    // width: @margin_left_ctt - 96px;
	// height: 72px;
    // margin: 0 0 0 29px;
	// z-index: 400;
	// color: @purple;
	// .animation(all, ease, 1s);
	// display:none;
	// opacity: 0.0;
    // filter: alpha(opacity=0);
// }
// .info-open #fd_bttn{
	// display:block;
	// opacity: 1.0;
    // filter: alpha(opacity=100);
	// &.nav{
		// background-color: @purple;
		// border-bottom: 1px solid #5C2C59;
	// }
// }
// .info-close #fd_bttn{
	// display:none;
	// &.nav{
		// background-color: transparent;
		// border-bottom: 0px solid #5C2C59;
	// }
// }


/* PLANNING */
// #content-plus {
    // margin-left: 348px;
    // width: 880px;
    // height: 2000px;
    // height: 80%;
    // z-index: 40;

	// position:relative;
	// position:absolute;
	// margin:20px 0 0 0;

	// /* FULL PAGE */
	// height: 100%;
	// padding-top: @top_h;
    // margin-top: 0px;

	// /* AJUSTÉ */
	// height: ~"calc(100% - @{top_m} - @{pmention_h})";
	// margin-top: @top_m;
	// overflow:hidden;
	// margin-left: @margin_left_sdb + @w_base_g1;
    // width: @width_ctt;

// }
// #content-plus img.planning.lun {
    // margin: 30px 0 0 -5px;
// }
// #content-plus img.planning {
    // float: left;
    // height: 839px;
    // margin: 30px 0 0;
    // width: 144px;
// }
// #content-plus img {
    // width: 880px;
    // position: relative;
// }
// #content-plus {
	// img{
		// &.planning.end{
			// float: none;
			// width: 21px;
			// &.min {
				// display:none;
			// }
		// }
	// }
// }

// #content-plus img.planning.end {
    // float: none;
    // width: 21px;
// }


#desktop-plus{
	#content-plus{
		.dynamic_content{
			// width:@width_ctt;
			// width: @width_main + 17px;
			// width:104%;
			// width:~"calc(@width_utile + 17px)";
			// margin:(@sep_u * 2) @margin_utile  0 @margin_utile ;

			width:102%;
			width:~"calc(100% + 17px)";
			padding: 0 @margin_main 0 @margin_main;
			// .calc(padding-right, ~"@{margin_main} + ", (17px));


			// margin: 16px @margin_utile 0 @margin_utile;
			// width: @width_utile;
			// width:~"calc(84.53% + 17px)";
			.content_container{
				// width: @width_main;
				// margin: 0 @margin_main 0 @margin_main;
				// padding: 0 @margin_main 0 @margin_main;
			}

			left:0px;
			top:0px;
			position:absolute;
			overflow-x: hidden;
			overflow-y: scroll;
			// -webkit-overflow-scrolling: touch;
			// -ms-overflow-style: none;
			// &::webkit-scrollbar{
				// display: none;
			// }
			// height:100%;
			// padding-right: 17px
			// margin-top:@top_h - @top_m - @header_h + 8px;

			// &.full{
			// margin-top:170px;
			// margin-top:36px;
			// }
			height:100%;
			// height:~"calc(100% - @{header_h} - @{top_m} - 10px)";
			// height:~"calc(100% - 170px + 40px)";
			// height:~"calc(100% - 36px - 10px)";
			height:~"calc(100% - 10px)";

			// h1,
			// p.filet,
			// .page-item-16{
				// display:none;
			// }
		}
	}
}

.singular,
.general{
// .singular{
	.dynamic_content{
		width: @width_utile;
		margin: 0 @margin_utile 0 @margin_utile;
		.content_container{
			// width: 100%;
			// height: auto;
			// overflow: hidden;
			// position: relative;
			// margin-bottom:52px;
			// display:table;
			// width: @width_main;
			// margin: 0 @margin_main 0 @margin_main;
			width: 100%;
			margin: 0;
			// padding: 0 @margin_main 0 @margin_main;

			// margin-bottom:0;
		}
	}
}
.singular{
	.dynamic_content{
		.full_content{
			margin-bottom:0px;
			&+ .event_detail,
			&+ .help_content{
				margin-top:0;
			}
		}
		.help_content{
			margin-bottom:0px;
		}
		.list-actu.read_more{
			margin-bottom:0px;
		}
	}
}
.general{
	.dynamic_content{
		.full_content{
			margin-bottom:0px;
			min-height:auto;
		}
	}
}

		.dynamic_content{
		// .type-post{
			.date_list{
				.title{
					display: none;
				}
				visibility: hidden;
				height: 0px;
				overflow: hidden;
				opacity: 0;
				.animation(all, ease, @anim_duration);
				&.onshow{
					visibility: visible;
					height: auto;
					opacity: 1;
					margin: @sep_u 0 (@sep_u * 0.5) 0;
				}
				.place_event{
					.f_calendar_event_place;
					margin-bottom:10px;
					color:@white;
					.maps_link{
						color: @white;
						text-decoration: none;
						transition: all;
						&:before{
							margin-left:-3px;
							transition: all;
							content: "\f230";
							color: @white;
							padding: 0;
							display: inline-block;
							width: 20px;
							height: 18px;
							font-size: 20px;
							line-height: 1;
							font-family: dashicons;
							text-decoration: none;
							font-weight: 400;
							font-style: normal;
							vertical-align: top;
							text-align: center;
						}
						&:hover,
						&:active{
							color: @yellow;
							&:before{
								color: @yellow;
							}
						}
					}
				}
			}
			.general.p_formation{
				.date_list{
					visibility: visible;
					height: auto;
					opacity: 1;
					margin: @sep_u 0 (@sep_u * 0.5) 0;
				}
			}
			.content_container{
				width: 100%;
				// .calc(width, ~"100% - ", (17px));
				height: auto;
				overflow: hidden;
				position: relative;
				margin-bottom:52px;
				display:table;
			}
			.full_content{
				width:100%;
				// width:@width_main_alt;
				min-height:400px;
				// margin:64px 0 (170px - 40px) 36%;
				// margin:(@sep_u * 3) @margin_main_alt (36px + 40px) @margin_main_alt;
				// margin:(@sep_u * 1) 0 (36px + 40px) 0;
				margin:(@sep_u - 8px) 0 (36px + 40px) 0;
				position:relative;
				overflow: hidden;
				.layer_10;
			}
			// .event_detail,
			// .event_price,
			.help_content{
				// width:100%;
				// margin:-(36px + 40px) 0 (36px + 40px) 0;
				// position:relative;
				// overflow: hidden;
				// padding:0 @margin_main_alt 0 @margin_main_alt;
				// .layer_10;
				// .title{
					// .f_actu_subtitle;
				// }
			}
			&.list-actu {
				// width:100%;
				// margin:0 0 (@sep_u * 3) 0;
				// &.blank_page{
					// margin:(@sep_u * 3) 0 0 0;
				// }
				// #ctt_actu{
				// .ctt_actu{
					// width:100%;
					// margin:0;
				// }
				// p,p:last-child {
					// margin-bottom: 0;
				// }
			}
			.list_category{
				// width:100%;
				// margin:26px 0 0 0;
				// #all_category{
					// width:100%;
					// margin:0;
				// }
			}
			.help_content{
				p{
					.f_txt_courant_light;
					margin-bottom:20px;
					strong{
						.f_txt_courant;
					}
				}
				p:last-child {
					margin-bottom:20px;
				}
			}
			#partenaires{
				// position:relative;
				margin: 0 0 @sep_u 0;
				// height:@footer_h;
				height:auto;
				// width:@width_col_utile * 2;
				width:100%;
				// margin: 0 @margin_utile 0 0;
				// float: left;
				// background-color:@white;
				// background-color:transparent;
				// .layer_10;
				&.soc_col5,
				&.soc_1{
					.curator .logotype{
						// .column_fix_proprerty(1%,6,5);
						.column_fix_proprerty(1%,5,4);
						text-align: center;
						&.portrait{
							.column_fix_proprerty(1%,6,5);
							// margin-left: 2%;
							// + .portrait{
								// margin-left: 0;
							// }
						}
					}
				}
				&.soc_col4,
				&.soc_2,
				&.soc_3,
				&.soc_4,
				&.soc_5{
					.curator .logotype{
						.column_fix_proprerty(1%,4,3);
						// .column_proprerty(42.27%,5.14%);
						text-align: center;
					}
				}
				&.soc_col4,
				&.soc_col5{
					.curator .logotype{
						&.c2,
						&.c3{
							display: flex;
							align-items: center;
							justify-content: center;
							img{
								width: 100%;
								height: auto;
							}
						}
					}
				}
				&.soc_col4{
					.curator .logotype{
						&.c2{
							.column_fix_ongrid(1%,4,3,2);
						}
						&.c3{
							.column_fix_ongrid(1%,4,3,3);
						}
					}
				}
				&.soc_col5{
					.curator .logotype{
						&.C2{
							.column_fix_ongrid(1%,5,4,2);
						}
						&.C3{
							.column_fix_ongrid(1%,5,4,3);
						}
					}
				}
				&.soc_6{
					.curator .logotype{
						.column_fix_proprerty(1%,5,4);
						// .column_proprerty(42.27%,5.14%);
						text-align: center;
					}
				}
				.curator{
					// overflow: hidden;
					width: auto;
					margin-top: 0px;
					padding: 12px 12px 12px 12px;
					// padding: 0px;
					// height:42px;
					// display:table;
					// background-color:@white;
					display:block;
					height:auto;
					.logotype{
						// position:relative;
						// text-align:left;
						margin: 0 1% 0 0;
						// padding: 0 20px 0 0;
						// vertical-align: bottom;
						vertical-align:middle;
						// float:unset;
						// display:table-cell;
						// border-right:4px solid @gray;
						// overflow:hidden;
						// background-color:@white;
						img{
							// width:100%;
							// height:auto;
							// border:0px;
							width:auto;
							height:100%;
							padding: 8px 8px 4px 8px;
						}
						a{
							// display:inline-block;
							height:100%;
						}
						@coef_size : 1.5;
						// &.caf{
							.img_resize_h(120px,@coef_size);
							// margin-left:-4px;
						// }
						// top:50%;
						// margin-top: -((120px * @coef_size) / 2);
						&.portrait{
							.img_resize_h(160px,@coef_size);
							// margin-bottom: -(160px * @coef_size);
						}
						&.lgd{
							height:auto;
							.img_lgd{
								.f_logotype_lgd;
								display: block;
							}
						}
						&.full{
							width: 100%;
							text-align: left;
						}
					}
				}
			}
			.event_price{
				// &+ .help_content{
					// margin-top:-(36px + 40px);
				// }
				// p{
					// .f_txt_courant_light;
					// margin-bottom:20px;
					// strong{
						// .f_txt_courant;
					// }
					// &.mentions{
						// .f_txt_courant;
					// }
				// }
				// p:last-child {
					// margin-bottom:20px;
				// }
			}
			.event_detail{
				// p{
					// .f_txt_courant_light;
					// margin-bottom:20px;
					// strong{
						// .f_txt_courant;
					// }
					// &.mentions{
						// .f_txt_courant;
					// }
					// &.date strong{
						// text-transform:uppercase;
					// }
				// }
				// p:last-child {
					// margin-bottom:20px;
				// }
			}
			.date_resume{
				// width: 100%;
				// margin: 0;
				// .f_resume_date;
			}
			.read_more.date{
				// .ctt_actu{
					// margin-top:52px;
				// }
				// .event_detail{
					// margin: 0 0 54px 0;
					// padding: 0;
					// width: 100%;
					// height: auto;
				// }
				// .date_event,
				// .preview_event{
					// position:relative;
					// float:left;
				// }
				// .date_event{
					// margin-left:@margin_main_alt;
					// width:@width_col_main_alt;
					// .hour,
					// .year{
						// display:inline-block;
						// width: 100%;
					// }
					// .f_morecalendar_event_date;
				// }
				// .preview_event{
					// margin-left:@margin_main_alt;
					// width:(@width_col_main_alt * 3) + (@margin_main_alt * 2);
					// .title_event{
						// .f_morecalendar_event_date;
						// text-transform:uppercase;
						// margin-bottom: 14px;
					// }
					// .detail_event{
						// .f_morecalendar_event_theme;
						// .category_event{
							// .f_morecalendar_category;
						// }
						// margin-bottom: 14px;
					// }
				// }
				// .link {
					// margin:0px;
					// .read-more{
						// float:left;
						// .f_bttn_read_more;
						// margin:0px;
					// }
				// }
			}
			// .danse{
			// 	.post_date,
			// 	.date_resume,
			// 	.category_event,
			// 	&~ .event_detail,
			// 	&~ .event_price,
			// 	&~ .help_content *{
			// 		color:@e-of;
			// 	}
			// }
			.frame,
			.frame_controler{
				visibility:hidden;
			}
			.frame{
				margin-top:-(@sep_u * 2);
			}
			.frame_controler {
				left: 50%;
				margin: -22px 0 0 -50px;
				position: absolute;
				text-align: center;
				top: 0;
				width: 100px;
				.close{
					font-size: 12px;
					font-weight: bold;
					cursor:pointer;
					&:hover{
						color:@hover2;
					}
				}
			}
			.content{
			// .full{
				&.full{
					padding:0 @margin_main_alt 0 (@margin_main_alt * 2 + @width_col_main_alt);
					padding:0;
					margin:0;
					span.download{
						display:none;
						margin-top: 0;
					}
				}
				// &.large{
				// 	padding:(@sep_u * 1.5) @margin_main_alt 0 @margin_main_alt;
				// }
				// &.programme{
				// 	position:relative;
				// 	// background: url("../imgs/temp/programme_temp.jpg") no-repeat scroll left top transparent;
				// 	width: (@width_col_main_alt * 3) + (@margin_main_alt * 2);
				// 	// height: auto;
				// 	height: 0;
				// 	overflow:hidden;
				// 	left:0;
				// 	top: 0;
				// 	margin:0 0 0 @margin_main_alt;
				// 	float:left;
				// 	img{
				// 		cursor:pointer;
				// 		pointer-events: auto;
				// 		margin: -22px 0 0 -24px;
				// 	}
				// }
				&.blank_page{
					height:100%;
					// margin-top: (@sep_u * 3);
					width: 100%;
					margin: 0;
					padding: 0 @margin_main_alt 0 (@margin_main_alt * 2 + @width_col_main_alt);
					p{
						min-height:60px;
						.f_ctt_blank;
						// padding:0 @margin_main_alt 0 @margin_main_alt;
						// text-align:center;
						color:@hover;
					}
				}
			}
			.contentactu_scroll{
				.more_content.media{
					width:98%;
				}
			}
			.more_content{
				position:relative;
				&.media{
					// background: url("../imgs/separator.png") no-repeat scroll left top transparent !important;
					// padding-top:22px !important;
					// width:100%;
					width:100%;
					margin:0 0 0 0;
					overflow: hidden;
					// display: inline-block;
					border:2px solid @gray;
					&.loaded{
						border:0px solid @white;
					}
				}
				.layer_10;
				// &.programme{
					// left: 0;
					// top: 0;
					// float:left;
					// a{
						// .f_bttn_read_more;
						// text-decoration:none;
					// }
					//
					// width: (@width_col_main_alt * 2) + @margin_main_alt;
					// margin:0 @margin_main_alt (@sep_u * 2) @margin_main_alt;
					// height:auto;
					// overflow: hidden;
					// display: inline-block;
					// img{
						// cursor:pointer;
						// pointer-events: auto;
					// }
					// span.download{
						// display:block;
						// margin-top: 0;
					// }
				// }
				// &.media{
					// width: (@width_col_main_alt * 2) + @margin_main_alt;
					// margin:0 @margin_main_alt (@sep_u * 2) @margin_main_alt;
					// left: 0;
					// top: 0;
					// float:left;
					// height:auto;
					// overflow: hidden;
					// display: inline-block;
				// }
				// .layer_10;
			}
			// .post-54 .content{
				// h2{
					// text-transform:uppercase;
				// }
				// p,p a,p strong{
					// font-size:14px;
					// line-height:17px;
				// }
			// }
			// @block_margin : @blockpadding-large * 2;
			@block_margin : 40px;
			.p_about{
				.excerpt{
					figure{
						&.left{
							width: 20%;
						}
					}
				}
				.content{
					&.large{
						figure{
							// isolation:isolate;
							// background-color:pink;
							// background-color:inherit;
							img{
								// mix-blend-mode:overlay;
								// mix-blend-mode:multiply;
								&[alt="Les SCOP"],
								&[alt="Les SCIC"]{
									mix-blend-mode:multiply;
								}
								&[alt="Comité Bassin Emploi du seignanx"]{
									float: left;
								}
							}
							&.left{
								width: 33%;
								margin-bottom: @sep_u;
								+ figure{
									// margin-top: 0px;
									+ *{
										clear: both;
									}
								}
							}
						}
						.block_container{
							p{
								&.special{
									&.retrait{
										padding-left: 20px;
										background: url("../imgs/icoretrait-w_@2x.png") no-repeat scroll -44px center transparent;
										margin: @sep_u 10% @sep_u @block_margin;
									}
								}
							}
							&:nth-of-type(1){
								margin-bottom: 0;
								margin-top: 0;
								width:100% + (@margin_main_alt * 2);
							}
							&:nth-of-type(2),
							&:nth-of-type(3),
							&:nth-of-type(4){
								// width: 40.2%;
								// 0.001% : corrige bug sur chrome
								width: (100% + (@margin_main_alt * 4)) / 3 - 0.002%;
								float: left;
								margin-left: 0px;
								margin-top: 0px;
								margin-bottom: @sep_u * 1.5;
								height: 680px;
								p,h2{
									padding: 0 @block_margin 0 @block_margin;
								}
							}
							// &:nth-of-type(2){
							// 	margin-left: -(@margin_main_alt);
							// }
							// start correctif isa
							&:nth-of-type(2),
							&:nth-of-type(3){
								margin-left: -(@margin_main_alt);
								margin-right: 0;
							}
							&:nth-of-type(4){
								margin-left: -(@margin_main_alt);
								margin-right: -(@margin_main_alt);
							}
							// end correctif isa
							&:nth-of-type(5){
								float: left;
								margin: -((@sep_u * 1.5) + 240) 0 0 -(@margin_main_alt);
								width: 50% + (@margin_main_alt * 2);
								p,h2{
									padding: 0 0 0 @block_margin;
									&:last-child{
										margin-bottom: 0px;
									}
								}
								p{
									&.link{
										margin-left: @block_margin;
										padding-left: 68px;
										background: url("../imgs/icoretrait-w_@2x.png") no-repeat scroll 0px center transparent;
									}
									+ figure{
										margin-top: 0px;
									}
								}
								figure{
									margin-left: @block_margin;
									background-color: @orange;
									img{
										mix-blend-mode: screen;
										// -webkit-filter: grayscale(100%) contrast(120%);
										// filter: grayscale(100%) contrast(120%);
										-webkit-filter: ~"grayscale(100%)" ~"contrast(120%)";
										filter: ~"grayscale(100%)" ~"contrast(120%)";
										&[alt="Les SCOP"],
										&[alt="Les SCIC"]{
											width: 100px;
										}
									}
								}
							}
						}
					}
				}
			}
			// .more_content,
			.content{
				p,h1,h2{
					// padding:0 8.94% 0 8.94%;
					.f_txt_courant;
				}
				p{
					strong,b{
						.f_txt_courant_strong;
						em{
							.f_txt_courant_strong_italic;
						}
					}
					em{
						.f_txt_courant_italic;
						letter-spacing:1px;
						strong,b{
							.f_txt_courant_strong_italic;
						}
					}
					&.dialog{
						.f_txt_dialog;
						// padding: 0 80px 0 40px;
						// padding: 0 40px 0 40px;
						padding: 0 20px 0 0;
						text-indent: 40px;
						letter-spacing:1px;
						// font-style:italic;
						em {
							.f_txt_dialog;
							letter-spacing:1px;
							strong{
								.f_txt_courant_strong_italic;
							}
						}
						strong{
							.f_txt_courant_strong_italic;
							em{
								.f_txt_courant_strong_italic;
							}
						}
						// font-size:15px;
						line-height:20px;
						em,
						em strong,
						strong,
						strong em{
							// font-size:15px;
							line-height:20px;
						}
						+ .note{
							text-align: right;
							padding-left: 20px;
							// width: 75%;
							// margin-left: 25%;
							+ .link,
							+ .dialog{
								margin-top: @sep_u * 1.5;
							}
						}
					}
					&.list {
						margin-right: 10%;
						overflow: hidden;
						&:before {
						  content: "– ";
						}
						& ~ p.list {
						  margin-top: -8px;
						}
						// &.special + p.list {
						  // margin-top: -10px;
						// }
						// &.special + p.list::before {
						  // content: "";
						// }
						// &.special + p.list.special{
						  // margin-top: -6px;
						// }
						// &.special + p.list.special::before {
						  // content: "– ";
						// }
					}
					&.link {
						padding: 2px 0 2px 68px;
						// padding: 2px 0 2px 20px !important;
						// background: url("../imgs/hey-o-b.png") no-repeat scroll left top transparent;
						background: url("../imgs/icoretrait-bf_@2x.png") no-repeat scroll 0px center transparent;
						// background-size: auto;
						// background-size: 16px auto;
						line-height: 26px;
						// margin-left: -12px;
						// margin-left: 40px;
						a{
							text-decoration: none;
							// font: 17px/20px 'NeutraText-Bold', Arial, Helvetica, sans-serif;
							font-size:17px;
							letter-spacing: 0px;
							color:@canard;
							&:hover{
								color:@orange;
							}
						}
						+ .link{
							// margin-top: -(@sep_u * 0.75);
						}
						+ h2{
							margin-top: (@sep_u * 1);
						}
					}
					&.special{
						// margin: -24px 0 0 0;
						font-weight:bold !important;
						font-style:italic;
						&.retrait{
							overflow:hidden;
							padding-left: 20px;
							background: url("../imgs/icoretrait-bf_@2x.png") no-repeat scroll -44px center transparent;
							// margin: 20px 10% 20px 0;
							margin: @sep_u 10% @sep_u 0;
							font-style:inherit;
						}
					}
				}
				h2{
					.f_actu_subtitle();
					+ p.special{
						&.retrait{
							margin-top: round(@sep_u / 4);
						}
					}
				}
				// span:not(.anchor){
					// background: url("../imgs/etiquette/puce.png") no-repeat scroll left center transparent;
					// height: 18px;
					// padding: 0 0 0 24px;
					// display: inline-block;
					// &.download{
						// margin-top: @sep_u;
					// }
					// &:hover{
						// background: url("../imgs/etiquette/puce_hover.png") no-repeat scroll left center transparent;
					// }
				// }
				// figure span:hover{
					// background: none;
				// }
				a{
					// .f_bttn_read_more;
					color:@canard;
					text-decoration:underline;
					&:hover{
						color:@hover;
						// span{
							// background: url("../imgs/etiquette/puce_active.png") no-repeat scroll left center transparent;
						// }
					}
					&.anchor {
						text-decoration: none;
						cursor: inherit;
						color:inherit;
						&:hover{
							// color:@hover;
							color:inherit;
						}
					}
				}
				blockquote{
					// border-left:1px solid #B0A69F;
					// border-left:1px solid #807165;
					margin: 40px 0 40px 0;
					// quotes: "«" "»";
					quotes: "“\00A0" "\00A0”";
					&::before {
						content: open-quote;
					}
					&::after {
						content: close-quote;
						float:right;
						text-align: right;
						margin-right:30px;
					}
					&::before,
					&::after{
						font-size: 48px;
						color:@gray;
					}
					p{
						// .f_txt_courant_light;
						margin-bottom: 18px;
						padding: 0 80px 0 40px;
						text-indent: 40px;
						&:first-child{
							// margin-top: 40px;
							margin-top: -25px;
						}
						&:last-child{
							// margin-bottom: 40px;
							margin-bottom: 8px;
						}
					}
					p,p strong{
						font-size:14px;
						color:@gray;
					}
				}
				.block_container{
					p,h2{
						padding: 0 80px 0 @block_margin;
						&:first-child{
							margin-top:@sep_u;
						}
						&:last-child{
							margin-bottom:@sep_u;
						}
						color:@white;
					}
					p{
						&.link {
							// padding: 2px 0 2px 20px;
							// background: url("../imgs/icoretrait-w_@2x.png") no-repeat scroll -44px center transparent;
							// margin-left: 40px;
							margin-left: @block_margin;
							padding-left: 68px;
							background: url("../imgs/icoretrait-w_@2x.png") no-repeat scroll 0px center transparent;
							a{
								color: @white;
								&:hover{
									color: @yellow;
								}
							}
						}
					}

					background-color:@orange;
					overflow: hidden;
					display: block;
					margin: (@sep_u * 1.5) -(@margin_main_alt) @sep_u -(@margin_main_alt);
				}
			}
			.post_date{
				width: @width_col_main_alt;
				margin:92px 0 0 @margin_main_alt;
				left: 0;
				// top: 0;
				bottom: 25%;
				// color:@red;
				position: absolute;
				.f_actu_postdate;
				// float:left;
				// border:1px solid black;
				// height:200px;
				opacity:0;
				&.adjsted{
					opacity:1;
				}
				&.fixed{
					top: 0;
					bottom: auto;
				}
			}
			// .more_content{
				// .list-actu{
					// width:100%;
					// overflow: hidden;
					// position: relative;
					// top: 0;
					// float: left;
					// margin:36px 0 26px 0;
					// h2{
						// margin:0 0 26px 0;
					// }
					// div{
						// position:relative;
						// width:100%;
					// }
					// .type-postactus{
						// margin:0 0 26px 0;
						// .actu_title,
						// .actu_date {
							// margin:0 0 12px 0;
						// }
						// .actu_ctt{
							// &.extract{
								// padding:0 8.94% 0 3%;
							// }
						// }
						// img{
							// pointer-events:auto;
							// width:100% - 8.94%;
							// margin:0 0 14px 0;
						// }
					// }
				// }
			// }
			p,h1,h2{
				// padding:0 0 0 4.3%;
				margin-bottom: @sep_u - 6px;
				&.special{
					// margin-top:-8px;
				}
			}
			h2{
				display:inline-block;
				width: 100%;
			}
			p{
				// strong,b{
					// .f_txt_courant_strong;
				// }
				// margin-left:2%;
				// padding:0 0 0 4.3%;
				// margin-left:@w_base_g1 + @w_base_sep1;
				// width:@w_base_g1 * 4;
				// &.filet.small{
					// display:block;
					// border-bottom: @filet;
					// border-bottom :@filet_small;
					// margin: 34px 0 46px 0;
				// }
				// &.color{
					// color:@orange;
				// }
				// & ~ p{
					// margin-bottom: @sep_u - 6px;
				// }
				&:last-child{
					margin-bottom:62px;
				}
				& ~ figure,
				& ~ .more_content.media,
				& ~ #diaporama{
					margin-top:28px;
				}
			}
			figure{
				display:none;
			}
			// .programme figure,
			.media_with figure{
				span,a{
					background: none;
					padding: 0;
					// display:block;
					display:inline-block;
					position:relative;
					// width:100%;
					width:auto;
					height:100%;
					overflow: hidden;
					.help_user{
						position:absolute;
						width:100%;
						height:100%;
					}
				}
				&.left,
				&.large,
				&.mid,
				&.big{
					display:block;
				}
				&.big{
					height:auto;
					img{
						width:100%;
						height:auto;
						// height:100%;
					}
				}
				&.large{
					img{
						max-width:100%;
					}
				}
				&.mid{
					img{
						max-width:316px;
						// max-width:100%;
					}
				}
				&.left{
					// width:20%;
					float:left;
					margin:	6px 18px 12px 0;
					+ p{
						margin-top:0px;
					}
					+ h2{
						display:inherit;
						width: auto;
					}
					&.sameline{
						margin:	0px !important;
						+ p,
						+ h2{
							margin-top:	10px !important;
							clear: both;
							display: inline-block;
						}
						img{
							max-width: 100%;
						}
					}
					// Using a formula (an + b). Description: a represents a cycle size, n is a counter (starts at 0), and b is an offset value.
					&.X2{
						width:(100% / 2) !important;
						padding: 0 5px 10px 0;
						// &:nth-of-type(2n) {
						//   padding: 0 0 10px 5px;
						// }
						& + .X2{
							padding: 0 0 10px 5px;
							// second line
							& + .sameline{
								padding: 0 5px 10px 0;
								& + .X2{
									padding: 0 0 10px 5px;
								}
							}
						}
					}
					&.X3{
						width:(100% / 3) !important;
						// padding: 0 5px 10px 5px;
						// &:nth-of-type(3n+1) {
						//   padding: 0 10px 10px 0;
						// }
						// &:nth-of-type(3n+0) {
						//   padding: 0 0 10px 10px;
						// }
						padding: 0 10px 10px 0;
						& + .X3{
							padding: 0 5px 10px 5px;
							& + .X3{
								padding: 0 0 10px 10px;
								// second line
								& + .sameline{
									padding: 0 10px 10px 0;
									& + .X3{
										padding: 0 5px 10px 5px;
										& + .X3{
											padding: 0 0 10px 10px;
										}
									}
								}
							}
						}
					}
					&.X2.X3{
						display: none !important;
					}
				}
				width:100%;
				// margin-top:-12px;
				// height:90%;
				// line-height:90%;
				text-align:left;
				& ~ .more_content.media,
				& ~ figure{
					margin-top:@sep_u;
				}
				& + h2,
				& + p{
					margin-top:@sep_u;
					// margin-bottom: 10px;
				}
				img{
					// display:block;
					width:100%;
					// width:auto;
					max-height: 100%;
					max-width: 100%;
					// margin:0 auto 0 auto;
					// vertical-align:middle;
				}
				p.caption{
					.f_img_caption;
					strong{
						.f_img_caption_strong;
					}
					em{
						.f_img_caption_italic;
					}
					margin: 8px auto 0px auto;
					// margin-right: auto;
					// margin-top: 8px;
					text-align:left;
				}
			}
			#diaporama{
				// width: (@w_base_g1 * 7) + (@w_base_sep1 * 2);
				// width: 100%;
				// height: 92%;
				// width:@width_main_alt;
				// margin-left:@margin_main_alt;
				// position:relative;
				// #slides ul.slidesjs-pagination {
					// right: @margin_main_alt !important;
				// }
				// &:last-child{
					// margin-bottom:62px;
				// }
				// #slides .slidesjs-control{
					// width:~"calc(100% - 80px)" !important;
					// margin: 0 auto;
				// }
				// #gallery_zoom div.caption {
					// left: @margin_main_alt !important;
				// }
			}
			.summary.block{
				// width: (@width_col_main_alt * 3) + (@margin_main_alt * 2);
				width: 100%;
				// width: @width_main_alt;
				// margin: 0 @margin_main_alt 0 (@margin_main_alt * 2 + @width_col_main_alt);
				margin: 0;
				padding: 0 @margin_main_alt 0 (@margin_main_alt * 2 + @width_col_main_alt);
				// height: @header_h;

				// width:100%;
				overflow: hidden;
				// h1{
					.dynamic_title{
						// .f_focus_title;
						.f_article_title;
						// margin-left: @w_base_g1 + @w_base_sep1;
						// margin-top: 10px;
						margin-top: 8px;
						margin-bottom: (@sep_u * 2);
						// text-align:center;
						text-align:left;
						// width: @w_base_g1 * 5;
						// float:left;
						// & + .cat_title{
							// float: right;
						// }
					}
				// }
				// .cat_title {
					// width:@w_base_g1 * 3;
					// margin-left:(@w_base_g1 * 3) + @w_base_sep1;
					// margin-top:11px;
					// position:absolute;
					// left:0;
					// top:0;
				// }
				// &.blank_page{
					// padding:0 @margin_main_alt 0 @margin_main_alt;
					// h1{
						// text-align:center;
					// }
				// }
			}
		}

// #desktop-plus{
	// #content,
	// #content-plus{
	#content{
		// &.mode_galery{
			// .dynamic_content{
				// figure{
					// display:none;
				// }
				// .media figure{
					// &:first-child{
						// cursor:pointer;
						// display:block;
					// }
				// }
			// }
		// }
		// &.flipbook{
			// -webkit-overflow-scrolling: touch;
			// .dynamic_content{
				// .summary.dynamic_title{
					// visibility:hidden;
					// margin:0px;
					// height:22px;
				// }
				// .content.programme{
					// .load{
						// display:none;
					// }
					// width: 100%;
					// height: 1200px;
					// overflow: visible;
					// margin:0 0 0 0;
					// .frame,
					// .frame_controler{
						// visibility:visible;
					// }
				// }
				// .content.full,
				// .more_content.programme{
					// visibility:hidden;
					// height:0px;
					// overflow:hidden;
					// display:none;
				// }
			// }
		// }
		// .about.dynamic_title{
			// width: @width_main_alt;
			// margin: 16px @margin_main_alt 0 @margin_main_alt;
			// height:106px;
		// }
		// p.more_link{
			// margin-left: (@w_base_g1 * 6) + @w_base_sep1;
			// height:@header_h;
			// margin-top:-(@header_h);
			// width:@w_base_g1;
			// text-align:right;
			// padding-top: 12px;
			// float: right;
			// margin-left: 796px;
			// margin-top: 181px;
			// padding-top: 12px;
			// position: fixed;
			// right: @margin_main_alt;
			// text-align: right;
			// width: 126px;
			// height: 40px;
		// }
	}
// }



	#content{
		.dynamic_content.form{
			.about_form{
				margin-top:12px;
				&+ .separator{
					margin-top:(@sep_u * 1);
				}
			}
			.dynamic_title{
				margin-top:0;
				.f_form_title;
				text-transform:uppercase;
				text-align:center;
			}
		}
	}
	#content-plus{
		.dynamic_content.form{
			.about_form{
				margin-top:(@sep_u * 4);
				&+ .separator{
					margin-top:(@sep_u * 1);
				}
			}
			.dynamic_title{
				margin-top:(@sep_u * 4);
				.f_form_title;
				text-transform:uppercase;
				text-align:center;
			}
		}
	}
// #desktop-plus{
	// #content,
	// #content-plus{
	#agenda,
	#actu,
	#content{
		&.list_galery,
		.list_galery{
			.more_content{
				&+ h2{
					margin-top: (@sep_u * 1);
				}
				.counter{
					display:none;
				}
				figure img{
					max-height:none;
				}
				figure.small{
					display:block;
					// display: inline-block;
					@galery_n_col:5; // suite_col
					@galery_m_sep:2%;
					width: (100% - (@galery_m_sep * (@galery_n_col - 1))) / @galery_n_col;
					margin:0 @galery_m_sep 2% 0;
					float:left;
					img,
					.caption{
						display:none;
					}
					// permet de récupérer (.portrait) pour correctif js old safari
					// img{
						// opacity:0;
						// width:20px;
						// height:auto;
					// }
					cursor:pointer;
					// &.process{
						// padding:4px;
					// }
					// img{
						// display:none;
						// width:10px;
						// height:auto;
						// opacity:0;
					// }
					// &.bigger img{
					&.bigger{
						// border:2px solid @gray;
						.animation(opacity, ease, @anim_duration);
						opacity:0.5;
					}
					// height: 100px;
					height:0px;
					background-position: center center;
					background-repeat: no-repeat;
					background-size: cover;
					// background-size: contain;
					& ~ .more_content.media,
					& ~ figure{
						margin-top:0 !important;
					}
				}
				// figure:nth-child(5n+4){
				// figure:nth-child(5n+5){
				// figure:nth-child(5n+6){
					// margin-right:0;
				// }
				.thumb_list{
					margin: 0;
					padding: 0;
					display:none;
					// overflow: hidden;
					// position: relative;
					// text-align: justify;
					// &:after {
						// content: '';
						// display: inline-block;
						// width: 100%;
					// }
					figure:last-child{
						margin-right:0;
					}
				}
				&.list {
					.thumb_list{
						display:block;
						figure.small{
							height:auto;
						}
					}
					.zoom_in{
						.slide-navigation{
							// display:none;
							// font-size:0px;
						}
						.slide-navigation .picto{
							opacity:0;
						}
					}
				}
				&.onslide .zoom_in .slide-navigation .picto{
					opacity:1;
				}
				.zoom_in{
					&.onshow{
						.slide-navigation{
							display:block;
							font-size:12px;
						}
						&.hover,
						&:hover{
							.slide-navigation{
								.picto{
									opacity:1;
								}
							}
						}
					}
					.slide-navigation{
						// display:block;
						// font-size:12px;
						display:none;
						font-size:0px;
						position:absolute;
						// top:50%;
						top: 46%;
						// opacity:0 !important;
						height: 24px;
						width: 24px;
						// margin-top:-(@padding_size / 2);
						&.next,
						&.previous{
							// left: 4px;
							.picto{
								opacity:0;
								.animation(all, ease, @anim_duration);
								display: inline-block;
								height: 100%;
								width: 100%;
								margin: 0;
								padding: 4px 5px 0 5px;
								// position: absolute;
								background: none;
								background-color:@canard;
								border-radius:50%;
								// &::before {
									// .f_gallery_navigation;
									// font-size: 22px;
									// color:@white;
								// }
								.svg-container{
									padding-top: 2px;
									margin: 0 auto 0 auto;
									text-align: left;
									width: 8px;
									height: 8px;
								}
								svg.svg-content {
									fill: #ffffff;
									position: relative;
									width: 8px;
									height: 12px;
								}
								&:hover{
									background-color:@hover;
									cursor:pointer;
								}
							}
						}
						&.next{
							// height: 88%;
							// margin: 0;
							right: 6px;
							// right: 0px;
							span.picto{
								// background: transparent url("../imgs/nav-suiv.png") no-repeat scroll right center;
								padding-right:3px;
								// &::before {
									// content: ">";
								// }
							}
						}
						&.previous{
							left: 6px;
							// left: 0px;
							span.picto{
								padding-left:3px;
								// &::before {
									// background: transparent url("../imgs/nav-prev.png") no-repeat scroll right center;
									// content: "<";
								// }
							}
						}
					}
					// .slide-navigation_off{
						// .picto{
							// // // opacity:0;
							// .animation(all, ease, @anim_duration);
							// background-color: @black !important;
							// display: inline-block;
							// width: 26px;
							// height: 26px;
							// border-radius: 50%;
							// padding: 0;
							// &:hover{
								// background-color: @hover !important;
								// cursor:pointer;
							// }
						// }
						// &.previous{
							// left:4px;
							// .picto{
								// outline: medium none;
								// // // background-position: center center;
								// background: transparent url("../imgs/nav-prec.png") no-repeat scroll center center;
								// // // &::before {
								// // // 	content: "préc.";
								// // // }
								// padding: 6px 0 6px 26px;
							// }
						// }
						// &.next{
							// right:4px;
							// .picto{
								// outline: medium none;
								// // // background-position: center center;
								// background: transparent url("../imgs/nav-suiv.png") no-repeat scroll center center;
								// // // &::before {
								// // // 	content: "suiv.";
								// // // }
								// padding: 6px 26px 6px 0;
							// }
						// }
					// }
					// img{
					// display:block;
					position: relative;
					width:100%;
					overflow: hidden;
					figure.small,
					figure.bigger{
						// margin:0 0 @sep_u 0;
						margin:0 0 (@sep_u / 2) 0;
						display:block;
						float:none;
						img,
						.caption{
							display:block;
						}
						img{
							margin: 0 auto;
						}
					}
					figure.bigger{
						// margin:0 0 (@sep_u / 2) 0;
						// margin:0 0 @sep_u 0;
						// display: block;
						overflow: hidden;
						background:none !important;
						width:100%;
						height:auto !important;
						cursor:default;
						opacity:1;
						img{
							width:100%;
							// width:auto; // équivaut à width:100%;
							height:auto;
							// margin: 0 auto.
							// display:block;
							// max-height:420px;
							// opacity:1;
						}
						&.portrait {
							text-align:center;
							img{
								width:auto;
								height:450px;
								// max-height:450px;
							}
						}
						.caption{
							// display:block;
							// margin-bottom:10px;
							width:80%;
							float:left;
							// background: url("../imgs/separator.png") no-repeat scroll left top transparent;
							padding-top:8px;
						}
						.img_counter{
							// .f_img_caption;
							// .f_singular_img_caption;
							.f_singular_img_counter;
							// font-weight:bold;
							letter-spacing:0px;
							// color:black;
							margin: 4px 0 0;
							padding: 8px 0 0;
							text-align: right;
							width: 20%;
							float: left;
							&:first-letter {
								color:@hover;
							}
						}
						.animation(opacity, ease, @anim_duration);
						&.process{
							opacity:0;
							// padding:0;
						}
						// &.bigger img{
							// opacity:1;
						// }
					}
					// &.tofix figure.bigger{
						// display:block !important;;
						// height:100px !important;
						// width:100% !important;
						// img{
							// display:block !important;
							// opacity:1;
							// width:20px !important;
							// height:auto;
						// }
					// }
					// img{
						// max-height:420px;
					// }
				}
			}
		}
		.dynamic_content.form{
			// width:104%;
			// width:~"calc(100% + 17px)";
			// position:absolute;
			// overflow-x: hidden;
			// overflow-y: scroll;
			// margin-top:36px;
			// .about_form{
				// margin-top:(@sep_u * 4);
				// &+ .separator{
					// margin-top:(@sep_u * 1);
				// }
			// }
			// .separator .about p{
				// padding: 0 26px;
			// }
			// .dynamic_title{
				// margin-top:(@sep_u * 4);
				// .f_form_title;
				// text-transform:uppercase;
				// text-align:center;
			// }
			// p,h1{

			// }
			// p{
				// margin-bottom:12px;
				// &:last-child{
					// margin-bottom:62px;
				// }
				// & ~ figure,
				// & ~ #diaporama{
					// margin-top:28px;
				// }
			// }
			// .interact{
				// width:(@w_col_actuX3 * 3) + (@w_sep_main_alt * 2);
			// }
			// .contact-form{

			// }
			// .forms_content{
				// width:100%;
				// margin:74px 0 (170px - 40px) 0;
				// overflow: hidden;
				// h2{
					// margin: 10px 0 36px 0;
					// width:100%;
				// }
				// p{
					// padding:0 20% 0 20%;
				// }
				// .form_1{
					// .notice{
						// position:absolute;
						// right:@w_sep_main_alt;
						// top:0px;
						// float:right;
						// width:@w_col_actuX3;
						// p{
							// padding:32px (7.5% + 2%) 0 7.5%;
						// }
					// }
					// .interact{
						// width:@w_col_actuX3 * 2 + @w_sep_main_alt;
					// }
					// p.textarea-block{
						// height: 140px;
					// }
				// }
				// .form_2{
					// .notice{
						// position:relative;
						// left:0px;
						// top:0px;
						// float:none;
						// margin: 0;
						// width:100%;
						// p.event{
							// display:none;
							// padding:0;
							// margin: 0 0 18px 0;
						// }
					// }
					// .interact{
						// width:(@w_col_actuX3 * 3) + (@w_sep_main_alt * 2);
					// }
					// p.textarea-block{
						// height: 80px;
					// }
				// }
				// .form_1,
				// .form_2{
					// position:relative;
					// width: @width_main_alt;
					// margin: 32px @margin_main_alt 0 @margin_main_alt;
					// height:auto;
					// .layer_10;
					// .the_form{
						// display:none;
						// position:relative;
						// background-color:@yellow;
						// width:100%;
						// margin:0px;
						// overflow: hidden;
						// p{
							// padding:0;
							// margin:0;
						// }
						// *{
							// position:relative;
						// }
						// &.open{
							// display:block;
							// margin:28px 0 56px 0;
						// }
						// .mentions{
							// margin:26px 0 26px 0;
						// }
					// }
					// .interact{
						// margin: 32px 0 0 @w_sep_main_alt;
						// &.validation{
							// width:(@w_col_actuX3 * 3) + (@w_sep_main_alt * 2);
						// }
					// }
					.lgn{
						height: auto;
						margin: 0 0 18px @margin_main_alt;
						width: @width_col_main_alt;
						float:left;
						p.input-block{
							// height: 28px;
							&:last-child{
								margin-bottom:20px;
							}
						}
						// &.highter,
						// &.highter p.input-block{
							// height: 34px;
						// }
					}
					.subscribe-form{
						.lgn{
							width:100%;
							margin: 0 0 18px 0;
							.input-block{
								// position: relative;
								// padding: 0;
								// background: none;
								// height:auto;
								&:nth-child(1){
									// z-index:5;
									float:left;
									left:0px;
									margin:0 0 0 @margin_main_alt;
									width:@width_col_main_alt;
								}
								&:nth-child(2){
									// z-index:4;
									float:left;
									left:0px;
									margin: 0 0 0 @margin_main_alt;
									width:@width_col_main_alt;
								}
								&:nth-child(3){
									// z-index:3;
									float:left;
									left:0px;
									margin: 0 0 0 @margin_main_alt;
									width:(@width_col_main_alt * 2) + @margin_main_alt;
								}
							}
						}
					}
					// label.hide{
						// font-size:0px;
					// }
					// label{
						// .f_mentions_legend;
						// background-color:@gray;
						// .layer_10;
					// }
					p.input-block{
						position:relative;
						// label{
							// .f_mentions_legend;
							// background-color:@gray;
							// .layer_10;
						// }
						// input,select{
							// .layer_20;
						// }
						// label,input,select{
							// position:absolute;
							// left: 0;
							// top: 0;
							// margin: 0;
							// height:100%;
							// padding:4px 0px 4px 0px;
							// width:100%;
						// }
						// &.col_13{
							// width: (100% / 3);
							// float:left;
							// label,input{
							// }
						// }
						// &.col_23{
							// width: (100% / 3 * 2) - 2%;
							// margin-right: 2%;
							// float:left;
							// label,input,select{
							// }
						// }
						// &.free_1{
							// width: (100% / 3) - 10%;
							// float:left;
							// label{
								// padding:9px 8px 4px 8px;
							// }
							// label,input,select{
							// }
						// }
						// &.free_2{
							// width: (100% / 5 * 2) - 2% + 10%;
							// margin-right: 2%;
							// float:left;
							// label,input,select{
							// }
						// }
						// &.free_3{
							// width: (100% / 5 * 2) - 2% - 10%;
							// margin-right: 2%;
							// float:left;
							// label,input,select{
							// }
						// }
						// &.free_4{
							// width: (100% / 5);
							// float:left;
							// label,input,select{
							// }
						// }
					}
					p.textarea-block{
						position:relative;
						width: (@width_col_main_alt * 3) + (@margin_main_alt * 2);
						margin: 0 18px 0 @margin_main_alt;
						float:left;
						// label{
							// .f_mentions_legend;
							// background-color:@gray;
							// .layer_10;
						// }
						// textarea{
							// .layer_20;
						// }
						// label,textarea{
							// position:absolute;
							// left: 0;
							// top: 0;
							// margin: 0;
							// height:100%;
							// padding:4px 0px 4px 0px;
							// width:100%;
							// resize: none;
						// }
					}
					// p.input-block,
					// p.textarea-block{
					label{
						.f_mentions_legend;
						display: inline-block;
						height:28px;
					}
					input,select{
						height:28px;
					}
					textarea{
						height:180px;
					}
					label,input,select,textarea{
					// label,textarea{
						// position:absolute;
						// .f_mentions_legend;
						left: 0;
						top: 0;
						margin: 0;
						// height:100%;
						// padding:4px 0px 4px 0px;
						width:100%;
						resize: none;
						&:focus{
							outline:none;
						}
					}
					input#send-message{
						width:auto;
						.f_mentions_legend;
						text-transform:uppercase;
						margin: 0;
						&:focus{
							outline:none;
						}
					}
					button#send-suscribe{
						width:auto;
						.f_mentions_legend;
						text-transform:uppercase;
						margin: 0;
						&:focus{
							outline:none;
						}
					}
					// }
					// p.input-block{
						// &.tselect{
							// overflow:hidden;
							// padding:0;
							// position:relative;
							// left:0px;
							// top:0px;
							// height:100%;
							// label{
								// padding:9px 8px 4px 42px;
							// }
							// select{
								// padding:5px 8px 4px 42px;
							// }
							// select{
								// &::-ms-expand{
									// display:none;
								// }
								// text-overflow: ellipsis;
								// white-space:nowrap;
								// outline:0px;
								// -webkit-appearance:none;
								// -webkit-border-radius:0px;
								// -webkit-box-shadow:0px 0px 0px rgba(0, 0, 0, 0.1);
								// -webkit-user-select:none;
								// -moz-appearance:none;
								// appearance:none;
								// text-indent: 0.01px;
								// background: url("../imgs/select.png") no-repeat scroll 6px 2px transparent;
								// border:0px;
							// }
						// }
					// }
					// #send_file{
						// background-color:@gray;
						// position:relative;
						// height: 58px;
						// width: 100%;
						// display:table;
						// &.send_start {
							// height: auto;
							// padding:16px 0 16px 0;
						// }
						// &.send_process {
							// display:block;
							// .send_process{
								// display:block;
								// &.link{
									// display:table;
									// height: 58px;
									// a{
										// display:table-cell;
										// vertical-align:middle;
									// }
								// }
								// &.help{
									// padding:0 0 0 16px;
									// display:block;
								// }
								// &.help_process{
									// display:block;
									// padding:0 16px 0 16px;
									// margin: 26px 0 0;
									// width: 100%;
									// .help_notice{
										// width:100%;
									// }
								// }
							// }
							// height: auto;
							// padding:16px 0 16px 0;
						// }
						// .send_start,
						// &.send_process .send_process{
							// padding:0 0 0 80px;
						// }
						// .send_notice,
						// .send_process{
							// padding:0 0 0 16px;
						// }
						// .send_start,
						// .send_notice,
						// .send_process{
							// vertical-align:middle;
							// height:100%;
							// width:100%;
							// margin:0;
							// cursor:pointer;
						// }
						// .send_start,
						// &.send_start .send_notice,
						// &.send_process .send_process{
							// display:table-cell;
						// }
						// &.send_start .send_start,
						// &.send_process .send_start,
						// .send_notice,
						// .send_process{
							// display:none;
						// }
						// .send_process{
							// float:none;
						// }
					// }
					.validation{
						width:@width_main_alt;
						margin:0 @margin_main_alt 0 @margin_main_alt;
						float:left;
					}
					#send-message{
						float: right;
					}
					#message-result{
						margin: 0;
						padding: 0;
						width:100%;
						// text-align:right;
						#noty{
							display:none;
							text-transform:none;
							// margin:@sep_u 0 10px 0;
							margin:0 0 10px 0;
							color:@red;
							.f_txt_courant;
						}
					}
					#message-result #noty.noty-success{
						margin:0 0 10px 0;
						display:block;
					}
					#message-result #noty.noty-error{
						margin:0 0 10px 0;
						display:block;
					}
				// }
				// #prcs_form{
					// margin:0 0 0 0;
					// padding:0 0 6px 0;
					// width:100%;
					// tr{
						// label{
							// margin:-6px 0 0 7px;
							// padding:0;
						// }
						// .lib{
							// label{
								// padding-top:2px;
							// }
						// }
						// width:auto;
						// margin-right:24px;
						// float:left;
						// overflow: hidden;
						// height:28px;
					// }
				// }

				// table{
					// &.fomulaire {
						// margin:0px;
						// padding:0px;
						// width: 100%;
					// }
				// }

				// #prcs_form{
					// label{
					// }
					// .selected label{
					// }
				// }

				img{
					&.loader{
						display:none;
						cursor:pointer;
						pointer-events: auto;
						width:16px;
						height:16px;
						&.blank{
							display:block;
						}
					}
				}
				// .selected{
					// img{
						// &.loader{
							// display:block;
							// &.blank{
								// display:none;
							// }
						// }
					// }
				// }
			// }
			// .about.dynamic_title{
				// width: @width_main_alt;
				// margin: 16px @margin_main_alt 0 @margin_main_alt;
				// height:106px;
			// }
		}
	}
// }


/* NEWSLETTER - SEND IN BLUE */

	// body {background-Image: url('');}
	// body {background-color: #dcdcdc;}
	// div#sib_embed_signup .needsfilled input {border-color: #B94A48 !important; color: #B94A48 !important;}
	// div#sib_embed_signup .needsfilled {color: #B94A48 !important;}
	// div#sib_embed_signup input[type="text"] {border: 1px solid #CCCCCC;border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;}
	// div#sib_embed_signup input[type=number]::-webkit-inner-spin-button, div#sib_embed_signup input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none;-moz-appearance: none; margin:0; }
	// div#sib_embed_signup input[type=number] {-moz-appearance: textfield;}
	// div#sib_embed_signup div.message_area {position: relative;padding: 10px 30px 10px 10px; margin: 0px 0px 10px 0px;font-size:14px; border-radius: 5px;-webkit-border-radius: 5px; -moz-border-radius: 5px;box-sizing: border-box;}
	// div#sib_embed_signup div.message_area button.close {position: absolute;right: 8px;top: 8px;color: inherit;background: 0 0;border: 0;padding: 0px;-webkit-appearance: none;cursor: pointer;font-weight: bold;font-size: 14px;}
	// .tipicon{cursor: pointer;padding: 3px 7px;font-size: 12px;font-weight: bold;line-height: 1.2;color: #fff;text-align: center;vertical-align: baseline;background-color: #999;border-radius: 10px;text-decoration: none;}
	// .tooltip{display: inline;position: absolute;left: 97%;}
	// .tooltip:hover:after{background: #333;background: rgba(0,0,0,.8);border-radius: 5px;color: #fff;content: attr(data-title);right: -2px;bottom: 26px;padding: 5px 15px;position: absolute;z-index: 98;width: 220px;}
	// .tooltip_small:hover:after{padding: 5px 5px; width: 150px;}
	// .tooltip:hover:before{border: solid;border-color: #333 transparent;border-width: 6px 6px 0 6px;bottom: 20px;content: "";left: 1px;position: absolute;z-index: 99;}
	// .sib-dropdown-menu.flag-icon {display: none;height: 100px;overflow-x: hidden;min-width: 230px;font-size: 13px;list-style: none;padding-left:14px;border:1px solid rgba(0,0,0,.15);background: white;border-radius: 4px;margin-top:10px;}
	// .sib-dropdown-menu.flag-icon li a{display: block;white-space: nowrap;text-decoration: none;color: rgba(0,0,0,0.87);box-shadow: none;}
	// .sms_field .country-block{margin-right: 3px !important;float: left;width:56px;}
	// .icon-arrow{display: inline-block;width:0px;height: 0px;margin-left:2px;margin-top:5px;border-top:4px dashed;border-right:4px solid transparent;border-left:4px solid transparent;vertical-align: text-top;}
	// .sib-dropdown-toggle.country-flg{display: inline-block;font-size: 13px;}
	// div#sib_embed_signup .sib-container {background: rgba(252,252,252,1);}
	// div#sib_embed_signup .sib-container h1 {font-family: Futura, 'Century Gothic', 'Apple Gothic', sans-serif;}
	// div#sib_embed_signup h1.title {font-size: 24px;}
	// div#sib_embed_signup .sib-container .forms-builder-footer, div#sib_embed_signup .sib-container .description, div#sib_embed_signup .sib-container .fake-label, div#sib_embed_signup .sib-container .row, div#sib_embed_signup .sib-container #company-name{font-family: Futura, 'Century Gothic', 'Apple Gothic', sans-serif;}
	// div#sib_embed_signup .forms-builder-footer,div#sib_embed_signup div.description,div#sib_embed_signup .fake-label,div#sib_embed_signup .row  {font-size: 11px;}
	// div#sib_embed_signup .sib-container .button {font-family: Futura, 'Century Gothic', 'Apple Gothic', sans-serif;}
	// div#sib_embed_signup .button{font-size: 11px;}
	// div#sib_embed_signup input {font-size: 13px;}
	// div#sib_embed_signup .sib-containter h1 {color: #232323;}
	// div#sib_embed_signup .sib-container {color: #343434;}
	// div#sib_embed_signup .sib-container .button{color: #ffffff;}
	// div#sib_embed_signup .sib-container .button{background: #050505;}
	// div#sib_embed_signup .forms-builder-wrapper{ max-width: 200px;}
	// div#sib_embed_signup .sib-container{ padding: 10px 8px 8px;}
	// div#sib_embed_signup .header{ padding: 0 5px;}
	// div#sib_embed_signup h1.title{ lineHeight: 24px;}
	// div#sib_embed_signup h3.company-name{ lineHeight: 14px;}
	// div#sib_embed_signup div.description{ padding: 0 5px 10px;}
	// div#sib_embed_signup div.row{ padding: 5px 10px !important;}
	// div#sib_embed_signup input[type=text]{ padding: 4px; width:100% !important;box-sizing: border-box;}
	// div#sib_embed_signup input[type=number]{ padding: 4px; width:100% !important;box-sizing: border-box;}
	// div#sib_embed_signup button{ padding: 0px 10px;}
	// div#sib_embed_signup .tooltip{ left: 95%;}
	// div#sib_embed_signup div.message_area{ font-size: 11px;}

/* FORM STYLE */

// input#submit {
	// background: url("../imgs/loopsearch.png") no-repeat scroll right center transparent;
	// width:28px;
	// height:28px;
	// border: 0;
	// margin:0 0 0 0;
// }

// #content{
	// &.contact{
		// .type-page{
			// overflow: hidden;
			// padding-bottom: 100px;
			// #form_contact{
				// margin:72px 0 0 0;
				// width: 100%;
				// padding: 0 0 48px (100% / 6);
				// h2,p{
					// color:@purple;
					// width:100%;
				// }
				// label{
					// text-transform:lowercase;
				// }
				// .page_title,
				// .form_notice{
					// width:100% - 8.3%;
				// }
				// .page_title{
					// margin:0 0 6px 0;
				// }
				// .form_notice{
					// margin:0;
					// padding:0;
				// }
				// #prcs_form{
					// margin:0 0 0 0;
					// padding:0 0 6px 0;
					// width:(100% / 5) * 4;
					// tr{
						// p{
							// margin:0;
							// padding:0;
						// }
						// .lib{
							// p{
								// padding-top:2px;
							// }
						// }
						// &.rdv{
							// width:(100% / 4) * 3;
						// }
						// &.autre{
							// width:(100% / 4);
						// }
						// float:left;
						// overflow: hidden;
					// }
				// }

				// table{
					// &.fomulaire {
						// margin:0px;
						// padding:0px;
						// width: 100%;
					// }
				// }

				// #prcs_form{
					// p{
						// color:@purple;
					// }
					// .selected p{
						// color:@purple;
					// }
				// }

				// img{
					// &.loader{
						// display:none;
						// cursor:pointer;
						// width:20px;
						// height:20px;
						// &.blank{
							// display:block;
						// }
					// }
				// }
				// .selected{
					// img{
						// &.loader{
							// display:block;
							// &.blank{
								// display:none;
							// }
						// }
					// }
				// }
				// .start-block{
					// margin:22px 0 12px 0;
					// width:(100% / 5) * 4;
				// }
				// .input-block,
				// .textarea-block{
					// margin:14px 0 12px 0;
					// padding:0;
					// width:(100% / 5) * 4;
					// border-bottom: 2px solid @purple;
					// &.tselect{
						// overflow:hidden;
						// select{
							// &::-ms-expand{
								// display:none;
							// }
							// text-overflow: ellipsis;
							// white-space:nowrap;
							// outline:0px;
							// -webkit-appearance:none;
							// -webkit-border-radius:0px;
							// -webkit-box-shadow:0px 0px 0px rgba(0, 0, 0, 0.1);
							// -webkit-user-select:none;
							// -moz-appearance:none;
							// appearance:none;
							// text-indent: 0.01px;
							// padding-left: 28px;
							// background: url("../imgs/select.png") no-repeat scroll 0px 2px transparent;
							// border:0px;
						// }
					// }
				// }
				// #message-result{
					// margin: 0;
					// padding: 0;
					// width:100% - 8.3%;
					// #noty{
						// display:none;
						// text-transform:none;
						// margin:22px 0 10px 0;
					// }
				// }
				// #message-result #noty.noty-success{
					// display:block;
					// color:@gray;
				// }
				// #message-result #noty.noty-error{
					// display:block;
					// color:red;
				// }
			// }
		// }
	// }
// }

// .forms_content{
	// input,
	// textarea,
	// select {
		// background: none;
		// border: 0px solid @gray;
		// box-sizing: border-box;
		// -webkit-appearance: none;
		// -webkit-border-radius:0;
		// border-radius:0;
	// }
	// input{
		// text-overflow: ellipsis;
		// white-space:nowrap;
		// &[type="submit"]{
			// background: transparent none repeat scroll 0 0;
			// border: medium none;
			// cursor: pointer;
			// display: block;
			// width:auto;
			// height: 40px;
			// margin: 20px 0 26px 0;
			// padding: 0;
			// text-align: left;
			// text-decoration: none;
			// height:32px;
		// }
	// }
	// textarea{
	// }
	// select{
		// background: none repeat scroll 0 0 @black;
		// option{
			// background: none repeat scroll 0 0 @gray;
			// color:@black;
			// &:hover{
				// background: none repeat scroll 0 0 @black;
				// color:@yellow;
			// }
		// }
	// }
	// #noty,
	// label.empty,
	// input.empty,
	// textarea.empty{
		// color: red;
	// }
	// #noty{
		// &.noty-error{
			// color: @gray;
		// }
		// &.noty-success{
			// color: @gray;
		// }
	// }
// }


/* AGENDA */

// .thedatetoday {
	// margin: 0;
	// position: relative;
	// text-align: center;
// }
#content .dynamic_content{
	// .general.agenda .content_container{
		// width:100%;

	// }
	// #agenda,
	// #agenda .on-place{
		// width: 100%;
		// margin: (@sep_u * 2) 0 @sep_u 0;
	// }
	// #agenda .event_detail{
		// padding:0px;
	// }
}

#agenda{
	// width:@width_main;
	// margin: 0 @margin_main 0 @margin_main;
	// width: @width_utile;
	// margin: (@sep_u * 2) @margin_utile @sep_u @margin_utile;
	.on-place{
		// width:@width_main_alt;
		// margin: 0 @margin_main_alt 0 @margin_main_alt;
		// width:@width_main;
		// margin: 0 @margin_main 0 @margin_main;
		// padding: (@sep_u * 1) @blockpadding-large (@sep_u * 0.5) @blockpadding-large;
		width:100%;
		margin: 0;
		overflow:hidden;
		&:hover{
			.bttn{
				color:@hover;
			}
		}
		&:focus{
			color:@hover2;
		}
	}
	.bymonths{
		display: none;
		// height: 350px;
		height: 220px;
		// margin: 0 0 0 @margin_main_alt;
		// width:(@width_col_main_alt * 2) + (@margin_main_alt * 2);
		padding: (@sep_u * 1) @blockpadding-large 0 @blockpadding-large;
		margin: 0 0 (@sep_u * 0.5) 0;
		width: 100%;
		position: relative;
		// float: left; // ne fonctionne pas avec left
		// left:(@width_col_main_alt * 2) + (@margin_main_alt * 2); // à la place de float left pour garder calendrier sur la droite
		left:0;
		&.active{
			display:block;
		}
	}
	// /*.bymonths.curent{
		// display:block;
	// }*/
	.fullmonth{
		height: 100%;
		// margin: 0 46px 0 46px;
		margin: 0;
		// padding-top:54px;
		// width: 350px;
		width: 100%;
		// position: absolute;
		position: relative;
		// background: url("../imgs/etiquette/etiquette-of.png") no-repeat scroll left top transparent;
	}
	.prec,.suiv{
		// height: 100%;
		height: 24px;
		// width: 46px;
		width: 24px;
		position: absolute;
		display:table;
		cursor:pointer;
		top:@sep_u * 1;
		p{
			display: table-cell;
			vertical-align: middle;
			cursor:pointer;
			// text-align:center;
			// font-weight: bold;
			font-size:0px;
			background-color:red;
			border:1px solid white;
		}
		.svg-container {
			// padding-top: 6px;
			// margin: 0 auto 0 auto;
			padding: 6px 8px 0 8px;
			margin:0;
			text-align: left;
			width: 24px;
			height: 24px;
		}
		svg.svg-content {
			.animation(fill, ease, @anim_duration);
			fill: #ffffff;
			position: relative;
			width: 8px;
			height: 14px;
		}
		&:hover{
			svg.svg-content {
				fill: @petrole;
			}
		}
	}
	.prec{
		// left:0px;
		// right:0 + 24px;
		right:@blockpadding-large + 24px;
		p{
			text-align:left;
			// background: url("../imgs/nav-prec.png") no-repeat scroll left center transparent;
			&:hover{
				// background: url("../imgs/nav-prec-hover.png") no-repeat scroll left center transparent;
			}
		}
	}
	.suiv{
		// left:350px + 46px;
		// right:0;
		right:@blockpadding-large;
		p{
			text-align:right;
			// background: url("../imgs/nav-suiv.png") no-repeat scroll right center transparent;
			&:hover{
				// background: url("../imgs/nav-suiv-hover.png") no-repeat scroll right center transparent;
			}
		}
	}
	.calendrier{
		// margin: 0 18%;
		// width: 224px;
		margin: 0;
		width: 100%;
		.intable{
			// width:224px / 7;
			// width:100% / 7;
			width:100%;
			// height:36px;
			// height:30px;
			height:100%;
			text-align: center;
		}
		.num_jour{
			vertical-align:top;
			position:relative;
			// height:22px;
			height:30px;
			b{
				.f_calendar_day();
				color:@white;
				left: 0;
				position: absolute;
				width: 100%;
				top:4px;
			}
			&.today{
				// background-color:black;
				b{
					color:@e-of;
				}
				*{
					z-index: 10;
				}
				/*.puce {
					background-color: white;
					border-radius: 50%;
					height: 100%;
					left: 0;
					position: absolute;
					top: 0;
					width: 100%;
					z-index :1;
				}
				// span{
					// background-color: @e-of;
				// }*/
			}
		}
		.event{
			// font-weight: bold;
			cursor:pointer;
			b{
				color:@petrole;
			}
			span{
				background-color: @petrole;
				border-radius: 2px;
				display: inline-block;
				height: 3px;
				width: 60%;
				margin: 0 20% 0 20%;
				// position: relative;
				position: absolute;
				left:0px;
				bottom:5px;
			}
			&.today{
				span{
					background-color: @e-of;
				}
			}
		}
		// .contenu{
			// height:16px;
			// position:relative;
			// strong{
				// .f_calendar_day();
				// color:@white;
				// position:absolute;
				// margin:-6px auto 0 auto;
				// letter-spacing: 1px;
				// overflow: hidden;
				// text-align: center;
				// width: 100%;
				// height: 16px;
				// left:0px;
				// top:0px;
			// }
		// }
	}
	.month_name{
		font-weight: bold;
		text-align: left;
		// text-transform: uppercase;
		.f_calendar_month;
		color:@petrole;
		// margin:54px 0 16px 0;
		width:50%;
		height:24px;
		margin: 0 0 22px 0;
	}
	.list-agenda{
		width:100%;
		overflow:hidden;
		position:relative;
		// background-color:@white;
	}
	.listevent {
		display: none;
		&.active,
		&.specific{
			// display: block;
			// height:auto;
			display: table;
			// height:350px;
			float: left;
			left: 0;
			// margin: 0 0 0 @margin_main_alt;
			margin: 0;
			position: relative;
			top: 0;
			// width:(@width_col_main_alt * 2) + @margin_main_alt;
			width:100%;
		}
		&.active ~ .specific{
			display:none;
		}
		.event_detail{
			padding: 0 @blockpadding-large 0 @blockpadding-large;
		}
		.separator{
			padding: 0 0 0 0;
			// padding: 0 @blockpadding-large 0 @blockpadding-large;
		}
		.event_detail{
			margin:0 0 0 0;
			overflow: hidden;
			// padding:0;
			// padding: 0 @blockpadding-large 0 @blockpadding-large;
			display:block;
			// display: table-cell;
			// vertical-align: middle;
			position:relative;
			&.past + .separator{
				display:none;
			}
			// &.past{
				// color:red;
			// }
			// &.now{
				// color:blue;
			// }
			// &.next{
				// color:green;
			// }
			// &:last-child{
			&:last-of-type{
				.separator,
				& + .separator{
					display:none;
				}
				margin-bottom: @sep_u * 1.5;
			}
			span.bttn.close{
				// display:none;
				visibility:hidden;
			}
			.full{
				display:none;
			}
			&.loaded{
				margin: (@sep_u * 0.25) (@blockpadding-large - 8px) !important;
				padding: (@sep_u * 0.5) 8px;
				background-color:@yellow0;
				// padding: 0 @blockpadding-large 0 @blockpadding-large;
				.title_event{
					font-size:18px;
					line-height:21px;
				}
				.separator{
					margin:10px -8px -14px -8px !important;
					.calc(width, ~"100% + ", (16px));
					background-color:@yellow;
					padding: 10px 0 0 8px;
					height: 28px;
				}
				.rm_link{
					display:none;
				}
				.full{
					display:block;
					padding-right: 30px;
				}
				&:first-child{
					margin-top:0 !important;
				}
				span.bttn.close{
					// display:none;
					visibility:visible;
				}
				+ .event_detail{
					margin-top:-4px;
				}
				.date_resume{
						color: @petrole;
				}
			}
		}
		.rm_link{
			// float: left;
			// width:100%;
			// margin-top: @sep_u / 2;
			// .f_bttn_read_more;
			// .f_actu_readmore();
			.read-more{
				// text-align:left;
				// width:auto;
				// float:right;
				// right:0;
				// left:0;
				margin:10px 0 6px 0;
				&:last-child{
					margin-bottom:@sep_u * 0.5;
				}
				// margin-left:56%;
				// background: url("../imgs/etiquette/puce.png") no-repeat scroll left center transparent;
				// padding:0 0 0 24px;
				// height:22px;
				// &:hover{
					// background: url("../imgs/etiquette/puce_hover.png") no-repeat scroll left center transparent;
				// }
				.f_actu_readmore();
				text-decoration:none;
				a{
					text-decoration:underline;
					// color:@petrole;
					color:@white;
					&:hover{
						color:@hover;
					}
				}
				// &.alt{
					// background: url("../imgs/etiquette/puce.png") no-repeat scroll right center transparent;
					// padding:2px 22px 0 0;
					// &:hover{
						// background: url("../imgs/etiquette/puce_hover.png") no-repeat scroll right center transparent;
					// }
				// }
			}
		}
		.title_event {
			// font-size:32px;
			.f_calendar_event_name;
			// font-size:38px;
			// line-height:42px;
			// margin:40px 0 20px 0;
			// margin:40px 0 10px 0;
			margin:0 0 0 0;
			// padding-bottom:4px;
			overflow: hidden;
			text-overflow: ellipsis;
			// text-transform: none;
			// color:@white;
			color:@petrole;
			.animation(color, ease, @anim_duration);
		}
		a .title_event{
			&:hover{
				color:@hover;
			}
		}

		.theme_event {
			// font-size:32px;
			.f_calendar_event_theme;
			margin:0 0 0 0;
			// color:@white;
			color:@petrole;
		}
		.date_resume,
		.date_event{
			.f_calendar_event_date;
			.hour{
				// display: inline-block;
				// margin: 4px 0 0;
				// text-transform: none;
				// width:100%;
			}
			margin-bottom:10px;
			// color:@petrole;
			color:@white;
		}
		.date_event{
			&.with_place{
				margin-bottom:2px;
			}
		}
		.place_event{
			.f_calendar_event_place;
			margin-bottom:10px;
			color:@white;
			.maps_link{
				color: @white;
				text-decoration: none;
				transition: all;
				&:before{
					margin-left:-3px;
					transition: all;
					content: "\f230";
					color: @white;
					padding: 0;
					display: inline-block;
					width: 20px;
					height: 18px;
					font-size: 20px;
					line-height: 1;
					font-family: dashicons;
					text-decoration: none;
					font-weight: 400;
					font-style: normal;
					vertical-align: top;
					text-align: center;
				}
				&:hover,
				&:active{
					color: @hover;
					&:before{
						color: @hover;
					}
				}
			}
		}
		.event_detail.loaded .date{
			.place_event{
				.f_actu_full_content;
				display:block;
				margin-top:4px;
				.maps_link{
					&:before{
						font-size: 16px;
					}
				}
			}
		}
		.all_dates{
			margin-top:@sep_u * 1;
			*{
				color:@white;
			}
			.title{
				.f_calendar_event_name;
			}
			.mentions{
				// font-style:italic;
				.f_txt_courant_italic;
				letter-spacing:1px;
			}
		}
		.event_price{
			*{
				color:@white;
			}
		}
		.separator{
			width:100%;
			margin:-4px 0 4px 0;
			height:24px;
			overflow:hidden;
			display:block;
			// cursor:inherit;
			svg.svg-content {
				// margin-left: -14px;
				fill: @petrole;
			}
			.pics{
				// padding-top: 10%;
				margin: -8px auto 0 -4px;
				text-align: left;
				width: 41px;
				// height: 40%;
			}
		}
		.empty,
		.help_more{
			// margin:40px 0 0 0;
			margin:0;
			// .f_calendar_event_date;
			.f_calendar_event_empty;
			// font-size:16px;
			// color:@white;
			color:@petrole;
			.more_date{
				// .f_calendar_event_theme;
				.f_actu_readmore;
				line-height:38px;
				color:@petrole;
				&:hover{
					color:@hover;
				}
			}
		}
		.empty{
			padding: 0 @blockpadding-large 0 @blockpadding-large;
			color:@petrole;
		}
		&.list{
			// .event_detail{
				// display:block;
			// }
			.title_event{
				// font-size:38px;
				// line-height:42px;
				// margin-bottom:10px;
			}
			&.long{
				.event_detail:first-child{
					margin-top:36px;
				}
				.link{
					display:none;
				}
				.title_event{
					font-size:24px;
					line-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;
				}
			}
		}
	}
	.help_more{
		display:none;
		padding: 0 @blockpadding-large 0 @blockpadding-large;
	}
	.curent,
	.specific{
		.help_more{
			display:block;
		}
	}
	.curent{
		.event_detail.past{
			display: none;
		}
	}
	.more_date{
		cursor: pointer;
		text-decoration:underline;
	}
}

/* SCROLLPANE */

/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 */

.jspContainer
{
	overflow: hidden;
	position: relative;
}

.jspPane
{
	position: absolute;
}

.jspPane p,
.jspPane h1,
.jspPane h2{
	padding: 0px 4px 0px 0px;
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 0;
	width: 8px;
	height: 100%;
	background: red;
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	background: red;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
	margin: 0;
	padding: 0;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	background: #fff;
	position: relative;
}

.jspDrag
{
	background: #bbd;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}

#content .jspDrag{
	background-color: #62C0DF;
}


/* loader */

#loader{
	position:absolute;
	display:none;
	z-index:2000;
}
.stay #loader{
	margin-top:-400px;
	&.singular,
	&.general{
		margin-top:0px;
	}
}

/* back to top */

#back-to-top{
	display:block;
	// background-color: @white;
	// bottom: -60px;
	bottom: -120px;
	// color: @white;
	cursor: pointer;
	// font-size: 30px;
	// font-size: 0px;
	// height: 52px;
	height: 106px;
	line-height: 42px;
	position: fixed;
	right: 0px;
	text-align: left;
	padding-left:0.6%;
	text-decoration: none;
	transition: all 0.8s ease 0s;
	width: @margin_utile - 2.03% ;
	overflow:hidden;
	.layer_150;
	// background: url("../imgs/etiquette/navtop.png") no-repeat scroll center center transparent;
	// padding:0 0 0 22px;
	// height:22px;
	// background-size: auto 80% !important;
	// background-size: auto 56% !important;
	&:hover{
		// background: url("../imgs/etiquette/navtop_hover.png") no-repeat scroll center center transparent;
		// background-size: auto 76% !important;
		// background-size: auto 100% !important;
	}
	&.visible {
		// background-size: auto 80% !important;
		// height: 52px;
		bottom: 36%;
		&:hover{
			// background-size: auto 100% !important;
		}
	}
	&.atend {
		bottom: 72%;
	}
	&.nav-to-top{
		margin:0;
	}
}

/* SVG */

// #pictos{
	/* height: 44px; */
	// left: 0;
	// margin: 0 0 0 0;
	// position: relative;
	// width: 32%;
// }
.svg-container.pics .svg-content,
.svg-container.pics .svg-content {
	position: relative;
	width: 100%;
}
.svg-container.pics{
	display: block;
	height: 28px;
	text-align: center;
	width: 28px;
}

#planmentions .pics{
	// color: #f8f8f8;
	// cursor: pointer;
	/*float: right;*/
	padding-top: 6px;
	margin-bottom: 8px;
	text-align: right;
	width: 30px;
}
#planmentions .pics{
	height: 36px;
}
#planmentions svg#pic04{
	fill: @white;
}

.page_link .pics{
	// color: #f8f8f8;
	// cursor: pointer;
	/*float: right;*/
	padding-top: 6px;
	margin: 0 auto 26px auto;
	text-align: right;
	width: 40px;
}
.page_link .pics{
	height: 40px + 6px;
}
.page_link svg.svg-content{
	fill: @white;
}

.bloc_title .pics{
	// color: #f8f8f8;
	// cursor: pointer;
	/*float: right;*/
	padding-top: 6px;
	margin: 0 auto 0 auto;
	text-align: right;
	width: 70px;
}
.bloc_title .pics{
	height: 70px + 6px;
}
.bloc_title svg.svg-content{
	fill: @white;
}

// .follow_me{
// 	height: 26px;
// 	overflow: hidden;
	// position: relative;
// 	z-index: 15;
// }
.follow_me p{
	// margin: 0;
	// padding: 0;
	// text-align: left;
	// width: auto;
	&:first-of-type{
		// height: 32px;
		height: 42px;
	}
	&:nth-of-type(2){
		height: 24px;
	}
}
.follow_me p .sharelink {
	display: inline-block;
	margin: 0 2px 0 0;
}
.follow_me p .sharelink:first-child {
	margin-left: 4px;
}
.follow_me p .sharelink:last-child {
}
.sharelink {
	color: @yellow;
	transition: all 0.35s ease 0s;
}
.follow_me p .sharelink .svg-container {
	line-height: 22px;
	margin: -2px 2px 0;
	&.instagram {
    margin-top: -1px;
	}
	&.twitter {
    margin-top: -4px;
	}
	&.linkedin {
		margin-top: -6px;
	}
}
.follow_me p .sharelink.facebook,
.follow_me p .sharelink.newsletter{
	padding-top: 6px;
}
.svg-container.newsletter,
.svg-container.facebook,
.svg-container.instagram,
.svg-container.twitter,
.svg-container.linkedin {
	display: inline-block;
	// height: 16px;
	text-align: center;
	width: 16px;
	vertical-align: middle;
}
.svg-container.newsletter {
    height: 16px;
}
.svg-container.facebook {
    height: 16px;
}
.svg-container.instagram {
    height: 15px;
}
.svg-container.twitter {
    height: 14px;
}
.svg-container.linkedin {
    height: 12px;
}
.follow_me .sharelink svg {
	fill: @yellow;
	transition: all 0.35s ease 0s;
	&:hover{
		fill: @pink;
	}
}
.svg-container.newsletter .svg-content,
.svg-container.facebook .svg-content,
.svg-container.instagram .svg-content,
.svg-container.twitter .svg-content,
.svg-container.linkedin .svg-content{
	height: 100%;
	position: relative;
	width: auto;
}

.follow_me.min{
	top:38px;
	right: @margin_main;
	left:inherit;
	// opacity:0.5;
	p{
		height: 32px;
		display: block;
		// &:first-of-type{
			float: left;
		// }
		&.back_to_home{
			// top: 38px;
			// position: absolute;
			// height: 32px;
			a{
				height: 32px;
				display: block;
				padding-top: 6px;
			}
		}
		.sharelink{
			display: inline-block;
			margin: 0 2px 0 0;
			&:first-child {
				margin-left: 4px;
			}
			&:last-child {
			}
		}
		.contact{
			// display: block;
			height: 100%;
			padding-top: 6px;
		}
		&.share{
			&:before{
				content:"/ ";
			}
			&.rsx{
				padding-left: 10px;
				&:before{
					color:@yellow;
				}
			}
			&.info{
				padding-left: 6px;
				&:before{
					color:@green;
				}
			}
		}
	}
}

/* RESPONSIVE */

#bloc_title #plus{
	display:none;
}

a.nav-btn,
a.close-btn{
	display:none;
}


.type-post {
    display: inline-block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.responsive{

@media only screen and (max-width: 861px) {
	// .more_content.programme .special .load{
		// display:none;
	// }
}
// @media only screen and (min-width: 400px) {
// }

// @media only screen and (min-width: 700px) {
// }

// @media only screen and (min-width: 900px) {
// }

// @media only screen and (min-width: 1100px) {
// }

@media only screen and (min-width: 1221px) and (max-width: 1260px) {
// @media only screen and (min-width: 1300px) {
	// .vcard{
	// 	&:nth-child(2){
	// 		left:28.2%;
	// 	}
	// 	&:nth-child(3){
	// 		left:28.2% * 2;
	// 	}
	// }
}


// apport CORPS&ART

// XL

// @dskxl_m_left_ctt: (348 * 100%) / 1264;
// @dskxl_plm_width: @width_ctt - @pmention_decall;

@media @desktop-xl {

}

// XXL

@media @desktop-xxl {

	.maxsize,
	// #actu,
	// #planmentions,
	// #aside_content,
	#content{
		max-width: @max_width_principal;
		margin-left: 50%;
		left: -700px;
		&.p_activity{
			.page_content .content.left .block_skills{
				&.stay{
					width: 100%;
					max-width: @max_width_principal;
					margin-left: 50%;
					left: -700px;
					padding: 0 108px;
					.maxsize{
						padding:26px 22px 26px 22px;
						left: 0;
						width: 25%;
						// width: 22%;
						position: relative;
					}
				}
				.maxsize{
					width: inherit;
					position: inherit;
					margin-left: 0;
				}
			}
			#agenda,
			#actu{
				&.stay{
					width: 100%;
					max-width: @max_width_principal;
					margin-left: 50%;
					left: -700px;
					padding: 0 108px;
				}
				.maxsize{
					margin-left: 0;
					left: 0;
				}
			}
		}
	}
	.maxsize{
		width: @width_principal;
		position:relative;
	}
	#top{
		width: 100%;
	}
	#desktop-plus{
		// #content-plus{
		// }
		// div.maxsize{
		// 	height: 100%;
		// 	overflow: hidden;
		// 	position: relative;
		// 	width: 100%;
		// 	left: -590px;
		// 	max-width: 1166px;
		// }
	}

	// .single_container{
		// max-width: @max_width_principal;
		// left: -700px;
		// margin-left: 50%;
	// }
	// .vcard{
	// 	&:nth-child(2){
	// 		left:30.2%;
	// 	}
	// 	&:nth-child(3){
	// 		left:30.2% * 2;
	// 	}
	// }

}

// S

// @desk_s_m_left_ctt : 288px;
// @desk_s_m_left_sdb : @pmention_decall * 2;

// full
// @width_full_prct: 91%;
// ctt
// @width_ctt_prct: 78%;

// general

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

// links
// @w_base_g4_prct: calc(~"(100% - @{w_base_g1} - @{margin_left_sdb}) / 4");
// @w_base_g4_prct: 86% / 4;

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

// column objets
// @goutiere_4: 2%; // utile
// @column_4: ((100% - (2 * @goutiere_3))/4); // utile


@media @desktop-s{

	#top #header_content,
	#aside_content,
	#focus,
	.list_category,
	.list-actu,
	#specific,
	#agenda,
	.separator,
	.singular .dynamic_content,
	.general .dynamic_content,
	.informations,
	#partenaires,
	#f_links .f_links_content,
	#desktop-plus #content-plus{
		// margin-left:0;
		// margin-right:0;
		margin-left: auto;
		margin-right: auto;
		max-width: 1080px;
		width:100%
	}
	#desktop-plus #content-plus{
		left:50%;
		margin-left: -540px;
	}
	.separator,
	#content .separator,
	#content-plus .separator{
		display:block;
		margin-bottom:54px;
	}
	.list-actu{
		float: none;
	}

		// #content .page_content.mode_selfie .scroll_navigation {
			// margin-top: 32px;
		// }
	// /* TYPE PAGE */

	// .page_content{
		// .type-page,
		// .type-post,
		// .type-postatelier,
		// .type-postprojets,
		// .type-postwall,
		// .type-postobjets{
			// p,h2{
				// width:@w_base_g1_prct * 2;
			// }
			// header{
			// }
			// figure{
				// width:(@w_base_g1_prct * 5);
				// &.big{
				// }
				// &.large{
					// img{
					// }
				// }
				// &.mid{
					// img{
					// }
				// }
			// }
			// p.video,
			// .video{
				// height: 86%;
				// width:(@w_base_g1_prct * 5) + @w_base_sep1_prct;
			// }
			// p,h1,h2,header{
				// margin-left:(@w_base_g1_prct * 5) + @w_base_sep1_prct;
			// }
			// &.no_media{
				// p,h1,h2,header{
					// margin-left:(@w_base_g1_prct) + @w_base_sep1_prct;
					// width:(@w_base_g1_prct * 4);
				// }
			// }
		// }
	// }

	// #top, #content, #ctt_actu {
	// }
	// #bloc_menu{
		// width:100%;
	// }
	// #content{
		// width: @width_ctt_prct;
		// p,h1,h2{
			// &.mid{
			// }
		// }
		// .contact-form{
			// input {
			// }
			// textarea{
			// }
		// }
		// .summary.block{
			// width: 100%;
			// h1,h2{
				// &.page_title{
					// width: @w_base_g1_prct * 2;
					// margin-left: @w_base_g1_prct + @w_base_sep1_prct;
				// }
			// }
			// .cat_title {
				// width:@w_base_g1_prct * 3;
				// margin-left:(@w_base_g1_prct * 3) + @w_base_sep1_prct; // si sans calc
			// }
		// }
		// p.more_link{
			// width:@w_base_g1_prct;
			// margin-left: 100% - (@w_base_g1_prct + @w_base_sep1_prct); // si sans calc
		// }
		// #scroll_content{
			// width: 102%; // si sans calc
			// .calc(width, ~"100% + ", (17px));
		// }
		// .description{
			// width:98%; // si sans calc
			// .calc(width, ~"100% - ", (17px));
			// figure{
				// &.large{
				// }
				// &.mid{
					// img{
						// max-width:316px;
					// }
				// }
				// width:(@w_base_g1_prct * 5) - @w_base_sep1_prct; // si sans calc
				// left:@w_base_sep1_prct;
				// img{
					// max-width: (@w_base_g1_prct * 5);
				// };
			// }
			// p,h1,h2,header{
				// margin-left:(@w_base_g1_prct * 5) + @w_base_sep1_prct;
			// }
		// }
	// }

	// #content p.img.mid{
	// }

	// .scroll_navigation{
		// margin-left:@width_full_prct; // si sans calc
		// .calc(margin-left, ~"@{width_ctt_prct} + ", (@w_base_g1 + @margin_left_sdb));
	// }

    // .list_post {
		// width:98%; // si sans calc
		// margin-left: @w_base_sep1_prct; // pas utile de répéter
		// .calc(width, ~"100% - ", (17px));
		// .col{
			// width:@w_base_g1_prct * 3;
		// }
		// .type-post{
			// width:84%; // si sans calc
		// }
		// &.wall{
			// width:98%; // si sans calc
			// .calc(width, ~"100% - ", (17px));
			// .col{
				// .column_proprerty(@column_3,@goutiere_3);
			// }
			// .type-post,
			// .type-postwall,
			// .type-postobjets,
			// .type-postatelier,
			// .type-postprojets{
				// width: 100%;
			// }
		// }
		// &.atelier,
		// &.projets{
			// width: @w_base_g1_prct * 6; // pas utile de répéter
			// margin-left: @w_base_sep1_prct; // pas utile de répéter
		// }
		// &.objet{
			// .multicolumn(0,1);
			// width:98%; // si sans calc
			// .calc(width, ~"100% - ", (17px));
		// }
		// .type-postobjets{
			// .column_fix_proprerty(3%,4,3);
		// }
	// }

	// #desktop-plus{
		// #content-plus{
			// width: @width_ctt_prct;
			// .dynamic_content{
				// width: 102%; // si sans calc
				// .calc(width, ~"100% + ", (17px));
				// p{
					// width: @w_base_g1_prct * 2;
					// margin-left: @w_base_g1_prct + @w_base_sep1_prct;
					// .calc(margin-left, ~"@{w_base_g1_prct} + ", (@w_base_sep1)); // si sans calc
				// }
				// figure{
					// &.large{
						// img{
						// }
					// }
					// &.mid{
						// img{
						// }
					// }
					// img{
					// }
					// p.caption{

					// }
				// }
				// #diaporama{
					// width:98%;
					// #slides ul.slidesjs-pagination {
					// }
					// #slides .slidesjs-control{
					// }
				// }
			// }
			// .summary.block{
				// width: 100%;
				// h1,h2{
					// &.dynamic_title{
						// width: @w_base_g1_prct * 2;
						// margin-left: @w_base_g1_prct + @w_base_sep1_prct;
					// }
				// }
			// }
			// p.more_link{
				// width:@w_base_g1_prct;
				// margin-left: 100% - (@w_base_g1_prct + @w_base_sep1_prct); // si sans calc
			// }
		// }
	// }

	// #planmentions{
		// width:@width_full_prct;
		// .calc(width, ~"@{width_ctt_prct} + ", (@w_base_g1 + @margin_left_sdb));
	// }

	// #f_links{
		// p{
			// &:nth-child(1){
				// margin-left:@margin_left_sdb;
				// width:@w_base_g1;
			// }
			// &:nth-child(2){
				// width:@w_base_g4_prct;
				// margin-left:@w_base_g4_prct;
			// }
			// &:nth-child(3){
				// width:@w_base_g4_prct;
			// }		// .grid_x3;
		// }
	// }

	// #diaporama{
		// width:(@w_base_g1_prct * 5) + @w_base_sep1_prct;

		// #slides {
			// .slidesjs-control{
				// width: 100% - (6% * 2) !important;
			// }
			// ul.slidesjs-pagination{
				// right: 6% !important;
			// }
		// }
		// #gallery_zoom{
			// div.caption{
				// left: 6% !important;
				// p{
					// width:auto;
				// }
			// }
		// }
	// }

	// p.video{
		// width:(@w_base_g1_prct * 5) + @w_base_sep1_prct;
		// iframe{
			// width: 100% - (6% * 2) !important;
			// margin: 0 @w_base_sep1_prct 0 @w_base_sep1_prct;
		// }
	// }

	// .video{
		// width:(@w_base_g1_prct * 5) + @w_base_sep1_prct;
		// &.onload{
		// }

		/* HACK VIDEO */

		// .video-js {
			// width: 100% - (6% * 2) !important;
		// }

	// }


	// @w_type_p2_prct : 28%;
	// @w_type_sep2_prct : 5.4%;

	// #actu{
		// width:@w_base_g1_prct * 6;
		// margin-left: @w_base_g1_prct + @w_base_sep1_prct;
		// #nav_actu{
		// }
		// nav {
			// p.plus{
			// }
		// }

		// #ctt_actu{
			// width:100%;
			// overflow: hidden;
			// .type-post{
				// width:@w_type_p2_prct;
				// margin-right:@w_type_sep2_prct;
			// }
		// }

	// }

}

// XS

// @desk_xs_m_left_ctt : 288px;
// @desk_xs_m_left_sdb : @pmention_decall * 2;
// @dskxl_xs_plm_width: @width_ctt - @pmention_decall;

// full
// @width_full_prct: 96.5%;
// ctt
// @width_ctt_prct: 82.5%;

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

@media @desktop-xs{

	#top #header_content,
	#aside_content,
	#focus,
	.list_category,
	.list-actu,
	#specific,
	#agenda,
	.singular .dynamic_content,
	.general .dynamic_content,
	.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:50%;
		margin-left: -500px;
	}
	.vcard{
		// background: url("../imgs/etiquette/etiquette-t.png") no-repeat scroll left top transparent;
		width: 280px;
		background-size: 100% auto;
		// background-size: 92% auto;
		padding-top: 56px;
		padding-left: 72px;
		&:nth-child(4){
			// background-position: right top;
			// padding-left: 100px;
		 }
	}


	// #content .summary.block {
		// padding: 0 15%;
	// }
	// #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:102px;
		// line-height:104px;
	// }
	// #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:32px;
	// }
	// #content .summary.block h1.front.page_description,
	// #content .summary.block h2.front.page_description{
		// margin:0;
	// }
	// .show_menu .show-item-menu {
		// margin: 0 4% 0 0;
	// }
	// .show_menu.submenu .show-item-menu a{
		// font-size:25px;
		// line-height:34px;
	// }
	// show_description {
		// bottom: 116px;
	// }

	// #content .texte .detail-txt p {
		// font-size: 17px;
		// line-height: 22px;
	// }

	// #content,
	// #desktop-plus #content-plus{
		// width:@width_ctt_prct * @margin_right_sdb_prct; // si sans calc
		// .calc(width, ~"@{width_ctt_prct} + ", @margin_right_sdb);
	// }
	// .scroll_navigation{
		// margin-left:@width_full_prct * @margin_right_sdb_prct2; // si sans calc
		// .calc(margin-left, ~"@{width_ctt_prct} + ", (@w_base_g1 + @margin_left_sdb + @margin_right_sdb));
	// }
	// #planmentions{
		// width:@width_full_prct * @margin_right_sdb_prct2; // si sans calc
		// .calc(width, ~"@{width_ctt_prct} + ", (@w_base_g1 + @margin_left_sdb + @margin_right_sdb));
	// }

	// img.action_sep {
		// right: -90px;
		// top: 36px;
	// }
	// img.action_sep_fd {
		// right: -90px;
		// top: -24px;
	// }
	// img.as7 {
		// display:none;
	// }

}

} // responsive

// @import '../css/diaporama.less';

// temporaire
#content.p_activity .page_content .content.left .block_skills.stay .maxsize {
    width: 22%
}
@media screen and (max-width: 600px){
	#content.p_directory #search_form label::before {
		// content: "Nom ou identité commerciale";
		content: "Activité, nom ou identité commerciale";
	}
}


.responsive{

@media @highdensity {

	// logo / visu

	// #logo .link {
		// background: transparent url("../imgs/logo@2x.png") no-repeat scroll 0 ~"0 / 100% auto";
	// }
	// #bloc_title .visu {
		// background: transparent url("../imgs/corpsetart_1@2x.png") no-repeat scroll 0 ~"0 /" 100% auto;
	// }
	// .parent-pageid-30, .parent-pageid-38{
		// #bloc_title .visu{
			// background: transparent url("../imgs/corpsetart_2@2x.png") no-repeat scroll -51px ~"0 /" 100% auto;
		// }
	// }
	// .parent-pageid-44 #bloc_title .visu {
		// background: transparent url("../imgs/corpsetart_3@2x.png") no-repeat scroll 47px ~"0 /" 100% auto;
	// }

	// loader

	// #loader {
		// .img_byfd_replace("../imgs/loader25.gif", 15px, 15px);
		// height:15px;
		// display: none;
	// }

	// a#desktop-open-btn::before {
		// background: transparent url("../imgs/plus_open@2x.png") no-repeat scroll left ~"center /" 100% auto;
	// }
	// a#desktop-open-btn:hover::before {
		// background: transparent url("../imgs/plus_hover@2x.png") no-repeat scroll left ~"center /" 100% auto;
	// }
	// .info-open a#desktop-open-btn::before {
		// background: transparent url("../imgs/plus_close@2x.png") no-repeat scroll left ~"center /" 100% auto;
	// }

	// search

	// input#submit {
		// background: transparent url("../imgs/loupe@2x.png") no-repeat scroll left ~"center /" 100% auto;
		// &:hover{
			// background: transparent url("../imgs/loupe_hover_o@2x.png") no-repeat scroll left ~"center /" 100% auto;
		// }
	// }

}


/* controler */

@media @highdensity {
	.stylesheet p.retina{
		display:block;
	}
	.detail-img{
		.help_player{
		}
		&:hover{
			.help_player{
				background: none;
			}
		}
	}
}

} // responsive

.stylesheet p.general{
	display:block;
}