/*
Theme Name: Curly de Provence
Theme URI: https://curly-de-provence.fr
Author: Grégoire Llorca - DEFI-Écologique
Author URI: https://www.defi-ecologique.com
Description: Thème pour Curly de Provence
Version: 1.0
*/

/*
Couleurs Curly :
white : #fff
text : #313131
Violet : #8e659c
Violet foncé : #5f426a
Bleu : #98bcd4
Dark blue #667f90
Yellow #f2e9cc
Dark yellow #979172


Divider color : #bdbdbd
Light divider color : #eaeaea
Lightest divider color : #f3f5f6
white : #fff
red : #b3323c
Orange : #ffa001
limegreen: #81a26e

*/

/* RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	font-weight: 400;
	line-height: 1;
}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ul {
	list-style: square;
	text-align: left;
}
ol, ul{
	padding-left: 2.1rem;
}
ul.no_list_type,
.menu_ul{
	list-style-type: none;
	-webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0;
	padding: 0;
}
ul li,
ol li{
	line-height: 1.5rem;
	margin-bottom: 0.5rem;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
em{
	font-style: italic;
}
.fixed_layout{
	table-layout: fixed;
}
/* END RESET */

/* GENERAL */
.curly_background,
.static_curly_background{
	background: #8e659c;
	background-image: url(images/background_1000x2000.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-attachment: fixed;
    background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
}
.static_curly_background{
    background-attachment: unset;
}
body{
	background-color:#fff;
	color:#313131;
	font-family: "Alegreya", Arial, sans-serif;
	font-size: 14px;
    line-height: normal;
	letter-spacing: 1px;
	margin:0;
	font-weight: 400;
}
::selection {
    background-color: #5f426a;
	color:#fff;
}
sup {
    vertical-align: super;
	font-size: 0.9rem;
}
p, ul{
	margin-bottom:1rem;
}
p{
	line-height: 1.5;
}
a{
	text-decoration: none;
	color: #667f90;
}
a:hover{
	cursor: pointer;
	color:#5f426a;
}
.broken_link, a.broken_link {
	color: #313131;
}
.broken_link:hover, a.broken_link:hover{
	cursor: auto;
	color: #313131;
}
.hidden{
	display: none;
}
.centre{
	text-align: center;
}
.left_align{
	text-align: left;
}
.right_align{
	text-align: right;
}
.left{
	float: left;
	margin-right: 1rem;
	margin-bottom: 1rem;
}
.right{
	float: right;
	margin-left: 1rem;
	margin-bottom: 1rem;
}
.relative{
	position: relative;
}
.absolute{
	position: absolute;
}
.content{
	max-width: 100% !important;
	display: table;
	margin: 0 auto;
}
.block{
	display: block !important;
}
.full_width{
	width: 100%;
}
.content_stripe{
	padding: 5em 0;
}
.stripe{
	padding: 2rem 5%;
	clear: both;
}
.clear{
	clear: both !important;
}
.single .center,
.page .center,
.center{
	margin: 0 auto;
    display: table;
}
.single .center_dm,
.page .center_dm,
.center_dm{
	margin: 0.5rem auto;
    display: table;
}
.single .center_m,
.page .center_m,
.center_m{
	margin: 1rem auto;
    display: table;
}
.single .center_bm,
.page .center_bm,
.center_bm{
	margin: 2rem auto;
    display: table;
}
.single .center_tm,
.page .center_tm,
.center_tm{
	margin: 3rem auto;
    display: table;
}
.nomargin, .no-margin, .no_margin{
	margin:0;
}
img {
    max-width: 100%;
    height: auto;
    display: block;
}
hr{
	width:100%;
	background:#bdbdbd;
	background-size: 2px 2px;
	margin:1em auto;
	height:2px;
	border:none;
	display: table;
	clear: both;
}
.note{
	font-size:0.8rem;
	font-style:italic;
}
strong, .bold, strong em, strong a, .bold a, .bold em{
	font-weight: 500;
}
.picto i {
    padding: 2rem;
    border-radius: 100rem;
    background: #8e659c;
    color: #fff;
    font-size: 3em;
    float: left;
    margin-right: 2rem;
}
.map{
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.map iframe{
	overflow:hidden;
	height:450px;
	width:100%;
}
/* Hn */
h1, h2{
	clear: both;
}
h1 i, h2 i, h3 i, h4 i, h5 i{
	margin-right: 0.2rem;
}
h1{
	font-size: 2.3em;
	line-height: 2.5rem;
	text-align: center;
}
h2,
#equipe h3{
	color: #5f426a;
	font-weight: 700;
	font-style: italic;
	margin-bottom: 2.5rem;
	font-size: 1.5em;
}
#equipe h3{
	color: #f2e9cc;
	font-family: "Alegreya", Arial, sans-serif;
}
h3, h4, h5 , #equipe .emploi{
	font-family: "Alegreya SC", Arial, sans-serif;
	font-weight: 700;
	color: #667f90;
	font-size: 1.1em;
	margin: 3rem 0 2rem;
}
h3{
	font-family: "Alegreya", Arial, sans-serif;
	font-style: italic;
}
h4, h5{
	font-size: 1em;
	font-weight: 400;
}
h5{
	font-family: "Alegreya", Arial, sans-serif;
}
#equipe .emploi{
	color: #5f426a;	
}
.theme_image{
	border: 1em solid #fff;
    box-shadow: 0 0 20px #bdbdbd;
	margin: 3em auto !important;
}
/* CTA */
.cta{
	margin-bottom: 0;
}
.cta_small{
	font-size: 0.8em;
}
.cta_small a{
	padding: 0.5rem 1rem !important;
}
button.cta{
	font-size: 1em;
}
button.cta > * {
	display: table-cell;
	vertical-align: middle;
}
button.cta i {
	padding-right: 0.5em;
}
.cta a,
button.cta{
	text-transform: lowercase;
	line-height: 1.45rem;
    font-weight: 700;
    padding: 1rem 2rem;
    border: solid 2px;    
    border-radius: 2.5rem;
    text-decoration: none !important;
    max-width: 100%;
    white-space: normal;
	font-family: "Alegreya SC", "Helvetica Neue", Arial, sans-serif;
	color: #fff;
	background-color: transparent;
	border-color: #fff;
	display: block;
	text-align: center;
}
.cta a:hover,
button.cta:hover{
	color: #8e659c;
	background-color: #fff;
	border-color: #fff;
	cursor: pointer;
}
.cta i{
	margin-right: 0.5rem;
}
.cta_accent a,
button.cta{
	color:#5f426a !important;
	background-color: #f2e9cc !important;
	border-color: #f2e9cc !important;
}
.cta_accent a:hover,
button.cta:hover{
	color:#5f426a !important;
	background-color: #979172 !important;
	border-color: #979172 !important;
}
.cta_darklblue a{
	color:#fff !important;
	background-color: #667f90 !important;
	border-color: #667f90 !important;
}
.cta_darklblue a:hover{
	color:#667f90 !important;
	background-color: #fff !important;
	border-color: #667f90 !important;
}
.cta_ghost_purple a{
	color:#8e659c !important;
	background-color: transparent !important;
	border-color: #8e659c !important;
}
.cta_ghost_purple a:hover{
	color:#5f426a !important;
	background-color: transparent !important;
	border-color: #5f426a !important;
}
.cta_ghost_yellow a{
	color:#f2e9cc !important;
	background-color: transparent !important;
	border-color: #f2e9cc !important;
}
.cta_ghost_yellow a:hover{
	color:#fff !important;
	background-color: transparent !important;
	border-color: #fff !important;
}
/* COLORS */
.response{
	padding: 5px 9px;
	margin: 1em auto;
	display: table;
	font-weight: 400;
	border-radius: 3px;
	border: 1px solid #b3323c;	
	font-size: 1.1em;
}
#formulaire_contact .response,
.form .response{
	background: #fff;
}
#formulaire_contact .response:first-child{
	margin-top: 7em;
}
.response.error{
	border-color: #b3323c;
	color: #b3323c;
}
.response.alerte{
	border-color: #ffa001;
	color: #ffa001;
}
.module_id_1 .hustle-modal .hustle-modal-success .hustle-modal-success_message, .hustle-modal .hustle-modal-success .hustle-modal-success_message *,
.response.success{
	border-color: #81a26e;
	color: #81a26e !important;
}
.red{
	color: #b3323c !important;
}
.green{
	color: #81a26e !important;
}
.orange{
	color: #ffa001 !important;
}
.white{
	color: #fff !important;
}
.gold{
	color: #f2e9cc !important;
}
.white_bg,
.white_background{
	background: #fff !important;
}
.primary,
.primary_color{
	color: #8e659c;
}
.blue_bg{
	background: #98bcd4;
}
.primary_bg{
	background: #8e659c;
	color: #fff;
}
.primary_bg h2{
	color: #fff;	
}
/* BREADCRUMBS */
#breadcrumbs {
	margin: 0.5rem 0;
	font-size: 0.9rem;
	color: #98bcd4;
	text-align: left;
}
#breadcrumbs a{
	text-decoration: none;
	color: #98bcd4;
}
#breadcrumbs p{
	margin: 0;
}
#breadcrumbs i{
	margin: 0 5px;	
	color: #5f426a;
}
#breadcrumbs .flag{
	margin-left: auto;
	margin-top: 0.25em;
}
#breadcrumbs .flag img,
#breadcrumbs .flag svg{
	height: 2em;
	width: auto;
}
/* FIN GENERAL */
/* STRUCTURE */
section#center{
	margin-top: 43px;
	min-height: 80vh;
}
/* HEADER */
header{
    z-index: 999;
	top: 0;
    left: 0;
	width: 100%;
	position: fixed;
	font-family: "Alegreya SC", Arial, sans-serif;
}
header a:hover{
	color : #f2e9cc;
}
#header_container{
	width: 100%;
	position: relative;
}
#header_container > *{
	display: table-cell;
	vertical-align: middle;
}
/* RS */
header #rs{
	text-align: left;
	margin: 0 0 0 0.5em;
}
header #rs li{
	border: none;
	border-radius: 0;
	margin: 0 0.1rem;
	font-size: 15px;
}
header #rs li a{
	width: 1.5rem;
	padding: 0.5rem 0;
}
header #rs_container .flag a{
	display: block;
	line-height: 1;
}
header #rs_container .flag a:hover span{
	color: #fff;
	text-decoration: underline;
}
header #rs_container > *,
header #rs_container .flag a > *{
	display: inline-block;
	vertical-align: middle;
	margin-left: 0.5em;
	line-height: 1;
}
header #rs_container .flag img{
	height: 1.5rem;
	width: auto;
	opacity: 0.8;
	border-radius: 99em;
}
header #rs_container .flag a:hover img{
	opacity: 1;
}
header #rs_container .flag span{
	color: #f2e9cc;
	font-family: "Alex Brush", "Helvetica Neue", Arial, sans-serif;
    text-transform: lowercase;
}
#header #hmenu_container_bg #rs{
	margin-left: 0;
	text-align: center;
}
#header #hmenu_container_bg #rs li a{
	color: #fff;
}
/* LOGO */
#header #logos{
	display: none;
	top: 8px; /* ( Hauteur du header - hauteur logo ) / 2 = (43 - 26 ) / 2*/
	left: calc( ( 100% - 26px ) / 2 ); /* ( largeur du header - largeur logo ) / 2 = (43 - 26 ) / 2*/
	z-index: 99999;
}
header #logo_mini:hover img{
	opacity: 0.8;
}
header #logo_mini img{
	height: 26px;
}
/* MENU */
#header_container #hmenu nav{
	margin: 0.5rem 0.5em 0.5rem auto;
}
#header_container #hmenu nav .menu-header-container  ul{
	display: block;
	position: relative;
	width: 100%;
	z-index: 9999;
	float: none;
	text-align: center;
	text-transform: uppercase;
}
#header_container #hmenu nav .menu-header-container ul li {
	display: block;
	width:100%;
	margin: 0;
} 
#header_container #hmenu label {
    display: table;
    margin: 0 0 0 auto;
    cursor: pointer;
    padding: 0 0.5rem;
    font-size: 2rem;
}  
#header_container #hmenu label:after{
	content: "\f0c9";
    font-family: FontAwesome;
	color:#98bcd4;
}
#header_container #hmenu nav input,
#header_container #hmenu nav #hmenu_container {
	display: none;
}
#header_container #hmenu [type="checkbox"]:checked ~ #hmenu_container {
	display: block;
	z-index: 9999;
	position: absolute;
	right: 0px;
	left: 0%;
	padding-top: 0.5rem;
}
#header_container #hmenu_container_bg {
    height: 100vh;
	background: #5f426a;
}
#header_container #hmenu_container_bg  #nav_logo{
	width: 50%;
	max-width: 150px;
	height: auto;
}
#header_container #hmenu nav .menu-header-container a{
	color: #fff;
	font-weight: 700;
	padding: 3rem 0;
	width: 65%;
	display: table;
	margin: 0 auto;
	border-bottom: 1px solid #98bcd4;
}
#header_container #hmenu nav .menu-header-container a:hover{
	color: #f2e9cc;
}
#header_container #header_contact{
	padding-left: 1em;
}
#header_container #header_contact a{
	color: #98bcd4;
}
/* FIN HEADER */
/* FOOTER */
footer{
    font-size: 0.8em;
    line-height: 1.75em;
	display: block;
	width: 100%;
	margin:0;
	clear: both;
	color: #667f90;
}
footer p{
	margin-bottom: 0;
}
footer a:hover,
#footer_container #btt a:hover,
#footer_lower_div #footer_menu a:hover{
	color: #f2e9cc;
}
footer .id_txt .id_title{
	color: #fff;
}
footer .id_txt .id_tagline{
	color: #667f90;
}
footer .id_txt .id_title,
footer .id_txt .id_tagline{
	font-size: 1.5rem;
}
#footer_container{
	width: calc( 100% - 1em );
}
#footer_container #btt a{
	color:#fff;
	font-size:2rem;
}
#footer_container #footer_lower_div {
	width: calc( 100% - 6em );
    padding: 0 3em;
    margin-bottom: 3em;
}
#footer_lower_div #id_footer > div{
	display:table-cell;
	vertical-align:middle;
}
#footer_lower_div #id_footer .id_txt > p{
	display: table;
	margin: 0 auto 0 0;
}
#footer_lower_div #id_footer #logo_footer{
	padding-right: 1rem;
}
#footer_lower_div #id_footer #logo_footer img{
	height: 80px;
	width: 80px;
}
#footer_lower_div #footer_menu{
	*font-size: 1.5rem;
	font-style: italic;
	font-weight: 700;
}
#footer_lower_div #footer_menu a{
	color:#667f90;
}
#copyright {
    line-height: 1.9rem;
	font-size: 0.8rem;
	background-color: #667f90;
	width: 100%;
	color: #98bcd4;
	padding: 0.5rem 0;
}
#copyright a{
	color: #98bcd4;
}
#copyright_container{
	width: calc( 100% - 1em );
}
#copyright_container #curly_copyright #export,
#copyright_container #de_logo{
	display: none;
}
/* COOKIE LAW INFO BAR */
#cookie-law-info-bar {
	font-size: 10pt;
	padding: 0.2em 0;
	width: 100%;
	border: none !important;
}
#cookie-law-info-again {
	font-size: 10pt;
	margin: 0;
	padding: 2px 10px;
	text-align: center;
	z-index: 9999;
	cursor: pointer;
}
#cookie-law-info-bar span {
	vertical-align: middle;
}
.cli-plugin-button, .cli-plugin-button:visited {
	display: inline-block;
	padding: 0.2em 10px 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	margin: auto 10px;
	font-size: 13px;
	font-weight: 600;
	line-height: 1;
}
.cli-plugin-button:active {
	top: 1px;
}
/* FIN FOOTER */
/* FIN STRUCTURE */

