/*
Theme Name:     Fromagerie Hamel
Theme URI:      http://www.fromageriehamel.com/
Description:    Fromagerie Hamel Custom Theme
Author:         Novactive Canada
Author URI:     http://novactive.ca
Version:        1.0.0
Text Domain:    hamel
*/


/* ==========================================================================
   Author's custom styles
   ========================================================================== */

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on October 7, 2014 */
@font-face {
    font-family: 'heartregular';
    src: url('font/always_in_my_heart-webfont.eot');
    src: url('font/always_in_my_heart-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/always_in_my_heart-webfont.woff2') format('woff2'),
         url('font/always_in_my_heart-webfont.woff') format('woff'),
         url('font/always_in_my_heart-webfont.ttf') format('truetype'),
         url('font/always_in_my_heart-webfont.svg#always_in_my_heartregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* settings  */
html {
    font-size: 62.5%;
}

body {
    font-size: 14px;
    font-size: 1.4rem;
    font-family: 'Roboto', sans-serif;
}


h1,
.h1 {
    font-size: 26px;
    font-size: 2.6rem;
    font-family: 'Roboto Slab', serif;
    font-weight: normal;
    color: #eb5853;
    text-transform: uppercase;
}
h2,
.h2 {
    font-size: 22px;
    font-size: 2.2rem;
    font-family: 'Roboto Slab', serif;
    font-weight: normal;
    color: #eb5853;
    text-transform: uppercase;
}
h3,
.h3 {
    font-size: 20px;
    font-size: 2rem;
    color: #eb5853;
    text-transform: uppercase;
}
h4,
.h4 {
    font-size: 16px;
    font-size: 1.6rem;
    text-transform: uppercase;
}
h5,
.h5 {
    font-size: 14px;
    font-size: 1.4rem;
}
h6,
.h6 {
    font-size: 12px;
    font-size: 1.2rem;
}

ul, li{
    list-style-type:none;
}


/* forms */

.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn{
    border-radius: 0;
}

input[type="text"], input[type="submit"], input[type="tel"], input[type="email"], input[type="url"], input[type="password"], input[type="number"]{
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-radius: 0;
    text-shadow: none;
    border: 1px solid #212121;
    font-size: 14px;
    font-weight: normal;
    line-height: 22px;
    margin: 0;
    padding: 5px 10px;
    font-family: 'Roboto condensed', sans-serif;
    text-transform: uppercase;
}
input[type="submit"]:hover{
    background-color: #eb5853;
    border-color: #eb5853;
    color: #fff;
}
textarea{
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-radius: 0;
    text-shadow: none;
    border: 1px solid #212121;
    font-size: 14px;
    font-weight: normal;
    line-height: 22px;
    margin: 0;
    padding: 5px 10px;
    width: 100%;
}

/*contact form*/
.contact_form label, .contact_form input[type="text"], .contact_form input[type="email"],.contact_form textarea{
    width:100%;
    min-width: 100%;
    max-width: 100%;
}
.contact_form input[type="text"], .contact_form textarea{
    border-color: #ccc;
    margin-bottom: 10px;
}
.contact_form label{
    font-weight: 400;
    height: 24px;
    line-height: 25px;

}

/*jobs form */

span.wpcf7-list-item {
    display: block;
}

.has-free-text input.wpcf7-free-text {
    display: block;
    width: 100%;
}

.form-input-file, .form-input-file-en{
    position: relative;
    width: 100%;
    border: 1px solid #212121;
    height: 36px;
}

.form-input-file span.your-resume, .form-input-file-en span.your-resume{
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    width: 130px;
    height: 34px;
    cursor: pointer;
    overflow: hidden;
    background-color: #ccc;
}

input#hours-available{
    width: 100%;
}

.form-input-file span.your-resume::after {
    content: " Parcourir";
}

.form-input-file-en span.your-resume::after {
    content: " Browse";
}

.form-input-file span.your-resume::after, .form-input-file-en span.your-resume::after {
    text-align: center;
    width: 130px;
    line-height: 34px;
    display: block;
}

.form-input-file input#your-resume, .form-input-file-en input#your-resume{
    position: absolute;
    right: 0;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
    height: 34px;
    border: 1px solid black;
}

.form-input-file input#resume-upload, .form-input-file-en input#resume-upload{
    background: none;
    border: none;
}
div.wpcf7-response-output{margin-left: 0 !important; margin-right: 0 !important;}
div.wpcf7-validation-errors{
    border-color: #EB5854 !important;
    background-color: #f8c7c6 !important;
}

.job-mobile-message{
    display:none;
}

@media screen and (max-width: 767px){
    .job-mobile-message{
        display:block;
        font-weight: bold;
    }
    .job-form{
        display: none;
    }
}

/* ==========================================================================
   pagelayout
   ========================================================================== */
body{
    background: url(img/footer_bg.png) center top repeat;
}

.section, .search_bar_container{
    max-width: 960px;
    margin: 0 auto;
    position: relative;
}

.user_log .section
{
    width: 714px;
}

.container{
    max-width: 960px; /* also in bootstrap.css */
}

.mainmain{
    background: #F7f7f3;
    padding: 15px 0;
    min-height: 400px;
}

.grey_block{
    background-color: #e0e0e0;
    padding-bottom: 15px;
    padding-top: 15px;
}

/*====== helper classes ======*/

.toLeft{
    float: left;
}
.toRight{
    float: right;
}
.textCenter{
    text-align: center;
}
.textLeft{
    text-align: left;
}
.textRight{
    text-align: right;
}

button.borderBtn, a.button.borderBtn, input.borderBtn{
    background:none;
    border: 1px solid #212121;
    color: #212121;
    margin: 0;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    line-height: 22px;
    padding: 5px 10px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    text-shadow: none;
}
button.borderBtn:hover, a.button.borderBtn:hover, input.borderBtn:hover{
    background-color: #eb5853;
    border-color: #eb5853;
    color: #fff !important;
    cursor: pointer;
    text-decoration: none;
}
/*====== fancy borders ======*/

/*single border title */
.border_wrapper{
    padding: 4px 0;
}
.border_container{
    color: #212121 ;
    border-bottom: 1px solid #212121;
    border-top: 1px solid #212121;
    text-transform: uppercase;
    padding: 5px 0;
}

.border_wrapper h2 {
    font-size: 17px;
    font-size: 1.7rem;
    height: auto;
    line-height: 24px;
    line-height: 2.4rem;
    margin: 0;

    -webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
}
a:hover .border_wrapper h2{
    text-indent: 20px;
}

/* differents colors */

.red .border_wrapper{
    background: #eb5853;
}
.yellow .border_wrapper{
    background: #FEC350;
    color: #212121 ;
}
.gray .border_wrapper{
    background: #aaa;
    color: #fff ;
}
.orange .border_wrapper{
    background: #eb9753;
    color: #212121 ;
}
.white .border_wrapper{
    background: #fff;
    color: #212121 ;
}
.red .border_wrapper h2, .red .border_wrapper h3, .red .border_wrapper h1{
    color: #f0f0f0 ;
    padding-left: 15px;
}
.white .border_wrapper h2, .yellow .border_wrapper h2{
    color: #212121 ;
    padding-left: 15px;
}


/*double border title */
.dbborder_wrapper{
    padding: 3px 0;
}
.dbborder_container{
    border-bottom: 3px double #999;
    border-top: 3px double #999;
}

/*fancy box*/
.fancy_container{
    padding: 5px;
}

.fancy_box{
    border: 3px double #999;
}

ol.breadcrum{
    font-size: 1.2rem;
    color: #777;
    padding-left: 0px;
    position: relative;
    font-family: 'Roboto',sans-serif;
}

ol.breadcrum li{
    display: inline-block;
}

ol.breadcrum a{
    color: #eb5853;
}

.mycart {
    float: right;
    margin-top: -31px;
}

.mycart > a {
    font-size: 12px;
    font-size: 1.2rem;
}

.mycart > .icon-basket {
    font-size: 18px;
    font-size: 1.8rem;
    vertical-align: middle;
}
/*======
    header
    ======*/

/* images background of header to be changed */
#header_container{
    background-color: #686660;
    background-size:cover;
    background-repeat: repeat-x;
    background-position:center top;
}

.home #header_container{

}

/* ----- */

#header{
    background: url(img/header_bg.png) center top repeat-x;
    min-height: 190px;
    position: relative;
}

#header h1{
    margin: 0;
    max-width: 295px;
    padding-top: 22px;
    padding-bottom: 10px;
}
#header h1 img {
    width: 100%;
}
/* top navigation */
ul.head_links{
    padding: 0 ;
    position: absolute;
    right: 0;
    top: 10px;
    margin: 0;
    margin-right: 15px;
}

ul.head_links li{
    display: inline-block;
    margin-left: 15px;
    padding: 3px 0;
    text-align: right;
}

ul.head_links li.full_border a{
    border: 1px solid #212121;
}

