@CHARSET "ISO-8859-1";

body,.cssFondBody {
	background-repeat: norepeat;
	background-image: url("../images/fond-page.jpg");
	margin: 0;
	padding: 0;
}

.logo {
	background-image: url("../images/portail.png");
	height: 140px;
	background-repeat: no-repeat;
}

.lang { 
	background-repeat: no-repeat;
	position: relative;
	float: right;
	margin: 0px;
	margin-top: 1px;
	margin-right: 18px;
}

.lang_fr {
	background-image: url("../images/fr.gif");
	background-repeat: no-repeat;
	float: left;
	margin: 0px;
	margin-right: 8px;
	height: 16px;
	width: 24px;
	margin-right: 8px;
	cursor: pointer;
}

.lang_en {
	background-image: url("../images/en.gif");
	background-repeat: no-repeat;
	float: left;
	margin: 0px;
	margin-right: 8px;
	height: 16px;
	width: 24px;
	cursor: pointer;
	/*display: none;*/
}

.lang_es {
	background-image: url("../images/es.gif");
	background-repeat: no-repeat;
	float: left;
	margin: 0px;
	margin-right: 8px;
	height: 16px;
	width: 24px;
	cursor: pointer;
	/*display: none;*/
}

.lang_it {
	background-image: url("../images/it.gif");
	background-repeat: no-repeat;
	float: left;
	margin: 0px;
	margin-right: 8px;
	height: 16px;
	width: 24px;
	cursor: pointer;
}

.lang_de {
	background-image: url("../images/de.gif");
	background-repeat: no-repeat;
	float: left;
	margin: 0px;
	margin-right: 8px;
	height: 16px;
	width: 24px;
	cursor: pointer;
}

.lang_pt {
	background-image: url("../images/pt.gif");
	background-repeat: no-repeat;
	float: left;
	margin: 0px;
	margin-right: 8px;
	height: 16px;
	width: 24px;
	cursor: pointer;
	display: none;
}

a { /* recupere sur le site cbp */
	color: #365E88;
	cursor: pointer;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}

input.bouton {
	background-color: #FFFFFF;
	background-image: url("../images/fond-form.jpg");
	border: 0px solid #D7E1F2;
	color: #006699;
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	height: 20px;
}

input.bouton[disabled] {
	color: grey;
}

.title {
	margin: 20px;
	font-weight: bold;
	font-size: large;
	text-align: center;
}

fieldset {
	background-color: transparent;
	border: 0 solid;
	display: block;
	margin: 0 auto 5px;
	padding: 0;
	width: 55%;
}

div,span,th,td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12;
	color: #666666;
}

#erreur {
	background-color: #F4F4F4;
	border: 1px solid #FFAF59;
	font-size: 70%;
	margin: 10px auto 0;
	padding: 2px 10px;
	text-align: left;
	width: 75%;
	color: red;
}

#erreur h2 {
	background: none;
	border: 0 none;
	margin: 0;
	color: #FF8400;
	font-size: 120%;
	line-height: 1.5em;
	text-align: center;
}

#bandeau {
	display: none;
}

#boutonConnect {
	margin: 10px;
}

#boutonReset {
	margin: 10px;
}

#email {
	width: 300px;
}

.disabledTextBox {
	background-color: #CCCCCC;
	cursor: default;
}

.clavier {
	margin-top: 10px;
	margin-bottom: 10px;
	font-weight: bold;
	padding-left: 48px
}

.toucheClavier {
	background-color: transparent;
	padding: 0px;
	width: 32px;
	height: 32px;
	vertical-align: middle;
	text-align: center;
}

.toucheClavier img {
	background-color: white;
	width: 28px;
	height: 28px;
}

.toucheClavier img:hover {
	background-color: orange;
	width: 32px;
	height: 32px;
}

.clavierAnnuler {
	color: yellow;
	font-weight: bold;
	padding: 0;
	width: 28px;
	height: 28px;
	border: none;
	margin-top: 1px;
	margin-bottom: 1px;
	margin-left: 10px;
}

#clavierCorriger {
	color: red;
	font-weight: bold;
	padding: 0;
	width: 28px;
	height: 28px;
	border: none;
	margin-top: 1px;
	margin-bottom: 1px;
	margin-left: 10px;
}

#clavierAide {
	background-image: url("./clavier/touche");
	color: white;
	font-weight: bold;
	padding: 0;
	width: 28px;
	height: 28px;
	border: none;
	margin-top: 1px;
	margin-bottom: 1px;
	margin-left: 10px;
}

.clavierAnnuler:hover,#clavierCorriger:hover,#clavierAide:hover {
	color: orange;
}