/**************************************************/
/* Grid
/**************************************************/
@supports (display: grid) {
  .grid-child.container-component.container-line1  {
    display: grid;
    @media (min-width: 576px) {
      grid-template-columns: 60% 40% 0%; 
      grid-template-areas: "main-l1c1 main-l1c2 main-l1c3";
  	}
  }
}
@supports (display: grid) {
  .grid-child.container-component.container-line2  {
    display: grid;
    @media (min-width: 576px) {
      grid-template-columns: 40% 60% 0%; 
      justify-self: center;
      grid-template-areas: "main-l2c1 main-l2c2 main-l2c3";
  	}
  }
}
@supports (display: grid) {
  .grid-child.container-component.container-line3  {
    display: grid;
    @media (min-width: 576px) {
      grid-template-columns: 40% 60% 0%; 
      justify-self: center;
      grid-template-areas: "main-l3c1 main-l3c2 main-l3c3";
  	}
  }
}
@supports (display: grid) {
  .grid-child.container-component.container-line4  {
    display: grid;
    @media (min-width: 576px) {
      grid-template-columns: 40% 60% 0%; 
      justify-self: center;
      grid-template-areas: "main-l4c1 main-l4c2 main-l4c3";
  	}
  }
}


/**************************************************/
/* css global
/**************************************************/


:root {
/* original 
  --template-bg-light: #f0f4fb;
  --template-text-dark: #495057;
  --template-text-light: #ffffff;
  --template-link-color: #2a69b8;
  --template-special-color: #001B4C;  
  --body-bg: #fcf7f4;
  
  --cassiopeia-color-primary: #912b3b;         Rouge Bordeaux
  --cassiopeia-color-primary: #44b5ff;         Bleu clair
  --cassiopeia-color-primary: #fcf7f4;         Crème Intermèdes
  --cassiopeia-color-link: #30638d;
  --cassiopeia-color-hover: #954b56;           avec Rouge Bordeaux
  --cassiopeia-color-hover: #327ef4;           avec Bleu Clair  
  --cassiopeia-color-hover: #fcf7f4;           Crème Intermèdes

*/
  

  --cassiopeia-color-primary: #912b3b;
  --cassiopeia-color-hover: #954b56;
   
  
}


/**************************************************/
/* Font
/**************************************************/
/* montserrat-regular - latin */
/*@font-face {
/*  font-family: 'Montserrat';
/*  font-style: normal;
/*  font-weight: 400;
/*  src: url('../fonts/montserrat-v25-latin-regular.eot'); /* IE9 Compat Modes */
/*  src: local(''),
/*       url('../fonts/montserrat-v25-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
/*       url('../fonts/montserrat-v25-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
/*       url('../fonts/montserrat-v25-latin-regular.woff') format('woff'), /* Modern Browsers */
/*       url('../fonts/montserrat-v25-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
/*       url('../fonts/montserrat-v25-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
/*}

/* montserrat-700 - latin */
/*@font-face {
/*  font-family: 'Montserrat';
/*  font-style: normal;
/*  font-weight: 700;
/*  src: url('../fonts/montserrat-v25-latin-700.eot'); /* IE9 Compat Modes */
/*  src: local(''),
/*       url('../fonts/montserrat-v25-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
/*       url('../fonts/montserrat-v25-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
/*       url('../fonts/montserrat-v25-latin-700.woff') format('woff'), /* Modern Browsers */
/*       url('../fonts/montserrat-v25-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
/*       url('../fonts/montserrat-v25-latin-700.svg#Montserrat') format('svg'); /* Legacy iOS */
/*}

/* montserrat-italic - latin */
/*@font-face {
/*  font-family: 'Montserrat';
/*  font-style: italic;
/*  font-weight: 400;
/*  src: url('../fonts/montserrat-v25-latin-italic.eot'); /* IE9 Compat Modes */
/*  src: local(''),
/*       url('../fonts/montserrat-v25-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
/*       url('../fonts/montserrat-v25-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
/*       url('../fonts/montserrat-v25-latin-italic.woff') format('woff'), /* Modern Browsers */
/*       url('../fonts/montserrat-v25-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
/*       url('../fonts/montserrat-v25-latin-italic.svg#Montserrat') format('svg'); /* Legacy iOS */
/*}

/* montserrat-700italic - latin */
/*@font-face {
/*  font-family: 'Montserrat';
/*  font-style: italic;
/*  font-weight: 700;
/*  src: url('../fonts/montserrat-v25-latin-700italic.eot'); /* IE9 Compat Modes */
/*  src: local(''),
/*       url('../fonts/montserrat-v25-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
/*       url('../fonts/montserrat-v25-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
/*       url('../fonts/montserrat-v25-latin-700italic.woff') format('woff'), /* Modern Browsers */
/*       url('../fonts/montserrat-v25-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
/*       url('../fonts/montserrat-v25-latin-700italic.svg#Montserrat') format('svg'); /* Legacy iOS */
/*}

/**************************************************/
/* Body
/**************************************************/
body {
  color: #444444;
  margin: 0 auto;
  width: auto;
  position: relative;
  max-width: 1260px;
  box-shadow: 0px 0px 80px 0px rgba(136, 136, 136, 0.29);
}

