body {
margin: 0;
padding: 0;
background-color: #FFFFFF;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: small;
color: #000;
background-image:url(images/fond.jpg);
background-repeat:no-repeat;
background-position:top center;
}
a {
color: #333333;
}
h1 {
display:none;
}
form,
fieldset {
margin: 0;
padding: 0;
border: none;
}
legend,
caption {
display: none;
}
ul,
ul li {
margin: 0;
padding: 0;
list-style: none;
}
img {
border: none;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- CENTRAGE ---*/
#centrage {
width: 1018px;
margin:0 auto;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- TOTAL ---*/
#total {
float:left;
width:1018px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- HEADER ---*/
#header {
position: relative;
width: 980px;
height: 249px;
padding: 0px 18px 0px 20px;
background:url(images/back_header.jpg) no-repeat 0 0;
}
#logo {
float:left;
width:260px;
margin:70px 0 0 25px;
}
#flash {
float:right;
width:675px;
height:199px;
margin-top:50px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- RECHERCHE ---*/
#recherche {
position: absolute;
top: 190px;
left: 771px;
font-size: x-small;
}
#recherche input.saisie {
font-size: x-small;
color: #6699CC;
/*border: 1px solid #303647;*/
vertical-align: middle;
width: 146px;
}
#recherche input.bouton {
vertical-align: middle;
margin-left: 3px;
}
#recherche label {
padding-left: 15px;
line-height: 15px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- INSCRIPTION NEWSLETTER ---*/
#inscritnews {
position: absolute;
width: 175px;
top: 258px;
left: 771px;
font-size: x-small;
line-height: 12px;
}
#inscritnews strong {
display: none;
}
#inscritnews input.saisie {
font-size: x-small;
color: #6699CC;
/*border: 1px solid #303647;*/
vertical-align: middle;
width: 146px;
}
#inscritnews input.bouton {
vertical-align: middle;
margin-left: 3px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- CONTENT ---*/
#content {
float: left;
background:url(images/back-inter.png) repeat-y 0 0;
width: 980px;
padding:0 18px 0 20px;
}
/*--------------------------------------------------------------------------------------------------------------*/

/*--- MENU ---*/
#menu {
float:left;
width:236px;
margin:0;
}
#menu ul li {
/*display: inline;*/
position: relative;
float: left;
list-style: none;
}
#menu ul li a {
display: block;
height: 27px;
width: 206px;
text-align:right;
padding:10px 30px 0 0;
font-size:1.2em;
text-decoration:none;
font-family: Georgia, Trebuchet MS, Arial, Helvetica, sans-serif;
background:url(images/back-menu-li.gif) no-repeat 0 0;
}
#menu ul li a:hover {
background:url(images/back-menu-li.gif) no-repeat 0 -37px;
}
#menu ul li.lien00 a {
color:#7ddf01;
border-bottom:#7ddf01 1px dashed;
}
#menu ul li.lien01 a {
color:#1b76ff;
border-bottom:#1b76ff 1px dashed;
}
#menu ul li.lien02 a {
color:#03ddd5;
border-bottom:#03ddd5 1px dashed;
}
#menu ul li.lien03 a {
color:#ffcb17;
border-bottom:#ffcb17 1px dashed;
}
#menu ul li.lien04 a {
color:#ffa200;
border-bottom:#ffa200 1px dashed;
}
#menu ul li.lien05 a {
color:#ff010f;
border-bottom:#ff010f 1px dashed;
}
#menu ul li.lien06 a {
color:#ff2189;
border-bottom:#ff2189 1px dashed;
}
#menu ul li.lien07 a {
color:#b60192;
border-bottom:#b60192 1px dashed;
}
#menu ul li.lien08 a {
color:#aa4d00;
border-bottom:#aa4d00 1px dashed;
}