/* EXTRA ELEMENTS */
.id_txt > p{
	line-height: inherit;
}
.id_txt .id_title{
	color: #f2e9cc;
	font-size: 3rem;
	font-weight: 700;
	font-family: "Alegreya SC", Arial, sans-serif;
	letter-spacing: 4px;
}
.id_txt .id_tagline{
	font-family: "Alex Brush", "Helvetica Neue", Arial, sans-serif;
	font-size: 4rem;
	text-transform: lowercase;
	margin: 0;
	color: #adc9dc;
	*text-shadow: 0 0 2px #adc9dc; /* Firefox 3.5+, Opera 9+, Safari 1+, Chrome, IE10 */
	*filter: progid:DXImageTransform.Microsoft.Glow(Color=#adc9dc,Strength=1); /* IE<10 */
}
/* RESEAUX SOCIAUX */
#rs{
	list-style: none;
	font-size: 1.5rem;
	text-align: center;
	line-height: 1rem;
}
#rs li{
	display : inline-block;
	vertical-align: middle;
	border: 1px solid #f2e9cc;
	border-radius: 3px;
	margin: 0 0.2rem;
	line-height: 1;
}
#rs li a{
	color: #f2e9cc;
    padding: 1rem 0 1.3rem;
    width: 3.8rem;
    text-align: center;
	display: block;
}
#rs li a i{
	line-height:1;
}
#rs li:hover{
	background: #f2e9cc;
}
#rs li:hover a,
#rs li a:hover{
	color: #979172;
}
#rs .fa{
	font-size: 1rem;
	line-height: 1rem;
}
/* Hustle */
.suivre{
	padding: 4rem 5%;
}
.suivre > .content > *{
	margin: 0 auto 4rem;
}
.suivre > .content > *:last-child{
	margin-bottom: 0;
}
.hustle-modal .hustle-gdpr-box .hustle-gdpr-checkbox span{
	border: 1px solid #f2e9cc !important;
}
.hustle-modal .hustle-gdpr-box .hustle-gdpr-checkbox input:checked+span:before {
    color: #8e659c !important;
}
.hustle-modal-success{
	display: table !important;
}
.hustle-modal-success p{
	margin-bottom: 0;
}
.hustle-modal-success > div{
	overflow: unset !important;
    display: table-cell !important;
    vertical-align: middle !important;
}
/* EQUIPE */
#equipe{
	background: #98bcd4;
	color: #fff;
}
#equipe .avatar{
	border-radius: 999em;
	border: 1px solid #fff;
}
#equipe h3{
	color: #f2e9cc;
	font-style: italic;
}
#equipe .emploi{
	min-height: 1em;
}
#equipe .bio{
	font-style: italic;
	font-weight: 700;
}
#equipe .bio em{
	font-style: normal;
	font-weight: 700;
}
/* Reference */
.reference{
	border: 1px solid #f2e9cc;
	padding: 1em;
	margin-top: 3em !important;
}
.reference h3{
	color: #667f90;
}
.reference .avatar{
	border-radius: 999em;
	border: 1px solid #f2e9cc;
	margin-top: calc( 0px - 1em - 50px);
}
.vue_reference .cta_nav a{
	margin-left: 0;
}
.vue_reference .reference{
	width: calc( 100% - 6em );
	padding: 3em;
}
.vue_reference .reference .avatar{
    margin-top: calc( 0px - 3em - 50px);
}
.vue_reference .reference h3{
	font-size: 2em;
	margin: 1em auto;
}
.vue_reference .reference .emploi{
    margin: 2em auto;
}
/* Partenaires */
.partenaires_liste > .partenaire{
	display: inline-block;
	vertical-align: top;
}
.partenaire{
	font-size: 0.9em;
	padding: 1rem;
	border: 1px solid #98bcd4;	
	margin-top: 3rem !important;
}
.partenaire:hover,
.partenaire:hover h5{
	background: #98bcd4;		
	color: #fff;
}
.partenaire h5{
	color: #98bcd4;
	margin-top: 1rem;
}
.partenaire img{
	height: 70px;
	width: auto;
	border-radius : 999em;
	border: 1px solid #98bcd4;
	margin-top: calc( 0px - 1rem - 35px);
}
/* FORMULAIRE CONTACT */
#formulaire_contact h2{
	color: #fff;
}
#formulaire_contact form{
	min-width: 90%;
}
#formulaire_contact form p {
    text-align: left;
    max-width: 25em;
    margin: 1.25em auto 0.5em;
}
#formulaire_contact form .mm_checkbox span,
#formulaire_contact form label{
	color: #f2e9cc;
	font-family: "Alegreya SC", Arial, sans-serif;
}
#formulaire_contact form select,
#formulaire_contact form input,
#formulaire_contact form textarea{
	width: calc( 100% - 2em );
	border-radius: 2em;
	padding: 1em;
	border: 1px solid transparent;
	max-width: 45em;
	min-width: 20em;
    display: table;
    margin: 0 auto;
    background: #fff;
    outline: 0;
	height: auto;
}
#formulaire_contact form textarea{
	min-height: 15em;
}
#formulaire_contact form input:focus,
#formulaire_contact form textarea:focus,
#formulaire_contact form input:active,
#formulaire_contact form textarea:active{
	border-color: #98bcd4;
	outline: none;
}
#formulaire_contact form input[type=submit]{
	font-family: "Alegreya SC", Arial, sans-serif;
	text-transform: lowercase;
	font-size: 1.5rem;
	width: auto;
	color: #5f426a;
	background-color: #f2e9cc;
	padding: 0.5em 4em;
	min-width: 0em;
}
#formulaire_contact form input[type=submit]:hover{
	background-color: #979172;
	cursor: pointer;
}
#formulaire_contact .mm_checkbox{
	display: block;
	position: relative;
	padding-top: 0.2em;
    cursor: pointer;
	width: 92%;    
	margin: 2em auto 1em;
}
#formulaire_contact .mm_checkbox > span{
	margin-left: 3em;
    display: block;
}
#formulaire_contact .mm_checkbox > label{
	position: absolute;
    top: 0;
    left: 0;
    height: 2em;
    width: 2em;
    background: #fff;
    border-radius: 2.5em;
    border: 1px solid #fff;
}
#formulaire_contact .mm_checkbox > label:after {
	content: '';
    position: absolute;
    display: none;
    left: calc( 50% - 5px );
    top: calc( 50% - 11px);
    width: 8px;
    height: 14px;
    border: solid #fff;
    border-width: 0px 3px 3px 0;
    transform: rotate(45deg);
}
#formulaire_contact .mm_checkbox:hover{
    cursor: pointer;
}
#formulaire_contact .mm_checkbox input:hover ~ label {
    background-color: #fff ;
}
#formulaire_contact .mm_checkbox input:hover ~ label:after {
	display: block;
	border-color: #667f90;
}
#formulaire_contact .mm_checkbox input:checked ~ label {
	display: block;
}
#formulaire_contact .mm_checkbox input:checked ~ label:after {
	display: block;
	border-color: #8e659c;
}
#formulaire_contact .mm_checkbox:hover input:checked ~ label:after {
	display: block;
	border-color: #98bcd4;
}
#formulaire_contact .mm_checkbox input {
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    opacity: 0;
    margin: 0;
    padding: 0;
    top: 0;
    left: 0;
    z-index: 100;
	min-height:34px;
	cursor:pointer;
}
#texte_contact p{
	color: #fff;
}
#texte_contact p a{
	color: #fff;
	text-decoration: underline;
}
/* FIN EXTRA ELEMENTS */

