/* @override 
	http://www.emenda.fr/wp-content/themes/emenda/css/emenda.css
	https://www.emenda.fr/wp-content/themes/emenda/css/emenda.2016.12.15.css
*/

/* last update 2016/09/07 */

body {
	background: #fff;
	color: #222;
	font: 300 1.4em/1.5em "Muli",Arial,sans-serif;
}
/*
body {
	background: url(../img/bootstrap.png) repeat-y center 0;
}
*/
a, a:visited, a:active {
	color: #8bbc00;
}
a:hover {
	color: #000;
}

.offset {
    display: block;
    margin-top: -30px;
    padding-top: 30px;
    width: 1px;
}


.wrapper {
	margin: 0 auto;
	padding: 0 1%;
}

main>.wrapper {
	min-height: 400px;
	padding-bottom: 60px;
}
.screen-reader-text {
	display: none;
}
hr.clear {
	height: 30px;
}

a.more.button {
	display: inline-block;
	padding: 5px 20px 5px 10px;
	background: #8bbc00;
	color: #fff;
	text-decoration: none;
}
a.more.button:hover {
	background: #5e7f00;
}
a.more.button:after {
	font-family: 'FontAwesome';
	content: "\f105";
	vertical-align: middle;
	margin-left: 1em;
}


header {
	padding-top: 20px;
}
header .logo,
header .motto,
header .socials {
	display: inline-block;
	vertical-align: middle;
}
header .motto {
	font: 500 1.6em/1em "Jura", Arial, sans-serif;
	color: #8bbc00;
	margin-left: 30px;
}

header .socials,
footer .socials {
	float: right;
	margin-top: 24px;
	font-size: 0;
}
header .socials li,
footer .socials li {
	display: inline-block;
	margin-left: 10px;
}
header .socials li a,
footer .socials li a  {
	display: inline-block;
	text-decoration: none;
	width: 24px;
	height: 24px;
	font-size: 16px;
	line-height: 24px;
	text-align: center;
	background: #000;
	color: #fff;
	border-radius: 3px;
}
header .socials li a i,
footer .socials li a i {
	display: none;
}
header .socials li a:before,
footer .socials li a:before {
	font-family: 'FontAwesome';
	content: "\f0e1";
}
header .socials li a.twitter:before,
footer .socials li a.twitter:before {
	content: "\f099";
}
header .socials li a.facebook:before,
footer .socials li a.facebook:before {
	content: "\f09a";
}
header .socials li a.linkedin {
	background: #0077b5;
}
header .socials li a.facebook {
	background: #3b5998;
}
header .socials li a.twitter {
	background: #55acee;
}


nav#main-nav span.search-icon,
nav#main-nav button.search-submit {
	float: right;
	cursor: pointer;
	line-height: 46px;
	width: 30px;
	text-align: center;
	font-size: 1.3em;
	color: #8bbc00;
	background: transparent;
	padding: 0;
	border: none;
}
nav#main-nav span.search-icon i,
nav#main-nav button.search-submit i {
	display: none;
}
nav#main-nav span.search-icon:before,
nav#main-nav button.search-submit:before {
	font-family: "FontAwesome";
	content: "\f002";
	vertical-align: top;
}
nav#main-nav span.search-icon:hover,
nav#main-nav button.search-submit:hover {
	color: #fff;
}
nav#main-nav form.search-form{
	position: absolute;
	left: 0;
	top: 0;
	height: 46px;
	background-color: #808080;
	width: 100%;
	padding: 0 1%;
	display: none;
}
nav#main-nav form.search-form .search-field {
	border: none;
	background: transparent;
	line-height: 46px;
	height: 46px;
	padding: 0 20px;
	width: 80%;
	font-size: 1.1em;
	font-weight: 200;
	color: #fff;
}
/* placeholder */
nav#main-nav .search-field::-webkit-input-placeholder { color:#ccc; }
nav#main-nav .search-field::-moz-placeholder { color:#ccc; }

