/*
Theme Name: Le Relais pour l'Emploi
Theme URI: http://www.lerelaispourlemploi.fr
Description: Thème Wordpress le Relais pour l'Emploi
Author: Monsieur Graphiste
Author URI: http://www.monsieurgraphiste.com
Version: 1.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

*/


body {
	margin: 0;
	padding: 0;
}

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

#cookie-notice, #cookie-notice .cn-button {
    font-family: 'Ubuntu', sans-serif;
}

#cookie-notice .cn-button {
    background-color: #FFF;
    letter-spacing: 0;
    border-radius: 0;
    font-weight: 500;
    padding: 0 10px;
    text-transform: uppercase;
}

.wpcf7-checkbox .wpcf7-list-item {
    position: relative;
    display: block;
}

.wpcf7-checkbox .wpcf7-list-item input[type="checkbox"] {
    position: absolute;
    margin-left: -15px;
    margin-top: 4px;
    box-sizing: border-box;
    padding: 0;
    width: auto;
}

.wpcf7-checkbox .wpcf7-list-item .wpcf7-list-item-label {
    display: inline-block;
    padding-left: 5px;
    font-size: 13px;
}

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

ul li {
    list-style: none;
}

a, #blog-list .article a {
	text-decoration: none;
    font-weight: 500;
}

a:hover {
    text-decoration: underline;
}

img {
	border: none;
	max-width: 100%;
	height: auto;
}

img a {border: 0;}

