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

/*LA PAGE D'ENTREE*/
body.entree{
background: #CCCCCC url('../images/fondentree.jpg') center center fixed no-repeat;
}
/*le logo de la page d'entrée*/
#logo{
position:absolute;
left:50%;
top:50%;
width:200px;
height:200px;
margin:-260px 0 0 -100px;
background:url('../images/logo_entree.gif');
}

/*le texte d'entrée*/
h2.entree{
position:absolute;
left:50%;
top:50%;
margin:120px 0 0 -200px;
text-align:center;
width:400px;
padding:5px;
background:#938C7C;
border:outset 1px;
}

/*le bouton entrer*/
#entrer{
position:absolute;
left:50%;
top:50%;
margin:200px 0 0 -75px;
width:150px;
height:30px;
background:url('../images/bout_entree.gif');
}

#entrer h2{
margin:5px 0 0 0;
padding:0;
text-align:center;
}

#entrer a{
color:#CCCCCC;
text-decoration:none;
}

#entrer a:hover{
color:red;
text-decoration:underline;
}
/*IMAGES SANS BORDURES*/

img {
border:none;
margin:10px 0 10px 0;
}

/*LES TEXTES*/

.centre {
text-align:center;
}

h2 {
font-style:normal;
font-weight:bold;
font-size:1.2em;
color:black;
text-align:justify;
margin:10px 0.8em 5px 0.8em;
}

h1 {
margin:10px 10px 10px 10px;
font-family:verdana, arial,sans-serif;
font-style:italic;
font-size:1.6em;
color:#6F1700;
}
/*mise en forme des news*/
h1.news {
color:#FFFFFF;
font-size:1em;
font-family: arial,verdana, sans-serif;
font-style:normal;
text-align:left;
margin:30px 10px 0 10px;
padding:2px 0 2px 5px;
background:#444444;
border-bottom:solid 2px #C22900;
}

h2.news {
background:#CCCCCC;
text-align:right;
color:#7F7F7F;
margin:0 10px 0 10px;
padding:2px 5px 5px 5px;
}

p.news {
color:#000000;
text-align:left;
padding:2px 0 5px 5px;
background:#CCCCCC;
margin:0 10px 0 10px;
}

/*LES LIENS*/

a {
font-weight:bold;
}
	 
a:hover {
color:red;
text-decoration: none;
}


/*LES BLOCS GENERAUX*/

#entete {
margin:0 auto 0 auto;
height: 100px;
background:  url(../images/fondentete1.png);
background-repeat:no-repeat;
background-position: top center;
}

#global {
margin:0 auto 0 auto;
width: 94%;
background:#444444;
}

#colonne {
float:left;
width: 152px;
}
/*TEXTE DE COLONNE*/
#colonne p{
font-size:1em;
color:red;
font-weight:bold;
background: #CCCCCC;
margin:15px 5px 0 5px;
padding:2px 0 4px 0;
padding-top:2px;
border-bottom:solid 3px #2F1717;
border-right:solid 3px #2F1717;
}

/*IMAGES DE COLONNE*/
.colonne{
margin:30px 0 0 0;
}

#centre {
background-color:#FFFFFF;
margin-left: 152px;
padding:5px 0 10px 0;
height: auto !important;/*HACK MIN-HEIGHT POUR IE*/
height: 440px;/*HACK MIN-HEIGHT POUR IE*/
min-height: 440px;
}

/*TEXTES DE CENTRE*/

.texte{
text-align:justify;
margin:0 1.8em 0 1.8em;
}

#pied {
margin:5px auto 8px auto;
width:94%;
height:80px;
padding-top:5px;
background:  url(../images/fondpied1.png) #444444;
background-repeat:repeat-y;
background-position: top center;
}

/*TEXTE DE PIED*/


/*LES ONGLETS*/
#onglet{
height:33px;
margin:0 auto 0 auto;
font-weight:bold;
background:#CCCCCC;
}

