@import url(https://fonts.googleapis.com/css?family=Roboto:300|Roboto+Condensed);

/*
 * ***** variables CSS *****

white: 		white;
black: 		black;
#f0f0f0: 	#f0f0f0;
#aaa: 		#aaa;

#666: 		#666;
#fff: 		#fff;
#444444: 		#444444;

#444: 		#444;

#d2604d: 		#d2604d;

#064270: 	#064270;
#621f0f: 	#621f0f;
#b9ccdd: 	#b9ccdd;

#b9ccdd: 	#b9ccdd;

#ffc766: 		#ffc766;

#ea4446: 	#ea4446;
#ff6668: 		#ff6668;

#004abe: 	#004abe;
#064270: 		#064270;

#41434a: 	#41434a;
#808186: 		#808186;

#c92027: 		#c92027;

*/



body {
	font-family: 'Roboto', sans-serif, Verdana, Geneva;
	line-height: 1.5em;
	font-size:14px;
	color:#666;
	background:white url(../img/mn-fond-pattern.png) center repeat fixed;
}

input,
textarea 				{
	position:relative;
	font-family:'Roboto Condensed', sans-serif;
	font-size:12px;
	background-color:#f0f0f0;
	border-width:1px;

	behavior: url(js/PIE.htc);
}

.button {
	position:relative;
	border-width:1px;
	border-top: 1px solid #bedea0;
	background: #65d66c;
	background: -webkit-gradient(linear, left top, left bottom, from(#2c7026), to(#51b254));
	background: -webkit-linear-gradient(top, #2c7026, #51b254);
	background: -moz-linear-gradient(top, #2c7026, #51b254);
	background: -ms-linear-gradient(top, #2c7026, #51b254);
	background: -o-linear-gradient(top, #2c7026, #51b254);
	padding: 4px 15px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: rgba(0,0,0,0.2) 0 1px 0;
	-moz-box-shadow: rgba(0,0,0,0.2) 0 1px 0;
	box-shadow: rgba(0,0,0,0.2) 0 1px 0;
	text-shadow: rgba(0,0,0,.6) 0 -1px 0;
	color: white!important;
	font-size: 14px;
	text-decoration: none;
	vertical-align: middle;
	margin-top: -2px;

	behavior: url(js/PIE.htc);
	}
.button:hover {
	border-top-color: #2c7026;
	text-shadow: #bedea0 0 0 2px;
	background: #2c7026;
	color: white!important;
	}

p 						{ margin-bottom:15px; }

.p 						{ color:@c_p; }
.i 						{ color:@c_i; }
.t 						{ color:@c_t; }
.o 						{  }
.o 						{ color:@c_o; }
.com 					{ color:@c_com; }

.titre					{ color:#d2604d; font-family:'Roboto Condensed', sans-serif; border-bottom:#444 2px solid; }
.titreblog				{ color:#444; }
.titre1					{ color:#444; padding:3px 0; font-style:italic; }
.titre2					{ color:#ea4446; padding:3px 0; }
.sous_titre,
.actu_detail h2 		{ color:#444; font-family:'Roboto Condensed', sans-serif; }
.txterror 				{ color:#c92027; }
.double_dot 			{ color:@c_i; font-weight:bold; }
.input-attention 		{ color:#c92027!important;background-color:@c_t!important; }
.warn					{ padding:2px 10px; margin-bottom:0px; color:white; background-color:#c92027; }
.ghost 					{ visibility:hidden; }

.hr 					{ display:block; border:none; border-bottom:#aaa 1px solid; height:12px; margin-bottom:5px; }
.no_hr 					{ display:none; border:none; background:none; height:0; }

.loading 				{ background:url(../img/spinner4.gif) center no-repeat; }

.toright { float:right; margin-left:5px; }
.toleft { float:left; margin-right:5px; }

a,
a:link, a:active		{ color:#d2604d; text-decoration:none; }
a:hover 				{ color:#444444; text-decoration:underline; }
a[target="_blank"] 		{ background:url(../img/go-jump-1.png) no-repeat scroll right center transparent; padding-right: 18px; }

img { max-width: 100%; }

#header #header_social { position:absolute; left:5px; top:170px; width:200px; text-align:left; z-index:2; }
.social {
	padding-right:0;
	display:block;
	text-align: left;
	height: 32px;
	position: relative;
	line-height: 32px;
	font-size: 14px;
	font-weight: bold;
	vertical-align: middle;
    padding-left: 32px;
    padding-right: 4px;
}
.social:before {
    content: ' ';
	display:block;
	position: absolute;
	top: 0;
	left: 0;
    width: 32px;
    height: 32px;
	background: url('/img/mn-sprites.png') no-repeat -200px -132px;
}
#header_social .social_facebook:before { background-position:-18px -132px; }
#header_social .social_twitter:before { background-position:-54px -132px; }
#header_social .social_google:before { background-position:-90px -132px; }
#header_social .social_linkedin:before { background-position:-126px -132px; }
#header_social .social_viadeo:before { background-position:-90px -168px; }
#header_social .social_rss:before { background-position:-163px -132px; }
#header_social .social_contact:before { background-position:-199px -132px; }
#header_social .social_dailymotion:before { background-position:-18px -168px; }
#header_social .social_youtube:before { background-position:-54px -168px; }

h1.titre .social.social_contact {
    position: absolute;
    width: 80px;
    right: 10px;
    top: 3px;
    background-position:-199px -132px;
    text-align: right;
}

.social:hover {
	background-color: #d2604d;
	color: white;
	text-decoration: none;
}

.icons {
	margin-right:10px;
	display:inline-block;
	text-indent:-10000px;
	text-align:left;
	background: url('/img/mn-sprites.png') no-repeat -18px -240px;
	width: 32px;
	height: 32px;
}
.icon_calendar { background-position:-18px -272px; }

a.ancre {
}

a.to_page,
a.back_to_blog {
	display:block;
	line-height:16px;
	padding:5px 8px 6px;
	margin:15px 0;
	font-family:'Roboto Condensed', sans-serif;
	font-size:16px;
	font-weight: bold;
	text-align:right;
	background-color:white;
	color:@c_i;
	border-radius:15px;

	behavior: url(js/PIE.htc);
}
a.to_page:after { content:' >>>'; }
a.to_page:hover { background-color:@c_i; color:white; text-decoration:none; }

a.back_to_blog { text-align:left; }
a.back_to_blog:before { content:'<<< '; }
a.back_to_blog:hover { background-color:@c_i; color:white; text-decoration:none; }

.admin 				{
	position:absolute;
	top:-10px;
	right:-10px;
	padding:0 5px 14px;
	display:block;
	background: url(../img/pitoo-maquette-v6_red-bubble.png) -6px -70px no-repeat;;
	color:#FFFFFF !important;
	z-index:50;
	font-size:9px;
	text-transform:uppercase;
	font-family:'Roboto Condensed', sans-serif;
	opacity:0.2;
}
a.admin:hover {
	color:#FFFFFF;
	opacity:1;
}

.styled_form 			{ border:none; padding:4px; }
.styled_form label 		{ display:inline-block; padding:5px 8px 8px 0; width:75px; margin:0; }
input,
textarea 	{ display:inline-block; padding:5px 8px; margin:0; border:none; background-color:#f0f0f0; }

.styled_form .multi:required 				{  }
.styled_form .multi:required:valid 			{ color:#666; }
.styled_form .multi 						{ color:#808186; width:450px; margin-right:5px; }
.styled_form .multi:focus 					{ color:#666; }

#moteur {
	position: absolute;
    top: 140px;
    right: 0;
    z-index: 99;
}

#moteur .styled_form {
	background: url('../img/mn-sprites.png') no-repeat -59px -4px;
	width: 215px;
	height: 27px;
}
#newsletter .styled_form {
	background: url('../img/mn-sprites.png') no-repeat -59px -49px;
	width: 215px;
	height: 27px;
}

.styled_form #q {
	position:relative;
	float:left;
	width:161px;
	height:27px;
	line-height:27px;
	background-color:transparent;
	font-size:18px;
	margin:0;
	border:none;
	border-radius:0;
	padding:0 7px;
}
.styled_form #go {
	position:relative;
	width:32px;
	height:27px;
	line-height:27px;
	background-color:transparent;
	font-size:18px;
	margin:0;
	border:none;
	padding:0 6px;
	text-indent:-10000px;
	cursor:pointer;
}
.styled_form #m 							{ width:200px; }
.styled_form input.single:required 			{ background-position: right top; background-repeat: no-repeat; background-image: none; }
.styled_form input.single:required:valid 	{ background-image: color:#666; }
.styled_form input.single 					{ color:#808186; margin-left:5px; }
.styled_form input.single:focus 			{ color:#666; outline:none; }



#header {
	position:relative;
	top:0;
	padding-bottom:0;
	_height:380px;
	/*min-height:380px;*/
	font-size:11px;
	background-image:url(../img/images/mn-header.png);
	background-position:center top;
	background-repeat:no-repeat;
}

#header_social {  margin-bottom:25px; }

.ticker-bar {
	padding: 4px 75px 4px 15px;
	text-align: center;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 1px;
}
	.ticker-bar .clock {
		margin-left: 70px;
	}

#navigation {
	position:relative;
	width:100%;
	font-size:0.8em;
	min-height:24px;
	z-index:80;
}

ul.nav_1 a, ul.nav_1 span {
	display:block;
	font-family:'Roboto', sans-serif;
	font-variant:small-caps;
	font-weight:normal;
	line-height:28px;
}

ul.nav_1 > li > a > span {
	line-height: initial;
    display: inline-block;
}

ul.nav_1 > li > a {
	line-height: 42px;
	height: 42px;
	vertical-align: middle;
	padding: 0;
}

ul.nav_1 > li > a, ul.nav_1 > li > span {
	margin:15px 0 0;
	text-align:center;
	border-left:#f0f0f0 1px solid;
	border-right:#f0f0f0 1px solid;
	color:#aaa;
}
ul.nav_1 > li a:hover, ul.nav_1 > li a:hover > span{
	background-color: #444444;
	color: white !important;
	text-decoration:none;
}
ul.nav_1 > li > .nav_2{
	background-color:white;
}
ul.nav_1 > li:hover { box-shadow:#aaa 0 40px 40px -40px inset; }
li.hovered { background-color:#f6f6f6; }
/*
	ul.nav_1 > li:hover > .nav_2 { display:block; }
*/

ul.nav_1 > li > .nav_2 > li > ul {
	/*margin-top:5px;*/
}
ul.nav_1 > li > .nav_2 > li a, ul.nav_1 > li > .nav_2 > li span {
	font-size:16px;
	line-height:16px;
	font-weight:bold;
	color:#444444;
	padding:4px 10px;
}
ul.nav_1 > li > .nav_2 > li span {
	font-weight:normal;
	color:#444444;
}
ul.nav_1 .active > a{
	background-color:#444444;
	color: white !important;
}

ul.nav_1 > li > .nav_2 > li span,
ul.nav_1 > li > .nav_2 > li > ul span {
	padding-left: 25px;
}

ul.nav_1 > li > .nav_2 > li span.item-color,
ul.nav_1 > li > .nav_2 > li > ul span.item-color {
	display: inline-block;
	position: absolute;
	top: 6px;
	height: 15px;
	width: 15px;
	padding: 0;
}


#contenu {
	position:relative;
	background:transparent url(../img/images/mn-body-bkgnd.png) center top repeat-y;
}

.col_g { border-right-color:#d2604d; }



#slider { position:relative; padding-bottom:35px; }
#slider .img { display:block; max-width:100%; }
#slider .text {
	position:absolute;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	background: url(/img/bg_black_75.png);
	background: rgba(32, 32, 32, 0.75);
	color:#fff;
	padding: 15px 15px 30px;
	top: 0;
	right: 0;
	width: 100%;
	transition: all 0.2s ease-out;
	max-height: 95px;
}
#slider:hover .text {
	bottom: 0;
	max-height: 100%;
}
#slider .text p { display: none; transition: all 1s;}
#slider:hover .text p { display: block; }
#slider .titre2 { color:#ffe12e; font-family:'Roboto Condensed'; font-size: 1em; }
#slider:hover .titre2 { font-size: 1.5em; }
#slider ul.slides li { display:none; }
#slider li { position:relative; }

.savoir_plus {
	clear:both;
	display:inline-block;
	position:relative;
	padding-right:25px;
	margin-top:15px;
	text-align:right;
	background: url('/img/mn-sprites.png') no-repeat right -95px;
	color:black !important;
	font-family:'Roboto Condensed', sans-serif; font-weight:bold; font-style:italic;
	height:23px;
	line-height:23px;
}
#slider .savoir_plus { position:absolute; right:5px; bottom:10px; color:#aaa !important; }

#small_gallery { position:relative; margin-bottom:25px; height:170px; }
#small_gallery .titre { font-size:1.3em; color:#444; }



.actu_detail { position:relative; padding:0; margin-bottom:10px; }
.actu_detail:last-child { border-bottom:none; margin-bottom:0; }
.actu_detail .corps { text-align:justify; }
.actu_detail .corps p { margin:0px; margin-top:8px; }
.actu_detail .img.img_r > a, .actu_detail .img.img_l > a { max-height: 190px; overflow: hidden; display:block; }
.actu_detail .img > img { max-height: 190px; overflow: hidden; display:block; }
.actu_detail .corps table,
#page table 			{ margin-top:10px; border-collapse:collapse; }
.actu_detail .corps table td,
#page table td 			{ padding:5px 8px; border:#999 1px solid; }
.actu_detail .corps table thead td,
#page table thead td 	{  border:#fff 1px solid; background-color:#aaa; border-bottom:#064270 1px solid; font-weight:bold; color:#ea4446; }

.row_d .actu_detail { padding:0 10px 5px; background-color:#f0f0f0; font-size:90%; }

.actu_detail .date { font-size:90%; color:#ea4446; text-align:right; }

.agenda { position:relative; margin:0 5px 10px; padding:5px 0; }
.agenda:first-child { border-top:#444444 1px dotted; margin-top:15px; }
.agenda a {
    text-decoration: none;
    color: inherit;
}
.agenda .date { display: block; font-family: 'Roboto Condensed', sans-serif; color: #000; }
.agenda .titre { border: none; color: #666; font-family: inherit; }
.agenda .asso { float:right; font-size:80%; }
.row_g .agenda .txt { padding-left:25px; border-left:#621f0f 3px solid; }

#calendar { position:relative; }
#calendar #loading { position:absolute; top:-20px; right:0; font-size:10px; }

.actu_detail .img_l { float:left; width:35%; margin-right:5%; }
.actu_detail .img_r { float:right; width:35%; margin-left:5%; }
.actu_detail .img_vr { float:right; width:20%; margin-left:5%; }
.actu_detail .img_w { width:100%; }
.actu_detail .img_l img { margin-top:5px; }
.actu_detail .img_r img, .actu_detail .img_vr img { margin-top:5px; }
.actu_detail .img_w img { width:100%; }
.actu_detail .gallery a { display:inline-block; width:13.66%; margin:1.5%; }
.actu_detail .galleryplus a { display:inline-block; width:13.66%; margin:1.5%; }
.actu_detail .galleryplus a:first-child { width:100%; margin:0 0 1.5%; }

.actu_detail ul, .actu_detail ol { padding-left: 15px; }
.actu_detail ul li { list-style:disc outside; margin-left:25px; }
.actu_detail ol li { list-style: decimal outside; margin-left:25px; }

.actu_detail .legende { margin-top:-3px; font-size:70%; text-align:right; font-style:italic; padding-right: 2px; }

.row_d .actu_detail .img.bm { margin:10px 30px -16px; }


.add_comment { display:block; }

.comment_form form { padding:25px; }

.comment_form .comment_action { height:30px; }
	.comment_form .comment_action button { float:left; margin-right:10px; }
	.comment_form .comment_action .comment_cancel { display:inline-block; color:#C00; margin-top:6px; }

	.comment_form input,
	.comment_form textarea { width:250px; font-size:12px; padding:3px 6px; margin-bottom:12px; }

.comment {
	position:relative;
	margin-top:18px;
	margin-top:18px;
	padding:12px 15px;
	margin-bottom:80px;
	font-size:12px;
	line-height:16px;
	text-align:justify;

	background-color:#e3e3e3;
	border-color:#bbb #ddd #fff;
	border-style:solid;
	border-width:1px;
	border-radius:10px;
	box-shadow:#d0d0d0 0 2px 8px inset;

	behavior: url(js/PIE.htc);
}
	.comment.comment_0 { color:#999; }
	.comment.comment_1 {  }
	.comment.comment_90 { color:#aaa; text-decoration:line-through; }
		.comment .comment_notice { border-bottom:#444 1px dotted; margin-bottom:5px; padding-bottom:5px; font-size:10px; font-style:italic; color:#444444; }
		.comment em { color:#333; font-size:9px; }
		.comment h3 { position:absolute; left:0; right:0; bottom:-58px; text-align:right; margin-bottom:0; font-weight:bold; font-size:12px; color:@c_i; background:url(../img/pitoo-maquette-v6-bulle-comment.png) top right no-repeat; padding-top: 32px; width: 294px; height:30px; margin: 0 10px; }
		.comment.comment_80 h3 { color:@c_o; text-align:left; background-position:top left; }
		.comment h3 em { display:block; font-weight:normal; font-size:11px; }



.asso-corps {
	padding-bottom:15px;
	border-bottom:#444444 1px dashed;
}
.asso-address {
	display:block;
	float:right;
	margin-left:25px;
	width:200px;
	padding:10px;
	background-color:#f0f0f0;
	border:#aaa 6px solid;
	text-align:left;
	font-size:12px;
}
.asso-logo {
	text-align:right;
}
.asso-dates {
	margin-left:15%;
	font-size:80%
}
.asso-dates2 {
	margin-left:5%;
}
	.asso-dates2 li {
		padding:10px 0 5px;
	}
.asso-website {
	margin-top:5px;
	padding:2px 8px;
	background-color:#621F0F !important;
	color:#FFF !important;
	text-align:left;
	font-size:10px;
}
.asso-website span {
	font-size:8px;
}

#map_canvas {
	box-sizing:content-box;
	-moz-box-sizing:content-box;
	width:100%;
	height:600px;
}
#map_canvas a[target="_blank"] { background:none; padding-right:0; }
#map_canvas img { max-width:none; }

#form_contact label { display:block; margin-bottom:5px; }

p.txt 					{ text-align:justify; }

a.lien					{
	display:block;
	padding: 12px 12px 12px 42px;
	height:15px;
	line-height:15px;
	color:#444444;
	background-color:transparent;
	background-image:url(../img/logo_small_.png);
	background-position:3px 4px;
	background-repeat:no-repeat;
}
a.lien:hover			{ background-color:#444444; color:white; padding-left:52px; text-decoration:none; }
a.lien_doc				{ background-image:url(../img/logo_small_doc.png); }
a.lien_flv				{ background-image:url(../img/logo_small_flv.png); }
a.lien_mp3				{ background-image:url(../img/logo_small_mp3.png); }
a.lien_pdf				{ background-image:url(../img/logo_small_pdf.png); }
a.lien_ppt				{ background-image:url(../img/logo_small_ppt.png); }
a.lien_xls				{ background-image:url(../img/logo_small_xls.png); }
a.lien_swf				{ background-image:url(../img/logo_small_swf.png); }
a.lien_zip				{ background-image:url(../img/logo_small_zip.png); }



/* pagination */
.pagination { position:relative; text-align:center; font-size:1.1em; line-height:1.2em; margin-top:25px; }
.pagination a,
.pagination a.visited {
	display:inline-block;
	margin:0 2px;
	color:white;
	font-weight:bold;
	padding:3px 8px 4px;
	background-color:@c_t;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;

	behavior: url(js/PIE.htc);
}
.pagination a.active,
.pagination a:hover { color:white!important; background-color:@c_p!important }



#footer {
	clear:both;
	position:relative;
	padding:10px 0 10px 10px;
    background:transparent url(../img/images/mn-footer-bkg.png) center bottom repeat-x;
}

#footer #back-to-top {
	position:fixed;
	bottom:9px;
	right:25px;
	opacity:0;
	cursor:pointer;
	-webkit-transition: opacity 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
	-ms-transition: opacity 1s ease-in-out;
	-o-transition: opacity 1s ease-in-out;
	transition: opacity 1s ease-in-out;
}
#footer #back-to-top.show {
	opacity:1;
}

#footer a				{ color:#444444; text-decoration:underline; }
#footer a:hover			{ color:#fff; text-decoration:none; }
#footer h4 				{ margin-bottom:8px; }

#footer .footer_menu_list 				{ font-size:0.8em; line-height:1.3em; border-left:#444 1px dotted; padding: 5px 10px; }
#footer .footer_menu_list a 			{ display:block; padding:2px 15px 2px 5px; background-position:98% center; text-decoration:none; }
#footer .footer_menu_list a:hover 		{ background-color:#444444; color:#f0f0f0; text-decoration:none; }
#footer-copyright						{ color:#444444; position:relative; padding:15px 15px 0; text-align:right; font-size:75%; }
#footer-copyright a:hover				{ color:#444; }

.plan_menu_list 			{ font-size:0.8em; line-height:1.3em; border-left:#444 1px dotted; padding: 5px 10px; }
.plan_menu_list a 			{ display:block; padding:2px 15px 2px 5px; background-position:98% center; text-decoration:none; color: #444444}
.plan_menu_list a:hover 	{ background-color:#444444; color:#f0f0f0; text-decoration:none; color:#fff; }

.plan_menu_list label		{ display:block; padding:2px 15px 2px 5px; color: #444444}
.plan_menu_list .menu_1 { margin-left: 0px }
.plan_menu_list .menu_2 { margin-left: 15px }
.plan_menu_list .menu_3 { margin-left: 30px }

.preview_div {
	padding: 8px 16px;
	background-color:#efefef;
	color:#000;
	line-height: 2em;
}
	.preview_div a, .preview_div span {
		padding: 3px 6px;
		background-color:#600;
		color:#fff;
		border-radius:4px;
	}
		.preview_div a:hover {
			background-color:#c00;
			box-shadow:#000 0 1px 3px;
			text-decoration:none;
		}
	.preview_div span {
		background-color:#090;
	}
.weather {
	position: relative;
	margin: 0 auto;
	height: 140px;
	padding: 0 10px 5px;
	background: #f0f0f0;
	color: #d2604d;
}
	.weather h3 {
		font-size: 14px;
		font-variant: small-caps;
		text-align: center;
		margin: 0px 0px 5px;
	}
	.weather .temp {
		font-size: 42px;
		float: left;
		padding: 15px 0 0;
	}
	.weather .picto {
		width: 60%;
		float: right;
		padding: 10px 0px 0px;
	}
		.weather .picto img{
			display: block;
		}
		.weather .temp sup {
			font-size: 18px;
		}
	.weather .date {
		position: absolute;
		bottom: 5px;
		right: 10px;
		font-size: 9px;
	}

	.header__icon {
		position: absolute;
		display: block;
		top: 5px;
		right: 0px;
		width: 26px;
		height: 26px;
		cursor: pointer;
		border-radius: 50%;
		background-color: #efefef;
		z-index: 999;

		transition: transform 0.5s;
		-webkit-transition: transform 0.5s; /* safari */
		-ms-transition: transform 0.5s; /* IE */
	}
		.header__icon span{
			position: absolute;
			display: block;
			top: 50%;
			left: 50%;
			width: 11px;
			height: 2px;
			background-color: #000;

			transform: translateX(-50%) translateY(-50%);
			-webkit-transform: translateX(-50%) translateY(-50%);/* safari */
			-ms-transform: translateX(-50%) translateY(-50%); /* IE */
		}
		.header__icon span::after, .header__icon span::before {
			position: absolute;
			content: '';
			display: block;
			top: 0;
			left: 0;
			width: 11px;
			height: 2px;
			background-color: #000;
			transform: translateY(-3px);
			-webkit-transform: translateY(-3px);/* safari */
			-ms-transform: translateY(-3px); /* IE */

			transition: transform 0.5s;
			-webkit-transition: transform 0.5s; /* safari */
			-ms-transition: transform 0.5s; /* IE */
		}
		.header__icon span::after {
			transform: translateY(3px);
			-webkit-transform: translateY(3px); /* safari */
			-ms-transform: translateY(3px); /* IE */
		}
		.header__icon:hover span::after{
			transform: translateY(4px);
			-webkit-transform: translateY(4px);/* safari */
			-ms-transform: translateY(4px); /* IE */
		}
		.header__icon:hover span::before{
			transform: translateY(-4px);
			-webkit-transform: translateY(-4px);/* safari */
			-ms-transform: translateY(-4px); /* IE */
		}

		.header__icon.is-opened {
			transform: rotate(180deg);
			-webkit-transform: rotate(180deg);/* safari */
			-ms-transform: rotate(180deg); /* IE */
		}
			.header__icon.is-opened span{
				background: transparent;

				transition: background 0.5s;
				-webkit-transition: background 0.5s; /* safari */
				-ms-transition: background 0.5s; /* IE */
			}
				.header__icon.is-opened span::before, .header__icon.is-opened span::after {
					transform-origin: 50% 50%;
					-webkit-transform-origin: 50% 50%; /* safari */
					-ms-transform-origin: 50% 50%; /* IE */
				}
				.header__icon.is-opened span::before {
					transform: translateY(0) rotate(45deg);
					-webkit-transform: translateY(0) rotate(45deg);/* safari */
					-ms-transform: translateY(0) rotate(45deg); /* IE */
				}
				.header__icon.is-opened span::after {
					transform: translateY(0) rotate(-45deg);
					-webkit-transform: translateY(0) rotate(-45deg);/* safari */
					-ms-transform: translateY(0) rotate(-45deg); /* IE */
				}
		.header__icon svg {
			fill: #efefef;
			stroke: #d2604d;
			stroke-width: 1px;
			stroke-dasharray: 170;
			stroke-dashoffset: 170;
			transition: stroke-dashoffset 0.5s, transform 0.5s;
			-webkit-transition: stroke-dashoffset 0.5s, transform 0.5s; /* safari */
			-ms-transition: stroke-dashoffset 0.5s, transform 0.5s; /* IE */
		}
			.header__icon.is-opened svg {
				stroke-dashoffset: 0;

				transform: rotate(-180deg);
				-webkit-transform: rotate(-180deg);/* safari */
				-ms-transform: rotate(-180deg); /* IE */
			}

	#header.with--hidden #header_gallery,
	#header.with--hidden #header_neuvecelle,
	#header.with--hidden #moteur
	{
		display: none !important;
	}
	#header.with--hidden #header--content {
		padding-top: 15px;
	}