img.alignright {float: right; margin:0 0 1em 1em}
img.alignleft {float: left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float: right; margin:0 0 1em 1em}
a img.alignleft {float: left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

em {
	font-style: italic;
}
strong {
	font-weight: bold;
}

form, fieldset {
	margin: 0;
	padding: 0;
	border: none;
}
input, button, select {
	vertical-align: middle;
}


/* Styles généraux */

body {
	background: #FFFFFF;
	color: #1e3741;
	text-align: left;
	line-height: 24px;
	font-size: 16px;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5
{font-weight: 500;}

h1 {
	font-size: 36px; line-height: 50px;
}

h2 {
	font-size: 28px; line-height: 40px;
}

h3 {
	font-size: 22px; line-height: 30px;
}

h4 {font-size: 18px; line-height: 24px;}
a, a:hover {color: #1e3741;}


/* Blog */

#blog-list .col-6.article a h3, #actus .col-4.article a h3, #blog-list .col-8 .article a h2, #blog .article h1 {margin-top: 10px;}

#blog-list .col-6.article {min-height: 500px;}

#actus .col-4.article {min-height: 480px;}

#blog .article .image, #blog-list .article .image {max-width: 750px; max-height: 415px;}
#actus .article .image {max-width: 550px; max-height: 305px;}

#sidebar ul li {display: inherit; margin-bottom: 10px;}
#sidebar ul li a {color: #1E3741; font-weight: 400;}
#sidebar ul li a:first-letter {text-transform: uppercase;}
#sidebar ul li:before {content: "> ";}
#sidebar h3 {margin: 0 0 30px 0; }
#sidebar .widget {margin-bottom: 80px;}

#blog span.categorie a {font-weight: 500;}

#actus .article, #blog .article {margin-bottom: 0;}
#actus .article h4 {font-size: 20px; margin: 20px 0 0 0;}

#actus .col-4.article .date {position: absolute; width:55px; height: 70px; text-align: center; padding: 5px; color :#FFFFFF; font-weight: 500; right: 15px; top: 0; }

#blog .article .image, #blog-list .article .image, #actus .article .image {position: relative;}

#blog-list .col-6.article {height: auto;}

#actus .article .date span.jour {font-size: 24px;}
#actus .article .date span.mois {font-size: 16px; line-height: 20px; text-transform: uppercase;}
#actus .article .date span.an {font-size: 14px; line-height: 16px;}

#blog-list .article .image .date, #blog .article .image .date, #actus .article .date {position: absolute; height: 105px; text-align: center; padding: 15px; color :#FFFFFF; right: 20px; top: 0;  }

.article .image .date span {font-weight: 500; display: block;}

#blog-list .article .date span.jour, #blog .article .date span.jour, #actus .col-6.article .date span.jour {font-size: 36px; margin-bottom: 10px;}
#blog-list .article .date span.mois, #blog .article .date span.mois, #actus .col-6.article .date span.mois {font-size: 20px; line-height:18px; text-transform: uppercase;}
#blog-list .article .date span.an, #blog .article .date span.an, #actus .col-6.article .date span.an {font-size: 22px; line-height: 30px;}

.article p.extrait {font-size: 14px; font-weight: 400; line-height: 20px;}

.article {margin-bottom: 30px;}

.sidebar {margin-left: 30px;}


/* Recettes */

#content .col-6.recettes {min-height: 380px;}

.recettes {margin-bottom: 25px; }
.recettes img {float:left; }

.recettes .titre.jardin_bg:hover {background-color: #1E3741;}
.recettes .titre.jardin_bg a {text-decoration: none;}
.recettes .titre {float: left; padding: 10px 15px; width: 100%;}
.recettes .titre a h3 {color: #FFF; display: block; margin: 5px 0;}
.recettes .infos { float: left; padding: 10px; background-color: #f7f7f7; width: 100%;}
.recettes .infos span, #offre .infos span, #offres .infos span {display: inline-block; margin-right: 5px; padding: 5px 0;}
.recettes .infos span:last-child {margin-right: 0;}
.recettes .infos span i, #recette .infos span i, #offre .infos span i #offres .infos span i {margin-right: 5px;}

#recette h1, #recette h3 {color: #AFC832;}
#recette .description {margin-bottom: 20px;}
#recette .infos, #offre .infos, #offres .infos {padding: 20px 15px; background-color: #f7f7f7;}
#recette .infos span, #offre .infos span, #offres .infos span {font-size: 18px; margin-right: 50px; display: inline-block;}
#recette .ingredients ul li {display: block;margin-bottom: 5px;}
#recette .ingredients ul li:before {color: #AFC832;}
#recette .etapes  ol { counter-reset: li; }
#recette .etapes  ol li {
        margin-left: 30px;
        list-style: none;
        padding-bottom: 20px;
        margin-bottom: 10px;
        border-bottom: 2px solid #f7f7f7;
    position: relative;
}

#recette .ingredients i.print-icon {margin-right: 5px;} 

#recette .etapes  ol li:before {
        position: absolute;
        content: counter(li);
        counter-increment: li;
        left: -50px;
        top: 0;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: inline-block;
        min-width: 30px;
        font-size: 18px;
        font-weight: 600;
        line-height: 30px;
        color: #fff;
        text-align: center;
        vertical-align: middle;
        background-color: #AFC832;
        border-radius: 30px; }


/* Feuille de Choux */


.fdc {text-align: center; margin-bottom: 30px;}
.fdc h3 {font-size: 22px; line-height: 30px; margin:0;}
#content .fdc .box {background-color: #AFC832; color: #FFF; margin: 0; padding: 20px;}
#content .fdc .desc p {margin: 10px 0;}
#content .fdc .desc {background-color: #f7f7f7; padding: 20px;}
#content #sidebar a {color:#1E3741!important; font-weight: 400;}

/* Recette searchbar */

.widget.jardin_bg.search {text-align: left;}
.widget.jardin_bg.search h3.widget-title {margin-top: 10px;}


/* Pagination Articles */


 .nav-links {text-align: center;}

 .nav-links .page-numbers {
    background-color: #f7f7f7;
    padding: 10px 15px;
}

 .nav-links a.page-numbers {text-decoration: none;}

.pages {display: block; float: left;}

 .nav-links .page-numbers.current,  .nav-links .page-numbers:hover {
    background-color: #1e3741;
    color: #FFF;
}

/* Couleurs */

.emploi, a.emploi, #content.emploi a, , #blog .article.emploi a, #menu.emploi #navigation ul > li > a:hover, #menu.emploi #navigation ul > li.current_page_item > a, #menu.emploi #navigation ul > li.current-page-ancestor > a, #content.emploi, #content.relais, #content.parcmob, #content.atelier, #content.jardin {color: #1E3741;}

.emploi, a.emploi, #content.emploi a, #menu.emploi #navigation ul > li > a:hover, #menu.emploi #navigation ul > li.current_page_item > a, #menu.emploi #navigation ul > li.current_page_parent > a, #menu.emploi #navigation ul > li.current-page-ancestor > a, #content.emploi, #content.relais, #content.parcmob, #content.atelier, #content.jardin {color: #1E3741;}

.relais, a.relais, #content.relais a, #menu.relais #navigation ul > li > a:hover, #menu.relais #navigation ul > li.current_page_item > a, #menu.relais #navigation ul > li.current_page_parent > a, #menu.relais #navigation ul > li.current-page-ancestor > a, #content.relais h1, #content.relais h3, #content.relais ul li:before  {color: #E10019;}

.jardin, a.jardin, #content.jardin a, #menu.jardin #navigation ul > li > a:hover, #menu.jardin #navigation ul > li.current_page_item > a, #menu.jardin #navigation ul > li.current-page-ancestor > a, #content.jardin h1, #content.jardin h3, #content.jardin ul li:before, #menu.jardin #navigation ul > li.current-menu-item > a {color: #AFC832;}

.parcmob, a.parcmob, #content.parcmob a, #menu.parcmob #navigation ul > li > a:hover, #menu.parcmob #navigation ul > li.current_page_item > a, #menu.parcmob #navigation ul > li.current_page_parent > a, #menu.parcmob #navigation ul > li.current-page-ancestor > a, #content.parcmob h1, #content.parcmob h3, #content.parcmob ul li:before {color: #00A5DC;}

.atelier, a.atelier, #content.atelier a, #menu.atelier #navigation ul > li > a:hover, #menu.atelier #navigation ul > li.current_page_item > a, #menu.atelier #navigation ul > li.current_page_parent > a, #menu.atelier #navigation ul > li.current-page-ancestor > a, #content.atelier h1, #content.atelier h3, #content.atelier ul li:before {color: #F09619;}


.grey, a.grey {color: #E7E7E7;}

.emploi_bg, #menu.emploi, #ensemblier-nav #group-nav ul li a.emploi:hover, #ensemblier-nav #group-nav ul li a.emploi.active, .wpcf7-form .wpcf7-submit, #content.emploi .box-chiffre, #content.emploi .wpls-filter li.wpls-active-filtr span, #blog a.button.emploi_bg, #offre a.button.relais_bg:hover, #offre a.button.jardin_bg:hover {background-color: #1E3741!important;}
.relais_bg, #menu.relais, #ensemblier-nav #group-nav ul li a.relais:hover, #ensemblier-nav #group-nav ul li a.relais.active, .wpcf7-form .wpcf7-submit.relais, #content.relais .box-chiffre, #content.relais .box, #content.relais a.button, #offre a.button.relais_bg, #content.relais .wpls-filter li.wpls-active-filtr span, #content.relais .wpls-filter-wrp .wpls-logo-title, #blog a.button.relais_bg {background-color: #E10019;}
.jardin_bg, #menu.jardin, #ensemblier-nav #group-nav ul li a.jardin:hover, #ensemblier-nav #group-nav ul li a.jardin.active, .wpcf7-form .wpcf7-submit.jardin, #content.jardin .box-chiffre, #content.jardin a.button, #content.jardin .wpls-filter li.wpls-active-filtr span, #content.jardin .wpls-filter-wrp .wpls-logo-title, #blog a.button.jardin_bg, #offre a.button.jardin_bg  {background-color: #AFC832;}
.parcmob_bg, #menu.parcmob, #ensemblier-nav #group-nav ul li a.parcmob:hover, #ensemblier-nav #group-nav ul li a.parcmob.active, .wpcf7-form .wpcf7-submit.parcmob, #content.parcmob .box-chiffre, #content.parcmob .wpls-filter li.wpls-active-filtr span, #content.parcmob .wpls-filter-wrp .wpls-logo-title, #blog a.button.parcmob_bg  {background-color: #00A5DC;}
.atelier_bg, #menu.atelier, #ensemblier-nav #group-nav ul li a.atelier:hover, #ensemblier-nav #group-nav ul li a.atelier.active, .wpcf7-form .wpcf7-submit.atelier, #content.atelier .box-chiffre, #content.atelier .wpls-filter li.wpls-active-filtr span, #content.atelier .wpls-filter-wrp .wpls-logo-title, #blog a.button.atelier_bg  {background-color: #F09619;}

.grey_bg {background-color: #E7E7E7;}

.separator {
    height: 5px;
    display: block;
}

.search-separator {margin-top: 20px; height: 2px;}
a.url {font-size: 14px; color: #1E3741!important; }
.resultat img {float: left; max-width: 225px; max-height: 150px; margin-right: 20px;}

.separator.emploi, .breadcrumb.separator.emploi_bg, #credits .separator, footer .separator.emploi_bg  { background: url(images/separator.png) center no-repeat; background-size: cover; }

.separator.relais, .separator.jardin, .separator.parcmob, .separator.atelier {background-color: #1E3741;}



/* Menu Ensemblier */

#ensemblier-nav {
    background-color: #FFFFFF;
}

#ensemblier-nav #group-nav ul li {
    width: 20%;
    text-align: center;
    float: left;
    display: inline-block;
}

#ensemblier-nav #group-nav ul li a {
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    text-decoration: none;
    line-height: 30px;
    padding: 7px 15px;
}

#ensemblier-nav #group-nav ul li a:hover, #ensemblier-nav #group-nav ul li a.active {
    color: #FFFFFF;
}

/* Menu Principal */

#menu {
    min-height: 120px;
}

#menu #logo {
    
    z-index: 5;
    position: absolute;
    display: block;
    float: left;
    padding: 15px;
    background-color: #FFFFFF;
    -moz-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.5);
    -khtml-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.5);   
}


