@font-face {
font-family: 'Oswald';
font-style: normal;
font-weight: 300;
src: local('Oswald Light'), local('Oswald-Light'), url('Oswald-Light.woff') format('woff');
}
@font-face {
font-family: 'Oswald';
font-style: normal;
font-weight: 400;
src: local('Oswald Regular'), local('Oswald-Regular'), url('Oswald-Regular.woff') format('woff');
}
@font-face {
font-family: 'Oswald';
font-style: normal;
font-weight: 700;
src: local('Oswald Bold'), local('Oswald-Bold'), url('Oswald-Bold.woff') format('woff');
} 
root {display: block;}
*{font-family: Arial;font-size : 1em;}
html, body {margin: 0;padding: 0;}
a img{border: none;} 
.site{}
.page{height: auto;margin: auto;width: 1003px;}
.titre{color:transparent;height:172px;}
.logo{left:20px;margin:0 auto;position:relative;top:20px;width: 1000px;}
.sub_titre{background-color:#F0F0F0;color:#505050;height:100px;text-align:center;}
.sub_titre_label {font-family:Oswald;font-size:20px;margin:0 auto;padding-left:44px;padding-top:35px;position:relative;text-align:left;width:50em;}	
.copyright{color:#AAAAAA;font-size:0.7em;height:1.2em;text-align:center;position:relative;bottom:1.2em;}
.contenu{text-align:center;overflow: auto;background-color:#ffffff;padding-top:1em;height:32em;}
.footer{bottom:1.5em;color:#AAAAAA;font-size:0.7em;position:relative;left:0;text-align:center;}
#smartcard{text-align:left;background-image:url('../images/smartcard.jpg');background-repeat: no-repeat;height:16.5em;margin-left:auto;margin-right:auto;margin-top:5em;width:400px;}
#smartcard span{font-weight:bold;font-size:1.5em;line-height:3em;color:#D5ADD6;left:1.3em;position:relative;top:8em;}
.button, .submit  {filter : alpha(opacity=80);opacity: 0.8;font-family:Oswald;font-size:16px;font-weight:200;border: 1px solid #DADFEA;border-radius: 8px;background:#DF7C09;padding:0.7em;color:#ffffff;font-weight:200;}
.button,.submit[disabled][disabled] {color:#ffffff;}
.button:hover, .submit:hover  {filter : alpha(opacity=100);opacity: 1;cursor:pointer;}
.button[disabled]:hover, .submit[disabled]:hover  {background:#eeeeee;color:#cccccc;cursor:not-allowed;}
label, select, button ,input{vertical-align:middle;}
label{float: left;min-width:26em;text-align:right; margin: 0.4em;}
input,textarea {background:none repeat scroll 0 0 #F6F6F6;border:0.1em solid #DDDDDD;padding:0.1em;float:left;position:relative; margin: 0.4em;}
input:focus , textarea:focus {background:none repeat scroll 0 0 #FFFFFF;}
input:hover, textarea:hover {border:0.1em solid #BBBBBB;}
select{margin:0.4em;width:18em;float:left;position:relative;}
select {background:none repeat scroll 0 0 #F6F6F6;border:0.1em solid #DDDDDD;padding:0.1em;}
select:focus {background:none repeat scroll 0 0 #FFFFFF;}
select:hover {border:0.1em solid #BBBBBB;}
.info{padding:1em 0.7em 0.4em;text-align:center;width:61em;float:left;height:2em;}
.info.msg{color:#FF6666;font-style:italic;padding-top:4px;}
#login_retry{padding:1em 0.7em 0.4em;text-align:center;height:2em;}
#login_message{padding:1em 0.7em 0.4em;text-align:center;height:2em;}
.erreur{padding:2em 0 2em;text-align:center;color:#ff0000;}
.img_simple.success{background-image: url("../images/success.jpg");background-position: center center;background-repeat: no-repeat;height:128px;}
.img_simple.error{background-image: url("../images/erreur.gif");background-position: center center;background-repeat: no-repeat;height:128px;}
.img_simple.maintenance{background-image: url("../images/maintenance.gif");background-position: center center;background-repeat: no-repeat;height:128px;}
#inscription_error{color: #FF0000;font-style:oblique;width:100%;}
#support_error{color: #FF0000;font-style:oblique;width:100%;}

/* Clavier code pin */
.keyboard{background-color:#DDDEEC;border-left:0.07em solid #eeeeee;border-top: 0.07em solid #eeeeee;border-right:0.07em solid #aaaaaa;border-bottom:0.07em solid #aaaaaa;width:15em;padding:0.5em;margin-top:3em;margin-left:auto;margin-right:auto;height:19.5em;}
.bottom{background-color:#DDDEEC;margin:0 auto;padding-top:0.5em;float:left;width:100%;}
.screen{background-color:#f6f6f6;padding-top:0.4em;border: 0.1em solid #aaaaaa;height:3.5em;text-align:center;}
.scr_consigne {text-align:center;font-family:arial;font-size:0.8em;color:#ff0000;}
.pave {padding-top:0.5em;float:left;padding-left:3em;}
.line {float:left;}
.key{margin: 0.1em;padding: 0.6em;width: 1.5em;font-weight: bold;border-radius: 10px 10px 10px 10px;float:left;}
.key.vide{border:0.07em solid #ADB9C0;color:#cccccc}
.key.active{text-align: center;border:0.07em solid #D5ADD6;color: #7F7F7F;background-color: #eeeeee;}
.key.unactive{text-align: center;border:0.07em solid #adb9c0;background:#eeeeee;color:#cccccc;cursor:default;}
.key.active:hover {border-left:0.07em solid #eeeeee;border-top: 0.07em solid #eeeeee;border-right:0.07em solid #aaaaaa;border-bottom:0.07em solid #aaaaaa;background:#dddddd;color:#D5ADD6;cursor:pointer;}
#codepin{margin:0;padding:0;color:#D5ADD6;font-size:2em;width:2.5em;background-color:#f6f6f6;border-style:none;width:98%;text-align:center;}
/* page de menu */
.menu{height: 11em;margin: 6em 0 0 10.5em;}
.menu_item{border:0.1em solid #ffffff;float:left;height:13.5em;margin:0.5em;position: relative;width: 20em;}
.menu_item_g{border:0.1em solid #ffffff;float:left;height:13.5em;margin:0.5em;position: relative;width: 20em;background-color:#dddddd;opacity:0.4;filter:alpha(opacity=40);}
.menu_item:hover{cursor:pointer;border:0.1em solid #D5ADD6;background-color:#DDDEEC; }
.menu_item_g.m2,.menu_item.m2{background-image: url("../images/cps.png");background-position: center center;background-repeat: no-repeat;}
.menu_item_g.m4,.menu_item.m4{background-image: url("../images/formulaire.png");background-position: center center;background-repeat: no-repeat;}
.menu_label{float: left;position: relative;top: 220px;width: 100%;}
/* captcha page */
#div_captcha{float:left;margin: 4em 0 0 34%;position:relative;width: 65%;height:10em;}
#div_captcha img {border: 1px solid #000000;float: left; padding: 0.5em;}
#div_action {float:left;position:relative;padding: 1em 0 0 1em;}
#div_action img{float:left;border: medium none;}
form{float:left;position:relative;width:100%}
form p{float:left;margin:0;width:100%;}
.div_submit{bottom:-5em;float: left;margin-left: 45%;position:relative;}
.debug{ left:46.5em;position:absolute;top:0;}
#support{font-family:Oswald;font-size:16px;background-image: url("../images/support.png");background-position: top center;background-repeat: no-repeat;position:absolute;width:160px;padding-top:125px;top:390px;}
#help{filter : alpha(opacity=50);opacity: 0.5;background-image:url("../images/gcssupport.png");background-repeat:no-repeat;cursor:pointer;float:right;height:80px;position:relative;top:-24px;width:80px;}
#help:hover  {filter : alpha(opacity=100);opacity: 1;}
#help.nohelp {display:none;}