/*

 * 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. */



*,

*: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-position: top left; /* LTR */

}



body.is-fixed {

  position: fixed;

  overflow: hidden;

  width: 100%;

}



[dir="rtl"] body {

  background-position: top right;

}



a {

  color:#237b12;

  text-decoration:none;

}

h2 a
{text-transform:none;
}

a:hover {

  color:#237b12;

}



a:focus {

  outline: solid 2px currentColor;

  outline-offset: 2px;

}



button {

  font-family: inherit;

}



img,

video {

  display: block;

max-width: 100%;

  height: auto;
margin:auto;
}



audio {

  display: block;

  max-width: 100%;

}



h1 {

  letter-spacing: -0.01em;

  font-size: 1.75rem;

  line-height: var(--sp2);

}



@media (min-width: 43.75rem) {



  h1 {

    font-size: 3.75rem;

    line-height: var(--sp4);

  }

}



h2 {

  letter-spacing: -0.01em;

  font-size: 0.9rem;

  line-height: 1.4rem;

}



@media (min-width: 43.75rem) {



  h2 {

    font-size: 1.2rem;

    line-height: 1.3rem;

  }

}



h3 {

  font-size: 18px;

  line-height: var(--sp1-5);

}



@media (min-width: 43.75rem) {



  h3 {

    font-size: 1rem;

    line-height: var(--sp2);

  }

}



h4 {

  font-size: 0.9rem;

  line-height: var(--sp1-5);

}



h5 {

  font-size: 0.8rem;

  line-height: var(--sp1-5);

}

/*-------------------Config liens voir plus*/

h6 {

  font-size: 0.875rem;

  line-height:2;

  float:right;

  margin-right:10px;

}

/*-------------------Config liens voir plus*/





h1,

h2,

h3,

h4,

h5,

h6 {

  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: 0;

  }

}



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-----------------------------------------------------*/




 #preface-wrap .block

 {margin:0px;

 }

 .page-node #content-wrap img

 {border:none;

 }


.path-frontpage .page-title {
    display: block;
    font-size: 3rem;
    color: rgba(250, 250, 250, 0.8);
    margin-right: 100px;
    background-color: transparent;
    margin-bottom: 50px;
    width: 70%;
    float: left;
	z-index: 100;
    position: absolute;
    margin-left: 15%;
    margin-top: 340px;
    line-height: 3rem;
    background: rgba(0, 0, 0, 0.3);
}

 .path-frontpage .main-content__container .field--name-body

{display:block;
width:100%;
margin:auto;
padding:20px;
background-color:#E6E5E5;
}



/*------------------Enlever arrière plan gris des blocs de page d'accueil*/

#block-venture-theme-block-24 .field--name-body

{display:block;
width:100%;
background-color: transparent;
}

#block-venture-theme-block-25 .field--name-body
{display:block;
width:100%;
background-color: transparent;
}

#block-venture-theme-block-26 .field--name-body
{display:block;
width:100%;
background-color: transparent;
}

#block-venture-theme-block-27 .field--name-body
{display:block;
width:100%;
background-color: transparent;
}

#block-venture-theme-block-28 .field--name-body
{display:block;
width:100%;
background-color: transparent;
}

#block-venture-theme-block-29 .field--name-body
{display:block;
background-color: transparent;
}

#block-venture-theme-block-30 .field--name-body
{display:block;
width:100%;
background-color: transparent;
}

#block-venture-theme-block-8 .field--name-body
{display:block;
width:100%;
background-color: transparent;
}

/*---------------------------------------------------------------*/



 

 #block-venture-theme-block-14
 {margin-top:20px;
width:85%;
margin:auto;
}

 #block-venture-theme-block-14 h2
 {background-color:#ff8c00;
color:#ffffff;
padding-left:10px;
text-transform:uppercase;
height: 30px;
line-height: 30px;
}

#block-venture-theme-block-23
{background-color:#e8e8e8;
padding:20px;
width:82.5%;
margin:auto;

}

#block-venture-theme-block-24
{width:31%;
height:auto;
float:left;
border:solid;
border-color:#ff8c00;
border-width:thin;
}



#block-venture-theme-block-24 h2

 {background-color:#ff8c00;
color:#ffffff;
padding-left:10px;
text-transform:uppercase;
height: 30px;
line-height: 30px;
}

 #block-venture-theme-block-25

{width:31%;
height:auto;
float:left;
border:solid;
border-color:#ff8c00;
border-width:thin;
background-color:#ffffff;
margin-left:2%;

}

