/*
Theme Name: emery_torracinta
Theme URI: http://underscores.me/
Author: whybe.ch
Author URI: http://whybe.ch
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: emery_torracinta
Tags:

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.

emery_torracinta is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
	font-family: 'Lato', sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}

body {
	margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a,
.facetwp-type-radio .facetwp-radio:hover, .facetwp-all-btn:hover, .facetwp-type-radio .facetwp-radio.checked, .facetwp-all-btn.checked {
	-webkit-transition:all 500ms;
	-moz-transition:all 500ms;
	-o-transition:all 500ms;
	transition:all 500ms;
	background-color: transparent;
}

a:active,
a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

.heavy{
	font-weight: 800 !important;
}

dfn {
	font-style: italic;
}

.italic_title,
.italic_title *{
	font-style: italic !important;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 40px;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: none;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
	color: #444;
	font-weight: 500;
	font-family: 'Lato', serif;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Lora', serif;
	font-weight: 700;
	clear: both;
	margin-top: 0.5em;
	margin-bottom: 0.2em;
	color: #000;
}

p {
	margin-bottom: 1em;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #fff; /* Fallback for when there is no custom background color defined. */
}

#page{
}

#content{
	padding-top: 40px;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 0;
}

#content ul,
#content ol{
	font-weight: 500;
}

ul {
	list-style: disc;
	padding-left: 1.1em;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

figure {
	margin: 1em 0; /* Extra wide images within figure tags don't overflow the content area. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-transition: .3s all;
	-o-transition: .3s all;
	transition: .3s all;
	border: 1px solid;
	border-color: #ff0000;
	border-radius: 0;
	background: #ffffff;
	color: #000;
	font-size: 1em;
	font-weight: 400;
	text-transform: uppercase;
	font-size: 0.75rem;
	line-height: 1;
	padding: .4em 1em .4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	background: #ff0000;
	color: #ffffff;
	font-weight: 700;
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	background: #ff0000;
	color: #ffffff;
	font-weight: 700;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 0;
	padding: 3px;
}

select {
	border: 1px solid #ccc;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

textarea {
	width: 100%;
}

.nf-after-field{
	display: none;
}

.nf-form-content  .nf-field-container{
	margin-bottom: 10px;
}

.nf-form-content .nf-field-element textarea{
	height: 100px;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: #FF0000;
	text-decoration: none;
}

a:visited {
	color: #FF0000;
}

a:hover,
a:focus,
a:active {
	color: #FF0000;
}

a:focus {
	outline: none;
}

a:hover,
a:active {
	outline: 0;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

.site-title{
	display: inline-block;
	margin: 0;
	vertical-align: top;
	float: left;
}

.site-title a{
	font-family: 'Lora', serif;
	font-size: 1.4em;
	line-height: 1.7;
	font-weight: 700;
	color: #000;
}

.main-navigation {
	display: inline-block;
	width: auto;
	float: right;
}

.main-navigation ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation ul#primary-menu > li {
	float: left;
	position: relative;
	margin: 0 1em 0 0;
	padding: 0.45em 0;
}

.main-navigation a {
	display: block;
	text-decoration: none;
	color: #000;
	margin: 0 0.1em;
}

.main-navigation .menu-item:after{
	-webkit-transition: .3s all;
	-o-transition: .3s all;
	transition: .3s all;
	content: "";
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 0;
	height: 2px;
	background: #FF0000;
}

.footer_menu a:after,
#secondary li a:after {
	-webkit-transition: .3s all;
	-o-transition: .3s all;
	transition: .3s all;
	content: "";
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 1.3em;
	display: block;
	width: 0;
	height: 1px;
	background: #777;
}

#secondary li a:after {
	background: #ff0000;
}

.main-navigation .menu-item:hover,
.main-navigation a:hover,
.main-navigation a:hover i,
.facetwp-type-radio .facetwp-radio:hover, .facetwp-all-btn:hover, .facetwp-type-radio .facetwp-radio.checked, .facetwp-all-btn.checked{
	color: #FF0000;
}

.main-navigation > ul > .menu-item:hover:after,
.main-navigation > ul > .menu-item.current-menu-item:after,
.footer_menu a:hover:after,
.footer_menu .current-cat > a:after,
#secondary li a:hover:after {
	width: 100%;
}

.main-navigation ul ul {
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul a {
	width: auto;
	white-space: nowrap;
	background-color: #fff;
	padding: 0 0.4em;
	margin: 0;
	position: relative;
}

.main-navigation ul ul a:after{
	height: 0%;
}

.main-navigation ul ul li {

}

.main-navigation li:hover > a,
.main-navigation li.focus > a {
}

.main-navigation ul ul :hover > a,
.main-navigation ul ul .focus > a {
}

.main-navigation ul ul a:hover,
.main-navigation ul ul a.focus {
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	left: 100%;
}

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a,
#primary-menu > li > .sub-menu > .current-menu-parent > a,
/* #primary-menu > li > .sub-menu > .current-menu-ancestor > a, */
.culture_sport .sub-menu > .current-menu-ancestor > a,
/* .main-navigation .current-menu-ancestor > a, */
.term-15 .main-navigation .mon_action_menu > a,
.term-21 .main-navigation .mon_action_menu > a,
.term-22 .main-navigation .mon_action_menu > a,
.formation .main-navigation .mon_action_menu > a,
.enfance_jeunesse .main-navigation .mon_action_menu > a,
.culture_sport .main-navigation .mon_action_menu > a,
.mes_engagements .main-navigation .mes_valeurs_menu > a,
.term-53 .main-navigation .mes_valeurs_menu > a {
	color: #FF0000;
}

.main-navigation .current_page_item > a:after,
.main-navigation .current-menu-item > a:after,
.main-navigation .current_page_ancestor > a:after,
.main-navigation .current-menu-ancestor > a:after,
.term-15 .main-navigation .mon_action_menu > a:after,
.term-21 .main-navigation .mon_action_menu > a:after,
.term-22 .main-navigation .mon_action_menu > a:after,
.term-53 .main-navigation .mes_valeurs_menu > a:after {
	width: 100%;
}

#secondary-navigation{
	margin-left: 3em;
}

#secondary-navigation ul li{
	display: inline-block;
	margin: 0 0.2em;
	padding: 0.45em 0;
}

#secondary-navigation .search-submit {
	display: none;
}

#secondary-navigation .search_menu{
	position: relative;
}

#secondary-navigation .search_menu form{
	position: absolute;
	opacity: 0;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: block;
	}
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}


/*--------------------------------------------------------------
# Responsive Menu
--------------------------------------------------------------*/

#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #head-mobile{
	border:0;list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box
}

#cssmenu .responsive_item{
	display: none;
}

#cssmenu:after,#cssmenu > ul:after{
	content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0
}
#cssmenu #head-mobile{
	display:none
}
#cssmenu > ul > li{
	float:left
}
#cssmenu > ul > li > a{
	padding: 5px 0;
}
#cssmenu > ul > li:hover:before > a,#cssmenu ul li.active a:before{
	width: 100%;
}
#cssmenu > ul > li:hover,#cssmenu ul li.active:hover,#cssmenu ul li.active,#cssmenu ul li.has-sub.active:hover{
}
/*
#cssmenu > ul > li.has-sub > a:after{
	position:absolute;top:14px;right:11px;width:8px;height:2px;display:block;background:#000;content:''
}
#cssmenu > ul > li.has-sub > a:before{
	position:absolute;top:11px;right:14px;display:block;width:2px;height:8px;background:#000;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease
}
*/

