@charset "utf-8";
/* CSS Document */
:root{
    --color-fonce: #cda97d; /*c1b09b*/
    --color-clair: #efe6db;
    --gris-fonce: #595959;
    --gris-clair: #f2f2f2;
}




@media (prefers-color-scheme: dark) {
  body, html {
    margin: 0;
    font-family: 'Benne';
    font-size: 18px;
    background: #ccc!important;}
    #global {background-color:#fff;}
}

@media (prefers-color-scheme: light) {
  body, html {
    margin: 0;
    font-family: 'Benne';
    font-size: 18px;
    background: #ffffff!important;
  }
  #global {background-color:#fff;}
}

/* footer en bas */
#global {
	margin-left:auto;
	margin-right:auto;
	background-color:#fff;
	min-height: 100vh;
  flex-direction: column;
  display: flex;
}

#middle {
flex-grow:1;
padding-bottom: 20px;
overflow: hidden;
}

.container, #menutop{
	 max-width: 1240px;
    width: 100%;
    margin: 0 auto;
    padding: 0 20px;
}

.container2{
	max-width: 1100px;
    width: 100%;
    margin: 0 auto;
    padding: 0 20px;
}
.carret::after{content: "\f0d7";
  font-family: 'p900';
  color: #000;
  left: 0px;
  font-size: 12px;
  padding-left: 5px;}
/** scroll to top */

#backtotop {
  display: inline-block;
  background-color: #d7d7d7a1;
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 30px;
  position: fixed;
  bottom: 30px;
  right: 30px;
  transition: background-color .3s, 
    opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
  text-decoration: none;
}

#backtotop::after {
  content: "\f077";
  font-family: 'p900';
  font-weight: normal;
  font-style: normal;
  font-size: 2em;
  line-height: 50px;
  color: var(--color-fonce);
}
#backtotop:hover {
  cursor: pointer;
  background-color: var(--color-clair);
}
#backtotop:active {
  background-color: var(--color-clair);
}
#backtotop.show {
  opacity: 1;
  visibility: visible;
}

/* containers*/

.container1600, .container1400,
.container1200, .container1000{
    width: 100%;
    margin: 0 auto;
    padding: 0 20px;
}
.container1600 {max-width: 1640px;}
.container1400 {max-width: 1440px;}
.container1200 {max-width: 1240px;}
.container1000 {max-width: 1040px;}

/* menu top Document */

.bandemenu {
  border-bottom: 1px solid var(--color-fonce);
  padding-bottom: 10px;
  width: 100%;
}
#connection{
    display: none;
    margin-left: 10px;
  }
#top .logomenu h1{margin: 0;}
.logo_short {display: none;}
#menutop {
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
}
#menutop > li > a:hover, 
#menutop > li > a:active,
#menutop li.menu_actif a {
    border-bottom: 2px;
    cursor: pointer;
    color: var(--color-fonce);
}
#menutop > li >  a {
   padding: 10px 0;
   text-decoration: none;
   color: #000;
   font-family:'Benne';
   font-size: 24px;
   -webkit-transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-in-out;
    -moz-transition-duration: 0.3s;
    -moz-transition-timing-function: ease-in-out;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
}
#menutop > li .sousmenutop{ 
    position: absolute;
    padding: 20px;
    background: #ffffffe0;
    margin-left: -15px;
    line-height: 2;
    z-index: 10;
    box-shadow: 2px 2px 6px 0px #00000024;
    display: none;
}
#menutop > li .sousmenutop li{
-webkit-transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-in-out;
    -moz-transition-duration: 0.3s;
    -moz-transition-timing-function: ease-in-out;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    display: block;
    border-bottom: 1px #cccccc solid;
    line-height: normal;
    padding: 10px 0; 
}
/*#menutop > li:nth-child(1) a span::after,#menutop > li:nth-child(4) a span::after,#menutop > li:nth-child(6) a span::after{
    content: "\f0d7";
    font-family: 'p900';
    color: #595959;
    left: 0px;
    font-size: 12px;
    padding-left: 5px;
}*/
#menutop > li .sousmenutop li a{

    color: #595959;
    font-family: 'Benne';
    font-size: 20px;
    text-decoration: none;
}
#menutop > li .sousmenutop li a:hover{
    color: var(--color-fonce);
}
#top {
  display: flex;
  position: relative;
  align-items: baseline;
  width: 100%;
  justify-content: space-between;
}
#top .menu_haut_coordonnees {
  padding: 5px 20px;
  z-index: 1;
  background-color: #1d1d1b;
  color: #ffffff;
  position: absolute;
  text-align: right;
  top: 0;
  z-index: 999999999999;
  width: 100%;
}
#top .menu_haut_coordonnees p {
    display: inline-block;
    margin-left: 10px;
}
#top .menu_haut_coordonnees a{
    color: #ffffff;
    text-decoration: none;
}
#top .menu_haut_coordonnees a:hover{color: var(--color-fonce);}
.tel::before, #connection a::before {
    font-family: 'p900';
    color: #ffffff;
    left: 0px;
    font-size: 12px;
    line-height: 1.5;
}
.tel, #connection a {display: block;}
.tel::before{
    content: "\f095";
    transform: rotate(90deg);
    display: inline-block;
}

/* logo milieu*/

#top .logomenu {
 width: 20%;
    margin-top: 35px;
    background: #ffffff;
    text-align: center;
    padding: 27px 15px 0;
}
#top .logomenu h2 {
    font-family:'Benne';
   font-size: 20px;
   font-weight: lighter;
}
#connection a:hover::before, #menutop > li > a:hover{olor: var(--color-fonce);}
#connection a::before{content: "\f007";font-family: 'p900' }