nav#main-nav span.search-icon.close {
	color: #ccc;
}
nav#main-nav button.search-submit {
	display: none;
}
nav#main-nav span.search-icon.close:hover {
	color: #fff;
}
nav#main-nav span.search-icon.close:before {
	content: "\f00d";
}

footer {
	background: #444;
	color: #fff;
	padding: 40px 0;
}
footer .emenda p {
	margin: 0;
}
footer .emenda p.address {
	font-size: .9em;
}
footer .emenda p.tel {
	font-size: 1.3em;
	color: #8bbc00;
	margin-top: .5em;
}
footer .emenda p.tel:before {
	font-family: 'FontAwesome';
	content: "\f098";
	margin-right: .5em;
}
footer .gmap,
#contact-map {
	width: 100%;
	height: 300px;
}
footer .gmap {
	width: 49%;
	float: left;
	margin-left: 1%;
}

.contact-maps {
	padding-bottom: 30px;	
}
.contact-maps:after {
	display: block;
	content: " ";
	clear: both;
}

.contact-maps .gmap {
	height: 300px;
}
.contact-maps #contact-map-1.gmap {
	width: 49%;
	float: left;
}
.contact-maps #contact-map-2.gmap {
	width: 49%;
	float: right;
}


footer p.copyright {
	font-size: .85em;
	color: #777;
	width: 74%;
	float: left;
	margin: 0;
}
footer p.copyright a {
	color: inherit;
	text-decoration: none;
}
footer p.copyright a:hover {
	color: #ccc;
}
footer .socials {
	margin-top: 0;
}
footer .socials a {
	background: #ddd !important;
	color: #444 !important;
}
footer .socials a:hover {
	background: #fff !important;
}

footer ul.nav {
	font-size: .85em;
}
footer ul.nav a {
	color: #fff;
	text-decoration: none;
	font-weight: 900;
}
footer ul.nav a:hover {
	color: #8bbc00;
}
footer ul.nav ul.sub-menu {
	margin: 5px 0 5px 15px;
}
footer ul.nav ul.sub-menu a {
	font-weight: 300;
	line-height: 1.3em;
	display: block;
	margin-bottom: .5em;
}
footer .emenda {
	width: 23.2%;
	float: left;
}
footer .footer-menu {
	width: 23.2%;
	float: left;
	margin: 0 2.5%;
}
footer div.footer-maps {
	width: 48%;
	float: right;
}
footer div.footer-maps .gmap {
	width: 32%;
	float: left;
}
footer div.footer-maps .gmap iframe {
	width: 100%;
	height: 320px;
}

.bx-wrapper {
	position: relative;
	margin: 0;
	padding: 0;
	*zoom: 1;
}
.news.lg-span-4 {
	width: 102.6%;
	margin-left: -1.25%;
	font-size: 0;
}
.news.lg-span-4 li {
	background: #eee;
	display: inline-block;
	width: 22.5%;
	margin: 1.25%;
	font-size: 13px;
	position: relative;
}
.news img {
	max-width: 100%;
	margin: 0 auto;
	height: auto;
	display: block;
}
body.single-blog .news img {
	-moz-border-radius : 8px;
	-webkit-border-radius : 8px;
	border-radius : 8px;
}
.news.lg-span-4 li .desc {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 10px;
	width: 100%;
	background: rgba(139,188,0,.7);
}
.news.lg-span-4 li .desc:hover {
	background: #8bbc00;
}

.news li a {
	color: #fff;
	text-decoration: none;
}
.news li .date {
	font-size: .9em;
	line-height: 1em;
}
.news li .title {
	font-size: 1.1em;
	font-weight: 900;
	line-height: 1.2em;
	margin-top: 5px;
}

#breadcrumbs {
	font-size: .8em;
	margin-bottom: 20px;
	color: #808080;
}
#breadcrumbs a {
	color: inherit;
	text-decoration: none;
}
#breadcrumbs a:hover {
	color: #000;
}

