html
{
	margin:0px;
	padding:0px;
	height:100%;
	width:100%;
	min-width:589px;
}

			body
			{
				margin:0px;
				padding:0px;
				height:100%;
				width:100%;
				background-color:#e6f7ff;
				
			}
		


header
{
	height:27vh;
	min-height:125px;
	background-image: url(../images/bg_header.png);
	background-size: 100% 100%;
	background-repeat:no-repeat;
	padding-top:1px;
}
header  h1
{
	color:white;
	font-size:50px;
	text-align:center;
	font-family: titre,"Trebuchet MS";/* police paragraphe*/
	/*Ombre du texte des paragraphes*/
	text-shadow: 4px 4px 10px rgb(0,0,0);
}

nav
{
	display:table;
	margin:auto;
	position:relative;
	right:0px;
	top:0px;
	z-index:1;
}
.navcentre
{
	margin:0px;
	padding-left:25px;
}

section
{
	background-image: url(../images/bg_section.png); 
	border: black solid 1px;
	border-radius:10px;
	margin:6vh 5vh 6vh 5vh;
	padding:2% 3% 2% 3%;
	word-wrap:break-word;
}
article
{
}
marquee
{
	font-family: "Trebuchet MS", myTahoma;
}
div h3, section h3
{
	/*Police utilise*/
	font-family: "Trebuchet MS", myTahoma;/*Couleur police paragraphe*/
    color: orange;
	/*Ombre du texte des paragraphes*/
	text-shadow: 4px 4px 10px rgb(0,0,0);
	/*Taille police parametre*/
	font-size:23px;
	font-weight: normal;
}
textarea 
{ 
    resize: none; 
}
.centrage
{
	text-align:center;
}
.form
{
	border: 2px solid black;
	background-color: rgba(96, 227, 234, 0.6); /* x,x,x = couleur et x = transparence */
	padding-left:20px;
	padding-right:20px;
	margin:auto;
	margin-bottom:20px;
	display:table;
}

button
{
	cursor:pointer;
}
.terminal_design
{	
	font-family:terminal;
	background-color:black;
}
.hayday
{
	font-family:hayday;
	font-size:30px;
}
.list_item img
{
	width:90px;
	transition:1s width 0s;
}
.list_item img:hover
{
	width:110px;
}

div.kbd
{
	border:1px blue solid;
	width:80%;
	height:500px;
	overflow-y:scroll;
	background-color:rgba(255,255,255,0.6);
	margin-bottom:10px;
	font-weight: bold;
	margin:auto;
	margin-bottom:10px;
}
aside
{
	display:table-cell;
	padding:0% 0px 0% 2% ;
}
.cligno_div
{
	position: absolute;
	font-family: "Trebuchet MS", myTahoma;/*Couleur police paragraphe*/
	left: 10%; 
}

footer
{
	background-color:orange;
	text-align:center;
	vertical-align:middle;
	padding:0px;
}
img.float_r
{
	float:right;
	/*Bordure*/
	border: 3px grey solid;
	margin-right: 15px;
}
img.float
{
	float:left;
	/*Bordure*/
	border:3px grey solid;
	margin-right: 15px;
}
.img_transla/*va devenir class image*/
{
	/*Bordure*/
	border: 3px grey solid;
	border-radius:10px;
	display:block;
	width:25%;
	transition:1s width 0.2s, 1s opacity 0.2s;
	margin:auto;
	opacity:0.5;
}
.img_transla:hover
{
	width:80%;
	opacity:1;
}
/*Partie upload*/
.bordure_up
{
	position:relative;
	/*Bordure*/
	background: url(../images/bg_cloud.png) no-repeat center;
	/*border:1px black solid;*/
	overflow:hidden;
	width:350px;
	height:80px;
	display:inline-block;
	padding-left:2px;
	padding-right:2px;
	margin: 2px;
	/*opacity:1;*/
	transition: 0.5s opacity 0s;
	text-align:left;
}
.bordure_up p
{
	font-family: terminal;
}
.bordure_up:hover
{
	/*opacity:1;*/
}
/*--------------------------------------Scroll Bars-------------------------------------------------------*/
aside>::-webkit-scrollbar {
    width: 12px;
}
 
aside>::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,1); 
    border-radius: 10px;
}
 
aside>::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,1); 
}
/*---------------------------------------Polices----------------------------------------------------------*/
p
{
	font-family: "Trebuchet MS", myTahoma;/*Couleur police paragraphe*/
    color: rgb(255,255,255);
	/*Ombre du texte des paragraphes*/
	text-shadow: 4px 4px 10px rgb(0,0,0);
	/*Taille police parametre*/
	font-size:17px;
	line-height:25px;
}
/*----------------liens---------------------------*/
section a, div#special a
{
	text-decoration:none;
}
section h2>a:hover
{
	color: rgb(0,0,0);
}

