/* CSS Document */

*{
margin:0px;
padding:0px;
}

body{
margin:0px;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
background-image:url(../image/quievrain.gif)
}

.href-menu{
color:#FFFFFF;
text-decoration:none;
font-weight:bold;
}

.href-menu:hover{
color:#FFFFFF;
text-decoration:underline;
font-weight:bold;
}

.href-rubrique{
font-size:14px;
color:#000000;
text-decoration:none;
font-weight:bold;
margin:5px;
}

.href-rubrique:hover{
font-size:14px;
color:#000000;
text-decoration:underline;
font-weight:bold;
margin:5px;
}

#container{
width:950px;
margin:auto;
margin-top:10px;
}

#header{
background-image:url(../image/banner1.gif);
height:150px;
background-color:#BBBBBB;
}

#menu{
margin-top:5px;
margin-bottom:5px;
}

#main{
padding: 0px 7px 5px 7px;
border-left:2px solid #BBBBBB;
border-right:2px solid #BBBBBB;
}

#table-menu{
color:#FFFFFF;
text-align:center;
font-weight:bold;
}

#right{
float:right;
width:252px;
}

#content{
float:left;
width:670px;
}

#submenu{
padding:0px 8px 0px 8px;
}

#rubrique{
padding:30px 0px 0px 50px;
}

.clear{
clear:both;
}

.title-art{
padding:5px 0px 5px 5px;
font-size:20px;
font-style:oblique;
font-weight:bold;
border-bottom: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
}

.content-art{
padding:5px 0px 10px 20px;
}

#article{
padding:25px;
}

.block{
margin:auto;
margin-top:5px;
margin-bottom:15px;
width:225px;
}

#agenda-block{
margin:auto;
margin-top:5px;
width:225px;
border:1px solid #CCCCCC;
border-collapse: collapse; 
}

#agenda-block td{
border:1px solid #CCCCCC;
text-align:center;
font-weight:bold;
empty-cells:show;
}

.block-title{
padding:3px;
margin: 0px 5px 10px 5px;
text-align:center;
font-weight:bold;
font-size:14px;
color:#FFFFFF;
background-color:#BBBBBB;
background-image: url(../image/bckgrd-block.gif);
}

.date-block{
padding-left:15px;
margin:5px 3px 5px 3px;
}

a.accdir{
display:block;
color:#000000;
text-decoration:none;
background-color:#EEEEEE;
padding:2px;
padding-left:5px;
margin-top:1px
}

a.accdir:hover{
background-color:#CCCCCC;
text-decoration:underline;
}

.div-border-h{
background-image: url(../image/bckgrd-block-haut.gif);
height:10px;
overflow:hidden;
}

.div-border-b{
background-image: url(../image/bckgrd-block-bas.gif);
height:10px;
overflow:hidden;
}

.border-haut{
background-image: url(../image/bckgrd-haut.gif);
height:10px;
overflow:hidden;
}

.border-bas{
background-image: url(../image/bckgrd-bas.gif);
height:10px;
overflow:hidden;
}

.div-block-haut{
background-image: url(../image/bckgrd-lblock-haut.gif);
height:10px;
overflow:hidden;
}

.div-block-bas{
background-image: url(../image/bckgrd-lblock-bas.gif);
height:10px;
overflow:hidden;
}

.div-block{
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
margin:0px;
height:95%;
}

.title-contact{
background-color:#CCCCCC;
background-image:url(../image/B-Title.gif);
overflow:hidden;
padding:3px 0px 3px 10px;
font-weight:bold;
font-size:14px;
color:#FFFFFF;
}

.bl-contact{
margin-left:30px;
padding:10px 10px 20px 10px;
}

a.mailto{
color:#444444;
}

#BAgenda{
border-collapse: collapse;
}

#BAgenda tr{
vertical-align:top;
}

#BAgenda td{
empty-cells:show;
width:70px;
height:35px;
border:1px solid #CCCCCC;
text-align:left;
padding:5px 0px 0px 5px;
}

#BAgenda th{
background-color:#CCCCCC;
border:1px solid #CCCCCC;
height:17px;
padding-top:3px;
}

#agendah{
width:533px;
height:25px;
background-color:#CCCCCC;
background-image:url(../image/agendah.gif);
text-align:center;
font-weight:bold;
font-size:18px;
color:#FFFFFF;
}

#agendab{
width:533px;
height:27px;
padding-top:3px;
background-color:#CCCCCC;
background-image:url(../image/agendab.gif);
}

#agendab a{
font-weight:bold;
font-size:14px;
color:#FFFFFF;
}

.lstagenda{
margin-left:75px;
}

#footer{
text-align:center;
border-left:2px solid #BBBBBB;
border-right:2px solid #BBBBBB;
color:#CCCCCC;
}

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

.info{
text-decoration:none;
font-size:10px;
color:#FFFFFF;
background-color:#0099FF;
display:inline;
}

.localisation{
color:#3366FF;
font-weight:bold;
}

.titleNews{
font-size:16px;
color:#222222;
font-weight:bold;
}

.contentNews{
color:#000000;
font-size:12px;
margin:20px 40px 0px 40px;
}

#page{
text-align:right;
margin-right:40px;
}

#page select{
font-size:12px;
width:50px;
}

#page a{
font-size:12px;
color:#000000;
text-decoration:none;
font-weight:bold;
}

#page a:hover{
text-decoration:underline;
}