#block-venture-theme-block-25 h2

 {background-color:#ff8c00;
color:#ffffff;
padding-left:10px;
text-transform:uppercase;
height: 30px;
line-height: 30px;
}

 

#block-venture-theme-block-26
{width:31%;
height:auto;
float:right;
border:solid;
border-color:#ff8c00;
border-width:thin;
margin-left:2%;
}

#block-venture-theme-block-26 h2

 {background-color:#ff8c00;
color:#ffffff;
padding-left:10px;
text-transform:uppercase;
height: 30px;
line-height: 30px;
}

 #block-venture-theme-block-26 .content
 {padding:10px;
 }



#block-venture-theme-block-27
{float:left;
width:100%;
margin-top:30px;
text-align:center;
margin-bottom:30px;
}

#block-venture-theme-block-27 h2

 {background-color:#ff8c00;
color:#ffffff;
padding-left:10px;
text-transform:uppercase;
height: 30px;
line-height: 30px;
margin-top:5px;
}

 .page-node-24 .field-name-field-photos
{text-align:center;
}

#block-views-actualites-accueil-block
{margin-left:6%;
width:31%;
height:auto;
float:left;
border:solid;
border-color:#ff8c00;
border-width:thin;
}

#block-views-actualites-accueil-block h2
{background-color:#ff8c00;
color:#ffffff;
padding-left:10px;
text-transform:uppercase;
height: 30px;
line-height: 30px;
}

 #block-views-actualites-accueil-block .content
 {padding:10px;
}

#block-venture-theme-block-28
{margin-left:2%;
width:31%;
height:auto;
float:left;
border:solid;
border-color:#ff8c00;
border-width:thin;
text-align:center;
min-height:300px;
}

#block-venture-theme-block-28 h2
 {background-color:#ff8c00;
color:#ffffff;
padding-left:10px;
text-transform:uppercase;
text-align:left;
height: 30px;
line-height: 30px;
}
#block-venture-theme-block-28 img
{width:80%;}
/*------------------------------bloc liens amis accueil -----------------------------*/

#block-venture-theme-block-8 {
margin-left: 2%;

    width: 31%;

    height: auto;

    float: left;

    border: solid;

    border-color: #ff8c00;

    border-width: thin;

    text-align: center;

    margin-top: -125px;

    margin-right: 0;



}

#block-venture-theme-block-8 h2

 {background-color:#ff8c00;

 color:#ffffff;

 padding-left:10px;

 text-transform:uppercase;

 text-align:left;

  height: 30px;

    line-height: 30px;

 }

#block-venture-theme-block-29

{margin-left:2%;

width:31%;

height:auto;

float:left;

border:solid;

border-color:#ff8c00;

border-width:thin;

 min-height:300px;

 line-height:0.8;

}

#block-venture-theme-block-29 h2

 {background-color:#ff8c00;

 color:#ffffff;

 padding-left:10px;

 text-transform:uppercase;

 text-align:left;

  height: 30px;

    line-height: 30px;



 }



#block-olivero-views-block-nos-voyages-block-1

{float:left;

width:100%;

margin-top:30px;



text-align:left;

margin-bottom:30px;

}

#block-views-blockduplicate-of-nos-voyages-block-1

{float:left;

width:100%;

margin-top:30px;



text-align:left;

margin-bottom:30px;

}

#block-olivero-views-block-nos-voyages-block-1 h2

 {background-color:#ff8c00;

 color:#ffffff;

 padding-left:10px;

 text-transform:uppercase;

  height: 30px;

    line-height: 30px;

 }

 #block-views-blockduplicate-of-nos-voyages-block-1 h2

 {background-color:#ff8c00;

 color:#ffffff;

 padding-left:10px;

 text-transform:uppercase;

  height: 30px;

    line-height: 30px;

 }

 .view-menu-accueil-activites .views-row

 {float:left;

 margin-right: 6px;}

.view-menu-accueil-activites .views-field-name a

{position: absolute;

margin-top: 10px;

font-weight: bold;

color: #ffffff;

padding-left: 20px;

/*background-color:rgba(10,10,10,0.2);*/

width: inherit;

height: 20px;

text-transform:uppercase;

font-size:0.9em;

display:block;

text-shadow:#000000 1px 1px 2px;



}

#block-olivero-views-block-nos-activites-block-1

{margin:auto;

width:100%;

margin-top:30px;

margin-bottom:40px;

margin-right:4%;

margin-left:2%;

float:left;

}



#block-olivero-views-block-nos-activites-block-1 h2

{background-color:#ff8c00;

 color:#ffffff;

 padding-left:10px;

 text-transform:uppercase;

  height: 30px;

    line-height: 30px;



 }




