@font-face 
{
  font-family: "Montserrat";
  src: url("css/font/Montserrat/Montserrat-Regular.ttf") format("truetype");
}

body
{
  color: rgba(0,0,0,.92);
  font-family: "Arial", "Montserrat",sans-serif;
  font-size: 1rem;
  line-height: 1.66;
}

/* GRILLE */

.container-fluid 
{
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: 0px;
  margin-left: 0px;
}

img 
{ 
  width: 100%;
  padding: 15px 0px;
}

header
{
  background-color: white;
}

header h1
{
  margin-top: 8px;
  font-size: 1.2em;
  text-align: left;
  color: peru;
}

header p
{
  margin-top: 17px;
}

#myAccountWelcome
{
  color: black;
}

header input
{
  /*float: right;*/
}


.fr
{
  background-color: burlywood;
  border: 0px;
  box-shadow: 0px 0px 0px white;
  color: white;
  width: 37px;
}

.en
{
  background-color: peru;
  border: 0px;
  box-shadow: 0px 0px 0px white;
  color: white;
  width: 37px;
}

.es
{
  background-color: saddlebrown;
  border: 0px;
  box-shadow: 0px 0px 0px white;
  color: white;
  width: 37px;
}

aside
{
  background-color: white;
}

section
{
  background-color: linen;
}

nav h2
{
  font-size: 1.1em;
  color: black;
}

nav
{
  background-color: white;
  font-size: 1.1em;
  color: slategray;
}

h2, h3
{
  text-align: center;
}

li
{
  text-align: center;
}

li:hover
{
  color: black;
}

nav li input
{
  border: 0px solid black;
  background-color: white;
  color: slategray;
  text-align: center;
}

nav li input:hover
{
  color: black;
}

footer
{
  background-color: lightgray;
}

footer p
{
  margin-top: 16px;
  text-align: left;
  color: black;
}

form
{
  margin-top: 4px;
  background-color: white;
  font-size: 1.1em;
  text-align: center; /* Place tout les form */
}

[class*="col-"] 
{
  border: 0px solid black;
  /*text-align: center;*/
  font-size: 1.1em;
}

/* FORMULAIRE INPUT*/

form input 
{
  font-size: 0.9em;
  margin-top: 6px;
  border-radius: 2px;
  border: 0.5px solid #ccc;
  text-decoration : none;
}

/* LABEL */
label
{
  font-size: 1em;
  font-weight: 400;
}

#formCustomerCreateP, #formCustomerIdentifyP
{
  text-align: center;
}

.loginOCreteLabel
{
  margin-top: 8px;
  font-size: 0.9em;
  font-weight: 200;
}

#formSpan
{
  /* marche pas */
  text-align: center;
}

/* formulaire mensurations robe One Hour 1920s */
#formFrockMeasurements
{
  margin-bottom: 8px;
  text-align: center;
  background-color: white;
}

/* bouton log ou create */
.inputLoginCreate
{
  margin-bottom: 12px;
  background-color: white;
  border-radius: 2px;
  border: 1px solid #ccc;
  box-shadow: 1px 1px 3px #999;
  text-decoration : none;
}

/* boutons de validation des formulaires */
.submitLoginCreate, #submitFrockMeasurements
{
  margin-top: 14px;
  border-radius: 2px;
  border: 1px solid #ccc;
  box-shadow: 1px 1px 3px #999;
  text-decoration : none;
  text-align: center;
}

/* margin top d'une div */
.marginDiv
{
  margin-top: 8px;
}

/* MON COMPTE */
#myAccountButton
{
  border-radius: 20px;
  background-color: slategray;
  width: 33px;
  height: 33px;
  border: 1px solid slategray;
}

#myAccountButton:hover
{
border: 1px solid lightgray;
}

#myAccountButton a
/*#myAccountButton a:hover*/
{
  color: white;
  text-decoration : none;
}
    
.subMenuMyAccount, #myAccountBlock
{
  display: none;
  margin: 8px 8px;
  background-color: white;
  box-shadow: 1px 1px 3px #999;
  border-radius: 8px;
  width: 150px;
}

#myAccountButton .subMenuMyAccount a, #myAccountButton .subMenuMyAccount a:hover
{
  color: black;
}

#disconnectionA:before
{
  content: "⌽ "; /*caractère UTF-8 https://www.jchr.be/html/caracteres.htm*/

}