/**
 * GTV - Site Principal CSS
 * Fichier fusionné: color.css + m_styles_103.css + global.css
 * Version: 1.0.0
 */

/* ============================================================================
   1. VARIABLES CSS (Thèmes saisonniers)
   ============================================================================ */

/**
 * Thèmes saisonniers GTV
 * Utilise des variables CSS pour faciliter le changement de thème
 *
 * Usage: Ajouter data-theme="printemps|ete|automne|hiver" sur <html> ou <body>
 * Par défaut: thème automne (couleurs historiques du GTV)
 */

/* === VARIABLES PAR DÉFAUT (Automne) === */
:root {
    --color-primary: #ed6c44;      /* Orange automne */
    --color-secondary: #ffb230;    /* Jaune doré */
    --color-accent: #c3a279;       /* Beige */
    --color-dark: #354052;         /* Bleu foncé */
    --color-muted: #4c4743;        /* Gris brun */
    --color-body: #7b8594;         /* Gris texte */
    --color-link-hover: #ed6c44;
    --color-actu-bg: #4c4743;
}

/* === THÈME PRINTEMPS === */
[data-theme="printemps"] {
    --color-primary: #7cb342;      /* Vert printemps */
    --color-secondary: #aed581;    /* Vert clair */
    --color-accent: #c3a279;
    --color-muted: #689f38;
    --color-link-hover: #7cb342;
    --color-actu-bg: #689f38;
}

/* === THÈME ÉTÉ === */
[data-theme="ete"] {
    --color-primary: #29b6f6;      /* Bleu été */
    --color-secondary: #81d4fa;    /* Bleu clair */
    --color-accent: #c3a279;
    --color-muted: #0288d1;
    --color-link-hover: #29b6f6;
    --color-actu-bg: #0288d1;
}

/* === THÈME HIVER === */
[data-theme="hiver"] {
    --color-primary: #6B799E;      /* Bleu gris */
    --color-secondary: #A6C2CE;    /* Bleu glacé */
    --color-accent: #EBC57C;       /* Or pâle */
    --color-muted: #9C8F96;        /* Gris mauve */
    --color-link-hover: #6B799E;
    --color-actu-bg: #9C8F96;
}

/* === CLASSES UTILITAIRES === */
.color_body { color: var(--color-body); }
.color1_bg { background-color: var(--color-primary); }
.color2_bg { background-color: var(--color-secondary); }
.color3_bg { background-color: var(--color-accent); }
.color4_bg { background-color: var(--color-dark); }
.color6_bg { background-color: var(--color-muted); }
.color1 { color: var(--color-primary); }
.color2 { color: #a0abbe; }
.color3 { color: var(--color-accent); }
.blanc { color: #fff; }
.bg { background-color: #e9ebec; }

/* Bibliographie */
.bgbiblio { background-color: #f5f5f5; }
.lienbiblio { color: #5EC129; }
.colorbiblio_bg { background-color: #5EC129; }

/* Navigation tabs */
.nav-tabs .nav-link { color: #a0abbe; }
.tabs-left .nav-link { border-bottom: 1px solid #a0abbe; }
.nav-inline .nav-link { color: #a0abbe; }
.tabs-hor .nav-item { border-right: 1px solid #a0abbe; }

/* Biblio tabs */
.biblio .nav-tabs .nav-link { color: #656565; background-color: #e0e5e6; }
.biblio .nav-tabs .nav-link.active { color: #fff; background-color: var(--color-dark); }
.biblio .nav-tabs .nav-link:hover { color: #fff; background-color: var(--color-dark); }
.tagbiblio { color: #656565; background-color: #e0e5e6; }
.tagbiblio:hover { color: #fff; background-color: var(--color-dark); }

/* Side menu */
.side-menu li a { color: #ACABA7; }
.side-menu li.active a,
.side-menu li:hover a { color: var(--color-accent); }
.side-menu.nav > li > a:hover,
.side-menu.nav > li > a:focus { background: #F8F3F0; }
.side-menu li .nav-second-level li a { color: #6a6c6f; }
.side-menu li .nav-second-level li:hover a { color: #34495e; background-color: #f7f9fa; }

/* Boutons et bordures */
.btn-contour { border-color: var(--color-accent); }
.bb-light { border-bottom: 1px solid var(--color-accent); }

/* Timeline */
.vertical-timeline-icon { border: 1px solid #ae69af; }
.vertical-timeline-block a:hover { color: #ae69af; }

/* Tooltips */
.tooltip-inner { background-color: var(--color-primary); }
.tooltip.tooltip-top .tooltip-arrow,
.tooltip.bs-tether-element-attached-bottom .tooltip-arrow { border-top-color: var(--color-primary); }

/* Indicateurs */
.rd1 { color: #8A195A; }
.rd2 { color: #8CAE1C; }
.rd3 { color: #0C65A7; }

/* Pagination */
.page-item.active .page-link {
    border-color: var(--color-primary);
    background-color: var(--color-primary);
}

/* Filtres */
.simplefilter li { background-color: var(--color-primary); }
.simplefilter li.active { background-color: var(--color-dark); }

/* Liens stylisés */
.lien a {
    background: linear-gradient(180deg, var(--color-primary), var(--color-primary)) no-repeat 0 1.3rem;
    font-weight: 600;
    transition: background-position-y .15s ease-out;
}
.lien a:hover {
    background-position-y: 0;
    color: #fff;
}
.lienc {
    background: linear-gradient(180deg, var(--color-primary), var(--color-primary)) no-repeat 0 1.3rem;
    font-weight: 600;
    transition: background-position-y .15s ease-out;
}
.lienc:hover {
    background-position-y: 0;
    color: #fff;
}
.lienb a {
    color: var(--color-primary);
    font-weight: 700;
}

/* Blocs */
.blocactu { background-color: var(--color-actu-bg); }

/* Liens généraux */
a:hover { color: var(--color-link-hover); }

/* ============================================================================
   1.5 ACCESSIBILITÉ - Focus Visible
   ============================================================================ */

/**
 * Focus visible amélioré pour l'accessibilité
 * Utilise :focus-visible pour n'afficher le focus qu'au clavier
 */

/* Reset du focus par défaut */
*:focus {
    outline: none;
}

/* Focus visible pour navigation clavier */
*:focus-visible {
    outline: 3px solid var(--color-primary, #ed6c44);
    outline-offset: 2px;
}

/* Focus spécifique pour les liens */
a:focus-visible {
    outline: 2px solid var(--color-primary, #ed6c44);
    outline-offset: 2px;
    border-radius: 2px;
}

/* Focus pour les boutons */
button:focus-visible,
.btn:focus-visible,
input[type="submit"]:focus-visible,
input[type="button"]:focus-visible {
    outline: 3px solid var(--color-primary, #ed6c44);
    outline-offset: 2px;
    box-shadow: 0 0 0 4px rgba(237, 108, 68, 0.25);
}

/* Focus pour les champs de formulaire */
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
    outline: 2px solid var(--color-primary, #ed6c44);
    outline-offset: 0;
    border-color: var(--color-primary, #ed6c44);
    box-shadow: 0 0 0 3px rgba(237, 108, 68, 0.2);
}

/* Focus pour les checkbox et radio */
input[type="checkbox"]:focus-visible,
input[type="radio"]:focus-visible {
    outline: 2px solid var(--color-primary, #ed6c44);
    outline-offset: 2px;
}

/* Focus pour le menu */
#menu_top a:focus-visible {
    outline: 2px solid #fff;
    outline-offset: 2px;
    background-color: rgba(255, 255, 255, 0.1);
}

/* Skip links visible au focus */
.skip-links a {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.skip-links a:focus {
    position: fixed;
    top: 10px;
    left: 10px;
    width: auto;
    height: auto;
    padding: 10px 20px;
    background: var(--color-primary, #ed6c44);
    color: #fff;
    font-weight: bold;
    z-index: 10000;
    text-decoration: none;
    border-radius: 4px;
}

/* ============================================================================
   1.6 FIL D'ARIANE (Breadcrumb)
   ============================================================================ */

.breadcrumb-nav {
    padding: 0.75rem 1rem;
    background-color: #f8f9fa;
    border-radius: 4px;
    margin-bottom: 1rem;
}

.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin-bottom: 0;
    list-style: none;
    background-color: transparent;
}

.breadcrumb-item {
    display: flex;
    align-items: center;
}

.breadcrumb-item + .breadcrumb-item {
    padding-left: 0.5rem;
}

.breadcrumb-item + .breadcrumb-item::before {
    content: "/";
    padding-right: 0.5rem;
    color: #6c757d;
}

.breadcrumb-item a {
    color: var(--color-primary, #ed6c44);
    text-decoration: none;
    transition: color 0.2s;
}

.breadcrumb-item a:hover {
    color: var(--color-dark, #354052);
    text-decoration: underline;
}

.breadcrumb-item.active {
    color: #6c757d;
}

.breadcrumb-item i {
    margin-right: 0.25rem;
}

/* Fil d'ariane compact pour mobile */
@media (max-width: 576px) {
    .breadcrumb-nav {
        padding: 0.5rem 0.75rem;
        font-size: 0.875rem;
    }

    .breadcrumb-item + .breadcrumb-item::before {
        content: "›";
    }
}

/* ============================================================================
   2. STYLES PRINCIPAUX (m_styles_103)
   ============================================================================ */

/*-body-*/
#body #footer a {
	text-decoration: none;
}
#body #footer a:hover {
	color: #C2822A;
}
#body #footer_content #MasterMail_abonnement_formulaire {
	display: flex; display: -webkit-flex; display: -ms-flexbox;
	margin: 0% 0% 2% 0%;
	max-width: 100%;
	flex: 1 0 auto; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto;
	flex-wrap: wrap; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap;
}
.no-flex #body #footer_content #MasterMail_abonnement_formulaire {
display: table;
}
#body #footer_social > div > p {
	display: flex; display: -webkit-flex; display: -ms-flexbox;
	flex-direction: row; -webkit-flex-direction: row; -ms-flex-direction: row;
	flex-wrap: wrap; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap;
	align-items: center; -webkit-align-items: center; -ms-flex-item-align: center;
	justify-content: center; -webkit-justify-content: center; -ms-flex-pack: center;
}
.no-flex #body #footer_social > div > p {
display: table;
}
#body #footer_social > div > p a.me-icon {
	margin: 0 3px 3px 3px;
	width: auto;
	flex-basis: 1; -webkit-flex-basis: 1;
}
#body #footer_social a:hover {
	color: #FFF;
}
#body #ms-compte-wishlist .btq_conteneur_produits {
	width: calc(50% - 20px);
}
#body .form_compte label {
	display: block;
	clear: both;
	width: 100%;
}
#body .ms_ctn_qte {
	float: left;
	margin: 0px;
	position: relative;
	width: 100%;
}
#body .ms_ctn_qte .ms_panier_moins, #body .ms_ctn_qte .ms_panier_plus {
	background-color: #FFFFFF;
	border: 1px solid #ddd;
	color: #C2822A;
	float: left;
	font-weight: 300;
	height: 35px;
	line-height: 33px;
	margin: 0px;
	padding: 0px;
	position: relative;
	text-align: center;
	width: 33.33%;
}
#body .ms_ctn_qte input.ms_qte {
	background-color: #FFFFFF;
	border: 0px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	color: #C2822A;
	float: left;
	height: 35px;
	line-height: 33px;
	margin: 0px;
	padding: 0px;
	position: relative;
	text-align: center;
	width: 33.33%;
	border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px;
}
#body .node_liste_quantite .ms_ctn_qte .ms_panier_moins:hover ,#body .ms_ctn_qte .ms_panier_plus:hover {
	background-color: #C2822A;
	color: #FFF;
}
#body .tag {
	background-color: #C2822A;
	color: #FFF;
	font-size: 0.65em;
	font-weight: 500;
	line-height: 200%;
	padding: 0px 5px;
	position: absolute;
	right: -5px;
	top: 5px;
	z-index: 2;
	text-transform: uppercase;
}
#body a.ms-button.info, #body .ms-button.info a, #body .ms-button.info input, #body input.ms-button.info, #body a.ms-button.info:visited {
	background-color: #5bc0de;
	border: 1px solid #ddd;
	color: #FFF;
	padding: 0px 12px;
	text-decoration: none;
	border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px;
}
#body a.ms-button.info:hover, #body input.ms-button.info:hover, #body .ms-button.info a:hover , #body .ms-button.info input:hover {
	background-color: #7ccde5;
}
#body a.ms-button.user, #body .ms-button.user a, #body .ms-button.user input, #body input.ms-button.user, #body a.ms-button.user:visited {
	background-color: #999999;
	border: 1px solid #ddd;
	color: #FFF;
	padding: 0px 12px;
	text-decoration: none;
	border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px;
}
#body a.ms-button.user:hover, #body input.ms-button.user:hover, #body .ms-button.user a:hover , #body .ms-button.user input:hover {
	background-color: #a1a1a1;
}
#body a.ms-button.warning, #body .ms-button.warning a, #body .ms-button.warning input, #body input.ms-button.warning, #body a.ms-button.warning:visited {
	background-color: #f0ad4e;
	border: 1px solid #ddd;
	color: #FFF;
	padding: 0px 12px;
	text-decoration: none;
	border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px;
}
#body a.ms-button.warning:hover, #body input.ms-button.warning:hover, #body .ms-button.warning a:hover , #body .ms-button.warning input:hover {
	background-color: #f3bd71;
}
#body a.ms-button:hover, #body input.ms-button:hover, #body .ms-button a:hover , #body .ms-button input:hover {
	background-color: #eeece9;
	cursor: pointer;
}
#body blockquote {
	border-left: 4px solid #dedede;
	color: #C2822A;
	font-size: 2em;
	font-style: italic;
	font-weight: 300;
	margin: 30px 15% 30px 5%;
	padding: 20px;
	text-align: left;
	width: 80%;
}
#body blockquote p {
	color: #C2822A;
}
#body input.scroll-button, #body a.scroll-button {
	background-color: bg_transparent;
	border: 1px solid #FFF;
	color: #FFF;
	font-family: Roboto, arial;
	font-size: 1.1em;
	font-weight: 300;
	letter-spacing: 3px;
}
#footer_content #MasterMail_abonnement_formulaire .champ.email {
	width: auto;
	flex: 1 1 75%; -webkit-flex: 1 1 75%; -ms-flex: 1 1 75%;
}
#footer_content #MasterMail_abonnement_formulaire .champ.email input {
	width: 100%;
}
#footer_content .ligne.submit {
	width: 25%;
	flex: 1 1 25%; -webkit-flex: 1 1 25%; -ms-flex: 1 1 25%;
}
#footer_content .ligne.submit input {
	width: auto;
}
#footer_content .p1-texte {
	line-height: 1.5em;
	text-decoration: none;
}
#footer_content .p2-commentaire {
	display: block;
	clear: both;
	margin: 5px 0px 0px 0px;
}
#footer_content input[type=submit] {
	margin: 0px;
}
#form_modification_adresse .cadre_visu_adresse {
	background-color: #FFFFFF;
	border: 1px solid #ddd;
	float: left;
	height: 300px;
	margin: 0px;
	padding: 10px;
	position: relative;
	width: calc(50% - 20px);
	border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px;
}
#form_modification_adresse_new {
	float: left;
	margin: 10px 0px;
	position: relative;
	width: 100%;
}
#html {
	font-size: 100%;
}
#language div {
	color: #777777;
	font-size: 1.2em;
	font-weight: 300;
	line-height: 48px;
	text-align: center;
	width: 100%;
	text-transform: uppercase;
}
#mb_conteneurpagination a {
	border: 1px solid #C2822A;
	color: #C2822A;
	float: left;
	font-family: Roboto, serif;
	font-weight: 500;
	line-height: 35px;
	margin: 0px 10px 0px 0px;
	padding: 0px 12px;
	position: relative;
	text-decoration: none;
	border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px;
}
#mb_conteneurpagination a:link:hover, #mb_conteneurpagination a:visited:hover, #mb_conteneurpagination a:active:hover {
	background-color: #C2822A;
	color: #FFF;
}
#mb_conteneurpagination span {
	background-color: #C2822A;
	border: 1px solid #C2822A;
	color: #FFF;
	float: left;
	font-family: Roboto, serif;
	font-weight: 500;
	line-height: 35px;
	margin: 0px 10px 0px 0px;
	padding: 0px 12px;
	position: relative;
	border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px;
}
#me-scroll-nav ul {
	display: flex; display: -webkit-flex; display: -ms-flexbox;
	margin: 0px;
	flex-wrap: wrap; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap;
	justify-content: center; -webkit-justify-content: center; -ms-flex-pack: center;
}
.no-flex #me-scroll-nav ul {
display: table;
}
#menu_responsive .puce {
	color: #777777;
	padding: 0 10px 0 0;
}
#menu_responsive a {
	border-bottom: 1px solid #efefef;
	color: #777777;
	display: flex; display: -webkit-flex; display: -ms-flexbox;
	font-style: normal;
	font-weight: 300;
	padding: 10px;
	text-decoration: none;
	word-wrap: normal;
	white-space: pre-line;
	flex-direction: row; -webkit-flex-direction: row; -ms-flex-direction: row;
	align-content: space-between; -webkit-align-content: space-between;  -ms-flex-line-pack: space-between;
	align-items: flex-start; -webkit-align-items: flex-start; -ms-flex-item-align: flex-start;
	justify-content: space-between; -webkit-justify-content: space-between; -ms-flex-pack: space-between;
	order: 2; -ms-flex-order: 2; -webkit-order: 2;
}
.no-flex #menu_responsive a {
display: table;
}
#menu_responsive a:hover, #menu_responsive a:link:hover, #menu_responsive a:visited:hover {
	color: #C2822A;
}
#menu_responsive fieldset {
	border: none;
	margin: 0px;
	padding: 0px;
	width: 100%;
}
#menu_responsive ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#menu_responsive ul li {
	margin: 0px;
	padding: 0px;
}
#menu_responsive ul li a span.action {
	background-position: center right;
	background-repeat: no-repeat;
	color: #C2822A;
	font-size: 1.5em;
	margin: 0px;
	padding: 0px;
	position: absolute;
	border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;
	right: 10px;
	opacity: 1; MozOpacity: 1; KhtmlOpacity: 1; filter: alpha(opacity=100);
}
#menu_responsive ul li a span.action.close {
	background-color: #d9534f;
}
#menu_responsive ul li a span.action.open {
	background-color: #5cb85c;
}
#menu_responsive ul li.active {
	color: #C2822A;
}
#menu_responsive ul.niveau2 {
	padding: 0px 0px 0px 20px;
	opacity: 0.9; MozOpacity: 0.9; KhtmlOpacity: 0.9; filter: alpha(opacity=90);
}
#menu_responsive ul.niveau3 {
	padding: 0px 0px 0px 20px;
	opacity: 0.8; MozOpacity: 0.8; KhtmlOpacity: 0.8; filter: alpha(opacity=80);
}
#me_cookie_txt .center {
	display: block;
	margin: 4% 0 0 0;
}
#me_cookie_txt .p1-texte {
	color: #000000;
	font-weight: 300;
	line-height: 140%;
	text-align: center;
}
#me_cookie_txt a {
	color: #4c4339;
	font-weight: 300;
}
#me_cookie_txt a:hover {
	opacity: 0.7; MozOpacity: 0.7; KhtmlOpacity: 0.7; filter: alpha(opacity=70);
}
#me_cookie_txt img {
	position: absolute;
	right: 5px;
	bottom: 5px;
}
#me_cookie_zone .me-icon.standard.cross {
	color: #C2822A;
	display: block;
	float: right;
	font-size: 2.5em;
	margin: -10px -10px 10px 10px;
	padding: 4px;
	position: relative;
	text-decoration: none;
	border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;
}
#me_cookie_zone .me-icon.standard.cross:hover {
	color: #C2822A;
	opacity: 0.6; MozOpacity: 0.6; KhtmlOpacity: 0.6; filter: alpha(opacity=60);
}
#me_cookie_zone input[type=button] {
	border: 1px solid #C2822A;
	color: #666666;
	border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px;
	outline: none;
}
#me_cookie_zone input[type=button]:hover {
	background-color: #C2822A;
	color: #FFF;
}
#me_formulaire #cryptogram + br, #cryptogram_mmDesabonnement + br, #cryptogram_mmAbonnement + br {
	display: none;
}
#me_formulaire .conteneurOptions {
	float: left;
	margin: 0px;
	width: 100%;
}
#me_formulaire .conteneurOptionsLong {
	margin: 0px;
}
#me_formulaire .espacementLigne {
	margin: 15px 0px 0px 0px;
	width: 100%;
}
#me_formulaire .formcinquieme {
	background-color: #FFFFFF;
	float: left;
	margin: 0px 1%;
	padding: 1%;
	position: relative;
	text-align: center;
	width: 16%;
	border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
}
#me_formulaire .formcinquieme input[type=text] {
	font-size: 2em;
	margin: 5px auto 0px auto;
	text-align: center;
	width: 40%;
}
#me_formulaire .formdroit {
	float: right;
	padding: 0px;
	position: relative;
	width: 49%;
}
#me_formulaire .formgauche {
	float: left;
	padding: 0px;
	position: relative;
	width: 49%;
}
#me_formulaire .intituleLong, #me_formulaire .intituleMailLong {
	display: inline-block;
	margin: 5px 0;
	width: 100%;
}
#me_formulaire .mm_commentaire_kapcha {
	color: #d9534f;
	font-size: 0.9em;
	line-height: 140%;
	margin: 5px 0px;
	bottom: 10px;
}
#me_formulaire .obligatoire {
	width: 100%;
}
#me_formulaire br {
	display: block;
	margin: 0px;
	padding: 0px;
}
#me_formulaire input {
	margin: 0 0 10px 0;
}
#me_formulaire input[type=submit] {
	margin: 20px 0px;
}
#me_formulaire input[type=text], #body #me_formulaire input[type=password], #body #me_formulaire input[type=email], #body #me_formulaire textarea, #body #me_formulaire select {
	border: 1px solid #ddd;
	padding: 0 10px;
	width: 100%;
	border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px;
}
#me_scrollto_top {
	background-color: rgba(0,0,0,0.7);
	display: block;
	height: 50px;
	line-height: 50px;
	text-align: center;
	width: 50px;
	right: 20px;
	bottom: 20px;
}
#me_scrollto_top span {
	display: none;
}
#me_scrollto_top::before {
	color: #FFF;
	font-family: standard;
	font-size: 1.4em;
	text-align: center;
	content: "\e632";
}
#ms-compte-onglet-commandes .i td, #ms-compte-onglet-commandes .p td {
	background-color: #FFF;
	border-top: 5px solid #fff;
	border-bottom: 5px solid #fff;
	padding: 5px 10px;
	text-align: left;
}
#ms-compte-onglet-commandes .i td:first-child, #ms-compte-onglet-commandes .p td:first-child {
	font-weight: 500;
}
#ms-compte-onglet-commandes .ms-table-commandes.paniers td:nth-child(4), #ms-compte-onglet-commandes .ms-table-commandes.paniers th:nth-child(4) {
	text-align: right !important;
}
#ms-compte-onglet-commandes td a.button.info {
	border: 1px solid #e2007a;
	color: #e2007a;
}
#ms-compte-onglet-commandes td a.button.info:hover {
	background-color: #e2007a;
	border: 1px solid #e2007a;
	color: #ffffff;
}
#ms_compte_content {
	float: right;
	position: relative;
	width: 74.99%;
}
#ms_compte_content .ms-table-commandes-produits td.article img {
	float: left;
	margin: 0 10px 10px 0;
	max-width: 30%;
}
#ms_compte_menu {
	float: left;
	font-size: 0.9em;
	margin: 20px 10px 20px 10px;
	padding: 10px;
	position: relative;
	width: calc(24.99% - 20px);
}
#ms_compte_menu span {
	display: none;
}
#ms_compte_menu ul {
	float: left;
	margin: 0px;
	padding: 0px;
	position: relative;
	width: 100%;
}
#ms_compte_menu ul li {
	float: left;
	list-style-type: none;
	margin: 0px 0px 2px 0px;
	padding: 0px;
	position: relative;
	text-align: center;
	width: 100%;
}
#ms_compte_menu ul li a {
	background-color: #FFFFFF;
	color: #C2822A;
	float: left;
	line-height: 35px;
	text-decoration: none;
	width: 100%;
	border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px;
}
#ms_compte_menu ul li a:hover {
	background-color: bg_gris_moyen_clair;
	color: #C2822A;
}
#ms_compte_menu ul li.ms_compte_menu_on a {
	background-color: #C2822A;
	color: #FFF;
}
#ms_compte_menu ul li.ms_compte_menu_on a:hover {
	opacity: 0.8; MozOpacity: 0.8; KhtmlOpacity: 0.8; filter: alpha(opacity=80);
}
#navtop .menuSousNiveauTxt {
	color: #777777;
	font-weight: 300;
}
#navtop .menuSousNiveauTxt:hover {
	color: #C2822A;
}
#navtop .sm {
	background-color: #C2822A;
	padding: 1%;
	position: absolute;
	left: 0px;
	top: 40px;
}
#navtop .sm_sousmenu img {
	background-color: #eeece9;
	float: left;
	height: 100px;
	position: relative;
	width: 100px;
	overflow: hidden;
	max-width: 100%;
	max-height: auto;
}
#navtop a {
	color: #777777;
	text-decoration: none;
}
#navtop a:hover {
	color: #777777;
}
#navtop ul {
	float: left;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#nav_mobile a {
	color: #777777;
	float: left;
	padding: 0px;
	position: relative;
	text-decoration: none;
}
#nav_mobile span.label {
	font-weight: 300;
	padding: 0 0 0 5px;
	text-transform: uppercase;
}
#node_etape .infodetail .tva .tva__ckLG3 {
	background-color: #FAFAFA;
	color: #4c4339;
	display: block;
	font-size: 0.9em;
	height: 2em;
	line-height: 2em;
	margin: 10px 0;
	text-align: center;
}
#node_panier .me-icon.standard.shopping-bag-outline {
	color: #777777;
	font-size: 1.6em;
	line-height: 48px;
	text-decoration: none;
}
#node_panier a .me-icon.standard.shopping-bag-outline {
	display: block;
	height: 48px;
	text-decoration: none;
	width: 48px;
}
#node_panier a .me-icon.standard.shopping-bag-outline:hover {
	text-decoration: none;
}
#node_search .me-icon.standard.search3 {
	color: #777777;
	font-size: 1.8em;
	line-height: 48px;
	text-align: center;
	text-decoration: none;
}
#node_search a {
	text-decoration: none;
}
#node_search a .me-icon.standard.search3 {
	color: #777777;
	display: block;
	height: 48px;
	text-decoration: none;
	width: 48px;
}
#node_search a .me-icon.standard.search3:hover {
	color: #C2822A;
}
#node_top a {
	text-decoration: none;
}
#node_user .me-icon.standard.user, #node_user .me-icon.standard.user-2, #node_user .me-icon.standard.user3, #node_user .me-icon.standard.user-outline3 {
	color: #777777;
	font-size: 2.1em;
	line-height: 48px;
	text-align: center;
	text-decoration: none;
}
#node_user a .me-icon.standard.user, #node_user a .me-icon.standard.user-2, #node_user a .me-icon.standard.user3, #node_user a .me-icon.standard.user-outline3 {
	display: block;
	height: 48px;
	text-decoration: none;
	width: 48px;
	cursor: pointer;
}
#node_user a .me-icon.standard.user:hover, #node_user a .me-icon.standard.user-2:hover, #node_user a .me-icon.standard.user3:hover, #node_user a .me-icon.standard.user-outline3:hover {
	text-decoration: none;
}