.view-nos-activites .views-field-name a

{position: absolute;

margin-top: 10px;

font-weight: bold;

color: #ffffff;

padding-left: 10px;

/*background-color:rgba(10,10,10,0.2);*/

width: inherit;

height: 20px;

text-transform:uppercase;

font-size:0.9em;

display:block;

text-shadow:#000000 1px 1px 2px;



}

.block-views-block-nos-voyages-block-1

{margin:auto;

width:100%;

margin-top:30px;

margin-bottom:40px;

margin-right:4%;

margin-left:2%;

}

.block-views-block-nos-voyages-block-1 h2

 {background-color:#ff8c00;

 color:#ffffff;

 padding-left:10px;

 text-transform:uppercase;

  height: 30px;

    line-height: 30px;



 }

.view-nos-voyages .views-row

 {float:left;
margin-right: 6px;}

.view-nos-voyages .views-field-name a

{position: absolute;
margin-top: 10px;
font-weight: bold;
color: #ffffff;
padding-left: 0px;
width: inherit;
height: 20px;
text-transform:uppercase;
font-size:0.9rem;
display:block;
text-shadow:#000000 1px 1px 2px;

}

.view-affichage-photos-destinations

{float:left;

width:100%;





text-align:left;

margin-bottom:30px;

}



 .view-affichage-photos-destinations

 {float:left;

 margin-right: 6px;}

.view-affichage-photos-destinations .views-field-name a

{position: absolute;

margin-top: 10px;

font-weight: bold;

color: #ffffff;

padding-left: 5px;

/*background-color:rgba(10,10,10,0.2);*/

width: inherit;

height: 20px;

text-transform:uppercase;

font-size:0.9rem;

display:block;

text-shadow:#000000 1px 1px 2px;



}



/*------------fiches séjour---------*/

.node-type-fiche-sejour .page-title

{/*width:300px;

background-color:#f47f08;

padding:10px;

color:#ffffff;

font-weight:bold;

border-radius:10px;*/

margin: 0px;

font-size: 1em;

}

.front h1.page-title

{

background-color:transparent;

color:#ffffff;

font-weight:bold;

border-radius:0px;



}

#block-olivero-page-title

{margin-top:0px;

}

.path-frontpage #block-olivero-page-title

{margin-top:-200px;

}



.field-name-field-presentation

{

width:90%;

margin-top:20px;

font-size:14px;

font-weight:400;

color:#000000;

background-color:#f2f2f2;

padding:30px;



}

.h2{width:95%;

background-color:#f47f08;

padding:10px;

color:#ffffff;

font-weight:bold;

border-radius:10px;

font-size:1.7em;

margin-right:20px;



}

.ds-2col > .group-right

{margin-left:40px;

width:40%;

}

.front .block h2

{width:98%;

border-radius:0px;

}

.front .page-title

{visibility:visible;

}

.field-name-field-sous-titre-duree

{font-weight:bold;

color:#999;

}

.field-name-field-formules-proposees 

{margin-top:20px;

}

.field .field-label

{color:#f47f08;

text-transform:uppercase;

font-size:16px;

}

.field-name-field-mobile-temps-forts

{margin-top:20px;}

.field-name-field-programme

{margin-top:20px;}

.field--name-field-venir-en-train
{margin-top:20px;
}




#block-menu-menu-menu-site-2019

{position:relative;

text-transform:uppercase;

list-style:none;

width:100%;

margin:auto;

display: block;

top:10%;

z-index:50;

font-weight:bold;

height:40px;

background-color:#ffffff;





}

#block-menu-menu-menu-site-2019 .content

{width:100%;

margin-left:16%;

margin-top:-20px;

}

#block-menu-menu-menu-site-2019 li

{float:left;

list-style:none;

margin-right:30px



}

/*#block-menu-menu-menu-site-2019 li a

{color:#237b12;



}*/

/*-------------bloc numéro tel------------------------*/

#block-venture-theme-block-17

{position: absolute;

top: 60px;

right: 70px;

}

.view-taxonomy-term

{width:85%;

margin:auto;

}

.field--name-field-carte

{text-align:center;

margin-top:20px;

float:left;

margin-bottom:20px;

margin-right:50px;

width:55%;

}

.field--name-field-bouton-infos-tarifs
{margin:auto;
text-align:center;}

.field--name-field-avis-clients

{margin-top:30px;

background-color:#f2f2f2;

font-size:10px;

color:#237b12;

height:200px;

overflow: scroll;

overflow-style:marquee-block;

width:100%;}

