#chiffres
	{
	font-size : 1.25em;
	position : absolute;
	top : 0px;
	right : -102%;
	z-index: 100;
	color : #FFFFFF;
	text-align : center;
	height : 100%;
	width : 100%;
	}
	
@media screen and (max-width: 1200px)
	{	#chiffres		{font-size : 1em;}	}
	
.bande
	{
	position : relative;
	vertical-align : middle;
	height : 34%;
	background : #ed1c24;
	}
	
.bande-marron
	{
	position : relative;
	line-height : 33%;
	vertical-align : bottom;
	height : 33%;
	background : #6c3018;
	}
	
.bande div, .bande-marron div
	{
	margin : auto;
	display : inline-block;
	vertical-align : middle;
	position : relative;
	line-height : 1.25em;
	}
	
	
	
#contenu-d
	{
	line-height : 10px;
	text-align : center;
	}
	
.verso
	{visibility : hidden;}
.v2, .v3
	{display : none;}
#image2, #image3, #image4
	{
	top : 0px;
	vertical-align : top;
	position : absolute;
	}
	

#frise
	{
	overflow : hidden;
	width : 120%;
	position : absolute;
	left : -20%;
	bottom : 50px;
	z-index : 10000;
	}
@media screen and (max-width : 1100px)
	{#frise {bottom : 0px;}}
	
#frise svg
	{
	width : 100%;
	height : 300px;
	}
#ligne
	{
	fill : #6c3018;
	}
#frise circle
	{
	fill : #ed1c24;
	}
#frise polygon
	{
	opacity : 0;
	fill : #6c3018;
	}
#frise text
	{
	fill : #ed1c24;
	}
	
#frise g polygon, #frise g .descript
	{transition : opacity 0.5s;}
#frise g:hover polygon, #frise g:hover .descript
	{opacity : 1;}
#frise g:hover circle
	{
	stroke : #a6ce39;
	stroke-width : 2px;
	}
	
#frise .descript
	{
	opacity : 0;
	}
	
#frise .descript rect
	{ 	fill : #6c3018;	}
#frise .descript text
	{ 	fill : #FFFFFF;	
	text-anchor : middle;
	text-align : center;
	font-size : 9pt;
	}