body
{
margin: auto;
padding: 0;
background-color: #191816;
font-size: 0.75em;
font-family: Arial;
}

img
{
border: 0px;
}


 textarea, table, td, th, code, pre, samp {
   word-wrap: break-word; /* passage à la ligne forcé */
   -webkit-hyphens: auto; /* césure propre */
   -moz-hyphens: auto;
   hyphens: auto;
 }

a
{
text-decoration: none;
color: #0a77b8;
}

a:hover
{
color: #f50;
}

li
{
list-style: none;
}

table
{
text-align: left;
border: 0px;
width: 100%;
padding: 5px;
}


.tbg
{
background-color: #A1A5A4;
}

.tbd
{
background-color: #A1A5A4;
}

table td
{
border: 1px solid #697F90;
background-color: #F1F5FA;
padding: 4px;
font-size: 16px;
}

.bandeau
{
width: 100%;
font-family: arial;
font-size: 30px;
text-align: left;
border: 0px;
border-bottom: 1px solid #3B3834;
background-color: #3D4947;
color: #2A4550;
padding: 0px;
}

.centre
{
padding: 0px;
margin: 0px;
background-color: #FEFEFE;
border: 0px;
color: #222427;
font-family: arial;
font-size: 15px;
text-align: center;
overflow: hidden;
}

.ajust
{
padding: 0px;
margin: 0px;
border: 0px;
overflow: hidden;
}

.back
{
padding: 10px;
margin: auto;
border: 0ox;
background-color: #242B2A;
width: 100%;
color: #B9C4C3;
font-family: arial;
font-size: 13px;
text-align: center;
}

.back a
{
font-weight: bold;
color: #FEB201;
text-decoration: underline;
}

.back a:hover
{
color: #F48A11;
}

.pied
{
padding: 5px;
margin: auto;
border: 0px;
border-top: 2px solid #3B3834;
border-bottom: 1px solid #3B3834;
background-color: #3D4947;
width: 100%;
color: #B9C4C3;
font-family: arial;
font-size: 12px;
text-align: center;
}

.pied a
{
font-weight: bold;
}

#milieu_titre
{
margin: 0px;
width: 100%;
font-family: arial;
font-size: 20px;
text-align: left;
text-indent: 5px;
border: 0px;
background: url('txt2.png') repeat-x;
color: #FEFEFE;
padding: 5px;
}

#milieu_titre2
{
margin: 0px;
width: 100%;
font-family: arial;
font-size: 20px;
text-align: left;
text-indent: 5px;
border: 0px;
background: url('txt1.png') repeat-x;
color: #FEFEFE;
padding: 5px;
}

#milieu_titre3
{
margin: 0px;
width: 100%;
font-family: arial;
font-size: 20px;
text-align: left;
text-indent: 5px;
border: 0px;
border-top: 1px solid #010101;
background-color: #7AD800;
color: #010101;
padding: 5px;
}

#milieu_texte
{
text-align: left;
width: 99.5%;
padding: 4px;
background-color: #F5F7F9;
border: 1px solid #DEE2E8;
margin-bottom: 8px;
overflow: hidden;
font-family: arial;
font-size: 20px;
}

#milieu_texte2
{
text-align: left;
width: 99.5%;
padding: 4px;
background-color: #DCF4B7;
border: 1px solid #65A440;
margin-bottom: 8px;
overflow: hidden;
font-family: arial;
font-size: 20px;
font-weight: bold;
color: #436C42;
}


.avertissement{
	background-color: #B4453B;
	color: white !important;
	font-weight:bold;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 7px;
	width:95%;
	margin: auto;
}

.reussite{
	background-color: #21963C;
	color: white !important;
	font-weight:bold;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 7px;
	width:95%;
	margin: auto;
}

.citer
{
with: 100%;
border: 1px solid #C7D2DE;
padding: 5px;
background-color: #FEFEFE;
}

.ligne
{
	background: url('../images/ligne.gif') repeat-x;
	height: 1px;
	margin-top: 5px;
	margin-bottom: 5px;
}