.field-name-field-niveau

{margin-top:20px;

width:100%;

float:left;

}

.field-name-field-bouton-infos-tarifs

{width: 140px;

text-align: center;

float: left;

margin-top:40px;

}

.field-name-field-mobile-temps-forts .field-items

{width:90%;

margin-top:20px;

font-size:14px;

font-weight:400;

color:#000000;

background-color:#f2f2f2;

padding:30px;

}

/*------------------------------PRESTATATION COMPREND-----------------------------*/

.field-name-field-tarifs

{margin-top:20px;

}

/*------------------------------Empecher reduction largeur site pc -----------------------------*/

@media (min-width: 75rem) {

	#main {width:90%;
	margin:auto;

}
}

/*.container

{min-width:1100px;

}*/





/*------------------------------position block recherche -----------------------------*/

#block-search-form

{width:200px;

position:absolute;

right:20px;

top:170px;

z-index:60;}

/*------------------------------position block point neige -----------------------------*/

#block-venture-theme-block-31

{width:100px;

position:absolute;

right:200px;

top:60px;

z-index:60;}



#block-menu-menu-menu-site-2019 li a active{

    color:#000000;

}

.field-name-field-photos

{width:100%;

}



.ds-2col-stacked > .group-right

{width:45%}

#main-menu

{visibility:hidden;

}

#block-block-1

{height:15%;

}

li a.active {

    color: #ff8c00;

}

/*------------------------------Page de paiement des séjours -----------------------------*/

.field-name-panier

{background-color:#eee;

border:solid thin;

border-color:#237b12;

padding:10px;

}



fieldset legend {

    background: #dbdbdb;

    border: 0px solid #ccc;

        border-bottom-color: rgb(204, 204, 204);

        border-bottom-style: solid;

        border-bottom-width: 1px;

    border-bottom: none;

    display: block;

    height: 2em;

    left: -1px;

    line-height: 2;

    padding: 0;

    position: absolute;

    text-indent: 10px;

    text-shadow: 0 1px 0 #fff;

    top: -12px;

    width: 100%;

    -khtml-border-radius-topleft: 4px;

    -moz-border-radius-topleft: 4px;

    -webkit-border-top-left-radius: 4px;

    border-top-left-radius: 4px;

    -khtml-border-radius-topright: 4px;

    -moz-border-radius-topright: 4px;

    -webkit-border-top-right-radius: 4px;

    border-top-right-radius: 4px;

    display: none;

}

.commerce-order-handler-area-order-total .commerce-price-formatted-components {

    width: 33%;

    margin-left: auto;

    display: none;

}

/*------fieldset {

    background: #ffffff;

    border: 0px solid #cccccc;

    margin-top: 10px;

    margin-bottom: 32px;

    padding: 0 0 10px;

    position: relative;

    top: 12px;

    -khtml-border-radius: 4px;

    -moz-border-radius: 4px;

    -webkit-border-radius: 4px;

    border-radius: 4px;

}*/





#block-olivero-lienreseauxsociaux

 {width:100px;

 height:32px;

 position:absolute;

 top:100px;

 right:5px;

 z-index:60;

 }



#block-block-7 h2

  {display:none;

  }

 

  @media (min-width: 43.75rem) {

	ul.slides

	{height:px;

	}

	li.slides

	{height:px;

	}

}



.views-row .field--name-field-image-principale

{width: 100%;

float:left;

}

.node--view-mode-teaser

{border-bottom: 1px solid #ddd;

    margin-bottom: 30px;

    padding-bottom: 0px;

}



.page-title

{width: 95%;

    background-color: #f47f08;

    padding: 10px;

    color: #ffffff;

    font-weight: bold;

    border-radius: 10px;

    font-size: 1.7em;

    margin-right: 20px;

}



.field--name-field-presentation

{

margin-right:40px;

text-align: justify;

background-color: #f2f2f2;

padding: 30px;

}

.field--name-field-image-principale

{width:40%;

}

.node__content .field--name-field-sous-titre-duree {

    font-weight: bold;

    color: #999;

	font-size:0.9rem;

	line-height: 1.1rem;

}



.field--name-field-mobile-temps-forts

{margin-right:40px;
margin-top:15px;
}

.field--name-field-mobile-temps-forts .field__item

{



background-color: #f2f2f2;

padding: 30px;

}

.field__label

{

    color: #f47f08;

    text-transform: uppercase;

    font-size: 16px;

}

@media (min-width: 43.75rem) {

.field--name-field-mobile-photo-categorie-sej

{display:none;

}

#block-venture-theme-block-1

{display:block;

z-index:30;

}
#block-olivero-bandeaumobile
{display:none;
}


}

