body {
margin: 0;
padding: 0;
background-color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: small;
color: #626361;
}
a {
color: #626361;
}
form,
fieldset {
margin: 0;
padding: 0;
border: none;
}
legend,
caption {
display: none;
}
img {
border: none;
}
#header #raccourcis,
#bannierePub,
#dateMiseAjour,
#vivaNumerique,
#recherche,
#menu,
body #inter #comment,
#footer,
body.bodyAgenda #inter #formfindcalendar,
#vivAgenda,
#vivaLive,
#votreAvis,
#coupDeCoeur,
#partagez,
#right,
#contentNuageTags,
#defiliste {
display: none;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- HEADER ---*/
#header {
position: relative;
padding: 0px 0px 5px 0px;
margin: 0px 0px 5px 0px;
border-bottom: 1px solid #b5b1a6;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- INTER ---*/
#inter h2,
#inter h2 a {
font-size: x-large;
line-height: 24px;
color: #FFFFFF;
padding: 10px 0px 25px 0px;
margin: 0px 0px 0px 0px;
text-transform: uppercase;
}
#inter h3,
#inter h3 a {
font-size: large;
margin: 10px 0px 10px 0px;
padding: 0;
color: #626361;
line-height: 20px;
text-transform: uppercase;
font-weight: normal;
}
#inter h4,
#inter h4 a {
font-size: medium;
margin: 10px 0px 10px 0px;
padding: 0;
color: #00233c;
text-transform: uppercase;
font-weight: normal;
}
#inter p {
margin: 7px 0px 7px 0px;
}
#inter ul {
margin: 7px 0px 7px 20px;
}
#inter ul li {
padding-left: 8px;
}
#inter ul li ul {
margin: 0px 0px 0px 15px;
}
#inter ul li ul li {
padding-left: 8px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- ACCUEIL ---*/
body.bodyaccueil #inter {
padding: 0px 0px 0px 0px;
}
#colGauche {
float:left;
padding:18px 0px 0px 0px;
width:420px;
}
#defilactus {
width: 420px;
height: 360px;
overflow: hidden;
border-bottom: 1px solid #666666;
padding: 0px 0px 10px 0px;
margin: 0px 0px 15px 0px;
}
#defilcontener {
position: relative;
width: 420px;
height: 355px;
overflow: hidden;
}
#defilcontener a {
text-decoration: none;
}
p.descriptionactu {
display: block;
width: 420px;
}
p.descriptionactu {
font-size: 90%;
}
#defilblocs div a strong {
color: #006798;
font-size: x-large;
}
#defilblocs div a {
color: #333333;
}
#defilblocs div a img.imgactu {
margin-bottom: 5px;
}
/*****************************************************************/
#actuPlanAccueil {
float: left;
width: 420px;
}
#actuPlanAccueil .themeactu div {
float: left;
width: 420px;
padding: 0px 0px 15px 0px;
margin: 0px 0px 15px 0px;
border-bottom: 1px solid #CCCCCC;
}
#actuPlanAccueil .themeactu div a {
text-decoration: none;
}
#actuPlanAccueil .themeactu div strong {
font-family: "georgia";
}
#actuPlanAccueil .themeactu div a strong  {
color: #005c88;
line-height: 1.2;
}
#actuPlanAccueil .themeactu div a strong.lirelasuite  {
color: #0172a8;
font-weight: normal;
font-family: Arial, Helvetica, sans-serif;
padding: 0px 6px 0px 3px;
background-image: url(chevron_lire_la_suite.gif);
background-repeat: no-repeat;
background-position: center right;
}
#actuPlanAccueil .themeactu div a strong.actutitre1  {
font-size: medium;
}
#actuPlanAccueil .themeactu div a strong.actutitre2  {
font-size: large;
}
#actuPlanAccueil .themeactu div a strong.actutitre3  {
font-size: x-large;
}
#actuPlanAccueil .themeactu div a img.floatd {
float: right;
margin-left: 10px;
}
#actuPlanAccueil .themeactu div a img.floatg {
float: left;
margin-right: 10px;
}
#actuPlanAccueil .themeactu div a img.large {
clear: both;
margin-top: 5px;
width: 420px;
}
#colCentre {
float:right;
padding:18px 0px 0px 0px;
position: relative;
width: 194px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- AGENDA ---*/
body.bodyAgenda #inter h2 {
padding: 27px 0px 25px 0px;
margin: 0px 0px 0px 0px;
}
body.bodyAgenda #inter div.modejour,
body.bodyAgenda #inter div.modemois {
padding: 10px 0px 0px 0px;
}
body.bodyAgenda #inter div.modejour div.eventline,
body.bodyAgenda #inter div.modemois div.eventline {
margin: 0px 0px 10px 0px;
padding: 10px;
}
body.bodyAgenda #inter div.modejour div.eventline p strong,
body.bodyAgenda #inter div.modemois div.eventline p strong {
color: #000000;
text-decoration: none;
text-transform: uppercase;
}
body.bodyAgenda #inter div.modejour div.eventline ul,
body.bodyAgenda #inter div.modemois div.eventline ul {
font-size: x-small;
color: #000000;
margin-left: 0px;
}
body.bodyAgenda #inter div.modejour div.eventline ul li ,
body.bodyAgenda #inter div.modemois div.eventline ul li {
padding: 0px 10px 0px 10px;
display: block;
float: left;
min-width: 50px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- ACTUS ---*/
body #inter #article {
padding: 0px 0px 40px 0px;
}
body.bodyActuRouge #inter #article h2,
body.bodyActuBleu #inter #article h2,
body.bodyActuVertAnis #inter #article h2,
body.bodyActuViolet #inter #article h2,
body.bodyActuFuscia #inter #article h2,
body.bodyActuOrange #inter #article h2,
body.bodyActuVert #inter #article h2,
body.bodyActuBleuVert #inter #article h2,
body.bodyActuNoir #inter #article h2 {
padding: 10px 0px 25px 0px;
margin: 0px 0px 0px 0px;
font-weight: normal;
text-transform: uppercase;
}
body.bodyActuRouge #inter #article h2 {
color: #D2002D;
}
body.bodyActuBleu #inter #article h2 {
color: #00A0BD;
}
body.bodyActuVertAnis #inter #article h2 {
color: #BECD00;
}
body.bodyActuViolet #inter #article h2 {
color: #951377;
}
body.bodyActuFuscia #inter #article h2 {
color: #CD0091;
}
body.bodyActuOrange #inter #article h2 {
color: #FC952E;
}
body.bodyActuVert #inter #article h2 {
color: #538E2F;
}
body.bodyActuBleuVert #inter #article h2 {
color: #1F6179;
}
body.bodyActuNoir #inter #article h2 {
color: #000000;
}
body #inter div.boutonArticles a,
body #inter #article a.lienDiapo,
body #inter #article a.lienVideo,
body #inter #article a.lienSite,
body #inter #article a.lienSondage {
padding: 5px 0px 5px 0px;
margin: 0px 20px 10px 0px;
font-size: x-small;
}
body.bodyActuRouge #inter #article a.lienDiapo,
body.bodyActuRouge #inter #article a.lienVideo,
body.bodyActuRouge #inter #article a.lienSite,
body.bodyActuRouge #inter #article a.lienSondage,
body.bodyActuRouge #inter div.boutonArticles a {
color: #b0000a;
}

