/*
 * DO NOT EDIT THIS FILE.
 * See the following change record for more information,
 * https://www.drupal.org/node/3084859
 * @preserve
 */

/**
 * @file
 * Generic base elements.
 */

/*
 * Media query breakpoints.
 * Processed by postcss/postcss-custom-media.
 */

/* Navigation related breakpoints */

/* Grid related breakpoints */

/* Grid shifts from 6 to 14 columns. */

/* Width of the entire grid maxes out. */



@font-face {
  font-family: 'Futura';
  src:url('../.././fonts/FUTURA-CONDENSEDLIGHT.OTF') format('OpenType');
}
@font-face {
  font-family: 'Monospace';
  src:url('../.././fonts/nk57-monospace-cd-lt.otf') format('OpenType');
}
@font-face {
  font-family: 'BEBAS';
  src:url('../.././fonts/BebasNeue-Regular.otf') format('OpenType');
}
@font-face {
  font-family: '';
  src:url('../.././fonts/gabo.otf') format('OpenType');
}
@font-face {
  font-family: 'fira';
  src:url('../.././fonts/fira/firasanscompressed-regular.otf') format('OpenType');
}
*,
*:before,
*:after {
  box-sizing: border-box;
}

html {
  font-family: var(--font-sans);
  font-size: 100%;
  font-weight: normal;
  font-style: normal;
  line-height: var(--line-height-base);
}

body {
  margin: 0;
  color: var(--color-text-neutral-medium);
  background-color: var(--color--gray-100);
 /* background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='50' height='84' viewBox='0 0 50 84'%3e  %3cpath opacity='0.05' fill='%230e6ba6' d='M25,61.7C25,68.5,19.4,74,12.5,74S0,68.5,0,61.7c0-5.7,3.9-9.6,7.4-12.9c2.3-2.2,4.5-4.4,5.1-6.8c0.7,2.4,2.8,4.6,5.1,6.8C21.1,52.2,25,56,25,61.7z M42.6,6.8c-2.3-2.2-4.5-4.4-5.1-6.8c-0.7,2.4-2.9,4.6-5.1,6.8C28.9,10.2,25,14,25,19.7C25,26.5,30.6,32,37.5,32S50,26.5,50,19.7C50,14,46.1,10.2,42.6,6.8z'/%3e%3c/svg%3e");
  background-position: top left; /* LTR */
}

body.is-fixed {
  position: fixed;
  overflow: hidden;
  width: 100%;
}

[dir="rtl"] body {
  background-position: top right;
}

a {
  color: var(--color-text-primary-medium);
}

a:hover {
  color: var(--color--primary-50);
}

a:focus {
  outline: solid 2px currentColor;
  outline-offset: 2px;
}

button {
  font-family: inherit;
}

img,
video {
  display: block;
  max-width: 100%;
  height: auto;
 

}

audio {
  display: block;
  max-width: 100%;
}

h1 {
  letter-spacing: -0.01em;
  font-size: 1.75rem;
  line-height: var(--sp2);
}