main .page h1,
main h1.page-title,
main div.main-title-realisations {
	font-weight: 300;
	font-size: 2.4em;
	line-height: 1.2em;
	color: #8bbc00;
	margin-bottom: .5em;
}

body.single-blog main .page h1 {
	font-weight: 800;
	text-transform: uppercase;
}


main div.main-title-realisations {
	margin-bottom: 0;
}
main div.main-title-realisations a {
	text-decoration: none;
}
main .page h1.icon {
	min-height: 40px;
	padding-left: 60px;
	background-repeat: no-repeat;
	padding-top: 8px;
	margin-top: -8px;
}
main .page h2 {
	font-size: 1.6em;
	color: #000;
	margin: 1em 0 .5em;
}
main .page h2:before {
	font-family: 'FontAwesome';
	content: "\f0dd";
	margin-right: .3em;
	color: #8bbc00;
	vertical-align: text-top;
}
main .page.realisation h2 {
	margin-top: 0;
}
main .page.realisation h2:before {
	content: "";
	display: none;
}

main .page h2:after,
main .page h3:after,
main .page h4:after {
	display: block;
	content: "";
	font-size: 1px;
	line-height: 1px;
	clear: both;
}

main .page img {
	max-width: 100%;
	height: auto;
}
main .page img.alignright {float:right; margin:0 0 1em 1em;}
main .page img.alignleft {float:left; margin:0 1em 1em 0}
main .page img.aligncenter {display: block; margin-left: auto; margin-right: auto}
main .page a img.alignright {float:right; margin:0 0 1em 1em}
main .page a img.alignleft {float:left; margin:0 1em 1em 0}
main .page a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
main .page .wp-caption.alignright {float:right; margin:0 0 1em 1em;}
main .page .wp-caption.alignleft {float:left; margin:0 1em 1em 0}
main .page .wp-caption.aligncenter {display: block; margin-left: auto; margin-right: auto}
main .page .wp-caption {
	font-size: small;
	color: #999;
}





main .page h3 {
	font-size: 1.3em;
	color: #8bbc00;
	margin-bottom: 10px;
}
main .page h4 {
	font-size: 1.1em;
	margin-bottom: .5em;
}
main .page b,
main .page strong {
	font-weight: 600;
}
main .page i,
main .page em {
	font-style: italic;
}
main .page ul {
	margin-bottom: 1em;
}
main .page p {
	margin-bottom: 1em;
	line-height: 1.4em;
}
main .page li {
	padding-left: 1.2em;
}
main .page li:before {
	content: '\f105'; /* FontAwesome char code inside the '' */
	font-family: FontAwesome; /* FontAwesome or whatever */
	display: inline-block;
	width: 1.2em; /* same as padding-left set on li */
	margin-left: -1.2em; /* same as padding-left set on li */
	color: #8bbc00;
}​
main .page blockquote {
	margin: 20px 0;
}
main .page blockquote {
	margin: 20px 0;
}
body section.main {
	width: 65.7%;
	float: left;
}
body section.main {
	width: 65.7%;
	float: left;
}
main .page ul.social-share,
main .page ul.social-share li {
	padding: 0 !important;
	margin: 0 !important;
	background: none;
	display: inline-block;
}
main .page ul.social-share li:before {
	display: none;
}
main .page ul.social-share {
	font-size: 0;
}
main .page ul.social-share li a {
	text-decoration: none;
	display: block;
}
main .page ul.social-share li a:hover {
	color: #000;
}
main .page ul.social-share li a i {
	display: none;
}
main .page ul.social-share li a:before {
	display: block;
	font-family: "FontAwesome";
	vertical-align: middle;
	line-height: 20px;
	font-size: 20px;
	height: 28px;
	width: 28px;
	background: #eaebe1;
	color: #fff;
	padding: 4px;
	text-align: center;
	margin-right: 8px;
	margin-bottom: 20px;
	border-radius: 3px;
}
main .page ul.social-share li.facebook a:before {
	content: "\f09a";
	background: #3b5998;
}
main .page ul.social-share li.google a:before {
	content: "\f0d5";
	background: #dc4e41;
}
main .page ul.social-share li.twitter a:before {
	content: "\f099";
	background: #55acee;
}
main .page ul.social-share li.linkedin a:before {
	content: "\f0e1";
	background: #0077b5;
}

