@charset "utf-8";
/* CSS Document */


body
{
	font-family: Arial, sans-serif;
	color: rgba(255,255,255,1);
	font-size: 10px;
}


/* un bricolage pour wow slider */
.contenu #wowslider-container1
{
		font-size: 10px !important;
}

.contenu #wowslider-container1 a.ws_prev
{
	/* left: 45px !important; */
}

/* cacher le lien vers le site de wow-slider */
.contenu #wowslider-container1 .ws_images .ws_list + div, .contenu #wowslider-container1 .ws_cover, .contenu #wowslider-container1 .wsl
{
	display:none !important;
}

.contenu section h1, .contenu section h2, .contenu section h3
{
	padding: 0;
	margin: 0;
	
	-webkit-margin-before: 0;
	-webkit-margin-after: 0;
	-webkit-margin-start: 0;
	-webkit-margin-end: 0;
}


.wrapper .contenu h1:first-child, .wrapper p:first-child
{
	margin-top: 0;
}
.wrapper .contenu p:last-child
{
	margin-bottom: 0;
}



/* les differents contenus doivent etre cachés, sauf le premier */
.wrapper .contenu
{
	/* display: none; */
	opacity: 0;
}

.wrapper .contenu:nth-of-type(1), #index
{
	/* display: block; */
	opacity: 1;
	z-index: 95;
}

.contenu .diaporama
{
	width: 100%;
	height: 100%;
}


/* index --------------------------------- */
#index
{
	background-image: url(../images/index/fond_index.jpg); 
}


#index #presentation
{
	/* font-family:  Arial, sans-serif; */
	font-family: Michroma, sans-serif;
	color: #fff;
	width: auto;
	height: auto;
	top: 50%;
	left: 50%;
	position: absolute;
	
	margin-left: -195px;
	margin-top: -48px;
	z-index: 100;
	
	padding: 0;
	padding: 12px 30px 15px 30px;
	background-color: rgba(0,0,0,0.65);
	border-radius: 8px;
	
	/* display: none; */
	opacity: 0;
}
	
#index #presentation h1
{
	height: 30px;
	font-size: 30px;
	line-height: 30px;
	font-weight: normal;
	letter-spacing: 2.4px;
	vertical-align: top;
}

#index #presentation h2
{
	height: 22px;
	font-size: 22px;
	line-height: 22px;
	font-weight: normal;
	letter-spacing: 3.1px;
	margin-top: 12px;
}


/* welcome (home) --------------------------------- */
#welcome
{
	background-image: url(../images/welcome/fond_welcome.jpg); 
	/* background-position: left center; */
}

#welcome .cache
{
	width: 562px;
	height: 400px;
	overflow: hidden;

	position: absolute;
	left: 280px;
	top: 50%;
	margin-top: -260px;
}


/* welcome le responsive... Verticalement */
@media screen and (max-height: 520px)
{
	#welcome .cache
	{
		top: 0;
		margin-top: 0;
	}
}


#welcome #introduction
{
	font-size: 16px;
	letter-spacing: 0.5px;
	
	width: 532px;
	padding: 40px 10px 40px 20px;

	background-image: url(../images/all/fond_encarts.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	border-radius: 8px;
	
	top: 0;
	left: -562px;
	position: absolute;
}

#welcome #introduction p
{
	padding-right: 10px;
}

#welcome #introduction strong
{
	font-weight: normal;
}

/* services --------------------------------- */
#services
{
	background-image: url(../images/services/fond_services.jpg); 
	background-position: left top;
}

#services .cache
{
	width: 680px;
	height: 520px;
	overflow: hidden;

	position: absolute;
	left: 280px;
	top: 50%;
	margin-top: -260px;
}


/* services le responsive... Verticalement */
@media screen and (max-height: 520px)
{
	#services .cache
	{
		top: 0;
		margin-top: 0;
	}
}


#services #diaporama_services
{
	width: 660px;
	height: 500px;
	padding: 10px;
	
	background-image: url(../images/all/fond_encarts.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	border-radius: 8px;
	
	top: 0;
	left: -680px;
	position: absolute;
}


/* news --------------------------------- */
#news
{
	background-image: url(../images/news/fond_news.jpg); 
	/* background-position: left center; */
}

#news .boutonsNews
{
	font-size: 10px;
	text-align: center;

	height: 53px;
	width: 100%;
	
	top: 560px;
	left: 0px;
	position: absolute;
}

a#news_perso_next, a#news_perso_prev {
	width: 5.3em;	
	height: 5.3em;
	background-image: url(../engine1/arrowsDG.png);
	background-size: 200%;
	display: inline-block;
}
a#news_perso_next{
	background-position: 100% 0; 
	margin-left: 20px;
}
a#news_perso_prev {
	background-position: 0 0; 
}
a#news_perso_next:hover{
	background-position: 100% 100%;
}
a#news_perso_prev:hover {
	background-position: 0 100%; 
}