#menu #navigation {
    display: block;
    float: right;
    padding-top: 20px;
}
    
#menu #navigation ul > li   {
    float: left;
    padding-left: 5px;
    display: inline-block;
}

#menu #navigation ul > li > a {
    color: #FFFFFF;
	font-size: 16px;
    font-weight: 500;
    padding: 10px 12px;
}

#menu #navigation ul > li > a:hover, #menu #navigation ul > li.current_page_item > a, #menu #navigation ul > li.current-page-ancestor > a, #menu #navigation ul > li.current-menu-item > a {
    background-color: #FFFFFF;
    text-decoration: none;
    
}


#menu #navigation #searchbar {
    display: block;
    float: right;
    margin-top: 20px;
}

#menu #navigation #searchbar input#search, #erreur #searchbar input#search, #sidebar.jardin input#ingredient {
    float:left;
    padding: 9px;
    background-color: #e1e1e1;
    border: none;
    width: 220px;
    color: #0f1c21;
    font-size: 16px;
    height: 40px;
    -webkit-appearance: none;
    border-radius: 0;
}

#sidebar.jardin input#ingredient {width: 180px; background-color: #FFFFFF;}

#erreur #searchbar {display: block; width: 260px; margin: 0 auto;}
#erreur #searchbar:after {clear: both;}

#menu #navigation #searchbar input#search::-webkit-input-placeholder, #erreur #searchbar input#search::-webkit-input-placeholder {color: #0f1c21; font-family: 'Ubuntu', sans-serif; }