main .page.realisation b,
main .page.realisation strong {
	font-weight: 500;
}




#sidebar {
	width: 23%;
	float: right;
}

section.main .equipe {
	text-align: center;
}
section.main .equipe .person {
	display: inline-block;
	margin: 15px;
	max-width: 20%;
	vertical-align: top;
}
section.main .equipe .person.team {
	max-width: 17%;
}
section.main .equipe .person img {
	display: block;
	border-radius:100%;
	margin-bottom: .5em;
	max-width: 100%;
	height: auto;
}
section.main .equipe .person h3,
section.main .equipe .person p {
	font-size: 1em;
	color: #000;
	margin: 0;
	line-height: 1.2em;
}
section.main .equipe .person p {
	font-style: italic;
	color: #808080;
}

section.main.equipe .portrait {
	float: left;
	width: 22.2%;
}
section.main.equipe .portrait img {
	display: block;
	border-radius:100%;
}
section.main.equipe .resume {
	width: 73.5%;
	float: right;
}
section.main.equipe .back-to-team {
	margin-top: 2em;
}
section.main.equipe .back-to-team a {
	text-decoration: none;
}
section.main.equipe .back-to-team a:hover {
	color: #000;
}
section.main.equipe .back-to-team a:before {
	font-family: 'FontAwesome';
	content: "\f104";
	margin-right: .5em;
}

#search-result .hentry {
	border: 1px solid #ddd;
	margin-bottom: 15px;
	padding: 1em;
	border-radius: 4px;
}
#search-result .hentry.has-post-thumbnail .thumb {
	width: 16%;
	float: left;
}
#search-result .hentry.has-post-thumbnail .thumb img {
	max-width: 100%;
	height: auto;
}
#search-result .hentry.has-post-thumbnail .desc {
	width: 82%;
	float: right;
}

/* CONTACT FORM */
#contact label {
	display: block;
	margin-bottom: .3em;
	color: #666;
	line-height: 1em;
}
#contact input,
#contact textarea {
	font-size: 1em;
	padding: 1%;
	border-radius: 3px;
	border: 1px solid #e3ddcf;
	width: 100%;
}
#contact textarea {
	height: 9em;
}
#contact label.error {
	color: orangered;
	margin-top: 3px;
}
#contact label.error:before {
	font-family: 'FontAwesome';
	content: "\f106";
	margin-right: .5em;
}


#contact button,
#wysija-subscriptions input.button-primary {
	background: #8bbc00;
	border: none;
	padding: 2% 8%;
	color: #fff;
	border-radius: 3px;
	display: inline-block;
	margin-top: .5em;
}
#contact button:hover {
	background-color: #808080;
}
#loader {
  width: 30px;
  height: 30px;
  background-color: #8bbc00;
  margin: 10px auto;
  -webkit-animation: rotateplane 1.2s infinite ease-in-out;
  animation: rotateplane 1.2s infinite ease-in-out;
  display: none;
}

@-webkit-keyframes rotateplane{
	0% { -webkit-transform: perspective(120px) }
	50% { -webkit-transform: perspective(120px) rotateY(180deg) }
	100% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) }
}
@keyframes rotateplane {
	0% { 
    	transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    	-webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg) 
  	} 50% { 
    	transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    	-webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) 
  	} 100% { 
    	transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    	-webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  	}
}




/* #SIDEBAR */
#sidebar .sidebar-title.news {
	border-bottom: 1px solid #8bbc00;
	text-align: center;
	margin: 0 0 1.5em;
}
#sidebar .sidebar-title.news span {
	line-height: 1em;
	color: #808080;
	position: relative;
	top: 0.5em;
	background: #fff;
	padding: 0 .5em;
	display: inline-block;
}

