{behavior: url(csshover.htc);}




/* postionner le pied de page en bas de l'ecran avec containeur-footer et footer*/	


#texte-modal 
	{	
	font-size: 2em;
	font-family: Comic Sans MS, arial;
	text-decoration: none;
	/*background: #2929D2;*/
	background-image:-webkit-linear-gradient(left, #FF0000 0%, #ED7F10 20%, #FFFF00 35%, #00FF00 50%, #25FDE9 70%, #4B0082 85%, #660099 100%);
	background-image: linear-gradient(left, #FF0000 0%, #ED7F10 15%, #FFFF00 30%, #00FF00 45%, #25FDE9 60%, #4B0082 75%, #660099 100%);
	background-repeat:repeat;
	color: #000000 ;
	/*list-style:none;*/
	text-align: center;
	align: center;
	width: 100%;
	display: inline-block;
	border-radius: 2em;
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	box-shadow: 0 10px 30px rgba(255,255,255, .4);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .4);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0, .4);
	}
	
#texte-modal2
	{	
	font-size: 2em;
	font-family: Comic Sans MS, arial;
	text-decoration: none;
	/*background: #2929D2;*/
	background-image:-webkit-linear-gradient(right, #FF0000 0%, #ED7F10 15%, #FFFF00 30%, #00FF00 45%, #25FDE9 60%, #4B0082 75%, #660099 100%);
	background-image: linear-gradient(right, #FF0000 0%, #ED7F10 15%, #FFFF00 30%, #00FF00 45%, #25FDE9 60%, #4B0082 75%, #660099 100%);
	background-repeat:repeat;
	color: #000000 ;
	/*list-style:none;*/
	text-align: center;
	
	align: center;
	width: 100%;
	display: inline-block;
	border-radius: 2em;
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	box-shadow: 0 10px 30px rgba(255,255,255, .4);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .4);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0, .4);
	}
/*texte du pied de page*/
#texte-modal3
	{	
	font-size: .6em;
	font-family: Comic Sans MS, arial;
	text-decoration: none;
	background-color: #92D050;
	color: #000000 ;
	/*list-style:none;*/
	text-align: center;
	float:right;/*align: center;*/
	width: auto;
	display: inline-block;
	
	}
	

		

			
				
/*===========ANIMATION FENETRE MODAL ===============================*/

				/* Décrire l'animation */
			@keyframes slideDownFadeIN {
				from {top:-100px;opacity: 0;}
				to {top:0px;opacity:1;}
			}
			
			

			/* Foncer l'arrière-plan de la fenêtre modale */
			.modal {
			  display: none; 
			  left: 0;
			  top: 0;
			  width: 100%;
			  height: 100%;
			  overflow: auto;
			  background-color: rgb(0, 0, 0);
			  background-color: rgba(0, 0, 0, 0.4);
			  z-index: 100;
			}

			/* Afficher la fenêtre modale lorsqu'elle est ciblée par un lien supprimer */
			.modal:target {
			  display: table;
			  position: absolute;
			  
			}

			/* la fenêtre modale  */
			.modal-dialog {
			  display: table-cell;
			  vertical-align: top;
			  background:#92D050 ;
			}

			/* Le contenu de la modale */
			.modal-dialog .modal-content {
			  margin: auto;
			  background-image:-webkit-linear-gradient(top, #E155C3 0%, #92D050 100%);
				background-image: linear-gradient(top, #E155C3 0%, #92D050 100%);
			  position: relative;
			  padding: 0;
			  outline: 0;
			  top: 20%;
			  border: 1px #777 solid;
			  text-align: justify;
			  width: 50%;
			  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
			  animation-name: slideDownFadeIN;
			  animation-duration: 0.5s;
			  overflow: auto;
			}

			/* Bouton servant à fermer la fenêtre modale */
			.closebtn {
			  text-decoration: none;
			  float: right;
			  font-size: 35px;
			  font-weight: bold;
			  color: #000000;
			}
			
			.closebtn-2 {
			  text-decoration: none;
			  font-size: 15px;
			  font-weight: bold;
			  color: #000000;
			}

			.closebtn:hover,
			.closebtn:focus {
			  color: #ffffff;
			  text-decoration: none;
			  cursor: pointer;
			}

			.container {
			  padding: 2px 12px;
			  color: black;
			}

			header {
				font-size: 2em;
				Font-family: Comic Sans MS, arial;
				/*background: #2929D2;*/
				background-color: #E155C3;
				color: black;
				text-align: center;
			}

			footer {
				font-size: 100%;
				Font-family: Comic Sans MS, arial;
				/*background: #2929D2;*/
				background-color: #92D050;
				color: #black;
			}

			#plano{
			  width: 50%;
			  margin: 0 auto;
			  display: block;
			  border: 1px solid #d9d9d9;
			}


/*********************************************************
          para movil pantalla maximun de 340px
************************************************************/
@media only screen and (max-width: 340px) and (min-width: 5px){
	
	
#texte-modal3
	{	
	font-size: 1em;
	}
.closebtn {
			  text-decoration: none;
			  float: right;
			  font-size: 15px;
			  font-weight: bold;
			  color: #000000;
			}

header {
				font-size: 1.5em;
				
			}
			
}

/*********************************************************
          para movil pantalla maximun de 340px
************************************************************/
@media only screen and (max-width: 680px) and (min-width: 341px){
	
	
#texte-modal3
	{	
	font-size: 1em;
	}
.closebtn {
			  text-decoration: none;
			  float: right;
			  font-size: 15px;
			  font-weight: bold;
			  color: #000000;
			}

header {
				font-size: 1.5em;
				
			}
			
}