body.bodyActuBleu #inter #article a.lienDiapo,
body.bodyActuBleu #inter #article a.lienVideo,
body.bodyActuBleu #inter #article a.lienSite,
body.bodyActuBleu #inter #article a.lienSondage,
body.bodyActuBleu #inter div.boutonArticles a {
color: #00a0bd;
}

body.bodyActuVertAnis #inter #article a.lienDiapo,
body.bodyActuVertAnis #inter #article a.lienVideo,
body.bodyActuVertAnis #inter #article a.lienSite,
body.bodyActuVertAnis #inter #article a.lienSondage,
body.bodyActuVertAnis #inter div.boutonArticles a {
color: #becd00;
}

body.bodyActuViolet #inter #article a.lienDiapo,
body.bodyActuViolet #inter #article a.lienVideo,
body.bodyActuViolet #inter #article a.lienSite,
body.bodyActuViolet #inter #article a.lienSondage,
body.bodyActuViolet #inter div.boutonArticles a {
color: #951377;
}

body.bodyActuFuscia #inter #article a.lienDiapo,
body.bodyActuFuscia #inter #article a.lienVideo,
body.bodyActuFuscia #inter #article a.lienSite,
body.bodyActuFuscia #inter #article a.lienSondage,
body.bodyActuFuscia #inter div.boutonArticles a{
color: #cd0091;
}