#menu ul li a span {
/*position: absolute;
top: -5000px;
left: -5000px;*/
}
#menu ul li ul {
display: none;
}
#menu ul li ul  {
position:absolute;
top:0px;
left:240px;
width:150px;
z-index: 100;
padding: 0px 0px 0px 0px;
}
#menu ul li ul li {
}
#menu ul li ul li a {
background:none;
display: block;
height: 17px;
font-size: x-small;
text-decoration: none;
text-align:left;
background:url(images/back-sousmenu-li.gif) no-repeat 0 0;
padding:5px 0 0 10px;
width:140px;
margin:0px;
}
#menu ul li ul li a:hover {
background:url(images/back-sousmenu-li.gif) no-repeat 0 -22px;
}
#menu ul li.lien01 ul li a {
color:#1b76ff;
border-bottom:#1b76ff 1px dashed;
}


#menu ul.logos {
width:200px;
text-align:center;
margin:20px 20px 0 20px;
}
#menu ul.logos li {

}
#menu ul.logos li a {
background:none;
display: block;
margin:10px 5px 0 5px;
float:left;
width:57px;
height:56px;
padding:0;
text-align:center;
}
#menu ul.logos li a:hover {
background:none;
}

.phototheque, .marches {
width:236px;
margin:20px 0 0 0;
}

/*--------------------------------------------------------------------------------------------------------------*/


/*--- FIL D'ARIANE ---*/
body.bodyAccueil #filariane {
/*display:none;*/
}
#filariane {
float: right;
background:url(images/back-content.gif) no-repeat 4px 0;
width: 744px;
height: 50px;
font-size: x-small;
color: #000;
padding:68px 0 0 0;
text-align:right;
}
#filariane a {
color: #000;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- INTER ---*/
#inter {
float: left;
width: 659px;
padding:0 32px 0px 53px;
}
#inter h2,
#inter h2 a {
padding:0 0 0 32px;
font-size:medium;
margin:0;
}

body.bodyAccueil #inter h2,
body.bodyAccueil #inter h2 a,
body.bodygenerique #inter h2 {
background:url(images/picto-h2-bleu.gif) no-repeat 0 6px;
color: #1b76ff;
}

body.bodyBleu #inter h2,
body.bodyBleu #inter h2 a,
.h2bleu {
background:url(images/picto-h2-bleu.gif) no-repeat 0 6px;
color: #1b76ff;
}

body.bodyTurquoise #inter h2,
body.bodyTurquoise #inter h2 a,
.h2turquoise {
background:url(images/picto-h2-turquoise.gif) no-repeat 0 6px;
color: #03ddd5;
}

body.bodyJaune #inter h2,
body.bodyJaune #inter h2 a,
.h2jaune {
background:url(images/picto-h2-jaune.gif) no-repeat 0 6px;
color: #ffcb17;
}

body.bodyOrange #inter h2,
body.bodyOrange #inter h2 a,
.h2orange {
background:url(images/picto-h2-orange.gif) no-repeat 0 6px;
color: #ffa200;
}

body.bodyRouge #inter h2,
body.bodyRouge #inter h2 a,
.h2rouge {
background:url(images/picto-h2-rouge.gif) no-repeat 0 6px;
color: #ff010f;
}

body.bodyRose #inter h2,
body.bodyRose #inter h2 a,
.h2rose {
background:url(images/picto-h2-rose.gif) no-repeat 0 6px;
color: #ff2189;
}

body.bodyViolet #inter h2,
body.bodyViolet #inter h2 a,
body.bodyAccueil #inter .h2violet {
background:url(images/picto-h2-violet.gif) no-repeat 0 6px;
color: #b60192;
}

body.bodyMarron #inter h2,
body.bodyMarron #inter h2 a,
.h2marron {
background:url(images/picto-h2-rouge.gif) no-repeat 0 6px;
color: #aa4d00;
}

#edito {
float:left;
width:325px;
padding-right:20px;
text-align:justify;
}


body.bodyBleu #inter h3,
body.bodyBleu #inter h3 a {
color: #1b76ff;
}

body.bodyTurquoise #inter h3,
body.bodyTurquoise #inter h3 a {
color: #03ddd5;
}