ul.head_links li a{
    display: block;
    height: 25px;
    line-height: 25px;
    padding: 0 5px;
    font-weight: 400;
    text-transform: uppercase;
    color: #212121;
    text-shadow: 0 0 12px #f0f5f0;
}
ul.head_links li a:hover, ul.head_links li.active a{
    color: #eb5853;
    border-color: #eb5853;
    text-decoration: none;
}
ul.head_links li.full_border.active a{
    background-color: #212121;
    border-color: #212121;
    color: #FEC350;
}

.menu-title {
    font-family: 'Roboto Condensed', sans-serif;
    color: #fff;
    cursor: pointer;
    float: left;
    font-size: 20px;
    font-size: 2rem;
    height: 45px;
    line-height: 45px;
    height: 4.5rem;
    line-height:4.5rem;
    padding-left: 20px;
    padding-left: 2rem;
    text-transform: uppercase;
    width: 70%;
}

/* search form */

#search-bar {
    background: #eb5853;
    padding: 10px;
    position: absolute;
    right: 70px;
    z-index: 100;
    height: 55px;
    height: 5.5rem;
    width: 250px;
}
#search-bar input[type="text"]{
    background-color: #ffffff;
    width: 160px;
    height: 34px;
}
#search-bar input[type="submit"]{
    background-color: #ffffff;
    margin-left: -1px;
}
#search-bar input[type="submit"]:hover{
    color: #212121 !important;
}
#search-bar #closeBtn{
    color: #fff;
    display: block;
    margin-top: -30px;
    float: right;
    outline: none;
}
#search-bar .rechercher_container{
    display: block;
    margin-right: 30px;
}
#search-bar .rechercher {
    width: 197px;
}

/*===
    main navigation
    ===== */
.navbar {
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.7);
    padding: 3px 0;
    margin: 0;
    width: 100%;
    border-radius: 0;
    z-index: 100;
    min-height: 40px;
}

.navbar-nav .dropdown-menu{
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.7);
}
.navbar-nav .dropdown-menu li{
}
.navbar-nav .dropdown-menu > li > a{
    color: #fff;
    font-size: 11px;
    font-size: 1.1rem;
    font-weight: bold;
    padding-left: 13px;
    text-align: left;
    text-transform: uppercase;
    display: block;
    height: 40px;
    line-height: 40px;
    padding: 0 0 0 13px;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus,
.dropdown-menu > li.active > a, .dropdown-menu > li.active > a:hover, .dropdown-menu > li.active > a:focus{
    color: #212121;
    background: #fff;
}

.current-menu-parent .dropdown-toggle {
    color: #eb5853 !important;
}

/* large screen----------- */
@media only screen and (min-width: 768px) {
    .home #header{
        min-height: 450px;
    }
    .home .navbar {
        position: absolute;
        top:400px;
    }
}

.navbar.fixed {
    background-color: #000;
    padding: 3px 0;
    margin: 0;
    position: fixed;
    bottom: none;
    top: 0;
    width: 100%;
    z-index: 100;
}
/* add a border */
.navbar .nav-container{
    border-bottom: 1px solid #999;
    border-top: 1px solid #999;
}
.navbar .navbar-collapse{
    padding-right: 0;
    padding-left: 0;
}

ul.nav.main_nav{
    float: none;
    text-align: center;
    width: 100%;
}

.navbar-nav.main_nav > li{
    float: none;
    display: inline-block;
}

.navbar-nav.main_nav > li > a {
    font-family: 'Roboto Condensed', sans-serif;
    color: #fff;
    line-height: 20px;
    padding: 10px 9px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    font-size: 1.4rem;
    text-shadow:none;
}

.navbar-nav.main_nav > li > a:hover, .navbar-nav.main_nav > li > a:focus, .navbar-nav.main_nav > li.active > a{
    color: #FEC350;
    background: none;
}
.navbar-nav.main_nav > li.active > a{
    color: #eb5853;
}
.navbar-nav.main_nav > li.accueil > a {padding: 0 0 0 10px; width:25px; height: 25px; text-indent: -9999px; display: none; background: url(img/hamel-short.png) center top no-repeat;}
.fixed .navbar-nav.main_nav > li.accueil > a { display: inline-block; padding: 4px 0;}
.fixed .navbar-nav.main_nav > li.accueil { padding:0 0 0 9px;}

/* toggle menu*/
.navbar-toggle{
    margin-top: 2px;
    margin-bottom: 0;
    padding: 0;
}
.navbar-toggle .icon-menu {
    font-size: 30px;
    font-size: 3rem;
    color: #fff;
}



/*======
    footer
    ======*/

footer{
    background: url(img/footer_bg.png) center top repeat;
    height: auto;
    min-height: 200px;
}
.footer-col{
    width: 33.33%;
    float: left;
    padding-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 25px;
    background-image: -moz-radial-gradient(ellipse at center center, rgba(0,0,0,0.5), transparent);
    background-image: -webkit-radial-gradient(ellipse at center center, rgba(0,0,0,0.5), transparent);
    background-image: -ms-radial-gradient(ellipse at center center, rgba(0,0,0,0.5), transparent);
    background-image: radial-gradient(ellipse at center center, rgba(0,0,0,0.5), transparent);
}

.footer-col h5,.footer-col p{
    color: #fff;
    text-align: center;
    margin: 0 auto 20px;
}
.footer-col h5{
    background: url(img/trait.png) center bottom no-repeat;
    font-family: 'Courgette',cursive;
    padding-bottom: 15px;
    width: 90%;
    margin-bottom: 15px;
    font-size: 20px;
    font-size: 2rem;
}
.footer-col a, .footer-col button, .footer-col input{
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}
.footer-col a.ic-social {
    margin: 5px;
    color: #fff;
    font-size: 19px;
    font-size: 1.9rem;
    display: inline-block;
    height: 35px; line-height: 35px;
    height: 3.5rem; line-height: 3.5rem;
    width: 35px;
    border-radius: 50%;
    border: 1px solid #ccc;
    padding-left: 0;
}
.footer-col a.ic-social:hover{
    color: #eb5853;
    border-color: #eb5853;
}
.footer-col form {
    margin: 0 auto;
    max-width: 300px;
}
.footer-col input[type="text"], .footer-col input[type="email"]{
    background: none;
    border-color: #fff;
    border-radius: 0;
    color: #fff;
    text-shadow: none;
    text-transform: none;
    font-family: 'Roboto', sans-serif;
}
.footer-col input.borderBtn{
    margin-left: -1px;
    border-color: #fff;
    color: #fff;
}

.footer-col button.borderBtn,.footer-col  a.button.borderBtn{
    border-color: #fff;
    color: #fff;
}
.footer-col button.borderBtn:hover,.footer-col  a.button.borderBtn:hover, .footer-col input.borderBtn:hover{
    border-color: #eb5853;
    color: #eb5853;
}

ul.footer-links{
    border-top: 1px solid #555;
    margin-bottom: 15px;
    padding: 20px 0 0;
}

ul.footer-links li{
    display: inline-block;
}
ul.footer-links li a{
    color: #fff;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    font-size: 12px;
    font-size: 1.2rem;
    margin-left: 20px;
}
ul.footer-links li a:hover{
    color: #eb5853;
    text-decoration: none;
}

p.copyright{
    color: #999;
    font-size: 10px;
    font-size: 1rem;
}
.textwidget p:last-child{margin-bottom: 0;}




/* ==========================================================================
   HOME
   ========================================================================== */

#header .hero {
    background-color: rgba(255, 255, 255, 0.5);
    position: absolute;
    right: 15px;
    top: 239px;
    width: 324px;
}

#header .hero > div {
    font-family: courgette;
    font-size: 20px;
    font-size: 2rem;
    padding: 15px;
}

.CTA{
    padding-top: 25px;
    position: absolute;
    right: 15px;
    text-align: left;
    top: 50px;
    width: auto;
}
.home .CTA{top: 150px;}
.CTA .CTA-text{
    background: #fff;
    background: rgba(255, 255, 255, 0.5);
    box-shadow: 0 1px 3px #555;
    color: #eb5853;
    float: left;
    font-family: 'roboto slab',serif;
    padding: 7px 17px 8px 10px;
    -webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
}

.CTA .CTA-text p{
    margin: 0;
}

.CTA #CTA{
    cursor: pointer;
}
.CTA #CTA:hover .CTA-text{
    background-color: #fec350;
}


.backgroundsize .CTA #CTA span{
    background-image: url("img/header-cta@2x.png");
    background-size: 60px 52px;
    display: block;
    float: right;
    height: 52px;
    margin-left: -10px;
    margin-top: -10px;
    text-indent: -9999px;
    width: 60px;
}
.no-backgroundsize .CTA #CTA span{
    background-image: url("img/header-cta.png");
    background-position: top left;
    display: block;
    float: right;
    height: 52px;
    margin-left: -10px;
    margin-top: -10px;
    text-indent: -9999px;
    width: 60px;
}


