@charset "UTF-8";

/* CSS Document */
.products_List h3 {
    text-align: center;
}

@font-face {
    font-family: 'Impregnable';
    src: url('../fonts2/Impregnable_Personal_Use_Only.ttf');
}

/*Style N° 01*/
@font-face {
    font-family: 'title1';
    src: url('../fonts3/hotpizza.ttf');
}

@font-face {
    font-family: 'Frenchpress_freefont';
    src: url('../fonts3/Frenchpress_freefont.otf');
}

@font-face {
    font-family: 'BaskervilleBoldBT';
    src: url('../fonts3/BaskervilleBoldBT.ttf');
}


/*Style N° 02*/
@font-face {
    font-family: 'The_Brownies';
    src: url('../fonts3/The_Brownies.otf');
}

@font-face {
    font-family: 'Phosph09';
    src: url('../fonts3/Phosph09.ttf');
}

@font-face {
    font-family: 'MOD20';
    src: url('../fonts3/MOD20.TTF');
}

@font-face {
    font-family: 'canadian';
    src: url('../fonts3/canadian.ttf');
}


/*** Montserrat ****/

@font-face {

    font-family: MontserratRegular;
    src: url('../fonts/Montserrat/Montserrat-Regular.otf');
    src: url('../fonts/Montserrat/Montserrat-Regular.otf?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat/Montserrat-Regular.woff') format('woff'),
        url('../fonts/Montserrat/Montserrat-Regular.ttf') format('truetype')
}

@font-face {

    font-family: MontserratBold;
    src: url('../fonts/Montserrat/Montserrat-Bold.otf');
    src: url('../fonts/Montserrat/Montserrat-Bold.otf?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat/Montserrat-Bold.woff') format('woff'),
        url('../fonts/Montserrat/Montserrat-Bold.ttf') format('truetype')
}

@font-face {

    font-family: MontserratLight;
    src: url('../fonts/Montserrat/Montserrat-Light.otf');
    src: url('../fonts/Montserrat/Montserrat-Light.otf?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat/Montserrat-Light.woff') format('woff'),
        url('../fonts/Montserrat/Montserrat-Light.ttf') format('truetype')
}

@font-face {
    font-family: aaarghnormal;
    src: url('../fonts/aaargh/Aaargh.eot');
    src: url('../fonts/aaargh/Aaargh.eot?#iefix') format('embedded-opentype'),
        url('../fonts/aaargh/Aaargh.woff') format('woff'),
        url('../fonts/aaargh/Aaargh.ttf') format('truetype');

}

@font-face {
    font-family: 'milkshakeregular';
    src: url('../fonts/milkshake-webfont.woff2') format('woff2'),
        url('../fonts/milkshake-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


/*** Montserrat ****/


.bannerBlock .layers h1 {
    /*font-family: 'canadian' !important;*/
    font-family: 'aaarghnormal' !important;
}

.header h2 {
    /*font-family: 'Phosph09' !important;
    font-family: 'MontserratRegular' !important;
    font-weight: 600;*/
}

.productsList .product_item h2 {
    /*font-family: 'MOD20' !important;*/
    font-family: 'MontserratRegular' !important;
    font-size: 16px !important;
}


.astuce_h1 {
    font-family: 'Impregnable';

}

html {
    height: 100%;
}

body {
    margin: 0;
    /*font-family: 'ralewayregular';*/
    font-family: 'MontserratRegular';
    font-size: 16px !important;
    line-height: 25px;
    text-align: justify;
    color: #000 !important;
    min-height: 100%;
    position: relative;
}

.fullpage {
    min-height: calc(100vh - 200px) !important;
}

#home {
    display: block;
}

header#home .container {
    text-align: center;
}

#phone {
    display: none;
}


header,
section,
footer,
article,
aside {
    display: block;
}

a {
    color: inherit;
    text-decoration: none;
    transition: 0.5s;
    -o-transition: 0.5s;
    -webkit-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
}

h1,
h2,
h3,
h4,
h5 {
    font-weight: normal;
    /*font-family: 'milkshakeregular';*/
    font-family: "MontserratRegular";
}

.wrapper {
    width: 100%;
    height: 100%;
    margin: auto;
    overflow: hidden;
    text-align: left;
}

.container {
    width: 95%;
    max-width: 1200px;
    margin: auto;
    position: relative;
}

header#home {
    width: 100%;
    height: 100px;
    z-index: 9999;
    background: url(../img/bg-header.gif) repeat-x;
    border-bottom: solid 3px #F7A940;
    position: fixed;
    top: 0;
    left: 0;
}

header#home .logo {
    /*display: table;
    vertical-align: middle;
    height: 100px;
    line-height: 100px;
    margin: auto;*/
    float: left;
    margin-top: 1px;
    width: 90px;


}

header#home .logo a {
    display: table-cell;
    vertical-align: middle;
    line-height: 1;
}

header#home .logo a img {
    display: block;
    border: none;
    margin: auto;
}

header#home .showMenu {
    position: absolute;
    top: 25px;
    left: 10px;
}

header#home .showMenu a,
header#home .searchMenu a {
    display: block;
}

header#home .showMenu div {
    width: 10px;
    height: 2px;
    background: #FFF;
    margin: 10px 0;
}

header#home .searchMenu {
    /*    position: absolute;
    top: 30px;
    right: 20px;*/

    float: right;
    margin-top: 30px;
}

header#home .searchMenu img {
    display: block;
}

header#home .searchBar {
    width: 100%;
    height: 100px;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    display: none;
}

header#home .searchBar form {
    margin: 0;
    padding: 40px 0;
}

header#home .searchBar .input {
    height: 45px;
    line-height: 45px;
    position: relative;
    width: 80%;
    margin: auto;
    padding: 0 25px;
    background: #FFF;
    border: solid #cacaca 1px;
    border-radius: 45px;
    -moz-border-radius: 45px;
    -webkit-border-radius: 45px;
    -o-border-radius: 45px;
}

header#home .searchBar input {
    display: block;
    width: 100%;
    height: 45px;
    line-height: 45px;
    padding: 0 5px;
    border: none;
    box-sizing: border-box;
}

header#home .searchBar form a {
    display: block;
    height: 45px;
    line-height: 45px;
    position: absolute;
    top: 0;
    right: 20px;
    margin-right: 5px;
    font-size: 22px;
    color: #B71C28;

}

header#home .searchBar a.close {
    display: block;
    height: 45px;
    line-height: 45px;
    color: #FFF;
    font-size: 30px;
    position: absolute;
    top: 40px;
    right: 30px;
}

header#home .top_nav {
    /*line-height: 100px;*/
    display: inline-block;
    margin: 0 auto;
    width: 729px;
}

header#home nav {
    background: rgba(0, 0, 0, 0);

    /*    width: 0;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;*/

    text-align: left;
    text-transform: uppercase;
    font-size: 73%;
    box-sizing: border-box;
    font-family: 'MontserratRegular';
    transition: 0.5s;
    -o-transition: 0.5s;
    -webkit-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
}

