/*LE FOND ET LA MISE EN PAGE GENERALE*/
body {
background:#000000;
margin:0;
padding:0;
font-family:verdana,arial,helvetica,sans-serif;
font-size:0.7em;
text-align:center;
color:#CCCCCC;
}

/*imge sans bordures*/
img {
border:none;
}
/***************************************************** */
/*LES BLOCS GENERAUX*/

/* le bloc global qui contient tous les autres*/
#global {
background: url('../images/fond_corps.png') repeat-x #262D2F;
background-position:0px 130px;
}

/*le bloc ENTETE */
#entete {
height: 100px;
margin :0;
border-top: solid 10px #000000;
background: url('../images/entete.jpg') no-repeat black;
}

/*le bloc MENU_H*/
#menu_h {
height:30px;
padding:0 0 0 110px;
background: url('../images/fond_menu_h.png');
}

/*le menu HORIZONTAL*/
#menu_h ul {list-style-type: none;
margin:0;
padding:0;
}
#menu_h li {
margin-bottom: 0px;
float:left;
width:12.4%;
}

#menu_h a {
height: 30px;
display: block;
text-align: center;
font-family:arial,verdana,helvetica,sans-serif;
font-size:1.2em;
font-weight:bold;
line-height:200%;
color:#2F2F2F;
text-decoration: none;
}
	 
#menu_h a:hover {
color:#8F1111;
}

#menu_h #actif {
color:#8F1111;
}

/*le bloc CONTENU*/
#contenu {
margin:0 auto 0 auto;
width:96%;
padding:20px 10px 10px 0;
height: auto !important;/*HACK MIN-HEIGHT POUR IE*/
height: 850px;/*HACK MIN-HEIGHT POUR IE*/
min-height: 750px;
}

/* le bloc bienvenue*/
#bienvenue {
margin:0;
height:390px;
}

#bienvenue h2{
text-align:center;
font-size:1.8em;
font-family:arial,verdana,helvetica,sans-serif;
}

/*le bloc INTRO*/
#intro{
margin-left:260px;
padding-top:20px;
}

/*le bloc ANNONCE*/
#annonces{
float:left;
width:250px;
padding:3px 10px 0 0;
margin-top:10px;
}

#annonces p{
margin:10px auto 0 auto;
width:90%;
text-align:left;
padding:2px 5px 10px 5px;
}

#annonces a, .news a{
text-decoration:none;
color:#A1B36B;
}

#annonces a:hover, .news a:hover{
color:#8F1111;
}

/*le bloc PIED*/
#pied {
background: url('../images/pied.png') repeat-x;
padding:2px;
border-bottom: solid 10px #000000;
}

#pied p{
text-align:center;
}

/*Mise en forme des news*/

h1.news {
background:#000000;
color:#FFDD33;
width:90%;
margin:10px auto 0 auto;
font-family:arial,verdana,helvetica,sans-serif;
font-size:1.3em;
text-align:left;
padding:2px 5px 3px 10px;
}

h2.news {
background:#4F4F4F;
width:90%;
text-align:right;
margin:0 auto 0 auto;
font-family:arial,verdana,helvetica,sans-serif;
font-size:1.4em;
padding:2px 5px 10px 10px;
}

.news {
background:#4F4F4F;
text-align:justify;
width:90%;
margin:0 auto 20px auto;
padding:2px 5px 10px 10px;
color:#FFFFFF;
}
.news img, object {
display:block;
margin: 10px auto 10px auto;
}

/*bouton haut de page*/

#hdp {
display:block;
line-height:70%;
height: 10px;
width:90px;
background:url('../images/fond_bouton_hdp.gif') no-repeat;
background-position: 0 0;
margin:30px auto 0 auto;
text-align: left;
font-family:arial,verdana,helvetica,sans-serif;
font-size:1.2em;
font-weight:bold;
color:#A1B36B;
padding: 0 0 0 30px;
text-decoration: none;
}

