body {
  font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
  font-size: 10pt;
  color: #034373;
}

A:link {color: #034373; text-decoration:none}
A:visited {color: #034373; text-decoration:non}
A:hover {color:#034373; text-decoration: none}

.generale {
  font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
  font-size: 10pt;
  color: #ffffff;
}

.Draft {
  font-size: 8pt;
  color: #034373;
  font-weight: bold;
  letter-spacing: 0px;
  border-top:1px solid #888888
}

.icone {
  font-size: 7pt;
  color: #034373;
  font-weight: bold;
  letter-spacing: 0px;
}

.afftextebleu {
  font-size: 7pt;
  color: #034373;
  font-weight: bold;
  letter-spacing: 0px;
}

.Recherche {
  font-size: 8pt;
  color: #034373;
  font-weight: bold;
  letter-spacing: 0px;
}

.Recherche2 {
  font-size: 10pt;
  color: #034373;
  font-weight: bold;
  letter-spacing: 0px;
  font-family: verdana,arial,helvetica;
}

.formfield {
	background: #CCCCCC;
	font-size: 8pt;
	color: #731818;
	width: 250px;
	font-family: verdana,arial,helvetica;
}

.formfield3 {
	background: #FFFFFF;
	font-size: 8pt;
	color: #731818;
	width: 100px;
	font-family: verdana,arial,helvetica;
}

.divers {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 10pt;
 	color: #ffffff;
	font-weight: bold;
	font-style: italic;
	background-image: url('images/Top_Divers.gif');
	background-repeat: no-repeat;
}

.diversDetails {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 10pt;
 	color: #ffffff;
	font-weight: bold;
	font-style: italic;
	background-image: url('images/Top_Divers_Details.gif');
	background-repeat: no-repeat;
}


.principale {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 10pt;
 	color: #ffffff;
	font-weight: bold;
	font-style: italic;
	background-image: url('images/Top_Principale.gif');
	background-repeat: no-repeat;
}

.principales {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 10pt;
 	color: #ffffff;
	font-weight: bold;
	font-style: italic;
	background-image: url('images/Top_Principales.gif');
	background-repeat: no-repeat;
}


.top {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 10pt;
 	color: #FFF;
	background-image: url('images/Top_Console.jpg');
	background-repeat: no-repeat;
}

.top2 {
	font-family: Tahoma, Verdana, Arial;
	font-size: 12px;
	background-color: #034373;
	border:1;
}

.top3 {
	font-family: Tahoma, Verdana, Arial;
	font-size: 12px;
	background-color: #FFFFFF;
	border:1;
}

.scrollbar1 {
	font-family: Tahoma, Verdana, Arial;
	scrollbar-3dlight-color: #FFFFFF;
	scrollbar-arrow-color: #FFFFFF;
	scrollbar-base-color: #FFFFFF;
	scrollbar-darkshadow-color:#999;
	scrollbar-face-color: #FFFFFF;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #FFFFFF;
	scrollbar-track-color:#F00;
	width:350px;
	height:40px;
	background-color:#FFFFFF; 
	border:0; 
	border-color:#FFFFFF; 
	color:#034373;
	padding:10px;
} 

.top4 {
	font-family: Tahoma, Verdana, Arial;
	font-size: 12px;
	background-color: #CCCCCd;
	border:1;
}

.bottom {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 8pt;
 	color: #ffffff;
	font-weight: bold;
	background-image: url('images/Btm_Console.gif');
	background-repeat: no-repeat;
	background-position: Bottom; 
}

.console {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 10pt;
 	color: #ffffff;
	background-image: url('images/Bg_Console.gif');
}

.bold {
	font-family: Tahoma, Verdana, Arial;
	font-size: 12px;
	color: #ffffff;
	font-weight: bold;
}


.FondGris
{
	background-color:#cccccc;
}

.Gr1erTableau
{
	width:760
}

.MotPassePerdu{
	font-family:'Oswald', sans-serif;
	font-size:12px;
	text-align:center;
}

a.MotPassePerdu:hover{
	color:#0080C0; 
	text-decoration:none;
}

.EnteteMPPerdu{
	font-family:'Oswald', sans-serif;
	font-size:14px;
	background-color:#DFE2E2;
	color:#034373;
	text-align:center;
	height:25px;
	font-weight:bold;
}

.TexteMPPerdu{
	font-family:'Oswald', sans-serif;
	font-size:12px;
	color:#666;
	background-color:#FFF;
	text-align:left;
}

.TexteNomUsager{
	font-family:'Oswald', sans-serif;
	font-size:14px;
	color:#034373;
	text-align:left;
}

.InputNomUsager{
	font-family:'Oswald', sans-serif;
	font-size:16px;
	color:#666;
	background-color:#9B9BFF;
	text-align:left;
	padding-left:5px;
}

.MPConfirme{
    background-color:#B0D8FF;
	width:200px;
	height:20px;
}

.btn{
	color:#000;
	font-weight:bold;
	border-radius:5px;
	width:80px;
	height:30px;
}

#Caracteres6, #MajMin, #Nombre, #Pareil{
    font-family:'Oswald', sans-serif;
	font-size:12px;
	color:#F00;
	text-align:left;
	padding-bottom:5px;
}

a.tip {
    border-bottom: 1px dashed;
    text-decoration: none
}
a.tip:hover {
    cursor: help;
    position: relative
}
a.tip span {
    display: none
}
a.tip:hover span {
    border: #c0c0c0 1px dotted;
    padding: 5px 20px 5px 5px;
    display: block;
    z-index: 100;
    background: url(../images/status-info.png) #f0f0f0 no-repeat 100% 5%;
    left: 0px;
    margin: 10px;
    width: 250px;
    position: absolute;
    top: 10px;
    text-decoration: none
}

.policeGeneral {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #034373;
}

Rouge {
	color: #F00;
}

.myUL2{
	height:1px;
}

.PetiteEnteteBleute{
	background-color:#8080FF;
	font-family: 'Oswald', sans-serif;
	font-size:12px;
	color:#FFFFFF;
	text-align:left;
	padding-left: 15px;
	padding-right:15px;
	border-radius:5px;
	vertical-align:middle;
	}
	
.PetiteEnteteNoir{
	background-color:#000;
	font-family: 'Oswald', sans-serif;
	font-size:12px;
	color:#FFFFFF;
	text-align:left;
	padding-left: 15px;
	padding-right:15px;
	border-radius:5px;
	vertical-align:middle;
	}

.GrandeEnteteNoir{
	background-color:#000;
	font-family: 'Oswald', sans-serif;
	font-size:20px;
	height:30px;
	color:#FFFFFF;
	text-align:left;
	padding-left: 15px;
	padding-right:15px;
	border-radius:5px;
	vertical-align:middle;
	}

.GrandeEnteteNoirGauche{
	background-color:#000;
	font-family: 'Oswald', sans-serif;
	font-size:20px;
	height:30px;
	color:#FFFFFF;
	text-align:left;
	padding-left: 15px;
	padding-right:15px;
	border-left-radius:5px;
	border-bottom-left-radius:5px;
	border-top-left-radius:5px;
	vertical-align:middle;
	}

.GrandeEnteteNoirDroit{
	background-color:#000;
	font-family: 'Oswald', sans-serif;
	font-size:20px;
	height:30px;
	color:#FFFFFF;
	text-align:left;
	padding-left: 15px;
	padding-right:15px;
	border-bottom-right-radius:5px;
	border-top-right-radius:5px;
	vertical-align:middle;
	}

.EntetePoolM{
	font-family: 'Oswald', sans-serif;
	color: #034373;
	font-size:24px;
	vertical-align:bottom;
	text-align:center;
	font-weight:bold;
	}
	
.Pointage{
	background-color:#FFF;
}

.CadreGris{
	
	border-right-color:#666666;
	border-right-width:2px;
	border-right-style:solid;
	border-radius:5px;
	
	border-bottom-color:#666666;
	border-bottom-style:solid;
	border-bottom-width:2px;
	
	border-left-color:#666666;
	border-left-style:solid;
	border-left-width:2px;
	border-left-radius:5px;
	
}

.Pointeur {
  font-size: 8pt;
  color: #034373;
  font-weight: bold;
  letter-spacing: 0px;
  border-bottom:.5px solid #CCCCCC;
  padding-right:5px;
  padding-bottom:5px;
}

.PointeurDG {
  font-size: 8pt;
  color:#999999;
  font-weight: bold;
  letter-spacing: 0px;
  border-bottom:.5px solid #CCCCCC;
  padding-right:10px;
  padding-bottom:5px;
}

.PointeurPoint {
  font-size: 8pt;
  color:#034373;
  font-weight: bold;
  letter-spacing: 0px;
  border-bottom:.5px solid #CCCCCC;
  border-left:.5px solid #333333;
  padding-right:5px;
  padding-bottom:5px;
  text-align:center;
}

/******************************************************************************************************************/
/* Chat
/******************************************************************************************************************/

/**
 * Typographies Google Maggle !
 */
@import url('https://fonts.googleapis.com/css?family=Cinzel+Decorative|Ubuntu');

h1 {
  font-family: "Cinzel Decorative", cursive;
}

input, button {
  font-family: Ubuntu, sans-serif;
}

.MsgChat{
	margin-left:5px; 
	width:95%;
	border-radius:5px;
}

.date{
	float:right;
	margin-right:5px;
	color:#9793F0;
}

.content{
	width:70%;
	
}

.Blesser {
	display:none;
}

.messages {
  background-color: steelblue;
  border-radius: 5px;
  padding: 1em;
  height: 50vh;
  overflow: auto;
}

.message {
  color: white;
  padding: 0.3em;
}

.afficherligne{
	text-align:right;
	border-top: 1px solid #cccccc; 
	width:75%; 
}

form {
  display: flex;
  margin-top: 1em;
  justify-content: space-between;
}

#author {
  width: 20%;
}

#content {
  width: 75%;
}

