@charset "utf-8";
/* =============================================================================

    @note    compresseur de code css : http://www.cleancss.com/

    collection de polices : http://www.alsacreations.com/article/lire/631-quelles-polices-pour-un-site-web.html

    Polices à empattements (serif)
        font-family: Times, "Times New Roman", "Liberation Serif", FreeSerif, serif;
        font-family: Georgia, "DejaVu Serif", Norasi, serif;

    Polices sans empattements (sans-serif)
        font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", "Luxi Sans", sans-serif;
        font-family: Tahoma, Geneva, Kalimati, sans-serif;
        font-family: Verdana, "DejaVu Sans", "Bitstream Vera Sans", Geneva, sans-serif;
        font-family: Impact, "Arial Black", sans-serif;

    Polices à chasse fixe (monospace)
        font-family: Courier, "Courier New", FreeMono, "Liberation Mono", monospace;
        font-family: Monaco, "DejaVu Sans Mono", "Lucida Console", "Andale Mono", monospace;

    Conventions de nommage des éléments génériques.
        #header {} bloc d'entête
        #footer {} bloc de pied de page
        #main-nav {} navigation principale
        #aside-nav {} navigation latérale
        #secondary-nav {} navigation supplémentaire
        #breadcrumb {} fil d'ariane
        #sidebar {} partie latérale
        #contact {} formulaire de contact
        .error {} signalement des erreurs
        .succes {} signalement d'une opération réussie
        .warnig {} bloc pour attirer l'attention
        .info {} élément ou bloc d'information
        .more {} lien générique type "en savoir plus"
        .block {} block générique

    Si besoin suffixer les classes .block-a, .more-a etc

    Quelques classes génériques si besoin
        .clear-left { clear:left }
        .clear-right { clear:right }
        .clear-both { clear:both }
        .valign-middle { vertical-align:middle }
        .valign-top { vertical-align:top }
        .valign-bottom { vertical-align:bottom }
        .invisible { visibility:hidden }
        .suffix1 { margin-right:XXpx }
        .prefix1 { margin-left:XXpx }
        .prepend-top { margin-top:XXem }
        .append-bottom { margin-bottom:XXem }

========================================================================== */
/* =============================================================================
    Styles par défaut
    ========================================================================== */
body {
    background: #e2e2df;
    color: #000;
    font: 13px/1.4 Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
}

/*http://darklg.me/2012/03/font-face-avec-anti-aliasing-windows/*/
@font-face {
        font-family: 'DaxWeb-CondLight';
        src: url('../fonts/DaxWeb-CondLight.eot');
        src: url('../fonts/DaxWeb-CondLight.eot?#iefix') format('embedded-opentype'),
                 url('../fonts/DaxWeb-CondLight.svg#DaxWeb-CondLight') format('svg'),
                 url('../fonts/DaxWeb-CondLight.woff') format('woff'),
                 url('../fonts/DaxWeb-CondLight.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
}

/*http://darklg.me/2012/03/font-face-avec-anti-aliasing-windows/*/
@font-face {
        font-family: 'DaxWeb-CondMedi';
        src: url('../fonts/DaxWeb-CondMedi.eot');
        src: url('../fonts/DaxWeb-CondMedi.eot?#iefix') format('embedded-opentype'),
                 url('../fonts/DaxWeb-CondMedi.svg#DaxWeb-CondMedi') format('svg'),
                 url('../fonts/DaxWeb-CondMedi.woff') format('woff'),
                 url('../fonts/DaxWeb-CondMedi.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
}

a {
    text-decoration: none;
}

/*
 *  http://www.alsacreations.com/astuce/lire/43-comment-dfinir-lapparence-de-ses-liens.html
 */
/*a:visited {
    color: gray;
}*/

a:hover,
a:focus,
a:active {
    color: #6C6C6C;
}

input,
textarea {
    font-family: inherit;
}

img {
    vertical-align: top;
}

input[type="text"] {
    border: 1px solid #d2d2d2;
    color: #7e7e7e;
}

select {
    border: 1px solid #d2d2d2;
    padding: 3px;
}

.hide-for-medium, /*Element is hidden below 768px*/
.hide-for-small, /*Element is hidden below 480px*/
.hide-for-tiny { /*Element is hidden below 360px*/
    display: block;
}

img.hide-for-medium, /*Element is hidden below 768px*/
img.hide-for-small, /*Element is hidden below 480px*/
img.hide-for-tiny { /*Element is hidden below 360px*/
    display: inline;
}

td.hide-for-medium, /*Element is hidden below 768px*/
td.hide-for-small, /*Element is hidden below 480px*/
td.hide-for-tiny { /*Element is hidden below 360px*/
    display: table-cell;
}


.show-for-medium, /*Element is visible below 768px*/
.show-for-small, /*Element is visible below 480px*/
.show-for-tiny { /*Element is visible below 360px*/
    display: none;
}

@media only screen and (max-width: 768px) {

    .hide-for-medium {
        display: none !important;
    }

    .show-for-medium {
        display: block;
    }

    td.show-for-medium {
        display: table-cell;
    }

}

@media only screen and (max-width: 480px) {

    .hide-for-small {
        display: none !important;
    }

    .show-for-small {
        display: block;
    }

    td.show-for-small {
        display: table-cell;
    }

}

@media only screen and (max-width: 360px) {

    .hide-for-tiny {
        display: none !important;
    }

    .show-for-tiny {
        display: block;
    }

    td.show-for-tiny {
        display: table-cell;
    }

}

/* =============================================================================
    Classes génériques
    ========================================================================== */
/*
 *  Micro clear fix http://nicolasgallagher.com/micro-clearfix-hack/
 */
.cf:before,
.cf:after {
    content: "";
    display: table;
}

.cf:after {
    clear: both;
}

/*
 * Image replacement
 * http://www.zeldman.com/2012/03/01/replacing-the-9999px-hack-new-image-replacement/
 */
.ir {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}
.clear-both { clear:both }
/* =============================================================================
   Structure
   ========================================================================== */
.wrapper {
    overflow: hidden;
}

.grid-a,
.grid-b,
.grid-c,
.grid-d,
.grid-v{
    float: left;
}

.grid-a {
    width: 185px;
}

.grid-b {
    width: 380px;
}

.grid-c {
    width: 190px;
}

.grid-d {
    width: 462px;
}

.grid-e {
    width: 543px;
}

.grid-d + .grid-d {
    margin-left: 26px;
}

.grid-b + .grid-c {
    margin-left: 29px;
}

.background {
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 5;
}

.background img {
    left: 50%;
    margin-left: -1140px;
    position: fixed;
    top: 0;
}

#container {
    background: #fff;
    margin: 0 auto;
    padding: 0 15px;
    position: relative;
    width: 950px;
    z-index: 10;
}

.main-section {
    float: left;
    padding: 0 27px 0 0;
    width: 623px;
}

.aside {
    float: left;
    width: 300px;
}

.home .aside {
    margin: 17px 0 0;
}

.home #slides {
    margin-top: 17px;
}
/* =============
   Header
   =============*/
#logo {
    float: left;
}

#logo a {
    display: block;
    height: 127px;
    overflow: hidden;
    width: 291px;
}

#logo a:hover img {
    margin-top: -127px;
}

.alt-menu {
    border-bottom: 1px solid #efefef;
    float: right;
    font-size: 12px;
    padding-left: 25px;
    margin: 0 -15px 0 0;
}

.alt-menu li {
    display: inline-block;
    padding: 0 11px;
    line-height: 27px;
}

.alt-menu a {
    color: #5f5f5f;
}

.alt-menu li.current{
    font-weight: bold;
}

.search-form {
    clear: right;
    margin: 0 0 0 335px;
    padding: 45px 0 0;
}

.search-form input {
    vertical-align: top;
}

.search-form input[type="text"] {
    height: 16px;
    line-height: 14px;
    margin: 0 -4px 0 0;
    padding: 9px 15px;
    width: 385px;
}

.search-form p {
    margin: 0;
}

#header {
    position: relative;
}

/* =============
   Menu principal
   =============*/
#navbar {
    display: none;
}

#main-nav {
    background: transparent url(../images/common/bg-main-nav.gif) repeat-x 0 100%;
    clear: both;
    margin: 0;
    padding: 0 0 4px;
}

#main-nav:before,
#main-nav:after {
    content: "";
    display: table;
}

#main-nav:after {
    clear: both;
}

#main-nav a {
    display: block;
}

#main-nav a:hover {
    color: #000;
}

#main-nav li {
    list-style: none;
}

#main-nav > li {
    float: left;
    position: relative;
}

#main-nav > li + li {
    margin-left: 2px;
}

#main-nav > li > a {
    border-bottom: 3px solid #fff;
    border-top: 3px solid #fff;
    height: 35px;
}

#main-nav > li:hover > ul {
    display: block;
}

#main-nav > li:hover > a {
    border-bottom-color: #098b03;
    border-top-color: #098b03;
}

#main-nav > li:first-child:hover > a,
#main-nav > li:first-child + li:hover a
{
    border-bottom-color: #f79201;
    border-top-color: #f79201;
}

#main-nav > li:first-child + li + li:hover a,
#main-nav > li:first-child + li + li + li:hover a {
    border-bottom-color: #9ac102;
    border-top-color: #9ac102;
}

.currentOrange a {
    border-bottom-color: #f79201 !important;
    border-top-color: #f79201 !important;
}
.currentVertC a {
    border-bottom-color: #9ac102 !important;
    border-top-color: #9ac102 !important;
}
.currentVertF a {
    border-bottom-color: #098b03 !important;
    border-top-color: #098b03 !important;
}
#main-nav ul {
    background: #098b03;
    border: 2px solid #fff;
    border-top: none;
    display: none;
    left: -2px;
    margin: 0;
    padding: 9px 0;
    position: absolute;
    top: 41px;
    z-index: 500;
    width: 200px;

}

