/* -------------------------------------------------------------------------------------------- 
	Source : http://www.css3create.com/Effets-de-survol-avec-transitions-et-filtres-CSS 
	(Positionnement zone de floutage derrière image)
	CONTENEUR IMAGE 
*/
ul {
	width: 220px;  
	height: 190px; 
	margin-left: auto;          
	margin-right: auto;	
	margin-top: 0px; /* -0 sans ficelle */
	/*border: 1px solid #737477; /* TEST zone floutage */
}

/* Positionnement IMAGE dans conteneur dito */
ul li {
	list-style: none;
	float: left;
	margin-left: -10px; /* -10px : Ne pas toucher */
}

ul li:hover img {
	z-index:5;
	border: 1px solid #FAFAFA; /* En hover */	
	margin-left: 240px;
	-webkit-transform: scale(4); 
	-moz-transform: scale(4);
	-ms-transform: scale(4);
	-o-transform: scale(4);
	transform: scale(4);
	transition: all 700ms;	
}

img.displayed {
	border: 1px solid #FAFAFA; /* Visible image */
	text-align: center;
	width: 200px; 
	height: auto;
	display: table-cell;
	vertical-align: middle;
	box-shadow: 6px 6px 12px 0 #10123B;		
}

/* Pour format vertical */
img.displayed_verti {
	border: 1px solid #FAFAFA; /* Visible image */
	text-align: center;
	margin-left: 38px;  
	width: 120px; 
	height: auto;
	display: table-cell;
	/*vertical-align: 20px; /*middle;*/
	box-shadow: 6px 6px 12px 0 #10123B;		
	/*border: 1px solid red;*/
}

/* Transition effet progressif */
ul img{
	position: absolute;
	z-index: 1;
	height: 150px;
	width: auto;
	margin: 0;
	cursor: zoom-in;
	
	box-shadow:0 0 3px black;
	-webkit-transition:all .5s cubic-bezier(.6,2,.4,1);
	   -moz-transition:all .5s cubic-bezier(.6,2,.4,1);
		-ms-transition:all .5s cubic-bezier(.6,2,.4,1);
		 -o-transition:all .5s cubic-bezier(.6,2,.4,1);
		    transition:all .5s cubic-bezier(.6,2,.4,1);
}

/* Enfin, l’utilisation des récents filtres CSS permetant de créer de la profondeur, avec l’application d’un filtre de flou et d’un filtre niveau de gris. Ces filtres sont appliqués sur les images qui ne sont pas survolées */
ul:hover li:not(:hover) img{
/* Neutralisé trouble au hover	
-webkit-filter: grayscale(1) blur(5px);
    -ms-filter: grayscale(1) blur(5px);
     -o-filter: grayscale(1) blur(5px);
        filter: grayscale(1) blur(5px);
*/		
		
}
/* ===================================================================================== */