#plan-declinaison-1 a {
	text-decoration: none;
}
#plan-declinaison-1 a:hover {
	color: #C2822A;
}
#plan-declinaison-1 ul {
	list-style-type: none;
	margin: 5px 0px 5px 20px;
}
#plan-declinaison-1 ul li {
	padding: 5px 0px;
}
#total table {
	margin: 20px 0px;
}
#total table tr td {
	padding: 5px 0px;
}
.accroche_reponse_sondage {
	color: #C2822A;
	display: block;
}
.alignCentreDemi {
	text-align: center;
	width: 50%;
	left: 25%;
}
.alignCentreQuart {
	text-align: center;
	width: 25%;
	left: 37.5%;
}
.alignDroit {
	float: right;
	position: relative;
}
.alignFull {
	display: block;
	text-align: center;
	top: 20px;
}
.alignGauche {
	float: left;
	position: relative;
}
.b {
	font-weight: bold!important}
}
.barre_sondage {
	background-color: #C2822A;
	border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px;
}
.block {
	display: block;
}
.button, input[type=button], input[type=submit], a.button, a.button:visited, input[type=button].button, input[type=submit].button {
	background-color: initial;
	border: 1px solid #C2822A;
	color: #C2822A;
	display: block;
	font-family: Roboto, serif;
	font-weight: 500;
	height: 35px;
	line-height: 33px;
	margin: 10px auto;
	padding: 0px 12px;
	position: relative;
	text-align: center;
	text-decoration: none;
	border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px;
	overflow: hidden;
	outline: none;
	text-transform: uppercase;
	cursor: pointer;
}
.button.danger, a.button.danger, a.button.danger:visited, input.button.danger {
	border: 1px solid #d9534f;
	color: #d9534f;
}
.button.danger:hover, a.button.danger:hover, input.button.danger:hover, input[type=button].button.danger:hover, input[type=submit].button.danger:hover {
	background-color: #d9534f;
	color: #FFF;
}
.button.grand, a.button.grand, input.button.grand {
	font-size: 18px;
	height: 48px;
	line-height: 48px;
}
.button.info, a.button.info, a.button.info:visited, input.button.info {
	border: 1px solid #5bc0de;
	color: #5bc0de;
}
.button.info:hover, a.button.info:hover, input.button.info:hover, input[type=button].button.info:hover, input[type=submit].button.info:hover {
	background-color: #5bc0de;
}
.button.next {
	background-image: url(../images/arrow_right_small_grey.png);
	background-position: right 10px center;
	background-repeat: no-repeat;
	background-size: auto 50%;
	padding: 0 60px 0 2%;
}
.button.next.wdemi {
	padding: 0 8% 0 2%;
	width: 50%;
}
.button.next.wfull {
	padding: 0 8% 0 2%;
	width: 100%;
}
.button.petit, a.button.petit, input.button.petit {
	font-size: 13px;
	height: 25px;
	line-height: 25px;
}
.button.prev {
	background-image: url(../images/arrow_left_small_grey.png);
	background-position: left 10px center;
	background-repeat: no-repeat;
	background-size: auto 50%;
	padding: 0 2% 0 60px;
}
.button.prev.wdemi {
	padding: 0 2% 0 8%;
	width: 50%;
}
.button.prev.wfull {
	padding: 0 2% 0 8%;
	width: 100%;
}
.button.warning, a.button.warning, a.button.warning:visited, input.button.warning {
	border: 1px solid #f0ad4e;
	color: #f0ad4e;
}
.button.warning:hover, a.button.warning:hover, input.button.warning:hover, input[type=button].button.warning:hover, input[type=submit].button.warning:hover {
	background-color: #f0ad4e;
	color: #FFF;
}
.button.wdemi {
	margin: auto;
	padding: 0 2%;
	width: 50%;
	overflow: hidden;
}
.button.wfull {
	padding: 0px 2%;
	width: 100%;
	overflow: hidden;
}
.button:hover, a.button:hover, input[type=button]:hover, input[type=submit]:hover, input[type=button].button:hover, input[type=submit].button:hover {
	background-color: #C2822A;
	color: #FFF;
}
.c {
	text-align: center;
}
.cap {
	text-transform: capitalize;
}
.clear {
	clear: both;
}
.conteneurVideo {
	height: 0px;
	padding: 0px 0px 56% 0px;
	position: relative;
}
.conteneur_sondage {
	background-color: #eeece9;
	margin: 0 auto;
	padding: 10px;
	width: 100%;
	border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px;
}
.espacementLigne {
	margin: 20px 0px;
}
.euro {
	margin: 0px 0px 0px 2px;
}
.fondArticle_1-12Colonne {
	background-color: none; background-clip: padding-box;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	border: 10px solid transparent;
	display: flex; display: -webkit-flex; display: -ms-flexbox;
	height: initial;
	margin: 0px;
	padding: 10px;
	width: 8.33%;
	box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;
	min-height: 50px;
	flex-direction: column; -webkit-flex-direction: column; -ms-flex-direction: column;
}
.no-flex .fondArticle_1-12Colonne {
display: table;
}
.fondArticle_1-12Colonne > *, .fondArticle_2-12Colonne > *, .fondArticle_3-12Colonne > *, .fondArticle_4-12Colonne > *, .fondArticle_5-12Colonne > * {
	flex: none; -webkit-flex: none; -ms-flex: none;
}
.fondArticle_1-12Colonne img, .fondArticle_2-12Colonne img, .fondArticle_3-12Colonne img, .fondArticle_4-12Colonne img, .fondArticle_5-12Colonne img, .fondArticle_6-12Colonne img, .fondArticle_7-12Colonne img, .fondArticle_8-12Colonne img {
	max-width: 100%;
}
.fondArticle_10-12Colonne {
	background-color: none; background-clip: padding-box;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	border: 10px solid transparent;
	display: flex; display: -webkit-flex; display: -ms-flexbox;
	height: initial;
	padding: 10px;
	width: 83.33%;
	box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;
	min-height: 50px;
	flex-direction: column; -webkit-flex-direction: column; -ms-flex-direction: column;
}
.no-flex .fondArticle_10-12Colonne {
display: table;
}
.fondArticle_11-12Colonne {
	background-color: none; background-clip: padding-box;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	border: 10px solid transparent;
	display: flex; display: -webkit-flex; display: -ms-flexbox;
	height: initial;
	padding: 10px;
	width: 91.66%;
	box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;
	min-height: 50px;
	flex-direction: column; -webkit-flex-direction: column; -ms-flex-direction: column;
}
.no-flex .fondArticle_11-12Colonne {
display: table;
}
.fondArticle_11-12Colonne > *, .fondArticle_12-12Colonne > * {
	flex: none; -webkit-flex: none; -ms-flex: none;
}
.fondArticle_12-12Colonne {
	background-color: none; background-clip: padding-box;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	border: 10px solid transparent;
	display: flex; display: -webkit-flex; display: -ms-flexbox;
	height: initial;
	padding: 10px;
	width: 100%;
	box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;
	min-height: 50px;
	flex-direction: column; -webkit-flex-direction: column; -ms-flex-direction: column;
}
.no-flex .fondArticle_12-12Colonne {
display: table;
}
.fondArticle_12-12ColonneDecouvrir {
	background-color: none; background-clip: padding-box;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	border: 10px solid transparent;
	display: flex; display: -webkit-flex; display: -ms-flexbox;
	height: initial;
	margin: 0px;
	padding: 10px;
	width: 100%;
	box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;
	min-height: 50px;
	flex-direction: column; -webkit-flex-direction: column; -ms-flex-direction: column;
}
.no-flex .fondArticle_12-12ColonneDecouvrir {
display: table;
}
.fondArticle_12-12ColonneDecouvrir.over {
	margin: 0px 0px 10px 0px;
}
.fondArticle_12-12ColonneFull {
	background-color: none; background-clip: padding-box;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	display: flex; display: -webkit-flex; display: -ms-flexbox;
	height: initial;
	margin: 0px;
	padding: 0px;
	width: 100%;
	box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;
	min-height: 50px;
	flex-direction: column; -webkit-flex-direction: column; -ms-flex-direction: column;
}
.no-flex .fondArticle_12-12ColonneFull {
display: table;
}
.fondArticle_12-12ColonneLimite {
	background-color: none; background-clip: padding-box;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	border: 10px solid transparent;
	display: flex; display: -webkit-flex; display: -ms-flexbox;
	clear: both;
	height: hauteur_base;
	margin: 10px 0;
	padding: 10px;
	width: 100%;
	box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;
	min-height: 50px;
	max-width: 1200px;
	flex-direction: column; -webkit-flex-direction: column; -ms-flex-direction: column;
}
.no-flex .fondArticle_12-12ColonneLimite {
display: table;
}
.fondArticle_12-12ColonneLimiteEtroite {
	background-color: none; background-clip: padding-box;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	border: 10px solid transparent;
	display: flex; display: -webkit-flex; display: -ms-flexbox;
	clear: both;
	height: hauteur_base;
	margin: 10px 0;
	padding: 10px;
	width: 100%;
	box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;
	min-height: 50px;
	max-width: 800px;
	flex-direction: column; -webkit-flex-direction: column; -ms-flex-direction: column;
}
.no-flex .fondArticle_12-12ColonneLimiteEtroite {
display: table;
}
.fondArticle_12-Col_par_4_lignes {
	background-color: none; background-clip: padding-box;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	border: 10px solid transparent;
	display: flex; display: -webkit-flex; display: -ms-flexbox;
	height: 33.331vw;
	margin: 0px;
	padding: 0 7%;
	width: 100%;
	box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;
	flex-direction: column; -webkit-flex-direction: column; -ms-flex-direction: column;
	align-items: center; -webkit-align-items: center; -ms-flex-item-align: center;
	justify-content: center; -webkit-justify-content: center; -ms-flex-pack: center;
}
.no-flex .fondArticle_12-Col_par_4_lignes {
display: table;
}
.fondArticle_2-12Colonne {
	background-color: none; background-clip: padding-box;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	border: 10px solid transparent;
	display: flex; display: -webkit-flex; display: -ms-flexbox;
	height: initial;
	margin: 0px;
	padding: 10px;
	width: 16.66%;
	box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;
	min-height: 50px;
	flex-direction: column; -webkit-flex-direction: column; -ms-flex-direction: column;
}
.no-flex .fondArticle_2-12Colonne {
display: table;
}
.fondArticle_3-12Colonne {
	background-color: none; background-clip: padding-box;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	border: 10px solid transparent;
	display: flex; display: -webkit-flex; display: -ms-flexbox;
	height: initial;
	margin: 0px;
	padding: 10px;
	width: 25%;
	box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;
	min-height: 50px;
	flex-direction: column; -webkit-flex-direction: column; -ms-flex-direction: column;
}
.no-flex .fondArticle_3-12Colonne {
display: table;
}
.fondArticle_3-24Colonne {
	background-color: none; background-clip: padding-box;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	border: 10px solid transparent;
	display: flex; display: -webkit-flex; display: -ms-flexbox;
	height: initial;
	margin: 0px;
	padding: 10px;
	width: 12.5%;
	box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;
	flex-direction: column; -webkit-flex-direction: column; -ms-flex-direction: column;
}
.no-flex .fondArticle_3-24Colonne {
display: table;
}
.fondArticle_4-12Colonne {
	background-color: none; background-clip: padding-box;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	border: 10px solid transparent;
	display: flex; display: -webkit-flex; display: -ms-flexbox;
	height: initial;
	padding: 10px;
	width: 33.33%;
	box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;
	min-height: 50px;
	flex-direction: column; -webkit-flex-direction: column; -ms-flex-direction: column;
}
.no-flex .fondArticle_4-12Colonne {
display: table;
}
.fondArticle_5-12Colonne {
	background-color: none; background-clip: padding-box;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	border: 10px solid transparent;
	display: flex; display: -webkit-flex; display: -ms-flexbox;
	height: initial;
	padding: 10px;
	width: 41.66%;
	box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;
	min-height: 50px;
	flex-direction: column; -webkit-flex-direction: column; -ms-flex-direction: column;
}
.no-flex .fondArticle_5-12Colonne {
display: table;
}
.fondArticle_6-12Colonne {
	background-color: none; background-clip: padding-box;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	border: 10px solid transparent;
	display: flex; display: -webkit-flex; display: -ms-flexbox;
	height: initial;
	padding: 10px;
	width: 50%;
	box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;
	min-height: 50px;
	flex-direction: column; -webkit-flex-direction: column; -ms-flex-direction: column;
}
.no-flex .fondArticle_6-12Colonne {
display: table;
}
.fondArticle_6-12Colonne > *, .fondArticle_7-12Colonne > *, .fondArticle_8-12Colonne > *, .fondArticle_9-12Colonne > *, .fondArticle_10-12Colonne > * {
	flex: none; -webkit-flex: none; -ms-flex: none;
}
.fondArticle_6-Col_par_4_lignes {
	background-color: none; background-clip: padding-box;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	display: flex; display: -webkit-flex; display: -ms-flexbox;
	height: 33.36vw;
	margin: 0px;
	padding: 0 7%;
	width: 50%;
	box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;
	flex-direction: column; -webkit-flex-direction: column; -ms-flex-direction: column;
	align-items: center; -webkit-align-items: center; -ms-flex-item-align: center;
	justify-content: center; -webkit-justify-content: center; -ms-flex-pack: center;
}
.no-flex .fondArticle_6-Col_par_4_lignes {
display: table;
}
.fondArticle_6-Col_par_6_lignes {
	background-color: none; background-clip: padding-box;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	display: flex; display: -webkit-flex; display: -ms-flexbox;
	height: 50vw;
	margin: 0px;
	padding: 0 7%;
	vertical-align: middle;
	width: 50%;
	box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;
	flex-direction: column; -webkit-flex-direction: column; -ms-flex-direction: column;
	align-items: center; -webkit-align-items: center; -ms-flex-item-align: center;
	justify-content: center; -webkit-justify-content: center; -ms-flex-pack: center;
}
.no-flex .fondArticle_6-Col_par_6_lignes {
display: table;
}
.fondArticle_6-Col_par_8_lignes {
	background-color: none; background-clip: padding-box;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	display: flex; display: -webkit-flex; display: -ms-flexbox;
	height: 66.66vw;
	margin: 0px;
	padding: 0 7%;
	width: 50%;
	box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;
	flex-direction: column; -webkit-flex-direction: column; -ms-flex-direction: column;
	align-items: center; -webkit-align-items: center; -ms-flex-item-align: center;
	justify-content: center; -webkit-justify-content: center; -ms-flex-pack: center;
}
.no-flex .fondArticle_6-Col_par_8_lignes {
display: table;
}
.fondArticle_7-12Colonne {
	background-color: none; background-clip: padding-box;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	border: 10px solid transparent;
	display: flex; display: -webkit-flex; display: -ms-flexbox;
	height: initial;
	padding: 10px;
	width: 58.33%;
	box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;
	min-height: 50px;
	flex-direction: column; -webkit-flex-direction: column; -ms-flex-direction: column;
}
.no-flex .fondArticle_7-12Colonne {
display: table;
}
.fondArticle_8-12Colonne {
	background-color: none; background-clip: padding-box;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	border: 10px solid transparent;
	display: flex; display: -webkit-flex; display: -ms-flexbox;
	height: initial;
	padding: 10px;
	width: 66.66%;
	box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;
	min-height: 50px;
	flex-direction: column; -webkit-flex-direction: column; -ms-flex-direction: column;
}
.no-flex .fondArticle_8-12Colonne {
display: table;
}
.fondArticle_9-12Colonne {
	background-color: none; background-clip: padding-box;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	border: 10px solid transparent;
	display: flex; display: -webkit-flex; display: -ms-flexbox;
	height: initial;
	padding: 10px;
	width: 75%;
	box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;
	min-height: 50px;
	flex-direction: column; -webkit-flex-direction: column; -ms-flex-direction: column;
}
.no-flex .fondArticle_9-12Colonne {
display: table;
}
.fondArticle_9-12Colonne img, .fondArticle_10-12Colonne img, .fondArticle_11-12Colonne img, .fondArticle_12-12Colonne img, .fondArticle_12-12ColonneFull img, .fondArticle_12-12ColonneLimite img, .fondArticle_12-12ColonneLimiteEtroite img {
	max-width: 100%;
}
.fondArticle_bandeauEspecesSensibles {
	background-color: #999999;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	display: flex; display: -webkit-flex; display: -ms-flexbox;
	margin: 0px;
	padding: 0px 10%;
	text-align: center;
	width: 100%;
	min-height: 25vw;
	flex-direction: column; -webkit-flex-direction: column; -ms-flex-direction: column;
	justify-content: center; -webkit-justify-content: center; -ms-flex-pack: center;
}
.no-flex .fondArticle_bandeauEspecesSensibles {
display: table;
}
.fondArticle_bandeauFin {
	background-color: #999999;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	display: flex; display: -webkit-flex; display: -ms-flexbox;
	margin: 0px;
	padding: 0px 10%;
	text-align: center;
	width: 100%;
	min-height: 10vw;
	flex-direction: column; -webkit-flex-direction: column; -ms-flex-direction: column;
	justify-content: center; -webkit-justify-content: center; -ms-flex-pack: center;
}
.no-flex .fondArticle_bandeauFin {
display: table;
}
.fondArticle_bandeauTexteADroite {
	background-color: #999999;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	display: flex; display: -webkit-flex; display: -ms-flexbox;
	padding: 80px 10% 80px 60%;
	width: 100%;
	min-height: 30vw;
	flex-direction: column; -webkit-flex-direction: column; -ms-flex-direction: column;
	justify-content: center; -webkit-justify-content: center; -ms-flex-pack: center;
}
.no-flex .fondArticle_bandeauTexteADroite {
display: table;
}
.fondArticle_bandeauTexteADroite ul, .fondArticle_bandeauTexteAGauche ul, .fondArticle_bandeauTexteAuCentre ul {
	color: #FFF;
}
.fondArticle_bandeauTexteADroite.over, .fondArticle_bandeauTexteAGauche.over, .fondArticle_bandeauTexteAuCentre.over {
	background-color: #999999;
	background-size: 110%;
	background-blend-mode: overlay;
}
.fondArticle_bandeauTexteAGauche {
	background-color: #999999;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	display: flex; display: -webkit-flex; display: -ms-flexbox;
	padding: 80px 60% 80px 10%;
	width: 100%;
	min-height: 30vw;
	flex-direction: column; -webkit-flex-direction: column; -ms-flex-direction: column;
	justify-content: center; -webkit-justify-content: center; -ms-flex-pack: center;
}
.no-flex .fondArticle_bandeauTexteAGauche {
display: table;
}
.fondArticle_bandeauTexteAuCentre {
	background-color: #999999;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	display: flex; display: -webkit-flex; display: -ms-flexbox;
	padding: 80px 10% 80px 10%;
	width: 100%;
	min-height: 30vw;
	flex-direction: column; -webkit-flex-direction: column; -ms-flex-direction: column;
	justify-content: center; -webkit-justify-content: center; -ms-flex-pack: center;
}
.no-flex .fondArticle_bandeauTexteAuCentre {
display: table;
}
.fondArticle_blocJuxtaposeDroit, .fondArticle_blocJuxtaposeGauche {
	background-color: #C2822A;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	border: 10px solid transparent;
	display: flex; display: -webkit-flex; display: -ms-flexbox;
	font-size: 1.2em;
	height: initial;
	margin: 0 0 0 -5%;
	padding: 15px;
	text-align: center;
	width: 45%;
	box-shadow: 0 8px 24px rgba(0,0,0,0.3); -moz-box-shadow: 0 8px 24px rgba(0,0,0,0.3); -webkit-box-shadow: 0 8px 24px rgba(0,0,0,0.3);
	min-height: 16vw;
	z-index: 1;
	flex-direction: column; -webkit-flex-direction: column; -ms-flex-direction: column;
	align-self: center; -ms-flex-item-align: center; -webkit-align-self: center;
}
.no-flex .fondArticle_blocJuxtaposeDroit, .no-flex .fondArticle_blocJuxtaposeGauche {
display: table;
}
.fondArticle_blocJuxtaposeDroit.over {
	margin: 0 11% 0 -6%;
}
.fondArticle_blocJuxtaposeGauche {
	margin: 0 -5% 0 0;
}
.fondArticle_blocJuxtaposeGauche.over {
	margin: 0 -6% 0 11%;
}
.fondArticle_logoSeul {
	background-color: none; background-clip: padding-box;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	display: flex; display: -webkit-flex; display: -ms-flexbox;
	height: initial;
	margin: 0px;
	padding: 1.5% 3%;
	width: 16.66%;
	box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;
	flex-direction: column; -webkit-flex-direction: column; -ms-flex-direction: column;
	align-self: center; -ms-flex-item-align: center; -webkit-align-self: center;
}
.no-flex .fondArticle_logoSeul {
display: table;
}
.fondArticle_logoSeul img {
	margin: 0px auto;
	width: auto;
	max-width: 100%;
	max-height: 8vw;
}
.fondArticle_logoSeul:hover {
	margin: -2px 0 2px 0;
	opacity: 0.75; MozOpacity: 0.75; KhtmlOpacity: 0.75; filter: alpha(opacity=75);
	cursor: pointer;
	transition: all 0.1s ease; -moz-transition: all 0.1s ease; -webkit-transition: all 0.1s ease;
}
.fondArticle_moduleDeuxTiersColonneSurUneHauteur {
	background-color: #eeece9;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	display: flex; display: -webkit-flex; display: -ms-flexbox;
	height: 368px;
	margin: 0.5%;
	padding: 1%;
	width: 63.66%;
	border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px;
	flex-direction: column; -webkit-flex-direction: column; -ms-flex-direction: column;
}
.no-flex .fondArticle_moduleDeuxTiersColonneSurUneHauteur {
display: table;
}
.fondArticle_moduleTiersColonneSurDeuxHauteurs {
	background-color: #999999;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	display: flex; display: -webkit-flex; display: -ms-flexbox;
	height: 772px;
	margin: 0.5%;
	padding: 1%;
	width: 30.33%;
	border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px;
	flex-direction: column; -webkit-flex-direction: column; -ms-flex-direction: column;
}
.no-flex .fondArticle_moduleTiersColonneSurDeuxHauteurs {
display: table;
}
.fondArticle_moduleTiersColonneSurUneHauteur {
	background-color: #a1a1a1;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	display: flex; display: -webkit-flex; display: -ms-flexbox;
	height: 368px;
	margin: 0.5%;
	padding: 1%;
	width: 30.33%;
	border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px;
	background-blend-mode: soft-light;
	flex-direction: column; -webkit-flex-direction: column; -ms-flex-direction: column;
}
.no-flex .fondArticle_moduleTiersColonneSurUneHauteur {
display: table;
}
.fondArticle_ms-intertitre {
	background-color: #5bc0de;
	color: #FFF;
	display: block;
	float: left;
	font-size: 1.2em;
	font-weight: 500;
	line-height: 30px;
	padding: 0px 1%;
	position: relative;
	text-align: left;
	width: 98%;
	border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px;
}
.fondArticle_separation {
	display: flex; display: -webkit-flex; display: -ms-flexbox;
	margin: 0px;
	padding: 0px;
	width: 100%;
	flex-direction: column; -webkit-flex-direction: column; -ms-flex-direction: column;
}
.no-flex .fondArticle_separation {
display: table;
}
.fond_barre_sondage {
	background-color: #FFFFFF;
	margin: 0px 0px 20px 0px;
	width: 100%;
}
.font1 {
	font-family: Roboto, arial;
}
.font2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.glossaire_alphabet, .glossaire_tout_voir {
	background-color: fond_gris_moyen;
	float: left;
	font-size: 1.4em;
	font-weight: 600;
	margin: 1px;
	padding: 3px 6px;
	position: relative;
	text-decoration: none;
	text-transform: uppercase;
}
.glossaire_alphabet_lettres_inactives {
	background-color: #eeece9;
	color: #FFF;
}
.glossaire_alphabet_lettre_en_cours {
	background-color: #FFFFFF;
	color: bleu;
}
.glossaire_conteneur_alphabet, .glossaire_conteneur_tout_voir {
	margin: 0px;
	padding: 0px;
	width: 100%;
}
.glossaire_conteneur_definition {
	display: block;
	float: left;
	clear: both;
	margin: 20px 0px;
	padding: 0px;
	position: relative;
	width: 100%;
}
.googlemap {
	height: 100%;
	margin: 0px;
	width: 100%;
}
.grand {
	font-size: 1.5em;
	line-height: 1.7em;
}
.h1-titre {
	color: #C2822A;
	font-family: Roboto, serif;
	font-size: 2.4em;
	font-weight: 500;
	line-height: 120%;
	margin: 0 0 0.3em 0;
	text-align: center;
}
.h2-accroche {
	color: #666666;
	font-size: 1.5em;
	font-weight: 300;
	line-height: 120%;
	margin: 0 0 0.3em 0;
	text-align: center;
}
.h3-intertitre-1, .question_sondage,  .titre-sous-etape, .accroche {
	color: #C2822A;
	font-family: Roboto, serif;
	font-size: 1.2em;
	font-weight: 700;
	line-height: 120%;
	margin: 0 0 0.3em 0;
}
.h4-intertitre-2, .glossaire_mot, .reponse_sondage {
	color: #4c4339;
	font-size: 1.1em;
	font-weight: 400;
	line-height: 130%;
	margin: 0 0 0.5em 0;
}
.i {
	font-style: italic;
}
.icone, #body a.ms-button.icone, #body .ms-button.icone > a {
	color: #777777;
	display: inline-block;
	height: 48px;
	margin: 0px;
	padding: 0px;
	text-align: center;
	width: 48px;
	border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px;
}
.icone-petite {
	height: 24px;
	width: 24px;
	border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px;
}
.image_demiLargeur {
	margin: 10px 25%;
	width: 50%;
}
.image_hpOmbre {
	width: 100%;
	box-shadow: 0 8px 24px rgba(0,0,0,0.3); -moz-box-shadow: 0 8px 24px rgba(0,0,0,0.3); -webkit-box-shadow: 0 8px 24px rgba(0,0,0,0.3);
}
.image_icone {
	margin: 0px 5px 5px 0px;
	width: 48px;
}
.image_partenaires {
	height: auto;
	margin: 15px;
	vertical-align: middle;
	width: 70px;
}
.image_partenaires:hover {
	opacity: 0.6; MozOpacity: 0.6; KhtmlOpacity: 0.6; filter: alpha(opacity=60);
	cursor: pointer;
	transition: all 0.1s ease; -moz-transition: all 0.1s ease; -webkit-transition: all 0.1s ease;
}
.image_pleineLargeur {
	width: 100%;
}
.image_ronde {
	margin: 0px auto 10px auto;
	position: relative;
	text-align: center;
	width: 130px;
	border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;
	right: auto;
	left: auto;
}
.inline {
	display: inline;
}
.inline-block {
	display: inline-block;
}
.j {
	text-align: justify;
}
.l {
	text-align: left;
}
.langueActive, .langueActive:hover, a.langueInactive:hover {
	color: #C2822A;
	text-decoration: none;
	text-transform: uppercase;
}
.langueInactive {
	color: #777777;
	text-decoration: none;
}
.left {
	float: left;
	position: relative;
}
.libelle_barre_sondage {
	color: #777777;
	position: relative;
	left: 10px;
	top: -10px;
}
.liste-option-produit {
	float: left;
	position: relative;
	width: 100%;
}
.liste-option-produit table tr {
	margin: 0px;
}
.liste-option-produit table tr td.colonne-nom {
	margin: 0px;
	width: 33.33%;
}
.liste-option-produit table tr td.colonne-nom .nom-option {
	margin: 0px;
	position: relative;
	width: 50%;
}
.liste-option-produit table tr td.colonne-nom .ref-option {
	color: #999999;
	font-size: 0.8em;
	position: relative;
	width: 50%;
}
.liste-option-produit table tr td.colonne-prixtotal {
	margin: 0px;
	text-align: right;
	width: 16.66%;
}
.liste-option-produit table tr td.colonne-prixunitaire {
	color: #999999;
	margin: 0px;
	padding: 0px;
	position: relative;
	text-align: center;
	width: 16.66%;
}
.liste-option-produit table tr td.colonne-quantite {
	color: #999999;
	margin: 0px;
	text-align: center;
	width: 16.66%;
}
.liste-option-produit table tr td.colonne-supprimer {
	background-image: 723;
	background-position: top center;
	background-repeat: no-repeat;
	margin: 0px;
	position: relative;
	width: 24px;
}
.liste-option-produit table tr td.colonne-supprimer a {
	display: none;
}
.listingFichiers {
	display: flex; display: -webkit-flex; display: -ms-flexbox;
	width: 100%;
	flex-direction: column; -webkit-flex-direction: column; -ms-flex-direction: column;
	flex-wrap: nowrap; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap;
}
.no-flex .listingFichiers {
display: table;
}
.listingFichiers h2 {
	background-image: url(../images/icone_plus.png);
	background-position: right center;
	background-repeat: no-repeat;
	background-size: auto 80%;
	color: #C2822A;
	display: block;
	margin: 2px 0px;
	padding: 5px 1%;
}
.listingFichiers h2.actif {
	background-image: url(../images/icone_minus.png);
	background-position: right center;
	background-repeat: no-repeat;
	background-size: auto 80%;
	border-bottom: 1px solid #cacaca;
	color: #C2822A;
	display: block;
	margin: 2px 0px;
	padding: 5px 1%;
}
.low {
	text-transform: lowercase;
}
.mb-infinite-scroll-btn {
	display: inline-block;
	margin: 20px 0px;
	text-align: center;
	width: 100%;
}
.mb-infinite-scroll-btn a:hover_OLD {
	background-color: #eeece9;
	border: border_tot_blue_clair;
	color: #FFF;
}
.mb-infinite-scroll-btn a_OLD {
	background-color: #FFFFFF;
	border: 1px solid #C2822A;
	color: #4c4339;
	display: inline-block;
	font-size: 1em;
	height: 2em;
	line-height: 2em;
	padding: 0 10px;
	text-decoration: none;
	border-radius: arrondi_0; -moz-border-radius: arrondi_0; -webkit-border-radius: arrondi_0;
}
.mb_piedBillet {
	margin: 20px 0px;
}
.me-confirm-button-cancel, .ms-confirm-button-cancel {
	background-color: #999999;
	color: #FFF;
	display: block;
	float: left;
	height: 35px;
	line-height: 35px;
	padding: 0px 10px;
	position: relative;
	text-align: center;
	text-transform: uppercase;
}
.me-confirm-button-cancel:hover, .ms-confirm-button-cancel:hover {
	background-color: #f3bd71;
	color: txt_bouton;
	font-weight: 400;
	text-decoration: none;
}
.me-confirm-buttons, .ms-confirm-buttons {
	float: left;
	margin: 20px 0px 0px 0px;
	position: relative;
	text-align: center;
	width: 100%;
}
.me-icon {
	color: #C2822A;
	font-size: 4em;
}
.me-intersticiel {
	background-color: #FFFFFF;
	border: 20px solid transparent;
	padding: 0px;
	box-shadow: 0 8px 24px rgba(0,0,0,0.3); -moz-box-shadow: 0 8px 24px rgba(0,0,0,0.3); -webkit-box-shadow: 0 8px 24px rgba(0,0,0,0.3);
	border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px;
}
.me-intersticiel-button-ok, .me-intersticiel-button-cancel {
	background-color: #FFFFFF;
	border: 1px solid #C2822A;
	color: #C2822A;
	display: block;
	font-family: Roboto, serif;
	height: 35px;
	line-height: 35px;
	margin: 10px 0px 0px 0px;
	padding: 0px 12px;
	border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px;
}
.me-intersticiel-button-ok:hover, .me-intersticiel-button-cancel:hover {
	background-color: #C2822A;
	color: #FFF;
}
.me-intersticiel-buttons {
	margin: 10px 0px;
	position: relative;
	text-align: center;
}
.me-intersticiel-ctn {
	background-color: #FFFFFF;
	padding: 10px;
	position: relative;
}
.me-intersticiel-overlay {
	background-color: #FFFFFF;
	opacity: 0.8; MozOpacity: 0.8; KhtmlOpacity: 0.8; filter: alpha(opacity=80);
}
.me-scroll a {
	color: #fff;
	text-decoration: none;
}
.me-scroll a:hover {
	color: #C2822A;
	font-weight: 500;
	transition: ease-out 0.2s; -moz-transition: ease-out 0.2s; -webkit-transition: ease-out 0.2s;
}
.menuSousNiveauFondOn {
	background-color: #FFFFFF;
	margin: 0px 0px 1px 0px;
	padding: 7px 10px 6px 5px;
	box-shadow: 0 8px 24px rgba(0,0,0,0.3); -moz-box-shadow: 0 8px 24px rgba(0,0,0,0.3); -webkit-box-shadow: 0 8px 24px rgba(0,0,0,0.3);
}
.menuSousNiveauFondOut {
	background-color: #999999;
	margin: 0px 0px 1px 0px;
	padding: 7px 10px 6px 5px;
	box-shadow: #fff 0px -1px 0px; -moz-box-shadow: #fff 0px -1px 0px; -webkit-box-shadow: #fff 0px -1px 0px;
}
.me_acronym_popin {
	border-bottom: 1px dotted red;
	margin: 0px;
	cursor: pointer;
}
.me_acronym_popin_cadre {
	border: 1px solid #DAE2F0;
	margin: 0px;
	position: absolute;
	box-shadow: #888 0px 2px 12px; -moz-box-shadow: #888 0px 2px 12px; -webkit-box-shadow: #888 0px 2px 12px;
	max-width: 200px;
	max-height: 200px;
	z-index: 1000;
}
.me_acronym_popin_masque {
	background-color: #FFFFFF;
	color: #565656;
	float: left;
	font-family: "Questrial";
	font-size: 12px;
	padding: 10px;
	position: relative;
	overflow: hidden;
}
.mm-form {
	position: relative;
}
.mm-form .label {
	display: block;
	font-size: 1.2em;
	margin: 10px 0px 5px 0px;
	width: 100%;
}
.mm-form .ligne {
	display: block;
	padding: 10px 0px;
	position: relative;
	width: 100%;
}
.mm-form .ligne br {
	display: none;
}
.mm-form .ligne.champ input {
	padding: 0px 2%;
	width: 96%;
}
.mm-form .ligne.cryptogramme img {
	float: left;
	height: 35px;
}
.mm-form .ligne.cryptogramme input {
	height: 35px;
	margin: 0px 0px 0px 5px;
	padding: 0px 5px;
	position: relative;
	width: 70px;
}
.mm-form .ligne.cryptogramme span {
	display: block;
	float: left;
	padding: 0px 0px 10px 0px;
	width: 100%;
}
.mm-form .ligne.submit {
	width: 100%;
}
.mm-form .ligne.submit input {
	width: 40%;
}
.ms-confirm-button-ok, .me-confirm-button-ok {
	background-color: #C2822A;
	border: none;
	color: #FFF;
	display: block;
	float: right;
	height: 35px;
	line-height: 35px;
	padding: 0px 10px;
	text-align: center;
	text-transform: uppercase;
}
.ms-confirm-button-ok:hover, .me-confirm-button-ok:hover {
	background-color: #C2822A;
	color: #FFF;
	text-decoration: none;
}
.ms-detail-promo {
	background-color: #FFFFFF;
	border: 1px solid #ddd;
	margin: 10px 0px;
	padding: 0px;
}
.ms-detail-promo div.ms_compte_a_rebours {
	background-color: #5bc0de;
	color: #FFF;
	padding: 2px 3px;
	text-align: center;
	border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px;
}
.ms-detail-promo-text {
	color: #666666;
	line-height: 20px;
	padding: 5px;
	text-align: center;
}
.ms-popin, .me-alert, .ms-alert, .me-confirm, .ms-confirm, .me-popin {
	background-color: #FFFFFF;
	margin: 0px;
	padding: 25px 20px 20px 20px;
	box-shadow: 0px 5px 10px rgba(0,0,0,0.1); -moz-box-shadow: 0px 5px 10px rgba(0,0,0,0.1); -webkit-box-shadow: 0px 5px 10px rgba(0,0,0,0.1);
	overflow: visible;
	min-height: 150px;
}
.ms-popin-button-ok, .me-alert-button-ok, .ms-alert-button-ok {
	border: 1px solid #C2822A;
	color: #C2822A;
	display: block;
	font-family: Roboto, serif;
	font-weight: 500;
	height: 35px;
	line-height: 35px;
	padding: 0px 12px;
	border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px;
	text-transform: uppercase;
}
.ms-popin-button-ok:hover, .me-alert-button-ok:hover, .ms-alert-button-ok:hover {
	background-color: #C2822A;
	color: #FFF;
	font-weight: 500;
	text-decoration: none;
}
.ms-popin-buttons, .me-alert-buttons, .ms-alert-buttons {
	float: left;
	height: 35px;
	line-height: 40px;
	margin: 20px 25% 0px 25%;
	padding: 0px;
	position: relative;
	text-align: center;
	width: 50%;
}
.ms-popin-close span, .me-alert-close span, .ms-alert-close span, .me-confirm-close span, .me-popin-close span {
	display: none;
}
.ms-popin-close, .me-alert-close, .ms-alert-close, .me-confirm-close, .ms-confirm-close, .me-popin-close {
	background-color: #C2822A;
	background-image: url(../images/icon_close_small.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 80%;
	display: block;
	height: 24px;
	position: absolute;
	width: 24px;
	border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;
	right: -12px;
	top: -12px;
}
.ms-popin-overlay, .me-alert-overlay, .ms-alert-overlay, .me-confirm-overlay, .ms-confirm-overlay, .me-popin-overlay {
	background-color: #eeece9;
	opacity: 0.95; MozOpacity: 0.95; KhtmlOpacity: 0.95; filter: alpha(opacity=95);
}
.ms-popin-title, .me-alert-title, .ms-alert-title, .me-confirm-title, .ms-confirm-title, .me-popin-title {
	display: none;
	position: relative;
}
.ms_compte_menu_responsive {
	display: none;
}
.ms_i_promotion {
	display: none;
	margin: 0px 0px 0px 5px;
	vertical-align: middle;
}
.ms_prixquantPanier {
	font-weight: 500;
	line-height: 35px;
	text-align: right;
}
.ms_prixquantPanier .decimale {
	float: none;
	vertical-align: top;
}
.ms_prixquantPanier .entier {
	float: none;
	vertical-align: top;
}
.ms_prixquantPanier .euro {
	vertical-align: top;
}
.nomargin {
	margin: 0px;
}
.nomargin, #body a.ms-button.nomargin {
	margin: 0px;
}
.none {
	display: none;
}
.nopadding {
	padding: 0px;
}
.nopadding, #body a.ms-button.nopadding {
	padding: 0px;
}
.normal {
	font-size: 1em;
}
.p1-texte {
	color: #000000;
	margin: 0 0 0.3em 0;
}
.p2-commentaire, .commentaire {
	color: #999999;
	font-size: 0.8em;
	line-height: 120%;
	margin: 0 0 0.3em 0;
}
.p3-bouton a, .mb-infinite-scroll-btn a {
	background-color: rgba(0,0,0,0);
	border: 1px solid #C2822A;
	color: #C2822A;
	display: inline-block;
	line-height: 35px;
	padding: 0px 12px;
	text-decoration: none;
	border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px;
}
.p3-bouton a:hover, .mb-infinite-scroll-btn a:hover {
	background-color: #C2822A;
	color: #FFF;
}
.p3-bouton, .mb-infinite-scroll-btn {
	color: #C2822A;
	display: flex; display: -webkit-flex; display: -ms-flexbox;
	font-family: Roboto, serif;
	font-weight: 500;
	margin: 40px auto;
	flex: 1 auto; -webkit-flex: 1 auto; -ms-flex: 1 auto;
	align-items: flex-end; -webkit-align-items: flex-end; -ms-flex-item-align: flex-end;
	justify-content: center; -webkit-justify-content: center; -ms-flex-pack: center;
}
.no-flex .p3-bouton, .no-flex .mb-infinite-scroll-btn {
display: table;
}
.p3-bouton-marron a, .mb-infinite-scroll-btn a {
	background-color: #C2822A;
	border: 1px solid #C2822A;
	color: #FFF;
	display: inline-block;
	line-height: 35px;
	padding: 0px 12px;
	text-decoration: none;
	border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px;
}
.p3-bouton-marron a:hover, .mb-infinite-scroll-btn a:hover {
	background-color: rgba(0,0,0,0);
	color: #C2822A;
}
.p3-bouton-blanc a, .mb-infinite-scroll-btn a {
	background-color: rgba(0,0,0,0);
	border: 1px solid #ffffff;
	color: #FFF;
	display: inline-block;
	line-height: 35px;
	padding: 0px 12px;
	text-decoration: none;
	border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px;
}
.p3-bouton-blanc a:hover, .mb-infinite-scroll-btn a:hover {
	background-color: #FFFFFF;
	color: #C2822A;
}
.p3-bouton-blanc, .mb-infinite-scroll-btn {
	color: #C2822A;
	display: flex; display: -webkit-flex; display: -ms-flexbox;
	font-family: Roboto, serif;
	font-weight: 500;
	margin: 40px auto;
	flex: 1 auto; -webkit-flex: 1 auto; -ms-flex: 1 auto;
	align-items: flex-end; -webkit-align-items: flex-end; -ms-flex-item-align: flex-end;
	justify-content: center; -webkit-justify-content: center; -ms-flex-pack: center;
}
.no-flex .p3-bouton-blanc, .no-flex .mb-infinite-scroll-btn {
display: table;
}
.petit {
	font-size: 0.8em;
	line-height: 0.9em;
}
.playerVideo {
	float: left;
	height: 100%;
	position: absolute;
	width: 100%;
	left: 0px;
	top: 0px;
}
.pointer {
	cursor: pointer;
}
.prixbarre {
	color: #000000;
	display: block;
	font-size: 0.7em;
	margin: 0px;
	text-align: right;
}
.prixbarre img {
	margin: 0px;
}
.prixpromo {
	color: #5cb85c;
	display: block;
	margin: 0px;
	text-align: right;
}
.prixpromo .decimale {
	float: none;
	vertical-align: top;
}
.prixpromo .entier {
	float: none;
	vertical-align: top;
}
.prixpromo .euro {
	vertical-align: top;
}
.prixunitaire {
	color: #777777;
	height: 35px;
	line-height: 35px;
}
.prixunitaire .decimale {
	float: none;
	vertical-align: top;
}
.prixunitaire .entier {
	float: none;
	vertical-align: top;
}
.prixunitaire .euro {
	vertical-align: top;
}
.r {
	text-align: right;
}
.right {
	float: right;
	position: relative;
}
.supTva {
	margin: 0px 0px 0px 2px;
	vertical-align: top;
}
.table_style1 {
	background-color: #999999;
}
.table_style2 {
	background-color: #e6282b;
}
.table_title {
	background-color: #00427B;
	border-top: 1px solid #FFF;
	border-right: none;
	border-bottom: none;
	border-left: none;
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
	border-collapse: collapse;
}
.titre-options-produit {
	background-color: #eeece9;
	border-top: 1px solid #ddd;
	color: #C2822A;
	float: left;
	font-weight: 600;
	letter-spacing: 20%;
	line-height: 130%;
	padding: 0px;
	position: relative;
	text-align: center;
	width: 100%;
	text-transform: uppercase;
}
.titre-sous-etape {
	clear: both;
	margin: 0px 0px 5px 0px;
}
.tresgrand {
	font-size: 2em;
	line-height: 2.2em;
}
.upper {
	text-transform: uppercase;
}
.wdemi {
	margin: auto;
	width: 50%;
}
.wfull {
	width: 100%;
}
.wquart {
	margin: auto;
	width: 25%;
}
.youtube {
	width: 910px;
}
a {
	color: #C2822A;
	font-weight: 400;
	text-decoration: none;
}
a#me_scrollto_top {
	text-decoration: none;
	opacity: 0.5; MozOpacity: 0.5; KhtmlOpacity: 0.5; filter: alpha(opacity=50);
}
a#me_scrollto_top:hover {
	opacity: 1; MozOpacity: 1; KhtmlOpacity: 1; filter: alpha(opacity=100);
}
a.me-icon.standard.facebook, a.me-icon.standard.googleplus, a.me-icon.standard.pinterest, a.me-icon.standard.rss, a.me-icon.standard.youtube, a.me-icon.standard.twitter {
	background-color: transparent;
	border: 1px solid #ffffff;
	color: #FFF;
	font-size: 1.5em;
	line-height: 100%;
	margin: 0px 3px;
	padding: 0.35em;
	text-decoration: none;
	border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;
}
a.me-icon.standard.facebook:hover {
	background-color: #37589b;
	color: #FFF;
}
a.me-icon.standard.five-hundred-pix:hover {
	background-color: #0099e5;
}
a.me-icon.standard.googleplus:hover {
	background-color: #db4a38;
	color: #FFF;
}
a.me-icon.standard.instagram:hover {
	background-color: #956D53;
	color: #FFF;
}
a.me-icon.standard.linkedin, a.me-icon.standard.soundcloud, a.me-icon.standard.instagram, a.me-icon.standard.vimeo, a.me-icon.standard.five-hundred-pix, a.me-icon.standard.tokster {
	background-color: #eeece9;
	color: #FFF;
	font-size: 1.5em;
	line-height: 100%;
	margin: 0px 3px;
	padding: 0.35em;
	text-decoration: none;
	border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;
}
a.me-icon.standard.linkedin:hover {
	background-color: #02679a;
	color: #FFF;
}
a.me-icon.standard.pinterest:hover {
	background-color: #c91618;
	color: #FFF;
}
a.me-icon.standard.rss:hover {
	background-color: #ef7b00;
	color: #FFF;
}
a.me-icon.standard.soundcloud:hover {
	background-color: #FF3A00;
}
a.me-icon.standard.tokster:hover {
	background-color: #000000;
	color: #FFF;
}
a.me-icon.standard.twitter:hover {
	background-color: #3aaae1;
}
a.me-icon.standard.vimeo:hover {
	background-color: #1eb7ea;
}
a.me-icon.standard.youtube:hover {
	background-color: #FFFFFF;
}
a.menuTitre:link, a.menuTitre:visited, a.menuTitre:active, #navtop .li_m {
	color: #777777;
	float: left;
	font-weight: 300;
	height: 40px;
	line-height: 40px;
	margin: 0px 10px;
	padding: 4px 0px 0px 0px;
	text-decoration: none;
	text-transform: uppercase;
}
a.menuTitre:link:hover, a.menuTitre:visited:hover, a.menuTitre:active:hover, #navtop .li_m:hover {
	border-top: 4px solid #888;
	color: #777777;
	font-weight: 300;
	line-height: 40px;
	padding: 0px;
	text-decoration: none;
	text-transform: uppercase;
}
a.menuTitreOn:link, a.menuTitreOn:visited, a.menuTitreOn:active, #navtop .li_m_on {
	border-top: 4px solid #fff;
	color: #777777;
	float: left;
	font-weight: 300;
	height: 40px;
	line-height: 40px;
	margin: 0px 10px;
	padding: 0px;
	text-decoration: none;
	text-transform: uppercase;
}
a:link:hover, a:visited:hover, a:active:hover {
	text-decoration: none;
}
body {
	color: #000000;
	font-family: Roboto, arial;
	font-size: 1em;
	font-weight: 300;
}
body h1, body h2, body h3, body h4, body h5, body h6, body p {
	line-height: 120%;
	margin: 0px;
	padding: 0px;
}
/* Couleur par defaut sauf dans les heroes */
body h1, body h2, body h3, body h4, body h5, body h6 {
	color: #1c1917;
}
body p {
	color: #57534e;
}
/* Heroes - texte blanc */
.hero-gtv h1, .hero-gtv h2, .hero-gtv h3, .hero-gtv p,
.hero-gtv-page h1, .hero-gtv-page h2, .hero-gtv-page h3, .hero-gtv-page p {
	color: #ffffff;
}
.hero-gtv-subtitle, .hero-gtv-page-subtitle {
	color: #e7e5e4;
}
body input, body select, body textarea {
	font-family: Roboto, arial;
	font-size: 1em;
}
body p {
	flex: none; -webkit-flex: none; -ms-flex: none;
}
code {
	font-family: "Courier New", Courier, Monaco, monospace;
}
div#me-scroll-nav {
	display: flex; display: -webkit-flex; display: -ms-flexbox;
	width: 100%;
	flex-direction: row; -webkit-flex-direction: row; -ms-flex-direction: row;
	flex-wrap: wrap; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap;
	align-items: center; -webkit-align-items: center; -ms-flex-item-align: center;
	justify-content: center; -webkit-justify-content: center; -ms-flex-pack: center;
	align-self: center; -ms-flex-item-align: center; -webkit-align-self: center;
}
.no-flex div#me-scroll-nav {
display: table;
}
div.conteneur_lireLaSuite {
	border-bottom: Border_bot_1_CCC;
	margin: 0 0 15px 0;
	padding: 0 0 15px 0;
	width: 100%;
	cursor: pointer;
}
div.conteneur_lireLaSuite div.bloc_lireLaSuite {
	margin: 0 0 10px 0;
}
div.conteneur_lireLaSuite div.lien_lireLaSuite.lien_lireLaSuite_ferme {
	background-image: url(../images/fleche_lire_suite_ferme.png);
	background-position: center right 10px;
	background-repeat: no-repeat;
	background-size: 12px 7px;
	margin: 0 0 5px 0;
}
div.conteneur_lireLaSuite div.lien_lireLaSuite.lien_lireLaSuite_ouvert {
	background-image: url(../images/fleche_lire_suite_ouvert.png);
	background-position: center right 10px;
	background-repeat: no-repeat;
	background-size: 12px 7px;
	margin: 0 0 5px 0;
}
div.liste-option-produit table {
	background-color: #eeece9;
	border: none;
	border-bottom: 1px solid #ddd;
	margin: 0px 0px 10px 0px;
	padding: 5px 0px;
	width: 100%;
}
div.ms-cadre-info-loitva-panier {
	background-position: 5px 3px;
	background-repeat: no-repeat;
	color: #000;
	float: left;
	line-height: 30px;
	margin: 15px 0px 0px 0px;
	padding: 0px;
}
div.ms-infobulle {
	background-color: #FFFFFF;
	border: 1px solid #ddd;
	color: txtx_courant_3a3934;
	padding: 1%;
	border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px;
}
div.ms-infobulle-text {
	font-size: 0.8em;
}
fieldset {
	border: 1px solid #ddd;
	float: left;
	margin: 10px 0px;
	padding: 20px 2%;
	width: 100%;
	border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px;
}
fieldset legend, .legend {
	color: #C2822A;
	font-size: 1.3em;
	font-weight: 200;
	margin: 0px;
	padding: 0px 5px;
}
fieldset#plan-declinaison-1.plandusite {
	border: none;
	margin: 0px 0px 40px 0px;
	padding: 0px;
}
form#form_inscription .espacementLigne {
	float: left;
	margin: 0px;
	position: relative;
	width: calc(50% - 20px);
}
hr {
	border: 0px;
	border-top: 2px solid #C2822A;
	margin: 20px auto;
	text-align: center;
	width: 100%;
}
img#cryptogram, img#cryptogram_mmAbonnement, img#cryptogram_mmDesabonnement {
	display: inline;
	float: left;
	margin: 0 10px 0 0;
	position: relative;
	border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px;
}
img.listFic_img {
	height: auto;
	vertical-align: middle;
	width: 30px;
}
input[type=text], input[type=email], input[type=password], select, textarea {
	background-color: #FFFFFF;
	border: 1px solid #ddd;
	color: #000000;
	font-size: 1em;
	font-weight: 300;
	height: 35px;
	line-height: 35px;
	padding: 0px 10px;
	width: 100%;
	border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px;
	outline: none;
}
input[type=text].petit, input[type=email].petit, input[type=password].petit, select.petit {
	float: left;
	margin: 0px 10px 0px 0px;
	position: relative;
	width: 28%;
}
input[type=text]:focus, input[type=email]:focus, input[type=password]:focus, select:focus, textarea:focus {
	background-color: #eeece9;
	outline: none;
}
label {
	margin: 0px 0px 5px 0px;
}
li.me-scroll {
	border: 1px solid #C2822A;
	display: inline-block;
	list-style-type: none;
	margin: 0 10px;
	padding: 10px;
	text-align: center;
	width: 230px;
	background:#C2822A;
}
li.me-scroll:hover {
	background-color: #f3f3f3;
	transition: ease-out 0.2s; -moz-transition: ease-out 0.2s; -webkit-transition: ease-out 0.2s;
}
ol {
	color: #C2822A;
	margin: 5px 0px 5px 20px;
	padding: 0px;
}
ol li {
	margin: 3px 0px;
}
strong, b {
	font-weight: bolder;
}
sup, sub {
	font-size: 0.6em;
	line-height: 0px;
}
table {
	margin: 0px;
	padding: 0px;
	width: 100%;
	border-collapse: collapse;
}
table tr {
	vertical-align: middle;
}
table tr td {
	text-align: center;
}
table tr td.c, table tr th.c {
	text-align: center;
}
table tr td.j, table tr th.j {
	text-align: justify;
}
table tr td.l, table tr th.l {
	text-align: left;
}
table tr td.r, table tr th.r {
	text-align: right;
}
table tr td:first-child, table tr th:first-child {
	text-align: left;
}
table tr td:last-child, table tr th:last-child {
	text-align: right;
}
table tr th {
	font-weight: bold;
	text-align: center;
}
table#calendrier {
	width: 250px;
	box-shadow: ombre_standard_test; -moz-box-shadow: ombre_standard_test; -webkit-box-shadow: ombre_standard_test;
}
table#calendrier td {
	text-align: center;
}
table#calendrier tr {
	height: 30px;
}
table.ms-table-recapitulatif {
	border: none;
	position: relative;
	width: 100%;
}
table.ms-table-recapitulatif .impossible {
	color: #d9534f;
	font-size: 0.8em;
	line-height: 100%;
}
table.ms-table-recapitulatif .info {
	width: 50%;
}
table.ms-table-recapitulatif .left {
	text-align: left;
}
table.ms-table-recapitulatif .right {
	text-align: right;
}
table.ms-table-recapitulatif td hr {
	background-color: #999999;
	border: none;
	color: #ccc;
	height: 1px;
}
table.ms-table-recapitulatif td.totalpaye {
	color: #C2822A;
	font-family: Roboto, serif;
	font-size: 1.2em;
	font-weight: 500;
	line-height: 250%;
}
table.ms-table-recapitulatif tr td {
	border: none;
}
table.ms-table-recapitulatif tr td div.ligne-emballage-cadeau {
	background-color: #eeece9;
	background-image: url(../images/picto_cadeau.png);
	background-position: 10px 0px;
	background-repeat: no-repeat;
	border: 1px solid #ddd;
	height: 70px;
	line-height: 125%;
	padding: 1%;
	border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px;
}
table.ms-table-recapitulatif tr td div.ligne-emballage-cadeau span.coutoption {
	display: block;
}
textarea {
	min-height: 150px;
}
thead {
	background-color: #eeece9;
	font-weight: bolder;
}
ul {
	list-style-type: square;
	margin: 5px 0px 5px 40px;
	padding: 0px;
}
ul li {
	margin: 3px 0px;
}
ul li.listFic_li {
	margin: 15px 0px;
}
ul.cal_onglet {
	height: 40px;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	position: relative;
	width: 100%;
}
ul.cal_onglet li {
	background-color: #eeece9;
	border-left: 2px solid #fff;
	float: right;
	height: 40px;
	line-height: 40px;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	position: relative;
	text-align: center;
	width: 25%;
}
ul.cal_onglet li a {
	color: #aaa;
	font-size: 18px;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}
