body {
margin: 0px;
padding: 0px;
background-color: #005DAB;
background-image: url(images/bg-body.gif);
background-repeat: repeat-x;
font-family: "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
font-size: 12px;
color: #464646;
}
.clichome {
position: absolute;
width: 980px;
height: 150px;
cursor: pointer;
}
/* TinyMCE specific rules */
body.mceContentBody {
background-image: none;
background-color: #fff;
}
p {
margin: 0;
padding: 0;
}
#conteneur {
width: 980px;
background-color: #FFF;
margin: 15px auto 15px auto;
}
/* POPUP */
#conteneur.pop {
width: 450px;
padding: 10px;
background-color: #337DBC;
border: 1px solid #CCDFEE;
color :#ffffff;
}
#conteneur.pop h2 {
color: #fff;
}
.fermer_fenetre {
display: block;
padding: 5px;
background-color: #fff;
color: #005DAB;
margin-top: 20px;
font-weight: bold;
text-align: center;
}
/* POPUP */
#header {
background-color: #fff;
height: 182px;
width: 980px;
background-image: url(images/bg-header.jpg);
}
#footer {
background-image: url(images/bg-footer.gif);
background-repeat: no-repeat;
padding-top: 10px;
color: #80AED5;
text-align: center; 
background-color: #005DAB;
font-size: 10px;
}
#footer a {
color: #80AED5;
}
#principal {
margin: 0px 0 0 0;
padding: 28px 6px 0 7px;;
}
#centre {
float: left;
width: 748px;
padding: 20px 5px 5px 5px;;
}
#zero_col {
padding: 20px 5px 5px 5px;
}

hr.clear {
clear: both;
visibility: hidden;
margin: 0px;
height: 0px;
}

a {
color: #464646;
font-weight: bold;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}


/*******************************************************************************************************
																COLONNE 
*******************************************************************************************************/
div#colonne {
float: left;
background-color: #488CC7;
width: 209px;
margin: 0px 0px 0px 0px;
padding: 20px 0 0 0;
}
.bloc_colonne {
font-size: 10px;
padding: 5px 15px 5px 15px;
}
div#colonne a {
text-decoration: none;
}
div#colonne a:hover {
}
#bloc_actu {
width: 209px;
background-image: url(images/bg-actu.gif);	
}
#bloc_actu p {
color: #488CC7;
line-height: 13px;
margin-bottom: 8px;
font-size: 11px;
}
#bloc_actu a {
color: #005DAB;
}
#bloc_actu  a.actualite {
display: block;
padding: 2px;
text-align: center;
border: 1px solid;
background-color: #488CC7;
color: #fff;
}
#bloc_recherche {
width: 149px;
height: 20px;
padding: 35px 0 0 54px; 
background-image: url(images/titre-et-bg-rechercher.gif);	
}
#recherche {
}
#recherche input {
font-size: 10px;
}
#bloc_agenda {
width: 209px;	
background-image: url(images/bg-agenda.gif);	
padding-bottom: 30px;
}
#titre_actu {
background-image: url(images/titre-actu.gif);
height: 43px;
}
#titre_agenda {
background-image: url(images/titre-agenda.gif);
height: 51px;
}
#titre_agenda span, #titre_actu span {
display: none;
}
#fin_col {
background-image: url(images/fond_colonne.gif);
height: 14px;
background-repeat: no-repeat;
}
 /********************** RUBRIQUE *************************/
#rubrique1,#rubrique2,#rubrique3,#rubrique4,#rubrique5,#rubrique6 {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#rubrique1 li a,#rubrique2 li a,#rubrique3 li a,#rubrique4 li a,#rubrique5 li a,#rubrique6 li a {
color: #fff;
}
span.titrerub {
font-size: 16px;
font-weight: bold;
color: #fff;
padding-bottom: 5px;
text-align: center; 
margin: 10px 15px 10px 15px;;
display: block;
}
#rubrique1 ul,#rubrique2 ul,#rubrique3 ul,#rubrique4 ul,#rubrique5 ul,#rubrique6 ul {
list-style: none;
list-style-position: outside;
}
#rubrique1 li,#rubrique2 li,#rubrique3 li,#rubrique4 li,#rubrique5 li,#rubrique6 li {
font-size: 12px;
display: block;
background-repeat: no-repeat;
background-position: center left;
padding-left: 20px;
}