#cssmenu .menu-item-19 > a{
	padding-bottom: 1em;
}
#cssmenu > ul > li.has-sub:hover > a:before{
	top:14px;
	height:0
}
#cssmenu ul ul{
	position:absolute;
	left:-9999px;
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}
#cssmenu ul ul li{
	height:0;
}
#cssmenu li:hover > ul{
	left:auto
}
#cssmenu li:hover > ul > li{
	height:auto;
}
#cssmenu ul ul ul{
	margin-left:100%;top:0
}
#cssmenu ul ul li a{
	padding:7px;
}
#cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a{
	border-bottom:0
}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{
	
}
#cssmenu ul ul li.has-sub > a{
	padding-right: 30px;
}

#cssmenu ul ul li.has-sub > a:after{
	position: absolute;
	content: "";
	display: inline-block;
	width: 8px;
	height: 8px;
	border-right: 1px solid #000;
	border-top: 1px solid #000;
	transform: rotate(45deg);
	right: 15px;
	top: 12px;
	-webkit-transition:all 300ms;
	-moz-transition:all 300ms;
	-o-transition:all 300ms;
	transition:all 300ms;
}

#cssmenu ul ul li.has-sub > a:hover:after{
	border-right: 1px solid #ff0000;
	border-top: 1px solid #ff0000;
	right: 12px;
}

#cssmenu ul ul li.has-sub:hover,#cssmenu ul li.has-sub ul li.has-sub ul li:hover{

}

#cssmenu ul ul ul li.active a{
	border-left:1px solid #333
}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active> a{
	border-top:1px solid #333
}


@media screen and (max-width:800px){
	
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}

.wp-playlist{
	
}

.wp-playlist .mejs-container,
.mejs-container.wp-audio-shortcode.mejs-audio.mejs-hide-cues,
.post-type-archive-revue_presse .mejs-container {
	width: 100% !important;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link{
	display: inline-block;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33333%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66667%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28571%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11111%;
}

.gallery-caption {
	display: block;
}

.site-content{
	margin: 0 auto;
	position: relative;
	width: 100%;
}/*--------------------------------------------------------------
# Preloader
--------------------------------------------------------------*/

.preloader-overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100000000;
    background: #fff
}

.preloader-overlay > .preloader {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -20px;
    margin-left: -20px
}

.main-site-preloader {
    background-image: url('images/preloader.png');
    background-position: center;
    background-repeat: no-repeat;
    -webkit-animation: wph-rotate .9s infinite;
    -moz-animation: wph-rotate .9s infinite;
    -o-animation: wph-rotate .9s infinite;
    animation: wph-rotate .9s infinite;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    width: 40px;
    height: 40px
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-resolution: 1.5dppx) {
    .main-site-preloader {
        background-image: url("images/preloader@2x.png");
        background-size: 40px 40px
    }
}

.secondary-preloader {
    border: 3px
    solid #000;
    border-radius: 50%;
    border-left-color: transparent;
    border-right-color: transparent;
    -webkit-animation: wph-rotate 575ms infinite linear;
    -moz-animation: wph-rotate 575ms infinite linear;
    -o-animation: wph-rotate 575ms infinite linear;
    animation: wph-rotate 575ms infinite linear
}

@-moz-keyframes wph-rotate {
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-o-keyframes wph-rotate {
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-ms-keyframes wph-rotate {
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes wph-rotate {
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

/*--------------------------------------------------------------
## Header
--------------------------------------------------------------*/
#masthead{
	position: fixed;
	line-height: 1.7;
	height: 40px;
	z-index: 99991;
	width: 100%;
	background: #fff;
	max-height: 40px;
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3);
}

.admin-bar #masthead{
	top: 32px;
}

/*--------------------------------------------------------------
## Sidebar
--------------------------------------------------------------*/
#secondary{
	margin-bottom: 2.5em;
	font-weight: 500;
}

#secondary ul{
	padding: 0;
	list-style: none;
}

#secondary ul li{
	position: relative;
	display: table;
}

#secondary ul ul{
	margin: 0;
}

#secondary ul li a{
	display: inline-block;
}

#secondary h4 a{
	font-family: 'Lora', serif;
	color: #000;
}


#secondary li a.active_thematique:after,
#secondary li.current-cat > a:after{
	width: 100%;	
}

ul.themes_footer_menu.sub-menu > li a{
	font-weight: 500;
}

#secondary .cat-item-19{
	margin-bottom: 1em;
}

.sub-menu > .sub-menu-with-children ~ .sub-menu-with-children{
	margin-top: 1em;
}

.footer_menu .sub-menu > .sub-menu-with-children ~ .sub-menu-with-children{
	margin: 0;
}


.sub-menu > .sub-menu-with-children{
	font-weight: 600;
}

.archive_date{
	font-size: 0.5rem;
	vertical-align: middle;
}

.archive_date_title{
	font-size: 1.2rem;
	vertical-align: middle;
}
/*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/
#colophon{
	background-color: #f4f4f4;
}

#colophon p {
	color: #777;
	font-size: 0.75em;
	font-weight: 500;
}

#colophon .site-info {
	border-top: 2px solid #ff0000;	
}

.footer_menu{
	font-size: 0.75em;
	margin: 2em auto;
}

.footer_menu a{
	color: #777;
}

ul.themes_footer_menu,
ul.themes_footer_menu ul{
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.themes_footer_menu > li > a{
	font-weight: 800;
}

ul.themes_footer_menu.sub-menu > li:first-of-type > a{
	font-weight: 800;
}

ul.themes_footer_menu.sub-menu > li > a{
	font-weight: 500;
}

ul.themes_footer_menu li{
	position: relative;
	display: table;
}

ul.themes_footer_menu li a{
	margin-bottom: 0.6em;
	display: inline-block;
}

.footer-navigation ul.themes_footer_menu li a{
	margin-bottom: 1em;
}

.separation_menu{
	margin-bottom: 0.5em;
}

.separation_menu:after{
	content:"—";
	display: block;
	margin-top: 1em;
}

.copyright{
	float: left;
}

.fb-follow{
	float: left;
	margin: 0.4em 1em;
}

a.byyb{
	color: #999;
	float: right;
	margin: 1em 0;
	font-size: 0.75em;
	font-weight: 500;
}

/*--------------------------------------------------------------
## Layout
--------------------------------------------------------------*/
.revue_presse i{
	margin-top: 0.1em;
}

.list_left{
	margin: 1em 0;
	font-size: 0.9em;
}

.list_left .left_title{
	width: 50px;
	float: left;
	clear: left;
	font-weight: 600;
}

.list_left .right_text{
	width: 80%;
	float: left;
}

#site-navigation .responsive_item{
	display: none;
}

.toggle-nav{
	display: none !important;
}

.error-404,
.no-results {
	text-align: center;
}

.entry-title,
.no-results{
	margin-top: 0;
}

section{
	margin: 1em auto;
	padding: 2em 0;
}

#left_content{
	width: 70%;
	float: left;
	padding-right: 3em;
}

.page_main{
	margin-top: 2em;
}

.hidden{
	display: none
}

