body {
margin: 0;
padding: 0;
background-color: #FFFFFF;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: small;
color: #000000;
}
a {
color: #000000;
}
form,
fieldset {
margin: 0;
padding: 0;
border: none;
}
legend,
caption {
display: none;
}
img {
border: none;
}
#header object,
#raccourcis,
#recherche,
#inscritnews,
#menu,
#liensUtiles,
#footer {
display: none;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- HEADER ---*/
#header {
padding-bottom: 10px;
}
#header h1 {
font-size: xx-large;
text-align: center;
color:  #1D5796;
height: 34px;
padding: 5px 100px 0px 100px;
margin:  0px 0px 0px 0px;
}
#header h1 a {
color:  #1D5796;
text-decoration: none;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- BLOC NOTE ---*/
#interBlocNote {
padding: 5px;
font-size: x-small;
border: 1px solid #CCCCCC;
}
body.bodyHistoire #blocNote,
body.bodyAccueilHistoire #blocNote {
display: none;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- FIL D'ARIANE ---*/
#filariane {
font-size: x-small;
width: 495px;
padding: 10px 10px 0px 10px;
height: 18px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- INTER ---*/
#inter {
line-height: 18px;
}
#inter h2,
#inter h2 a {
font-size: x-large;
margin: 7px 0px 15px 0px;
padding: 0;
color:  #1D5796;
font-weight: normal;
padding: 10px 15px 10px 0px;
line-height: 24px;
}
#inter h3,
#inter h3 a {
font-size: large;
margin: 7px 0px 7px 0px;
padding: 0;
color: #1C5791;
font-weight: normal;
line-height: 20px;
}
#inter h4,
#inter h4 a {
margin: 7px 0px 7px 0px;
padding: 0;
font-size: medium;
font-weight: normal;
color: #C91111;
}
#inter p {
margin: 10px 0px 10px 0px;
}
#inter ul {
margin: 10px 0px 10px 20px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- FICHE ASSOCIATION & EVENEMENT ---*/
#inter #assoGauche {
float: left;
width: 280px;
padding: 0px 0px 0px 10px;
}
#inter #assoGauche h4,
#inter #assoDroite h4,
#inter #assoFull h4 {
font-size: small;
font-weight: normal;
color: #C91111;
}
#inter #assoDroite {
float: right;
width: 185px;
padding: 0px 0px 0px 10px;
border-left: 1px solid #CCCCCC;
margin-left: 15px;
}
#inter #assoDroite #colDroite {
float: right;
width: 185px;
}
#inter #assoDroite #colDroite ul {
margin: 7px 0px 7px 10px;
}
#inter #assoDroite #colDroite ul li ul {
margin: 0px 0px 0px 5px;
}
#inter #assoFull {
width: 485px;
clear: both;
padding: 0px 0px 0px 10px;
}
div.exergueBleu, #inter #assoDroite div.exergueBleu, paveFondBleu  {
float: left;
width: 175px;
padding: 5px;
background-color: #E3E7F1;
margin: 0px 0px 10px 0px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*-- COMARQUAGE --*/

#comarquage p.navigationsup {
font-size: x-small;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*---  LISTE AGENDA  ---*/
#inter #formfindcalendar {
}
#inter #formfindcalendar #paratheme label {
width: 1px;
}
#inter #formfindcalendar .footer {
display: none;
}
#inter #formfindcalendar .submit {
float: left;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
#inter #formfindcalendar .submit input {
float: left;
margin: 0px 0px 0px 200px;
border: 1px solid #e74747;
background-color: #e74747;
}
/*-----------*/
#calendar {
width: 495px;
}
#calendar #oCalendar {
width: 495px;
float: left;
padding: 20px 0px 20px 0px;
margin-bottom: 15px;
border-top: 1px solid #e74747;
border-bottom: 1px solid #e74747;
}
#calendar #oCalendar #monthprev {
float: left;
width: 135px;
padding: 30px 10px 0px 0px;
text-align: right;
font-size: x-small;
}
#calendar #oCalendar #monthnext {
float: right;
width: 140px;
padding: 30px 0px 0px 10px;
font-size: x-small;
}
#calendar #oCalendar #monthprev a,
#calendar #oCalendar #monthnext a {
text-decoration: none;
}
#calendar #oCalendar table {
float: left;
width: 200px;
}
#calendar #oCalendar table th {
background-color: #e74747;
border: 1px solid #e74747;
}
#calendar #oCalendar table td {
border: 1px solid #e74747;
}
#calendar #oCalendar table td.days,
#calendar #oCalendar table td.week {
color: #e74747;
font-weight: bold;
}
#calendar #oCalendar table td.monthOff {
background-color: #f4cece;
color: #999999;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- FORMULAIRES DE DEMANDE DE DOCUMENTS ---*/
form.formGroup, .formulaireAvecLegendesApparentes, #inter form.formGroup {
}
#inter form.formGroup fieldset {
padding: 0px 0px 0px 0px;
}
#inter form.formGroup fieldset legend {
display: inline;
font-size: large;
margin: 7px 0px 7px -8px;
padding: 0px 0px 0px 0px;
color: #1C5791;
font-weight: normal;
line-height: 20px;
text-align: left;
}
#inter form div.vertical div {
padding: 0px 0px 0px 150px;
}
#inter form div.vertical div input {
margin-right: 5px;
}
#inter form div.vertical div label {
font-weight: normal;
width: 320px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- ACCUEIL ---*/
#edito #interEdito h2 {
text-align: right;
color:  #1D5796;
font-weight: normal;
margin: 0px 0px 0px 0px;
padding:  5px 0px 10px 0px;
}
/*---------------------------------------------------------------------------*/
#actus {
padding:  0px 15px 0px 0px;
}
#actus h2 {
color:  #1D5796;
font-weight: normal;
margin: 0px 0px 0px 0px;
padding:  15px 0px 10px 0px;
}
#actus p,
.actuLigne {
clear: both;
width: 100%;
}
.actuLigne {
margin-bottom: 20px;
}
#actus p img,
#inter .actuLigne img {
float: right;
}
#actus p strong a,
.actuLigne strong a {
color: #6699CC;
text-decoration: none;
}
#actus p strong a:hover,
.actuLigne strong a:hover {
text-decoration: underline;
}
#actus p.toutesactus {
font-size: x-small;
color: #006699;
clear: none;
}
#actus p.toutesactus a {
text-decoration: none;
color: #006699;
padding-right: 6px;
border-right: 1px solid #006699;
}
#actus p.filrss {
font-size: x-small;
float: left;
color: #006699;
clear: none;
width: 100px;
}
#actus p.filrss a {
text-decoration: none;
color: #006699;
}
/*-----------------------------------------------------------------------------------*/
#events {
padding:  0px 15px 0px 0px;
}
#events h2 {
color:  #1D5796;
font-weight: normal;
margin: 0px 0px 0px 0px;
padding:  15px 0px 10px 0px;
}
#events .eventline,
.eventline {
clear: both;
width: 100%;
}
.eventline {
margin-bottom: 20px;
}
#events .eventline img,
#inter .eventline img {
float: right;
}
#events .eventline strong a,
#inter .eventline strong a {
color: #C91111;
text-decoration: none;
}
#inter .eventline ul {
display: none;
}
/*----
padding-left: 0px;
margin-left: 0px;
font-size: x-small;
}
#inter .eventline ul ,
#inter .eventline ul li,
#inter .eventline ul li ul,
#inter .eventline ul li ul li {
display: inline;
}
#inter .eventline ul li {
padding: 0px 20px 0px 14px;
}
#inter .eventline ul li ul li {
padding: 0px 0px 0px 0px;
background-image: none;
}
----*/