body.bodyActuOrange #inter #article a.lienDiapo,
body.bodyActuOrange #inter #article a.lienVideo,
body.bodyActuOrange #inter #article a.lienSite,
body.bodyActuOrange #inter #article a.lienSondage,
body.bodyActuOrange #inter div.boutonArticles a {
color: #fc952e;
}

body.bodyActuVert #inter #article a.lienDiapo,
body.bodyActuVert #inter #article a.lienVideo,
body.bodyActuVert #inter #article a.lienSite,
body.bodyActuVert #inter #article a.lienSondage,
body.bodyActuVert #inter div.boutonArticles a {
color: #538e2f;
}

body.bodyActuBleuVert #inter #article a.lienDiapo,
body.bodyActuBleuVert #inter #article a.lienVideo,
body.bodyActuBleuVert #inter #article a.lienSite,
body.bodyActuBleuVert #inter #article a.lienSondage,
body.bodyActuBleuVert #inter div.boutonArticles a {
color: #1f6179;
}

body.bodyActuNoir #inter #article a.lienDiapo,
body.bodyActuNoir #inter #article a.lienVideo,
body.bodyActuNoir #inter #article a.lienSite,
body.bodyActuNoir #inter #article a.lienSondage,
body.bodyActuNoir #inter div.boutonArticles a {
color: #000000;
}
#themeactu {
padding: 10px;
border: 1px solid #b5b1a6;
}
#themeactu h3 {
font-size: medium;
font-weight: normal;
text-transform: uppercase;
margin: 0px 0px 0px 0px;
padding: 8px 0px 8px 0px;
text-transform: uppercase;
}
#themeactu div.themeactuglob div.themeactu p a {
text-decoration: none;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- PHOTOTHEQUE ---*/
body.coupCoeur #inter h2 {
color: #BECD00;
padding: 10px 0px 25px 0px;
margin: 0px 0px 0px 0px;
font-weight: normal;
}
body.coupCoeur #inter div.diaporama {
padding: 10px 10px 10px 10px;
margin: 0px 0px 15px 0px;
}
body.coupCoeur #inter div.diaporama .titreDiapo {
color: #000000;
font-family: "Times New Roman", Times, serif;
text-transform: uppercase;
}
body.coupCoeur #inter div.diaporama .dateDiapo {
font-family: "Times New Roman", Times, serif;
color: #b4a400;
}
body.coupCoeur #inter div.diaporama p.voirDiapo a {
color: #b4a400;
text-decoration: none;
background-color: #b4a400;
padding: 5px 5px 5px 10px;
}
body.coupCoeur #inter .contentDiapo {
border: 1px solid #f4f3f2;
padding: 15px;
}
body.coupCoeur #inter .contentDiapo table {
border: none;
width: 100%;
}
body.coupCoeur #inter table td {
border: none;
text-align: center;
vertical-align: middle;
}
/*-------------------------------------------------------------------------------------------------------------*/
/*--- INSCRIPTION NEWSLETTER ---*/
body.bodyInscritNews #inter h2 {
padding: 10px 0px 25px 0px;
margin: 0px 0px 0px 0px;background-image: url(fond_haut_violet.gif);
font-weight: normal;
}
body.bodyInscritNews #inter #inscritForm {
border: 1px solid #f4f3f2;
padding: 15px 0px 15px 120px;
margin: 15px 0px 15px 0px;
}
body.bodyInscritNews #inter #inscritForm h3 {
color: #943e89;
text-transform: none;
padding: 0px 0px 0px 15px;
margin: 0px 0px 0px 0px;
height: auto;
}
body.bodyInscritNews #inter #inscritForm form {
padding: 0px 0px 0px 50px;
margin:  0px 0px 0px 0px;
}
body.bodyInscritNews #inter #inscritForm form label {
width: 70px;
}
body.bodyInscritNews #inter #inscritForm form .entry input {
border: 1px solid #943e89;
background-color: #f4e0ef;
}
body.bodyInscritNews #inter #inscritForm form .footer {
text-align: right;
width: 185px;
}
body.bodyInscritNews #inter #inscritForm form .submit {
padding: 0px 0px 0px 0px;
margin:  0px 0px 0px -51px;
text-align: right;
width: 420px;
}
body.bodyInscritNews #inter #inscritForm form .submit input {
margin:  0px 0px 0px 139px;
border: 1px solid #943e89;
background-color: #943e89;
color: #FFFFFF;
}
body.bodyInscritNews #inter h3.inscritNews {
color: #FFFFFF;
padding: 5px 0px 5px 20px;
margin: 0px 0px 0px 0px;
background-image: url(fond_haut_violet.gif);
font-weight: normal;
}
body.bodyInscritNews #inter #telecharge01 {
float: left;
width: 300px;
text-align: right;
padding: 30px 0px 0px 0px;
}
body.bodyInscritNews #inter #telecharge01 a.download {
color: #FFFFFF;
float: right;
text-decoration: none;
background-color: #943e89;
display: block;
padding: 5px 5px 5px 10px;
width: 160px;
background-image: url(puce_triangle_blanc_sur_violet.gif);
background-repeat: no-repeat;
background-position: left center;
}
body.bodyInscritNews #inter #telecharge02 {
float: left;
padding: 30px 0px 0px 10px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- VITE LU ---*/
#viteLu {
margin: 11px 0px 0px 0px;
padding: 5px 0px 15px 0px;
}
#contentViteLu h3 {
color: #f47516;
font-weight: normal;
font-size: large;
margin: 0px 0px 0px 0px;
padding:  0px 0px 8px 0px;
}
#viteLu p {
margin: 7px 0px 20px 7px;
padding:  0px 0px 0px 0px;
}
div.titre, .titreArticleViteLu, #viteLu p.titre  {
color: #f47516;
font-family: "Times New Roman", Times, serif;
text-decoration: none;
font-weight: bold;
margin: 7px 0px 0px 7px;
}
#dossiers {
position: relative;
margin: 11px 0px 0px 0px;
padding: 5px 0px 15px 0px;
}
#leMag {
position: relative;
margin: 11px 0px 0px 0px;
padding: 5px 0px 15px 0px;
}
/*--- TEXTE ---*/
div.coul01, .orange, .coul01 {
color: #FC952E;
}
div.coul02, .rouge, .coul02 {
color: #D2002D;
}
div.coul03, .fuscia, .coul03 {
color: #CD0091;
}
div.coul04, .violet, .coul04 {
color: #951377;
}
div.coul05, .bleu, .coul05 {
color: #00A0BD;
}
div.coul06, .bleuVert, .coul06 {
color: #1F6179;
}
div.coul07, .vert, .coul07 {
color: #538E2F;
}
div.coul08, .vertAnis, .coul08 {
color: #BECD00;
}
div.coul09, .gris, .coul09 {
color: #999999;
}
div.coul10, .noir, .coul10 {
color: #000000;
}
div.coul11, .blanc, .coul11 {
color: #FFFFFF;
}
div.coul12, .rouge2, .coul12 {
color: #AF111D;
}
div.coul13, .vert2, .coul13 {
color: #b4a400;
}
div.coul14, .bleu2, .coul14 {
color: #0072a8;
}
/*-- BORDURE D'IMAGES --*/
img.bord01 .bordureOrange {
border: 1px solid #FC952E;
}
img.bord02 .bordureRouge {
border: 1px solid #D2002D;
}
img.bord03 .bordureFuscia {
border: 1px solid #CD0091;
}
img.bord04 .bordureViolette {
border: 1px solid #951377;
}
img.bord05 .bordureBleue {
border: 1px solid #00A0BD;
}
img.bord06 .bordureBleueVerte {
border: 1px solid #1F6179;
}
img.bord07 .bordureVerte {
border: 1px solid #538E2F;
}
img.bord08 .bordureVerteAnis {
border: 1px solid #BECD00;
}
img.bord09 .bordureGrise {
border: 1px solid #999999;
}
img.bord10 .bordureNoire {
border: 1px solid #000000;
}
img.bord13, .bordureMoutarde {
color: #b4a400;
}
img.bord14, .bordureBleue2 {
color: #0072a8;
}
/*-- RESULTAT RECHERCHE --*/
table.result {
width: 100%;
margin: 15px 0px 10px 0px;
}
.result th {
vertical-align: top;
color: #898989;
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 #898989;
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 #898989;
padding: 3px;
vertical-align: top;
}
th {
color: #898989;
}