/* mosaique */
.banner{
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    float: left;
    height: 300px;
    height: 30rem;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    margin-bottom: 2%;
    -webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
}
.banner .border_wrapper{
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 99;
}
.masson .row{
    margin-right: 0;
}
.masson ul{
    padding-left: 0;
}
.banner .arrow, .banner .overColor{
    /*display: none;*/
}
a .banner .arrow{
    top: 125px;
    color: #fff;
    font-family: 'Roboto Slab', serif;
    font-size: 45px;
    font-size: 4.5rem;
    position: absolute;
    right: 15px;
    text-shadow: 0 0 11px rgba(0,0,0,0.5);
}
a .banner .overColor{
    opacity: 0;
    filter: alpha(opacity=00);
    display: block;
    height: 300px;
    height: 30rem;
    margin-right: -15px;
    margin-left: -15px;
    background-color: #000;
}
.banner.red .overColor{
    background-color: #eb5853;
}
.banner.yellow .overColor{
    background-color: #FEC350;
}
a:hover .banner .overColor{
    opacity: 0.5;
    filter: alpha(opacity=50);
}
a:hover .banner .arrow{
    -moz-animation: 1s ease-in-out 0s normal none infinite floating;
    -webkit-animation:1s ease-in-out 0s normal none infinite floating;
    animation: 1s ease-in-out 0s normal none infinite floating;
    display: block;
}

@-moz-keyframes floating {
    0%   { right: 10px; }
    50%   { right: 20px; }
    100% { right: 10px; }
}
@-o-keyframes floating {
    0%   { right: 10px; }
    50%   { right: 20px; }
    100% { right: 10px; }
}
@keyframes floating {
    0%   { right: 10px; }
    50%   { right: 20px; }
    100% { right: 10px; }
}
@-webkit-keyframes floating {
    0%   { right: 10px; }
    50%   { right: 20px; }
    100% { right: 10px; }
}


.masson .simple{
    width: 31.3333%;
    margin-left: 2%;
}
.masson .double{
    width: 64.6666%;
    margin-left: 2%;
}


.banner.lepic{
    background-image: url(img/lepic.png);
    background-position: left top;
}


.banner.picard{
    background-image: url(img/ianpicard.png);
    padding: 5px;
}
.banner.picard .fancy_box {
    border: 3px double #212121;
    display: table-cell;
    height: 290px;
    height: 29rem;
    vertical-align: middle;

}
.banner.picard blockquote{
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    font-family: 'courgette', serif;
    font-size: 30px;
    line-height: 30px;
    font-size: 3.1rem;
    line-height: 3.1rem;
    margin: 0 0 20px;
    padding: 10px 20px;
    text-align: center;
}
.banner .author {
    margin-right: 15px;
    text-align: center;
    text-transform: uppercase;
}

.banner.nouvelles{
    background-image: url(img/ambiance2.png);
}
.banner.boutiques{
    background-image: url(img/fromages2.png);
}




/* ==========================================================================
   fiche charcuterie / fiche fromage
   ========================================================================== */
#filter{
    margin-bottom: 20px;

}
#filter button{
    margin-bottom: 5px;
    font-family: 'Roboto condensed', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
}
#filter .rechercher{
    width: 150px;
}

#filter .is_selected button{
    background-color: #FEC350;
}


#filter .false_checkboxes{
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #212121;
    border-radius: 0;
    margin:0;
    padding: 0;
    position: absolute;
    top: 33px;
    width: auto;
    z-index: 999;
}
#filter .false_checkboxes p {
    margin: 0;
    white-space:nowrap;
}
#filter .false_checkboxes input[type="checkbox"] {
    left: -999px;
    position: absolute;
}
#filter .false_checkboxes label {
    height: 40px;
    line-height: 40px;
    margin: 0;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
    text-transform: none;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
}
#filter .false_checkboxes input[type="checkbox"]:checked + label, #filter .false_checkboxes label:hover{
    background-color: #FEC350;
    cursor: pointer;
}


/* content of fiche formage or other fiche */
.fiche_produit{

}
.fiche_produit .classeur header h1, .fake_title .product_name{
    color: #eb5853;
    font-family: 'Roboto slab', serif;
    font-size: 24px;
    min-height: 30px;
    line-height: 30px;
    font-size: 2.4rem;
    min-height: 3rem;
    line-height: 3rem;
    margin: 0px 0 5px;
}
.fiche_produit header span.price, .fake_title div.price{
    border-bottom: 1px solid #212121;
    border-top: 1px solid #212121;
    color: #212121;
    display: block;
    font-family: 'roboto condensed', sans-serif;
    font-size: 18px;
    height: 34px;
    line-height: 34px;
    font-size: 1.8rem;
    height: 3.4rem;
    line-height: 3.4rem;
    margin-bottom: 10px;
}


.classeur{
    margin-bottom: 20px;
    position: relative;
    -webkit-box-shadow: 0 0 2px #ccc;
    box-shadow: 0 0 2px #ccc;
    background-color: #fff;
}

.classeur .classeur_content{
    background-color: #fff;

    padding: 15px;
}
.classeur .classeur_content h1,  .classeur .classeur_content h2,  .classeur .classeur_content h4{
    margin-top: 0;
    font-family: 'Roboto slab', serif;
    color: #212121;
    text-transform: none;
}

.classeur_content h3
{
    margin-top: 15px;
    font-family: 'Roboto slab', serif;
    color: #212121;
    text-transform: none;
}

.user_not_log .caracteristiques_inline.descript
{
    float: right;
}

.fiche_produit .illustrations figure{
    margin-bottom: 15px;
}
.fiche_produit .illustrations figure img{
    width: 100%;
}

.fiche_produit .caracteristique{
    background:  #f7f7f3;
    margin-bottom: 10px;
}
.fiche_produit .carac-name{
    display: inline-block;
    height: 17px;
    height: 1.7rem;
    line-height: 17px;
    line-height: 1.7rem;
    margin-bottom: 5px;
    padding: 5px;
    text-transform: uppercase;
    width: 200px;
    font-weight: 700;
    font-family: 'Roboto condensed', serif;
}
.fiche_produit .carac-content{
    display: inline-block;
    line-height: 17px;
    line-height: 1.7rem;
    /*margin-bottom: 5px;*/
    padding: 5px;
}


.fiche_produit .produit{

}
/*  fiche produit Lepic */

.fiche_produit.lepic header h1, .fiche_produit.lepic .fake_title .product_name{
    font-family: 'heartregular', cursive;
    color: #eb5853;
    text-transform: none;
    margin-left: -5px;
    font-size: 30px;
    font-size: 3rem;
}

.fiche_produit.lepic .lepic_thb{
    left: -19px;
    position: absolute;
    top: 45px;
    height: 120px;
    width: 120px;
}
.fiche_produit.lepic .lepic_thb img{width: 100%;}
.anecdote {
    background: url(img/footer_bg.png) 0 0 no-repeat #000;
    color: #fff;
    font-family: 'Courgette', cursive;
    padding: 5px;
}

.user_log .anecdote
{
    margin-top: 15px;
}
.anecdote > .container{
    border: 1px solid #ccc;
}

.panel_title{
    font-size: 20px;
    font-size: 2rem;
    line-height: 40px;
    height: 40px;
    line-height: 4rem;
    height:  4rem;
    color: #fff;
    border-bottom: 1px solid #555;
    text-align: center;
    margin-bottom: 10px;
}

/* accords */

.classeur .accords .row .vin {
    min-height: 120px;
}

.classeur .accords .pastille{
    float: left;
    display: block;
    background: white;
    margin-bottom: 20px;
}


.accords .vin .pastille{
    height: 65px;
    width: 65px;
}


.accords .biere .pastille{
    height: 63px;
    width: 58px;
    margin-top: 4px;
}

.classeur .accords .pastille img{
    width: 100%;
}

.fiche_produit .classeur .accords h3{
    position: relative;
    font-family: 'Roboto condensed', sans-serif;
    text-transform: uppercase;
    font-size: 16px;
    font-size: 1.6rem;
    position: relative;
}

.classeur .accords p, .classeur .accords .couleur,.classeur .accords  h4{padding-left: 75px;}

.accords .autre{
    text-align: center;
}
.accords .autre h3 {
    border-top: 1px solid #ccc;
    padding-top: 10px;
    margin-left: 0;
}
.accords .autre h4,  .accords .autre p {
    padding-left: 0;
    margin-top: 10px;

}

.accords .note{
    text-align: left;
}

.accords .note p {
    border-top: 1px solid #ccc;
    padding-left: 0;
    font-size: 11px;
    padding-top: 10px;
    /*margin-top: 15px;*/
}

/* listing mode */

.listing_page h1{
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 24px;
    line-height: 2.4rem;
    height: auto;
    padding-left: 15px;
    margin: 0;
}

.listing_page .lepic_list{
    padding-top: 15px;
}

.border_wrapper + .browse_list{
    margin-top: 20px;
}
.browse_list .row {
    padding: 0 0 10px;
}
.browse_list .page-content{
    margin-top: 20px;
}


