/*
Theme Name:Assok
Theme URI:http://www.babel-web.info/
Author:Olivier SPADI
Author URI:http://www.babel-web.info/
Description:Thème WordPress pour les associations
Version:1.0
License:GNU General Public License v2 or later
License URI:http://www.gnu.org/licenses/gpl-2.0.html
Tags:black, green, white, light, dark, two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
Text Domain:ak 

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

 0. Reset
 1. General Settings
 2. Body container
 3. Post/Page container
 4. Post/Page content
 5. Main Menu 
 6. Aside Menu
 7. Search
 8. Event calendar
 9. Newsletter form
 10. Event Grid
 11. Contact Form 7
 12. Comments
 13. WP Members
 14. WP Admin Bar
 15. Media queries
*/

/*******
 * 0. Reset
 *******/
@import url('css/normalize.css');


/******************
 * 1. General Settings 
 ******************/
body{
	background-color:#f0f0f0;
	color:#333;
	font-family:Montserrat,'Arial Narrow',serif;
	font-weight:400;
	font-size:16px;
	-webkit-font-smoothing:antialiased;
	overflow-y:scroll;
	overflow-x:hidden;
	padding:0;
}

a, .et_divi_builder #ak-page-content #et_builder_outer_content .et_pb_tab li a{color:#FFA600;text-decoration:none;}
.et_divi_builder #ak-page-content #et_builder_outer_content .et_pb_tab li a{margin-left:15px;}
 #ak-page-content #et_builder_outer_content hr{border: 0; height: 1px; background: #333; background-image: linear-gradient(to right, #ccc, #333, #ccc);margin:15px;}
iframe{max-width:100%;}
/*************** [page footer] ********************/
#footer {width:100%;	background:rgba(82, 30, 10, 0.95);text-align:center;font-family:'Open Sans Condensed','Arial Narrow',serif !important;position:relative;}
#footer > #sidebar_footer {width:300px;text-align:center;vertical-align:top;display:inline-block;margin:0 5px;}
#footer p {text-align:center;line-height:50px;margin:0;color:#aaa;}
#footer p a {color:#fff;font-weight:600;text-decoration:none;}

#footer .menu,
#footer .widget_em_widget ul,
#footer .widget_sticky_posts ul{list-style-type:none;text-align:left;padding:0 0 0 40px;color:white;}

#footer #menu-nav-asso li a, 
#footer #menu-nav-asso-1 li a, 
#footer #menu-nav-lieu li a , 
#footer #menu-nav-lieu-1 li a , 
#footer .widget_em_widget ul li a,
#footer .widget_sticky_posts ul li a{color:#ff6a00;font-size:1.375em;font-weight:400;letter-spacing:0.5px;}
#footer .widget_em_widget ul li a {text-transform: uppercase;}
#footer #menu-nav-asso li.current-menu-item a, 
#footer #menu-nav-lieu li.current-menu-item a, 
#footer #menu-nav-asso-1 li.current-menu-item a, 
#footer #menu-nav-lieu-1 li.current-menu-item a {color:white;}

#sidebar_footer .em-calendar{margin:0 auto;}
#sidebar_footer .widget-title {color:#ddd;font-size:1.4em;font-family:Montserrat,'Arial Narrow',serif;}
/*************** [side bar wp members] ********************/
#footer #sidebar_footer .wp-members p {line-height:1.5em;}
#footer #sidebar_footer .wp-members #wp-members {background-color: rgba(255, 255, 255, 0.2);border-radius: 10px;margin-top: 40px;padding: 1px 0 0;}


/********************
 * 2. Body container
 ********************/
/*************** [page header] ********************/
.container > header{
    background-color:rgba(0, 0, 0, 0.9);
    box-shadow:0 -9px 5px -6px #000 inset;
	position:fixed;
	height:auto;
	display:block;
	text-shadow:1px 1px 1px rgba(0,0,0,0.2);
    text-align:center;
	top:0;
	width:100%;
	z-index:999;
}
.admin-bar .container > header{top:32px;}

/*************** [backgrounds] ********************/
body.page-calendrier, 
body.page, 
body.single, 
body.archive, 
body.search, 
body.error404  {background:gray url(css/images/bg-header-home.jpg) no-repeat 50% top fixed;background-size:cover;}
body.single-lieu   {background:gray url(css/images/bg-header-bar.jpg) no-repeat 50% top fixed;background-size:cover;}
body.single-asso   {background:gray url(css/images/bg-header-lieu.jpg) no-repeat 50% top fixed;background-size:cover;}
body.single-event {background:gray url(css/images/bg-header-home.jpg) no-repeat 50% top fixed;background-size:cover;}
body.single-le-gase {background:gray url(css/images/bg-header-gase.jpg) no-repeat 50% top fixed;background-size:cover;}
body.page-newsletter   {background:gray url(css/images/bg-header-bar3.jpg) no-repeat 50% top fixed;background-size:cover;}
body.page-contact {background:gray url(css/images/bg-header-asso.jpg) no-repeat 50% top fixed;background-size:cover;}
body.home   {	background:gray url(css/images/bg-header-bar2.jpg) no-repeat 50% top fixed;background-size:cover;}


/*********************
 * 3. Post/Page container
 *********************/
#container-page {margin:90px 0 0;width:100%; background-image:url("css/images/overlay-2x2.png");background-repeat:repeat;}
.featured #container-page {margin:345px 0 0;transition:margin 1s ease-in-out;}
.featured.non-featured #container-page {margin:90px 0 0;}
#container-page  header {left:0;width:100%;}
#container-page  header h1 {
	margin:0;
	font-family:"Montserrat", "Lato", "Open Sans Condensed","Arial";
 	text-shadow:1px 1px 1px rgba(0, 0, 0, 0.5);
	text-transform:uppercase;
	letter-spacing:5px;
	color:#cccc66;
	font-size:2em;
	font-weight:400;
	padding:20px 0;
}
#container-page .post-thumbnail {margin-top:20px;text-align:center;}
#container-page .post-thumbnail img, #container-page img {max-width:100%;height:100%;}
#container-page .entry-content {padding:0 114px 100px 120px;}
#container-page > article  {
	padding-bottom:1px;
	padding-bottom:1px;
	min-height:550px;
}
#header-page .featured-content{
	height:auto;
	text-align:left;
    background: rgba(0, 0, 0, 0.1);
/*
	background: linear-gradient(135deg, rgba(0, 0, 0, 0.5) 25%, transparent 25%) -127px 0,
				linear-gradient(225deg, rgba(0, 0, 0, 0.5) 25%, transparent 25%) -127px 0,
				linear-gradient(315deg, rgba(0, 0, 0, 0.5) 25%, transparent 25%),
				linear-gradient(45deg, rgba(0, 0, 0, 0.5) 25%, transparent 25%);	
    background-color: rgba(255, 166, 0, 0.5);
*/
    background-size: 254px 254px;
	opacity:1;
	transition: all 1s ease-in-out, transform 0.5s 0.5s;
	z-index:-100;
}
.non-featured #header-page .featured-content{
	opacity:0;
	height:0;
	transform:translateY(-600px);
}
#header-page .featured-content #featured-wrapper{padding:5px 0 8px 7px;}
#header-page .featured-content h2{font-size:1.25em;margin:0 0 10px 20px;color:#cccc66;text-shadow:1px 1px 1px rgba(255, 255, 255, 0.5);text-transform:uppercase;letter-spacing:4px;}
#header-page .featured-content h2 .close {border-radius:50%;text-shadow:none;background-color:rgba(0, 0, 0, 0.5);color:gray;display:inline-block;font-weight:normal;margin-right:10px;height:26px;width:26px;opacity:0.5;padding-left:6px;cursor:pointer;}
#header-page .featured-content article {display:inline-block;margin-left:20px;position:relative;}
#header-page .featured-content article .entry-header {display:block;position:absolute;top:0;left:0;height:100%;width:100%;background-color:rgba(0, 0, 0, 0.5);border-radius:10px;}
#header-page .featured-content article .entry-header h1{margin:40% 0 0 0;font-size:1.1em;text-shadow:1px 1px 1px rgba(255, 255, 255, 0.45);letter-spacing:2px;text-align:center;}
#header-page .featured-content article .entry-header h1 a, #header-page .featured-content article .entry-header p {text-align:center;color:#cccc66;margin:0;}
#header-page .featured-content article .entry-header h1 a {text-transform:uppercase;padding:0 5px;}
#header-page .featured-content article .entry-header p::before {content:"Actu du ";}
#header-page .featured-content article .entry-header p {margin-top:10px;font-size:0.75em;}
#header-page .featured-content .post-thumbnail {margin-top:0;display:block;height:200px;width:300px;background-color:black;position:relative;z-index:10;}
#header-page .featured-content .post-thumbnail, 
#header-page .featured-content .post-thumbnail img{border-radius:10px;}
#header-page .featured-content .featured-grid {margin:0;}
#header-page .featured-content .cs-style article .post-thumbnail {
	z-index: 10;
	-webkit-transition: -webkit-transform 0.4s;
	-moz-transition: -moz-transform 0.4s;
	transition: transform 0.4s;
}
#header-page .featured-content .cs-style article:hover .post-thumbnail {
	-webkit-transform: translateY(-35px) scale(0.5);
	-moz-transform: translateY(-35px) scale(0.5);
	-ms-transform: translateY(-35px) scale(0.5);
	transform: translateY(-35px) scale(0.5);
}

