/*----------------------------------------------------------------------------------- */
/* PAGE index.hhml                                                                    */
/*----------------------------------------------------------------------------------- */
@font-face {font-family: "Marvel"; src: url('../SiteFonts/Marvel/Marvel-Regular.ttf');}
@font-face {font-family: "Thasadith"; src: url('../SiteFonts/Thasadith/Thasadith-Regular.ttf');}
@font-face {font-family: "StaticSemiBold"; src: url('../SiteFonts/Static/Caveat-SemiBold.ttf');}
@font-face {font-family: "FasterOne"; src: url('../SiteFonts/FasterOne/FasterOneRegular.ttf');}

#TrainingEditor{ background-color:black; padding: 0px; margin: 0px; position:relative; text-align: center; font-family: 'Marvel'; font-weight: normal; color: white; font-style:normal; font-size: 60px;  }	
#TrainingEditor section#section1 { background: linear-gradient(#810000, #000000); }
#TrainingEditor h1.titre {display: inline-block; padding: 15px; font-family: 'Marvel'; font-weight: normal; color: white; font-style:normal; font-size: 60px; margin: 50px auto 0px auto; }
#TrainingEditor h1.titre span { font-family: FasterOne; color: white; font-size: 60px; margin: 0px;}

/*#TrainingEditor h2.topentete { display: block; font-family: FasterOne; color: white; font-size: 70px; margin:0px; } */

#TrainingEditor nav#Entete {display: flex; flex-wrap: wrap; justify-content: center; position: relative; margin-top: 60px; margin-bottom: 50px;  }		
#TrainingEditor a.Btn    {color: white; text-decoration: none; margin: 20px; display: inline-block; vertical-align: middle; width: 160px; text-align: center; font-family: arial, sans-serif; font-size: 22px; border: 2px solid yellow; border-radius: 20px; padding: 3px;}
#TrainingEditor a.BtnRed {color: white; text-decoration: none; margin: 20px; display: inline-block; vertical-align: middle; width: 160px; text-align: center; font-family: arial, sans-serif; font-size: 22px; border: 2px solid yellow; border-radius: 20px; padding: 3px; background-color: #ab1a00;}
#TrainingEditor hr.red { border: 1px solid #880000; margin-top:0px;}

/*
#TrainingEditor div#Bloc2{ position : relative;  margin-bottom: 20px; background-image: url('../SiteImages/poidscarreTrans.png'); background-repeat: no-repeat; background-size: contain; background-position: center center; overflow: hidden;  }
#TrainingEditor div#Bloc2 p { height:100%; position: absolute; left:0px; top: 0px; margin: 0px; padding: 0px;  background-color: black; z-index: -1; color:#222222; font-size: 45px; text-align: justify; }
*/

#TrainingEditor img.logo {  display: block; margin-left: auto; margin-right: auto;}

#TrainingEditor h2.arg { font-family: StaticSemiBold; color: #e9ff1f; background-color: black; font-size: 40px; margin: 20px 0px 0px 0px; padding: 10px 100px 20px 100px; text-align: center; }

#TrainingEditor p.Presentation { background-color: black; color: white; font-size: 25px; margin: 0px 0px 30px 0px; padding: 10px 100px 0px 100px; text-align: justify; }

#TrainingEditor p.MsgEssai { font-family: StaticSemiBold; background-color: black; color: #e9ff1f; font-size: 45px; margin:50px 10px 100px 10px; padding: 10px 10px 10px 10px; text-align: center; }
#TrainingEditor p.MsgNY { font-family: StaticSemiBold; background-color: black; color: white; font-size: 45px; margin:0px; text-align: center; }

#TrainingEditor span.Bleu { font-weight: bold; color: #90e9ff; } 
#TrainingEditor span.Rouge { font-weight: bold; color: red; } 
#TrainingEditor span.Orange { font-weight: bold; color: #ff6d00; } 

#TrainingEditor table { display: inline-block; font-size: 24px; margin: 30px 20px 30px 20px; border-collapse: collapse;  }
#TrainingEditor table td { border: 2px solid #e9ff1f; padding: 10px; background: linear-gradient(#282828, #050505); }

/*-----------------------------------------------------------------------------------------------------*/
/*											on vise les écrans pc                                      */
/*                      Ecran d'au moins 1024px et fenetre jusqu'a une largeur de 3000                 */
/*-----------------------------------------------------------------------------------------------------*/
@media screen and (min-device-width: 1024px) and (max-width: 3000px)
{
	#TrainingEditor p.Presentation {  padding: 10px 100px 0px 100px; }
}



/*-----------------------------------------------------------------------------------------------------*/
/*											on vise les écrans pc                                      */
/*                      Ecran d'au moins 1024px et fenetre jusqu'a une largeur de 1300                 */
/*-----------------------------------------------------------------------------------------------------*/
@media screen and (min-device-width: 1024px) and (max-width: 1300px)
{
		#TrainingEditor p.Presentation {  padding: 10px 100px 0px 100px; }
}


/*-----------------------------------------------------------------------------------------------------*/
/*											on vise les écrans pc                                      */
/*                      Ecran d'au moins 1024px et fenetre jusqu'a une largeur de 1024                 */
/*-----------------------------------------------------------------------------------------------------*/
@media screen and (min-device-width: 1024px) and (max-width: 1024px)
{
	#TrainingEditor p.Presentation {  padding: 10px 80px 0px 80px; }
}

