body {
margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 0px;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: small;
color: #333333;
background: #F9F8F6 url(bg_body.gif) no-repeat top center;
}
body.accueil{
background: url(bg_body_accueil.jpg) no-repeat top center;
}
a {
color: #333333;
}
h1 {
position: absolute;
top: -5000px;
left: -5000px;
}
form,
fieldset {
margin: 0;
padding: 0;
border: none;
}
legend,
caption{
margin: 10px;
}
ul,
ul li {
margin: 0;
padding: 0;
list-style: none;
}
img {
border: none;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- ACCUEIL ---*/
#inter .h2Actus,
#inter .h2Mediatheque{
text-transform: uppercase;
font-size: large;
margin-left: 20px;
padding-left: 10px;
float: left;
display: inline;
}
#inter .h2Actus{
color: #99B700;
border-left: #99B700 7px solid;
}
#inter .h2Mediatheque{
color: #5A4790;
border-left: #5A4790 7px solid;
}
#inter #agregations{
float: left;
width: 465px;
margin-bottom: 20px;
}
#inter #agregations ul li {
float: left;
padding-left: 5px
}
.touteActu{
float: right;
margin-right: 45px;
display: inline;
}
.touteActu a{
display: block;
text-decoration: none;
background: #999999;
color: #FFFFFF;
height: 16px;
line-height: 16px;
padding: 2px 5px;
}
.touteActu a:hover{
background: #CCCCCC;
color: #333333;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- CENTRAGE ---*/
#centrage {
width:980px;
margin:auto;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- TOTAL ---*/
#total {
width:980px;
position:relative;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- HEADER ---*/
#header {
height: 245px;
}
body.accueil #header{
height: 272px;
}
body.accueil #logo{
position: absolute;
top: 80px;
left: 50px;
}
#logo{
position: absolute;
top: 80px;
left: 70px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- RACCOURCIS---*/
#raccourcis {
position: absolute;
top: 5px ;
right: 270px;
}
#raccourcis ul li{
float: left;
margin: 0px 5px 0px 0px;
padding: 0px 0px 0px 20px;
display: inline;
}
#raccourcis ul li a{
text-decoration: none;
font-size: 0.8em;
}
#raccourcis ul li a:hover{
text-decoration: underline;
font-size: 0.8em;
}
#raccourcis ul li.racaide{
background: url(bg_planSite.gif) no-repeat 0px 1px;
}
#raccourcis ul li.racplan{
background: url(bg_aideNavig.gif) no-repeat 0px 1px;
}
#raccourcis ul li.raccontact{
background: url(bg_contact.gif) no-repeat 0px 1px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- NAVIG_DIRECT---*/
#navigDirect {
left: -5000px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- RECHERCHE ---*/
#recherche {
width:200px;
font-size: x-small;
background:url(bg_recherche.gif) no-repeat center center;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 30px;
position: absolute;
top: 20px;
right:0px;
height:60px;
}
#recherche input.saisie {
font-size: x-small;
color: #999;
border: 1px solid #000;
vertical-align: middle;
width: 135px;
margin:5px 5px 0px 0px;
padding:0px 0px 0px 0px;
background: transparent;
height: 20px;
border: none;
font-size: xx-small;
}
#recherche input.bouton {
vertical-align: top;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
background: transparent;
height: 30px;
width: 30px;
border: none;
}
#recherche label {
color:#000;
font-size:x-small;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
display: none
}
#recherche legend{
color:#000;
font-size:x-small;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
display: none;
}
#recherche a.recherche_avancee{
color: #FFFFFF;
text-decoration: none;
padding: 0px 0px 0px 90px
}
#recherche a.recherche_avancee:hover{
text-decoration: underline;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- MENU ---*/
/*---  D�finit dans menuStyles.css  ---*/
/*--------------------------------------------------------------------------------------------------------------*/
/*--- CONTENT ---*/
#content {
width: 980px;
float: left; 
background: url(bg_content.png) repeat-y top left;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- FIL D'ARIANE ---*/
#filariane {
font-size: 0.85em;
margin: 0px 0px 20px 0px;
padding: 10px 0px 0px 20px;
float: left;
width: 470px;
display: inline;
}
body.accueil #filariane {
display: none;
}
#filariane a {
}

/*--------------------------------------------------------------------------------------------------------------*/
/*--- INTER ---*/