#hdp:hover{
background-position: 0 100%;
color:#8F1111;
}

/*bouto ICI*/
.bouton {
line-height:140%;
width:90px;
background:url('../images/fond_menu_v.gif') no-repeat;
background-position: 0 0;
margin:30px auto 0 auto;
text-align: left;
font-family:arial,verdana,helvetica,sans-serif;
font-size:1.2em;
font-weight:bold;
color:#A1B36B;
padding: 3px 0 1px 30px;
text-decoration: none;
}

.bouton:hover{
background-position: 0 100%;
color:#8F1111;
}
/* la page actu */
.rss{
width:80%;
list-style-type:circle;
margin:5px auto 0 auto;
padding:5px 0 10px 1em;
text-align:left;
}  

.rss li {margin-left: 1em;}

.rss a {
text-align: left;
font-size:0.9em;
font-weight:bold;
color:#A1B36B;
text-decoration: underline;
}
	 
.rss a:hover {
color:#8F1111;
text-decoration: none;
}

/**********************************/
p{
text-align:justify;
padding: 0 10px 0 40px;
}

h1{
font-size:1.7em;
}

h2{
padding: 0 10px 0 30px;
font-size:1.4em;
text-align:justify;
font-family:arial;
}

.centre{
text-align:center;
}

.invisible {
display:none;
}

/*********************************/

/*Les formulaires*/

.formulaire{/* bloc contenat le formulaire*/
width:96%;
margin:0 auto 0 auto;
font-weight: bold;
font-size:1.1em;
}

.formulaire p{
margin-top:0;
margin-bottom:5px;
text-align:left;
}

h1 input { /* mise en forme du curseur*/
cursor: pointer;
font-weight: bold;
}

label {	/*** Mise en forme des intitulés de champs ***/
float: left;	/*** Très important, ne pas suprimer ! ***/
width: 30%;	/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
text-align: right;	/*** ... et ils sont alignés à droite... ***/
margin: 0;
padding: 0 .5em 0 0;
line-height: 1.8;	
}

legend {	/*** Mise en forme des titres des cadres ***/
font-weight: bold;
font-size:1.2em;
color:#CCCCCC;
}

fieldset {	/*** Mise en forme des cadres ***/
width:90%;
margin: 10px auto 10px auto;
font-style: normal;
padding: 0 1em 1em;
}

.alerte{
font-size:1.1em;
color:red;
font-weight: bold;
background:yellow;
text-align:center;
padding:5px;
width:96%;
margin:0 auto 10px auto;
}
/* LES TABLEAUX */
table{
border-collapse:collapse;
border:none;
width:90%;
margin:0 auto 0 auto;
}

th{
background:#640A0A;
padding:3px;
}

td{
text-align:left;
padding:3px;
}

table a{
color:#A1B36B;
text-decoration:none;
}

table a:hover{
color:#8F1111;
}

/*Les formulaires*/

.evasion{/* bloc contenat le formulaire*/
width:96%;
margin:0 auto 0 auto;
font-weight: bold;
font-size:1.1em;
}

.evasion p{
margin-top:0;
margin-bottom:5px;
text-align:left;
}

.evasion label {	/*** Mise en forme des intitulés de champs ***/
float: left;	/*** Très important, ne pas suprimer ! ***/
width: 30%;	/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
text-align: right;	/*** ... et ils sont alignés à droite... ***/
margin: 0;
padding: 0 .5em 0 0;
line-height: 1.8;	
}

.evasion legend {	/*** Mise en forme des titres des cadres ***/
font-weight: bold;
font-size:1.2em;
color:#CCCCCC;
}

.evasion fieldset {	/*** Mise en forme des cadres ***/
width:90%;
margin: 10px auto 10px auto;
font-style: normal;
padding: 0 1em 1em;
}

.recap {
width:48%;
float:left;
margin:0 3px 0 3px;
}