.lrgtg{text-align: left; font-size:150%; font-weight : bolder ;color:rgb(35, 106, 146);font-family:verdana,arial,sans-serif; text-shadow:2px 2px 5px;}
.lrgt{text-align: center; font-size:150%; font-weight : bolder ;color:rgb(35, 106, 146);font-family:verdana,arial,sans-serif; text-shadow:2px 2px 5px;}
.titre{margin-top: 4px; background-color: rgb(35, 106, 146); font-size:100%; color:rgb(250,250,250); font-weight: bold; font-family:verdana,arial,sans-serif; text-shadow:1px 1px 2px;}
.titrtab{margin-top: 4px; background-color: rgb(35, 106, 146); font-size:80%; color:rgb(250,250,250); font-weight: bold; font-family:verdana,arial,sans-serif; text-shadow:1px 1px 2px;}
.corpstab{margin-top: 4px; font-size:80%; font-family:verdana,arial,sans-serif;}
.corpstab a{color:black; font-size:100%;}
.titrvid{padding: 4px; background-color: rgb(35, 106, 146); font-size:80%; color:rgb(250,250,250); font-weight: bold; font-family:verdana,arial,sans-serif; text-shadow:1px 1px 2px;}
.titrepage{text-align: left; font-size:110%; font-weight : bold ;color:rgb(35, 106, 146);font-family:verdana,arial,sans-serif;}
.titreactu{text-align: left; font-size:200%; font-weight : bold ;color:rgb(35, 106, 146);font-family:verdana,arial,sans-serif;}
.sstitre{background-image: url(img/fontxt.jpg); background-repeat: repeat-y; font-size:70%; color:rgb(50,0,250); font-weight: bold; font-family:verdana,arial,sans-serif;}
.corps{font-size:75%; font-weight: normal; font-family: verdana,arial,sans-serif; color: black; text-align: justify}
.corpactu{line-height:24px; font-size:90%; font-weight: normal; font-family: arial,sans-serif; color: black; text-align: justify}
.corphisto{line-height:24px; font-size:75%; font-weight: normal; font-family: arial,sans-serif; color: black; text-align: justify}
.datactu{line-height:24px; font-size:90%; font-weight: normal; font-family: arial,sans-serif; color: grey; text-align: justify}
.corpsgras{font-size:75%; font-weight: bold; font-family: verdana,arial,sans-serif; color: black; text-align: justify}
.baspage{font-size:70%; font-weight: normal; font-family: verdana,arial,sans-serif; color: black; text-align: left}



.cadre {border: 2px solid rgb(135, 206, 246);}

span.cadre-titre {
	position: absolute; 
	display: block; 
	margin-top: -50px;
	padding: 0 8px;
	font-weight: bold;
	font-size: 110%;}

span.cadre-titre {font-weight: bold; font-family:verdana,arial,sans-serif; text-shadow:1px 1px 2px;}
.cadre ul {font-size:90%; padding-left: 10px;}


.img1 {
width:305px;
-webkit-transition: all 1s ease; /* Safari et Chrome */
-moz-transition: all 1s ease; /* Firefox */
-ms-transition: all 1s ease; /* Internet Explorer 9 */
-o-transition: all 1s ease; /* Opera */
transition: all 1s ease;}
.img2 {
width:650px;
-webkit-transition: all 1s ease; /* Safari et Chrome */
-moz-transition: all 1s ease; /* Firefox */
-ms-transition: all 1s ease; /* Internet Explorer 9 */
-o-transition: all 1s ease; /* Opera */
transition: all 1s ease;}

.img1:hover{
webkit-transform:scale(1.5); /* Safari et Chrome */
-moz-transform:scale(1.5); /* Firefox */
-ms-transform:scale(1.5); /* Internet Explorer 9 */
-o-transform:scale(1.5); /* Opera */
transform:scale(1.5);
z-index: 1000;
position: relative;}

@media all and (max-width :500px){
.img1:hover{
webkit-transform:scale(1); /* Safari et Chrome */
-moz-transform:scale(1); /* Firefox */
-ms-transform:scale(1); /* Internet Explorer 9 */
-o-transform:scale(1); /* Opera */
transform:scale(1);
}
}

.img2:hover{
webkit-transform:scale(1.3); /* Safari et Chrome */
-moz-transform:scale(1.3); /* Firefox */
-ms-transform:scale(1.3); /* Internet Explorer 9 */
-o-transform:scale(1.3); /* Opera */
transform:scale(1.3);
z-index: 1000;
position: relative;

}


@keyframes slideshow__fade {
  0% {
    opacity: 0;
    z-index: 2;
  }
  6.6666666667% {
    opacity: 1;
  }
  26.6666666667% {
    opacity: 1;
  }
  27.6666666667% {
    opacity: 0;
    z-index: 1;
  }
  100% {
    opacity: 0;
  }
}

.diapoMT {
  position: relative;
}

.diapoMT img:not(:first-child) {
  position: absolute;
  left: 0;
  top: 0;
  margin: 0 auto;
  animation-duration: 12s; /*On retrouve nos 30 secondes ici */
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-name: slideshow__fade;
  animation-timing-function: ease-in;
  transition: opacity 2s ease-in;
}

.diapoMT img:nth-child(1) {
  animation-delay: 0s;
}
.diapoMT img:nth-child(2) {
  animation-delay: 2s;
}
.diapoMT img:nth-child(3) {
  animation-delay: 4s;
}
.diapoMT img:nth-child(4) {
  animation-delay: 6s;
}
.diapoMT img:nth-child(5) {
  animation-delay: 8s;
}
.diapoMT img:nth-child(6) {
  animation-delay: 10s;
}