*{
padding:0;
margin:0;
box-sizing: border-box;
}

@font-face {
font-family: 'Open Sans Condensed','Arial Narrow', serif;
}

html,body {
height:100%;
text-decoration:none;
margin: 0px;
padding: 0px;
}

a:link {
text-decoration:none;
color: grey;
}

#content {
margin: auto;
width: 100%;
}
/************************************************************************/
nav1 {
display: none;
}
header {
float: left;
background-color: white;
width: 100%;
height: auto;
position: fixed;
box-shadow: 1px 1px 12px #555;
z-index: 10;
}

header #identite {
float: left;
background-color: white;
position: fixed;
height: auto;
}

header #identite h1 {
float: left;
margin: 10px 0px 0px 10px;
color: #fe9308;
font-size: 20px;
}

header #identite h2 {
float: left;
margin: 0px 0px 0px 10px;
color: #9f9e9e;
font-size: 15px;
font-weight: 100;
}

header ul {
float: right;
margin-top: 1px;
list-style: none;
}

header ul li {
float: left;
padding: 7px 15px 7px 15px;
width: auto;
height: auto;
border-left: 1px solid #b2b2b3;
color: #9f9e9e;
font-size: 12px;
}

header ul li a {
text-transform: uppercase;
font-style: 16px;
font-weight: bold;
display: block;
text-decoration: none;
color: #636161;
}

header ul li a:hover, header ul li a.selected {
color:#DB1702;
}
/************************************************************************/
.haut {
z-index: 8;
}

.container {
width: 100%;
background-attachment:fixed;
background-size:cover;
background-position: center; 
font-family: candara;
font-size: 1.5vw;
text-align : justify;
color: grey;
z-index: 8;
}

.container1 {
width: 100%;
padding: 10px 15% 10px 15%;
font-family: candara;
font-size: 1.5vw;
text-align : justify;
color: grey;
background-size:cover;
z-index: 7;
}

.container2 {
width: 100%;
padding: 10px 0px 10px 50%;
font-family: candara;
font-size: 1.5vw;
text-align : justify;
color: grey;
background-size:cover;
z-index: 7;
}

.container3 {
width: 100%;
background-attachment:fixed;
background-size:cover;
font-family: candara;
font-size: 1.5vw;
text-align : justify;
color: grey;
background-size:cover;
z-index: 8;
box-shadow: 0px 1px 12px #555;
}

.titre {
font-family: candara;
font-size: 4vw;
text-align : center;
color: white;
text-shadow: 2px 2px rgba(0, 0, 0, 0.25);
}

.sous-titre {
font-family: candara;
font-size: 1vw;
text-align : center;
color: white;
text-shadow: 2px 2px rgba(0, 0, 0, 0.25);
}

.titre2 {
font-family: candara;
font-size: 4vw;
text-align : center;
color: grey;
}
/************************************************************************/
#main {
float: left; 
width: 100%;
height: auto;
display: none;
}

#main .bloc {
float: left;
margin: 5px 0 5px 0;
width: 25%;
}

#main .bloc h1 {
margin: 10px 5px 10px 5px;
font-size: 14px;
color: #14546b;
border-bottom: 1px solid #14546b;
}

#main .bloc1 h1 {
margin: 10px 5px 10px 5px;
font-size: 17px;
color: #14546b;
border-bottom: 1px solid #14546b;
}

#main .bloc p {
font-size: 12px;
color: #7b7a7a;
text-align: justify;
}

#main .bloc a {
margin-top: 20px;
font-size: 14px;
display: block;
color: #fff;
width: 103px;
height: 26px;
background-color: #14546b;
text-decoration: none;
text-align: center;
line-height: 26px;
}

#main .bloc a:hover {
background-color: #fe9308;
}

/************************************************************************/
footer {
text-decoration:none;
color: grey;
position: fixed;
background-color: #FFF;
bottom:0;
height: 20px;
width: 100%;
font-size: 100%;
font-family: 'Open Sans Condensed','Arial Narrow', serif;
text-align:center;
box-shadow: 1px 1px 12px #555;
}
/************************************************************************/
.top 
{
position: fixed;
bottom:5%;
padding-left:95%;
z-index: 9;
}
.top a:hover
{
opacity: 0.8;
}
/************************************************************************/
#photos {
  /* Prevent vertical gaps */
  line-height: 50%;   
  -webkit-column-count: 4;
  -webkit-column-gap:   0px;
  -moz-column-count:    4;
  -moz-column-gap:      0px;
  column-count:         4;
  column-gap:           0px;  
}

#photos img {
  /* Just in case there are inline attributes */
  width: 100% !important;
  height: auto !important;
}

/************************************************************************/
#photos2 {
  /* Prevent vertical gaps */
  line-height: 50%;   
  -webkit-column-count: 3;
  -webkit-column-gap:   0px;
  -moz-column-count:    3;
  -moz-column-gap:      0px;
  column-count:         3;
  column-gap:           0px;  
}

#photos2 img {
  /* Just in case there are inline attributes */
  width: 100% !important;
  height: auto !important;
}

/************************************************************************/
#photos3 {
  /* Prevent vertical gaps */ 
  -webkit-column-count: 4;
  -webkit-column-gap:   0px;
  -moz-column-count:    4;
  -moz-column-gap:      0px;
  column-count:         4;
  column-gap:           0px;  
}

#photos3 img {
  /* Just in case there are inline attributes */
  width: 100% !important;
  height: auto !important;
}