/*-----------------------------------Design mobile------------------------------------------*/

@media (max-width: 43.75rem) {
.field--name-field-mobile-temps-forts .field__item {
    background-color: #f2f2f2;
    padding: 0px;
}
.field--name-field-presentation {
    margin-right: 0px;
    text-align: justify;
    background-color: #f2f2f2;
    padding: 0;
}
	
	.view-nos-activites .views-field-name a {
    position: absolute;
    margin-top: 10px;
    font-weight: bold;
    color: #ffffff;
    padding-left: 20px;
    /* background-color: rgba(10, 10, 10, 0.2); */
    width: inherit;
    height: 20px;
    text-transform: uppercase;
    font-size: 1.1rem;
    display: block;
    text-shadow: #000000 1px 1px 2px;
}
	
	.block-views-blockaffichage-photos-destinations-block-1 .views-field-name a {
    position: absolute;
    margin-top: 10px;
    font-weight: bold;
    color: #ffffff;
    padding-left: 20px;
    /* background-color: rgba(10, 10, 10, 0.2); */
    width: inherit;
    height: 20px;
    text-transform: uppercase;
    font-size: 1.1rem;
    display: block;
    text-shadow: #000000 1px 1px 2px;
}
	
h2 {
    letter-spacing: -0.01em;
    font-size: 1rem;
    line-height: 1.2rem;
	margin-block: 0;
}
	

	
.field--name-field-programme
{margin-top:10px;
}
.field--name-field-mobile-temps-forts

{margin-right:0px;
margin-top:15px;
}
.field--name-field-presentation
{width:100%;
float:none;
 margin-top: 10px;
}

.field--name-field-image-principale

{width:100%;

}

.ds-2col > .group-left {
float: left;
width: 100%;
}

.ds-2col > .group-right {
float: left;
width: 100%;
margin-left:0px;

}

#block-venture-theme-block-23

{background-color:#e8e8e8;
padding:5px;
width:100%;
margin:auto;
margin-top:0px;
float:inherit;
display: block;
}

#block-venture-theme-block-24 /*-------------infos tatifs et programmes----*/
{display:none;
}

#block-venture-theme-block-25 /*-------------qui sommes nous----*/
{display:none;}

#block-venture-theme-block-26 /*-------------nous contacter----*/
{display:none;}

#block-olivero-menusite2019{
display:none;}

#block-venture-theme-block-28 /*-------------nos engagements----*/
{display:none;}

#block-venture-theme-block-27 /*-------------nos destinations----*/
{display:none;}

#block-venture-theme-block-29 /*-------------nos partenaires ----*/
{display:none;}

#block-venture-theme-block-8  /*----------------*/
{display:none;}

.views-view-responsive-grid__item

{width:100%;
float:none;
display:block;
}



.view-mobile-affichage-photos-destinations .views-field-name a

{position: absolute;
margin-top: 10px;
font-weight: bold;
color: #ffffff;
padding-left: 20px;
width: inherit;
height: 20px;
text-transform:uppercase;
font-size:0.9em;
display:block;
text-shadow:#000000 1px 1px 2px;
}

.views-view-responsive-grid--horizontal {


display:block;}



#block-venture-theme-block-1

{display:none;

}

 .path-frontpage .page-title {

    display: block;

    font-size: 1.5rem;

    margin-top: 0px;

    color: rgba(250,250,250, 0.8);

    margin-right: 30px;

	margin-left: 30px;

	background-color:transparent;

	margin-bottom: 0px;

	width:90%;

	float:none;

	line-height:1.8rem;

}
.region--hero
	{margin-bottom:15px;}

	#block-olivero-views-block-nos-voyages-block-1 h2 {
    background-color: #ff8c00;
    color: #ffffff;
    padding-left: 10px;
    text-transform: uppercase;
    height: 30px;
    line-height: 30px;
	font-size:1.2rem;
}
.view-nos-voyages .views-field-name a {
    position: absolute;
    margin-top: 10px;
    font-weight: bold;
    color: #ffffff;
    padding-left: 3px;
    width: inherit;
    height: 20px;
    text-transform: uppercase;
    font-size: 0.9rem;
    display: block;
    text-shadow: #000000 1px 1px 2px;
}

#block-olivero-mobilepointneige

{display:none;


}

