body {font-family: Arial, Helvetica, sans-serif;}

#body {
	  width:100%;
          }
/*/////////////////////////////////////////////*/
.css-typing p {
  border-right: .15em solid orange;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  white-space: nowrap;
  overflow: hidden;
  color:#21659f;
  font-weight: bold;
  text-align : left;
}
.css-typing p:nth-child(1) {
  width: 870px;
  -webkit-animation: type 10s steps(115, end) 0s infinite;
  animation: type 10s steps(115, end) 0s infinite;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
  
}
@keyframes type {
  0% {width: 0;}
  50%,100% {width: 870px;}
  99.9% {border-right: .15em solid orange;}
  100% {border: none;}
}
@-webkit-keyframes type {
  0% {
    width: 0;
  }
  99.9% {
    border-right: .15em solid orange;
  }
  100% {
    border: none;
  }
}
#imagedim
{
	width:1250px;
	height:100px;
}
#ligne { 
display: flex; 
flex-direction: row; 
} 

#ligne:before, #ligne:after 
{ 
content: ""; 
flex: 1 1; 
border-bottom: 2px solid #0000; 
margin: auto; 
} 
#container1 {
width:95%; 	
/*border: 8px solid #0000;*/
-moz-border-bottom-colors:#9FE8DE #375d81 #5f8ca3 #a2b5bf #abc8e2 #c4d7ed #e1e6fa #c6e5e1;
    -moz-border-top-colors:  #9FE8DE #375d81 #5f8ca3 #a2b5bf #abc8e2 #c4d7ed #e1e6fa #c6e5e1;
    -moz-border-left-colors: #9FE8DE #375d81 #5f8ca3 #a2b5bf #abc8e2 #c4d7ed #e1e6fa #c6e5e1;
    -moz-border-right-colors:#9FE8DE #375d81 #5f8ca3 #a2b5bf #abc8e2 #c4d7ed #e1e6fa #c6e5e1;
/*    padding: 5px 5px 5px 15px;*/
}


#imsponsors
{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	align-content: space-between;
	justify-content: space-around;
	
}
#ims
{
  object-fit:cover;
  width:130px;
  background-color: white;
  max-width: 200px;
  margin: 15px;
  text-align: center;
  line-height: 30px;
  vertical-align:middle;
   }
 #ims2
{
  object-fit:cover;
  width:200px;
  background-color: white;
  margin: 15px;
  text-align: center;
  line-height: 30px;
  vertical-align:middle;
   }
#ColumnS {
          display: flex;
		  
      }

#topicsS, #ApplicS, #topicsS2 {
          /*border: 2px solid #21659f;*/
	width:50%;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-variant: normal;
	line-height:30px;
	color: black;
	text-decoration : none;
	Padding-bottom:10px;
	text-align: justify;
	text-justify: inter-word;
	vertical-align:top;
	text-indent: -10px; /* key property */
    margin-left: 20px; /* key property */
      }
 #topicsS2{
          /*border: 2px solid #21659f;*/
		  width:100%;
    }

@media screen and (max-width: 1152px) {
        #ColumnS {
          flex-direction: column;
        }
		#topicsS, #ApplicS,#topicsS2 {
          width:90%;
		}
    }  
#pieds, #pieds2
{
display: flex;
background-color:#21659f;
}
#pieds
{
height:170px;
width:100%;
}
#pieds2
{
height:60px;
width:100%;
}
#PZ1, #PZ2, #PZ3, #PZ4
{
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color: white;
font-weight: none;
font-variant: normal;
height:30px; 
Padding-top:30px;
line-height:20px;
width:50%;	
background-color:#21659f;
}
#PZ1
{
	text-align: left;
	Padding-left:30px;
}
#PZ2
{
	text-align: center;
	Padding-bottom:30px;
	Padding-right:30px;
}
#PZ3
{
	text-align: left;
	Padding-left:30px;
}
#PZ4
{
	text-align: right;
	Padding-right:30px;
}
@media screen and (max-width: 1152px) {
        #pieds, #pieds2 
		{
          flex-direction: column;
          width:100%;
        }
		#pieds 
		{
          height: 360px;
        }
		#pieds2
		{
          height: 120px;
        }
		#PZ1
		{
			height:180px;
		}
		#PZ2
		{
			height:180px;
		}
		#PZ3
		{
			height:60px;
		}
		#PZ4
		{
			height:60px;
		}
		 #PZ1, #PZ2, #PZ3, #PZ4
		{
		width:100%;
		text-align: center;		
		
		}
    } 