#main-nav > li a{
line-height:25px !important;
}

#main-nav > li:first-child ul,
#main-nav > li:first-child + li ul {
    background: #f79201;
}

#main-nav > li:first-child + li + li ul,
#main-nav > li:first-child + li + li + li ul {
    background: #9ac102;
}

#main-nav ul {
    padding: 0 20px;
}

#main-nav ul a {
    color: #fff;
    font: 16px/32px 'DaxWeb-CondLight';
    overflow: hidden;
    text-transform: uppercase;
}

#main-nav ul a:hover img {
    margin-top: -27px;
}

#main-nav ul li + li {
    border-top: 1px solid #3db138;
}

#main-nav > li:first-child ul li + li,
#main-nav > li:first-child + li ul li + li {
    border-top: 1px solid #f9a834;
}


#main-nav > li:first-child + li + li ul li + li ,
#main-nav > li:first-child + li + li + li ul li + li {
    border-top: 1px solid #bade2c;
}
/* =============================================================================
   Footer
   ========================================================================== */
#footer {
    background: #f5f5f4;
    color: #686868;
    margin: 40px -15px 0;
}

#footer a {
    color: #686868;
}

#footer .footer-nav {
    background: transparent url(../images/common/bg-main-nav.gif) repeat-x 0 0;
    border-bottom: 1px solid #dcdddc;
    font: 16px 'DaxWeb-CondLight';
    line-height: 40px;
    padding: 0 15px;
    text-transform: uppercase;
}

#footer .footer-nav a:before {
    content: '•';
    margin: 0 15px;
}

.map {
    padding: 20px 15px 50px 15px;
}

.map ol {
    float: left;
    margin: 0;
    padding: 0;
    width: 150px;
}

.map li {
    list-style: none;
}

/* =============================================================================
   Eléments génériques
   ========================================================================== */
/* =============
   Fil d'ariane
   =============*/
#breadcrumb {
    color: #007e35;
    line-height: 35px;
    margin: 0;
    padding: 0;
}

#breadcrumb span {
    color: #000;
}

#breadcrumb a {
    color: #434446;
}

#breadcrumb a:first-child {
    background: transparent url(../images/common/maison-accueil.gif) no-repeat 0 0;
    padding: 0 0 0 20px;
}

.row .cell {
    display: inline-block;
    vertical-align: top;
}

.button {
    background: transparent url(../images/common/picto-right2.gif) no-repeat 100% 50%;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    line-height: 22px;
    padding: 0 20px 0 10px;
    text-decoration: none !important;
}

.button:hover {
    color: #fff;
}

.primary {
    background-color: #087f03;
}

.secondary {
    background-color: #e53118;
}

.thirdly {
    background-color: #f75e01;
}
.ads {
    padding: 30px 0;
}

/* =============
   Hiérarchie de titre
   =============*/
.h1-like {
    color: #ee3a1c;
    font: 36px/1.1 'DaxWeb-CondMedi';
}

.home .main-section .h2-like {
    border-bottom: 4px solid #f6f6f6;
    margin-bottom: 9px;
    padding-bottom: 6px;
}

.h2-like + .button.float-right {
    margin-top: -35px;
}

.h2-like:first-child,
.h3-like:first-child,
.h4-like:first-child,
.h5-like:first-child,
.h6-like:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
    margin-top: 0 !important;
}
/* =============
   Système de notation
   =============*/
.vote {
    line-height: 15px;
    margin: 5px 0 0;
    padding: 0;
    overflow: hidden;
}

.vote li {
    float: left;
    list-style: none;
    margin: 0 0 0 1px;
    height: 15px;
    overflow: hidden;
    width: 15px;
}

.vote .upvote img {
    margin-top: -15px;
}

/* =============
   Formulaire de recherche de recette
   =============*/
.recipe-form {
    background: #e6e6e6 url(../images/common/bg-recipe-form.jpg) no-repeat 0 0;
    padding: 0 19px 15px;
}

.recipe-form .h2-like {
    margin: 0 0 100px -19px;
}

.recipe-form p {
    margin: 0 0 4px;
}

.recipe-form p:last-child {
    margin-top: 16px;
}

.recipe-form input[type="text"] {
    height: 18px;
    line-height: 14px;
    padding: 2px 10px;
    width: 240px;
}

.recipe-form select {
    width: 262px;
}

.recipe-form input[type="submit"] {
    background: #087f03 url(../images/common/picto-right2.gif) no-repeat 100% 50%;
    border: 0;
    color: #fff;
    /*display: inline-block;*/
    font-size: 12px;
    line-height: 24px;
    padding: 4px 20px 4px 10px;
}

/* =============
   Bloc colonne de droite
   =============*/
.aside-block {
    margin: 20px 0;
}

.aside-block .h2-like {
    margin-bottom: 0;
}

/* =============
   Bloc coin des curieux
   =============*/
.special-block {

}

.content-special {
    border: 1px solid #dcdcdc;
    border-top: none;
    padding: 10px 20px;
}

.more {
    color: #7e7e7e;
    display: inline-block;
    line-height: 20px;
    padding-right: 20px;
    margin: 0;
}

.curious .more {
    background: transparent url(../images/common/picto-right3.gif) no-repeat 140px 55%;
}

.simple .more {
    background: transparent url(../images/common/picto-right.gif) no-repeat 100% 55%;
}

.media .more {
    background: transparent url(../images/common/picto-right5.gif) no-repeat 100% 55%;
}
.zoom .more {
    background: #fff url(../images/common/picto-right.gif) no-repeat 151px 53%;
    color: #000;
    padding-left: 10px;
}

.zoom .content-special {
    background: #eee;
}

/* ==============
   Formulaire de recherche avec filtres
   ==============*/
.search-filters {
    background: #057820;
    margin-bottom: 15px;
    padding: 0 0 0 17px;
}

.search-filters .cell {
    padding: 18px 18px 12px 0;
    position: relative;
}

.sheet-filters .cell + .cell {
    border-left: 1px solid #017d31;
    padding-left: 19px;
}

.sheet-filters .cell + .cell:before {
    background: #016728;
    content: '';
    height: 72px;
    left: 0;
    position: absolute;
    top: 0;
    width: 1px;
}

.search-filters p {
    margin: 0;
}

.search-filters label {
    color: #fff;
    display: block;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
}

.search-filters label em {
    color: #b5d9ba;
    font-size: 12px;
    font-weight: 400;
    text-transform: lowercase;
}

.search-filters select {
    width: 155px;
}

.search-filters input[type="text"] {
    color: #000;
    height: 22px;
}

.search-filters input[type="text"][size="30"] {
    width: 240px;
}

.search-filters input[type="text"][size="20"] {
    width: 225px;
}

.recipe-filters {
    min-height: 147px;
}

.recipe-filters select {
    width: 162px;
}

.recipe-filters {
    padding-bottom: 6px
}

.recipe-filters .second-row select {
    width: 137px;
}

/* =============
   Haut de page avec bouton retour, votre, bouton imprimer, mail...
   =============*/
.header-section {
    background: #fff url(../images/common/bg-header-recipe.gif) repeat-x 0 0;
    border-bottom: 1px solid #e7e7e7;
    border-top: 1px solid #e7e7e7;
    color: #686868;
    font-family: 'DaxWeb-CondLight';
    overflow: hidden;
    padding: 0 0 0 22px;
    text-transform: uppercase;
}

.header-section .float-right {
    margin-right: 15px;
}

.header-section .float-right .cell + .cell {
    margin-left: 15px;
}

.header-section .cell {
    padding: 11px 0 9px;
}

.header-section > .cell + .cell {
    border-left: 1px solid #D5D5D5;
    margin: 12px 0 0 30px;
    padding: 4px 0 5px 30px;
}

.header-section .vote {
    margin: -18px 0 0 105px;
}

/* =============
   Table de données
   =============*/
.data-table {
    margin-bottom: 30px;
}

.data-table td {
    line-height: 25px;
    padding: 0 0 0 9px;
}

.data-table td[colspan],
.data-table .green td {
    background: #087f03;
    color: #fff;
    font-weight: 700;
}

.data-table .odd td {
    background: #eee;
}

.data-table td + td {
    font-weight: 700;
}

/* =============
   Règles de l'éditeur de texte
   =============*/
.text-editor .h2-like {
    color: #087f03;
    font: 30px 'DaxWeb-CondMedi';
    margin: 30px 0 15px;
    text-transform: uppercase;
}

.text-editor .h3-like {
    color: #087f03;
    font: 24px 'DaxWeb-CondMedi';
    margin: 30px 0 5px;
    text-transform: uppercase;
}

.text-editor .h4-like {
    color: #3b3b3b;
    font: 20px 'DaxWeb-CondMedi';
    margin: 10px 0 0;
}

.text-editor .h4-like + p {
    margin-top: 0;
}

.text-editor a {
    color: #098b03;
    text-decoration: underline;
}

.text-editor .more {
    background: transparent url(../images/common/picto-right.gif) no-repeat 100% 55%;
    color: #7e7e7e;
    text-decoration: none;
}

.text-editor blockquote {
    background: #f1f1f1;
    text-align: center;
    font-style: italic;
    margin: 0;
    padding: 15px 60px;
}

.text-editor blockquote p {
    margin: 0;
}

.text-editor img.photo-droite,
.text-editor img.float-right,
.text-editor div.photo-droite,
.text-editor div.float-right {
    margin: 0 0 10px 20px;
}

.text-editor img.photo-gauche,
.text-editor img.float-left,
.text-editor div.photo-gauche,
.text-editor div.float-left {
    margin: 0 20px 10px 0;
}