.listmode{
    padding-right: 15px;
    padding-left: 15px;
    position: relative;
    float: left;
    width: 33.33333%;
}
.image_container{
    overflow: hidden;
    position: relative;
}
.image_container .over_content{
    background-color: #FEC350;
    background-color: rgba(254,195,80,0.8);
    opacity: 0;
    filter: alpha(opacity=00);
    height: 300px;
    height: 30rem;
    padding: 0 15px;
    position: absolute;
    top: 0;
    -webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
    width: 100%;
}
.image_container .savoir_plus{
    color: #212121;
    font-family: 'Roboto condensed';
    font-weight: 700;
    position: absolute;
    right: 15px;
    text-transform: uppercase;
    bottom: 20px;
    display: none;
}
.sample_product .image_container + h3{
    padding-top: 10px;
}


.sample_product{
    border-bottom: 1px solid #adadad;;
    margin-bottom: 10px;
}

.sample_product.product_result
{
    padding-bottom: 133px;
}

.sample_product h3, .sample_product h4{
    font-family: 'Roboto slab', serif;
    text-transform: none;
    font-size: 14px;
    font-size: 1.4rem;
    min-height: 41px;
    min-height: 4.1rem;
    margin: 0;
}
.sample_product img{
    width: 100%;
}

.sample_product span.price{
    display: block;
    font-family: 'roboto condensed', sans-serif;
    color: #212121;
}
.sample_product p.excerp{
    color: #212121;
}
.sample_product  a:hover{
    text-decoration: none;
}
.sample_product  a:hover h3{
    text-decoration: underline;
}
/* if lepic */
.sample_product .lepic_thb {
    left: 10px;
    position: absolute;
    top: 10px;
    width: 60px;
}

/* if boutiques */

.post-type-archive-boutiques .sample_product h3, .post-type-archive-boutiques .sample_product h4{
    min-height: 30px;
    min-height: 3rem;
}
.post-type-archive-boutiques .sample_product span.price{
    min-height: 30px;
    min-height: 3rem;
    line-height: 15px;
    line-height: 1.5rem;
}

/* Smartphones (portrait and landscape) and tablet portrait----------- */

@media only screen and (min-width: 768px){
    .sample_product img + h3{
        padding-top: 10px;
    }

}



/* ==========================================================================
   boutique en ligne : fiche article
   ========================================================================== */


/* ==========================================================================
   BLOG PAGES
   ========================================================================== */


/* post content */
.content-area {
    float: left;
    width: 66%;
}

article.post{
    background-color: #fff;
    margin-bottom: 20px;
    position: relative;
    -webkit-box-shadow: 0 0 2px #ccc;
    box-shadow: 0 0 2px #ccc;
}

img.page-featured, img.blog-featured{
    width: 100%;
    height: auto;
}
img.featured{
    width: 100%;
    height: 27px;
}

article.post .post-header{
    padding-top: 10px;
}
article.post .cat-links a{
    background-color: #fff;
    color: #eb5853;
    text-transform: uppercase;
    text-decoration: none;
    font-family: roboto condensed;
    font-weight: 700;
    display: inline-block;
    padding: 3px 10px 4px 5px;
    position: absolute;
    top: 0;
    left: 0;
}

article.post .cat-links a .icon-categorie {
    font-size: 20px;
    font-size: 2rem;
}

article.post .post-title a{
    color: #eb5853;
    text-decoration: none;
    text-transform: none;
}
article.post .byline{
    text-transform: none;
    margin-bottom: 20px;
    border-color: #aaaaaa;
    padding: 5px 0;
    font-weight: 700;
}
article.post .byline .author{
    font-family: 'Roboto slab', serif;
}

article.post .byline .source{
    font-family: 'Roboto slab', serif;
    color: #eb5853;

}
article.post .byline time{
    font-family: 'Roboto condensed', sans-serif;
    color: #777;
}



article.post .post-content{
    padding-bottom: 10px;
}
article.post .tags-links{
    border-top: 1px solid #ccc;
    color: #eb5853;
    padding-top: 10px;
}
article.post .tags-links a{
    font-family: 'roboto condensed', sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    display: inline-block;
    padding: 3px 5px;
    margin-bottom: 10px;
    margin-right: 10px;
}
/* formater les titres pour le wysiwyg*/
article.post .post-content h1,  article.post .post-content h2,  article.post .post-content h3,  article.post .post-content h4{
    margin-top: 0;
    font-family: 'Roboto condensed', serif;
    color: #212121;
    text-transform: none;
}

/*
BLOG SIDEBAR
*/
.sidebar {

    float: right;
    min-width: 240px;
    padding-right: 15px;
    width: 30%;
}

.sidebar aside{
    margin-bottom: 20px;
}
.sidebar aside h5{
    color: #eb5853;
    font-family: 'Roboto slab', serif;
    margin-bottom: 0;

}

.sidebar aside .widget-title{
    border-bottom: 1px solid;
    border-top: 1px solid;
    color: #212121;
    font-family: 'roboto slab';
    font-size: 15px;
    line-height: 20px;
    margin: 0 0 10px;
    padding: 5px 0;
    text-transform: uppercase;
}
.sidebar aside a{
    color: #eb5853;
    font-family: 'Roboto slab', serif;
}

.sidebar aside ul{
    padding-left: 0;
}


li.side-post-content{
    border-bottom: 1px solid #aaa;
    margin-bottom: 10px;
    padding-bottom: 5px;
}
li.side-post-content a.post-name{
    font-size: 12px;
    font-size: 1.2rem;
    padding-left: 30px;
    position: relative;
    display: inline-block;
}
li.side-post-content a.post-name:before{
    display: block;
    content: '\e813';
    font-family: 'Hamelicon';
    position: absolute;
    font-size: 14px;
    font-size: 1.4rem;
    top: 5px;
    left: 0;
    color: #eb5853;
}
.side-post-content time{
    font-family: 'roboto condensed', sans-serif;
    font-weight: 700;
    padding-left: 30px;
}
.side-post-content .video_lk{
    display: block;
    text-align: center;
}
.side-post-content .video_lk img{
    max-width: none;
    width: 100%;
    margin-bottom: 5px;
}
.side-post-content .img_lk{
    overflow: hidden;
    display: block;
}
.side-post-content .img_lk img{
    max-width: none;
    width: 100%;
    height: 150px;
    margin-bottom: 5px;
}

/* widget categories */
.widget-area aside.widget_categories {
    padding: 5px;
    background: url(img/footer_bg.png) 0 0 no-repeat #000;

}
.widget-area aside.widget_categories > .container{
    border: 1px solid #ccc;
}
.widget-area aside.widget_categories h2{
    font-family: 'Roboto Slab', serif;
    font-size: 18px;
    font-size: 1.8rem;
    margin-bottom: 0.5rem;
    margin-top: 0.5rem;
    padding: 5px 0 10px 0;
    text-align: left;
    color: #fff;
    text-transform: uppercase;
    border-bottom: 1px solid #555;
    position: relative;
}
.widget-area aside.widget_categories h2:after{
    display: block;
    content: '\e819';
    font-family: 'Hamelicon';
    position: absolute;
    font-size: 24px;
    top: 2px;
    right: 0;
}
.widget-area aside.widget_categories li{
    margin-bottom: 0;
}

.widget-area aside.widget_categories a{
    color: #fff;
    position: relative;
    padding-left: 25px;
    font-family: 'Roboto', sans-serif;
}
.widget-area aside.widget_categories a:before{
    display: block;
    content: '\e814';
    font-family: 'Hamelicon';
    position: absolute;
    font-size: 10px;
    top: 5px;
    left: 0;
}

/* comments */

#comments h3{
    color:  #212121;
    font-size: 20px; font-size: 2rem;
    text-transform: none;
}
.comment-list{
    padding-left: 0;
}
.comment-list .comment {
    border-bottom: 1px solid #ccc;
    margin-bottom: 15px;
    padding-bottom: 15px;
}
.comment-meta{
    background: none;
    min-height: 0;
}
.comment-reply-link {
    float: right;
    margin-top: -10px;
}
.comment-form-email label, .comment-form-author label, .comment-form-url label {
    padding-right: 10px;
    width: 100px;
}
#comments code {
    background-color: none;
    color: #aaa;
    font-size: 80%;
    white-space: normal;
}

/* ==========================================================================
   pages ad hoc
   ========================================================================== */
.page_layout header{
    background-color: #fff;
    padding: 5px 0;
}
.page_layout header h1{
    float: left;
    color: #212121;
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 24px;
    line-height: 2.4rem;
    min-height: 24px;
    min-height: 2.4rem;
    padding-left: 15px;
    margin: 0;
}



/* inside here is the wysiwyg : page-content */
.page-content .container{padding: 15px;}
.page-content ul, .page-content li{list-style-type: circle;}

.classeur_ss_block {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ccc;
}
.classeur_ss_block h3{
    color: #212121;
    font-family: 'Roboto slab', serif;
    text-transform: none;
    margin-bottom: 0;
}
/* formater les titres pour le wysiwyg*/
.page-content h1,  .page-content h2,  .page-content h3,  .page-content h4{
    margin-top: 0;
    margin-bottom: 5px;
    font-family: 'Roboto slab', serif;
    color: #212121;
    text-transform: none;
}
/* pages lepic */

