body {
margin: 0;
padding: 0;
background-color: #FFFFFF;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: small;
color: #000000;
line-height: 18px;
}
a {
color: #000000;
}
form,
fieldset {
margin: 0;
padding: 0;
border: none;
}
legend,
caption {
display: none;
}
img {
border: none;
}
#recherche,
#raccourcis,
#menu,
 #zoneAnim,
#inscritnews,
#espacePresse,
#zoneContact,
#footer,
body.bodyAccueil #inter #droite #actus p.toutesactus,
body.bodyAccueil #inter #droite #actus p.filrss,
body.bodyAccueil #inter #jeu {
display: none;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- HEADER ---*/
#header,
#headerPopup {
position: relative;
float: left;
width: 100%;
clear: both;
padding: 0px 20px 10px 20px;
padding: 0px 0px 10px 0px;
border-bottom: 1px solid #A30109;
}
#header img.logo,
#headerPopup img.logo {
float: left;
margin-top: 11px;
}
#header h1,
#headerPopup h1 {
clear: both;
line-height: 30px;
text-align: center;
color: #A30109;
font-size: xx-large;
font-weight: normal;
}
#header #logos,
#headerPopup #logos {
float: right;
width: 100px;
text-align: center;
}
#header #logos img,
#headerPopup #logos img {
margin-top: 16px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- FIL D'ARIANE ---*/
#filariane {
clear: both;
font-size: x-small;
padding: 0px 20px 0px 10px;
height: 18px;
color: #333333;
}
#filariane a {
color: #333333;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- INTER ---*/
#inter,
#interPopup {
clear: both;
padding: 5px 10px 10px 10px;
}
#inter h2,
#inter h2 a,
#interPopup h2,
#interPopup h2 a {
font-size: x-large;
margin: 7px 0px 15px 0px;
padding: 0;
line-height: 24px;
font-weight: normal;
}
body.bodyCrje #inter h2,
body.bodyCrje #inter h2 a {
color: #14658D;
}
body.bodyGrandPublic #inter h2,
body.bodyGrandPublic #inter h2 a {
color: #4E6606;
}
body.bodyProfessionnels #inter h2,
body.bodyProfessionnels #inter h2 a {
color: #DF5900;
}
body.bodyAutresAddictions #inter h2,
body.bodyAutresAddictions #inter h2 a {
color: #756110;
}
body.bodyNosPartenaires #inter h2,
body.bodyNosPartenaires #inter h2 a {
color: #640894;
}
body.bodyLiensUtiles #inter h2,
body.bodyLiensUtiles #inter h2 a {
color: #CC0000;
}
body.bodygenerique #inter h2,
body.bodygenerique #inter h2 a,
body.bodyPopup #interPopup h2,
body.bodyPopup #interPopup h2 a {
color: #A30109;
}
#inter h3,
#inter h3 a,
#interPopup h3,
#interPopup h3 a {
font-size: large;
margin: 12px 0px 12px 0px;
padding: 0;
color: #3F5464;
line-height: 20px;
}
#inter h4,
#inter h4 a,
#interPopup h4,
#interPopup h4 a {
font-size: medium;
margin: 12px 0px 12px 0px;
padding: 0;
color: #414004;
}
#inter p,
#interPopup p {
margin: 10px 0px 10px 0px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------*/
/*--- PAGE D'ACCUEIL  ---*/
body.bodyAccueil #inter #droite #contentEdito,
body.bodyAccueil #inter #droite #contentActus {
padding: 15px 0px 0px 0px;
}
body.bodyAccueil #inter #droite #edito,
body.bodyAccueil #inter #droite #actus {
clear: both;
}
body.bodyAccueil #inter #droite #edito h2{
color: #516A7A;
font-size: large;
margin: 0px 0px 0px 0px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- ACTUALITES ---*/
body.bodyAccueil #inter #droite #actus h2 {
color: #516A7A;
font-size: large;
}
.actuLigne {
margin-bottom: 20px;
}
body.bodyAccueil #inter #droite #actus p img,
#inter .actuLigne img {
float: right;
}
body.bodyAccueil #inter #droite #actus p strong a,
.actuLigne strong a {
color: #CC0000;
text-decoration: none;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- TOTEM ---*/
#totem {
cleat: both;
padding: 10px;
margin-top: 10px;
font-size: x-small;
border-top: 1px solid #333333;
}
#totem p {
margin: 5px 0px 5px 0px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- TEXTE ---*/
div.coul01, .rouge, .coul01 {
color: #CC0000;
}
div.coul02, .bleu, .coul02 {
color: #65D1F8;
}
div.coul03, .violet, .coul03 {
color: #9966CC;
}
div.coul04, .jaune, .coul04 {
color: #FCC837;
}
div.coul05, .vert, .coul05 {
color: #4FB351;
}
div.coul06, .gris, .coul06 {
color: #CCCCCC;
}
/*-- BORDURE D'IMAGES --*/
img.bord091 .bordureRouge {
border: 1px solid #CC0000;
}
img.bord02, .bordureBleue {
border: 1px solid #65D1F8;
}
img.bord03, .bordureViolete {
border: 1px solid #9966CC;
}
img.bord04, .bordureJaune {
border: 1px solid #FCC837;
}
img.bord05, .bordureVerte {
border: 1px solid #4FB351;
}
img.bord06, .bordureGrise {
border: 1px solid #CCCCCC;
}
/*-- RESULTAT RECHERCHE --*/
table.result {
width: 100%;
margin: 15px 0px 10px 0px;
}
.result th {
vertical-align: top;
color: #3F5464;
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: ##3F5464;
 }
.result td.date {
font-size: x-small;
 }
.result td.description {
border-bottom: 1px solid #3F5464;
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: ##3F5464;
text-decoration: none;
}
html div.suiv {
float: right;
font-size: x-small;
}
html div.suiv a {
display: block;
padding: 0px 16px 0px 0px;
color: #3F5464;
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 #3F5464;
padding: 3px;
vertical-align: top;
}
th {
color: #3F5464;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- PLAN DU SITE ---*/
#plandusite {
padding-left: 50px;
}
#plandusite h3 a {
font-size: large;
margin: 7px 0px 7px 0px;
padding: 0;
color: #3F5464;
text-decoration: none;
}
#plandusite ul {
padding: 0px 0px 5px 20px;
border-bottom: 1px solid #3F5464;
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: #3F5464;
text-decoration: none;
}
#plandusite ul li a:hover {
color: #333A4C;
text-decoration: underline;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*-- DIVERS CLASSES --*/
.invisible {
display: none;
}
.clearBoth {
clear: both;
}