@charset "utf-8";
body {
	background-color: #f0f0f0;
	padding:0px;
	margin:0px;
}

img.galerie{

  transition: transform .2s ease;
  z-index:1;
}

img.galerie:hover {
    -ms-transform: scale(2); /* IE 9 */
  -webkit-transform: scale(2); /* Safari 3-8 */
  transform: scale(2);
  z-index:100;
  position: relative;
}

header {
	height: 210px;
	width: 100%;
	padding-top:10px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	margin:0px;
	background-color:#f0f0f0;
	position:fixed;
	top:0px;
	
	z-index:200;
}


#header2 {
	height: 230px;
	width: 100%;
	padding-top:10px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	margin:0px;
	background-color:#f0f0f0;
	position:fixed;
	top:0px;
	
	z-index:200;
	
}

footer {
	height: 60px;
	width: 100%;
	padding:0px;
	margin:0px;
	background-color:#f0f0f0;
	position:fixed;
	bottom:0px;
	
	z-index:200;
}

#contenuFooter {
	height: 39px;
	width: 100%;


	background-color:#f0f0f0;
	position:relative;
	bottom:0px;
	
	margin:0px;
	position: absolute;
	bottom: 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #2f5156;
	
	text-align:center;
	
	font-family: "Barlow Condensed", sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 10px;
	line-height: 35px;
	
}

#logo {
	height: 120px;
	width: 120px;
	left:50%;
	margin-left:-60px;
	padding:0px;
	position: absolute;
	top:11px;
}

#container {
	height: auto;
	width: 960px;
	left:50%;
	margin-left:-480px;
	padding:0px;
	position: absolute;
	top:220px;
	background-color:#f0f0f0;
}

#container2 {
	height: auto;
	width: 960px;
	left:50%;
	margin-left:-480px;
	padding-bottom:80px;
	position: absolute;
	top:270px;
	background-color:#f0f0f0;
	
	
}

.lien {
	text-decoration:none;
}

#separationContainer {
	height: 10px;
	width: 960px;
	margin-top:10px;
	position: relative;
	
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #2f5156;
	
}

#titreContainer {
	height: 35px;
	width: 960px;
	position: relative;
	font-family: "Barlow Condensed", sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 40px;
	line-height: 14px;
	text-transform: uppercase;
	text-align: center;
	color: #2f5156;
	
	margin-bottom:20px;
	margin-top:10px;
	
	padding-top:15px;
	
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #2f5156;
	border-bottom-color: #2f5156;
	
}

.galerie {
	width:100%;
	position:relative;
	height:auto;
	
	display: flex;
	justify-content: space-between;
	
	flex-wrap: wrap;
}

.photosGalerie {
	width:225px;
	height:281px;
	margin-bottom:20px;
}


.fourmieMiniA {
	width:20px;
	height:16px;
	margin-right:10px;
}
.fourmieMiniB {
	width:20px;
	height:16px;
	margin-left:10px;
}

.fourmieMiniFooterA {
	width:10px;
	height:8px;
	margin-right:5px;
}
.fourmieMiniFooterB {
	width:10px;
	height:8px;
	margin-left:5px;
}

#titreCol2 {
	height: 30px;
	width: 100%;
	position: relative;
	font-family: "Barlow Condensed", sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 40px;
	line-height: 14px;
	text-transform: uppercase;
	text-align: center;
	color: #2f5156;
	
	margin-bottom:20px;
	
	padding-top:10px;
	
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #2f5156;
	border-bottom-color: #2f5156;
	
	
	
}

#texteCol2-A {
	height: auto;
	width: 100%;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 500;
	font-style: italic;
	font-size: 12px;
	line-height: 15px;
	text-align: justify;
	color: #666;
	margin-bottom: 80px;
}

#texteCol2-accueil {
	height: auto;
	width: 100%;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 500;
	font-style: italic;
	font-size: 12px;
	line-height: 15px;
	text-align: justify;
	color: #666;
	margin-bottom: 20px;
}

.iconRS {
	height: 50px;
	width: 50px;
	position: relative;
	float:right;
	border-width: 2px;
	border-style: solid;
	border-color: #2f5156;
	border-radius: 30px;
	margin-left:10px;
	opacity:0.8;
}

.iconRS:hover {

	border-color:#f7a600;
	opacity:1;

  transition:
  opacity .2s,
    border-color .2s;
}

#RS {
	height: 50px;
	width: 960px;
	left:50%;
	margin-left:-480px;
	top:20px;
	position: absolute;

}

.diapo{
  width: 960px;
  height: 480px;
  position: relative;
}

.photo {
  position: absolute;
  animation: round 16s infinite;
  opacity: 0;
}

@keyframes round {
  25% {
    opacity: 1;
  }
  40% {
    opacity: 0;
  }
}
a:nth-child(1) {
  animation-delay: 12s;
}

a:nth-child(2) {
  animation-delay: 8s;
}

a:nth-child(3) {
  animation-delay: 4s;
}

a:nth-child(4) {
  animation-delay: 0s;
}