div#global {	
	background:url(../img/public/fond-elipse.jpg) center no-repeat;
	background-position:50% 614px;
	background-size:100%;
}
/****************** ANIMATION **********************/
div#slider_index {
	position:relative;
	width:100%;
	height:614px;
	margin:0;padding:0;
	z-index:1;
}
div#top {
	margin:-614px auto 0 auto;
	height:614px;
}
/****************** VIGNETTES **********************/
div#vignettes {
	position:relative;
	margin:-113px 0 0 0;padding:0;
	height:170px;
	overflow:hidden;
}
div#vignettes a {
	text-decoration:none;
}
div#vignettes .index-vignette {
	position:relative;
	margin:0 0 0 1%;
	padding:1%;
	float:left;
	width:30%;
	background:url(../img/public/encart-index.png) repeat;
}
div#vignettes .index-vignette-photo {
	position:relative;
	width:100%;
}
div#vignettes .index-vignette-photo .img{
	width:100%;
	display:table;/*évite le margin-bottom*/
}
div#vignettes .index-vignette-texte {
	position:relative;
	margin:0;padding:0;
	min-height:48px;
	background:#FFFFFF url(../img/public/logo-puce.png) left center no-repeat;
}
div#vignettes .index-vignette-texte p {
	margin:0;padding:0;
	font-variant:small-caps;
	text-indent: 90px;
}
div#vignettes .index-vignette-texte p.vignette-titre {
	padding:2px 0 0 0;
	color:#004c99;
	font-size:1.2em;
}
div#vignettes .index-vignette-texte p.vignette-sstitre {
	color:#616161;
	font-size:0.9em;
}
/********************** ENCARTS **************************/
div#index_encart {
	width:100%;
	display:table;	
	margin:30px auto;
	position:relative;
}
div#index_encart h3 {
	color:#89bfff;
	font-size:1.2em;
	width:98%;
	margin:0 1% 10px 1%;
}
div#index_encart a {
	text-decoration:none;
	width:100%;
	height:100%;
	display:block;
}
.index_encart_cadre {
	width:23%;
	margin:0 1%;
	float:left;
}
.index_encart_cadre img {
	width:100%;
}
.index_encart_nom {
	color:#FFF;
	font-size:0.9em;
	padding:5px 0;
	width:100%;
	text-align:center;
	background-color: rgba(15, 29, 42, 0.8);
	position:relative;
	margin-top:-33px;
	display:block;
}
div#index_encart a:hover .index_encart_nom {
	color:#89bfff;
}

/****************** MESSAGE ACCUEIL **********************/
div#message-accueil {
	position:relative;
	margin:0;padding:0;
	width:100%;
	height:auto;
	overflow:hidden;
}
div#message-top {
	position:relative;
	margin:0;padding:0;
}
div#message-top h1 {
	margin:0 0 5px 0;padding:0;
	font-size:1.4em;
	color:#FFFFFF;
}
div#message-top h2 {
	margin:0 0 10px 0;padding:0;
	font-size:1.2em;
	color:#89bfff;
}
div#message-bottom {
	position:relative;
	margin:0;padding:0;
}
div#message-photo {
	position:relative;
	margin:0 20px 20px 0;padding:3px;
	width:257px;
	float:left;
	text-align:center;
	border:1px solid #FFFFFF;
}
div#message-bottom .paragraph{
	font-size:0.8em;
	text-align:justify;
	color:#FFFFFF;
}
div#message-bottom p{
	margin:0 0 10px 0;
}
div#message-bottom p.message-lien{
	position:relative;
	text-align:center;
	padding:5px 10px;
	font-size:0.8em;
	border:1px solid #FFFFFF;
	background:#89bfff;
	/*float:right;*/
	margin:0 auto;
	display:table;
}
div#message-bottom p.message-lien a{
	display:block;
	text-decoration:none;
	color:#0f1d2a;
}