#bande
{
	display:flex;
	position:relative;
	top:10px;
	left:2px;
	right:2px;
	height:100px;
}	

#tablestyle
{
	display:flex;
}
#KSim
{
	object-fit:cover;
	width:15%;
	height:200px;
	padding-left:10px;
}
@media screen and (max-width: 1152px) {
#tablestyle
{
	flex-direction:column;
}
#KSim
{
	text-align:center;
	/*padding-left:30px;height:200px;*/
	width:70%;
	
}
#TitreL, #Titre, #Titre2
{
	text-align:center;
	font-size:16px;
}	
}


#toptext
{
	top:20px;
	background-color:white;
}
.arriereplan
{
/*background-color:#4BB5C1;*/
height:70px;
width: 100%;
}
#menu2
{
font-family: Arial, Helvetica, sans-serif;
padding:0px;
margin:0px;
text-align: left; 
width:100%;
height:100%;
}

.niveau22
{
  /* La bordure s'incurvera en forme de 'D' */
  font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	font-variant: normal;
	color: #010895;
	text-align : right;
	text-decoration : none;
	Padding:10px;
	width: 95%;
	  -moz-border-radius-topleft: 10px ;
  -moz-border-radius-topright: 10px ;
    
	border-left:2px dotted #00FFCC;
	border-bottom:2px dotted #00FFCC;
	border-right :2px dotted #00FFCC;
	}
.niveau13
{
  /* La bordure s'incurvera en forme de 'D' */
  font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight: bold;
	font-variant: normal;
	color: #010895;
	text-align :left;
	text-decoration : none;
	Padding:10px;
	background-color : #dbfaf5;
    height: 50px;
	text-indent: 0;
	width: 95%;
  -moz-border-radius-topleft: 10px ;
  -moz-border-radius-topright: 10px ;
    border-top:2px dotted #00FFCC;
	border-left:2px dotted #00FFCC;
	border-bottom:2px dotted #00FFCC;
	border-right :2px dotted #00FFCC;
}
#hr { 
display: block;
margin-before: 0.5em; 
margin-after: 0.5em; 
margin-start: auto; 
margin-end: auto; 
overflow: hidden; 
border-style: inset; 
border-width: 1px;
width: 100%;
margin-left: auto;
margin-right: auto;
margin-bottom:20px;
height: 3px;
background-color:#21659f;
opacity: 0.5;}

#ligne_horizontal { 
display: flex; 
flex-direction: row; 
} 

#ligne_horizontal:before, 
#ligne_horizontal:after { 
content: ""; 
flex: 1 1; 
border-bottom: 2px solid #a82464; 
margin-left: 30px; 
margin-right: 30px; 
} 