a.savoir_plus{
	display: inline-block;
	font-weight: 500;
	position: relative;
	background-color: #fff;
	border-radius: 1em;
	border: 1px solid #777;
	color: #444;
	font-size: 0.9em;
	padding: 0.1em 0.7em 0.2em 0.8em;
	margin-bottom: 0.5em;
}

.realisations a.savoir_plus{
	margin-bottom: 0;
	margin-top: 0.5em;
}

a.savoir_plus .plus-sign {
	margin-left: 0.3em;
	position: relative;
	top: 0.15em;
	display: inline-block;
	width: 14px;
	height: 14px;
	-webkit-transition: .3s all ease-out;
	transition: .3s all ease-out;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}


a.savoir_plus:hover{
	background-color: #ff0000;
	border: 1px solid #ff0000;
	color: #fff;
}


.plus-sign::after {content: " ";
	position: absolute;
	display: block;
	background-color: #444;
	width: 14px;
	height: 2px;
	margin-left: -10px;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 9;
}
.plus-sign::before {content: " ";
	position: absolute;
	display: block;
	background-color: #444;
	height: 14px;
	width: 2px;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 9;
}

a.savoir_plus:hover .plus-sign:before,
a.savoir_plus:hover .plus-sign:after {
	background-color: #fff;
}



a.savoir_plus:hover .plus-sign {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}

.chapeau p{
	font-size: 1.4em;
	line-height: 1.6em;
	margin-top: 0.2em;
	font-weight: 300;
	color: #000;
}

.home .chapeau p{
	font-size: 1.2em;
	line-height: 1.4em;
	margin-top: 0.1em;
}

.capitalize{
	text-transform: capitalize;
}

.right_page_column p:first-of-type{
	margin-top: 0.8em;
}

ul.listing{
	padding: 0;
	list-style: none;
}

.listing li{
	display: flex;
	position: relative;
	margin-bottom: 1em;
}

.list_summary{
	width: 70%;
}

.list_number{
	align-self: center;
	text-align: center;
	background-color: #444;
	color: #fff;
	margin-right: 1em;
	height: 1.6em;
	width: 1.6em;
	font-size: 0.8em;
	line-height: 1.6em;
	border-radius: 50%;
}

.thematique_list .list_number{
	align-self: initial;
	background-color: transparent;
	color: #444;
	margin-right: 0.6em;
	font-size: 0.7em;
	line-height: 2em;
}

.to-right {
	align-self: center;
	font-size: 0.60em;
	cursor: pointer;
	float: left;
	margin-left: 40px;
}

.to-right a{
	color: #aaa;
	-webkit-font-smoothing: antialiased;
}

.right-arrow{
	-webkit-transition: all 250ms;
	-moz-transition: all 250ms;
	-o-transition: all 250ms;
	transition: all 250ms;
	display: inline-block;
	font-style: normal;
	position: absolute;
	margin-left: 0em;
	width: 1.8em;
	height: 1.8em;
	border-right: 0.05em solid #ff0000;
	border-top: 0.05em solid #ff0000;
	transform: rotate(45deg);
}

a:hover .right-arrow{
	margin-left: 1em;
	border-right: 0.05em solid black;
	border-top: 0.05em solid black;
}

.points_cles{
	text-align: center;
}

.list_points{
	display: flex;
}

.point_cle{
	border-radius: 5px;
	padding: 1em 1.5em;
	background-color: #fafafa;
}

.point_cle i{
	color: #ff0000;
	font-size: 1.4em;
	margin-bottom: 0.3em;
}

.point_title{
	margin-bottom: 0.6em;
}

.search article p{
	margin-top: 0;
}

.press_article{
	display: flex;
	position: relative;
	margin-bottom: 1em;
}

/*--------------------------------------------------------------
# Actualités
--------------------------------------------------------------*/
.actualite_home{
	position: relative;
}

.actualite_home .point_cle{
	padding: 1em 1.3em 1em 1.8em;
	position: relative;
}

.liste_actu .left_line{
	border: none;
	border-left: 2px solid red;
	display: block;
	position: absolute;
	height: calc(100% - 2.6em);
	left: 0.9em;
}

.liste_actu .left_line:after{
	content: "";
	position: absolute;
	border: none;
	border-left: 2px dotted red;
	height: 10px;
	bottom: -13px;
	left: -2px;
}

.liste_actu .item_actu{
	position: relative;
}

.liste_actu .item_actu:before{
	content: "";
	height: 0.65em;
	width: 0.65em;
	background-color: red;
	display: block;
	position: absolute;
	border-radius: 50%;
	left: -1.15em;
	top: 0.5em;
}

.liste_actu p, .liste_actu h4{
	margin-top: 0;
}

.liste_actu h4 {
	margin-bottom: 0;
}

.titre_actu{
	font-weight: 700;
}

/*--------------------------------------------------------------
# Menu Tooltip
--------------------------------------------------------------*/

.tooltip{
    display: inline;
    position: relative;
}

.tooltip:hover:after{
    background: #fff;
	border-radius: 5px;
	top: 27px;
	color: #000;
	content: attr(alt);
	left: -50%;
	padding: 5px 8px;
	position: absolute;
	z-index: 98;
	width: auto;
	white-space: nowrap;
	height: auto;
	font-size: 0.75em;
	border: 1px solid #eee;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
	box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
}

.tooltip:hover:before{
    border: solid;
    border-color: #eee transparent;
    border-width: 0 6px 6px 6px;
    top: 21px;
    content: "";
    left: 2px;
    position: absolute;
    z-index: 99;
}

/*--------------------------------------------------------------
# Revue de presse
--------------------------------------------------------------*/
.post-edit-link{
	font-size: 0.9em;	
}

article.revue_presse{
	position: relative;
	padding: 1em;
	-webkit-transition:all 500ms;
	-moz-transition:all 500ms;
	-o-transition:all 500ms;
	transition:all 500ms;
	background-color: #fafafa;
}

.revueURL{
	position: absolute;
	width: 100%;
	height: 100%;
	text-indent: -9999px;
}

article.revue_presse h3{
	line-height: 1.2em;
	-webkit-transition:all 500ms;
	-moz-transition:all 500ms;
	-o-transition:all 500ms;
	transition:all 500ms;
}

article.revue_presse:hover{
	background-color: #f3f3f3;
}

article.revue_presse:hover h3{
	color: #ff0000;
}

article.revue_presse i.fa{
	font-size: 1.6em;
	line-height: 1.4em;
	display: inline-block;
	margin-right: 0.3em;
}

article.revue_presse i.fa-link{
	font-size: 1.5em;
}

article.revue_presse p{
	margin-top: 0;
	margin-bottom: 0.5em;
}

.revueSource{
	font-size: 0.9em;
	color: #777;
	display: inline-block;
	position: relative;
	top: -3px;
}

.revueSource:after{
	content: " | ";
	display: inline-block;
	margin: 0 0.3em;
}

.revueDate{
	font-size: 0.9em;
	color: #777;
	display: inline-block;
	position: relative;
	top: -3px;
}

.sectionTitle{
	position: relative;
	border-bottom: 2px solid #ddd;
	width: 100%;
}

.moreRVP{
	font-size: 0.7em;
	font-weight: 300;
	margin-left: 0.5em;
}

.sectionTitle a{
	color: #000;
	display: inline-block;
}

.sectionTitle a:hover {
	color: #ff0000;
}