#sidebar .news-item {
	margin-bottom: 1em;
	padding-bottom: 1em;
	border-bottom: 1px solid #ddd;
}

#sidebar .news.projects .news-item {
	border: 1px solid #ccc;
	padding: .5em;
	border-radius: 4px;
}



#sidebar .news-item .thumb {
	width: 25%;
	float: left;
}
#sidebar .news-item .desc {
	float: right;
	width: 69.5%;
	font-size: .9em;
}
#sidebar .news-item p,
#sidebar .news-item h4 {
	margin: 0;
	line-height: 1.2em;
}
#sidebar .news-item p.date {
	color: #8bbc00;
	font-size: .85em;
	margin-bottom: 5px;
}
#sidebar .all-news {
	text-align: center;
}
#sidebar .news-item h4 a {
	color: inherit;
	text-decoration: none;
}
#sidebar .news-item h4 a:hover {
	text-decoration: underline;
}
#sidebar .news.projects .news-item h4 a {
	text-transform: uppercase;
	color: #8bbc00;
}


#sidebar .sidebar-title.realisations {
	font-size: 1em;
	margin-top: 3em;
	margin-bottom: 0;
}
#sidebar .sidebar-title.realisations a {
	display: block;
	background: #8bbc00;
	color: #fff;
	text-decoration: none;
	padding: .2em .5em;
}
#sidebar .sidebar-title.realisations a:after {
	font-family: 'FontAwesome';
	content: "\f105";
	float: right;
}
#sidebar .realisations-item img {
	float: left;
	width: 50%;
	height: auto;
}

#realisations-list {
	width: 102.8%;
	margin-left: -1.4%;
	font-size: 0;
}


body.post-type-archive-realisations h1 {
	float: left;
}
a#list-reset {
	float: right;
	margin-top: 1em;
	text-decoration: none;
}
a#list-reset:after {
	font-family: 'FontAwesome';
	content: "\f00a";
	display: inline-block;
	vertical-align: middle;
	margin-left: .5em;
}



#realisations-list .related-title {
	margin: 2em 1.4% 1.5em;
	text-align: center;
	border-bottom: 1px solid #8bbc00;
	margin-bottom: 20px;
}
#realisations-list .related-title span {
	font-size: 15px;
	line-height: 1em;
	color: #808080;
	position: relative;
	top: 1em;
	background: #fff;
	padding: 0 .5em;
	display: inline-block;
}

#realisations-list .hentry {
	font-size: 13px;
	width: 22.3%;
	margin: 1.35%;
	display: inline-block !important;
	vertical-align: top;
}
#realisations-list .hentry img {
	display: block;
	max-width: 100%;
	height: auto;
}
#realisations-list .hentry .post-title {
	font-size: 1.1em;
	margin: 0;
	padding-top: .5em;
	padding-bottom: .2em;
	line-height: 1.3em;
}
#realisations-list .hentry .post-title a {
	color: #000;
	text-decoration: none;
}
#realisations-list .hentry .post-title a:hover {
	color: #8bbc00;
}
#realisations-list .hentry .excerpt p {
	margin: 0;
	line-height: 1.2em;
	color: #808080;
	font-weight: 100;
}



#popin .realisation h1,
.wrapper.realisation h1 {
	margin-bottom: .2em;
}
#popin .realisation h1 {
	float: none;
}

#popin .realisation .excerpt,
.wrapper.realisation .excerpt {
	font-size: 1.1em;
	font-weight: 600;
}
#popin .realisation-header,
.wrapper.realisation .realisation-header {
	margin: 30px 0 20px;
}
.wrapper.realisation .domaines {
	margin-bottom: 2em;
}
#popin .realisation .image,
.wrapper.realisation .image {
	width: 48.6%;
	float: left;
}
#popin .realisation .realisation-header h1,
.wrapper.realisation .realisation-header h1 {
	color: #000;
	font-size: 1.6em;
	text-transform: uppercase;
}
#popin .realisation .image img,
.wrapper.realisation .image img {
	display: block;
	max-width: 100%;
	height: auto;
}
#popin .realisation .desc,
.wrapper.realisation .desc {
	width: 48.6%;
	float: right;
}