.text-editor img.float-left + .h3-like,
.text-editor img.float-right + .h3-like,
.text-editor img.float-left + .h4-like,
.text-editor img.float-right + .h4-like,
.text-editor div.float-left + .h3-like,
.text-editor div.float-right + .h3-like,
.text-editor div.float-left + .h4-like,
.text-editor div.float-right + .h4-like,
.text-editor img.photo-gauche + .h3-like,
.text-editor img.photo-droite + .h3-like,
.text-editor img.photo-gauche + .h4-like,
.text-editor img.photo-droite + .h4-like,
.text-editor div.photo-gauche + .h3-like,
.text-editor div.photo-droite + .h3-like,
.text-editor div.photo-gauche + .h4-like,
.text-editor div.photo-droite + .h4-like {
    margin-top: 0;
}

.text-editor ol {
    counter-reset: link;
    list-style: none;
    margin: 15px 0;
    padding: 0;
}

.text-editor ol li {
    margin: 0 0 15px;
    padding: 0 0 0 26px;
}

.text-editor ol li:before {
    background: #9ac102;
    color: #fff;
    content: counter(link);
    counter-increment: link;
    display: inline-block;
    font-size: 10px;
    line-height: 13px;
    margin: 3px 10px 0 -26px;
    text-align: center;
    vertical-align: top;
    width: 16px;
}

.text-editor ul {
    list-style: inside square;
    margin: 15px 0;
    padding: 0;
}

.text-editor ul li {
    margin-bottom: 15px;
}

.text-editor hr {
    border-top: 1px solid #e7e7e7;
    clear: both;
    margin: 30px 0;
}

.text-editor .button {
    background: #eee url(../images/common/picto-right.gif) no-repeat 100% 50%;
    color: #000;
}

.text-editor .button ~ .button {
    margin-top: 4px;
}

.text-editor p {
    margin: 5px 0 15px;
}

.header-content .h1-like {
    color: #098b03;
    font: 36px 'DaxWeb-CondMedi';
    margin: 20px 0 10px;
}

.header-content {
    margin: 0 0 20px;
}

.header-content .wrapper {
    border-bottom: 1px solid #e7e7e7;
    border-top: 1px solid #e7e7e7;
}

.header-content .social {
    margin-top: 5px;
}

.header-content strong {
    color: #098b03;
}

label[for="pourquoi"]{
    display: block !important;
    margin-top: 10px;
    width: 300px !important;
}

label[for="pourquoi-Tropdabonnements"],label[for="pourquoi-Pasenphaseavecmesattentes"],label[for="pourquoi-Déception"],label[for="pourquoi-Jenemesuispasinscrit"],label[for="pourquoi-Jenemesuispasinscrit"],label[for="pourquoi-Tropdemails"],label[for="pourquoi-Autre"]{
    display: block !important;
    width: 350px !important;
}
/* =============
   Alignement de 3 images côte à côte
   =============*/
.mosaic-tips {
    overflow: hidden;
}

.mosaic-tips img {
    float: left;
}

.mosaic-tips img + img {
    margin-left: 1px;
}

/* =======================
   navigation avec image de fond
   =======================*/
.nav-header {
    height: 296px;
    margin: 0 0 17px;
    padding: 25px 20px;
    position: relative;
    width: 583px;
}

.nav-header .h1-like {
    color: #fff;
    margin-bottom: 10px;
    position: relative;
    z-index: 201;
    width: 250px;
}

.nav-header > img {
    left: 0;
    position: absolute;
    top: 0;
}

.nav-header ul {
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 200;
}

.nav-header li {
    margin: 0 0 5px;
    padding: 0;
}

.nav-header a {
    background: transparent url(../images/common/bg-link-nav-header.png) no-repeat 100% -999px;
    color: #000;
    display: inline-block;
    font: 17px/26px 'DaxWeb-CondLight';
    padding: 0 9px 0 0;
    text-transform: uppercase;
}

.nav-header a span {
    padding: 0 9px;
    display: inline-block;
}

.nav-header .current a,
.nav-header a:hover {
    background-position: 100% 0;
}

.nav-header .current span,
.nav-header a:hover span {
    background-color: #fff;
}

/* =============
   Cas particuliers dans la gestion des espacements
   =============*/
/* spacing helpers
p,m = padding,margin
a,t,r,b,l,h,v = all,top,right,bottom,left,horizontal,vertical
s,m,l,n, lt = small(5px),medium(10px),large(20px),none(0px), less-than
*/
.mtlt0 {
    margin-top: -6px;
}


.aside .aside-block:first-child,
.aside-bloc p:first-child,
.content-special p:first-child {
    margin-top: 0;
}

/* =============
   Boutons suivant précédent
   =============*/
.navigation-button {
    border-bottom: 1px solid #e7e7e7;
    border-top: 1px solid #e7e7e7;
    clear: both;
    margin: 30px 0;
    padding: 16px 0;
}

.navigation-button a {
    display: block;
    height: 24px;
    overflow: hidden;
}
/* =============================================================================
   Matrice résultat de recherche
   ========================================================================== */
.matriceTable{
    margin: 0 0 0 -20px;
    table-layout: fixed;

}
.matrice {
    width: 960px;
}

.home .miniMatrice {
    width: 624px;
}

.miniMatrice {
    width: 380px;
}

.singleMatrice {
    width: 140px;
}

div.matrice a, div.matriceTable a {
    margin: 0;
    text-align: center;
}

.matrice a, .matriceTable a {
    border: 1px solid #e7e7e7;
    color: #000;
    display: block;
    margin: 20px 0 0 20px;
    text-decoration: none;
}

.matrice a span, .matriceTable a span {
    background: #eee url(../images/common/picto-right.gif) no-repeat 100% 50%;
    display: block;
    line-height: 20px;
    padding: 0 16px 0 7px;
    text-align: left;
}

.matrice a:hover, .matriceTable a:hover {
    border-color: #098b03;
}

.matrice a:hover span, .matriceTable a:hover span {
    background: #eee url(../images/common/picto-right2.gif) no-repeat 100% 50%;
    background-color: #098b03;
    color: #fff;
}

.matrice.no-border a, .matriceTable.no-border a {
    border-color: #fff;
}

.matriceTable td {
    vertical-align: top;
}
.matrice div.miniItem { width: 150px; height: 160px; }
.matrice div.item { width: 140px; height: 160px; }
.matrice div.item.bigTetris { width: 300px; height: 320px; }

#matriceContainer{
    /*margin: 0 auto;*/
    margin-top: 20px;
}
/* =============================================================================
   Home page
   ========================================================================== */
/* =======================
   Slider
   =======================*/
#slides {
    height: 320px;
    margin: 0 0 17px;
    position: relative;
    width: 623px;
    z-index: 100;
}

#slides .slides_container {
    display: none;
    height: 320px;
    width: 623px;
}

.content-slide {
    float: left;
    width: 623px;
}

.pagination {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    left: 19px;
    text-align: center;
    top: 19px;
    z-index: 200;
}

.pagination li {
    display: inline-block;
    margin: 0 0 0 3px;
}

.pagination a {
    background: #fff;
    border-radius: 4px;
    display: block;
    height: 9px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    width: 9px;
}

.pagination li.active a {
    background: #1f8b2b;
}

.recipe-list {
    overflow: hidden;
    margin: 0 0 18px;
}

.recipe-list .grid-a + .grid-a {
    margin-left: 34px;
}

.recipe-list .inner {
    background: #f1f1f1;
    overflow: hidden;
    padding: 8px 10px 0 10px;
    min-height: 140px;
}

.recipe-list .h3-like {
    font: 700 11px/1.4 Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
    height: 60px;
    margin: 0;
    padding: 8px 0 4px;
    text-transform: none;
}

.topRecette.recipe-list  .h3-like{
    height: 35px;
}

.recipe-list a {
    color: #000;
    text-decoration: none !important;
}

.recipe-list .row {
    margin: 0 0 0 -10px;
}

.recipe-list .cell {
    color: #6F6F6F;
    font-size: 11px;
    line-height: 23px;
    margin: 0 0 8px;
    padding: 0 0 0 10px;
    width: 75px;
}

.aside .recipe-list {
    margin-top: 5px;
}

.aside .recipe-list .h3-like {
    height: auto;
    padding: 5px 0 10px;
}

.aside .inner {
    padding-bottom: 0;
}

.aside .inner > a {
    float: left;
    margin-left: -10px;
}

.aside .inner + .inner {
    margin-top: 20px;
}

.aside .recipe-list .row {
    margin: 0;
}

/* =============================================================================
   Page recette
   ========================================================================== */
.content-recipe {
    padding-left: 24px;
}

.content-recipe .zone-h1 {
    border-bottom: 1px solid #e7e7e7;
}

.content-recipe .zone-h1 td:first-child {
    border-bottom: 1px solid #e7e7e7;
    /*min-width: 479px;*/
    min-width: 324px;
}

.content-recipe .h1-like {
    margin: 0;
    padding: 19px 0 0;
}

.content-recipe .h4-like {
    color: #ee3a1c;
    font: 18px 'DaxWeb-CondMedi';
    margin-top: .5em;
    text-transform: uppercase;
}

.social {
    float: right;
    margin-top: 20px; /* Ajout Ced */
    text-align: right; /* Ajout Ced */
    width: 215px;
}

/* Ajout Ced */
#socialRecette{
    margin-bottom: 0 !important;
}
/* Ajout Ced */
#socialPhoto{
    margin-top: 0 !important;
}

#socialGest{
    margin-top: 20px !important;
     width: 245px;
}

#socialPresse{
    float: right;
    border-bottom: none !important;
    padding-bottom: 0 !important;
    padding-top: 15px !important;
}

.content-recipe .credits {
    color: #7f7f7f;
    font-style: italic;
    /*line-height: 43px; Retiré pour mise en place sur deux ligne */
}

.meta-recipe {
    margin: 0 0 20px;
}

.meta-recipe dt {
    float: right;
    height: 269px;
    margin: 0;
    position: relative;
    width: 390px;
}