#inter {
width:490px;
float:left;
margin: 0px 0px 0px 20px;
display: inline;
}
body.accueil #inter{
width:475px;
float:left;
margin: 0px 0px 0px 20px;
padding-top: 30px;
display: inline;
}
#inter p {
margin: 0px 0px 0px 0px;
padding:  8px 0px 8px 0px;
}
#inter ul {
margin: 5px 0px 10px 10px;
padding: 0;
list-style: none;
}
#inter ul li {
padding-left:12px;
background-repeat: no-repeat;
background-position: left 8px;
}
#interPostIt ul{
padding: 10px 0px 0px 0px;
}
#interPostIt ul li{
padding: 0px 0px 0px 12px;
background-repeat: no-repeat;
background-position: left 5px;
}
body.bodyLien01 #interPostIt ul li,
body.bodyLien01 #inter ul li{
background-image:url(puce_niv01_body01.gif);
}
body.bodyLien01 #interPostIt ul ul li,
body.bodyLien01 #inter ul ul li{
background-image:url(puce_niv02_body01.gif);
}
body.bodyLien01 #interPostIt ul ul ul li,
body.bodyLien01 #inter ul ul ul li{
background-image:url(puce_niv03_body01.gif);
}
body.bodyLien02 #interPostIt ul li,
body.bodyLien02 #inter ul li{
background-image:url(puce_niv01_body02.gif);
}
body.bodyLien02 #interPostIt ul ul li,
body.bodyLien02 #inter ul ul li{
background-image:url(puce_niv02_body02.gif);
}
body.bodyLien02 #interPostIt ul ul ul li,
body.bodyLien02 #inter ul ul ul li{
background-image:url(puce_niv03_body02.gif);
}
body.bodyLien03 #interPostIt ul li,
body.bodyLien03 #inter ul li{
background-image:url(puce_niv01_body03.gif);
}
body.bodyLien03 #interPostIt ul ul li,
body.bodyLien03 #inter ul ul li{
background-image:url(puce_niv02_body03.gif);
}
body.bodyLien03 #interPostIt ul ul ul li,
body.bodyLien03 #inter ul ul ul li{
background-image:url(puce_niv03_body03.gif);
}
body.bodyLien04 #interPostIt ul li,
body.bodyLien04 #inter ul li{
background-image:url(puce_niv01_body04.gif);
}
body.bodyLien04 #interPostIt ul ul li,
body.bodyLien04 #inter ul ul li{
background-image:url(puce_niv02_body04.gif);
}
body.bodyLien04 #interPostIt ul ul ul li,
body.bodyLien04 #inter ul ul ul li{
background-image:url(puce_niv03_body04.gif);
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- HEADING ---*/ 
#inter_popup h2,
#inter h2 {
font-size: x-large;
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
color: #0070AE;
}
#inter_popup h3,
#inter h3 {
font-size: large;
margin: 10px 0px 10px 0px;
padding: 0px 0px 0px 0px;
color: #0070AE;
}
#inter_popup h4,
#inter h4 {
font-size: medium;
margin: 10px 0px 10px 0px;
padding: 0px 0px 0px 0px;
color: #0070AE;
}
#inter_popup h5,
#inter h5 {
font-size: small;
margin: 10px 0px 10px 0px;
padding: 0px 0px 0px 0px;
color: #0070AE;
}
body.bodyLien01 #inter h2,
body.bodyLien01 #inter h3,
body.bodyLien01 #inter h4,
body.bodyLien01 #inter h5{
color: #99B700;
}
body.bodyLien02 #inter h2,
body.bodyLien02 #inter h3,
body.bodyLien02 #inter h4,
body.bodyLien02 #inter h5{
color: #FF7E00;
}
body.bodyLien03 #inter h2,
body.bodyLien03 #inter h3,
body.bodyLien03 #inter h4,
body.bodyLien03 #inter h5{
color: #6B50A1;
}
body.bodyLien04 #inter h2,
body.bodyLien04 #inter h3,
body.bodyLien04 #inter h4,
body.bodyLien04 #inter h5{
color: #0070AE;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- NUAGE DE TAG ---*/
#nuageTags{
float: right;
margin: 0px 0px 0px 0px;
width: 200px;
}
#interNuageTags h2{
display: none;
}
#nuageTags a{
text-decoration: none;
padding: 0px 5px 0px 5px;
font-weight: bold;
}
.tagCoul0 a {
color: #8BA628;
font-size: 140%;
}
.tagCoul0 a:hover {
color: #F89C1C;
}
.tagCoul1 a {
color: #CF361C;
font-size: 120%;
}
.tagCoul1 a:hover{
color: #975CA6;
}
.tagCoul2 a{
color: #975CA6;
font-size: 110%;
}
.tagCoul2 a:hover{
color: #CF361C;
}
.tagCoul3 a {
color: #2A56A5;
font-size: 90%;
}
.tagCoul3 a:hover {
color: #000000;
}
.tagCoul4 a {
color: #000000;
font-size: 70%;
}
.tagCoul4 a:hover {
color: #8BA628;
}
.tagCoul5 a {
color: #000000;
font-size: 60%;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- FORMULAIRE ---*/
body.bodyLien01 form div.submit input {
margin: 0px 4px 0px 10px;
background-color: #99B700;
border: 1px solid #333A4C;
}
body.bodyLien02 form div.submit input {
margin: 0px 4px 0px 10px;
background-color: #FF7E00;
border: 1px solid #333A4C;
}
body.bodyLien03 form div.submit input {
margin: 0px 4px 0px 10px;
background-color: #6B50A1;
border: 1px solid #333A4C;
}
body.bodyLien04 form div.submit input {
margin: 0px 4px 0px 10px;
background-color: #0070AE;
border: 1px solid #333A4C;
}

/*--------------------------------------------------------------------------------------------------------------*/
/*--- RIGHT ---*/

#right{
position: relative;
float: right;
width: 220px;
margin: -50px 5px 0px 0px;
padding: 0px 0px 0px 0px;
display: inline;
}
/*--- RIGHT ---*/
body.accueil #right{
position: relative;
float: right;
width: 253px;
margin: 10px 10px 0px 0px;
padding: 0px 0px 0px 0px;
display: inline;
}

