
.info, .erreur
	{
	margin : 10px;
	padding : 10px;
	text-align : center;
	border : 1px solid #808080;
	-moz-border-radius: 15px 15px 15px 15px; 
	  -webkit-border-radius: 15px 15px 15px 15px;
	  -0-border-radius: 15px 15px 15px 15px; 
	  border-radius: 15px 15px 15px 15px;	color : #FFFFFF;
	}
.info
	{
	background : #a6ce39;
	}
	
.erreur
	{
	background : #ed1c24;
	}
	
.strut{width : 1%; height : 100%; display : inline-block;vertical-align : middle;}
	
.texte-gauche
	{
	position : relative;
	font-weight : 200;
	font-style : italic;
	margin : 30px 10%;
	letter-spacing : 0.75px;
	line-height : 1.75em;
	}
@media screen and (max-width: 1200px)
	{	
	.texte-gauche
		{
		margin : 10px 10%;
		letter-spacing : 0.5px;
		line-height : 1.25em;
		}
	}
	
	
.demi, .tiers, .espace
	{
	position : relative;
	text-align : justify;
	vertical-align : top;
	display : inline-block;
	margin : 0px;
	}
.demi	{width : calc(50% - 5px);}
.tiers {width :  calc(33.333% - 6.6666666666667px);}
.demi img, .tiers img
	{
	width : 100%;
	}
.espace
	{
	vertical-align : top;
	line-height : 10px;
	margin : 0px;
	display : inline-block;
	width :  10px;
	height : 10px;
	}
	
.bande-rouge
	{
	text-align : right;
	position : absolute;
	bottom : 20px;
	line-height : 25px;
	vertical-align : middle;
	right : 0px;
	color : #FFFFFF;
	background : url("../graph/pointe-rouge.gif") no-repeat;
	background-position : left center;
	}
.bande-rouge a
	{
	position : relative;
	display : inline-block;
	font-style : italic;
	height : 100%;
	margin-left : 40px;
	background : #ed1c24;
	padding : 5px 10px;
	}
		
.btn_lien:link, .btn_lien:visited
	{
	box-shadow: -2px -2px 8px rgba(0, 0, 0, 0.5) inset,
            2px 2px 8px rgba(255, 255, 255, 0.5) inset; 	text-align : center;
	display : inline-block;
	min-width : 150px;
	padding : 10px;
	-moz-border-radius: 5px 5px 5px 5px; 
	  -webkit-border-radius: 5px 5px 5px 5px;
	  -0-border-radius: 5px 5px 5px 5px; 
	  border-radius: 5px 5px 5px 5px;	background : #a6ce39;
	color : #FFFFFF;
	}
	
.btn-fermer:link, .btn-fermer:visited
	{
	position : absolute;
	top : -20px;
	right : -20px;
	display : inline-block;
	text-align : center;
	-moz-border-radius: 35px 35px 35px 35px; 
	  -webkit-border-radius: 35px 35px 35px 35px;
	  -0-border-radius: 35px 35px 35px 35px; 
	  border-radius: 35px 35px 35px 35px;	padding : 5px;
	border : 2px solid #FFFFFF;
	background : #a6ce39;
	}
	

.alerte, #zoom
	{
	background : rgba(200, 255, 200, 1); 
	display : none;
	position : fixed;
	width : 90%;
	height : 90%;
	top : 5%;
	left : 5%;
	border : 3px solid #a6ce39;
	-moz-border-radius: 5px 5px 5px 5px; 
	  -webkit-border-radius: 5px 5px 5px 5px;
	  -0-border-radius: 5px 5px 5px 5px; 
	  border-radius: 5px 5px 5px 5px;	}
#zoom
	{
	text-align : center;
	z-index : 20000;
	overflow : auto;
	}
#imgzoom
	{
	max-width : 100%;
	cursor : zoom-out;
	}
.zoomable
	{
	cursor : pointer;
	cursor : zoom-in;
	}
	
.alerte
	{
	vertical-align : middle;
	text-align : center;
	}