* {margin: 0; padding: 0; border: 0;}
* {font: normal 1em Arial, Verdana, Helvetica, sans-serif;}
@import "commun.css";
/*---------------------------------------------------------------------------------------------
STRUCTURE
---------------------------------------------------------------------------------------------*/
#connect{position: absolute; left: 50%; top: 50%; transform: translate3D(-50%, -50%, 0); padding: 50px 80px; background: #f8ae2e; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
	#connect h2{font-size: 130%; color: #000; margin-bottom: 1em; text-align: center;}
	#connect p{font-size: 80%; color: #000; margin-bottom: 1em;}
	#connect a{font-size: 80%; color: #000;}
input{outline: none !important; background: #fff; border: solid 1px #03204b; padding: .2em; display: block; margin: 0 0 1em 0; width: 100%;}
input.submit{outline: none !important; margin: 0 auto; width: 50%; padding: .2em; background: rgba(0, 0, 0, 0.5); border: 0; display: block; color: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
input.submit:hover{cursor: pointer;}
/*---------------------------------------------------------------------------------------------
BALISES 
---------------------------------------------------------------------------------------------*/

/*---------------------------------------------------------------------------------------------
CLASSES 
---------------------------------------------------------------------------------------------*/
/* Styles de texte */
.txt9{font-size: 9px;}
.txt10{font-size: 10px;}
.txt11{font-size: 11px;}
.txt12{font-size: 12px;}
.txt13{font-size: 13px;}
.txt14{font-size: 14px;}
.txt15{font-size: 15px;}
.gras{font-weight: bold;}
.italic{font-style: italic;}
.souligne{text-decoration: underline;}
/* Alignement */
.centre{text-align: center;}
.droite{text-align: right;}
.left{float: left;}
.right{float: right;}
.clear_both{clear: both;}
.vl_top{vertical-align: top;}
.vl_middle{vertical-align: middle;}
/* Couleurs */ 
.noir{color: #000000;}
.blanc{color: #ffffff;}
.rouge{color: #ff0000;}
/* Marges, Padding */ 
.pl10{padding-left: 10px;}
.pl20{padding-left: 20px;}
.pl30{padding-left: 30px;}
.pl50{padding-left: 50px;}
.pl100{padding-left: 100px;}

/*---------------------------------------------------------------------------------------------
CLASSES DE PAGES 
---------------------------------------------------------------------------------------------*/

/*---------------------------------------------------------------------------------------------
LIENS 
---------------------------------------------------------------------------------------------*/
a, a:visited {color: #84b7fe; text-decoration: none;}
a:hover {color: #fff;}