#imminiature
{
object-fit:cover;
width:300px;
height:300px;
overflow:hidden;
pointer-events:none;
}
#Titre2 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	font-variant: normal;
	color: #21659f;
	text-decoration : none;
	text-indent: 0;
	text-align : left;
	Padding-top:5px;
	Padding-bottom:5px;
	margin-left:30px;
	vertical-align:top;
}
#Titre3 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	font-variant: normal;
	color: #a82464;
	text-indent: 20px;
	text-align : left;
	Padding-top:5px;
	Padding-bottom:5px;
	margin-left:50px;
	vertical-align:top;
	
}
#Titre
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: bold;
	font-variant: normal;
	color: #21659f;
	text-indent: 0px;
	text-align : left;
	Padding-top:20px;
	Padding-left:20px;
	margin-left:30px;
	text-decoration : none;
	justify-items:left;
		
}	
#TitreX 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: bold;
	font-variant: normal;
	color: #21659f;
	text-indent: 0px;
	text-align : left;
	Padding-top:50px;
	Padding-left:20px;
	margin-left:30px;
	text-decoration : none;
	justify-items:center;
		
}	
#TitreL 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	font-weight: bold;
	font-variant: normal;
	color: #21659f;
	text-indent: 0px;
	text-align : left;
	Padding-Top:50px;
	Padding-bottom:30px;
	Padding-left:20px;
	margin-left:20px;
	margin-right:20px;
	text-decoration : none;
	line-height:30px;
	justify-items:center;
	vertical-align:text-top;
		
}	
/*#footer {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: white;
background-color:#21659f;
font-variant: normal;
text-align: right;
height:30px; 
margin-right: 20px;
Padding-top:10px;
Padding-right:20px;

}
#footer1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: white;
background-color:#21659f;
font-variant: normal;
text-align: left;
height:30px; 
Padding-top:10px;
padding-left:20px;
margin-left: 20px;
}
#footer2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color: white;
font-weight: bold;
background-color:#21659f;
font-variant: normal;
text-align: left;
height:30px; 
Padding-top:30px;
line-height:20px;
}
#footer3 {
background-color:#21659f;
font-variant: normal;
text-align: center;
height:30px; 
Padding-top:10px;
}*/

#text
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	font-variant: normal;
	line-height:30px;
	color: black;
	text-decoration : none;
	text-align : left;
	margin-left:30px;
	margin-right:30px;
	Padding-bottom:20px;
	text-align: justify;
  text-justify: inter-word;
}
#textlien
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	font-variant: normal;
	line-height:30px;
	color: blue;
	text-decoration : none;
	text-align : left;
	margin-left:30px;
	margin-right:30px;
	Padding-bottom:20px;
	
}
#textlien:hover
{text-decoration : underline;
}
#text2
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-variant: normal;
	line-height:30px;
	color: black;
	text-decoration : none;
	text-align : left;
	margin-left:40px;
	Padding-bottom:10px;
	text-align: justify;
  text-justify: inter-word;
  vertical-align:top;
}
#text3
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-variant: normal;
	font-weight:bold;
	line-height:30px;
	color: black;
	text-decoration : none;
	margin-left:30px;
	margin-right:30px;
	Padding-bottom:20px;
	text-align: justify;
    text-justify: inter-word;
}
#text4
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	font-variant: normal;
	line-height:30px;
	color: black;
	text-decoration : none;
	margin-left:80px;
	margin-right:30px;
	Padding-bottom:20px;
	text-align: justify;
    text-justify: inter-word;
	vertical-align:text-top;
}
#tablestyle
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-variant: normal;
	line-height:20px;
	color: black;
	text-align : left;
	margin-left:60px;
	/*padding-top:20px;
	Padding-bottom:30px;
	Padding-left:50px;*/
}
#linestyle
{
	line-height:20px;
	color: black;
	text-align : left;
}


/******************************************************************/
.slideshow{
	margin:auto;
	display: grid;
	justify-items:center;
	}


#cache
{
pointer-events:none;
width:1260px;
max-width:100%;
height:500px;
object-fit:cover;
overflow:hidden;
}
#img1,#img2
/*,#img3,#img4*/
{
pointer-events:none;
width:1260px;
max-width:100%;
height:500px;
object-fit:cover;
overflow:hidden;
} 

#l1
{list-style-type: none;
overflow:hidden;
}
  
/*input {display:none;}*/
#play_img1{display:none;}
#cache{max-height:500px;overflow:hidden;max-width:100%;}

.slideshow {
position:relative;
/*max-width:100%;*/
margin-top:0px;
border:2px solid hsla(0,0%,100%,.9);
box-shadow:2px 2px 6px hsla(0,0%,0%,.4);}

#defile {
position:relative;
z-index:1;
padding: 0;
margin-top:0px;
/*width:1260px;
max-width:100%;
height:500px;*/
overflow:hidden;}