ul.cal_onglet li a:hover {
	color: #eee;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}
ul.cal_onglet li.on {
	background-color: #999999;
}
ul.cal_onglet li.on a {
	color: #eeeeee;
}
ul.cal_onglet li.on:hover {
	background-color: #999999;
}
ul.cal_onglet li:hover {
	background-color: #999999;
}
ul.listeFichiersCadre {
	float: left;
	clear: both;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	position: relative;
	width: 100%;
}
ul.listeFichiersCadre h2 {
	background-color: #FFFFFF;
	background-image: url(../images/icone_plus.png);
	background-position: left center;
	background-repeat: no-repeat;
	background-size: auto 80%;
	color: #666666;
	clear: both;
	font-size: 1.2em;
	font-weight: 300;
	margin: 2px 0px;
	padding: 5px 1% 5px 30px;
}
ul.listeFichiersCadre h2.actif {
	background-color: #FFFFFF;
	background-image: url(../images/icone_minus.png);
	background-position: left center;
	background-repeat: no-repeat;
	background-size: auto 80%;
	color: #666666;
	clear: both;
	font-size: 1.2em;
	margin: 2px 0px;
	padding: 5px 1% 5px 30px;
}
ul.listeFichiersCadre li {
	background-color: #FFFFFF;
	display: block;
	float: left;
	height: 100px;
	list-style-type: none;
	margin: 1%;
	padding: 1%;
	position: relative;
	text-decoration: none;
	width: 31.33%;
}
ul.listeFichiersCadre li .comm {
	color: #999999;
	font-size: 0.8em;
	font-weight: lighter;
}
ul.listeFichiersCadre li .date {
	color: #428bca;
	font-size: 0.8em;
	line-height: 110%;
}
ul.listeFichiersCadre li .lien {
	color: #C2822A;
	font-size: 0.9em;
}
ul.listeFichiersCadre li .poids {
	color: #999999;
	font-size: 0.75em;
	position: absolute;
	text-align: right;
	right: 5px;
	bottom: 5px;
}
ul.listeFichiersCadre li a {
	display: block;
	height: 100%;
	position: relative;
	text-decoration: none;
}
ul.listeFichiersCadre li img {
	float: right;
	margin: 0px 0px 10px 10px;
	position: relative;
	width: 40px;
}
ul.listFic_ul {
	background-color: #f1f1f1;
	list-style-type: none;
	margin: 5px 0px 5px 20px;
	cursor: pointer;
}
/*-finbody-*/
#colonne_avec_background {
	display: flex; display: -webkit-flex; display: -ms-flexbox;
	flex-direction: row; -webkit-flex-direction: row; -ms-flex-direction: row;
	flex-wrap: wrap; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap;
	justify-content: center; -webkit-justify-content: center; -ms-flex-pack: center;
}
.no-flex #colonne_avec_background {
display: table;
}
#bandeau {
	display: flex; display: -webkit-flex; display: -ms-flexbox;
	flex-direction: row; -webkit-flex-direction: row; -ms-flex-direction: row;
	flex-wrap: wrap; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap;
	align-items: center; -webkit-align-items: center; -ms-flex-item-align: center;
	justify-content: center; -webkit-justify-content: center; -ms-flex-pack: center;
}
.no-flex #bandeau {
display: table;
}
#bandeau .feed_cadre_galerie {
	margin: 0px;
}
#bandeau .fondArticle_3-12Colonne {
	background-color: none; background-clip: padding-box;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	border: 10px solid transparent;
	display: flex; display: -webkit-flex; display: -ms-flexbox;
	height: initial;
	margin: 0px;
	padding: 10px;
	width: 25%;
	box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;
	min-height: 50px;
	flex-direction: column; -webkit-flex-direction: column; -ms-flex-direction: column;
}
.no-flex #bandeau .fondArticle_3-12Colonne {
display: table;
}
#bandeau .h1-titre {
	color: #FFF;
	font-weight: 600;
	line-height: 100%;
	margin: 200px 0 0.3em 0;
}
#bandeau .h2-accroche {
	color: #FFF;
	text-align: left;
}
#bandeau .h3-intertitre-1 {
	color: #FFF;
}
#bandeau .h4-intertitre-2 {
	color: #FFF;
}
#bandeau .p1-texte {
	color: #FFF;
	font-size: 1.1em;
}
#bandeau .p3-bouton-blanc a, .mb-infinite-scroll-btn a {
	background-color: rgba(0, 0, 0, 0.35);
	border: 1px solid #ffffff;
	color: #FFF;
	display: inline-block;
	line-height: 35px;
	padding: 0px 12px;
	text-decoration: none;
	width: 200px;
	border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px;
}
#bandeau .p3-bouton-blanc a:hover, .mb-infinite-scroll-btn a:hover {
	background-color: #FFFFFF;
	color: #C2822A;
}
#bandeau .p3-bouton-blanc, .mb-infinite-scroll-btn {
	color: #C2822A;
	display: flex; display: -webkit-flex; display: -ms-flexbox;
	font-family: Roboto, serif;
	font-weight: 500;
	margin: 10px auto;
	flex: 1 auto; -webkit-flex: 1 auto; -ms-flex: 1 auto;
	align-items: flex-end; -webkit-align-items: flex-end; -ms-flex-item-align: flex-end;
	justify-content: center; -webkit-justify-content: center; -ms-flex-pack: center;
}
.no-flex #bandeau .p3-bouton-blanc, .no-flex .mb-infinite-scroll-btn {
display: table;
}
#node_top_center {
	display: flex; display: -webkit-flex; display: -ms-flexbox;
	flex-direction: row; -webkit-flex-direction: row; -ms-flex-direction: row;
	align-items: center; -webkit-align-items: center; -ms-flex-item-align: center;
	justify-content: space-between; -webkit-justify-content: space-between; -ms-flex-pack: space-between;
}
.no-flex #node_top_center {
display: table;
}
#footer_content {
	display: flex; display: -webkit-flex; display: -ms-flexbox;
	flex-direction: row; -webkit-flex-direction: row; -ms-flex-direction: row;
	flex-wrap: wrap; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap;
	justify-content: center; -webkit-justify-content: center; -ms-flex-pack: center;
}
.no-flex #footer_content {
display: table;
}
#footer_content .p3-bouton-blanc a, .mb-infinite-scroll-btn a {
	background-color: rgba(0,0,0,0);
	border: 1px solid #ffffff;
	color: #FFF;
	display: inline-block;
	line-height: 35px;
	padding: 0px 12px;
	text-decoration: none;
	border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px;
}
#footer_content .p3-bouton-blanc a:hover, .mb-infinite-scroll-btn a:hover {
	background-color: #FFFFFF;
	color: #C2822A;
}
#footer_content .p3-bouton-blanc, .mb-infinite-scroll-btn {
	color: #C2822A;
	display: flex; display: -webkit-flex; display: -ms-flexbox;
	font-family: Roboto, serif;
	font-weight: 500;
	margin: 5px 0 10px 0;
	flex: 1 auto; -webkit-flex: 1 auto; -ms-flex: 1 auto;
	align-items: flex-end; -webkit-align-items: flex-end; -ms-flex-item-align: flex-end;
	justify-content: flex-start; -webkit-justify-content: flex-start; -ms-flex-pack: flex-start;
}
.no-flex #footer_content .p3-bouton-blanc, .no-flex .mb-infinite-scroll-btn {
display: table;
}
#footer_content {
	display: flex; display: -webkit-flex; display: -ms-flexbox;
	flex-direction: row; -webkit-flex-direction: row; -ms-flex-direction: row;
	flex-wrap: wrap; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap;
	justify-content: center; -webkit-justify-content: center; -ms-flex-pack: center;
}
.no-flex #footer_content {
display: table;
}
#footer_content .p3-bouton-blanc a, .mb-infinite-scroll-btn a {
	background-color: rgba(0,0,0,0);
	border: 1px solid #ffffff;
	color: #FFF;
	display: inline-block;
	line-height: 35px;
	padding: 0px 12px;
	text-decoration: none;
	border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px;
}
#footer_content .p3-bouton-blanc a:hover, .mb-infinite-scroll-btn a:hover {
	background-color: #FFFFFF;
	color: #C2822A;
}
#footer_content .p3-bouton-blanc, .mb-infinite-scroll-btn {
	color: #C2822A;
	display: flex; display: -webkit-flex; display: -ms-flexbox;
	font-family: Roboto, serif;
	font-weight: 500;
	margin: 5px 0 10px 0;
	flex: 1 auto; -webkit-flex: 1 auto; -ms-flex: 1 auto;
	align-items: flex-end; -webkit-align-items: flex-end; -ms-flex-item-align: flex-end;
	justify-content: flex-start; -webkit-justify-content: flex-start; -ms-flex-pack: flex-start;
}
.no-flex #footer_content .p3-bouton-blanc, .no-flex .mb-infinite-scroll-btn {
display: table;
}
#bandeau_bas {
	display: flex; display: -webkit-flex; display: -ms-flexbox;
	flex-direction: row; -webkit-flex-direction: row; -ms-flex-direction: row;
	flex-wrap: wrap; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap;
	justify-content: center; -webkit-justify-content: center; -ms-flex-pack: center;
}
.no-flex #bandeau_bas {
display: table;
}
#logo img {
	height: auto;
	width: 170px;
}
#menu_top {
	display: flex; display: -webkit-flex; display: -ms-flexbox;
	flex: 1 auto; -webkit-flex: 1 auto; -ms-flex: 1 auto;
	justify-content: center; -webkit-justify-content: center; -ms-flex-pack: center;
}
.no-flex #menu_top {
display: table;
}
#menu_top .me-menutop li.niveau1.over > ul.niveau2,
#menu_top .me-menutop li.niveau1:hover > ul.niveau2 {
	display: block;
	top: 100%;
}
#menu_top .me-menutop ul.niveau1 {
	display: flex; display: -webkit-flex; display: -ms-flexbox;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	width: 100%;
	flex-wrap: wrap; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap;
	align-content: flex-start; -webkit-align-content: flex-start;  -ms-flex-line-pack: flex-start;
	align-items: center; -webkit-align-items: center; -ms-flex-item-align: center;
}
.no-flex #menu_top .me-menutop ul.niveau1 {
display: table;
}
#menu_top .me-menutop ul.niveau1 > li {
	border-right: 1px solid #C2822A;
	margin: 0px;
	position: relative;
}
#menu_top .me-menutop ul.niveau1 > li > a {
	color: #333333;
	display: flex; display: -webkit-flex; display: -ms-flexbox;
	font-weight: 300;
	line-height: 30px;
	padding: 0px 15px;
	text-decoration: none;
	align-items: center; -webkit-align-items: center; -ms-flex-item-align: center;
}
.no-flex #menu_top .me-menutop ul.niveau1 > li > a {
display: table;
}
#menu_top .me-menutop ul.niveau1 > li > a > span.me-icon {
	font-size: 1.2em;
	top: 0px;
}
#menu_top .me-menutop ul.niveau1 > li > a:hover {
	color: #C2822A;
}
#menu_top .me-menutop ul.niveau1 > li.over > a::before {
	background-color: #C2822A;
	height: 100%;
}
#menu_top .me-menutop ul.niveau1 > li:last-child {
	border: none;
}
#menu_top .me-menutop ul.niveau2 {
	background-color: #FFFFFF;
	display: none;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	position: absolute;
	box-shadow: 0 8px 24px rgba(0,0,0,0.3); -moz-box-shadow: 0 8px 24px rgba(0,0,0,0.3); -webkit-box-shadow: 0 8px 24px rgba(0,0,0,0.3);
	left: 0px;
	top: -1000px;
}
#menu_top .me-menutop ul.niveau2 > li {
	display: block;
	line-height: 48px;
	margin: 0px;
	padding: 0px;
	position: relative;
	width: 100%;
}
#menu_top .me-menutop ul.niveau2 > li > a {
	border-bottom: 1px solid #ccc;
	color: #777777;
	display: block;
	line-height: 46px;
	margin: 0px 14px;
	text-decoration: none;
}
#menu_top .me-menutop ul.niveau2 > li > a > span.me-icon {
	font-size: 1.2em;
	position: relative;
	top: 4px;
}
#menu_top .me-menutop ul.niveau2 > li a:hover {
	color: #C2822A;
}
#menu_top .me-menutop ul.niveau2 li:last-child > a {
	border-bottom: none;
}
#menu_top .me-menutop ul.niveau3 {
	background-color: #FFFFFF;
	display: none;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	position: absolute;
	left: 0px;
	top: 0px;
}
#menu_top .me-menutop ul.niveau3 > li {
	display: block;
	height: 48px;
	line-height: 48px;
	margin: 0px;
	padding: 0px;
	width: 100%;
}
#menu_top .me-menutop ul.niveau3 > li > a {
	border-bottom: 1px solid #ccc;
	color: #777777;
	display: block;
	line-height: 46px;
	margin: 0px 14px;
	text-decoration: none;
}
#node_top {
	display: flex; display: -webkit-flex; display: -ms-flexbox;
}
.no-flex #node_top {
display: table;
}
#me_menu_responsive_conteneur {
	background-color: #FFFFFF;
	box-shadow: 0 8px 24px rgba(0,0,0,0.3); -moz-box-shadow: 0 8px 24px rgba(0,0,0,0.3); -webkit-box-shadow: 0 8px 24px rgba(0,0,0,0.3);
}
#nav_mobile a.burger {
	display: block;
	float: left;
	font-weight: normal;
	height: 48px;
	position: relative;
	text-align: center;
	text-decoration: none;
	width: 48px;
}
#nav_mobile a.burger span.label {
	display: none;
}
#nav_mobile a.burger span.menu {
	color: #C2822A;
	font-size: 30px;
	line-height: 48px;
}
#node_main.open {
	padding: 100px 0px 0px 0px;
}
#node_recherche.open {
	top: 0px;
}
#node_recherche input[type=submit] {
	border-bottom: border_bot_1_EFF0F0;
	color: #FFF;
	font-size: 1.5em;
	height: 2em;
	line-height: 2em;
	margin: 0px;
	padding: 0px;
	width: 10%;
}
#node_recherche input[type=submit]:hover {
	background-color: #FFFFFF;
	border-bottom: 1px solid #FFF;
	color: #428bca;
}
#node_recherche input[type=text] {
	background-color: transparent;
	border-top: none;
	border-right: none;
	border-bottom: border_bot_1_EFF0F0;
	border-left: none;
	color: #FFF;
	font-size: 1.5em;
	height: 2em;
	line-height: 2em;
	padding: 0 1em;
	max-width: 90%;
	flex: 1 auto; -webkit-flex: 1 auto; -ms-flex: 1 auto;
}
#node_recherche input[type=text]:hover {
	background-color: transparent;
}
#node_recherche_c {
	display: flex; display: -webkit-flex; display: -ms-flexbox;
	height: 100px;
	flex-direction: row; -webkit-flex-direction: row; -ms-flex-direction: row;
	align-content: center; -webkit-align-content: center;  -ms-flex-line-pack: center;
	align-items: center; -webkit-align-items: center; -ms-flex-item-align: center;
	justify-content: center; -webkit-justify-content: center; -ms-flex-pack: center;
}
.no-flex #node_recherche_c {
display: table;
}
#node_recherche_c form {
	max-width: 60%;
}
#node_recherche_c form > p {
	display: flex; display: -webkit-flex; display: -ms-flexbox;
	flex-wrap: nowrap; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap;
}
.no-flex #node_recherche_c form > p {
display: table;
}
#node_top_right {
	display: flex; display: -webkit-flex; display: -ms-flexbox;
}
.no-flex #node_top_right {
display: table;
}
#node_top_left {
	display: flex; display: -webkit-flex; display: -ms-flexbox;
	flex-direction: row; -webkit-flex-direction: row; -ms-flex-direction: row;
	align-items: center; -webkit-align-items: center; -ms-flex-item-align: center;
	justify-content: center; -webkit-justify-content: center; -ms-flex-pack: center;
}
.no-flex #node_top_left {
display: table;
}
#node_alerte {
	display: flex; display: -webkit-flex; display: -ms-flexbox;
	flex-direction: row; -webkit-flex-direction: row; -ms-flex-direction: row;
	flex-wrap: wrap; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap;
	align-items: center; -webkit-align-items: center; -ms-flex-item-align: center;
	justify-content: center; -webkit-justify-content: center; -ms-flex-pack: center;
}
.no-flex #node_alerte {
display: table;
}
#colonne_sans_background {
	display: flex; display: -webkit-flex; display: -ms-flexbox;
	flex-direction: row; -webkit-flex-direction: row; -ms-flex-direction: row;
	flex-wrap: wrap; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap;
	justify-content: center; -webkit-justify-content: center; -ms-flex-pack: center;
}
.no-flex #colonne_sans_background {
display: table;
}
@media handheld, only screen and (max-width: 1199px) {
/*-body-*/
.fondArticle_2-12Colonne {
	width: 22%;
}
.fondArticle_blocJuxtaposeDroit, .fondArticle_blocJuxtaposeGauche {
	border: 0px solid transparent;
	width: 55%;
}
.fondArticle_blocJuxtaposeGauche {
	margin: 0 -5% 30px 0;
}
/*-finbody-*/
}
/* FIN RD */
@media handheld, only screen and (max-width: 769px) {
/*-body-*/
#ms_compte_menu ul li {
	min-width: 20%;
}
.fondArticle_2-12Colonne {
	width: 50%;
}
.fondArticle_3-12Colonne {
	width: 50%;
}
.fondArticle_5-12Colonne {
	width: 80%;
}
.fondArticle_6-12Colonne {
	width: calc(100% - 20px);
}
.fondArticle_9-12Colonne {
	width: calc(50% - 20px);
}
.fondArticle_bandeauEspecesSensibles {
	min-height: 40vw;
}
.fondArticle_bandeauTexteADroite {
	padding: 40px 10% 40px 60%;
}
.fondArticle_bandeauTexteAGauche {
	padding: 40px 60% 40px 10%;
}
.fondArticle_bandeauTexteAuCentre {
	padding: 40px 10% 40px 10%;
}
.fondArticle_blocJuxtaposeDroit, .fondArticle_blocJuxtaposeGauche {
	margin: -30px 0 0 0;
	width: 90%;
}
.fondArticle_blocJuxtaposeGauche {
	margin: 0 0 -30px 0;
	width: 90%;
}
.fondArticle_logoSeul {
	padding: 2% 6%;
	width: 25%;
}
.fondArticle_logoSeul img {
	max-height: 13vw;
}
fieldset {
	padding: 30px 5%;
}
li.me-scroll {
	margin: 10px;
}
/*-finbody-*/
#bandeau .fondArticle_3-12Colonne {
	width: 40%;
}
#logo img {
	width: 150px;
}
}
/* FIN RD */
@media handheld, only screen and (max-width: 480px) {
/*-body-*/
#footer_content #MasterMail_abonnement_formulaire .champ.email {
	justify-content: center; -webkit-justify-content: center; -ms-flex-pack: center;
}
#form_modification_adresse .cadre_visu_adresse {
	width: calc(100% - 20px);
}
#me-scroll-nav ul {
	margin: 0 20% 0 20%;
}
#me_formulaire .formdroit {
	width: 100%;
}
#me_formulaire .formgauche {
	width: 100%;
}
#ms_compte_content {
	width: calc(100% - 20px);
}
#ms_compte_menu {
	width: calc(100% - 20px);
}
#ms_compte_menu ul {
	display: none;
}
#ms_compte_menu ul li {
	margin: 0.5%;
	width: 49%;
}
.fondArticle_1-12Colonne {
	border: 0px;
	width: 33.33%;
}
.fondArticle_10-12Colonne {
	border: 0px;
	width: 100%;
}
.fondArticle_11-12Colonne {
	border: 0px;
	width: 100%;
}
.fondArticle_12-12Colonne {
	border: 0px;
}
.fondArticle_12-12ColonneLimite {
	border: 0px;
}
.fondArticle_12-12ColonneLimiteEtroite {
	border: 0px;
}
.fondArticle_12-Col_par_4_lignes {
	width: 100%;
}
.fondArticle_2-12Colonne {
	border: 0px;
	width: 50%;
}
.fondArticle_3-12Colonne {
	border: 0px;
	width: 100%;
}
.fondArticle_3-24Colonne {
	border: 0px;
	width: 100%;
}
.fondArticle_4-12Colonne {
	border: 0px;
	width: 100%;
}
.fondArticle_5-12Colonne {
	border: 0px;
	width: 100%;
}
.fondArticle_6-12Colonne {
	border: 0px;
	width: 100%;
}
.fondArticle_7-12Colonne {
	border: 0px;
	width: 100%;
}
.fondArticle_8-12Colonne {
	border: 0px;
	width: 100%;
}
.fondArticle_9-12Colonne {
	border: 0px;
	width: 100%;
}
.fondArticle_bandeauFin {
	background-color: #555555;
	height: initial;
	padding: 10%;
	background-blend-mode: overlay;
}
.fondArticle_bandeauTexteADroite {
	background-color: #555555;
	background-position: left center;
	height: initial;
	padding: 10%;
	background-blend-mode: overlay;
}
.fondArticle_bandeauTexteAGauche {
	background-color: #555555;
	background-position: right center;
	height: initial;
	padding: 10%;
	background-blend-mode: overlay;
}
.fondArticle_bandeauTexteAuCentre {
	background-color: #555555;
	background-blend-mode: overlay;
}
.fondArticle_blocJuxtaposeDroit, .fondArticle_blocJuxtaposeGauche {
	margin: -30px 10% 15px 10%;
	width: 80%;
}
.fondArticle_blocJuxtaposeDroit.over {
	margin: -30px 10% 15px 10%;
}
.fondArticle_blocJuxtaposeGauche {
	margin: 15px 10% -30px 10%;
}
.fondArticle_blocJuxtaposeGauche.over {
	margin: -30px 10% 15px 10%;
}
.me-table-transform-resp table th, table.me-table-transform-resp th {
	display: none;
}
.me-table-transform-resp table thead, table.me-table-transform-resp thead {
	display: none;
}
.me-table-transform-resp table tr {
	background-color: #FFFFFF;
}
.me-table-transform-resp table tr td, table.me-table-transform-resp tr td {
	border: none;
	border-top: none !important;
	border-right: none !important;
	border-bottom: none !important;
	border-left: none !important;
	display: block;
	clear: both;
	text-align: left;
}
.me-table-transform-resp table tr td:before, table.me-table-transform-resp tr td:before {
	display: inline-block;
	font-weight: bold;
	height: 100%;
	padding: 0 10px 0 0;
	vertical-align: middle;
	width: 30%;
	content: attr(title);
}
.me-table-transform-resp table tr, table.me-table-transform-resp tr {
	border: none;
	display: block;
	height: auto !important;
	width: 100%;
}
.me-table-transform-resp table tr:before, table.me-table-transform-resp tr:before {
	background-color: #C2822A;
	color: white;
	display: block;
	font-size: 1.2em;
	line-height: 35px;
	margin: 10px 0 0 0;
	padding: 0 10px;
	content: attr(title);
}
.me-table-transform-resp table, table.me-table-transform-resp {
	width: 100%;
}
.ms_compte_menu_responsive {
	display: block;
}
fieldset {
	padding: 20px 5%;
}
form#form_inscription .espacementLigne {
	width: calc(100% - 20px);
}
li.me-scroll {
	margin: 5px 10px;
}
ul.listeFichiersCadre li {
	margin: 4%;
	width: 92%;
}
ul.listFic_ul {
	margin: 5px 20px 5px 20px;
}
/*-finbody-*/
#bandeau .fondArticle_3-12Colonne {
	border: 2px solid transparent;
	width: 100%;
}
#bandeau .h1-titre {
	margin: 20px 0 0.3em 0;
}
#footer_content .p3-bouton-blanc, .mb-infinite-scroll-btn {
	justify-content: center; -webkit-justify-content: center; -ms-flex-pack: center;
}
#footer_content .p3-bouton-blanc, .mb-infinite-scroll-btn {
	justify-content: center; -webkit-justify-content: center; -ms-flex-pack: center;
}
}
/* FIN RD */
#feed_nav1 {
	display: inline-block;
	height: 160px;
	margin: 0px;
	width: auto;
	overflow: hidden;
}
#mb_conteneur_bandeau_promo a {
	color: #FFF;
	text-decoration: none;
}
#mb_conteneur_bandeau_promo a:hover, #mb_conteneur_bandeau_promo a:link:hover, #mb_conteneur_bandeau_promo a:visited:hover, #mb_conteneur_bandeau_promo a:active:hover {
	color: #FFF;
}
#mb_conteneur_bandeau_promo p, .feed_cadre_bandeau_promo p {
	color: #FFF;
	font-family: Roboto, arial;
	font-size: 1em;
	font-weight: 300;
	line-height: 70%;
	padding: 7px 0px 0px 0px;
	text-align: center;
}
.feed_alignement_nav_bandeau_promo {
	float: left;
}
.feed_cadre_bandeau_promo {
	background-color: bg_orange;
	background-repeat: no-repeat;
	display: table-cell;
	height: 45px;
	margin: auto;
	vertical-align: middle;
	width: 100%;
}
.feed_conteneurArticle_bandeau_promo {
	display: flex; display: -webkit-flex; display: -ms-flexbox;
	float: left;
	height: 100%;
	margin: auto;
	position: relative;
	width: 100%;
	align-items: center; -webkit-align-items: center; -ms-flex-item-align: center;
	justify-content: center; -webkit-justify-content: center; -ms-flex-pack: center;
}
.no-flex .feed_conteneurArticle_bandeau_promo {
display: table;
}
.feed_deroulant_bandeau_promo {
	height: 100%;
	margin: 0px;
	padding: 0px;
	position: absolute;
	width: 100%;
	overflow: hidden;
}
.feed_masque_bandeau_promo {
	display: table-cell;
	height: 100%;
	margin: 0px;
	padding: 0px;
	vertical-align: middle;
	width: 100%;
	overflow: hidden;
}
@media handheld, only screen and (max-width: 480px) {
#mb_conteneur_bandeau_promo p, .feed_cadre_bandeau_promo p {
	line-height: 110%;
}
.feed_conteneurArticle_bandeau_promo {
	display: block;
	height: auto;
}
}