.main.single-actu .post-meta {
	float: left;
}
.main.single-actu .social-share {
	float: right;
}
.main.single-actu img.attachment-large {
	display: block;
	max-width: 100%;
	height: auto;
	margin: 0 auto 20px;
}
body.single-blog .main.single-actu img.attachment-large {
	-moz-border-radius : 15px;
	-webkit-border-radius : 15px;
	border-radius : 15px;
}



div.wp-pagenavi {
	text-align: center;
	margin-top: 2em;
}
div.wp-pagenavi a,
div.wp-pagenavi span {
	display: inline-block;
	text-align: center;
	background: #808080;
	margin: 0 10px;
	text-decoration: none;
	color: #fff;
	border-radius: 2px;
	padding: 0 .5em;
}
div.wp-pagenavi span.current {
	background: #8bbc00;
}
div.wp-pagenavi a:hover {
	background: #000;
}
div.wp-pagenavi a.nextpostslink,
div.wp-pagenavi a.previouspostslink {
	background: #ddd;
	color: #808080;
}

h1.realisations.page-title {
	margin-bottom: 0;
	float: left;
}
#filter-domains {
	text-align: center;
	margin: 10px -1%;
}
#filter-domains>li {
	font-weight: 600;
	display: inline-block;
	margin: 1.5% 1.5% 0;
	padding: 0;
	width: 30%;
	vertical-align: top;
}
#filter-domains>li ul {
	margin-top: 5px;
	max-height: 0;
	overflow: hidden;
	transition: 1s;
}
#filter-domains>li:hover ul {
	max-height: 30em;
}

#filter-domains>li ul li {
	margin-bottom: 2px;
	font-weight: 100;
}
main .page #filter-domains li {
	padding: 0;
}

#filter-domains li:before {
	content: "";
	display: none;
}

#filter-domains li a {
	display: block;
	background: #eaebe2;
	color: #333;
	padding: .2em .8em;
	border-radius: 2px;
	text-decoration: none;
}
#filter-domains li a .count {
	display: inline-block;
	vertical-align: text-bottom;
	font-size: 9px;
	line-height: 1.5em;
	padding: 3px;
	width: 2em;
	height: 2em;
	background: rgba(255,255,255,.5);
	border-radius: 1em;
	margin-left: .5em;
	font-weight: 100;
}
#filter-domains li a.active {
	background: #8bbc00;
	color: #fff;
}
#filter-domains li a:hover {
	background-color: #808080;
	color: #fff;
}

#expertise {
	width: 102.8%;
	margin-left: -1.4%;
}
#expertise .domain {
	width: 30.5%;
	margin: 1.4%;
	float: left;
}
#expertise .domain .title .picto,
#expertise .domain img.wp-post-image {
	max-width: 100%;
	height: auto;
	display: block;
}
#expertise .domain .title a {
	display: block;
	background: #8bbc00;
	color: #8bbc00;
}
#expertise .domain h2,
#expertise .domain .title .picto {
	display: inline-block;
	vertical-align: middle;
}
#expertise .domain .title .picto {
	width: 25%;
}
#expertise .domain h2 {
	color: #fff;
	width: 72%;
	text-transform: uppercase;
	font-size: 1.2em;
	line-height: 1.2em;
	font-weight: 600;
	margin: 0;
	padding: .5em .5em .5em 0;
}
#expertise .domain .desc {
	background: #eaebe2;
	min-height: 8em;
	padding: 1em;
}
#expertise .domain .desc p {
	margin-bottom: 0;
}