.sectionTitle a .plus-sign {
	margin-left: 0.3em;
	position: relative;
	display: inline-block;
	width: 14px;
	height: 14px;
	-webkit-transition: .3s all ease-out;
	transition: .3s all ease-out;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	opacity: 0;
	position: relative;
	top: 3px;
}

.sectionTitle a:hover .plus-sign {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	opacity: 1;
}

.sectionTitle a:hover .plus-sign:before,
.sectionTitle a:hover .plus-sign:after {
	background-color: #ff0000;
}

.sectionGroup{
	vertical-align: top;
	width: 100%;
	display: inline-block;
}

.revueSlide .flex-direction-nav a{
	width: 0.7em;
	height: 0.7em;
}

.revueSlide .flex-direction-nav .flex-prev{
	top: -2px;
	right: 1.5em;
	left: initial;
}

.revueSlide .flex-direction-nav .flex-next{
	top: -2px;
	right: 0.5em;
}

.revueSlide .flex-direction-nav a.flex-next:before{
	border-right: 2px solid #000;
	border-top: 2px solid #000;
}

.revueSlide .flex-direction-nav a.flex-prev:before{
	border-left: 2px solid #000;
	border-bottom: 2px solid #000;
}

.flexslider.revueSlide .flex-direction-nav .flex-next,
.flexslider.revueSlide .flex-direction-nav .flex-prev{
	opacity: 0.4;
}

.flexslider.revueSlide:hover .flex-direction-nav .flex-next {
	right: 0.5em;
}

.flexslider.revueSlide .flex-direction-nav .flex-next:hover:before {
	border-right: 2px solid #ff0000;
	border-top: 2px solid #ff0000;
}

.flexslider.revueSlide:hover .flex-direction-nav .flex-prev {
	right: 1.5em;
	left: initial;
}

.flexslider.revueSlide .flex-direction-nav .flex-prev:hover:before {
	border-left: 2px solid #ff0000;
	border-bottom: 2px solid #ff0000;
}

article.revue_presse .wp-playlist-current-item .wp-playlist-caption{
	display: none !important;
}

.embed-container { 
		position: relative; 
		padding-bottom: 56.25%;
		height: 0;
		overflow: hidden;
		max-width: 100%;
} 

.embed-container iframe,
.embed-container object,
.embed-container embed,
.embed-container .mejs-container { 
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

/*--------------------------------------------------------------
# Accordion
--------------------------------------------------------------*/
.main-accordion{
	position: relative;
}

.main-accordion dt{
	border-top: 1px solid #000;
	padding: 0 0 10px;
	margin-left: 15px;
	color: #777;
	font-weight: 500;
}

.main-accordion dt:first-of-type{
	border-top: none;
}

.main-accordion dd{
	padding: 0 0 10px;
	margin: -5px 0 0;
}

.main-accordion dd:last-of-type{
	padding-bottom: 0;
}

.main-accordion .acordion_item_title .button{
	position: absolute;
	left: -16px;
	width: 11px;
	height: 11px;
	top: 3px;
}

.main-accordion .acordion_item_title .button:before,
.main-accordion .acordion_item_title .button:after{
    content: "";
    position: absolute;
    background-color: #777;
    transition: transform 0.25s ease-out;
}

/* Vertical line */
.main-accordion .acordion_item_title .button:before{
    left: 0;
	right: 0;	
	margin: 0 auto;
    width: 1px;
    height: 100%;
}

/* horizontal line */
.main-accordion .acordion_item_title .button:after{
    top: 0;
	bottom: 0;
	margin: auto 0;
    width: 100%;
    height: 1px;
}

.main-accordion .acordion_item_title{
    cursor: pointer;
    padding-right: 20px;
    position: relative;
}

.main-accordion .acordion_item_title.current .button:before{ 
    transform: rotate(90deg); 
	-webkit-transform: rotate(90deg); 
	-moz-transform: rotate(90deg); 
	-ms-transform: rotate(90deg); 
}
.main-accordion .acordion_item_title.current .button:after{ 
    transform: rotate(180deg);    
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg); 
}

.main-accordion .acordion_item_title.current, .accordion .acordion_item_title:hover{
	color: #ed1c2a;
}

.main-accordion .acordion_item_title.current .button:before, 
.main-accordion .acordion_item_title.current .button:after, 
.main-accordion .acordion_item_title:hover .button:before, 
.main-accordion .acordion_item_title:hover .button:after {
    background-color: #ed1c2a;
}


/*--------------------------------------------------------------
## Carousel
--------------------------------------------------------------*/
#carousel{
	margin: 0;
	padding: 0;
	height: 75vh;
	position: relative;
}

#carousel #logo_ps{
	position: absolute;
	z-index: 999;
	right: 3em;
	bottom: 3em;
	width: 4.5em;
	height: 4.5em
}

#carousel #brochure_ps{
	position: absolute;
	z-index: 999;
	right: 10em;
	bottom: 4em;
	width: 4.5em;
	height: 4.5em;
	text-align: center;
}

#carousel #brochure_ps img{
	position: relative;
	z-index: 1;
}

#carousel #brochure_ps .fa{
	position: absolute;
	z-index: 2;
	color: #fff;
	margin: auto;
	left: 0;
	right: 0;
	bottom: -10%;
	font-size: 1.4em;
	line-height: 0;
}

#carousel.page_carousel{
	height: initial;
}

.flexslider{
	border: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.flex-viewport{
}

img.slide_img{
	display: none !important;
}

.slide_element{
	background-size: cover;
	background-position: center center;
	height: 75vh;
	position: relative;
}

.page_carousel .slide_element{
	height: auto;
	background-size: contain;
	background-repeat: no-repeat
}

.slide_content{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	width: 30%;
	margin-right: 10%;
	float: right;
}

.page_carousel .slide_content{
	margin-right: 3%;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
}

.slide_content h3{
	color: #fff;
	margin-bottom: 1em;
}

.page_carousel .slide_content h3{
	color: #000;
	font-size: 1.1em;
	text-shadow: 0px 0px 12px rgba(255, 255, 255, 1);
	margin-bottom: 0.7em;
}


.slide_link{
	opacity: 0;
	-webkit-font-smoothing: antialiased;
}

.slide_link a{
	color: #000;
	padding: 5px 17px 8px;
	font-weight: 400;
	background: rgba(255, 255, 255, 1);
	border: 1px solid #fff;
	-webkit-box-shadow: 0px 0px 20px 1px rgba(113, 104, 95, 0.3);
	-moz-box-shadow: 0px 0px 20px 1px rgba(113, 104, 95, 0.3);
	box-shadow: 0px 0px 100px 70px rgba(113, 104, 95, 0.3);
}

.page_carousel .slide_link a{
	padding: 2px 10px 5px;
}

.slide_link a:hover{
	background: rgba(113, 104, 95, 0.3);
	color: #fff;
}

.flexslider{
	margin: 0;
}

.flex-control-nav{
	width: 50%;
	top: 50%;
	right: 0;
	z-index: 10;
	margin: 7em 0 0;
}

.flex-control-paging li a{
	width: 0.5em;
	height: 0.5em;
	background: #fff;
	background: rgba(255, 255, 255, 0.6);
	-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
	-o-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}

.flex-control-paging li a.flex-active,
.flex-control-paging li a:hover{
	background: #fff;
	background: rgba(255, 255, 255, 1);
}

.flex-direction-nav a{
	width: 4em;
	height: 4em;
	margin: -2em 0 0;
	overflow: visible;
	text-shadow: none;
	color: transparent;
}

.flex-direction-nav .flex-next{
	right: 2em;
}

.flex-direction-nav .flex-prev{
	left: 2em;
}

.flexslider:hover .flex-direction-nav .flex-next{
	right: 4em;
}

.flexslider:hover .flex-direction-nav .flex-prev{
	left: 4em;
}

.flex-direction-nav a.flex-next:before{
	position: relative;
	content: "";
	display: inline-block;
	width: 100%;
	height: 100%;
	border-right: 2px solid white;
	border-top: 2px solid white;
	transform: rotate(45deg);
	margin-right: 0.5em;
}

.flex-direction-nav a.flex-prev:before{
	position: relative;
	content: "";
	display: inline-block;
	width: 100%;
	height: 100%;
	border-left: 2px solid white;
	border-bottom: 2px solid white;
	transform: rotate(45deg);
	margin-right: 0.5em;
}

.gallery_slide li{
	text-align: center;
	line-height: 1em;
}

.gallery_slide note{
	margin-top: 0.2em;
	font-size: 0.9em;
	font-style: italic;
	display: block;
}

/*--------------------------------------------------------------
## Page slide
--------------------------------------------------------------*/

#top_info{
	margin-bottom: 2em;
	overflow: hidden;
	margin: 0 auto;
}