.ctnmenupopin {
	display: flex; display: -webkit-flex; display: -ms-flexbox;
	position: relative;
	flex-direction: row; -webkit-flex-direction: row; -ms-flex-direction: row;
	flex-wrap: wrap; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap;
	justify-content: center; -webkit-justify-content: center; -ms-flex-pack: center;
}
.no-flex .ctnmenupopin {
display: table;
}
#body .mb_conteneur_popin_menu {
	display: flex; display: -webkit-flex; display: -ms-flexbox;
	flex-direction: row; -webkit-flex-direction: row; -ms-flex-direction: row;
	flex-wrap: wrap; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap;
	justify-content: center; -webkit-justify-content: center; -ms-flex-pack: center;
}
.no-flex #body .mb_conteneur_popin_menu {
display: table;
}
#body .mb_conteneur_popin_menu .p3-bouton {
	position: absolute;
	right: 20px;
	top: 20px;
}
#body .mb_conteneur_popin_menu .p3-bouton a {
	display: block;
	float: left;
	height: 25px;
	line-height: 25px;
	margin: 0px 0px 0px 10px;
	padding: 0px 5px;
	position: relative;
}

@media handheld, only screen and (max-width: 1199px) {

}

@media handheld, only screen and (max-width: 769px) {

}

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

}