/*--------------------------------------------------------------------------------------------------------------*/
/*--- OUTILS ---*/

#outils{
margin: 0px 0px 10px 0px;
padding: 0px 0px 10px 0px;
}
#outils li a{
display: block;
text-decoration: none;
text-transform: uppercase;
color: #888888;
font-weight: bold;
font-size: 0.9em;
padding: 10px 0px 0px 15px;
}
#outils li.patrimoine a{
background: url(over_inter_patrimoine.gif) no-repeat 0px 0px;
height: 30px;
margin: 0px 0px 0px 0px;
}
#outils li.patrimoine a:hover{
background: url(over_inter_patrimoine.gif) no-repeat 0px -50px;
}
#outils li.connaitre a{
height: 30px;
background: url(over_inter_connaitre.gif) no-repeat 0px 0px;
}
#outils li.connaitre a:hover{
background: url(over_inter_connaitre.gif) no-repeat 0px -54px;
}
#inscritnews{
background: url(bg_inter_newsletter.gif) no-repeat top left;
width: 200px;
margin: -3px 0px 0px 0px;
height: 80px;
}
#inscritnews label{
display: none;
}
#inscritnews legend{
text-transform: uppercase;
color: #888888;
font-weight: bold;
font-size: 0.9em;
padding: 12px 0px 0px 15px;
margin: 0px 0px 12px 0px;
}
body.extranet #inscription_newsletter{
background: url(bg_inter_newsletter.gif) no-repeat top left;
width: 200px;
margin: -3px 0px 0px 0px;
height: 70px;
}
body.acceuilExtranet #inscription_newsletter{
background: url(bg_accueil_extranet_newsletter.gif) no-repeat top left;
width: 200px;
margin: -3px 0px 0px 0px;
height: 70px;
}
#inscription_newsletter div.entry label{
display: none;
}
#inscription_newsletter fieldset{
float: left;
width: 120px;
}
#inscription_newsletter div.entry{
width: 150px;
float: left;
padding: 0px 0px 0px 10px;
}
#inscription_newsletter div.entry input.required{
width: 150px;
padding: 4px 0px 0px 0px;
font-size: 0.9em;
}
#inscritnews input.bouton{
width: 32px;
float: right;
background: transparent;
border: none;
color: #FFFFFF;
}
#inscritnews input#idemail{
border: none;
width: 155px;
background: transparent;
margin: 0px 0px 0px 0px;
height: 25px;
padding: 0px 0px 0px 5px;
}
#contentlogextranet{
height: 110px;
background: url(bg_inter_espace_perso.gif) no-repeat top left;
margin: -4px 0px 0px 0px;
}
#logextranet #contentlogextranet #logintra legend{
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 15px;
}
body.accueil #loguer{
padding: 0px 0px 0px 38px;
width: 240px;
margin: -15px 0px 20px 0px;
}
#loguer{
margin: 0px 0px 0px 0px;
padding: 15px 0px 0px 0px;
}
#contentLoguer{
background: url(bg_deconnexion.gif) no-repeat top left;
height: 66px;
}
#contentLoguer p{
margin: 0px 0px 0px 0px;
padding: 15px 0px 0px 35px;
}
#contentLoguer span.nom,
#contentLoguer span.welcome,
#contentLoguer a.deconnecte,
#contentLoguer a.lienProfil{
color: #FFFFFF;
}
#contentLoguer a.lienProfil{
float: left;
padding: 7px 0px 0px 10px;
font-size: x-small;
margin: 0px 0px 0px 10px;
display: inline;
}
#contentLoguer a.lienProfil:hover{
text-decoration: none;
}
#contentLoguer a.deconnecte{
float: left;
padding: 7px 0px 0px 0px;
font-size: x-small;
margin: 0px 0px 0px 40px;
display: inline;
}
#contentLoguer a.deconnecte:hover{
text-decoration: none;
}
#logintra div.entry01 input#identifiant{
margin: 6px 0px 0px 0px;
font-size: 0.9em;
}
#logintra div.entry02 input#password{
width: 150px;
margin: 0px 0px 0px 0px;
}
body.accueil #logintra div.entry01 input#identifiant{
margin: 0px 0px 0px 0px;
width: 210px;
}
body.accueil #logintra div.entry02 input#password{
width: 180px;
margin: 0px 0px 0px 0px;
}
body.accueil #logintra div.entry02{
width: 100%;
}
body.accueil #logintra div.entry02 input.bouton{
width: 35px;
color: #FFFFFF;
margin: 0px 0px 0px 0px;
}
body #logintra div.entry02 input.bouton{
width: 30px;
padding: 0px;
}
body.acceuilExtranet #contentlogextranet{
height: 100px;
background: url(bg_connexion_accueil_extranet.gif) no-repeat 35px 35px;
}
body.acceuilExtranet #logintra div.entry01 input,
body.acceuilExtranet #logintra div.entry02 input{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 10px;
}
body.acceuilExtranet #logintra div.entry02{
width: 225px;
}
body.acceuilExtranet #logintra div.entry01 input{
width: 210px;
}
body.acceuilExtranet #logintra div.entry02 input.bouton{
width: 35px;
color: #FFFFFF;
float: right;
}
#boutonFondoc a{
display: block;
text-decoration: none;
text-transform: uppercase;
color: #888888;
font-weight: bold;
font-size: 0.9em;
padding: 10px 0px 0px 15px;
height: 35px;
background: url(over_inter_fondDoc_extranet.gif) no-repeat 0px 0px;
}
#boutonFondoc a:hover{
text-decoration: none;
background: url(over_inter_fondDoc_extranet.gif) no-repeat 0px -56px;
}
#outils li.teledoc a{
height: 30px;
background: url(over_inter_fondDoc.gif) no-repeat 0px 0px;
margin: -20px 0px 0px 0px;
}
#outils li.teledoc a:hover{
background: url(over_inter_fondDoc.gif) no-repeat 0px -56px;
}
#outils li.journal a{
height: 30px;
background: url(over_inter_journal.gif) no-repeat 0px 0px;
}
#outils li.journal a:hover{
background: url(over_inter_journal.gif) no-repeat 0px -56px;
}
#outils li.liens a{
height: 30px;
background: url(over_inter_lien.gif) no-repeat 0px 0px;
}
#outils li.liens a:hover{
background: url(over_inter_lien.gif) no-repeat 0px -56px;
}
#outils li.recrutement a{
height: 30px;
background: url(over_inter_recrutement.gif) no-repeat 0px 0px;
}
#outils li.recrutement a:hover{
background: url(over_inter_recrutement.gif) no-repeat 0px -43px;
}
body.accueil #contentlogextranet{
height: 110px;
background: url(bg_espace_perso_accueil.gif) no-repeat top left;
margin: 5px 0px 0px 0px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- OUTILS ACCUEIL---*/
#outilsAccueil{
margin: 0px 0px 10px 0px;
padding: 0px 0px 10px 0px;
}
#outilsAccueil li a{
display: block;
text-decoration: none;
text-transform: uppercase;
color: #888888;
font-weight: bold;
font-size: 0.9em;
padding: 10px 0px 0px 15px;
}
#outilsAccueil li.connaitreAccueil a{
height: 30px;
background: url(over_connaitre.gif) no-repeat 0px 0px;
margin: 15px 0px 0px 0px;
}
#outilsAccueil li.connaitreAccueil a:hover{
background: url(over_connaitre.gif) no-repeat 0px -42px;
}
#outilsAccueil div#inscritnews{
background: url(bg_newsletter.gif) no-repeat 0px 0px;
height: 60px;
margin: 5px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 228px;
}
#outilsAccueil div#inscritnews legend{
padding: 3px 0px 12px 15px;
margin: 0px 0px 0px 0px;
}
#outilsAccueil #inscritnews input#idemail{
border: none;
width: 185px;
background: transparent;
margin: 0px 0px 0px 0px;
float: left;
}
#outilsAccueil #inscritnews input.bouton {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent none repeat scroll 0 0;
border:medium none;
float: right;
width:30px;
margin: 0px 0px 0px 0px;
}
#outilsAccueil li.espaceAccueil a{
height: 30px;
background: url(bg_espace_perso.gif) no-repeat 0px 0px;
height: 85px;
}
#outilsAccueil li.teledoc_accueil a{
height: 30px;
background: url(over_fondDoc.gif) no-repeat 0px 0px;
margin: -20px 0px 0px 0px;
}
#outilsAccueil li.teledoc_accueil a:hover{
background: url(over_fondDoc.gif) no-repeat 0px -43px;
}
#outilsAccueil li.journal_accueil a{
height: 30px;
background: url(over_ejournal.gif) no-repeat 0px 0px;
}
#outilsAccueil li.journal_accueil a:hover{
background: url(over_ejournal.gif) no-repeat 0px -43px;
}
#outilsAccueil li.liens_accueil a{
height: 30px;
background: url(over_lien.gif) no-repeat 0px 0px;
}
#outilsAccueil li.liens_accueil a:hover{
background: url(over_lien.gif) no-repeat 0px -43px;
}
#outilsAccueil li.recrutement a{
height: 30px;
background: url(over_recrutement.gif) no-repeat 0px 0px;
}
#outilsAccueil li.recrutement a:hover{
background: url(over_recrutement.gif) no-repeat 0px -43px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--  BANDEAU SCROLLABLE  --*/
/*--- SLIDE---*/
#slideactus{
float: right;
background: url(fond_slide.gif) no-repeat top left;
margin: 0px 15px 0px 0px;
display: inline;
}
#defilBandeau {
width: 450px;
float: left;
}
body #bandeau{ 
width:370px;
overflow:hidden;
padding: 5px 20px 0px 0px;
float: left;
margin: 0px 0px 0px 10px;
height: 240px;
display: inline;
}
#inter #bandeau ul {
width: 1000px;
float: left;
margin: 0px 0px 0px 0px;
}
#inter #bandeau ul li {
background: url(bgActuSlide.gif) no-repeat top left;
float:left;
display:block;
width:240px;
height: 210px;
overflow: hidden;
padding: 10px 10px 10px 10px;
margin: 0px 0px 0px 0px;
}
#inter #bandeau ul li strong a{
font-size: large;
color: #999999;
font-weight: normal;
text-decoration: none;
border-left: #99B700 5px solid;
padding-left: 5px;
}
.fleche {
padding: 0px 0px 0px 0px;
width: 15px;
height: 40px;
display: inline;
}
html > body .fleche {
float: left;
padding: 10px 0px 0px 0px;
display: inline;
}
#gauche{
margin-left:-5px;
}
#droite{
margin-right:-5px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- CARTE--*/
#carteAccueil{
position: relative;
margin: -15px 0px 0px 3px;
height: 191px;
}
#carteAccueil a.carte{
text-decoration: none;
float: right;
font-size: x-small;
width: 70px;
position: absolute;
bottom: 5px;
right: 15px;
display: block;
background: url(bg_lien_carte.gif) no-repeat 0px 5px;
padding: 3px 0px 2px 5px;
color: #FFFFFF;
height: 13px;
}
#carteAccueil a.carte:hover{
height: 16px;
background: url(bg_lien_carte.gif) no-repeat bottom left;
padding: 0px 0px 2px 5px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- EXTRANET--*/
#logextranet{
padding: 0px 0px 0px 0px;
margin: 0px 0px 30px 0px;
}
#logextranet p.msgLog,
#logextranet p.seConnecter{
padding: 3px 25px 0px 0px;
margin: 0px 0px 0px 0px;
float: left;
display: inline;
font-size: 0.9em;
}
body.bodygenerique #logextranet p.msgLog,
body.bodygenerique #logextranet p.seConnecter{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
float: left;
width: 100px;
}
body.acceuilExtranet #logextranet p.msgLog{
margin: 0px 0px 0px 40px;
}
#logextranet p.msgLog a,
#logextranet p.seConnecter a{
font-size: 0.85em;
color: #888888;
text-decoration: none;
}
#logextranet p.msgLog a:hover,
#logextranet p.seConnecter a:hover{
text-decoration: underline;
}
#logintra{
padding: 10px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
#logintra legend{
color: #888888;
font-size: 0.9em;
text-transform: uppercase;
padding: 0px 0px 0px 15px;
margin: 0px 0px 0px 0px;
font-weight: bold;
}
#logintra div.entry01{
padding: 10px 0px 0px 10px;
width: 220px;
}
#logintra div.entry01 input{
width: 180px;
}
#logintra div.entry02{
padding: 12px 0px 0px 10px;
width: 180px;
}
#logintra div.entry01 label,
#logintra div.entry02 label{
display: none;
}
#logintra input{
border: none;
background: transparent;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- POST IT---*/
#postIt{
padding: 0px 0px 0px 0px;
margin: 0px 0px 15px 0px;
width: 230px;
}
#postIt h3{
height: 40px;
margin: 0px -10px 0px -10px;
color: #FFFFFF;
padding: 10px 0px 0px 30px;
display: none;
}
#hautPostIt{
height: 40px;
color: #FFFFFF;
}
body.bodyLien01 #hautPostIt{
background: url(bg_hautPost_body01.png) no-repeat bottom left;
}
body.bodyLien02 #hautPostIt{
background: url(bg_hautPost_body02.png) no-repeat bottom left;
}
body.bodyLien03 #hautPostIt{
background: url(bg_hautPost_body03.png) no-repeat bottom left;
}
body.bodyLien04 #hautPostIt{
background: url(bg_hautPost_body04.png) no-repeat bottom left;
}
#interPostIt{
margin: 0px 0px 0px 0px;
padding: 0px 20px 10px 10px;
}
body.bodyLien01 #interPostIt{
background: url(bg_bas_post_body01.gif) no-repeat bottom center;
}
body.bodyLien02 #interPostIt{
background: url(bg_bas_post_body02.gif) no-repeat bottom center;
}
body.bodyLien03 #interPostIt{
background: url(bg_bas_post_body03.gif) no-repeat bottom center;
}
body.bodyLien04 #interPostIt{
background: url(bg_bas_post_body04.gif) no-repeat bottom center;
}
#contentPostIt{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
#bgPostIt{
margin: 0px 0px 0px 0px;
}
#postIt p{
margin: 0px 0px 0px 0px;
padding: 15px 0px 0px 0px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- TOOLBAR---*/
#toolBar{
width: 100%;
text-align: right;
}
#toolBar ul li {
display: inline;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- FOOTER ---*/
#footer {
float: left;
background: url(bg_footer.png) no-repeat -1px 0px;
width: 100%;
width: 980px;
height: 100px;
}
#renseignement{
color: #FFFFFF;
padding: 20px 0px 0px 40px;
font-size: 0.85em;
float: left;
}
#renseignement p#titre{
color: #666666;
font-weight: bold;
margin: 0px 0px 0px 0px;
}
p#textFooter{
margin: 0px 0px 0px 0px;
line-height: 1.2em;
}
p#contact,
#footer ul{
float: left;
}
#footer ul{
float: left;
}
p#contact{
margin: 45px 0px 0px 90px;
font-size: 0.9em;
}
p#contact a{
text-decoration: none;
color: #FFFFFF;
}
p#contact a:hover{
text-decoration: underline;
}
/*-- HAUT DE LA PAGE --*/
#hautpage {
text-align: center;
margin: 50px 0px 0px 0px;
line-height: 0.9em;
font-size: 0.8em;
}
#hautpage a {
text-decoration: none;
color: #FFFFFF;
}
/*-- IMPRIMER LA PAGE --*/
#imprimpage {
float: left;
margin: 45px 0px 0px 80px;
font-size: 0.9em;
display: inline;
}
#imprimpage a {
text-decoration: none;
color: #FFFFFF;
}
#imprimpage a:hover{
text-decoration: underline;
}
ul#liste1{
margin: 20px 0px 0px 55px;
}
ul#liste1 li a,
ul#liste2 li a{
color: #FFFFFF;
text-decoration: none;
font-size: 0.80em;
}
ul#liste1 li a:hover,
ul#liste2 li a:hover{
text-decoration: underline
}
ul#liste1 li{
padding: 0px 0px 0px 17px;
}
ul#liste1 li#pratique{
padding: 0px 0px 0px 0px;
font-weight: bold;
color: #666666;
font-size: 0.85em;
}
ul#liste2{
margin: 38px 10px 0px 45px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- TEXTE ---*/
div.coul01, .rouge, .coul01 {
color: #663333;
}
div.coul02, .bleu, .coul02 {
color: #3366CC;
}
div.coul03, .gris, .coul03 {
color: #797979;
}
div.coul04, .orange, .coul04 {
color: #FF6600;
}
div.coul05, .vert, .coul05 {
color: #336600;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*-- BORDURE D'IMAGES --*/
img.bord01, .bordureRouge {
border: 1px solid #663333;
}
img.bord02, .bordureBleue {
border: 1px solid #3366cc;
}
img.bord03, .bordureGrise {
border: 1px solid #797979;
}
img.bord04, .bordureOrange {
border: 1px solid #FF6600;
}
img.bord05, .bordureVerte {
border: 1px solid #336600;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*-- STYLE BODY --*/
body.bodyLien01, .espaceLocataire {}
body.bodyLien02, .espaceEntreprise {}
body.bodyLien03, .EspaceElusEtPartenaires {}
body.bodyLien04, .LouerOuAcquerir {}
/*--------------------------------------------------------------------------------------------------------------*/
/*-- RESULTAT RECHERCHE --*/
table.result {
width: 100%;
margin: 10px 0px 10px 0px;
}
.result th {
background-color: #0070AE;
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: #333333;
 }
.result td.date {
font-size: x-small;
 }
.result td.description {
border-bottom: 1px solid #333333;
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: #333333;
text-decoration: none;
}
html div.prec a:hover {
text-decoration: underline;
}
html div.suiv a:hover {
text-decoration: underline;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- ACCORDEON ---*/
ul.accordeonListe, .ListeEnAccordeon {
width:100%;
float:left;
overflow:hidden;
}
ul.accordeonListe li ul {
display:none;
}
ul.accordeonListe li ul li ul{
display:block;
}
#inter ul.accordeonListe li {
cursor:pointer;
font-weight: bold;
color: red;
}
#inter.accordeonTitre h3{
font-weight: bold;
color: red;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- ONGLETS ---*/
#onglets{
float: left;
width: 410px;
height: 220px;
margin: 10px 35px 20px 20px;
padding: 5px 5px 5px 5px;
background: url(bg_degrade_mediatheque.gif) repeat-x bottom left;
border: 2px #d0d0d0 solid;
position: relative;
display: inline;
}
#inter #onglets ul,
#inter #onglets ul li{
float: left;
display: inline;
padding:  0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
#inter #onglets ul li a{
display: block;
float: left;
width: 110px;
color: #000000;
text-transform: uppercase;
height: 17px;
margin: 0px 0px 0px 0px;
padding: 5px 0px 5px 0px;
text-decoration: none;
font-weight: bold;
}
#inter #onglets h4{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: #6B50A1;
float: right;
width: 100px;
text-indent: 25px;
} 
#inter #onglets  #containerOnglet01 h4{
background: url(picto_images.gif) no-repeat 0px 2px;
}
#inter #onglets  #containerOnglet02 h4{
background: url(picto_video.gif) no-repeat 0px 2px;
}
#inter #onglets p{
float: right;
width: 100px;
}
#inter #onglets ul li a#onglet01{
background: url(over_photo_onglet.gif) repeat-x top left;
margin: 0px 5px 0px 0px;
padding: 3px 0px 5px 90px;
color: #FFFFFF;
display: inline;
}
#inter #onglets ul li a#onglet01:hover,
#inter #onglets ul li a#onglet01.onOnglet{
background: url(over_photo_onglet.gif) repeat-x 0px -28px;
}
#inter #onglets ul li a#onglet02{
background: url(over_video_onglet.gif) repeat-x  top left;
color: #FFFFFF;
margin: 0px 5px 0px 0px;
padding: 3px 0px 5px 90px;
display: inline;
}
#inter #onglets ul li a#onglet02:hover,
#inter #onglets ul li a#onglet02.onOnglet{
background: url(over_video_onglet.gif) repeat-x 0px -28px;
}
#onglets a:hover,
#onglets a.onOnglet{
background: url(bgOnglet.gif) repeat-x  left 1px;
font-weight: bold;
}
.offContainer{
display: none;
}
.onContainer{
display: block;
}
#containerOnglet01,
#containerOnglet02{
min-height: 25px;
height: auto!important;
height: 25px;
float: left;
width: 100%;
}
#containerOnglet01 p,
#containerOnglet02 p{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
overflow: hidden;
}
#onglets p.tout_voir{
margin: 0px 0px 0px 0px;
height: 20px;
position: absolute;
bottom: -5px;
left: 340px;
text-align: right;
padding: 0px 10px 0px 0px;
}
#onglets p.tout_voir a{
text-decoration: none;
font-size: 0.85em;
background: #5A4790 url(fleche_tout_voir.gif) no-repeat 55px 4px;
display: block;
height: 15px;
width: 50px;
padding: 0px 15px 0px 0px;
margin: 0px 0px 0px 15px;
color: #FFFFFF;
}
#onglets p.tout_voir a:hover{
font-weight: normal;
background: #5A4790 url(fleche_tout_voir.gif) no-repeat 58px 4px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*-- TABLEAUX --*/
table {
border-collapse: collapse;
}
th,
td {
border: 1px solid #333333;
padding: 3px;
vertical-align: top;
}
th {
background-color: #333333;
color: #FFFFFF;
}
body.bodyLien01 th{
background-color: #99B700;
}
body.bodyLien02 th{
background-color: #FF7E00;
}
body.bodyLien03 th{
background-color: #6B50A1;
}
body.bodyLien04 th{
background-color: #0070AE;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--  DIAPORAMA  --*/
#diaporama {
width: 160px;
float: left;
}
#right #diaporama table {
border: none;
width: 160px;
margin: 0px 0px 0px 0px;
}
#diaporama table td img {
width: 40px;
height: 40px;
}
.thumb_view div.diaporama p span.texte{
display: none;
}
.thumb_view div.diaporama{
width: 200px;
float: left;
margin: 0px 0px 0px 0px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- PLAN DU SITE ---*/
#plandusite h3 {
padding-left:20px;
}
#plandusite{
margin:0 0 0 0;
padding:0 0 0 0;
}
#plandusite h3 a {
font-size:medium;
margin:0 0 0 0;
padding:0 0 0 0;
text-decoration: none;
}
#plandusite ul li a {
color: #333A4C;
text-decoration: none;
margin:0 0 0 0;
padding:0 0 0 0;
}
#plandusite ul li a:hover {
color: #333A4C;
margin:0 0 0 0;
padding:0 0 0 0;
text-decoration: underline;
}
body.bodygenerique #plandusite h3.plan01 a{
color: #99B700;
}
body.bodygenerique #plandusite h3.plan02 a{
color: #FF7E00;
}
body.bodygenerique #plandusite h3.plan03 a{
color: #6B50A1;
}
body.bodygenerique #plandusite h3.plan04 a{
color: #0070AE;
}
/*--------------------------------------------------------------------------------------------------------------*/
#inter #formfindcalendar {
}
#inter #formfindcalendar form {
margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 0px;
}
#inter #formfindcalendar form input,
#inter #formfindcalendar form select {
width: 150px;
}
#inter #formfindcalendar div.submit {
margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 0px;
}
#inter #formfindcalendar div.submit input {
margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 0px;
}
div.modejour,
div.modemois {
}
div.modejour #oCalendar,
div.modemois #oCalendar {
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
}
div.modejour #oCalendar table td.nextday,
div.modemois #oCalendar table td.nextday {
background-color: #333333;
}
div.modejour #oCalendar table td.nextday a,
div.modemois #oCalendar table td.nextday a {
color: #FFFFFF;
font-weight: bold;
}
div.modejour #oCalendar table td.days,
div.modemois #oCalendar table td.days {
color: #CC0000;
font-weight: bold;
}
div.modejour #oCalendar table td.week,
div.modemois #oCalendar table td.week {
background-color: #E18134;
color: #FFFFFF;
font-weight: bold;
}
div.modejour .eventline,
div.modemois .eventline {
width: 100%;
float: left;
margin: 0px 0px 20px 0px;
padding:  0px 0px 20px 0px;
border-bottom:#FF9E29 1px solid;
}
div.modejour .eventline a,
div.modemois .eventline a {
color:#FF8300;
text-decoration: none;
}
div.modejour .eventline a:hover,
div.modemois .eventline a:hover {
text-decoration: underline;
}
body #inter div.modejour .eventline ul,
body #inter div.modemois .eventline ul {
margin: 10px 0px 0px 0px;
padding:  0px 0px 0px 0px;
}
body #inter div.modejour .eventline ul li,
body #inter div.modemois .eventline ul li {
margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 12px;
display: block;
float: left;
width: 190px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- RECHERCHE FONDS DOCUMENTAIRES ---*/
#treelist ul li ul li ul{
display: none ;
}
body.bodygenerique #treelist ul li a:hover{
cursor:pointer;
color: #0070AE;
}
#inter #treelist ul li ul{
padding:2px 0px 2px 0px ;
margin:0px 0px 0px 0px ;
}
#col_g{
float:left;
width:200px;
padding:0px 5px 0px 5px;
}
body.bodygenerique #treelist{
width:200px;
margin:0px 0px 0px 0px;
padding:0px 0px 20px 0px;
}
#inter #col_g #form01 {
width:200px;
margin:0px auto 0px auto;
padding:20px 0px 20px 0px;
border-top: #CCCCCC 1px solid;
}
#inter #col_g #form01 legend{
padding:0px 0px 10px 0px;
font-weight:bold;
color:#007AC0;
}
#inter #col_g #form01 div.submit,
#inter #col_g #form01 div.entry input,
#inter #col_g #form01 div.entry select,
#inter #col_g #form01 div.submit input{
width:100%;
padding:0px;
margin:0px
}
body.bodygenerique #inter #col_g #resultat ul li a{
color: #848484;
font-weight: bold;
}
#resultat ul li a:hover{
color: #0070AE;
}
#msgResult p{
font-weight: bold;
color: #69B024;
float: right;
width: 270px;
border-bottom: #CCCCCC 1px dotted
}
#resultat{
float:right;
width: 270px;
padding: 0px 0px 0px 5px;
margin: 0px 0px 60px 0px;
}
#resultat div{
background:#F2F2F2;
padding: 1px 0px 1px 0px;
margin: 0px 0px 5px 0px;
}/*--------------------------------------------------------------------------------------------------------------*/
/* --- GLOSSAIRE ---*/
body.glossaire #inter p strong a,
body.glossaire #inter h3 a{
color: #FF3333;
text-decoration: none;
font-size: x-large;
}
body.glossaire #inter h3{
border-bottom: #CCCCCC 1px solid;
padding: 0px 0px 0px 25px;
}
body.glossaire #inter dt {
background: #F2F2F2;
padding: 5px 5px 5px 5px;
font-weight: bold;
}
body.glossaire #inter dd{
margin: 0px 0px 20px 0px;
padding: 5px 5px 5px 5px;
background: #F2F2F2;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- POP UP ---*/
body.bodyPopup{
background: url(bandeau_newsletter.jpg) no-repeat top center;
}
#header_popup{
height: 200px;
position: relative;
}
#header_popup #logo {
position: absolute;
top: 40px;
left: -30px;
}
#header_popup #logo img{
width: 90px;
height: 90px;
}
#content_popup{
width: 580px;
margin: auto;
}
#inter_popup{
background: url(inter_newsletter.png) repeat-y top center;
padding: 30px 30px 0px 30px;
}
#footer_popup{
background: url(interBottomPopup.gif) no-repeat bottom center;
height: 20px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- DIVERS ---*/
.invisible {
position: absolute;
left: -5000px
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- switch CSS ---*/
a.switch_thumb {
 width: 122px;
 height: 26px;
 line-height: 26px;
 padding: 0;
 margin: 10px 0;
 display: block;
 background: url(switch.gif) no-repeat;
 outline: none;
 text-indent: -9999px;
}
a:hover.switch_thumb {
 /*filter:alpha(opacity=75);*/
 opacity:.75;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}
a.swap{ 
background-position: left bottom; 
}
div.actuLigne{
width: 100%;
float: left;
margin: 0px 0px 20px 0px;
}
div.actuLigne strong{
margin: 0px 0px 0px 0px;
display: block;
}
div.actuLigne strong a{
color: #666666;
}
div.actuLigne strong a:hover{
text-decoration: none;
}