
/**********************************

Pour messages retour

***********************************/

/* POUR LE FLIP D'UNE IMAGE */
.flip-horizontal {
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: fliph; /*IE*/
}
.flip-vertical {
    -moz-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
    filter: flipv; /*IE*/
}


/* CONTENEUR zoom sur image */
#result_conteneur {	
	/* must be initially hidden 
	display:none;
	*/
	/* place overlay on top of other elements 
	z-index:10080;
	*/
	/* styling
	background-color:#CCC;

	width:400px;	
	min-height:200px;
	padding:20px;
	
	border:1px solid #666;*/ 
	
	/* CSS3 styling for latest browsers 
	-moz-box-shadow: 1px 1px 12px #555;
	-webkit-box-shadow: 1px 1px 12px #555;  
	 box-shadow: 1px 1px 12px #555;
	 text-align:center;*/
	
	position:absolute;
	margin:auto;
	z-index:1100;
	 
	background-color:#fff; 
    display:none; 
    width:400px; 
    padding:15px; 
    text-align:left; 
    border:2px solid #333; 
 
    opacity:0.8; 
    -moz-border-radius:6px; 
    -webkit-border-radius:6px; 
    -moz-box-shadow: 0 0 50px #ccc; 
    -webkit-box-shadow: 0 0 50px #ccc;
	
	
}


#result{
	color:#333; 
	border-bottom:1px solid #333; 
}

#result p{
	color:#333;
	font-size:14px;
	margin-top:20px;
	margin-bottom:20px;	
}

#result h2 { 
    background:url(../images/overlay/info.png) 0 50% no-repeat; 
    margin:0px; 
    padding:10px 0 10px 45px; 
    font-size:20px; 
}

.msg_err { color: red; }
.msg_valide { color: green;}

	
#result_conteneur button {	
	width:50px;
	margin-top:30px;
	outline:1px outset #999;	
	border:1px solid #fff;	
	background-color:#222;
	color:#fff;
	height:24px;
	-moz-border-radius:4px;
	-moz-outline-radius:4px;
	cursor:pointer;
	font-size:11px;	
}



/**********************************

CONTENEUR zoom sur image 

***********************************/

#zoom_conteneur {
	
	/* must be initially hidden */
	display:none;

	/* place overlay on top of other elements */
	z-index:10000;
		
	/* styling
	background-color:#CCC;*/
	/*
	width:675px;	
	min-height:200px;
	padding:20px;*/
	
	border:1px solid #666; 
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow: 1px 1px 12px #555;
	-webkit-box-shadow: 1px 1px 12px #555;  
	 box-shadow: 1px 1px 12px #555;
	 background-color:#FFF;

}

#zoom_divimage{
	/* CSS3 styling for latest browsers 
	-moz-box-shadow:0 0 30px 2px #000;
	-webkit-box-shadow: 0 0 30px #000;*/
	
	}

/* close button positioned on upper right corner */
.zoom_image .close {
	background-image:url(../images/overlay/close.png);
	position:absolute;
	right:-15px;
	top:-6px;
	cursor:pointer;
	height:35px;
	width:35px;
	z-index:10010;
}

#zoom_divimage{
	/*min-height:100px;*/
	text-align:center;
	vertical-align:middle;
	background-color:#FFF;
	}
#img_charge{
	margin-left:auto;
	margin-right:auto;
	margin-top:50px;
	margin-bottom:50px;
	
	}


.zoom_image .chargement {
/* background: url(../images/animes/loader/gris.gif) no-repeat center center;
  background-color:#FFF;*/
}
/*
.zoom_image .zoom_chargement{
	padding-top:50px;
	padding-bottom:50px;
	background-color:#FFF;
	width:100%;
	height:100%;
	text-align:center;	
	}
*/
/* FIN CONTENEUR zoom sur image */