.page_lepic .lepic_title{
    background-color: #000;
    color: #eb5853;
    display: block;
    font-family: 'heartregular',cursive;
    font-size: 30px;
    font-size: 3rem;
    left: 0;
    margin: 0;
    padding: 10px 20px 10px 5px;
    position: absolute;
    text-transform: none;
    top: 0;
}
.page_lepic .lepic_widget a:hover, .page_lepic .lepic_widget a:hover .lepic_title{
    text-decoration: none;
    color: #212121;
    background-color: #FEC350;
}
.page_lepic .lepic_widget img{
    width: 100%;
}
.page_lepic .lepic_thb {
    position: absolute;
    right: 50px;
    top: -15px;
    z-index: 10;
}
.container.lepic_container {
    border-left: 3px solid #ed5754;
    border-right: 3px solid #ed5754;
    padding: 15px 15%;
}
/* formater les titres pour le wysiwyg*/
.container.lepic_container h1,  .container.lepic_container h2, .container.lepic_container h3, .container.lepic_container h4{
    margin-top: 0;
    font-family: 'Roboto condensed', serif;
    color: #212121;
    text-transform: none;
}
.page_lepic h3{
    font-family: 'Roboto slab',serif;
    text-transform: none;
}
.lepic_widget{
    border-left: 3px solid #eb5853;
    position: relative;
}
.lepic_container ul, .lepic_container li{list-style-type: circle;}


/*contact*/

.vcard .siege{
    color: #eb5853;
    font-weight: bold;
}

.contact_side small{
    font-family: 'Roboto condensed';
    font-weight: 700;
}

.contact_item{
    border-bottom: 1px solid #ccc;
}


/* boutiques */

.galery_photo img {
    float: left;
    margin-bottom: 15px;
    margin-left: 15px;
}

.sample_boutique{
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
}
.sample_boutique h3{
    text-transform: none;
    font-size: 14px;
    font-size: 1.4rem;
    height: 25px;
    height: 2.5rem;
    margin-bottom: 0;
    font-family: 'roboto slab', serif;
}
.sample_boutique img{
    width: 100%;
}


/* boutique en ligne */

.page_boutique .plateau_lnk, .page_boutique .atelier_lnk{
    padding: 0 15px;
    width: 50%;
    float: left;
}
.plateau_lnk .banner, .atelier_lnk .banner  {
    width: 100%;
}
.plateau_lnk .banner{
    background-image: url('img/plateau_bg.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.atelier_lnk .banner  {
    background-image: url('img/atelier_bg.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}



/* ===================
    PLUGINS AND VENDORS
    ================= */

/*
PAGINATION - WP-PAGENAVI
 */

.wp-pagenavi {
    clear: both;
    text-align: center;
}

.wp-pagenavi a, .wp-pagenavi span {
    text-decoration: none;
    border: none;
    padding: 3px 5px;
    margin: 2px;
    color: #eb5853;
    font-family: 'Roboto condensed', sans-serif;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
    border-color: none;
    color: #212121;
}

.wp-pagenavi span.current {
    font-weight: normal;
}

/* MODALES */

.modal-content{
    border-radius: 0;
}
.modal-header .close {
    color: #fff;
    margin-top: -2px;
    opacity: 1;
    font-size: 16px;
}
.modal-header {
    background: none repeat scroll 0 0 #000;
    border-bottom: 1px solid #e5e5e5;
    color: #fff;
    font-family: 'roboto slab', serif;
    padding: 15px;
}
.modal-header .modal-title{
    color: #eb5853;
}



#selection{
    max-width: 960px;
    position: relative;
    margin-bottom: 15px;
}
#selection select{

}

#selection .rechercher_container{
    display: inline-block;
    margin-bottom: 5px;
    margin-right: 5px;
    margin-top: 0;
    position: relative;
    vertical-align: top;
}
#selection .rechercher{
    width: 150px;
}
#selection .rechercher input[type="submit"] {
    margin-left: -1px;
}
#selection .select_container{
    width: auto;
    display: inline-block;
}

#selection select {
    cursor: pointer;
}

/*CUSTOM SELECTS*/
.customSelect {
    background: url('img/caret.png') no-repeat center right;
    border: 1px solid #212121;
    cursor: pointer;
    font-family: 'Roboto condensed',sans-serif;
    font-size: 14px;
    font-weight: 700;
    height: 34px;
    line-height: 30px;
    margin-bottom: 5px;
    margin-right: 5px;
    padding-left: 10px;
    padding-right: 20px;
    text-transform: uppercase;
    width: auto;
    white-space:nowrap;

}

.customSelect.customSelectHover {
    /* Styles for when the select box is hovered */
}

.customSelect.customSelectOpen {
    /* Styles for when the select box is open */
}

.customSelect.customSelectFocus {
    /* Styles for when the select box is in focus */
}

.customSelect.customSelectDisabledOption {
    /* Styles for when the selected item is a disabled one */
}

.customSelect.customSelectDisabled {
    /* Styles for when the select box itself is disabled */
}

.customSelectInner {
    margin-right: 15px;
    margin-right: 15px;
    max-width: 90px;
    overflow: hidden;
    text-overflow:ellipsis;
}
.map_container{
	position: relative;
	width: 100%;
	padding-bottom: 80%; /* Ratio 16:9 ( 100%/16*9 = 56.25% ) */
}
.map_container .map_canvas{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: 0;
	padding: 0;
}

/*===================
  adapting to devices
  ====================*/
/* Smartphones (portrait and landscape) and tablet portrait----------- */
@media only screen and (max-width: 767px) {
    /*navigation*/
    #search-bar {
        display: block;
        right: 0;
        text-align: right;
        max-width: none;
        width: 100%;
    }
    #search-bar input[type="text"]{
        width: 100%;
    }
    ul.head_links li{
        font-size: 20px;
        font-size: 2rem;
    }
    .navbar-nav.main_nav > li{
        display: block;
        text-align: left;
    }
    .navbar-collapse{
        padding: 0;
    }
    .navbar-nav{
        margin: 0;
    }
    .navbar-nav .open .dropdown-menu{
        background-color: rgba(0, 0, 0, 0.9);
    }
    .mycart {
        float: none;
        margin-top: -10px;
    }

    /*layout*/
    .footer-col, .footer-col h5{
        display: none;
    }
    .footer-col.socials{
        display: block;
        width: 100%;
        padding: 15px 5px 5px;
    }
    .mainmain{
        min-height: 0px;
    }
    /*header*/


    /*home*/
    .masson .simple{
        width: 47%;
        margin-left: 3%;
    }
    .masson .double{
        width:97%;
        margin-left:3%;
    }
    /*fiche produit*/
    .fiche_produit header h1{
        float: none;
        font-size: 16px;
        font-size: 1.6rem;
    }
    .fiche_produit span.price{
        float: none;
    }

    /*listmode*/
    .listmode{
        width: 50%;
    }

    /*lepic*/
    .fiche_produit.lepic .lepic_thb {
        height: 80px;
        left: 82%;
        width: 80px;
    }

    .page_lepic .lepic_title{ width: 100%; text-align: center; position: relative;}
    .container.lepic_container {padding: 15px;}
    .page_lepic .lepic_widget{margin-bottom: 5px;}

    /* images */
    img.page-featured{
        display: none;
    }
    /*sidebar*/
    .sidebar, .content-area  {
        float: none;
        min-width: none;
        width: 100%;
        padding-right: 0;
    }
    .sidebar{margin-top: 30px;}
    /* typo*/
    h1,
    .listing_page h1,
    article.post .post-content h1,
    .page_layout header h1{
        font-size: 20px;
        font-size:2rem;
    }

    /*boutiques*/
    .single-boutiques .page-content, .autres_boutik{
        display: none;
    }

}


@media only screen and (min-width: 421px) {
    /*over du list mode*/
    .image_container:hover .over_content{
        opacity: 1;
        filter: alpha(opacity=100);
    }
    .image_container .over_content h4{
        color: #212121;
        margin-top: 25px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 98%;
    }
    .image_container .over_content p{
        color: #212121;
        font-family: 'roboto';
        margin-top: 15px;
    }

    .image_container:hover .savoir_plus{
        display: block;
    }
}

/* phones only */
@media only screen and (max-width: 420px) {
    /*listing produit / fiches produits*/
    .fiche_produit .carac-name, .fiche_produit .carac-content{width: 100%; margin-left: 0;}
    .sample_product h3, .sample_product h4{
        min-height: 0;
    }
    .listmode{
        width: 100%;
        float: none;
    }
    .listmode .sample_product {
        border-bottom: 1px solid #ccc;
        clear: both;
        float: none;
        margin-bottom: 10px;
        min-height: 60px;
    }
    .listmode .sample_product img {
        /*width: 60px;*/
    }
    .listmode .sample_product .image_container {
        float: left;
        margin-right: 5px;
        /*width: 60px;*/
    }
    .sample_product .image_container + h3 {
        padding-top: 0px;
    }
    .sample_product .lepic_thb {
        display: none;
    }
    /* comments */
    .comment-form input[type="text"],
    .comment-form input[type="url"],
    .comment-form input[type="email"]{
        width: 100%;
    }

}

