@charset "utf-8";
/* CSS Document */
/*	background-color: #4cAf50;
	background-color: #d7a968;
	background-color: #676767;
	background-color: #f44336;
	background-color: #7d7770;
	background-color: #E8e5de;*/

:root{
  --color-fd: #f3f3f3; 
  --color-1:  #E8e5de;  
  --color-2:  #d7a968;  
}

body {
  margin:0;
  width: 100%;
  text-align: center;
  background-color: var(--color-fd);
  font-size: 100%;
}

/*              H1                 */
h1 {font-size: 3em;}
h2 {font-size: 2.5em;}
h3 {/*color: cyan; */	
	font-size: 2em;}
@media screen and (max-width: 64em) {
h1 {    font-size: 2.5em;  }
h2 {    font-size: 2em;  }
h3 {  /* color:lawngreen;*/
	font-size: 1.75em;  }
}
@media screen and (max-width: 50em) {
h1 {    font-size: 2em;  }
h2 {    font-size: 1.75em;  }
h3 {  /* color:chocolate; */
	font-size: 1.5em;  }
}
@media screen and (max-width: 30em){
h1 {    font-size: 1.5em; }
h2 {    font-size: 1.25em;  }
h3 {  /* color:crimson; */
	font-size: 1em;  }
}

p{ 
  font-size: 32px;
}
/*                 gestion écran MOBILE / DESK */	
@media screen and (orientation: portrait) {
  .menuDesk {
    display: none;
  }
  .menuMobile {
    display: block;
  }
}
@media screen and (orientation:landscape) {
  .menuDesk {
    display: inline;
  }
  .menuMobile {
    display: none;
  }
}

.entete {
  Background-color: var(--color-1);
  padding-top: 1px;
  font-family: "Cormorant Garamond";
  color: #000;
  border-bottom: 6px solid var(--color-2);
}
.bandeau{
  height:30px;   
  Background-color:var(--color-2);
}



/* enlève le souliglé des liens*/
a {
  color: #000;
  text-decoration: none;
}
.pied {
  padding: 5px;
  font-family: 'Cormorant Garamond';
  color: #000;
  font-size: 50px;
  font-weight: bold;
    
}



#leftbox {
  float: left;
  width: 25%;
  height: 200px;
  Background-color: var(--color-1);
  border-top: 6px solid var(--color-2);
}
#middlebox {
  float: left;
  width: 50%;
  height: 200px;
  Background-color: var(--color-1);
  border-top: 6px solid var(--color-2);
}
#rightbox {
  float: right;
  width: 25%;
  height: 200px;
  Background-color: var(--color-1);
  border-top: 6px solid var(--color-2);
}
.conteneur {
  display: block;
  height: 70px;
}