@charset "UTF-8";
/* CSS Document */

body {
  background-color: #fff;
}

#contenair {
  width: 960px;
  margin: auto;
}

.container {
  width: 960px;
  margin: auto;
}

.displaynone {
  display: none;
}

#footer,
#navigation a {
  font-family: Georgia, "Didot", Times, serif;
  text-decoration: none;
  font-size: 0.8em;
}

p {
  font-family: Georgia, "Didot", Times, serif;
  text-decoration: none;
  color: #000;
  font-size: 0.9em;
  line-height: 125%;
}

li {
  list-style: none;
}
/* Header*/

header {
  width: 960px;
  /* padding-top: 20px; */
}

h1 {
  background: no-repeat;
  background-image: url(../image/logo-MFSHOWROOMPARIS.png);
  height: 79px;
  width: 150px;
  margin-top: 20px;
  float: left;
}
/* Navigation */

#navigation li {
  float: right;
  padding-left: 30px;
  padding-top: 60px;
  text-align: center;
  text-transform: uppercase;
  margin: auto;
}

#navigation {
  height: 40px;
  margin-top: 5px;
  margin-bottom: 2px;
  color: #000;
}

#navigation .navigationoff a {
  color: #000;
}

#navigation .navigationon a {
  color: #000;
  font-style: italic;
  font-weight: bold;
}

#navigation .navigationoff a:hover {
  color: #000;
  font-style: italic;
}
/*Contenu du site*/

#contenu {
  width: 960px;
}
/*Slideshow*/

#slider {
  clear: both;
  width: 960px;
  height: 563px;
  margin: auto;
  position: relative;
  margin-top: 100px;
  padding-right: 20px;
}

#frame {
  position: absolute;
  z-index: 0;
  width: 960px;
  height: 563px;
  top: -3px;
  left: -10px;
}

#slides {
  position: absolute;
  width: 960px;
  top: 15px;
  z-index: 100;
}

.slides_container {
  width: 960px;
  overflow: hidden;
  position: relative;
  display: none;
}

.slides_container {
  width: 960px;
  height: 563px;
  display: block;
}

#slides .next,
#slides .prev {
  position: absolute;
  top: 250px;
  left: -28px;
  width: 24px;
  height: 43px;
  display: block;
  z-index: 101;
}

#slides .next {
  left: 960px;
}

.pagination {
  margin: 26px;
  margin-left: 470px;
  width: 100px;
}

.pagination li {
  float: left;
  margin: 0 1px;
  list-style: none;
}

.pagination li a {
  display: block;
  width: 12px;
  height: 0;
  padding-top: 12px;
  background-image: url(../img/pagination.png);
  background-position: 0 0;
  float: left;
  overflow: hidden;
}

.pagination li.current a {
  background-position: 0 -12px;
}
/*Presentation showroom*/

#txtshowroom {
  float: left;
  width: 530px;
  margin-top: 30px;
  /*padding-top:30px; border-top:1px solid #000;*/
}

#photoshowroom {
  float: right;
  margin-top: 30px;
  width: 367px;
}
/*galery designer*/

#galery {
  clear: both;
  /* width: 925px; */
  height: 558px;
  padding-top: 30px;
  margin-left: auto;
  margin-right: auto;
}

#galery .iris-seban,
.kathy-heydels,
.carmen-ormenisan,
.dilek-hanif,
.arte-sacra,
.divina,
.elena,
.geisha-couture,
.imannoor,
.jatin-varma,
.julytwo,
.mabel,
.legends-monaco,
.luciferase,
.lilly-ibrahim,
.olena-dats,
.olena-dats-cruise,
.monarh-design,
.ongun-ulker,
.ozlem-suer,
.phuongmy,
.supria-munjal,
.tuba-ergin,
.tuvanam,
.glamyou-by-tuvanam,
.tutti,
.victor-dzenk,
.vintage-story,
.rosario,
.erlenn,
.mingray,
.zgee,
.deadiva,
.gw,
.antonio-beraldi,
.sarah-bond,
.mischalis,
.mischalis-resort,
.juana-martin {
  background-repeat: no-repeat;
  background-position: top;
  width: 62px;
  height: 562px;
  display: block;
  float: left;
  margin-right: 4px;
}

