@charset "utf-8";

/*BODY*/
body {margin: 0; padding: 0; font-family: roboto, Helvetica, sans-serif; background-color: rgb(228, 218, 172);}
/*general*/
.maj {text-transform: uppercase;}
.bld {font-weight: bold;}
/*a*/
a {opacity: 0.8; color: rgb(88, 52, 17); text-decoration: none;}
a:link {opacity: 0.8; color: rgb(88, 52, 17); text-decoration: none;}
a:visited {opacity: 0.8; color: rgb(88, 52, 17); text-decoration: none;}
a:hover {opacity: 1; color: rgb(79, 67, 13)}
a:active {opacity: 0.8; color: rgb(68, 55, 44); text-decoration: none;}

/*HEADER*/
div#header-top {width: 100%; margin: 0 auto; background:url(img/ebauche-mbb.jpg) no-repeat center center;}

header {height: 300px; width: 1140px; margin: 0 auto;}

/*header */
header a {opacity: 1;}
header a:link {opacity: 1;}
header a:visited {opacity: 1;}
header a:hover {opacity: 1;}
header a:active {opacity: 1;}

header img {height: 200px;}

nav {width: 1140px; margin: 0 auto; text-align: center; background-color: rgb(92, 62, 22);}

nav p {display: flex inline; margin: 15px; padding: 0px 10px; font-size: 1.7em; text-decoration: none; border: solid rgb(0, 0, 0) 2px; border-radius: 0.5em; font-family: bungee; background-color: rgb(177, 138, 81);}

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

/*---------------SECTION---------------*/
section {box-sizing: border-box; width: 1140px; margin: 0 auto;padding: 30px;  background-color: rgb(176, 138, 91);}

section h1 {margin: 0; text-align: center; font-size: 3em; font-family: bungee, Helvetica, sans-serif;}

/*----------------PAGE ACCUEIL-------------------*/
#img-ouverture {float: left; margin: 25px 30px;}

#divp {width: 400px; display: flex inline; clear: both}

#texte_entree {font-size: 1.5em;}

section blockquote {margin: 20px; padding: 5px; clear: both; font-size: 2em; text-align: center; border: dashed 2px yellow ; border-radius: 20px; background-color: rgb(221, 168, 99);}

/*article*/
.arti {display: flex inline;}

article img {border-radius: 48px 48px 0px 0px;}

.h2-arti {background-color:rgb(123, 97, 65); font-family: bungee, Helvetica, sans-serif;;}

div article  {width: 350px; height: 500px; padding: 0 auto; text-align: center; border: 2px solid rgb(60, 44, 26); border-radius: 50px; background-color:rgb(123, 97, 65);}

article p {font-size: 1.3em;}

/*------------------PAGE ACHAT--------------------*/
form {font-size: 1.7em;}

fieldset {box-sizing: border-box; width: 100%; margin: 20px 0px; border: 3px rgb(60, 44, 26) dashed;}

fieldset legend {font-size: 1.2em; font-weight: bold;}

#formu-boite {margin: 5px 0px;}

#formu-boite div {margin: 10px 0px 25px 0px;}

fieldset .partie-formu {margin: 10px 0px 15px 0px; font-weight: bold;}

fieldset input[type="radio"], fieldset input[type="checkbox"] {width: 20px; height: 20px;}

#choix-prix label {margin: 0px 30px 0px 0px;}

fieldset input {margin: 5px 10px 15px 0px; vertical-align: middle; font-size: 0.60em;}

/* number */
input[type="number"] {width: 30px; height: 30px; font-size: 0.8em;}

select {width: 205px; font-size: 0.7em;}

/*montant*/
#montantFinal {margin: 20px 40px 20px 0px;}

/* image du theme */
#imgVotrePrix {width: 290px; float: right; margin: 0px 20px 0px 0px; border-radius: 30px;}

/* bouton fin */
input[type="button"], input[type="submit"], input[type="reset"]{margin: 30px 0px 0px 10px; padding: 0px 10px; height: 30px; font-size: 0.8em; border-radius: 30px;}