/* bottom Document */
#bg_bottom {
    padding: 40px 0 0px;
    justify-content: center;
    margin: 0;
    border-top:1px solid #d9d9d9;
    color: var(--gris-fonce);
}
#bg_bottom .container{
    flex-flow: row wrap;
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: space-between;
    background: #fff;
}
#bg_bottom .container a{
  line-height: 1.5;
  color: var(--gris-fonce);
    text-decoration: none;
}

#bg_bottom .container .col{
    padding: 10px;
    height: auto;
    font-size: 15px;
    text-align: left;
    flex-grow: 1;
}
#bg_bottom .col .titre{
  font-family: 'Benne';
  font-weight: inherit;
  text-transform: uppercase;
    color:  #a0815c;
    font-size: 22px;
    padding-bottom: 10px;
}
#bg_bottom .container .col:first-child h3,
#bg_bottom .container .col:nth-child(4) h3{
  margin-bottom: 20px;
}
#bg_bottom .container .col p {
  margin: 0  0 10px 5px;
}

/******************sous botton */

#menubottom li {
  list-style:none;
  vertical-align:top;
  padding:0 5px 0 5px;
}
#menubottom .sm {
  margin-top:10px;
  display:none;
}

#menubottom li.mbot_5,
#menubottom li.mbot_7{
    display: none;
}


#menubottom img {
    display: none;
}
/**********************************LIENS MENTIONS LEGALES CONTACT PLAN DU SITE*/
#menubottomb{
  margin-top:10px;
  list-style:none;
  padding-left: 10px;
}
#bg_bottom .col:first-child div a,
#bg_bottom .col:first-child div p {
 line-height: 1.5;
 margin:0;
}
#bg_bottom .col p.adress::before {content: "\f3c5";
    font-family: 'p900';
    left: 0px;
}
#bg_bottom .col.contacts div p.adress::before,
#bg_bottom .col.contacts div p.tel::before,
#bg_bottom .col a[href ^="mailto:"]::before {
    color: var(--gris-fonce);
    margin-right: 5px;
    font-size: 12px!important;
}
#bg_bottom .col.contacts div{
    background: var(--color-clair);
    width: fit-content;
    width: -moz-fit-content;
    padding: 15px 20px 10px;
    text-align: left;
}
#bg_bottom .col.contacts div a{margin-left: 0}
.col a,#bg_bottom .legal a  {
    -webkit-transition-duration: 0.2s;
    -webkit-transition-timing-function: ease-in;
    -moz-transition-duration: 0.2s;
    -moz-transition-timing-function: ease-in;
    transition-duration: 0.2s;
    transition-timing-function: ease-in;
    text-decoration: none;
    font-size: 15px;
   color: var(--gris-fonce);
}
#bg_bottom .col a:hover, #bg_bottom .legal li a:hover{color: var(--color-fonce)!important;}
#bg_bottom .col:nth-child(3) a:hover{padding-left: 2px;}
#bg_bottom .container .col:nth-child(3) a{
  display: inline-block;
    margin-right: 10px;
}
#bg_bottom .col:last-child img{margin-right: 10px;height: 40px;}
#bg_bottom .legal {
    border-top:1px solid #d9d9d9;
    padding: 20px 0;
    margin-top: 20px;
    text-align: center;
    font-size: 15px;
}
#bg_bottom .legal li,#bg_bottom .legal p {
display: inline-block;
margin-left: 10px;
padding-left: 5px;
}
#bg_bottom .legal li::before{
    content: "-";
    padding-right: 10px;
}
#bg_bottom .legal li:first-child::before{
    content:none;
}

/* form contact  */

.formulaire {
    display: flex;
    column-gap: 40px;
    justify-content: space-between;
    padding: 2% 10%;
}
.col_right fieldset input{
   width: 100%;
   margin-bottom: 10px;
}
.col_right fieldset select{
  margin-bottom: 10px;
}
.col_right fieldset textarea{
    width: 100%;
    height:300px;
  margin-bottom: 10px; 
    min-height: 120px;
}
.col_right legend{
  font-size: 24px;
    color: #2b2a28;
    border-bottom: 1px solid #2b2a28 ;
    margin: 25px 0 20px;
    padding-bottom: 20px;
}

.col_right .form_submit {
    transition: all, 0.3s;
   background: #2b2a28;
    color: #ffffff;
    padding: 10px 15px;
    text-decoration: none;
    display: table;
    margin: 0 0 0 auto;
    text-transform: uppercase;
    border: 0;
}
.col_right .form_submit:hover {
  background: var(--color-fonce);
  transition:all 0.3s;
}
.info_form {
  display: block;
  padding: 10px 0;
    font-size: 12px;
}
#top.scrollmenu_actif .bandemenu{border-bottom: 0;}
#top.scrollmenu_actif{
  position: fixed;
  z-index: 1000000;
  background:#fff;
  width: 100%;
  top: 0;
  padding: 15px !important;
  max-width: inherit;
  max-height: 72px;
  box-shadow: 1px 4px 5px #878787b8;
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
#top.scrollmenu_actif .logomenu {
  margin-top: 0;
  padding: 0px 15px 0;}
#top.scrollmenu_actif .menu_haut_coordonnees {display: none;}
.scrollmenu_actif h2,.scrollmenu_actif .bloc_top_top{display: none;}
.scrollmenu_actif .logo svg,.scrollmenu_actif .logo img {
  padding: 0;
  -webkit-transition: 0.1s ease-in-out;
  -moz-transition: 0.1s ease-in-out;
  transition: 0.1s ease-in-out;
}
#top .scrollmenu_actif .logo {max-width: 201px;}
#top .scrollmenu_actif  .bandemenu {
  border-bottom: 0;
}