#menu #navigation #searchbar button#submit, #erreur #searchbar button#submit, #sidebar.jardin button#envoyer   {
    float:left;
    background-color: #0f1c21;
    color: #FFF;
    font-size: 20px;
    line-height: 20px;
    width: 40px;
    height: 40px;
    padding: 10px;
    border: none;
    display: inline-block;
    cursor: pointer;
}

#menu #navigation #searchbar button#submit:hover, #erreur #searchbar button#submit:hover {background-color: #000;}

h1.resultats {color: #1e3741!important;}
h1.resultats {color: #1e3741!important;}

.toggle, .switch {
    display: none;
}

/* Formulaires */

div.wpcf7 {max-width: 600px;}

.wpcf7-form p.line1, .wpcf7-form p.line2 {
    position: relative;
    float: left;
    width: 285px;
}

.wpcf7-form p.line1 {margin-right: 30px;}
.wpcf7-form p.line2:after {clear:both;}

.wpcf7-form input, .wpcf7-form textarea, .wpcf7-select {
    background-color: #e7e7e7;
    padding: 15px;
    margin: 10px 0;
    border: none;
    width: 100%;
    max-width: 600px;
    color: #1E3741;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 400;
    font-size: 16px;
}

.wpcf7-select {height: 50px;}

.wpcf7-form .wpcf7-submit {
    color: #FFF;
    font-weight: 500;
    font-size: 16px;
    text-transform: uppercase;
    width: auto;
    cursor: pointer;
    padding: 15px 30px;
}

#content a.button, #erreur a.button, #blog a.button, #blog-list a.button, #offres a.button, #offre a.button  {
    display: inline-block;
    color: #FFFFFF;
    font-weight: 500;
    font-size: 16px;
    text-transform: uppercase;
    padding: 15px 30px;
    margin: 10px 0;
    text-decoration: none;
}

a.button-nav {
    
    display: inline-block;
    color: #FFFFFF;
    font-weight: 500;
    font-size: 16px;
    text-transform: uppercase;
    padding: 15px 17px;
    margin: 10px 20px 10px 0;
    text-decoration: none;
}

a.button-print  {
    display: inline-block;
    color: #FFFFFF;
    font-weight: 500;
    font-size: 16px;
    text-transform: uppercase;
    padding: 10px 20px;
    text-decoration: none;
    background-color: #AFC832;
    margin-top: 30px;
}

#erreur a.button {margin-top: 20px!important;}

.center {text-align: center;}

#content #contactbox a.button {background-color: #FFFFFF; color: #1E3741;}

#content a.button:hover, #content #contactbox a.button:hover, #erreur a.button:hover, #blog-list a.button:hover, a.button-nav:hover, a.button-print:hover, #offres a.button:hover { color:#FFF; background-color: #1E3741; }

.wpcf7-form .wpcf7-submit:hover, #content.emploi a.button:hover, #blog a.button:hover   {background-color: #0F1C21;}

.wpcf7-form .wpcf7-response-output {margin: 0; padding: 0;}

.wpcf7-form .wpcf7-validation-errors, .wpcf7-form .wpcf7-mail-sent-ok {border: none;}


/* Slider */

#slider .flexslider .slides li {
    background-size: cover!important;
}


#slider .slides .container .texte {
    text-align: center; 
    padding: 6% 0;
    color: #FFF;
}

#slider p {color: #FFF; font-size: 18px; text-shadow: 0 0 10px #000000; padding: 0 200px; line-height: 30px;}


#slider h2 {font-size: 36px; line-height: 50px; text-shadow: 0 0 15px #000000;}

#slider a.button {
    display: inline-block;
    color: #1E3741;
    font-weight: 500;
    font-size: 16px;
    text-transform: uppercase;
    padding: 15px 30px;
    margin: 10px 0;
    text-decoration: none;
    background-color: #FFF;
}

#slider a.button:hover {color: #FFF; background-color: #1E3741;}

/* Slide */


#slide {
    text-align: center;
    height: 400px;
    padding: 125px 0;
    position: relative;
}

#slide .container {position: relative;}

#slide h1  {color: #FFF; text-shadow: 0 0 15px #000000; margin: 0 0 30px 0;}
#slide p {color: #FFF; font-size: 18px; text-shadow: 0 0 10px #000000; padding: 0 150px; line-height: 30px;}

#slide.emploi_bg p, #slide.parcmob_bg p {padding: 0 200px;}

#slide img.logo-europe {position: absolute; top: -90px; right: 0;}
#slide img.logo-ab {margin-top: 20px;}

/* Activités */

#activites {
    border-top: 5px solid #E10019;
    padding: 30px 0;
}

#activites a {color: #FFF;}


#activites .container h2  {
    color: #1e3741;
    text-align: center;
    margin:0 0 30px 0;
}

.activite {
    text-align: center;
    margin-bottom: 10px;
}


.activite .logo {
    background-color: #FFFFFF;
    padding: 25px;
}

.activite .logo img {max-height: 130px;}

#content .activite .logo {border: 1px solid #e7e7e7;}

.activite .desc {
    padding: 15px;
    color: #FFF;
}



.activite .desc h3 {font-size: 18px; color: #FFF; margin: 0;}
.activite .desc p {font-size: 14px; line-height: 20px; margin-bottom: 0;}

.activite a {text-decoration: none;}

.activite a:hover .desc {background-color: #1E3741;}


/* Services Homepage */


#services { padding: 30px 0; }

#services .container h2 {
    text-align: center;
    line-height: 40px;
    margin:0 0 30px 0;

}

#services .container .col-3 {
    text-align: center;
    margin-bottom: 10px;
}