#onglet ul{
list-style: none;
margin:0;
padding-top:8px;
}

#onglet li{
float:right;
margin:0;/*test IE 5.5*/
}

#onglet a{
text-indent:10px;
text-align:center;
font-size:0.8em;
line-height: 200%;
text-decoration:none;
height:25px;
width:80px;
display:block;
background:url(../images/onglet1.gif) no-repeat;
color:#CCCCCC;
margin:0;/*test IE 5.5*/
}

#onglet a:hover{
color:red;
background:#CCCCCC;
}

#onglet #actif1{
background:url(../images/onglet2.gif) no-repeat;
color:#6F1700;
cursor:crosshair;
}

/*LE MENU DE GAUCHE*/
.menugauche{list-style-type: none;margin-left:25px;margin-right:25px;padding:0;margin-top:5px;margin-bottom:5px;}  

.menugauche {margin-bottom: 0px;}

.menugauche a {
width: 100px; 
height: 15px;
display: block;
text-align: center;
font-size:0.8em;
font-weight:bold;
color:#CCCCCC;
text-decoration: none;
background-image:url(../images/fondmenu1.png);
border:solid 1px #444444;
}
	 
.menugauche a:hover {
background:#CCCCCC;
color:red;
}

/*LES LIENS ACTIFS DU MENU GAUCHE*/
#actif{
background:#444444;
color:#C22900;
cursor:crosshair;
border:solid 1px #CCCCCC;
}

/*LE BOUTON HAUT DE PAGE*/

a#hdp {
width: 90px; 
height: 20px;
margin:30px auto auto auto;
padding: 0 0 0 10px;
line-height:180%;
display: block;
font-size:0.8em;
font-weight:bold;
text-align: center;
color:#FFFFFF;
background: #C22900 url(../images/haut.gif) center left no-repeat;
text-decoration: none;
}
a#hdp:hover {
background: #444444 url(../images/haut.gif) center left no-repeat;
color:red;
}

/*BOUTON*/

a.bouton {
margin:0 5px 0 5px;
font-size:0.8em;
color:#CCCCCC;
font-weight:bold;
text-decoration: none;
padding: 3px 10px 3px 10px; 
background: #C22900;
}

a.bouton:hover {
background: #444444;
color:red;
}

/*LES LIENS EXTERNES POUR LE CALENDRIER*/

a.liens_ext {
margin:0 5px 0 5px;
font-size:0.8em;
color:#CCCCCC;
font-weight:bold;
text-decoration: none;
padding: 3px 10px 3px 10px; 
background: #C22900;
}

a.liens_ext:hover {
background: #444444;
color:red;
}

/*LES TABLEAUX*/
th, td {
text-align:center;
font-size:0.9em;
}

table{
border-collapse:collapse;
border:2px solid black;
margin:20px auto 0 auto;
width:600px;
}

th, td{
border:1px solid black;
}

/*LES PARAGRAPHES DE FORMULAIRE*/

.form{
margin-top:10px;
text-align:left;
margin-left:20px;
}

/*FORMULAIRE DE LA PAGE CONTACT*/

.formp{
margin-top:15px;
text-align:center;
}

.formulaire{
margin-top:10px;
text-align:center;
}

label{
width:20%;
float:left;
text-align:right;
}

fieldset{
margin:10px 5% 0 5%;
padding:5px;
}

legend{
font-weight:bold;
color:#000000;
}

.news input{
font-weight:bold;
cursor:pointer;
}

.alerte{
font-weight:bold;
margin:20px 10px 20px 10px;
background:yellow;
color:red;
padding:5px 0 5px 0;
}

/* LES LISTES*/
ul{
text-align:justify;
margin :5px 20px 5px 30px;
padding:0;
}

/* LES TABLEAUX */
table{
font-size:0.8em;
border-collapse:collapse;
border:none;
width:99%;
margin:0 auto 0 auto;
}

th{
background:#AA2D0D;
padding:3px;
border:none;
}

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

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

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