#galery .iris-seban:hover,
.kathy-heydels:hover,
.dilek-hanif:hover,
.arte-sacra:hover,
.carmen-ormenisan:hover,
.divina:hover,
.elena:hover,
.geisha-couture:hover,
.imannoor:hover,
.jatin-varma:hover,
.julytwo:hover,
.mabel:hover,
.legends-monaco:hover,
.luciferase:hover,
.lilly-ibrahim:hover,
.olena-dats:hover,
.olena-dats-cruise:hover,
.monarh-design:hover,
.ongun-ulker:hover,
.ozlem-suer:hover,
.phuongmy:hover,
.supria-munjal:hover,
.tuba-ergin:hover,
.tuvanam:hover,
.tuba-ergin:hover,
.glamyou-by-tuvanam:hover,
.tutti:hover,
.rosario:hover,
.erlenn:hover,
.mingray:hover,
.zgee:hover,
.deadiva:hover,
.gw:hover,
.antonio-beraldi:hover,
.sarah-bond:hover,
.mischalis:hover,
.mischalis-resort:hover,
.juana-martin:hover,
.victor-dzenk:hover {
  background-position: bottom;
}

#galery .deadiva {
  background-image: url(../image/galery/deadiva.jpg);
}

#galery .deadiva:hover {
  background-image: url(../image/galery/deadiva.jpg);
}

#galery .dilek-hanif {
  background-image: url(../image/galery/dilek-hanif.jpg);
}

#galery .dilek-hanif:hover {
  background-image: url(../image/galery/dilek-hanif.jpg);
}
#galery .carmen-ormenisan {
  background-image: url(../image/designers/carmen-ormenisan.jpg);
}

#galery .carmen-ormenisan:hover {
  background-image: url(../image/designers/carmen-ormenisan.jpg);
}
#galery .divina {
  background-image: url(../image/galery/divinabyedward.jpg);
}

#galery .divina:hover {
  background-image: url(../image/galery/divinabyedward.jpg);
}

#galery .elena {
  background-image: url(../image/designers/elena-perseil.jpg);
}

#galery .elena:hover {
  background-image: url(../image/designers/elena-perseil.jpg);
}

#galery .geisha-couture {
  background-image: url(../image/designers/geisha.jpg);
}

#galery .geisha-couture:hover {
  background-image: url(../image/designers/geisha.jpg);
}

#galery .gw {
  background-image: url(../image/designers/gw-couture.jpg);
}

#galery .gw:hover {
  background-image: url(../image/designers/gw-couture.jpg);
}

#galery .imannoor {
  background-image: url(../image/designers/imannoor.jpg);
}

#galery .imannoor:hover {
  background-image: url(../image/designers/imannoor.jpg);
}

#galery .iris-seban {
  background-image: url(../image/designers/iris-seban.jpg);
}

#galery .iris-seban:hover {
  background-image: url(../image/designers/iris-seban.jpg);
}

#galery .juana-martin {
  background-image: url(../image/designers/juana-martin.jpg);
}

#galery .juana-martin:hover {
  background-image: url(../image/designers/juana-martin.jpg);
}

#galery .juana-martin {
  background-image: url(../image/designers/juana-martin.jpg);
}

#galery .juana-martin:hover {
  background-image: url(../image/designers/juana-martin.jpg);
}

#galery .kathy-heydels {
  background-image: url(../image/designers/kathy-heyndels.jpg);
}

#galery .kathy-heydels:hover {
  background-image: url(../image/designers/kathy-heyndels.jpg);
}

#galery .legends-monaco {
  background-image: url(../image/designers/legends-monaco.jpg);
}

#galery .legends-monaco:hover {
  background-image: url(../image/designers/legends-monaco.jpg);
}

#galery .luciferase {
  background-image: url(../image/designers/luciferase.jpg);
}

#galery .luciferase:hover {
  background-image: url(../image/designers/luciferase.jpg);
}

#galery .lilly-ibrahim {
  background-image: url(../image/designers/lilly-ibrahim.jpg);
}

#galery .lilly-ibrahim:hover {
  background-image: url(../image/designers/lilly-ibrahim.jpg);
}

#galery .mischalis {
  background-image: url(../image/designers/mischalis.jpg);
}

#galery .mischalis:hover {
  background-image: url(../image/designers/mischalis.jpg);
}

#galery .mischalis-resort {
  background-image: url(../image/galery/mischalis-resort.jpg);
}

#galery .mischalis-resort:hover {
  background-image: url(../image/galery/mischalis-resort.jpg);
}

#galery .julytwo {
  background-image: url(../image/designers/julytwo.jpg);
}

#galery .julytwo:hover {
  background-image: url(../image/designers/julytwo.jpg);
}

#galery .mabel {
  background-image: url(../image/galery/mabel.jpg);
}

#galery .mabel:hover {
  background-image: url(../image/galery/mabel.jpg);
}

#galery .olena-dats {
  background-image: url(../image/designers/olena-dats.jpg);
}

#galery .olena-dats:hover {
  background-image: url(../image/designers/olena-dats.jpg);
}

#galery .olena-dats-cruise {
  background-image: url(../image/galery/olenadatscruise.jpg);
}

#galery .olena-dats-cruise:hover {
  background-image: url(../image/galery/olenadatscruise.jpg);
}