#block-olivero-lienreseauxsociaux

 {display:none;

}
#main #block-olivero-liensurnotrepagefacebookgoogleplusetvimeo {
        position: relative;
        width: 100%;
        top: -20px;
        margin-bottom: 50px;
        right: 0px;
        height: 30px;
        border: solid 2px #ff8c00;
        margin-bottom: 30px;
        margin-top: 50px;
        padding-left: 60px;
        text-transform: uppercase;
        padding: 5px;
        text-align: center;
        color: #ff8c00;    }
		
#main #block-olivero-liensurnotrepagefacebookgoogleplusetvimeo .field--name-body
{background-color:transparent;
}




.path-frontpage .main-content__container .field--name-body {

display: block;
 width: 100%;
margin: auto;
padding: 20px;
background-color: #E7E7E7;
font-size: 0.9rem;
line-height: 1.3rem;
}

#block-olivero-views-block-actualites-accueil-block-1

{
width:100%;
float:none;
line-heigt:2rem;
margin-left:0;
height:auto;
min-height:0px;
border:solid;
border-color:#ff8c00;
border-width:thin;

}
#block-olivero-views-block-actualites-accueil-block-1 .views-field-view-node
{
}

#block-olivero-views-block-nos-voyages-block-1

{ display:block;

    width: 100%;

	float:none;

}

#block-olivero-views-block-nos-activites-block-1

{ display:none;

    width: 100%;

	float:none;

}
.views-view-responsive-grid__item {
    width: 100%;
    float: none;
    display: block;
    border: solid white;
    margin-bottom: 7px;
}
.view-taxonomy-term {
    width: 100%;
    margin: auto;
}
#block-olivero-contacteznousmobile
{height:30px;
border: solid 2px #ff8c00;
margin-bottom:30px;
margin-top:50px;
padding-left:60px;
}
#block-olivero-contacteznousmobile .field--name-body
{background-color:#ffffff;
padding:0px;
font-weight: bold;
}
#block-olivero-contacteznousmobile .field--name-body a
{color:#ff8c00;
text-transform:uppercase;
text-decoration:none;
}
#block-olivero-nospartenairesmobile
{  position: relative;
        width: 100%;
      margin-bottom: 50px;
      height: 30px;
        border: solid 2px #ff8c00;
        margin-bottom: 70px;
        margin-top: 50px;
        padding-left: 60px;
        text-transform: uppercase;
        padding: 5px;
        text-align: center;
        color: #ff8c00;    

}
#block-olivero-nospartenairesmobile .field--name-body
{background-color:transparent;
}

}
/*-----------------------------------------------------------------------------*/



#block-venture-theme-block-30

{display:none;

}

#block-venture-theme-block-5

{display:none;

}

/*--------------------------diaporamas-----------*/
@media (min-width: 30rem) and (max-width:60rem){
	.block-views-blockdiaporama-accueil-block-1

{height:auto;
width:100%;
	margin:auto;
}

}
@media (min-width: 60rem){
	.block-views-blockdiaporama-accueil-block-1

{height:auto;
width:90%;
	margin:auto;
}
}
    .vvjs.br-576.hero-slideshow .nav-dots-numbers {
    min-height: calc(2* 20px);
    margin-top: -50px;
    display: none;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

/*----------------*/
@media (min-width: 50rem) {

	.field--name-field-mobile-photo-categorie-des

{display:none;

}


}



.field--name-description

{margin-top:20px;

}







@media (min-width: 75rem) {

#block-olivero-bandeaumobile
{display:none;}

}



.Titre-pages {
    width: 95%;
background-color: #f47f08;
 padding: 10px;
color: #ffffff;
 font-weight: bold;
 border-radius: 10px;
font-size: 1.4em;
 margin-right: 20px;

}

#views_slideshow_cycle_div_bandeau_inf-block_1_2

{width:100%;

}

.views-field-field-bandeau .img

{width:100%;

}

.block-views-blockbandeau-inf-block-1
{width:100%;
}

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

#block-olivero-menusite2019 li {
float: left;
list-style: none;
margin-right: 2%;

}

#block-olivero-menusite2019{
 background-color: #ffffff;
 height: 30px;
width: 90%;
margin: auto;
font-size: 14px;
font-weight: bold;
text-transform:uppercase;
margin-left:13%;

}

@media (min-width: 43.75rem) {

.mobile-buttons {
	 display: none;}
#block-olivero-contacteznousmobile
{display:none;
}
#main #block-olivero-liensurnotrepagefacebookgoogleplusetvimeo
{display:none;
}
#block-olivero-nospartenairesmobile
{display:none;
}
#block-olivero-menupieddepage
{width:50%;
margin:auto;
}
}
#block-olivero-views-block-affichage-photos-destinations-block-1