.meta-recipe dt a > img:first-child {
    position: absolute;
    right: 0;
    bottom: 14px;
}

.meta-recipe dd {
    overflow: hidden;
    line-height: 1;
    margin: 0 405px 0 0;
    padding: 10px 0;
}

.meta-recipe dd + dd {
    border-top: 1px solid #dcdcdc;
}

.meta-recipe dd img.float-left {
    margin: 4px 11px 0 0;
}

.meta-recipe dd p {
    margin: 0;
    overflow: hidden;
}

.aside-recipe {
    background: #f5f5f5;
    padding: 20px 20px 15px;
}

.aside-recipe .h3-like {
    margin-top: 0 !important;
}

.aside-recipe + .aside-recipe {
    margin-top: 25px;
}

.ingredients {
    background: #f5f5f5 url(../images/common/bg-ingredients.png) repeat-x 0 0;
}

.aside-recipe.ingredients {
    padding-top: 30px;
}

.ingredients ul li {
    margin-bottom: 5px;
    list-style-position: inside;
}

/* =============================================================================
   Page produit
   ========================================================================== */
.header-product {
    overflow: hidden;
    /*padding: 0 0 0 24px;*/
}

.header-product .h1-like {
    color: #087f03;
    float: left;
    font-size: 60px;
    margin: 17px 0 20px;
}

.product-nav {
    clear: left;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 220px;
}

.product-nav li {
    margin: 0 0 7px;
}

.product-nav a {
    display: block;
    height: 24px;
    overflow: hidden;
}

.product-nav a img {
    margin-top: -24px;
}

.product-nav .current a img,
.product-nav a:hover img {
    margin-top: 0;
}

.content {
    /*padding: 0 0 0 24px;*/
}

.content .text-editor .recipe-list .grid-a + .grid-a {
    margin-left: 22px;
}

/* =============================
   Calendrier sous forme de barres
   =============================*/
.bar-calendar {
    border: 1px solid #e7e7e7;
    margin-bottom: 50px;
}

.bar-calendar dl {
    margin:0 -1px;
}

.bar-calendar dt {
    text-align: center;
    margin: 0;
}

.bar-calendar dd {
    border-bottom: 1px solid #e7e7e7;
    float: left;
    height: 93px;
    margin: 0;
    position: relative;
    width: 49px;
}

.bar-calendar dd + dd {
    margin-left: 1px;
}

.bar-calendar dd img {
    bottom: 37px;
    left: 0;
    position: absolute;
}

.bar-calendar dd span {
    background: #f1f1f1;
    display: block;
    font: 17px/37px 'DaxWeb-CondLight';
    height: 37px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    top: 56px;
}

.bar-calendar dd span:before {
    background: #d7d7d7;
    content: '';
    float: left;
    height: 37px;
    margin: 0 0 0 -1px;
    width: 1px;
}

.bar-calendar dt + dd span:before {
    margin: 0;
}

.bar-calendar dd:last-child span:after {
    background: #d7d7d7;
    content: '';
    float: right;
    height: 37px;
    margin: 0;
    width: 1px;
}

.bar-calendar .legend-bar-calendar {
    color: #7f7f7f;
    font: 15px/33px 'DaxWeb-CondLight';
    margin: 0;
    padding: 4px 0 0 14px;
    text-transform: uppercase;
}

.bar-calendar .legend-bar-calendar li {
    display: inline-block;
    margin: 0 30px 0 0;
}

.bar-calendar .legend-bar-calendar img {
    margin-right: 7px;
    vertical-align: baseline;
}

.navigation-button {
    border-bottom: 1px solid #e7e7e7;
    border-top: 1px solid #e7e7e7;
    clear: both;
    margin: 30px 0;
    padding: 16px 0;
}

.navigation-button a {
    display: block;
    height: 24px;
    overflow: hidden;
}

.partners a + a {
    margin: 0 0 0 30px;
}

.min-age {
    color: #087f03;
    float: right;
    margin: 0 0 10px 15px;
    position: relative;
    width: 230px;
}

.min-age big {
    font-size: 50px;
    font-weight: 700;
    left: 12px;
    position: absolute;
    text-align: center;
    top: 49px;
    width: 56px;
}

/* =============================================================================
   Page de résultats tous les fruits et légumes
   ========================================================================== */
.data-all {
    overflow: hidden;
}

.data-all span.float-right {
    background-color: #fff;
    color: #098b03;
    margin-top: 40px;
    padding-left: 5px;
}

.data-all .h1-like {
    background: transparent url(../images/common/pointilles-verts.gif) repeat-x 0 30px;
    color: #098b03;
    font: 40px 'DaxWeb-CondLight';
    margin: 20px 0 10px;
    text-transform: uppercase;
}

.data-all .h1-like span {
    background-color: #fff;
    padding-right: 5px;
}

.data-category a {
    border: 1px solid #e7e7e7;
    display: block;
}

.data-category a:hover {
    border-color: #098b03;
}

.data-category a:hover span {
    background: #eee url(../images/common/picto-right2.gif) no-repeat 100% 50%;
    background-color: #098b03;
    color: #fff;
}

.data-category img {
    float: left;
}

.data-category img:first-child + img {
    margin: 0 23px;
}

.data-category + .data-category {
    margin-top: 20px;
}

.data-category .button {
    background: #eee url(../images/common/picto-right.gif) no-repeat 100% 50%;
    clear: left;
    color: #000;
    font-size: 13px;
    height: 22px;
    overflow: hidden;
    padding-right: 15px;
    vertical-align: top;
    width: 435px;
}

.data-category .button strong {
    text-transform: uppercase;
}

.header-search {
    /*padding-left: 25px;*/
}

.header-search .h1-like {
    color: #098b03;
    font: 30px 'DaxWeb-CondLight';
    margin: 7px 0 3px;
    text-transform: uppercase;
}

.header-search .h1-like span {
    color: #098b03;
    font-size: 16px;
}

.header-search .float-right {
    border-left: 1px solid #e7e7e7;
    color: #098b03;
    margin-left: 30px;
    padding: 12px 30px;
}

.block-link {
    list-style: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
}


.block-link li {
    float: left;
}

.block-link li > a:hover span {
    background: #057722;
    color: #fff;
}

.block-link li > a > span {
    background: #f1f1f1;
    color: #000;
    display: block;
    font-weight: 700;
    height: 65px /*55px*/;
    overflow: hidden;
    padding: 10px;
}

.block-link .meta {
    float: right;
    height: 65px;
    width: 30px;
}

.block-link .meta img {
    margin-bottom: 10px;
}

.block-link.result {
    clear: both;
    margin: 0 -11px;
}

.result li {
    border-left: 1px solid #e7e7e7;
    border-top: 1px solid #e7e7e7;
    padding: 13px;
    width: 167px;
}

.tabs-tips {
    border-bottom: 1px solid #e7e7e7;
}

.tabs-tips a {
    background: #e3e3e3;
    color: #000;
    display: inline-block;
    line-height: 38px;
    padding: 0 35px;
}

.tabs-tips a:first-child {
    background: #e3e3e3 url(../images/common/picto-photos.png) no-repeat 10px 50%;
}

.tabs-tips a + a {
    background: #e3e3e3 url(../images/common/picto-video.png) no-repeat 10px 50%;
}

.tabs-tips .current,
.tabs-tips a:hover {
    background-color: #098b03 !important;
    color: #fff;
}

.main-title {
    color: #098B03;
    font: 60px 'DaxWeb-CondMedi';
    margin: 20px 0 10px;
}

.sub-title {
    color: #4c4c4c;
    font: 22px 'DaxWeb-CondMedi';
    margin: 0 0 20px;
    text-transform: uppercase;
}

.tips-video + .h3-like {
    margin-top: 10px;
}

.tips-video ~ .tips-video {
    margin-top: 30px;
}

.tips-filters .label {
    color: #FFFFFF;
    font: 19px 'DaxWeb-CondLight';
    margin-right: 10px;
}
/* =============================================================================
   Page toutes les recettes
   ========================================================================== */
.recipe-all .wrapper {
    border-bottom: 1px solid #dadad9;
    margin: 0 0 20px;
    padding: 0 0 20px;
}

.recipe-all .grid-e.float-left {
    margin-right: -9px;
}

.recipe-all .block-link li {
    margin: 0 0 0 23px;
    width: 185px;
}

.recipe-all .block-link li + li + li {
    margin-top: 13px;
}

.recipe-all .h1-like {
    margin: 0;
}

.recipe-all .grid {
    float: left;
    width: 176px;
}

.recipe-all .inner {
    margin: 0;
    min-height: 180px;
}


.recipe-all .h3-like {
    text-transform: uppercase;
}

.recipe-all .recipe-list {
    margin: 0;
}

.nav-recipe {
    min-height: 400px;
    padding: 0 0 36px;
    width: 167px;
}

.nav-recipe.float-left {
    margin: 0 12px 0 0;
}

.nav-recipe.float-right {
    margin: 0 0 0 12px;
}

.nav-recipe ul {
    list-style: none;
    margin: 5px 0 5px 24px;
    padding: 0;
}

.nav-recipe a {
    color: #000;
}

.nav-recipe .all {
    background: #fff;
    display: inline-block;
    font-family: 'DaxWeb-CondLight';
    line-height: 20px;
    margin: 20px 0 0 24px;
    padding: 0 5px 0 9px;
    position: relative;
    text-transform: uppercase;
}

.nav-recipe .all:after {
    border-left: 9px solid #fff;
    content: '';
    height: 0;
    margin: 0 0 0 9px;
    position: absolute;
    right: -18px;
    top: 0;
    width: 0;
}

.nav-recipe .h1-like + .all {
    margin-top: 0;
}

.nav-recipe.bg-1 {
    background: #f7a901
}

.nav-recipe.bg-2 {
    background: #9ac102
}