#rubrique1 li {
background-image: url(images/puce_li_1.gif);
}
#rubrique1 span.titrerub {
border-bottom: 3px solid #EE9B00;
}
#rubrique2 li {
background-image: url(images/puce_li_2.gif);
}
#rubrique2 span.titrerub {
border-bottom: 3px solid #9EC110;
}
#rubrique3 li {
background-image: url(images/puce_li_3.gif);
}
#rubrique3 span.titrerub {
border-bottom: 3px solid #D26C1E;
}
#rubrique4 li {
background-image: url(images/puce_li_4.gif);
}
#rubrique4 span.titrerub {
border-bottom: 3px solid #B4E1F9;
}
#rubrique5 li {
background-image: url(images/puce_li_5.gif);
}
#rubrique5 span.titrerub {
border-bottom: 3px solid #E786BB;
}
#rubrique6 li {
background-image: url(images/puce_li_6.gif);
}
#rubrique6 span.titrerub {
border-bottom: 3px solid #A85E4D;
}
/*******************************************************************************************************
																AUTRE MISE EN PAGE
*******************************************************************************************************/

h1 {
background-image: url(images/bg-h1.gif);
height: 25px;
padding: 3px 0px 0px 30px;
color: #fff;
letter-spacing: 0px;
width: 716px;
font-size: 18px;
}
h1.vert {
background-image: url(images/bg-h1-vert.gif);
}
h1.marron {
background-image: url(images/bg-h1-marron.gif);
}
h1.orange {
background-image: url(images/bg-h1-orange.gif);
}
h1.rose {
background-image: url(images/bg-h1-rose.gif);
}
h1.brun {
background-image: url(images/bg-h1-brun.gif);
}
h2 {
font-size: 18px;
border-bottom: 1px solid;
color: #005DAB;
}
h3 {
font-size: 16px;
color: #000;
}
h4 {
}
h5 {
}
/*******************************************************************************************************
																Agenda
*******************************************************************************************************/
p.fleche {
text-align: center;
font-weight: bold;	
color: #fff;
font-size: 12px;
margin-bottom: 5px;
}
p.fleche a {
font-weight: bold;
color: #fff;
}
#calendrier {
border-collapse: collapse;
width: 150px;
text-align: center;
margin: 0px auto 0px auto;
}
#calendrier td {
border: 1px solid #fff;
border-collapse: collapse;
background-color: #B5D7F8;
}
#enteteCalendrier td {
background-color: #005DAB;
color: #fff;
font-weight: bold;
}
#calendrier td.special {
background-color: #005DAB;
}
#calendrier td.special a {
color: #fff;
}
.legendAgenda {
background-color: #C3E282;
border: 1px solid #D6D6D4;
display: block;
float: left;
width: 15px;
height: 14px;
margin: 0px  5px 0px 0px;
}
/*******************************************************************************************************
																Salle des fetes
*******************************************************************************************************/

#sdfetes {
border-collapse: collapse;
width: 400px;
text-align: center;
margin: 0px auto 0px auto;
}
#sdfetes td {
padding: 10px;
border: 1px solid #d7d7d7;
border-collapse: collapse;
background-color: #f5f5f5;
}
#entetesdfetes td {
background-color: #005DAB;
color: #fff;
font-weight: bold;
}
#sdfetes td.special {
background-color: #FFE046;
}
#sdfetes td.special a {
color: #fff;
}
.legendAgenda {
background-color: #C3E282;
border: 1px solid #D6D6D4;
display: block;
float: left;
width: 15px;
height: 14px;
margin: 0px  5px 0px 0px;
}
table.neutre {
border-collapse: collapse;
width: 600px;
margin: auto;
}
table.neutre td {
background-color: #f5f5f5;
padding: 5px;
border: 1px solid #d7d7d7;
}