/*********************
 * 4. Post/Page content
 *********************/
#ak-page-content {
	background-color:rgba(255, 255, 255, 0.9);
	font-family:Lato,Calibri,Arial,sans-serif;
	color:rgba(0, 0, 0, 0.65);
	margin :0 auto;
	padding:40px;
	max-width:1000px;
	text-align:center;
    transform:translate3d(0px, 0px, 0px);
    transition:transform 0.6s ease 0s;
	border-radius:15px;
}
.menu--open  #ak-page-content{-webkit-transform:translate3d(150px, 0, 0);transform:translate3d(150px, 0, 0);}

#ak-page-content h3 {clear:both;text-align:left;}
#ak-page-content p {/*text-align:justify;*/line-height:1.5em;margin:0.75em 0;}
#ak-page-content p.actu-pub {color:rgba(255, 166,0, 0.85);text-align:center;letter-spacing:5px;}
#ak-page-content span.actu-date {font-weight:bold;}
#ak-page-content div.event-info {padding:0 1em;}
#ak-page-content div.event-site {font-size:1.25em;margin:40px 0;font-weight:600;text-align:left;}
#ak-page-content ul {text-align:left;line-height:1.5em;}
#ak-page-content li ,.et_divi_builder #ak-page-content #et_builder_outer_content .et_pb_tab li {line-height:2em;list-style-image:url("css/images/puce-coche.png");list-style-position:inside;}
.et_divi_builder #ak-page-content #et_builder_outer_content .et_pb_tab ul {padding-left:40px;}
#ak-page-content img.alignleft {display:inline;margin:0 7px 2px 0;padding:4px;float:left;}
#ak-page-content img.alignright {display:inline;margin:0 0 2px 7px;padding:4px;float:right;}
#ak-page-content .visuel {margin:20px auto 0;}

body.error404 #ak-page-content,
body.home #ak-content,
body.tax-event-categories #ak-page-content {font-family:Montserrat, Lato, Arial;}
body.page-newsletter #ak-page-content h3 {text-align:center;}

/*************** [single post] ********************/
body.single-post #ak-page-content {background-color:#fff;}
body.single-asso #ak-page-content {background-color:#fff;}

/*************** [single event] ********************/
body.single-event #ak-page-content {background-color:#fff;}
body.single-event #ak-page-content div.event-date, 
body.single-event #ak-page-content div.event-info {font-weight:600;margin:1em;vertical-align:middle;display:inline-block;}
/* body.single-event #ak-page-content div.event-date {background-color:#f59169;border-radius:50%;color:#fff;font-size:1.25em;height:120px;line-height:1.5em;padding-top:17px;width:120px;} */
body.single-event #ak-page-content div.event-date {background-color:#f59169;color:#fff;font-size:1.25em;line-height:1.5em;width:120px;}
body.single-event #ak-page-content div.event-info {color:#c0c0c0;font-size:1.125em;line-height:25px;width:50%;margin:0;}

/*************** [single document] ********************/
body.single-document #ak-page-content {background-color:#fff;}

/*************** [event category] ********************/
body.tax-event-categories #ak-page-content h1{color:#521E0A;}

/*************** [category] ********************/
body.tax-dossiers ul.ak-category {padding:0;}
body.tax-dossiers #ak-page-content ul.ak-category li{list-style:none;}
body.tax-dossiers article.ak-category-entry {padding: 10px; background-color:white; margin-bottom:10px;border-radius:20px;}

/*************** [404] ********************/
body.error404 #ak-page-content p{text-align:center;}

/*************** [search] ********************/
/*body.search #ak-page-content img {width:100px;height:100px;}*/