header#home nav .content {
    /*    width: 300px;
    left: -300px;
    padding: 20px 0;
    background: #B71C28;
    overflow: auto;*/

    height: 100%;
    margin: 0;
    margin-top: 40px;


    box-sizing: border-box;
    position: relative;

    padding-bottom: 15px;

    color: #FFF;
    transition: 0.5s;
    -o-transition: 0.5s;
    -webkit-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
}

header#home nav .closeButton {
    display: block;
    font-size: 25px;
    margin: 0 0 20px 10px;
    line-height: normal;
}

header#home nav ul {
    /*    margin: 0;
    padding: 0;*/
    list-style-type: none;
    width: auto;
    padding-left: 15px;
}

header#home nav ul li {
    /*display: block;*/
    display: inline-block;
    margin: 0;
    line-height: normal;
    position: relative;
}

header#home nav ul li a {
    display: block;
    padding: 5px 8px;
    border-bottom: 0;
    line-height: normal;
    color: #FFF;
    position: relative;
    height: auto;
}

header#home nav ul li a span {
    position: relative;
}


header#home nav ul li.active a:before {

    display: block;
    content: url(../img/navactive.png);
    width: 0;
    height: 100%;
    position: absolute;
    top: -15px;
    left: 40%;
    background: #F7A940;
    transition: 0.5s;
    -o-transition: 0.5s;
    -webkit-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
}

header#home nav ul li a:hover {

    color: #F7A940;
}


/*header#home nav ul li a:hover:before {
    display: block;
    content: url(../img/navactive.png);
    width: 0;
    height: 100%;
    position: absolute;
    top: -15px;
    left: 40%;
    background: #F7A940;
    transition: 0.5s;
    -o-transition: 0.5s;
    -webkit-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
}*/

/*
header#home nav ul li a:hover:before {
    width: 100%;
}
*/

/*header#home nav ul li a:hover {
    background: none;
    color: inherit;
}*/

header#home nav .socialLink {
    font-size: 20px;
}

header#home nav ul.subMenu {
    visibility: hidden;
    opacity: 1;
    min-width: 5rem;
    position: absolute;
    /*transition: all 0.5s ease;*/
    left: -25%;
    display: none;
    width: 250px;
    padding: 0;
    /*padding-left: 10px;*/
}

header#home nav ul.subMenu li {
    /*    height: auto;
    border: none;*/
    clear: both;
    width: 100%;

    background: #F7A940;
    padding: 3px 3px;
}

header#home nav ul.subMenu li a {
    width: 77%;
    height: auto;
    line-height: normal;
    padding: 5px 0px;
    color: #fff;
    text-align: center;
    margin: 0 auto;
}

header#home nav ul.subMenu li a {

    border-bottom: 1px solid #eeeeee;
}


header#home nav ul.subMenu li:last-child>a {
    border-bottom: none;
}

header#home nav ul.subMenu li a:before {
    display: none;
}

header#home nav ul.subMenu li a:hover {
    height: inherit;
    background: none;
    color: #C31F24;
}

header#home nav ul.subMenu li.active a {

    color: #C31F24;
    font-weight: 600;
}


header#home nav ul li:hover>ul.subMenu {
    visibility: visible;
    opacity: 1;
    display: block;
}

header#home nav ul li:hover>ul.subMenu li {
    clear: both;
    width: 100%;
}

header#home nav ul.subMenu li a:before,
header#home nav ul.subMenu li a:before {
    display: none;
}

header#home nav ul.subMenu ul {
    margin-left: 20px;
    font-size: 13px;
}

header#home nav ul.subMenu ul ul {
    text-transform: none;
}

header#home nav ul.subMenu ul ul li+li {
    margin-top: 2px;
}

header#home nav.show {
    display: block;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
}

header#home nav.show .content {
    left: 0;
}


.slider {
    width: 100%;
    height: 620px;
    margin: auto;
    margin-top: 100px;
    position: relative;
}

.slider .banner {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
}

.slider .banner .item {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../img/banner01.jpg) top center no-repeat;
    background-size: cover;
}

.slider .banner .item img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.slider .layers .content {
    width: 100%;
    color: #FFF;
    text-align: right;
    padding: 0 30px 30px 0;
    position: absolute;
    bottom: 0;
}

.slider .layers h1 {
    font-size: 32px;
    line-height: 42px;
    font-family: 'oswaldlight';
    margin-top: 250px;
    text-align: right;
    background: rgba(180, 24, 37, 0.7);
    padding: 20px;
    box-sizing: border-box;
}

.slider .layers p {
    font-size: 23px;
    display: inline-block;
    width: auto;
    text-align: center;
    margin: 0 0 10px 0;
    font-family: 'oswaldlight';
    background: rgba(180, 24, 37, 0.7);
    padding: 20px;
    box-sizing: border-box;
}

.bande_slider {
    background: #F8A941;
    color: #FFF;
    padding: 20px 0;
    text-align: center;
    margin-top: 100px;
}

.bande_slider h1,
.bande_slider h2 {
    font-size: 32px;
    line-height: 36px;
    text-align: center;
    margin: 0;
}

.bande_slider p {
    font-size: 20px;
    line-height: 32px;
    letter-spacing: 1px;
}

.bannerBlock {
    width: 100%;
    height: auto;
    margin: auto;
    margin-top: 100px;
    position: relative;
}

.bannerBlock .banner {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
}

.bannerBlock .placeHolder {
    display: block;
    width: 100%;
    visibility: hidden;
}

