html,body{
    height:100%;
    font-family: "Roboto", Sans-serif !important;
}
body{
    font-size:14px;
    width:100%;
    background-color:whitesmoke;
}
#fenetre{
    min-height: 100%;
    height: auto;
    margin: -100px 0 -40px 0;
    padding: 200px 0 0 50px;
    width:100%;
}
#demo{
  background-color:white;
}
nav.navbar, .dropdown-menu {
  background-color:whitesmoke;
}
footer{
    text-align:center;
    height:70px;
    clear:both;
}
.contact-seen{
  background-color:whitesmoke;
}
.contact-to-see{
  background-color:lightblue;
}
.titre{
  font-size:3em;
}
.titre1{
  font-size:18px;
  font-weight: bold;
}
.titre2{
  font-size:18px;
  text-justify: auto;
  font-weight: bold;
}
.titre3{
  font-size:16px;
}
.role{
  /*font-size: 2em;*/
  padding-left: 10%;
}
.hr{
  border: none;
  height: 4px;
  background: #8B0000;
  margin-bottom: 50px;
  margin-top: 50px;
}
.toUpper{
  text-transform: uppercase;
}
.toLower{
  text-transform: lowercase;
}
.toCapital{
  text-transform: capitalize;
}
img.portrait{
  width:70%;
  border-radius: 50%;
}
.ligne_2{
    background-color : lightGrey;
    word-wrap: break-word;
}
.clicable{
    cursor:pointer;
}
.Nclicable:hover{
    background-color:red;
    cursor:not-allowed;
}
.Oclicable:hover{
    background-color:lightGreen;
}
a:link,a:visited,a:hover{
    text-decoration:none;
}
.gauche{
    float:left;
}
.droite{
    float:right;
}
input,select{
    height:2.4em;
    width:80%;
}
#retourZip{
    width:100%;
    white-space:normal;
    word-wrap: break-word;
}
.btn{
    white-space:normal;
    word-wrap: break-word;
}