body.bodyActuRouge th,
body.bodyActuRouge td {
border: 1px solid #D2002D;
}
body.bodyActuRouge th {
color: #D2002D;
}

body.bodyActuBleu th,
body.bodyActuBleu td {
border: 1px solid #00A0BD;
}
body.bodyActuBleu th{
color: #00A0BD;
}

body.bodyActuVertAnis th,
body.bodyActuVertAnis td {
border: 1px solid #BECD00;
}
body.bodyActuVertAnis th {
color: #BECD00;
}

body.bodyActuViolet th,
body.bodyActuViolet td {
border: 1px solid #951377;
}
body.bodyActuViolet th {
color: #951377;
}

body.bodyActuFuscia th,
body.bodyActuFuscia td {
border: 1px solid #CD0091;
}
body.bodyActuFuscia th {
color: #CD0091;
}

body.bodyActuOrange th,
body.bodyActuOrange td {
border: 1px solid #FC952E;
}
body.bodyActuOrange th {
color: #FC952E;
}

body.bodyActuVert th,
body.bodyActuVert td {
border: 1px solid #538E2F;
}
body.bodyActuVert th{
color: #538E2F;
}

body.bodyActuBleuVert th,
body.bodyActuBleuVert td {
border: 1px solid #1F6179;
}
body.bodyActuBleuVert th {
color: #1F6179;
}