body.bodyJaune #inter h3,
body.bodyJaune #inter h3 a {
color: #ffcb17;
}

body.bodyOrange #inter h3,
body.bodyOrange #inter h3 a {
color: #ffa200;
}

body.bodyRouge #inter h3,
body.bodyRouge #inter h3 a {
color: #ff010f;
}

body.bodyRose #inter h3,
body.bodyRose #inter h3 a {
color: #ff2189;
}

body.bodyViolet #inter h3,
body.bodyViolet #inter h3 a {
color: #b60192;
}

body.bodyMarron #inter h3,
body.bodyMarron #inter h3 a {
color: #aa4d00;
}

#inter h3,
#inter h3 a {
font-size: small;
padding:0;
margin:20px 0 0 0;
}
#inter h4,
#inter h4 a {
font-size: small;
margin:0;
padding:0;
}
#inter p {
margin: 7px 0px 7px 0px;
text-align:justify;
}
#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;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------*/
/*---  LIENS UTILES  ---*/
#interLiensUtiles {
float: left;
width: 540px;
padding: 0px 0px 2px 0px;
margin: 25px 0px 0px 0px;
line-height: 18px;
}
#interLiensUtiles p.titre {
margin: 0px 0px 0px 0px;
padding: 7px 0px 0px 0px;
display: block;
float: left;
width: 100px;
}
#interLiensUtiles #contentLiensUtiles {
float: left;
color: #666666;
width: 430px;
padding: 0px 0px 0px 10px;
background-image: url(fond_liens_utiles.gif);
background-repeat: repeat-y;
}
#interLiensUtiles #contentLiensUtiles p,
#interLiensUtiles #contentLiensUtiles ul {
margin: 7px 0px 7px 0px;
width: 430px;
}
#interLiensUtiles #contentLiensUtiles ul li {
margin: 0px 0px 0px 0px;
padding: 2px 0px 4px 0px;
width: 430px;
color: #666666;
background-image: url(point_bas.gif);
background-repeat: repeat-x;
background-position: left bottom;
}
#interLiensUtiles #contentLiensUtiles ul li a {
display: block;
height: auto;
width: 430px;
color: #666666;
text-decoration: none;
}
body.bodyBleu #interLiensUtiles #contentLiensUtiles ul li a:hover {
color: #1b76ff;
}
body.bodyTurquoise #interLiensUtiles #contentLiensUtiles ul li a:hover {
color: #03ddd5;
}
body.bodyJaune #interLiensUtiles #contentLiensUtiles ul li a:hover {
color: #ffcb17;
}
body.bodyOrange #interLiensUtiles #contentLiensUtiles ul li a:hover {
color: #ffa200;
}
body.bodyRouge #interLiensUtiles #contentLiensUtiles ul li a:hover {
color: #ff010f;
}
body.bodyRose #interLiensUtiles #contentLiensUtiles ul li a:hover {
color: #ff2189;
}
body.bodyViolet #interLiensUtiles #contentLiensUtiles ul li a:hover {
color: #b60192;
}
body.bodyMarron #interLiensUtiles #contentLiensUtiles ul li a:hover {
color: #aa4d00;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- RIGHT ---*/
body.bodyAccueil #right {
display:none;
}
#right {
display:none;
float: right;
width: 170px;
padding: 0px 10px 10px 10px;
border-top: 1px solid #2F3546;
}
#right ul {
margin: 7px 0px 7px 5px;
}
#right ul li {
padding-left: 8px;
}
#right ul li ul {
margin: 0px 0px 0px 5px;
}
#right ul li ul li {
padding-left: 8px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- TOTEM ---*/
#totem {
display:none;
margin: 10px 0px 10px 0px;
padding: 5px 5px 5px 5px;
font-size: x-small;
}
#totem p {
margin: 5px 0px 5px 0px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- COORDONNEES ---*/
#coordonnees {
margin: 10px 0px 10px 0px;
padding: 5px 10px 5px 10px;
font-size: x-small;
}
#coordonnees p {
margin: 5px 0px 5px 0px;
}

