@font-face{
	font-family: 'Spinnaker';
	src:url('fonts/Spinnaker-Regular.ttf');
}
@font-face{
	font-family: 'Lobster';
	src:url('fonts/Lobster-Regular.ttf');
}
@font-face{
	font-family: 'Roboto';
	src:url('fonts/Roboto-Regular.ttf');
}

.lien_clair{
	color: #FEFBEE
}

.lien_clair:hover {
 color: rgba(250,168,20, 1); 
 }

/* Rules for using icons as white on a dark background. */
.material-icons.md-light {
 color: rgba(255, 255, 255, 1); 
 }
 

html, body {
 margin:0;
 padding:0;
 font-family: 'Roboto', sans-serif;
 background-color: #FEFBEE; /* beige clair */
}
/*
body {
 background-color: #FEFBEE; /* beige clair
}
*/

.bordure_logo {
 position: absolute;
 left: 0;
 top: 0;
 width:0px;
 height:0px;
 border-left: 251px solid RGB(25,25,23);
 border-right: 101px solid transparent;
 border-top: 182px solid RGB(52,25,12);
}


.fond_logo {
 position: absolute;
 left: 0;
 top: 0;
 width:0px;
 height:0px;
 border-left: 250px solid RGB(255,251,239);
 border-right: 100px solid transparent;
 border-top: 180px solid RGB(255,251,239);
}

.logo {
 position: absolute;
 left: 40px;
 top: -20px;
}

p {
 margin: 5px;
}

.titre_header {
 margin-left:350px;
 min-width:200px;
}

header {
 padding:10px;
 background-color: rgb(52,25,12);
 color:#FEFBEE;
 height: 100px;
/* border: 1px solid blue;*/
}

.logo {
/* border: 1px solid red;*/
}

.menu {
 /*border: 1px solid black;*/
}

.partie {
/*  border: 2px dotted blue;*/
  min-width: 400px;
}

.section_pp {
  /*border: 1px solid rgb(52,25,12);*/
  min-width: 400px;
  max-width:1200px;
  margin:auto;
  overflow:hidden;
}

.anfrage {
 padding: 20px;
 text-align: center;
 background-color: rgb(143,11,24);
 color: white;
 width:300px;
 height:20px;
}

.anfrage_cont {
 padding: 20px;
 text-align: center;
 width:300px;
 height:20px;
}
.anfrage_titre {
 position:relative;
 top:-140px;
 padding: 20px;
 text-align: center;
 width:300px;
 height:20px;
}

.preis {
 /*background-color: rgb(143,11,24);  /*rouge */
 color:rgb(143,11,24); /*#FEFBEE;*/
 margin: 5px;
 text-align: center;
 font-size: 3em;
 width:300px;
}

.text_box {
 width: 95%;
 min-width: 400px;
}

#conteneur {
 display: flex;
 flex-wrap: wrap;
 justify-content: center;
}

#conteneur2 {
 display: flex;
 flex-direction: column;
 align-items: center;
 border: 1px solid black;
 border-radius: 20px;
 padding: 10px;
 margin: 15px;
 width: 40%;
 min-width: 400px;
 box-shadow: 2px 2px 6px #DEC8B5;
}

#espace {
 display: flex;
 height: 40px;
 align-items: center;
}

.image {
 height:500px;
 background-image: url(item/Photo2_LOVE.jpg);
 background-attachment: scroll;
 background-position: center center;
 background-size: cover;
}

.image2 {
 display: inline-block;
 border: 2px solid black;
 padding: 10px;
 margin: 15px;
 width: 60%;
 min-width: 500px;
}

.image3 {
 display: inline-block;
/* border: 2px solid black;*/
 padding: 10px;
 margin: 15px;
 width: 40%;
 min-width: 400px;
}

.rahmen_text_bild {
 position: absolute;
 left:25%;
 top:400px;
 padding: 5px;
 width: 50%;
 min-width: 400px;
 /*border: 2px solid blue;*/
}

.ombre {
display: inline-block;
background-color: black;
opacity:0.5;
width:100%;
height: 130px;
}

.titre_bild {
 position:relative;
 top:-130px;
 text-align:center;
 opacity: 1;
 color: white;
}

.Description {
 display: inline-block;
 vertical-align: top;
 /*border: 2px solid black;*/
 padding: 10px;
 margin: 15px;
 width: 80%;
 min-width: 400px;
}

.Description_detail {
 display: inline-block;
 vertical-align: top;
/*border: 2px solid black;*/
 padding: 10px;
 margin: 15px;
 width: 40%;
 min-width: 400px;
}

.h1_description {
 /*background-color: #DEC8B5; /* beige moyen */
 text-align:center;
 color:rgb(143,11,24) /*#7E5736;*/
}

.button {
  background-color: #4CAF50;
/*  border: none;*/
  color: white;
  padding: 15px 25px;
  text-align: center;
  font-size: 16px;
  cursor: pointer;
}

.anfrage:hover {
  background-color: rgb(250,168,20);
}

footer {
 padding:10px;
 background-color: rgb(52,25,12);
 color:#FEFBEE;
 text-align: center;
}