#news .cache
{
	width: 850px;
	height: 650px;
	overflow: hidden;

	position: absolute;
	left: 280px;
	top: 50%;
	margin-top: -325px;
}

#news #lesNews
{
	background-image: url(../images/all/fond_encarts.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	border-radius: 8px;
	background-clip: padding-box;
	
	width: 770px;
	height: 570px;
	position: absolute;
	
	padding: 40px;

	top: 0;
	left: -850px;
}



/* news le responsive... Verticalement */
@media screen and (max-height: 650px)
{
	#news .cache
	{
		top: 0;
		margin-top: 0;
	}
}


#news .referencePerspective
{
	width: 565px;
	height: 400px;
	position: relative;

	-webkit-perspective: 1200px;
	   -moz-perspective: 1200px;
	    -ms-perspective: 1200px;
	     -o-perspective: 1200px;
	        perspective: 1200px;
}

#news .div3D
{
	background-color: #000;
	width: 565px;
	height: 400px;
	top: 0;
	left: 430px;
	position: absolute;

/*				
	-webkit-transition: 500ms ease-out;
	   -moz-transition: 500ms ease-out;
	    -ms-transition: 500ms ease-out;
	     -o-transition: 500ms ease-out;
			transition: 500ms ease-out;
*/
	-webkit-transition: 500ms ease;
	   -moz-transition: 500ms ease;
	    -ms-transition: 500ms ease;
	     -o-transition: 500ms ease;
			transition: 500ms ease;
			
	-webkit-transition-property: left, top, opacity;
	   -moz-transition-property: left, top, opacity;
	    -ms-transition-property: left, top, opacity;
	     -o-transition-property: left, top, opacity;
			transition-property: left, top, opacity;

	border: solid 1px #fff;
	border-radius: 8px;
	background-clip: padding-box;
}

#news .contenuDiv3D
{
	font-family: Arial, Helvetica, sans-serif;
	color: rgb(255, 255, 255);
	font-size: 14px;
	text-align: center;
}

#news .lienMag
{
	text—decoration: none;
	border: none;
	outline: none;
}

/* les videos youtube */
.videoYoutube
{
	background-color: rgb(0,0,0);
	border: none;
	padding: 0;
}


/* Shooting price guide --------------------------------- */
#pricesShooting
{
	background-image: url(../images/pricesshooting/fond_pricesshooting.jpg); 
	background-position: left top;
}

#pricesShooting .cache
{
	width: 960px;
	/* 2020-11-12 pour un tel en mode paysage */
	width: 860px;
	
	height: 720px;
	overflow: hidden;

	position: absolute;
	left: 280px;
	top: 50%;
	margin-top: -360px;
}


/* shooting price guide le responsive... Verticalement */
@media screen and (max-height: 720px)
{
	#pricesShooting .cache
	{
		top: 0;
		margin-top: 0;
	}
}


#pricesShooting #contenu_pricesShooting
{
	width: 900px;
	/* 2020-11-12 pour un tel en mode paysage */
	width: 800px;
	
	height: 660px;
	padding: 30px;
	
	background-image: url(../images/all/fond_encarts.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;

	border-radius: 8px;
	
	top: 0;
	left: -960px;
	/* 2020-11-12 pour un tel en mode paysage */
	left: -860px;
	
	position: absolute;
}

#pricesShooting_infos_fond
{
	width: 840px;
	/* 2020-11-12 pour un tel en mode paysage */
	width: 740px;
	
	height: 600px;
	padding: 30px;
	
	background-color: rgba(0, 0, 0, 1);
	border-radius: 8px;
}

#pricesShooting_infos_defile
{
	width: 800px;
	/* 2020-11-12 pour un tel en mode paysage */
	width: 700px;
	
	height: 600px;
	padding-right: 40px;
	overflow: auto;
	overflow: auto;
}

#pricesShooting_infos
{
	width: 800px;
	/* 2020-11-12 pour un tel en mode paysage */
	width: 700px;

	font-family: Michroma, sans-serif;
	font-size: 16px;
	font-size: 15px;
	color: rgba(255, 255, 255, 1);
}

#pricesShooting_infos .enFrancais
{
	color: rgba(90, 91, 94, 1);
	/* 2020-11-12 une seule colonne, le texte en blanc */
	color: rgba(255, 255, 255, 1);
}

#pricesShooting_infos #prices_titre
{
	/*
	padding-bottom: 10px;
	border-bottom: solid 5px rgba(114, 108, 108, 1);
	*/
	padding-bottom: 15px;
	background-image: url(../images/pricesshooting/barre_H.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	
}

#pricesShooting_infos #prices_titre h1, #pricesShooting_infos #prices_titre .prices_titres
{
	font-size: 20px;
	font-size: 18px;
	font-weight: normal;
	text-align: center;
	
	word-spacing: 4px;
	letter-spacing: 1px;
	margin: 0;
	margin-left: 30px;
}

/*
#pricesShooting_infos #prices_titre h1 img
{
	vertical-align:  middle;
}
	
	
#pricesShooting_infos #prices_titre h1 .psp_titre_texte
{
	padding: 0 46px;
}
*/

#pricesShooting_infos #prices_titre #prices_titre_en
{
	background-image: url(../images/artprintsales/drapeau_anglais.png);
	background-repeat: no-repeat;
	background-position: 50px 0;
	
	/* cacher le titre  2020-11-12 */
	display: none;
}

#pricesShooting_infos #prices_titre #prices_titre_fr
{
	/* cacher le drapeau, 2020-11-12, car une seule langue
	background-image: url(../images/artprintsales/drapeau_francais.png);
	background-repeat: no-repeat;
	background-position: 50px 0;
	margin-top: 8px;
	*/
	word-spacing: 0;
}



#pricesShooting_infos #prices_titre #prices_items
{
	font-size: 9px;
	font-size: 10px;
	word-spacing: 1px;
	letter-spacing: 0.2px;
	
	/* padding-bottom: 8px;
	border-bottom: solid 5px rgba(39, 38, 34, 1); */
	margin-top: 30px;
}

#pricesShooting_infos #prices_tableau
{
	margin-top: 12px;
}

#pricesShooting_infos #prices_tableau .prices_tableau_item
{
	clear: both;
}


#pricesShooting_infos .prices_tableau_colonne 
{
	/* une seule colonne 2020-11-12
	width: 385px;*/
	width: 100%;
	
	float: left;
}


/* cacher le contenu des colonnes en anglais en attendant la MAJ */
#pricesShooting_infos .prices_en 
{
	height: 10px;
	display: none;
}
#pricesShooting_infos .prices_en > *
{
	display: none;
}




#pricesShooting_infos .prices_fr 
{
	/* la seule colonne visible en attendant la MAJ... 
	padding-left: 15px;
	margin-left: 13px;
	*/
}

#pricesShooting_infos #prices_tableau .prices_fr 
{
	/* la seule colonne visible en attendant la MAJ... 
	padding-left: 14px;
	border-left: solid 1px rgba(39, 38, 34, 1);
	*/
}

#pricesShooting_infos #prices_tableau .prices_tableau_ligne
{
	padding: 10px 0;
}

#pricesShooting_infos #prices_tableau .prices_tableau_ligne.prices_tableau_ligne_nouvelle_partie
{
	padding-top: 30px;
}


#pricesShooting_infos #prices_tableau .prices_tableau_ligne > span  
{
	display: inline-block;
}

#pricesShooting_infos #prices_tableau .prices_tableau_ligne .prices_duree
{
	width: 75%;
	word-spacing: 3px;
	letter-spacing: 0.75px;
}

#pricesShooting_infos #prices_tableau .prices_tableau_ligne .prices_prix
{
	width: 25%;
	text-align: right;
}

#pricesShooting_infos #prices_tableau .prices_tableau_ligne .prices_monnaie
{
	font-family: Arial, Helvetica, sans-serif;
}

#pricesShooting_infos #prices_tableau .prices_tableau_ligne .prices_nbe_photos
{
	font-size: 13px;
}


#pricesShooting_infos #prices_tableau .prices_tableau_ligne .prices_description
{
	word-spacing: 3px;
	letter-spacing: 0.5px;
}

#pricesShooting_infos #prices_tableau .prices_tableau_ligne .prices_categorie_shooting
{
	text-decoration: underline;
}

#pricesShooting_infos #prices_tableau .prices_tableau_ligne #prestations_devis
{
	font-size: 13px;
}

#pricesShooting_infos #prices_tableau .prices_tableau_ligne .prices_type_reportage
{
}

#pricesShooting_infos #prices_tableau .prices_tableau_ligne .prices_tarifs ul
{
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#pricesShooting_infos #prices_tableau .prices_tableau_ligne .prices_tarifs li
{
	clear: both;
}

#pricesShooting_infos #prices_tableau .prices_tableau_ligne .prices_tarifs li:nth-child(n+2)
{
	margin-top: 3px;
}

#pricesShooting_infos #prices_tableau .prices_tableau_ligne .prices_tarifs span
{
	display: inline-block;
}

#pricesShooting_infos #prices_tableau .prices_tableau_ligne .prices_tarifs ul li > span
{
	vertical-align: top;
}

#pricesShooting_infos #prices_tableau .prices_tableau_ligne .prices_tarifs .prices_tiret
{
	width: 4%;
	/* 2020-11-12, avec une seule colonne de langue, réduire la largeur de la zone tiret */
	width: 2%;
}

#pricesShooting_infos #prices_tableau .prices_tableau_ligne .prices_tarifs .prices_details1
{
	width: 71%;
	/* 2020-11-12, avec une seule colonne de langue, compensation de la largeur de la zone tiret */
	width: 73%;

}

#pricesShooting_infos #prices_tableau .prices_tableau_ligne .prices_tarifs .prices_details2
{
	width: 75%;
	/*
	word-spacing: 0;
	letter-spacing: 0;
	*/
}

#pricesShooting_infos #prices_tableau .prices_tableau_ligne .prices_tarifs .prices_details3
{
	width: 96%;
	/* 2020-11-12, avec une seule colonne de langue, compensation de la largeur de la zone tiret */
	width: 98%;
}

#pricesShooting_infos #prices_tableau .prices_tableau_ligne .prices_tarifs .options_ligne_sup
{
	margin-left: 4%;
	/* 2020-11-12, avec une seule colonne de langue, réduire la largeur de la zone tiret */
	margin-left: 2%;
}


#pricesShooting_infos #prices_tableau .prices_tableau_ligne .prices_tarifs .prices_details1 .bordDroit_chiffre,
#pricesShooting_infos #prices_tableau .prices_tableau_ligne .prices_tarifs .prices_details2 .bordDroit_chiffre
{
	padding-right: 3px;
}

#pricesShooting_infos #prices_tableau .prices_tableau_ligne .prices_tarifs .prices_nbe_photos
{
	word-spacing: 0;
	letter-spacing: 0;
}

#pricesShooting_infos #prices_tableau .prices_tableau_ligne .autresPrestas
{
	word-spacing: 1px;
	letter-spacing: 0.5px;
}



#pricesShooting_infos #prices_tableau .prices_presta_infos 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

#pricesShooting_infos #prices_tableau #prices_presta_infos_titre
{
	font-weight: bold;
	font-size: 14px;
}

#pricesShooting_infos #prices_tableau .prices_presta_infos .prices_presta_infos_sstitre
{
	text-decoration: underline;
}

#pricesShooting_infos #prices_tableau .prices_presta_infos .prices_presta_infos_sstitre + p
{
	margin-bottom: 0;
}


#pricesShooting_infos #prices_tableau .prices_presta_infos ul
{
	list-style-type: none;
	/*list-style-image: url(../images/pricesshooting/tiret_fr.png);
	list-style-position: inside;*/ 
	padding: 0;
	margin: 0;
}

#pricesShooting_infos #prices_tableau .prices_presta_infos li
{
	clear: both;
}


#pricesShooting_infos #prices_tableau .prices_presta_infos ul span
{
	display: block;
}

#pricesShooting_infos #prices_tableau .prices_presta_infos ul span:nth-child(1)
{
	width: 10px;
	float: left;
}

#pricesShooting_infos #prices_tableau .prices_presta_infos ul span + span
{
	margin-left: 10px;
}

#pricesShooting_infos #prices_tableau .prices_presta_infos .prices_presta_infos_lumiere
{
	padding: 7px 10px;
	border: solid 1px rgba(255, 255, 255, 1);
}

#pricesShooting_infos #prices_tableau .prices_presta_infos .enFrancais .prices_presta_infos_lumiere
{
	border-color: rgba(90, 91, 94, 1);
}

#prices_presta_infos_lumiere
{
	font-weight: bold;
}

#pricesShooting_infos #prices_tableau a
{
	/*text-decoration: none;*/
	color: rgba(255, 255, 255, 1);
	outline: none;
}

#pricesShooting_infos #prices_tableau .enFrancais a
{
	color: rgba(90, 91, 94, 1);
	/* 2020-11-12 en blanc car le seul texte */
	color: rgba(255, 255, 255, 1);
}

#pricesShooting_infos #prices_tableau #prices_presta_infos_notabene
{
	font-size: 12px;
}


/* distances entre les blocs, sans affecter le filet central (que des paddings) */

#pricesShooting_infos #prices_tableau #prices_presta_infos_titre .prices_tableau_ligne
{
	padding: 40px 0 0;
}

#pricesShooting_infos #prices_tableau .prices_presta_infos .prices_tableau_ligne:nth-child(1)
{
	padding: 25px 0 0;
}

#pricesShooting_infos #prices_tableau .prices_presta_infos .prices_tableau_ligne:nth-child(n+2)
{
	padding: 14px 0 0;
}

#pricesShooting_infos #prices_tableau .prices_presta_infos p + .prices_tableau_ligne
{
	padding: 0;
}


#pricesShooting_infos #prices_tableau #prices_presta_infos_notabene .prices_tableau_ligne
{
	padding: 20px 0 10px;
}

/* ********* CGV ********* */
#pricesShooting_infos #prices_tableau .cgv .prices_tableau_colonne .prices_presta_infos_cgvTitre
{
	padding: 50px 0 0;
}

#pricesShooting_infos #prices_tableau .cgv .prices_tableau_colonne .prices_presta_infos_cgvSSTitre1
{
	padding: 30px 0 0;
}

#pricesShooting_infos #prices_tableau .cgv .prices_tableau_colonne .prices_presta_infos_cgvSSTitre2
{
	padding: 14px 0 0;
}

#pricesShooting_infos #prices_tableau .prices_presta_infos .cgvListe li:nth-child(n+2)
{
	padding: 10px 0 0;
}

#pricesShooting_infos #prices_tableau .cgv .prices_tableau_colonne .prices_presta_infos_cgvSiret
{
	text-align: right;
	padding: 75px 0 25px;
}



#pricesShooting_infos #prices_adds
{
	width: 310px;
	font-size: 10px;
	word-spacing: 0.5px;
	letter-spacing: 0.2px;
	margin-top: 80px;
}


/* 2020-11-12 une seule colonne, faire dflotter à droite la colonne du sitret en francais */

#prices_presta_infos_cgv_siret .enFrancais
{
	float: right !important;
}

/* designDeco --------------------------------- */
#designDeco
{
	background-image: url(../images/designdeco/fond_designdeco.jpg); 
	/* background-position: left center; */
}

#designDeco .boutonsDesignDeco
{
	font-size: 10px;
	text-align: center;

	height: 53px;
	width: 100%;
	
	margin-top: 12px;
	
}


a#designDeco_perso_next, a#designDeco_perso_prev {
	width: 5.3em;	
	height: 5.3em;
	background-image: url(../engine1/arrowsDG.png);
	background-size: 200%;
	display: inline-block;
}
a#designDeco_perso_next{
	background-position: 100% 0; 
	margin-left: 20px;
}
a#designDeco_perso_prev {
	background-position: 0 0; 
}
a#designDeco_perso_next:hover{
	background-position: 100% 100%;
}
a#designDeco_perso_prev:hover {
	background-position: 0 100%; 
}