#compte_deconnecte a {
	display: block;
	height: 48px;
	width: 48px;
}

@media handheld, only screen and (max-width: 1199px) {

}

@media handheld, only screen and (max-width: 769px) {

}

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

}

#ecran_acces_connexion_inscription .button {
	margin: 10px 0px 0px 0px;
}
#btq_deja_client .p1-texte {
	margin: 15px 0 5px 0;
}
#btq_deja_client input[type=text], #btq_deja_client input[type=email], #btq_deja_client input[type=password] {
	margin: 10px 0px;
}

@media handheld, only screen and (max-width: 1199px) {

}

@media handheld, only screen and (max-width: 769px) {

}

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

}

#btq_form_recup_mdp_input a.button {
	display: block;
	float: left;
	margin: 0px 0px 0px 10px;
	position: relative;
}
#btq_form_recup_mdp_input input.ms_perte_motdepasse {
	float: left;
	position: relative;
	width: 70%;
}
#node_panier_contenu .pastille {
	background-color: #C2822A;
	color: #FFF;
	font-size: 0.6em;
	height: 1.8em;
	line-height: 1.8em;
	padding: 0 0.5em;
	position: absolute;
	text-align: center;
	border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;
	right: 5px;
	bottom: 5px;
	min-width: 1.8em;
}
#node_panier_contenu .pastille a {
	color: #FFF;
	text-decoration: none;
}
#mb_conteneur_liste_articles_2 {
	display: flex; display: -webkit-flex; display: -ms-flexbox;
	clear: both;
	width: 100%;
	flex-wrap: wrap; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap;
}
.no-flex #mb_conteneur_liste_articles_2 {
display: table;
}
#mb_conteneur_liste_articles_2 .h3-intertitre-1 a:link:hover, #mb_conteneur_liste_articles_2 .h3-intertitre-1 a:visited:hover, #mb_conteneur_liste_articles_2 .h3-intertitre-1 a:active:hover {
	color: #C2822A;
}
#mb_conteneur_liste_articles_2 .mb_conteneur_liste_articles_2Billet .bg_vignette {
	background-color: #C2822A;
	background-image: url(../images/noimage.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 12vw;
	width: 100%;
}
#mb_conteneur_liste_articles_2 .mb_conteneur_liste_articles_2Billet .contenuTexte {
	display: flex; display: -webkit-flex; display: -ms-flexbox;
	padding: 20px;
	width: 100%;
	flex: 1 auto; -webkit-flex: 1 auto; -ms-flex: 1 auto;
	flex-direction: column; -webkit-flex-direction: column; -ms-flex-direction: column;
}
.no-flex #mb_conteneur_liste_articles_2 .mb_conteneur_liste_articles_2Billet .contenuTexte {
display: table;
}
#mb_conteneur_liste_articles_2 .mb_conteneur_liste_articles_2Billet > div {
	background-color: #FFFFFF;
	box-shadow: 0px 5px 10px rgba(0,0,0,0.3); -moz-box-shadow: 0px 5px 10px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 5px 10px rgba(0,0,0,0.3);
	cursor: pointer;
}
#mb_conteneur_liste_articles_2 .mb_conteneur_liste_articles_2Billet > div.over {
	margin: -5px 0 5px 0;
	box-shadow: 0px 5px 10px rgba(0,0,0,0.3); -moz-box-shadow: 0px 5px 10px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 5px 10px rgba(0,0,0,0.3);
	transition: all linear 0.1s; -moz-transition: all linear 0.1s; -webkit-transition: all linear 0.1s;
}
#mb_conteneur_liste_articles_2 .p1-texte {
	flex: 1 auto; -webkit-flex: 1 auto; -ms-flex: 1 auto;
}
#mb_conteneur_liste_articles_2 > .mb_conteneur_liste_articles_2Billet, #mb_conteneur_liste_articles_2 > .mb-new-feed {
	border: 10px solid transparent;
	display: flex; display: -webkit-flex; display: -ms-flexbox;
	padding: 0px;
	max-width: 25%;
	flex-basis: 25%; -webkit-flex-basis: 25%;
	flex-direction: column; -webkit-flex-direction: column; -ms-flex-direction: column;
	flex-grow: 1; -webkit-flex-grow: 1;
	justify-content: flex-start; -webkit-justify-content: flex-start; -ms-flex-pack: flex-start;
}
.no-flex #mb_conteneur_liste_articles_2 > .mb_conteneur_liste_articles_2Billet, .no-flex #mb_conteneur_liste_articles_2 > .mb-new-feed {
display: table;
}
#mb_conteneur_liste_articles_2 a {
	text-decoration: none;
}
#mb_conteneur_liste_articles_2 a:link:hover, #mb_conteneur_liste_articles_2 a:visited:hover, #mb_conteneur_liste_articles_2 a:active:hover {
	text-decoration: none;
}
.mb_conteneur_liste_articles_2Billet, .mb_conteneur_liste_articles_2Billet > [data-cliquable="1"] {
	display: flex; display: -webkit-flex; display: -ms-flexbox;
	position: relative;
	flex-direction: column; -webkit-flex-direction: column; -ms-flex-direction: column;
	flex-grow: 1; -webkit-flex-grow: 1;
}
.no-flex .mb_conteneur_liste_articles_2Billet, .no-flex .mb_conteneur_liste_articles_2Billet > [data-cliquable="1"] {
display: table;
}
@media handheld, only screen and (max-width: 769px) {
#mb_conteneur_liste_articles_2 .mb_conteneur_liste_articles_2Billet .bg_vignette {
	height: 24vw;
}
#mb_conteneur_liste_articles_2 > .mb_conteneur_liste_articles_2Billet, #mb_conteneur_liste_articles_2 > .mb-new-feed {
	max-width: 50%;
	flex-basis: 50%; -webkit-flex-basis: 50%;
}
}

