/* ---------------------- TRANSFORME HTML5 LISIBLE POUR TOUS ----------------------*/

html, div, map, dt, isindex, form, header, aside, section, section, article, footer {  display: block;  margin: 0;padding: 0;} 

html, body {min-height:100%; height: 100%;margin: 0;padding: 0;font-family: Helvetica, Arial, Verdana, sans-serif;font-size: 12px;
background: #FAFAFA;
background: -moz-linear-gradient(top, #FAFAFA 0%, #EEE 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FAFAFA), color-stop(100%,#EEE));
background: -webkit-linear-gradient(top, #FAFAFA 0%,#EEE 100%);
background: -o-linear-gradient(top, #FAFAFA 0%,#EEE 100%);
background: -ms-linear-gradient(top, #FAFAFA 0%,#EEE 100%);
background: linear-gradient(top, #FAFAFA 0%,#EEE 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#eeeeee',GradientType=0 );
}
.clear {clear: both;height: 1px;}
.spacer {clear: both;height: 20px;}
a:link, a:visited {color: #77BACE;text-decoration: none;}

a:hover {text-decoration: underline;}
::selection { background: #77BACE; color: white; /* Safari */ }
::-moz-selection{ background: #77BACE; color: white; /* Firefox */ }

a.in2com{display:block; width:25px; height:24px; background:url('../images/in2com.png') no-repeat; float:right; margin: 0 3px; position:fixed; bottom: 10px; right:10px; z-index:999; opacity:0.4;}
a.in2com:hover{ background:url('../images/in2com-hover.png') no-repeat; opacity:1;}

/* ---------------------- BOYCOTT INTERNET EXPLOREUR EN DESSOUS DE IE9 ----------------------*/
.ie{width:100%; min-height:100%; position:absolute; z-index:999999;  background:#000; display:block; margin:0; padding:0;}
.ie h4{width:100%;color:#FFF; font-size:22px; text-align:center; text-transform:uppercase; padding-top:20%;}
.ie a.lien_ie{width:100%; font-size:18px; text-align:center; display: block;}
/* ---------------------- ----------------------------------- ----------------------*/



/* ---------------------- MAIN ----------------------*/
section#main {width: 98%;min-height: 500px;float: left;margin-top: -2px;min-height: 100%;}
	#main h3 {	color: #1F1F20;	text-transform: uppercase;	text-shadow: 0 1px 0 #fff;	font-size: 13px;	margin: 8px 20px;}

/* ---------------------- GENERALITES MODULES  ----------------------*/
#main hgroup{width: 270px;position: absolute;top: 50%;left: 50%;margin-left: -124px;margin-top: -170px;}
#main hgroup h1{margin:0px 0; text-transform:uppercase; text-align:center;  font-size:22px; color:white;-moz-user-select: none;	-webkit-user-select: none;	user-select: none;  margin-top:30px;
text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9,0 3px 0 #bbb,0 4px 0 #b9b9b9,0 5px 0 #aaa,0 6px 1px rgba(0,0,0,.1),0 0 5px rgba(0,0,0,.1),
0 1px 3px rgba(0,0,0,.3),0 3px 5px rgba(0,0,0,.2),0 5px 10px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.2),0 20px 20px rgba(0,0,0,.15);}
#main hgroup h2{margin:0px 0; font-size:12px; margin-bottom:20px; text-align:center; color:gray;-moz-user-select: none;	-webkit-user-select: none;	user-select: none; }

.login-box{	background: #494949;	border-bottom: 1px solid #313131;	border-top: 1px solid #606060;	border-right: 1px solid #313131;	border-left: 1px solid #606060;
	color: #AAA;text-shadow: 0px 1px #0D0D0D;
	-webkit-box-shadow: 0 10px 6px -6px #777;
-moz-box-shadow: 0 43px 35px -32px #777;
box-shadow: 0 43px 35px -32px #777;
-o-box-shadow: 0 43px 35px -32px #777;
	padding:20px;	width:230px;	height:210px;	position: absolute;	top: 50%;	left: 50%;	margin-top: -135px;	margin-left: -125px;}
	
/* Alerts */
#main h4.alert_warning {display: block;width: 80%;background: #F5F3BA /*url(../images/icn_alert_warning.png) no-repeat*/;
background-position: 52% 5px;border: 1px solid #C7A20D;color: #796616;padding: 10px 0;text-align:center;font-size: 14px;position: absolute;bottom: 0;left:50%;margin-left:-40%;
-moz-user-select: none;	-webkit-user-select: none;	user-select: none; }