/*LE FOND ET LA MISE EN PAGE GENERALE*/
body {
margin:10px 0 10px 0;
padding:0;
/*background: url('../images/body.png');*/
background: #C5C5D0;
font-family:verdana,arial,helvetica,sans-serif;
font-size:0.7em;
text-align:center;
color:#000000;
}

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

/* le bloc global qui contient tous les autres*/
#global {
width:98%;
margin:0 auto 0 auto;
/*background:url('../images/global.png') #C3D3DF;
background-repeat:repeat-x;
background-position: 0 140px;*/
background:#FFFFFF;
}

/*le bloc ENTETE */
#entete {
height: 140px;
margin :0  0;
background:url('../images/entete.png');
}

/*le bloc GAUCHE*/
#gauche {
width: 160px;
float:left;
}
#gauche p{
text-align:left;
}
#gauche h1 {
font-family:arial,verdana,helvetica,sans-serif;
font-size:1.1em;
height:15px;
}

/*le menu VERTICAL*/
#menu_v {
margin: 20px 0 20px 0;
}


#menu_v ul {list-style-type: none;
margin:0 0 20px 10px;
padding:0;
}
#menu_v li {
margin: 0 0 2px 0;
width:140px;

}

#menu_v a {
display: block;
height: 20px;
background:url('../images/menu.gif') no-repeat;
color:#1D1D1F;
border-bottom: solid 2px #CCCBD1;
text-align: left;
font-family:arial,verdana,helvetica,sans-serif;
font-weight:bold;
line-height:140%;
padding: 3px 0 0 17px;
text-decoration: none;
}
	 
#menu_v a:hover {
color:#900000;
background:url('../images/menu.gif') no-repeat #A4A6AF;
}

#menu_v #actif {
color:#12272F;
background:url('../images/menu.gif') no-repeat #C5C5D0;
}

/*le bloc droit*/
#droit{
width:160px;
float:right;
}

#droit img{
margin-top:20px;
}

#annonces{
padding:30px 0 0 0;
width:150px;
margin:10px auto 0 auto;
background:url('../images/annonces.png') no-repeat #640A0A;
}

#annonces p{
font-size: 0.9em;
text-align:left;
color:#FFFFFF;
font-weight:bold;
padding: 0 0 5px 5px
}

#annonces a{
/*color:#FFFFFF;*/
color:#CFBF67;
}

#annonces a:hover{
color:#FF3F47;
}

/*le bloc CONTENU*/
#contenu {
background:#C5C5D0;;
margin:10px 160px 0 160px;
padding:5px 0 10px 0;
height: auto !important;/*HACK MIN-HEIGHT POUR IE*/
height: 950px;/*HACK MIN-HEIGHT POUR IE*/
min-height: 850px;
}

/*le bloc PIED*/
#pied p{
text-align:center;
font-weight:bold;
margin:0;
padding:5px;
}

/*Mise en forme des news*/

h1.news {
border-left: solid 1px #FFFFFF;
border-right: solid 1px #FFFFFF;
border-top: solid 1px #FFFFFF;
background:#DFDFDF;
color:#9F000A;
width:96%;
margin:0 auto 0 auto;
font-family:arial,verdana,helvetica,sans-serif;
font-size:1.3em;
text-align:left;
padding:2px 5px 3px 5px;
}

h2.news {
font-size:1.2em;
text-align:right;
font-style:italic;
border-left: solid 1px #FFFFFF;
border-right: solid 1px #FFFFFF;
background:#DFDFDF;
color:#999999;
margin:0 auto 0 auto;
padding:2px 5px 3px 5px;
width:96%;
}

p.news {
border-left: solid 1px #FFFFFF;
border-right: solid 1px #FFFFFF;
border-bottom: solid 1px #FFFFFF;
background:#DFDFDF;
width:96%;
margin:0 auto 20px auto;
padding:2px 5px 3px 5px;
}

/*bouton haut de page*/

#hdp {
display: block;
line-height:200%;
height: 20px;
width:80px;
margin:20px auto 0 auto;
text-align: left;
font-family:arial,verdana,helvetica,sans-serif;
font-weight:bold;
line-height:200%;
background:url('../images/menu.gif') #FFFFFF no-repeat;
color:#000000;
padding: 0px 3px 3px 17px;
text-decoration: none;
}

#hdp:hover{
color:#900000;
background:url('../images/menu.gif') no-repeat #A4A6AF;
}

/*bouton ICI*/
.bouton {
line-height:200%;
text-align: left;
font-family:arial,verdana,helvetica,sans-serif;
font-weight:bold;
line-height:200%;
background:url('../images/menu.gif') #FFFFFF no-repeat;
color:#000000;
padding: 4px 3px 3px 17px;
text-decoration: none;
}

.bouton:hover{
color:#900000;
background:url('../images/menu.gif') no-repeat #A4A6AF;
}

/*bouton liens EXTERNES*/
.externe {
line-height:200%;
text-align: left;
font-family:arial,verdana,helvetica,sans-serif;
font-weight:bold;
line-height:200%;
background:url('../images/menu.gif') #FFFFFF no-repeat;
color:#000000;
padding: 4px 3px 3px 17px;
text-decoration: none;
}

.externe:hover{
color:#900000;
background:url('../images/menu.gif') no-repeat #A4A6AF;
}

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

h1{
font-size:1.7em;
color: #5F0000;
}

h2{
margin-left:5px;
font-size:1.4em;
text-align:justify;
font-family:arial;
color:#9F000A;
}

h3{
margin-left:5px;
font-size:1.2em;
text-align:justify;
font-family:arial;
color:#9F000A;
}


.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:#4F4F4F;
}

fieldset {	/*** Mise en forme des cadres ***/
/*width:90%;*/
margin: 0 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:100%;
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;
}

/*la page bureau*/
.bureau_1{
height:200px;
}

.bureau_2 {
width:45%;
float:left;
margin:0 3px 0 3px;
}