@media handheld, only screen and (max-width: 480px) {
#mb_conteneur_liste_articles_2 .mb_conteneur_liste_articles_2Billet .bg_vignette {
	height: 48vw;
}
#mb_conteneur_liste_articles_2 > .mb_conteneur_liste_articles_2Billet, #mb_conteneur_liste_articles_2 > .mb-new-feed {
	position: relative;
	max-width: 100%;
	flex-basis: 100%; -webkit-flex-basis: 100%;
}
}

#mb_conteneur_articles {
	display: flex; display: -webkit-flex; display: -ms-flexbox;
	flex-direction: row; -webkit-flex-direction: row; -ms-flex-direction: row;
	flex-wrap: wrap; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap;
	align-content: inherit; -webkit-align-content: inherit;  -ms-flex-line-pack: inherit;
	align-items: inherit; -webkit-align-items: inherit; -ms-flex-item-align: inherit;
	justify-content: center; -webkit-justify-content: center; -ms-flex-pack: center;
}
.no-flex #mb_conteneur_articles {
display: table;
}
#mb_conteneur_articles .btnRetour {
	border: 1px solid #C2822A;
	color: #C2822A;
	display: inline-block;
	font-family: Roboto, serif;
	margin: 40px auto;
	padding: 0px 12px;
	text-decoration: none;
	border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px;
	text-transform: uppercase;
}
#mb_conteneur_articles .btnRetour:hover {
	background-color: #C2822A;
	color: #FFF;
}
#mb_conteneur_articles .mb_conteneur_articlesBillet {
	float: left;
	width: 100%;
}
#mb_conteneur_articles .mb_conteneur_articlesBillet .mb_conteneurContenu {
	display: flex; display: -webkit-flex; display: -ms-flexbox;
	margin: auto;
	width: 90%;
	flex-direction: row; -webkit-flex-direction: row; -ms-flex-direction: row;
	flex-wrap: wrap; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap;
	justify-content: center; -webkit-justify-content: center; -ms-flex-pack: center;
}
.no-flex #mb_conteneur_articles .mb_conteneur_articlesBillet .mb_conteneurContenu {
display: table;
}
#mb_conteneur_articles img {
	max-width: 100%;
}
.image_ImageNewsDroite {
	float: right;
	height: auto;
	margin: 0px -20% 20px 20px;
	width: 50%;
}
.image_ImageNewsGauche {
	float: left;
	height: auto;
	margin: 0px 20px 20px -20%;
	width: 50%;
}
.image_ImageNewsLargeurColonneTexte {
	height: auto;
	margin: 20px 0;
	width: 100%;
}
.image_ImageNewsPleineLargeur, #mb_conteneur_articles img.image_ImageNewsPleineLargeur {
	margin: 20px 0 20px -20%;
	width: 140%;
	max-width: 140%;
}
.image_ombre {
	float: right;
	margin: 0px 20px 20px 20px;
	position: relative;
	box-shadow: 0px 2px 8px #ccc; -moz-box-shadow: 0px 2px 8px #ccc; -webkit-box-shadow: 0px 2px 8px #ccc;
}
.mb_conteneurPartage {
	border-top: 1px solid #ddd;
	float: left;
	clear: both;
	margin: 40px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	position: relative;
	width: 100%;
}
.mb_conteneur_articlesTop {
	text-align: center;
	width: 100%;
}
.mb_piedBillet {
	margin: 10px 0px 20px 0px;
}
#mb_conteneurcommentaires hr {
	border-top: 1px solid #ddd;
	width: 100%;
}
.mb_conteneurCommentaire {
	display: block;
	margin: 5px 0px;
	width: 100%;
}
.mb_conteneurCommentaire .p1-texte:nth-child(1) {
	color: #000000;
	font-size: 120%;
	line-height: 75%;
}
.mb_conteneurCommentaire .p1-texte:nth-child(2) {
	background-color: #999999;
	color: #FFF;
	font-size: 80%;
	padding: 3px;
	border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px;
}
.mb_conteneurCommentaire .p1-texte:nth-child(3) {
	color: #000000;
	margin: 0px 0px 20px 0px;
}
.mb_laissercommentaire {
	background-color: #eeece9;
	border-top: 1px solid #bbb;
	display: block;
	float: left;
	margin: 20px 0px;
	padding: 10px;
	position: relative;
	width: 100%;
}
.mb_laissercommentaire img {
	display: block;
	margin: 20px 0px 0px 0px;
}
.mb_laissercommentaire label {
	display: block;
	padding: 10px 0px 5px 0px;
}
form {
	width: 100%;
	max-width: 800px;
}

@media handheld, only screen and (max-width: 1199px) {

}

@media handheld, only screen and (max-width: 769px) {

}

@media handheld, only screen and (max-width: 480px) {
#mb_conteneur_articles .mb_conteneur_articlesBillet .mb_conteneurContenu {
	width: 80%;
}
.image_ImageNewsDroite {
	margin: 10px 15%;
	width: 70%;
}
.image_ImageNewsGauche {
	margin: 10px 15%;
	width: 70%;
}

}
/* ============================================================================
   3. STYLES GLOBAUX ET UTILITAIRES
   ============================================================================ */

/**
 * GTV - Styles globaux
 * Fichier consolidé regroupant les utilitaires communs
 *
 * Sections:
 * 1. Polices (Montserrat, FontAwesome, Webobs)
 * 2. Reset & Base
 * 3. Layout & Structure
 * 4. Utilitaires (margins, paddings, etc.)
 * 5. Composants (cards, buttons, forms, etc.)
 * 6. Navigation & Menus
 * 7. Accessibilité
 */

/* ============================================
   1. POLICES
   ============================================ */

/* Font Awesome 4.7.0 */
@font-face {
  font-family: FontAwesome;
  font-weight: 400;
  font-style: normal;
  src: url(../fonts/fontawesome-webfont.eot?v=4.7.0);
  src: url(../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0) format('embedded-opentype'),
       url(../fonts/fontawesome-webfont.woff2?v=4.7.0) format('woff2'),
       url(../fonts/fontawesome-webfont.woff?v=4.7.0) format('woff'),
       url(../fonts/fontawesome-webfont.ttf?v=4.7.0) format('truetype'),
       url(../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular) format('svg');
}

