/* Intersticiel */ 
.modal-backdrop {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1040;
	width: 100vw;
	height: 100vh;
	background-color: #000;
}

.modal-backdrop.show {
	opacity: 0.95 !important;
}

.btn-poursuivre-site {
	font-size: 0.9rem !important;
	color: #fff !important;
	background-color: #000000 !important;
	border-color: #000000 !important;
	cursor: pointer;
}

/* ------------------------------------- */

#clic-g:hover, #clic-d:hover, #clic-h:hover, #clic-ouverture:hover {
	cursor: pointer;
}

/* ------------------------------------- */


.modal-h {
	background-color: black;
	padding-right: 15px;
	padding-top: 5px;
}


/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to higher resolution desktops
*/

@media (min-width: 1025px) {
  
  /* CSS */
  body {
		background-repeat: no-repeat! important;
		background-attachment: fixed! important;
		background-position: center 0px! important;
	}
	#annonceM {
		display: none;
	}
	#annonceP {
		display: none;
	}
	#clic-g {
		position: absolute;
		top: 0;
		left: 0;
		width: 25%;
		height: 100%;
		position: fixed;
	}
	#clic-d {
		position: absolute;
		top: 0;
		right: 0;
		width: 25%;
		height: 100%;
		position: fixed;
	}
	#clic-h {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 225px;
	}
	#annonceOuvertureGrande {
		display: block;
	}
	#annonceOuverturePetite {
		display: none;
	}
	.modal-fullscreen {
		width: 80% !important;
		height: auto;
		max-width: 1280px !important;
	}
  
}

/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  
  /* CSS */
  body {
		background-image: none !important;
	}
	#annonceM {
		display: block !important;
		border-bottom: 10px solid #e31f2a;
	}
	#annonceP {
		display: none !important;
	}
	#annonceOuvertureGrande {
		display: block !important;
	}
	#annonceOuverturePetite {
		display: none !important;
	}
	.modal-fullscreen {
		width: 100% !important;
		height: auto;
	}
}

/*
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  
  /* CSS - menu PC en mode paysage*/
	body {
		background-image: none !important;
	}
	#annonceM {
		display: block !important;
		border-bottom: 10px solid #e31f2a;
	}
	#annonceP {
		display: none !important;
	}
	#annonceOuvertureGrande {
		display: block !important;
	}
	#annonceOuverturePetite {
		display: none !important;
	}
	.modal-fullscreen {
		width: 100% !important;
		height: auto;
	}
}
 
/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (max-width: 767px) {
  
  /* CSS */
  body {
		background-image: none !important;
	}
	#annonceM {
		display: none !important;
		border-bottom: 10px solid #e31f2a;
	}
	#annonceP {
		display: block !important;
		border-bottom: 10px solid #e31f2a;
	}
	#annonceOuvertureGrande {
		display: block !important;
	}
	#annonceOuverturePetite {
		display: none !important;
	}
	.modal-fullscreen {
		width: 100% !important;
		height: auto;
	}
  
}