#services .container .col-3 .box {
    background-color: #FFFFFF;
    padding: 25px;
}

#services .container .col-3 .desc {
    padding: 15px;
    color: #FFF;
}

#services.relais .container .col-3 a:hover .box i.fa.icon, #services.relais .container .col-3 .desc  {color: #E10019;}
#services.relais .container .col-3 .box, #services.relais .container .col-3 a:hover .desc  {background-color: #E10019;}

#services.jardin .container .col-3 a:hover .box i.fa.icon, #services.jardin .container .col-3 .desc  {color: #AFC832;}
#services.jardin .container .col-3 .box, #services.jardin .container .col-3 a:hover .desc  {background-color: #AFC832;}

#services.parcmob .container .col-3 a:hover .box i.fa.icon, #services.parcmob .container .col-3 .desc  {color: #00A5DC;}
#services.parcmob .container .col-3 .box, #services.parcmob .container .col-3 a:hover .desc  {background-color: #00A5DC;}

#services.atelier .container .col-3 a:hover .box i.fa.icon, #services.atelier .container .col-3 .desc  {color: #F09619;}
#services.atelier .container .col-3 .box, #services.atelier .container .col-3 a:hover .desc  {background-color: #F09619;}



#services .container .col-3 a .box i.fa.icon, #services .container .col-3 a:hover .desc {color: #FFF;}
#services .container .col-3 a:hover .box, #services .container .col-3 a .desc {background-color: #FFF;}
#services .container .col-3 a {text-decoration: none;}
#services .container .col-3 .desc h3 {font-size: 20px;  margin: 0;}
#services .container .col-3 .desc p {font-size: 14px; line-height: 20px; margin-bottom: 0;}

#services .container .col-3 .box i.fa.icon {font-size: 80px; line-height: 120px;}


/* Service */

#content .service {
    text-align: center;
    margin-bottom: 20px;
}

#content .service .box {
    padding: 25px;
    margin-bottom: 0;
}

#content .service .desc {border: 1px solid #e7e7e7;}
#content .service a:hover .desc {background-color: #e7e7e7;}
#content .service a { text-decoration: none;}

#content .service h3 {
    padding: 15px;
}
#content .service .box i.fa.icon { color: #FFF; font-size: 80px; line-height: 120px;}

/* Quote */


.quote {display: block; margin: 10px 0 30px 0; padding: 0 30px;}

.quote p.citation:before, .quote p.citation:after {font-size: 50px; font-weight: bold;}
.quote p.citation:before {content: '“ ';}
.quote p.citation:after {content: ' ”';}

.quote p.citation {font-family: Garamond, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif; font-size: 40px; line-height: 50px; text-align: center;
 margin: 15px 0;}

.quote p.nom {display: block; font-weight: 500; font-style: italic; text-align: center; margin: 0; }



/* Box */

#content .box {padding: 10px; text-align: center; margin: 20px 0;}
#content .box h3, #content .box p {color: #FFFFFF;}
#content .box p {font-size: 16px; line-height: 24px;}

/* NoteBox */

#content .notebox {font-size: 14px; line-height: 24px; padding: 25px; background-color: #f7f7f7; margin: 10px 0;}

/* Actualités Homepage */

#actus {
    padding: 40px 0;
}

#actus.emploi {border-top: 5px solid #AFC832;}

#actus .container h2 {
    text-align: center;
    margin:0 0 50px 0;

}

#actus .article a:hover {text-decoration:  none;}

/* Bloc Chiffres */

.box-chiffre {padding: 20px; text-align: center; color: #FFFFFF; margin-bottom: 30px; }
.box-chiffre  p.chiffre {font-size: 48px; line-height: 60px; margin: 10px 0; font-weight: 500;}
.box-chiffre sup {font-size: 30px;}
.box-chiffre  p.titre {font-size: 20px; line-height: 30px; text-transform: uppercase; margin: 10px 0;}

/* Equipe */

#liste-membres {margin-top: 20px;}

#liste-membres .membre {margin-bottom: 20px; min-height: 350px;}

#liste-membres .membre img, #liste-membre .membre img {display: block;}

#liste-membres .membre h4 {font-size: 20px; margin: 10px 0;}

#liste-membres .membre .line, #liste-membre .membre .line {height: 5px; width: 225px;}
#liste-membres .membre .line.jardin, #liste-membre .membre .line.jardin {background-color: #AFC832;}
#liste-membres .membre .line.relais, #liste-membre .membre .line.relais {background-color: #E10019;}
#liste-membres .membre .line.emploi {background: url(images/line-emploi.png) center no-repeat;}
#liste-membres .membre .line.parcmobrelais {background: url(images/line-relaisparcmob.png) center no-repeat;}

#liste-membre .membre {margin-bottom: 30px; min-height: 420px;}

#liste-membre .membre a {font-size: 16px; line-height: 20px; font-style: italic; display: block; margin-top: 10px;}

/* Partenaires */

#partenaires {
    padding: 40px 0;
}

#partenaires.emploi_bg {border-top: 5px solid #00A5DC;}

