@charset "utf-8";

@font-face {
    font-family: 'CenturyGothic';
    src: url('fonts/CenturyGothic.eot');
    src: url('fonts/CenturyGothic.eot') format('embedded-opentype'),
         url('fonts/CenturyGothic.woff2') format('woff2'),
         url('fonts/CenturyGothic.woff') format('woff'),
         url('fonts/CenturyGothic.ttf') format('truetype'),
         url('fonts/CenturyGothic.svg#CenturyGothic') format('svg');
}

body,td,th {
	font-family: CenturyGothic, Helvetica, sans-serif;
	font-size: 16px;
	padding-top: 5px;
  	padding-right: 5px;
  	padding-bottom: 5px;
  	padding-left: 5px;
}

body {
	background-color: #FFFFFF;
}

th {
	background-color: #F0C300;
}

h2 {
	font-family: CenturyGothic, Helvetica, sans-serif;
	font-size: 24px;
	color: #DD985C;	
}

select {
 font-size : 18px;
}

a:link
{
color: blue ; text-decoration:none
}
a:hover
{
color: #FF0000 ; text-decoration:none
}
a:visited
{
color: vert ; text-decoration:none
}
.titre 
{
	font-size: large;
	font-weight: bold;
}
.jaune
{
	color: #FFFF00;
}
.bleuclair
{
	color:#00FFFF;
}
.bleufonce
{
	color:#0000FF;
}
.rouge
{
	color:#FF0000;
}

.vert
{
	color:#00FF00;
}

.select option {
    font-size: 14px;
    padding: 5px;

}

.message
{
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	padding:5px;
	margin:auto;
	width:350px;
	background:url('bluec_30p.png');
	text-align:center;
	margin-top:5px;
}
.messages_table td
{
	border-top:1px solid #aaaaaa;
	vertical-align:top;
}

a img{
border:none;
}

input.controle {
  outline:0;
  font-size:16px;
  width:250px;
}	
label.label {
  display:inline-block;
  width:200px;
  text-align: right;
  font-style: italic;
  margin-right:5px;
}
input.controle:valid {
  border:3px solid #0a0;
}
input.controle:invalid {
  border:3px solid #a00;
}
input.controle:valid + span:before  {
  content: "\f00c";
  font-family: "FontAwesome";
  color:#0a0;
  font-size: 1.5em;
}	
input.controle:invalid + span:before  {
  content: "\f00d";
  font-family: "FontAwesome";
  color:#a00;
  font-size: 1.5em;
}
textarea { vertical-align: top; }