/* FRONTPAGE */
#hero_shot #hs_content{
	padding: 3rem 4rem;
}
#hs_logo img{
	height: 95px;
}
#exportPDF h1,
#hs_content h1{
	color: #5f426a;
	font-weight: 700;
	font-style: italic;
}
#index #hs_content h1,
.vue_cheval #hs_content h1,
.page_simple #hs_content h1{
	color: #fff;
	*font-style: normal;
}
#hs_content h1 #h1_span{
	color:#fff;
	font-weight: 700;
	font-style: italic;
}
#front_page_content{
	background: #fff;
}
#front_page_content.content_stripe{
	padding: 5em 0 0;
}
#front_page_content #infographie h3{
	font-style: italic;
}
.etape_infographie > img{
	height: 4em;
	margin: 2rem auto;
}
#front_page_content #references{
	background: #98bcd4;
	color: #fff;
}
/* FIN FRONTPAGE */

/* LOOP */
#index #index_filtre{
	padding-bottom: 0;
}
.loop{
	*margin: 4rem 0;
}
.loop article{
	background: #98bcd4;
	color: #fff;
	width: 100%;
	margin-bottom: 6rem  !important;
}
.loop article.a_vendre .daa{
	margin-left: 1rem;
	color: #fff;
}
.loop article .post_content{
	padding: 2rem;
	max-width: 25em;
}
.loop article h2{
	margin-bottom: 1rem;
}
.loop article h2 a{
	color: #f2e9cc;
}
.loop article h2 a:hover{
	color: #979172;
}
.loop article .category_loop{
	margin: 0;
}
.loop article .category_loop a{
	color: #5f426a;
	font-family: "Alegreya SC", Arial, sans-serif;
}
.loop article .category_loop a:hover{
	color: #8e659c;
}
.loop article .resume_loop{
	font-style: italic;
}
.loop article .resume_loop p{
	margin-bottom: 0;
	min-height: 10em;
}
/* FIN LOOP */