button[type="submit"]{
  width: 20%;
}

/******************************************************************************************************************/
/* Statistique dans admin.php
/******************************************************************************************************************/

.TitreStat{
	font-family: 'Lato', sans-serif;
	font-size:20px;
	color:#666666;
  	font-weight:bold;
  	letter-spacing:0px;
	padding-left:20px;
	padding-top:20px;
}

.NomStat{
	font-family: 'Lato', sans-serif;
	font-size:14px;
	color:#034373;
  	letter-spacing:0px;
	padding-left:35px;
	padding-top:5px;
}

.DiffStat{
	font-family: 'Lato', sans-serif;
	font-size:14px;
	color:#333333;
  	letter-spacing:0px;
	padding-left:35px;
	padding-top:5px;
}

/******************************************************************************************************************/
/* CSS Mot passe perdu
/******************************************************************************************************************/

/* Style the form icons */

#email{
	background-color:#B0D8FF;
	width:200px;
	height:20px;
}

#EMailConfirm{
	background-color:#B0D8FF;
	width:200px;
	height:20px;
}

#frmpwdlost div.errmsg {
	background-image:url(images/Icones/ico_neg.png);
        background-color:transparent;
	background-position:1px 15px;
	background-repeat:no-repeat;
	color:#F00;
        font-size:16px;
        border:1;
	margin-top:-6px;
	padding:20px 5px 10px 30px;
	position:absolute;
	left:43%;
	width:400px;
	z-index:400;
	font-size:14px;
	}
	