/**************************************************/
/* Banner 1
/**************************************************/
.grid-child.container-banner-top {
  /*font-family: 'montserrat-v25-latin-regular'; */
  padding-top: 0.5rem;
  padding-right: 0.5rem;
  padding-bottom: 0rem;
  padding-left: 0.5em;
  line-height: 2rem;
}
.banner-top {
  padding: 10px 0px 0px 0px;
  width: 100%;
  color: #fff;
  font-size: 2rem;
  text-align: center;
  white-space: normal;
}
/*.erwann-menu-accueil {
  div.banner-top.erwann-mod-banner-top {
    visibility: hidden;
  }
}
*/

/**************************************************/
/* Menu
/**************************************************/

.container-header .mod-menu {
  color: #fff;
}
.container-header nav {
  margin-top: 0rem;
  padding: 0;
}
.grid-child.container-nav {
  padding-top: 0rem;
}


/**************************************************/
/* Search
/**************************************************/
.container-header .container-search {
  --cassiopeia-color-link: #fff;
  margin: 0px;
  padding-top: 14px;
  padding-right: 14px;
    a {
  	  color: #fff;
	}
}
.container-header .container-search > a {
  color: currentColor;
  position: relative;
/*  text-decoration: none; */
}

/**************************************************/
/* Container de chacune des pages (after click menu)
/**************************************************/
.container-component {
  margin-top: 0px;
}



/**************************************************/
/* Page Accueil
/**************************************************/
.erwann-accueil-mod-top {
  border: none;
}
.erwann-accueil-mod-intro {
  border: none;
}


/**************************************************/
/* Page Groupes Privés
/**************************************************/
.erwann-gprives-mod-intro {
  border: none;
}
.erwann-gprives-mod-l1c1 {
  border: none;
}
.erwann-gprives-mod-l1c2 {
  border: none;
}
.erwann-gprives-mod-l2c1 {
  border: none;
}
.erwann-gprives-mod-l2c2 {
  border: none;
  img {
    margin-top: 4px;
  }
}
.erwann-gprives-mod-l3c1 {
  border: none;
}
.erwann-gprives-mod-l3c2 {
  border: none;
}
.erwann-gprives-mod-fin {
  border: none;
}


/**************************************************/
/* Page Voyages Intermèdes
/**************************************************/
.erwann-voyages-top {
  border: none;
}
.erwann-voyages-intro {
  border: none;
}
.erwann-voyages-intermedes {
  border: none;
}
.erwann-voyages-intermedes img {
  border: 1px solid #dfe3e7;
  border-radius: .25rem;
}


/**************************************************/
/* Page Professionnels
/**************************************************/
.erwann-professionnels-top {
  border: none;
}


/**************************************************/
/* Page Contact
/**************************************************/
@media (min-width: 576px) {
  .item-page-myContact {
    min-width: 576px;
    max-width: 85%;
  }
}
.item-page-myContact {
  margin-left: auto;
  margin-right: auto;
}




/**************************************************/
/* Page Connexion
/**************************************************/
@media (min-width: 576px) {
  .erwann-connexion {
    min-width: 576px;
  }
}

.erwann-connexion {
  margin-left: auto;
  margin-right: auto;
  margin-top: 4em;
}
.erwann-connexion button {
    margin-top:0px;
}
.erwann-connexion {
  div.mod-login__submit.form-group {
    margin-top:32px;
  }
}
.erwann-connexion ul.mod-login__options {
  display: none;
}

.erwann-connexion {
  .mod-login-logout__login-greeting.login-greeting {
    margin-top:0em;
    margin-bottom:2em;
  }
}

/**************************************************/
/* Page Connexion2
/**************************************************/
 
.erwann-connexion2 {
  display: none;
}


/**************************************************/
/* Pied de Page
/**************************************************/
.erwann-footer {
/*  grid-template-columns: 1fr;*/
  display: block;
  padding-top: 1rem !important;
  padding-right: 0.5em;
  padding-bottom: 0.5rem !important;
  padding-left: 0.5em;
}