#img1{
display:flex;
position:absolute;
top:0px;
left:0%;
width:1260px;
max-width:100%;
height:500px;
overflow:hidden;
transition:transform 1s cubic-bezier(.4,1,.2,1);}

#img2{
display:flex;
position:absolute;
top:0px;
left:100%;
width:1260px;
max-width:100%;
height:500px;
overflow:hidden;
transition:transform 1s cubic-bezier(.4,1,.2,1);
}
/*#img3{
display:flex;
position:absolute;
top:0px;
left:200%;
transition:transform 20s cubic-bezier(.4,1,.2,1);
}
#img4{
display:flex;
position:absolute;
top:0px;
left:300%;
transition:transform 20s cubic-bezier(.4,1,.2,1);
}   */

#textBand1,#textBand2,#textBand3,#textBand4,#textBand5,#textBand33
{
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
font-variant: normal;
/*color:#4BB5C1;*/
text-align: center;
height:30px; 
Padding:10px;
z-index:2;
position: absolute;
/*top:50px;*/
opacity:0;
font-weight: bold;
background-color:rgba(173, 216, 230, 0.7);
}

#textBand1
{top:50px;max-width:100%;width: 700px;color: #21659f;
}
#textBand2
{top:110px;width: 300px;color: #a82464;
}
#textBand3
{top:170px;width: 250px;color: #a82464;}
#textBand33
{top:350px;max-width:100%;width: 1000px;color: #21659f;}
#textBand4
{top:150px;width: 350px;color: #21659f;}
#textBand5
{top:210px;width: 400px;color: #a82464;}
@keyframes slide {
/*0%, 13%{transform:translatex(0)}
25%, 38%{transform:translatex(-100%)}
50%, 63%{transform:translatex(-200%)}
75%, 88%{transform:translatex(-300%)}*/
0%, 47%{transform:translatex(0)}
50%, 97%{transform:translatex(-100%)}
} 

@keyframes textAnim1 {
0%, 2%{transform:translatex(-100px);opacity:0%;}
7%, 43%{transform:translatex(0px);opacity:100%;}
45%, 48%{opacity:50%;}
50%, 100%{opacity: 0;}
}
@keyframes textAnim2 {
0%, 52%{transform:translatey(100px);opacity:0%;}
57%, 93%{transform:translatex(0px);opacity:100%;}
95%, 96%{opacity:50%;}
96%, 99%{opacity:0%;}
}
#textBand1, #textBand2,#textBand3,#textBand33  {animation:textAnim1 20s ease 1s infinite ;}
#textBand4, #textBand5  {animation:textAnim2 20s ease 1s infinite ;}
.slideshow:hover{animation-play-state:paused ;   }
#img1,#img2 {animation:slide 20s linear 1s infinite;}
/*slide 40s linear 5s infinite*/
/*,#img3,#img4*/
.slideshow > #play_img1:checked ~ .play_pause > .pause,
.slideshow > .slide:checked ~ .play_pause > .play,
.slideshow > .pause:checked ~ .play_pause > .play{display:block;
z-index:1}
    
    
.slideshow > #play_img1:checked ~ .play_pause > .play,
.slideshow > .slide:checked ~ .play_pause > .pause,
.slideshow > .pause:checked ~ .play_pause > .pause{display:none;
z-index:-1}

.slideshow > #play_img1:checked ~ .play_pause > .pause.img1,
.slideshow > #play_img1:checked ~ .play_pause > .pause.img2,
.slideshow > #play_img1:checked ~ .play_pause > .pause.img3,
.slideshow > #play_img1:checked ~ .play_pause > .pause.img4{
opacity:0;
z-index:-1}
    
    
    
.slideshow > #play_img1:checked ~ .play_pause > .pause.img1 {animation:anim_fleches 22s infinite -2s}
.slideshow > #play_img1:checked ~ .play_pause > .pause.img2{animation:anim_fleches 22s infinite 9s}
/*.slideshow > #play_img1:checked ~ .play_pause > .pause.img3{animation:anim_fleches 17.2s infinite 6.6s}
.slideshow > #play_img1:checked ~ .play_pause > .pause.img4 {animation:anim_fleches 17.2s infinite 10.9s}
*/
    
    
/* /*stop */
.slideshow > .slide:checked ~ .play_pause > .pause,
.slideshow > .pause:checked ~ .play_pause > .pause{animation-play-state:paused}


.slideshow  > #play_img1:checked ~ ul > li {animation:slide 20s linear 1s infinite}
/*animation:slide 40s linear 5s infinite*/

.slideshow > #play_img1:checked ~ ul > li,
.slideshow > .pause:checked ~ ul > li{transition:none}

.slideshow > .play_pause {transition: 4s 0s ease}
  

.slideshow > .play_pause > label {
margin-left:-22px;
margin-top:-22px; 
width:45px;
height:45px;
border-radius:50%;
background-color:hsl(0,0%,15%);
transition:.3s ease;}
    
    
.slideshow > .play_pause > .play:after{content:'▶'}
.slideshow > .play_pause > .pause:after{content:'∥'}
    
.slideshow > .play_pause > label:after{
display:block;
text-align:center;
font-size:2rem;
color:hsl(0,0%,100%);}


/***************************navigation puces bas********************************/
.slideshow > .puces {
position:absolute;
left:0;
width:100%;
z-index:1;
font-size: 0;
text-align:center;
bottom:.3225rem;
margin-bottom:.3225rem;
}
    
.slideshow > .puces > label{
position:relative;
display:inline-flex;
margin:0 .725rem;
padding:.5rem;
border-radius:50%;
background-color:hsla(0,0%,0%,.6);}

/********************simulation lien actif sur les puces******************************/
.slideshow > .puces > label > .actif_puces {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
border-radius:50%;
z-index:1;
background-color:hsla(0,0%,100%);
transition:.3s ease;
transform:scale(0);}


.slideshow > #slide_img1:checked ~ .puces > label.img1 > .actif_puces,
.slideshow > #pause_img1:checked ~ .puces > label.img1 > .actif_puces,
.slideshow > #slide_img2:checked ~ .puces > label.img2 > .actif_puces,
.slideshow > #pause_img2:checked ~ .puces > label.img2 > .actif_puces,
.slideshow > #slide_img3:checked ~ .puces > label.img3 > .actif_puces,
.slideshow > #pause_img3:checked ~ .puces > label.img3 > .actif_puces,
.slideshow > #slide_img4:checked ~ .puces > label.img4 > .actif_puces,
.slideshow > #pause_img4:checked ~ .puces > label.img4 > .actif_puces{transform:scale(1)}



/* bouton play -  puces */
.slideshow > #play_img1:checked ~ .puces > label.img1 > .actif_puces{animation:anim_puces 20s infinite -0.1s}
    
.slideshow > #play_img1:checked ~ .puces > label.img2 > .actif_puces{animation:anim_puces 20s infinite 9.9s}

/*.slideshow > #play_img1:checked ~ .puces > label.img1 > .actif_puces{animation:anim_puces 40s infinite 0s}
    
.slideshow > #play_img1:checked ~ .puces > label.img2 > .actif_puces{animation:anim_puces 40s infinite 10s}
.slideshow > #play_img1:checked ~ .puces > label.img3 > .actif_puces{animation:anim_puces 40s infinite 20s}
    
.slideshow > #play_img1:checked ~ .puces > label.img4 > .actif_puces{animation:anim_puces 40s infinite 30s}*/


@keyframes anim_puces{
	0%,49.99%{transform:scale(1);background-color:hsl(0,0%,100%);}
	50%,100%{transform:scale(0);background:transparent}}
	/*0%,24.99%{transform:scale(1);background-color:hsl(0,0%,100%);background-color:red;}
	25%,100%{transform:scale(0);background:transparent}}
*/

.slideshow > #play_img1:checked ~ .puces > label > .actif_puces,
.slideshow > .pause:checked ~ .puces > label > .actif_puces{transition:none}
    
 /* stop */

.slideshow > .slide:checked ~ .puces > label > .actif_puces,
.slideshow > .pause:checked ~ .puces > label > .actif_puces{animation-play-state:paused}   
/********************************navigation puces bas****************************/

 @media screen and (max-width:800px){
     .slideshow{max-width:800px}
   }

#firstlogo2
{
	
	float: right;
	padding-left:0px;
	margin-left:0px;
	object-fit:cover;
	height:50px;
	}
#firstlogo
{
	
	justify-items:left;
	padding-left:0px;
	margin-left:0px;
	object-fit:cover;
	height:60px;
	}
#images
{
	position:absolute;
	justify-items:right;
	right:2px;
	object-fit:cover;
	height:80px;
	
	}
#line {
	font-size: 20pt ;
	color: red;
   -webkit-text-decoration-line: line-through; /* Safari */
   text-decoration-line: line-through; 
   font-size: 20pt ;
}
#menufixe
{
/*position:fixed;*/	
width:100%;
margin-top:30;
right:0px;
left:0px;
top:30px;
/*z-index:3;
object-fit:cover;*/
}
#retour
{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	font-variant: normal;
	color: #21659f;
	text-indent: 0px;
	text-align : left;
width:100%;
margin-top:0;
right:0px;
left:0px;
top:0px;

}

@media screen and (max-width: 1152px) {
	#images{
	justify-items:left;
	padding-left:0px;
	margin-left:0px;
	object-fit:cover;
	height:50px;
	}
	#firstlogo{
	justify-items:center;
	padding-left:0px;
	margin-left:0px;
	object-fit:cover;
	height:70px;
	}
	#firstlogo2
{
	
	float: right;
	padding-left:0px;
	margin-left:0px;
	object-fit:cover;
	height:30px;
	}
	.css-typing p {
  border-right: .15em solid orange;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  white-space: nowrap;
  overflow: hidden;
  color:#21659f;
  font-weight: bold;
  text-align : center;
  display:none;
}
.css-typing p:nth-child(1) {
    width: 620px;
   -webkit-animation: none;
  animation: none;
  display:none;
}
}
@media only screen and (max-device-width: 1024px) {
	#images{
	justify-items:left;
	padding-left:0px;
	margin-left:0px;
	object-fit:cover;
	height:50px;
	}
	#firstlogo{
	justify-items:center;
	padding-left:0px;
	margin-left:0px;
	object-fit:cover;
	height:70px;
	}
	#firstlogo2
{
	
	float: right;
	padding-left:0px;
	margin-left:0px;
	object-fit:cover;
	height:30px;
	}
	.css-typing p {
  border-right: .15em solid orange;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  white-space: nowrap;
  overflow: hidden;
  color:darkblue;
  font-weight: bold;
  text-align : center;
  display:none;
}
.css-typing p:nth-child(1) {
  width: 620px;
  -webkit-animation: none;
  animation: none;
  display:none;
}
}