#designDeco .cache
{
	width: 850px;
	height: 650px;
	overflow: hidden;

	position: absolute;
	left: 280px;
	top: 50%;
	margin-top: -325px;
}

#designDeco #designDecoration
{
	background-image: url(../images/all/fond_encarts.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	border-radius: 8px;
	background-clip: padding-box;
	
	width: 820px;
	
	padding: 12px 15px;

	top: 0;
	left: -850px;
	position: absolute;
}



/* design decoration le responsive... Verticalement */
@media screen and (max-height: 650px)
{
	#designDeco .cache
	{
		top: 0;
		margin-top: 0;
	}
}

#designDeco #contenuDesignDeco
{
	background-color: rgba(0, 0, 0, 1); 
	padding: 20px;
	border-radius: 8px;
}

#designDeco #contenuDesignDeco .texteDesignDeco
{
	color: rgb(89, 83, 83);
	font-family: Michroma, sans-serif;
	font-size: 18px;
	word-spacing: 3px;
	letter-spacing: 0.5px;
	text-align: center;
	
	height: 18px;
	line-height: 18px;
}


#designDeco #contenuDesignDeco .texteDesignDeco span
{
	text-decoration: underline;
	color: rgb(119, 113, 113);
}

#designDeco #contenuDesignDeco #designDeco_imagesDiapos
{
	height: 436px;
	margin: 20px 0;
	position: relative;
	overflow: hidden;
}


#designDeco_imagesDiapos .elementDesignDeco, #designDeco_imagesDiapos .elementDesignDecoImage, #designDeco_imagesDiapos .elementDesignDecoMockup
{
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	
	background-repeat: no-repeat;
	background-position: center center;
}

#designDeco_imagesDiapos .elementDesignDeco
{
	background-color: rgba(0, 0, 0, 1); 
	opacity: 0;
}

#designDeco_imagesDiapos .elementDesignDecoMockup
{
	opacity: 0;
}

#designDeco .lienDesignDeco
{
	text-decoration: none;
	border: none;
	outline: none;
}



/* Art print for sale --------------------------------- */
#artPrintSales
{
	background-image: url(../images/artprintsales/fond_artprintsales.jpg); 
	background-position: left top;
}

#artPrintSales .cache
{
	width: 960px;
	height: 820px;
	overflow: hidden;

	position: absolute;
	left: 280px;
	top: 50%;
	margin-top: -410px;
}


/* Art print for sale le responsive... Verticalement */
@media screen and (max-height: 820px)
{
	#artPrintSales .cache
	{
		top: 0;
		margin-top: 0;
	}
}


#artPrintSales #contenu_artPrintSales
{
	width: 900px;
	height: 760px;
	padding: 30px;
	
	background-image: url(../images/all/fond_encarts.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;

	border-radius: 8px;
	
	top: 0;
	left: -960px;
	position: absolute;
	
}



/* Galeries clients --------------------------------- */
#galeriesClients
{
	/* background-color: rgba(0, 0, 0, 1); */
	background-image: url(../images/galeries/fond_galeries.jpg); 
	background-position: left top;
}

#galeriesClients .cache
{
	width: 960px;
	height: 890px;
	overflow: hidden;

	position: absolute;
	left: 280px;
	top: 50%;
	margin-top: -445px;
}

/* Galeries clients le responsive... Verticalement */
@media screen and (max-height: 890px)
{
	#galeriesClients .cache
	{
		top: 0;
		margin-top: 0;
	}
}


#galeriesClients #contenu_galeriesClients
{
	/*width: 900px;
	height: 830px;*/
	padding: 30px;
	
	/* background-color: rgba(0, 0, 0, 1); */
	background-image: url(../images/all/fond_encarts.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;

	border-radius: 8px;
	
	top: 0;
	left: -960px;
	position: absolute;
}


#galeriesClients #contenu_galeriesClients #iFrameGaleries
{
}

#iFrameGaleries #acces_client
{
	font-family: Michroma, sans-serif;
}


#iFrameGaleries #acces_client #acces_titre h1
{
	font-size: 20px;
	text-align: center;
	
	word-spacing: 4px;
	letter-spacing: 1px;
	margin: 0;
}



/* about --------------------------------- */
#about
{
	background-image: url(../images/about/fond_about.jpg); 
	/* background-position: center center; */
}

#about .cache
{
	width: 780px;
	height: 850px;
	overflow: hidden;

	position: absolute;
	left: 280px;
	top: 0;
}


/* about le responsive... Verticalement
@media screen and (max-height: 820px)
{
	#about .cache
	{
		top: 0;
	}
}
*/

#about #rubriquesAbout
{
	width: 740px;
	height: 810px;
	padding: 20px;
	
	background-image: url(../images/all/fond_encarts.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	border-radius: 8px;
	
	top: 0;
	left: -780px;
	position: absolute;
}

/* les rubriques, et les animations */
#about #rubriquesAbout .colonneAbout
{
	width: 360px;
	position: relative;
	overflow: hidden;
}

#about #rubriquesAbout #aboutGauche
{
	float: left;
}

#about #rubriquesAbout #aboutDroite
{
	float: right;
	padding-left: 20px;
}

#about #rubriquesAbout .rubrique:nth-child(n+2)
{
	margin-top: 20px;
}

#about #rubriquesAbout .rubrique:nth-child(3)
{
	height: 360px;
	height: 270px;
}
	
.rubrique
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #fff;
	width: 338px;
	height: 220px;
	/*
	background-image: url(../images/about/fond_rubrique.png);
	background-repeat:no-repeat;
	background-position: center center;
	background-clip: padding-box;
	*/

	padding: 8px 10px;
	border: solid 1px rgba(255,255,255,0.25);
	border-radius: 8px;
}

#rubriquesAbout .rubrique h1
{
	font-family: Michroma, sans-serif;
	font-size: 20px;
	word-spacing: 6px;
	margin: 0 0 16px;
}


#rubriquesAbout .rubrique p
{
	margin: 7px 0 0;
}

/* la photo de hello */
#rubriquesAbout #rub_hello h1
{
	float: left;
}

#rubriquesAbout #rub_hello #photo_vk
{
	width: 222px;
	height: 203px;
	float: right;
	margin-top: 8px;
	margin-right: 8px;
	position: relative;
}

/* loupe */
#rubriquesAbout #rub_hello .loupe
{
	width: 100%;
	height: 100%;

	top: 0;
	left: 0;
	position: absolute;

	background-color: rgba(255,255,255,0.65);
	display: none;
}

/* le nom sur la photo */
#rubriquesAbout #rub_hello #photo_vk #nom_vk
{
	color: #000;
	font-size: 18px;
	text-align: center;
	padding-top: 20px; 

}



/* contact --------------------------------- */
#contact
{
	background-image: url(../images/contact/fond_contact.jpg); 
	/* background-position: center center; */
}

#contact .cache
{
	width: 940px;
	height: 450px;
	overflow: hidden;

	position: absolute;
	left: 280px;
	top: 50%;
	margin-top: -260px;
}


/* contact le responsive... Verticalement */
@media screen and (max-height: 520px)
{
	#contact .cache
	{
		top: 0;
		margin-top: 0;
	}
}


#contact #formulaire
{
	width: 920px;
	height: 430px;
	padding: 10px;
	
	background-image: url(../images/all/fond_encarts.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	border-radius: 8px;
	
	top: 0;
	left: -940px;
	position: absolute;
}

#contact #formulaire #infosContact
{
	width: 360px;
	padding-left: 20px;
	padding-top: 20px;
	float: left;
}

#contact #formulaire #infosContact #nomContact, #contact #formulaire #infosContact #emailContact
{
	font-family: Michroma, sans-serif;
	font-size: 15px;
	text-align: right;
}

#contact #formulaire #infosContact #businessCard
{
	margin-top: 30px;
}

/* vignettage */
#contact #formulaire #infosContact #businessCard a
{
	display: block;
	position: relative;
}

#contact #formulaire #infosContact #businessCard a .vignettage
{
	width: 100%;
	height: 100%;

	top: 0;
	left: 0;
	position: absolute;

	background-image: url(../images/all/noir_vignettage.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}



#contact #formulaire #infosContact .clickEnlarge
{
	font-size: 14px;
	font-family: Michroma, sans-serif;
	font-size: 12px;
	word-spacing: 3px;
	text-align: center;
	margin-top: 10px;
}

#contact #formulaire #saisieContact
{
	width: 520px;
	padding-top: 20px;
	float: right;
}

#contact #formulaire #saisieContact #iFrameFormulaire
{
	width: 520px;
	height: 410px;
	border: none;
	overflow: none;
	border: none;
	display: block;
}


/* terms --------------------------------- */
#terms
{
	background-image: url(../images/terms/fond_terms.jpg); 
	/* background-position: left center; */
}

#terms .cache
{
	width: 740px;
	height: 350px;
	overflow: hidden;

	position: absolute;
	left: 280px;
	top: 50%;
	margin-top: -260px;
}


/* terms le responsive... Verticalement */
@media screen and (max-height: 520px)
{
	#terms .cache
	{
		top: 0;
		margin-top: 0;
	}
}


#terms #mentions
{
	font-size: 16px;
	letter-spacing: 0.5px;
	
	width: 700px;
	padding: 40px 20px;

	background-image: url(../images/all/fond_encarts.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	border-radius: 8px;
	
	top: 0;
	left: -740px;
	position: absolute;
}

#terms #mentions h1
{
	font-size: 22px;
	text-align: center;
	margin-bottom: 40px;
}

#terms #mentions strong
{
	font-weight: normal;
}




/* expo london --------------------------------- */
#expo_london
{
	background-image: url(../images/exhibitions/london/fond_london.jpg); 
	/* background-position: center center; */
}

#expo_london .cache
{
	width: 1340px;
	height: 830px;
	overflow: hidden;

	position: absolute;
	left: 280px;
	top: 0;
}


/* expo_london le responsive... Verticalement
@media screen and (max-height: 820px)
{
	#expo_london .cache
	{
		top: 0;
	}
}
*/

#expo_london #london_exhibition
{
	width: 1300px;
	height: 770px;
	padding: 30px 20px;
	
	background-image: url(../images/all/fond_encarts.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	border-radius: 8px;
	
	top: 0;
	left: -1340px;
	position: absolute;
}


#expo_london #london_exhibition section
{
	font-family: Michroma, sans-serif;
	font-size: 13px;
	color: #fff;
	word-spacing: 1px;
	letter-spacing: 0.6px;
}

#expo_london #london_exhibition .ligne_expo
{
	clear:both;
}

#expo_london #london_exhibition .ligne_expo:nth-child(n+2)
{
	margin-top: 30px; 
}


#expo_london #london_exhibition .lieu_date
{
	font-size: 14px;
	width: 560px;
	float: left;
	clear: both;
} 

#expo_london #london_exhibition .lieu_date p:nth-child(1)
{
	font-size: 20px;
} 

#expo_london #london_exhibition .lieu_date p:nth-child(2)
{
	margin-top: 30px;
} 

#expo_london #london_exhibition .lieu_date p:nth-child(n+3)
{
	margin-top: 40px;
} 

#expo_london #london_exhibition .lien_london_map
{
	font-size: 12px;
	word-spacing: 3px;
	color: #fff;
}

#expo_london #london_exhibition .infos_techniques
{
	width: 700px;
	float: left;
	margin-left: 20px;
} 


#expo_london #london_exhibition .infos_techniques div.version_langue:nth-child(n+2)
{
	margin-top: 25px;
} 

#expo_london #london_exhibition .lieu_date .clickEnlarge
{
	width: 483px;
}

#expo_london #london_exhibition .infos_techniques .clickEnlarge
{
	width: 698px;
}

#expo_london #london_exhibition .clickEnlarge
{
	font-family: Michroma, sans-serif;
	font-size: 12px;
	word-spacing: 3px;
	text-align: center;
}







/* les diaporamas-------------------------- */
#architecture, #interior , #hotels, #urban, #landscapes, #events, #creations
{
	/* background-image: url(../images/all/fond_diapos.jpg);  */
	background-color: #fff;
}

.contenu .diaporama
{
	/* max-width: 2400px; */
}

.contenu .diaporama .cellule_photos
{
	line-height: 0;
	width: 25%;
	width: 16.66%;
	float: left;
}

.contenu .diaporama .cellule_photos img
{
	vertical-align: bottom;
	width: 100%;
	height: auto;
}

.contenu .diaporama .cellule_photos a
{
	display: block;
	position: relative;
	padding: 2px;
	padding: 20px;
	padding: 5.5%;
	padding: 4.8%;

	background-color: #000;
	background-color: #fff;
}

/* loupe et vignettage */
.contenu .diaporama .cellule_photos a div
{
	width: 100%;
	height: 100%;

	top: 0;
	left: 0;
	position: absolute;
	
	/* la zone blanche, et le vignettage juste sur les images */
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
	
	background-clip: content-box;
}


.contenu .diaporama .cellule_photos a .vignettage
{
	background-image: url(../images/all/noir_vignettage.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}


.contenu .diaporama .cellule_photos a .loupe
{
	background-color: rgba(255,255,255,0.65);
	display: none;
	padding: 2px;
}



@media screen and (max-width: 1440px)
{
	.contenu .diaporama .cellule_photos
	{
		width: 25%;
	}
}
@media screen and (max-width: 1080px)
{
	.contenu .diaporama .cellule_photos
	{
		width: 33.33%;
	}
}
@media screen and (max-width: 720px)
{
	.contenu .diaporama .cellule_photos
	{
		width: 50%;
	}
}
@media screen and (max-width: 360px)
{
	.contenu .diaporama .cellule_photos
	{
		width: 100%;
	}
}
/* LA FANCYBOX v2.15 _______________________________ */
/* changer les fleches de fancybox
div id="fancybox-overlay"><div id="b_perso_prev"></div><div id="b_perso_next"></div><div id="b_perso_close">
*/
a#b_perso_next, a#b_perso_prev, a#b_perso_close {
	display: block;
}

a#b_perso_next, a#b_perso_prev {
	position:absolute;
	top:50%;
	margin-top:-2.6em;
	z-index: 1150;
	width: 5.3em;	
	height: 5.3em;
	background-image: url(../engine1/arrowsDG.png);
	background-size: 200%;
	display: none;
}
a#b_perso_next{
	background-position: 100% 0; 
	right:30px;
}
a#b_perso_prev {
	left:15px;
	background-position: 0 0; 
}
a#b_perso_next:hover{
	background-position: 100% 100%;
}
a#b_perso_prev:hover {
	background-position: 0 100%; 
}


/*close*/
a#b_perso_close {
    width: 5.3em;
    height: 5.3em;
    position: absolute;
    top: 15px;
	right: 30px;
	z-index: 1150;
	background-size: 100%;
    background-image: url(../engine1/close.png);
	display: none;
}

a#b_perso_close:hover {
    background-position: 100% 100%;
}