/*-----------------------------------------------------------------------------------------------------*/
/*											on vise les écrans pc                                      */
/*                      Ecran d'au moins 1024px et fenetre jusqu'a une largeur de 800                  */
/*-----------------------------------------------------------------------------------------------------*/
@media screen and (min-device-width: 1024px) and (max-width: 800px)
{
	#TrainingEditor p.Presentation {  padding: 10px 30px 0px 30px; }
	#TrainingEditor img.logo { width: 60%;}
}



/*-----------------------------------------------------------------------------------------------------*/
/*											on vise les écrans pc                                      */
/*                      Ecran d'au moins 1024px et fenetre jusqu'a une largeur de 500                  */
/*-----------------------------------------------------------------------------------------------------*/
@media screen and (min-device-width: 1024px) and (max-width: 500px)
{
 	#TrainingEditor p.Presentation {  padding: 10px 10px 0px 10px; }
}








/*-----------------------------------------------------------------------------------------------------*/
/*											on vise les tablettes                                      */
/*                                     ecran maximun de 1024 et orientation portrait                   */
/*-----------------------------------------------------------------------------------------------------*/
@media all and  (max-device-width:1024px) and (orientation : portrait)
{
	#TrainingEditor p.Presentation {  padding: 10px 50px 0px 50px; }
	#TrainingEditor div#Modules div.Mod { display:inline-block; margin: 0px 15px 10px 15px; color: #90e9ff; background-color:black; text-align: center; font-size: 22px;}	#TrainingEditor h1 { padding: 15px; font-family: 'Marvel'; font-weight: normal; color: white; font-style:normal; font-size: 45px;  }
	#TrainingEditor h1.titre span {  font-family: FasterOne; color: white; font-size: 50px; margin:0px; } 
}

/*-----------------------------------------------------------------------------------------------------*/
/*											on vise les tablettes                                      */
/*                                     ecran maximun de 1024 et orientation paysage                    */
/*-----------------------------------------------------------------------------------------------------*/
 @media all and  (max-device-width:1024px) and (orientation : landscape)
{
	#TrainingEditor p.Presentation {  padding: 10px 80px 0px 80px; }
}









/*-----------------------------------------------------------------------------------------------------*/
/*											on vise les téléphones                                     */
/*                                     ecran maximun de 500 et orientation portrait                    */
/*-----------------------------------------------------------------------------------------------------*/
@media all and  (max-device-width:500px) and (orientation : portrait)
{
	#TrainingEditor p.Presentation {  padding: 10px 10px 0px 10px; }
	#TrainingEditor p.MsgEssai { font-size: 40px;  }
	#TrainingEditor h1.titre		{  font-size: 40px;  }
	#TrainingEditor h1.titre span { font-size: 35px;  }
	#TrainingEditor h2.arg		{  font-size: 30px; padding: 10px 20px 20px 20px; }
	#TrainingEditor h1.arg		{  font-size: 30px;  }

	#TrainingEditor div#Modules { display: none; }
	
	#TrainingEditor a.Btn    {margin: 10px; width: 160px; font-size: 22px; }
    #TrainingEditor a.BtnRed {margin: 10px; width: 160px; font-size: 22px; }
	
}

/*-----------------------------------------------------------------------------------------------------*/
/*											on vise les téléphones                                     */
/*                                     ecran maximun de 400px et orientation portrait                    */
/*-----------------------------------------------------------------------------------------------------*/
@media all and  (max-device-width:400px) and (orientation : portrait)
{
	#TrainingEditor p.Presentation {  padding: 10px 10px 0px 10px; }
	#TrainingEditor p.MsgEssai { font-size: 40px;  }
	#TrainingEditor h1.titre {  font-size: 35px;  }
	#TrainingEditor h1.titre span { font-size: 30px;   }
	
	#TrainingEditor img.logo { width: 300px;}
	
	#TrainingEditor h2.arg		{  font-size: 30px;  }
	#TrainingEditor h1.arg		{  font-size: 25px;  }
	#TrainingEditor div#Modules { display: none; }
	
	#TrainingEditor a.Btn    {margin: 10px; width: 160px; font-size: 22px; }
    #TrainingEditor a.BtnRed {margin: 10px; width: 160px; font-size: 22px; }
	
}


@media all and  (max-device-width:500px) and (orientation : portrait)
{
	
	#TrainingEditor p.Presentation {  padding: 10px 10px 0px 10px; }
	#TrainingEditor p.MsgEssai { font-size: 40px;  }
	#TrainingEditor h1.titre	{  font-size: 35px;  }
	#TrainingEditor h1.titre span { font-size: 35px;   }
	
	#TrainingEditor img.logo { width: 300px;}
	
	#TrainingEditor h2.arg		{  font-size: 30px;  }
	#TrainingEditor h1.arg		{  font-size: 25px;  }
	#TrainingEditor div#Modules { display: none; }
	
	#TrainingEditor a.Btn    {margin: 10px; width: 160px; font-size: 22px; }
    #TrainingEditor a.BtnRed {margin: 10px; width: 160px; font-size: 22px; }
}



/*-----------------------------------------------------------------------------------------------------*/
/*											on vise les téléphones                                     */
/*                                     ecran maximun de 800 et orientation paysage                     */
/*-----------------------------------------------------------------------------------------------------*/
@media all and  (max-device-width:500px) and (orientation : landscape)
{
	#TrainingEditor p.Presentation {  padding: 10px 30px 0px 30px; }
	#TrainingEditor h1.titre	{  font-size: 35px;  }
	#TrainingEditor h1.titre span { font-size: 28px;   }
	#TrainingEditor h2.arg		{  font-size: 30px;  }
	#TrainingEditor h1.arg		{  font-size: 25px;  }
	#TrainingEditor h2.topentete { font-size: 40px; }
	
	#TrainingEditor img.logo { width: 300px;}
}