@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Lato');

@font-face{
	font-family:ngy2_icon_font;
	src:url(font/ngy2_icon_font.woff2?64889571) format('woff2'),url(font/ngy2_icon_font.woff?64889571) format('woff');
	font-weight:400;
	font-style:normal
}

*{
	font-family:Lato, Arial, Helvetica, sans-serif;
}
body{
color:#555;
background-color:#b4b8c6;
}
a{
	color:#f90;
	text-decoration:none;
}
a:hover{
	color:#f30;
	text-decoration:none;
}
#divTexteGalerie{
	display:block;
	position:relative;
	width:96%;
	max-width:640px;
	padding:15px;
	color:#000;
	margin:0px auto;
}
h1{
	font-family: 'Lato', sans-serif;
	color:#555;
	font-size:1.8em;
	text-shadow: 2px 2px 3px rgba(0,0,0,0.0);
	line-height:1.0em;
	margin-top:0px;
	padding-bottom:5px;
	margin-bottom:5px;
	font-weight:normal;
}
h2{
	font-size:1.2em;
	font-weight:normal;
	color:#e50055;
	margin-top:15px;
	margin-bottom:10px;
}
.divLogo{
	margin:auto;
	text-align:center;
	height:50px;
}
.divLogo img{
	height:100%;
}
.divConteneurGalerieFb{
	display:block;
	width:94%;
	max-width:1200px;
	margin:auto;
	padding:20px 2%;
	border-radius:15px;
	background-color:#ffbb9e;
}
.divConteneurGalerieRs{
	display:block;
	width:94%;
	max-width:800px;
	margin:auto;
	padding:20px 2%;
	border-radius:15px;
	background-color:#ffbb9e;
}
 
#galerie {
  width: 100%;
  text-align:center;
  margin:auto;
  padding:0px;
}
#galerie img{
	height:120px;
	border-radius:3px;
	margin:1px;
	width:auto;
}

/* BTN DIAPORAMA LISTE */
a.btnDiaporama,
a.btnListe,
a.btnHome{
	display:inline-block;
	margin:5px;
	border-radius:7px;
	width:30px;
	height:30px;
	padding:5px;
	text-decoration:none;
	font-size:28px;
	line-height:1.0em;
	text-align:center;
	cursor:pointer;
	z-index:10;
	background-color:#cb1700;
	color:#fff;
	overflow:hidden;
}
a.btnDiaporama:hover,
a.btnListe:hover,
a.btnHome:hover{
	background-color:rgba(0,0,0,1.0);
	border-color:#fff;
	color:#fff;
	text-decoration:none;
}
a.btnDiaporama > img,
a.btnListe > img,
a.btnHome > img{
	width:100%;
	height:auto;
	opacity:1.0;
}
a.btnDiaporama:hover > img,
a.btnListe:hover > img,
a.btnHome:hover > img{
	opacity:1.0;
}


	.divConteneurGalerieMobile{
		display:none;
	}
	.divPhotoMobile{
	}
	.divPhotoMobile img{
		width:100%;
		height:auto;
	}
	.legendePhotoMobile{
		text-align:center;
		font-size:10px;
		font-style:italic;
	}
	
/* écrase supersized */
	#supersized li.image-loading,
	#supersized li{
		background-color:#ffbb9e;
	}


/* écrase le style rs-default.css */
	.rsDefault,
	.rsDefault .rsOverflow,
	.rsDefault .rsSlide,
	.rsDefault .rsVideoFrameHolder,
	.rsDefault .rsThumbs {
		background: #ffbb9e;
		color: #FFF;
	}
	.rsDefault .rsThumbsHor {/* conteneur des thumbs */
		height: 74px;
		overflow:hidden;
	}
	.rsDefault .rsFullscreenBtn {
		top: 9%;
	}
	.rsDefault .rsThumb {
		height: 70px;
		max-width:100px;
		background-color:transparent;
		vertical-align:middle;
		border-radius:3px;
		border:2px transparent solid;
		line-height:0px;
	}
	
	.rsDefault .rsFullscreenIcn,
	.rsDefault .rsArrowIcn ,
	.rsDefault .rsThumbsArrow{
		background-color: #cb1700;
		border: 2px #fff solid;
		border-radius: 5px;
	}
	.rsDefault .rsFullscreenIcn:hover,
	.rsDefault .rsArrowIcn:hover,
	.rsDefault .rsThumbsArrow:hover {
		background-color: #000;
	}
	.rsDefault .rsGCaption span.legendePhoto {
		border-radius: 3px;
		background: rgba(0, 0, 0, 1.0);
		padding: 3px 10px;
		text-align: center;
		color:rgba(255,255,255,0.6);
		font-size:11px;
	}
	.rsDefault .rsThumb:hover{
		border-color:#cb1700;
	}
	.rsDefault .rsThumb.rsNavSelected{
		border-color:#fff;
	}
	.divConteneurGalerieMobile{
		display:none;
	}
	.divPhotoMobile{
		margin-bottom:5px;
	}
	.divPhotoMobile img{
		width:100%;
		height:auto;
	}
	.legendePhotoMobile{
		text-align:center;
		font-size:10px;
		font-style:italic;
		margin-top:-5px;
	}
	
@media screen and (max-width:500px){
	.divConteneurGalerie,
	.divConteneurGalerieFb,
	.divConteneurGalerieRs,
	a.btnDiaporama,
	a.btnListe
	{
		display:none;
	}
	.divConteneurGalerieMobile{
		display:block;
	}
}