#top_info img{
	width: 100%;
}

.page_carousel #top_info img{
	display: block !important;
}

.page_slide{
	overflow: hidden;
	padding-top: -50%;
	float: left;
	position: relative;
	width: 100%;
}

#top_info header{
	width: 50%;
	height: 100%;	
	display: flex;
	justify-content: center;
	align-items: center;
	float: left;
	text-align: center;
}

/*--------------------------------------------------------------
## Search form
--------------------------------------------------------------*/

#search_form .container{
	text-align: center;
}

#search_form .container{
	overflow: hidden;
	width: 400px;
	vertical-align: middle;
	white-space: nowrap;
}

.search-form input#search{
	width: 300px;
	height: 50px;
	background: #fff;
	border: 1px solid #ddd;
	font-size: 1.2em;
	float: left;
	color: #777;
	padding-left: 15px;
	border-bottom-left-radius: 5px;
	border-top-left-radius: 5px;
	-webkit-appearance: none;
}

.error404 .search-form,
.no-results .search-form {
	width: 350px;
	margin: 0 auto;
}

section.error-404, section.search{
	margin-top: 0;
}

.search-form input#search::-webkit-input-placeholder {
	color: #777777;
}
 
.search-form input#search:-moz-placeholder { /* Firefox 18- */
	color: #777777;
}
 
.search-form input#search::-moz-placeholder {  /* Firefox 19+ */
	color: #777777;
}
 
.search-form input#search:-ms-input-placeholder {  
	color: #777777;
}

.search-form button.icon{
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	
	border: none;
	background: #bbb;
	height: 50px;
	width: 50px;
	color: #4f5b66;
    opacity: 1;
	font-size: 1em;
    margin-left: -50px;
	
	-webkit-transition: all .55s ease;
	-moz-transition: all .55s ease;
	-ms-transition: all .55s ease;
	-o-transition: all .55s ease;
	transition: all .55s ease;
}

.search-form button.icon i{
	color: #fff;
}

.search-form:hover button.icon:hover{
	background: #ff0000;
}

input:focus {
    outline-width: 0;
    outline: none;
}
/*--------------------------------------------------------------
## Facet
--------------------------------------------------------------*/
.facetwp-type-radio{
}

.facetwp-facet:after {
  content: "";
  display: table;
  clear: both;
}

.facetwp-counter{
	display: none;
}

.facetwp-type-radio .facetwp-radio, .facetwp-all-btn{
	display: inline-block;
	cursor: pointer;
	position: relative;
	background: url(images/radio.png) 0 57% no-repeat;
	background-size: 14px 14px;
	margin-bottom: 4px;
	padding-left: 20px;
	cursor: pointer;
	float: left;
	clear: both;
}

.facetwp-type-radio .facetwp-radio:after, .facetwp-all-btn:after{
	content: "";
	overflow: hidden;
	position: absolute;
	left: 0;
	bottom: -2px;
	display: block;
	width: 0;
	height: 1px;
	background: #ff0000;
	-webkit-transition: all 0.65s ease;
	-moz-transition: all 0.65s ease;
	-o-transition: all 0.65s ease;
	-ms-transition: all 0.65s ease;
	transition: all 0.65s ease;
}

.facetwp-type-radio .facetwp-radio.checked, .facetwp-all-btn.checked{
	color: #ff0000;
	background-image: url(images/radio-on.png);
}

/*--------------------------------------------------------------
## Taxonomy
--------------------------------------------------------------*/

.tax-thematiques article.realisations{
	margin-left: 1em;
	position: relative;
}

.tax-thematiques article.realisations:before,
.search article.realisations:before{
	content: ">";
    display: block;
    position: absolute;
    color: #ff0000;
    height: 2px;
    left: -1em;
}

.search article.realisations {
	margin-left: 1em;
	position: relative;
}

.tax-thematiques article p {
	margin: 0;
}

.easy-footnote sup{
	color: #ff0000;
	font-weight: bold;
}

.qtip-bootstrap{
	z-index: 99998 !important;
}

.qtip{
	max-width: 350px !important;
	max-height: 400px;
}

/*--------------------------------------------------------------
## Realisations
--------------------------------------------------------------*/

.realisations p > a{
	text-decoration: underline;
}

.title_res {
	margin-top: 3em;	
}

.realisations.with_link {
	display: flex;
	position: relative;
	margin-bottom: 1em;
}

.realisations.no_link .list_summary{
	width: 100%;
}

.realisations.with_link .to-right img{
	max-height: 100px;
	width: auto;
	border: 1px solid #ccc;
}

/*--------------------------------------------------------------
## Parallax elements
--------------------------------------------------------------*/

.parallax_bar_container{
	position: relative;
}

.parallax_element{
	z-index: 9999;
	background-size: contain;
	background-repeat: no-repeat;
	display: block;
	height: 300px;
	width: 20%;
	min-width: 300px;
	position: absolute;
}

.left_parallax_a {
	left: 0;
	-ms-transform: rotate(25deg) translateX(-20%) translateY(0px);
    -webkit-transform: rotate(25deg) translateX(-20%) translateY(0px);
    transform: rotate(25deg) translateX(-20%) translateY(0px);
    background-position: left center;
}

.left_parallax_b {
	left: 0;
	-ms-transform: rotate(-25deg) translateX(-20%) translateY(0px);
    -webkit-transform: rotate(-25deg) translateX(-20%) translateY(0px);
    transform: rotate(-25deg) translateX(-20%) translateY(0px);
    background-position: left center;
}

.right_parallax_a {
	right: 0;
	-ms-transform: rotate(25deg) translateX(20%) translateY(0px);
    -webkit-transform: rotate(25deg) translateX(20%) translateY(0px);
    transform: rotate(25deg) translateX(20%) translateY(0px);
    background-position: right center;
}

.right_parallax_b {
	right: 0;
	-ms-transform: rotate(-25deg) translateX(20%) translateY(0px);
    -webkit-transform: rotate(-25deg) translateX(20%) translateY(0px);
    transform: rotate(-25deg) translateX(20%) translateY(0px);
    background-position: right center;
}

