* {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  font-family: 'Oswald';
}
h1 {
    text-shadow: 0 1px 1px rgba(0,0,0,.9);

}

h1,h2{
  color:#4E9CB5;

}

form {
  width: 100%;
}


.contentWhite {
    display: block;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    background-color: #fff;
    padding-top: 5%;
    padding-bottom: 5%;
}




.contentBlue {
    display: block;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    background-color: #6D7D93;
    padding-top: 5%;
    padding-bottom: 5%;
}

.bloc100{
  padding-top: 0;
  margin-right: auto;
  margin-left: auto;
}


.bloc80 {
    width: 80%;
    margin-right: auto;
    margin-left: auto;
}

.bloc60 {
  width:60%;
  margin-right: auto;
  margin-left: auto;
}

.contentBlue h2,p{
    color:#fff;
}


.off{
  display: none;
}

.societe{
}

.row1-2{
width: 50%;

}
.row2-2{
width: 50%;  
}

.blocGallerie{
  display: block;
}



.form p{
width: 50%;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 10%; /*width of left column containing the label elements*/
border-top: 1px dashed gray;
height: 1%;
}

.form label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.form input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.form textarea{
width: 250px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}