/*--------------------------------------------------------------------------------------------------------------*/
/*--- FOOTER ---*/
#footer {
float: left;
width: 1018px;
height:100px;
font-size: x-small;
background:url(images/back-footer.png) no-repeat 0 0;
}
body.bodyAccueil #footer,
body.bodygenerique #footer {
}
#footer a {
text-decoration: none;
color:#a8aaa8;
}
body.bodyAccueil #footer ul,
body.bodygenerique #footer ul {
text-align:center;
}
#footer ul {
clear: both;
text-align:center;
width: 1018px;
padding: 30px 0px 0px 0px;
}
#footer ul li {
display: inline;
}
/*-- HAUT DE LA PAGE --*/
body.bodyAccueil #hautpage {
display: none;
}
#hautpage {
float: left;
padding-left: 215px;
}
body.bodygenerique #hautpage {
float: left;
padding-left: 15px;
}
#hautpage a {
display: block;
width: 71px;
height: 18px;
padding: 2px 0px 0px 19px;
color: #FFFFFF;
}
/*-- IMPRIMER LA PAGE --*/
body.bodyAccueil #imprimpage {
display: none;
}
#imprimpage {
float: left;
padding-left: 10px;
}
#imprimpage a {
display: block;
width: 81px;
height: 18px;
padding: 2px 0px 0px 19px;
color: #FFFFFF;
}
/*--- TEXTE ---*/
div.coul01, .rouge, .coul01 {
color: #CC0000;
}
div.coul02, .bleu, .coul02 {
color: #0099CC;
}
div.coul03, .violet, .coul03 {
color: #9966CC;
}
div.coul04, .orange, .coul04 {
color: #FF9900;
}
div.coul05, .vert, .coul05 {
color: #669900;
}
/*-- BORDURE D'IMAGES --*/
img.bord091 .bordureRouge {
border: 1px solid #CC0000;
}
img.bord02, .bordureBleue {
border: 1px solid #0099CC;
}
img.bord03, .bordureViolete {
border: 1px solid #9966CC;
}
img.bord04, .bordureOrange {
border: 1px solid #FF9900;
}
img.bord05, .bordureVerte {
border: 1px solid #669900;
}
/*-- RESULTAT RECHERCHE --*/
table.result {
width: 100%;
margin: 15px 0px 10px 0px;
}
.result th {
background-color: #597FBF;
vertical-align: top;
color: #FFFFFF;
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: small;
}
html div.prec a {
display: block;
padding: 0px 0px 0px 15px;
color: red;
text-decoration: none;
}
html div.suiv {
float: right;
font-size: small;
}
html div.suiv a {
display: block;
padding: 0px 16px 0px 0px;
color: red;
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 {
background-color: #597FBF;
color: #FFFFFF;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- 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;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- ACTUALITES ---*/
#actus {
float:right;
width:292px;
border:1px dashed #7ddf01;
background-color:#f7f7f7;
padding:10px 10px 0 10px;
}
body.bodyAccueil #actus h2 {
background:url(images/picto-h2-vert.gif) no-repeat 0 6px;
color: #7ddf01;
}
#actus p,
.actuLigne {
float: left;
clear: both;
width: 100%;
font-size:x-small;
}
.actuLigne {
margin-bottom: 20px;
}
#actus p img,
#inter .actuLigne img {
float: right;
border-right: 8px solid #BC0606;
}
#actus p strong a,
.actuLigne strong a {
color: red;
text-decoration: underline;
}
#actus p strong a:hover,
.actuLigne strong a:hover {
text-decoration: underline overline;
}
#actus p.toutesactus {
font-size: x-small;
font-weight: bold;
padding-left: 5px;
}
#actus p.toutesactus a {
text-decoration: none;
color: #BC0606;
padding-left: 8px;
}
#actus p.toutesactus a:hover {
text-decoration: underline;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*-- DIVERS CLASSES --*/
.invisible, #raccourcis {
display: none;
}