/* INDEX */
	#head-index {
		background: #E7C9C1; /* rose */
		width: 100%;
		height: 10px;
	}
	#main-content {
		width: 100%;
		height: 100%;
		z-index: -1;
	}
	#calque-index {
		position: absolute;
		background: #E7C9C1; /* rose */
		top: 300px;
		width: 100%;
		height: 100%;
		z-index: 1;
	}
	#content-index {
		position: relative;
		width: 100%;
		height: auto;
		text-align: center;
		margin: 0 auto;
		z-index: 10;
	}
	#content-index img{
		max-width: 100%;
		height: auto;
		width: auto\9; /* ie8 */
	}
	.citation {
		margin: 0 auto;
		width: 700px;
		min-height: 100px;
	}
	.citation p{
		font-size: 25px;
		line-height: 25px;
		
	}
	.citation-auteur{
		font-size: 15px;
		font-style: italic;
		padding-top: 10px;
		position: relative;
		float: right;
	}
	.btn-index{
		position: relative;
		width: 100%;
		height: 32px;
		background: #edd7d1;
		font-size: 22px;
		text-transform: uppercase;
		margin: 0 auto;
		padding-top: 4px;
	}

	.btn-index a {
		color: #000;
		background: #FFF;
		padding: 5px;
		margin-top: 2px;
	}
	.btn-index span {
		margin-top: 5px;
		padding: 11px 15px 11px 0px;
		background-image: url(css/img/accolade-gauche.png);
		background-repeat: no-repeat;
		background-position: left 50%;
	}
	.btn-index span  span{
		padding: 5px 15px;
		background-image: url(css/img/accolade-droite.png);
		background-repeat: no-repeat;
		background-position: right 50%;	
	}
	.actu {
		background: #FFF;
		width: 100%;
		height: 45px;
		font-size: 22px;
		text-transform: uppercase;
	}
	/* marquee */
	.defileParent {
		display: block;
		margin: 1em auto;
		overflow: hidden;
		position: relative;
		table-layout: fixed;
		width: 700px;
	}
	.defile {
		display:block;
		-webkit-animation:linear marqueelike 20s infinite ;
		-moz-animation:linear marqueelike 20s infinite ;
		-o-animation:linear marqueelike 20s infinite ;
		-ms-animation:linear marqueelike 20s infinite ;
		animation:linear marqueelike 20s infinite ;
		margin-left:-100%;
		padding:8px 5px;
		text-align:left;
		height:25px;
		white-space: nowrap;
	}
	.defile:after {
		content:attr(data-text);
		position:absolute;
		white-space:nowrap;
		padding-left:10px;
	}	
	@-webkit-keyframes marqueelike {
		0%, 100% {margin-left:0;}
		99.99% {margin-left:-100%;}
	 }
	@-moz-keyframes marqueelike {
		0%, 100% {margin-left:0;}
		99.99% {margin-left:-100%;}
	 }
	@-o-keyframes marqueelike {
		0%, 100% {margin-left:0;}
		99.99% {margin-left:-100%;}
	 }
	@-ms-keyframes marqueelike {
		0%, 100% {margin-left:0;}
		99.99% {margin-left:-100%;}
	 }
	@keyframes marqueelike {
		0%, 100% {margin-left:0;}
		99.99% {margin-left:-100%;}
	 }
	
	@media only screen and (max-width: 767px) {
		#calque-index {top: 220px;}
	}
	@media only screen and (max-width: 640px) {
		#calque-index {top: 180px;}
		.defileParent {width: 100%;}
	}
	@media only screen and (max-width: 500px) {
		#calque-index {top: 150px;}
	}	
	@media only screen and (max-width: 450px) {
		#calque-index {top: 110px;}
		.citation {
			margin: 0 auto;
			width: 320px;
		}
		.citation p{
			font-size: 12px;
		}	
	}	
	@media only screen and (max-width: 320px) {
		#calque-index {top: 90px;}
	}