body { font-size: 1.6em; font-family: 'PT Serif', ptSerifRegular, 'DejaVu Serif', Times, 'Times New Roman', serif; color: #222; }

.top { font-family: notoRegular, 'Noto Sans', Arial, Helvetica, sans-serif; background: #3dab38; height: 36px; }
.nav_menu-3 { position: absolute; top: 0; right: 70px; text-align: right; }
.nav_menu-3 li { display: inline; margin-left: 20px; }
.nav_menu-3 a { font-size: 11px; font-weight: bold; color: #e2f0e2; display: inline-block; line-height: 36px; }
.nav_menu-3 a:hover { color: #fff; }

.search-icon { width: 20px; height: 36px; position: absolute; top: 0; right: 2%; background: url(../images/icon-search.png) no-repeat center; cursor: pointer; }
#search { position: absolute; top: 36px; right: 2%; width: 270px; background: #3dab38; padding: 8px 12px; min-height: 20px; z-index: 800; display: none; }
#search input, #search input:focus { border: 0; }
#search .gsc-input-box { height: 26px; }

#logo { display: block; width: 114px; position: absolute; top: -26px; left: 2%; }
#logo img { width: 114px; }

div.image { height: 320px; position: relative; background-repeat: no-repeat; background-position: center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
div.image:before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 209px; background: url(../images/ombre.png) repeat-x; }

.page-template-page-connexion .image, .page-template-cc-admin .image { height: 105px; background: #111 !important; }
.page-template-page-connexion .image:before, .page-template-cc-admin .image:before { display: none; }

.content-page { padding: 0 0 30px 0; }
.home .content-page { padding: 30px 0; }

/* --------------------------- Header */
.header-all { position: absolute; top: 0; left: 0; right: 0; }
.header-fixe { position: fixed; height: 40px; background: #111; z-index: 5000; }
.header-fixe #logo { display: none; }
.header-fixe .nav_menu-6 { top: 0; }

/* --------------------------- Menu Responsive */
/* les styles sont dupliqués pour les différentes langues, p. ex. menu-menu-principal-italien-... */
/*  il faudrait voir si ce serait possible de remplacer ça par une hiérarchie comme:              */
/* nav_menu-6 div ul ...                                                                          */

.nav_menu-6 { position: absolute; top: 20px; right: 20px; text-align: right; }
.menu-menu-principal-container li { display: inline; float: left; position: relative; margin-left: 1px; }
.menu-menu-principal-container a { display: block; font-family: bebasBold, 'Bebas Neue Bold', 'Arial Narrow', 'Helvetica Narrow', sans-serif; font-size: 18px; color: #fff; text-transform: uppercase; line-height: 30px; padding: 5px 17px; position: relative; }
.menu-menu-principal-container a:hover, .menu-menu-principal-container .current-menu-item a, .menu-menu-principal-container li:hover a { color: #222; background: #fff; }
.menu-menu-principal-container .current-menu-item a:after, .menu-menu-principal-container .current-menu-parent a:after { content: ""; display: block; position: absolute; bottom: 0; left: 17px; right: 17px; height: 0; background: #fff; height: 2px; }
.menu-menu-principal-container li ul li a:after { display: none !important; }
/* it */
.menu-menu-principal-italien-container li { display: inline; float: left; position: relative; margin-left: 1px; }
.menu-menu-principal-italien-container a { display: block; font-family: bebasBold, 'Bebas Neue Bold', 'Arial Narrow', 'Helvetica Narrow', sans-serif; font-size: 18px; color: #fff; text-transform: uppercase; line-height: 30px; padding: 5px 17px; position: relative; }
.menu-menu-principal-italien-container a:hover, .menu-menu-principal-italien-container .current-menu-item a, .menu-menu-principal-italien-container li:hover a { color: #222; background: #fff; }
.menu-menu-principal-italien-container .current-menu-item a:after, .menu-menu-principal-italien-container .current-menu-parent a:after { content: ""; display: block; position: absolute; bottom: 0; left: 17px; right: 17px; height: 0; background: #fff; height: 2px; }
.menu-menu-principal-italien-container li ul li a:after { display: none !important; }
/* en */
.menu-menu-principal-anglais-container li { display: inline; float: left; position: relative; margin-left: 1px; }
.menu-menu-principal-anglais-container a { display: block; font-family: bebasBold, 'Bebas Neue Bold', 'Arial Narrow', 'Helvetica Narrow', sans-serif; font-size: 18px; color: #fff; text-transform: uppercase; line-height: 30px; padding: 5px 17px; position: relative; }
.menu-menu-principal-anglais-container a:hover, .menu-menu-principal-anglais-container .current-menu-item a, .menu-menu-principal-anglais-container li:hover a { color: #222; background: #fff; }
.menu-menu-principal-anglais-container .current-menu-item a:after, .menu-menu-principal-anglais-container .current-menu-parent a:after { content: ""; display: block; position: absolute; bottom: 0; left: 17px; right: 17px; height: 0; background: #fff; height: 2px; }
.menu-menu-principal-anglais-container li ul li a:after { display: none !important; }
/* es */
.menu-menu-principal-espagnol-container li { display: inline; float: left; position: relative; margin-left: 1px; }
.menu-menu-principal-espagnol-container a { display: block; font-family: bebasBold, 'Bebas Neue Bold', 'Arial Narrow', 'Helvetica Narrow', sans-serif; font-size: 18px; color: #fff; text-transform: uppercase; line-height: 30px; padding: 5px 17px; position: relative; }
.menu-menu-principal-espagnol-container a:hover, .menu-menu-principal-espagnol-container .current-menu-item a, .menu-menu-principal-espagnol-container li:hover a { color: #222; background: #fff; }
.menu-menu-principal-espagnol-container .current-menu-item a:after, .menu-menu-principal-espagnol-container .current-menu-parent a:after { content: ""; display: block; position: absolute; bottom: 0; left: 17px; right: 17px; height: 0; background: #fff; height: 2px; }
.menu-menu-principal-espagnol-container li ul li a:after { display: none !important; }

/* 2ème niveau */
.menu-menu-principal-container li ul { position: absolute; top: 40px; left: 0; width: 175px; float: none; margin: 0; padding: 0; display: none; background: #fff; border-top: 1px solid #111; -moz-box-shadow: 0 0 8px 0 rgba(0,0,0,0.15); -webkit-box-shadow: 0 0 8px 0 rgba(0,0,0,0.15); -o-box-shadow: 0 0 8px 0 rgba(0,0,0,0.15); box-shadow: 0 0 8px 0 rgba(0,0,0,0.15); z-index: 900; }
.menu-menu-principal-container li:hover ul { display: block; }
.menu-menu-principal-container li ul li { display: block; float: none; text-align: left; margin: 0; }
.menu-menu-principal-container li ul li a { font-size: 13px; font-family: 'PT Serif', ptSerifRegular, 'DejaVu Serif', Times, 'Times New Roman', serif; color: #111; text-transform: none; display: block; line-height: 20px; padding: 10px 15px; }
.menu-menu-principal-container li ul li a:hover { color: #111; background: #eee; }
/* it */
.menu-menu-principal-italien-container li ul { position: absolute; top: 40px; left: 0; width: 175px; float: none; margin: 0; padding: 0; display: none; background: #fff; border-top: 1px solid #111; -moz-box-shadow: 0 0 8px 0 rgba(0,0,0,0.15); -webkit-box-shadow: 0 0 8px 0 rgba(0,0,0,0.15); -o-box-shadow: 0 0 8px 0 rgba(0,0,0,0.15); box-shadow: 0 0 8px 0 rgba(0,0,0,0.15); z-index: 900; }
.menu-menu-principal-italien-container li:hover ul { display: block; }
.menu-menu-principal-italien-container li ul li { display: block; float: none; text-align: left; margin: 0; }
.menu-menu-principal-italien-container li ul li a { font-size: 13px; font-family: 'PT Serif', ptSerifRegular, 'DejaVu Serif', Times, 'Times New Roman', serif; color: #111; text-transform: none; display: block; line-height: 20px; padding: 10px 15px; }
.menu-menu-principal-italien-container li ul li a:hover { color: #111; background: #eee; }
/* en */
.menu-menu-principal-anglais-container li ul { position: absolute; top: 40px; left: 0; width: 175px; float: none; margin: 0; padding: 0; display: none; background: #fff; border-top: 1px solid #111; -moz-box-shadow: 0 0 8px 0 rgba(0,0,0,0.15); -webkit-box-shadow: 0 0 8px 0 rgba(0,0,0,0.15); -o-box-shadow: 0 0 8px 0 rgba(0,0,0,0.15); box-shadow: 0 0 8px 0 rgba(0,0,0,0.15); z-index: 900; }
.menu-menu-principal-anglais-container li:hover ul { display: block; }
.menu-menu-principal-anglais-container li ul li { display: block; float: none; text-align: left; margin: 0; }
.menu-menu-principal-anglais-container li ul li a { font-size: 13px; font-family: 'PT Serif', ptSerifRegular, 'DejaVu Serif', Times, 'Times New Roman', serif; color: #111; text-transform: none; display: block; line-height: 20px; padding: 10px 15px; }
.menu-menu-principal-anglais-container li ul li a:hover { color: #111; background: #eee; }
/* es */
.menu-menu-principal-espagnol-container li ul { position: absolute; top: 40px; left: 0; width: 175px; float: none; margin: 0; padding: 0; display: none; background: #fff; border-top: 1px solid #111; -moz-box-shadow: 0 0 8px 0 rgba(0,0,0,0.15); -webkit-box-shadow: 0 0 8px 0 rgba(0,0,0,0.15); -o-box-shadow: 0 0 8px 0 rgba(0,0,0,0.15); box-shadow: 0 0 8px 0 rgba(0,0,0,0.15); z-index: 900; }
.menu-menu-principal-espagnol-container li:hover ul { display: block; }
.menu-menu-principal-espagnol-container li ul li { display: block; float: none; text-align: left; margin: 0; }
.menu-menu-principal-espagnol-container li ul li a { font-size: 13px; font-family: 'PT Serif', ptSerifRegular, 'DejaVu Serif', Times, 'Times New Roman', serif; color: #111; text-transform: none; display: block; line-height: 20px; padding: 10px 15px; }
.menu-menu-principal-espagnol-container li ul li a:hover { color: #111; background: #eee; }

/* 3ème niveau */
.menu-menu-principal-container li ul li ul { position: relative; top: auto; left: auto; display: block; border-top: 0; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; box-shadow: none; }
.menu-menu-principal-container li ul li ul li a { padding-left: 40px; position: relative; }
.menu-menu-principal-container li ul li ul li a:before { content: "—"; position: absolute; top: 9px; left: 20px; }
/* it */
.menu-menu-principal-italien-container li ul li ul { position: relative; top: auto; left: auto; display: block; border-top: 0; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; box-shadow: none; }
.menu-menu-principal-italien-container li ul li ul li a { padding-left: 40px; position: relative; }
.menu-menu-principal-italien-container li ul li ul li a:before { content: "—"; position: absolute; top: 9px; left: 20px; }
/* en */
.menu-menu-principal-anglais-container li ul li ul { position: relative; top: auto; left: auto; display: block; border-top: 0; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; box-shadow: none; }
.menu-menu-principal-anglais-container li ul li ul li a { padding-left: 40px; position: relative; }
.menu-menu-principal-anglais-container li ul li ul li a:before { content: "—"; position: absolute; top: 9px; left: 20px; }
/* es */
.menu-menu-principal-espagnol-container li ul li ul { position: relative; top: auto; left: auto; display: block; border-top: 0; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; box-shadow: none; }
.menu-menu-principal-espagnol-container li ul li ul li a { padding-left: 40px; position: relative; }
.menu-menu-principal-espagnol-container li ul li ul li a:before { content: "—"; position: absolute; top: 9px; left: 20px; }

/* passer outre le réglage de WPML */
.wpml-ls-flag { vertical-align: text-bottom !important; }
li.wpml-ls-slot-4 { margin-left: 12px !important; }

/* Mobile */
#mobile-nav { font-family: bebasBold, 'Bebas Neue Bold', 'Arial Narrow', 'Helvetica Narrow', sans-serif; font-size: 16px; display: none; line-height: normal; position: absolute; top: 15px; right: 2%; padding: 8px 5px; border-radius: 3px; width: 40px; background: #fff; text-align: center; text-transform: uppercase; color: #111; text-decoration: none; -moz-box-shadow: 0 0 8px 0 rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 8px 0 rgba(0,0,0,0.2); -o-box-shadow: 0 0 8px 0 rgba(0,0,0,0.2); box-shadow: 0 0 8px 0 rgba(0,0,0,0.2); }
#mobile-nav img { vertical-align: middle; }

#mobile-nav-container { display: none; z-index: 9999; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,1); text-align: center; overflow-x: scroll; }
#mobile-nav-container ul { margin: 0; padding: 0; }
#mobile-nav-container .sub-menu { display: none; }
#mobile-nav-container .sub-menu .sub-menu { display: block; }
#mobile-nav-container li { border-bottom: 1px solid #555; }
#mobile-nav-container a { color: #fff; font-size: 20px; font-family: bebasBold, 'Bebas Neue Bold', 'Arial Narrow', 'Helvetica Narrow', sans-serif; display: block; text-transform: uppercase; padding: 0; line-height: 55px; }
#mobile-nav-container #menu-menu-principal li li { border: 0; padding-bottom: 10px; }
#mobile-nav-container #menu-menu-principal li li a { font-size: 17px; font-family: bebasBold, 'Bebas Neue Bold', 'Arial Narrow', 'Helvetica Narrow', sans-serif; color: #aaa; line-height: 35px; }
#mobile-nav-container #menu-menu-principal .sub-menu .sub-menu a { font-size: 12px; font-family: notoRegular, 'Noto Sans', Arial, Helvetica, sans-serif; text-transform: none; }
#mobile-nav-container #menu-menu-haut { margin-top: 20px; }
#mobile-nav-container #menu-menu-haut li { border: 0; }
#mobile-nav-container #menu-menu-haut a { color: #aaa; font-size: 12px; font-family: notoRegular, 'Noto Sans', Arial, Helvetica, sans-serif; text-transform: none; line-height: 35px; }
/* it */
#mobile-nav-container #menu-menu-principal-italien li li { border: 0; padding-bottom: 10px; }
#mobile-nav-container #menu-menu-principal-italien li li a { font-size: 17px; font-family: bebasBold, 'Bebas Neue Bold', 'Arial Narrow', 'Helvetica Narrow', sans-serif; color: #aaa; line-height: 35px; }
#mobile-nav-container #menu-menu-principal-italien .sub-menu .sub-menu a { font-size: 12px; font-family: notoRegular, 'Noto Sans', Arial, Helvetica, sans-serif; text-transform: none; }
#mobile-nav-container #menu-menu-haut-italien { margin-top: 20px; }
#mobile-nav-container #menu-menu-haut-italien li { border: 0; }
#mobile-nav-container #menu-menu-haut-italien a { color: #aaa; font-size: 12px; font-family: notoRegular, 'Noto Sans', Arial, Helvetica, sans-serif; text-transform: none; line-height: 35px; }
/* en */
#mobile-nav-container #menu-menu-principal-anglais li li { border: 0; padding-bottom: 10px; }
#mobile-nav-container #menu-menu-principal-anglais li li a { font-size: 17px; font-family: bebasBold, 'Bebas Neue Bold', 'Arial Narrow', 'Helvetica Narrow', sans-serif; color: #aaa; line-height: 35px; }
#mobile-nav-container #menu-menu-principal-anglais .sub-menu .sub-menu a { font-size: 12px; font-family: notoRegular, 'Noto Sans', Arial, Helvetica, sans-serif; text-transform: none; }
#mobile-nav-container #menu-menu-haut-anglais { margin-top: 20px; }
#mobile-nav-container #menu-menu-haut-anglais li { border: 0; }
#mobile-nav-container #menu-menu-haut-anglais a { color: #aaa; font-size: 12px; font-family: notoRegular, 'Noto Sans', Arial, Helvetica, sans-serif; text-transform: none; line-height: 35px; }
/* es */
#mobile-nav-container #menu-menu-principal-espagnol li li { border: 0; padding-bottom: 10px; }
#mobile-nav-container #menu-menu-principal-espagnol li li a { font-size: 17px; font-family: bebasBold, 'Bebas Neue Bold', 'Arial Narrow', 'Helvetica Narrow', sans-serif; color: #aaa; line-height: 35px; }
#mobile-nav-container #menu-menu-principal-espagnol .sub-menu .sub-menu a { font-size: 12px; font-family: notoRegular, 'Noto Sans', Arial, Helvetica, sans-serif; text-transform: none; }
#mobile-nav-container #menu-menu-haut-espagnol { margin-top: 20px; }
#mobile-nav-container #menu-menu-haut-espagnol li { border: 0; }
#mobile-nav-container #menu-menu-haut-espagnol a { color: #aaa; font-size: 12px; font-family: notoRegular, 'Noto Sans', Arial, Helvetica, sans-serif; text-transform: none; line-height: 35px; }

#mobile-nav-close { position: absolute; top: 10px; right: 10px; background: #fff; width: 30px; line-height: 30px; color: #111; font-size: 24px; height: 30px; cursor: pointer; }

/* --------------------------- Headers */
h1 { font-family: bebasBold, 'Bebas Neue Bold', 'Arial Narrow', 'Helvetica Narrow', sans-serif; margin: 0; color: #111; font-size: 60px; text-transform: uppercase; line-height: 1; }
h2 { font-family: bebasBold, 'Bebas Neue Bold', 'Arial Narrow', 'Helvetica Narrow', sans-serif; color: #3dab38; font-size: 24px; margin: 25px 0 15px 0; text-transform: uppercase; }
h3 { font-family: bebasBold, 'Bebas Neue Bold', 'Arial Narrow', 'Helvetica Narrow', sans-serif; color: #111; font-size: 21px; margin: 25px 0 5px 0; text-transform: uppercase; }
h4 { font-family: ptSerifBold, 'PT Serif', 'DejaVu Serif', Times, 'Times New Roman', serif; color: #111; font-size: 14px; font-weight: bold; margin: 25px 0 5px 0; }

h2:first-child, h3:first-child { margin-top: 0; }
h2 a, h2 a:hover, h3 a, h3 a:hover, h4 a, h4 a:hover { text-decoration: none; }

.h2-autres { color: #111; }
h2 span, .h2-autres span { color: #3dab38; }

strong { font-family: ptSerifBold, 'PT Serif', 'DejaVu Serif', Times, 'Times New Roman', serif; color: #111; font-weight: bold; }
.content-page, .content-page ul { text-align: left; }

/* .fancybox { display: block; position: relative; } */
.fancybox { position: relative; height: 100%; display: inline-block;}
.fancybox img{height: 100%; object-fit: cover;}
.fancybox:after { content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #111; opacity: 0; }
.fancybox:hover:after { opacity: 0.4; }

.content-page a:hover { color: #3dab38; }
.content-page li a { text-decoration: underline; }
a:focus { text-decoration: none; }

p, ul, ol { margin-bottom: 20px; }
hr { margin: 10px 0 40px 0; }
p { text-align: justify; }

blockquote { font-size: 18px; font-style: italic; color: #111; line-height: 26px; border-bottom: 1px solid #ddd; }

hr { margin: 40px 0; }

.hidden { display: none; }

.iframe-connexion { border: 0; width: 100%; height: 550px; }

.wp-caption { max-width: 100%; margin-bottom: 20px; }

.btn-arrow { font-size: 14px; color: #111; text-decoration: none; position: relative; padding-left: 45px; }
.btn-arrow:hover, .content-page .btn-arrow:hover { color: #111; text-decoration: none; padding-left: 48px; }
.btn-arrow:before { content: ""; position: absolute; left: 0; top: 50%; width: 30px; height: 7px; margin-top: -3px; background: url(../images/icon-arrow.png) no-repeat; opacity: 0.3; }
.btn-arrow:hover:before { opacity: 0.9; }

.content-page .post-edit-link { font-family: notoRegular, 'Noto Sans', Arial, Helvetica, sans-serif; font-size: 11px; color: #fff; background: #888; text-decoration: none; display: inline-block; padding: 3px 8px; border-radius: 3px; }
.content-page .post-edit-link:hover { color: #fff; background: #3dab38; text-decoration: none; }

#OpenLayers_Control_Attribution_7 { right: 10px !important; bottom: 10px !important;  font-family: notoRegular, 'Noto Sans', Arial, Helvetica, sans-serif; font-size: 11px; }

#paypal_donation_buttons { padding: 20px; border: 1px solid #ddd; border-radius: 4px; margin: 30px 0; }
#paypal_donation_buttons label { font-family: 'ptSerifBold', 'PT Serif', 'DejaVu Serif', Times, 'Times New Roman', serif; color: #222; font-size: 16px; font-weight: bold; margin: 0; }

mark { background: #fff96f; }

/* --------------------------- Auteur post */
.auteur-post { font-family: notoRegular, 'Noto Sans', Arial, Helvetica, sans-serif; font-size: 11px; color: #777; }

/* --------------------------- Tableaux */
table th, table thead td { font-weight: normal; font-family: 'ptSerifBold', 'PT Serif', 'DejaVu Serif', Times, 'Times New Roman', serif; font-size: 13px; font-weight: bold; vertical-align:bottom; color: #222; }

.table td { padding: 6px 8px; border: 1px solid #ddd; font-size: 14px; }
.table tbody tr:last-child td { border: 1px solid #ddd; }
.table th, .table thead td { font-weight: normal; font-family: ptSerifBold, 'PT Serif', 'DejaVu Serif', Times, 'Times New Roman', serif; font-size: 13px; font-weight: bold; padding: 8px; vertical-align:bottom; background: #3dab38; border: 1px solid #30892c; border-bottom: 2px solid #30892c; color: #fff; }
.table tr:nth-child(even) { background: #eee; }

.table tr:hover, .table tr:hover:nth-child(even) { background: #ddd; }

.pinned { display: none; }

/* --------------------------- Fil d'ariane */
.breadcrumbs { font-family: notoRegular, 'Noto Sans', Arial, Helvetica, sans-serif; color: #777; padding: 15px 0 7px 0; font-size: 16px; line-height: 12px; }
.breadcrumbs span span span, .breadcrumbs span a, .breadcrumbs .breadcrumb_last { margin: 0 5px; padding-top: 2px; }
.breadcrumbs span a, .breadcrumbs .breadcrumb_last { font-size: 11px; }
.breadcrumbs span span:first-child, .breadcrumbs span span:first-child a, .breadcrumbs .breadcrumb_last:first-child { margin-left: 0; }
.breadcrumbs a { color: #777; text-decoration: none; }
.breadcrumbs a:hover { color: #777; text-decoration: underline; }

/* --------------------------- Grille */
.container { max-width: 1250px; width: 94%; margin: 0 auto; position: relative; }
.content-page .container { padding-bottom: 15px; }
.content-page .heading { padding-bottom: 10px; }

.col-1-4, .col-2-4, .col-3-4, .col-4-4 { float: left; margin: 0 2%; }
.col-1-4 { width: 21%; }
.col-2-4 { width: 46%; }
.col-3-4 { width: 71%; }
.col-4-4 { width: 96%; }

/* --------------------------- Téléchargement */
.item-telechargement { display: inline-block; border: 1px solid #ddd; padding: 20px; margin: 0 -1px -1px 0; color: #222; text-decoration: none; float: left; text-align: center; }
.content-page .item-telechargement:hover { color: #222; text-decoration: none; background: #eee; }
.item-telechargement img { height: 120px; }
.item-telechargement h2 { font-family: 'PT Serif', ptSerifRegular, 'DejaVu Serif', Times, 'Times New Roman', serif; font-size: 14px; color: #222; margin: 7px 0 0 0; text-transform: none; text-align: center; }

/* --------------------------- Blog */
.separateur { font-family: bebasBold, 'Bebas Neue Bold', 'Arial Narrow', 'Helvetica Narrow', sans-serif; color: #3dab38; font-size: 54px; text-transform: uppercase; line-height: 1; margin-bottom: 0; }

.blog-item h2 { font-family: 'PT Serif', ptSerifRegular, 'DejaVu Serif', Times, 'Times New Roman', serif; font-size: 14px; color: #222; margin: 0; text-transform: none; }
.blog-item h2 a { padding: 10px 0; border-bottom: 1px solid #ddd; display: block; }
.blog-item h2 { margin: 0; }

.pagination { border-top: 1px solid #ddd; margin-top: 20px; }
.pagination div { width: 50%; float: left; }
.pagination a { font-size: 13px; font-family: ptSerifBold, 'PT Serif', 'DejaVu Serif', Times, 'Times New Roman', serif; font-weight: bold; color: #111; text-decoration: none; display: block; padding: 20px 10px; text-align: center; }
.pagination a:hover { color: #111; text-decoration: none; background: #eee; }
.nav-next a { border-left: 1px solid #ddd; }

/* --------------------------- Single */
.other-post { padding: 3% 4%; border: 1px solid #ddd; position: relative; }
.other-post:before { content: ""; position: absolute; top: -1px; left: -1px; bottom: -1px; width: 6px; background: #3dab38; }
.other-post h4 { margin: 0; }
.other-post h4 a { padding: 5px 0; border-top: 1px solid #ddd; display: block; }

h4 .date { font-family: 'PT Serif', ptSerifRegular, 'DejaVu Serif', Times, 'Times New Roman', serif; font-size: 13px; color: #222; margin: 0 !important; padding: 2px 0 0 0 !important; }

/* --------------------------- Diaporama */
.diaporama .blog-item { padding: 6px 0; }

/* --------------------------- Blocs Home */
.blocs-home-all { margin: 0; padding-bottom: 45px; }
.bloc-encarts { margin-top: 0; }
.bloc-calendrier { width: 25%; margin: 0; padding-top: 10px; }
.home .content-page { background: #eee; padding-bottom: 0px; }

.intro { padding-top: 40px; }

.home-encart { height: 420px; width: 33.3%; float: left; display: block; position: relative; background-repeat: no-repeat; background-position: center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.home-encart:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; width: 2px; background: #fff; z-index: 30; }
.home-encart:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0); z-index: 20; }
.home-encart:hover:before { background: rgba(0,0,0,0.4); }
.home-encart img { position: absolute; bottom: 0; right: 0; z-index: 30; }
.home-encart h2 { position: absolute; top: 0; left: 0; right: 0; text-align: center; padding: 20px 10px 40px 10px; background: url(../images/ombre-h2.png) repeat-x top; color: #fff; margin: 0; z-index: 30; }

.home-encart, .home-encart:hover, .content-page .home-encart:hover { text-decoration: none; }

.bloc-calendrier-h2 { padding-left: 45px; position: relative; margin-left: 10px; }
.bloc-calendrier-h2:before { content: ""; position: absolute; left: 0; top: 12px; width: 30px; height: 7px; background: url(../images/icon-arrow.png) no-repeat; opacity: 0.3; }

.bloc-calendrier-h2 a { color: #3dab38; }
.bloc-calendrier-h2 a:hover { color: #111; }

.bloc-calendrier-h2 span { font-family: ptSerifBold, 'PT Serif', 'DejaVu Serif', Times, 'Times New Roman', serif; font-size: 11px; font-weight: bold; color: #222; margin: 0; text-transform: uppercase; letter-spacing: 4.1px; display: block; }

/* Calendrier */
.date, .content-page .date { padding: 15px 10px; border-bottom: 1px solid #ddd; display: block; text-decoration: none; position: relative; }
.date:last-child { border-bottom: 0; }
a.date:hover, .content-page a.date:hover { background: #eee; text-decoration: none; }
.single .date { padding-left: 0; }
.date h2 { font-family: 'PT Serif', ptSerifRegular, 'DejaVu Serif', Times, 'Times New Roman', serif; font-size: 14px; color: #222; margin: 4px 0 0 0; text-transform: none; }
.date h3 { font-family: ptSerifBold, 'PT Serif', 'DejaVu Serif', Times, 'Times New Roman', serif; font-size: 15px; color: #222; margin: 0; text-transform: none; }
.intro ul li a:hover { color: #000; background: #ddd; }

.legende { margin: 0; padding: 0; }
.legende li { list-style: none; padding-left: 22px; font-size: 13px; line-height: 18px; position: relative; margin-bottom: 10px; }
.legende li:before { content: ""; position: absolute; top: 2px; left: 0; width: 12px; height: 12px; border-radius: 50%; }

.page-template-page-calendrier .date { padding-left: 25px; }
.page-template-page-calendrier .date:before { content: ""; position: absolute; top: 0; left: 0; bottom: -1px; width: 5px; }
.page-template-page-calendrier .date.vert:before, .vert:before { background: #3dab38; }
.page-template-page-calendrier .date.bleu:before, .bleu:before { background: #1483cb; }
.page-template-page-calendrier .date.orange:before, .orange:before { background: #f39a33; }
.page-template-page-calendrier .date.cyan:before, .cyan:before { background: #45bff0; }
.page-template-page-calendrier .date.rouge:before, .rouge:before { background: #ef3333; }

/* Derniers articles modifié */
.blocs-home-last { padding-bottom: 80px; }
.blocs-home-last h2 { padding-left: 10px; }
.date, .content-page .date { padding: 6px 10px; }
.date span { font-family: 'PT Serif', ptSerifRegular, 'DejaVu Serif', Times, 'Times New Roman', serif; font-size: 13px; color: #222; margin: 0; text-transform: none; }

.legende-calendrier h2 { margin-top: 0; padding-top: 10px; }
.legende-calendrier-fixe { position: fixed; top: 0; }

/* --------------------------- Sous menu outils */
.sous-menu-outils .widget { margin: 10px 0 30px 0; }
.sous-menu-outils li { display: inline-block; margin-right: 20px; }
.sous-menu-outils a { font-size: 13px; }

/* --------------------------- Gallery */
.gallery img { opacity: 1; }
.gallery img:hover { opacity: 0.6; }

.gallery { margin: 20px 0 30px 0; }
.gallery br { display: block; clear: both; float: none; width: 100%; height: 1px; }

.gallery-item { float: left; padding: 30px 10px; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.gallery-columns-1 .gallery-item { width: 100%; }
.gallery-columns-2 .gallery-item { width: 50%; }
.gallery-columns-3 .gallery-item { width: 33%; }
.gallery-columns-4 .gallery-item,
.gallery-columns-5 .gallery-item,
.gallery-columns-6 .gallery-item,
.gallery-columns-7 .gallery-item,
.gallery-columns-8 .gallery-item,
.gallery-columns-9 .gallery-item { width: 25%; }

.wp-caption { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.wp-caption-text { font-size: 14px; color: #222; padding: 7px 5px; line-height: 21px; }

/* --------------------------- Newsletter */
#knewsform_1 { position: relative; height: 35px; max-width: 400px; }

fieldset.knewsemail { position: absolute; top: 0; left: 0; right: 41px; }
fieldset.knewsbutton { position: absolute; top: 0; right: 0; width: 40px; }
input.knewsbutton { margin: 0 !important; width: 40px; height: 35px; font-size: 12px; padding: 0; }
fieldset.knewsemail input[type="text"] { border: 1px solid #ddd; border-radius: 0; margin: 0 !important; height: 35px; font-size: 12px; }
fieldset.knewsemail input[type="text"]:focus { border: 1px solid #222; }

/* Page newsletter */
.liste-newsletter { padding: 0; }
.liste-newsletter li { margin: 0; padding: 0; border-bottom: 1px solid #ddd; list-style: none; }
.content-page .liste-newsletter li a { padding: 5px 0; text-decoration: none; color: #222; display: block; }
.content-page .liste-newsletter li a:hover { text-decoration: none; color: #222; background: #eee; padding-left: 10px; }

/* --------------------------- Woocommerce */
.woocommerce-page .auteur-post { display: none; }

.woocommerce-content h1 { margin-bottom: 30px; }
.single_add_to_cart_button, .checkout-button, .woocommerce-content .alt, .woocommerce input.button.alt { background: #3dab38 !important; }
.single_add_to_cart_button:hover, .single_add_to_cart_button:focus, .checkout-button:hover, .checkout-button:focus, .woocommerce-content .alt:hover, .woocommerce-content .alt:focus, .woocommerce input.button.alt:hover, .woocommerce input.button.alt:focus { background: #111 !important; }

.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images { width: 28%; }
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary { width: 68%; }

.products li h2 { margin: 0; }
.woocommerce ul.products li.product .price { font-size: 16px; color: #444; }
.woocommerce ul.products li.product .cart {  }

.term-description { padding-bottom: 30px; }

.single-product .woocommerce-content { padding-top: 20px; }

.woocommerce-content input[type="text"], .woocommerce-content input[type="email"], .woocommerce-content input[type="number"], .woocommerce-content input[type="password"], .woocommerce-content input[type="search"], .woocommerce-content input[type="tel"], .woocommerce-content input[type="url"], .woocommerce-content select, .woocommerce-content textarea { padding: 8px; }
.woocommerce .quantity .qty { width: 60px; text-align: left; }

.woocommerce-cart table.cart td.actions .coupon .input-text { width: 110px !important; padding: 9px !important; }

.woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering { float: none; width: 200px; }

.product-addon { margin-bottom: 20px !important; }
.product-addon label, .product-addon p { margin: 0 !important; padding: 0 !important; }

.woocommerce td.product-name dl.variation { font-size: 13px; }
.woocommerce td.product-name dl.variation dt, .woocommerce td.product-name dl.variation dd { margin-bottom: 0 !important; padding: 0 !important; }

.woocommerce-checkout #payment { background: #fff; border: 1px solid #ddd; }
.woocommerce-checkout #payment div.payment_box { background: #eee; }
.woocommerce-checkout #payment div.payment_box:before { border: 1em solid #eee; border-right-color: transparent; border-left-color: transparent; border-top-color: transparent; }

#shipping_method input, #shipping_method label { display: inline-block; margin-top: 0; }
.woocommerce ul#shipping_method li { padding: 0; text-indent: 0; }

.woocommerce-checkout #payment ul.payment_methods input, .woocommerce-checkout #payment ul.payment_methods label { display: inline-block; margin-top: 0; }
.woocommerce-checkout #payment ul.payment_methods li img { margin-left: 10px; margin-right: 10px; }

.woocommerce .order_details li { border-bottom: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; }

.payment_method_cheque p { margin-bottom: 15px !important; }

.single-product .cart { margin-top: 25px; }

/* Sous menu Boutique */
.content-page .sous-menu-woocommerce { padding-bottom: 0; }
.content-page .sous-menu-woocommerce .col-4-4 { margin-bottom: 0; }

.sous-menu-woocommerce ul { width: 100%; display: table; table-layout: fixed; margin: 10px 0; }
.sous-menu-woocommerce ul li { display: table-cell; vertical-align: top; border: 1px solid #fff; text-align: center; }
.sous-menu-woocommerce ul li a { font-family: bebasBold, 'Bebas Neue Bold', 'Arial Narrow', 'Helvetica Narrow', sans-serif; background: #3dab38; display: block; text-decoration: none; padding: 8px; font-size: 17px; letter-spacing: 1px; color: #fff; }
.sous-menu-woocommerce ul li a:hover, .sous-menu-woocommerce ul li a:focus { color: #fff; background: #222; }

#text-2 { padding: 15px; margin-bottom: 35px; border: 1px solid #bce8f1; border-radius: 4px; background-color: #d9edf7; color:#3a87ad; }
#text-2 a { color: #2d6987; }

/* Maquer le prix pour le produit Revues */
.postid-23374 .price .amount, li.post-23374 .price .amount { display: none; }
/* choix des revues sur 2 colonnes */
.product-addon-choix-des-revues:before, .product-addon-choix-des-revues:after { content: ""; display: table; }
.product-addon-choix-des-revues:after { clear: both; }
.product-addon-choix-des-revues { zoom: 1; }

.product-addon-choix-des-revues .form-row { width: 33.3333333333%; float: left; clear: none !important; margin-bottom: 3px !important; }

label .amount { color: #3dab38; }

/* Lire la suite - Desc. catégorie */
.acf-categorie { padding-bottom: 40px; margin-bottom: 40px; border-bottom: 1px solid #ddd; }
.lire-la-suite { background: #3dab38; color: #fff; padding: 5px 8px; display: inline-block; border-radius: 4px; font-size: 13px; cursor: pointer; }
.lire-la-suite:hover { background: #111; }
.suite-categorie { padding: 15px 0 40px 0; display: none; }

/* --------------------------- Footer */
.footer { font-family: notoRegular, 'Noto Sans', Arial, Helvetica, sans-serif; color: #fff; font-size: 12px; padding-top: 30px; text-align: center; background-image: url(../images/bg-footer.jpg); background-repeat: no-repeat; background-position: center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.footer .container { min-height: 360px; }

#logo-footer { width: 100px; display: block; margin: 0 auto 30px auto; }

.footer .widget { padding-bottom: 50px; }
.menu-menu-bas-container li { display: inline; margin: 0 10px; white-space: nowrap; }

.footer a { color: #fff; }
.footer a:hover { color: #fff; text-decoration: underline; }

#no { font-size: 11px; color: #b8c4d1; width: 170px; display: block; text-align: center; position: absolute; bottom: 30px; left: 50%; margin-left: -85px; }
#no:hover { color: #b8c4d1; text-decoration: underline; }

/* --------------------------- Liens + Forms */
.btn, input[type="submit"] { border-radius: 0; }
.btn, .primary, input[type="submit"] { background: #3dab38; }
.content-page .btn:hover, .content-page input[type="submit"]:hover { background: #111; color: #fff; text-decoration: none; }

input[type="text"], input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="url"], select, textarea { padding: 5px 8px; }
label { margin-top: 8px; }
fieldset, form { margin: 0; }
.vfb-submit { margin-top: 25px; }
.vfb-item-checkbox .vfb-span, .vfb-item-radio .vfb-span { display: block; }
.vfb-item-checkbox div label, .vfb-item-radio div label { display: inline; margin: 0 0 0 5px; }

.visual-form-builder-container { max-width: 1200px; }
.visual-form-builder { border: 1px solid #ddd; border-top: 0; }
.visual-form-builder h3 { padding: 20px 20px 0 20px; border-top: 1px solid #ddd; color: #111; }
.visual-form-builder ul { padding: 0 20px; }
.vfb-item-submit { padding-bottom: 20px; }

.vfb-item-instructions { font-size: 13px; }
label.vfb-error { color: #e10000 !important; }

/* --------------------------- Transitions */
.menu-menu-principal-container a:after, .fancybox:after, .gallery img, .btn-arrow:before, .home-encart:before, button, .header-all { -webkit-transition: all .15s ease-out; -moz-transition: all .15s ease-out; -o-transition: all .15s ease-out; transition: all .15s ease-out; }
.menu-menu-principal-italien-container a:after, .fancybox:after, .gallery img, .btn-arrow:before, .home-encart:before, button, .header-all { -webkit-transition: all .15s ease-out; -moz-transition: all .15s ease-out; -o-transition: all .15s ease-out; transition: all .15s ease-out; }
.menu-menu-principal-anglais-container a:after, .fancybox:after, .gallery img, .btn-arrow:before, .home-encart:before, button, .header-all { -webkit-transition: all .15s ease-out; -moz-transition: all .15s ease-out; -o-transition: all .15s ease-out; transition: all .15s ease-out; }
.menu-menu-principal-espagnol-container a:after, .fancybox:after, .gallery img, .btn-arrow:before, .home-encart:before, button, .header-all { -webkit-transition: all .15s ease-out; -moz-transition: all .15s ease-out; -o-transition: all .15s ease-out; transition: all .15s ease-out; }

/* --------------------------- Font face */
@font-face { font-family: 'bebasBold'; src: url('../fonts/BebasNeue Bold-webfont.eot'); src: url('../fonts/BebasNeue Bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/BebasNeue Bold-webfont.woff2') format('woff2'), url('../fonts/BebasNeue Bold-webfont.woff') format('woff'), url('../fonts/BebasNeue Bold-webfont.ttf') format('truetype'), url('../fonts/BebasNeue Bold-webfont.svg#bebasBold') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'ptSerifRegular'; src: url('../fonts/PTF55F-webfont.eot'); src: url('../fonts/PTF55F-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/PTF55F-webfont.woff') format('woff'), url('../fonts/PTF55F-webfont.ttf') format('truetype'), url('../fonts/PTF55F-webfont.svg#ptSerifRegular') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'ptSerifBold'; src: url('../fonts/PTF75F-webfont.eot'); src: url('../fonts/PTF75F-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/PTF75F-webfont.woff') format('woff'), url('../fonts/PTF75F-webfont.ttf') format('truetype'), url('../fonts/PTF75F-webfont.svg#ptSerifBold') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'notoRegular'; src: url('../fonts/NotoSans-Regular-webfont.eot'); src: url('../fonts/NotoSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/NotoSans-Regular-webfont.woff') format('woff'), url('../fonts/NotoSans-Regular-webfont.ttf') format('truetype'), url('../fonts/NotoSans-Regular-webfont.svg#notoRegular') format('svg'); font-weight: normal; font-style: normal; }

/* --------------------------- Responsive */
@media screen and (max-width: 1300px) {

    .menu-menu-principal-container a { padding: 5px 7px; }
    .menu-menu-principal-container .current-menu-item a:after, .menu-menu-principal-container .current-menu-parent a:after { left: 8px; right: 8px; }
    .menu-menu-principal-container li ul li a { padding: 10px 8px; }
/* it */
    .menu-menu-principal-italien-container a { padding: 5px 6px; }
    .menu-menu-principal-italien-container .current-menu-item a:after, .menu-menu-principal-italien-container .current-menu-parent a:after { left: 8px; right: 8px; }
    .menu-menu-principal-italien-container li ul li a { padding: 10px 8px; }
/* en */
    .menu-menu-principal-anglais-container a { padding: 5px 7px; }
    .menu-menu-principal-anglais-container .current-menu-item a:after, .menu-menu-principal-anglais-container .current-menu-parent a:after { left: 8px; right: 8px; }
    .menu-menu-principal-anglais-container li ul li a { padding: 10px 8px; }
/* es */
    .menu-menu-principal-espagnol-container a { padding: 5px 6px; }
    .menu-menu-principal-espagnol-container .current-menu-item a:after, .menu-menu-principal-espagnol-container .current-menu-parent a:after { left: 8px; right: 8px; }
    .menu-menu-principal-espagnol-container li ul li a { padding: 10px 8px; }

}
@media screen and (max-width: 1080px) {

    .header-fixe { background: none; }
    #nav_menu-6, #nav_menu-3 { display: none; }
    #mobile-nav { display: block; }
    h1 { font-size: 50px; }

}
@media screen and (max-width: 980px) {

    h1 { font-size: 40px; }

    .content-page .container { padding-bottom: 0; }
    .col-1-4, .col-2-4, .col-3-4, .col-4-4 { float: none; width: auto; }
    .content-page .col-1-4, .content-page .col-2-4, .content-page .col-3-4, .content-page .col-4-4 { margin-bottom: 30px; }

    .legende-calendrier-fixe { position: relative; top: auto; }

}
@media screen and (max-width: 780px) {

    /* Responsive table */
    table.responsive { margin-bottom:0}
    div.table-wrapper { position:relative; margin-bottom:20px; overflow:hidden; }
    div.table-wrapper div.scrollable { overflow:scroll; overflow-y:hidden;}
    table.responsive td, table.responsive th { position:relative; white-space:nowrap; overflow:hidden; }

    .gallery-columns-2 .gallery-item,
    .gallery-columns-3 .gallery-item,
    .gallery-columns-4 .gallery-item,
    .gallery-columns-5 .gallery-item,
    .gallery-columns-6 .gallery-item,
    .gallery-columns-7 .gallery-item,
    .gallery-columns-8 .gallery-item,
    .gallery-columns-9 .gallery-item { width: 50%; }

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

    .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images { width: 185px; }
    .woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary { width: 100%; }

    .woocommerce .order_details li { display: block; float: none; border: 0 !important; margin-bottom: 15px !important; }

    .product-addon-choix-des-revues .form-row { width: 100%; float: none; }

}
@media screen and (max-width: 580px) {

    .home-encart { width: 100%; float: none; height: 300px; margin-bottom: 2px; }
    .home-encart:first-child:after { display: none; }

}