.bannerBlock .banner .item {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.bannerBlock .banner .item+.item {
    display: none;
}

.bannerBlock .banner .item img {
    display: block;
    width: 100%;
}

.bannerBlock .banner .item .text {
    width: 100%;
    position: absolute;
    bottom: 170px;
    text-align: center;
    color: #FFF;
    text-shadow: 1px 1px 3px #000;
}

.bannerBlock .banner .item h2 {
    font-size: 50px;
    text-transform: none;
    color: #FFF;
}

.bannerBlock .banner .item h3 {
    font-size: 30px;
    font-family: 'ralewaylight';
    color: #FFF;
}

.bannerBlock .dots {
    width: 100%;
    position: absolute;
    bottom: 10px;
    text-align: right;
    padding: 0 30px;
    box-sizing: border-box;
}

.bannerBlock .dots a {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: #FFF;
    border: solid 3px #6eb442;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
}

.bannerBlock .dots a+a {
    margin-left: 5px;
}

.bannerBlock .dots a:hover,
.bannerBlock .dots a.current {
    background: #6eb442;
    border: solid 3px #FFF;
}

.bannerBlock .arrows {
    width: 100%;
    position: absolute;
    top: 47%;
}

.bannerBlock .arrows a {
    display: block;
    color: #FFF;
    font-size: 50px;
    margin: 0 13px;
}

.bannerBlock .arrows a.previous {
    float: left;
}

.bannerBlock .arrows a.next {
    float: right;
}

.bannerBlock .arrow {
    width: 62px;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 20px;
}

.bannerBlock .arrow a {
    color: #FFF;
    font-size: 50px;
    text-shadow: 0 0 20px #000;
}

.bannerBlock .logo {
    display: inline-block;
    padding: 10px 20px;
    background: rgba(255, 255, 255, 0.6);
    position: absolute;
    top: 20px;
    left: 20px;
}

.bannerBlock .layers {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.bannerBlock .layers .one_half {
    height: 100%;
    display: table;
}

.bannerBlock .layers .content {
    color: #FFF;
    display: table-cell;
    vertical-align: middle;
    padding: 20px;
    box-sizing: border-box;

}

.bannerBlock .layers .box {
    background: rgba(0, 0, 0, 0.5);
    padding: 30px;
    margin-left: 50px;
}

.bannerBlock .layers h1 {
    font-size: 29px;
    line-height: 40px;
    font-family: 'milkshakeregular';
    text-align: center;
    padding: 0;
    box-sizing: border-box;
    margin: 0;
}

.bannerBlock .layers p {
    font-size: 19px;
    display: inline-block;
    width: auto;
    text-align: center;
    margin: 0 0 10px 0;
    font-family: 'oswaldlight';
}

.bannerBlock .buttonLink {
    margin: 10px 0;
    position: relative;
    z-index: 1000;
}


.page_title {
    margin: 100px 0 0 0;
    padding: 20px 0 40px 0;
    position: relative;
    height: auto;
}

.searchpage .page_title {
    padding: 20px 0 10px 0;
}

.searchpage h1 {
    margin-bottom: 0 !important;
}

.page_title .back_img {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
}

.page_title .back_img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.page_title .container {
    position: relative;
}

.page_title .nav {
    text-align: center;
    margin-top: 25px;
}

.page_title .nav a {
    display: inline-block;
    color: #FFF;
    text-transform: uppercase;
    font-size: 15px;
    background: #F7A940;
    border-bottom: solid 3px #ca872e;
    padding: 5px 30px;
}

.page_title .nav ul li.active a,
.page_title .nav a:hover {
    /*background: #ca872e;*/
    background: #c31f24;
    border-bottom: solid 3px #F7A940;
}

.products_nav_content .nav li.active .subMenu li a {

    background: #f7a940 !important;
    color: #FFF !important;
    border-bottom: none !important;
}


.page_title .nav a+a {
    margin-left: 10px;
}

.page_title .breadcrumb {
    width: 100%;
    font-family: 'oswaldlight';
    list-style-type: none;
    margin: 0;
    padding: 0 0 20px 0;
    font-size: 12px;
    color: #FFF;
    border: none;
    text-align: center;
    margin-top: 30px;
}

.page_title .breadcrumb li {
    display: inline-block;
    text-shadow: none;
}

.page_title .breadcrumb li+li:before {
    padding: 0 8px;
    color: #bd0926;
    font-size: 12px;
    content: "";
    font-family: 'FontAwesome';
}

.page_title .breadcrumb a {
    color: #FFF
}

.page_title .breadcrumb a:hover {
    color: #F8A941
}

.page_title h1 {
    font-size: 55px;
    line-height: 90px;
    margin: 0;
    font-family: 'milkshakeregular';
    /*font-family: "MontserratRegular";*/
    text-align: center;
    color: #FFF !important;
}

.page_title h1.blackTitle {
    color: #000;
}

.page_title .bande_slider {
    background: none;
}

article {
    margin: 50px 0;
}

article p {
    margin: 0 0 10px 0;
    /*color: #b71c28;*/
    color: #f7a940;
    text-transform: uppercase;
}

article p+p {
    margin-top: 10px;
}

article+article {
    margin-top: 35px;
}

article a:hover {
    color: #bd0926;
}

p a {
    color: #48b3dd;
}

article.one_half+article {
    margin-top: 0;
}

.header {
    margin: 30px 0 25px 0;
}

.header h1,
.header h2 {
    font-size: 26px;
    line-height: 40px;
    text-align: center;
    color: #000;
    margin: 30px 0 10px 0;
    font-family: 'aaarghnormal';
}

.header p {
    text-align: center;
    font-size: 20px;
    color: #000;
    margin-bottom: 0;
}

article h2 {

    color: #000;
    margin: 0 0 20px 0;
    padding: 0;
    overflow: hidden;
}

article h3 {
    font-size: 30px;
    line-height: 20px;
    text-transform: uppercase;
    color: #22353c;
    margin: 40px 0 80px 0;
    padding: 0;
    /*font-family: 'oswaldlight';*/
    font-family: "MontserratRegular";
}



article h3:not(:nth-child(1)) {

    margin-top: 40px;
}


section.divided {
    background: #EFEFEF;
    padding: 20px 0;
}

section.divided .container {
    padding-bottom: 30px;
}

.divided .box {
    margin: 0 20px;
    box-shadow: 0 0 5px #CCC;
    background: #FFF;
    padding: 40px 30px;
}

/*icon_boxes*/
.icon_boxes {
    margin-top: 90px;
}

.icon_boxes .icon_box {
    margin: 0 10px;
    text-align: center;
    position: relative;
    background: #DDD;
}

.icon_boxes .icon_box .icon {
    width: 150px;
    height: 150px;
    line-height: 150px;
    margin: auto;
    font-size: 80px;
    background: #FFF;
    color: #bd0926;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    position: absolute;
    top: -75px;
    left: 0;
    right: 0;
}

.icon_boxes .icon_box figure img {
    display: block;
    max-width: 100%;
}

.icon_boxes .icon_box .desc {
    padding: 90px 15px 15px 15px;
    font-size: 12px;
}

.icon_boxes .icon_box .desc h3 {
    text-transform: uppercase;
    font-family: 'oswaldlight';
    margin: 0 0 5px 0;
    color: #F8A941;
    text-align: center;
}

/*end of icon_boxes*/

/*Features*/
.features {
    margin: 50px 0;
}

.featureItem {
    padding: 0 10px;
    margin-bottom: 20px;
}

.featureItem figure {
    width: 100%;
    margin: 0;
    padding: 0;
}

.featureItem figure img {
    display: block;
    width: 100%;
}

.featureItem figcaption {
    padding: 10px;
    background: #F8A941;
    color: #FFF;
    font-size: 12px;
    text-align: justify;
}

.featureItem figcaption h2 {
    text-transform: uppercase;
    font-family: 'oswaldlight';
    margin: 0 0 5px 0;
    color: #FFF;
    text-align: center;
}

.featureItem .title {
    text-align: center;
    font-family: 'oswaldlight';
    text-transform: uppercase;
    color: #F8A941;
    font-size: 22px;
    margin-bottom: 20px;
}

.featureItem h3 {
    color: #000;
    line-height: 1;
    text-align: center;
    font-weight: bold;
}

.featureItem h4 {
    margin: 0;
    line-height: 1;
    padding: 0;
    color: #bd0926;
}

/*end of Features*/


/* apropos */

.apropos li,
.nosmission h2 {
    color: #f7a940;
}

.apropos p,
.nosmission p {
    color: #000;
    text-transform: none;
}


/*end of apropos*/


/*products*/
.products nav {
    font-size: 13px;
    text-transform: uppercase;
    text-align: left;
    font-family: 'oswaldlight';
    margin: 50px 0;
}

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

.products nav li {
    display: inline-block;
    text-align: center;
    margin: 0 10px 5px 0;
}

.products nav li a {
    display: block;
    height: 40px;
    line-height: 40px;
    position: relative;
    color: #000;
}

.products nav li a .icon {
    float: left;
    width: 40px;
    height: 40px;
    border: solid 1px #00AEDF;
    background: #00AEDF;
    padding: 5px;
    box-sizing: border-box;
}

.products nav li a .icon img {
    display: block;
    max-width: 100%;
}

.products nav li a .title_link {
    position: relative;
    padding: 0 10px;
    border: solid 1px #00AEDF;
    box-sizing: border-box;
    height: 40px;
    line-height: 40px;
}

.products nav li a .icon+.title_link {
    margin-left: 40px;
}

.products nav li a .title_link .text {
    position: relative;
}

.products nav li a .hover {
    display: block;
    height: 100%;
    width: 0;
    position: absolute;
    left: 0;
    top: 0;
    background: #00AEDF;
    transition: 0.3s;
    -o-transition: 0.3s;
    -webkit-transition: 0.3s;
    -ms-transition: 0.3s;
    -moz-transition: 0.3s;
}

.products nav li a:hover,
.products nav li a.activ {
    color: #FFF;
}

.products nav li a:hover .hover,
.products nav li a.activ .hover {
    width: 100%;
}

.products article {
    position: relative;
}

/*.products h1 {
    font-size: 30px;
    color: #22353c;
    text-align: center;
    margin-bottom: 60px;
    text-transform: uppercase;
}*/

.title_categorie h3,
.products h1,
.products h1.titre-laitiers,
.products h1.titre {

    text-align: center;
    text-transform: inherit;
    font-family: milkshakeregular;
    color: #aa1517;
    font-size: 50px;
    margin-bottom: 60px;
}


.searchPage .title:before,
.searchPage .title:after {
    border: none;
}

.title_categorie {
    text-align: center;
    margin-top: 20px;
}

/*
.title_categorie h3 {
    color: #22353c;
    font-family: 'MontserratRegular';
    font-size: 30px;
}
*/

.productsList {
    width: 100%;
    max-width: 1280px;
    margin: auto;
}

.productsList .one_third,
.productsList .one_half {
    padding: 10px;
    box-sizing: border-box;
}

.productsList .product_item {
    width: 100%;
    position: relative;
    box-sizing: border-box;
}

.productsList .product_item+.product_item {
    margin-top: 20px;
}

.productsList .product_item a {
    display: block;
    background: #FFF;
    padding: 9px;
    /*box-shadow: 0 0 5px #CCC;*/
    position: relative;
    border: 1px solid #ccc;
}

.productsList .product_item .img {
    display: block;
    height: 200px;
    overflow: hidden;
    background: #FFF;
}

.productsList .product_item.left_item .img {
    height: 400px;
}

.productsList .product_item.right_item .img {
    height: 180px;
}

.productsList .product_item .img img {
    display: block;
    border: none;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.productsList .product_item .details {
    padding: 0 20px;
    color: #504f52;
    font-size: 15px;
}

.productsList .product_item h2 {
    font-size: 21px;
    padding: 10px;
    margin: 0;
    text-align: left;
    font-family: 'oswaldlight';
    text-transform: uppercase;
    position: absolute;
    bottom: 20px;
    left: 20px;
    background: #f7a940;
    border-bottom: solid 3px #ca872e;
    color: #FFF;
    transition: 0.3s;
    -o-transition: 0.3s;
    -webkit-transition: 0.3s;
    -ms-transition: 0.3s;
    -moz-transition: 0.3s;
}

.productsList .product_item h2:hover {
    /*background: #b71c28;
    border-bottom: solid 3px #7e1119;*/
    border-bottom: solid 3px #f7a940;
    background: #c31f24;
}

.productsList .product_item .new {
    display: block;
    width: 75px;
    height: 75px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    background: #F7A940;
    color: #FFF;
    font-family: 'oswaldlight';
    line-height: 75px;
    text-align: center;
    font-size: 20px;
    position: absolute;
    top: 5px;
    right: 5px;
}


.productBanner {
    width: 100%;
    height: 400px;
    margin: auto;
    position: relative;
}

.bannerWrapper {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}

.productBanner .item {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.productBanner .item+.item {
    display: none;
}

.productBanner .item .img {
    width: 50%;
    height: 100%;
    float: left;
    overflow: hidden;
}

.productBanner .item .img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.productBanner .item .text_content {
    width: 50%;
    float: left;
    padding: 30px;
    box-sizing: border-box;
}

.productBanner .arrows {
    position: absolute;
    top: 20px;
    right: 20px;
}

.productBanner .arrows a {
    display: inline-block;
    width: 30px;
    height: 30px;
    border: solid 1px #00AEDF;
    text-align: center;
    line-height: 30px;
    font-size: 15px;
}

.productBanner .arrows a:hover {
    background: #00AEDF;
    color: #FFF;
}

.color1 .productBanner h3 {
    color: #00AEDF;
}

section.nos_produits {
    margin: 0;
}

.nos_produits .TiltleCat a {
    display: inline-block;
    color: #FFF;
    text-transform: uppercase;
    font-size: 15px;
    background: #F7A940;
    border-bottom: solid 3px #ca872e;
    padding: 5px 30px;
}

.nos_produits .TiltleCat a:hover {
    background: #c31f24;
    border-bottom: solid 3px #F7A940;
}

.nos_produits .subCat li a:hover {
    border-bottom: 1px solid #fff;
}

.cat-produits-page .one_fourth {
    position: relative;
    width: 288px;
    float: none;
    display: inline-block;
}

.cat-produits-page .one_fourth a {

    position: absolute;
    color: #aa1517;
    font-family: milkshakeregular;
    text-decoration: none;
    text-transform: initial;
    font-size: 35px;
    background-color: rgba(247, 169, 64, 0.8);
    max-width: 300px;
    max-height: 300px;
    width: 286px;
    height: 25px;
    margin: 0;
    left: 50%;
    top: 49%;
    transform: translate(-50%, -50%);
    padding: 126px 0px;
    transition: ease-out 0.3s;
}

.cat-produits-page .one_fourth a:hover {
    background-color: rgba(247, 169, 64, 0.2);
    color: #000;
}


.cat-produits-page .one_fourth img {
    max-width: 285px;
    max-height: 275px;
}



.products_nav {
    width: 100%;
    height: auto;
    position: relative;
    padding: 30px 0;
    background: url(../img/blackboard.jpg) no-repeat fixed center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    color: #FFF;
    text-align: center;
}

.products .products_nav {
    width: 100%;
    height: auto;
    position: relative;
    padding: 30px 0;
    margin-top: 100px;
    background: url(../img/blackboard2.jpg) no-repeat fixed center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    color: #FFF;
    text-align: center;
}

.products_nav .header {
    margin: 0 0 30px 0;
}

.products_nav .header h2 {
    color: #FFF;
    font-family: 'oswaldlight';
    font-size: 30px;
    line-height: 40px;
    margin: 0;
}

.products_nav:before {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    left: 0;
}

.products_nav_content {
    position: relative;
}

.products_nav_content .products_nav_list {
    list-style-type: none;
    margin: 0;
    padding: 0 10px;
    font-family: 'oswaldlight';
    font-size: 29px;
    line-height: 35px;
}

.products_nav_content .products_nav_list ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    font-family: 'oswaldlight';
    font-size: 22px;
    line-height: 40px;
}

.products_nav_content .products_nav_list a:hover {
    color: #F7A940;
}

.products_nav_content .nav ul {
    list-style-type: none;
}

.products_nav_content .nav ul li {
    display: inline-block;
    position: relative;
}

.products_nav_content .nav ul li+li {
    margin-left: 10px;
}

.products_nav_content .nav .subMenu {
    display: none;
    position: absolute;
    left: 0;
    top: 37px;
    width: 250px;
    font-size: 13px;
    z-index: 1000;
    background: #f7a940;
    margin: 0;
    padding: 0;
}

.products_nav_content .nav .subMenu li {
    display: block;
    margin: 0;
    height: auto;
    text-align: left;
}

.products_nav_content .nav .subMenu li+li {
    border-top: solid #FFF 1px;
    background: none;
}

.products_nav_content .nav .subMenu li a {
    display: block;
    width: 230px;
    height: auto;
    line-height: 22px;
    padding: 5px 10px;
    border: none;
}

.products_nav_content .nav li .subMenu li a:hover {
    background: #FFF !important;
    color: #f7a940 !important;
}

.products_nav_content .nav ul li:hover>.subMenu {
    display: block;
}

.products_List {
    width: 100%;
    /*max-width: 850px;*/
    margin: auto;
    text-align: center;
}

.list_of_product {

    padding: 5px;
}

.itm-prod {

    height: 300px;
    margin-bottom: 10px;
    padding: 0 10px;
    float: none !important;
    display: inline-block;
    width: 24.7% !important;
    position: relative;
}

.products_List .one_third {
    padding: 20px;
    height: 333px;
}

/*.products_List .one_third:nth-child(3n+4){ clear: both; }*/

.products_List .item {
    /*    position: absolute;
    bottom: 0;*/
}

.products_List .item .img {
    margin-bottom: 20px;
}

.products_List .item .img img {
    display: block;
    max-width: 100%;
    margin: auto;
    max-height: 214px;
    max-width: 280px;
}

.products_List .item .text_content {
    text-align: center;
    font-size: 13px;
    line-height: 15px;
}

.products_List .item h2 {
    color: #b71c28;
    margin: 0 0 5px 0;
    text-align: center;
    font-size: 14px;
    line-height: 22px;
    text-transform: uppercase;
    font-weight: 600;
    font-family: "MontserratLight";
}

.products_List .item h3 {
    color: #f7a940;
    margin: 0 0 10px 0;
    text-align: center;
    font-size: 15px;
    line-height: 17px;
}


/**** showmore ***/

.showmore {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    text-align: center;
    /*background-image: url(../img/blackboard2.jpg);
    padding: 10px 0;
    background-position: left;
    background-color: #f7a940;
    background-size: cover;*/

    border-top: 2px solid #f7a940;
    margin-bottom: 15px;
}

.showmore h1 {
    font-size: 35px;
    /*color: #aa1517;*/
    color: #f7a940;
    font-family: milkshakeregular;
    margin-bottom: 30px;
}


.showmore .moreitem {
    display: inline-block;
    width: 300px;
}

.showmore .moreitem img {
    max-width: 250px;
    max-height: 250px;
    min-width: 250px;
    min-height: 250px;
    width: 100%;
    height: 100%;
}


.showmore .moreitem a {
    text-decoration: none;
    color: #f7a940;
    font-size: 20px;
    text-transform: uppercase;
}


/**** end showmore ***/



.products_more {
    text-align: center;
}

.products_more .item {
    width: 300px;
    display: inline-block;
}

.products_more .item a {
    display: block;
    padding: 20px;
}

.products_more .item img {
    display: block;
    border: none;
    max-width: 100%;
    margin-bottom: 10px;
}

.products_more .item h2 {
    color: #b71c28;
    font-size: 15px;
    line-height: 19px;
    text-transform: uppercase;
}


.categorieBlock {
    position: fixed;
    top: 100px;
    right: 0;
    display: none;
}

.categorieBlock .title {
    width: 150px;
    height: 100px;
    line-height: 100px;
    padding: 0 10px;
    box-sizing: border-box;
    position: absolute;
    right: 20px;
    top: 0;
}

.categorieBlock .title h2 {
    color: #FFF;
    font-size: 23px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
    width: 100%;
    margin: 0;
}

.categorieBlock .box1 {
    width: 20px;
    height: 20px;
    position: absolute;
    right: 170px;
    top: 100px;
}

.categorieBlock .box2 {
    width: 20px;
    height: 40px;
    position: absolute;
    right: 0;
    top: 100px;
}

.categorieBlock.surgeles .title,
.categorieBlock.surgeles .box1,
.categorieBlock.surgeles .box2 {
    background: #26ade4;
}

.categorieBlock.frais .title,
.categorieBlock.frais .box1,
.categorieBlock.frais .box2 {
    background: #1db891;
}

.categorieBlock.secs .title,
.categorieBlock.secs .box1,
.categorieBlock.secs .box2 {
    background: #f7a940;
}

.categorieBlock.poulet_pane .title,
.categorieBlock.poulet_pane .box1,
.categorieBlock.poulet_pane .box2 {
    background: #a71a20;
}

.categorieBlock.steak_hache .title,
.categorieBlock.steak_hache .box1,
.categorieBlock.steak_hache .box2 {
    background: #9f164e;
}

.categorieBlock.frites .title,
.categorieBlock.frites .box1,
.categorieBlock.frites .box2 {
    background: #f57921;
}

.categorieBlock.poissons .title,
.categorieBlock.poissons .box1,
.categorieBlock.poissons .box2 {
    background: #00adef;
}

.categorieBlock.legumes .title,
.categorieBlock.legumes .box1,
.categorieBlock.legumes .box2 {
    background: #3ab54a;
}

.categorieBlock.tapas .title,
.categorieBlock.tapas .box1,
.categorieBlock.tapas .box2 {
    background: #a94a9c;
}

.categorieBlock.desserts .title,
.categorieBlock.desserts .box1,
.categorieBlock.desserts .box2 {
    background: #ef207b;
}

.categorieBlock.laitiers .title,
.categorieBlock.laitiers .box1,
.categorieBlock.laitiers .box2 {
    background: #00549d;
}

.categorieBlock.legumes_marines .title,
.categorieBlock.legumes_marines .box1,
.categorieBlock.legumes_marines .box2 {
    background: #f6aa16;
}

.categorieBlock.anchois .title,
.categorieBlock.anchois .box1,
.categorieBlock.anchois .box2 {
    background: #15b792;
}

.products_List.anchoisList {
    /*max-width: 950px;*/
    text-align: center;
    vertical-align: top;
}

.anchois_item {
    width: 25%;
    display: inline-block;
    padding: 20px;
    vertical-align: top;
}

.categorieBlock.tartinades .title,
.categorieBlock.tartinades .box1,
.categorieBlock.tartinades .box2 {
    background: #4b3b94;
}

.categorieBlock.sauces .title,
.categorieBlock.sauces .box1,
.categorieBlock.sauces .box2 {
    background: #ed1b24;
}


.more_products {
    display: block;
    width: 150px;
    text-align: center;
    color: #f7a940;
    font-size: 22px;
    text-transform: uppercase;
    padding: 10px 0;
    margin: 50px auto;
}

.posts .loader {
    text-align: center;
    margin: 20px 0;
    font-size: 50px;
    color: #b71c28;
    display: none;
}

/*end of products*/

/*recettes*/
.recette_List {
    width: 100%;
    margin: auto;
}

.recette_List .item+.item {
    margin-top: 50px;
}

.recette_List .item .img,
.recette_List .item .text_content {
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 10px;
    position: relative;
    text-align: justify;
}

.recette_List .item .img img {
    display: block;
    max-width: 100%;
    border: solid 3px #f7a940;
}

.recette_List .item h2 {
    color: #b71c28;
    margin: 0 0 30px 0;
    text-align: center;
    padding-left: 35%;
}

.recette_List .item h2 span:before {
    content: "";
    background-image: url(../img/iconrecett.png);
    position: absolute;
    top: -11px;
    left: -75px;
    background-repeat: no-repeat;
    background-size: 65px 43px;
    width: 100px;
    height: 100px;
}

.recette_List .item h2 span {
    display: inline-block;
    border-bottom: 2px solid #F7A940;
    padding-bottom: 5px;
    position: relative;
    margin: 25px 0px 25px 85px;
}


.recette_List .item h3 {
    color: #f7a940;
    margin: 0;
    /*font-family: 'milkshakeregular';*/
    font-family: "MontserratRegular";
    text-transform: none;
    font-size: 23px;
}

.recette_List .text_content .one_half {
    padding-right: 25px;
}

.recette_List .item .simpleList {
    margin-top: 0;
}

/*end of recettes*/

/*services*/
.services .serviceItem {
    margin: 20px 0;
    padding: 10px;
}

.services .serviceItem+.serviceItem {
    border-top: solid 1px #F7A940;
}

.services .serviceItem .icon {
    float: left;
    font-size: 50px;
    color: #F7A940;
}

.services .serviceItem .details {
    margin-left: 80px;
}

/*end of services*/


/*gammes*/
.gammes {
    margin: 50px 0;
}

.gammes .gammes_item {
    padding: 30px 70px;
    box-sizing: border-box;
}

.gammes .gammes_item figure {
    margin: 0;
    padding: 0;
}

.gammes .gammes_item figure a {
    display: block;
    padding: 30px;
}

.gammes .gammes_item figure a:hover h3 {
    color: #FFF;
}

.gammes .icon {
    width: 150px;
    height: 150px;
    margin: auto;
    max-width: 100%;
    position: relative;
    overflow: hidden;
}

.gammes .icon img {
    display: block;
    max-width: 100%;
    position: absolute;
    left: 0;
    -o-transition: 0.5s;
    -webkit-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
}

.gammes .icon .img {
    top: 0;
}

.gammes .icon .white {
    top: 100%;
}

.gammes figure a:hover .icon .img {
    top: -100%;
}

.gammes figure a:hover .icon .white {
    top: 0;
}

.gammes figcaption h3 {
    margin: 20px 0 0 0;
    text-align: center;
    font-family: 'oswaldlight';
    font-weight: normal;
    transition: 0.5s;
    -o-transition: 0.5s;
    -webkit-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
}

.gammes figcaption p {
    text-align: center;
}

.gammes figure a:hover figcaption p {
    color: #FFF;
}

.gammes .gammes_content {
    padding: 20px;
}

.gammes .gammes_content .gamme_links {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.gamme_links .gamme_icon {
    display: inline-block;
    width: 30px;
    height: 30px;
    padding: 3px;
    box-sizing: border-box;
    position: relative;
    top: 6px;
}

.gamme_links .gamme_icon img {
    display: block;
    width: 100%;
}

.gammes_item .color1 h3 {
    color: #00AEDF
}

.gammes_item .color2 h3 {
    color: #1DB891
}

.gammes_item .color3 h3 {
    color: #F7A940
}

.gammes_item .color1:hover {
    background: #00AEDF;
}

.gammes_item .color2:hover {
    background: #1DB891;
}

.gammes_item .color3:hover {
    background: #F7A940;
}

.color1 .gammes_content {
    border: solid 1px #00AEDF;
    border-top: none;
}

.color1 figure {
    border: solid 1px #00AEDF;
    border-bottom: none;
}

.color1 .gamme_links .gamme_icon {
    background: #00AEDF;
}

.color2 .gammes_content {
    border: solid 1px #1DB891;
    border-top: none;
}

.color2 figure {
    border: solid 1px #1DB891;
    border-bottom: none;
}

.color2 .gamme_links .gamme_icon {
    background: #1DB891;
}

.color3 .gammes_content {
    border: solid 1px #F7A940;
    border-top: none;
}

.color3 figure {
    border: solid 1px #F7A940;
    border-bottom: none;
}

.color3 .gamme_links .gamme_icon {
    background: #F7A940;
}

/*end of gammes*/

/*carousel*/
.carousel .carousel_wrapper {
    position: relative;
}

.carousel .carousel_item {
    width: 25%;
    padding: 1px;
    margin: 0;
    float: left;
    box-sizing: border-box;
}

.carousel .carousel_item figure {
    position: relative;
    width: 100%;
    display: block;
}

.carousel .carousel_item figure a {
    display: block;
}

.carousel .featureItem figcaption {
    padding: 10px;
    color: #FFF;
    font-size: 12px;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.carousel .featureItem figcaption.color1 {
    background: rgba(202, 55, 45, 0.6);
}

.carousel .featureItem figcaption.color2 {
    background: rgba(243, 119, 55, 0.6);
}

.carousel .featureItem figcaption.color3 {
    background: rgba(57, 181, 89, 0.6);
}

.carousel .featureItem figcaption.color4 {
    background: rgba(29, 184, 145, 0.6);
}

.carousel .featureItem figcaption.color5 {
    background: rgba(0, 174, 223, 0.6);
}

.carousel .featureItem figcaption.color6 {
    background: rgba(5, 78, 142, 0.6);
}

.carousel .featureItem figcaption.color7 {
    background: rgba(84, 84, 158, 0.6);
}

.carousel .featureItem figcaption.color8 {
    background: rgba(95, 43, 77, 0.6);
}

.carousel .featureItem figcaption.color9 {
    background: rgba(171, 31, 77, 0.6);
}

.carousel .featureItem figcaption h3 {
    margin: 0;
    font-family: 'oswaldlight';
    font-weight: normal;
    color: #FFF;
}

.carousel .featureItem figcaption p {
    margin: 0;
}

/*end of carousel*/

/*logos*/
.logos {
    margin-bottom: 30px;
}

.carousel {
    width: 100%;
    margin: auto;
    position: relative;
}

.carousel_wrapper {
    width: 90%;
    margin: auto;
    overflow: hidden;
    position: relative;
}

.logosList {
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: center;
    white-space: nowrap;
    position: relative;
}

.logosList li {
    display: inline-block;
    padding: 10px;
    box-sizing: border-box;
    width: 16.66%;
}

.logosList li .imgBlock {
    width: 100%;
    height: auto;
    display: block;
    border: 1px solid #ddd;
    background: #FFF;
    box-sizing: border-box;
}

.logosList li .imgBlock img {
    display: block;
    max-width: 100%;
}

.carousel .arrows {
    height: 1px;
    width: 100%;
    position: absolute;
    top: 50%;
}

.carousel .arrows a {
    display: block;
    font-size: 55px;
    color: #F7A940;
    position: absolute;
    top: -30px;
}

.carousel .arrows a.left {
    left: 30px;
}

.carousel .arrows a.right {
    right: 30px;
}

/*end of logos*/

/*formulaire*/
.form_content .form_block {
    padding: 30px;
    background: #FFF;
}

.form_content .input {
    padding: 5px;
    box-sizing: border-box;
}

.form_content .input label {
    display: block;
    margin-bottom: 5px;
    color: #000;
}

.form_content .input input,
.form_content .input select {
    width: 100%;
    padding: 5px 10px;
    border: solid 1px #F8A941;
    box-sizing: border-box;
    line-height: inherit;
}

.form_content p {
    font-size: 12px;
}

.form_content .submit {
    text-align: center;
}

.form_content .submit button {
    padding: 10px 25px;
    background: #bd0926;
    color: #FFF;
    font-family: 'oswaldlight';
    border: none;
}

.form_content .submit button i {
    display: inline-block;
    margin-left: 18px;
    color: #F8A941;
}

.form_content .form_block h4 {
    font-family: 'oswaldlight';
    margin: 20px 0 5px 0;
    color: #bd0926;
}

.form_content .form_block .hidden {
    display: none;
}

/*end of formulaire*/


.simpleLink {
    color: #F7A940;
}

.simpleLink:hover {
    color: #B71C28
}

/*simpleList*/
.simpleList {
    list-style-type: none;
}

.simpleList li {
    position: relative;
    padding: 5px 0;
    box-sizing: border-box;
}

.simpleList li:before {
    content: '';
    font-family: 'FontAwesome';
    font-size: 11px;
    color: #064F8E;
    position: absolute;
    left: -17px;
}

/*end of simpleList*/


/*contact*/

#file_lettre,
#file_cv {
    padding: 0px 6px;
    margin-right: 2%;
    margin-top: 0%;
    color: #fff;
    border-radius: 4px;
    margin-left: 2%;
}

#file_cv,
#file_lettre {
    cursor: pointer;
    background-color: #139a5f;
    border: 1px solid #139a5f;
    font-family: MontserratRegular;
}

#file_cv:hover,
#file_lettre:hover {
    border: 1px solid #139a5f;
    background-color: #fff;
    color: #139a5f;
}

.file_input {
    /*padding-bottom: 5%;*/
    display: inline-block;
    width: 100%;
}

.file_input span,
.file_input input {
    font-size: 12px;
    float: left;
    font-family: MontserratLight;
}

.file_input input {
    margin-left: 9%;
    float: right;
}

.hide {
    display: none;
}


.map {
    width: 100%;
    height: 400px;
    margin-top: 50px;
}

.map iframe {
    width: 100%;
    height: 100%;
}

.contact article h2 {
    margin: 20px 0 10px 0;
    overflow: inherit;
}

.contact label {
    display: block;
    float: left;
    padding: 10px 5px;
}

.contact input,
.contact textarea {
    font-family: MontserratLight;
    font-size: 12px;
}

.contact input {
    border: solid #dfdfdf 1px;
    width: 100%;
    padding: 10px 15px;
    box-sizing: border-box;
}

.contact select {
    border: solid #dfdfdf 1px;
    width: 100%;
    padding: 8px 15px;
    box-sizing: border-box;
}

.contact input[type="file"] {
    width: auto;
}

.contact textarea {
    border: solid #dfdfdf 1px;
    width: 100%;
    padding: 10px 15px;
    height: 100px;
    box-sizing: border-box;
    margin-top: 20px;
}

.contact .buttons {
    float: right;
}

.contact .buttons a.formLink {
    display: inline-block;
    color: #F8A941;
    padding: 0 10px;
}

.contact input[type="submit"],
.contact button {
    background: #F8A941;
    color: #FFFFFF;
    border: none;
    margin: 10px 0;
    padding: 5px 15px;
    font-size: 12px;
    width: auto;
}

.contact .borderSep {
    margin: 20px 0;
    border-bottom: solid 1px #dfdfdf;
}

.dateSelector {
    position: relative;
}

.dateSelector a {
    display: block;
    position: absolute;
    top: 10px;
    right: 10px;
}

.contact .montant {
    text-align: right;
    font-size: 20px;
}

.contact-joinus,
.contact-inbox {

    max-width: 90%;
}


.contact-coordonnees h2 {
    color: #22353c;
    font-size: 30px;
    margin-bottom: 20px !important;
}

.contact-coordonnees h3 {
    margin: 0 !important;
    font-size: 20px;
    color: #de1e26;
}

.contact-coordonnees .info {
    color: #a5aeaf;
    font-size: 17px;
    margin-top: 5px;
}

.contact-joinus .btn-subone,
.contact-inbox .btn-subone {
    text-align: right;
}

.contact-joinus h2,
.contact-inbox h2 {

    font-size: 30px;
    color: #22353c;
}

.contact-inbox .form-group,
.contact-joinus .form-group {

    max-width: 90%;
    margin: 10px 0px;
    color: #4A5354;

}

.contact-inbox .one_half {
    width: 44%;
    margin-right: 10px;
}



/*End of contact*/


.border_block {
    border: solid 1px #F8A941;
    margin: 30px 0;
    padding: 30px;
}

.borderSep {
    width: 100%;
    margin: 30px 0;
    border-bottom: solid 1px #CACACA;
}

.buttonLink {
    text-align: center;
    margin: 40px 0;
}

.buttonLink a {
    display: inline-block;
    padding: 15px 20px;
    color: #FFF;
    background: #f7a940;
    border-bottom: solid 3px #ca872e;
    text-transform: uppercase;
    font-family: "MontserratRegular";
    font-size: 15px;
}

.buttonLink a:hover {
    background: #c31f24;
    border-bottom: solid 3px #F7A940;
    /*color: #F7A940;*/
}


.msg_ok {
    font-weight: bold;
    color: #72a132;
    margin-bottom: 10px;
}

.msg_ok i {
    font-size: 25px;
}

.msg_ko {
    font-weight: bold;
    color: red;
    margin-bottom: 10px;
}

.msg_ko i {
    font-size: 25px;
}

.msgok {
    position: fixed;
    top: 30%;
    margin: 0 auto;
    z-index: 99999;
    background: #F7A940;
    padding: 10px 20px;
    left: 40%;
    border-radius: 4px;
    color: #fff;
}

.msgko {
    position: fixed;
    top: 30%;
    margin: 0 auto;
    z-index: 99999;
    background: #c31f24;
    padding: 10px 20px;
    left: 40%;
    border-radius: 4px;
    color: #fff;
}

.requiredField {
    background: #dd7171;
    color: #7d0000;
}

.requiredFieldTxt {
    color: #cf0000;
    font-size: 11px;
    font-weight: bold;
    display: none;
}

.imgFull {
    display: block;
    margin: auto;
    max-width: 100%;
    margin-bottom: 10px;
}

.imgCenter {
    display: block;
    margin: 10px auto;
    max-width: 100%;
}

.imgLeft {
    display: block;
    float: left;
    margin: 0 20px 20px 0;
}

.borderImg {
    padding: 5px;
    background: #FFF;
    border: solid 1px #d3d3d3;
}

.row-fluid {
    margin-bottom: 40px;
}

.one_half {
    width: 50%;
    float: left;
    box-sizing: border-box;
}

.one_third {
    width: 33.33%;
    float: left;
    box-sizing: border-box;
}

.one_fourth {
    width: 25%;
    float: left;
    box-sizing: border-box;
}

.two_third {
    width: 66.66%;
    float: left;
    box-sizing: border-box;
}

.one_sixth {
    width: 16.66%;
    float: left;
    box-sizing: border-box;
}


.padding5 {
    padding: 5px;
}

.padding10 {
    padding: 10px;
}

.padding20 {
    padding: 20px;
}

.paddingLeft {
    padding-left: 40px;
}

.paddingRight {
    padding-right: 40px;
}

.clear {
    clear: both;
}

.clearRight {
    clear: right;
}

/*animations*/
.animation-element {
    opacity: 0;
    position: relative;
    transition: 1s;
    -o-transition: 1s;
    -webkit-transition: 1s;
    -ms-transition: 1s;
    -moz-transition: 1s;
}

.animation-element.in-view {
    opacity: 1;
}

.animation-element.slide-left {
    -moz-transition: all 500ms linear;
    -webkit-transition: all 500ms linear;
    -o-transition: all 500ms linear;
    transition: all 500ms linear;
    -moz-transform: translate3d(-100px, 0px, 0px);
    -webkit-transform: translate3d(-100px, 0px, 0px);
    -o-transform: translate(-100px, 0px);
    -ms-transform: translate(-100px, 0px);
    transform: translate3d(-100px, 0px, 0px);
}

.animation-element.slide-right {
    -moz-transition: all 500ms linear;
    -webkit-transition: all 500ms linear;
    -o-transition: all 500ms linear;
    transition: all 500ms linear;
    -moz-transform: translate3d(100px, 0px, 0px);
    -webkit-transform: translate3d(100px, 0px, 0px);
    -o-transform: translate(100px, 0px);
    -ms-transform: translate(100px, 0px);
    transform: translate3d(100px, 0px, 0px);
}

.animation-element.slide-bottom {
    -moz-transition: all 500ms linear;
    -webkit-transition: all 500ms linear;
    -o-transition: all 500ms linear;
    transition: all 500ms linear;
    -moz-transform: translate3d(0, 100px, 0px);
    -webkit-transform: translate3d(0, 100px, 0px);
    -o-transform: translate(0, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate3d(0px, 100px, 0px);
}

.animation-element.slide-left.in-view,
.animation-element.slide-right.in-view,
.animation-element.slide-bottom.in-view {
    -moz-transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate3d(0px, 0px, 0px);
}

/*end of animations*/

footer {
    width: 100%;
    position: relative;
    background: #B71C28;
    color: #FFF;
    text-align: left;
    padding-top: 20px;
    border-top: solid 3px #F7A942;
}

footer nav {
    margin: 0 0 20px 0;
}

footer nav a {
    display: block;
    text-transform: uppercase;
    color: #FFF;
    /*font-family: 'oswaldlight';*/
    font-family: 'MontserratRegular';
    font-size: 15px;
}

footer nav .subMenu a {
    /*font-family: 'oswaldlight';*/
    font-family: 'MontserratRegular';
    font-size: 12px;
}

footer nav a:hover {
    color: #F7A942;
}

footer .map {
    display: block;
    max-width: 100%;
    margin-top: 20px;
}

footer .copyright {
    font-size: 13px;
    height: 60px;
    line-height: 60px;
    border-top: solid 1px rgba(255, 255, 255, 0.4);
    text-align: center;
    font-family: "MontserratRegular";
}

footer .top_button {
    float: right;
}

footer .top_button a {
    display: inline-block;
    width: 32px;
    height: 32px;
    line-height: 32px;
    background: #FFF;
    color: #941821;
    text-align: center;
    font-size: 22px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}


footer nav ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: left;
}

footer h2 {
    margin: 0 0 10px 0;
    text-align: left;
}

footer ul.social {
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: left;
}

footer ul.social li {
    display: inline-block;
}

footer ul.social li+li {
    margin-left: 5px;
}

footer ul.social a {
    display: block;
    width: 32px;
    height: 32px;
    line-height: 32px;
    background: #FFF;
    color: #941821;
    text-align: center;
    font-size: 33px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 25%;

    padding-left: 0.5px;
}

.social a.facebook i {
    font-size: 30px;
}

.social a.facebook:hover {
    background: #3b5998;
    color: #FFF;
}

.social a.twitter:hover {
    background: #55acee;
    color: #FFF;
}

.social a.google-plus:hover {
    background: #dd4b39;
    color: #FFF;
}

.social a.linkedin:hover {
    background: #007bb5;
    color: #FFF;
}

.social a.youtube:hover {
    background: #bb0000;
    color: #FFF;
}

.social a.viadeo:hover {
    background: #f6876d;
    color: #FFF;
}

.social a.instagram:hover {
    background: #bc2a8d;
    color: #FFF;
}

/* social side */

header .social-menu {
    right: 10px;
    left: auto;
}

.social-menu {
    position: fixed;
    right: 10px;
    top: 45vh;
    display: block;
    z-index: 9999;
}

.social-menu ul {
    margin: 0;
    list-style: none;
    padding: 0;
}

.social-menu ul li {
    margin: 10px 0px;
    max-width: 40px;
}




/* end social side*/

.m_l_17 {
    margin-left: 17%
}

.m_l_32 {
    margin-left: 32%
}

.col3 {
    width: 25%;
    float: left;
    display: inline;
    text-align: left;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.m_left_list_cat {
    margin-left: 18%;
}