/********************************************************/
.mySlides
{
object-fit:cover;
pointer-events:none;
width:200px;
height:200px;
overflow:hidden;
}
.w3-button-preced,.w3-button-suiv
{
	font-size: 20px;
	font-variant: normal;
	font-weight: bold;
	color: darkblue;
	background-color:white;
}
.w3-button-preced:hover,.w3-button-suiv:hover
{
	color: white;
	background-color:#21659f;
}
@media screen and (max-width: 1152px) {
.mySlides
{
object-fit:cover;
pointer-events:none;
width:100px;
overflow:hidden;
}
}
/*********************************************************/
.tab{

  color: white;
  text-align: center;
  padding: 14px;
  text-decoration: none;
  font-size: 20px;
  font-weight:bold;	
}
.ligne1{

  font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	font-variant: normal;
	color: black;
	text-decoration : none;
	text-align : left;
	Padding:10px;
	text-align: justify;
	text-justify: inter-word;  
}
.textt{

  font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	font-variant: normal;
	color: black;
	text-decoration : none;
	text-align : center;
	Padding:10px;
	
}
.formulaire
{display: none;}
.btntxt{
	font-size: 18px;
	position:relative;
	min-height:1px;
	padding-right:15px;
	padding-left:15px;
	-ms-flex-preferred-size:0;
	flex-basis:0;
	-webkit-box-flex:1;
	-ms-flex-positive:1;
	flex-grow:1;
	max-width:100%
}
.btnclass
{
	color:#fff;
	background-color:#21659f;
	border-color:#21659f;
	padding:.5rem 1rem;
	font-size:1.25rem;
	line-height:1.5;
	border-radius:.3rem
}
.btnclass:hover{
	color:#fff;
	background-color:#0047AB;
	border-color:#0047AB;
	}