{z-index:50;

}

.page-node-368 .page-title

{display:block;

}



#block-olivero-mobilepointneige
{display:block;
position: absolute;
right:0;
top:100px;}

.field--name-field-avis-clients 
{ margin-top: 30px;
background-color: #f2f2f2;
height: 200px;
overflow: scroll;
overflow-style: marquee-block;
width: 100%;
}

.field--name-field-avis-clients .field__item

{font-size: 12px;
color: #237b12;
}

@media (min-width: 43.75rem) {
#block-olivero-views-block-actualites-accueil-block-1
{margin-left:2%;
width:31%;
height:auto;
float:left;
border:solid;
border-color:#ff8c00;
border-width:thin;
 min-height:200px;
 line-height:2;

}
.views-view-responsive-grid__item .views-field-name 
{margin-left:2%
}

#block-olivero-pointneigeen
	{margin-right:50px;}
  }

#block-olivero-views-block-actualites-accueil-block-1 h2

 {background-color:#ff8c00;
 color:#ffffff;
 padding-left:10px;
 text-transform:uppercase;
  height: 30px;
 line-height: 30px;
}

 .center
 {width:80%;
margin:auto;
}

 #block-olivero-views-block-nos-voyages-block-1

{ width: 100%;
float:none;
}

#block-olivero-views-block-nos-activites-block-1

{    width: 100%;
}

/*-----language selector-----------------*/
@media (min-width: 75rem)
{
      #block-olivero-advancedlanguageselectorblock {
          position:absolute;
         right:20px;
          top:30px;
          z-index: 200;
          display:inline-block;}

      #block-olivero-advancedlanguageselectorblock img {
  		height:20px;
  		margin:5px;}
 
	#block-olivero-advancedlanguageselectorblock ul {
  list-style-type:none;}
	
}
@media (min-width: 43.75rem) and (max-width: 75rem)
{
      #block-olivero-advancedlanguageselectorblock {
          position:absolute;
          left:12%;
          top:50px;
          z-index: 200;
          display:inline-block;}

      #block-olivero-advancedlanguageselectorblock img {
  		height:20px;
  		margin:5px;}
 
	#block-olivero-advancedlanguageselectorblock ul {
  list-style-type:none;}
}

@media (max-width: 43.75rem)
{
	.language-switcher-language-session {
		position:absolute;
		left:0px;
		top:0px;
 		z-index: 110;}
	
	.language-switcher-language-session img {
		height:25px;
		margin:5px;
		float:left; }
	
	.language-switcher-language-session ul {
		list-style-type:none;}
}
	

/*-----fin language selector-----------------*/

.block__title {
    margin-block: 0;
    letter-spacing: 0.02em;
    color: #ff8c00;
    font-size: var(--font-size-s);
    line-height: var(--sp);
}

/*-----Enlever social bar-----------------*/
@media (min-width: 75rem) {
    .social-bar {
        flex-shrink: 0;
        width: var(--content-left);
        background-color: var(--color--gray-100);
		display:none;
    }

}
/*---------------------*/

/*---------design tablette----------*/
@media (min-width:43.75rem) and (max-width: 75rem) 
{
	.views-view-responsive-grid__item
	{width:30%;
	float:left;
	display:inline-block;
	margin-right:10px;
	margin-bottom:10px;}
	
	.views-view-responsive-grid--horizontal {
		display:block;}
	
	#block-olivero-menusite2019 
	{display:none;}
	
	.mobile-nav-button
	{display:inline-flex;}
	
	.mobile-buttons{ display:block;}
	
	.path-frontpage .page-title {
    display: block;
    font-size: 2rem;
    color: rgba(250, 250, 250, 0.8);
    margin-right: 200px;
    background-color: transparent;
    margin-bottom: 50px;
    width: 50%;
    float: left;
	z-index: 100;
    position: absolute;
    margin-left: 25%;
    margin-top: 50px;
    line-height: 2rem;
    background: rgba(0, 0, 0, 0.3);
}
	#block-olivero-views-block-nos-voyages-block-1 {
    width: 100%;
    float: none;
    display: inline-block;
}
	#block-olivero-views-block-nos-activites-block-1 {
    margin: auto;
    width: 100%;
    margin-top: 30px;
    margin-bottom: 40px;
    margin-right: 4%;
    margin-left: 2%;
    display: inline-block;
	float:none;
}
	#block-venture-theme-block-27 {
    float: none;
    width: 100%;
    margin-top: 30px;
    text-align: center;
    margin-bottom: 30px;
    display: inline-block;
}
	#block-venture-theme-block-26 {
    width: 31%;
    height: auto;
    float: none;
    border: solid;
    border-color: #ff8c00;
    border-width: thin;
    margin-left: 2%;
    display: inline-block;
}
	#block-venture-theme-block-25 {
    width: 31%;
    height: auto;
    float: left;
    border: solid;
    border-color: #ff8c00;
    border-width: thin;
    background-color: #ffffff;
    margin-left: 2%;
    display: inline-block;
}
	#block-venture-theme-block-24 {
    width: 31%;
    height: auto;
    float: left;
    border: solid;
    border-color: #ff8c00;
    border-width: thin;
    display: inline-block;
}
	
}
/*---------------------------*/