/*******************************************************************************************************
																MENU
*******************************************************************************************************/
#menu dl, #menu dd, #menu ul, #menu li {
margin: 0;
padding: 0;
list-style-type: none;
}

#menu li a {
padding: 5px 0px 5px 0px;
color: #4A4736;
}

#menu dt {
height: 28px;
}

#menu {
position: absolute;
margin: 0px 5px 0px 7px;
font-size: 10px;
height: 20px;
z-index: 0;
background-image: url(images/fond-menu.gif);
background-repeat: no-repeat;
}
#menu dl {
float: left;
width: 161px;
}

#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
margin: 0px;
}
#menu dd {
display: none;
}
#menu a {
text-align: center;
}
#menu dd a, #menu dt a {
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#menu dd a {
	padding: 5px;
}
#menu dt span {
display: none;
}

#menu ul {
border-color: #A8995B;
border-style: solid;
border-width: 1px 1px 0px 1px;
}
a.menu1 {background-image: url(images/menu1.gif);}
a.menu2 {background-image: url(images/menu2.gif);}
a.menu3 {background-image: url(images/menu3.gif);}
a.menu4 {background-image: url(images/menu4.gif);}
a.menu5 {background-image: url(images/menu5.gif);}
a.menu6 {background-image: url(images/menu6.gif);}

dd#smenu1 a {background-color: #EE9B00; border-bottom: 1px solid #fff;color: #fff;}
dd#smenu1 a:hover {background-color: #F4BD57;}

dd#smenu2 a {background-color: #9EC110; border-bottom: 1px solid #fff;color: #fff;}
dd#smenu2 a:hover {background-color: #BFD662;}

dd#smenu3 a {background-color: #D26C1E; border-bottom: 1px solid #fff;color: #fff;}
dd#smenu3 a:hover {background-color: #E19E6B;}

dd#smenu4 a {background-color: #1E92D2; border-bottom: 1px solid #fff;color: #FFF;}
dd#smenu4 a:hover {background-color: #6BB7E1;}

dd#smenu5 a {background-color: #E786BB; border-bottom: 1px solid #fff;color: #F8EFF4;}
dd#smenu5 a:hover {background-color: #EFAFD2;}

dd#smenu6 a {background-color: #A85E4D; border-bottom: 1px solid #fff;color: #fff;}
dd#smenu6 a:hover {background-color: #C6958A;}

/*******************************************************************************************************
																Diapo GALERIE
*******************************************************************************************************/
#table_diapo {
width: 708px;
border-collapse: collapse;
margin: 0px auto 20px auto;
}
#table_diapo td {
background-color: #E1EFFC;
border: 1px solid #B5D7F8;
text-align: center;
vertical-align: middle;
padding: 10px;
width: 25%;
}
#table_diapo img {
border: 2px solid #005DAB;
}
#table_diapo a {
display: block;
}
.commentaire {
margin: auto;
display: block;
font-size: 10px;
font-style: italic;
text-align: center;
}
/*******************************************************************************************************
																Actu
*******************************************************************************************************/
#tableactu {

}
#tableactu td {
padding: 3px;
vertical-align: top;
}
#tableactu img {
margin: auto;
display: block;
}
span.datenews {
color: #488CC7;
font-size: 10px;
display: block;
padding: 5px 0px 5px 0px;
border-bottom: 1px dotted ;
border-top: 1px dotted ;
}
span.titrenews {
font-weight: bold;
font-size: 22px;
display: block;
margin: 0px 0px 10px 0px;
}