/* Le bandeau de la fancybox Version 1.34------------ */
#fancybox-title
{
	background-color: rgba(0, 0, 0, 0.50) !important;  
	padding: 5px 10px !important;
}

#fancybox-title-over
{
	background-image: none !important; 
}

#fancybox-title>div
{
	color: rgb(255, 255, 255) !important;
	color: rgba(255, 255, 255, 1) !important;
	font-size: 15px !important;
}

#fancybox-title div h1
{
	font-size: 17px !important;
	font-weight: normal;
	letter-spacing: 5px;
	margin: 0;
}


#fancybox-title div h1+div
{
	margin-top: 10px;
}

#fancybox-title div a
{
	color: rgb(255, 255, 255);
	color: rgba(255, 255, 255, 1);
}


/* Le bandeau de la fancybox Version 2,15------------ */
.fancybox-opened .fancybox-title
{
	width: 100%	;
	background-color: rgba(0, 0, 0, 0.50) !important;  
}

.fancybox-opened .fancybox-title>div
{
	color: rgb(255, 255, 255) !important;
	color: rgba(255, 255, 255, 1) !important;
	font-size: 15px !important;
	padding: 5px 10px;
}

.fancybox-opened .fancybox-title div h1
{
	font-size: 17px !important;
	font-weight: normal;
	letter-spacing: 5px;
	margin: 0;
}


.fancybox-opened .fancybox-title div h1+div
{
	margin-top: 10px;
}

.fancybox-opened .fancybox-title div a
{
	color: rgb(255, 255, 255);
	color: rgba(255, 255, 255, 1);
}