.fa {
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.fa-lg { font-size: 1.33333em; line-height: .75em; vertical-align: -15%; }
.fa-2x { font-size: 2em; }
.fa-3x { font-size: 3em; }
.fa-4x { font-size: 4em; }
.fa-5x { font-size: 5em; }
.fa-15x { font-size: 1.5em; }
.fa-spin { animation: fa-spin 2s infinite linear; }
.fa-pulse { animation: fa-spin 1s infinite steps(8); }
@keyframes fa-spin {
  0% { transform: rotate(0); }
  100% { transform: rotate(359deg); }
}
.fa-stack { line-height: 2em; position: relative; display: inline-block; width: 2em; height: 2em; vertical-align: middle; }
.fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; }
.fa-stack-1x { line-height: inherit; }
.fa-stack-2x { font-size: 2em; }
.fa-inverse { color: #fff; }

/* Font Awesome Icons */
.fa-facebook:before { content: '\f09a'; }
.fa-bars:before { content: '\f0c9'; }
.fa-chevron-down:before { content: '\f078'; }
.fa-chevron-left:before { content: '\f053'; }
.fa-chevron-right:before { content: '\f054'; }
.fa-check-circle:before { content: '\f058'; }
.fa-info-circle:before { content: '\f05a'; }
.fa-comment-o:before { content: '\f0e5'; }
.fa-comments-o:before { content: '\f0e6'; }
.fa-camera:before { content: '\f030'; }
.fa-link:before { content: '\f0c1'; }
.fa-copyright:before { content: '\f1f9'; }
.fa-pencil:before { content: '\f040'; }
.fa-plus:before { content: '\f067'; }
.fa-map-o:before { content: '\f278'; }
.fa-arrow-left:before { content: '\f060'; }
.fa-arrow-right:before { content: '\f061'; }
.fa-arrow-up:before { content: '\f062'; }
.fa-arrow-down:before { content: '\f063'; }
.fa-spinner:before { content: '\f110'; }
.fa-square:before { content: '\f0c8'; }
.fa-file-o:before { content: '\f016'; }
.fa-mars:before { content: '\f222'; }
.fa-venus:before { content: '\f221'; }
.fa-transgender:before { content: '\f224'; }
.fa-check:before { content: '\f00c'; }
.fa-trash:before { content: '\f1f8'; }
.fa-eye:before { content: '\f06e'; }
.fa-eye-slash:before { content: '\f070'; }
.fa-plus-circle:before { content: '\f055'; }
.fa-caret-down:before { content: '\f0d7'; }
.fa-list-ol:before { content: '\f0cb'; }
.fa-angle-left:before { content: '\f104'; }
.fa-angle-right:before { content: '\f105'; }
.fa-clock-o:before { content: '\f017'; }
.fa-tag:before { content: '\f02b'; }
.fa-download:before { content: '\f019'; }
.fa-minus:before { content: '\f068'; }
.fa-circle:before { content: '\f111'; }
.fa-picture-o:before { content: '\f03e'; }
.fa-calendar:before { content: '\f073'; }
.fa-pencil-square-o:before { content: '\f044'; }
.fa-file-text-o:before { content: '\f0f6'; }
.fa-line-chart:before { content: '\f201'; }
.fa-book:before { content: '\f02d'; }
.fa-unlock-alt:before { content: '\f13e'; }
.fa-lock:before { content: '\f023'; }
.fa-plus-square-o:before { content: '\f196'; }
.fa-binoculars:before { content: '\f1e5'; }
.fa-bell-o:before { content: '\f0a2'; }
.fa-cog:before { content: '\f013'; }
.fa-bar-chart:before { content: '\f080'; }
.fa-search:before { content: '\f002'; }
.fa-users:before { content: '\f0c0'; }
.fa-exclamation-triangle:before { content: '\f071'; }
.fa-list-ul:before { content: '\f0ca'; }
.fa-info:before { content: '\f129'; }
.fa-clone:before { content: '\f24d'; }
.fa-newspaper-o:before { content: '\f1ea'; }
.fa-pie-chart:before { content: '\f200'; }
.fa-user-plus:before { content: '\f234'; }
.fa-list-alt:before { content: '\f022'; }
.fa-volume-off:before { content: '\f026'; }
.fa-volume-up:before { content: '\f028'; }
.fa-envelope-o:before { content: '\f003'; }
.fa-question-circle-o:before { content: '\f29c'; }
.fa-undo:before { content: '\f0e2'; }
.fa-repeat:before { content: '\f01e'; }
.fa-times:before { content: '\f00d'; }
.fa-file-pdf-o:before { content: '\f1c1'; }
.fa-map-marker:before { content: '\f041'; }
.fa-columns:before { content: '\f0db'; }
.fa-external-link:before { content: '\f08e'; }
.fa-map-signs:before { content: '\f277'; }
.fa-floppy-o:before { content: '\f0c7'; }
.fa-arrows-alt:before { content: '\f0b2'; }
.fa-mobile:before { content: '\f10b'; }

/* Webobs Icons */
@font-face {
  font-family: webobs;
  font-weight: 400;
  font-style: normal;
  src: url(../fonts/webobs.eot?29965103);
  src: url(../fonts/webobs.eot?29965103#iefix) format('embedded-opentype'),
       url(../fonts/webobs.woff?29965103) format('woff'),
       url(../fonts/webobs.ttf?29965103) format('truetype'),
       url(../fonts/webobs.svg?29965103#webobs) format('svg');
}

[class*=' fe-'], [class^=fe-] {
  font-family: webobs !important;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fe-heteroc:before { content: '\e800'; }
.fe-rep2:before { content: '\e801'; }
.fe-rhopal1:before { content: '\e802'; }
.fe-hymeno:before { content: '\e803'; }
.fe-ois4:before { content: '\e804'; }
.fe-hymeno3:before { content: '\e805'; }
.fe-dipt2:before { content: '\e806'; }
.fe-ois3:before { content: '\e807'; }
.fe-coleo2:before { content: '\e808'; }
.fe-coleo:before { content: '\e809'; }
.fe-libell2:before { content: '\e80a'; }
.fe-longi:before { content: '\e80b'; }
.fe-moll3:before { content: '\e80c'; }
.fe-araig2:before { content: '\e80d'; }
.fe-rhopal2:before { content: '\e80e'; }
.fe-hemip:before { content: '\e80f'; }
.fe-amph2:before { content: '\e810'; }
.fe-rep3:before { content: '\e811'; }
.fe-ois7:before { content: '\e812'; }
.fe-nevrop:before { content: '\e813'; }
.fe-moll:before { content: '\e814'; }
.fe-rep:before { content: '\e815'; }
.fe-derma:before { content: '\e816'; }
.fe-ois6:before { content: '\e817'; }
.fe-scorp:before { content: '\e818'; }
.fe-heterop:before { content: '\e819'; }
.fe-ois2:before { content: '\e81a'; }
.fe-ois1:before { content: '\e81b'; }
.fe-crus:before { content: '\e81c'; }
.fe-ois5:before { content: '\e81d'; }
.fe-gram2:before { content: '\e81e'; }
.fe-gram:before { content: '\e81f'; }
.fe-libell:before { content: '\e820'; }
.fe-araig:before { content: '\e821'; }
.fe-arb:before { content: '\e822'; }
.fe-arb2:before { content: '\e823'; }
.fe-foss2:before { content: '\e824'; }
.fe-foss:before { content: '\e825'; }
.fe-amph1:before { content: '\e826'; }
.fe-poiss:before { content: '\e827'; }
.fe-mamm3:before { content: '\e828'; }
.fe-mamm2:before { content: '\e829'; }
.fe-chiro:before { content: '\e82a'; }
.fe-mamm:before { content: '\e82b'; }
.fe-hemip2:before { content: '\e82c'; }
.fe-bota:before { content: '\e82d'; }
.fe-hymeno2:before { content: '\e82e'; }
.fe-rhopal3:before { content: '\e82f'; }
.fe-ortho:before { content: '\e830'; }
.fe-dipt:before { content: '\e831'; }
.fe-coleo3:before { content: '\e832'; }
.fe-moll2:before { content: '\e833'; }
.fe-heteroc3:before { content: '\e834'; }
.fe-zygn:before { content: '\e835'; }
.fe-webobs3:before { content: '\e836'; }
.fe-collembole:before { content: '\e837'; }
.fe-coleo4:before { content: '\e838'; }
.fe-coleo5:before { content: '\e839'; }
.fe-champi2:before { content: '\e83a'; }
.fe-ephemere:before { content: '\e83b'; }
.fe-fougere2:before { content: '\e83c'; }
.fe-chara:before { content: '\e83d'; }
.fe-mante:before { content: '\e83e'; }
.fe-mantis:before { content: '\e83f'; }
.fe-paramecia:before { content: '\e840'; }
.fe-poux:before { content: '\e841'; }
.fe-puce:before { content: '\e842'; }
.fe-trichoptere:before { content: '\e843'; }
.fe-lombric:before { content: '\e844'; }
.fe-bryo1:before { content: '\e845'; }
.fe-bryo2:before { content: '\e846'; }
.fe-carabe:before { content: '\e847'; }
.fe-centipede:before { content: '\e848'; }
.fe-champi:before { content: '\e849'; }
.fe-blatte:before { content: '\e84a'; }
.fe-coleo6:before { content: '\e84b'; }
.fe-webobs:before { content: '\e84c'; }
.fe-ois8:before { content: '\e850'; }
.fe-ois9:before { content: '\e851'; }
.fe-micro1:before { content: '\e852'; }
.fe-micro2:before { content: '\e853'; }

/* ============================================
   2. RESET & BASE
   ============================================ */

* { box-sizing: border-box; }
body, html { height: 100%; margin: 0; }
p { margin: 0; }
img { border: 0 none; }
form { margin: 0; }
acronym { border-bottom: 1px dotted #f00; }

textarea,
input[type="text"],
input[type="button"],
input[type="password"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: none;
  border-radius: 0;
}

[class^="fondArticle_"] *,
[data-cliquable="1"] * {
  transition: all 0.3s ease;
}

/* ============================================
   3. LAYOUT & STRUCTURE
   ============================================ */

#wrapper {
  position: relative;
  min-height: calc(100vh - 56px);
  margin: 56px 0 0 70px;
  padding-bottom: 50px;
}
#wrapper-top {
  position: relative;
  min-height: calc(100vh - 56px);
}
.margemenu { margin-left: 70px; }

.footer {
  line-height: 60px;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 60px;
  padding: 0;
  background: #fff;
}

.fixed-top {
  position: fixed;
  z-index: 1030;
  top: 0;
  right: 0;
  left: 0;
}

.navbar {
  height: 56px;
  padding: 0;
  box-shadow: 0 0 10px 0 rgba(82, 63, 105, .08);
}
.navbarlight {
  height: 56px;
  margin-left: 70px;
  padding: 0;
}
.navbar-nav li a { padding: 0 18px; }
.navbar-nav li:hover { background: #e9ebec; }

.barreheader { height: 56px; }

/* Responsive body states */
body.hide-sidebar #menu { margin-left: -70px; }
body.hide-sidebar #wrapper { margin-left: 0; }
body.hide-sidebar #wrapper-top { margin-left: 0; }
body.page-small #menu { margin-left: -70px; }
body.page-small #wrapper { margin-left: 0; }
body.page-small #wrapper-top { margin-left: 0; }
body.page-small.show-sidebar #menu { margin-left: 0; }
body.page-small.show-sidebar #wrapper { margin-left: 70px; }
body.page-small.show-sidebar #wrapper-top { margin-left: 70px; }

/* Right sidebar */
#right-sidebar {
  position: fixed;
  z-index: 1060;
  top: 0;
  right: 0;
  bottom: 0;
  display: none;
  width: 260px;
  border-left: 1px solid #e4e5e7;
  background-color: #fff;
}
#right-sidebar.sidebar-open { display: block; }

/* ============================================
   4. UTILITAIRES
   ============================================ */

/* Margins */
.m-0 { margin: 0 !important; }
.mt-0, .my-0 { margin-top: 0 !important; }
.mr-0, .mx-0 { margin-right: 0 !important; }
.mb-0, .my-0 { margin-bottom: 0 !important; }
.ml-0, .mx-0 { margin-left: 0 !important; }
.m-1 { margin: .25rem !important; }
.mt-1, .my-1 { margin-top: .25rem !important; }
.mr-1, .mx-1 { margin-right: .25rem !important; }
.mb-1, .my-1 { margin-bottom: .25rem !important; }
.ml-1, .mx-1 { margin-left: .25rem !important; }
.m-2 { margin: .5rem !important; }
.mt-2, .my-2 { margin-top: .5rem !important; }
.mr-2, .mx-2 { margin-right: .5rem !important; }
.mb-2, .my-2 { margin-bottom: .5rem !important; }
.ml-2, .mx-2 { margin-left: .5rem !important; }
.m-3 { margin: 1rem !important; }
.mt-3, .my-3 { margin-top: 1rem !important; }
.mr-3, .mx-3 { margin-right: 1rem !important; }
.mb-3, .my-3 { margin-bottom: 1rem !important; }
.ml-3, .mx-3 { margin-left: 1rem !important; }
.m-4 { margin: 1.5rem !important; }
.mt-4, .my-4 { margin-top: 1.5rem !important; }
.mr-4, .mx-4 { margin-right: 1.5rem !important; }
.mb-4, .my-4 { margin-bottom: 1.5rem !important; }
.ml-4, .mx-4 { margin-left: 1.5rem !important; }
.m-5 { margin: 3rem !important; }
.mt-5, .my-5 { margin-top: 3rem !important; }
.mr-5, .mx-5 { margin-right: 3rem !important; }
.mb-5, .my-5 { margin-bottom: 3rem !important; }
.ml-5, .mx-5 { margin-left: 3rem !important; }
.m-auto { margin: auto !important; }
.mt-76 { margin-top: 76px !important; }

/* Paddings */
.p-0 { padding: 0 !important; }
.pt-0, .py-0 { padding-top: 0 !important; }
.pr-0, .px-0 { padding-right: 0 !important; }
.pb-0, .py-0 { padding-bottom: 0 !important; }
.pl-0, .px-0 { padding-left: 0 !important; }
.p-1 { padding: .25rem !important; }
.pt-1, .py-1 { padding-top: .25rem !important; }
.pr-1, .px-1 { padding-right: .25rem !important; }
.pb-1, .py-1 { padding-bottom: .25rem !important; }
.pl-1, .px-1 { padding-left: .25rem !important; }
.p-2 { padding: .5rem !important; }
.pt-2, .py-2 { padding-top: .5rem !important; }
.pr-2, .px-2 { padding-right: .5rem !important; }
.pb-2, .py-2 { padding-bottom: .5rem !important; }
.pl-2, .px-2 { padding-left: .5rem !important; }
.p-3 { padding: 1rem !important; }
.pt-3, .py-3 { padding-top: 1rem !important; }
.pr-3, .px-3 { padding-right: 1rem !important; }
.pb-3, .py-3 { padding-bottom: 1rem !important; }
.pl-3, .px-3 { padding-left: 1rem !important; }
.p-4 { padding: 1.5rem !important; }
.pt-4, .py-4 { padding-top: 1.5rem !important; }
.pr-4, .px-4 { padding-right: 1.5rem !important; }
.pb-4, .py-4 { padding-bottom: 1.5rem !important; }
.pl-4, .px-4 { padding-left: 1.5rem !important; }
.p-5 { padding: 3rem !important; }
.pt-5, .py-5 { padding-top: 3rem !important; }
.pr-5, .px-5 { padding-right: 3rem !important; }
.pb-5, .py-5 { padding-bottom: 3rem !important; }
.pl-5, .px-5 { padding-left: 3rem !important; }

/* Backgrounds & Borders */
.fondblanc { background: #fff; }
.bg-light { background-color: #fafafa; }
.min { background: #e9ebec; }
.border { border: 1px solid #c3c3c3; }
.border-top { border-top: 1px solid; }
.border-bottom { border-bottom: 1px solid #e4e5e7; }
.border-right { border-right: 1px solid #e4e5e7; }
.border-right-claire { border-right: 1px solid #c3c3c3; }

/* Typography */
.font13 { font-size: .93rem; }
.font12 { font-size: .86rem; }
.xsmall { font-size: 65%; font-weight: 400; }
.gras { font-weight: bold; }

/* Display & Visibility */
.opacity-0 { opacity: 0; }
.flex-none { flex: none; }
.invisible { display: none; }
.newsInfo { display: none; }

/* Cursors */
.curseurlien { cursor: pointer; }

/* Dimensions */
.w200 { width: 201px; }

/* Animation */
.animated-panel {
  animation-duration: .5s;
  animation-fill-mode: both;
}

/* ============================================
   5. COMPOSANTS
   ============================================ */

/* Cards */
.cardombre { box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .13); }
.cardcarousel { border: none; }

/* Stats */
.stats { padding: 10px; }
.stats-title {
  font-size: .92rem;
  font-weight: 600;
  margin-top: 5px;
  text-transform: uppercase;
}

/* Icons */
.cercleicone {
  padding: 5px;
  border: 2px solid;
  border-radius: 50%;
}

/* Validation colors */
.val1 { color: #1a9850; }
.val2 { color: #91cf60; }
.val3 { color: #fc8d59; }
.val4 { color: #d73027; }
.val5 { color: #a0a0a0; }

/* IUCN Status colors */
.DH { color: #4c4; }
.DHt { font-family: Montserrat, 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #fff; }
.PN, .PR, .PD { color: #db1702; }
.PNt, .PRt, .PDt { font-family: Montserrat, 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #fff; }
.Z { color: #6c0277; }
.Zt { font-family: Montserrat, 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #fff; }
.A, .I { color: #5482ff; }
.At, .It { font-family: Montserrat, 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #fff; }
.EW { color: #3d1951; }
.EWt { font-family: Montserrat, 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #fff; }
.RE { color: #5a1a63; }
.REt { font-family: Montserrat, 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #fff; }
.CR { color: #d3001b; }
.CRt { font-family: Montserrat, 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #fff; }
.EN { color: #fbbf00; }
.ENt { font-family: Montserrat, 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #fff; }
.VU { color: #ffed00; }
.VUt { font-family: Montserrat, 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #354052; }
.NT { color: #fbf2ca; }
.NTt { font-family: Montserrat, 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #354052; }
.LC { color: #78b74a; }
.LCt { font-family: Montserrat, 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #fff; }
.DD { color: #d3d4d5; }
.DDt { font-family: Montserrat, 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #354052; }
.NA { color: #929395; }
.NAt { font-family: Montserrat, 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #fff; }

/* Popup carte */
.popupcarte {
  width: 300px;
  padding: 5px;
  white-space: normal;
  border: 1px solid silver;
  border-radius: 3px;
  box-shadow: 1px 1px 2px #888;
}

/* Figure */
.figure {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.figure img {
  position: relative;
  display: block;
  width: 100%;
}

/* Maps */
.cartefiche { min-height: calc(70vh); }
.cartebilan { min-height: calc(50vh); }
#mapobser { height: 300px; }
#mapdetail { height: 400px; }
#map { min-height: calc(100vh - 56px); }
#mapmob { min-height: calc(100% - 56px); }
#blocfiche { min-height: calc(100vh - 56px); }

.flex-carto { display: flex; }
.flex-cartol { flex: 1; }
.flex-cartom { flex: 3; }
.flex-cartop { flex: 1; }

.infoleg {
  padding: 6px 8px;
  border-radius: 5px;
  background: rgba(255, 255, 255, .8);
  box-shadow: 0 0 15px rgba(0, 0, 0, .2);
}
.legend i {
  float: left;
  width: 18px;
  height: 18px;
  margin-right: 8px;
  opacity: .7;
}

/* Heights */
.hauteurfiche { min-height: calc(80vh); }
.hauteures {
  overflow: auto;
  min-height: calc(100vh - (56px + 162px));
  max-height: calc(100vh - (56px + 162px));
}
.pleinepage { min-height: calc(100vh - 56px); }
.hauteurconsult { min-height: calc(100vh - (56px + 37px)); }
.scrol { overflow: auto; max-height: calc(100vh - (56px + 122px)); }
.scrolsaisie { overflow: auto; max-height: calc(100vh - 160px); }
.mobile { height: 100%; }

/* Graphs */
.minigraph { min-height: calc(30vh); margin: 0 auto; }
.miniminigraph { min-height: calc(20vh); margin: 0 auto; }

/* Tabs */
.tab-content { padding: 1em; background: #fff; }
.tabs-left .nav-item { text-align: center; }
.tabs-left .nav-link { padding: 15px 0; }
.tabs-left .nav-item + .nav-item { margin-left: 0; }
.tabs-hor .nav-item { float: none; text-align: center; }

/* Timeline */
.v-timeline {
  position: relative;
  margin-top: 2rem;
  margin-bottom: 2rem;
  padding: 0;
}
.v-timeline::before {
  position: absolute;
  top: 0;
  left: 10px;
  width: 1px;
  height: 100%;
  content: '';
  background: #ccc;
}
.vertical-container { width: 98%; margin: 0 auto; }
.vertical-timeline-block {
  position: relative;
  width: 95%;
  margin: 1.2em 0;
}
.vertical-timeline-block:first-child { margin-top: 0; }
.vertical-timeline-block:last-child { margin-bottom: 0; }
.vertical-timeline-icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 25px;
  height: 25px;
  text-align: center;
  border-radius: 50%;
}
.vertical-timeline-icon i {
  position: relative;
  top: 50%;
  left: 50%;
  display: block;
  width: 24px;
  height: 24px;
  margin-top: -9px;
  margin-left: -12px;
}
.vertical-timeline-content { position: relative; margin-left: 30px; }
.vertical-date { font-size: .85rem; font-weight: 600; }
.vertical-datev { font-size: .85rem; font-weight: 600; color: #62cb31; }

/* Forms */
.form-custom-saisie .form-control {
  z-index: 1040;
  margin: 10px;
  color: #c1c2ca;
  border-color: #c1c2ca;
  background: transparent;
}
.legendesaisie { font-size: 1rem; font-weight: 700; }
.ulsaisie { margin-bottom: 0; padding: 15px 5px; }
.chpdisable { cursor: not-allowed; background: #e9ebec; }
.fiche { margin-top: 56px; padding-left: 10px; }

/* Login */
.login-container { max-width: 420px; margin: auto; }

/* Carousel */
.carousel-indicators-bas { bottom: -10px; }
.carousel-indicators li { width: 10px; height: 10px; border-radius: 100%; }
.carousel-caption { bottom: 0; padding-bottom: 0; }

/* Tables */
.tblobs td { padding: .2rem; border-top: 0; }
#tableauCommande { border: 1px solid black; border-collapse: collapse; }
#tableauCommande td { border: 1px solid black; }
#tableauCommande input { height: 18px; color: #323232; font-size: 11px; font-family: verdana, helvetica; }

/* Autocomplete */
.ui-autocomplete-loading { background: #fff url(images/attente.gif) right center no-repeat; }
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}
.ui-front { z-index: 1040; }
.ui-modfront { z-index: 1060; }
.ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; }
.ui-menu { display: block; margin: 0; padding: 0; list-style: none; outline: 0; }
.ui-menu .ui-menu-item {
  position: relative;
  min-height: 0;
  margin: 0;
  padding: 3px 1em 3px .4em;
  list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
  cursor: pointer;
}
.ui-menu .ui-state-active,
.ui-menu .ui-state-focus {
  text-decoration: none;
  color: #333;
  border-color: #adadad;
  background-color: #ebebeb;
}
.ui-widget-content { color: #333; border: 1px solid #aaa; background: #fff; }

/* Cropit */
.cropit-preview { background-color: #f8f8f8; background-size: cover; }
.cropit-preview-image-container { cursor: move; }
.cropit-preview-background { opacity: .3; }
#crop, input { position: relative; z-index: 10; }

/* Filters */
.simplefilter li {
  padding: .5rem 1rem;
  cursor: pointer;
  text-transform: uppercase;
  color: #fff;
}
.item-desc {
  position: absolute;
  z-index: 1;
  right: 1rem;
  bottom: 0;
  left: 1rem;
  margin: .5rem;
  padding: .25rem;
}

/* Obsnat */
.obsnat { padding: 20px; text-align: center; }

/* Header links */
.header-link {
  padding: 0 28px;
  cursor: pointer;
  border-right: 1px solid #e4e5e7;
}
.header-link1 {
  padding: 0 28px;
  cursor: pointer;
  border-right: 1px solid #e4e5e7;
}
.header-link:hover { background: #f1f4f6; }
.centreligne { line-height: 56px; }

/* ============================================
   6. NAVIGATION & MENUS
   ============================================ */

/* Accueil */
.accueilsansheader {
  position: absolute;
  top: 0;
  width: 70px;
  height: 56px;
}
.accueil { top: 0; width: 70px; height: 56px; }
.menu { top: 56px; width: 70px; }

/* Menu droit */
.menu-droit {
  z-index: 1010;
  top: 0;
  left: 100%;
  width: 160px;
  border-right: 1px solid #7b8594;
  box-shadow: 4px 4px 4px #aaa;
}
.menu-droitp {
  position: relative;
  z-index: 1010;
  left: 100%;
  width: 160px;
  margin-top: -50px;
  border-top: 1px solid #7b8594;
  border-right: 1px solid #7b8594;
  box-shadow: 4px 4px 4px #aaa;
}
.fixemenu { position: absolute; margin-left: -90px; }

/* Side menu */
.side-menu li a {
  font-size: .8rem;
  font-weight: 700;
  padding: 5px;
  text-align: center;
  text-transform: uppercase;
}
.side-menu .nav-second-level { background: #e9ebec; }
.side-menu li .nav-second-level li a {
  padding: 10px;
  text-align: left;
  text-transform: none;
}

/* Legacy menu styles */
#menu1, #menu2, #menu3, #menu4, #menu5, #menu6 { text-align: left; }
.sli1, .sli2, .sli3, .sli4, .sli5, .sli6 {
  position: absolute;
  display: block;
  margin: 0;
  padding: 0;
  visibility: hidden;
}
.lm1, .lm2, .lm3, .lm4, .lm5, .lm6 { list-style-type: none; z-index: 2; }
.lm1o, .lm2o, .lm3o, .lm4o, .lm5o, .lm6o { list-style-type: none; }
#menu1 li a, #menu2 li a, #menu3 li a,
#menu4 li a, #menu5 li a, #menu6 li a { text-decoration: none; }
#menu1 li a:hover, #menu2 li a:hover, #menu3 li a:hover,
#menu4 li a:hover, #menu5 li a:hover, #menu6 li a:hover { text-decoration: none; }

.li {
  position: absolute;
  visibility: hidden;
  list-style-type: none;
  vertical-align: top;
  margin: 0;
  padding: 0;
  cursor: pointer;
  z-index: 3;
  display: block;
}
.li a {
  font-family: arial, helvetica, geneva, Swiss, SunSans-Regular;
  text-decoration: none;
  font-size: 11px;
  z-index: 1;
  white-space: nowrap;
  margin-left: 4px;
  margin-right: 4px;
}
.som {
  list-style-type: none;
  display: inline;
  padding: 0;
  margin: 0;
}
.imageMenu { float: left; }

/* Menu top animations */
#menu_top .me-menutop ul.niveau2,
#menu_top .me-menutop ul.niveau3 {
  transition: height 0.2s ease-in-out;
}
#menu_top .me-menutop ul.niveau2 a {
  transition: all 0.2s ease-in-out;
}
#menu_top .me-menutop ul.niveau1 > li > a span {
  transition: all 0.2s ease-in-out;
}
#menu_top .me-menutop ul.niveau1 > li > a:hover {
  background-color: transparent;
}
#menu_top .me-menutop ul.niveau1 > li > a::before {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 0;
  left: 0;
  background-color: transparent;
  content: ' ';
  z-index: 10;
  display: block;
  transition: all 0.2s ease-in-out;
}
#menu_top .me-menutop ul.niveau1 > li.over > a span,
#menu_top .me-menutop ul.niveau1 > li:hover > a span {
  color: white;
  z-index: 11;
  position: relative;
}
#menu_top .me-menutop ul.niveau1 ul.over,
#menu_top .me-menutop ul.niveau1 > li:hover > ul { overflow: visible; }
#menu_top .me-menutop ul.niveau1 ul { overflow: hidden; }

/* Affichage des sous-menus au survol */
#menu_top .me-menutop ul.niveau1 > li.pSN:hover > ul.niveau2,
#menu_top .me-menutop ul.niveau1 > li.niveau1.over > ul.niveau2 {
  display: block !important;
}

#popin .sousmenupopin {
  overflow: hidden;
  position: absolute !important;
  transition: height 0.2s ease-in-out;
}
#popin .sousmenupopin.over {
  overflow: visible;
  position: absolute !important;
}

/* ============================================
   7. ACCESSIBILITÉ
   ============================================ */

.contenuLeft { text-align: left; display: block; margin: 0; }
.contenuCenter { text-align: center; display: block; margin: 0; }
.contenuJustify { text-align: justify; display: block; margin: 0; }
.contenuRight { text-align: right; display: block; margin: 0; }

.imageLeft { float: left; }
.imageCenter { float: none; }
.imageDefault { float: none; }
.imageRight { float: right; }

.menuLien { padding: 0; margin: 0; }
.listeLienInline { list-style-type: none; display: inline; }
.listeLienBlock { list-style-type: none; display: block; }
.sautDeLigne { display: block; margin: 0; list-style-type: none; }

/* ============================================================================
   4. MEDIA QUERIES - ÉCRAN
   ============================================================================ */

@media screen {
#bandeau {
	background-image: url(../images/img_top.jpg);
	background-repeat: no-repeat;
	width: 100%;
	position: relative;
}
#node_recherche {
	background-color: #C2822A;
	width: 100%;
	height: 100px;
	top: -100px;
	position: fixed;
	z-index: 9;
}
#node_panier {
	width: 48px;
	height: 48px;
	overflow: hidden;
	z-index: 1010;
	overflow: hidden;
}
#node_user {
	width: 48px;
	height: 48px;
	overflow: hidden;
	z-index: 1010;
	overflow: hidden;
}
#node_alerte {
	margin-bottom: 10px;
	background-color: #ef7b00;
	width: 100%;
	position: relative;
	float: left;
	z-index: 12;
}
#language {
	width: 48px;
	height: 48px;
}
#me_cookie_zone {
	width: 50%;
	right: 0px;
	position: relative;
	float: left;
	display: none;
	z-index: 20;
	max-width: 600px;
}
#me_cookie_txt {
	margin: 5%;
	padding: 20px 20px 10px 20px;
	background-color: #FFFFFF;
	width: 90%;
	box-shadow: 0 8px 24px rgba(0,0,0,0.3); -moz-box-shadow: 0 8px 24px rgba(0,0,0,0.3); -webkit-box-shadow: 0 8px 24px rgba(0,0,0,0.3);
	font-size: 0.7em;
}
#node_search {
	height: 48px;
}
#logo {
	padding: 10px;
}
#popin {
	width: 100%;
	left: 0px;
	top: 66px;
	position: absolute;
	z-index: 50;
}
/*-body-*/
#body {
	margin: 0px;
	background-color: #FFFFFF;
}
/*-finbody-*/
#colonne_avec_background {
	background-image: url(../images/img_bkg.jpg);
	background-color: #FFFFFF;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: right;
	width: 100%;
	position: relative;
}
#node_content {
	width: 100%;
	position: relative;
	float: left;
}
#node_top_center {
	margin: auto;
	width: 100%;
	max-width: 1600px;
	height:76px;
}
#node_top {
	width: 100%;
	z-index: 12;
    	border-bottom: 1px solid #ededed;
}
#footer {
	border-top: 1px solid #EDEDED;
	background-color: #C2822A;
	width: 100%;
	position: relative;
	float: left;
}
#footer_scripts {
	width: 100%;
	position: relative;
	float: left;
}
#footer_content {
	margin: auto;
	width: 100%;
	max-width: 1200px;
}
#bandeau_bas {
	width: 100%;
}
#menu_top {
	z-index: 10;
}
#node_main {
	width: 100%;
	position: relative;
	float: left;
	overflow: hidden;
	overflow: hidden;
}
#nav_mobile {
	width: 48px;
	height: 48px;
	display: none;
	z-index: 10;
}
#node_top_right {
	display: none;
}
#node_recherche_c {
	margin: 0px auto;
	width: 80%;
	position: relative;
}
#colonne_sans_background {
	width: 100%;
	position: relative;
}
#footer_social {
	margin: auto;
	width: 100%;
	max-width: 1200px;
}
#footer_copyright {
	margin: auto;
	width: 100%;
	max-width: 1200px;
}
@media handheld, only screen and (max-width: 1199px) {
#logo {
	padding: 10px;
}
/*-body-*/
/*-finbody-*/
} /* FIN RD */
@media handheld, only screen and (max-width: 769px) {
#node_alerte {
	margin-bottom: 0px;
}
#me_cookie_zone {
	width: 100%;
}
#logo {
	padding: 5px;
	width: 150px;
}
/*-body-*/
/*-finbody-*/
#node_top_center {
	padding: 0px;
}
#node_top {
	height: 65px;
}
#menu_top {
	display: none;
}
#nav_mobile {
	display: block;
}
} /* FIN RD */
@media handheld, only screen and (max-width: 480px) {
#me_cookie_zone {
	width: 100%;
}
/*-body-*/
#body {
	font-size: 0.9em;
}
/*-finbody-*/
#footer_content {
	text-align: center;
}
#footer_social {
	text-align: center;
}
#footer_copyright {
	text-align: center;
}
} /* FIN RD */
.nonAffiche {
	display: none; visibility: hidden;
}
#mb_conteneur_bandeau_promo {
	background-color: #ef7b00;
}
.nonAffiche {
	display: none; visibility: hidden;
}
#menu_responsive {
	width: 100%;
	position: relative;
	float: left;
}
#node_menu_responsive {
	position: relative;
	float: left;
}