section a:link , div#special a:link
{
	color: rgb(43,219,184);
}
section a:visited, div#special a:visited
{
	color:rgb(43,180,100);
}
/*Liens dans listes*/
li>a:visited
{
	color: rgb(43,219,184);
}
section article p>a:hover, article ol>li>a:hover, article ul>li>a:hover, section a:hover, div#special a:hover 
{
	font-style:italic;
	color: rgb(0,0,0);
}
/*----------liens------------------------------------*/
/*----------Custom titles---------------------------*/

/*----------Custom titles---------------------------*/
@font-face
{
	font-family:'titre';
	src:url('fonts/Prototype.ttf');
}
@font-face
{
	font-family:'hayday';
	src:url('fonts/sc_secorigbb.ttf');
}
@font-face
{
	font-family:'terminal';
	src:url('fonts/ubuntu_mono.ttf');
}
@font-face
{
	font-family:'myTahoma';
	src:url('fonts/tahoma.ttf');
}
h2
{
	text-align:center;
	/*Police utilise*/
	font-family: "Trebuchet MS", myTahoma;/* police paragraphe*/
    color: rgb(255,255,255);
	/*Ombre du texte des paragraphes*/
	text-shadow: 4px 4px 10px rgb(0,0,0);
}


ol /*Enumeration*/
{
	/*Police utilise*/
	font-family: "Trebuchet MS", myTahoma;
	/*Couleur enumeration*/
    color: rgb(255,255,255);
	/*Ombre du texte des listes*/
	text-shadow: 4px 4px 10px rgb(0,0,0);
	/*Taille police enum*/
	font-size:17px;

}
/*Enumeration a point*/
section>ul, article>ul
{
	/*Police utilise*/
	font-family: "Trebuchet MS", myTahoma;
	/*Couleur enumeration*/
    color: rgb(255,255,255);
	/*Ombre du texte des listes*/
	text-shadow: 4px 4px 10px rgb(0,0,0);
	/*Taille police enum*/
	font-size:17px;

}
/*---------------------Tableau ------------------------------------------------------*/
table.table_jeux
{
    border-collapse: collapse; /* Les bordures du tableau seront collées (plus joli) */
	/*Police utilise*/
	font-family: Comic Sans MS;
	/*Couleur police Tableau*/
    color: rgb(200,200,200);
}

table.table_jeux td
{
    border: 4px solid rgb(43,219,184);
}

table#droit_fichier
{
	border-collapse: collapse; 
	width:100%;
	/*Police*/
	color:white;
	font-family: "Trebuchet MS", myTahoma;/*Couleur police paragraphe*/
	text-shadow: 4px 4px 10px rgb(0,0,0);
	/*Taille police parametre*/
	font-size:17px;
	line-height:25px;
}

table#droit_fichier   tr:nth-child(even) > td
{
	background-color:rgba(179,217,168,0.2);
	border-color:black;
	border-style: solid;
    border-width: 0 0 2px 0;
}

table#droit_fichier   tr:nth-child(even):hover
{
	background-color:rgba(179,217,168,0.7);
}



table#droit_fichier   tr:nth-child(odd) > td
{
	background-color:rgba(0, 138, 230,0.2);
	border-color:black;
	border-style: solid;
    border-width: 0 0 2px 0;
}

table#droit_fichier   tr:nth-child(odd):not(.head):hover
{
	background-color:rgba(0, 138, 230,0.7);
}



table#droit_fichier  tr.head > th
{
	border:1px rgb(1,197,187) solid;
	background-color:rgba(1,197,187,0.5);
	color: orange;
	font-size:23px;
	
}


/*---------------------Tableau ------------------------------------------------------*/
/*-----------------------------Couleur mot important---------------------------------*/
.rouge
{
	color: rgb(204, 0, 0);
}
.vert
{
	color: rgb(0,170,0);
}
/*************************************Partie code couleur******************************/
.include
{
	/*Couleur des includes*/
    color: rgb(128,64,0);
}
.commentaire
{
	/*Couleur des commentaires*/
    color: rgb(0,128,0);
}
.variables
{
	/*Couleur des variables*/
    color: rgb(128,0,255);
}
.base_c
{
	/*Couleur des bases en c*/
    color: rgb(0,0,128);
}
.chiffre
{
	/*Couleur des chiffres*/
    color: rgb(255,128,0);
}
.printf
{
	/*Couleur des parties ecrites*/
    color: rgb(100,100,100);
}
.signe
{
	/*Couleur des signes: != == et etc*/
    color: rgb(180,0,0);
}