/*
 Theme Name:   World Encyclopaedia of Puppetry Arts
 Theme URI:    
 Description:  Divi child theme for World Encyclopeadia of Puppetry Arts
 Author:       Miguel Moro Vallina
 Author URI:   http://www.urlearning.eu
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  wepa-theme
*/

/* Correcciones estilos Divi y definiciones globales */
body { color: #000; font-size: 16px; }
p { padding-bottom: 7px; }
a { color: #87191d; }
h1, body h1 { color: #87191d; font-family: 'Dax Regular'; font-size: 2.15em; margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { font-weight: 700; }
div { font-size: 1em; }
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], textarea { background: #f7f7f7; background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)); border: 1px solid #d1d1d1; border-radius: 2px; color: #686868; padding: 0.625em 0.4375em; width: 100%; font-family: 'Dax Regular'; font-size: 14px; } 
button, button[disabled]:hover, button[disabled]:focus, input[type="button"], input[type="button"][disabled]:hover, input[type="button"][disabled]:focus, input[type="reset"], input[type="reset"][disabled]:hover, input[type="reset"][disabled]:focus, input[type="submit"], input[type="submit"][disabled]:hover, input[type="submit"][disabled]:focus { background: #1a1a1a; border: 0; border-radius: 2px; color: #fff; font-family: "Dax Regular", "Helvetica Neue", sans-serif; font-weight: 700; letter-spacing: 0.046875em; line-height: 1; padding: 0.84375em 0.875em 0.78125em; text-transform: uppercase; }
div, fieldset, ul, ol, li, table { font-family: 'Dax Regular',verdana,arial,sans-serif; }
.et_pb_row { width: 100%; }

/* Declaracion tipografias Unima */
@font-face {
    font-family:"Dax Regular";
    src:url("fonts/dax-regular.eot?#iefix");
    src:url("fonts/dax-regular?#iefix") format("eot"),url("fonts/dax-regular.woff2") format("woff2"),url("fonts/dax-regular.woff") format("woff"),url("fonts/dax-regular.ttf") format("truetype");
}

@font-face {
    font-family: 'daxmedium';
    src: url('fonts/DaxMedium.eot');
    src: url('fonts/DaxMedium.woff') format('woff'), url('fonts/DaxMedium.ttf') format('truetype'), url('fonts/DaxMedium.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

* { font-family: 'Dax Regular'; }
/* Fin declaracion tipografias Unima */

/* Declaracion animacion */
@-webkit-keyframes bounceInDown{
    30% {
        opacity: 1;
        -webkit-transform: translateY(10px);
    }
    80% {
        -webkit-transform: translateY(-3px);
    }
    100% {
        -webkit-transform: translateY(0);
    }
}
@-moz-keyframes bounceInDown{
    30% {
        opacity: 1;
        -moz-transform: translateY(10px);
    }
    80% {
        -moz-transform: translateY(-3px);
    }
    100% {
        -moz-transform: translateY(0);
    }
}
@-o-keyframes bounceInDown{
    30% {
    opacity: 1;
        -o-transform: translateY(10px);
    }
    80% {
        -o-transform: translateY(-3px);
    }
    100% {
        -o-transform: translateY(0);
    }
}
@keyframes bounceInDown{
    30%{
        opacity: 1;
        transform: translateY(10px);
    }
    80%{
        transform: translateY(-3px);
    }
    100%{
        transform: translateY(0);
    }
}

/* Fin declaracion animacion */

/* Header */
.et_fixed_nav #main-header, .et_fixed_nav #top-header { position: relative; }
#main-header { z-index: 99; }
#page-container { width: 1100px; margin-left: auto; margin-right: auto; }
#main-header { width: 100%; height: 250px; background: url('pix/fondo_cabecera.png') bottom left repeat-x; top: 0 !important; margin-bottom: 20px; }
#main-header .container { height: 250px; }
#main-header .caladas { position: absolute; right: 0; top: 0; height: 250px; }
#main-header h1 { text-indent: -9999px; }
#main-header h1 img.logo { position: absolute; top: 85px; left: 0; width: 440px; }
#main-header .logo-unima { position: absolute; top: 10px; }
#main-header .social { font-size: 25px; position: absolute; right: 260px; top: 15px; z-index:9999;}
#main-header .social a { margin-left: 6px; }
#main-header .lang { position: absolute; top: 15px; left: 300px; }
#main-header .lang ul { float: left; }
#main-header .lang li { float: left; margin-right: 8px; }
#main-header .lang li a { color: white; }
#main-header .lang li.active a { color: #87191d; }
#main-header .lang .language_trad { float: left; }
.language_trad .goog-te-gadget-simple { background: none; border: none; }
.language_trad .goog-te-gadget-icon { display: none; }
.language_trad .goog-te-gadget-simple .goog-te-menu-value { font-size: 15px; }
.language_trad .goog-te-gadget-simple .goog-te-menu-value span { display: none; }
.language_trad { color: #FFF; margin: -2px 0 0 15px; }
.language_trad .goog-te-gadget-simple .goog-te-menu-value:after { content: "\f107"; font-family: FontAwesome; color: white; }
.language_trad .goog-te-gadget-simple { background: none; border: none; }
.language_trad .goog-te-gadget-icon { display: none; }
.language_trad .goog-te-gadget-simple .goog-te-menu-value span:first-child { display: block; overflow: hidden; float: left; color: white; }
.language_trad .goog-te-gadget-simple .goog-te-menu-value span { display: none; }
#main-header .marionnettes { position: absolute; right: 0; top: 0; }
#main-header .marionnettes img { height: 250px; position: absolute; right: 0; top: 0; opacity: 0; }
#main-header .recherche { width: 300px; position: absolute; left: 520px; top: 105px; z-index:9999;}
#main-header .recherche form { background: white; border: 1px solid #d1d1d1; float: left; }
#main-header .recherche input[type="text"] { border: 0; background: white; float: left; width: 245px; }
#main-header .recherche button.btn { color: #666; background: white; font-size: 18px; float: right; padding: 8px; cursor:pointer;}
.unima-header { display: none; }

/* Menu */
#main-header .menu { position: absolute; bottom: 0; width: 100%; }
#main-header .menu li { float: left; padding: 7px 20px; font-size: 18px; }
#main-header .menu li a { color: white; }
#main-header .menu li:hover { background: #c6cbd7; }
#main-header .menu li:hover a { color: #87191d; }

/* Footer */
#colophon { background: #7c6e65; height: 200px; float: left; width: 100%; }
#colophon .column { padding-top: 5px; width: 25%; float: left; margin-top: 25px; }
#colophon .logo-pied { border-right: 1px solid white; }
#colophon .logo-pied img.logo-unima { float: left; margin-top: 8px; margin-left: 5px; }
#colophon .logo-pied span.projet-unima { float: left; font-family: 'Open Sans'; color: white; font-size: 12px; line-height: 1.2em; margin-top: 8px; margin-left: 10px; }
#colophon .column h3 { text-align: center; color: white; font-weight: 300; font-family: 'Open sans'; font-weight: 300; font-size: 17px; margin-top: 5px; }
#colophon .reseaux #text-2 h4 { display: none; }
#colophon .reseaux { text-align: center; }
#colophon .reseaux #text-2 { width: 100%; }
#colophon .reseaux a { color: white; font-size: 20px; margin-right: 15px; }
#colophon .reseaux a:last-child { margin-right: 0; }
#colophon .column.souscrire { float: right; width: 30%; text-align: right; }
#colophon .column.souscrire h3 { text-align: right; }
#colophon .column.souscrire input[type="text"] { font-family: 'Open Sans'; padding: 5px; border-radius: 0; width: 200px; }
#colophon .column.souscrire input[type="submit"] { background: #bdb6b2; font-family: 'Open sans'; font-weight: 500; color: white; background: #bdb6b2; }
#colophon p.copy { width: 100%; clear: both; text-align: center; color: white; margin-top: 25px; float: left; font-family: 'Open Sans'; font-size: 15px; }
#colophon p.copy a {color:white;cursor:pointer;}
		   
/* Main content */
#main-content .container { padding: 0; width: 1024px; }
#main-content .container:before { display: none; }
#et-main-area { width: 1024px; margin: 0 auto; position: relative; }
.page #primary { float: right; width: 76%; }

/* Sidebar */
#secondary { width: 25%; float: right; margin-left: 0; margin-top: 0; font-size: 15px; }
#secondary h3 { background: rgba(135,25,29,.3); padding: 5px 10px; box-sizing: border-box; color: #87191d; text-transform: uppercase; font-size: 15px; line-height: 1.75; font-weight: 700; margin-top: 0; }
#secondary .edicion .cuerpo p.lien-website { text-indent: -17px; padding-left: 34px; line-height: 1.2em; margin-top: 10px; }
#secondary .edicion .cuerpo p.lien-website i.fa { width: 10px; font-size: 16px; color: #87191d; }
#secondary .sub-menu { margin-left: 15px; }
.archive #secondary { float: left; width: 24%; position: relative; margin-top: 15px; }
#primary { width: 73%; float: left; margin-top: 15px; }
#secondary .informacion-tecnica { margin-bottom: 10px; float: left; width: 100%; }
#secondary .informacion-tecnica .cuerpo p.valide-comite-scientifique { text-indent: -15px; padding-left: 30px; line-height: 1.2em; margin-top: 10px; }
#secondary .informacion-tecnica .cuerpo p.valide-comite-scientifique i.fa { width: 10px; font-size: 16px; color: #1A388E; }
#secondary .informacion-tecnica .cuerpo p.url-unima { text-indent: -16px; padding-left: 33px; line-height: 1.2em; margin-top: 10px; }
#secondary .informacion-tecnica .cuerpo p.url-unima i.fa { width: 10px; font-size: 16px; color: #87191d; }
#secondary .informacion-tecnica .cuerpo p.lien-website { text-indent: -17px; padding-left: 34px; line-height: 1.2em; margin-top: 10px; }
#secondary .informacion-tecnica .cuerpo p.lien-website i.fa { width: 10px; font-size: 16px; color: #87191d; }
#secondary .articulos-relacionados { margin-bottom: 10px; float: left; width: 100%; }
#secondary .articulos-relacionados .cuerpo { background: rgba(135,25,29,.1); padding: 10px; box-sizing: border-box; font-family: 'Dax Regular'; float: left; width: 100%; }
#secondary .articulos-relacionados .cuerpo p { margin: 5px 5px; float: left; width: 185px; }
#secondary .articulos-relacionados .cuerpo p a { color: #000; }
#secondary .articulos-relacionados .cuerpo p a:hover { text-decoration: underline; }
#secondary .articulos-relacionados .pictogramme { width: 25px; float: left; margin: 0 5px 0 0; }
#secondary .edicion { margin-bottom: 10px; float: left; width: 100%; }
#secondary .edicion .cuerpo { background: rgba(135,25,29,.1); padding: 10px; box-sizing: border-box; font-family: 'Dax Regular'; float: left; width: 100%; }
#secondary .edicion .cuerpo p { margin: 0 5px 2px 5px; float: left; width: 100%; font-size: 14px; line-height: 1.5em; }
#secondary .edicion .cuerpo p a { color: #000; }
#secondary .edicion .cuerpo p a:hover { text-decoration: underline; }
#secondary .informacion-tecnica .cuerpo { background: rgba(135,25,29,.1); padding: 10px; box-sizing: border-box; font-family: 'Dax Regular'; }
#secondary .informacion-tecnica .cuerpo p { margin: 0 5px 5px 5px; font-size: 14px; line-height: 1.5em; }
#secondary .autres-ressources .cuerpo { background: rgba(135,25,29,.1); padding: 10px; box-sizing: border-box; font-family: 'Dax Regular'; }
#secondary .autres-ressources .cuerpo p { margin: 0 5px; font-size: 14px; line-height: 1.5em; }
#secondary .autres-ressources { margin-bottom: 10px; float: left; width: 100%; }
#secondary .autres-ressources .cuerpo p.valide-comite-scientifique { text-indent: -15px; padding-left: 30px; line-height: 1.2em; margin-top: 10px; }
#secondary .autres-ressources .cuerpo p.valide-comite-scientifique i.fa { width: 10px; font-size: 16px; color: #87191d; }
#secondary .autres-ressources .cuerpo p.url-unima { text-indent: -16px; padding-left: 33px; line-height: 1.2em; margin-top: 10px; }
#secondary .autres-ressources .cuerpo p.url-unima i.fa { width: 10px; font-size: 16px; color: #87191d; }
#secondary .autres-ressources .cuerpo p.lien-website { text-indent: -17px; padding-left: 34px; line-height: 1.2em; margin-top: 10px; }
#secondary .autres-ressources .cuerpo p.lien-website i.fa { width: 10px; font-size: 16px; color: #87191d; }
#secondary .pages .cuerpo { padding: 10px; box-sizing: border-box; font-family: 'Dax Regular'; background-image: -webkit-gradient( linear, left top, left bottom, from(rgba(135,25,29,.1)), to(#FFFFFF) ); background-image: -webkit-linear-gradient( top, rgba(135,25,29,.1), #FFFFFF ); background-image: -moz-linear-gradient( top, rgba(135,25,29,.1), #FFFFFF ); background-image: -o-linear-gradient( top, rgba(135,25,29,.1), #FFFFFF ); background-image: -ms-linear-gradient( top, rgba(135,25,29,.1), #FFFFFF ); background-image: linear-gradient( top, rgba(135,25,29,.1), #FFFFFF ); }
#secondary .pages .cuerpo ul { list-style-type: none; }
#secondary .pages .cuerpo ul.children { padding-left: 15px; }
.page #secondary { float: left; width: 21%; position: relative; margin-top: 15px; }


/* Single */
.entry-title { font-family: 'Dax Regular', sans-serif; font-size: 20px; text-transform: inherit; font-weight: 400; width: 300px; clear: none; margin: 10px 0 0 20px; float: left; color: #87191d; }
.entry-title span { font-size: 15px; margin-left: 20px; }
.entry-title.full { width: 85%; }
.information-additionnelle { float: left; width: 73%; height: 200px; margin-bottom: 30px; position: relative; font-family: 'Dax Regular'; line-height: 1.2em; font-size: 15px; margin-top: 0; }
.information-additionnelle p.titre-original { padding: 5px 0 0 20px; margin: 0; float: left; width: 100%; }
.information-additionnelle p.titre-original-photo { padding: 5px 0 0 20px; margin: 0; float: left; }
.information-additionnelle img.pictogramme { position: absolute; top: 10px; right: 10px; width: 80px; }
.information-additionnelle.compagnie { background: rgba(255, 62, 181, .2); }
.information-additionnelle.personne { background: rgba(132, 11, 85, .2); }
.information-additionnelle.organisation { background: rgba(132, 11, 85, .2); }
.information-additionnelle.spectacle { background: rgba(255, 184, 28, .2); }
.information-additionnelle.personnage { background: rgba(239, 51, 64, .2); }
.information-additionnelle.technique { background: rgba(196, 214, 0, .2); }
.information-additionnelle.thematique { background: rgba(172, 79, 198, .2); }
.information-additionnelle.aire-geographique{ background: rgba(146, 193, 233, .2); }
.information-additionnelle .photo { float: left; width: 200px; height: 200px; background: #aaa; font-size: 15px; }
.information-additionnelle .columna { float: left; width: calc( 100% - 350px); margin-left: 20px; margin-top: 10px; }
.information-additionnelle .columna div { float: left; margin-bottom: 7px; width: 100%; }
.information-additionnelle h3 { margin-top: 0; margin-bottom: 3px; font-weight: bold; color: #000; font-size: 15px; display: inline; }
.information-additionnelle h3:after { content: ':'; }
.information-additionnelle .profession span:after { content: ', '; }
.information-additionnelle .profession span:last-child:after { content: ''; }
.fr .information-additionnelle h3:after { content: ' :'; }
.information-additionnelle p.articles-contribues { margin-left: 20px; margin-top: 5px; margin-bottom: 10px; float: left; }
.single .bibliographie { margin-top: 50px; }
.single .bibliographie h3 { background: rgba(135,25,29,.3); padding: 5px 10px; box-sizing: border-box; color: #87191d; font-family: 'Dax Regular'; margin: 0; font-size: 15px; line-height: 1.75em; }
.single .bibliographie .cuerpo { background: rgba(135,25,29,.1); padding: 10px; box-sizing: border-box; font-family: 'Dax Regular'; }
.single .bibliographie .cuerpo ul { margin-left: 25px; }
.single .bibliographie .cuerpo li { font-family: 'Dax Regular'; }
.single .entry-content a { box-shadow: 0 1px 0 0 currentColor; }
.single .galerie-thumbnail { position: absolute; bottom: 10px; right: 10px; }
.single .galerie-thumbnail .titre { position: absolute; bottom: 0; width: 100%; text-align: center; background: rgba(255,255,255, .6); font-family: 'daxmedium'; }
.single .galerie-wepa { float: left; padding: 0; box-sizing: border-box; width: calc( 100% + 4px ); margin-bottom: 30px; display: none; position: relative; margin-right: -2px; margin-left: -2px; }
.single .galerie-wepa .owl-item { padding-right: 2px; padding-left: 2px; }
#fermer-galerie-wepa { position: absolute; top: 0; right: 10px; }

/* Contributeur */
h1.contributeur { text-transform: initial; line-height: 1em; margin-bottom: 20px; border-bottom: 1px solid #87191d; padding-bottom: 5px; }
h1.contributeur:before { content: '\f040'; font-family: 'FontAwesome'; margin-right: 15px; font-size: 24px; font-weight: bold; }
div.contributeur h2 { margin-top: 20px; }
div.contributeur .article span.action:after { content: ', '; }
div.contributeur .article span.action:last-child:after { content: ''; }
div.contributeur .article { margin-bottom: 5px; }
div.contributeur .article img { width: 20px; margin-right: 10px; vertical-align: middle; }
div.contributeur .statistiques span.numero-articles:after { content: ', '; }
div.contributeur .statistiques span.numero-articles:last-child:after { content: ''; }

/* Pays */
h1.pays { text-transform: initial; line-height: 1em; margin-bottom: 20px; border-bottom: 1px solid #87191d; padding-bottom: 5px; }
h1.pays:before { content: '\f0ac'; font-family: 'FontAwesome'; margin-right: 15px; font-size: 24px; font-weight: 100; }
div.pays .article { margin-bottom: 5px; }
div.pays .article img { width: 20px; margin-right: 10px; vertical-align: middle; }
.articles-pays { width: 275px; float: left; padding-bottom: 50px; }
#mappays { height: 275px; width: 275px; float: left; margin-bottom: 30px; }
.pays .filtres { float: right; width: 27%; }
.pays .filtres h3 { background: rgba(135,25,29,.3); padding: 5px 10px; box-sizing: border-box; color: #87191d; text-transform: uppercase; font-size: 15px; }
.pays .filtres button { font-family: 'Dax Regular'; margin-top: 0; background: #87191d; font-size: 1em; }
.pays .filtre { background: rgba(135,25,29,.1); padding: 10px; box-sizing: border-box; font-family: 'Dax Regular'; }

/* FacetWP */
.filtres .facetwp-facet { margin-bottom: 20px; }
.facetwp-checkbox { font-size: 14px; }
.facetwp-search::-webkit-input-placeholder { font-family: 'Dax Regular', Arial, Helvetica, sans-serif; }
.facetwp-search:-ms-input-placeholder { font-family: 'Dax Regular', Arial, Helvetica, sans-serif; }
.facetwp-search:-moz-placeholder { font-family: 'Dax Regular', Arial, Helvetica, sans-serif; }
.facetwp-search::-moz-placeholder { font-family: 'Dax Regular', Arial, Helvetica, sans-serif; }

/* Category */
.category h1.page-title { font-family: 'Dax Regular'; font-size: 30px; }
.category .page-header { border: 0; margin: 0; padding: 0; position: relative; }
.category .lettre { font-size: 30px; color: #87191d; border-bottom: 1px solid #87191d; margin-bottom: 15px; line-height: 1.2em; font-family: 'Dax Regular'; margin-top: 30px; }
.category .page-header img.pictogramme { position: absolute; right: 0; top: 0px; }
.category .articulo { font-family: 'Dax Regular'; }
.navigation.pagination { border: 0; padding-top: 50px; }
.archive #primary { float: right; }

/* Navigation */
.navigation h2 { display: none; }
.navigation .nav-links span.meta-nav { display: none; }
.pagination .page-numbers { letter-spacing: 0.013157895em; line-height: 1; margin: 0 0.7368421053em 0 -0.7368421053em; padding: 0.8157894737em 0.7368421053em 0.3947368421em; text-transform: uppercase; background: rgba(135,25,29,.1); padding: 5px 7px; }
.pagination .page-numbers.next { display: none; }
.nav li ul { left: 0; top: 30px; border-top: 3px solid #87191d; padding-top: 0; padding-bottom: 0; }
.nav li li { line-height: 1.3em; clear: both; }
.nav li ul li:hover { background: transparent !important; }
.nav li.menu-item-has-children > a:after { content: '\f107'; font-family: 'FontAwesome'; margin-left: 5px; }

/* Alphabétique */
.page .alphabetique .filtres { float: right; width: 27%; clear: both; }
.page .alphabetique .filtres h3 { background: rgba(135,25,29,.3); padding: 5px 10px; box-sizing: border-box; color: #87191d; text-transform: uppercase; font-size: 15px; line-height: 1.75em; }
.page .alphabetique .liste { float: left; width: 69%; }
.page .alphabetique .liste div.article-wepa { font-family: 'Dax Regular'; position: relative; margin-bottom: 18px; }
.page .alphabetique .liste div.article-wepa:last-child { border: 0; }
.page .alphabetique .liste div.article-wepa img.pictogramme { position: absolute; left: 0; top: -3px; width: 30px; }
.page .alphabetique .liste div.article-wepa a.titulo { margin-left: 40px; }
.page .alphabetique .liste div.article-wepa span { font-size: .85em; line-height: 1.4em; }
.page .alphabetique .liste div.article-wepa p { margin: 0; }
.page .alphabetique .filtre { background: rgba(135,25,29,.1); padding: 10px; box-sizing: border-box; font-family: 'Dax Regular'; }
.facetwp-type-checkboxes { max-height: 400px !important; }
.page .alphabetique .filtres button { font-family: 'Dax Regular'; margin-top: 0; background: #87191d; font-size: 1em; }
.page .alphabetique .liste .lettre { font-size: 30px; color: #87191d; border-bottom: 1px solid #87191d; margin-bottom: 15px; line-height: 1.2em; font-family: 'Dax Regular'; margin-top: 30px; }
.page .alphabetique .liste .lettre:first-child { margin-top: 0; }
.facetwp-pager { margin-top: 50px; margin-bottom: 30px; }
.facetwp-page { background: rgba(135,25,29,.1); padding: 0 10px !important; }
header img.alphabetique { float: right; width: 45px; margin-top: 15px; margin-right: 20px; }

/* home */
h1.entry-title-page { text-transform: initial; line-height: 1em; margin-bottom: 20px; border-bottom: 1px solid #87191d; padding-bottom: 5px; }
.home .cuerpo-home-centro { float: left; width: 60%; }
.home .categories .categorie { float: left; width: 33%; margin-bottom: 7px; }
.home .categories .categorie a { text-decoration: none; box-shadow: none; }
.home .categories .categorie img { float: left; width: 35px; }
.home .categories .categorie .description { float: left; font-size: 14px; line-height: 1.35em; margin: 10px 0 10px 10px; }
.home .categories .categorie .description span { font-family: 'daxmedium'; margin-right: 15px; }
.home .cuerpo-home-centro p { font-size: 14px; line-height: 1.4em; margin-bottom: 7px; }
.home .content-area .recherche { width: 60%; float: left; margin: 35px 0 15px 0; }
.home .content-area .recherche input[type="text"] { width: 87%; float: left; }
.home .content-area .recherche button { background: #87191d; float: right; width: 11%; font-size: 14px; }
.home .entry-title { display: none; }
.home .categories { margin-bottom: 30px; float: left; width: 70%; }
.home .mapa { float: left; margin-bottom: 40px; width: 100%; }
.home .mapa h2 { font-size: 1.4em; line-height: 1.25; margin-top: 1em; margin-bottom: .5em; color: #87191d; }
.home #cartehome { width: 100%; height: 550px; }
.home .categories h2 { font-size: 1.4em; line-height: 1.25; margin-top: 1em; margin-bottom: .5em; color: #87191d; }
.home .entry-header { float: left; width: 60%; }

/* Article du jour */
.article-du-jour-widget { float: right; width: 275px; }
.article-du-jour-widget h3 { background: rgba(135,25,29,.3); padding: 5px 10px; box-sizing: border-box; color: #87191d; text-transform: uppercase; font-size: 15px; margin-bottom: 0; line-height: 1.75em; margin-top: 0; }
.article-du-jour-widget .cuerpo { background: rgba(135,25,29,.1); padding: 10px; box-sizing: border-box; font-family: 'Dax Regular'; float: left; width: 100%; font-size: 14px; line-height: 1.5em; position: relative; }
.article-du-jour-widget .cuerpo h4 { text-transform: initial; letter-spacing: initial; font-size: 18px; color: rgb(135,25,29); margin: 10px 0 15px 0; width: calc(100% - 35px); }
.article-du-jour-widget .cuerpo a { text-decoration: none; box-shadow: none; }
.article-du-jour-widget .cuerpo img.featured { width: 275px; margin-top: 0; margin-bottom: 15px; max-width: none; margin-left: -10px; }
.article-du-jour-widget .cuerpo img.pictogramme { position: absolute; right: 5px; top: 5px; width: 35px; }
.entry-content h2, .entry-summary h2, .comment-content h2 { font-size: 1.4em; line-height: 1.25; margin: 0; color: #87191d; }

.afficher-fiche-technique { display: none; }

/* Page simple */
.page .entry-title { width: 100%; text-transform: initial; line-height: 1em; margin-bottom: 20px; border-bottom: 1px solid #87191d; padding-bottom: 5px; margin-top: 15px; float: none; margin-left: 0; margin-right: 0; font-size: 1.75em; font-weight: 700; }
.page #left-area { width: 76%; float: right; }

/* cdm */

.entry-content h2 { margin-top: 1em; }
.home .entry-content h2 { margin-top: 0; }

/* fin cdm */

/* Image crossfading */
#main-header .marionnette
@-webkit-keyframes cf4FadeInOut {
    0% {
	opacity:1;
    }
    17% {
	opacity:1;
    }
    25% {
	opacity:0;
    }
    92% {
	opacity:0;
    }
    100% {
	opacity:1;
    }
}

@-moz-keyframes cf4FadeInOut {
    0% {
	opacity:1;
    }
    17% {
	opacity:1;
    }
    25% {
	opacity:0;
    }
    92% {
	opacity:0;
    }
    100% {
	opacity:1;
    }
}

@-o-keyframes cf4FadeInOut {
    0% {
	opacity:1;
    }
    17% {
	opacity:1;
    }
    25% {
	opacity:0;
    }
    92% {
	opacity:0;
    }
    100% {
	opacity:1;
    }
}

@keyframes cf4FadeInOut {
    0% {
	opacity:1;
    }
    17% {
	opacity:1;
    }
    25% {
	opacity:0;
    }
    92% {
	opacity:0;
    }
    100% {
	opacity:1;
    }
}

#cf4a {
    height:250px;
    width:300px;
    margin:0 auto;
}
#cf4a img {
    position:absolute;
    right: 0;
}

#cf4a img {
    -webkit-animation-name: cf4FadeInOut;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 8s;

    -moz-animation-name: cf4FadeInOut;
    -moz-animation-timing-function: ease-in-out;
    -moz-animation-iteration-count: infinite;
    -moz-animation-duration: 8s;

    -o-animation-name: cf4FadeInOut;
    -o-animation-timing-function: ease-in-out;
    -o-animation-iteration-count: infinite;
    -o-animation-duration: 8s;

    animation-name: cf4FadeInOut;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-duration: 8s;
}
#cf4a img:nth-of-type(1) {
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    animation-delay: 6s;
}
#cf4a img:nth-of-type(2) {
    -webkit-animation-delay: 4s;
    -moz-animation-delay: 4s;
    -o-animation-delay: 4s;
    animation-delay: 4s;
}
#cf4a img:nth-of-type(3) {
    -webkit-animation-delay: 2s;
    -moz-animation-delay: 2s;
    -o-animation-delay: 2s;
    animation-delay: 2s;
}
#cf4a img:nth-of-type(4) {
    -webkit-animation-delay: 0;
    -moz-animation-delay: 0;
    -o-animation-delay: 0;
    animation-delay: 0;
}

#fiche-technique { display: none; }
.afficher-fiche-technique { display: none; }


/* cdm */
h1,
h2,
h3,
h4,
h5,
h6 {
	margin-top: 1em;
}

@media all and ( max-width: 500px ) {
    #main-content .container { width: 100% }
    #page-container { width: 100%; padding-right: 15px; padding-left: 15px; }
    #et-main-area { width: 100%; }
    .site { width: 100%; }
    .site-header { padding: 0; }
    .site-header-main { position: absolute; top: 50px; width: 100%; }
    .site-title { margin-top: 0; margin-left: 15px; width: calc(100% - 120px); font-size: 24px; }
    .site-branding .site-title a { color: white; font-size: 24px; }
    .unima-header { height: 170px; }
    .pennants_lang { margin: 0 0 0 30px; z-index: 9999; }
    .unima-header .recherche { display: none; }
    .social_top { display: none; }
    .logo_unima_top { left: auto; right: 5px; top: 50px; }
    .logo_unima_top img { width: 100px; }
    .menu-toggle { position: absolute; text-indent: -9999px; top: -45px; left: 10px; padding: 0; border: 0; color: transparent; }
    .menu-toggle:before { content: '\f0c9'; font-family: 'FontAwesome'; color: white; display: block; text-indent: 0; font-size: 20px; }
    .fils_logo_unima_top { right: 30px; left: auto; }
    .img_titre { display: none; }
    .img_espace_membre { display: none; }
    .menu_top { display: none; }
    .footer-unima { display: none; }
    .site-content { width: 100%; padding: 15px; }
    #primary { width: 100%; float: none; order: 3; }
    #secondary { width: 100%; float: none; padding: 0; display: none; margin-bottom: 2em; }
    .single #secondary { position: relative; order: 2; }
    body.no-sidebar:not(.search-results) article:not(.type-page) .entry-content { width: 100%; }
    .single .entry-title { margin: 15px 0 0 0; width: calc(100% - 80px); }
    .entry-title span { display: block; margin: 10px 0 0 0; }
    .information-additionnelle { width: 100%; height: auto; padding: 15px; min-height: 90px; order: 0; }
    .information-additionnelle p { width: calc(100% - 50px); }
    .information-additionnelle .columna { width: auto; margin: 0; }
    .information-additionnelle img.pictogramme { width: 50px; }
    #content { display: flex; flex-direction: column; }
    #secondary .articulos-relacionados .cuerpo p { width: calc(100% - 50px); }
    label.afficher-fiche-technique  { display: block; background: #87191d; text-align: center; color: #fff; text-transform: uppercase; font-weight: bold; margin-bottom: 15px; font-size: 17px; position: relative; order: 1; }
    label.afficher-fiche-technique:before { content: '\f067'; font-family: 'FontAwesome'; position: absolute; top: 0; left: 8px; }
    input#fiche-technique:checked ~ #secondary { display: block; }
    input#fiche-technique:checked + label.afficher-fiche-technique:before { content: '\f068'; }
    .page #secondary { float: none; width: 100%; }
    #secondary .pages .cuerpo { background: rgba(135,25,29,.1); }
    .page #primary { float: none; width: 100%; }
    .category .page-header img.pictogramme { width: 60px; }
    .archive #secondary { width: 100%; float: none; }
    .page .alphabetique .filtres { width: 100%; float: none; }
    .page .alphabetique .liste { float: none; width: 100%; margin-top: 30px; }
    .articles-pays { width: 100%; order: 1; float: none; margin-top: 15px; }
    .pays .site-main { display: flex; flex-direction: column; }
    .pays #mappays { order: 0; width: 100%; margin-top: 0; margin-bottom: 15px; display: none; }
    .pays .filtres { order: 1; width: 100%; }
    .home .cuerpo-home-centro { width: 100%; }
    .article-du-jour-widget { width: 100%; margin-bottom: 20px; }
    .home #primary { order: 0; }
    .home #secondary { order: -1; }
    .home .mapa { order: 2; width: 100%; margin-left: auto; margin-right: auto; float: none; }
    .home #cartehome { height: 350px; }
    .home h2 { color: #87191d; }
    .home .categories { width: 100%; }
    .home .categories .categorie { width: 100%; }
    .home .content-area .recherche { width: 100%; }
    .home label.afficher-fiche-technique { order: -2; }
    h1.entry-title-page { border: 0; }
    .site-header-main { width: 100%; }
    .outils { display: none; }
    .site-header-menu { position: absolute; background: rgba(255, 255, 255, .9); width: 80%; margin-left: 2%; padding: 15px; top: -35px; z-index: 9999; }
    .menu-toggle.toggled-on, .menu-toggle.toggled-on:hover, .menu-toggle.toggled-on:focus { color: transparent; }
    .home .entry-header { display: none; }
    #main-header .container { width: calc(100% - 30px); }    
    #main-header .caladas { display: none; }
    #main-header .marionnettes { display: none; }
    #main-header .menu { display: none; }
    #main-header .recherche { left: 0; top: 195px; }
    #main-header .lang { right: 0; left: auto; }
    .language_trad { margin: -2px 0 0 8px; }
    .goog-te-menu-value { margin: 0 !important; }
    #main-header .logo-unima { top: 20px; width: 50%; }
    #main-header h1 img.logo { width: 80%; top: 90px; }
    #main-header .social { top: 45px; right: 0; }
    #main-header .social a { margin-left: 3px; }
    #main-header .social .fa { font-size: 18px; }
    #colophon { height: auto; margin-top: 30px; }
    #colophon .container { width: 100%; padding-right: 15px; padding-left: 15px; }
    #colophon .logo-pied { border: 0; }
    #colophon .logo-pied img.logo { float: none; }
    #colophon .projet-unima-container { width: 200px; clear: both; text-align: center; margin: 0 auto; }
    #colophon .reseaux { text-align: center; clear: both; }
    #colophon .column { width: 100%; padding-right: 15px; padding-left: 15px; padding-top: 30px; float: none; text-align: center; margin-top: 0; }
    #colophon .column.souscrire { text-align: center; float: none; width: 100%; }
    #colophon .logo-pied span.projet-unima { text-align: left; }
    #colophon .column.souscrire h3 { text-align: center; }
    #colophon .column.souscrire input[type="text"] { width: auto; }
    .information-additionnelle p.titre-original-photo { padding: 5px 0; }
}

@media all and ( min-width: 501px) and ( max-width: 801px ) {
    #main-content .container { width: 100%; }
    #page-container { width: 100%; padding-right: 15px; padding-left: 15px; }
    #et-main-area { width: 100%; }
    .site { width: 100%; }
    .site-header { padding: 0; }
    .site-header-main { position: absolute; top: 50px; width: 100%; }
    .site-content { margin-top: 0; }
    .outils { display: none; }
    .site-title { margin-top: 0; margin-left: 15px; width: 100%; font-size: 24px; }
    .site-branding .site-title a { color: white; font-size: 24px; }
    .unima-header { height: 125px; }
    .pennants_lang { margin: 0 0 0 30px; z-index: 9999; }
    .unima-header .recherche { display: none; }
    .social_top { display: none; }
    .logo_unima_top { left: auto; right: 30px; top: 25px; }
    .site-branding { margin: 15px 0 0 15px; width: calc(100% - 150px); }
    .logo_unima_top img { width: 100px; }
    .menu-toggle { position: absolute; text-indent: -9999px; top: -45px; left: 10px; padding: 0; border: 0; color: transparent; }
    .menu-toggle:before { content: '\f0c9'; font-family: 'FontAwesome'; color: white; display: block; text-indent: 0; font-size: 20px; }
    .fils_logo_unima_top { right: 50px; left: auto; }
    .menu_top { display: none; }
    .site-content { width: 100%; padding: 0 15px; }
    #primary { width: 65%; margin-top: 15px; }
    .single .entry-title { margin: 0; width: calc(100% - 50px); }
    .information-additionnelle { width: 65%; min-height: 90px; height: auto; padding: 15px; margin-top: 15px; }
    .information-additionnelle img.pictogramme { width: 50px; }
    #secondary { width: 31%; padding: 0; margin-top: 15px; }
    .information-additionnelle p { width: calc(100% - 50px); }
    .information-additionnelle .columna { width: auto; margin: 0; }
    .category .page-header img.pictogramme { width: 60px; }
    #secondary .articulos-relacionados .cuerpo p { width: calc(100% - 50px); }
    .page #secondary { width: 25%; }
    .page #primary { width: 72%; }
    .archive #primary { width: 72%; }
    .category .lettre { margin-top: 15px; }
    .page .alphabetique .filtres { width: 100%; }
    .page .alphabetique .liste { width: 100%; }
    .facetwp-checkbox { float: left; width: 49%; }
    .articles-pays { width: 56%; }
    .pays #mappays { width: 50%; height: 210px; display: none; }
    .pays .filtres { width: 43%; }
    .pays .filtres .facetwp-checkbox { float: none; width: auto; }
    .article-du-jour-widget { width: 40%; }
    .home .entry-header { width: 56%; }
    .home .cuerpo-home-centro { width: 56%; }
    .home .content-area .recherche { width: 56%; }
    .home .content-area .recherche button { width: 16%; }
    .home .content-area .recherche input[type="text"] { width: 80%; }
    .home .categories { width: 50%; display: none; }
    .home .categories .categorie { width: 100%; }
    .single #secondary { right: 15px; top: 125px; }
    #colophon .container { width: calc(100% - 60px); }
    #colophon .column { width: 33%; padding-right: 10px; }
    #colophon .column.souscrire { width: 33%; }
    #colophon .column.souscrire input[type="text"] { width: auto; }
    #main-header .menu li { padding: 7px 10px; font-size: 16px; }
    #main-header .marionnettes { display: none; }
    #main-header .recherche { left: auto; right: 0; }
    #main-header .lang { left: auto; right: 0; }
    #main-header .caladas { display: none; }
    #main-header h1 img.logo { width: 50%; }
    #main-header .container { width: calc(100% - 30px); }
    #secondary h3 { margin: 0; }
}

@media all and ( min-width: 501px ) and ( max-width: 600px ) {
    #main-header .recherche { width: 240px; }
    #main-header .social { right: 190px; }
    #main-header .recherche input[type="text"]  { width: 200px; }
}

@media all and ( min-width: 802px ) and ( max-width: 1100px ) {
    #page-container { width: 100%; padding-right: 15px; padding-left: 15px; }
    #et-main-area { width: 100%; }
    .site { width: 100%; }
    .outils { display: none; }
    .footer-unima { display: none; }
    .site-header { width: 100%; }
    .site-header-main { width: 100%; padding: 0 15px; }
    .logo_unima_top { left: 15px; }
    .fils_logo_unima_top { left: 105px; }
    .img_espace_membre { right: 10px; top: 45px; }
    .site-content { width: 100%; padding: 0 15px; }
    #main-header .container { width: calc(100% - 60px); }   
    #colophon .container { width: calc(100% - 60px); }
    #mappays { width: 250px; }
    .pays .filtres h3 { margin: 0; }    
}

@media all and ( min-width: 1100px ) and ( max-width: 1250px ) {
    #colophon .logo-pied { border-right: 0; }
}

@media all and ( max-width: 350px ) {
    .information-additionnelle .photo { max-width: 150px; max-height: 150px; }
}

@media only screen and (min-width: 1350px) {
    .et_pb_section { padding: 0 !important; }
    .et_pb_row { padding: 0 !important; }
}

.wp-caption{
padding-top: 10px;
border: none;
background-color: white;
text-align: left;

}