#events p.toutevents {
font-size: x-small;
color: #C91111;
clear: none;
}
#events p.toutevents a {
text-decoration: none;
color: #C91111;
padding-right: 6px;
border-right: 1px solid #C91111;
}
#events p.filrss {
font-size: x-small;
color: #006699;
clear: none;
width: 100px;
}
#events p.filrss a {
text-decoration: none;
color: #C91111;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- TOTEM ---*/
#contentTotem {
padding: 5px;
border: 1px solid #CCCCCC;
}
#totem p {
margin: 5px 0px 5px 0px;
}
/*--- TEXTE ---*/
div.coul01, .rouge, .coul01 {
color: #C91111;
}
div.coul02, .bleu, .coul02 {
color: #006699;
}
div.coul03, .orange, .coul03 {
color: #F5B02C;
}
div.coul04, .vert, .coul04 {
color: #006633;
}
/*-- BORDURE D'IMAGES --*/
img.bord091 .bordureRouge {
border: 1px solid #C91111;
}
img.bord02, .bordureBleue {
border: 1px solid #006699;
}
img.bord03, .bordureOrange {
border: 1px solid #006699;
}
img.bord04, .bordureVerte {
border: 1px solid #006633;
}
img.bord05, .bordureNoire {
border: 1px solid #000000;
}
/*-- RESULTAT RECHERCHE --*/
table.result {
width: 100%;
margin: 15px 0px 10px 0px;
}
.result th {
vertical-align: top;
color: #597FBF;
padding: 5px;
text-align: left;
}
.result td {
vertical-align: top;
padding: 3px;
border: none;
 }
.result td.title {
text-align: left;
}
.result td.title a {
font-weight: bold;
color: #597FBF;
 }
.result td.date {
font-size: x-small;
 }
.result td.description {
border-bottom: 1px solid #597FBF;
padding-bottom: 10px;
 }
html div.prec {
float: left;
padding-left: 2px;
font-size: x-small;
}
html div.prec a {
display: block;
padding: 0px 0px 0px 15px;
color: #003333;
text-decoration: none;
}
html div.suiv {
float: right;
font-size: x-small;
}
html div.suiv a {
display: block;
padding: 0px 16px 0px 0px;
color: #003333;
text-decoration: none;
}
html div.prec a:hover {
text-decoration: underline;
color: #BC0606;
}
html div.suiv a:hover {
text-decoration: underline;
color: #BC0606;
}
/*-- TABLEAUX --*/
table {
border-collapse: collapse;
}
th,
td {
border: 1px solid #597FBF;
padding: 3px;
vertical-align: top;
}
th {
color: #597FBF;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- PLAN DU SITE ---*/
#plandusite {
padding-left: 50px;
}
#plandusite h3 a {
font-size: large;
margin: 7px 0px 7px 0px;
padding: 0;
color: #6699CC;
text-decoration: none;
}
#plandusite ul {
padding: 0px 0px 5px 20px;
border-bottom: 1px solid #6699CC;
margin: 7px 50px 7px 0px;
font-weight: bold;
}
#plandusite ul li ul {
padding: 0px 0px 0px 10px;
border-bottom: none;
margin: 0px 0px 0px 0px;
font-weight: normal;
}
#plandusite ul li a {
color: #333A4C;
text-decoration: none;
}
#plandusite ul li a:hover {
color: #333A4C;
text-decoration: underline;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*-- DIVERS CLASSES --*/
.invisible {
display: none;
}