/* SINGLE CHEVAL */
.vue_cheval h1 span{
	display: table;
	margin: 0 auto;
	font-weight: inherit;
}
.cat_cheval{
	margin-top: 1em;
	color: #5f426a;
    font-weight: initial !important;
}
#post_thumb{
	background-image: linear-gradient(bottom, #ffffff 50%, rgba(0, 0, 0, 0) 50%);
	background-image: -o-linear-gradient(bottom, #ffffff 50%, rgba(0, 0, 0, 0) 50%);
	background-image: -moz-linear-gradient(bottom, #ffffff 50%, rgba(0, 0, 0, 0) 50%);
	background-image: -webkit-linear-gradient(bottom, #ffffff 50%, rgba(0, 0, 0, 0) 50%);
	background-image: -ms-linear-gradient(bottom, #ffffff 50%, rgba(0, 0, 0, 0) 50%);
}
#infos_cheval .blue_bg,
#divers_cheval .blue_bg{
	padding: 2em;
	width: calc( 100% - 4em );
}
.trait > span{
	display: table-cell;
	width: 50%;
	padding: 0 0 0 1em;
}
#divers_cheval .trait{
	padding: 0 2em;
	width: calc( 100% - 4em );
}
#divers_cheval .trait > span{
	width:100%;
}
#divers_cheval .trait > span.right_align{
	width: auto;
	min-width: 3em;
}
.trait > span.right_align{
	padding: 0 1em 0 0;
	font-family: "Alegreya SC", Arial, sans-serif;
}
.trait > span.white{
	font-weight: 700;
	font-style: italic;
}
#divers_cheval .resume{
	margin-top: 0;
}
#notes_cheval .chart{
	table-layout: fixed;
}
#notes_cheval .chart > span{
	background-color:#98bcd4;
	height: 1.4em;
    display: table-cell;
	font-weight: 700;
	font-style: italic;
	text-align: right;
	color: #fff;
}
#notes_cheval .chart.chart_5 > span:nth-child(5),
#notes_cheval .chart.chart_5 > span:nth-child(4),
#notes_cheval .chart.chart_4 > span:nth-child(4),
#notes_cheval .chart.chart_5 > span:nth-child(3),
#notes_cheval .chart.chart_4 > span:nth-child(3),
#notes_cheval .chart.chart_3 > span:nth-child(3),
#notes_cheval .chart.chart_5 > span:nth-child(2),
#notes_cheval .chart.chart_4 > span:nth-child(2),
#notes_cheval .chart.chart_3 > span:nth-child(2),
#notes_cheval .chart.chart_2 > span:nth-child(2),
#notes_cheval .chart > span:first-child{
	background-color:#5f426a;
}
#notes_cheval .chart > span:after{
    margin-right: 0.5em;
}
#notes_cheval .chart.chart_1 > span:first-child:after{
	content: '1';
}
#notes_cheval .chart.chart_2 > span:nth-child(2):after{
	content: '2';
}
#notes_cheval .chart.chart_3 > span:nth-child(3):after{
	content: '3';
}
#notes_cheval .chart.chart_4 > span:nth-child(4):after{
	content: '4';
}
#notes_cheval .chart.chart_5 > span:nth-child(5):after{
	content: '5';
}
/*#gallerie_cheval{
	max-height: 500px;
}*/
#gallerie_cheval .ug-gallery-wrapper{
	min-width: 1px !important;
}
.rapport_graph.bar_graph {
    height: 100vh;
}
.rapport_graph {
    width: 100%;
    height: 400px;
    min-width: 70em;
}
#statistiques_chevaux li p{
	padding: 1em;
	border: 1px solid #8e659c;
	border-radius: 2.5em;
	color: #8e659c;
	max-width: 10em;
	text-align: center;
}
#statistiques_chevaux li p span:first-child{
	min-height: 3em;
}
#statistiques_chevaux li p span:last-child{
	font-size: 2em;
	font-weight: 700;
}

