@charset "utf-8";

/*Page*/
body{ margin:0; padding:0; background:url("images/Fond.png"); background-attachment:fixed; background-size:cover; }

/*Entete*/
header{ background:#8CC6D0; height:120px; box-shadow:0px 10px 16px #808080; display:flex; padding:0; }
header img{ height:70%; margin-left:15%; align-self:center; display:block; }
.RaisonSociale{ display:block; margin-left:5px; padding:0; align-self:center; }
.RaisonSociale h1{ margin:0; padding:0; font-family:"Lucida Fax"; font-size:40px; font-weight:bold; font-style:italic; color:#6D3E91; }
.RaisonSociale h1 em{ color:#9D9D9C; }
.RaisonSociale h2{ margin:0; padding:0; font-family:"comic sans ms"; font-size:12px; font-weight:bold; font-style:italic; color:#000000; }

/*Menu*/
.menu{ list-style-type:none; Display:flex; background-color:#6D3E91; opacity:0.80; justify-content:center; padding: 9px 0 9px 0; }
.menu li{ margin: 0 35px; }
.menu a{ font-family:"comic sans ms"; font-size:18px; /*font-weight:bold;*/ color:#FFFFFF; text-decoration:none; }
.menu a:hover{ color:#F29A2E; }
.menu .MenuEnCours{ font-style:italic; color:#9D9D9C; font-weight:bold; }

/* Pied */
.bandeau{ background:#6D3E91; opacity:0.80; height:10px; margin-top:15px; }
footer{ margin:0px; padding:0px; background:#8CC6D0; font-family:"comic sans ms"; font-size:10px; color:#FFFFFF; display:flex; margin-top:5px; }
.contact{ display:block; padding:0; margin-left:10%; }
.contact p{ margin:0; padding:0; }
.contact p em{ font-size:12px; }
.liens{ display:block; align-self:center; margin:auto; margin-left:20%; }
.liens p em{ word-spacing:15px; }
.liens a{ text-decoration:none; color:#FFFFFF; }
.liens a:hover{ text-decoration:underline; color:#F29A2E }
.liens .PageEnCours{ color:#6D3E91; }

/*Contenu Plan du site*/
.ContenuPlan{ min-height:440px; width: 70%; padding:5%; background-color:rgba(255,255,255,0.5); margin:auto; font-family:"Lucida Fax"; }
.ContenuPlan h1{ padding: 1%; text-align:center; font-size:20px; font-weight: bold; border:2px solid #F29A2E; width: 20%; margin:auto; color:#000000; }
.ContenuPlan p{ margin: 50px 0 0 25%; }
.ContenuPlan li{ list-style-type:square; padding-left:28%; margin-top:15px; color:#F29A2E; }
.ContenuPlan li span{ color:#000000; font-size:15px; }

/*Contenu Mentions légales*/
.ContenuMentions{ min-height:440px; width: 70%; padding:5%; background-color:rgba(255,255,255,0.5); margin:auto; font-family:"Lucida Fax"; }

/*Contenu Conditions générales de vente*/
.ContenuConditions { min-height:440px; width: 70%; padding:5%; background-color:rgba(255,255,255,0.5); margin:auto; font-family:"Lucida Fax"; }

/*Contenu Charte*/
.ContenuCharte{ min-height:440px; width: 70%; padding:5%; background-color:rgba(255,255,255,0.5); margin:auto; font-family:"Lucida Fax"; }

/*Contenu Accueil*/
.ContenuAccueil{ min-height:440px; width: 70%; padding:5%; background-color:rgba(255,255,255,0.5); margin:auto; font-family:"Lucida Fax"; }
.ContenuAccueil img{ height: 700px; /*border:solid;*/ padding-left:5%; display:block; }
.ContenuAccueil p{ font-size :16px; color:#000000; display:block; }

/*Contenu Société*/
.ContenuSociete{ min-height:440px; width: 70%; padding:5%; background-color:rgba(255,255,255,0.5); margin:auto; font-family:"Lucida Fax"; }

/*Contenu Produits*/
.ContenuProduits{ min-height:440px; width: 70%; padding:5%; background-color:rgba(255,255,255,0.5); margin:auto; font-family:"Lucida Fax"; }

/*Contenu Galerie*/
.ContenuGalerie{ min-height:440px; width: 70%; padding:5%; background-color:rgba(255,255,255,0.5); margin:auto; font-family:"Lucida Fax"; display:flex; }
.ContenuGalerie img{ height: 400px; /*border:solid;*/ padding-left:10%; display:block; }
.ContenuGalerie p{ font-size:26px; font-style:italic; font-weight:bold; color:#000000; display:block; margin: 10% 0 0 15%; }

/*Contenu Contact*/
.ContenuContact{ min-height:440px; width: 70%; padding:5%; background-color:rgba(255,255,255,0.5); margin:auto; font-family:"Lucida Fax"; }