/*normalize*/


body{margin:0;}
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}
mark{background:#ff0;color:#000;}
code,kbd,pre,samp{font-family:monospace,serif;font-size:1em;}
pre{white-space:pre-wrap;}
q{quotes:"\201C" "\201D" "\2018" "\2019";}
small{font-size:80%;}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sup{top:-0.5em;}sub{bottom:-0.25em;}
svg:not(:root){overflow:hidden;}
figure{margin:0;}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}
legend{border:0;padding:0;}
button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;}
button,input{line-height:normal;}
button,select{text-transform:none;}
button,html input[type="button"],
input[type="reset"],
input[type="submit"]{-webkit-appearance:button;cursor:pointer;}
button[disabled],
html input[disabled]{cursor:default;}
input[type="checkbox"],
input[type="radio"]{box-sizing:border-box;padding:0;}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
button::-moz-focus-inner,
input::-moz-focus-inner{border:0;padding:0;}
textarea{overflow:auto;vertical-align:top;}
table{border-collapse:collapse;border-spacing:0;}

/*menu*/


.container, 
.content-wrap {
	overflow: hidden;
	width: 100%;
	height: 100%;
}

.container {
	background: #f;
}

/*#menu_principal .menu-wrap a {
	
	font-weight:200;
	text-align:right;
}
.menu-wrap a {
	color: #b8b7ad;
	font-weight:200;

}

.menu-wrap a:hover,
.menu-wrap a:focus {
	color: #c94e50;
}*/

#menu_principal  a {
	color: #b8b7ad;
	font-weight:200;
	text-align:right;
}


#menu_principal a:hover,
#menu_principal a:focus {
	color: #c94e50;
}

.content-wrap {
	overflow-y: none;
	-webkit-overflow-scrolling: touch;
	-webkit-transition: -webkit-transform 0.4s;
	transition: transform 0.4s;
}

.content {
	position: relative;
	background-image:url("../../../images/bg_agenda.png");
	background-position:50% 50%;
	background-attachment:fixed;
	background-size:cover;
}
/*
.content::before {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.3);
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.4s, -webkit-transform 0s 0.4s;
	transition: opacity 0.4s, transform 0s 0.4s;
	-webkit-transform: translate3d(100%,0,0);
	transform: translate3d(100%,0,0);
}*/

/* Menu Button */
.menu-button {
	position: fixed;
	z-index: 9999;
	margin: 1em;
	padding: 0;
	width: 2.5em;
	height: 2.25em;
	border: 1px solid #ddd;
	text-indent: 2.5em;
	font-size: 1.2em;
	color: transparent;
	background: white;
	border-radius:10px;
	opacity:0.75;
}

.menu-button::before {
	position: absolute;
	top: 0.5em;
	right: 0.5em;
	bottom: 0.5em;
	left: 0.5em;
	background: linear-gradient(#373a47 20%, transparent 20%, transparent 40%, #373a47 40%, #373a47 60%, transparent 60%, transparent 80%, #373a47 80%);
	content: '';
}



.menu-button:hover {
	opacity: 1;
}


#open-button span {
	opacity:0;
}
/*
#open-button:hover span {
 color: #c94e50;
	opacity:1;
    display: inline;
    font-size: 14px;
    font-weight: bold;
    left: -61px;
    margin-top: 20px;
    position: absolute;
    text-align: center;
    width: 210px;	
	transition: opacity 1s ease 0s;
	-webkit-transition: opacity 1s ease 0s;
}
*/
#open-button8 span:nth-child(2) {
	opacity:0;
}
/*
#open-button8:hover span:nth-child(2) {
 color: #c94e50;
	opacity:1;
   display: inline;
    font-size: 14px;
    font-weight: bold;
    left: -27px;
    margin-top: -24px;
    position: absolute;
    text-align: center;
    width: 210px;
	transition: opacity 1s ease 0s;
	-webkit-transition: opacity 1s ease 0s;
}
*/

/* Close Button */
.close-button {
	width: 16px;
	height: 16px;
	position: absolute;
	right: 1em;
	top: 1em;
	overflow: hidden;
	text-indent: 16px;
	border: none;
	z-index: 1001;
	background: transparent;
	color: transparent;
}

.close-button::before,
.close-button::after {
	content: '';
	position: absolute;
	width: 2px;
	height: 100%;
	top: 0;
	left: 50%;
	background: #888;
}

