/*
Theme Name: twenty thirteen Child
Description: Th�me enfant pour twenty thirteen
Author: Corinne
Template: twentythirteen
*/


.achaud98 {
    background-color: #fff;
    float: right;
    margin-right: 7.5%;
	padding: 3%;
    width: 85%;
    margin-bottom: 20px;
	height:auto;
	overflow:hidden;
}


.content-contentexpo {
            margin: 0 auto;
			padding: 20px;
			float: left;
			width: 85%;
			margin-left: 7.5%;
			margin-bottom: 20px;
			background-color: #fff;
        }

       

        .iframe-container {
            position: relative;
            width: 100%;
            padding-bottom: 56.25%; /* Ratio 16:9 */
            height: 0;
            overflow: hidden;
        }

        .iframe-container iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border: 0;
        }

        /* Media queries pour ajuster selon la taille d'écran */
        @media screen and (max-width: 768px) {
            .content-contentexpo {
                padding: 15px;
            }
            
           
        }

   
.mega-menu-description {
  display: none;
}
.mob-menu-logo-holder > .headertext span {
  font-family: Volkhov, serif !important;
  font-size: 50px !important;
  font-weight: inherit;
  font-style: normal;
  letter-spacing: normal;
  text-transform: none;
  color: #fff !important;
  margin: 10px !important;
}
.site-footer {
  background-color: #FFF;
  color: #000;
  width: 85.5%;
  float: left;
  margin-left: 7.54%;
}
a.more-link {
    visibility: hidden;
}
/* Styles pour les figures contenant des figcaptions */
figure {
    position: relative;
    overflow: hidden;
	display: contents;
}

figure:hover figcaption {
    opacity: 0;
}

/* Styles spécifiques pour les figcaptions */
figcaption {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    color: white;
    padding: 10px;
    box-sizing: border-box;
    opacity: 0;
    transition: opacity 0.3s ease;
}
@media screen and (min-width: 768px) {
.nav-menu, .nav-menu .children {
    border-top: 0;
    padding: 0;
    position: relative;
    z-index: 99999;
}

/* Ajustement du positionnement du sous-menu */
.sub-menu {
  position: absolute;
  left: auto; /* Ajustez la position horizontale selon vos besoins */
  top: 100%; /* Pour afficher le sous-menu juste en dessous du parent */
  display: none;
  background-color: #220e10;
  border: 2px solid #f7f5e7;
  padding: 0;
  z-index: 99999;
}

/* Afficher le sous-menu lorsqu'on survole le parent */
.nav-menu li:hover .sub-menu {
  display: block;
}}
@media screen and (max-width: 768px) {

    /* Masquer le menu principal */
    .nav-menu {
        display: none;
    }
    
    /* Afficher le bouton de menu pour le menu mobile */
    .menu-toggle {
        display: block;
    }

    /* Styles pour les éléments du menu mobile */
    .nav-menu li {
        display: block;
        margin-bottom: 10px; /* Espacement entre chaque élément */
    }

    /* Styles pour les sous-menus du menu mobile */
    .nav-menu .sub-menu {
        display: none; /* Masquer les sous-menus par défaut */
    }

    .nav-menu li.menu-item-has-children > a {
        display: block; /* Rendre les liens parents cliquables sur les petits écrans */
    }

    /* Afficher le sous-menu lorsqu'on clique sur le lien parent */
    .nav-menu li.menu-item-has-children > a::after {
        content: '\f107'; /* Ajouter une flèche vers le bas pour indiquer qu'il y a un sous-menu */
        font-family: 'FontAwesome';
        float: right;
    }

    .nav-menu li.menu-item-has-children > a::after,
    .nav-menu li.menu-item-has-children > a::before {
        display: inline-block;
        padding-left: 10px;
        padding-right: 10px;
    }

    .nav-menu li.menu-item-has-children > a::before {
        content: '';
    }

    /* Afficher les sous-menus lorsqu'on clique sur la flèche */
    .nav-menu li.menu-item-has-children > a:hover + .sub-menu,
    .nav-menu li.menu-item-has-children > a:focus + .sub-menu {
        display: block;
    }
}

