/************************************************************/
/*DOCTYPE css 2.1 avec recommandation //W3C//DTD XHTML 1.0 */
/*Refonte du 01/10/2020									  */
/*Style de la page Galerie/(1-galerie-X.htm)							 */
/********************************************************/


/*****************************************************************/
/* Définition du container du corps 1-galerie (1-galerie-X.htm) */
/* Hauteur du conteneur pour :        						   */
/*  - un écran de référence 1920/1080 paysage 				  */
/*  - height calé à 770px à 100% de hauteur de l'image		 */
/*	- image calibrée à la hauteur=690px						*/
/*1*********************************************************/
#galerie_container {
	width: 100%;
}

/*******************************************************/
/* Définition du haut de corps - Menu top de galerie  */
/*1***************************************************/
#galerie_menu_top {
	display: table;
	width: 100%;
}
@media screen and (orientation: landscape) {
	#galerie_menu_top {
		display: none;
	}
}
/*2***********************************************/
.GALtab_ligne_menuh {
	display: table-row;
	text-decoration: none;	
	font-family: "Gill Sans Nova Light", "Gill Sans MT";
	font-size: 10pt;
}

/*3***********************************************/
.GALtab_cell_coord {
	display: table-cell;
	width: 16%;
	text-align: left;
	vertical-align: middle;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 10pt;
	color: #d0d4de;
}
@media screen and (max-width: 1040px) {
	.GALtab_cell_coord {
		font-size: 9pt;
	}
}
@media screen and (max-width: 945px) {
	.GALtab_cell_coord {
		font-size: 8pt;
	}
}
@media screen and (max-width: 910px) {
	.GALtab_cell_coord {
		font-size: 8pt;
	}
}
@media screen and (max-width: 872px) {
	.GALtab_cell_coord {
		font-size: 7pt;
		padding-left: 5px;
		padding-top: 2px;
		padding-bottom: 2px;
	}
}
@media screen and (max-width: 829px) {
	.GALtab_cell_coord {
		font-size: 6pt;
		padding-left: 5px;
		padding-top: 2px;
		padding-bottom: 2px;
	}
}
@media screen and (max-width: 805px) {
	.GALtab_cell_coord {
		font-size: 5pt;
		padding-left: 1px;
		padding-top: 1px;
		padding-bottom: 1px;
	}
}
@media screen and (max-width: 610px) {
	.GALtab_cell_coord {
		font-size: 1pt;
		padding-left: 1px;
		padding-top: 1px;
		padding-bottom: 1px;
		visibility: hidden;
	}
}

/*4***********************************************/
.GALtab_cell_menuh1 {
	display: table-cell;
	width:12%;
	text-align: center;
	vertical-align: middle;
	background-color: #191710;
	font-size: 14pt;
	letter-spacing: 2pt;
	color: #d0d4de;
}
@media screen and (max-width: 794px) {
	.GALtab_cell_menuh1 {
		font-size: 12pt;
	}
}
@media screen and (max-width: 730px) {
	.GALtab_cell_menuh1 {
		font-size: 11pt;
	}
}
@media screen and (max-width: 665px) {
	.GALtab_cell_menuh1 {
		font-size: 10pt;
	}
}
@media screen and (max-width: 510px) {
	.GALtab_cell_menuh1 {
		font-size: 9pt;
	}
}
@media screen and (max-width: 474px) {
	.GALtab_cell_menuh1 {
		font-size: 8pt;
	}
}
@media screen and (max-width: 438px) {
	.GALtab_cell_menuh1 {
		font-size: 7pt;
	}
}
@media screen and (max-width: 407px) {
	.GALtab_cell_menuh1 {
		font-size: 6pt;
	}
}
/*@media screen and (max-width: 377px) {
	.GALtab_cell_menuh1 {
		font-size: 5pt;
	}
}*/

/*4b**********************************************/
.GALtab_cell_menuh2 {
	display: table-cell;
	width:12%;
	text-align: center;
	vertical-align: middle;
	background-color: #2f2b21;
	font-size: 14pt;
	letter-spacing: 2pt;
	color: #d0d4de;
}
@media screen and (max-width: 794px) {
	.GALtab_cell_menuh2 {
		font-size: 12pt;
	}
}
@media screen and (max-width: 730px) {
	.GALtab_cell_menuh2 {
		font-size: 11pt;
	}
}
@media screen and (max-width: 665px) {
	.GALtab_cell_menuh2 {
		font-size: 10pt;
	}
}
@media screen and (max-width: 510px) {
	.GALtab_cell_menuh2 {
		font-size: 9pt;
	}
}
@media screen and (max-width: 474px) {
	.GALtab_cell_menuh2 {
		font-size: 8pt;
	}
}
@media screen and (max-width: 438px) {
	.GALtab_cell_menuh2 {
		font-size: 7pt;
	}
}
@media screen and (max-width: 407px) {
	.GALtab_cell_menuh2 {
		font-size: 6pt;
	}
}
/*@media screen and (max-width: 377px) {
	.GALtab_cell_menuh2 {
		font-size: 5pt;
	}
}*/