/* very small phones */
@media only screen and (max-width: 380px) {
    /* home */
    .masson .double, .masson .simple{
        width:95%;
        margin-left:5%;
    }
    /* changement de display pour mobile */
    .masson .banner{
        height: auto;
        padding: 0;
    }
    .banner .border_wrapper{
        position: relative;
    }
    a .banner .overColor,
    a .banner .arrow {
        display: none !important;
    }

    a .banner .border_container{
        border: none;
    }
    .banner.white .border_wrapper{
        background-color: #ddd;
    }
    /* /changement de display pour mobile */

    /*boutiques*/
    .page_boutique .plateau_lnk, .page_boutique .atelier_lnk{
        width: 100%;
    }
}
/*
    display: block;
    content: '\e813';
    font-family: 'Hamelicon';
    position: absolute;
    font-size: 14px;
    font-size: 1.4rem;
    top: 5px;
    left: 0;
    color: #eb5853;
*/
/*===============
f#¢k1n' IE8
==================*/
.lt-ie9 #search-bar{width: 260px;}

.lt-ie9 .input-group.rechercher > input, .lt-ie9 .input-group.rechercher .input-group-btn{
    display: table-cell;
}

.lt-ie9 .container{
    width: inherit;
}

.lt-ie9 #header_container{
    background-repeat: repeat-x;
}

/* Remove HTML Tags From WordPress Comment Form */

.form-allowed-tags{
    display: none;
}

/*Outil de recherche employés */
/*
.container  legend
{
    font-family: 'Roboto Condensed', sans-serif;
    color: #eb5853;
    border: none !important;
    margin-bottom: 0px;
}

.container > legend
{
    margin-left: 94px;
    width: 185px;
    float: left;
}
*/

/*
.container .subcontainer legend
{
    font-family: 'Roboto Condensed Bold', sans-serif;
    font-size: 14px;
    color: #000000;
    text-transform: uppercase;
}
*/