/*************** [Post Navigation] ********************/
.post-navigation {font-family:"Noto Serif", serif;background-color:#fff;border-top:1px solid #eaeaea;border-top:1px solid rgba(51, 51, 51, 0.1);font-weight:700;}
.post-navigation a {display:block;padding:3.8461% 0;}
.post-navigation span {display:block;}
.post-navigation .meta-nav {color:rgba(51, 51, 51, 0.7);font-size:1.2em;letter-spacing:0.04em;line-height:1.5;position:relative;text-transform:uppercase;z-index:2;}
.post-navigation .post-title{font-size:1.8em;line-height:1.3333;position:relative;z-index:2;}
.post-navigation .nav-next {text-align:right;}
.post-navigation .nav-previous {text-align:left;}
.post-navigation .nav-next,
.post-navigation .nav-previous {background-position:center;background-size:cover;position:relative;}
.post-navigation a:before {content:"";display:block;height:100%;position:absolute;top:0;left:0;width:100%;z-index:1;}
.post-navigation a:hover:before,
.post-navigation a:focus:before {opacity:0.5;}
.post-navigation .meta-nav {opacity:0.8;}
.post-navigation div + div {border-top:1px solid rgba(51, 51, 51, 0.1);}
.pagination {border-top:1px solid rgba(51, 51, 51, 0.1);	font-family:"Noto Sans", sans-serif;}
.pagination .nav-links {min-height:3.2em;position:relative;text-align:center;}
.pagination .nav-links  .current, .pagination .nav-links  .dots{color:#FFF;}
.screen-reader-text {display:none;}


/**************** 
 * 5. Main Menu
 ****************/
.ak-mobile-device #container .main-menu {display:none;}
.main-menu {
	height:90px;
	background-image:url("css/images/logo-4.png");
    background-position:center center;
    background-repeat:no-repeat;
    background-size:contain;
}
.main-menu #nav-mid a :hover{cursor:pointer;}
#nav-left, #nav-right, #nav-mid {display:inline-block;height:80px;vertical-align:middle;}
#nav-left, #nav-right {margin-top:3px;}
#nav-mid {padding-top:17px;transform:rotate(-3deg);}
#nav-left ul, #nav-right ul {padding:0;margin:0;}
#nav-left li, #nav-right li  {display:inline-block;font-weight:400;padding:0 10px;text-align:center;}
#nav-left li a, #nav-right li  a{display:inline-block;color:#B41E0A;font-size:1em;letter-spacing:2px;height:150px;border-radius:5px;height:84px;line-height:80px;width:132px;text-transform:uppercase;font-weight:600;}
#nav-left li a:hover, #nav-right li  a:hover{
	color:#fff;
    background-image:radial-gradient(transparent 30px, #b41e0a 15px);
    background-position:center center;
	background-repeat:no-repeat;
    background-size:150px 150px;
	-webkit-animation:background-size 0.8s 1 alternate;
	animation:background-size 0.8s 1 normal;
}
#nav-left li.current-menu-item a, #nav-right li.current-menu-item a{color:#FFF;}
@keyframes background-position{
	from {background-position:0 0;opacity:1;}
	to	 {background-position:100% 100%;opacity:0.5;}
}
@-webkit-keyframes background-size {
	from {background-size:5px 5px;color:#555;}
	to 	 {background-size:150px 150px;color:#fff;}
}
@keyframes background-size{
	from {background-size:5px 5px;}
	to 	 {background-size:150px 150px;}
}

/*************** [mobile main menu] ********************/
.mobile-menu {display:none;}
.ak-mobile-device .mobile-menu {display:block;}
.mobile-menu, .mobile-menu .cs-text-cut {font-size:1em;}
.mobile-menu .cs-text {width:100%;display:block;line-height:1em;color:rgba(180, 30, 10, 0.9);font-size:1.5em;font-weight:600;text-transform:uppercase;text-align:center;margin-top:20px;text-shadow:1px 1px 0 rgba(255,255,255,0.3);}
.mobile-menu  #nav-mid{height:60px;margin-top:0;}
.mobile-menu #nav-mid h2:hover{cursor:pointer;}
#mobile-menu-nav {position:absolute;visibility:visible;opacity:1;display:block;position:relative;margin:0 auto;top:-40px;z-index:9999;}
#mobile-menu-nav ul {padding:0;margin:0;background:#fff;border-top:3px solid #FFA600;box-shadow:0 2px 5px rgba(0, 0, 0, 0.1);-webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.1);position:absolute;left:50px;width:200px;}
#mobile-menu-nav li {display:list-item;font-size:1em;font-weight:600;}
#mobile-menu-nav li a {border-bottom:1px solid rgba(0,0,0,0.03);color:rgba(180, 30, 10, 0.9);padding:10px 5%;width:100%;display:block;height:2em;line-height:0;text-transform:uppercase;}
#mobile-menu-nav li a:hover {background-color:rgba(200, 200, 200, 0.3);}
.mobile-menu .menu__handle {background:transparent;border:none;width:25px;height:24px;padding:0;outline:none;position:absolute;top:-6px;left:20px;z-index:2000;}
.mobile-menu .menu__handle::before,
.mobile-menu .menu__handle::after,
.mobile-menu .menu__handle span {background:#FFA600;}
.mobile-menu .menu__handle::before {top:65%;}
.mobile-menu .menu__handle::after {top:35%;}
.mobile-menu .menu__handle::before,
.mobile-menu .menu__handle::after {content:'';position:absolute;height:2px;width:100%;left:0;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transition:-webkit-transform 0.25s;transition:transform 0.25s;}
.mobile-menu .menu__handle::before {-webkit-transform-origin:80% 50%;transform-origin:80% 50%;-webkit-transition:-webkit-transform 0.25s;transition:transform 0.25s;}
.mobile-menu .menu__handle::after {-webkit-transform-origin:65% 50%;transform-origin:65% 50%;-webkit-transition:-webkit-transform 0.25s;transition:transform 0.25s;}
.mobile-menu .menu__handle span {position:absolute;width:100%;height:2px;left:0;overflow:hidden;text-indent:200%;-webkit-transition:opacity 0.25s;transition:opacity 0.25s;}
.mobile-menu .menu__handle::before {-webkit-transform:translate3d(0, -10px, 0);transform:translate3d(0, -10px, 0);}
.mobile-menu .menu__handle::after {-webkit-transform:translate3d(0, 10px, 0);transform:translate3d(0, 10px, 0);}
.mobile-menu .menu--open .menu__handle span {opacity:0;}
.mobile-menu .menu--open .menu__handle::before {-webkit-transform:rotate3d(0, 0, 1, 45deg);transform:rotate3d(0, 0, 1, 45deg);}
.mobile-menu .menu--open .menu__handle::after {-webkit-transform:rotate3d(0, 0, 1, -45deg);transform:rotate3d(0, 0, 1, -45deg);}

/*************** [logo] ********************/
/************** http://tympanus.net/codrops/2012/09/12/creative-web-typography-styles/ *************/
.cs-text {width:350px;margin:0 auto;cursor:default;font-size:1em;}
.cs-text-cut {width:100%;height:22px;overflow:hidden;	-webkit-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;}
.cs-text > span {display:block;-webkit-backface-visibility:hidden;}
.cs-text-cut span {display:block;line-height:180px;color:#ffa600;font-size:1.5em;font-weight:400;text-transform:uppercase;text-align:center;margin-top:-67px;letter-spacing:1px;}
.cs-text-cut:last-child span {margin-top:-88px;}
.cs-text-mid {
	font-weight:400;
	text-transform:uppercase;
	font-size:0.938em;/* 15px */
	letter-spacing:0.6em;
	line-height:50px;
	text-indent:60px;
	position:absolute;
	top:60px;
	margin-top:-42px;
	color:#b41e0a;
	opacity:0;
	-webkit-transform:scale(0.5);
	transform:scale(0.5);
	-webkit-transition:all 0.4s ease-in-out 0s;
	transition:all 0.4s ease-in-out 0s;
}
.cs-text:hover .cs-text-cut:first-child {-webkit-transform:translateY(-10px);transform:translateY(-10px);opacity:0.5;}
.cs-text:hover .cs-text-cut:last-child {	-webkit-transform:translateY(20px);transform:translateY(20px);opacity:0.5;}
.cs-text:hover .cs-text-mid {-webkit-transition-delay:0.3s;transition-delay:0.3s;opacity:1;transform:scale(1);}


/*********
 * Sidebar
 * http://tympanus.net/codrops/2014/12/15/elastic-svg-elements/
 *********/
.sidebar {
	position:fixed;
	top:102px;
	width:300px;
	bottom:0;
	left:0;
	overflow:hidden;
	-webkit-transform:translate3d(-150px, 0, 0);
	transform:translate3d(-150px, 0, 0);
	-webkit-transition:-webkit-transform 0.6s;
	transition:transform 0.6s;
	font-family:"Lato",Calibri,Arial,sans-serif;
/*	z-index:1;*/
}
.sidebar.fixed{position:fixed;top:100px;}
.home.featured .sidebar {top:355px;transition:top 1s ease-in-out;}
.home.non-featured .sidebar {top:102px;}

.home.admin-bar.featured .sidebar {top:390px;transition:top 1s ease-in-out;}
.admin-bar .sidebar, .home.admin-bar.non-featured .sidebar{top:135px;}
.sidebar ul {list-style:none;padding:0;margin:0;}
.sidebar ul li {box-shadow:inset 0 -1px rgba(255,255,255,0.2);-webkit-transform:translate3d(-150px, 0, 0);transform:translate3d(-150px, 0, 0);-webkit-transition:-webkit-transform 0.6s;transition:transform 0.6s;}
.sidebar ul li a {
	display:block;
	padding:0.75em 0.5em 0.75em 0.5em;
	outline:none;
	text-transform:uppercase;
	text-shadow:0 0 1px rgba(255,255,255,0.1);
	letter-spacing:1px;
	font-weight:400;
	font-size:0.875em;
	-webkit-transition:background 0.3s, box-shadow 0.3s;
	transition:background 0.3s, box-shadow 0.3s;
	color:#ffa600;
}
.sidebar ul li:hover, .sidebar ul li.current-menu-item {background:rgba(255,255,255,0.1);box-shadow:inset 0 -1px rgba(0,0,0,0);}
.sidebar ul  li.current-menu-item a, .sidebar ul  li:hover a, .sidebar ul  li a:hover {color:#fff;}
.sidebar.menu--open {-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
.sidebar.menu--open .menu__handle span {opacity:0;}
.sidebar.menu--open .menu__handle::before {-webkit-transform:rotate3d(0, 0, 1, 45deg);transform:rotate3d(0, 0, 1, 45deg);}
.sidebar.menu--open .menu__handle::after {-webkit-transform:rotate3d(0, 0, 1, -45deg);transform:rotate3d(0, 0, 1, -45deg);}
.sidebar .menu__inner {background:none;width:calc(100% - 120px);padding:0;height:100%;position:relative;transition:background 0.3s 0.6s;}
.sidebar.menu--anim .menu__inner {background:rgba(0, 0, 0, 0.6);z-index:100;}
.sidebar.menu--anim ul li {padding-left:10px;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
.sidebar ul li:first-child {-webkit-transition-delay:0.3s;	transition-delay:0.3s;}
.sidebar ul li:nth-child(2) {-webkit-transition-delay:0.2s;transition-delay:0.2s;}
.sidebar ul li:nth-child(3) {-webkit-transition-delay:0.1s;transition-delay:0.1s;}
.sidebar .menu__handle {background:rgba(255, 255, 255, 0);border:none;width:30px;height:24px;padding:0;outline:none;position:absolute;top:15px;right:70px;z-index:2000;}
.sidebar .menu__handle::before,
.sidebar .menu__handle::after,
.sidebar .menu__handle span {background:#FFA600;}
.sidebar .menu__handle::before,
.sidebar .menu__handle::after {content:'';position:absolute;height:2px;width:100%;left:0;top:50%;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transition:-webkit-transform 0.25s;transition:transform 0.25s;}
.sidebar .menu__handle span {position:absolute;width:100%;height:2px;left:0;overflow:hidden;text-indent:200%;-webkit-transition:opacity 0.25s;transition:opacity 0.25s;}
.sidebar .menu__handle::before {-webkit-transform:translate3d(0, -10px, 0);transform:translate3d(0, -10px, 0);}
.sidebar .menu__handle::after {-webkit-transform:translate3d(0, 10px, 0);transform:translate3d(0, 10px, 0);}
.sidebar .morph-shape {position:absolute;top:0;width:240px;right:0;height:100%;}
.sidebar .morph-shape svg path {stroke:#FFA600;	stroke-width:5px;}

/************** [sidebar mobile] **************/
.ak-mobile-device .sidebar {position:relative;top:0;width:100%;-webkit-transform:none;transform:none;-webkit-transition:none;transition:none;}
.ak-mobile-device .sidebar .menu__handle, .ak-mobile-device .sidebar .morph-shape {display:none;}
.ak-mobile-device .sidebar .menu__inner {background:rgba(0, 0, 0, 0.5);width:100%;}
.ak-mobile-device .sidebar .menu__inner ul {padding:0;margin:0;}
.ak-mobile-device .sidebar ul li {-webkit-transform:none;transform:none;-webkit-transition:none;transition:none;}
.ak-mobile-device .sidebar ul li a {display:inline-block;padding:1em 1em 1em 1.2em;outline:none;text-transform:uppercase;text-shadow:0 0 1px rgba(255,255,255,0.1);letter-spacing:1px;font-weight:400;text-align:center;color:#ffa600;}
.ak-mobile-device .sidebar ul li.current-menu-item a,
.ak-mobile-device .sidebar ul li a:hover {color:#fff;}
.ak-mobile-device .sidebar ul li a:hover, 
.ak-mobile-device .sidebar ul li a.current-item {box-shadow:0 -1px rgba(0,0,0,0);color:#fff;}

/************** [Ouverture du panneau lat�ral ==> d�calage de la grille vers la droite] **************/
/************ http://tympanus.net/codrops/2013/08/28/transitions-for-off-canvas-navigations/ *********/
#ak-content {-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);-webkit-transition:-webkit-transform 0.6s;transition:transform 0.6s;}
#ak-content.menu--open {-webkit-transform:translate3d(150px, 0, 0);transform:translate3d(150px, 0, 0);}
.ak-grid li.shown,
.no-js .ak-grid li,
.no-cssanimations .ak-grid li {opacity:1;}
/* Apparition des �v�nements scroll�s * Effect :scale up */
.ak-grid.effect li.animate {-webkit-transform:scale(0.6);transform:scale(0.6);-webkit-animation:scaleUp 0.65s ease-in-out forwards;animation:scaleUp 0.65s ease-in-out forwards;}
@-webkit-keyframes scaleUp {0% {} 100% {-webkit-transform:scale(1);opacity:1;}}
@keyframes scaleUp {0% {} 100% {transform:scale(1);opacity:1;}}


/************
 * 7. Search
 ************/
.ak-icon-search {color:#ff6a00;}
.ak-search-field {border-radius:3px;color:#333;box-shadow:0px 0px 3px rgba(255, 106, 0, 0.5) inset, 1px 1px 0px rgba(255, 255, 255, 1);outline:none;}
.ak-search-field:focus, .ak-search-field:active {box-shadow:0px 0px 3px rgba(255, 106, 0, 1) inset, 1px 1px 0px rgba(255, 255, 255, 1);	outline:none;}
.ak-search-form {display:inline-block;}
.search-results #container-page header {height:100%;text-align:center;}
.search-results #ak-page-content {margin:10px auto;padding:10px 40px;min-height:190px;}
.search-results #ak-page-content img {float:left;padding-right:10px;}
.search-results #ak-page-content h2{margin:0.5em 0;}
.search-results #ak-page-content .event-date{margin-bottom:5px;font-weight:600;text-align:left;}


/********************************************* 
 * 8. Event calendar
 *********************************************/
#container-page table.em-calendar {border-collapse:collapse;font-size:12px;margin:20px auto !important;width:100%;}
#container-page table.em-calendar thead {font-family:Trebuchet MS,Tahoma,Verdana,"Helvetica Neue",Arial,Helvetica,"Nimbus Sans L",sans-serif;background-color:#DDDDDD;color:#FFFFFF;font-size:15px;font-weight:bold;}
#container-page table.em-calendar .em-calnav-prev {color:#FFFFFF;text-decoration:none;text-transform:uppercase;}
#container-page table.em-calendar .em-calnav-next {color:#FFFFFF;text-align:right;text-decoration:none;text-transform:uppercase;}
#container-page table.em-calendar .month_name {text-align:center;text-transform:uppercase;}
#container-page table.em-calendar tr {border:1px solid #BBBBBB;}	
#container-page table.em-calendar .days-names  td{background-color:#DDDDDD;color:#333333;font-weight:bold;text-align:center;text-transform:uppercase;letter-spacing:1px;} 
#container-page table.em-calendar .daynum {line-height:1.2;padding:6px 9px;font-size:11px;font-weight:bold;}
#container-page table.em-calendar .daynum-past     {background-color:#F5F5F5;color:#999999;}
#container-page table.em-calendar .daynum-today   {background-color:#666666;color:#FFFFFF;}
#container-page table.em-calendar .daynum-future {background-color:#F5F5F5;color:#333333;}
#container-page table.em-calendar .day-events td{border:1px solid #BBBBBB;}
#container-page table.em-calendar .days-events td {border:1px solid #BBBBBB;vertical-align:top;height:110px;width:14.28%;background-color:#fff;}
#container-page table.em-calendar .event-title {font-size:11px;line-height:1.4em;padding:2px;-webkit-hyphens:auto;-hyphens:auto;letter-spacing:1px;}
#container-page table.em-calendar .event-title p {margin:2px 0px;}
#container-page table.em-calendar .event-title a {text-decoration:none;display:block;text-transform: uppercase;}
#container-page table.em-calendar .event-tooltip-container {position:relative;}
#container-page table.em-calendar .event-tooltip {background-color:#F9F9F9;border:1px #666666 solid;position:absolute;width:320px;z-index:1001;}
#container-page table.em-calendar .event-tooltip-title {background-color:#666666;color:#fd7e29;letter-spacing:1px;line-height:18px;margin:0px;min-height:18px;padding:0px 6px;text-align:center;text-transform:uppercase;}
#container-page table.em-calendar .cal-event-date {font-weight:600;text-align:center;color:#FFA600;}
#container-page table.em-calendar .event-body h3{clear:unset;}
#container-page table.em-calendar .event-body {padding:3px 6px 6px 6px;text-align:justify;min-height:115px;color:#999;}
#container-page table.em-calendar .event-date {font-style:italic;margin:3px 0px;text-align:center;color:#fd7e29;font-weight:600;}
#container-page table.em-calendar .event-thumb {float:left;padding:5px 10px 0 4px;}
#container-page table.em-calendar .event-arrow {background:url("css/images/tooltip-arrow.png") no-repeat scroll 0 bottom transparent;height:11px;left:20px;position:absolute;width:19px;}
#container-page table.em-calendar .day-events .day-event-0 {width:100%;}
#container-page table.em-calendar .day-events .day-event-1 {width:100%;}
#container-page table.em-calendar .day-events .day-event-2 {width:50%;}
#container-page table.em-calendar .day-events .day-event-3 {width:33%;}
#container-page table.em-calendar .day-events .day-event-4 {width:25%;}
#container-page table.em-calendar .day-events .day-event-5 {width:20%;}
#container-page table.em-calendar .day-events .hour-day {letter-spacing:1px;}
#container-page table.em-calendar .day-events td.busy-hour {background-color:#CCCCCC;border-bottom:1px solid #CCCCCC;}
#container-page table.em-calendar .day-events td.busy-hour-next {background-color:#CCCCCC;	border-top:1px solid #CCCCCC;border-bottom:0px;}
#container-page table.fullcalendar {margin:0 auto;}
#container-page table.fullcalendar td {border: none;}
#container-page .em-calendar-wrapper .ical {text-align:center;}
#container-page .em-calendar-wrapper form span {font-family:"Helvetica Neue",Arial,Helvetica,"Nimbus Sans L",sans-serif;padding:0px 2px;}
#container-page .em-pagination {margin-left:50px;}
#container-page table.em-calendar .days-events .daynum {display:block;}
#container-page table.em-calendar .days-events .daynum-mobile {display:none;}
/************** [Event category container] **************/
#ak-page-content ul.em-category li {list-style:none;margin:20px 0;}
#ak-page-content ul.em-category td {padding-right:5px;}
.em-category img:focus, .em-category img:hover {-webkit-animation:catImg 0.65s linear forwards;animation:catImg 0.65s linear forwards;}
@-webkit-keyframes catImg {
	0% {}
	100% {-webkit-transform:scale(1.25);transform:scale(1.25);}
}
@keyframes catImg {
	0% {}
	100% {-webkit-transform:scale(1.25);transform:scale(1.25);}
}


/********************************************* 
 * Newsletter container
 *********************************************/
.page-newsletter #ak-page-content p, .page-newsletter #ak-page-content h2 {
	text-align:center
}

/************** [newsletter form] **************/
.widget_wysija input[name="wysija[user][email]"] {
    background-color:rgba(255, 255, 255, 0.75);
	border-radius:3px;
	color:#333;
	box-shadow:0px 0px 3px rgba(255, 106, 0, 0.5) inset, 1px 1px 0px rgba(255, 255, 255, 1);
	outline:none;
    border:medium none;
    box-sizing:border-box;
    font-family:inherit;
    font-size:1em;
    padding:1em;
	display:block;
    width:48.5%;
	margin:0 auto;
}
.widget_wysija input[name="wysija[user][email]"]:focus {box-shadow:0px 0px 3px rgba(255, 106, 0, 1) inset, 1px 1px 0px rgba(255, 255, 255, 1);outline:none;}
.wysija-submit-field {
    background:none repeat scroll 0 0 transparent;
    border:2px solid #FFA600 !important;
    border-radius:3px;
    font-size:1.25em;
    font-weight:500;
    line-height:1.7em;
    padding:6px 20px;
    cursor:pointer;
    display:block;
    margin:8px auto 0;
    transition:all 0.2s ease 0s;
	width:auto;
	color:#FFA600 !important;
	text-shadow:1px 1px 1px rgba(33, 33, 33, 0.5);
}

.wysija-submit-field:hover {background:rgba( 0, 0, 0, 0.05 );border:2px solid transparent !important;}
.formError {top:unset;left:unset;}
.widget_wysija_cont .updated {padding:10px;}


/********************************************* 
 * Event Grid 
 * http://tympanus.net/codrops/2013/07/02/loading-effects-for-grid-items-with-css-animations/
 *********************************************/
#container-page #em-wrapper > p, #container-page #em-wrapper > ul {margin:0;}
#container-page #em-wrapper > p.ak-grid{
	height:100px;
	line-height:100px;
	background-color:rgba(255, 255, 255, 0.9);
	border-radius:15px;
	color:rgba(0, 0, 0, 0.65);
	font-family:Lato;
	text-transform:uppercase;
	font-weight:700;
	letter-spacing:0.5px;
}
.ak-grid {
	list-style:none;
	padding:0;
	text-align:center;
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0);
	-webkit-transition:-webkit-transform 0.6s;
	transition:transform 0.6s;
}

.em .em-pagination {background-color:#FFA600}
.em .em-pagination > .page-numbers {color: white !important;}

/************** [D�tails d'un �v�ment dans la grille] **************/
/************ http://tympanus.net/codrops/2013/03/19/thumbnail-grid-with-expanding-preview/ *********/
.ak-grid > li {display:inline-block;margin:20px 10px 0;vertical-align:top;height:350px;width:350px;opacity:1;}
.ak-grid > li > a,
.ak-grid > li > a img {border:none;outline:none;display:block;position:relative;}
.ak-grid > li > a:hover {cursor:pointer;}
.ak-grid > li:nth-child(3n+1) {margin-top:50px;}
.ak-grid > li:nth-child(3n+2) {margin-top:75px;}
.ak-grid > li.ak-expanded > a::after {
	top:auto;
	border:solid transparent;
	content:" ";
	height:0;
	width:0;
	position:absolute;
	pointer-events:none;
	border-bottom-color:#FFA600;
	border-width:15px;
	left:50%;
	margin:-20px 0 0 -15px;
}

/************** [Grid content] **************/
.ak-expander {position:absolute;background:rgba(255, 255, 255, 0.5);top:auto;left:0;	width:100%;margin-top:10px;text-align:left;height:0;overflow:hidden;border-radius:5px;}
.ak-expander-inner {padding:50px 30px;height:100%;}
.ak-close {background-color:rgba(255, 255, 255, 0.8);position:absolute;width:20px;height:20px;top:10px;right:14px;cursor:pointer;z-index:200;}
.ak-close::before,
.ak-close::after {content:'';position:absolute;width:100%;top:50%;height:2px;background:#FFA600;-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.ak-close::after {-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.ak-close:hover::before,
.ak-close:hover::after {background:#333;}
.ak-fullimg,
.ak-details {width:50%;float:left;height:100%;overflow:hidden;position:relative;padding:0 40px 0 20px;}
.ak-details p span{margin:0 10px;font-variant:small-caps;}
.ak-details p span:first-child{margin-left:0;}
.ak-details p span:last-child{margin-right:0;}
.ak-fullimg {text-align:center;}
.ak-fullimg img {display:inline-block;max-height:100%;max-width:100%;}
.ak-details h2 {font-weight:400;font-size:3em;padding:0;margin:0;color:#679d58;color:rgba(82, 30, 10, 1);line-height:1em;}
.ak-details h3 {font-weight:400;font-size:2.5em;padding:1em 0 0;margin:0;color:rgba(0, 0, 0, 0.8);line-height:1em;}
.ak-details p {font-weight:400;font-size:1em;line-height:22px;color:rgba(0, 0, 0, 0.65);text-align:justify;}
.ak-details a {font-weight:700;font-size:1em;color:#FFA600;text-transform:uppercase;letter-spacing:2px;padding:10px 20px;border:3px solid #FFA600;display:inline-block;margin:20px 0;outline:none;text-shadow:1px 1px 1px rgba(33, 33, 33, 0.5);}
.ak-details a:hover {background:rgba( 0, 0, 0, 0.05 );border:2px solid transparent !important;}
.ak-loading {
	width:20px;
	height:20px;
	border-radius:50%;
	background:#ddd;
	box-shadow:0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ccc;
	position:absolute;
	top:50%;
	left:50%;
	margin:-25px 0 0 -25px;
	-webkit-animation:loader 0.5s infinite ease-in-out both;
	animation:loader 0.5s infinite ease-in-out both;
}
@-webkit-keyframes loader {
	0% {background:#ddd;}
	33% {background:#ccc;box-shadow:0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd;}
	66% {background:#ccc;box-shadow:0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc;}
}
@keyframes loader {
	0% {background:#ddd;}
	33% {background:#ccc;box-shadow:0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd;}
	66% {background:#ccc;box-shadow:0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc;}
}

/************** [Animation du roll over sur l'�v�nement] **************/
/************ http://tympanus.net/codrops/2014/01/07/shape-hover-effect-with-svg/ *********/
.ak-grid figure {position:relative;overflow:hidden;background:#333;}
.ak-grid figure img {position:relative;	display:block;width:100%;opacity:0.7;-webkit-transition:opacity 0.3s;transition:opacity 0.3s;height:350px;}
.ak-grid figcaption {position:absolute;top:0;z-index:11;padding:10px;width:100%;height:100%;text-align:center;}
.ak-grid figcaption h2 {margin:-50px 0 0 0;color:#3498db;text-transform:uppercase;letter-spacing:1px;font-weight:400;font-size:1.125em;-webkit-transition:-webkit-transform 0.3s;transition:transform 0.3s;}
.ak-grid figcaption p {padding:0 20px;margin:0;color:#aaa;font-weight:300;-webkit-transition:opacity 0.3s, -webkit-transform 0.3s;transition:opacity 0.3s, transform 0.3s;}
.ak-grid figcaption h2,
.ak-grid figcaption p {-webkit-transform:translateY(50px);transform:translateY(50px);}
.ak-grid figure button {position:absolute;padding:4px 20px;border:none;text-transform:uppercase;letter-spacing:1px;font-weight:bold;-webkit-transition:opacity 0.3s, -webkit-transform 0.3s;	transition:opacity 0.3s, transform 0.3s;}
.ak-grid figcaption,
.ak-grid figcaption h2,
.ak-grid figcaption p,
.ak-grid figure button {-webkit-backface-visibility:hidden;backface-visibility:hidden;}
.ak-grid svg {position:absolute;top:-1px;left:0;z-index:10;width:100%;height:100%;}
.ak-grid svg path {fill:rgba(255, 255, 255, 0.95);}
.ak-grid a:hover figure img {opacity:1;}
.ak-grid a:hover figcaption p {opacity:0;}
.hover-effect .ak-grid figcaption h2 {color:rgba(180, 30, 10, 0.9);}
.hover-effect .ak-grid figcaption p {color:#bbb;margin:5px 0;-webkit-transition-delay:0.05s;transition-delay:0.05s;font-size:0.875em;}
.hover-effect .ak-grid figure button {bottom:0;left:0;padding:15px;width:100%;background:#fff;color:#ffa600;font-weight:600;-webkit-transform:translateY(100%);transform:translateY(100%);}
.hover-effect .ak-grid a:hover figure button {-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;-webkit-transform:translateY(0);transform:translateY(0);}
.hover-effect .ak-grid figcaption h2, 
.hover-effect .ak-grid figcaption p {font-weight:600;-webkit-transition-timing-function:cubic-bezier(0.250, 0.250, 0.115, 1.445);timing-function:cubic-bezier(0.250, 0.250, 0.115, 1.445);}
.hover-effect .ak-grid a:hover figcaption p {-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0.1s;transition-duration:0.1s;}


/*****************
 * Contact Form 7
 *****************/
.form-submit button,
.form-submit input,
.form-submit select,
.form-submit textarea {background-color:#f7f7f7;border-radius:0;font-size:1.6em;line-height:1.5;margin:0;max-width:100%;vertical-align:baseline;}
.wpcf7-form input.wpcf7-text, 
.wpcf7-form textarea.wpcf7-textarea, 
.wpcf7-form input.wpcf7-captchar {background-color:rgba(255, 255, 255, 0.75);border:medium none;box-sizing:border-box;border-radius:3px;color:#333;box-shadow:0px 0px 3px rgba(255, 106, 0, 0.5) inset, 1px 1px 0px rgba(255, 255, 255, 1);outline:none;font-family:inherit;font-size:1em;padding:5px;width:100%;}
.wpcf7-form input.wpcf7-text:focus, 
.wpcf7-form textarea.wpcf7-textarea:focus, 
.wpcf7-form input.wpcf7-captchar:focus {box-shadow:0px 0px 3px rgba(255, 106, 0, 1) inset, 1px 1px 0px rgba(255, 255, 255, 1);	outline:none;}
.form-captcha {text-align :left;}
.form-captcha img{vertical-align :bottom;}
.wpcf7-form .col2 input.wpcf7-text {margin-bottom:15px;}
.wpcf7-form .col2 span.wpcf7-form-control-wrap {float:left;display:block;width:48.5%;margin-right:3%;}
.wpcf7-form .col2 p:last-child span.wpcf7-form-control-wrap  {margin-right:0;}
.wpcf7-form .col2 span.wpcf7-not-valid-tip {margin-bottom:10px;margin-top:-15px;}
span.wpcf7-not-valid-tip {text-shadow:1px 1px 0 #555;color:rgba(250, 30 , 10, 0.8);}
.wpcf7-form input.wpcf7-captchar {width:100px;}
.wpcf7-form input.wpcf7-submit, 
aside #wp-members .buttons, 
#ak-page-content #wpmem_reg .buttons,
#ak-page-content #wpmem_login .buttons {
    background:none repeat scroll 0 0 transparent;
    border:2px solid #FFA600 !important;
    border-radius:3px;
    font-size:1.6em;
    font-weight:500;
    line-height:1.6em;
    padding:6px 20px;
    position:relative;
    cursor:pointer;
    display:block;
    margin:8px auto 0;
    transition:all 0.2s ease 0s;
	width:auto;
	color:#FFA600 !important;
}
.wpcf7-form p input.wpcf7-submit:hover, aside #wp-members .buttons:hover {background:rgba( 0, 0, 0, 0.05 );border:2px solid transparent !important;}
.wpcf7-form  div.wpcf7-validation-errors {background:#fff url(css/images/checkbox-2.gif) no-repeat -50px 0;background-origin:content-box;border:2px solid #FF0000;padding-right:30px;border-radius:5px;}
.wpcf7-form div.wpcf7-response-output {margin:3em 0.5em 1em;padding:0.2em 1em 0.2em 30px;color:#000;}
div.wpcf7-mail-sent-ok {background:#fff url(css/images/puce-coche.png) no-repeat 7px 4px;padding-right:30px;border:2px solid #398f14;padding-right:30px;border-radius:5px;}
#ak-page-content div.form-captcha img.wpcf7-captchac, 
#ak-page-content img.ajax-loader {width:unset;}
body.single-les-residences .wpcf7-form input.wpcf7-text{width:auto;}


/***********
 * Comments
 ***********/
.form-submit input.submit {
    background:none repeat scroll 0 0 transparent;
    border:2px solid #FFA600 !important;
    border-radius:3px;
    font-size:1.2em;
    font-weight:500;
    line-height:1.7em;
    padding:6px 20px;
    position:relative;
    cursor:pointer;
    display:block;
    margin:8px auto 0;
    transition:all 0.2s ease 0s;
	width:auto;
	color:#FFA600 !important;
}
.form-submit input.submit:hover {background:rgba( 0, 0, 0, 0.05 );border:2px solid transparent !important;}
#commentform > div {margin:1em 0;}
.comment-form input, 
.comment-form textarea{background-color:#eee;border:medium none;border-radius:0;box-sizing:border-box;color:#999;font-family:inherit;font-size:14px;padding:16px;width:100%;}
.comments-area {background-color:#fff;margin:10px 0;text-align:left;}
.comments-area > :last-child {margin-bottom:0;}
.comments-area textarea{width:100%;}
.comment-list + .comment-respond {border-top:1px solid #eaeaea;border-top:1px solid rgba(51, 51, 51, 0.1);}
.comment-list + .comment-respond,
.comment-navigation + .comment-respond {padding-top:1.6em;}
.comments-title {margin-bottom:1.3333em;}
.comment-list {background-color:white;list-style:none;margin:0;padding:0 10px 10px;}
#ak-page-content li.comment {line-height:2em;list-style-image:none;list-style-position:inside;}
.comment-list article,
.comment-list .pingback,
.comment-list .trackback {border-top:1px solid #eaeaea;border-top:1px solid rgba(51, 51, 51, 0.1);padding:1em 0;}
.comment-list .children {list-style:none;margin:0;}
.comment-list .children > li {padding-left:0.8em;}
.comment-author {color:#707070;color:rgba(51, 51, 51, 0.7);margin-bottom:0.4em;}
.comment-author a:hover {border-bottom:1px solid rgba(51, 51, 51, 0.7);}
.comment-author .avatar {float:left;height:24px;margin-right:0.8em;width:24px;}
.comment-metadata,
.pingback .edit-link {color:rgba(51, 51, 51, 0.7);line-height:1.5;}
.comment-metadata a,
.pingback .edit-link a {color:rgba(51, 51, 51, 0.7);}
.comment-metadata a:hover,
.pingback .edit-link a:hover {border-bottom:1px solid #333;}
.comment-metadata a:hover,
.comment-metadata a:focus,
.pingback .edit-link a:hover,
.pingback .edit-link a:focus {color:#333;}
.comment-metadata .edit-link {margin-left:1em;}
.pingback .edit-link {margin-left:1em;}
.pingback .edit-link:before {top:5px;}
.comment-content ul,
.comment-content ol {margin:0 0 1.6em 1.3333em;}
.comment-content li > ul,
.comment-content li > ol {margin-bottom:0;}
.comment-content > :last-child {margin-bottom:0;}
.comment-list .reply {font-size:1.2em;}
.comment-list .reply a {border:1px solid #FFA600;color:#FFA600;display:inline-block;font-weight:700;line-height:1;margin-top:0.5em;padding:0.4167em 0.8333em;}
.comment-list .reply a:hover,
.comment-list .reply a:focus {border-color:transparent;background-color:rgba(0,0,0, 0.05);}
.comment-form label {color:rgba(51, 51, 51, 0.7);font-weight:700;display:block;letter-spacing:0.04em;line-height:1.5;text-transform:uppercase;}
.comment-notes,
.comment-awaiting-moderation,
.logged-in-as,
.form-allowed-tags {color:rgba(51, 51, 51, 0.7);line-height:1.5;}
.logged-in-as a:hover {border-bottom:1px solid #333;}
.no-comments {border-top:1px solid #eaeaea;border-top:1px solid rgba(51, 51, 51, 0.1);color:rgba(51, 51, 51, 0.7);font-weight:700;padding-top:1.6em;}
.comment-navigation + .no-comments {border-top:0;}
.form-submit {margin-bottom:0;}
.required {color:#c0392b;}
.comment-reply-title small {font-size:100%;}
.comment-reply-title small a {border:0;float:right;height:32px;overflow:hidden;width:26px;}
.comment-reply-title small a:before {font-family:"Genericons";	content:"\f405";font-size:32px;position:relative;top:-3px;}

/***************
 * WP MEMBERS
 ****************/
#wp-members {color:#ff6a00;}
#ak-page-content #wpmem_reg .button_div, 
#ak-page-content #wpmem_login .button_div {background-color:rgba(255, 255, 255, 0.1);}
#ak-page-content #wpmem_reg, 
#ak-page-content #wpmem_login {float:none;padding-top: 0;width: 600px;margin:0 auto;}
#ak-page-content #wpmem_reg label.checkbox, 
#ak-page-content #wpmem_reg label.select,
#ak-page-content #wpmem_reg label.textarea, 
#ak-page-content #wpmem_reg label.text, 
#ak-page-content #wpmem_login label {color: #aaa;display:inline-block;margin-right:5px;float:none;width:300px;}
.member-group .member-groupname {color:#ff6a00 !important;}
.member-list {border:1px solid black;margin:10px auto;}
.member-list th{background-color:gray;}
.member-list th, .member-list td{border:1px solid black;padding:5px;font-size:0.875em;}
.member-list .group-ok, .member-list .group-ko{width:16px;height:16px;display:block;margin:auto;}
.member-list .group-ok{background-image:url("css/images/puce-coche-16x16.png");}
.member-list .group-ko{background-image:url("css/images/red-cross-16x16.png");}
#ak-page-content #wpmem_reg input:not(.buttons), 
#ak-page-content #wpmem_reg textarea, 
#ak-page-content #wpmem_login .username, 
#ak-page-content #wpmem_login .password, 
aside #wp-members .username, 
aside #wp-members .password {
    border-radius: 3px;
    box-shadow: 0 0 3px rgba(255, 106, 0, 0.5) inset, 1px 1px 0 rgba(255, 255, 255, 1);
    color: #333;
    outline: medium none;
	padding:0 5px;
	font-family:Lato, sans-serif;
	font-size:0.9em;
	line-height:1.5em;
	border:none;
	height:1.75em;
	text-align:left;
}
#ak-page-content #wpmem_login .div_text {float:none;clear:both;display:inline;}

#ak-page-content #wpmem_reg textarea {width:100%;margin-top:0;height:200px;}
#ak-page-content #wpmem_reg p.noinput, #ak-page-content #wpmem_reg p:first-of-type{width: 270px;display:inline-block;}
#ak-page-content #wpmem_reg label.textarea, 
#ak-page-content #wpmem_reg label.text {
	text-align: left;
}

aside #wp-members label {color: #FFA600;display:inline-block;margin-right:5px;text-align:right;width:90px;font-weight:700;text-shadow: 1px 1px 0 #444;}

#footer #wp-members p {margin-bottom: 5px;}
#footer #wp-members p.err {color:rgba(250, 30, 10, 0.8);text-align:center;background:none;border:none;text-shadow: 1px 1px 0 #222;line-height:1.25em;font-size:1.1em;font-weight:700;}
#footer #wp-members p a {color: #FFA600;}
#ak-page-content #wpmem_login .buttons, 
aside #wp-members .buttons {
	font-size:1em;line-height:1em;font-weight:700;text-shadow: 1px 1px 0 #444;margin:25px auto 10px !important;}
#ak-page-content #wpmem_reg fieldset {padding-top:0;}
#ak-page-content #wpmem_reg .buttons {font-size:1em;font-weight:700;margin:25px auto 10px;}
#ak-page-content #wpmem_login .buttons {text-shadow:none;line-height:1.6em;}
#ak-page-content #wpmem_reg .button_div, 
#ak-page-content #wpmem_login .button_div {
	width:auto;float:none;clear:both;text-align:center;}
#ak-page-content #wpmem_login legend {display:none;}
#ak-page-content #wpmem_reg .buttons:hover, 
#ak-page-content #wpmem_login .buttons:hover, 
aside #wp-members .buttons:hover {
	background:rgba( 0, 0, 0, 0.05 );border:2px solid transparent !important;}
#ak-page-content .req-text .req {padding-right:5px;}

#ak-page-content #wpmem_msg ,
#ak-page-content .wpmem_msg  {margin:1em auto 0;padding:0.2em 0 0.2em 45px;color:#000;background:#fff url(css/images/puce-coche.png) no-repeat 12px 9px;padding-right:30px;border:2px solid #398f14;padding-right:30px;border-radius:5px;}
#ak-page-content .wpmem_msg_error  {background:#fff url(css/images/red-cross-16x16.png) no-repeat 12px 9px;border:2px solid #FA1E0A;}
#ak-page-content .wpmem_msg  p, #ak-page-content .wpmem_msg_error  p {margin:0;}

#ak-page-content .osc-res-tab .nav > li {margin-right:2px;}
#ak-page-content .osc-res-tab .nav > li > a {font-weight:bold;border-radius: 15px 15px 0 0;color:#707070;}
#ak-page-content .osc-res-tab .nav > li:not(.active) > a:hover {color:#ffa600; font-weight:bold;}
#ak-page-content .osc-res-tab .nav > li.active > a {color:#fff}
#ak-page-content .tab-content li.tab-pane.active {animation: tab-panel-animation 1s;}
@keyframes tab-panel-animation{
	from {opacity:0;}
	to	 {opacity:1;}
}

#ak-page-content #wpmem_login label {
	display: block;
}
#wpmem_login fieldset {
	text-align: left !important;
}

/*
#ak-page-content .osc-res-tab .nav > li > a:hover, 
#ak-page-content .osc-res-tab .nav > li > a:hover {background-color: #fff;border-radius: 10px 10px 0 0;}
#ak-page-content .nav-tabs li.active > a, 
#ak-page-content .nav-tabs li.active > a:hover {background-color: #ffa600;border-radius: 10px 10px 0 0;color: white;}
*/
.et_divi_builder #ak-page-content #et_builder_outer_content .et_pb_section {padding:0;}
.et_divi_builder #ak-page-content #et_builder_outer_content .et_pb_module p, 
.et_divi_builder #ak-page-content .et_pb_all_tabs .mailing-list,
.et_divi_builder #ak-page-content .et_pb_all_tabs .wysija_archive,
.et_divi_builder #ak-page-content .et_pb_all_tabs .member-group
{text-align:left;}

/* Loader pour inscription/d�sinscription mailing liste */
div#assok-loading {
	position:absolute; 
	width:100%; 
	height:100%; 
	background-color: white;
	background-image: url("css/images/loading.gif"), repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1) 15px, rgba(0, 0, 0, 0.10) 15px, rgba(0, 0, 0, 0.10) 22px);
	background-image: url("css/images/loading.gif"), -webkit-repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1) 15px, rgba(0, 0, 0, 0.10) 15px, rgba(0, 0, 0, 0.10) 22px);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	left:0; 
	top:0; 
	opacity:0.7; 
	z-index:99998; 
}


/***************
 * Login HP
 ****************/
aside #wp-members label {
	text-align: center !important;
}

#wp-members input[type="submit"] {
	margin: 0 auto 10px !important;
}

#areyouhuman {
	background: inherit !important;
	border: none !important;
	padding: 5px !important;
}

#areyouhuman label {
	width: 100% !important;
}

#areyouhuman i.checkme {
	top: -6px !important;
	font-size: 16px;
	font-style: normal;
}

/***************
 * WP Admin Bar
 ****************/
#wp-admin-bar-bwp-admin-logout div {display:inline-block;height:32px;}
/* #wpadminbar .quicklinks .ab-empty-item {display:none;} */
#wpadminbar .bwp-admin-avatar img {border-radius:50%;margin-right:5px;}
#wpadminbar .bwp-admin-name .highlight {color:#fff;font-weight:700;margin-left:5px;}
#wpadminbar .bwp-admin-name {position:relative;top:-10px;}
#wpadminbar .bwp-admin-profil a::before,
#wpadminbar .bwp-admin-logout a::before {color:#999;font-family:dashicons;font-size:16px;margin-left:5px;}
#wpadminbar .bwp-admin-profil a::before {content:'\f110';}
#wpadminbar .bwp-admin-logout a::before {content:'\f310';}
#wpadminbar .quicklinks .bwp-admin-profil a, 
#wpadminbar .quicklinks .bwp-admin-logout a {display:inline-block;overflow:hidden;width:12px;}


/***************
 * Media queries
 ***************/
@media only screen and ( max-width:1664px ) {
	#featured-content .featured-grid article:nth-child(5) {display:none;}
}

@media only screen and ( max-width:1350px ) {
	#featured-content .featured-grid article:nth-child(4) {display:none;}
}

@media only screen and ( max-width:1024px ) {
	.ak-mobile-device #container .main-menu {display:block;}
	.ak-mobile-device .mobile-menu{display:none;}
	.ak-mobile-device .sidebar {display:none;}
}

@media only screen and ( max-width:1015px ) {
	#featured-content .featured-grid article:nth-child(3) {display:none;}
}

@media only screen and ( max-width:980px ) {
	.ak-mobile-device #container .main-menu {display:none;}
	.ak-mobile-device .mobile-menu{display:block;}
	.ak-mobile-device .sidebar {display:block;}
	.main-menu {margin-top:0;height:60px;}
	#nav-left li, #nav-right li {font-size:0.938em;}
	#nav-left li a, #nav-right li a {width:89px;height:50px;line-height:50px;}
	#nav-left li a:hover, #nav-right li  a:hover{background-image:radial-gradient(transparent 20px, #b41e0a 15px);}
	#nav-left, #nav-right, #nav-mid  {padding:0;margin:0;height:60px;}
	#nav-mid {margin-top:6px;}
	.cs-text{width:230px;font-size:0.875em;}
	.cs-text-mid{margin-top:-57px;text-indent:15px;letter-spacing:0.5em;}
	.cs-text-cut {height:22px;}
	.cs-text-cut span{line-height:172px;margin-top:-65px;font-size:1.25em;}
	.cs-text-cut:last-child span {margin-top:-87px;}	
	.sidebar {top:71px;}
	.home.featured .sidebar {top: 325px;}
/*	.container > header {position:static;height:60px;} */
	.container > header {height:60px;}
	#container-page {margin:0;}
	.featured #container-page {margin-top:314px;}
	.ak-tab-device #container-page header {height:200px;}
	.ak-tab-device #container-page header h2 {line-height:200px;letter-spacing:2px;}
	.ak-mobile-device #container-page .entry-content {padding:0 20px;margin:0;}
	.ak-grid li {width:290px;height:290px;margin:10px 10px 5px;}
	.ak-grid li:nth-child(3n+1), .ak-grid li:nth-child(3n+2) {margin-top:10px;}
	.ak-grid figure img {height:290px;}
	.ak-grid .et_social_inline li {height:auto;}
	.ak-fullimg {width:100%;height:auto;}
	/* pb affichage pc versus tablette sur le height 200px pour le 1er et 100% pour le second*/
	.ak-expander-inner {overflow:auto;}
	.ak-details {padding:0;width:100%;height:auto;padding-bottom:20px;}
	/* .ak-tab-device .ak-details {height:50%;} */
	.ak-details h3 {margin-right:40px;}
	#ak-page-content {width:100%;margin:0;padding:1em 1em;border-radius:5px;}
	#footer  p{line-height:20px;letter-spacing:1px;padding:10px 10px;}
	#sidebar_footer {margin:0;}
	#container-page #ak-content > header {height:100%;}
	#featured-content .featured-grid article:nth-child(3),
	#featured-content .featured-grid article:nth-child(4),
	#featured-content .featured-grid article:nth-child(5) {display:none;}
	body.search #container-page {margin-bottom:0px;}
	body.search #container-page header {height:100%;}
	body.search #ak-page-content {margin:10px;min-height:170px;width:calc(100% - 25px);}
	.page-calendrier #container-page #ak-page-content {padding:5px;margin-bottom:1em;}
	#container-page table.em-calendar .days-names {display:none;}
	#container-page table.em-calendar thead {display:flex;}
	#container-page table.em-calendar thead tr, 
	#container-page table.em-calendar .days-events {display:flex;flex-direction:column;width:100%;}
	#container-page table.em-calendar .days-events td{width:100%;display:flex;border-style:dotted;}
	#container-page table.em-calendar thead td {width:100%;height:1.5em;display:flex;border:none;}
	#container-page table.em-calendar .month_name {color:#555;}
	#container-page table.em-calendar .month_name, 
	#container-page table.em-calendar .em-calnav-next {flex-direction:column;}
	#container-page table.em-calendar .days-events .daynum {display:none;}
	#container-page table.em-calendar .days-events .daynum-mobile {display:block;width:50px;}
	#container-page table.em-calendar .event-title {width:100%;}
	#ak-page-content .em-category li{line-height:1.5em;}
	#ak-page-content .em-category td.event-img {width:85px;}
	#ak-page-content .em-category td.event-img  img{width:75px;height:75px;}
	.post-navigation .post-title {font-size:1.625em;}
	.pagination .nav-links {min-height:2.2em;}
	.et_monarch .et_social_3col li{width:100% !important;clear:both !important;margin:0 !important;}
	.et_monarch .et_social_networks.et_social_nospace li {margin-bottom:5px !important;width: 100% !important;}
	.widget_wysija input[name="wysija[user][email]"] {padding:0.5em}
	.wpcf7-form input.wpcf7-submit {padding:0.25em 0.5em;font-size:1.25em;}
}

@media only screen and ( max-width:685px ) {
	body {font-size:12px;}
	.container > header {position:static;}
	#container-page header h1 {letter-spacing:2px;line-height:30px;font-size:1.5em;text-indent:0;text-align:center;}
	#container .main-menu {display:none;}
	#container-page .entry-content {margin:0;padding:0 26px 20px 20px;}
	.mobile-menu{display:block;}
	.ak-grid li {margin:10px 10px 5px;}
	.home.featured .sidebar, .sidebar {position:relative;top:0;width:100%;-webkit-transform:none;transform:none;-webkit-transition:none;transition:none;}
	.sidebar .menu__handle, .sidebar .morph-shape {display:none;}
	.sidebar .menu__inner {background:rgba(0, 0, 0, 0.5);width:100%;}
	.sidebar ul li {-webkit-transform:none;transform:none;-webkit-transition:none;transition:none;}
	.sidebar ul li a {padding:1em 1em 1em 1.2em;}
	body.single-event #ak-page-content div.event-date {height:90px;width:90px;padding-top:14px;}
	#featured-content .featured-grid article:nth-child(2) {display:none;}
	.featured #container-page {margin-top:246px;}
	#header-page .featured-content {padding-bottom:7px;background-position: -123px 0px, -123px 0px, 0 0%, 0 0;background-size: 246px 246px;}
	#header-page .featured-content h2 .close {height: 20px;padding-left: 5px;width: 20px;}
}

@media only screen and ( max-width:604px ) {
	.ak-grid {margin:0 10px 5px;}
	.ak-grid li {width:290px;height:290px;margin:10px 0 5px;}
	.ak-expander-inner {	padding:20px 10px;}
	.ak-fullimg {display:none;}
	.ak-details {padding:0 10px;width:100%;height:100%;}
	#container-page .entry-content {margin:0;padding:0 26px 20px 20px;}
	.search #ak-page-content {margin:10px;min-height:150px;width:calc(100% - 25px);}
	.ak-tab-device #container .main-menu {display:none;}
	.ak-tab-device .mobile-menu{display:block;}
	#header-page .featured-content h2 {margin-left:0;}
	#header-page .featured-content .featured-grid {padding: 0;}
	#header-page .featured-content article {margin:0;}
}