/*********************************************************/
/* Définition du corps de la galerie  					*/
/*1*****************************************************/
#galerie_contenu	{
	width: 100%;
}

/*2***********************************************/
#galerie_contenu_gauche {
	position: absolute;
	left: 0px;
	width: 16%;
	visibility: visible;
}
@media screen and (max-width: 1281px) {
	#galerie_contenu_gauche {
		width: 14%;
	}
}
@media screen and (orientation: portrait) {
	#galerie_contenu_gauche {
		display: none;
	}
}
	
/*********************************************************/
/* Définition du haut de corps - Menu gauche de galerie */
/*1*****************************************************/
#galerie_menu_gauche {
	width: 100%;
}

/*2***********************************************/
.GALtab_menug {
	text-align: left;
	vertical-align: middle;
	font-size: 12pt;
	color: #F3B759;
}

/*3***********************************************/
.GALtab_cell_menug1 {
	height: 75px;
	text-align: center;
	vertical-align: middle;
	background-color: #191710;
	font-size: 14pt;
	letter-spacing: 2pt;
	color: #d0d4de;
}
@media screen and (max-width: 1160px) {
	.GALtab_cell_menug1 {
		height: 65px;
		font-size: 13pt;
	}
}
@media screen and (max-width: 1100px) {
	.GALtab_cell_menug1 {
		height: 60px;
		font-size: 12pt;
	}
}
@media screen and (max-width: 1040px) {
	.GALtab_cell_menug1 {
		height: 55px;
		font-size: 11pt;
	}
}
@media screen and (max-width: 983px) {
	.GALtab_cell_menug1 {
		height: 52px;
		font-size: 10pt;
	}
}
@media screen and (max-height: 625px) {
	.GALtab_cell_menug1 {
		height: 48px;
		font-size: 11pt;
	}
}
@media screen and (max-height: 280px) {
	.GALtab_cell_menug1 {
		height: 48px;
		letter-spacing: 0pt;
		font-size: 9pt;
	}
}
/*3b**********************************************/
.GALtab_cell_menug2 {
	height: 75px;
	text-align: center;
	vertical-align: middle;
	background-color: #2f2b21;
	font-size: 14pt;
	letter-spacing: 2pt;
	color: #d0d4de;
}
@media screen and (max-width: 1160px) {
	.GALtab_cell_menug2 {
		height: 65px;
		font-size: 13pt;
	}
}
@media screen and (max-width: 1100px) {
	.GALtab_cell_menug2 {
		height: 60px;
		font-size: 12pt;
	}
}
@media screen and (max-width: 1040px) {
	.GALtab_cell_menug2 {
		height: 55px;
		font-size: 11pt;
	}
}
@media screen and (max-width: 983px) {
	.GALtab_cell_menug2 {
		height: 52px;
		font-size: 10pt;
	}
}
@media screen and (max-height: 625px) {
	.GALtab_cell_menug2 {
		height: 48px;
		font-size: 11pt;
	}
}
@media screen and (max-height: 280px) {
	.GALtab_cell_menug2 {
		height: 48px;
		letter-spacing: 0pt;
		font-size: 9pt;
	}
}
/*3c**********************************************/
.GALtab_cell_menugc {
	height: 75px;
	text-align: center;
	vertical-align: middle;
	background-color: #82807a;
	font-size: 14pt;
	letter-spacing: 2pt;
}
@media screen and (max-width: 1160px) {
	.GALtab_cell_menugc {
		height: 65px;
		font-size: 13pt;
	}
}
@media screen and (max-width: 1100px) {
	.GALtab_cell_menugc {
		height: 60px;
		font-size: 12pt;
	}
}
@media screen and (max-width: 1040px) {
	.GALtab_cell_menugc {
		height: 55px;
		font-size: 11pt;
	}
}
@media screen and (max-width: 983px) {
	.GALtab_cell_menugc {
		height: 52px;
		font-size: 10pt;
	}
}
@media screen and (max-height: 625px) {
	.GALtab_cell_menugc {
		height: 48px;
		font-size: 11pt;
	}
}
@media screen and (max-height: 280px) {
	.GALtab_cell_menugc {
		height: 48px;
		letter-spacing: 0pt;
		font-size: 9pt;
	}
}