/* EXPORT PDF */
#exportPDF #export_div_container p{
	letter-spacing: normal;
}
#exportPDF #export_div_container .cta{
	display: none;
}
#exportPDF .display{
	padding-top: 3em;
	margin: 3em auto 2em;
}
#exportPDF .section{
	padding-top: 2em;
}
#exportPDF table{
	min-width: 80%;
}
#exportPDF table .center{
	margin: 0.1em auto;
}
#exportPDF table thead tr{
	border-bottom: 2px solid #5f426a;
	color: #5f426a;
	text-align: center;
	font-size: 1.1em;
}
#exportPDF table tbody tr{
	border-bottom: 1px solid #8e659c;
}
#exportPDF table td{
	vertical-align: middle;
	padding: 0.5em 1em;
}
#exportPDF .graph{
	height: 20em;
	width: 100%;
}
#exports_sommaire li{
	border: 1px solid #667f90;
	background: #667f90;
	color: #fff;
	padding: 2rem;
	width: calc( 100% - 4rem );
}
#exports_sommaire li a,
#exports_sommaire li h3{
	color:#fff;
}
#exports_sommaire li:hover{
	border-color: #5f426a ;
	background-color: #5f426a;
}
#exports_sommaire h3{
	margin: 0 0 2rem;
}
#exports_sommaire .flags img{
	height: 1.5em;
	width: 3em;
	display: inline-block;
	vertical-align: middle;
	margin: 0 1em;
}
#exports_sommaire p{
	margin: 0;
	font-size: 0.8em;
	font-style: italic;
}
#exportPDF #export_ctas > *{
	display: table-cell;
	vertical-align: middle;
	padding: 0 1em;
}
#exportPDF #export_ctas img,
#exportPDF #export_ctas svg{
	height: 1em;
	width: auto;
}
#exportPDF #export_div_container{
	border: 1px dashed #5f426a;
    width: 211mm;
    height: 298mm;
    width: 2480px;
    height: 3510px;
}
#exportPDF #export_div_container > div{
    height: 298mm;
    height: 3510px;
    overflow: auto;
	font-size: 30px;
}
#exportPDF #export_div_container > div.middle_stripe{
    vertical-align: middle;
    display: table-cell;
	padding: 0 5%;
}
#exportPDF #export_div_container .content{
	max-width: 80% !important;
}
#exportPDF #export_div_container .stripe{
	padding: 7% 5% !important;
}
#exportPDF #export_div_container .theme_image img{
	max-height: 600px;
}
#exportPDF #export_div_container .title_loop{
	font-size: 2em!important;
}
#exportPDF #export_div_container .pieddepage{
	bottom: 75px;
    width: 2480px;
	/* right: calc( 50% - 75px ); */
}
#exportPDF #export_div_container .pieddepage img{
	height: 150px;
	width: auto;
}
#exportPDF #export_div_container .pdp_container > div{
	display: table-cell;
	padding: 0 75px;
	vertical-align:bottom;
}
#exportPDF #export_div_container .pdp_container > div:first-child > *{
	margin-left: 0;
	margin-right: auto;
}
#exportPDF #export_div_container .pdp_container > div:last-child > *{
	margin-left: auto;
	margin-right: 0;
	font-size: 0.7em;
}
#exportPDF #export_div_container .pdp_container #hs_logo,
#exportPDF #export_div_container .pdp_container .id_txt{
	display: table-cell;
	vertical-align: middle;
}
#exportPDF #export_div_container .pdp_container .id_txt{
	padding-left: 35px;
}
#exportPDF #export_div_container .pdp_container .id_txt .id_title{
	color: #8e659c;
	font-size: 3rem;
}
#exportPDF  #hero_shot #hs_content{
	padding: 4rem 0;
}
#exportPDF  #hero_shot #hs_content #hs_logo img{
	height: 500px;
}
#exportPDF  #hero_shot #hs_content h1{
	color: #fff;
	margin-top: 1em;
}
#exportPDF  #hero_shot #hs_content h1 span{
	color: #fff;
	margin-top: 0.25em;
}
#exportPDF  #hero_shot #hs_content h1.vue_export span{
	display: table;
	margin: 0 auto;
	font-weight: inherit;
}
#exportPDF  #hero_shot #hs_content h1.vue_export .cat_cheval{
	margin-top: 0.5em;
	color: #5f426a;
}
#exportPDF  #hero_shot #hs_content .id_txt > *{
	font-size: 4em;
}
#exportPDF #equipe{
	table-layout: fixed;
	display: table;
	padding:0;
}
#exportPDF #equipe .biographie{
	display: table-cell;
	vertical-align: top;
	padding-right: 5%;
	width: 45%;
}
#exportPDF #equipe .biographie .bio{
	font-size: 0.8em;
}
#exportPDF #equipe .biographie:last-child{
	padding-right: 0;
	padding-left: 5%;
	border-left: 1px solid #fff;
}
#exportPDF #contact_div{
	padding-right: 0 !important;
	max-width: 100%;
}
#exportPDF #contact_div .titres > *{
	display: inline-block;
	vertical-align: top;
	margin-left: 2em;
}
/* FIN EXPORT PDF */
/* STATS */
#ga_board{
	table-layout: fixed;
}
#ga_board li{
	display: table-cell;
	text-align: center;
	padding: 1em;
    margin: 0;
    line-height: 1;
}
#ga_board a{
	padding: 2em;
	color: #fff;
	background: #8e659c;
	display: block;
}
#ga_board a:hover{
	background: #5f426a;
}
#ga_board a > span:first-child{
	font-size: 2em;
}
#ga_board a > span:last-child{
	margin-top: 2em;
}
/* CONTACTS */
#contact_div .titres,
#contact_div .links{
	margin: 1em 0;
}
#contact_div .titres h3,
#contact_div .titres h4,
#contact_div .titres h5,
#contact_div .links p{
	margin: 0;
}
#contacts_stripe .map{
	margin-top: 1em;
}