.page_prec {
	float: left;
	padding: 5px;
	/*border: 1px solid orange;*/
}
.page_prec A:link {text-decoration: none; color: #AFB4E3; text-decoration: none;}
.page_prec A:visited {text-decoration: none; color: #AFB4E3;}
.page_prec A:active {text-decoration: none;}
.page_prec A:hover {text-decoration: underline; color: #F76F39;}


.menu_PAP {
	display: inline-block;
	text-align: center;
	width: 58%;
	
	padding: 5px;
	/*border: 1px solid orange;*/
}
.menu_PAP A:link {text-decoration: none; color: #AFB4E3; text-decoration: none;}
.menu_PAP A:visited {text-decoration: none; color: #AFB4E3;}
.menu_PAP A:active {text-decoration: none;}
.menu_PAP A:hover {text-decoration: underline; color: #F76F39;}


.page_suiv {
	float: right;
	padding: 5px;
	/*border: 1px solid blue;*/
}
.page_suiv A:link {text-decoration: none; color: #AFB4E3; text-decoration: none;}
.page_suiv A:visited {text-decoration: none; color: #AFB4E3;}
.page_suiv A:active {text-decoration: none;}
.page_suiv A:hover {text-decoration: underline; color: #F76F39;}


.box_salons { 
	position: relative;
	width: 95%; 
	margin-left: auto;          
	margin-right: auto;         
	margin-top: 30px; 
	background-color: #4B5DA7; 
	text-align: center;         
	border: 1px solid #909BCB;
	border-radius: 4px;
}

.box_title {
	position: relative;
	width: 95%; 
	height: auto; 
	margin-left: auto;          
	margin-right: auto;         
	margin-top: 30px;        
	background-color: #4B5DA7; 
	text-align: center;         
	border: 1px solid #909BCB;
	border-radius: 4px;
}

.box_toileEC { /* EC = En Cours */
	position: relative;
	width: 95%; 
	/*height: 300px; */
	margin-left: auto;          
	margin-right: auto;         
	margin-top: 30px; 
	background-color: #4B5DA7; 
	text-align: center;         
	border: 1px solid #909BCB;
	border-radius: 4px;
}

.box_toile {
	position: relative;
	width: 95%; 
	height: 300px; 
	margin-left: auto;          
	margin-right: auto;         
	margin-top: 30px; /* 70 */          
	background-color: #4B5DA7; 
	text-align: center;         
	border: 1px solid #909BCB;
	border-radius: 4px;
}

.gauche {
	position: absolute; 
	/*margin: 0 auto;*/
	width: 270px; /* 270 */
	height: auto;
	margin-top: 20px; /* 50 */
	margin-left: 30px; /*5%; /*30px;*/ 
/*border: 1px solid red;*/
}	

.gauche_EC {
	/*position: relative; /*absolute; */
	/*margin: 0 auto;*/
	width: 270px; 
	height: auto;
	margin-top: 4px; 
	margin-left: -107px; /*-105*/
/*border: 1px solid red;*/
}	

/* Pour format vertical */
.gauche_verti {
	position: absolute; 
	width: 270px;
	height: auto;
	margin-top: 20px;
	margin-left: 29px;
/*border: 1px solid red;*/
}	

.ficelle {
	margin: 0 auto;
	width: 150px;
	height: 30px;
	margin-left: auto;          
	margin-right: auto;	
	background-image: url(images/ficelle.gif);	
/*border: 3px solid #800000;*/
}

/* Pour format vertical */
.ficelle_verti {
	margin: 0 auto;
	width: 100px;
	height: 30px;
	margin-left: auto;          
	margin-right: auto;	
	background-image: url(images/ficelle_verti.gif);	
/*border: 3px solid #800000;*/
}

.droite {
	margin: 0 auto;
	width: 454px;
	height: auto;
	margin-top: 50px;
	margin-right: 50px; 
/*border: 1px solid blue;	*/
}	

.droite_EC {
	margin: 0 auto;
	width: 454px;
	height: auto;
	margin-top: -180px;
	margin-right: 30px; 
/*border: 1px solid blue;*/
}	

.droite_ECH { /* En Cours Historique */
	width: 270px;
	height: auto;
	margin-top: -211px; 
	margin-left: 378px; 
/*border: 1px solid blue;*/
}	

.descrip_toile {
	margin: 0 auto;
	width: 90%; 
	color: #F0EAEA;
	height: auto; 
	background-color: #836C2C;
	padding: 0px 5px 0px 5px;
	border: 1px solid #ADB4D8;
	border-radius: 4px;
}

.ref_toile {
	margin: 0 auto;
	font-size: 0.8em;
	width: 160px;
	color: #F0EAEA;
	height: 10px;
	margin-top: 15px;
	background-color: #836C2C;
	padding: 5px 10px 12px 10px;
	text-align: center; 
	border: 2px solid #800000;
	border-radius: 4px;
}

/* ======================================================================== */
.etui_photo {
	display: inline-block;  
	width: 265px;
	height:	auto;
	margin-left:auto;
	margin-right:auto;	
	/*margin: 15px 10px 15px 10px; */
	/*border: 1px solid red;*/
}	

.photoEC { /* EC = En Cours */
	width: 300px; 
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	border: 12px solid #FCFCFC;
	box-shadow: 6px 6px 12px 0 #141849;	
}

.toile_link {
	width: 300px; 
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-top: 29px; 
	margin-bottom: 10px;
	cursor: pointer;
	border: 1px solid #FCFCFC;
	box-shadow: 6px 6px 12px 0 #141849;	
}
.toile_link:hover {
	padding: 5px;	
}

.photo_zoom {
	width: 300px; 
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 10px;
	cursor: zoom-in;
	border: 12px solid #FCFCFC;
	box-shadow: 6px 6px 12px 0 #141849;	
}
.photo_zoom:hover {
	padding: 5px;	
}	


.PAP_zoom { /* Pas A Pas */
	width: 300px; 
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-top: 29px; 
	margin-bottom: 10px;
	cursor: zoom-in;
	border: 1px solid #FCFCFC;
	box-shadow: 6px 6px 12px 0 #141849;	
}
.PAP_zoom:hover {
	padding: 5px;	
}	


.EC_zoom { /* En Cours zoom */
	width: 300px; 
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-top: 29px; 
	margin-bottom: 10px;
	cursor: zoom-in;
	border: 1px solid #FCFCFC;
	box-shadow: 6px 6px 12px 0 #141849;	
}
.EC_zoom:hover {
	padding: 5px;	
}	



.label{
	font-size: 0.8em; 
	font-weight: bolder;  
	color: #5A4662;
	text-align: center;
}		
/* ======================================================================== */

.descrip_galeries {
	width: 75%; 
	height: 170px;	
	color: #AFB4E3;
	background-color: #4B5DA7;
	padding: 30px 40px 20px 40px;
	text-align: center; 
	margin-top: 40px; 
	margin-bottom: -28px; 	
	margin-left: auto;          
	margin-right: auto;	
	border: 1px solid #909BCB;
	border-radius: 4px;
}

.headerEC { /* EC = En Cours */
	width: 75%; 
	height: auto;	
	color: #AFB4E3;
	background-color: #4B5DA7;
	margin-top: 50px;
	margin-bottom: 50px;
	padding: 30px 20px 30px 20px;
	text-align: center; 
	margin-left: auto;          
	margin-right: auto;	
	border: 1px solid #909BCB;
	border-radius: 4px;
}

.header_TEC { /* Toiles En Cours */
	width: 75%; 
	height: auto;	
	color: #AFB4E3;
	background-color: #4B5DA7;
	margin-top: 50px;
	padding: 30px 20px 30px 20px;
	text-align: center; 
	margin-left: auto;          
	margin-right: auto;	
	border: 1px solid #909BCB;
	border-radius: 4px;
}

.dispo_toile_AV { /* 1 A Vendre */
	width: 150px;
	margin-top: -20px;
	margin-left: auto;          
	margin-right: auto;	
	font-size: 0.80em;
	/*font-weight: bold;*/
	background-color: #000080;
	padding: 6px 4px 6px 4px;
	color: #FEEC00;
	border-radius: 4px;
	border: 1px solid #FEEC00;
	text-shadow: black 0.1em 0.1em 0.2em;
}	

.dispo_toile_V { /* Vendues */
	width: 150px;
	margin-top: -20px;
	margin-left: auto;          
	margin-right: auto;	
	font-size: 1.0em;
	font-weight: bold;
	background-color: #800000;
	padding: 6px 4px 6px 4px;
	color: #C9CEE0;
	border-radius: 4px;
	border: 1px solid #909BCB;
	text-shadow: black 0.1em 0.1em 0.2em;
	/*text-shadow: 0px 2px 0 #FFFC00, 0px 0px 0 #FEC900;*/
}	

.dispo_toile_EC { /* 2 En Cours */
	width: 300px;
	margin-top: 5px;
	margin-bottom: -10px;
	margin-left: auto;          
	margin-right: auto;	
	font-size: 1.0em;
	font-weight: bold;
	background-color: #2F3D90;
	padding: 6px 4px 6px 4px;
	color: #5DD35D;
	border-radius: 4px;
	border: 1px solid #5DD35D;
	text-shadow: black 0.1em 0.1em 0.2em;
}	

.dispo_toile_ECL { /* 2 En Cours Link */
	margin: 0 auto;
	width: 90%; 	
	margin-top: 5px;
	margin-bottom: -10px;
	margin-left: auto;          
	margin-right: auto;	
	font-size: 0.80em;
	background-color: #2F3D90;
	padding: 6px 4px 6px 4px;
	color: #5DD35D;
	border-radius: 4px;
	border: 1px solid #5DD35D;
	text-shadow: black 0.1em 0.1em 0.2em;
}	

.dispo_toile_PAP { /* 3 Pas-A-Pas */
	width: 150px;
	margin-top: -20px;
	margin-left: auto;          
	margin-right: auto;	
	font-size: 1.0em;
	font-weight: bold;
	background-color: #836C2C;
	padding: 6px 4px 6px 4px;
	color: white;
	border-radius: 4px;
	border: 1px solid #909BCB;
	text-shadow: black 0.1em 0.1em 0.2em;
}	

.dispo_toile_CP { /* 4 Collection Privée */
	width: 150px;
	margin-top: -20px;
	margin-left: auto;          
	margin-right: auto;	
	font-size: 1.0em;
	font-weight: bold;
	background-color: #800000;
	padding: 6px 4px 6px 4px;
	color: #C9CEE0;
	border-radius: 4px;
	border: 1px solid #909BCB;
	text-shadow: black 0.1em 0.1em 0.2em;
	/*text-shadow: 0px 2px 0 #FFFC00, 0px 0px 0 #FEC900;*/
}	

.non_a_vendre { 
	font-size: 0.60em;
}	

.box_items_galerie_top {
	width: 100%;
	margin-left: auto;          
	margin-right: auto; 
	margin-top: 3px;
	text-align: center;         
/*border: 1px solid red; */
}

.box_items_galerie_bottom {
	width: 100%;
	margin-left: auto;          
	margin-right: auto; 
	text-align: center;         
/*border: 1px solid red; */
}

/*
#bordure_galerie {
	width: 880px;
	height: auto;
	margin-left: auto;          
	margin-right: auto; 	
	border: 4px solid navy;
	padding-bottom: 40px;
	margin-top: -10px; 
	background-image:url(images/back.gif);	
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;	
}
*/

/*
#Salon_titre {
	width: 600px;
	height: auto; 
	padding: 8px;
	font-size: 1.0em;
	font-weight: bold;	
	letter-spacing: 1px;
	border: 2px solid navy;   
	color: #FEEC00; 
	background-color: #800000;  
	
	text-shadow: 0.1em 0.1em 0.1em #572404;
	text-align:center; 
	margin-top: 32px; 
	margin-left: auto;  
	margin-right: auto;
	
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	
	-moz-box-shadow: 6px 6px 12px 0 #424239;
	-webkit-box-shadow: 6px 6px 12px #424239; 
	box-shadow: 6px 6px 12px 0 #424239;	
}
*/


/*
.Salon_toiles {
	/*position: relative;
	width: 400px; 
	height: 50px; 
	
padding-top: 20px;
	text-align: center; 	
	
	border: 1px solid #800000;
	margin-left: auto;          
	margin-right: auto;		
}
	
	background-color: #FFFFFF;
	/*background-image:url(lin6.gif);

	/*border: 1px solid #8B8E7E;
	/*text-shadow: 0.1em 0.1em 0.1em #6F7C3B;
	/*text-align: center; 
	margin-left: auto;          
	margin-right: auto;		
	border-radius: 8px;
	/*box-shadow: 3px 3px 6px 0 #424239;
	box-shadow: inset 2px 2px 3px rgba(255, 255, 255, .6),
                inset -2px -2px 3px rgba(0, 0, 0, .6);	
*/


.space_toile {
	height: 34px;
	width: 100%; 
}


.surligne_Salon {
	padding: 3px 10px;
	font-size: 1.0em;
	/*font-weight: bold;*/
    color: #D8DBF2;	
	text-align: center;
    background-color: #354894; 
	border-radius: 5px;
}