.nav-recipe.bg-3 {
    background: #0e9605
}

.nav-recipe.bg-4 {
    background: #f75e01
}

.nav-recipe.bg-5 {
    background: #32abbe
}

.nav-recipe.bg-6 {
    background: #db2252
}

.nav-recipe.bg-1 .all:after {
    border-bottom: 10px solid #f7a901;
    border-right: 9px solid #f7a901;
    border-top: 10px solid #f7a901;
}

.nav-recipe.bg-2 .all:after {
    border-bottom: 10px solid #9ac102;
    border-right: 9px solid #9ac102;
    border-top: 10px solid #9ac102;
}

.nav-recipe.bg-3 .all:after {
    border-bottom: 10px solid #0e9605;
    border-right: 9px solid #0e9605;
    border-top: 10px solid #0e9605;
}

.nav-recipe.bg-4 .all:after {
    border-left: 14px solid #fff;
    right: 0;
}

.nav-recipe.bg-4 .all:after {
    border-bottom: 20px solid #F75E01;
    border-right: 19px solid #F75E01;
    border-top: 20px solid #F75E01;
}

.nav-recipe.bg-5 .all:after {
    border-bottom: 10px solid #32abbe;
    border-right: 9px solid #32abbe;
    border-top: 10px solid #32abbe;
}

.nav-recipe.bg-6 .all:after {
    border-bottom: 10px solid #db2252;
    border-right: 9px solid #db2252;
    border-top: 10px solid #db2252;
}

.nav-recipe.bg-4 .all {
    max-width: 129px;
}

/* =============================================================================
   Page gestes-simples
   ========================================================================== */
.header-tips .h1-like {
    color: #098b03;
    font: 36px 'DaxWeb-CondMedi';
    margin: 20px 0 10px;
}

.header-tips {
    margin: 0 0 20px;
}

.header-tips .wrapper {
    border-bottom: 1px solid #e7e7e7;
    border-top: 1px solid #e7e7e7;
}

.header-tips .social {
    margin-top: 5px;
}

.tips .cell {
    width: 282px;
}

.tips .cell + .cell {
    margin: 0 0 0 30px;
}

.list-tips.block-link {
    margin-left: -32px;
}

.list-tips.block-link li {
    margin: 0 0 19px 32px;
    width: 186px;
}

.row.tips {
    border-bottom: 1px solid #e7e7e7;
    margin: 0 0 20px;
    padding: 0 0 10px;
}

.row.tips a img {
    display: block;
}

.highlight-recipe {
    color: #fff;
    margin-bottom: 30px;
    overflow: hidden;
}

.highlight-recipe a {
    color: #fff;
}

.highlight-recipe a.float-left {
    width: 420px;
}

.highlight-recipe .grid-a {
    background: #088203;
    height: 290px;
    width: 203px;
}

.highlight-recipe .inner {
    padding: 0px 20px 12px;
}

.highlight-recipe .row {
    margin-left: -19px;
}

.highlight-recipe .row .cell {
    margin: 0 0 13px 30px;
    text-align: center;
    font-size: 11px;
    width: 50px;
}

/* =============================================================================
   Page les évènements
   ========================================================================== */
.events {
    overflow: hidden;
}

.events .grid-d:first-child {
    border-right: 1px solid #DADADA;
    padding-right: 12px;
}

.events .grid-d + .grid-d {
    border-left: 1px solid #DADADA;
    margin-left: -1px;
    padding-left: 13px;
}

.events .tile-wrapper  {
    margin-top: -1px;
    overflow: hidden;
}

.events .tile {
    /*border-bottom: 1px solid #dadada;*/
    border-top: 1px solid #dadada;
    float: left;
    padding: 17px 0 0;
    width: 221px;
}

.events .tile-wrapper .tile:first-child {
    /*border-right: 1px solid #dadada;*/
    padding-right: 9px;
}

.events .tile-wrapper .tile + .tile {
    /*border-left: 1px solid #dadada;*/
    /*margin-left: -1px;*/
    padding-left: 10px;
}


.events .tile-wrapper .tile + .tile + .tile {
    padding-right: 10px;
    padding-left: 0;
    border-top: none;
}

.events .tile-wrapper .tile + .tile + .tile + .tile{
    padding-right: 0;
    padding-left: 10px;
    border-top: none;
}

.events .tile-wrapper .tile + .tile + .tile + .tile + .tile{
    padding-left: 0;
    padding-right: 9px;
    border-top: none;
    /*border-right: 1px solid #dadada;*/
}

.events .tile-wrapper .tile + .tile + .tile + .tile + .tile + .tile{
    padding-right: 0;
    padding-left: 10px;
    border-right: none;
}

.events .tile2{
  border-bottom: 1px solid #DADADA;
  border-right: 1px solid #DADADA !important;
  border-top : none;
  padding: 17px 5px 0 !important;
}

.events .h3-like {
    background: transparent url(../images/common/picto-right5.gif) no-repeat 100% 7px;
    color: #666;
    display: inline-block;
    font: 16px 'DaxWeb-CondMedi';
    padding-right: 7px;
}

.events .h3-like a {
color: #666;
}
.content-event {
    background: #f1f1f1;
    color: #000;
    display: block;
    height: 360px;
    margin: 0 0 10px;
    overflow: hidden;
    padding: 0 20px 13px;
}

.content-event > img,
.event-img-wrapper  {
    margin: 0 -20px 6px;
}

.event-img-wrapper  {
    display: block;
}

.content-event .date {
    color: #787878;
    display: block;
    margin: 5px 0;
}

.content-event .h4-like {
    color: #087f03;
    display: block;
    font: 20px/1 'DaxWeb-CondMedi';
    margin: 0 0 10px;
}

.events .grid-d + .grid-d .h4-like {
    color: #f75e01;
}

.events .content-event:hover {
    background: #087f03;
    color: #fff;
}

.events .content-event:hover .date {
    color: #84bf81;
}
.actions .content-event .h4-like {
    color: #F75E01;
    display: block;
    font: 20px/1 'DaxWeb-CondMedi';
    margin: 0 0 10px;
}
.events.actions .content-event:hover {
    background: #f75e01;
    color: #fff;
}

.events.actions .content-event:hover .date {
    color: #fdcfb3;
}

.events .tile .content-event:hover .h4-like {
    color: #fff;
}

.events .grid-d + .grid-d .content-event:hover {
    background: #f75e01;
}

.events .grid-d + .grid-d .content-event:hover .date {
    color: #fdcfb3;
}

/*Tous les évènemnents*/
.events  > .tile-wrapper {
    margin: -1px -6px 0;
}

.events  > .tile-wrapper .tile {
    padding: 10px 10px 0;
}

.events  > .tile-wrapper .tile:last-child {
    padding-right: 0;
}

.nav-events {
    background: #ededed;
    border-bottom: 1px solid #e2e2e2;
    border-top: 1px solid #e2e2e2;
    font: 18px 'DaxWeb-CondLight';
    list-style: none;
    overflow: hidden;
    margin: 10px 0 0;
    padding: 0;
    text-transform: uppercase;
    width: 100%;
}


.nav-events li {
    float: left;
    padding: 4px 6px;
}

.nav-events a {
    color: #4c4c4e;
    display: block;
    line-height: 27px;
    padding: 0 17px;
}

.nav-events a:hover,
.nav-events .current a {
    background: #fff;
}

.img-zoom {
    /*height: 290px;*/
    display: inline-block;
    float: left;
    margin: 0 15px 0 0;
    position: relative;
    /*width: 381px;*/
}

.img-zoom img:first-child {
    bottom: 14px;
    position: absolute;
    right: 0;
}

.ranking {
    overflow: hidden;
}

.ranking .grid {
    float: left;
    width: 299px;
}

.ranking .grid + .grid {
    border-left: 1px dotted #ccc;
    padding-left: 10px;
    width: 289px;
}

.ranking .h3-like {
    border-bottom: 1px dotted #ccc;
    padding-bottom: 15px;
    text-align: center;
}

.ranking .grid + .grid .h3-like {
    margin-left: -10px;
}

.ranking .matrice {
    margin-left: -10px;
}

.ranking td a {
    position: relative;
    margin-left: 10px;
}

.ranking td .pastille {
    background-color: #a4a4a4;
    background-image: none;
    border-radius: 15px;
    color: #fff;
    font: 20px 'DaxWeb-CondMedi';
    height: 30px;
    line-height: 30px;
    left: 0;
    padding: 0;
    position: absolute;
    top: 0;
    text-align: center;
    width: 30px;
}
.ranking td a:hover .pastille {
    background-image: none;
}

/* =============================================================================
   carte de france svg
   ========================================================================== */
#canvas {
  height: 545px;
  margin: 50px 0 0 23px;
  position: relative;
  width: 600px;
}

#canvas-france-fiche-produit {
  left: -10px;
  position: absolute;
  top: 0;
}

#canvas-france-production-region {
  left: -10px;
  position: absolute;
  top: 0;
}

#canvas-network {
  left: 0;
  position: absolute;
  top: 0;
}

#table-productions td {
    border : solid #cccccc 1px;
    padding-left: 10px;
    width: 1%;
}

#table-productions td:first-child {
    font-weight: bold;
    max-width: 0px;
}

#table-productions tr:nth-child(even) {
    background-color: #fff;
}

#table-productions tr:nth-child(odd) {
    background-color: #E1E1E1;
}

.tracable {
    background: transparent url(../images/common/vertical-dots.gif) repeat-y 36px 0;
}

.tracable td:first-child {
    background: transparent url(../images/common/tracable.gif) no-repeat 0 50%;
    padding: 0 0 0 60px;
}

#slides-gallery {
    height: 386px;
    margin: 0 0 17px;
    position: relative;
    width: 599px;
    z-index: 100;
}

#slides-gallery .slides_container {
    display: none;
    height: 386px;
    width: 599px;
}

