@CHARSET "UTF-8";
/* une police google */
@font-face { 
	font-family: 'Open Sans'; 
	font-style: normal; 
	font-weight: 300; 
	src: local('Open Sans Light'), local('OpenSans-Light'), url(/javax.faces.resource/polices/opensanslight.woff.jsf) format('woff'); 
}

body,p,h1,h2,h3,h4,table,td,th,ul,ol,textarea,select,input {
font-family: 'Open Sans';
font-size: small;
}

body {
  margin: 10px 20px 10px 20px;
  background-color: #f4f4f4;
  color: #424242;
  background-image:url('/javax.faces.resource/img/background-tunnel-binaire.jpg.jsf');
  background-attachment:fixed;
}

hr {
 color:#736F6E;
}
img {border:0px;}

figure {
	text-align: center;
}

.contenu {
	border-radius: 10px;
	background-color: white;
	padding: 5px;
	
}

a:link{text-decoration:none; color:blue}
a:visited{text-decoration:none; color:blue }

h1 {
	font-size:200%;
	font-weight:normal;
	border-bottom: 1px solid black;
}

.logo {
	float:left;
	display: inline-block;
}

.centered {
	display:inline-block;
    vertical-align:middle;
    margin-right: 30px;
}

.titre {
  width: 100%;
  height:117px;
  background-color: white;
  padding: 3px 3px 3px 3px;
  border-radius: 10px;
}

.bandeau_titre {
 	width:100%;
    margin:0 auto;
    overflow:hidden;
}


.form {
/* 	margin-bottom: 15px; */
/* 	background-color: #005849; */
/* 	color: white; */
	padding: 1px;
}
label {
	margin: 10px;
	display: inline-block;
	vertical-align: top;
	width: 110px;
/* 	color: white; */
	font-size: small;
}

input {
	margin:2px 5px 2px 5px;
/* 	border-color: grey; */
}

input:hover {
	border-color: black;
}

input:focus {
	border-color: #2c82fc;
}
.fileInput {
	border: 1px solid black;
	border-radius:5px;
}

.red {
   background-image: url("images/ui-icons_cd0a0a_256x240.png.jsf?ln=primefaces-aristo") !important;
}

.blue {
	background-image: url("images/ui-icons_2e83ff_256x240.png.jsf?ln=primefaces-aristo") !important;
}

.console {
  font-family:Courier;
  color: #CCCCCC;
  background: #000000;
  border: 3px double #CCCCCC;
  padding: 10px;
}

.xml {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	border: 1px solid #c3dbf0;
	background-color: #FFFFFF;
	padding: 6px;
	color: #0b5690;
	font-weight: bold;
	max-height: 300px;
    overflow: auto;
}

.boite_code {
	font-size:larger;
	background-color: #e6f0f9;
	border: 1px solid #bfd9ef;
	border-radius: 1px;
	-moz-border-radius: 1px;
	-webkit-border-radius: 3px;
	padding: 3px;
	margin-top: 8px;
}

.spacer {
clear: both;
}

.contact {
	font-style: italic;
	margin:5px 0 5px 0;
}

#validationResultTable {
	width: auto;
}

#bloc_bas img {
	margin:2px 2px 2px 2px;
}

#bloc_bas {
	width: 100%;
	text-align: center;
	font-weight: bold;
}

.warning {
	color:red;
	font-weight: bold;
	font-size: larger;
}
.message{
 height:20px;
 background-color:#04B45F;
 color:black;
 padding:5px 5px 2px 2px;
 margin:10px 0px 0px 0px;
}

.message-ras{
 background-color:#c1cd00;
 padding:5px 5px 2px 2px;
 margin:10px 0px 0px 0px;
}

.message-ERROR{
 color:red;
 font-weight:bold;
 display:block;
 padding:5px 5px 2px 2px;
 margin:0;

}
.message-DEFAULT{
 display:block;
 background-color:#04B45F;
 padding:5px 5px 2px 2px;
 margin:10px 0px 0px 0px;
 color:black;
}

table.format td { background-color: #FFF !important;}
table.format {  border-collapse: collapse; border: none !important;}
table.format th, table.format td  {padding: 5px;border: thin solid #888;}
table.format th{border-bottom: 2px solid #333 !important; text-align: left; background-color: #f0f0f0 !important;}

.latex sub, .latex sup {
	text-transform: uppercase;	
}

.latex sub, .latex {
  margin-left: -0.1667em;
  margin-right: -0.125em;
  font-size: 1em;
}

.latex sup {
	font-size: 0.85em;
  vertical-align: 0.15em;
  margin-left: -0.36em;
  margin-right: -0.15em;
}