#galery .monarh-design {
  background-image: url(../image/designers/monarh-design.jpg);
}

#galery .monarh-design:hover {
  background-image: url(../image/designers/monarh-design.jpg);
}

#galery .ongun-ulker {
  background-image: url(../image/designers/ongun-ulker.jpg);
}

#galery .ongun-ulker:hover {
  background-image: url(../image/designers/ongun-ulker.jpg);
}

#galery .ozlem-suer {
  background-image: url(../image/designers/ozlem-suer.jpg);
}

#galery .ozlem-suer:hover {
  background-image: url(../image/designers/ozlem-suer.jpg);
}

#galery .sarah-bond {
  background-image: url(../image/galery/sarah-bond.jpg);
}

#galery .sarah-bond:hover {
  background-image: url(../image/galery/sarah-bond.jpg);
}

#galery .supria-munjal {
  background-image: url(../image/designers/supria-munjal.jpg);
}

#galery .supria-munjal:hover {
  background-image: url(../image/designers/supria-munjal.jpg);
}

#galery .tassos {
  background-image: url(../image/designers/tassos.jpg);
}

#galery .tassos:hover {
  background-image: url(../image/designers/tassos.jpg);
}

#galery .tuba-ergin {
  background-image: url(../image/designers/tuba-ergin.jpg);
}

#galery .tuba-ergin:hover {
  background-image: url(../image/designers/tuba-ergin.jpg);
}

#galery .tuvanam {
  background-image: url(../image/designers/tuvanam.jpg);
}

#galery .tuvanam:hover {
  background-image: url(../image/designers/tuvanam.jpg);
}

#galery .glamyou-by-tuvanam {
  background-image: url(../image/designers/glamyou-by-tuvanam.jpg);
}

#galery .glamyou-by-tuvanam:hover {
  background-image: url(../image/designers/glamyou-by-tuvanam.jpg);
}

#galery .tutti {
  background-image: url(../image/designers/tassos.jpg);
}

#galery .tutti:hover {
  background-image: url(../image/designers/tassos.jpg);
}

#galery .rosario {
  background-image: url(../image/galery/rosario.jpg);
}

#galery .rosario:hover {
  background-image: url(../image/galery/rosario.jpg);
}

#galery .victor-dzenk {
  background-image: url(../image/galery/victor-dzenk.jpg);
}

#galery .victor-dzenk:hover {
  background-image: url(../image/galery/victor-dzenk.jpg);
}

#galery .zgee {
  background-image: url(../image/galery/zgee.jpg);
}

#galery .zgee:hover {
  background-image: url(../image/galery/zgee.jpg);
}
/*galery designer*/

#bio {
  width: 200px;
  float: left;
}

#sliderdesigner {
  width: 350px;
}

#galery a {
  transition: all 0.3s ease-in-out;
}
/*NEWS*/

#pub-spring-summer-2023 {
  box-sizing: border-box;
  width: 530px;
  border: 3px solid black;
}

#contenu {
  min-height: 50vh;
  display: flex;
  justify-content: center;
  align-items: center;
}

#contenu.news {
  flex-direction: column;
  justify-content: space-between;
}

.news h2 {
  text-decoration: none;
}
/*Contenu*/

#contenu .news {
  padding-top: 0px;
  display: flex;
}

#contenu .download {
  color: #000;
}
/*Contact*/

#contenu {
  clear: both;
  padding-top: 50px;
}

#info {
  float: left;
  width: 961px;
  position: absolute;
  text-align: center;
  top: 219px;
  height: 302px;
}

h2 .firstcontact {
  margin-top: 100px;
}

h2 {
  font-family: Georgia, "Didot", Times, serif;
  text-decoration: none;
  color: #000;
  font-size: 1.2em;
  padding-bottom: 15px;
  padding-top: 50px;
  text-transform: uppercase;
  text-decoration: underline;
}

.white {
  color: #000;
  position: absolute;
  top: -43px;
  left: 53px;
}

.majuscule {
  text-transform: uppercase;
  color: #000;
}

a .majuscule {
  color: #000;
}

span.retour {
  padding-top: 70px;
}
/* Avril 2021 */

.form {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 2rem;
}

.form fieldset {
  display: flex;
  flex-direction: column;
}

.form textarea {
  height: 120px;
  margin-bottom: 1rem;
}
/*Press*/

.press {
  padding-top: 30px;
}

.press img {
  max-height: 300px;
}
/* Footer */

#footer {
  padding-top: 40px;
  padding-left: 400px;
  clear: both;
  margin: auto;
  text-transform: uppercase;
}

.verticalBottomImage {
  vertical-align: bottom;
}

div.trait {
  border-top: 1px solid #000;
  margin: 20px 0;
}