/*--------------------------------------------------------------
## circle Shapes
--------------------------------------------------------------*/

#allCricles{
	width: 100%;
	margin: auto;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: -1;/*

	display: none;
*/
}

.logged-in #allCricles{
	display: block;
}

.circle {
	height: 400px;
	width: 400px;
	position: relative;
	display: block;
	top: 0;
	float: right;
	clear: both;
}

.circle:nth-child(odd){
	right: 90vw;
}

.circle:nth-child(even){
	left: 90vw;
	float: left;
}

.redCricle {
  stroke-width: 0.01em;
  fill: transparent;
  stroke: #ff0000;
}

.circle_1:nth-child(odd) .redCricle{
  stroke-dasharray: 90, 450; /* length of arc, circumference of circle */
  stroke-dashoffset: 0; /* offset of  arc from start point (1/2 of arc length) */
}

.circle_1:nth-child(even) .redCricle{
  stroke-dasharray: 230, 450; /* length of arc, circumference of circle */
  stroke-dashoffset: 0; /* offset of  arc from start point (1/2 of arc length) */
}

.circle_2:nth-child(odd) .redCricle{
  stroke-dasharray: 141, 450; /* length of arc, circumference of circle */
  stroke-dashoffset: -45; /* offset of  arc from start point (1/2 of arc length) */
}

.circle_2:nth-child(even) .redCricle{
  stroke-dasharray: 90, 450; /* length of arc, circumference of circle */
  stroke-dashoffset: -190; /* offset of  arc from start point (1/2 of arc length) */
}

.circle_3:nth-child(odd) .redCricle{
  stroke-dasharray: 141, 450; /* length of arc, circumference of circle */
  stroke-dashoffset: 0; /* offset of  arc from start point (1/2 of arc length) */
}

.circle_3:nth-child(even) .redCricle{
  stroke-dasharray: 220, 450; /* length of arc, circumference of circle */
  stroke-dashoffset: -90; /* offset of  arc from start point (1/2 of arc length) */
}

/*--------------------------------------------------------------
## fancyBox
--------------------------------------------------------------*/

.page_fancybox .fancybox-bg{
}

.contact_fancybox .container{
	width: 60%;
}

.page_fancybox p {
	color: #000;
	font-weight: 500;
}

.page_fancybox .fancybox-slide>*{
	padding: 0;
	vertical-align: top;
}

.fancybox-close-small{
	position: fixed;
	top: 10px;
	right: 30px;
}

button.fancybox-close-small:hover{
	background: none;
}

.admin-bar .fancybox-container{
	top: 32px;
}

button.fancybox-close-small:focus{
	background: transparent;
}

button.fancybox-close-small:focus:after{
	outline: none;
}

.fancybox_element{
	background: transparent;
}

.page_fancybox .fancybox-close-small:after{
	color: #eee;
	background: #555
}

.page_fancybox .fancybox-close-small:hover:after{
	color: #555;
	background: #eee
}

.IN-widget{
	vertical-align: top !important;
}

@media print {
	.sidebar,
	.footer_menu,
	.fb-follow,
	.savoir_plus,
	#secondary-navigation,
	.easy-footnote,
	.gallery_slide,
	.right_column,
	#contact,
	.byyb,
	.to-right,
	.fancybox-container {
		display: none !important;
	}
	
	.fancybox-enabled{
		overflow: visible;
	}
	
	#carousel #logo_ps{
		right: 20px;
		bottom: 50px;
		width: 40px;
		height: 40px;
	}
	
	#carousel #brochure_ps{
		display: none;
	}
	
	#masthead{
		position: absolute;
		top: 0;
		box-shadow: none;
	}
	
	#carousel,
	.slide_element{
		height: 40vh;
	}
	
	.page_slide .slides img{
		display: block !important;
	}
	
	section{
		padding: 1em;
		margin: 0;
	}
	
	.hentry{
		margin: 0;
	}
	
	.chapeau p{
		font-size: 1.2em;
	}
	
	.slide_content{
		display: block;
		height: auto;
		width: 100%;
		margin: 2em auto 0;
		float: none;
		text-align: center;
	}
	
	.page_carousel .slide_content{
		position: relative;
		width: 100%;
		margin: 2em auto 0;
		text-align: left;
	}
	
	.page_carousel .slide_content h3{
		text-shadow: none;
		margin-bottom: 0;
	}
	
	.page_carousel .slide_content h3 br{
		display: none;
	}
	
	.savoir_plus_content{
		width: 100%;
		display: block !important;
	}
	
	.savoir_plus_content h1{
		font-size: 1.4em;
	}
}

/*
//---------------------------
//----- Media Query
//---------------------------
*/

/* ----------- 27 inch Screens ----------- */
@media screen 
  and (min-width: 1680px) { 
	.circle {
		height: 500px;
		width: 500px;
	}

}

/* ----------- 27 inch Screens ----------- */
@media screen 
  and (min-width: 2400px) { 
	
}

/* ----------- 24 inch Screens ----------- */
@media screen 
  and (min-width: 1920px) 
  and (max-width: 2400px) { 
}

/* ----------- 15 inch Screens ----------- */
@media screen 
  and (min-width: 1681px) 
  and (max-width: 1920px) { 
}