/*---------------------------------------Fiche technique film----------------------------*/
.view-blog-cinema .views-field-field-affiche-blog-cinema
{width:210px;
float:left;}
.views-field-field-blog-cinema-realisateur
{font-size:0.8rem}
.views-label-field-blog-cinema-realisateur
{color:#b31f0f;}
.views-field-field-blog-cinema-date-productio
{font-size:0.8rem}
.views-label-field-blog-cinema-date-productio
{color:#b31f0f;}
.views-field-field-blog-cinema-casting
{font-size:0.8rem}
.views-label-field-blog-cinema-casting
{color:#b31f0f;}

.views-field-field-nationalite
{font-size:0.8rem;}
.views-label-field-nationalite
{color:#b31f0f;}

.views-label-field-date-de-sortie
{float:left;
font-size:0.9rem;
color:#b31f0f;
font-weight:bold;
margin-right: 5px;
}
.views-field-field-date-de-sortie .field-content
{font-size:0.9rem;
}

.field--name-field-blog-cinema-realisateur
{margin-left: 10px;
}
.field--name-field-nationalite
{margin-left: 10px;
}
.field--name-field-blog-cinema-casting
{margin-left: 10px;
}
.field--name-field-date-de-sortie
{margin-left: 10px;
}
 /*---------------------------------------FIN Fiche technique film----------------------------*/ 
 .view-breves .views-row
 {margin-bottom:20px;
 }
 .view-breves .views-field-field-visuel
{ width:50%;
float:left;
margin-right:20px;
}
 .view-breves .views-field-body
 {font-size:0.8rem;
 line-height:1rem;
 padding:5px;
text-align: justify;
 }
 .view-breves .views-field-field-date-unique
 {  font-size: 0.8rem;
  line-height: 1.3rem;
  color: green;
  position: relative;
  padding-left: 5px;
  font-weight: bold;
  margin-top: 10px;
}

 .view-breves .views-field-field-lieu
 {font-size:0.8rem;
 line-height:1rem;
 font-weight:bold;
 color:#b31f0f;
 padding-left :0px;


 }
  .view-breves .views-field-field-visuel .field-content img
  {float:left;
  margin:0;
  }
  
 .view-breves .views-field-title a
 {font-size: 0.6rem;
 line-height: 1rem;
 padding-bottom:0px;
 }
  .view-breves .views-field-field-auteur
  {font-style:italic;
  font-size:0.7rem;
  color:#666;
  }
@media (min-width: 43.75rem) {

  h1 {
    font-size: 2.8rem;
    line-height: var(--sp4);
  }
}

h2 {
  letter-spacing: -0.01em;
  font-size: 1.5rem;
  line-height: var(--sp2);
}

@media (min-width: 43.75rem) {

  h2 {
    font-size: 2.25rem;
    line-height: var(--sp3);
  }
}

h3 {
  font-size: 1.25rem;
  line-height: var(--sp1-5);
}

@media (min-width: 43.75rem) {

  h3 {
    font-size: 1.5rem;
    line-height: var(--sp2);
  }
}

h4 {
  font-size: 1.125rem;
  line-height: var(--sp1-5);
}

h5 {
font-size: 0.9rem;
    line-height: var(--sp1-5);
    color: #e33f1e;
    line-height: 1.2rem;
}

h6 {
  font-size: 0.8rem;
  line-height: var(--sp);
  font-style: italic;
  font-weight:300;
  border-top:solid thin;
  border-bottom:solid thin;
  Border-color: #999;
  padding-bottom:5px;
   padding-top:3px;
  margin-block: var(--sp);
  color: #999;
  font-family: var(--font-sans);}

h1,
h2,
h3,
h4,
h5,
 {
  margin-block: var(--sp);
  color: var(--color-text-neutral-loud);
  font-family: var(--font-sans);
  font-weight: bold;
}

@media (min-width: 43.75rem) {

  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    margin-block: var(--sp2);
  }
}

ul {
  margin-block-start: 0.25em;
  margin-block-end: 0.25em;
  margin-inline-start: 1.5em;
  margin-inline-end: 0;
  padding-inline-start: 0;
  list-style-type: disc;
  list-style-image: none;
}


/*-----------------------------------------------------ZAGRAF-----------------------------------------------*/
.field--name-field-photos .field__item
{float:left;
width:100px;
display:block;
}
.field--name-field-texte2
{padding-left: 5px;
}

.view-commerces-culturels .views-field-title a
{color: #333333;
text-decoration: none;
text-transform: uppercase;
font-size: 1.1rem;
margin-top: 10px;
display: block;
padding-left: 5px;
padding-bottom: 10px;
text-decoration: none;
broder-bottom: solid thin
border-color:#333333;
}




.field--name-field-videos
{margin-top:20px;
}

.fc-today-button
{display:none;
}


.fc-toolbar h2 {
  font-size: 1em;
  margin: 0;
}
#block-views-block-calendrier-block-1 .fc-button:disabled {
  display: none;
}





.group-right .field--name-field-lieu
{color: #e33f1e;
font-weight: bold;
margin-bottom: 10px;
background-image: url(../../images/icone-lieu.png);
background-repeat: no-repeat;
background-size: 15px;
padding-left: 20px;
}
.field--name-field-date-debut
{color: #62aa1d;
font-weight: bold;
margin-bottom: 10px;
background-image: url(../../images/icone-date.png);
background-repeat: no-repeat;
background-size: 20px;
padding-left: 20px;
margin-top:30px;

}
.group-right .field--name-field-date-fin
{color: #62aa1d;
font-weight: bold;
margin-bottom: 10px;
padding-left: 20px;
margin-top:0px;}

.group-right .field--name-field-date-fin::before {
  font-weight: bold;
  color: #62aa1d;
  content: "au ";
  margin-left:0px;
  margin-right:5px;
}

.views-field-title {
font-family: 'fira';
}


.field--name-body
{padding-left:10px;
}
.field--name-field-references-bas-de-page p
{font-size : 0.8rem;
color: #666666;
font-style:italic;
text-decoration:none;
text-align:center;
border-top: solid thin;
border-bottom:solid thin;
margin-top: 20px;

}
.node__top-wrapper
{display:none;
}
.views-field-body
{margin-top:10px;
padding:0px;
background-color: none;
display:block;
padding-left:10px;
padding-right:10px;
}
.sidebar-grid > .site-main {
  display: grid;
  grid-template-columns: repeat(8, minmax(0, 1fr));
  grid-column: 1 / 13;
  padding-top: 20px;
}


.views-field-field-visuel-evenement .field-content img
{margin:auto;
}

.views-field-field-visuel-evenement .field-content
{background-color:rgba(0,0,0,0.2);
}
.views-field-field-visuel .field-content img
{margin:auto;
}

.views-field-field-affiche-blog-cinema .field-content img
{margin:auto;
}

.block-views-blockles-derniers-articles-block-1 .views-field-field-date-de-sortie
{font-size: 0.9rem;
color: #e33f1e;
margin-top: -25px;
position: absolute;
padding-left: 10px;

}
.views-field-field-date-debut
{font-size: 0.9rem;
color: #e33f1e;
margin-top: -25px;
position: absolute;
padding-left: 10px;
text-transform: uppercase;

}


.views-field-field-date-fin
{font-size: 0.9rem;
color: #e33f1e;
margin-top: -25px;
position: absolute;
padding-right: 10px;
text-transform: uppercase;
margin-left:140px;

}

.views-field-field-date-fin::before {
  font-weight: 400;
  color: #e33f1e;
  content: "au    ";
}

.view-entrevues.views-field-title {
text-transform: uppercase;
font-size: 0.85rem;
margin-top: 0px;
display: block;
background-color: #e0ded8;
padding-left: 5px;
padding-top: 5px;
height:70px;
line-height:20px;
}

.view-entrevues .views-field-title a
{color: #333333;
text-decoration: none;
}
.view-archives .views-field-title {
text-transform: uppercase;
font-size: 0.85rem;
margin-top: 0px;
display: block;
background-color: #e0ded8;
padding-left: 5px;
padding-top: 5px;
height:70px;
line-height:20px;
}

.view-archives .views-field-title a
{color: #333333;
text-decoration: none;

}







.view-les-derniers-articles .views-field-title {
text-transform: uppercase;
font-size: 0.85rem;
margin-top: 0px;
display: block;
background-color: #e0ded8;
padding-left: 5px;
padding-top: 5px;
height:70px;
line-height:20px;
}
  .view-les-derniers-articles .views-field-title a
{color: #333333;
text-decoration: none;
}

.view-agenda .views-field-title {
text-transform: uppercase;
font-size: 0.85rem;
margin-top: 0px;
display: block;
background-color: #e0ded8;
padding-left: 5px;
padding-top: 5px;
height:70px;
line-height:20px;
}
.view-agenda .views-field-title a
{color: #333333;
text-decoration: none;}

.view-nos-articles .views-field-title {
text-transform: uppercase;
font-size: 0.85rem;
margin-top: 0px;
display: block;
background-color: #e0ded8;
padding-left: 5px;
padding-top: 5px;
height:70px;
line-height:20px;
}
.view-nos-articles .views-field-title a
{color: #333333;
text-decoration: none;}
.view-le-cine-club-du-cql .views-field-title {
text-transform: uppercase;
font-size: 0.85rem;
margin-top: 0px;
display: block;
background-color: #e0ded8;
padding-left: 5px;
padding-top: 5px;
height:70px;
line-height:20px;
}
.view-le-cine-club-du-cql .views-field-title a
{color: #333333;
text-decoration: none;}

.view-breves .views-field-title {
 text-transform: uppercase;
font-size: 0.85rem;
margin-top: 0px;
display: block;
background-color: #b31f0f;
padding-left: 10px;
padding-top: 15px;
height:40px;
line-height:20px;
}

.view-le-cql-a-organise .views-field-title {
text-transform: uppercase;
font-size: 0.85rem;
margin-top: 0px;
display: block;
background-color: #e0ded8;
padding-left: 5px;
padding-top: 5px;
height:70px;
line-height:20px;
}

.view-le-cql-a-organise .views-field-title a
{color: #333333;
text-decoration: none;}
.view-quand-les-arts-se-mettent-a-table .views-field-title a
{color: #333333;
text-decoration: none;}

.view-le-cql-a-organise .views-field-field-date-debut {
    font-size: 0.9rem;
    color: #e33f1e;
    margin-top: -20px;
    position: absolute;
    padding-left: 10px;
    text-transform: uppercase;
}
.view-le-cql-a-organise .views-field-field-date-fin {
    font-size: 0.9rem;
    color: #e33f1e;
    margin-top: -20px;
    position: absolute;
    padding-right: 10px;
    text-transform: uppercase;
    margin-left: 140px;
}

.views-field-view-node
{width:60px;
float:right;
font-size:0.8rem;

}
.views-field-view-node a
{text-decoration:none;
}
  

  
  @media (max-width: 45rem){
.view-portfolio .views-row {
  width: 20%;
  display: block;
  background-color: rgba(250,250,250,0.8);
  float: left;
  margin-right:10px;
  margin-bottom:10px;
}
.view-agenda .views-row
{  width: 100%;
  float: left;
  margin-right: 0;
  height:630px;
  margin-bottom:30px;
}
.view-nos-articles .views-row
{  width: 100%;
  float: left;
  margin-right: 0;
  height:630px;
  margin-bottom:30px;
}
.view-les-derniers-articles .views-row
{  width: 100%;
  float: left;
  margin-right: 0;
  height:630px;
   margin-bottom:30px;
} 

.view-entrevues .views-row
{  width: 100%;
  float: left;
  margin-right: 0;
  height:630px;
  margin-bottom:30px;
}
.view-le-cql-a-organise .views-row
{  width: 100%;
  float: left;
  margin-right: 0;
  height:630px;
  margin-bottom:30px;
}
.view-le-cine-club-du-cql .views-row
{  width: 100%;
  float: left;
  margin-right: 0;
  height:630px;
  margin-bottom:30px;
}
 /*.views-field-field-date-unique {
  font-size: 0.8rem;
  color: #fff;
  margin-top: -25px;
  position: absolute;
  padding-left: 10px;
  text-transform: uppercase;

}*/

.view-archives .views-row
{  width: 100%;
  float: left;
  margin-right: 0;
  height:630px;
  margin-bottom:30px;
}
/*.view-les-derniers-articles .views-field-title {
text-transform: uppercase;
font-size: 1rem;
margin-top: 0px;
display: block;
background-color: #b31f0f;
padding-left: 5px;
padding-top: 2px;
height:60px;
}
.view-nos-articles .views-field-title {
text-transform: uppercase;
font-size: 1.1rem;
margin-top: 0px;
display: block;
background-color: #b31f0f;
padding-left: 5px;
padding-top: 2px;
height:60px;
}
.view-agenda .views-field-title {
text-transform: uppercase;
font-size: 1.1rem;
margin-top: 0px;
display: block;
background-color: #b31f0f;
padding-left: 5px;
padding-top: 2px;
height:60px;
}
*/
 
 .ds-2col-stacked > .group-right
{width:100%;
}
.ds-2col-stacked > .group-left
{width:100%;
} 

.ds-2col-fluid > .group-right
{width:100%;
}
.ds-2col-fluid > .group-left
{width:100%;
}
.text-content, .cke_editable {
  font-size: 1rem;
  line-height: 1.5rem;
  text-align: justify;
  
}

.primary-nav{background-color:#ffffff;
padding:0px;}

/*.view-blog-cinema .views-field-title a {
  text-transform: uppercase;
  font-size: 1.2rem;
  margin-top: 0px;
  display: block;

  padding-left: 10px;
  padding-bottom: 10px;
  color: #fff;
  text-decoration: none;
  padding-top: 15px;
}*/

.views-field-title a
{
font-size: 1.1rem;
margin-top: 5px;
display: block;
padding-left: 5px;
padding-bottom: 20px;
color: #fff;
text-decoration: none;

}


  
  
  
  }
    
	@media (min-width: 45rem){
.view-portfolio .views-row {
  width: 20%;
  display: block;
  background-color: rgba(250,250,250,0.8);
  float: left;
  margin-right:10px;
  margin-bottom:10px;
}

.site-header .container{
max-width:100%;
}


.wide-image {
  width: calc(12 * var(--grid-col-width) + 11 * var(--grid-gap));
  margin-inline-start: 0;
}	

.view-les-derniers-articles .views-row
{ width: 30%;
float: left;
margin-right: 3.3%;
height: 530px;
border: solid thin;
border-color: #e0ded8;
border-radius: 10px;
margin-bottom: 30px;
background-color: #f2f2f2;
}
.view-quand-les-arts-se-mettent-a-table .views-row
{ width: 30%;
float: left;
margin-right: 3.3%;
height: 530px;
border: solid thin;
border-color: #e0ded8;
border-radius: 10px;
margin-bottom: 30px;
background-color: #f2f2f2;
}
		
.view-agenda .views-row
{ width: 30%;
float: left;
margin-right: 3.3%;
height: 530px;
border: solid thin;
border-color: #e0ded8;
border-radius: 10px;
margin-bottom: 30px;
background-color: #f2f2f2;
}

.views-field-title a
{text-transform: ;
font-size: 0.9rem;
margin-top: 5px;
display: block;
padding-left: 5px;
padding-bottom: 20px;
color: #fff;
text-decoration: none;
}

.view-nos-articles .views-row
{ width: 30%;
float: left;
margin-right: 3.3%;
height: 530px;
border: solid thin;
border-color: #e0ded8;
border-radius: 10px;
margin-bottom: 30px;
background-color: #f2f2f2;
}
.view-entrevues .views-row
{ width: 30%;
float: left;
margin-right: 3.3%;
height: 530px;
border: solid thin;
border-color: #e0ded8;
border-radius: 10px;
margin-bottom: 30px;
background-color: #f2f2f2;
}

.view-le-cql-a-organise .views-row
{ width: 30%;
float: left;
margin-right: 3.3%;
height: 530px;
border: solid thin;
border-color: #e0ded8;
border-radius: 10px;
margin-bottom: 30px;
background-color: #f2f2f2;
}
.view-archives .views-row
{ width: 30%;
float: left;
margin-right: 3.3%;
height: 530px;
border: solid thin;
border-color: #e0ded8;
border-radius: 10px;
margin-bottom: 30px;
background-color: #f2f2f2;
}

.view-view-le-cql-a-organise .views-row
{ width: 30%;
float: left;
margin-right: 3.3%;
height: 530px;
border: solid thin;
border-color: #e0ded8;
border-radius: 10px;
margin-bottom: 30px;
background-color: #f2f2f2;
}

#block-views-block-breves-block-1
{margin-top:60px;
}
/*--------------Le ciné-club du CQL-----------------------*/
.view-le-cine-club-du-cql .views-row
		{ width: 30%;
float: left;
margin-right: 3.3%;
height: 530px;
border: solid thin;
border-color: #e0ded8;
border-radius: 10px;
margin-bottom: 30px;
background-color: #f2f2f2;
}
/*-------------------------------------*/
		
.layout--content-medium, .layout--pass--content-medium 
{
  grid-column: 1 / 30;
}
.text-content, .cke_editable {
  color: var(--color-text-neutral-medium);
  font-family: var(--font-sans);
  line-height: var(--sp1-5);
}

#views_slideshow_cycle_teaser_section_diaporama_accueil-block_1_1
{width: 100%;
display:block;
}
#views_slideshow_cycle_div_diaporama_accueil-block_1_0
{width: 100%;
display:block;
}
.views_slideshow_cycle_teaser_section
{width: 100%;
display:block;
}

#block-views-block-diaporama-accueil-block-1
{width: 100%;
display:block;
}
.views-row
{width: 100%;
display:block;
background-color: rgba(250,250,250,0.8);

}
.views_slideshow_cycle_main img
{opacity:1;
}

.site-header__inner {
  z-index: 1;
  flex-grow: 1;
  width: calc(100vw - var(--content-left) - var(--drupal-displace-offset-left, 0px) - var(--drupal-displace-offset-right, 0px));
  background: none;
}



.ds-2col-stacked > .group-right {
        margin-bottom: 20px;
        padding-left: 30px;
        width: 45%;
    }
.ds-2col-stacked > .group-left
{width:40%;
}
}

[role=main]
{background-color: rgba(250,250,250,0.8);
padding-top: 20px;}
br
{line-height:0;
}
#block-views-block-les-derniers-articles-block-1
{width:99%;
margin:auto;
}
.view-blog-cinema .views-field-title
{font-size:1.3rem;
text-transform:uppercase;
color:#b31f0f;
border-top:solid thin;
border-color:#b31f0f;
padding-top: 10px;
}
.view-breves .views-field-title
{font-size:0.9rem;
text-transform:uppercase;
color:#ffffff;
padding-top: 5px;}

.field--name-field-auteur
{float:left;
font-style:italic;
margin-right:10px;
font-size:0.8rem;
margin-left:10px;
}


.field--name-node-post-date
{
font-style:italic;
margin-right:10px;
font-size:0.8rem;
}

@media (min-width: 43.75rem){
.wide-image {
    width: calc(var(--grid-col-count) * var(--grid-col-width) + var(--grid-gap-count) * var(--grid-gap));
    margin-inline-start:0px;
	margin-block: 0px;
}
}
/*---------------------------barre de recherche---------------------------------*/
.search-form__submit{
  width:40px;
  height:40px;
    font-size: 0px;
    border-radius: 100px;

	background-image: url(../../images/search-icone.png);
	background-size:50%;
	background-repeat:no-repeat;
	background-position:center;

}
#search-block-form .form-actions .button
{font-size:0;
border-radius:100px;
}
#search-block-form .button--primary
{	background-color:transparent;
	border-width:0;
}
.search-form__submit .button
{display: inline-block;
    height: var(--sp3);
    margin-block: var(--sp1);
    margin-inline-start: 0;
    margin-inline-end: var(--sp1);
    padding-block: calc((var(--sp3) - var(--line-height-s)) / 2);
    padding-inline: var(--sp1-5);
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    border-radius: var(--border-radius);
    font-family: var(--font-sans);
    font-size: var(--font-size-l);
    font-weight: 700;
    -webkit-appearance: none;
    appearance: none;
	background-color:transparent;
	border:none;
}
#search-block-form .button--primary:hover, .button--primary:focus {
    color: var(--color--white);
    border-color: transparent;
    background-color: transparent;
	background-image: url(../../images/search-icone.png);
	background-size:70%;
	background-repeat:no-repeat;
	background-position:center;
	border:none;
}
.search-block-form
{float: right;
    position: relative;
    width: 300px;
    z-index: 50;
	
}

#search-block-form .captcha-admin-links
{display:none;
}

.view-blog-cinema .views-row
{min-height:260px;
}

.block-views-blockmot-du-jour-block-1
{
margin:auto;
}
.views-field-field-visuel-mot-du-jour
{float:left;
margin-right:30px;
}
.view-mot-du-jour .views-field-title a
{color: #666;
margin-bottom:10px;
padding-bottom:0px;
padding-left:10px;

}
.block-views-blockmot-du-jour-block-1 
{margin-top: 20px;
}
.block-views-blockmot-du-jour-block-1 .block__title
{

width:150px;
background-color:#e33f1e;
border-top-right-radius:10px;
border-bottom-right-radius:10px;
height:30px;
color:#ffffff;
text-transform:uppercase;
padding-top:5px;
padding-left:10px;
}

.view-mot-du-jour
{border-left: solid;
border-color:#e33f1e;
border-width:thin;

}

.block-views-blockmot-du-jour-block-1 .views-field-view-node {
        width: 60px;
    float: left;
    font-size: 0.9rem;
    margin-left: 120px;
    margin-top: -32px;
}
.view-tous-les-mots-du-jours .views-field-title a
{color: #666;
margin-bottom:10px;
padding-bottom:0px;
padding-left:10px;

}
#block-touslesmotsdujours
{margin-top:30px;
}
.field--name-field-date
{font-style: italic;
font-size: 0.8rem;
}
.field--name-field-date-unique
{font-style: italic;
font-size: 0.8rem;
}

.wide-image {

    margin-block: 0;
}
.field--name-field-adresse
{padding-left:10px;
}

@media (min-width: 75rem){
body:not(.is-always-mobile-nav) .header-nav {
    position: static;
    display: flex;
    visibility: visible;
    overflow: visible;
    grid-column: 5 / 15;
    align-items: center;
    justify-content: flex-start;
    max-width: none;
    height: 30px;
    margin-block-start: 30px;
    padding-block: 5px;
    padding-inline-start: 0;
    padding-inline-end: 0;
    transition: transform 0.2s;
    transform: none;
    border-block-start: 0;
    box-shadow: none;
    margin-top: 100px;
}
}
@media (min-width: 43.75rem){
.field--name-field-legende-visuel
{margin-top:-70px;
margin-bottom:30px;
width:380px;
text-align:right;
}
.field--name-field-legende-visuel
{font-size:0.8rem;
font-style:italic;
color: #666666;
}
.wide-image {
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0;
    margin-inline-end: 0;
}
}
@media (min-width: 43.75rem){
.wide-image {
    width: calc(var(--grid-col-count) * var(--grid-col-width) + var(--grid-gap-count) * var(--grid-gap));
    margin-block: 0px;
    margin-inline-start: opx;
}
}
@media (min-width: 31.25rem)
{
.mobile-nav-button__label {
    position: static;
    overflow: visible;
    clip: auto;
    width: auto;
    height: auto;
    margin-inline-end: 0.75rem;
    letter-spacing: 0.05em;
    font-size: 1rem;
    font-weight: 600;
    text-transform: uppercase;
}
}
#block-olivero-main-menu
{width:300px;
}
.views-field-field-legende-visuel
{font-size:0.8rem;
font-style:italic;
color:#666;
}
.view-statistiques .views-field-title
{color:#000000;
}

@media (min-width: 72rem)
{

.view-nos-articles .views-row
{ width: 30%;
float: left;
margin-right: 3.3%;
height: 630px;
border: solid thin;
border-color: #e0ded8;
border-radius: 10px;
margin-bottom: 30px;
background-color: #f2f2f2;
}
.view-entrevues .views-row
{ width: 30%;
float: left;
margin-right: 3.3%;
height: 630px;
border: solid thin;
border-color: #e0ded8;
border-radius: 10px;
margin-bottom: 30px;
background-color: #f2f2f2;
}

.view-le-cql-a-organise .views-row
{ width: 30%;
float: left;
margin-right: 3.3%;
height: 630px;
border: solid thin;
border-color: #e0ded8;
border-radius: 10px;
margin-bottom: 30px;
background-color: #f2f2f2;
}
.view-archives .views-row
{ width: 30%;
float: left;
margin-right: 3.3%;
height: 630px;
border: solid thin;
border-color: #e0ded8;
border-radius: 10px;
margin-bottom: 30px;
background-color: #f2f2f2;
}

.view-view-le-cql-a-organise .views-row
{ width: 30%;
float: left;
margin-right: 3.3%;
height: 630px;
border: solid thin;
border-color: #e0ded8;
border-radius: 10px;
margin-bottom: 30px;
background-color: #f2f2f2;
}

/*--------------Le ciné-club du CQL-----------------------*/
.view-le-cine-club-du-cql .views-row
		{ width: 30%;
float: left;
margin-right: 3.3%;
height: 630px;
border: solid thin;
border-color: #e0ded8;
border-radius: 10px;
margin-bottom: 30px;
background-color: #f2f2f2;
}

.view-les-derniers-articles .views-row
{ width: 30%;
float: left;
margin-right: 3.3%;
height: 630px;
border: solid thin;
border-color: #e0ded8;
border-radius: 10px;
margin-bottom: 30px;
background-color: #f2f2f2;
}
.view-quand-les-arts-se-mettent-a-table .views-row
{ width: 30%;
float: left;
margin-right: 3.3%;
height: 630px;
border: solid thin;
border-color: #e0ded8;
border-radius: 10px;
margin-bottom: 30px;
background-color: #f2f2f2;
}
		
.view-agenda .views-row
{ width: 30%;
float: left;
margin-right: 3.3%;
height: 630px;
border: solid thin;
border-color: #e0ded8;
border-radius: 10px;
margin-bottom: 30px;
background-color: #f2f2f2;
}






}