.box{
	width:50%;
	}

.tint{
    background:#FFFFFF;
}

.Espacement{
	float:right;
}

/******************************************************************************************************************/
/* Gagnants Annees
/******************************************************************************************************************/

.TexteAn{
	font-size:14px;
	font-weight:900;
}

.TexteDG{
	font-size:12px;
}

.Rouge{
	color:#FF0000;
}


/******************************************************************************************************************/
/* Bouton Access dans Admin.php
/******************************************************************************************************************/

.btn1 {
	width:100%; 
	height:20px; 
	color:#034373;
	font-weight:bold;
	background-color:#CCCCCC;
}

.btn1:hover {
  box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}

h3.example8c {
    text-transform: uppercase;
    font-family: verdana;
    font-size:24px;
    font-weight:100;
	color:#53B4C8;
    text-shadow: 1px 1px 1px #034373,
        1px 2px 1px #034373,
        1px 3px 1px #034373,
        1px 4px 1px #034373,
        1px 5px 1px #034373,
        1px 6px 1px #034373,
        1px 7px 1px #034373,
        1px 8px 1px #034373,
        1px 9px 1px #034373,
        1px 10px 1px #034373,
    1px 18px 6px rgba(16,16,16,0.4),
    1px 22px 10px rgba(16,16,16,0.2),
    1px 25px 35px rgba(16,16,16,0.2),
    1px 30px 60px rgba(16,16,16,0.4);
}

.test {
	text-shadow: 0 0 0.2em #87F, 0 0 0.2em #87F, 0 0 0.2em #87F;
}

/******************************************************************************************************************/
/* Le saviez-vous?
/******************************************************************************************************************/
@font-face {
  font-family: "ubuntu";
  font-style: italic;
  font-weight: 150;
  src: local("Lato Light Italic"), local("Lato-LightItalic"), url(https://fonts.gstatic.com/s/ubuntucondensed/v8/u-4k0rCzjgs5J7oXnJcM_0kACGMtT-Dfqw.woff2) format("woff2");
}

a {
  text-decoration: none;
  color: #9ca0b1;
}

.wrapper {
  text-align: left;
  vertical-align:bottom;
}
.wrapper h1 {
  color: #fff;
  font-size: 25px;
  text-transform: uppercase;
  font-weight: 700;
  font-family: "Josefin Sans", sans-serif;
  background: linear-gradient(to right, #ff0000 10%, #ff5a00 10%, #ff9a00 10%, #ffce00 30%, #ffe808 60%);
  background-size: auto auto;
  background-clip: border-box;
  background-size: 200% auto;
  color: #fff;
  background-clip: text;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: textclip 1.5s linear infinite;
  display: inline-block;
  padding-left:5px;
}

@keyframes textclip {
  to {
    background-position: 200% center;
  }
}

.EnteteBleu {
	background-image: url('images/Top_Divers.gif');
	background-repeat: no-repeat;
}

.SaviezVous {
	height:100%;
	width:98%;
	border-color:#034373;
	color:#034373;
	background-color:#FFFFFF;
	border:solid;
	padding:5px;
}