ul.list-positions {
	margin-top: 15px;
}
ul.list-positions li {
	margin: 0 0 10px;
	padding: 0;
}
ul.list-positions li a {
	display: block;
	padding: 1em;
	border-radius: 3px;
	background: #eaebe2;
	color: #000;
	text-decoration: none;
}
ul.list-positions li a:hover {
	background: #808080;
	color: #fff;
}
ul.list-positions li a:before {
	font-family: 'FontAwesome';
	content: "\f1c1";
	vertical-align: middle;
	margin-right: .5em;
	font-size: 1.5em;
	color: #fff;
}


ul.list-positions li:before {
	content: "";
	display: none;
}

.page .main .partner {
	background: #f4f4ef;
	padding: 1em;
	border-radius: 4px;
	margin-bottom: 15px;
}
.page .main .partner.has-thumbnail .thumb {
	float: left;
	width: 15%;
}
.page .main .partner.has-thumbnail .thumb img {
	display: block;
	max-width: 100%;
	height: auto;
}

.page .main .partner.has-thumbnail .desc {
	float: right;
	width: 83%;
}

.page .main .partner h4 {
	margin-bottom: 0;
}
.page .main .partner h4,
.page .main .partner h4 a {
	color: #8bbc00;
	text-decoration: none;
}
.page .main .partner h4 a:hover span.link:before {
	font-family: 'FontAwesome';
	content: "\f08e";
	vertical-align: middle;
	font-size: .8em;
	line-height: 1em;
	margin-left: .5em;
	color: #444;
}

.page .main .domain {
	background: #f4f4ef;
	padding: 1em;
	border-radius: 4px;
	margin-bottom: 15px;
}
.page .main .domain.thumbnail .thumb {
	width: 16%;
	float: left;
}
.page .main .domain.thumbnail .thumb img {
	display: block;
	max-width: 100%;
	height: auto;
}
.page .main .domain.thumbnail .desc {
	width: 82%;
	float: right;
}

main>.wrapper {
	position: relative;
}
div#popin {
	position: absolute;
	width: 98%;
	background: #fff;
	left: auto;
	top: -1200px;
	z-index: 999;
	transition: .5s;
}
div#popin.show {
	top: 0;
	padding: 20px;
	max-height: 800px;
	box-shadow: 0 0 10px rgba(0,0,0,.3)
}
div#popin a.popin-close {
	position: absolute;
	right: 20px;
	top: 20px;
	text-decoration: none;
	font-size: 2em;
	font-weight: 100;
}
div#popin a.popin-close:hover {
	color: #000;
}
div#popin a.popin-close i {
	display: none;
}
div#popin a.popin-close:before {
	font-family: 'FontAwesome';
	content: "\f00d";
}

#mask {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 888;
	background: rgba(0,0,0,.5);
	width: 0;
	height: 0;
}
#mask.show {
	width: 100%;
	height: 100%;
}

/* mailchimp optin */

aside.widget_mailchimpsf_widget {
	padding: 20px;
	background: #eee;
	font-size: .9em;
	line-height: 1.4em;
	text-align: center;
	margin-bottom: 30px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px 10px 30px 10px;
}
aside.widget_mailchimpsf_widget input.button {
	background: #8bbc00;
	border: none;
	padding: 10px;
	width: 100%;
	margin-top: 20px;
	color: #fff;
	text-transform: uppercase;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	cursor: pointer;
}
aside.widget_mailchimpsf_widget label {
	display: none;
}
aside.widget_mailchimpsf_widget input.mc_input {
	margin-top: 20px;
	width: 100%;
	padding: 5px 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: none;
}

/* BLOG */
main .page h1.blog-title {
	text-transform: uppercase;
}
main .page h1.blog-title:before {
	font-family: 'FontAwesome';
	content: "\f086";
	margin-right: .5em;
	display: inline-block;
}