body.bodyActuNoir th,
body.bodyActuNoir td {
border: 1px solid #000000;
}
body.bodyActuNoir th {
color: #000000;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*-- DIVERS CLASSES --*/
.invisible,
#header #raccourcis li.racnavig,
#header #raccourcis li.raccontenu,
#header #raccourcis li.racrecherche,
#header #raccourcis li.racplan,
#recherche label {
position: absolute;
left: -5000px;
}
/*---------------------------------------------------------------------------------------------------------------*/
/*POP UP*/
/*--------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------*/
/*--- HEADER ---*/
body.bodypopup #headerpopup {
padding: 10px 0px 0px 10px;
border-bottom: 1px solid #b5b1a6;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- H1 TITRE + LOGO ---*/
body.bodypopup #headerpopup h1 {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
body.bodypopup #interpopup {
padding: 10px 10px 10px 10px;
line-height: 18px;
}
body.bodypopup #interpopup h2,
body.bodypopup #interpopup h2 a {
font-size: x-large;
line-height: 24px;
padding: 27px 50px 25px 20px;
margin: 0px 0px 0px 0px;
}
body.bodypopup #interpopup h3,
body.bodypopup #interpopup h3 a {
font-size: large;
margin: 10px 0px 10px 0px;
padding: 0;
color: #626361;
line-height: 20px;
text-transform: uppercase;
font-weight: normal;
}
body.bodypopup #interpopup h4,
body.bodypopup #interpopup h4 a {
font-size: medium;
margin: 10px 0px 10px 0px;
padding: 0;
color: #00233c;
text-transform: uppercase;
font-weight: normal;
}
body.bodypopup #interpopup p {
margin: 7px 0px 7px 0px;
}
body.bodypopup #interpopup ul {
margin: 7px 0px 7px 20px;
}
body.bodypopup #interpopup ul li {
padding-left: 8px;
}
body.bodypopup #interpopup ul li ul {
margin: 0px 0px 0px 15px;
}
body.bodypopup #interpopup ul li ul li {
padding-left: 8px;
}