#slides-gallery .slides_control > div {
    float: left;
    height: 386px;
    width: 599px;
}

#slides-gallery .next,
#slides-gallery .prev {
    background: transparent url(../images/common/next-prev.gif) 0 0;
    height: 81px;
    margin-top: -40px;
    overflow: hidden;
    position: absolute;
    text-indent: 100%;
    top: 50%;
    white-space: nowrap;
    width: 36px;
    z-index: 105;
}

#slides-gallery .next {
    background-position: -36px 0;
    right: 0;
}

#slides-gallery .prev {
    left: 0;
}

#container-canvas-network {
    height: 305px;
    position: relative;
    width: 325px;
}

.local-map {
    float: left;
    width: 325px;
}

.local-map,
.local-persons {
    margin-bottom: 30px;
}

.local-persons {
    margin-left: 325px;
    width: 275px;
}

.local-persons img.float-left {
    margin-right: 15px !important;
}

.local-persons .h3-like {
    border-bottom: 1px solid #dcdcdc;
    color: #666;
    font-size: 20px;
    padding: 0 0 5px;
}

.local-persons > div {
    border-bottom: 1px solid #dcdcdc;
    overflow: hidden;
    padding: 15px 0 5px;
}

.local-persons + .h3-like {
    clear: both;
}

.events.small .tile, .eventsSfa.small .tile {
    width: 188px;
}

.events.small > .tile-wrapper .tile {
    padding: 10px 7px 0 7px;
}

.events.small .tile-wrapper .tile:first-child {
    padding-right: 7px;
}

.events.small .content-event {
    font-size: 12px;
}

.events.small .content-event .h4-like {
    font-size: 19px;
}

.events.small .search-filters, .eventsSfa.small .search-filters {
    padding-top: 10px;
    padding-bottom: 10px;
}

.events.small .search-filters label, .eventsSfa.small .search-filters label {
    display: inline-block;
}

.events.small .search-filters select, .eventsSfa.small .search-filters select {
    width: 410px;
}
.events.small .nav-events {
    font-size: 16px;
    text-transform: none;
}

.cv-filters {
    background: #057820;
    margin-bottom: 15px;
    padding: 10px 15px;
}

.cv-filters label {
    color: #fff;
    display: inline-block;
    font: 24px 'DaxWeb-CondLight';
    margin-right: 10px;
    vertical-align: middle;
}

.cv-filters p {
    margin: 0;
}

.cv-filters select {
    width: 290px;
}

.cv {
    background: #f1f1f1;
    padding: 15px 25px;
}

.cv .cell:first-child {
    width: 360px;
}

.cv .h3-like {
    border-bottom: 1px solid #bdbdbd;
    font-size: 20px;
    margin-bottom: 12px;
    padding-bottom: 7px;
}

.cv .button {
    background-color: #fff;
}

.cv .float-left + .wrapper {
    border-bottom: 1px solid #bdbdbd;
}

.cv .cell + .cell {
    margin-left: 30px;
}

.cv .cv-tabs {
    margin-bottom: -15px;
    margin-left: -25px;
}

.cv-tabs li {
    display: inline;
}

.cv-tabs a {
    background: #e3e3e3;
    color: #000;
    display: inline-block;
    padding: 12px 16px;
    text-decoration: none;
}

.cv-tabs .current a {
    background: #087f03;
    color: #fff;
}

.aside-zoom {
}

.content-aside-zoom {
    background: #f6f6f6;
}

.aside-zoom a.float-right {
    margin: -30px 0 5px 15px;
    position: relative;
}

.aside-zoom .more {
  background: url("../images/common/picto-right6.gif") no-repeat scroll 100% 55% transparent;
}

.zoom-subcontent {
    background: #f7a901;
    padding: 15px 120px 20px 20px;
    /*padding-bottom: 20px;*/
}

.zoom-examples {
    padding: 0 15px 15px 20px;
}

.zoom-examples img.float-left {
    border: 7px solid #fff;
    margin: -15px 15px 0 0;
}


.global-pagination {
    font: 15px/25px 'DaxWeb-CondMedi';
    list-style: none;
    margin: 20px 0;
    padding: 0;
    text-align: center;
}

.global-pagination li {
    display: inline-block;
}

.global-pagination a {
    background: #e6e6e6;
    color: #4c4c4e;
    display: block;
    text-align: center;
    height: 24px;
    width: 29px;
}

.global-pagination .current a {
    background: #098b03;
    color: #fff;
}

.press {

}

.press-filter form {
    background: #ededed;
    /*padding: 17px 0 0;*/
}

.press-filter label {
    display: block;
}

.press-filter input {
    vertical-align: middle;
}

.press-filter input[type="checkbox"] + label {
    display: inline-block;
    vertical-align: middle;
}

.press-filter input[type="text"] {
    border: 1px solid #c5c5c5;
    height: 22px;

    line-height: 22px;
    margin: 0 -6px 0 0;
    width: 165px;
}
.press-filter .cell {
    padding: 0 0 0 30px;
    vertical-align: top;
}

.press-filter .cell:first-child {
    width: 70px;
}

.press-filter .cell:first-child + .cell {
    width: 250px;
}

.press-filter .cell:first-child + .cell + .cell {
    width: 200px;
}

.press-list {
    margin-top: 20px;
}


.press-list > .h2-like {
    color: #4c4c4c;
    font: 20px 'DaxWeb-CondMedi';
    margin: 20px 0 10px;
}

.press-list .cv-tabs {
    border-bottom: 1px solid #dbdbdb;
    padding: 0;
}
.press-block {
    border-bottom: 1px solid #dcdcdc;
    border-top: 1px solid #dcdcdc;
    margin-bottom: -1px;
    overflow: hidden;
    padding: 12px 0;
}

.press-block .wrapper {
    padding-right: 15px;
}

.press-block a {
    display: block;
}

.press-block a,
.press-block a:hover {
    color: #000;
}

.press-block .h3-like {
    color: #4c4c4c;
    font: 20px 'DaxWeb-CondMedi';
}

.press-block > .float-left {
    margin-right: 20px;
}

.press-block p {
    margin: 4px 0;
}

label.press-kit,
.press-kit .h3-like a {
    color: #f75e01;
}

label.press-release,
.press-release .h3-like a {
    color: #098b03;
}

label.regional-press,
.regional-press .h3-like a {
    color: #9AC102;
}

.generic-block {
    background: #ededed;
    list-style: none;
    margin: 0;
    padding: 20px;
}

.generic-block p {
    margin: 0;
}

.generic-block p + p {
    margin: 15px 0 0;
}

.generic-block a {
    color: #000;
}

.generic-block a[href^="mailto:"] {
    text-decoration: underline;
}

.generic-block li + li {
    border-top: 1px solid #cbcbcb;
    margin: 15px 0 0;
    padding: 15px 0 0;
}

.download-block .h2-like {
    font-size: 15px;
    margin: 0;
}

#textFichePresse{
    overflow: hidden;
}

.download-block{
    margin-top: 15px;
}

.download-block ul {
    background: #ededed;
    list-style: none;
    margin: 0;
    padding: 20px;
}

.download-block ul li {
    margin: 6px 0 0;
    padding: 6px 0 0;
}

.download-block ul li:first-child {
    margin-top: 0;
}

.download-block li + li {
    border-top: 1px solid #cbcbcb;
}

.download-block li a {
    background: transparent url(../images/common/picto-pdf.png) no-repeat 0 0;
    color: #000;
    display: block;
    line-height: 16px;
    padding: 0 0 0 25px;
    text-decoration: none;
}

#phraseFilter{
    font-size: 10px;
}
.calendar {
    margin-top: 30px;
    position: relative;
}

.calendar a {
    color: #000;
}

.calendar > .cell {
    border: 1px solid #dadad9;
}

.calendar > .cell:first-child {
    width: 138px;
}

.calendar > .cell + .cell {
    padding: 17px 0 20px 26px;
}

.calendar .h2-like {
    color: #119eb3;
}

.calendar .title {
    color: #119eb3;
    font: 20px 'DaxWeb-CondMedi';
    text-transform: uppercase;
}

.calendar .cell .cell {
    vertical-align: middle;
}

.calendar .title + .cell {
    padding-right: 40px;
    height: 111px;
    overflow: hidden;
    width: 275px;
}

.calendar .cell .cell + .cell {
    border-left: 1px solid #dadad9;
}

.headband {
  position: absolute;
  right: -5px;
  top: -4px;
}
/* =============================================================================
   Bouton scrollTop
   ========================================================================== */
#top-link  {
    display:none;
    position:fixed;
    left:50%;
    margin-left:515px;
    bottom:30px;
    text-decoration:none;
}

/* =============================================================================
  Ajout Dév
   ========================================================================== */
#macaronJeux{
    float: left;
    margin-top: 5px;
    margin-left: 25px;
}
#macaronJeuxRecette{
    float: left;
    padding-bottom: 5px;
    padding-right: 25px;
    padding-top: 5px;
    width: 70px;
}

/* ===============================
   Formulaire de contact
   =============================== */
.row.adress {
    border-bottom: 1px dotted #b7b7b7;
    padding-bottom: 20px;
    width: 611px;
}

.form-contact {
    overflow: hidden;
    margin-top: 20px;
}

.form-contact em {
    color: #F48501;
}

.form-contact label em {
    font-style: normal;
}

.form-contact fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

.form-contact p {
    margin: 2px 0;
}

.form-contact label {
    display: inline-block;
    line-height: 1;
    vertical-align: middle;
}

.form-contact input[type="text"] {
    height: 19px;
    line-height: 19px;
}

.form-contact input[type="text"][size="30"] {
    width: 450px;
}
.form-contact select {
    width: 458px;
}

.form-contact textarea,
.form-contact input[type="text"],
.form-contact select {
    border: 1px solid #d9d9d9;
    color: #818181;
    padding: 3px;
}