div.blog-archive .blog-post {
	margin-bottom: 20px;
	padding-bottom: 20px;
	padding: 15px;
	border: 1px solid #eee;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: 0 0 5px rgba(0,0,0,.2);
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,.2);
	box-shadow: 0 0 5px rgba(0,0,0,.2);
}
div.blog-archive .blog-post a.blog-thumb {
	display: block;
	float: left;
	width: 45%;
}
div.blog-archive .blog-post a.blog-thumb img {
	max-width: 100%;
	height: auto;
	display: block;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
div.blog-archive .blog-post div.desc {
	float: right;
	width: 52%;
}
div.blog-archive .blog-post h2 {
	margin: 0;
}
div.blog-archive .blog-post h2:before {
	display: none;
}
div.blog-archive .blog-post h2 a {
	color: #000;
	text-decoration: none;
	font-weight: 800;
	line-height: 1.2em;
	display: block;
	margin: .2em 0 .5em;
}
main .page div.blog-archive p.meta {
	margin: 0;
	font-size: .9em;
	color: #808080;
	margin-bottom: .5em;
}
main .page div.blog-archive p.meta span.subject {
	color: #ddd;
}
main .page div.blog-archive a.read-more {
	display: block;
	margin-top: 15px;
}
main .page div.blog-archive a.read-more span {
	background: #8bbc00;
	padding: 5px 20px;
	color: #fff;
	display: inline-block;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
}

div.blog-archive .blog-post div.desc p {
	font-size: .9em;
}



#terminal {
	background: rgba(0,0,0,.7);
	color: #fff;
	font-family: monospace;
	padding: 2px 20px 2px 6px;
	position: fixed;
	left: 0;
	top: 0;
}

/* very small screen */
@media screen and (max-width: 420px)  {
	#terminal:before {
		content: "small screen < 420px";
	}
}
/* mobile */
@media screen and (max-width: 840px) {
	#terminal:before {
		content: "small screen < 840px";
	}
	.hide-mobile{
		display: none !important;
	}
	.wrapper {
		padding: 0 15px;
	}
	.mob-reset {
		display: block !important;
		width: auto !important;
		float: none !important;
		margin-bottom: 15px;
	}
	header .logo {
		display: block;
		text-align: center;
	}
	header .motto {
		background: #808080;
		color: #fff;
		width: 110%;
		padding: 4px 5%;
		font-size: 1.1em;
		line-height: 1.3em;
		text-align: center;
		margin: 10px -5%;
	}
	footer .emenda,
	footer .copyright,
	footer .socials {
		text-align: center;
	}
	footer .socials li {
		margin: 15px;
	}
	section.main .equipe .person {
		max-width: 33%;
	}
	section.main .equipe .person.team {
		max-width: 25%;
	}
	section.main.equipe .portrait img {
		margin: 1em auto 0;
	}
	#expertise .domain img.wp-post-image {
		width: 100%;
		height: auto;
	}
	#expertise .domain .desc {
		min-height: 0;
		margin-bottom: 30px;
	}
	#realisations-list .hentry {
		width: 47.2%;
	}
	#filter-domains li a {
		font-size: x-small;
	}
	#realisations-list .related-title {
		font-size: .9em;
	}
	#realisations-list .related-title span {
		color: #8bbc00;
	}
	.news.lg-span-4 li {
		margin-bottom: 20px;
	}
	#filter-domains>li {
		width: 100%;
	}
	footer .gmap {
		margin: 0 0 20px;
	}
}
/* tablet */
@media screen and (min-width: 840px) and (max-width: 1024px)  {
	#terminal:before {
		content: "tablet 840px <-> 1024 px";
	}
	.hide-desktop {
		display: none;
	}
	#nav a {
		padding: 0 12px;
	}
}
/* large screens */
@media screen and (min-width: 1024px) {
	#terminal:before {
		content: "desktop > 1024 px";
	}
	.hide-desktop {
		display: none;
	}
	.wrapper {
		max-width: 1170px;
		margin: 0 auto;
	}
	header .logo {
		width: 23.2%;
		margin-right: 2.5%;
	}
	div.diaporama {
		max-width: 1170px;
		margin: 0 auto;
	}
}