/********************STRUCTURE DES BLOCS DANS LA PAGE************************/
body{
margin-top:0;
}
#wrapper{
width: 950px;
background-color: #FEFDBD;
margin: 0 auto 0 auto;
}
#tete{
height: 110px;
background-color: #CC021E;
background-image: url("bandetete.jpg");
background-position: bottom;
background-repeat: no-repeat;
}
#conteneur{
height:600px;
}
#colonne{
float: right;
min-height:605px;
width: 198px;
background-color: #CC021E;

}
#sousconteneur{
float: right;
width: 750px;
background-color: #FEFDBD;
}
#menu{
height: 38px;
background-color: #FFEC9E;

}
#title{
background-color: #AD070B;
height: 40px;
}

#zonetextuelle{
background-color: #FEFDBD;
min-height: 400px;
}

/***********CONTENU GENERAL DES BLOCS ***********/
body{
font-family: 'Arial';
font-size: 12pt;
}
.clearer{
clear: both;
height: 0;
}
div, h1{
margin:0;
padding: 0;
}
h1{
font-size: 14pt;
font-weight: normal;
padding: 8px 0 0 20px;
color: #eeeeee;
}
img{
border: none;
}
/**********MISE EN PAGE DES BLOCS******/

/*////LE MENU////*/
#menu li{
list-style-type: none;
margin: 0;
padding: 0;
}
#menu ul{
margin: 0;
padding: 9px;
}
/***/
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menutest {
margin:7px 0 0 30px;
width: 700px;
position:absolute;
}
#menutest dl {
float: left;
width: 130px;

}
#menutest dt {
cursor: pointer;
text-align: center;
background-color: #FFEC9E;

margin-top: 0px;
}
#menutest dd {
display: none;
margin-top: 2px;
}
#menutest li {
text-align: center;
background-image:url("transmenu.png");
border-top: 1px dotted black;
}
#menutest li a, #menutest dt a {
color: #000;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#menutest li a:hover, #menutest li a:focus, #menutest dt a:hover, #menutest dt a:focus {
text-decoration: underline;
}

/**********LE CALENDRIER*********/
.calendrier{
margin: 0 auto 0 auto;
padding: 4px;
}
#caption{
background-image:url("transmenu.png");
width: 198px;
padding: 5px;
}
.nomjours td{
text-decoration : underline;

}
.nomjours td:hover{
background-image:url("transmenu.png");
}
.jours td{
border: 1px solid black;
text-align: center;
}
.jours a{
background-image:url("transmenu.png");
}
.jours a:hover{
text-decoration: underline;
}
/*************ZONE DE TEXTE***************/
#zonetextuelle{
text-align: justify;
padding: 20px;
}

/**************ariclepublic***********/
.articlepublic{
margin-bottom:5px;
padding:5px 10px 5px 10px;
margin: 0 auto 0 auto;
}
.articlepublic .datearticle{
font-size:10pt;
text-align:right;
border-bottom:3px solid  #AD070B;
width:300px;
float:right;
}
.articlepublic .datearticle hr{
width:100px;
text-align:right;
}
.imageGauche{
float:left;
width:150px;
padding-left:5px;
}
.test{
border:2px dashed red;
}
.articlepublic .titrearticle{
color:#AD070B;
font-weight:bold;

}

.articlepublic .contenuarticle{
background-image:url("transmenu.png");
padding:5px 10px 5px 10px;
}
/******************les records****************/

.recorddescr td{
background-color:#FFEC9E;
padding:3px;
margin:5px;
width:90px;
}
.recorddescr table{
background-color: #CD021F;
width:500px;
padding:2px;
}