.textwidget.custom-html-widget img {
  width: 200px;
}
a {
  color: #ef884c !important;

}
ul.eo-events.eo-events-shortcode   {
  list-style-type: none;
  float: left;
  width: 100% !important;
  margin-left: -15px;

}
.content-area {
  overflow-x: inherit !important;
}
@import url("../twentythirteen/style.css");
.format-chat .entry-title {
    font-size: auto;
    font-weight: normal;
}
a.footnote {
    vertical-align: super;
    font-size: 0.83em;
}
.indexbox {
  width: 100%;
  float: left;
}
.format-chat .entry-meta a, .format-chat .entry-content a {
  color: #722d19;
  padding-right: 5px;
}
u {
   text-decoration:none !Important;
}
.wpp-list {
  float: left;
  padding-left: 0px !important;
  margin-top: -10px;
}
img.attachment-full.size-full.wp-post-image {
  height: auto;
  max-width: 100%;
  box-shadow: 10px 5px 5px rgba(0, 0, 0, 0.3);
}
button, input[type="submit"], input[type="button"], input[type="reset"] {
    background: #ef884c;
    background: -webkit-linear-gradient(top, #ef884c0%, #ef884c100%);
    background: linear-gradient(to bottom, #ef884c0%, #ef884c100%);
    border: none;
        border-bottom-color: currentcolor;
        border-bottom-style: none;
        border-bottom-width: medium;
    border-bottom: 3px solid #ef884c;
    border-radius: 2px;
    color: #fff !important;
    display: inline-block;
    padding: 11px 24px 10px;
    text-decoration: none;
}

button:hover, input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover {
    background: #ef884c;
    background: -webkit-linear-gradient(top, #ef884c0%, #ef884c100%);
    background: linear-gradient(to bottom, #ef884c0%, #ef884c100%);
    border: none;
        border-bottom-color: currentcolor;
        border-bottom-style: none;
        border-bottom-width: medium;
    border-bottom: 3px solid #ef884c;
    border-radius: 2px;
    color: #fff !important;
    display: inline-block;
    padding: 11px 24px 10px;
    text-decoration: none;
}
button.responsivevoice-button span {
    color: #fff !important;
}
.container  {
    position: relative;

    top: 0;
    left: 0;
    float: left;
    width: auto;
	  font-family: Volkhov, serif;
}
sup {
    top: 0em;
}
sub, sup {
    font-size: 100%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
.glitch {
    color: rgb(28, 24, 24);
    position: relative;
    font-size: 4vw;
    // margin: 70px 200px;
    animation: glitch 20s 20s infinite;
}

.glitch::before {
    content: attr(data-text);
    position: absolute;
    left: -2px;
    text-shadow: -5px 0 magenta;
    background: white;
    overflow: hidden;
    top: 0;
    animation: noise-1 3s linear infinite alternate-reverse, glitch 20s 20.05s infinite;
    width: 100%;
}

.glitch::after  {
    content: attr(data-text);
    position: absolute;
    left: 2px;
    text-shadow: -5px 0 lightgreen;
    background: white;
    overflow: hidden;
    top: 0;
    animation: noise-2 3s linear infinite alternate-reverse, glitch 20s 20s infinite;
    width: 100%;
}

@keyframes glitch {
  1%{
    transform: rotateX(10deg) skewX(90deg);
  }
  2%{
    transform: rotateX(0deg) skewX(0deg);
  }
}

@keyframes noise-1 {
  $steps: 30;
  @for $i from 1 through $steps {
    #{percentage($i*(1/$steps))} {
      $top: random(100);
      $bottom: random(101 - $top);
      clip-path: inset(#{$top}px 0 #{$bottom}px 0);
    }
  }
}

@keyframes noise-2 {
  $steps: 30;
  @for $i from 0 through $steps {
    #{percentage($i*(1/$steps))} {
      $top: random(100);
      $bottom: random(101 - $top);
      clip-path: inset(#{$top}px 0 #{$bottom}px 0);
    }
  }
}

.scanlines {
  overflow: hidden;
  mix-blend-mode: difference;
}

.scanlines::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;

  background: repeating-linear-gradient(
    to bottom,
    transparent 0%,
    rgba(255, 255, 255, 0.05) .5%,
    transparent 1%
  );

  animation: fudge 7s ease-in-out alternate infinite;
}


@keyframes fudge {
  from {
    transform: translate(0px, 0px);
  }
  to {
    transform: translate(0px, 2%);
  }
}

.glow {
  @extend .glitch;
  text-shadow: 0 0 1000px rgb(223, 191, 191);
  color: transparent;
  position: absolute;
  top: 0;
}

.subtitle  {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 100;
    font-size: .8vw;
    color: rgba(49, 43, 43, 0.76);
    text-transform: uppercase;
    letter-spacing: 1em;
    text-align: center;
    position: absolute;
    left: 17%;
    animation: glitch-2 5s 5.02s infinite;
}

@keyframes glitch-2 {
  1%{
    transform: rotateX(10deg) skewX(70deg);
  }
  2%{
    transform: rotateX(0deg) skewX(0deg);
  }
}

.testings3  {
    text-align: center;
    width: 100%;
	margin-top:-10px;
}
.testings3 .cloud3 {
    display: inline;
    list-style-type: none;
    width: 400px;
}
.testings3  .cloud3 li {
    list-style: none;
    display: inline;
}
.testings3 .cloud3 li:nth-of-type(3n + 1) {
    font-size: 1.2em;
}
.testings3 .cloud3 li:nth-of-type(4n+3) {
    font-size: 1.2em;
}
.testings3 .cloud3 li:nth-of-type(5n - 3) {
    font-size: 1.5em;
}
.testings3 .cloud3 li:nth-of-type(2n) {
    font-size: 1.4em;
}
.format-quote {
  background-color: #fff !important;
}
.post-format-quote {
  background-color: #fff !important;
  color: #000 !important;
}
@media only screen and (max-width: 950px){
	.HO1 {
  width: 102%;
  float: left;
  background-color: #f1f1f1;
  padding: 2%;
}
.HO2 {
  width: 100%;
  float: left;
  background-color: #f1f1f1;
  padding: 2%;
}
}
	@media only screen and (min-width: 950px){
	.HO1	{
  width: 98%;
  float: left;
  background-color: #f1f1f1;
  padding: 2%;
   margin:1%;
}
.HO2	{
  width: 98%;
  float: right;
  background-color: #f1f1f1;
  padding: 2%;
   margin:1%;
}
		
	}	
@media only screen and (max-width: 600px){
.wordCarousel {
    font-size: 6vw;
    font-weight: 100;
    color: #7c7d99 !important; }}
	@media only screen and (min-width: 600px){
.wordCarousel {
    font-size: 36px;
    font-weight: 100;
    color: #7c7d99 !important; }}
    div.wordCarousel {
        overflow: hidden;
        position: relative;
        float: left;
        height: 65px;
        padding-top: 10px;
        margin-top: -10px; }
        li.wordCarousel {
            font-family: Serif;
            color: #ccc;
            font-weight: 700;
            padding: 0 10px;
            height: 45px;
            margin-bottom: 45px;
            display: block;
        }


.flip2 { animation: flip2 12s cubic-bezier(0.23, 1, 0.32, 1.2) infinite; }
.flip3 { animation: flip3 8s cubic-bezier(0.23, 1, 0.32, 1.2) infinite; }
.flip4 { animation: flip4 10s cubic-bezier(0.23, 1, 0.32, 1.2) infinite; }

@keyframes flip2 {
    0% { margin-top: -180px; }
    5% { margin-top: -90px;  }
    50% { margin-top: -90px; }
    55% { margin-top: 0px; }
    99.99% { margin-top: 0px; }
    100% { margin-top: -270px; }
}

@keyframes flip3 {
    0% { margin-top: -270px; }
    5% { margin-top: -180px; }
    33% { margin-top: -180px; }
    38% { margin-top: -90px; }
    66% { margin-top: -90px; }
    71% { margin-top: 0px; }
    99.99% { margin-top: 0px; }
    100% { margin-top: -270px; }
}

@keyframes flip4 {
    0% { margin-top: -360px; }
    5% { margin-top: -270px; }
    25% { margin-top: -270px; }
    30% { margin-top: -180px; }
    50% { margin-top: -180px; }
    55% { margin-top: -90px; }
    75% { margin-top: -90px; }
    80% { margin-top: 0px; }
    99.99% { margin-top: 0px; }
    100% { margin-top: -270px; }
}


.auteurliste {
    float: left;
    width: 30%;
    margin-left: 15%;
}

.flipbook-main-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    direction: ltr !important;
    background-color: #fff !important;
}
@media only screen and (max-width: 1400px){
._df_thumb {
    border: 0;
    
    text-align: center;
}}
@media only screen and (min-width: 1400px){
._df_thumb {
    border: 0;
    width: 285px !important;
    height: 344px !important;
    text-align: center;
}}
@media only screen and (max-width: 670px){
.home-link {
  margin-bottom: 30px;
}
.logonouveau  {
  width: 60%;
  margin-left: 15%;
  height: 150px;
  object-fit: contain;
}
.top2 {
    float: left;
    width: 100%;
    margin-left: 0px;
    border: 1px solid #D8D8D8;
    margin-right: 20px;
    text-align: left;
    border-radius: 0px;
    box-shadow: 3px 3px 6px 0 #A9A9A9;
    background-color: #fff;
    padding-right: 10px;
    padding-top: 0px;
    margin-top: 10px;
    margin-bottom: 10px;
}}
@media only screen and (min-width: 670px){
.home-link {
    width: 19% !important;
    float: left;
    top: 18%;
    position: relative;
    left: 6%;
    z-index: 999999;
  }
.logonouveau  {
  width: 50%;
  margin-left: 25%;
 
}
.top2  {
    float: left;
    width: 30%;
    margin-left: 20px;
    border: 1px solid #D8D8D8;
    margin-right: 20px;
    text-align: left;
    border-radius: 0px;
    box-shadow: 3px 3px 6px 0 #A9A9A9;
    background-color: #fff;
    padding-right: 10px;
    padding-top: 0px;
    margin-top: 10px;
    margin-bottom: 10px;
	padding-left: 10px;
}}
.widget ul, .widget ol {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: inline;
}
.bandeau {

    background-color: #ef884c;
  
    margin-right: 8%;
   
    border-radius: 0px;
   
    border: 1px solid #ef884c;
    margin-bottom: 2%;
	float: left;
	width: 95%;

}
.images-thumbnail {
    width: 100%;
    height: 250px !important;
    object-fit: cover;

}
.gallery {
    margin-bottom: 20px;
    margin-left: 10%;
}
.gallery-columns-4 .gallery-item  {
    width: 30%;
    height: 250px;
    object-fit: cover;
    float: left;
    max-width: 100%;
}
.gallery-item img {


    height: 250px;
    object-fit: cover;
    float: left;
    max-width: 100%;

}
.abecedaire {
    display: block;
    float: left;
    width: 29%;
    border: none;
    margin-right: 2%;
    margin-bottom: 20px;
    padding: 10px;
    background-color: #ef884c;
    border-radius: 0px;
    box-shadow: 3px 3px 6px 0 #A9A9A9;
    height: 150px;
    word-wrap: anywhere;
    text-align: center;
}
.lettre {
	background-color: #ef884c;
    color: #000;
	font-size: xx-large;
}
ul.eo-events.eo-events-shortcode {
	width:100%;
}
.topindex {
    float: left;
    width: 29%;
    margin-left: 20px;
    border: 1px solid #D8D8D8;
    margin-right: 20px;
    text-align: left;
    border-radius: 0px;
    box-shadow: 3px 3px 6px 0 #A9A9A9;
    background-color: #fff;
    padding-right: 20px;
    padding-top: 0px;
    margin-top: 10px;
	margin-bottom:20px;
}
.abc2  {
    display: block;
    float: left;
    width: 95%;
    border: 1px solid #ef884c;
    margin-right: 2%;
    margin-bottom: 20px;
    padding: 0;
    background-color: #fff;
    border-radius: 0px;
    box-shadow: 3px 3px 6px 0 #A9A9A9;
    height: auto;
    word-wrap: anywhere;
    text-align: center;
    margin-left: 2%;
}
.abc {
    display: block;
    float: left;
    width: 30.5%;
    border: 1px solid #ef884c;
    margin-right: 2%;
    margin-bottom: 20px;
    padding: 10px;
    background-color: #fff;
    border-radius: 0px;
    box-shadow: 3px 3px 6px 0 #A9A9A9;
    height: 150px;
    word-wrap: anywhere;
    text-align: center;
}
.actu {
    display: block;
    
    width: 92%;
    border: 1px solid #ef884c;
    margin-right: 2%;
    margin-bottom: 20px;
    padding: 10px;
    background-color: #fff;
    border-radius: 0px;
    box-shadow: 3px 3px 6px 0 #A9A9A9;
}
.head > .archive-title {
    font-family: Volkhov, serif;
    line-height: 1em;
    font-style: normal;
	    margin: 10px 0 32px;
}
.head > h1.entry-title  {
    font-weight: normal;
    margin: 10px 0 5px;
    text-align: center;
	
}

.content-catesp {
    width: 85%;
    float: left;
    margin-left: 7.5%;
	background-color:transparent;
	margin-bottom:20px;
}
@media only screen and (max-width: 670px){
.content-cat {
  width: 95%;
  float: left;
  margin-left: 7.5%;
  background-color: #fff;
  margin-bottom: 46px;
}
.widget-area3 {

    width: 100%;
    margin-right: 0;
}
.content-cat10 {
  width: 100%;
  float: left;
  margin-left: 0.5%;
  background-color: #fff;
  margin-bottom: 46px;
}
.content-cat11 {
  width: 100%;
  float: left;
  margin-left: 0.5%;
  background-color: #fff;
  margin-bottom: 46px;
}
.content-cat12 {
    width: 85%;
    float: left;
    margin-left: 7.5%;
    background-color: #fff;
    margin-bottom: 46px;
  }

}
@media only screen and (min-width: 670px){
	.content-cat {
  width: 85%;
  float: left;
  margin-left: 7.5%;
  background-color: #fff;
  margin-bottom: 46px;
}
	.content-cat10 {
    width: 40%;
    float: left;
    margin-left: 7.5%;
    background-color: #fff;
    margin-bottom: 46px;
  }
  	.content-cat11 {
    width: 100%;
    float: left;


    margin-bottom: 46px;
  }
  	.content-cat12 {
    width: 44%;
    float: left;
    margin-left: 1.5%;
    background-color: #fff;
    margin-bottom: 46px;
  }
.widget-area3{float:right;width:17%!important;margin-right:2%;}}
@media only screen and (max-width: 670px){
.simplefavorite-button.active {
    float: right;
    opacity: 1 !important;
    position: absolute;
    top: 30px;
    right: 50px;
}}
@media only screen and (min-width: 670px){
.simplefavorite-button.active  {
    float: right;
    opacity: 1 !important;
    position: absolute;
    top: 442px;
    right: 140px;
}}
@media only screen and (max-width: 670px){
.simplefavorite-button {
    float: right;
    opacity: 1 !important;
    position: absolute;
    top: 30px;
    right: 50px;
}}
@media only screen and (min-width: 670px){
.simplefavorite-button {
    float: right;
    opacity: 1 !important;
    position: absolute;
    top: 442px;
    right: 140px;
}}
.avatar {
    display: none;
}
.tag h3.entry-title a{color:#c08d08!important;}
@media only screen and (max-width: 500px){
.tag h3.entry-title {
    margin-left: 10px;
    margin-bottom: 30px;
    width: auto;
	}}
	@media only screen and (min-width: 500px){
.tag h3.entry-title {
    margin-left: 120px;
    margin-bottom: 30px;
    width: auto;
}}
@media only screen and (max-width: 670px){
a.home-link {
    float: left;
    margin-top: -120px !important;

}}
@media only screen and (max-width: 670px){
.site-header{
    width:0vw;
    background-size: 400px !important;
    background-position-x: left !important;
}
}
@media only screen and (min-width: 670px){
.site-header{ top: -10px;
    background-size: 400px !important;
    background-position-x: left !important;}
}
@media only screen and (max-width: 670px){
.logosite	{
    background-color: #000;
}
img.logosite  {
    width: 100%;
}}

@media only screen and (min-width: 670px){
	.logosite {
    float: left;
}
	}
@media only screen and (max-width: 670px){
.entry-content {
    hyphens: none;
	text-align: justify;
    margin-right: 0;
    margin-bottom: 20px;
    background-color: #fff;
    border-radius: 0px;
    padding-top: 17px;
    width: 100%;
    float: left;
}}
@media only screen and (min-width: 670px){
.entry-content {

    hyphens: none;
    margin-right: 2%;
    margin-bottom: 20px;
text-align: justify;
    background-color: #fff;
    border-radius: 0px;
    padding-top: 17px;
    width: 79%;
    float: left;
}}
@media only screen and (max-width: 670px){
.entry-content span {
    font-size: 100% !important;
    text-align: justify !important;
    color: #58595b !important;
	line-height: auto !important;
	background-color:none !important;
font-family:Tahoma,Geneva, sans-serif !important;
}}
@media only screen and (min-width: 670px){
.entry-content span {
    font-size: 100% !important;
    text-align: justify !important;
	line-height: auto !important;
	background-color:none !important;
font-family:Tahoma,Geneva, sans-serif !important;
    color: #58595b !important;
}}
@media only screen and (max-width: 670px){
p span {
    font-size: 100% !important;
    text-align: justify !important;
    color: #58595b !important;
	line-height: auto !important;
	background-color:none !important;
font-family:Tahoma,Geneva, sans-serif !important;

}}
@media only screen and (min-width: 670px){
p span {
    font-size: 100% !important;
    text-align: justify !important;
font-family:Tahoma,Geneva, sans-serif !important;
line-height: auto !important;
	background-color:none !important;
    color: #58595b !important;
}}
@media only screen and (max-width: 670px){
span {
    font-size: 100% !important;
    text-align: justify !important;
    color: #58595b !important;
	line-height: auto !important;
	background-color:none !important;
font-family:Tahoma,Geneva, sans-serif !important;

}}
@media only screen and (min-width: 670px){
span {
    font-size: 100% !important;
    text-align: justify !important;
	line-height: auto !important;
	background-color:none !important;
font-family:Tahoma,Geneva, sans-serif !important;
    color: #58595b !important;
}}
@media only screen and (max-width: 670px){
div span {
    font-size: 100% !important;
    text-align: justify !important;
    color: #58595b !important;
	line-height: auto !important;
	background-color:none !important;
font-family:Tahoma,Geneva, sans-serif !important;

}}
@media only screen and (min-width: 670px){
div span {
    font-size: 100% !important;
    text-align: justify !important;
	line-height: auto !important;
	background-color:none !important;
font-family:Tahoma,Geneva, sans-serif !important;
    color: #58595b !important;
}}
@media only screen and (max-width: 670px){
sup span {
    font-size: 100% !important;
    text-align: justify !important;
    color: #58595b !important;
	line-height: auto !important;
	background-color:none !important;
font-family:Tahoma,Geneva, sans-serif !important;

}}
@media only screen and (min-width: 670px){
sup span {
    font-size: 100% !important;
    text-align: justify !important;
	line-height: auto !important;
	background-color:none !important;
font-family:Tahoma,Geneva, sans-serif !important;
    color: #58595b !important;
}}
.entry-content b {
    font-weight: bold;
}
.entry-content strong {
    font-weight: normal;
}
@media only screen and (max-width: 670px){
.entry-content h4 {
   font-size: 20px;
margin: 25px 0;
    color: #58595b;
    font-family:Volkhov, serif !important;
}}
@media only screen and (min-width: 670px){
.entry-content h4{
    font-size: 20px;
margin: 25px 0;
   
   font-family:Volkhov, serif !important;
    color: #58595b;
}}
@media only screen and (max-width: 670px){
.entry-content h4 span{
   font-size: 20px;
margin: 25px 0;
    color: #58595b;
    font-family:Volkhov, serif !important;
}}
@media only screen and (min-width: 670px){
.entry-content h4 span{
    font-size: 20px;
margin: 25px 0;
   
   font-family:Volkhov, serif !important;
    color: #58595b;
}}
@media only screen and (max-width: 670px){
.entry-content p {
    font-size: 100%;
    text-align: justify;
line-height: 1.5em !important;
background-color: transparent !important;
	font-family:Tahoma,Geneva, sans-serif !important;
    color: #58595b;
    margin-top: 0;
    margin-left: 20px;
    margin-right: 20px;
}}
@media only screen and (min-width: 670px){
.entry-content p{
    font-size: 100%;
    text-align: justify;
	line-height: 1.5em !important;
background-color: transparent !important;
	font-family:Tahoma,Geneva, sans-serif !important;
    margin: 0 120px 24px;
    color: #58595b;
}}
body{font-family: Tahoma,Geneva, sans-serif; font-weight:400;line-height:1.63;background-color:#eaeaea;}
a.cairn,.cairn a:before{position:relative;top:-1px;content:'\f442';}
ul.page-numbers li{display:online;}
h1{font-size:30px;}
h2{font-size:1.4em;margin:25px 0 5px;}
h3{font-size:1.2em;line-height:1em;margin:22px 0;}
#primary{position:relative;}
#tertiary{position:absolute;background-color:#fff!important;height:auto;padding-top:0px;}
.widget{font-size:14px;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;margin:0 0 10px;padding:10px;}
.a-chaud article{display:block;float:left;width:32%;margin-right:1%;border:1px solid #FFF;height:400px;margin-bottom:20px;overflow:hidden;padding:20px;}
.extraits article {
    display: block;
    float: left;
    width: 30.5%;
    border: 1px solid #ef884c;
    margin-right: 2%;
    margin-bottom: 20px;
    padding: 10px;
    background-color: #fff;
    border-radius: 0px;
    box-shadow: 3px 3px 6px 0 #A9A9A9;
    height: 150px;
    word-wrap: anywhere;
    text-align: center;
}
.archive-title, .archive-meta {
    font: 300 italic 30px "Source Sans Pro", Helvetica, sans-serif;
        line-height: normal;
    margin: 0px;
    padding: 5px;
    width: 100%;
	text-align: center;
}

.archive-header {
    background: none !important;
    float: right;
    padding-right: 5%;
	margin-top: -53px;
}
.icone article{display:block;width:100%;border:1px solid #FFF;margin-top:20px;padding:20px;}
.wcflexslider .slides img{width:50%!important;height:50%!important;}
ul.slides{margin-top:20px!important;}
.liste-zone-gauche li.menu-item-type-taxonomy{display:block;}
.liste-zone-gauche2 li.menu-item-type-taxonomy{display:block;}
img.thumbnail{float:right;color:#FFF;}
.author.sidebar .author-info{max-width:0;}
.author-info{width:auto!important;border:1px solid #fff;border-radius: 0px;max-width:none!important;margin:0 0 20px 20% !important;padding:0 20px 20px!important;box-shadow: 3px 3px 6px 0 #A9A9A9;}
@media only screen and (max-width: 670px){
.site-main {
    margin-top: 20px;
    width: 95vw;
  }}
@media only screen and (min-width: 670px){
.site-main{margin-top:0px;}}
#content {
    position: relative;
    float: left;
    width: 58%;
    margin-left: 16px;
}
.head  {
    width: 100%;
    border-top: 1px solid #ef884c;
    padding-top: 20px;
    position: sticky;
}
@media only screen and (max-width: 670px){
.navbar {
    background-color: #ef884c;
    max-width: 1600px;
    width: auto;
    margin-top: -20px;
}}

@media only screen and (min-width: 670px){
.navbar {
    background-color: transparent;
    margin: 0 auto;
    max-width: 1600px;
    width: 100%;
	float: left;
	margin-left: -5%;
}}
.head > .entry-meta {
	text-align: center;
	font-size: medium;
	width: 100%;
	border-bottom: 1px solid #ef884c;
	margin-top:-10px;
	}
.site-title:hover{text-decoration:none!important;}
.site-footer .sidebar-container{background-color:#c08d08;padding:20px 0;}
.page-title{padding:30px 0 10px 25% !important;}
.genericon-spam:before{font:16px/1 Genericons!important;display:inline-block;margin-bottom:10px;}
ul#menu-principal.nav-menu{display:block ruby;list-style-type:none;padding:0 10px 0 0;}
.archive-meta ul{display:list-item;list-style-type:none;padding:0 0 20px;}
.entry-meta ul,.entry-meta-h ul{margin:0;}
ul.nav-menu ul a,.nav-menu ul ul a{font-size:12px;width:300px;padding:8px 20px;}
li.logo{margin-left:20px;}
.liste-zone-gauche{width:100%;}
.liste-zone-gauche2{width:100%;}
.comments-title .comment-list{margin-left:35%;}
h2.comments-title{margin-left:35%!important;padding-right:0!important;padding-left:0!important;}
.sidebar .comments-title,.sidebar .comment-list,.sidebar .must-log-in,.sidebar .comment-reply-title,.sidebar .comment-navigation,.sidebar{padding-left:0!important;}
.comment-respond{padding:20px;}
.entry-header{margin-bottom:0;}
.hentry{padding:8px 0;}
.site-main .widget-area{float:left;margin-left:2%;}
.archive-title{font:italic 300 30px inherit;line-height:1em;}
.archive-title img{border:1px solid #000;float:right;margin:5px;}
#crumbs{width:100%;font-size:16px;margin:0 auto 0px;}
.crumbdata{border-bottom:1px dotted #FFF;padding-bottom:10px;text-align: center;}
.single .crumbdata{padding-bottom:0px;margin-left:0;}

.entry-meta, .entry-meta-h {

    clear: both;
    font-size: .8em;
    text-align: right;
    margin-bottom: 1em;
    margin-right: 10%;
    float: left;
    width: 85%;
    margin-top: 50px;

}
.post-navigation{font-size:.8em;padding:20px 0 20px 396px;}
.menu li{display:block;}
.widget-area{left:0;max-width:300px!important;}
.widget-area2{float:right;max-width:15%!important;border-radius:0px;box-shadow: 3px 3px 6px 0 #A9A9A9;margin-right:1%;border: 1px solid #A9A9A9;background-color: #E6EACB;}
@media only screen and (max-width: 670px){
.sidebar-inner aside {
    border: none;
    margin-right: 20px;
    text-align: right;
    border-radius: 0px;
    box-shadow: none;
    width: 100%;
    background-color: #fff;
}}
@media only screen and (min-width: 670px){
.sidebar-inner aside{border:1px solid #D8D8D8;margin-right:20px;text-align:right;border-radius: 0px;box-shadow: 3px 3px 6px 0 #A9A9A9;width:100%;background-color:#fff;}}


#nav_menu-3{border:none;}
.widget_nav_menu{left:0!important;width:100%!important;}
.menu-anciens-numeros-container img{border:1px solid #fff;float:left;margin-bottom:2px;margin-right:1px;max-width:130px;box-shadow: 3px 3px 6px 0 #A9A9A9;}
.menu-les-parutions-container img{border:1px solid #fff;float:left;margin-bottom:2px;margin-right:1px;max-width:130px;box-shadow: 3px 3px 6px 0 #A9A9A9;}
.sidebar .site-footer .widget-area{left:0;}
.site-footer .widget-area{max-width:1240px!important;}
.entry-summary p{text-align:justify;}
.site-description{font:italic 400 16px inherit;margin:-9px 0 0;color:#fff; opacity:0;}
h2.site-description{font-size:1em;}
.site-title{font-size:3em;font-weight:700;line-height:1;margin:20px 0 0;padding:0;color:#fff; opacity:0;}
h1,h2,h3,h4,h5,h6{font-family:Volkhov, serif !important;}

ul.nav-menu,div.nav-menu > ul{margin:0;padding:0 20px 0 0;}
@media only screen and (max-width: 670px){
.nav-menu li a {
    color: black;
    display: block;
    text-decoration: none;
    font-size: 1.3em;
    font-family: Volkhov, serif;
    font-style: italic;
    padding: 8px;
}}
@media only screen and (min-width: 670px){
.nav-menu li a{color:#c08d08;display:block;text-decoration:none;font-size:1.3em;font-family:Volkhov, serif;font-style:italic;padding:8px;}
}
@media only screen and (max-width: 670px){
.site-header .search-form  {
    right: 10px;
    top: 100px;
    float: right;
    z-index: 999;
    position: fixed;
}}
@media only screen and (min-width: 670px){

.site-header .search-form {
    right: 12px;
    top: 90px;
    float: right;
    z-index: 999;
    position: fixed;
}}
@media only screen and (max-width: 670px){
	.loginavatar   {
    width: 50px;
    border-radius: 50%;
    float: left;
    z-index: 999;
    position: fixed;
    margin-top: 15px;
    margin-right: 10px;
    right: 0px;
    top: 50px;
    border: 1px solid black;
	max-width:50px;
	height:50px;
}
.catplus p {
    margin-left:60px;
}}
.wpsm-menu.menu_enhance li {
    position: relative;
    list-style: none;
    margin: 0;
    display: inline-table;
    width: auto;
    padding: 2%;
}
p.descriptionindex {
	 color: #ef884c; }
@media only screen and (min-width: 670px){
.loginavatar {
width: 49px;border-radius: 50%; float: right;z-index: 999;position: fixed;margin-top: 15px;margin-right: 10px;right:0;}}
@media only screen and (max-width: 670px){
.descriptionindex {
    width: 90%;
    float: right;
    margin-right: 5%;
}}
@media only screen and (min-width: 1200px){
.descriptionindex {
    width: 39%;
    float: left;
    text-align: justify;
    margin-left: 3%;
    margin-top: 26px;
    font: 900 16px Volkhof, serif;
    background-color: rgba(0,0,0,0.7) !important;
    margin-right: 5%;
    padding: 10px;
    color: #0000 !important;
  }}
@media only screen and (max-width: 670px) and (min-width: 1200px){
.descriptionindex  {
  width: 67%;
  float: left;
  text-align: center;
  margin-left: 5%;
  margin-top: 26px;
  font: 900 16px Volkhof, serif;
  color: #ef884c!important;
  margin-right: 5%;
}}

.descriptionindex a, .descriptionindex a:visited  {
    color: #313030;
}
.descriptionindex2 a, .descriptionindex2 a:visited  {
    color: #313030;
}
.entry-titleindex {
    font-size: 2em;
    text-align: left;
    margin-left: 3%;
}
.enimage   {
    height: 200px;
    object-fit: cover;
    float: left;
    width: 98%;
    margin: 5px;
    overflow: hidden;
}
@media only screen and (max-width: 1200px){
.content-cat2 {
    float: left;
    background-color: #fff;
    width: 85%;
    margin-left: 7.5%;
    height: auto;
    overflow: hidden;
    margin-bottom: 20px;
}}
@media only screen and (min-width: 1200px){
.content-cat2   {
    float: left;
    background-color: #fff;
    width: 53%;
    margin-left: 7.5%;
    height: 1020px;
    overflow: hidden;
    margin-bottom: 20px;
}}
h3.exclu {
    font-size: 1.5em;
}
@media only screen and (min-width: 1200px){
.containerHO {
  display: flex;
}

.bloc-gauche {
  flex: 1; /* Ajustez la flexibilité en fonction de vos besoins */
	float: left;
    background-color: #fff;
    margin-left: 7%;
    width: 31%;
    margin-bottom: 12px;
    height: max-content;
    padding-bottom: 26px;
 
}

.bloc-droite {
  flex: 1;
  float: right;
    background-color: #fff;
    width: 54%;
    margin-right: 7.5%;
    height: auto;
    overflow: hidden;
    margin-bottom: 1%;
    display: flex;
}}
@media only screen and (max-width: 1200px){
.containerHO {
  display: flex;
}

.bloc-gauche {
  flex: 1; /* Ajustez la flexibilité en fonction de vos besoins */
float: right;
    background-color: #fff;
    margin-right: 7.5%;
    width: 85%;
    margin-bottom: 20px;
    height:auto;
}

.bloc-droite {
  flex: 1;
  float: left;
    background-color: #fff;
    width: 85%;
    margin-left: 7.5%;
    height: auto;
    overflow: hidden;
}}
@media only screen and (max-width: 1200px){
.content-contentaut {
    float: left;
    background-color: #fff;
    width: 85%;
    margin-left: 7.5%;
    margin-bottom: 20px;
    height: auto;
    overflow: hidden;
}}
@media only screen and (min-width: 1200px){
  .content-contentaut {
    float: left;
    background-color: #fff;
    width: 85.5%;
    margin-left: 7%;
    margin-bottom: 20px;
    height: auto;
    overflow: hidden;
  }}
.content-contentaut2 {
    float: left;
    background-color: #fff;
    width: 24%;
    margin-left: 7.5%;
    margin-bottom: 20px;
    height: 250px;
}
@media only screen and (min-width: 1200px){
.content-catencours {
    float: left;
    background-color: #fff;
    width: 85%;
    margin-left: 7.5%;
    margin-bottom: 20px;
    height: max-content;
    padding: 2%;
}}
@media only screen and (max-width: 1200px){
.content-catencours {
    float: right;
    background-color: #fff;
    margin-right: 7.5%;
    width: 85%;
    margin-bottom: 20px;
    height:auto;
}}
@media only screen and (min-width: 1200px){
  .content-catparu {
    float: left;
    background-color: #fff;
    margin-left: 7%;
    width: 39%;
    margin-bottom: 5px;
    height: max-content;
    padding-bottom: 35px;
    padding-top: 1px;
  }}
@media only screen and (max-width: 1200px){
.content-catparu{
    float: right;
    background-color: #fff;
    margin-right: 7.5%;
    width: 85%;
    margin-bottom: 20px;
    height:auto;
}}
@media only screen and (max-width: 1200px){
.content-catrdv {
    float: right;
    background-color: #fff;
    margin-right: 7.5%;
    width: 85%;
    margin-bottom: 20px;
    height: auto;
}}
@media only screen and (min-width: 1200px){
  .content-catrdv {
    float: left;
    background-color: #fff;
    margin-left: 7.5%;
    width: 57.5%;
    margin-bottom: 20px;
    height: auto;
    margin-top: 0.6%;
  }}
.testings  {
    text-align: center;
    width: 100%;
	margin-top:-10px;
}
.testings .cloud {
    display: inline;
    list-style-type: none;
    width: 400px;
}
.testings  .cloud li {
    list-style: none;
    display: inline;
}
.testings .cloud li:nth-of-type(3n + 1) {
    font-size: 1.3em;
}
.testings .cloud li:nth-of-type(4n+3) {
    font-size: 1.4em;
}
.testings .cloud li:nth-of-type(5n - 3) {
    font-size: 1.5em;
}
.testings .cloud li:nth-of-type(1) {
    display:none;
}
.testings .cloud li:nth-of-type(2) {
    display:none;
}
.testings .cloud li:nth-of-type(3) {
     display:none;
}
.testings .cloud li:nth-of-type(4) {
     display:none;
}.testings .cloud li:nth-of-type(5) {
     display:none;
}
@media only screen and (max-width: 670px){
.testings2  {
    text-align: center;
    width: 100%;
	margin-top: -20px;
	display:contents;
	word-wrap:anywhere;
}}
@media only screen and (min-width: 670px){
.testings2  {
    text-align: center;
    width: 100%;
	margin-top: -20px;
	display:grid;
	word-wrap:anywhere;
}}
.testings2 .cloud2 {
    display: contents;
    list-style-type: none;
    width: 100%;
}
.testings2  .cloud2 li {
    list-style: none;
	word-wrap:anywhere;
	word-break: break-word;
}
a:visited {
    color: #ef884c;
}
.testings2 .cloud2 li:nth-of-type(1) {
    font-size: 4em;
font-style: oblique;
color: #8c8784;
font-weight: bolder;
}
.testings2 .cloud2 li:nth-of-type(2) {
        font-size: 4em;

    color: #c8c5c2;
	
}
.testings2 .cloud2 li:nth-of-type(3) {
   font-size: 8em;
font-style: italic;
color: #adb7b0;
line-height: 0.9em;
}
@media only screen and (max-width: 1200px){
.content-catexclu2 {
    background-color: #fff;
    float: left;
    margin-left: 7.5%;
    width: 85%;
    margin-bottom: 20px;
    padding-left: 10px;
  	height:auto;
    overflow: hidden;
}}
@media only screen and (min-width: 1200px){
    .content-catexclu2 {
    background-color: #fff;
    float: left;
    margin-left: 0.5%;
    width: 25.5%;
    margin-bottom: 20px;
    padding-left: 10px;
    height: auto;
    overflow: hidden;
  }}

.content-catexclu3 {
    background-color: #fff;
    float: left;
    margin-left: 7.5%;
    width: 85%;
    margin-bottom: 20px;
    padding-left: 10px;
    height: 300px;
    overflow: hidden;
}
@media only screen and (max-width: 1200px){
.prochainindex {
    background-color: #fff;
    float: right;
    margin-right: 7.5%;
    width: 85%;
    margin-bottom: 20px;
	height:auto;
	overflow:hidden;
}
.prochainindex2 {
    background-color: #fff;
    float: right;
    margin-right: 7.5%;
    width: 85%;
    margin-bottom: 20px;
	height:auto;
	overflow:hidden;
}
.descriptionindex2 {
  padding: 10%;
  text-align: justify;
}
.descriptionindex {
  padding: 10%;
  text-align: justify;
}
.content-catexclu4 {
    background-color: #fff;
    float: right;
    margin-right: 7.5%;
    width: 85%;
    margin-bottom: 20px;
	padding-left:10px;
	height:auto;
	overflow:hidden;
}}
@media only screen and (min-width: 1200px){
	.imageindex {
    display:none;

  }
  .prochainindex {
    background-color: #a196964a;
    float: right;
    margin-right: 7.5%;
    width: 85%;
    margin-bottom: 20px;
    height: auto;
    padding-bottom: 2%;
    background-image: url(https://www.multitudes.net/wp-content/uploads/2025/06/M99-p46-47.jpg);
    background-position: right center; /* Aligner l'image à droite et centrer verticalement */
    background-size: auto 100%; /* Adapter l'image à la hauteur complète du conteneur */
    background-repeat: no-repeat; /* Ne pas répéter l'image */
    height: auto; /* Hauteur complète de la fenêtre (ajuste selon le conteneur souhaité) */
	background-position-x: 60vw;

  }
    .prochainindex2 {
    background-color: #fff;
    float: left;
    margin-left: 7.5%;
    width: 48%;
    margin-bottom: 20px;
    height: auto;
    padding-bottom: 2%;
   
  }
    .descriptionprochainindex2 {
    width: 96%;
    float: left;
    text-align: center;
    margin-left: 2%;
    margin-top: 26px;
    font: 900 16px Volkhof, serif;
    color: #ef884c !important;
    margin-right: 5%;
    background-color: #f2f2f2;
    padding: 10px;
  }
 .content-catexclu4 {
    background-color: #fff;
    float: right;
    margin-right: 8.5%;
    width: 25.5%;
    margin-bottom: 20px;
    padding-left: 10px;
    height: 100px;
    margin-top: 0.6%;
  }}
@media only screen and (max-width: 1200px){
	    .descriptionprochainindex2 {
padding: 2%;
  text-align: justify;
  }
.content-catexclu {
    float: left;
    background-color: #fff;
    width: 85%;
    margin-left: 7.5%;
    height: auto;
    margin-bottom: 20px;
    margin-right: 7.5%;
}}
@media only screen and (min-width: 1200px){
   .content-catexclu {
    float: left;
    background-color: #fff;
    width: 68%;
    margin-left: 7%;
    height: 603px;
    margin-bottom: 20px;
    margin-top: 20px;
  }}
@media only screen and (max-width: 1200px){
.content-cat3 {
    float: left;
    background-color: #fff;
    width: 85%;
    margin-left: 7.5%;
    height: auto;
    overflow: hidden;
}}
@media only screen and (min-width: 1200px){
.content-cat3   {
    float: right;
    background-color: #fff;
    width: 30%;
    margin-right: 7.5%;
    height: 520px;
	overflow: hidden;
}}
@media only screen and (max-width: 1200px){
.content-cat5 {
    float: left;
    background-color: #fff;
    width: 85%;
    margin-left: 7.5%;
    height: auto;
    overflow: hidden;
}}
@media only screen and (min-width: 1200px){
.content-cat5 {
    float: right;
    background-color: #fff;
    width: 35%;
    margin-right: 7.5%;
    height: auto;
    overflow: hidden;
    margin-bottom: 1%;
  }
}
@media only screen and (max-width: 1200px){
	.df-popup-thumb {
 
  width: auto !important;
 
}
	
	.imageindex {
   background-position: center; /* Aligner l'image à droite et centrer verticalement */
    background-size: auto 100%; /* Adapter l'image à la hauteur complète du conteneur */
    background-repeat: no-repeat; /* Ne pas répéter l'image */
    height: auto; /* Hauteur complète de la fenêtre (ajuste selon le conteneur souhaité) */

  }
.content-cat4 {
    float: left;
    background-color: #fff;
    width: 85%;
    margin-left: 7.5%;
    height: auto;
    margin-top: 20px;
	margin-bottom:20px;
}}
@media only screen and (min-width: 1200px){
.content-cat4   {
    float: right;
    background-color: #fff;
    width: 30%;
    margin-right: 7.5%;
    height: 480px;
    margin-top: 20px;
}}
.nuage {
    width: 90%;
    float: left;
    margin-left: 5%;
    text-align: center;
}

.quoi  {
    text-align: center;
    font-size: 0.9em;
	}
.passe{
    background-color: #ef884c;
    padding: 2px;
    font-size: 1em;
}
.avenir{
    background-color: #009bc4;
    padding: 2px;
    font-size: 1em;
}

@media only screen and (max-width: 700px){
.eventindex3 {
    display: block;
    float: left;
    width: 85%;
    margin-right: 0px;
    margin-bottom: 20px;
    padding: 0px;
    background-color: #fff;
    border-radius: 0px;
    box-shadow: 3px 3px 6px 0 #A9A9A9;
    height: auto;
    word-wrap: anywhere;
    text-align: center;
    margin-left: 20px;
    font-size: 1.3em;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
}
.eventindex2 {
    display: block;
    float: left;
    width: 85%;
    margin-right: 0px;
    margin-bottom: 20px;
    padding: 0px;
    background-color: #fff;
    border-radius: 0px;
    box-shadow: 3px 3px 6px 0 #A9A9A9;
    height: auto;
    word-wrap: anywhere;
    text-align: center;
    margin-left: 20px;
    font-size: 1.3em;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
}}

@media only screen and (min-width: 700px){
.eventindex3 {
  display: block;
  float: left;
  width: 98%;
  background-color: #fff;
  margin-right: 0px;
  box-shadow: 3px 3px 6px 0 #212324;
  height: auto;
  word-wrap: anywhere;
  text-align: center;
  margin-left: 0px;
  font-size: 1em;
  white-space: normal;
  margin-top: 0;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  font-weight: bolder;
}
.eventindex2 {
    display: block;
    float: left;
    width: 93%;
    background-color: #fff;
    margin-right: 0px;
    box-shadow: 3px 3px 6px 0 #A9A9A9;
    height: auto;
    word-wrap: anywhere;
    text-align: center;
    margin-left: 20px;
    font-size: 1.3em;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
}}
@media only screen and (max-width: 700px){
.eventindex {
    display: block;
    float: left;
    width: 85%;
    margin-right: 0px;
    margin-bottom: 20px;
    padding: 0px;
    background-color: #fff;
    border-radius: 0px;
    box-shadow: 3px 3px 6px 0 #A9A9A9;
    height: auto;
    word-wrap: anywhere;
    text-align: center;
    margin-left: 20px;
    font-size: 1.3em;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
}}

@media only screen and (min-width: 700px){
.eventindex {
    display: block;
    float: left;
    width: 29%;
    background-color: #ef884c;
    margin-right: 0px;
    margin-bottom: 20px;
    padding: 0px;
    background-color: #fff;
    border-radius: 0px;
    box-shadow: 3px 3px 6px 0 #A9A9A9;
    height: 140px;
    word-wrap: anywhere;
    text-align: center;
    margin-left: 20px;
    font-size: 1.3em;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
}}
@media only screen and (max-width: 700px){
.hidemobile {
    display: none;
}}
@media only screen and (min-width: 700px){
.hidemobile {
    display:block;
}}
.menu-zone-gauche-container{position:absolute;right:60px;top:25px;max-width:1080px;margin:0 auto;}
.nav-top li,.nav-bottom li{display:inline-block;position:relative;}
.nav-bottom li{margin-left:15px;}
.site-footer a{color:#000;font-weight:700;font-style:italic;}
.menu-principal-container{position:absolute;right:40px;top:20px;z-index:999;}
li.nav-menu:last-child{display:none!important;}
.content-home{position:relative;float:right;}
.a-chaud h2{text-align:left;font-style:italic;font-size:1.4em;}
.genericon-chat{content:'\f108';font:32px/1 Genericons!important;}
.genericon-facebook{content:'\f203';font:32px/1 Genericons!important;}
.genericon-twitter{content:'\f202';font:32px/1 Genericons!important;}
.social-links a:first-child:before{content:'\f202';}
.site-main .sidebar-container{padding-left:20px;top:0!important;width:20%;float:left;}
.single .sidebar-container{padding-top:20px!important;}
.genericon:before,.menu-toggle:after,.featured-post:before,.date a:before,.entry-meta .author a:before,.format-audio .entry-content:before,.comments-link a:before,.tags-links a:first-child:before,.categories-links a:first-child:before,.edit-link a:before,.attachment .entry-title:before,.attachment-meta:before,.attachment-meta a:before,.comment-awaiting-moderation:before,.comment-reply-link:before,.comment-reply-login:before,.comment-reply-title small a:before,.bypostauthor > .comment-body .fn:before,.error404 .page-title:before{vertical-align:top;}
.description{color:#000;font-family:inherit;text-align:right;}
.extraits h2{text-align:right;font-style:italic;font-size:60px;}
.majeure{margin-right:2%;}
.prochain{background-color:#E49401;padding:5px;}
.prochain h2{color:#FFF;width:100%;margin:0;}
.extraits h3.entry-title{color:#000!important;}
.entry-title a:hover{color:#000;text-decoration:none;}
.entry-content h2{color:#000!important;font-size:1.4em;font-weight:400;margin:0 0 -3px 30px;}
.white a{color:#FFF!important;font-size:25px;font-style:italic;}
.site-footer .widget{color:#FFF;font:italic 500 20px inherit;text-align:center;margin:0 0 10px;}
.menu-anciens-numeros-container{text-align:center;background-color: #fff;}
.menu-les-parutions-container {
    text-align: center;
    background-color: transparent;
    margin-top: 0px;
    float: left;
    margin-left: 25%;
    width: 60%;
    height: auto;
}

.menu-majeure-3-container{width:100%;background-color:#e4e3e366;border:1px solid #e4e3e3;float:left;margin-bottom:2px;margin-right:1px;border-radius:0px;box-shadow: 3px 3px 6px 0 #A9A9A9;}
.menu-chaud-container{width:100%;background-color:#e4e3e366;border:1px solid #e4e3e3;float:left;margin-bottom:2px;margin-right:1px;border-radius:0px;box-shadow: 3px 3px 6px 0 #A9A9A9;}
.menu-icones-14-container{width:100%;background-color:#e4e3e366;border:1px solid #e4e3e3;float:left;margin-bottom:2px;margin-right:1px;border-radius:0px;box-shadow: 3px 3px 6px 0 #A9A9A9;}

.menu-mineure-container{width:100%;background-color:#e4e3e366;border:1px solid #e4e3e3;float:left;margin-bottom:2px;margin-right:1px;border-radius:0px;box-shadow: 3px 3px 6px 0 #A9A9A9;}
.site-footer{background-color:#FFF;color:#000;}
.site-info{text-align:right;padding:10px 0;}
.site-header .search-field{height:22px;width:0;top:20px}

.paging-navigation{background-color:#F5F5F5;padding:10px 0;}
.paging-navigation .nav-previous .meta-nav{margin-right:10px;width:40px;padding:10px;}
.paging-navigation .meta-nav{background-color:#c08d08;border-radius:80% 80% 80% 80%;font-size:13px;width:40px;padding:8px 0 12px;}
.paging-navigation a{font-size:14px;}
li.cat-item{list-style:none;}
body.home,body.category,.sidebar-inner,ul.nav-menu ul a:hover,.nav-menu ul ul a:hover{color:#000;}
.nav-menu .current_page_item > a,.nav-menu .current_page_ancestor > a,.nav-menu .current-menu-item > a,.nav-menu .current-menu-ancestor > a,.crumbdata a{color:#000;}
.entry-title{color:#000 ;}
.category .widget a{color:#605956 !important;}
.home .widget a {color: #605956 !important;}
.form-allowed-tags,.form-allowed-tags code,.featured-post,date,.date,.tags-links{display:none;}
.comment-form,.entry-header-h,.entry-meta-h,.entry-summary-h{padding:0!important;}
.sidebar .post-navigation .nav-links,.paging-navigation .nav-next{padding:0;}
li.categories,.category ,.liste-zone-gauche a{color:#898989;}
li.categories,.liste-zone-gauche2 a{color:#898989;}
.site-header .home-link,.main-navigation{min-height:0;}
.menu-zone-gauche-container a,.menu-zone-gauche-container a:hover,.entry-meta a,.entry-meta-h a{color:#000;font-style:italic;}
.spacer,.clear{clear:both;}
.entry-meta a:hover{color:#898989;}
.prochain a,.prochain a:hover,.home .entry-title a,.extraits .entry-title a,.home .entry-title a:hover,.extraits .entry-title a:hover,.extraits h3.entry-title a,.category h3.entry-title a{color:#c08d08!important;}
.widget .widget-title {font: 900 20px Volkhof, serif; margin: 0 0 10px; color: #ef884c; }
.widget a {color: #605956; }
@media only screen and (max-width: 500px){
.category h3.entry-title {
    margin-left: 60px;
    margin-bottom: 30px;
    width: auto;
}}
@media only screen and (min-width: 500px){

.category h3.entry-title {
    margin-left: 120px;
	margin-bottom: 30px;
	width:auto;
}}
.wpp-list {
    float: left;
    padding-left: 50px;
	margin-top: -10px;

}
@media only screen and (max-width: 500px){
.entry-titleautor  {
    margin-left: 20px;
    margin-bottom: 30px;
    width: auto;
}}
@media only screen and (min-width: 500px){
.entry-titleautor  {
    margin-left: 120px;
    margin-bottom: 30px;
    width: auto;
}}
@media only screen and (max-width: 670px){
.widget-area4 {
    float: left;
    width: 100%;
}}
@media only screen and (min-width: 670px){
.widget-area4  {
    float: left;
    width: 23%;
}}
@media only screen and (min-width: 670px){
.favorites-list li {
   
   border: 1px solid #D8D8D8;

    text-align: left;
    border-radius: 0px;
    box-shadow: 3px 3px 6px 0 #A9A9A9;
    background-color: #fff;
   
   
    margin-top: 0px !important;
margin-right: 0px !important;
margin-bottom: 15px !important;
margin-left: 150px !important;
 padding-top: 20px !important;
 padding-right: 20px !important;
padding-bottom: 0px !important;
padding-left: 0px !important;
}}
@media only screen and (max-width: 670px){
.favorites-list li {
   
   border: 1px solid #D8D8D8;

    text-align: left;
    border-radius: 0px;
    box-shadow: 3px 3px 6px 0 #A9A9A9;
    background-color: #fff;
   
   
    margin-top: 0px !important;
margin-right: 0px !important;
margin-bottom: 15px !important;
margin-left: 0px !important;
 padding-top: 20px !important;
 padding-right: 20px !important;
padding-bottom: 0px !important;
padding-left: 0px !important;
width: 100% !important;
}}
@media only screen and (max-width: 670px){
.top {
    float: left;
    width: 100%;
    margin-left: 0px;
    border: 1px solid #D8D8D8;
    margin-right: 20px;
    text-align: left;
    border-radius: 0px;
    box-shadow: 3px 3px 6px 0 #A9A9A9;
    background-color: #fff;
    padding-right: 20px;
    padding-top: 0px;
    margin-top: 10px;
}}
@media only screen and (min-width: 670px){
.top {
    float: left;
    width: 33%;
    margin-left: 20px;
    border: 1px solid #D8D8D8;
    margin-right: 20px;
    text-align: left;
    border-radius: 0px;
    box-shadow: 3px 3px 6px 0 #A9A9A9;
    background-color: #fff;
    padding-right: 20px;
    padding-top: 0px;
    margin-top: 10px;
	padding-left: 10px;
}}
@media only screen and (max-width: 670px){
.couverturecat {
    float: left;
    width: 90%;
    
    border: 1px solid #D8D8D8;
   
    border-radius: 0px;
    box-shadow: 3px 3px 6px 0 #A9A9A9;
    background-color: #fff;
   
    display: block;
    margin-left: 5%;
}}
@media only screen and (min-width: 670px){
.couverturecat {
    float: left;
    width: 26%;
 
    margin-left: 2%;
    border: 1px solid #D8D8D8;
    margin-right: 2%;
    text-align: right;
    border-radius: 0px;
    box-shadow: 3px 3px 6px 0 #A9A9A9;
    background-color: #fff;
    max-width: 200px;
}}
@media only screen and (max-width: 500px){
.resume-button {
    margin-left: -120px;
    display: none;
}}
@media only screen and (min-width: 500px){
.resume-button{
margin-left:-120px;
}}
.titrecouv > .archive-title {
    font-family: Volkhov, serif;
    line-height: 1em;
    font-style: normal;
    margin: 10px 0 32px;
}
@media only screen and (max-width: 670px){
.titrecouv {
    float: left;
    width: 100%;
	padding:10px;
}}
@media only screen and (min-width: 670px){
.titrecouv   {
    float: left;
    width: 50%;

}}
.indexmenu {
    margin-top: 30px;
    float: left;
    margin-left: 0px;
}
.boutonplus {

margin-left: 0px;
}
.catplus {
   margin-left:-50px;
    margin-top: 0px;
}
.author url fn a{
    color: #000;
}
.button5 {
  background-color: #ef884c;
  border: none;
  color: white;
  padding: 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  border-radius: 50%;
}

/**
 * 8.0 Media Queries
 * ----------------------------------------------------------------------------
 */

@media (max-width: 1599px) {
	.site {
		border: 0;
	}
}

@media (max-width: 1069px) {
	.sidebar img.alignleft,
	.sidebar .wp-caption.alignleft {
		margin-left: 0;
	}

	.sidebar img.alignright,
	.sidebar .wp-caption.alignright {
		margin-right: 0;
	}

	.error404 .page-header {
		margin-left: auto;
		max-width: 604px;
		width: 100%;
	}

	
	.search .page-header,
	.archive .page-header,
	.blog .page-header,
	.error404 .page-content,
	.search .page-content,
	.archive .page-content,
	.attachment .entry-header,
	.attachment .entry-content,
	.post-navigation .nav-links,
	.sidebar .site-info,
	.site-footer .widget-area {
		padding-left: 20px;
		padding-right: 20px;
	}

	.error404 .page-title {
		font-size: 24px;
		padding: 180px;
	}

	.error404 .page-title:before {
		font-size: 554px;
	}

	.attachment .image-navigation {
		max-width: 724px;
	}

	.image-navigation .nav-previous,
	.image-navigation .nav-next {
		position: static;
	}

	.site-main .widget-area {
		margin-right: 10px;
	}
}

@media (max-width: 999px) {
	.sidebar .entry-header,
	.sidebar .entry-content,
	.sidebar .entry-summary,
	.sidebar .entry-meta,
	.sidebar .comment-list,
	.sidebar .comment-reply-title,
	.sidebar .comment-navigation,
	.sidebar .comment-respond .comment-form,
	.sidebar .featured-gallery,
	.sidebar .post-navigation .nav-links,
	.author.sidebar .author-info {
		max-width: 950px;
		padding-left: 0;
		padding-right: 0;
	}

	.sidebar .site-info,
	.search.sidebar .page-content,
	.blog.sidebar .page-content,
	.attachment .entry-header,
	.sidebar .comments-title {
		max-width: 950px;	}

	.sidebar .archive-meta,
	.attachment .entry-header,
	.search.sidebar .page-content,
	.blog.sidebar .page-content,
	.sidebar .site-info,
	.sidebar .comments-title,
	.sidebar .no-comments {
		padding-left: 0;
		padding-right: 0;
	}

	.attachment .entry-meta {
		float: left;
		text-align: left;
		width: 100%;
	}

	.attachment .entry-content {
		max-width: 100%;
		padding: 40px 0;
	}

	.format-status .entry-content {
		padding-top: 40px;
	}

	.format-status .entry-meta {
		padding-bottom: 40px;
	}

	.sidebar .format-status .entry-content,
	.sidebar .format-status .entry-meta {
		padding-left: 15px;
	}

	.sidebar .format-status .entry-content:before,
	.sidebar .format-status .entry-meta:before {
		left: 10px;
	}

	.sidebar .format-status .entry-content p:first-child:before {
		left: 4px;
	}

	.sidebar .paging-navigation .nav-links {
		
	}

	.site-main .sidebar-container {
		height: auto;
		margin: 0 auto;
		max-width: 15%;
		position: relative;
		top: 20px;
	}

#content {
    float: right;
    padding: 0 20px 0 210px;
    position: relative;
    width: 75%%;
}
.widget img {
    height: auto;
    max-width: 100%;
}

#content .entry-summary, #content .entry-header, #content .entry-meta {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
@media (max-width: 670px) {
#crumbs {
    font-size: 12px !important;
    display: none;
}}
@media (min-width: 670px) {
#crumbs {
    font-size: 12px !important;
}}  
.a-chaud article, .extraits article {
    padding: 5px;
}
#colophon .site-info {    padding-left: 0px !important;
    padding-right: 0px; !important; }
.entry-title, .format-chat .entry-title, .format-image .entry-title, .format-gallery .entry-title, .format-video .entry-title {
    font-size: 16px !important;
}
	.site-main .widget-area {
		float: none;
		margin: 0;
		width:20%;
	
	}

	.sidebar .site-footer .widget-area {
		max-width: 100%;
		left: 0;
	}
}

/* Collapse oversized image and pulled images after iPad breakpoint. */
@media (max-width: 767px) {
	.entry-content img.alignleft,
	.entry-content .wp-caption.alignleft {
		margin-left: 0;
	}

	.entry-content img.alignright,
	.entry-content .wp-caption.alignright {
		margin-right: 0;
	}

	.attachment .image-navigation,
	.attachment .entry-attachment .attachment {
		max-width: 604px;
		padding: 0;
		width: 100%;
	}

	.gallery-caption {
		display: none;
	}
}

@media (max-width: 670px) {
	.site-title {
		font-size: 30px;
	}

	#content .entry-header,
	#content .entry-content,
	#content .entry-summary,
	#content footer.entry-meta,
	#content .featured-gallery,
	.search.sidebar .page-content,
	.blog.sidebar .page-content,
	.sidebar .post-navigation .nav-links,
	.paging-navigation .nav-links,
	#content .author-info,
	.comments-area .comments-title,
	.comments-area .comment-list,
	.comments-area .comment-navigation,
	.comment-respond,
	.sidebar .site-info,
	.sidebar .paging-navigation .nav-links {
		padding-left: 20px;
		padding-right: 20px;
	}

	#content .format-status .entry-content,
	#content .format-status .entry-met {
		padding-left: 10px;
	}

	/* Small menu */
	.menu-toggle {
		cursor: pointer;
		display: inline-block;
		font: bold 16px/1.3 "Source Sans Pro", Helvetica, sans-serif;
		margin: 0;
		padding: 12px 0 12px 10px;
	}

.menu-principal-container {
    position: relative;
   left: 0;
    top: 30px;
	display: contents;
}

	.menu-toggle:after {
		content: "\f502";
		font-size: 12px;
		padding-left: 8px;
		vertical-align: -4px;
	}

	.toggled-on .menu-toggle:after {
		content: "\f500";
		vertical-align: 2px;
	}

	.toggled-on .nav-menu,
	.toggled-on .nav-menu > ul {
		display: block;
		margin-left: 0;
		padding: 0;
		width: 50%;
	}

	.toggled-on li,
	.toggled-on .children {
		display: block;
	}

	.toggled-on .nav-menu li > ul {
		background-color: white;
		display: none;
		float: none;
		margin-left: 20px;
		position: relative;
		left: 20px;
		top: auto;
	}

	.toggled-on .nav-menu li > ul a {
		color: #141412;
		width: auto;
	}

	.toggled-on .nav-menu li:hover > a,
	.toggled-on .nav-menu .children a {
		background-color: white;
		color: #141412;
	}

	.toggled-on .nav-menu li a:hover,
	.toggled-on .nav-menu ul a:hover {
		background-color: #e4e3e3;
		color: #fff;
	}

	ul.nav-menu,
	div.nav-menu > ul {
		display: none;
	}

	#content .featured-gallery {
		padding-left: 24px;
	}

	.gallery-columns-1 .gallery-item {
		margin-right: 0;
		width: 100%;
	}

	.entry-title,
	.format-chat .entry-title,
	.format-image .entry-title,
	.format-gallery .entry-title,
	.format-video .entry-title {
		font-size: 22px;
		font-weight: bold;
	}

	.format-quote blockquote,
	.format-status .entry-content {
		font-size: 18px;
	}

	.format-quote blockquote small,
	.format-quote blockquote cite {
		font-size: 13px;
	}


	.error404 .page-title {
		padding: 40px 0 0;
	}

	.error404 .page-title:before {
		content: normal;
	}

	.comment-author {
		margin-right: 30px;
	}

	.comment-author .avatar {
		height: auto;
		max-width: 100%;
	}

	.comment-metadata,
	.comment-content,
	.comment-list .reply {
		width: 70%;
		width: -webkit-calc(100% - 104px);
		width:         calc(100% - 104px);
	}

	.comment-form input[type="text"],
	.comment-form input[type="email"],
	.comment-form input[type="url"] {
		width: -webkit-calc(100% - 120px);
		width:         calc(100% - 120px);
	}

	.comment-form textarea {
		height: 80px; /* Smaller field for mobile. */
	}

	/* Audio */
	.format-audio .entry-content:before {
		display: none;
	}

	.format-audio .audio-content {
		background-image: none;
		float: none;
		padding-left: 0;
		width: auto;
	}
}

/* Mobile devices */
@media (max-width: 359px) {
	.gallery {
		margin-left: 0;
	}

	.gallery .gallery-item,
	.gallery-columns-2.gallery-size-thumbnail .gallery-item {
		max-width: none;
		width: 15%;
		width: -webkit-calc(50% - 4px);
		width:         calc(50% - 4px);
	}

	.gallery-columns-1.gallery-size-medium,
	.gallery-columns-1.gallery-size-thumbnail,
	.gallery-columns-2.gallery-size-thumbnail,
	.gallery-columns-3.gallery-size-thumbnail {
		display: block;
	}

	.gallery-columns-1 .gallery-item,
	.gallery-columns-1.gallery-size-medium .gallery-item,
	.gallery-columns-1.gallery-size-thumbnail .gallery-item {
		text-align: center;
		width: 75%;
		width: -webkit-calc(100% - 4px);
		width:         calc(100% - 4px);
	}

	.gallery-columns-3 .gallery-item:nth-of-type(3n),
	.gallery-columns-5 .gallery-item:nth-of-type(5n),
	.gallery-columns-7 .gallery-item:nth-of-type(7n),
	.gallery-columns-9 .gallery-item:nth-of-type(9n) {
		margin-right: 4px;
	}

	.gallery br {
		display: none;
	}

	.gallery .gallery-item:nth-of-type(even) {
		margin-right: 0;
	}

	/* Comments */
	.comment-author {
		margin: 0 0 5px;
		max-width: 100%;
	}

	.comment-author .avatar {
		display: inline;
		margin: 0 5px 0 0;
		max-width: 20px;
	}

	.comment-metadata,
	.comment-content,
	.comment-list .reply {
		width: 100%;
	}
}


/**
 * 9.0 Print
 * ----------------------------------------------------------------------------
 */

/* Retina-specific styles. */
@media print,
	(-o-min-device-pixel-ratio: 5/4),
	(-webkit-min-device-pixel-ratio: 1.25),
	(min-resolution: 120dpi) {

	.site-header .search-field {
		background-image: url(images/search-icon-2x.png);
	}

	.format-audio .audio-content,
	.format-status .entry-content:before,
	.format-status .entry-meta:before,
	.comment-list > li:after,
	.comment-list .children > li:before {
		background-image: url(images/dotted-line-2x.png);
	}
}

@media print {
	body {
		background: none !important;
		color: #000;
		font-size: 10pt;
	}

	footer a[rel="bookmark"]:link:after,
	footer a[rel="bookmark"]:visited:after {
		content: " [" attr(href) "] "; /* Show URLs */
	}

	.site {
		max-width: 98%;
	}

	.site-header {
		background-image: none !important;
		
	}

	.site-header .home-link {
		max-width: none;
		min-height: 0;
	}

	.site-title {
		color: #000;
		font-size: 21pt;
	}

	.site-description {
		font-size: 10pt;
	}

	.author-avatar,
	.site-footer,
	.comment-respond,
	.comments-area .comment-edit-link,
	.comments-area .reply,
	.comments-link,
	.entry-meta .edit-link,
	.page-links,
	.site-content nav,
	.widget-area,
	.main-navigation,
	.navbar,
	.more-link {
		display: none;
	}

	.entry-header,
	.entry-content,
	.entry-summary,
	.entry-meta {
		margin: 0;
		width: 100%;
	}

	.page-title,
	.entry-title {
		font-size: 21pt;
	}

	.entry-meta,
	.entry-meta a {
		color: #444;
		font-size: 10pt;
	}

	.entry-content img.alignleft,
	.entry-content .wp-caption.alignleft {
		margin-left: 0;
	}

	.entry-content img.alignright,
	.entry-content .wp-caption.alignright {
		margin-right: 0;
	}

	.format-image .entry-content .size-full {
		margin: 0;
	}

	/* Remove colors from post formats */
	.hentry {
		background-color: #fff;
	}

	/* Comments */
	.comments-area > li.comment {
		background: none;
		position: relative;
		width: auto;
	}

	.comment-metadata {
		float: none;
	}

	.comment-author .fn,
	.comment-reply-link,
	.comment-reply-login {
		color: #333;
	}
}