/* RESPONSIVE */
@media screen and (min-width: 450px) {	
	#gallerie_cheval .ug-gallery-wrapper{
		min-width: 400px !important;
	}
	.loop article .post_thumbnail img{
		max-width: 500px;
		/* padding: 2rem 0; */
		/* border: 1px solid #98bcd4; */
	}
}
@media screen and (min-width: 35em) {	
	#statistiques_chevaux{
		table-layout: fixed;
	}
	#statistiques_chevaux li{
		padding: 0.5em;
		display: table-cell;
	}	
	.partenaire h5,
	.partenaire .adresse{
		width: 20em;
	}
}
@media screen and (min-width: 45em) {
	body{
		font-size: 1.6em;
	}
	h1{
		line-height: 3.6rem;
	}
	h2,
	#equipe h3{
		font-size: 2em;
	}
	.stripe{
		padding: 4rem 5%;
	}
	.moities{
		display: table;
		width: 100%;
	}
	.moities > div{
		display: table-cell;
		vertical-align: middle;
		width: 50%;
	}
	#hero_shot .cta_big,
	.cta_big{
		font-size: 1.15em;
		margin: 2.5em auto;
	}
	header #rs_container .flag a > *{
		vertical-align: top;
	}
	/* footer */
	#footer_container #footer_lower_div > div,
	#copyright_container > div{
		display:table-cell;
		vertical-align:middle;
	}
	/* FRONTPAGE */	
	.id_txt .id_title{
		font-size: 4rem;
	}
	#hs_logo img{
		height: 190px;
	}
	/* FIN FRONTPAGE */
	/* FORMULAIRE */
	#formulaire_contact form input,
	#formulaire_contact form textarea{
		min-width: 35em;
	}
}
@media screen and (min-width: 55em) {	
	.content{
		max-width:  36em !important;
	}	
	h1{
		font-size: 3em;
		line-height: 5.7rem;
	}
	#index #hero_shot #hs_content{
		padding: 4rem;
	}
	#index #hero_shot #hs_content .category_menu ,
	#index #hero_shot #hs_content .category_menu .cta {
		margin-bottom: 0;
	}
	.vue_cheval #hero_shot #hs_content,
	.page_simple #hero_shot #hs_content{
		padding: 4rem 4rem 8rem;
	}
	/* HEADER */
	#header #rs a{
		color: #fff;
	}
	#header_container #hmenu label,
	#header_container #hmenu [type="checkbox"]{
		display: none;
	}
	#header_container #hmenu nav #hmenu_container {
		display: initial;
	} 
	#header_container.mobile #hmenu_container_bg > div.center_bm,
	#header_container.mobile #hmenu_container_bg > #nav_logo{
		display: none;
	}
	#header_container #hmenu_container_bg{
		height: auto;
		background: transparent;
	}
	#header_container #hmenu nav .menu-header-container a{
		border: none;
		width: auto;
		padding: 0;
		font-weight: 400;
	}
	#header_container #hmenu nav .menu-header-container ul{
		text-align: right;
	    text-transform: none;
		margin: 0;
	}
	#header_container #hmenu nav .menu-header-container  ul li{
		display: inline-block;
		vertical-align: middle;
		margin: 0 0 0 2rem;
		width: auto;
		line-height: initial;
		border: none;
		font-size: 0.8em;
		padding-bottom: 4px;
	}
	#header_container #hmenu nav .menu-header-container ul li:first-child{
		margin-left: 0;
	}	
	/* FIN HEADER */
	/* FOOTER */
	footer .id_txt .id_title,
	footer .id_txt .id_tagline{
		font-size: 2rem;
	}
	#footer_container #btt a{
		font-size:3rem;
	}
	#footer_lower_div #id_footer #logo_footer img{
		height: 100px;
		width: 100px;
	}
	#copyright_container #curly_copyright #export{
		display: inline-block;
	}
	#export a{
		color: #f2e9cc;
	}
	#export a i{
		margin:0 0.5rem;
	}
	#copyright_container{
		position: relative;
	}
	#copyright_container #de_logo{
		display:block;
		position: absolute;
		left: calc( (100% - 194px) /2 );
		top: calc( (100% - 1rem) /2 );
	}
	#de_logo img{
		height: 1rem;
	}
	#de_logo:hover img{
		opacity: 0.8;
	}
	/* FIN FOOTER */
	#front_page_content #infographie ul > li{
		display: table-row;
		vertical-align: middle;
	}
	#front_page_content #infographie ul > li > *{
		display: table-cell;
		vertical-align: middle;
		padding: 1em 0;
		width: 50%;
	}
	#front_page_content #infographie ul > li h3{
		text-align: left;
	}
	.etape_infographie > img{
		height: 8em;
	}
	#front_page_content #infographie ul > li .etape_infographie > img,
	#front_page_content #infographie ul > li h3{
		margin-right: 0;
		margin-left: auto;
	}
	#front_page_content #infographie ul > li .etape_infographie.odd > img,
	#front_page_content #infographie ul > li h3.odd{
		margin-right: auto;
		margin-left: 0;
	}
	/* References */
	.reference{
		display: inline-block;
		vertical-align: top;
		max-width: 20em;
		margin: 3em 2em 1em;
	}
	.vue_reference .reference{
		max-width: 100%;
	}
	/* Equipe */
	#equipe .biographie{
		display: inline-block;
		vertical-align: top;
		max-width: 25em !important;
		margin: 1em 2em 1em;
	}
	/* exportPDF */
	#exports_sommaire{
		width: 100%;
	}
	#exports_sommaire li{
		display: inline-block;
		vertical-align: top;
		margin: 2rem;
		max-width: 10em;
	}
	#exports_sommaire h3{
		min-height: 2em;
		margin: 2rem 0;
		text-align: center;
	}
	#exports_sommaire i{
		display: table;
		float: none;
		margin: 0 auto;
		font-size: 2em;
	}
	#exports_sommaire p{
		display: table;
		width: 100%;
		min-height: 5em;
	}
	#exports_sommaire p span{
		display: table-cell;
		width: 100%;
		vertical-align: top;
	}
	/* loop */
	#index .loop article{
		width: auto;
	}
	.loop article > *{
		display: table-cell;
		vertical-align: top;
		width: 50%;
		*padding: 0;
	}
	.loop article{
		margin-bottom: 0  !important;
	}
	.loop article .post_thumbnail{
		border: none;
	    padding: 2rem 0;
	}
	.loop article .category_loop{
		margin-bottom: 2rem;
	}
	.loop article .resume_loop{
		padding-bottom: 4em;
	}	
	.loop article .post_content{
		width: 25em;
	}
	/* CONTACTS */
	#contacts_stripe > *{
		display: table-cell;
		vertical-align: bottom;
	}
	#contacts_stripe .theme_image{
		width: 50% !important;
	}
	#contacts_stripe .theme_image img{
		width: 100% !important;
	}
	#contact_div{
		padding-right: 1em;
		max-width: 4em;
	}
	#contact_div .adresse{
		margin-bottom: 0;
	}
	#contact_page_maps .map{
		margin-top: 3em;
	}
}
@media screen and (min-width: 60em) {
	/* Menu categories */
	.category_menu > p{
		display: inline-block;
		vertical-align: middle;
		margin: 1em;
	}
}
@media screen and (min-width: 65em) {	
	h2,
	#equipe h3{
		font-size: 2.7em;
	}
	#footer_lower_div #footer_menu ul{
		text-align: right;
	}
	#footer_lower_div #footer_menu li{
		display: inline-block;
		vertical-align: middle;
		margin: 0 2rem 0 0;
	}
	#footer_lower_div #footer_menu li:last-child{
		margin-right: 0;
	}
	/* CONTACTS */
	#contact_div{
		padding-right: 4em;
	}
}