#partenaires .container h2 {
    text-align: center;
    color: #FFF;
    margin:0 0 30px 0;
}

.logo_showcase .slick-slide {padding: 0 10px!important;}

.wpls-fix-box {
    background-color: #FFFFFF;
    min-height: 116px;
    padding: 5px 0;
}

.wpls-fix-box span {line-height: 100px; font-weight: 500;}

.wpls-filter {margin-bottom: 20px!important; border:none!important;}

.wpls-filter li {display: inline-block!important; margin-top: 30px;}

#content .wpls-filter-wrp ul.wpls-filter li:before {content: '';}
#content .wpls-filter-wrp .wpls-fix-box {
    border: 15px solid #E7E7E7;
    padding: 20px 0;
}

#content .wpls-filter-wrp .wpls-filter li {margin: 0px 11px 10px 11px!important; border:none!important;}
#content .wpls-filter-wrp .wpls-filter li span {
    background-color: #e7e7e7;
    padding: 15px 30px;
    color: #1E3741;
}

#content .wpls-filter li.wpls-active-filtr span {
    color: #FFFFFF;
}

#content .wpls-filter-wrp .wpls-logo-title {
    margin-top: 0;
    background-color: #1E3741;
    color: #FFF;
    padding: 15px;
    font-size: 16px;
    font-weight: 500;
    min-height: 80px;
    text-transform: none!important;
}

/* Footer */

#ensemblier-footer {
    border-top: 5px solid #F09619;
    color: #FFFFFF;
    padding: 40px 0;
    font-size: 16px;
    font-weight: 500;
}

#ensemblier-footer.emploi {background-color: #0F1C21;}

#ensemblier-footer.relais, #ensemblier-footer.jardin, #ensemblier-footer.parcmob, #ensemblier-footer.atelier {background-color: #1E3741; border-top: none;}

#ensemblier-footer h4 {font-size: 18px; margin: 0 0 25px 0;}

#ensemblier-footer p {margin:0;}
#ensemblier-footer p, #ensemblier-footer p a {font-weight:400;}

#ensemblier-footer a {color: #FFF;}

#ensemblier-footer a.addresse {display: block; border-left: 4px solid #FFF; height: 48px; padding-left: 10px;}

#ensemblier-footer p i.footer-icon {margin-right: 5px;}

#credits {
    font-size: 14px;
    line-height: 24px;
    padding: 15px 0;
    font-weight: 500;
}

#credits #copyright {float: left;}
#credits #footer-nav {float: right;}
#credits #footer-nav a {font-size: 13px;}


/* Back to top */

.backtotop:hover {
	color: #000 !important;
	background-color: #E7E7E7;
	text-decoration: none;
}
 
.backtotop {
	display: none;
	position: fixed;
	bottom: 100px;
	right: 40px;
	width: 50px;
	height: 50px;
	line-height: 45px;
	font-size: 40px;
	color: #FFF;
	background-color: #000;
	text-decoration: none;
	border-radius: 5px;
	font-weight: 600;
	text-align: center;
	cursor: pointer;
    z-index: 1;
}

.backtotop.i {line-height: 45px;}

.white {color: #FFFFFF!important;}

#erreur {padding: 100px 0; text-align: center;}

#compte {
    float: right;
    margin-right: 20px;
    line-height: 75px;
}

/* Widget Feuille de choux */

.widget.jardin_bg {padding: 20px; color: #FFF; text-align: center;}
.widget.jardin_bg h3 {margin: 20px 0; font-size: 30px;}
.widget.jardin_bg i.icon {margin: 10px 0; font-size: 60px;}

#blog-list #sidebar .widget.jardin_bg a.button, #content .widget.jardin_bg a.button {background-color: #FFF!important; color: #AFC832!important; font-weight: 500;}
#blog-list #sidebar .widget.jardin_bg a:hover.button, #content .widget.jardin_bg a:hover.button {background-color: #1E3741!important; color: #FFF!important;}


/* Responsive */

.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
    .visible-mobile {
        display: none!important;
    }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
    
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}

.row {
  margin-right: -15px;
  margin-left: -15px;
}

.col-9, .col-8, .col-6, .col-5-5, .col-5, .col-4, .col-3, .col-2, .col-1 {
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-12 {width: 100%;}
.col-11 {width: 91.66666667%;}
.col-10 {width: 83.33333333%;}
.col-9 {width: 75%;}
.col-8 {width: 66.66666667%;}
.col-7 {width: 58.33333333%;}
.col-6 {width: 50%;}
.col-5-5 {width: 41.66666667%;}
.col-5 {width: 20%;}
.col-4 {width: 33.33333333%;}
.col-3 {width: 25%;}
.col-2 {width: 16.66666667%;}
.col-1 {width: 8.33333333%;}

.container:before, .container:after, .row:before, .row:after {
    display: table;
    content: " ";
}

.row:after, .container:after, .nav:after, .clear {clear: both;}


/* Page */

#title {
    background-color: #0f1c21;
    padding: 40px 0;
}

#title.jardin, #title.relais, #title.parcmob, #title.atelier {padding: 30px 0 ;}

#title h2.page-title {
    text-align: center;
    color: #FFF;
    font-weight: 500;
    margin: 0;
}

