/* pour tout le site*/
html
{
	background-color: transparent;
	margin: 0;
	padding: 0;
	height:auto;
	max-width: 100%;
}
body
{
	background-color: #EEEEEE;
	margin:0;
	padding:0;
	height:auto;
	max-width: 100%;
}
 nav li{
	display:inline-block;
	width:100px;
	height:40px;
	margin:center;
	padding:center;
	border-right:0px;
	text-align: center;
	line-height:40px;
}
nav li :hover{
	background-color:#8A25AF;
}
nav li a{
	display:block;
	text-decoration:none;
	color:#FFFFFF;
}
nav ul{
	padding: 0px;
	margin: 0px;
	list-style-type:none;
	background-color:red;
}
.italique
{
	font-style: italic;
}
/* pour index.html*/
.body_index
{
	background-color: #141E21;
}
.logo_esport
{
	padding-left: 2%;
	width: 5% ;
	float: left;
	padding-top: 1%;
}
#top_index
{
	background:-webkit-linear-gradient(left,#DB7618 40%, #95309C 60%);
    background-clip:text;
    -webkit-background-clip:text;
    color:transparent;
	text-align: center;
	padding-top: 2%;
	padding-bottom: 1%;
	margin-bottom: 0px;
	margin-bottom: 0px;
	font-size: 300%;
}
.nav_index
{
	background-color: #141E21;
	width: 100%;
	margin: 0px;
	padding-top:1.5%;
}
.h_index
{
	background-color: #141E21;
	width: 100%;
	top: 0;
}
#presentation
{
	background-color: white;
	margin-left: 10%; 
	margin-right: 10%;
}
#intro
{
	font-size: 1.5em;
	margin-left: 2%;
	margin-right: 2%;
	font-family: Helvetica,Arial;
	text-align: justify;
}
.jeu_chance
{
	font-size: 1.5em;
	font-family: Helvetica,Arial;
	text-align: justify;
	margin-left: 2%;s
}
#jouer
{
	margin-left: auto;
	margin-right: auto;
	display: block;
}
#img0
{
	width: 10%;
	margin-left: auto;
	margin-right: auto;
	display: none;
}
#img1
{
	width: 10%;
	margin-left: auto;
	margin-right: auto;
	display: none;
}
#img2
{
	width: 10%;
	margin-left: auto;
	margin-right: auto;
	display: none;
}
#img3
{
	width: 10%;
	margin-left: auto;
	margin-right: auto;
	display: none;
}
#img4
{
	width: 10%;
	margin-left: auto;
	margin-right: auto;
	display: none;
}
.sponsor
{
	margin-top: 5%;

	margin-right: auto;
}
.titre_sponsor
{
	font-size: 1.5em;
	font-family: Helvetica,Arial;
	text-align: justify;
	margin-left: 2%;
}
.predator
{
	width: 10%;
	margin-left: 20%;
}
.intel
{
	width: 10%;
	margin-left: 5%;
}
.vitality
{
	width: 10%;
	margin-left: 5%;
	margin-bottom: -1%;
}
.red_bull
{
	width: 10%;
	margin-left: 5%;
	margin-right: auto;
}
.footer_index
{

	background-color: #141E21;
	color: white;
	text-align: center;
	padding-bottom: 0px;
	margin-bottom: 0px;
	width: 100%;
	bottom: 0px;
	height: 18%;

}
/*pour news.html*/
#sec_news
{
	background-color: #EEEEEE;
	margin-bottom: 5%;
}

.h_news
{
	background-color: #141E21;
	width: 100%;
	top: 0;
}
.nav_news
{
	background-color: #141E21;
	width: 100%;
	margin: 0px;
	padding-top:1.5%;
}
#top_news
{
	background:-webkit-linear-gradient(left,#DB7618 40%, #95309C 60%);
    background-clip:text;
    -webkit-background-clip:text;
    color:transparent;
	text-align: center;
	padding-top: 2%;
	padding-bottom: 1%;
	margin-bottom: 0px;
	margin-bottom: 0px;
	font-size: 300%;
}
.logo_info
{
	padding-left: 2%;
	width: 5% ;
	float: left;
	padding-top: 1%;
}
#ref
{
	float: left;
	background-color: #141E21;
	margin-top: 10%;
	margin-left:-1px;
	padding-left: 2%;
	width :20%;
	position: fixed;
	padding-bottom: 3%;
	display: block;


}
.h_ref
{
	background:-webkit-linear-gradient(left,#DB7618 1%, #95309C 99%);
    background-clip:text;
    -webkit-background-clip:text;
    color:transparent;
    font-size: 1.25em;
}
.lien
{
	color: white;
	text-decoration: none;
	display: block;
	margin-top: 10%;
	font-size: 1.25em;

}
#jo
{
	margin-left: 35%;
	margin-right: 35%;
	margin-top: 5%;
	padding: 1%;
	background-color: white;

}
.twitter-tweet
{
	margin: auto;
}
.article
{
	font-size: 150%;
	text-align: justify;
}
#agnel
{
	margin-left: 35%;
	margin-right: 35%;
	margin-top: 5%;
	padding: 1%;
	background-color: white;	
}
#monbouton
{
	opacity: 0.5;
	position: fixed;
	right: 10;
	bottom: 10;
}
.bouton_like
{
	width: 10%;
	padding: 0px;
	margin: 0px;
}
.bouton_dislike
{
	width: 10%;
	padding: 0px;
	margin: 0px;
}
.pouce_rouge
{
	width: 10%;
}
#openformulaire
{
	display: block;
	margin-left: auto;
	margin-right: auto;
}
#formulaire
{
	margin-left: 35%;
	margin-right: 35%;
	margin-top: 5%;
	padding: 1%;
	background-color: #141E21;
	color: white;
	text-align: center;
	display: block;
}
#conteneur_formulaire
{
	display: none;
    margin-right: 30%;
    margin-left:18%;
}
.label
{
	float: left;
}
#pemail
{
	margin-top: -2%;
	text-align: center;
}
.labelemail
{
	margin-right: -6%;
}
#labelpass
{
}
#input_pass
{
	margin-top: 6%;
}
#envoyer
{
	clear: both;
	display: none;
	margin-left: auto;
	margin-right: auto;
}
#newsletter
{
	margin-left: 35%;
	margin-right: 35%;
	margin-top: 5%;
	padding: 1%;
	background-color: white;
	display: none;
	text-align: center;
}
.footer_news
{

	background-color: #141E21;
	text-align: center;
	color: white;
	padding: 0px;
	margin: 0px;
	width: 100%;
	bottom: 0px;
	height: 5%;

}
/*pour rl*/
.logo_rl
{
	padding-left: 2%;
	width: 5% ;
	float: left;
	padding-top: 1%;
}
#top_rl
{
	background:-webkit-linear-gradient(left,#DB7618 40%, #95309C 60%);
    background-clip:text;
    -webkit-background-clip:text;
    color:transparent;
	text-align: center;
	padding-top: 2%;
	padding-bottom: 1%;
	margin-bottom: 0px;
	margin-bottom: 0px;
	font-size: 300%;
}
.nav_rl
{
	background-color: #141E21;
	width: 100%;
	margin: 0px;
	padding-top:1.5%;
}
.h_rl
{
	background-color: #141E21;
	width: 100%;
	top: 0;
}
#presentation_rl
{
	margin-left: 2%;
	margin-right: 2%;
	font-size: 1.25em;
}
.diapo_images
{
	float: right;
	margin-right:3%;
	width: 20%;
	margin-bottom: 2%;
}
.img_rl
{
	width: 100% ;
	padding-top: 6%;
}
.img1_rl
{
	width: 100% ;
	padding-top: 6%;
}
.img2_rl
{
	width: 100% ;
	padding-top: 6%;
}
.img3_rl
{
	width: 100% ;
	padding-top: 6%;
}
#info_jeu
{
	width: 70%;
}
.p_info_jeu
{
	text-align: justify;
}
.video_rl
{
	margin-top: 5%;
	margin-left: 15%;
	margin-right: auto;
}
.footer_rl
{
	clear: both;
	background-color: #141E21;
	text-align: center;
	color: white;
	padding: 0px;
	margin: 0px;
	width: 100%;
	bottom: 0px;
	min-height: 10%;
}
/*pour team*/
#presentation_team
{
	background-color: #141E21;
	box-shadow: 10px 7px #7A24AE;
	margin-left: 15%;
	margin-top: 8%;
	width: 50%;
	font-size: 0.75em;
}
#intro
{
	color: white;
	padding-top: 5%;
	margin: 5%;
	font-size: 1.25em;
}
#principales_team
{
	color: white;
	margin: 5%;
	font-size: 1.5em;
}
#explication
{
	color: white;
	margin: 5%;
	font-size: 1.5em;
	padding-bottom: 5%;
}
.section_classement
{
	float: right;
	margin-right:3%;
	width: 20%;
	margin-bottom: 2%;
}
.img_team
{
	width: 100% ;
	padding-top: 6%;
}
.footer_team
{
	clear: both;
	background-color: #141E21;
	text-align: center;
	color: white;
	padding: 0px;
	margin: 0px;
	width: 100%;
	bottom: 0px;
	min-height: 10%;
}
/*pour webographie*/
.logo_web
{
	margin-left: -3%;
	padding-left:0%;
	padding-top: 0.5%;
	margin-right: -7%;
	width: 15% ;
	float: left;
}
.h_web
{
	background-color: #141E21;
	margin: auto;
}
.nav_web
{
	background-color: #141E21;
	margin: 0px;
	padding-top:1.5%;
}
#top_web
{
	background:-webkit-linear-gradient(left,#DB7618 40%, #95309C 60%);
    background-clip:text;
    -webkit-background-clip:text;
    color:transparent;
	text-align: center;
	padding-top: 2%;
	padding-bottom: 1%;
	margin-bottom: 0px;
	margin-bottom: 0px;
	font-size: 300%;
}
#web_outils
{
	margin-top: 3%;
	margin-bottom: 3%;
	display: flex;
    justify-content:space-around;
    font-size: 1.25em;
    text-align: justify;
    height: auto;
}
#web_couleurs
{
	background-color: #141E21;
	color: white;
	width: 25%;
	height: auto;
	padding: 2%;
	box-shadow: 10px 7px #7A24AE;
}
#web_htmlcss
{
	background-color: #141E21;
	color: white;
	width: 25%;
	height: auto;
	padding: 2%;
	box-shadow: 10px 7px #7A24AE;

}
#web_java
{
	background-color: #141E21;
	color: white;
	width: 25%;
	height: auto;
	padding: 2%;
	box-shadow: 10px 7px #7A24AE;

}
.lien_web :hover {
	color: #7A24AE;
}
.lien_web {
	color: #BC574F;
}
.footer_web
{

	background-color: #141E21;
	color: white;
	text-align:center;
	padding-bottom: 0px;
	margin-bottom: 0px;
	min-height: 14%;
	height: auto;
	bottom: 0;
}
/* règle pour les téléphones*/
@media only screen and (max-device-width: 600px)
{
.html_web
{
	background-color: transparent;
	margin: 0;
	padding: 0;
	height:auto;
	max-height: 100%;
	max-width: 100%;
	overflow-x:hidden;

}
.body_web
{
	background-color: #EEEEEE;
	margin:0;
	padding:0;
	height:auto;
	max-width: 100%;
	max-height: 100%;
	overflow-x:hidden;

}
html
{
	background-color: transparent;
	margin: 0;
	padding: 0;
	height:auto;
	max-height: 100%;
	max-width: 100%;
}
body
{
	background-color: #EEEEEE;
	margin:0;
	padding:0;
	height:auto;
	max-width: 100%;
	max-height: 100%;
}
nav li{
	display:inline-block;
	width:100px;
	height:60px;
	margin:center;
	padding:center;
	border-right:0px;
	text-align: center;
	line-height:40px;
}
#ref
{
	float: left;
	background-color: #141E21;
	margin-top: 10%;
	margin-left:-20.5%;
	padding-left: 2%;
	padding-right:2%;
	width :20%;
	position: fixed;
	padding-bottom: 3%
}
.lien
{
	color: white;
	text-decoration: none;
	display: block;
	margin-top: 10%;
	font-size: 1.25em;
	margin: 2%;

}
#jo
{
	margin-left: 10%;
	margin-right: 10%; 
}
#agnel
{
	margin-left: 10%;
	margin-right: 10%; 

}
#formulaire
{
	margin-left: 10%;
	margin-right: 10%; 

}
#newsletter
{
	margin-left: 10%;
	margin-right: 10%; 

}
.diapo_images
{
	float: right;
	margin-right:3%;
	width: 20%;
	margin-bottom: 2%;
	margin-top: 50%;
}
.img_rl
{
	width: 100% ;
	padding-top: 20%;
}
.img1_rl
{
	width: 100% ;
	padding-top: 20%;
}
.img2_rl
{
	width: 100% ;
	padding-top: 20%;
}
.img3_rl
{
	width: 100% ;
	padding-top: 20%;
}
#info_jeu
{
	width: 70%;
}
.p_info_jeu
{
	text-align: justify;
}
.video_rl
{
	margin-top: 5%;
	margin-left: 1.5%;
	margin-right: auto;
}
#web_outils
{
	display: block;
	margin-left: 14%;
	margin-right: auto;
	width: 90%;
    font-size: 1.05em;
    text-align: justify;
    margin-bottom: 5%;
}
#web_couleurs
{
	background-color: #141E21;
	color: white;
	width: 70%;
	padding: 2%;
	margin-top: 5%;
	font-size: 1.05em;
	box-shadow: 15px 12px #7A24AE;
}
#web_htmlcss
{
	background-color: #141E21;
	color: white;
	width: 70%;
	padding: 2%;
	margin-top: 5%;
	font-size: 1.05em;
	box-shadow: 15px 12px #7A24AE;
}
#web_java
{
	background-color: #141E21;
	color: white;
	width: 70%;
	padding: 2%;
	margin-top: 5%;
	font-size: 1.05em;
	box-shadow: 15px 12px #7A24AE;
}
.footer_web
{

	background-color: #141E21;
	color: white;
	margin-top: 5%;
	text-align: center;
	padding-bottom: 0px;
	margin-bottom: -5px;
	width: 100%;
	bottom: -20;
	max-height: 5%;

}

}