.form-contact textarea {
    width: 450px;
}

.form-contact .infos label {
    width: 140px;
    font: 13px/1.4 Arial,Helvetica,"Liberation Sans",FreeSans,sans-serif;
}


.form-contact input[type="image"] {
    float: right;
    margin: 0 65px 0 90px;
}

.form-contact .last {
    margin: 20px 0;
}

.form-contact .last p {
    line-height: 1.1;
}


.form-contact input[type="checkbox"] {
    margin:15px 5px 0 134px;
}

.form-contact input[type="checkbox"] + label {
    width:auto;
}



.applicationMessage {
    border-width:1px;
    border-style:solid;
    margin:11px auto;
    padding:8px 100px 8px 31px;
    width: 80%;
}

.applicationMessage.success {
    border-color:#b0ceab;
    background:#e6f8e6 url(../images/messages/success.png) no-repeat 9px 7px;
}

.applicationMessage.info {
    border-color:#b3c9e0;
    background:#ecf1f8 url(../images/messages/info.png) no-repeat 9px 7px;
}

.applicationMessage.warn {
    border-color:#FFA500;
    background:#ffe8bf url(../images/messages/warn.png) no-repeat 9px 7px;
}

.applicationMessage.critical {
    border-color:#EE0000;
    background:#fbbfbf url(../images/messages/critical.png) no-repeat 9px 7px;
}

#hiddenDiv{
    display: none;
}

.socialPage{
    height: 22px;
    overflow: hidden;
    border-bottom: 1px #C0C0C0 dotted;
    padding-bottom: 10px;
    /*border-top: 1px dotted #C0C0C0;*/
    padding-top: 10px;
    /*margin-top : 10px;*/
}

.socialPage div a:first-child{
    /*padding-right: 20px;*/
}

#autreLoca{
	color: #7E7E7E;
}

#autreLoca li{
	margin-bottom: 3px;
}

#autreLoca li a{
	color: #7E7E7E;
	text-decoration: none;
}

#autreLoca li a:hover{
	text-decoration: underline;
}

#autreLoca div{
	width: 190px;
	float: left;
}

#autreLoca p {
	text-align: center;
	margin-bottom: 3px
}
#contenaireLoca {
	width: 100% ! important;
	margin-left: 71px;
	margin-top: -10px;
}

.domTomSelected{
	color: #098B03 ! important;
}

.titreVideoRecette{
    display: inline-block;
    color: #666;
    font-size: 11px;
    padding-top: 5px;
}

#gesteSimpleProduit{
    overflow: hidden;
}

.grid-v{
    width: 218px;
}
/* =============
   Boutons suivant précédent page
   =============*/
.navigation-button-page {
    border-bottom: 1px solid #e7e7e7;
    border-top: 1px solid #e7e7e7;
    clear: both;
    margin: 30px 0;
    overflow: hidden;
    padding: 16px 0;
}

.navigation-button-page a {
    background: #098b03;
    color: #fff;
    display: inline-block;
    font: 16px/24px 'DaxWeb-CondLight';
    height: 24px;
    overflow: hidden;
    padding: 3px 0 0;
    text-align: center;
    width: 265px;
}

.navigation-button-page a:after {
    border-style: solid;
    border-width: 14px;
    content: "";
    height: 0;
    margin-top: -3px;
    width: 0;
}

.navigation-button-page a.float-right:after {
    border-color: #FFFFFF #FFFFFF #FFFFFF #098b03;
    margin-right: -12px;
    float: right;
}

.navigation-button-page a.float-left:after {
    border-color: #FFFFFF #098b03 #FFFFFF #FFFFFF;
    margin-left: -12px;
    float: left;
}


.titreRecetteHome{
    margin-bottom: 5px !important;
    line-height: 13px !important;
    height: auto !important;
}

.titreRecetteHome a{
    font-size: 11px;
}
.font12{
    font-size: 12px !important;
}
.minTaille{
    min-height: 130px;
}
/* =============================================================================
  adminPreview
   ========================================================================== */
#adminPreview{
background : none repeat scroll 0 0 khaki;
height : 40px;
left: 0;
position: fixed;
top: 100px;
width: 40px;
z-index: 1000000;
}

#adminPreview img{
    padding: 10px 0 0 10px;
}
/* =============================================================================
  Quiz
   ========================================================================== */
#listeLibelleQuiz li {
    list-style: none;
}

#listeLibelleQuiz li span {
    padding-left: 10px;
}
#containerQuestionQuiz{
    width: 100%;
}
#containerPhotoLibelleQuiz{
     width: 950px;
 }
#photoQuiz{

}
#containerReponseQuiz,#bonneReponse,#mauvaiseReponse,#buttonNextQuestionQuiz,.autresChamps{
    display: none;
}

.reponseQuest {
    border-bottom: 1px dashed #ccc;
    margin: 10px 0;
}
.questionResponse{
    margin-bottom : 0px;
}
.greenResponse{
    margin-top : 2px !important;
    color: #087f03;
}
#buttonNextQuestionQuiz{
    border-top: none;
}

#texteFormQuiz{
    width: 625px;
}
/* =============================================================================
  Style Editeur de texte
   ========================================================================== */

.titre-vert {
    color: #087F03;
    font: 24px 'DaxWeb-CondMedi';
    text-transform: uppercase;
}

.titre-gris {
    color: #3B3B3B;
    font: 20px 'DaxWeb-CondMedi';
}

.texte-vert{
    color: #087F03;
}

.lien-cadre-gris{
    background: url("../images/common/picto-right.gif") no-repeat scroll 100% 50% #EEEEEE;
    color: #000000 !important;
    line-height: 22px;
    padding: 0 20px 0 10px;
    text-decoration: none !important;
    display: inline-block;
}

.photo-droite{
    float:right;
}

.photo-gauche{
    float: left;
}

.reperes {
    text-align: left;
    margin: 25px 0;
}

.reperes td {
    border: 1px solid #e1e1e1;
    padding: 10px;
    vertical-align: top;
}

.reperes td:first-child + td {
    text-align: center;
}

.reperes th {
  color: #FFFFFF;
  font-family: 400 20px 'DaxWeb-CondLight';
  padding: 6px 20px 4px;
  text-transform: uppercase;
}

.reperes.vert th {
    background: #098b03;
}

.reperes.marron th {
    background: #572b00;
}

.reperes.bleu th {
    background: #1158ae;
}

.reperes.rouge th {
    background: #ae0c0c;
}

.reperes.orange th {
    background: #e27115;
}

.reperes.rose th {
    background: #c7348e;
}

.reperes.bleuclair th {
    background: #5c96df;
}

.reperes.gris th {
    background: #c8c8c8;
}

.correspondance:before {
    content: "";
    float: left;
    height: 12px;
    margin: 3px 7px 0 0;
    width: 5px;
}

.correspondance.vert:before {
    background: #098b03;
}

.correspondance.marron:before {
    background: #572b00;
}

.correspondance.bleu:before {
    background: #1158ae;
}

.correspondance.rouge:before {
    background: #ae0c0c;
}

.correspondance.orange:before {
    background: #e27115;
}

.correspondance.rose:before {
    background: #c7348e;
}

.correspondance.bleuclair:before {
    background: #5c96df;
}

.correspondance.gris:before {
    background: #c8c8c8;
}

.btnJs{
    cursor: pointer;
}

#typePresseCheck p {
    margin: 0;
}

.cell.cell2{
    padding-left: 0;
}

#datePublie{
    color: #7E7E7E;
    font-size: 10px;
    font-style: italic;
    display: block;
}

.hiddenFirst, .itemIdees, #oldAct{
    display: none;
}

.texteOrange{
    color: #e27115 !important;
}

#tableLien td + td{
    padding-left: 15px;
}

.orangeAction .h1-like, #dateAction strong{
    color: #F75E01 !important;
}

.orangeAction .navigation-button-page a.float-right:after{
    border-color: #FFFFFF #FFFFFF #FFFFFF #F75E01 !important;
}
.orangeAction .navigation-button-page a.float-left:after{
    border-color: #FFFFFF #F75E01 #FFFFFF #FFFFFF !important;
}

.orangeAction .navigation-button-page a{
    background : none repeat scroll 0 0 #F75E01;
}

.imgPresse{
    border: 1px solid #EDEDED;
}

.btnJs.float-left{
    padding-right: 15px;
}

#container-canvas-region {
    height: 545px;
    position: relative;
    width: 600px;
}

#canvas-region {

}
.txt21{font-size: 21px;}

.tableResult{
    width: 600px;
}

.tableResult td:first-child{
    width: 100px;
}

.tableResult td a{
    text-decoration: none;
    font: 18px/36px 'DaxWeb-CondLight';
}

.AUTOMNE{
    color:#9B4E13 !important;
}
.ETE{
    color:#F7A801 !important;
}
.PRINTEMPS{
    color:#9AC102 !important;
}
.HIVER{
    color:#0B7B00 !important;
}

#pipeSaison{
    border-left: 1px solid #E7E7E7;
    padding-left: 8px;
}
#produitNotSaison{
    color: #F79201;
    font: 21px/20px 'DaxWeb-CondLight';
    margin: 20px 0;
    text-align: center;
}

#produitNotSaison span{
    color: #0B7B00!important;
}

#twitter-widget-0 {
    width: 115px !important;
}

.socialPage .addthis_toolbox {
    width: 240px;
}

#hideAdrKit{
    display: none;
}

.eventsBlocs input[type="text"]{
    width:350px !important;
}

.eventsBlocs input.dateEvent{
    width:169px !important;
}

.form-contact .infos .eventsBlocs label{
    width:140px !important;
}

.form-contact .infos .eventsLongBlocs label{
    width:460px !important;
}

.form-contact .infos .eventsTypeActBlocs label{
    width:480px !important;
}