#breadcrumb {
    padding: 10px 0;
    background-color: #E7E7E7;
}

#breadcrumb a {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

#breadcrumb a.page {text-decoration: none;}


#content, #blog, #blog-list, #recette, #recettes, #offre, #offres {background: url('images/vague.gif') right bottom no-repeat; padding: 50px 0;}


#content ul li, #blog ul li, #submenu ul li {margin-bottom: 10px; display: block;}
#content ul li:before, #blog-list ul li:before, #blog ul li:before, #recette ul li:before {content: '> '; font-weight: 600;}
#content ul li ol {margin-top: 10px;}
#content ul li ol li:before {content: '• '; font-weight: bold;}
#content #submenu ul li:before {content: '';}
#content h1 {font-size: 30px; line-height: 40px; margin: 0 0 30px 0;}

/* Menu Pages */

#submenu {margin-top: 10px; margin-bottom: 20px;}

#submenu ul li a { text-decoration: none; display: block; background-color: #E7E7E7 ; padding: 5px 10px;}

#submenu ul li a, #submenu ul li a, #submenu ul li a, #submenu ul li a {color: #1E3741!important;}

#content.emploi #submenu ul li a:hover, #content.emploi #submenu ul li.current_page_item a, #content.relais #submenu ul li a:hover, #content.relais #submenu ul li.current_page_item a,
#content.jardin #submenu ul li a:hover, #content.jardin #submenu ul li.current_page_item a,
#content.parcmob #submenu ul li a:hover, #content.parcmob #submenu ul li.current_page_item a, #content.atelier #submenu ul li a:hover, #content.atelier #submenu ul li.current_page_item a {color: #FFFFFF!important;}

#content.emploi #submenu ul li a:hover, #content.emploi #submenu ul li.current_page_item a {background-color: #1E3741;}
#content.relais #submenu ul li a:hover, #content.relais #submenu ul li.current_page_item a {background-color: #E10019;}
#content.jardin #submenu ul li a:hover, #content.jardin #submenu ul li.current_page_item a {background-color: #AFC832;}
#content.parcmob #submenu ul li a:hover, #content.parcmob #submenu ul li.current_page_item a {background-color: #00A5DC;}
#content.atelier #submenu ul li a:hover, #content.atelier #submenu ul li.current_page_item a {background-color: #F09619;}

/* Box Contact */


#contactbox {
    color: #FFFFFF;
    padding: 30px;
}

#contactbox h3 {
    color: #FFFFFF!important;
    margin: 0 0 40px 0;
}

#contactbox p.addresse {display: block; border-left: 4px solid #FFF; height: 48px; padding-left: 10px;}
#contactbox p.nom, #contactbox p.horaires span {font-weight: 500;}
#contactbox p.fonction {margin: 5px 0;}
#contactbox p.horaires {font-style: italic;}

#contactbox p.tel:before, #contactbox p.fax:before {font-family: FontAwesome; padding-right: 10px;}

#contactbox p.tel:before {content: '\f095 ';}
#contactbox p.fax:before {content: '\f02f ';}
#contactbox p.email a {color: #FFF;}

/* Map */

.mapp-layout {
    margin-bottom: 50px;
}

div.mapp-title {font-size: 18px; font-weight: 500;}


.hidden {display: none;}



/* Offres Emploi */


#offres .infos h3 {margin-top: 0;}

#offres .infos {margin-bottom: 20px;}

#emploi {padding: 50px 0;}
#emploi h2 {margin-top: 0;  text-align: center;}

#emploi .box {
    background-color: #FFF;
    padding: 20px;
}

#emploi .box h3 {margin-top: 0;}
#emploi .box p {margin: 5px 0;}

#emploi .box i.fa-map-marker {
    margin-left: 10px;
}

#offre ul li:before {
    font-family: FontAwesome;
    content: '\f0da';
    margin-right: 5px;
}

#offre ul li {margin-bottom: 10px;}

#offre .infos .col-3 a.button {
    float: right!important;
}

/* Responsive */


@media (max-width: 990px) {
    #activites .container .activite, #services .service.col-3, #content .activite.col-3 {
    width: 50%;
    margin-bottom: 30px;
  }

    #slide p, #slider p {padding: 10px 0!important;}

    .switch, #ensemblier-nav #group-nav ul li a.active {display: block !important;}
    
    #ensemblier-nav .container {padding:0;}
    
    #group-nav ul li a {display: none;}
    #group-nav ul li a.show {display: block;}
    
    a.drop {color: #E7E7E7; position: absolute; right: 20px; display: block; font-size: 30px; line-height: 45px; cursor: pointer;}
}

@media (min-width: 769px) and (max-width: 1200px) {
    #ensemblier-nav #group-nav ul li {width: auto; margin-right: 38px;}
    #ensemblier-nav #group-nav ul li:last-child {margin-right: 0;}
    #slide img.logo-ab {margin-top: 0;}
    #menu #navigation ul > li > a {padding: 10px 8px; font-size: 16px;}
    #menu #navigation ul > li {padding-left: 6px;}
    #menu #navigation {width: 70%;} 
}