.btnclass.focus,.btnclass:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}
.btnclass.disabled,.btnclass:disabled{color:#fff;background-color:#6c757d;border-color:#18A8D8}
.btnclass:not(:disabled):not(.disabled).active,.btnclass:not(:disabled):not(.disabled):active,.show>.btnclass.dropdown-toggle{color:#fff;background-color:#545b62;border-color:#4e555b}
.btnclass:not(:disabled):not(.disabled).active:focus,.btnclass:not(:disabled):not(.disabled):active:focus,.show>.btnclass.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}
.form-group{margin-bottom:1rem}
.file-Upload{
	display:block;
	width:100%;
padding:.5rem 1rem;
	font-size:1.25rem;
	line-height:1.5;
	border-radius:.3rem;
	}
.btnSubmit
{
	position:relative;
	min-height:1px;
	-webkit-box-flex:0;
	-ms-flex:0 0 100%;
	flex:0 0 100%;
	max-width:100%;
	color:#fff;
	background-color:#007bff;
	border-color:#007bff;
	padding:.5rem 1rem;
	font-size:1.25rem;
	line-height:1.5;
	border-radius:.3rem
}
.btnSubmit:hover{color:#fff;background-color:#0069d9;border-color:#0062cc}
.btnSubmit:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}
.btnSubmit:disabled{color:#fff;background-color:#007bff;border-color:#007bff}

.topnav {
  overflow: hidden;
  background-color:#21659f;
  margin:0;
  font-family:Arial, Helvetica, sans-serif;
}

.topnav a {
  float: left;
  display: block;
  color: white;
  text-align: center;
  padding: 15px 10px;
  text-decoration: none;
  font-size: 12px;
  font-weight:bold;
  
}

.topnav a:hover {
  background-color: rgba(173, 216, 230, 0.7);
  color: white;
}

.topnav a.active {
  background-color: rgba(173, 216, 230, 0.7);
  color: white;
}

.topnav .icon {
  display: none;
}

 /*@media only screen and (max-device-width: 860px) {
  .topnav a:not(:first-child) {
    display: none;
  }
  .topnav {
  overflow: hidden;

 }
 .topnav .active
 {
	 display:none;
 }
  .topnav a.icon {
    float: right;
    display: block;
	background-color:#21659f ;
	color:white;
	font-size:20px;
	font-weight:bold;
  }
  .topnav a.icon:after {
    content: "  Menu  ";
    background-color:#21659f ;
	color:white;
	font-size:20px;
	font-weight:bold;
  }  
}

@media only screen and (max-device-width: 1125px)  {
  .topnav.responsive {position: relative;
  background-color: #21659f;
  }
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
    font-size: 20px;
  font-weight:bold;
  }
}*/

@media screen and (max-width: 1080px) {
.topnav a:not(:first-child) {
    display: none;
  }
  .topnav {
  overflow: hidden;
 }
 .topnav .active
 {
	 display:none;
 }
  .topnav a.icon {
    float: right;
    display: block;
	background-color: #21659f;
	color:white;
	font-size:12px;
	font-weight:bold;
  }
.topnav a.icon:after {
    content: "  Menu  ";
    background-color:#21659f; 
	color:white;
	font-size:16px;
	font-weight:bold;
  }  
}
/*
@media screen and (max-width: 1152px) {
.topnav.responsive {position: relative;
  background-color: #21659f;
}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
    font-size: 20px;
  font-weight:bold;
  }	
}*/