/* ----------- Retina Screens ----------- */
@media screen 
  and (min-width: 1281px) 
  and (max-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (min-resolution: 192dpi) { 
	  
}

/* ----------- Non-Retina Screens ----------- */
@media screen 
  and (min-width: 1281px) 
  and (max-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 1) { 
}


/* ----------- iPad Pro ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-width: 1024px) 
  and (max-height: 1366px) 
  and (-webkit-min-device-pixel-ratio: 1.5)
  and (hover: none),
  screen and (max-width: 1024px) {
	
	.circle {
		margin: 100px 0;
	}
	
	#site-navigation,
	#secondary-navigation .print{
		display: none;
	}
	
	#site-navigation, #resp_btn {
		display: none !important;
	}
	
	#secondary-navigation{
		margin: 0.3em 0 0;
	}
	
	#site-navigation{
		padding-top: 55px;
		position: absolute;
		right: -12px;
		display: inline-block;
	}
	
	#site-navigation ul#primary-menu > li{
		float: none;
		padding: 0;
		margin: 0;
	}
	
	.main-navigation ul ul{
		float: none;
		left: 0;
		position: relative;
	}
	
	#secondary-navigation ul li{
		padding: 0.2em 0;
	}
	
	#site-navigation ul ul li{
		margin-left: 15px;
	}
 
    #site-navigation ul.active {
        display:none;
    }
 
    #site-navigation > div > ul {
        position:absolute;
        right:0px;
        padding:10px;
        -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3);
		-moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3);
		box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3);
        border-radius:3px;
        background:#fff;
    }
 
    #site-navigation > div > ul:after {
        width:0px;
        height:0px;
        position:absolute;
        top:0%;
        right: 18px;
        content:'';
        transform:translate(0%, -100%);
        border-left:7px solid transparent;
        border-right:7px solid transparent;
        border-bottom:7px solid #fff;
    }
    
    .tax-thematiques .main-navigation .mon_action_menu > a,
    .tax-thematiques .main-navigation .mes_valeurs_menu > a,
    .page-child .main-navigation .mes_valeurs_menu > a{
	    color: #000;
    }
    
    .main-navigation .current_page_item > a::after, .main-navigation .current-menu-item > a::after, .main-navigation .current_page_ancestor > a::after, .main-navigation .current-menu-ancestor > a::after, .tax-thematiques .main-navigation .mon_action_menu > a::after, .tax-thematiques .main-navigation .mes_valeurs_menu > a::after,
    .main-navigation .current_page_item > a:after, .main-navigation .current-menu-item > a:after, .page-child .main-navigation .mes_valeurs_menu::after, .page-child .main-navigation .mon_action_menu::after,
    .main-navigation .menu-item:hover > a:after, .main-navigation .menu-item a:hover:after{
	    width: 0 !important;
    }
    
    .main-navigation > ul > .current_page_item:after, .main-navigation > ul > .current-menu-item:after, .main-navigation > ul > .current_page_ancestor:after, .main-navigation > ul > .current-menu-ancestor:after{
	    width: 100%;
    }
 
    #site-navigation li {
		margin: 5px 0;
        float:none;
        display:block;
    }
 
    #site-navigation a {
        display:block;
    }
 
    a.toggle-nav {
        display:inline-block !important;
        color:#000;
        transition:color linear 0.15s;
        margin: 0 0 0 0.1em;
    }
 
    .toggle-nav.active {
        text-decoration:none;
        color:#ff0000;
    }
    
    .slide_content{
	    width: 35%;
		margin-right: 5%;
    }
    
    .slide_content h3{
	    font-size: 1.3em;
    }
    
    .chapeau p{
	    font-size: 1.3em;
    }
    
    .list_summary{
	    width: 65%;
    }
    
    .container{
	    width: 90%
    }
    
    .contact_fancybox .container{
	    width: 80%;
    }
    
	#cssmenu{
		display: block;
	}
	
	#cssmenu > ul > li.has-sub > a{
		padding-right:30px
	}
	
	#cssmenu .submenu-button{
		position:absolute;
		z-index:99;
		right:0;
		top:0;
		display:block;
		height:36px;
		width:36px;
		cursor:pointer
	}
	#cssmenu .submenu-button.submenu-opened{
		background:transparent;
	}
	
	#cssmenu ul ul{
		box-shadow: none;
	}
	
	#cssmenu ul ul .submenu-button.submenu-opened{
		background:#000;
	}
	
	#cssmenu ul ul .submenu-button{
		height:30px;
		width:36px
	}
	#cssmenu .submenu-button:after{
		position:absolute;
		top:20px;
		right:13px;
		width:10px;
		height:2px;
		display:block;
		background:#000;
		content:''
	}
	
	#cssmenu ul ul .submenu-button:after{
		top:14px;
	}
	#cssmenu .submenu-button.submenu-opened:after{
		background:#000
	}
	#cssmenu ul ul .submenu-button.submenu-opened:after{
		background:#fff
	}
	#cssmenu .submenu-button:before{
		position:absolute;
		top:16px;
		right:17px;
		display:block;
		width:2px;
		height:10px;
		background:#000;
		content:''
	}
	
	#cssmenu ul ul .submenu-button:before{
		top:10px;
	}
	#cssmenu ul ul .submenu-button:before{
		
	}
	#cssmenu .submenu-button.submenu-opened:before{
		display:none
	}
	
	#cssmenu{
	}
	#cssmenu > ul{
		display:none;
		padding: 0; 
		position: relative;
	}
	
	#cssmenu ul ul li,#cssmenu li:hover > ul > li{
		height:auto
	}
	#cssmenu ul li a,#cssmenu ul ul li a{
		width:100%;
	}
	#cssmenu > ul > li{
		float:none
	}
	
	#cssmenu > ul > li > a{
		padding: 12px;
	}
	
	#cssmenu ul ul li a{
		padding-left:15px;
		padding-right: 46px;
	}
	#cssmenu ul ul ul li a{
		padding-left:20px
	}
	#cssmenu ul ul,#cssmenu ul ul ul{
		left:0;
		margin:0;
		text-align:left
	}
	
	#cssmenu ul ul ul{
		position:relative;
	}
	
	#cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before{
		display:none
	}
	
	.main-navigation ul#primary-menu > li{
		margin: 0;
		padding: 0;
	}
}

/* iPad Portrait */
@media screen and (max-width: 768px) {
	.admin-bar #masthead{
		top: 46px;
	}
	
	.circle {
		margin: 50px 0;
	}
	
	#secondary-navigation{
		margin-right: 22px !important;
	}
	
	#top_info{
		width: 100%;
	}
	
    .main-navigation > ul > .current_page_item:after, .main-navigation > ul > .current-menu-item:after, .main-navigation > ul > .current_page_ancestor:after, .main-navigation > ul > .current-menu-ancestor:after{
	    width: 0%;
    }
	
	#cssmenu{
		width: 100%;
		position: absolute;
		right: 0;
		top: 0;
		display: inline;
	}
	#cssmenu > ul{
		width:100%;
		display:none;
		background-color: #fff;
		padding: 0; 
		position: relative;
		top: 40px;
	}
	#cssmenu ul li{
		width:100%;
	}
	#cssmenu ul li:hover{
		
	}
	#cssmenu ul ul li,#cssmenu li:hover > ul > li{
		height:auto
	}
	#cssmenu ul li a,#cssmenu ul ul li a{
		width:100%;
	}
	#cssmenu > ul > li{
		float:none
	}
	
	#cssmenu > ul > li > a{
		padding: 7px;
	}
	
	#cssmenu ul ul li a{
		padding-left:15px
	}
	#cssmenu ul ul li{
		
	}
	#cssmenu ul ul li:hover{
		
	}
	#cssmenu ul ul ul li a{
		padding-left:20px
	}
	#cssmenu ul ul li a{
		
	}
	#cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a{
		
	}
	#cssmenu ul ul,#cssmenu ul ul ul{
		position:relative;
		left:0;
		width:100%;
		margin:0;
		text-align:left
	}
	#cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before{
		display:none
	}
	#cssmenu #head-mobile{
		display:block;
		padding:20px;
		color:#ddd;
		font-size:12px;
		font-weight:700
	}
	.button{
		width:20px;
		height:30px;
		position:absolute;
		right:0;
		top:0;
		cursor:pointer;
		z-index: 12399994;
	}
	.button:after{
		position:absolute;
		top:20px;
		right:0;
		display:block;
		height:8px;
		width:17px;
		border-top:2px solid #000;
		border-bottom:2px solid #000;
		content:''
	}
	.button:before{
		-webkit-transition:all .3s ease;
		-ms-transition:all .3s ease;
		transition:all .3s ease;
		position:absolute;
		top:14px;
		right:0;
		display:block;
		height:2px;
		width:17px;
		background:#000;
		content:''
	}
	.button.menu-opened:after{
		-webkit-transition:all .3s ease;
		-ms-transition:all .3s ease;
		transition:all .3s ease;
		top:20px;
		border:0;
		height:2px;
		width:17px;
		background:#000;
		-webkit-transform:rotate(45deg);
		-moz-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
		-o-transform:rotate(45deg);
		transform:rotate(45deg)
	}
	.button.menu-opened:before{
		top:20px;
		background:#000;
		width:17px;
		-webkit-transform:rotate(-45deg);
		-moz-transform:rotate(-45deg);
		-ms-transform:rotate(-45deg);
		-o-transform:rotate(-45deg);
		transform:rotate(-45deg)
	}
	#cssmenu .submenu-button{
		position:absolute;
		z-index:99;
		right:0;
		top:0;
		display:block;
		height:30px;
		width:36px;
		cursor:pointer
	}
	#cssmenu .submenu-button.submenu-opened{
		background:#000;
	}
	#cssmenu ul ul .submenu-button{
		height:30px;
		width:36px
	}
	#cssmenu .submenu-button:after{
		position:absolute;
		top:13px;
		right:13px;
		width:10px;
		height:2px;
		display:block;
		background:#000;
		content:''
	}
	#cssmenu ul ul .submenu-button:after{
		
	}
	#cssmenu .submenu-button.submenu-opened:after{background:#fff}
	#cssmenu .submenu-button:before{
		position:absolute;
		top:9px;
		right:17px;
		display:block;
		width:2px;
		height:10px;
		background:#000;
		content:''
	}
	#cssmenu ul ul .submenu-button:before{
		
	}
	#cssmenu .submenu-button.submenu-opened:before{
		display:none
	}
	#cssmenu ul ul ul li.active a{
		border-left:none
	}
	#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a{
		border-top:none
	}
	
	.home .slide_content h3 br{
		display: none;
	}
	
}