@media (max-width: 768px) {    

    .col-9, .col-8, .col-7, .col-6, .col-5, .col-5-5, .col-4, .col-3, .col-2, .col-1, .wpcf7-form p.line1, .wpcf7-form p.line2, #content #submenu.col-3 {width: 100%!importante;}
  
    .sidebar {margin-left: 0;}
    #ensemblier-footer h4 {margin-top: 30px;}
    
    #slide {height: auto; padding: 100px 0;}
    #slide h1, #slider h1 {font-size: 30px; line-height: 40px;}

    #actus .article .date, #actus .col-4.article .date {position: absolute; width:80px; height: 105px; text-align: center; padding: 15px; color :#FFFFFF; right: 20px; top: 0;}

    #actus .article .date span.jour {font-size: 36px; margin-bottom: 10px;}
    #actus .article .date span.mois {font-size: 24px; line-height:18px; text-transform: uppercase;}
    #actus .article .date span.an {font-size: 22px; line-height: 30px;}
    

    #ensemblier-footer .col-2, .service.col-4 {width: 33.33333333%;}
     #liste-membres .col-3.membre, #liste-membre .membre.col-4, #content .activite.col-3, #texte.col-9 .col-3, #texte.col-9 .col-4, #texte.col-9 .col-6, #content .col-3, #content .col-6.recettes {width: 50%;}
    
    #submenu ul li {text-align: center;}
    
    #ensemblier-footer h4 {margin-top: 0;} 
    
    /* Mobile Menu */

    a.dropdown {color: #FFFFFF; float: right; display: block; font-size: 30px; line-height: 180px; cursor: pointer;}
    a:hover.dropdown {color: #E7E7E7;}
    
    #menu #logo {padding: 15px;}
    
    #menu {height: 180px;}
    .hidden-mobile {display: none !important;}
	.toggle {display: block !important;}
    #navigation ul li {display: inline-block; width: 100%; text-align: center; padding-left: 0; }
	#menu #navigation #menu-nav li {padding: 10px 0;}
	#navigation {float: none;}
	.menu-nav-container {position: absolute; top: 230px; left:0; display: none; width: 100%; z-index: 1;}

    #menu.emploi #navigation ul li {background-color: #1E3741;}
    #menu.relais #navigation ul li {background-color: #E10019;}
    #menu.jardin #navigation ul li {background-color: #AFC832;}
    #menu.parcmob #navigation ul li  {background-color: #00A5DC;}
    #menu.atelier #navigation ul li  {background-color: #F09619;}
    
    #ensemblier-nav #group-nav ul li {display: inline-block; width: 100%; text-align: center; padding-left: 0; }
    
    .logo_showcase button.slick-next, .logo_showcase button.slick-prev {display:none!important;}

}

@media (max-width: 480px) {
    #activites .container .activite, #ensemblier-footer .col-2, #services .col-3, #liste-membre .membre.col-4, #texte.col-9 .col-3, #texte.col-9 .col-4, #texte.col-9 .col-6, .service.col-4, #contactbox.col-4, #liste-membres .col-3.membre, #services .service.col-3, #activites .activite.col-3, #submenu.col-3, #content .activite.col-3, #content .col-6.recettes, #content .col-3 {width: 100%;}
    
    #actus .article .image .date span.jour, #blog .article .image .date span.jour, #blog-list .article .image .date span.jour {font-size: 24px; margin-bottom:0;}
    #actus .article .image .date span.mois, #blog .article .image .date span.mois, #blog-list .article .image .date span.mois {font-size: 16px; line-height: 20px; text-transform: uppercase;}
    #actus .article .image .date span.an, #blog .article .image .date span.an, #blog-list .article .image .date span.an {font-size: 15px; line-height: 16px;}
    #actus .article .date, #actus .col-4.article .date, #blog .article .image .date, #blog-list .article .image .date {position: absolute; width: 55px; height: 70px; text-align: center; padding: 5px; color :#FFFFFF; font-weight: 500; right: 10px; top:0; }
    
    #recette .infos span {margin-bottom: 10px;}

    
    #actus .article {margin-bottom: 30px;}
    .quote {padding: 0;}
    .quote p.citation {font-size: 30px ; line-height: 40px;}
    
    #slide {padding: 50px 0;}
    
    .visible-mobile {
        display: block!important;
    }
    
    .box-chiffre {margin: 10px 0;}
    
    #menu #logo { text-align: center; position: relative; max-height: 160px;}
    #menu #logo.jardin {max-width: 240px;}
    #menu #logo.atelier {max-width: 205px;}
    #menu #logo.emploi, #menu #logo.relais, #menu #logo.parcmob {max-width: 160px;}
    #ensemblier-footer .col-2 {padding-left: 30px;}
    
    #breadcrumb, .breadcrumb.separator {display: none;}
    #title {padding: 20px 0;}
    #content {padding: 25px 0;}
    
    #ensemblier-footer .col-2, #ensemblier-footer .col-3 {margin-bottom: 30px;}
    #ensemblier-footer .col-2:last-child, #blog-list .col-6.article:last-child, #actus .col-4.article:last-child {margin-bottom: 0;}
    #credits #footer-nav {margin-top: 10px; float: left;}
    
    #blog-list .col-6.article, #actus .col-4.article {min-height: 0;}
    #slider h2 {font-size: 34px;}
    #slider p {margin: 0;}
    #slider .flexslider .slides li { min-height: 500px;}

}