.site-footer {
    position: relative;
    color: var(--color--gray-65);
    background: #237b12;
}

.layout--twocol-section {
	border-bottom: 1px solid #CCCCCC;     
}
 .layout--twocol-section img {
	border: 1px solid #CCCCCC;     
    padding: 6px;
    height: auto;
    max-width: 100%;
    margin-bottom: 1em;
}
	 
.table
{border:0;}



/*-------------------REORGANISATION PAVES SEJOUR MOBILE-----------------*/

@media (max-width:43.75rem){
	/*.field--name-field-image-principale {display:none;}*/
	.field--name-field-programme {display:none;}
	.field--name-field-formules-proposees {display:none;}
	.field--name-field-mobile-temps-forts {display:none;}
	.field--name-field-carte {display:none;}
	.field--name-field-bouton-infos-tarifs {display:none;}
	.field--name-field-avis-clients {display:none;}
	.field--name-field-niveau {display:none;}
	.view-diaporama-photos-sejour {display:none;}
	.field--name-field-tarifs {display:none;}
	.field--name-field-venir-en-train {display:none;}
	.block-views-blockdiaporama-photos-sejour-block-1 {display:none;}
	.view-mobile-formules-proposees {display:none;}
	.block-views-blockmobile-niveau-block-1 {display:none;}
	
	.view-mobile-prestation-comprend {display:inline-block;
		float:none;}
	.field--name-field-presentation {display:none;}
	
	.block-views-blockmobile-avis-des-voyageurs-block-1 {margin-top: 30px;
background-color: #f2f2f2;
height: 200px;
overflow: scroll;
overflow-style: marquee-block;
width: 100%;
}
	.block-views-blockmobile-avis-des-voyageurs-block-1	.field-content
{font-size: 10px;
color: #237b12;
}

	
	
.views-label{
    color: #f47f08;
    text-transform: uppercase;
	font-size: 18px;
	font-weight: bold;
    
	}
	
.block-views-blockmobile-prestation-comprend-block-1
	{float:none;
	width:100%;}
	
	
	
}


/*---------------Enlever blocks mobiles séjour du site pc-------*/
@media (min-width:43.75rem)
	{
.view-mobile-image-principale-sejour
{display:none;}
.block-views-blockmobile-programme-sejour-block-1
{display:none;}
.block-views-blockmobile-carte-infostarifs-block-1
{display:none;}
.block-views-blockmobile-temps-forts-block-1
{display:none;}
.block-views-blockmobile-formules-proposees-block-1
{display:none;}
.block-views-blockmobile-niveau-block-1
{display:none;}
.block-views-blockmobile-avis-des-voyageurs-block-1
{display:none;}
.block-views-blockmobile-diaporama-photos-sejour-block-1
{display:none;}
.block-views-blockmobile-prestation-comprend-block-1
{display:none;}
.view-mobile-presentation 
{display:none;}
.block-views-blockmobile-venir-en-train-block-1
{display:none;}
.block-views-blockmobile-label-block-1
{display:none;}
}
.main-content__container {margin-top:0;}
.field--name-field-image-principale img
{width:100%;}

/*---------------Enlever blocks PC séjour du site mobile-------*/
@media (max-width:43.75rem)
	{
		.view-mobile-carte-infostarifs .views-field-field-carte
		{display:none;}
		.views-field-field-mobile-details-techniques table
		{border:none;
		}
		.views-field-field-mobile-details-techniques table tr
		{border:none;
		}
		.views-field-field-mobile-details-techniques table td
		{border:none;
		}
		.views-field-field-mobile-details-techniques img
		{width:100%;}
		.views-field-field-mobile-temps-forts .field-content
		{background-color: #f2f2f2;}
		#header #block-olivero-pointneigeen
		{display:none;}
}

/*--------------------Styles de texte-----------------------------*/

.orange
{color:#ff8c00;}
.vert
{color:#237b12;}