/*3***********************************************/
#galerie_contenu_droit {
	position: relative;
	left: 16%;
	width: 84%;
	overflow: hidden;
}
@media screen and (max-width: 1281px) {
	#galerie_contenu_droit {
		left: 14%;
		width: 86%;
	}
}
@media screen and (orientation: portrait) {	
	#galerie_contenu_droit {
		left: 0px !important;
		width: 100%;
	}
}


/*********************************************************/
/* Définition du centre du corps - Diaporama de galerie */
/*1*****************************************************/
#galerie_carroussel	{
	width: 100%;
	margin: auto;
	margin-top: 10px;
}

/*2**************************************************/
.diaporama_container {
	position: relative;
	overflow: hidden;
	font-family: "Gill Sans Nova Light", "Gill Sans MT";
	width: 100%;
}

/*3**************************************************/
.diaporama {
	display: flex;
	width: 100%;
	list-style-type: none;
	transition: 1s linear;
	padding:0;
	margin:0;
}

/*4***********************************************/
.diapositive {
	flex: 1 0 100%;
	position: relative;
}
.diapo_img {
	margin-top: 5px;
	margin-bottom: 5px;
}
@media screen and (orientation: landscape){
	.diapo_img img{
		height: 666px; /*1920/1080*/
	}
}
@media screen and (max-height: 910px) and (orientation: landscape) {
	.diapo_img img{
		height: 636px; /*1680/1050*/
	}
}
@media screen and (max-height: 884px) and (orientation: landscape) {
	.diapo_img img{
		height: 610px; /*1280/1024 et 1600/1024*/
	}
}
@media screen and (max-height: 852px) and (orientation: landscape){
	.diapo_img img{
		height: 578px; /*1768/992*/
	}
}
@media screen and (max-height: 820px) and (orientation: landscape){
	.diapo_img img{
		height: 546px; /*1280/960*/
	}
}
@media screen and (max-height: 760px) and (orientation: landscape){
	.diapo_img img{
		height: 486px; /*1600/900 et 1440/900*/
	}
}
@media screen and (max-height: 724px) and (orientation: landscape){
	.diapo_img img{
		height: 450px; /*1152/864*/
	}
}
@media screen and (max-height: 660px) and (orientation: landscape){
	.diapo_img img{
		height: 386px; /*1280/800*/
	}
}
@media screen and (max-height: 628px) and (orientation: landscape){
	.diapo_img img{
		height: 354px; /*1280/768*/
	}
}
@media screen and (max-height: 580px) and (orientation: landscape){
	.diapo_img img{
		height: 306px; /*1280/720*/
	}
}

/*Tablettes portrait*/
@media screen and (max-width: 1025px) and (orientation: portrait){
	.diapo_img img{
		width:1014px; /*1024/1366*/
	}
}
@media screen and (max-width: 769px) and (orientation: portrait){
	.diapo_img img{
		width:758px; /*768/1024 et 768/1000*/
	}
}
@media screen and (max-width: 541px) and (orientation: portrait){
	.diapo_img img{
		width:530px; /*540/720*/
	}
}

/*Smartphones portrait*/
@media screen and (max-width: 415px) and (orientation: portrait){
	.diapo_img img{
		width:404px; /*414/736*/
	}
}
@media screen and (max-width: 412px) and (orientation: portrait){
	.diapo_img img{
		width:401px; /*411/823 et 411/731*/
	}
}
@media screen and (max-width: 401px) and (orientation: portrait){
	.diapo_img img{
		width:390px; /*400/796*/
	}
}
@media screen and (max-width: 376px) and (orientation: portrait){
	.diapo_img img{
		width:365px; /*375/667*/
	}
}
@media screen and (max-width: 361px) and (orientation: portrait){
	.diapo_img img{
		width:350px; /*360/736 et 360/640*/
	}
}
@media screen and (max-width: 321px) and (orientation: portrait){
	.diapo_img img{
		width:310px; /*320/568*/
	}
}
@media screen and (max-width: 281px) and (orientation: portrait){
	.diapo_img img{
		width:270px; /*280/653*/
	}
}
@media screen and (max-width: 261px) and (orientation: portrait){
	.diapo_img img{
		width:250px; /*260/500*/
	}
}