.mceEditor{
    margin-bottom: 15px;
    display: block;
}

.errorPost{
    border: 1px solid #EC0000 ! important;
}

.buttonEvent {
    clear: both;
    margin: 30px 0;
    overflow: hidden;
    padding: 16px 0;
	text-align: center;}

.buttonEvent a {
    background: #098b03;
    color: #fff;
    display: inline-block;
    font: 16px/24px 'DaxWeb-CondLight';
    height: 24px;
    overflow: hidden;
    padding: 3px 0 0;
    text-align: center;
    width: 287px;
}

#accordionEvents{
    clear:both;
    margin-top: 10px;
}

.sepa{
}
.labelInLine label{
	display: inline;
	color: #F48501;
}
#form-desabo .labelInLine label {
    color: #000;
}
#form-desabo .labelInLine {
    margin-bottom: 15px;
}
.social-links {
    float: right;
    margin-top: -38px;
}

.social-links {
    text-align: right;
}
.clearfix:before, .clearfix:after {
    content: " ";
    display: table
}

.clearfix:after {
    clear: both
}

.g-recaptcha{
    margin-right: 21px;
}
/* =============================================================================
  Style cookie Choice
   ========================================================================== */
   #cookieChoiceInfo {
    bottom: 0;
    top: auto !important;
}

#cookieChoiceInfo a {
  background-color: #808080;
  border-radius: 3px;
  color: #ffffff;
  display: inline-block !important;
  padding: 3px 7px;
  text-decoration: none;
}

#cookieChoiceInfo #cookieChoiceDismiss {
  background-color: #84A400;
}


@media only screen and (max-width: 480px) {

    .social-links {
        float: none;
        margin-top: 10px;
    }

    .social-links {
        text-align: left;
    }

    .addthis_toolbox.float-right {
        float: left;
    }

}

.social-links-content {
    text-align: left;
    margin-right: -4px;
}

.addthis_button_compact {
    margin-left: 2px;
    padding-right: 0 !important;
}

@media only screen and (max-width: 768px) {

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

}

/*Display on screen if resolution is 640px or below*/
@media only screen and (max-width: 640px) {

    .mobilePadding{
        padding-top: 15px;
    }

    .matrice {
        width: auto;
    }

    #navbar {
        background: none repeat scroll 0 0 #F79301;
        clear: both;
        display: block;
        margin-bottom: 10px;
        margin-top: 10px;
    }

    #main-nav {
        display: none;
        position: absolute;
        top: 100%;
        width: 100%;
        z-index: 500;
    }

    #main-nav.visible {
        display: block;
    }

    #main-nav li {
        float: none;
    }

    #main-nav > li + li {
        margin-left: 0;
    }

    #main-nav > li > a {
        background-color: #098B03;
        padding: 0;
        border: 0;
    }

    #main-nav > li:first-child > a,
    #main-nav > li:first-child + li > a {
        background: #f79201;
    }

    #main-nav > li:first-child + li + li > a,
    #main-nav > li:first-child + li + li + li > a {
        background: #9ac102;
    }

    #main-nav > li > ul {
        border: 0;
        display: block;
        padding: 0 0 10px;
        position: static;
        width: 100%;
    }

    #main-nav > li > ul > li {
        margin: 0 35px;
    }

    .content-recipe {
        padding-left: 0;
    }

    .alt-menu {
        clear: left;
        float: none;
        margin: 0;
        padding: 0;
    }

    #footer {
        margin-left: -8px;
        margin-right: -8px;
    }

    #top-link {
        visibility: hidden;
    }

    .search-form {
        margin: 0;
        padding-top: 10px;
    }

    .main-section {
        float: none;
        padding: 0;
        width: auto;
    }

    #container {
        width: auto;
        padding: 0 8px;
    }

    .recipe-list .grid-a + .grid-a {
        /*margin: 10px 0 0;*/
    }

    .miniMatrice {
        /*width: 624px;*/
    }

    .recipe-all .grid-e {
        float: none;
    }

    .recipe-all .block-link {
        margin-left: -23px;
    }

    .recipe-all .block-link li {
        margin-top: 13px;
    }

    /* Le parent */
    .videoWrapper {
        position: relative;
        padding-bottom: 56.25%; /* 16:9 */
        padding-top: 25px;
        height: 0;
    }
    /* L'enfant */
    .videoWrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

}

/*Display on screen if resolution is 640px or below*/
@media only screen and (max-width: 600px) {

    #slides-gallery,
    #slides-gallery .slides_container,
    #slides-gallery .slides_control > div {
        height: 376px;
        width: 584px;
    }

}

@media only screen and (max-width: 568px) {

    .list-tips.block-link {
        margin-left: -15px;
    }

    .list-tips.block-link li {
      margin: 0 0 19px 15px;
      width: 174px;
    }

    .result li {
        width: 164px;
    }

    .partners {
        margin-bottom: 10px;
        overflow: hidden;
    }

    .partners a {
        float: left;
        text-align: center;
        width: 24%;
    }

    .partners a + a {
        margin-left: 1%;
    }

    #slides-gallery,
    #slides-gallery .slides_container,
    #slides-gallery .slides_control > div {
        height: 356px;
        width: 552px;
    }

    .bar-calendar dt {
        display: none;
    }

    .highlight-recipe a.float-left {
        width: 349px;
    }

    .nav-header {
        background: #9AC102;
        height: auto;
        width: auto;
    }

    .nav-header .h1-like {
        width: auto;
    }

    .nav-header img {
        display: none;
    }

    .nav-header ul {
        float: none;
    }

    .meta-recipe dt {
        height: auto;
        width: 310px;
    }

    .meta-recipe dd {
        margin: 0;
    }

    .content-recipe .zone-h1 td:first-child {
        min-width: 0;
    }

    .recipe-list .grid-a {
        width: 180px;
    }

    .recipe-list .grid-a + .grid-a {
        margin-left: 5px;
    }

    .miniMatrice {
        width: 100% !important;
    }

    .search-form input[type="text"] {
        width: 75%;
    }

    .grid-d + .grid-d {
        margin-left: 0;
    }

}

@media only screen and (max-width: 480px) {

    .list-tips.block-link li {
        width: 144px;
    }

    .recipe-all .block-link li {
        width: 139px;
    }

    .result li {
        width: 135px;
    }

    #slides {
        display: none;
    }

    .header-product >  a.float-right {
        width: 260px;
    }

    #slides-gallery,
    #slides-gallery .slides_container,
    #slides-gallery .slides_control > div {
        height: 299px;
        width: 464px;
    }

    .navigation-button-page a {
        margin-bottom: 5px;
    }

    .highlight-recipe a.float-left img {
        /*display: none;*/
        width: 100%;
    }

    .highlight-recipe .grid-a {
        float: none;
        height: auto;
        width: auto;
    }

    .meta-recipe dt {
        float: none;
    }

    .grid-b {
        width: auto;
        float: none;
    }

    .grid-b + .grid-c {
        margin: 0 0 20px 0;
    }

    #logo {
        float: none;
    }

    .recipe-list .grid-a {
        margin-bottom: 10px;
    }

    .recipe-list .grid-a:nth-child(2n+1) {
        margin-left: 0;
    }

    .h2-like + .button.float-right {
        float: none;
        margin: 0 0 10px;
    }

    .recipe-all .grid-e {
        width: auto;
    }

    .recipe-all .topRecette {
        clear: both;
        max-width: 364px;
    }

    .nav-recipe {
        float: none;
        margin: 0 0 13px !important;
        min-height: 0;
        width: auto;
    }

}

@media only screen and (max-width: 360px) {

    .partners a {
        float: left;
        min-height: 75px;
        text-align: center;
        width: 48%;
    }

    .highlight-recipe .row .cell {
        margin: 0 0 13px 25px;
    }

    .partners a + a {
        margin-left: 1%;
    }

    .header-product >  a.float-right {
        float: none;
    }

    #slides-gallery,
    #slides-gallery .slides_container,
    #slides-gallery .slides_control > div {
        height: 222px;
        width: 344px;
    }

    .map ol {
        width: 49%;
    }

    .recipe-list .grid-a {
        float: none;
        width: auto;
    }

    .recipe-list .row {
        margin-left: 0;
    }

    .recipe-list .cell {
        padding-left: 0;
        padding-right: 1px;
        width: auto;
    }

    .recipe-list .inner {
        min-height: 0;
    }

    .calendar .title + .cell {
        width: auto;
    }

    .calendar > .cell:first-child {
        margin-bottom: 10px;
        text-align: center;
        width: 99%;
    }

    .calendar > .cell:first-child a {
        display: block;
    }

    .grid-d {
        width: auto;
    }

    .data-category .button {
        height: auto;
        width: auto;
    }

    .data-category img:first-child + img {
        margin: 0 13px;
    }

    .sheet-filters .cell + .cell {
        padding-left: 0;
        padding-top: 5px;
    }

    .sheet-filters .cell + .cell:before {
        width: 0;
    }

    .recipe-list .grid-a + .grid-a {
        margin-left: 0;
    }
}

@media only screen and (max-width: 320px) {

    #slides-gallery,
    #slides-gallery .slides_container,
    #slides-gallery .slides_control > div {
        height: 196px;
        width: 304px;
    }

    .highlight-recipe .row .cell {
        margin: 0 0 13px 15px;
    }

    .recipe-list .cell {
        padding-right: 1px;
    }

    .recipe-filters select {
        width: 155px;
    }

    .matrice div.miniItem {
        width: 148px;
    }

    .recipe-list .grid-a > a img {
        width: 100%;
    }

    .content .text-editor .recipe-list .grid-a + .grid-a {
        margin-left: 0;
    }

    .result li {
        width: 136px;
    }

    .header-search .float-right {
        float: none;
    }
    .g-recaptcha{
        margin-right: 0px;
    }
    .float-right {
     float: none;
    }

}