.close-button::before {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.close-button::after {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

/* Menu */
.menu-wrap {
	position: fixed;
	z-index: 1001;
	width: 280px;
	height: 100%;
	font-size: 1.15em;
	-webkit-transform: translate3d(-280px,0,0);
	transform: translate3d(-280px,0,0);
	-webkit-transition: -webkit-transform 0.4s;
	transition: transform 0.4s;
}

.menu {
	position: relative;
	z-index: 1000;
	padding: 2em 1em 0;
}

.menu,
.close-button {
	opacity: 0;
	-webkit-transform: translate3d(-160px,0,0);
	transform: translate3d(-160px,0,0);
	-webkit-transition: opacity 0s 0.3s, -webkit-transform 0s 0.3s;
	transition: opacity 0s 0.3s, transform 0s 0.3s;
	-webkit-transition-timing-function: cubic-bezier(.17,.67,.1,1.27);
	transition-timing-function: cubic-bezier(.17,.67,.1,1.27);
}

.icon-list a {
	display: block;
	padding: 9px;
}

.icon-list ul {
	margin:o;
}
.icon-list i {
	font-size: 1.5em;
	vertical-align: middle;
	color: #282a35;
}

.icon-list a span {
	margin-left: 10px;
	font-size: 0.85em;
	font-weight: 700;
	vertical-align: middle;
}

/* Morph Shape (ancien remplissage :url(#MyGradient) */
.morph-shape {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
	fill: rgba(30, 40, 82, 0.95);
}

/* Shown menu */
.show-menu .menu-wrap,
.show-menu .content::before {
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}

.show-menu .menu-wrap,
.show-menu .menu,
.show-menu .close-button,
.show-menu .morph-shape,
.show-menu .content::before {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.show-menu .menu,
.show-menu .close-button {
	opacity: 1;
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
	-webkit-transition-delay: 0.4s;
	transition-delay: 0.4s;
}

.show-menu .content::before {
	opacity: 0;
	-webkit-transition: opacity 0.4s;
	transition: opacity 0.4s;
}

/*mon ajout de mix*/


/* Menu Button */

.menu-button8 {
background: rgba(247,247,245, 0.6) none repeat scroll 0 0;
    border: 1px solid #ddd;
    border-radius: 10px;
    color: transparent;
    font-size: 1.2em;
    height: 2.25em;
    margin: 1.3em;
    opacity: 1;
 position: fixed;
	bottom: 0;
	padding: 0;
	width: 2.5em;
    z-index: 9999;
	display:none;
}

.menu-button8 span {
}

.menu-button8 img {
	width:100%;
	padding-left:1px;
	padding-top:1px;
}
.menu-button8:hover {
	opacity: 0.9;
}

/* Menu */
.menu-wrap8 {
	position: fixed;
	z-index: 999;
	background: #ebedf4;
	-webkit-transition: width 0.3s, height 0.3s;
	transition: width 0.3s, height 0.3s;
	width: 0;
	height: 0;
	font-size: 1.5em;
	bottom: 1em;
	left: 1em;
	-webkit-transform-origin: 0% 100%;
	transform-origin: 0% 100%;
}

@media screen and (max-width: 50em) {
	.menu-button8 {
		margin: 0.25em;
	}
	.menu-wrap8 {
		bottom: 0.25em;
		left: 0.25em;
	}
}

.menu8 {
	height: 100%;
	opacity: 0;
	font-size: 0.65em;
	color: #64697d;
	text-align: right;
}

.profile {
	display: inline-block;
	line-height: 42px;
	font-weight: 700;
	padding: 1em;
}

.profile img {
	float: right;
	border-radius: 50%;
	margin-left: 10px;
}

.link-list8 {
	padding: 1.35em 0;
	margin: 0 0.75em;
	border-bottom: 3px solid rgba(125,129,148,0.2);
	border-top: 3px solid rgba(125,129,148,0.2);
}

.link-list8 a {
	display: block;
	margin: 0.25em 0;
	color: #7d8194;
	padding: 0.5em 1.5em;
}

.link-list8 a:hover,
.link-list8 a:focus {
	color: #64697d;
}

.link-list8 a span {
	margin-left: 10px;
	font-weight: 700;
	vertical-align: middle;
}

.icon-list8 {
	position: absolute;
	right: 1em;
	bottom: 0.9em;
}

.icon-list8 a {
	font-size: 1.5em;
	margin-left: 0.25em;
	color: rgba(125,129,148,0.5);
}

/* Shown menu */
.show-menu8 .content::before {
	opacity: 0;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.show-menu8 .menu-wrap8 {
	width: 200px;
	height: 166px;
	border-radius:10px;
	-webkit-animation: anim-jelly 0.8s linear forwards;
	animation: anim-jelly 0.8s linear forwards;
	z-index:10000;
}

.show-menu8 .menu8 {
	opacity: 1;
	-webkit-transition: opacity 0.3s 0.3s;
	transition: opacity 0.3s 0.3s;
}

/* Generated with Bounce.js. Edit at http://goo.gl/PJ93gs */

@-webkit-keyframes anim-jelly { 
  0% { -webkit-transform: matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  3.333333% { -webkit-transform: matrix3d(0.32778, 0, 0, 0, 0, 0.32778, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.32778, 0, 0, 0, 0, 0.32778, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  6.666667% { -webkit-transform: matrix3d(0.69875, 0, 0, 0, 0, 0.69875, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.69875, 0, 0, 0, 0, 0.69875, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  10% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  13.333333% { -webkit-transform: matrix3d(1.1815, 0, 0, 0, 0, 1.1815, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.1815, 0, 0, 0, 0, 1.1815, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  16.666667% { -webkit-transform: matrix3d(1.24402, 0, 0, 0, 0, 1.24402, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.24402, 0, 0, 0, 0, 1.24402, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  20% { -webkit-transform: matrix3d(1.21871, 0, 0, 0, 0, 1.21871, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.21871, 0, 0, 0, 0, 1.21871, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  23.333333% { -webkit-transform: matrix3d(1.14702, 0, 0, 0, 0, 1.14702, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.14702, 0, 0, 0, 0, 1.14702, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  26.666667% { -webkit-transform: matrix3d(1.06589, 0, 0, 0, 0, 1.06589, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.06589, 0, 0, 0, 0, 1.06589, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  30% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  33.333333% { -webkit-transform: matrix3d(0.9603, 0, 0, 0, 0, 0.9603, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.9603, 0, 0, 0, 0, 0.9603, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  36.666667% { -webkit-transform: matrix3d(0.94663, 0, 0, 0, 0, 0.94663, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.94663, 0, 0, 0, 0, 0.94663, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  40% { -webkit-transform: matrix3d(0.95217, 0, 0, 0, 0, 0.95217, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.95217, 0, 0, 0, 0, 0.95217, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  43.333333% { -webkit-transform: matrix3d(0.96784, 0, 0, 0, 0, 0.96784, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.96784, 0, 0, 0, 0, 0.96784, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  46.666667% { -webkit-transform: matrix3d(0.98559, 0, 0, 0, 0, 0.98559, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.98559, 0, 0, 0, 0, 0.98559, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  50% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  53.333333% { -webkit-transform: matrix3d(1.00868, 0, 0, 0, 0, 1.00868, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00868, 0, 0, 0, 0, 1.00868, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  56.666667% { -webkit-transform: matrix3d(1.01167, 0, 0, 0, 0, 1.01167, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.01167, 0, 0, 0, 0, 1.01167, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  60% { -webkit-transform: matrix3d(1.01046, 0, 0, 0, 0, 1.01046, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.01046, 0, 0, 0, 0, 1.01046, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  63.333333% { -webkit-transform: matrix3d(1.00703, 0, 0, 0, 0, 1.00703, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00703, 0, 0, 0, 0, 1.00703, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  66.666667% { -webkit-transform: matrix3d(1.00315, 0, 0, 0, 0, 1.00315, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00315, 0, 0, 0, 0, 1.00315, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  70% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  73.333333% { -webkit-transform: matrix3d(0.9981, 0, 0, 0, 0, 0.9981, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.9981, 0, 0, 0, 0, 0.9981, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  76.666667% { -webkit-transform: matrix3d(0.99745, 0, 0, 0, 0, 0.99745, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99745, 0, 0, 0, 0, 0.99745, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  80% { -webkit-transform: matrix3d(0.99771, 0, 0, 0, 0, 0.99771, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99771, 0, 0, 0, 0, 0.99771, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  83.333333% { -webkit-transform: matrix3d(0.99846, 0, 0, 0, 0, 0.99846, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99846, 0, 0, 0, 0, 0.99846, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  86.666667% { -webkit-transform: matrix3d(0.99931, 0, 0, 0, 0, 0.99931, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99931, 0, 0, 0, 0, 0.99931, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  90% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  93.333333% { -webkit-transform: matrix3d(1.00042, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00042, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  96.666667% { -webkit-transform: matrix3d(1.00056, 0, 0, 0, 0, 1.00056, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00056, 0, 0, 0, 0, 1.00056, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);} 
}

@keyframes anim-jelly { 
  0% { -webkit-transform: matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  3.333333% { -webkit-transform: matrix3d(0.32778, 0, 0, 0, 0, 0.32778, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.32778, 0, 0, 0, 0, 0.32778, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  6.666667% { -webkit-transform: matrix3d(0.69875, 0, 0, 0, 0, 0.69875, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.69875, 0, 0, 0, 0, 0.69875, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  10% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  13.333333% { -webkit-transform: matrix3d(1.1815, 0, 0, 0, 0, 1.1815, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.1815, 0, 0, 0, 0, 1.1815, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  16.666667% { -webkit-transform: matrix3d(1.24402, 0, 0, 0, 0, 1.24402, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.24402, 0, 0, 0, 0, 1.24402, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  20% { -webkit-transform: matrix3d(1.21871, 0, 0, 0, 0, 1.21871, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.21871, 0, 0, 0, 0, 1.21871, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  23.333333% { -webkit-transform: matrix3d(1.14702, 0, 0, 0, 0, 1.14702, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.14702, 0, 0, 0, 0, 1.14702, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  26.666667% { -webkit-transform: matrix3d(1.06589, 0, 0, 0, 0, 1.06589, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.06589, 0, 0, 0, 0, 1.06589, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  30% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  33.333333% { -webkit-transform: matrix3d(0.9603, 0, 0, 0, 0, 0.9603, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.9603, 0, 0, 0, 0, 0.9603, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  36.666667% { -webkit-transform: matrix3d(0.94663, 0, 0, 0, 0, 0.94663, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.94663, 0, 0, 0, 0, 0.94663, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  40% { -webkit-transform: matrix3d(0.95217, 0, 0, 0, 0, 0.95217, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.95217, 0, 0, 0, 0, 0.95217, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  43.333333% { -webkit-transform: matrix3d(0.96784, 0, 0, 0, 0, 0.96784, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.96784, 0, 0, 0, 0, 0.96784, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  46.666667% { -webkit-transform: matrix3d(0.98559, 0, 0, 0, 0, 0.98559, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.98559, 0, 0, 0, 0, 0.98559, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  50% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  53.333333% { -webkit-transform: matrix3d(1.00868, 0, 0, 0, 0, 1.00868, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00868, 0, 0, 0, 0, 1.00868, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  56.666667% { -webkit-transform: matrix3d(1.01167, 0, 0, 0, 0, 1.01167, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.01167, 0, 0, 0, 0, 1.01167, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  60% { -webkit-transform: matrix3d(1.01046, 0, 0, 0, 0, 1.01046, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.01046, 0, 0, 0, 0, 1.01046, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  63.333333% { -webkit-transform: matrix3d(1.00703, 0, 0, 0, 0, 1.00703, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00703, 0, 0, 0, 0, 1.00703, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  66.666667% { -webkit-transform: matrix3d(1.00315, 0, 0, 0, 0, 1.00315, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00315, 0, 0, 0, 0, 1.00315, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  70% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  73.333333% { -webkit-transform: matrix3d(0.9981, 0, 0, 0, 0, 0.9981, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.9981, 0, 0, 0, 0, 0.9981, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  76.666667% { -webkit-transform: matrix3d(0.99745, 0, 0, 0, 0, 0.99745, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99745, 0, 0, 0, 0, 0.99745, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  80% { -webkit-transform: matrix3d(0.99771, 0, 0, 0, 0, 0.99771, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99771, 0, 0, 0, 0, 0.99771, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  83.333333% { -webkit-transform: matrix3d(0.99846, 0, 0, 0, 0, 0.99846, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99846, 0, 0, 0, 0, 0.99846, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  86.666667% { -webkit-transform: matrix3d(0.99931, 0, 0, 0, 0, 0.99931, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99931, 0, 0, 0, 0, 0.99931, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  90% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  93.333333% { -webkit-transform: matrix3d(1.00042, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00042, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  96.666667% { -webkit-transform: matrix3d(1.00056, 0, 0, 0, 0, 1.00056, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00056, 0, 0, 0, 0, 1.00056, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);} 
}

/**********************************Mes ajouts*****************/


.separateur_menu{
	visibility:hidden;
}

.titre_menu {
	color:#f7f7f5;
	font-weight:200;

}
#menu_principal .titre_menu {
	color:#f7f7f5;
	font-size:18px;
	font-weight:200;
}

#menu_principal li{
	text-align:right;
}
/***lien de menu "accueil **/
#menu_principal li:first-child{
	padding-bottom:30px;
}
/***titre de menu "les créations en tournée"***/
#menu_principal li:nth-child(2){
	text-align:left;
}
/**lien de menu les dates de tournée**/
#menu_principal li:nth-child(7){
	
}

/** lien de menu "la compagnie"**/
#menu_principal li:nth-child(8){
	
}


/****lien de menu "l'actu"***/
#menu_principal li:nth-child(9){
	
}



/************************menu espace pro ******************/

.pro *,*:before,*:after {
	box-sizing: border-box;
}

.pro:after {
	content: "";
}



.pro h1 { 
  margin:80px 0 10px 0;
  font-size: 52px;
  font-family: 'Montserrat', sans-serif;
  text-transform: uppercase;
  text-shadow: 1px 1px 0px #DC143C,
	2px 2px 0px #DC143C,
	3px 3px 0px #DC143C,
	4px 4px 0px #DC143C;
}

.pro h2 {
  font-size: 24px;
}



.pro nav {
  float: right;
	position: relative;
	top: 0;
  left: 0;
	background: transparent;
}

.pro nav ul {
	text-align: center;
}

.pro nav ul li {
	position: relative;
  width: 70px;
  height:80px;
  cursor: pointer;
	
	text-transform: uppercase;
	transition:all .4s ease-out;
}

.espace_pro_like_me .pro nav ul li {
background: crimson;
}
.espace_pro_alerte .pro nav ul li {
background: #3B6084;
}
.espace_pro_cataclysme .pro nav ul li {
background: #3F8864;
}


.pro nav ul li:after {
	position: absolute;
	background: white;

	top:0;
	left: 70px;
	width: 70px; height: 100%;
  opacity:.5;
  transform: perspective(400px) rotateY(90deg);
	transform-origin: 0 100%;
	transition:all .4s ease-out;
}
.espace_pro_like_me nav ul li:after {
		color: crimson;
}
.espace_pro_alerte nav ul li:after {
		color: #3B6084;
}
.espace_pro_cataclysme nav ul li:after {
		color: #3F8864;
}

/***cubes like me***/
#cube_1:after { 
	content: "dossier";
	line-height: 80px;
}

#cube_2:after { 
	content: "kit com";
		line-height: 80px;
	
}
#cube_3:after { 
	content: "dossier péda";
	line-height: 20px;
	padding-top:20px;
}
#cube_4:after { 
	content: "dates";
		line-height: 80px;
	
}

/***cubes alerte***/
#cube_5:after { 
	content: "dossier";
	line-height: 80px;
}

#cube_6:after { 
	content: "kit com";
		line-height: 80px;
	
}
#cube_7:after { 
	content: "dossier péda";
	line-height: 20px;
	padding-top:20px;
}

#cube_8:after { 
	content: "dates";
		line-height: 80px;
	
}

/***Cubes cataclysme**/
#cube_9:after { 
	content: "dossier";
	line-height: 80px;
}

#cube_10:after { 
	content: "kit com";
		line-height: 80px;
	
}
#cube_11:after { 
	content: "dossier péda";
	line-height: 20px;
	padding-top:20px;
}
#cube_12:after { 
	content: "dates";
		line-height: 80px;
	
}
.pro nav ul li:hover {
	transform: translateX(-70px);
}

.pro nav ul li:hover:after {
  opacity: 1;
	transform: perspective(400px) rotateY(0deg) scale(1) ;
}


.pro nav ul li > div {
	display: inline-block;
	padding: 25px 0;
	background: transparent;
}

.pro nav ul li div { position: relative; }

.pro nav ul li img {
	width:40px;
}

.dossier {
	
}


/************************************Pieuvre****************/

		@import url("https://fonts.googleapis.com/css?family=Cute+Font&display=swap");
		.list__contact, .list__strauss .list__straussItem li, .list__strauss, .list__clients .list__clientsItems li, .list__clients, .list__about, .list__home {
		  position: absolute;
		  opacity: 0;
		  bottom: 0;
		  z-index: -1;
		  -webkit-transform-origin: bottom center;
		  -moz-transform-origin: bottom center;
		  -ms-transform-origin: bottom center;
		  -o-transform-origin: bottom center;
		  transform-origin: bottom center;
		  -webkit-box-sizing: border-box;
		  -moz-box-sizing: border-box;
		  -ms-box-sizing: border-box;
		  -o-box-sizing: border-box;
		  box-sizing: border-box;
		}
		.list__contact:after, .list__strauss .list__straussItem li:after, .list__strauss:after, .list__clients .list__clientsItems li:after, .list__clients:after, .list__about:after, .list__home:after {
		  top: 100px;
		  width: 1px;
		  height: 100%;
		  background: #555273;
		  z-index: -1;
		}
		.list__contact a, .list__strauss .list__straussItem li a, .list__strauss a, .list__clients .list__clientsItems li a, .list__clients a, .list__about a, .list__home a {
		  display: flex;
		  width: 100px;
		  height: 100px;
		  -webkit-align-items: center;
		  -moz-align-items: center;
		  -ms-align-items: center;
		  -o-align-items: center;
		  align-items: center;
		  margin: auto;
		  justify-content: center;
		  -webkit-box-pack: center;
		  -ms-flex-pack: center;
		  border-radius: 50%;
		  line-height: 1;
		  color: #e2eff1;
		  -webkit-box-sizing: border-box;
		  -moz-box-sizing: border-box;
		  -ms-box-sizing: border-box;
		  -o-box-sizing: border-box;
		  box-sizing: border-box;
		}
		.list__contact a:visited, .list__strauss a:visited, .list__clients a:visited, .list__about a:visited, .list__home a:visited, .list__contact a:active, .list__strauss a:active, .list__clients a:active, .list__about a:active, .list__home a:active {
		  color: #e2eff1;
		}
		.list__contact a:hover, .list__strauss a:hover, .list__clients a:hover, .list__about a:hover, .list__home a:hover {
		  color: #fff;
		}

		.toggle:checked + .label .list__contact, .toggle:checked + .label .list__strauss, .toggle:checked + .label .list__clients, .toggle:checked + .label .list__about, .toggle:checked + .label .list__home {
		  opacity: 1;
		  z-index: 0;
		}

		.pieuvre nav {
		  position: relative;
		  margin: auto;
		  width: 500px;
		  height: 100%;
		  -webkit-transform: scale(0.8);
		  -moz-transform: scale(0.8);
		  -ms-transform: scale(0.8);
		  -o-transform: scale(0.8);
		  transform: scale(0.8);
		}

		.pieuvre ul {
		  padding: 0;
		  margin: 0;
		  font-size: 30px;
		  text-align: center;
		}

		.pieuvre li {
		  list-style: none;
		}

		.toggle {
		  opacity: 0;
		}
		.toggle:checked + .label .hum {
		  -webkit-transition: 0.8s;
		  -moz-transition: 0.8s;
		  -ms-transition: 0.8s;
		  -o-transition: 0.8s;
		  transition: 0.8s;
		  -webkit-transform: rotate(45deg) translate(10px, 10px);
		  -moz-transform: rotate(45deg) translate(10px, 10px);
		  -ms-transform: rotate(45deg) translate(10px, 10px);
		  -o-transform: rotate(45deg) translate(10px, 10px);
		  transform: rotate(45deg) translate(10px, 10px);
		}
		.toggle:checked + .label .hum:before {
		  -webkit-transition: 0.8s;
		  -moz-transition: 0.8s;
		  -ms-transition: 0.8s;
		  -o-transition: 0.8s;
		  transition: 0.8s;
		  -webkit-transform: rotate(-90deg) translate(10px, 0px);
		  -moz-transform: rotate(-90deg) translate(10px, 0px);
		  -ms-transform: rotate(-90deg) translate(10px, 0px);
		  -o-transform: rotate(-90deg) translate(10px, 0px);
		  transform: rotate(-90deg) translate(10px, 0px);
		}
		.toggle:checked + .label .hum:after {
		  opacity: 0;
		  -webkit-transition: 0.8s;
		  -moz-transition: 0.8s;
		  -ms-transition: 0.8s;
		  -o-transition: 0.8s;
		  transition: 0.8s;
		  -webkit-transform: rotate(-90deg) translate(20px, 0px);
		  -moz-transform: rotate(-90deg) translate(20px, 0px);
		  -ms-transform: rotate(-90deg) translate(20px, 0px);
		  -o-transform: rotate(-90deg) translate(20px, 0px);
		  transform: rotate(-90deg) translate(20px, 0px);
		}
		.toggle:checked + .label .list__home {
		  opacity: 1;
		  height: 200px;
		  -webkit-transition: 0.8s;
		  -moz-transition: 0.8s;
		  -ms-transition: 0.8s;
		  -o-transition: 0.8s;
		  transition: 0.8s;
		}
		.toggle:checked + .label .list__about {
		  opacity: 1;
		  height: 200px;
		  -webkit-transition: 0.8s;
		  -moz-transition: 0.8s;
		  -ms-transition: 0.8s;
		  -o-transition: 0.8s;
		  transition: 0.8s;
		}
		.toggle:checked + .label .list__clients {
		  opacity: 1;
		  -webkit-transition: 0.8s;
		  -moz-transition: 0.8s;
		  -ms-transition: 0.8s;
		  -o-transition: 0.8s;
		  transition: 0.8s;
		  -webkit-transform: translate(200px, -200px) rotate(45deg);
		  -moz-transform: translate(200px, -200px) rotate(45deg);
		  -ms-transform: translate(200px, -200px) rotate(45deg);
		  -o-transform: translate(200px, -200px) rotate(45deg);
		  transform: translate(200px, -200px) rotate(45deg);
		}
		.toggle:checked + .label .list__clients:after {
		  height: 36px;
		  -webkit-transition: 1.1s;
		  -moz-transition: 1.1s;
		  -ms-transition: 1.1s;
		  -o-transition: 1.1s;
		  transition: 1.1s;
		}
		.toggle:checked + .label .list__clients li {
		  opacity: 0;
		}
		.toggle:checked + .label .list__strauss {
		  opacity: 1;
		  -webkit-transition: 0.8s;
		  -moz-transition: 0.8s;
		  -ms-transition: 0.8s;
		  -o-transition: 0.8s;
		  transition: 0.8s;
		  -webkit-transform: translate(90px, -260px) rotate(-135deg);
		  -moz-transform: translate(90px, -260px) rotate(-135deg);
		  -ms-transform: translate(90px, -260px) rotate(-135deg);
		  -o-transform: translate(90px, -260px) rotate(-135deg);
		  transform: translate(90px, -260px) rotate(-135deg);
		}
		.toggle:checked + .label .list__strauss:after {
		  height: 36px;
		  -webkit-transition: 1.1s;
		  -moz-transition: 1.1s;
		  -ms-transition: 1.1s;
		  -o-transition: 1.1s;
		  transition: 1.1s;
		}
		.toggle:checked + .label .list__clientsItems:nth-of-type(1) {
		  height: 0;
		}
		.toggle:checked + .label .list__contact {
		  opacity: 1;
		  height: 200px;
		  -webkit-transition: 0.8s;
		  -moz-transition: 0.8s;
		  -ms-transition: 0.8s;
		  -o-transition: 0.8s;
		  transition: 0.8s;
		}

		.pieuvre .label {
		  position: absolute;
		  top: calc(50% - (100px / 2));
		  left: calc(50% - (100px / 2));
		  width: 100px;
		  height: 100px;
		  background-color: #e23e57;
		  border-radius: 50%;
		  z-index: 10;
		}

		.pieuvre .list {
		  position: absolute;
		  top: -200px;
		  left: calc(50% - 250px);
		  width: 500px;
		  height: 500px;
		  -webkit-transform-origin: center;
		  -moz-transform-origin: center;
		  -ms-transform-origin: center;
		  -o-transform-origin: center;
		  transform-origin: center;
		}
		.list__home {
		  height: 10px;
		  transform: translate(200px, -300px);
		  -webkit-transform: translate(200px, -300px);
		  overflow: hidden;
		  -webkit-transition: 0.8s;
		  -moz-transition: 0.8s;
		  -ms-transition: 0.8s;
		  -o-transition: 0.8s;
		  transition: 0.8s;
		  -webkit-transform: translate(200px, -300px);
		  -moz-transform: translate(200px, -300px);
		  -ms-transform: translate(200px, -300px);
		  -o-transform: translate(200px, -300px);
		  transform: translate(200px, -300px);
		}
		.list__home a {
		  background: #65799b;
		}
		.list__about {
		  height: 10px;
		  overflow: hidden;
		  transform: translate(158px, -275px) rotate(-45deg);
		  -webkit-transform: translate(158px, -275px) rotate(-45deg);
		  -moz-transform: translate(158px, -275px) rotate(-45deg);
		  -ms-transform: translate(158px, -275px) rotate(-45deg);
		  -o-transform: translate(158px, -275px) rotate(-45deg);
		  transform: translate(158px, -275px) rotate(-45deg);
		  -webkit-transition: 0.8s;
		  -moz-transition: 0.8s;
		  -ms-transition: 0.8s;
		  -o-transition: 0.8s;
		  transition: 0.8s;
		}
		.list__about a {
		  background: #65799b;
		  -webkit-transform: rotate(45deg);
		  -moz-transform: rotate(45deg);
		  -ms-transform: rotate(45deg);
		  -o-transform: rotate(45deg);
		  transform: rotate(45deg);
		}
		.list__clients {
		  width: 300px;
		  height: 300px;
		  -webkit-transition: 0.8s;
		  -moz-transition: 0.8s;
		  -ms-transition: 0.8s;
		  -o-transition: 0.8s;
		  transition: 0.8s;
		  -webkit-transform: translate(100px, -110px) rotate(45deg);
		  -moz-transform: translate(100px, -110px) rotate(45deg);
		  -ms-transform: translate(100px, -110px) rotate(45deg);
		  -o-transform: translate(100px, -110px) rotate(45deg);
		  transform: translate(100px, -110px) rotate(45deg);
		}
		.list__clients a {
		  background: #65799b;
		}
		.list__clients a span {
		  -webkit-transform: rotate(-45deg);
		  -moz-transform: rotate(-45deg);
		  -ms-transform: rotate(-45deg);
		  -o-transform: rotate(-45deg);
		  transform: rotate(-45deg);
		}
		.list__clients:after {
		  top: 250px;
		  width: 1px;
		  height: 0;
		  background: #555273;
		  left: 45px;
		  -webkit-transition: 0.3s;
		  -moz-transition: 0.3s;
		  -ms-transition: 0.3s;
		  -o-transition: 0.3s;
		  transition: 0.3s;
		}
		.list__clients .list__clientsItems {
		  -webkit-transition: 0.8s;
		  -moz-transition: 0.8s;
		  -ms-transition: 0.8s;
		  -o-transition: 0.8s;
		  transition: 0.8s;
		}
		.list__clients .list__clientsItems li {
		  -webkit-transition: 0.8s;
		  -moz-transition: 0.8s;
		  -ms-transition: 0.8s;
		  -o-transition: 0.8s;
		  transition: 0.8s;
		  opacity: 0;
		  width: 100px;
		  height: 0;
		  overflow: hidden;
		}
		.list__clients .list__clientsItems li:after {
		  z-index: -1;
		}
		.list__clients .list__clientsItems li a {
		  margin: 0 0 auto 0;
		  background: #555273;
		}
		.list__clients .list__clientsItems li:after {
		  top: 100px;
		  left: 50px;
		}
		.list__clients .list__clientsItems li:nth-of-type(1) {
		  -webkit-transform: scale(0.8) translate(-15px, -155px) rotate(-20deg);
		  -moz-transform: scale(0.8) translate(-15px, -155px) rotate(-20deg);
		  -ms-transform: scale(0.8) translate(-15px, -155px) rotate(-20deg);
		  -o-transform: scale(0.8) translate(-15px, -155px) rotate(-20deg);
		  transform: scale(0.8) translate(-15px, -155px) rotate(-20deg);
		}
		.list__clients .list__clientsItems li:nth-of-type(1) a {
		  -webkit-transform: rotate(-25deg);
		  -moz-transform: rotate(-25deg);
		  -ms-transform: rotate(-25deg);
		  -o-transform: rotate(-25deg);
		  transform: rotate(-25deg);
		}
		.list__clients .list__clientsItems li:nth-of-type(2) {
		  font-size: 22px;
		  -webkit-transform: scale(0.8) translate(20px, -148px) rotate(30deg);
		  -moz-transform: scale(0.8) translate(20px, -148px) rotate(30deg);
		  -ms-transform: scale(0.8) translate(20px, -148px) rotate(30deg);
		  -o-transform: scale(0.8) translate(20px, -148px) rotate(30deg);
		  transform: scale(0.8) translate(20px, -148px) rotate(30deg);
		}
		.list__clients .list__clientsItems li:nth-of-type(2) a {
		  -webkit-transform: rotate(-75deg);
		  -moz-transform: rotate(-75deg);
		  -ms-transform: rotate(-75deg);
		  -o-transform: rotate(-75deg);
		  transform: rotate(-75deg);
		}
		.list__clients .list__clientsItems li:nth-of-type(3) {
		  -webkit-transform: scale(0.8) translate(33px, -107px) rotate(120deg);
		  -moz-transform: scale(0.8) translate(33px, -107px) rotate(120deg);
		  -ms-transform: scale(0.8) translate(33px, -107px) rotate(120deg);
		  -o-transform: scale(0.8) translate(33px, -107px) rotate(120deg);
		  transform: scale(0.8) translate(33px, -107px) rotate(120deg);
		}
		.list__clients .list__clientsItems li:nth-of-type(3):after {
		  top: 100px;
		  -webkit-transition: 0s;
		  -moz-transition: 0s;
		  -ms-transition: 0s;
		  -o-transition: 0s;
		  transition: 0s;
		}
		.list__clients .list__clientsItems li:nth-of-type(3) a {
		  -webkit-transform: rotate(195deg);
		  -moz-transform: rotate(195deg);
		  -ms-transform: rotate(195deg);
		  -o-transform: rotate(195deg);
		  transform: rotate(195deg);
		}
		.list__clients:hover {
		  opacity: 1;
		}
		.list__clients:hover ul,
		.list__clients:hover li {
		  display: flex;
		  display: -webkit-box;
		  display: -ms-flexbox;
		  -webkit-align-items: center;
		  -moz-align-items: center;
		  -ms-align-items: center;
		  -o-align-items: center;
		  align-items: center;
		}
		.list__clients:hover .list__clientsItems {
		  -webkit-transition: 0.8s;
		  -moz-transition: 0.8s;
		  -ms-transition: 0.8s;
		  -o-transition: 0.8s;
		  transition: 0.8s;
		}
		.list__clients:hover .list__clientsItems li:nth-of-type(1) {
		  height: 200px;
		  opacity: 1;
		}
		.list__clients:hover .list__clientsItems li:nth-of-type(2) {
		  height: 225px;
		  opacity: 1;
		}
		.list__clients:hover .list__clientsItems li:nth-of-type(3) {
		  height: 210px;
		  opacity: 1;
		}
		.list__clients a {
		  margin: 150px 0 0 0;
		}
		.list__strauss {
		  width: 200px;
		  height: 300px;
		  -webkit-transition: 0.8s;
		  -moz-transition: 0.8s;
		  -ms-transition: 0.8s;
		  -o-transition: 0.8s;
		  transition: 0.8s;
		  -webkit-transform: translate(185px, -355px) rotate(-135deg);
		  -moz-transform: translate(185px, -355px) rotate(-135deg);
		  -ms-transform: translate(185px, -355px) rotate(-135deg);
		  -o-transform: translate(185px, -355px) rotate(-135deg);
		  transform: translate(185px, -355px) rotate(-135deg);
		}
		.list__strauss a {
		  background: #65799b;
		}
		.list__strauss a span {
		  -webkit-transform: rotate(135deg);
		  -moz-transform: rotate(135deg);
		  -ms-transform: rotate(135deg);
		  -o-transform: rotate(135deg);
		  transform: rotate(135deg);
		}
		.list__strauss:after {
		  top: 250px;
		  width: 1px;
		  height: 0;
		  background: #555273;
		  left: 45px;
		  -webkit-transition: 0.3s;
		  -moz-transition: 0.3s;
		  -ms-transition: 0.3s;
		  -o-transition: 0.3s;
		  transition: 0.3s;
		}
		.list__strauss .list__straussItem {
		  -webkit-transition: 0.8s;
		  -moz-transition: 0.8s;
		  -ms-transition: 0.8s;
		  -o-transition: 0.8s;
		  transition: 0.8s;
		}
		.list__strauss .list__straussItem li {
		  opacity: 0;
		  width: 100px;
		  height: 0;
		  overflow: hidden;
		  -webkit-transition: 0.8s;
		  -moz-transition: 0.8s;
		  -ms-transition: 0.8s;
		  -o-transition: 0.8s;
		  transition: 0.8s;
		}
		.list__strauss .list__straussItem li:after {
		  z-index: -1;
		}
		.list__strauss .list__straussItem li a {
		  margin: 0 0 auto 0;
		  background: #555273;
		}
		.list__strauss .list__straussItem li:after {
		  top: 100px;
		  left: 50px;
		}
		.list__strauss .list__straussItem li:nth-of-type(1) {
		  -webkit-transform: scale(0.8) translate(-15px, -160px) rotate(-20deg);
		  -moz-transform: scale(0.8) translate(-15px, -160px) rotate(-20deg);
		  -ms-transform: scale(0.8) translate(-15px, -160px) rotate(-20deg);
		  -o-transform: scale(0.8) translate(-15px, -160px) rotate(-20deg);
		  transform: scale(0.8) translate(-15px, -160px) rotate(-20deg);
		}
		.list__strauss .list__straussItem li:nth-of-type(1) a {
		  -webkit-transform: rotate(155deg);
		  -moz-transform: rotate(155deg);
		  -ms-transform: rotate(155deg);
		  -o-transform: rotate(155deg);
		  transform: rotate(155deg);
		}
		.list__strauss .list__straussItem li:nth-of-type(2) {
		  font-size: 22px;
		  -webkit-transform: scale(0.8) translate(20px, -155px) rotate(30deg);
		  -moz-transform: scale(0.8) translate(20px, -155px) rotate(30deg);
		  -ms-transform: scale(0.8) translate(20px, -155px) rotate(30deg);
		  -o-transform: scale(0.8) translate(20px, -155px) rotate(30deg);
		  transform: scale(0.8) translate(20px, -155px) rotate(30deg);
		}
		.list__strauss .list__straussItem li:nth-of-type(2) a {
		  -webkit-transform: rotate(105deg);
		  -moz-transform: rotate(105deg);
		  -ms-transform: rotate(105deg);
		  -o-transform: rotate(105deg);
		  transform: rotate(105deg);
		}
		.list__strauss .list__straussItem li:nth-of-type(3) {
		  font-size: 22px;
		  -webkit-transform: scale(0.8) translate(30px, -105px) rotate(120deg);
		  -moz-transform: scale(0.8) translate(30px, -105px) rotate(120deg);
		  -ms-transform: scale(0.8) translate(30px, -105px) rotate(120deg);
		  -o-transform: scale(0.8) translate(30px, -105px) rotate(120deg);
		  transform: scale(0.8) translate(30px, -105px) rotate(120deg);
		}
		.list__strauss .list__straussItem li:nth-of-type(3):after {
		  top: 100px;
		}
		.list__strauss .list__straussItem li:nth-of-type(3) a {
		  -webkit-transform: rotate(15deg);
		  -moz-transform: rotate(15deg);
		  -ms-transform: rotate(15deg);
		  -o-transform: rotate(15deg);
		  transform: rotate(15deg);
		}
		.list__strauss:hover {
		  opacity: 1;
		}
		.list__strauss:hover ul,
		.list__strauss:hover li {
		  display: flex;
		  display: -webkit-box;
		  display: -ms-flexbox;
		  -webkit-align-items: center;
		  -moz-align-items: center;
		  -ms-align-items: center;
		  -o-align-items: center;
		  align-items: center;
		}
		.list__strauss:hover .list__straussItem {
		  -webkit-transition: 0.8s;
		  -moz-transition: 0.8s;
		  -ms-transition: 0.8s;
		  -o-transition: 0.8s;
		  transition: 0.8s;
		}
		.list__strauss:hover .list__straussItem li:nth-of-type(1) {
		  height: 200px;
		  opacity: 1;
		}
		.list__strauss:hover .list__straussItem li:nth-of-type(2) {
		  height: 230px;
		  opacity: 1;
		}
		.list__strauss:hover .list__straussItem li:nth-of-type(3) {
		  height: 225px;
		  opacity: 1;
		}
		.list__strauss a {
		  margin: 150px 0 0 0;
		}
		.list__contact {
		  height: 10px;
		  overflow: hidden;
		  -webkit-transition: 0.8s;
		  -moz-transition: 0.8s;
		  -ms-transition: 0.8s;
		  -o-transition: 0.8s;
		  transition: 0.8s;
		  -webkit-transform: translate(230px, -210px) rotate(135deg);
		  -moz-transform: translate(230px, -210px) rotate(135deg);
		  -ms-transform: translate(230px, -210px) rotate(135deg);
		  -o-transform: translate(230px, -210px) rotate(135deg);
		  transform: translate(230px, -210px) rotate(135deg);
		}
		.list__contact a {
		  background:url(../../../images/likeme/cdb_1.jpg) no-repeat;
background-size:cover;
		  -webkit-transform: rotate(-135deg);
		  -moz-transform: rotate(-135deg);
		  -ms-transform: rotate(-135deg);
		  -o-transform: rotate(-135deg);
		  transform: rotate(-135deg);
		}

		.pieuvre p {
		  position: absolute;
		  bottom: 10px;
		  left: calc(50% - 22px);
		  margin: 0;
		  color: #fff;
		  font-size: 30px;
		}

		.hum {
		  position: absolute;
		  top: 28px;
		  left: 30px;
		  width: 40px;
		  height: 4px;
		  background-color: #fff;
		  border-radius: 4px;
		  -webkit-transition: 0.8s;
		  -moz-transition: 0.8s;
		  -ms-transition: 0.8s;
		  -o-transition: 0.8s;
		  transition: 0.8s;
		}
		.hum:before {
		  top: 10px;
		  left: 0;
		  width: 100%;
		  height: 4px;
		  background-color: #fff;
		  border-radius: 4px;
		  -webkit-transition: 0.8s;
		  -moz-transition: 0.8s;
		  -ms-transition: 0.8s;
		  -o-transition: 0.8s;
		  transition: 0.8s;
		}
		.hum:after {
		  top: 20px;
		  left: 0;
		  width: 100%;
		  height: 4px;
		  background-color: #fff;
		  border-radius: 4px;
		  -webkit-transition: 0.8s;
		  -moz-transition: 0.8s;
		  -ms-transition: 0.8s;
		  -o-transition: 0.8s;
		  transition: 0.8s;
		}

		
.pieuvre {
	height : 500px;
}