/*5***********************************************/
.diapo_leg {
    text-align: center;
	color: #d0d4de;
	background-color: #82807a;
	margin: 0px;
	border: 0px;
	padding: 0px;
	margin-left: 100px;
	margin-right: 100px;
}

/*5***********************************************/

h1 {
	font-size: 14pt;
	letter-spacing: 1pt;
	font-family: "Gill Sans Nova Light", "Gill Sans MT";
	font-style: normal;
	font-weight: normal; 	
	margin: 0px;
	border: 0px;
	padding: 0px;
}
@media screen and (max-width:1000px) {
	h1 {
		font-size: 13pt;
	}
}
@media screen and (max-width:900px) {
	h1 {
		font-size: 12pt;
	}
}
@media screen and (max-width:750px) {
	h1 {
		font-size: 11pt;
	}
}
@media screen and (max-width:700px) {
	h1 {
		font-size: 10pt;
	}
}
@media screen and (max-width:660px) {
	h1 {
		font-size: 9pt;
	}
}
h2 {
	font-size: 12pt;
	letter-spacing: 1pt;
	font-family: "Gill Sans Nova Light", "Gill Sans MT";
	font-style: normal;
	font-weight: normal; 	
	margin: 0px;
	border: 0px;
	padding: 0px;
}
@media screen and (max-width:1000px) {
	h2 {
		font-size: 11pt;
	}
}
@media screen and (max-width:900px) {
	h2 {
		font-size: 10pt;
	}
}
@media screen and (max-width:750px) {
	h2 {
		font-size: 9pt;
	}
}
@media screen and (max-width:700px) {
	h2 {
		font-size: 8pt;
	}
}
@media screen and (max-width:660px) {
	h2 {
		font-size: 7pt;
	}
}

/*6***********************************************/
.fleche::before {
	border-style: solid;
	border-width: 0.05em 0.05em 0 0;
	content: '';
	display: inline-block;
	height: 0.25em;
	left: 0em;
	position: relative;
	top: 0em;
	transform: rotate(-45deg);
	vertical-align: top;
	width: 0.25em;
}
.fleche.droite:before {
	left: -0.05em;
	top: 0.115em;
	transform: rotate(45deg);
}
.fleche.gauche:before {
	left: 0.05em;
	top: 0.115em;
	transform: rotate(-135deg);
}

/*7**************************************************/
#nav-droite, #nav-gauche {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	color: #F7AF00;
	font-size: 3em;
	height: 25px;
	width: 25px;
	background-color: rgba(248,228,188,0.3);
	border: 1px solid rgba(255,255,255,0.6);
	border-radius: 50%;
	box-shadow: 0 1px 2px rgba(0,0,0,0.55) inset;
}
#nav-droite	{
	right: 20px;
}
#nav-gauche	{
	left: 20px;
}

.nav-dots {
	padding:0;
	margin:5px 0 0;
	text-align: center;
}
.nav-dot-item {
	position: relative;
	display: inline-block;
	padding:0; margin:0;
	height: 8px;
	width: 8px;
	margin: 0 5px;
/*	background: #f8e4bc;*/
	background: rgba(248,228,188,0.3);
	border-radius: 50%;
	box-shadow: 0 1px 2px rgba(0,0,0,0.55) inset;
}

.nav-dot-item.active {
	background: #F7AF00;
}



/*8**************************************************/
.vente {
	position: absolute;
	top: 5%;
	left: 90%;
}
.vente img {
	width: 60px;
	height: 60px;
}
@media screen and (max-width:1000px) {
	.vente img {
		width: 50px;
		height: 50px;
  	}
}
@media screen and (max-width:800px) {
	.vente img {
		width: 40px;
		height: 40px;
  	}
}
@media screen and (max-width:600px) {
	.vente img {
		width: 30px;
		height: 30px;
  	}
}@media screen and (max-width:400px) {
	.vente img {
		width: 25px;
		height: 25px;
	}
}

/*8**************************************************/
.nouveau {
	position: absolute;
	top: 5%;
	left: 5%;
}
.nouveau img {
	width: 60px;
	height: 60px;
}
@media screen and (max-width:1000px) {
	.nouveau img {
		width: 50px;
		height: 50px;
  	}
}
@media screen and (max-width:800px) {
	.nouveau img {
		width: 40px;
		height: 40px;
  	}
}
@media screen and (max-width:600px) {
	.nouveau img {
		width: 30px;
		height: 30px;
  	}
}@media screen and (max-width:400px) {
	.nouveau img {
		width: 25px;
		height: 25px;
	}
}