/* iPhone 6+ landscape */
@media screen and (max-width: 736px) {
	.secondary_footer_menu{
		display: none;
	}
	
	.redCricle{
		stroke-width: 0.006em;
	}
	
	.circle {
		margin: 0;
		height: 800px;
		width: 800px;
	}
	
	.circle:nth-child(odd){
		right: 70vw;
	}
	
	.circle:nth-child(even){
		left: 70vw;
	}
	
	.realisations .list_summary,
	.white_bg,
	#thematiques_list,
	.right_page_column,
	.page .chapeau {
		background-color: #fff;
	}
	
	.page_main{
		margin-top: 1em;
	}
	
	.page_carousel .slide_content{
		margin-right: 0;
	}
	
	.slide_content h3{
		font-size: 1em;
	}
	
	.slide_content{
		width: 37%;
	}
	
	.slide_link a{
		font-size: 0.8em;
		padding: 3px 12px 6px;
	}
	
	section{
		margin: 0;
		padding: 1em 0;
	}
	
	.chapeau p{
		font-size: 1.2em;
	}

	#carousel #logo_ps{
		right: 1.5em;
		bottom: 1.5em;
		width: 3em;
		height: 3em
	}
	
	#carousel #brochure_ps{
		right: 6em;
		bottom: 2.4em;
		width: 3.4em;
		height: 3em
	}
	
	#carousel #brochure_ps .fa{		
		bottom: -20%;
		font-size: 1em;
	}
}

/* iPhone 6 landscape */
@media screen and (max-width: 667px) {
	
/*
	.slide_content{
		width: 23%;
		margin-right: 10%;
	}
*/
	.slide_content{
		margin-right: 3%;
	}
	
	.page_carousel .slide_content{
		margin-right: 5%;
		width: 25%;
	}
	
	.list_points{
		display: block;
	}
}

/* iPhone 5 + 5s Landscape */
@media screen and (max-width: 568px) {
	.slide_content{
		width: 34%;
		margin-right: 5%;
	}
	
	.slide_content h3{
		font-size: 0.8em;
	}
	
	.page_carousel .slide_content h3{
		font-size: 1em;
	}
	
	

	#carousel #logo_ps{
		right: 0.8em;
		bottom: 1em;
		width: 2.4em;
		height: 2.4em
	}
	
	#carousel #brochure_ps{
		right: 4em;
		bottom: 1.7em;
		width: 2.6em;
		height: 2.4em
	}
	
	#carousel #brochure_ps .fa{		
		bottom: -20%;
		font-size: 1em;
	}
}

/* iPhone 4s Landscape */
@media screen and (max-width: 480px) {

}

/* iPhone 6+ portrait */
@media screen and (max-width: 414px) {
	.main-navigation a,
	a.toggle-nav{
		margin: 0;
	}
	
	#top_info img{
		height: 50vh;
		object-fit: cover;
	}
	
	.slide_content,
	.page_carousel .slide_content{
		width: 100%;
		float: none;
		margin: 0 auto;
		padding: 0 1em 3.2em;
		position: absolute;
		bottom: 0;
		height: auto;
		background-color: rgba(0, 0, 0, 0.5);
		top: initial;
	}
	
	.page_carousel .slide_content{
		padding: 0 3em 0.5em;
	}
	
	.slide_content h3{
		font-size: 1.1em;
		margin-bottom: 0.6em;
	}
	
	.page_carousel .slide_content br {
	    display: none;
	}
	
	.page_carousel .slide_content h3 {
		font-size: 0.8em;
		color: #fff;
		text-shadow: none;
		margin: 0.5em 0 0;
	}
	
	.page_carousel .slide_link {
		line-height: 1;
	}
	
	.page_carousel .slide_link a{
		font-size: 0.7em;
		padding: 0;
		background-color: transparent;
		color: #fff;
		text-decoration: underline;
		border-width: 0;
	}
	
	.to-right{
		margin-left: 20px;
	}
	
	.fb-follow{
		float: right;
		margin: 0.4em 0 0.4em 0.4em;
	}
	
	a.byyb{
		margin: 0.2em 0.3em 1em 0;
		font-size: 0.6em;
	}
	
	
	#carousel #logo_ps{
		width: 3em;
		height: 3em
	}
	
	#carousel #brochure_ps{
		right: 4.4em;
		bottom: 1.8em;
		width: 3em;
		height: 3em
	}
	
	#carousel #brochure_ps .fa{		
		bottom: -10%;
		font-size: 1em;
	}
}

/* iPhone 6 Portrait */
@media screen and (max-width:375px) {
	.site-title a{
		font-size: 1.25em;
	}
	
	h1{
		font-size: 1.7em;
	}
	
	.site-title{
		margin: 0.2em 0 0;
	}

	#site-navigation .responsive_item,
	#cssmenu .responsive_item{
		display: block;
	}
	
	#secondary-navigation .revue_presse{
		display: none;
	}
}

/* iPhone 4S + 5 + 5s Portrait */
@media screen and (max-width: 320px) {
	.site-title a{
		font-size: 1em;
	}
	
	.site-title{
		margin: 0.4em 0 0;
	}
	
	.slide_content h3{
		font-size: 0.9em;
	}
	
	.fb-page > span,
	.fb-page iframe {
		width: 290px;
	}
	
	.listing li{
		display: block;
		text-align: center;
	}
	
	.realisations.with_link{
		display: block;
	}
	
	.list_number{
		margin: 1em auto 0.2em;
	}
	
	.list_summary{
		width: 100%;
	}
	
	.to-right{
		margin-top: 1em;
		margin-left: 0px;
		margin-bottom: 2.5em;
		float: none;
	}
	
	.page_carousel .slide_content{
		padding: 0 1em 0.5em;
	}
	
	
	
	#carousel #logo_ps{
		width: 2.5em;
		height: 2.5em
	}
	
	#carousel #brochure_ps{
		right: 4.4em;
		bottom: 1.8em;
		width: 2.5em;
		height: 2.5em
	}
	
	#carousel #brochure_ps .fa{		
		bottom: -10%;
		font-size: 1em;
	}
}