.product_name
{
    width: 342px;
    margin-top: 15px;
    margin-left: 228px;
    margin-bottom: 12px;
    font-family: 'Roboto Condensed', sans-serif;
    padding-left: 14px;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.product_word, .product_code, .pairing_search,
.producer_search
{
    width: 308px;
    margin-left: 262px;
    font-family: 'Roboto Condensed', sans-serif;
    padding-left: 14px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.product_code
{
    margin-bottom: 17px;
    margin-top: 12px;
}

.or_span
{
    display: block;
    float: left;
    margin-left: 237px;
}

/*
.label-search
{
    display: block;
    position: absolute;
    width: auto;
    margin-left: 16px;
}
*/

/*
.subcontainer
{
    background-color: #ffffff;
    width: 714px;
    margin: 0 auto;
    border-bottom: 2px solid #d2d2cf;
}

.subcontainer_bottom
{
    padding-bottom: 25px;
    padding-top: 16px;
}

.subcontainer input
{
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-radius: 0;
    text-shadow: none;
    border: 1px solid #212121;
    font-size: 14px;
    font-weight: normal;
    line-height: 22px;
    font-family: 'Roboto condensed', sans-serif;
    text-transform: uppercase;
    display: block;
}

.subcontainer input[type="radio"]
{
    display: none;
}
*/


.button_radio_2 label img
{
    width: auto !important;
    display: block;
    border-radius: 21px;
    position: relative;
}

.button_radio_2 input[type="radio"]:checked + label:after
{
    content: url("img/check.png");
    width: 64px;
    height: 65px;
    display: inline-block;
    background-color: rgb(235, 88, 84);
    opacity: 0.8;
    border-radius: 50%;
    position: absolute;
    z-index: 150;
    margin-top: -64px;
}

.button_radio_2 input[type="radio"]:not(:checked) + label img
{
    cursor: pointer;
    padding-right: 7px;
}

.button_radio_2 input[type="radio"]:checked + label img
{
    padding-right: 7px;
}

.round_valid_click
{
    border-radius: 60%;
    background-color: rgb(235, 88, 84);
    opacity: 0.7;
    height: 65px;
    width: 65px;
    display: none;
    float: left;
    margin-left: -83px;
}

.button_radio_1 input[type="radio"]:not(:checked) + label
{
    cursor: pointer;
    width: auto;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-radius: 0;
    text-shadow: none;
    border: 1px solid #212121;
    font-size: 14px;
    font-weight: normal;
    font-family: 'Roboto condensed', sans-serif;
    padding: 10px;
}

.button_radio_1 input[type="radio"]:checked + label
{
    background-color: #eb5853;
    color: #fff;
    border-radius: 0;
    text-shadow: none;
    border: 1px solid #eb5853;
    font-size: 14px;
    font-weight: normal;
    font-family: 'Roboto condensed', sans-serif;
    padding: 10px;
    cursor: pointer;
    width: auto;
}

.tactile-screen:hover
{
    background-color: #eb5853 !important;
    border-color: #eb5853 !important;
    color: #fff;
}

/*
.subcontainer label
{
    display: block;
    float: left;
    margin-right: 12px;
    margin-bottom: 11px;
}

*/
.subtitle
{
    width: 306px;
    float: right;
    margin-right: 62px;
}

/*
.subtitle.choose_caractere
{
    width: auto;
    margin-right: 94px;
}

*/
/*
#employees-search input[type="submit"]
{
    margin-left: 363px;
    width: 236px;
    height: 44px;
    margin-top: 30px;
}

.search_button_fromage
{
    margin-left: 228px;
    margin-bottom: 16px;
}
*/

/*
.subcontainer.button_radio_1,
.subcontainer.button_radio_2,
.subcontainer.search-country,
.subcontainer.end_subcontainer,
.subcontainer.subcontainer-last
{
    padding-top: 16px;
}

*/
.selected_search
{
/*    margin-left: 228px;*/
    margin-bottom: 15px;
    border: 1px solid #212121;
    font-size: 14px;
    font-weight: normal;
    padding-left: 14px;
    padding-top: 5px;
    padding-bottom: 5px;
}

/*
#employees-search fieldset
{
    padding: 18px !important;
}
*/

.product_word
{
    margin-bottom: 12px;
}

.producer_search, .pairing_search
{
    margin-left: 228px;
    margin-top: 15px;
    margin-bottom: 15px;
    width: 342px;
}

/*
.accords_container fieldset
{
    border: none !important;
}

.accords_container .end_subcontainer
{
    border-bottom: 2px solid #d2d2cf !important;
}
*/

/*HEADER search employes */
/*
#header_container_search  .search h1
{
    margin-left: 27px !important;
    padding-top: 32px;
    color: #ffffff;
    float: left;
    font-size: 36px;
    max-width: 471px !important;
    z-index: 5;
}
*/

/*
#header_container_search .search img
{
    display: block;
    float: right;
    width: 202px;
    height: 60px;
    margin-right: 44px;
    z-index: 4;
    margin-top: 15px;
}
*/

.user_log .lepic_thb
{
    position: absolute;
    top: 41px;
    left: -31px;
}

.search_employe
{
    margin: 0 auto;
    background-color: #F7f7f3 !important;
    height: 97px !important;
    padding: 0;
    position: relative;
}

/*
.container_header_tablet
{
    width: 768px;
    margin: 0 auto;
}
*/

#header.search
{
    min-height: 97px;
    background: rgba(235,88,84,.85);
}

/*
Resultats de recherche*/
/*
.listing_page .number_found_cheese
{
    font-family: 'roboto condensed', sans-serif;
    font-weight: bold;
    margin-left: 15px;
    display: inline-block;
    margin-top: 24px;
}

.listing_page.search_result
{
    width:714px;
}
*/

/*
.listmode_search
{
    width:714px !important;
    margin-left: 27px;
    background-color: #ffffff;
}

.listmode_search img
{
    width: 120px !important;
    display: block;
    margin-top: 27px;
}

.listmode_search .image_container
{
    width: auto;
    float: left;
    margin-bottom: 21px;
}
*/

/*
.information_cheese
{
    float: right;
    width: 522px;
    margin-top: 24px;
    margin-bottom: 21px;
}

.information_cheese .name_product
{
    width: 60%;
    float: left;
    display: block;
    font-size: 14px;
    text-transform: none;
}

.information_cheese p
{
    font-family: 'Roboto condensed', sans-serif;
    color: #000000;
    font-size: 14px;
    width: auto;
    display: inline-block;
    margin-right: 18px;
}

.information_cheese .number_product
{
    font-weight: bold;
    font-size: 14px;
    color: #adadad;
    width: 35%;
    float: right;
    display: block;
}
*/

/*
.new_search
{
    cursor: pointer;
    width: auto;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-radius: 0;
    text-shadow: none;
    border: 1px solid #212121;
    font-size: 14px;
    font-weight: normal;
    font-family: 'Roboto condensed', sans-serif;
    padding: 10px;
    color: #000000 !important;
    display: block;
    float: right;
    margin-bottom: 18px;
}
*/

.retour_result
{
    cursor: pointer;
    width: auto;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-radius: 0;
    text-shadow: none;
    border: 1px solid #212121;
    font-size: 14px;
    font-weight: normal;
    font-family: 'Roboto condensed', sans-serif;
    padding: 10px;
    color: #000000 !important;
    display: block;
    float: left;
/*    margin-bottom: 18px;*/
}

.affichage_resultat
{
    padding-bottom: 135px;
}

a.new_search,
a.retour_result
{
    text-decoration: none;
}

.new_search:hover,
.retour_result:hover
{
    background-color: #eb5853;
    border-color: #eb5853;
    color: #fff !important;
}

.important_title
{
    font-weight: bold;
}

/*
.pagination_search .wp-pagenavi
{
    padding-top: 33px;
}

.pagination_search .wp-pagenavi .meta-nav,
.pagination_search .wp-pagenavi span.meta-nav
{
    border: 1px solid #eb5853;
    padding-left: 15px;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-right: 15px;
}

.pagination_search .wp-pagenavi span.meta-nav
{
    color: #eb5853 !important;
}

.pagination_search .wp-pagenavi span.meta-nav.current
{
    background-color: #eb5853;
    color: white !important;
}

.pagination_search .wp-pagenavi .meta-nav:hover
{
    color: #FFFFFF;
    border: 1px solid #eb5853;
    background-color: #eb5853;
}
*/

/*Page produit*/
.recherche_again
{
    width: 714px;
/*    padding-bottom: 15px;*/
}

.user_log .caracteristiques_inline
{
    width: 100%;
}

.user_log .image_illustration_fromage
{
    width: 100%;
}

.user_log .classeur_fromage
{
    width: 714px;
}

.user_not_log .affichage_right
{
    float: left;
}

.user_not_log .anecdote
{
    margin-top: 15px;
}

.user_log .similar_products
{
    width: 100%;
    height: 0 auto;
}

.user_log .similar_products img
{
    display: none;
}

.user_log .similar_products .col-sm-4
{
    width: 100% !important;
}

.user_log .similar_products .col-sm-4 .sample_product
{
    height: auto !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

.user_log .similar_products .col-sm-4 .sample_product .price
{
    display: none;
}

.user_log .lepic_thb.fiche_produit
{
    position: absolute;
    left: -28px;
    top: -547px;
}

.user_not_log .lepic_thb
{
    top: 45px;
    left: -19px;
    position: absolute;
}


.lepic_thb.fromage_spe img
{
    width: 38px !important;.subcontainer label
}

.user_not_log .lepic_thb.fiche_produit
{
    position: absolute;
    top: -549px;
    left:-43px;
}

.user_log .recettes
{
    width: 714px;
}

.user_log .recettes .sample_product
{
   padding-bottom: 0px;
}


.user_log .recettes .col-sm-4.col-xs-12
{
    width: 100%;
}

.recherche_again ol.breadcrum,
    .recherche_again form .select_container,
    .recherche_again form .rechercher
{
    display: none !important;
}

/*
.change_lang
{
    color: white;
    float: right;
	margin-top: 6px;
    margin-right: 17px;
}

a.change_lang
{
    text-decoration: none;
}

a.change_lang:hover
{
    color: black;
}
*/

.user_not_log .col-sm-12.note
{
    margin-top: 12px;
}

/*
.result_container_cheese
{
    width: 714px;
}
*/

@media (max-width: 800px) {
    .user_not_log .lepic_thb
    {
        height: 80px;
        left: 82%;
        width: 80px;
    }

    .user_not_log .caracteristiques_inline.descript
    {

    }

    .container
    {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }

    .new_search,.retour_result
    {
        width: 90%;
/*        margin-left: 5%;*/
        float: none;
        text-align: center;
    }

    .recherche_again
    {
        padding-bottom: 0px;
    }

/*
    .subcontainer
    {
        width: 100%;
    }
*/

    #employees-search input[type="submit"]
    {
        margin-left: 15%;
        width: 70%;
    }

    .search_button_fromage,
    .selected_search,
    .product_name,
    .product_word,
    .product_code,
    .pairing_search,
    .producer_search
    {
        margin-left: 10%;
        margin-top: 45px;
    }

    .or_span,
    .subtitle
    {
        margin-left: 10%;
    }

    .subtitle
    {
        float: none;
        margin-right: 0;
    }

    .container > legend
    {
        float: none;
        margin-left: 10%;
        width: 80%;
    }

    .user_log .section
    {
        width: 90%;
        margin-left: 5%;
    }

    .selected_search,
    .product_name,
    .product_word,
    .product_code,
    .pairing_search,
    .producer_search,
    .subtitle
    {
        width: 80%;
    }

/*
    .container_header_tablet
    {
        width: 100%;
    }
*/

    #header_container_search .search h1
    {
       width: 40%;
        font-size: 24px;
    }

    #header_container_search .search img
    {
        margin-top: 25px;
    }

    .user_log .classeur_fromage
    {
        width: auto;
    }

    .recherche_again
    {
        width: 90%;
        margin-left: 5%;
    }

    /*Recherche result*/

/*
     .listmode_search
    {
        width: 90% !important;
        margin-left: 5%;
    }
*/

/*
    .sample_product.product_result

    {
        padding-bottom: 237px;
    }
*/

    .information_cheese
    {
        width: 60%;
    }

    .user_log .lepic_thb
    {
        position: absolute;
        top: 78px;
        left: -31px;
    }

    .user_log .lepic_thb img
    {
        width: 80%;
    }
}

@media (max-width: 540px) {
    #header_container_search .search h1 {
        width: 20%;
        font-size: 17px;
    }

    #header_container_search .search img {
        margin-top: 37px;
        margin-right: 0px;
    }
}

@media (max-width: 445px) {

    .sample_product.product_result
    {
        padding-bottom: 485px;
    }

    .information_cheese
    {
        width: 60%;
    }

/*
    .listmode_search img
    {
        width: 90% !important;
        margin-left: 5%;
    }

    .information_cheese
*/
    {
        width: 90%;
        margin-left: 5%;
    }

/*
    .listmode_search .image_container
    {
        width: 90% !important;
    margin-left: 5%;
    }
*/

    .browse_list
    {
        margin-top: 58px;
    }

    .pagination_search .wp-pagenavi .meta-nav,
    .pagination_search .wp-pagenavi span.meta-nav
    {
        padding-bottom: 8px;
        padding-left: 6px;
        padding-right: 6px;
        padding-top: 8px;
    }

    .user_log .lepic_thb
    {
        position: absolute;
        top: 97px;
        left: -16px;
    }

    .user_log .lepic_thb img
    {
        width: 60%;
    }
}

@media (max-width: 340px) {
    #header_container_search .search h1
    {
        width: 10%;
        font-size: 12px;
    }

    #header_container_search .search img
    {
        margin-top: 37px;
        width: 101px;
        height: 30px;
        margin-right: 0px;
    }
    .sample_product.product_result
    {
        padding-bottom: 462px;
    }

}

.description figure img
{
    width: 100%;
}

/*
.voir_plus p
{
    color: #eb5854 !important;
    display: block;
    float: right;
    position: absolute;
    bottom: 10;
    right: 0;
}
*/

/*
.titre_search_connect
{
    text-transform: none;
}
*/

@media only screen and (max-width: 960px) {
    /*layout*/
    .section{
        float: none;
        min-width: none;
        width: 96%;
        margin:0 2%;
        padding-right: 0;
    }
}

/* Recherche employe */
.container-recherche-employe								{ width: 744px; }
.container-recherche-employe fieldset						{ padding: 0; }
.container-recherche-employe h1								{ font-weight: bold; text-transform: none; font-size: 36px; padding-top: 36px; float: left; color: #fff; }
#header .container-recherche-employe h1						{ max-width: 400px; }

.container-recherche-employe .recherche-logo				{ float: right; margin-right: 30px; width: 196px; height: 52px; margin-top: 28px; }

.container-recherche-employe a.change_lang					{ color: #fff; float: right; margin-top: 6px; text-decoration: none; }
.container-recherche-employe a.change_lang:hover,
.container-recherche-employe a.change_lang:active			{ color: black; }

.container-recherche-employe .subcontainer					{ background: #fff; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2); width: 100%; box-sizing: border-box; padding: 14px; margin-bottom: 2px; display: block; }
.container-recherche-employe .subcontainer_bottom			{ margin-bottom: 25px; }

/*New
.container-recherche-employe .select_container,
#selection													{ display: none; height: 0; overflow: hidden; }
.container-recherche-employe:after							{ content: "."; visibility: hidden; display: block;  height: 0; clear: both; }
New*/

.container-recherche-employe legend							{ border: none; }
.container-recherche-employe legend.label-search			{ font-weight: bold; font-size: 14px; color: #000; display: inline-block; float: left; width: 160px; margin: 10px 0 0 14px; }
.container-recherche-employe legend.recherche-titre			{ font-family: 'Roboto Slab', serif; font-weight: bold; font-size: 18px; color: #eb5853; margin-bottom: 6px; float: left; width: 40% }

.container-recherche-employe .choose_caractere				{ float: right; width: 40%; text-align: right; }

.container-recherche-employe input							{ background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border-radius: 0; text-shadow: none; border: 1px solid #212121; font-size: 14px; font-weight: bold; line-height: 22px; font-family: 'Roboto condensed', sans-serif; text-transform: uppercase; display: block; }
.container-recherche-employe input[type="radio"]			{ display: none; }
.container-recherche-employe input[type="submit"]			{ width: 236px; height: 44px; margin: 30px auto; font-size: 18px; font-weight: bold; }

.container-recherche-employe .selected_search				{ border: 1px solid #212121; }
.container-recherche-employe .recherche-header				{ width: 100%; display: block; /*float: left;*/ margin-bottom: 15px; }
.container-recherche-employe .recherche-header:after		{ content: "."; visibility: hidden; display: block; height: 0; clear: both; }

.container-recherche-employe .subcontainer					{ float: left; }

/*
.subcontainer.button_radio_1,
.subcontainer.button_radio_2,
.subcontainer.search-country,
.subcontainer.end_subcontainer,
.subcontainer.subcontainer-last								{ padding-top: 16px; }
*/

.container-recherche-employe label							{ margin: 6px 6px 6px 0; font-weight: bold !important; }
.container-recherche-employe .search_button_fromage 		{ margin-left: 228px; min-height: 44px; }

/* Resultat */
.container-recherche-employe .number_found_cheese					{ font-family: 'roboto', sans-serif; font-size: 16px; font-weight: bold; display: block; float: left; margin: 20px 0 10px 0; }

.container-recherche-employe .listmode								{ width: 100%; }
.container-recherche-employe .listmode .sample_product				{ width: 100%; margin-bottom: 20px; padding-bottom: 20px; float: left; position: relative; }
.container-recherche-employe .listmode:last-child .sample_product	{ padding-bottom: 0; margin-bottom: 0; border: none; }
.container-recherche-employe .listmode .image_container				{ width: 120px; float: left; margin-right: 20px; }

.container-recherche-employe .listmode .information_cheese			{ width: 100%; display: block; }
.container-recherche-employe .listmode .information_cheese a		{ width: 100%; display: block; color: #333; }
.container-recherche-employe .listmode .information_cheese p		{ display: inline-block; margin: 0 14px 0 0; }
.container-recherche-employe .listmode .name_product				{ font-size: 20px; margin: 0 10px 0 0; display: inline-block; width: 50%; }
.container-recherche-employe .listmode .number_product				{ font-family: 'Roboto', sans-serif; color: #999; font-weight: bold; font-size: 14px; margin: 0; display: inline-block; text-align: right; float: right; }
.container-recherche-employe .listmode a.voir_plus					{ color: #eb5854; position: absolute; bottom: 16px; right: 0; width: 200px; text-align: right; }
.container-recherche-employe .listmode:last-child a.voir_plus		{ bottom: 6px; }

.container-recherche-employe a.recherche-button				{ width: auto; display: block; border: 1px solid #333; font-size: 14px; padding: 8px 12px; color: #333; font-family: 'Roboto condensed', sans-serif; font-weight: bold; margin-top: 10px; }
.container-recherche-employe a.recherche-button:hover,
.container-recherche-employe a.recherche-button:active		{ border-color: #eb5853; }

.container-recherche-employe .align-right					{ float: right; }
.container-recherche-employe .align-left					{ float: left; }

/* Pagination */
.pagination_search .wp-pagenavi								{ padding: 30px 0; }
.pagination_search .wp-pagenavi .meta-nav,
.pagination_search .wp-pagenavi span.meta-nav				{ border: 1px solid #eb5853; padding: 10px 14px; margin: 0 4px; }
.pagination_search .wp-pagenavi span.meta-nav				{ color: #eb5853 !important; }
.pagination_search .wp-pagenavi span.meta-nav.current		{ background-color: #eb5853; color: white !important; }
.pagination_search .wp-pagenavi .meta-nav:hover				{ color: #FFFFFF; border: 1px solid #eb5853; background-color: #eb5853; }

/* Fiche */
.recherche_again .container-recherche-employe				{ width: 714px; /*margin-bottom: 20px;*/ }

@media only screen and (max-width: 960px) {
    /*layout*/
	.recherche_again .container-recherche-employe			{ float: none; min-width: none; width: 714px; margin-left: 15px; margin-right: 15px; box-sizing: border-box; /*margin:0 5%;*/ }
}

@media (max-width: 800px) {
	.container-recherche-employe,
	section.container-recherche-employe									{ width: 100%; padding: 0 15px; margin: 0; box-sizing: border-box; }
	.container-recherche-employe .search_button_fromage 				{ margin-left: 14px; }
	.container-recherche-employe .listmode .information_cheese			{ width: 70%; display: inline-block; }
	.container-recherche-employe .listmode .name_product				{ width: 100%; }
	.container-recherche-employe .listmode .number_product				{ width: 100%; text-align: left; }
	.recherche_again .container-recherche-employe						{ width: 90%; margin-left: 5%; margin-right: 5%; padding: 0; box-sizing: border-box; }
}

@media (max-width: 600px) {
	.container-recherche-employe .listmode .information_cheese			{ width: 60%; }

}

@media (max-width: 400px) {
	.container-recherche-employe .listmode .information_cheese			{ width: 100%; margin-top: 20px; }

}

.mtsnb-link {
    text-decoration: underline !important;
}

/* KCFHTMA-38 */
.flex-content {
    display: flex;
    flex-flow: row wrap;
}
.flex-content .banner {
    height: auto;
    display: flex;
    flex-direction: column;
}

.flex-item-2-3 {
    flex: 2 1 100%;
}

.flex-item-1-3 {
    flex: 1 1 100%;
}
@media only screen and (min-width: 768px){
    .flex-content {
        flex-wrap: nowrap;
    }
    .flex-item-2-3 {
        flex: 2 1 66%;
    }

    .flex-item-1-3 {
        flex: 1 1 33%;
    }
}

.opening-hours-block__hours-container {
    background-image: url(img/boutiques/fromagerie.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 15px 10px;
    height: 100%;
}

.opening-hours-block__hours {
    display: flex;
    flex-flow: row wrap;
    padding: 20px;
    background: #ffffff;
    opacity: 0.9;
}

.opening-hours-block h2, .order-block h2 {
    margin-bottom: 5px;
}

.opening-hours-block__boutique {
    flex: 1 1 100%;
    margin-bottom: 15px;
}
@media only screen and (min-width: 768px){
    .opening-hours-block__boutique {
        flex: 1 1 50%;
    }
}

.opening-hours-block__boutique__title {
    font-family: 'Roboto Slab', serif;
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 4px;
    color: #212121;
}

.order-block__container {
    background-image: url(img/fromages4.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 15px 10px;
}

.order-block__info {
    display: flex;
    flex-flow: column nowrap;
    padding: 10px;
    background: #ffffff;
    opacity: 0.9;
}

.order-block__info__row {
    display: flex;
    flex-flow: row nowrap;
    margin-bottom: 15px;
}
.order-block__info__row.order-block__info__row--center {
    justify-content: center;
}

.order-block__info__row__picto {
    flex: 0 0 30px;
}

.order-block__info__row__text {
    font-size: 13px;
}

.order-block__info__row__phone {
    display: inline-block;
    background-color: #eb5853;
    color: #ffffff;
    padding: 8px;
    border-radius: 3px;
    font-weight: bold;
    margin-top: 10px;
    text-align: center;
}

.order-block__info__row__phone a {
    color: #ffffff;
}

/* KCFHTMA-39 */
.phone-order-block {
    display: flex;
    flex-flow: row wrap;
    background-color: #333333;
    margin: 20px 30px 40px 30px;
    padding: 20px 20px 0px 20px;
    color: #ffffff;
}

.phone-order-block__col1 {
    flex: 2 1 100%;
}
.phone-order-block__col2 {
    flex: 1 1 100%;
    margin-top: 20px;
}
@media only screen and (min-width: 768px){
    .phone-order-block {
        flex-wrap: nowrap;
    }
    .phone-order-block__col1 {
        flex: 1 1 auto;
    }
    .phone-order-block__col2 {
        flex: 1 1 auto;
        margin-top: 0;
    }
}

.phone-order-block .order-block__info__row__picto {
    flex: 0 0 40px;
}

.phone-order-block__title {
    font-family: 'Roboto Slab', serif;
    font-weight: bold;
    font-size: 18px;
}

.picto-background {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #eb5853;
    border-radius: 50%;
    width: 30px;
    height: 30px;
}