body{
	background-image: url("../img/img.jpg");
background-size: cover;
}

.body2{
margin:-10px -10px ;
background-color:white;
height:100em;
background-image:url('../img/logo.jpg');
  background-repeat: no-repeat;
  background-size: 50% 50%;
background-position: center top; 
}

a:hover {
	color: #ff00ff;
}

.test{
  display: inline-block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  padding: 10px 20px;
  border: 1px solid #b7b7b7;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  font: normal normal bold 24px/normal Arial Black, Gadget, sans-serif;
  color: rgba(0,1,2,1);
  -o-text-overflow: clip;
  text-overflow: clip;
  background: rgba(224,221,123,1);
  -webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) inset;
  box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) inset;
  text-shadow: 1px 1px 0 rgba(255,255,255,0.66) ;
  -webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
margin-left: 25%;
	margin-right: auto;
}
.cadre2{
	position:relative;
	background-color:rgba(0,0,0,0.9);
	padding:0;
	margin:0;

	margin-left:34%;
	margin-right:34%;
	#width:600px;
	height:400px;
	overflow:hidden;
	box-shadow: 20px 10px 18px 8px rgba(0,0,0,0.8);
}
.mark{
background-color: black;
color:#39e75f;
padding:3px;
}

.cadre1{
	margin-left:30%;
	margin-right:30%;
	padding:10px;
	background-color:white;
	background-color: rgba(255,255,255, 0.3);
	border-style:double;
	box-shadow: 10px 10px 8px 10px rgba(0,0,0,0.4) ; 
}
.titrecadre2{
	background-color: rgba(255,255,255, 0.8);
	margin-right:34%;
	margin-left:34%;
	text-align:center;
		
}
a{
 text-decoration: none; color: black;
}
.textecentrer{
text-align:center;
background-color:white;
width:auto;
margin-left:auto;
margin-right:auto;
}
.moi {
  display: inline-block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 27px 10px 20px;
  border: 10px solid #d89cd1;
  -webkit-border-radius: 21px / 58px;
  border-radius: 21px / 58px;
  font: normal normal bold 19px/normal "Times New Roman", Times, serif;
  color: rgba(3,4,5,1);
  -o-text-overflow: clip;
  text-overflow: clip;
  background: #fc58d3;
  -webkit-box-shadow: 20px 14px 18px 0 rgba(0,0,0,0.2) inset;
  box-shadow: 20px 14px 18px 0 rgba(0,0,0,0.2) inset;
  text-shadow: 1px 1px 0 rgba(255,255,255,0.66) ;
  -webkit-transition: all 200ms cubic-bezier(0.215, 0.61, 0.355, 1) 11ms;
  -moz-transition: all 200ms cubic-bezier(0.215, 0.61, 0.355, 1) 11ms;
  -o-transition: all 200ms cubic-bezier(0.215, 0.61, 0.355, 1) 11ms;
  transition: all 200ms cubic-bezier(0.215, 0.61, 0.355, 1) 11ms;
  -webkit-transform: rotateX(-1.1459155902616465deg) rotateY(-18.907607239317166deg)   ;
  transform: rotateX(-1.1459155902616465deg) rotateY(-18.907607239317166deg)   ;
 display: block;
}

.moi:hover{
  background: #FFFFFF;
}
.bouton{
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  cursor: pointer;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 20px;
  border: 1px solid #000000;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  font: normal 16px/normal "Times New Roman", Times, serif;
  color: rgba(0,0,0,0.9);
  -o-text-overflow: clip;
  text-overflow: clip;
  background: #fc9cfc;
text-align:center;
  -webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) ;
  box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) ;
  text-shadow: 1px -1px 0 rgba(242,242,242,0.66) ;
  -webkit-transition: font-size 320ms cubic-bezier(0.42, 0, 0.58, 1), all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
  -moz-transition: font-size 320ms cubic-bezier(0.42, 0, 0.58, 1), all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
  -o-transition: font-size 320ms cubic-bezier(0.42, 0, 0.58, 1), all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
  transition: font-size 320ms cubic-bezier(0.42, 0, 0.58, 1), all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
 display: block;
font-family: Georgia, serif;
font-size: 15px;
letter-spacing: 6px;
word-spacing: 2px;
color: #000000;
font-weight: normal;
text-decoration: none;
font-style: normal;
font-variant: normal;
text-transform: none;
}
.bouton:hover{
 background: #FFFFFF;

}

#slideshow {
	

	height:250px;
	padding:0;
	margin:0;
}

#sContent {
	position:absolute;
	top: 0;
	left: 0px;
	width: 3900px;
	height:250px;
	animation-name: AutoSlide;
	animation-duration: 20s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
}

@keyframes AutoSlide {
	0%, 15%, 100% {
		left: 0px; /*1ère image*/
	}
	25%, 35% {
		left: -605px; /*2ème image*/
	}
	45%, 55% {
		left: -1210px; /*3ème image*/
	}
	65%,75%{
		left: -1815px;
	}
	85%,95%{
		left: -2420px;
	}
	
}

ul ,#sContent li{
	list-style-type:none;
	padding:0;
	margin:0;
	display:inline;
}
li span{
position:absolute;
background-color:rgb(255,255,255,0.8);
width:600px;
height:40px;
text-align:center;
}


.blanc{
background-color:white;
width:40%;
}

.gauche{
width:20%;
float:left;
}
.cursornone{
cursor:default;
}
.gauche a:hover{
	color:orange;

}

.blanc:hover{
	background-color:rgb(40,53,146);
	color:white;
}







/*-------------------tableau-------------------*/
table.tableau {
  border: 1px solid #1C6EA4;
  background-color: #EEEEEE;
  width: 90%;
  text-align: left;
  border-collapse: collapse;
	margin:auto;
}
table.tableau td, table.blueTable th {
  border: 1px solid #AAAAAA;
  padding: 3px 2px;
}
table.tableau tbody td {
  font-size: 13px;
}
table.tableau tr:nth-child(even) {
  background: #D0E4F5;
}
table.tableau thead {
  background: #1C6EA4;
  background: -moz-linear-gradient(top, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
  background: -webkit-linear-gradient(top, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
  background: linear-gradient(to bottom, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
  border-bottom: 2px solid #444444;
	text-align:center;
}
table.tableau thead th {
  font-size: 15px;
  font-weight: bold;
  color: #FFFFFF;
  border-left: 2px solid #D0E4F5;
}
table.tableau thead th:first-child {
  border-left: none;
}

table.tableau tfoot {
  font-size: 14px;
  font-weight: bold;
  color: #FFFFFF;
  background: #D0E4F5;
  background: -moz-linear-gradient(top, #dcebf7 0%, #d4e6f6 66%, #D0E4F5 100%);
  background: -webkit-linear-gradient(top, #dcebf7 0%, #d4e6f6 66%, #D0E4F5 100%);
  background: linear-gradient(to bottom, #dcebf7 0%, #d4e6f6 66%, #D0E4F5 100%);
  border-top: 2px solid #444444;
}
table.tableau tfoot td {
  font-size: 14px;
}
table.tableau tfoot .links {
  text-align: right;
}
table.tableau tfoot .links a{
  display: inline-block;
  background: #1C6EA4;
  color: #FFFFFF;
  padding: 2px 8px;
  border-radius: 5px;
}