input[type="button"], input[type="submit"] {background-color: yellow;}
input[type="reset"] {background-color: rgb(228, 218, 172);}

/*-----------------PAGE REVENTE------------------*/
#revente-presentation {margin: 0px 10px;}

#img-laval {width: 280px; margin: 0px 25px 0px 30px; float: left; border-radius: 50px;}

aside {height: 280px;}

#p-locali {font-size: 1.8em; padding: 10px; text-align: justify;}

/*h2 revente*/
#info-h2 {text-align: center; font-family: bungee, Helvetica, sans-serif; font-size: 2.4em;}

/*info-boutique*/
.info-boutique {display: flex inline; vertical-align: top;}

/*h-ouverture*/
#h-ouvert {width: 300px; height: 400px; margin: 0px 10px; padding: 10px; border: 2px solid rgb(60, 44, 26); border-radius: 50px; background-color:rgb(123, 97, 65);}

#h-ouvert p {font-size: 1.5em; text-align: justify; margin: 5px 26px; line-height: 2em;}

/*adresse*/
#adre {width: 350px; height: 400px; margin: 0px 10px; padding: 10px; border: 2px solid rgb(60, 44, 26); border-radius: 50px; background-color:rgb(123, 97, 65);}

#adre p {font-size: 1.5em; text-align: justify; margin: 26px; line-height: 1.9em;}

#vue-bout {width: 300px;  margin: 0px 15px; border: 2px solid rgb(60, 44, 26); border-radius: 50px;}

/*-----------------À PROPOS-----------------*/
figure {float: right; margin: 10px 30px; background-color: rgb(60, 44, 26); border-radius: 30px; border: solid rgb(255, 238, 0) 2px;}

figure img {width: 200px; border-radius: 30px 30px 0px 0px;}

figure figcaption {padding: 10px; background-color: rgb(123, 97, 65);  font-size: 1.3em; font-weight: bold; text-align: center; color: rgb(228, 218, 172); border-radius: 0px 0px 30px 30px;}
figure figcaption a {text-decoration: none; color: rgb(189, 151, 104);}
figure figcaption a:link {text-decoration: none; color: rgb(243, 210, 78);}
figure figcaption a:hover {text-decoration: none; color: rgb(240, 217, 127);}
figure figcaption a:visited {text-decoration: none; color: rgb(240, 217, 127);}
figure figcaption a:active {text-decoration: none; color: rgb(240, 217, 127);}

.h2-propos {font-family: bungee, Helvetica, sans-serif; font-size: 2.4em;}

.p-a-propos {padding: 0px 15px; font-size: 1.4em; }

#mail_sav {text-decoration: none; color: rgb(241, 237, 197);}
#mail_sav:link {text-decoration: none; color: rgb(241, 237, 197);}
#mail_sav:hover {text-decoration: none; color: rgb(211, 181, 31);}
#mail_sav:visited {text-decoration: none; color: rgb(241, 237, 197);}
#mail_sav:active {text-decoration: none; color: rgb(241, 237, 197);}



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

/*FOOTER*/
div#footerBottom {width: 100%; margin: 0 auto; background:url(img/fond-footer.jpg) no-repeat center center}

footer {width: 1140px; height: 300px; margin: 0 auto;}

/*footer haut de page*/
p#hdp {float: right; text-align: right; padding: 5px; border: 2px solid black; border-radius: 90px; background-color: rgb(200, 152, 80);}

/*footer a*/
footer a {text-decoration: none; color: black;}
footer a:link {text-decoration: none; color: black;}
footer a:visited {text-decoration: none; color: black;}
footer a:hover {text-decoration: none; color: rgb(241, 208, 156);}
footer a:active {text-decoration: none; color: black;}

/*footer logo*/
#logo-foot {opacity: 1;}
#logo-foot:link {opacity: 1;}
#logo-foot:visited {opacity: 1;}
#logo-foot {opacity: 1;}
#logo-foot {opacity: 1;}

/*footer divers*/
footer img {width: 185px; float: left;}

footer div {height: 30px;}

#text_foo {text-align: left; font-size: 1.4em;}

#tdr {text-align: left; font-size: 1.2em;}
/*

*/