﻿@-webkit-keyframes GlisseAuto {
0%,  10%,   100% {
	left: 0px;
}
20%, 30% {
	left: -412px;
}
40%, 50% {
	left: -824px;
}
60%, 70% {
	left: -1238px;
}
80%, 90% {
	left: -1650px;
}
}
@-o-keyframes GlisseAuto {
0%,  10%,   100% {
	left: 0px;
}
20%, 30% {
	left: -412px;
}
40%, 50% {
	left: -824px;
}
60%, 70% {
	left: -1238px;
}
80%, 90% {
	left: -1650px;
}
}
@-moz-keyframes GlisseAuto {
0%,  10%,   100% {
	left: 0px;
}
20%, 30% {
	left: -412px;
}
40%, 50% {
	left: -824px;
}
60%, 70% {
	left: -1238px;
}
80%, 90% {
	left: -1650px;
}
}
@keyframes GlisseAuto {
0%,  10%, 100% {
	left: 0px;
}
20%, 30% {
	left: -412px;
}
40%, 50% {
	left: -824px;
}
60%, 70% {
	left: -1238px;
}
80%, 90% {
	left: -1650px;
}
}
#glissade {
	height: 280px;
/*limite en hauteur*/
	margin:  5px 0;
	overflow: hidden;
/*on cache ce qui déborde*/
	position: relative;
/*le parent positionné*/
	width: 410px;
/*limite en largeur (1 élément du slideshow)*/
	background-color: #FFA400;
	border-bottom: double #F60018;
	border-left: double #F60018;
	border-radius: 10px 0 0 50px  / 10px 0 0 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#glisseObj {
	left: 0px;
/*à gauche de son parent positionné*/
	margin: 0;
	padding: 0;
	position: absolute;
/*on sort l'élément du flux*/
	top: 100px;
/*on llaisse une place pour le titre*/
	width: 2070px;
	animation-name: GlisseAuto;
	animation-duration: 30s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
	-moz-animation-name: GlisseAuto;
	-moz-animation-duration: 30s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: ease-in-out;
	-o-animation-name: GlisseAuto;
	-o-animation-duration: 30s;
	-o-animation-iteration-count: infinite;
	-o-animation-timing-function: ease-in-out;
	-webkit-animation-name: GlisseAuto;
	-webkit-animation-duration: 30s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: ease-in-out;
}
#glisseObj li {
	display: inline-block;
/*on aligne les éléments du slideshow*/
	vertical-align: top;
	height: 150px;
	width: 410px;
}
@media screen and (min-width: 960px) {
 #InfoFixe {
	  display: none;
}
}
@media screen and (max-width: 959px) {
#glissade, #glisseObj, #glisseObj li {
	display: none;
}
}
.Tit1 {
	color: #0000FF;
	font-size: 1.5em;
	font-weight: bold;
	letter-spacing: -1px;
	line-height: 1.2;
	margin: 0;
	padding: 0;
	background-color: inherit;
	text-align: left;
	font-style: normal;
}
.Tit2 {
	color: #052C6E;
	text-align: center;
	text-decoration: underline;
}
.tit3 {
	color: #A64500;
	text-indent: 10px;
	font-size: 1.8em;
	font-family: Impact, 'Arial Black', Arial, Verdana, sans-serif;
	color: #F60018;
	letter-spacing: 2px;
}
.text1 {
	color: #00685A;
	margin: 5px 8px;
}
#InfoFixe {
	position: relative;
}