.nonAffiche {
	display: none; visibility: hidden;
}
@media handheld, only screen and (max-width: 769px)  {

#node_menu_responsive {
	width: 45vw;
}

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

#node_menu_responsive {
	width: 100%;
}

} 
#body .mb_conteneur_popin_menu {
	background-color: #FFFFFF;
	width: 100%;
	position: relative;
	float: left;
}

#body .ctnmenupopin {
	padding: 20px 2%;
	border: 1px solid #C2822A;
	background-color: #FFFFFF;
	width: 100%;
	position: relative;
	float: left;
	box-shadow: 0 8px 24px rgba(0,0,0,0.3); -moz-box-shadow: 0 8px 24px rgba(0,0,0,0.3); -webkit-box-shadow: 0 8px 24px rgba(0,0,0,0.3);
}
@media handheld, only screen and (max-width: 1199px) {

} 
@media handheld, only screen and (max-width: 769px) {

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

} 
.nonAffiche {
	display: none; visibility: hidden;
}
#compte_connecte {
	width: 48px;
	height: 48px;
	position: relative;
	float: left;
	text-align: center;
}
.nonAffiche {
	display: none; visibility: hidden;
}
#compte_deconnecte {
	width: 48px;
	height: 48px;
	position: relative;
	float: left;
	text-align: center;
}

@media handheld, only screen and (max-width: 1199px) {

} 
@media handheld, only screen and (max-width: 769px) {

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

} 
.nonAffiche {
	display: none; visibility: hidden;
}
#ecran_acces_connexion_inscription {
	width: 400px;
	position: relative;
	float: left;
	max-width: 100%;
}
#btq_deja_client {
	padding: 10px;
	width: 100%;
	position: relative;
	float: left;
	text-align: center;
}
#btq_ecran_acces_inscription {
	margin-top: 20px;
	padding: 10px;
	width: 100%;
	position: relative;
	float: left;
	text-align: center;
}
#btq_ecran_acces_mot_de_passe {
	padding: 10px;
	width: 100%;
	position: relative;
	float: left;
	text-align: center;
}
#ctn_btq_ecran_acces_connexion {
	padding: 10px;
	width: 100%;
	position: relative;
	float: left;
}

@media handheld, only screen and (max-width: 1199px) {

} 
@media handheld, only screen and (max-width: 769px) {

} 
@media handheld, only screen and (max-width: 480px) {
#btq_deja_client {
	width: 100%;
}
#btq_ecran_acces_inscription {
	width: 100%;
}

} 
.nonAffiche {
	display: none; visibility: hidden;
}
#btq_msg_connecte_conteneur {
	width: 500px;
	position: relative;
	float: left;
}
#btq_msg_connecte {
	width: 100%;
	position: relative;
	float: left;
	text-align: center;
}
.nonAffiche {
	display: none; visibility: hidden;
}
#btq_form_recup_mdp {
	margin-bottom: 20px;
	width: 100%;
	position: relative;
	float: left;
	text-align: left;
}
#btq_form_recup_mdp_conteneur {
	width: 500px;
	position: relative;
	float: left;
}
#btq_form_recup_mdp_input {
	width: 100%;
	position: relative;
	float: left;
}
#btq_form_recup_mdp_lien {
	margin-top: 30px;
	margin-bottom: 20px;
	width: 100%;
	position: relative;
	float: left;
	text-align: left;
}
.nonAffiche {
	display: none; visibility: hidden;
}
#btq_msg_recup_mdp_ok {
	width: 100%;
	position: relative;
	float: left;
	text-align: center;
}
#btq_msg_recup_mdp_ok_conteneur {
	width: 500px;
	position: relative;
	float: left;
}
.nonAffiche {
	display: none; visibility: hidden;
}
#node_panier_vide {
	width: 48px;
	height: 48px;
	position: relative;
	float: left;
}
.nonAffiche {
	display: none; visibility: hidden;
}
#panier_vide {
	margin: auto;
	padding: 10px;
	width: 400px;
}

.nonAffiche {
	display: none; visibility: hidden;
}
@media handheld, only screen and (max-width: 480px)  {

#panier_vide {
	width: 100%;
}

} 
#node_panier_contenu {
	width: 48px;
	height: 48px;
	position: relative;
	float: left;
}
.nonAffiche {
	display: none; visibility: hidden;
}
}

/* ============================================================================
   5. MEDIA QUERIES - IMPRESSION
   ============================================================================ */

@media print {
#bandeau {
	background-image: url(../images/img_top.jpg);
	background-repeat: no-repeat;
	width: 100%;
	position: relative;
}
#node_recherche {
	background-color: #d2a373;
	width: 100%;
	height: 100px;
	top: -100px;
	position: fixed;
	z-index: 9;
}
#node_panier {
	width: 48px;
	height: 48px;
	overflow: hidden;
	z-index: 1010;
	overflow: hidden;
}
#node_user {
	width: 48px;
	height: 48px;
	overflow: hidden;
	z-index: 1010;
	overflow: hidden;
}
#node_alerte {
	margin-bottom: 10px;
	background-color: #ef7b00;
	width: 100%;
	position: relative;
	float: left;
	z-index: 12;
}
#language {
	width: 48px;
	height: 48px;
}
#me_cookie_zone {
	width: 50%;
	right: 0px;
	position: relative;
	float: left;
	display: block;
	z-index: 20;
	max-width: 600px;
}
#me_cookie_txt {
	margin: 5%;
	padding: 20px 20px 10px 20px;
	background-color: #FFFFFF;
	width: 90%;
	box-shadow: 0 8px 24px rgba(0,0,0,0.3); -moz-box-shadow: 0 8px 24px rgba(0,0,0,0.3); -webkit-box-shadow: 0 8px 24px rgba(0,0,0,0.3);
	font-size: 0.7em;
}
#node_search {
	height: 48px;
}
#logo {
	padding: 10px;
}
#popin {
	width: 100%;
	left: 0px;
	top: 66px;
	position: absolute;
	z-index: 50;
}
/*-finbody-*/
#body {
	margin: 0px;
	background-color: #FFFFFF;
}
/*-finbody-*/
#colonne_avec_background {
	background-image: url(../images/img_bkg.jpg);
	background-color: #FFFFFF;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: right;
	width: 100%;
	position: relative;
}
#node_content {
	width: 100%;
	position: relative;
	float: left;
}
#node_top_center {
	margin: auto;
	width: 100%;
	position: relative;
	max-width: 1600px;
}
#node_top {
	width: 100%;
	z-index: 12;
}
#footer {
	border-top: 1px solid #EDEDED;
	background-color: #d2a373;
	width: 100%;
	position: relative;
	float: left;
}
#footer_scripts {
	width: 100%;
	position: relative;
	float: left;
}
#footer_content {
	margin: auto;
	width: 100%;
	max-width: 1200px;
}
#bandeau_bas {
	width: 100%;
}
#menu_top {
	z-index: 10;
}
#node_main {
	width: 100%;
	position: relative;
	float: left;
	overflow: hidden;
	overflow: hidden;
}
#nav_mobile {
	width: 48px;
	height: 48px;
	display: block;
	z-index: 10;
}
#node_top_right {
	display: block;
}
#node_recherche_c {
	margin: 0px auto;
	width: 80%;
	position: relative;
}
#colonne_sans_background {
	width: 100%;
	position: relative;
}
#footer_social {
	margin: auto;
	width: 100%;
	max-width: 1200px;
}
#footer_copyright {
	margin: auto;
	width: 100%;
	max-width: 1200px;
}
@media handheld, only screen and (max-width: 1199px) {
#logo {
	padding: 10px;
}
/*-body-*/
/*-finbody-*/
} /* FIN RD */
@media handheld, only screen and (max-width: 769px) {
#node_alerte {
	margin-bottom: 0px;
}
#me_cookie_zone {
	width: 100%;
}
#logo {
	padding: 5px;
	width: 150px;
}
/*-body-*/
/*-finbody-*/
#node_top_center {
	padding: 0px;
}
#node_top {
	height: 65px;
}
#menu_top {
	display: block;
}
#nav_mobile {
	display: block;
}
} /* FIN RD */
@media handheld, only screen and (max-width: 480px) {
#me_cookie_zone {
	width: 100%;
}
/*-body-*/
#body {
	font-size: 0.9em;
}
/*-finbody-*/
#footer_content {
	text-align: center;
}
#footer_social {
	text-align: center;
}
#footer_copyright {
	text-align: center;
}
} /* FIN RD */
.nonImprimable {
	display: none; visibility: hidden;
}
img { border: 0px none; }
form { margin: 0px; }
.invisible { display: none; }
#mb_conteneur_bandeau_promo {
	background-color: #ef7b00;
}
.nonImprimable {
	display: none; visibility: hidden;
}
img { border: 0px none; }
form { margin: 0px; }
.invisible { display: none; }
#menu_responsive {
	width: 100%;
	position: relative;
	float: left;
}
#node_menu_responsive {
	position: relative;
	float: left;
}


.nonImprimable {
	display: none; visibility: hidden;
}
img { border: 0px none; }
form { margin: 0px; }
.invisible { display: none; }
@media handheld, only screen and (max-width: 769px)  {

#node_menu_responsive {
	width: 45vw;
}

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

#node_menu_responsive {
	width: 100%;
}

} 
#body .mb_conteneur_popin_menu {
	background-color: #FFFFFF;
	width: 100%;
	position: relative;
	float: left;
}
/*-finbody-*/
/*-finbody-*/
#body .ctnmenupopin {
	padding: 20px 2%;
	border: 1px solid #d2a373;
	background-color: #FFFFFF;
	width: 100%;
	position: relative;
	float: left;
	box-shadow: 0 8px 24px rgba(0,0,0,0.3); -moz-box-shadow: 0 8px 24px rgba(0,0,0,0.3); -webkit-box-shadow: 0 8px 24px rgba(0,0,0,0.3);
}
@media handheld, only screen and (max-width: 1199px) {

} 
@media handheld, only screen and (max-width: 769px) {

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

} 
.nonImprimable {
	display: none; visibility: hidden;
}
img { border: 0px none; }
form { margin: 0px; }
.invisible { display: none; }
#compte_connecte {
	width: 48px;
	height: 48px;
	position: relative;
	float: left;
	text-align: center;
}
.nonImprimable {
	display: none; visibility: hidden;
}
img { border: 0px none; }
form { margin: 0px; }
.invisible { display: none; }
#compte_deconnecte {
	width: 48px;
	height: 48px;
	position: relative;
	float: left;
	text-align: center;
}
/*-finbody-*/
#body {
	margin: 0px;
	background-color: #FFFFFF;
}
/*-finbody-*/
@media handheld, only screen and (max-width: 1199px) {

} 
@media handheld, only screen and (max-width: 769px) {

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

} 
.nonImprimable {
	display: none; visibility: hidden;
}
img { border: 0px none; }
form { margin: 0px; }
.invisible { display: none; }
#ecran_acces_connexion_inscription {
	width: 400px;
	position: relative;
	float: left;
	max-width: 100%;
	display: none;
}
#btq_deja_client {
	padding: 10px;
	width: 100%;
	position: relative;
	float: left;
	text-align: center;
	display: none;
}
#btq_ecran_acces_inscription {
	margin-top: 20px;
	padding: 10px;
	width: 100%;
	position: relative;
	float: left;
	text-align: center;
	display: none;
}
#btq_ecran_acces_mot_de_passe {
	padding: 10px;
	width: 100%;
	position: relative;
	float: left;
	text-align: center;
	display: none;
}
#ctn_btq_ecran_acces_connexion {
	padding: 10px;
	width: 100%;
	position: relative;
	float: left;
	display: none;
}
/*-finbody-*/
#body {
	margin: 0px;
	background-color: #FFFFFF;
}
/*-finbody-*/
@media handheld, only screen and (max-width: 1199px) {

} 
@media handheld, only screen and (max-width: 769px) {

} 
@media handheld, only screen and (max-width: 480px) {
#btq_deja_client {
	width: 100%;
	display: none;
}
#btq_ecran_acces_inscription {
	width: 100%;
	display: none;
}

} 
.nonImprimable {
	display: none; visibility: hidden;
}
img { border: 0px none; }
form { margin: 0px; }
.invisible { display: none; }
#btq_msg_connecte_conteneur {
	width: 500px;
	position: relative;
	float: left;
	display: none;
}
#btq_msg_connecte {
	width: 100%;
	position: relative;
	float: left;
	text-align: center;
	display: none;
}
.nonImprimable {
	display: none; visibility: hidden;
}
img { border: 0px none; }
form { margin: 0px; }
.invisible { display: none; }
#btq_form_recup_mdp {
	margin-bottom: 20px;
	width: 100%;
	position: relative;
	float: left;
	text-align: left;
	display: none;
}
#btq_form_recup_mdp_conteneur {
	width: 500px;
	position: relative;
	float: left;
	display: none;
}
#btq_form_recup_mdp_input {
	width: 100%;
	position: relative;
	float: left;
	display: none;
}
#btq_form_recup_mdp_lien {
	margin-top: 30px;
	margin-bottom: 20px;
	width: 100%;
	position: relative;
	float: left;
	text-align: left;
	display: none;
}
.nonImprimable {
	display: none; visibility: hidden;
}
img { border: 0px none; }
form { margin: 0px; }
.invisible { display: none; }
#btq_msg_recup_mdp_ok {
	width: 100%;
	position: relative;
	float: left;
	text-align: center;
	display: none;
}
#btq_msg_recup_mdp_ok_conteneur {
	width: 500px;
	position: relative;
	float: left;
	display: none;
}
.nonImprimable {
	display: none; visibility: hidden;
}
img { border: 0px none; }
form { margin: 0px; }
.invisible { display: none; }
#node_panier_vide {
	width: 48px;
	height: 48px;
	position: relative;
	float: left;
}
.nonImprimable {
	display: none; visibility: hidden;
}
img { border: 0px none; }
form { margin: 0px; }
.invisible { display: none; }
#panier_vide {
	margin: auto;
	padding: 10px;
	width: 400px;
	display: none;
}

.nonImprimable {
	display: none; visibility: hidden;
}
img { border: 0px none; }
form { margin: 0px; }
.invisible { display: none; }
@media handheld, only screen and (max-width: 480px)  {

#panier_vide {
	width: 100%;
	display: none;
}

} 
#node_panier_contenu {
	width: 48px;
	height: 48px;
	position: relative;
	float: left;
	display: none;
}
.nonImprimable {
	display: none; visibility: hidden;
}
img { border: 0px none; }
form { margin: 0px; }
.invisible { display: none; }
}

/* ============================================================================
   DESIGN SYSTEM INTEGRATION (Bootstrap 5 + GTV Design System)
   ============================================================================ */

/**
 * Les styles hero sont maintenant gérés dans design-system.css
 */

/* Ensure main content has proper spacing when not using hero */
#node_content:not(:has(.hero-gtv)) {
    margin-top: 76px;
}

/* Fallback for browsers not supporting :has() */
@supports not selector(:has(*)) {
    #node_content {
        margin-top: 76px;
    }
}

/* Remove old bandeau margin when using hero */
.hero-gtv + .section-gtv #bandeau,
.hero-gtv ~ #colonne_avec_background {
    margin-top: 0;
}

/* Navbar-gtv integration with existing menu styles */
.navbar-gtv #node_top_center {
    max-width: 1400px;
    margin: 0 auto;
}

/* Improve menu hover states with design system colors */
.me-menutop .niveau1 > a:hover span,
.me-menutop .niveau1 > a:focus span {
    color: var(--gtvForest-600, #246324);
}

.me-menutop .niveau2 a:hover span,
.me-menutop .niveau2 a:focus span {
    color: var(--gtvAccent-500, #c2822a);
}

/* Footer-gtv adjustments */
.footer-gtv {
    margin-top: auto;
}

#node_main {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

main#contenu {
    flex: 1;
}

/* Ensure container max-width consistency */
.section-gtv .container {
    max-width: 1280px;
}

/* Card image height consistency */
.card-gtv-image img {
    height: 200px;
    object-fit: cover;
}

/* Ensure proper z-index for navbar */
.navbar-gtv {
    z-index: 1030;
}

/* Mobile menu adjustments */
@media (max-width: 991.98px) {
    .hero-gtv {
        margin-top: -60px;
        min-height: 50vh;
    }

    #node_content:not(:has(.hero-gtv)) {
        margin-top: 60px;
    }
}

/* Smooth transitions for all interactive elements */
a, button, .btn, .card-gtv, .nav-link-gtv {
    transition: all var(--transitionBase, 300ms cubic-bezier(0.4, 0, 0.2, 1));
}

/* Ensure proper font inheritance - Inter partout */
body {
    font-family: var(--fontPrimary, 'Inter', sans-serif);
    font-weight: 400;
    color: var(--colorText, #1e293b);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--fontPrimary, 'Inter', sans-serif);
    font-weight: 600;
}

/* Texte courant plus léger */
p, li, td, th, span, div, label, input, textarea, select {
    font-family: var(--fontPrimary, 'Inter', sans-serif);
}

/* Articles et pages - texte aéré et léger */
.section-text,
.section-text p,
.card-gtv-text,
.stat-description,
.timeline-content p,
.fondArticle_12-12Colonne,
.fondArticle_12-12Colonne p,
.fondArticle_12-12ColonneLimite p,
.p1-texte,
article p {
    font-weight: 400;
    line-height: 1.75;
    color: var(--colorTextMuted, #475569);
}

/* Override legacy Roboto fonts */
.p1-texte,
.h1-titre,
.h2-accroche,
.h2-titre,
.h3-titre {
    font-family: var(--fontPrimary, 'Inter', sans-serif) !important;
}

/* Override old footer styles */
#footer {
    display: none; /* Hide old footer if using new footer-gtv */
}

/* Bootstrap 5 compatibility fixes */
/* Note: removed .row gutter override to allow g-* responsive classes to work */

/* Fix for BS5 margin/padding utilities */
.ms-auto { margin-left: auto !important; }
.me-auto { margin-right: auto !important; }
.ps-0 { padding-left: 0 !important; }
.pe-0 { padding-right: 0 !important; }

/* Print styles for new components */
@media print {
    .hero-gtv {
        background: #1F3B2C !important;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }

    .footer-gtv {
        background: #1E2420 !important;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }

    .btn-gtv {
        border: 1px solid currentColor !important;
    }
}

/* Accessibility improvements */
@media (prefers-reduced-motion: reduce) {
    .reveal,
    .reveal-left,
    .reveal-right,
    .card-gtv,
    .btn-gtv,
    .hover-lift {
        transition: none !important;
        animation: none !important;
    }

    .reveal,
    .reveal-left,
    .reveal-right {
        opacity: 1 !important;
        transform: none !important;
    }
}

/* High contrast mode support */
@media (prefers-contrast: high) {
    .btn-gtv {
        border: 2px solid currentColor;
    }

    .card-gtv {
        border: 2px solid var(--gtvSlate-300);
    }

    .badge-gtv {
        border: 1px solid currentColor;
    }
}