body {
margin: 0;
padding: 0;
background-color: #F5F5F5;
background-image: url(fond_inter_small.jpg);
background-repeat: no-repeat;
background-position: top;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: small;
color: #333333;
line-height: 18px;
}
body.bodyAccueil,
body.bodyQuiSommes,
body.bodyGenerique,
body.bodyAccess {
background-image: url(fond_inter_large.jpg);
}
body.bodyPopup {
background-image: url(fond_inter_popup.jpg);
}
body.bodyEspaceRegional {
background-image: url(fond_inter_full.jpg);
}
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: 975px;
margin: auto;
}
body.bodyPopup #centrage {
width: 600px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- TOTAL ---*/
#total {
width: 975px;
position: relative;
float: left;
}
body.bodyPopup #total {
width: 600px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- HEADER ---*/
#header {
position: relative;
width: 975px;
height: 185px;
padding: 0px 0px 0px 0px;
background-repeat: no-repeat;
background-position: right 30px;
background-image: url(bandeau_accueil.jpg);
}
body.bodyAccMedia #header,
body.media #header {
background-image: url(bandeau_bibliotheque01.jpg);
}
body.bodyAccPerigord #header,
body.perigord #header {
background-image: url(bandeau_bep.jpg);
}
body.bodyAccQuartier #header,
body.quartier #header {
background-image: url(bandeau_quartier.jpg);
}
body.bodyAnim #header {
background-image: url(bandeau_animation.jpg);
}
body.bodyRessources #header {
background-image: url(bandeau_ressources.jpg);
}
body.bodyServices #header {
background-image: url(bandeau_services_en_ligne.jpg);
}
#header img.logo {
margin-top: 30px;
}
/*---------------------------------------------------------------------------*/
/*---------POP UP-----------*/
body.bodyPopup #headerPopup {
position: relative;
width: 600px;
height: 115px;
padding: 0px 0px 0px 0px;
background-repeat: no-repeat;
background-position: right 30px;
background-image: url(bandeau_popup.gif);
}
body.bodyPopup #headerPopup img.logo {
margin-top: 15px;
}
/*---------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------*/
/*---------ESPACE REGIONAL-----------*/
body.bodyEspaceRegional #headerRegional {
position: relative;
width: 975px;
height: 185px;
padding: 0px 0px 0px 0px;
background-repeat: no-repeat;
background-position: right 30px;
background-image: url(bandeau_accueil.jpg);
}
body.bodyEspaceRegional #headerRegional img.logo {
margin-top: 30px;
float: left;
}
body.bodyEspaceRegional #headerRegional #bgHeader {
float: left;
width: 620px;
height: 180px;
background-image: url(trame_header_espaces.gif);
background-repeat: no-repeat;
background-position: 0px 45px;
}
body.bodyEspaceRegional #headerRegional #idEnvironnement {
float: left;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------*/

/*---------ESPACE PEF-----------*/
/* stylesPEF.css*/
/*--------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------*/

/*---------ESPACE PATRIMOINE-----------*/
/* stylesPAT.css*/
/*--------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------*/

/*--- RACCOURCIS ---*/
#raccourcis {
height: 26px;
padding: 4px 4px 0px 0px;
color: #336699;
float: right;
clear: both;
}
#raccourcis a {
color: #336699;
text-decoration: none;
}
#raccourcis ul {
text-align: right;
}
#raccourcis ul li {
display: inline;
}
#raccourcis ul li.racnavig,
#raccourcis ul li.raccontenu,
#raccourcis ul li.racrecherche,
#raccourcis ul li.racaide,
#raccourcis ul li.racEn a span,
#raccourcis ul li.racEs a span {
display: none;
}
#raccourcis ul li.racplan a {
display: block;
width: 37px;
height: 20px;
padding: 6px 0px 0px 0px;
float: left;
text-align: center;
background-image: url(bout_plan.gif);
background-repeat: no-repeat;
background-position: 0px -10px;
}
#raccourcis ul li.raccontact a {
display: block;
width: 59px;
height: 20px;
padding: 6px 0px 0px 0px;
float: left;
text-align: center;
background-image: url(bout_contact.gif);
background-repeat: no-repeat;
background-position: 0px -10px;
}
#raccourcis ul li.racplan a:hover,
#raccourcis ul li.raccontact a:hover {
height: 22px;
padding: 4px 0px 0px 0px;
background-position: 0px -110px;
color: #CC0000;
}
#raccourcis ul li.racEn a {
display: block;
width: 25px;
height: 26px;
float: left;
background-image: url(bout_en.gif);
background-repeat: no-repeat;
}
#raccourcis ul li.racEs a {
display: block;
width: 27px;
height: 26px;
float: left;
background-image: url(bout_es.gif);
background-repeat: no-repeat;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- RECHERCHE ---*/
#recherche {
position: absolute;
top: 205px;
left: 785px;
font-size: x-small;
}
#recherche input.saisie {
font-size: x-small;
color: #999999;
border: 1px solid #033568;
vertical-align: middle;
width: 140px;
}
#recherche input.bouton {
vertical-align: middle;
margin-left: 3px;
}
#recherche label {
line-height: 15px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- CONTENT ---*/
#content {
float: left;
width: 975px;
padding: 0;
margin-top: 12px;
background-image: url(fond_content_small.gif);
background-repeat: repeat-y;
}
body.bodyAccueil #content,
body.bodyQuiSommes #content,
body.bodyGenerique #content,
body.bodyAccess #content {
background-image: url(fond_content_large.gif);
}
body.bodyPopup #content {
float: left;
width: 590px;
padding: 0px 5px 0px 5px;
margin-top: 12px;
background-image: none;
}
body.bodyEspaceRegional #content {
float: left;
width: 975px;
padding: 0;
margin-top: 12px;
background-image: url(fond_content_full.gif);
background-repeat: repeat-y;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- MENU ---*/
#menu {
/*position: relative;*/
width: 190px;
padding: 0px 0px 0px 0px;
float: left;
}
body.bodyQuiSommes #menu,
body.bodyQuiSommes #menu ul,
body.bodyAccess #menu,
body.bodyAccess #menu ul,
body.bodyGenerique #menu,
body.bodyGenerique #menu ul {
width: 20px;
height: 50px;
padding: 0px 0px 0px 0px;
}
#menu ul {
/*position: relative;*/
float: left;
top: 0px;
left: 0px;
width: 190px;
padding: 0px 0px 50px 0px;
background-repeat: no-repeat;
background-position: left bottom;
}
body.bodyInfos #menu ul {
background-image: url(fond_sous_menu_infos.gif);
}
body.bodyRessources #menu ul {
background-image: url(fond_sous_menu_ressources.gif);
}
body.bodyAnim #menu ul {
background-image: url(fond_sous_menu_animations.gif);
}
body.bodyServices #menu ul {
background-image: url(fond_sous_menu_services.gif);
}
#menu a {
text-decoration: none;
}
/*--------------------------------------------------------------------------*/
/*--  NIVEAU 1  --*/
/*--------------------------------------------------------------------------*/
#menu ul li.lienInfos a,
#menu ul li.lienRessources a,
#menu ul li.lienAnim a,
#menu ul li.lienServices a {
position: absolute;
display: block;
width: 785px;
height: 25px;
padding: 5px 0px 0px 10px;
}
/*------------------------------------------------------------------------------*/
/*--  RUBRIQUE INFOS PRATIQUES  --*/
#menu ul li.lienInfos a {
top: 45px;
left: 180px;
background-image: url(fond_bout_infos.gif);
color: #FFFFFF;
}
#menu ul li.lienInfos a:hover,
#menu ul li.lienInfos_on a {
background-color: #FE039A;
font-weight: bold;
}
/*------------------------------------------------------------------------------*/
/*--  RUBRIQUE NOS RESSOURCES  --*/
#menu ul li.lienRessources a {
position: absolute;
top: 75px;
left: 180px;
background-image: url(fond_bout_ressources.gif);
color: #330000;
}
#menu ul li.lienRessources a:hover,
#menu ul li.lienRessources_on a {
background-color: #FEEF04;
font-weight: bold;
}
/*------------------------------------------------------------------------------*/
/*--  RUBRIQUE NOS ANIMATIONS  --*/
#menu ul li.lienAnim a {
position: absolute;
top: 105px;
left: 180px;
background-image: url(fond_bout_animations.gif);
color: #333300;
}
#menu ul li.lienAnim a:hover,
#menu ul li.lienAnim_on a,
body.bodyAnim #menu ul li.lienAnim a {
background-color: #99CC35;
font-weight: bold;
}
/*------------------------------------------------------------------------------*/
/*--  RUBRIQUE NOS SERVICES EN LIGNE  --*/
#menu ul li.lienServices a {
position: absolute;
top: 135px;
left: 180px;
background-image: url(fond_bout_services.gif);
color: #FFFFFF;
}
#menu ul li.lienServices a:hover,
#menu ul li.lienServices_on a {
background-color: #0101FF;
font-weight: bold;
}
/*------------------------------------------------------------------------------*/
/*--  RUBRIQUE QUI SOMMES NOUS ?  --*/
#menu ul li.lienQui {
position: absolute;
top: 4px;
/*left: 607px;*//*AVEC BOUTON ES ET EN*/
left: 659px;
display: block;
width: 129px;
height: 20px;
}
#menu ul li.lienQui a {
display: block;
width: 129px;
height: 20px;
padding: 6px 0px 0px 0px;
text-align: center;
background-image: url(bout_qui.gif);
background-repeat: no-repeat;
background-position: 0px -10px;
color: #336699;
}
/*------------------------------------------------------------------------------*/
/*--  RUBRIQUE ACCESSIBILITE  --*/
#menu ul li.lienAccess {
position: absolute;
top: 4px;
/*left: 736px;*//*AVEC BOUTON ES ET EN*/
left: 788px;
display: block;
width: 87px;
height: 20px;
}
#menu ul li.lienAccess a {
display: block;
width: 87px;
height: 20px;
padding: 6px 0px 0px 0px;
text-align: center;
background-image: url(bout_accessibilite.gif);
background-repeat: no-repeat;
background-position: 0px -10px;
color: #336699;
}
#menu ul li.lienQui a:hover,
#menu ul li.lienQui_on a,
#menu ul li.lienAccess a:hover,
#menu ul li.lienAccess_on a {
height: 22px;
padding: 4px 0px 0px 0px;
background-position: 0px -110px;
color: #CC0000;
}
/*--------------------------------------------------------------------------*/
/*--  NIVEAU 2  --*/
/*--------------------------------------------------------------------------*/
#menu ul li ul {
display: none;
}
#menu ul li ul.on {
display: block;
position: relative;
top: 0px;
left: 0px;
float: left;
padding: 12px 15px 10px 25px;
width: 150px;
background-repeat: no-repeat;
background-position: left top;
}
#menu ul li.lienInfos ul.on {
background-image: url(fond_haut_sous_menu_infos.gif);
}
#menu ul li.lienRessources ul.on {
background-image: url(fond_haut_sous_menu_ressources.gif);
}
#menu ul li.lienAnim ul.on {
background-image: url(fond_haut_sous_menu_animations.gif);
}
#menu ul li.lienServices ul.on {
background-image: url(fond_haut_sous_menu_services.gif);
}
#menu ul li ul.on li {
position: relative;
display: block;
width: auto;
height: auto;
background-image: none;
font-weight: normal;
background-color: transparent;
padding: 3px 0px 3px 3px;
top: 0px;
left: 0px;
color: #333333;
}
#menu ul li ul.on li a,
body.bodyAnim #menu ul li.lienAnim ul.on li a {
position: relative;
display: block;
width: auto;
height: auto;
/*background-image: none;*/
font-weight: normal;
background-color: transparent;
padding: 0px 0px 0px 12px;
top: 0px;
left: 0px;
color: #333333;
background-repeat: no-repeat;
background-position: 0px -4px;
}
#menu ul li.lienInfos ul.on li a {
background-image: url(puce_menu_infos_01.gif);
}
#menu ul li.lienRessources ul.on li a {
background-image: url(puce_menu_ressources_01.gif);
}
#menu ul li.lienAnim ul.on li a {
background-image: url(puce_menu_animations_01.gif);
}
#menu ul li.lienServices ul.on li a {
background-image: url(puce_menu_services_01.gif);
}
#menu ul li ul.on li a:hover,
#menu ul li ul.on li a.on,
body.bodyAnim #menu ul li.lienAnim ul.on li a:hover,
body.bodyAnim #menu ul li.lienAnim ul.on li a.on {
background-color: transparent;
color: #CC0000;
font-weight: bold;
background-position: 0px -104px;
}
/*---------------------------------------------------*/
/*--- SOUS MENU QUI SOMMES NOUS // ONGLETS ---*/
#menu ul li.lienQui_on ul.on {
position: absolute;
top: 190px;
left: -634px;
width: 355px;
height: 26px;
padding: 0px 0px 0px 10px;
background-image: url(fond_sous_menu_qui.gif);
background-repeat: no-repeat;
background-position: left bottom;
}
#menu ul li.lienQui_on ul.on li {
display: block;
position: relative;
float: left;
width: 85px;
height: 26px;
padding: 0px 0px 0px 0px;
}
#menu ul li.lienQui_on ul.on li a {
position: relative;
display: block;
float: left;
width: 85px;
height: 20px;
padding: 6px 0px 0px 0px;
background-image: url(bout_sous_rub_qui.gif);
background-repeat: no-repeat;
background-position: 0px -10px;
color: #336699;
}
#menu ul li.lienQui_on ul.on li a:hover,
#menu ul li.lienQui_on ul.on li a.on {
height: 22px;
padding: 4px 0px 0px 0px;
background-position: 0px -110px;
color: #CC0000;
font-weight: normal;
}
/*--  NIVEAU 3  --*/
/*--------------------------------------------------------------------------*/
#menu ul li ul.on li ul.on {
display: block;
position: relative;
top: 0px;
left: 0px;
/*float: left;*/
float: none;
width: 138px;
padding: 3px 0px 0px 12px;
font-size: x-small;
background-image: none;
}
#menu ul li.lienInfos ul.on li ul.on,
#menu ul li.lienRessources ul.on li ul.on,
#menu ul li.lienAnim ul.on li ul.on,
#menu ul li.lienServices ul.on li ul.on {
background-image: none;
}
#menu ul li ul.on li ul.on li {
position: relative;
background-image: none;
padding: 2px 0px 2px 0px;
color: #333333;
line-height: 12px;
}
#menu ul li ul.on li ul.on li a {
position: relative;
background-color: transparent;
padding: 0px 0px 0px 7px;
color: #333333;
background-repeat: no-repeat;
background-position: 0px -5px;
background-image: url(puce_menu_02.gif);
}
#menu ul li.lienInfos ul.on li ul.on li a,
#menu ul li.lienRessources ul.on li ul.on li a,
#menu ul li.lienAnim ul.on li ul.on li a,
#menu ul li.lienServices ul.on li ul.on li a {
background-image: url(puce_menu_02.gif);
}
#menu ul li ul.on li ul.on li a:hover,
#menu ul li ul.on li ul.on li a.on {
background-color: transparent;
color: #CC0000;
font-weight: bold;
padding: 0px 0px 0px 16px;
background-position: 0px -105px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- PAVE DE NAVIGATION SUPPLEMENTAIRE ---*/
#navigPlus #contentNavigPlus {
padding: 15px 15px 80px 15px;
width: 160px;
position: absolute;
top: 197px;
left: 0px;
background-repeat: no-repeat;
background-position: left top;
}
body.bodyActus #navigPlus #contentNavigPlus {
padding: 15px 15px 110px 15px;
}
body.bodyAnim #navigPlus #contentNavigPlus {
background-image: url(fond_haut_sous_menu_animations.gif);
}
body.bodyActus #navigPlus #contentNavigPlus {
background-image: url(fond_haut_sous_menu_actus.gif);
}
#navigPlus #contentNavigPlusul li {
top: 0px;
left: 0px;
color: #333333;
}
#navigPlus #contentNavigPlus ul li a {
display: block;
width: auto;
height: auto;
font-weight: normal;
padding: 0px 0px 0px 12px;
top: 0px;
left: 0px;
color: #333333;
background-repeat: no-repeat;
background-position: 0px -4px;
text-decoration: none;
}
body.bodyAnim #navigPlus #contentNavigPlus ul li a {
background-image: url(puce_menu_animations_01.gif);
}
body.bodyActus #navigPlus #contentNavigPlus ul li a {
background-image: url(puce_menu_services_01.gif);
}
#navigPlus #contentNavigPlus ul li a:hover {
color: #CC0000;
font-weight: bold;
background-position: 0px -104px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- FIL D'ARIANE ---*/
#filariane {
font-size: x-small;
float: left;
width: 537px;
padding: 5px 15px 0px 15px;
line-height: 18px;
text-align: right;
}
body.bodyAccueil #filariane {
display: none;
}
body.bodyQuiSommes #filariane,
body.bodyGenerique #filariane,
body.bodyAccess #filariane {
width: 717px;
color: #CC0000;
}
body.bodyQuiSommes #filariane a,
body.bodyGenerique #filariane a,
body.bodyAccess #filariane a {
color: #CC0000;
}
body.bodyInfos #filariane,
body.bodyInfos #filariane a {
color: #FF0099;
}
body.bodyRessources #filariane,
body.bodyRessources #filariane a {
color: #330000;
}
body.bodyAnim #filariane,
body.bodyAnim #filariane a {
color: #669900;
}
body.bodyServices #filariane,
body.bodyServices #filariane a,
body.bodyActus #filariane,
body.bodyActus #filariane a {
color: #0000CC;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- INTER ---*/
#inter {
float: left;
width: 540px;
padding: 5px 12px 70px 15px;
line-height: 18px;
}
#interPopup {
float: left;
width: 560px;
padding: 5px 15px 20px 15px;
line-height: 18px;
background-color: #FFFFFF;
}
#inter #colGauche {
float: left;
width: 300px;
overflow: hidden;
padding: 0px 27px 0px 0px;
}
#inter #colDroite {
float: right;
width: 210px;
padding: 0px 0px 0px 0px;
}
body.bodyQuiSommes #inter,
body.bodyGenerique #inter,
body.bodyAccess #inter {
width: 717px;
padding: 5px 12px 70px 15px;
}
#inter h2,
#inter h2 a,
#interPopup h2,
#interPopup h2 a,
#interRegional h2,
#interRegional h2 a {
font-size: large;
margin: 7px 0px 7px 0px;
padding: 0;
font-variant: small-caps;
color: #660000;
line-height: 24px;
}
#inter h3,
#inter h3 a,
#interPopup h3,
#interPopup h3 a,
#interRegional h3,
#interRegional h3 a {
font-size: medium;
font-weight: normal;
font-variant: small-caps;
margin: 7px 0px 7px 0px;
padding: 0;
line-height: 20px;
}
#inter h4,
#inter h4 a,
#interPopup h4,
#interPopup h4 a,
#interRegional h4,
#interRegional h4 a {
font-size: small;
margin: 7px 0px 7px 0px;
padding: 0px 0px 0px 30px;
}
#inter h5,
#inter h5 a,
#interPopup h5,
#interPopup h5 a,
#interRegional h5,
#interRegional  h5 a {
font-size: small;
font-weight: normal;
margin: 7px 0px 7px 0px;
padding: 0px 0px 0px 30px;
}
#inter p,
#interPopup p,
#interRegional p {
margin: 7px 0px 7px 0px;
}
#inter ul,
#interPopup ul,
#interRegional ul {
margin: 7px 0px 7px 20px;
}
#inter ul li,
#interPopup ul li,
#interRegional ul li {
padding-left: 12px;
background-image: url(puce_liste.gif);
background-repeat: no-repeat;
background-position: 0px 6px;
}
#inter ul li ul,
#interPopup ul li ul,
#interRegional ul li ul {
margin: 0px 0px 0px 15px;
}
#inter ul li ul li,
#interPopup ul li ul li,
#interRegional ul li ul li {
padding-left: 12px;
}
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*--  ESPACE REGIONAL  --*/
#interRegional {
float: left;
width: 940px;
padding: 0px 15px 70px 20px;
background-image: url(fond_espace_regional.jpg);
background-repeat: no-repeat;
background-position: bottom;
}
#interRegional #colGauche {
float: left;
width: 330px;
}
#interRegional #colGaucheInter {
float: left;
width: 210px;
}
#interRegional #colDroite {
float: right;
width: 565px;
padding: 0px 0px 0px 8px;
border-left: 1px solid #CCCCCC;
}
#interRegional #colDroite #agregate .blocAgregate {
background-color: #fefcbe;
float: left;
width: 555px;
padding: 5px;
margin: 3px 0px 3px 0px;
}
#interRegional #colDroite #agregate .blocAgregate h4 {
font-size: medium;
font-weight: normal;
color: #b9060f;
padding: 0px 0px 0px 0px;
}
#interRegional #colDroite #agregate .blocAgregate h5 {
font-weight: bold;
padding: 0px 0px 0px 0px;
clear: both;
}
#interRegional #colDroite #agregate .blocAgregate div.itemrss {
padding: 0px 0px 0px 30px;
width: 515px;
float: left;
}
#interRegional #colDroite #agregate .blocAgregate div img {
float: left;
margin-right: 10px;
}
#interRegional #colDroite #agregate .blocAgregate div a {
font-weight: bold;
color: #660000;
}
#interRegional #colDroiteInter {
float: right;
width: 630px;
padding: 0px 20px 0px 35px;
border-left: 1px solid #CCCCCC;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- ACCUEIL ---*/
body.bodyAccueil #menu,
body.bodyAccueil #menu ul {
width: 8px;
height: 50px;
float: left;
padding: 0px 0px 0px 0px;
}
body.bodyAccueil #inter {
width: 744px;
padding: 5px 12px 0px 0px;
z-index: 999999;
}
#hautAccueil {
float: left;
width: 744px;
padding: 0px 0px 0px 0px;
margin-bottom: 20px;
background-image: url(bas_zones_accueil.gif);
background-repeat: no-repeat;
background-position: bottom;
z-index: 999999;
}
/*--  REMONTEE DES EVENEMENTS SUR LA HOME PAGE  --*/
#events {
float: left;
width: 720px;
padding: 10px 0px 0px 24px;
background-image: url(fond_events_accueil.gif);
background-repeat: no-repeat;
}
#events h2 {
display: none;
}
#events div.eventline {
float: left;
width: 210px;
padding: 0px 15px 0px 15px;
}
#events div.eventline strong,
#events div.eventline strong a {
font-weight: bold;
color: #CC0000;
margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 0px;
text-decoration: none;
}
#events div.eventline p a.title:hover {
text-decoration: underline;
}
#events div.eventline p img {
float: right;
margin-left: 10px;
}
#events div.eventline ul li {
width: 190px;
padding: 0px 5px 5px 12px;
background-position: 0px 2px;
}
#events div.eventline ul li.theme,
#events div.eventline ul li.public {
display: none;
}
#events p.toutevents {
float: left;
clear: left;
width: 130px;
font-size: x-small;
padding: 10px 30px 0px 0px;
margin-left: -8px;
}
#events p.filrss {
float: left;
width: 110px;
font-size: x-small;
padding: 10px 30px 0px 0px;
}
#events p.fluxnetvibes {
float: left;
width: 110px;
font-size: x-small;
padding: 10px 30px 0px 0px;
}
#events p.fluxigoogle {
float: left;
width: 110px;
font-size: x-small;
padding: 10px 80px 0px 0px;
}
#events p.toutevents a,
#events p.filrss a,
#events p.fluxnetvibes a,
#events p.fluxigoogle a {
text-decoration: none;
display: block;
color: #CC0000;
padding: 0px 0px 5px 23px;
background-repeat: no-repeat;
background-position: 0px 2px;
}
#events p.toutevents a {
background-image: url(bout_voir_tous_evenements.gif);
}
#events p.filrss a {
background-image: url(bout_rss_evenements_accueil.gif);
}
#events p.fluxnetvibes a {
background-image: url(netvibes-rouge.gif);
}
#events p.fluxigoogle a {
background-image: url(google-rouge.gif);
}
#events p.toutevents a:hover,
#events p.filrss a:hover,
#events p.fluxnetvibes a:hover,
#events p.fluxigoogle a:hover {
text-decoration: underline;
}
#basAccueil {
float: left;
width: 744px;
padding: 0px 0px 0px 0px;
background-image: url(bas_zones_accueil.gif);
background-repeat: no-repeat;
background-position: bottom;
margin-bottom: 20px;
}
/*--  REMONTEE DES EVENEMENTS SUR LES PAGES BIBLIOTHEQUES  --*/
#themevent div.themevent {
float: left;
clear: both;
width: 210px;
padding: 0px 0px 10px 0px;
margin: 0px 0px 10px 0px;
border-bottom: 1px solid #CC0000;
}
#themevent div.themevent div.eventline p {
width: 100%;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
padding-left: 12px;
background-image: url(puce_liste.gif);
background-repeat: no-repeat;
background-position: 0px 6px;
}
#themevent div.themevent div.eventline p strong a {
color: #CC0000;
text-decoration: none;
}
#themevent div.themevent div.eventline p strong a:hover {
text-decoration: underline;
}
/*--  REMONTEE DES ACTUALITES SUR LA HOME PAGE  --*/
#actus {
float: left;
width: 720px;
padding: 10px 0px 0px 24px;
background-image: url(fond_actus_accueil.gif);
background-repeat: no-repeat;
}
#actus h2 {
display: none;
}
#actus p {
float: left;
width: 210px;
padding: 0px 15px 0px 15px;
}
#actus p strong a {
color: #336699;
text-decoration: none;
}
#actus p img {
float: right;
margin-left: 10px;
}
#actus p strong a:hover {
text-decoration: underline;
}
#actus p.toutesactus {
float: left;
clear: left;
width: 130px;
font-size: x-small;
padding: 10px 30px 0px 0px;
margin-left: -8px;
}
#actus p.filrss {
float: left;
width: 110px;
font-size: x-small;
padding: 10px 30px 0px 0px;
}
#actus p.fluxnetvibes {
float: left;
width: 110px;
font-size: x-small;
padding: 10px 30px 0px 0px;
}
#actus p.fluxigoogle {
float: left;
width: 110px;
font-size: x-small;
padding: 10px 80px 0px 0px;
}
#actus p.toutesactus a,
#actus p.filrss a,
#actus p.fluxnetvibes a,
#actus p.fluxigoogle a {
text-decoration: none;
display: block;
color: #336699;
padding: 0px 0px 5px 23px;
background-repeat: no-repeat;
background-position: 0px 2px;
}
#actus p.toutesactus a {
background-image: url(bout_voir_toutes_actus.gif);
}
#actus p.filrss a {
background-image: url(bout_rss_actus_accueil.gif);
}
#actus p.fluxnetvibes a {
background-image: url(netvibes-bleu.gif);
}
#actus p.fluxigoogle a {
background-image: url(google-bleu.gif);
}
#actus p.toutesactus a:hover,
#actus p.filrss a:hover,
#actus p.fluxnetvibes a:hover,
#actus p.fluxigoogle a:hover {
text-decoration: underline;
}
/*--  REMONTEE DES ACTUALITES SUR LES PAGES BIBLIOTHEQUES  --*/
#right #themeactu div.themeactuglob {
width: 195px;
background-image: url(fond_bas_zones_droite.gif);
background-repeat: no-repeat;
background-position: bottom;
}
#right #themeactu div.themeactu {
width: 175px;
padding: 0px 10px 15px 10px;
background-image: url(haut_zone_droite_gris.gif);
background-repeat: no-repeat;
background-position: top;
}
#themeactu div.themeactu h3 {
padding: 5px 0px 10px 0px;
margin: 0px 0px 0px 0px;
font-size: small;
font-weight: normal;
}
#themeactu div.themeactu p {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
padding-left: 12px;
background-image: url(puce_liste.gif);
background-repeat: no-repeat;
background-position: 0px 6px;
}
#themeactu div.themeactu p strong a {
color: #336699;
text-decoration: none;
}
#themeactu div.themeactu p img {
float: right;
margin-left: 10px;
}
#themeactu div.themeactu p strong a:hover {
text-decoration: underline;
}
/*----------------------------------------------------------------------------------*/
/*--  LISTE COMPLETE DES ACTUALITES  --*/
body.bodyActus #form01 {
border-bottom: 1px solid #336699;
padding: 0px 0px 10px 0px;
margin: 0px 0px 0px 0px;
}
body.bodyActus #form01 .footer {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
/*--  ABONNEMENT FLUX  --*/
body.bodyActus #inter p.filrss {
float: left;
width: 110px;
font-size: x-small;
padding: 0px 30px 0px 20px;
margin: 5px 0px 15px 250px;
}
body.bodyActus #inter p.filrss a {
text-decoration: none;
display: block;
color: #336699;
padding: 0px 0px 5px 23px;
background-repeat: no-repeat;
background-position: 0px 2px;
background-image: url(bout_rss_actus_accueil.gif);
}
body.bodyActus #inter p.filrss a:hover {
text-decoration: underline;
}
/*-------------------------------*/
.actuLigne {
float: left;
width: 100%;
margin: 0px 0px 10px 0px;
padding:  0px 0px 10px 0px;
border-bottom: 1px solid #336699;
}
#inter .actuLigne img {
float: right;
margin-left: 10px;
}
.actuLigne strong a {
color: #336699;
text-decoration: none;
}
.actuLigne strong a:hover {
text-decoration: underline;
}
/*----------------------------------------------------------------------------------*/
/*--  LISTE COMPLETE DES EVENEMENTS - AGENDA CULTUREL  --*/
/*-------------*/
/*--  MOTEUR DE RECHERCHE  --*/
body.rechEvent #menu ul li ul.on li ul.on li.zoneForm {
padding-bottom: 155px;
}
#inter #formfindcalendar {
position: absolute;
top: 250px;
left: 40px;
width: 130px;
padding: 0px 0px 0px 0px;
margin:  0px 0px 0px 0px;
}
#inter #formfindcalendar form,
#inter #formfindcalendar fieldset {
padding: 0px 0px 0px 0px;
margin:  0px 0px 0px 0px;
}
#inter #formfindcalendar .entry {
padding: 0px 0px 0px 0px;
margin:  0px 0px 3px 0px;
}
#inter #formfindcalendar .entry input,
#inter #formfindcalendar .entry select {
width: 125px;
color: #69841B;
border: 1px solid #69841B;
font-size: x-small;
}
#inter #formfindcalendar .submit {
width: 125px;
padding: 5px 0px 0px 0px;
margin:  0px 0px 0px 0px;
text-align: center;
}
#inter #formfindcalendar .submit input {
padding: 0px 0px 0px 0px;
margin:  0px 0px 0px 0px;
background-color: #69841B;
border: 1px solid #69841B;
color: #FFFFFF;
font-weight: normal;
}
#formfindcalendar label,
#formfindcalendar .footer {
display: none;
}
/*--  CALENDRIER  --*/


#oCalendar {
float: left;
width: 540px;
padding:  0px 0px 15px 0px;
margin:  0px 0px 5px 0px;
border-bottom: 1px solid #CA9898;
}
#oCalendar #monthprev {
float: left;
width: 175px;
text-align: right;
padding: 30px 15px 0px 0px;
margin: 0px 0px 0px 0px;
}
#oCalendar #monthnext {
float: left;
width: 150px;
padding: 30px 0px 0px 15px;
margin: 0px 0px 0px 0px;
}
#oCalendar #monthprev a,
#oCalendar #monthnext a {
text-decoration: none;
}
#oCalendar #monthprev a:hover,
#oCalendar #monthnext a:hover {
text-decoration: underline;
}
#oCalendar table {
float: left;
width: 150px;
color: #75A00B;
margin: 0px 0px 0px 0px;
}
#oCalendar table th,
#oCalendar table td.week  {
background-color: #75A00B;
color: #FFFFFF;
}
#oCalendar table td.empty{
background: #B1D862;
}
#oCalendar table th,
#oCalendar table td {
border: 1px solid #75A00B;
}
#oCalendar table th,
#oCalendar table td{
padding: 3px;
text-align: center;
}
#oCalendar table th a,
#oCalendar table td a{
text-decoration: none;
}
#oCalendar table td.nextday a{
color: #CC0000;
font-weight: bold;
}
#oCalendar td.monthOff{
background: #EEEEEE;
color: #999999;
}
#oCalendar td.nextday:hover,
#oCalendar td.nextday a:hover{
background: #EEEEEE;
color: #CC0000;
}
#oCalendar table td.today,
#oCalendar table td.today a{
background:#CC0000;
color: #FFFFFF;
}
#oCalendar td.today a:hover,
#oCalendar td.today:hover{
background:#CC0000;
color: #FFFFFF;
font-weight: bold;
}

/*--  ABONNEMENT FLUX  --*/
body.rechEvent #inter p.filrss {
float: left;
width: 105px;
font-size: x-small;
padding: 0px 30px 0px 20px;
margin: 5px 0px 15px 200px;
}
body.rechEvent #inter p.filrss a {
text-decoration: none;
display: block;
color: #CC0000;
padding: 0px 0px 5px 23px;
background-repeat: no-repeat;
background-position: 0px 2px;
background-image: url(bout_rss_evenements_accueil.gif);
}
body.rechEvent #inter p.filrss a:hover {
text-decoration: underline;
}
/*--  AFFICHAGE DES EVENEMENTS  --*/
body.bodyAnim .eventline {
float: left;
width: 100%;
margin: 0px 0px 10px 0px;
padding:  0px 0px 10px 0px;
border-bottom: 1px solid #CA9898;
}
#inter .eventline p img {
float: right;
margin-left: 10px;
}
.eventline p strong,
.eventline p strong a {
font-weight: bold;
color: #CC0000;
text-decoration: none;
}
.eventline p strong a:hover {
text-decoration: underline;
}
#inter .eventline ul {
margin: 7px 0px 7px 0px;
padding: 0px 0px 0px 0px;
font-size: x-small;
line-height: 12px;
clear: both;
}
#inter .eventline ul li {
float: left;
width: 160px;
padding: 0px 5px 5px 12px;
background-position: 0px 2px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*---COMMENTAIRES / BLOGS ---*/
#comment,
#commentPop,
#appreciation,
#appreciationPop {
padding: 10px;
background-color: #FFFFFF;
float: left;
line-height:18px;
padding:5px 15px 20px;
width:560px;
/*border: 1px solid #CCCCCC;*/
}
body #comment form,
body #appreciationPop form {
margin:20px 0px 10px 0px;
}
#comment ol,
#commentPop ol,
#appreciation ol,
#appreciationPop ol {
margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 0px;
list-style-position: inside;
}
#comment ol li,
#commentPop ol li,
#appreciation ol li,
#appreciationPop ol li {
margin: 0px 0px 0px 0px;
padding:  5px 0px 0px 0px;
border-top: 1px solid #CCCCCC;
}
#comment ol li .author,
#commentPop ol li .author,
#appreciation ol li .author,
#appreciationPop ol li .author {
font-weight: bold;
}
#comment ol li p.posted,
#commentPop ol li p.posted,
#appreciation ol li p.posted,
#appreciationPop ol li p.posted {
font-size: x-small;
margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 0px;
}
#comment ol li p.comment,
#commentPop ol li p.comment,
#appreciation ol li p.comment,
#appreciationPop ol li p.comment {
margin: 0px 0px 10px 0px;
}
#comment ol,
#commentPop ol,
#appreciation ol,
#appreciationPop ol {
padding-bottom: 10px;
border-bottom: 1px solid #CCCCCC;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- RIGHT ---*/
/*--------------------------------------------------------------------------------------------------------------*/
#right {
float: right;
width: 195px;
padding: 0px 5px 10px 0px;
margin-top: -23px;
}
body.bodyAccueil #right {
margin-top: 0px;
}
#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;
}
/*---------------------------------------------------------------------*/
/*--- ZONE DE FONCTIONNALITES ---*/
#foncts #bgFoncts {
width: 195px;
background-image: url(fond_bas_zones_droite.gif);
background-repeat: no-repeat;
background-position: bottom;
}
#foncts #interFoncts {
width: 175px;
padding: 55px 10px 15px 10px;
background-image: url(haut_zone_fonctionnalites.gif);
background-repeat: no-repeat;
background-position: top;
}
#foncts #interFoncts ul.listFoncts {
margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 0px;
}
#foncts #interFoncts ul.listFoncts li {
margin: 0px 0px 3px 0px;
padding:  0px 0px 0px 0px;
}
#foncts #interFoncts ul.listFoncts li a {
color: #666666;
text-decoration: none;
padding:  0px 0px 0px 14px;
background-image: url(puce_pave_fontionnalites.gif);
background-repeat: no-repeat;
background-position: 0px 4px;
}
#foncts #interFoncts ul.listFoncts li a:hover {
color: #CC0000;
}
/*---------------------------------------------------------------------*/
/*--- AVATAR---*/
#avatar #bgAvatar {
width: 195px;
background-image: url(fond_bas_zones_droite.gif);
background-repeat: no-repeat;
background-position: bottom;
}
#avatar #interAvatar {
width: 185px;
padding: 0px 5px 5px 5px;
background-image: url(haut_zone_droite_rouge.gif);
background-repeat: no-repeat;
background-position: top;
}
#avatar p {
padding: 5px 0px 5px 0px;
margin: 0px 0px 0px 0px;
}
#avatar #interAvatar #avatar_bulle {
width: 150px;
padding: 0px 5px 0px 5px;
margin: 0px 0px 0px 5px;
background-image: url(haut_bulle_avatar.gif);
background-repeat: no-repeat;
background-position: right top;
}
#avatar #interAvatar #avatar_question_content {
width: 150px;
padding: 5px 0px 10px 0px;
}
#avatar #interAvatar #avatar_display_answer {
font-size: x-small;
padding: 2px 0px 2px 0px;
}
#avatar #interAvatar #avatar_display_answer a {
color: #088C24;
padding: 0px 0px 0px 15px;
background-image: url(puce_voir_reponse.gif);
background-repeat: no-repeat;
text-decoration: none;
}
#avatar #interAvatar #avatar_answer {
color: #088C24;
padding: 0px 0px 10px 0px;
}
#avatar #interAvatar #avatar_answer_content {
color: #333333;
padding: 0px 0px 0px 0px;
}
#avatar #interAvatar #avatar_next_question {
font-size: x-small;
color: #088C24;
}
#avatar #interAvatar #avatar_next_question a {
color: #8C002B;
padding: 0px 0px 0px 15px;
background-image: url(puce_autre_question.gif);
background-repeat: no-repeat;
text-decoration: none;
}
#avatar #interAvatar #avatar_next_question a:hover,
#avatar #interAvatar #avatar_display_answer a:hover {
text-decoration: underline;
}
#avatar #interAvatar #avatar_swf {
width: 185px;
height: 230px;
background-image: url(bas_bulle_avatar.gif);
background-repeat: no-repeat;
background-position: 5px 0px;
}
/*---------------------------------------------------------------------*/
/*--- TOTEM ---*/
#totem #bgTotem {
width: 195px;
background-image: url(fond_bas_zones_droite.gif);
background-repeat: no-repeat;
background-position: bottom;
}
#totem #interTotem {
width: 175px;
padding: 0px 10px 10px 10px;
background-image: url(haut_zone_droite_gris.gif);
background-repeat: no-repeat;
background-position: top;
}
#totem p {
margin: 0px 0px 0px 0px;
padding: 5px 0px 5px 0px;
}

/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*--- NAV TYPE IPHONE  ---*/
#navmenu #bgnavmenu {
width: 195px;
background-image: url(1px.gif);
background-repeat: repeat;
background-position: bottom;
}
#navmenu #internavmenu {
width: 175px;
padding: 0px 10px 10px 10px;
background-image: url(1px.gif);
background-repeat: no-repeat;
background-position: top;
}
#navmenu p {
margin: 0px 0px 0px 0px;
padding: 5px 0px 5px 0px;
}
/*--- NAV TYPE IPHONE 2 ---*/
#navmenu2 #bgnavmenu2 {
width: 195px;
background-image: url(fond_bas_zones_droite.gif);
background-repeat: repeat;
background-position: bottom;
}
#navmenu2 #internavmenu2 {
width: 175px;
padding: 0px 10px 10px 10px;
background-image: url(haut_zone_droite_gris.gif);
background-repeat: no-repeat;
background-position: top;
}
#navmenu2 p {
margin: 0px 0px 0px 0px;
padding: 5px 0px 5px 0px;
}
/*---------------------------------------------------------------------*/
/*--- NUAGE DE TAGS  ---*/
#nuageTags #bgNuageTags {
width: 195px;
background-image: url(fond_bas_zones_droite.gif);
background-repeat: no-repeat;
background-position: bottom;
}
#nuageTags #interNuageTags {
width: 175px;
padding: 0px 10px 10px 10px;
background-image: url(haut_zone_droite_rouge.gif);
background-repeat: no-repeat;
background-position: top;
line-height: 1.4em;
}
#nuageTags p {
margin: 0px 0px 0px 0px;
padding: 5px 0px 5px 0px;
}
/*---------------------------------------------------------------------*/
/*--- PRESENTATION BIBLIOTHEQUES  ---*/
#mediatheque #bgMediatheque,
#perigord #bgPerigord,
#bibliQuartier #bgBibliQuartier {
width: 195px;
background-image: url(fond_bas_zones_droite.gif);
background-repeat: no-repeat;
background-position: bottom;
font-size: x-small;
line-height: 14px;
}
#mediatheque #interMediatheque,
#perigord #interPerigord,
#bibliQuartier #interBibliQuartier {
width: 175px;
padding: 0px 10px 10px 10px;
background-image: url(haut_zone_droite_accueil_bibli.gif);
background-repeat: no-repeat;
background-position: top;
}
#mediatheque #interMediatheque ul.liens,
#perigord #interPerigord ul.liens,
#bibliQuartier #interBibliQuartier ul.liens {
background-image: url(separ_zone_droite_accueil_bibli.gif);
background-repeat: no-repeat;
background-position: right bottom;
font-size: small;
line-height: 18px;
margin: 0px 0px 0px -5px;
padding:  8px 0px 5px 5px;
width: 175px;
}
#mediatheque #interMediatheque ul.liens li,
#perigord #interPerigord ul.liens li,
#bibliQuartier #interBibliQuartier ul.liens li {
margin: 0px 0px 3px 0px;
padding:  0px 0px 0px 0px;
}
#mediatheque #interMediatheque ul.liens li a,
#perigord #interPerigord ul.liens li a,
#bibliQuartier #interBibliQuartier ul.liens li a {
color: #CC0000;
font-weight: bold;
text-decoration: none;
padding:  0px 0px 0px 14px;
background-image: url(puce_pave_fontionnalites.gif);
background-repeat: no-repeat;
background-position: 0px 4px;
}
#mediatheque #interMediatheque ul.liens li a:hover,
#perigord #interPerigord ul.liens li a:hover,
#bibliQuartier #interBibliQuartier ul.liens li a:hover {
text-decoration: underline
}
#mediatheque p,
#perigord p,
#bibliQuartier p {
margin: 0px 0px 0px 0px;
padding: 5px 0px 5px 0px;
}
/*---------------------------------------------------------------------*/
/*--- NEBULEUSE  ---*/
#nebuleuse #bgNebuleuse {
float: left;
width: 195px;
background-image: url(fond_bas_zones_droite.gif);
background-repeat: no-repeat;
background-position: bottom;
}
#nebuleuse #interNebuleuse {
float: left;
width: 183px;
padding: 0px 6px 10px 6px;
background-image: url(haut_zone_droite_nebuleuse.gif);
background-repeat: no-repeat;
background-position: top;
}
#nebuleuse p {
margin: 0px 0px 0px 0px;
padding: 5px 0px 5px 0px;
}
#nebuleuse #interNebuleuse ul.listNebuleuse01 {
float: left;
width: 183px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
#nebuleuse #interNebuleuse ul.listNebuleuse01 li {
width: 183px;
height: 41px;
overflow: hidden;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
#nebuleuse #interNebuleuse ul.listNebuleuse01 li a {
display: block;
width: 183px;
height: 40px;
overflow: hidden;
padding: 0px 0px 0px 0px;
border-bottom: 1px solid #0101FF;
background-repeat: no-repeat;
background-position: 0px -10px;
}
#nebuleuse #interNebuleuse ul.listNebuleuse01 li.nebBlog a {
background-image: url(bout_blog.gif);
}
#nebuleuse #interNebuleuse ul.listNebuleuse01 li.nebBlogBerlin a {
background-image: url(bout_blogberlin.gif);
}
#nebuleuse #interNebuleuse ul.listNebuleuse01 li.nebBibliosesame a {
background-image: url(bout_bibliosesame.gif);
}
#nebuleuse #interNebuleuse ul.listNebuleuse01 li.nebEspJeun a {
background-image: url(bout_espace_Jeunesse.gif);
}
#nebuleuse #interNebuleuse ul.listNebuleuse01 li.nebEspPro a {
background-image: url(bout_espace_pro.gif);
}
#nebuleuse #interNebuleuse ul.listNebuleuse01 li.nebEspReg a {
background-image: url(bout_espace_regional.gif);
}
#nebuleuse #interNebuleuse ul.listNebuleuse01 li.nebEspPat a {
background-image: url(bout_espace_pat.gif);
}
#nebuleuse #interNebuleuse ul.listNebuleuse01 li.nebPef a {
background-image: url(bout_pef.gif);
}
#nebuleuse #interNebuleuse ul.listNebuleuse01 li.nebCataJeune a {
background-image: url(bout_catalogue_jeunesse.gif);
}
#nebuleuse #interNebuleuse ul.listNebuleuse01 li a span {
margin-left: -400px;
}
#nebuleuse #interNebuleuse ul.listNebuleuse01 li a:hover {
border-bottom: 1px solid #CC0000;
background-position: 0px -110px;
}
#nebuleuse #interNebuleuse ul.listNebuleuse02 {
float: left;
width: 170px;
padding: 5px 6px 5px 8px;
margin: 0px 0px 0px 0px;
}
#nebuleuse #interNebuleuse ul.listNebuleuse02 li {
float: left;
padding: 3px 0px 3px 0px;
}
#nebuleuse #interNebuleuse ul.listNebuleuse02 li a {
display: block;
width: 34px;
height: 20px;
float: left;
text-align: center;
padding: 4px 0px 0px 0px;
}
#nebuleuse #interNebuleuse ul.listNebuleuse02 li a:hover {
background-color: #CCCCCC;
}
/*---------------------------------------------------------------------*/
/*--- RECHERCHE PAR SUPPORT ---*/
#support #bgSupport {
width: 195px;
background-image: url(fond_bas_zones_droite.gif);
background-repeat: no-repeat;
background-position: bottom;
}
#support #interSupport {
width: 175px;
padding: 0px 10px 20px 10px;
background-image: url(haut_zone_droite_gris.gif);
background-repeat: no-repeat;
background-position: top;
}
#support #interSupport p {
padding: 5px 0px 5px 0px;
margin: 0px 0px 0px 0px;
}
#support form {
padding: 0px 0px 0px 5px;
margin:  0px 0px 0px 0px;
}
#support form label {
font-size: x-small;
font-weight: normal;
}
#support form .entry div input {
margin-right: 5px;
}
#support div.footer {
display: none;
}
#support div.submit {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
}
#support div.submit input {
margin: 0px 5px 0px 5px;
font-size: x-small;
font-weight: normal;
width: 60px;
color: #CC0000;
border: 1px solid #333333;
background-color: #CCCCCC;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- FOOTER ---*/
#footer {
float: left;
width: 975px;
font-size: x-small;
padding: 0px 0px 10px 0px;
text-align: center;
margin-top: -52px;
}
#footerPopup {
clear: both;
width: 600px;
font-size: x-small;
padding: 10px 0px 10px 0px;
text-align: center;
border-top: 1px solid #333333;
}
#footerRegional {
clear: both;
float: left;
width: 975px;
font-size: x-small;
padding: 10px 0px 0px 0px;
margin-top: -52px;
text-align: center;
}
#footerRegional p.logoFooter {
clear: both;
float: left;
width: 975px;
padding: 10px 0px 10px 0px;
margin: 19px 0px 0px 0px;
text-align: center;
border-top: 1px solid #333333;
}
body.bodyAccueil #footer {
margin-top: -27px;
}
#footer a,
#footerRegional a {
text-decoration: none;
}
#footer ul {
clear: both;
float: left;
width: 975px;
border-top: 1px solid #333333;
padding: 5px 0px 10px 0px;
margin: 28px 0px 0px 0px;
}
#footer ul li {
display: inline;
}
/*-- HAUT DE LA PAGE --*/
body.bodyAccueil #hautpage {
display: none;
}
#hautpage {
float: left;
padding-left: 235px;
}
body.bodyQuiSommes #hautpage,
body.bodyAccess #hautpage,
body.bodyGenerique #hautpage {
padding-left: 55px;
}
#hautpage a {
display: block;
width: 71px;
height: 18px;
padding: 0px 0px 5px 19px;
background-repeat: no-repeat;
background-position: 0px 3px;
}
body.bodyQuiSommes #hautpage a,
body.bodyAccess #hautpage a,
body.bodyGenerique #hautpage a {
color: #CC0000;
background-image: url(puce_haut_generique.gif);
}
body.bodyInfos #hautpage a {
color: #FF0099;
background-image: url(puce_haut_infos.gif);
}
body.bodyRessources #hautpage a {
color: #330000;
background-image: url(puce_haut_ressources.gif);
}
body.bodyAnim #hautpage a {
color: #669900;
background-image: url(puce_haut_animations.gif);
}
body.bodyServices #hautpage a,
body.bodyActus #hautpage a {
color: #0000CC;
background-image: url(puce_haut_services.gif);
}
body.bodyEspaceRegional #hautpage a {
color: #666666;
background-image: url(puce_haut_regional.gif);
}
/*-- IMPRIMER LA PAGE --*/
body.bodyAccueil #imprimpage {
display: none;
}
#imprimpage {
float: left;
padding-left: 300px;
}
body.bodyQuiSommes #imprimpage,
body.bodyAccess #imprimpage,
body.bodyGenerique #imprimpage {
padding-left: 480px;
}
#imprimpage a {
display: block;
width: 81px;
height: 18px;
padding: 0px 0px 5px 19px;
background-repeat: no-repeat;
background-position: 0px 3px;
}
body.bodyQuiSommes #imprimpage a,
body.bodyAccess #imprimpage a,
body.bodyGenerique #imprimpage a {
color: #CC0000;
background-image: url(puce_print_generique.gif);
}
body.bodyInfos #imprimpage a {
color: #FF0099;
background-image: url(puce_print_infos.gif);
}
body.bodyRessources #imprimpage a {
color: #330000;
background-image: url(puce_print_ressources.gif);
}
body.bodyAnim #imprimpage a {
color: #669900;
background-image: url(puce_print_animations.gif);
}
body.bodyServices #imprimpage a,
body.bodyActus #imprimpage a {
color: #0000CC;
background-image: url(puce_print_services.gif);
}
body.bodyEspaceRegional #imprimpage a {
color: #666666;
background-image: url(puce_print_regional.gif);
}
/*--- TEXTE ---*/
div.coul01, .rouge, .coul01 {
color: #CC0000;
}
div.coul02, .bleu, .coul02 {
color: #0000CC;
}
div.coul03, .rose, .coul03 {
color: #FF0099;
}
div.coul04, .marron, .coul04 {
color: #330000;
}
div.coul05, .vert, .coul05 {
color: #669900;
}
div.coul06, .blanc, .coul06 {
color: #FFFFFF;
}
/*-- BORDURE D'IMAGES --*/
img.bord01, .bordureRouge {
border: 1px solid #CC0000;
}
img.bord02, .bordureBleue {
border: 1px solid #0000CC;
}
img.bord03, .bordureRose {
border: 1px solid #FF0099;
}
img.bord04, .bordureMarron {
border: 1px solid #330000;
}
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: x-small;
}
html div.prec a {
display: block;
padding: 0px 0px 0px 15px;
color: #333333;
text-decoration: none;
background-image: url(fleche_precedente.gif);
background-repeat: no-repeat;
background-position: 0px 3px;
}
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;
background-image: url(fleche_suivante.gif);
background-repeat: no-repeat;
background-position: 38px 6px;
}
html div.prec a:hover {
text-decoration: underline;
color: #CC0000;
}
html div.suiv a:hover {
text-decoration: underline;
color: #CC0000;
}
/*-- 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: 20px;
}
#plandusite h3 a {
font-size: medium;
margin: 7px 0px 7px 0px;
padding: 0;
text-decoration: none;
}
#plandusite ul {
padding: 0px 0px 5px 20px;
margin: 7px 50px 7px 0px;
}
#plandusite h3.planInfos a {
color: #FF0099;
}
#plandusite ul.listeplanInfos {
border-bottom: 1px solid #FF0099;
}
#plandusite ul.listeplanInfos a {
color: #FF0099;
}
#plandusite h3.planRessources a {
color: #330000;
}
#plandusite ul.listeplanRessources {
border-bottom: 1px solid #330000;
}
#plandusite ul.listeplanRessources a {
color: #330000;
}
#plandusite h3.planAnim a {
color: #669900;
}
#plandusite ul.listeplanAnim {
border-bottom: 1px solid #669900;
}
#plandusite ul.listeplanAnim a {
color: #669900;
}
#plandusite h3.planServices a {
color: #0000CC;
}
#plandusite ul.listeplanServices  {
border-bottom: 1px solid #0000CC;
}
#plandusite ul.listeplanServices a {
color: #0000CC;
}
#plandusite h3.planQui a {
color: #CC0000;
}
#plandusite ul.listeplanQui {
border-bottom: 1px solid #CC0000;
}
#plandusite ul.listeplanQui a {
color: #CC0000;
}
#plandusite h3.planAccess a {
color: #6699CC;
}
#plandusite ul.listeplanAcces {
border-bottom: 1px solid #6699CC;
}
#plandusite ul.listeplanAcces a{
color: #6699CC;
}
#plandusite ul li ul {
padding: 0px 0px 0px 10px;
border-bottom: none;
margin: 0px 0px 0px 0px;
font-weight: normal;
}
#plandusite ul li a {
text-decoration: none;
}
#plandusite ul li a:hover {
color: #CC0000;
text-decoration: underline;
}
/*-----------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/
/*--  EXPOS EN LIGNE  --*/
html {
width:100%;
height:100%;
}
body.bodyExpoVert,
body.bodyExpoBleu,
body.bodyExpoBleuClair,
body.bodyExpoViolet,
body.bodyExpoOrange {
width:100%;
height:100%;
vertical-align:middle;
margin: 0;
padding: 0;
background-color: #F5F5F5;
background-image: url(bg_expo_ligne.gif);
background-repeat: no-repeat;
background-position: center center;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: small;
color: #333333;
line-height: 18px;
}
body.bodyExpoJeunesseViolet,
body.bodyExpoJeunesseRose,
body.bodyExpoJeunesseVert,
body.bodyExpoJeunesseOrange {
width:100%;
height:100%;
vertical-align:middle;
margin: 0;
padding: 0;
background-repeat: no-repeat;
background-position: center center;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: small;
color: #333333;
line-height: 18px;
}
body.bodyExpoJeunesseViolet {
background-color: #a167cd;
background-image: url(bg_expo_ligne_jeunesse_violet.gif);
}
body.bodyExpoJeunesseRose {
background-color: #f988fa;
background-image: url(bg_expo_ligne_jeunesse_rose.gif);
}
body.bodyExpoJeunesseVert {
background-color: #35b52c;
background-image: url(bg_expo_ligne_jeunesse_vert.gif);
}
body.bodyExpoJeunesseOrange {
background-color: #0458b2;
background-image: url(bg_expo_ligne_jeunesse_orange.gif);
}
/*-----------------------SOLOTAREFF PAGE D'INTRO------------------------*/
body.bodyExpoSolotareff {
background-color: #35b52c;
background-repeat: no-repeat;
background-image: url(solotareff_background.jpg);
}
.menuSolotareff {
 border:none;
 position: absolute;
 left: 500px;
 top: 200px;
 width: 400px;
font-size: 14px;
font-variant: normal;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-weight: bold;
font-family: Comic Sans MS;
color:#000000;
}
.dates {
 border:none;
 position: absolute;
 left: 210px;
 top: 500px;
 width: 800px;
font-size: 12px;
font-variant: normal;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-weight: normal;
font-family: Comic Sans MS;
color:#000000;
}


/*--  TOTAL  --*/
body.bodyExpoVert #total ,
body.bodyExpoBleu #total ,
body.bodyExpoBleuClair #total ,
body.bodyExpoViolet #total ,
body.bodyExpoOrange #total,
body.bodyExpoJeunesseViolet #total,
body.bodyExpoJeunesseRose #total,
body.bodyExpoJeunesseVert #total,
body.bodyExpoJeunesseOrange #total {
min-height:50px !important;
height:100%;
width:100%;
}
#contentVert {
position:absolute;
width:100%;
top:50%;
margin-top:-245px; /*has to be 50% of container height ...*/
}
#contentHorz {
margin:auto;
width: 770px;
height: 490px;
background-color: #FFFFFF;
background-repeat: no-repeat;
}
body.bodyExpoJeunesseViolet #contentHorz,
body.bodyExpoJeunesseRose #contentHorz,
body.bodyExpoJeunesseVert #contentHorz,
body.bodyExpoJeunesseOrange #contentHorz {
background-color: transparent;
}
body.bodyExpoSolotareff #contentHorz {
background-image: url(Solotareff_background.jpg);
}
body.bodyExpoVert #contentHorz {
background-image: url(fond_expo_vert.gif);
}
body.bodyExpoBleu #contentHorz {
background-image: url(fond_expo_bleu.gif);
}
body.bodyExpoBleuClair #contentHorz {
background-image: url(fond_expo_bleu_clair.gif);
}
body.bodyExpoViolet #contentHorz {
background-image: url(fond_expo_violet.gif);
}
body.bodyExpoOrange #contentHorz {
background-image: url(fond_expo_orange.gif);
}
#headerExpo {
float; left;
position: relative;
width: 750px;
height: 80px;
text-align: right;
padding: 10px 20px 0px 0px;
}
body.bodyExpoJeunesseViolet #headerExpo,
body.bodyExpoJeunesseRose #headerExpo,
body.bodyExpoJeunesseVert #headerExpo,
body.bodyExpoJeunesseOrange #headerExpo {
padding: 5px 20px 5px 0px;
}
#headerExpo h1 {
display: block;
font-size: xx-large;
font-variant: small-caps;
color: #FFFFFF;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
line-height: 34px;
font-weight: normal;
}
body.bodyExpoJeunesseViolet #headerExpo h1,
body.bodyExpoJeunesseRose #headerExpo h1,
body.bodyExpoJeunesseVert #headerExpo h1,
body.bodyExpoJeunesseOrange #headerExpo h1 {
font-size: xx-large;
font-variant: small-caps;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
line-height: 2em;
font-weight: normal;
font-family: Comic Sans MS;
}
body.bodyExpoJeunesseViolet #headerExpo h1{
color: #7a3f75;
}
body.bodyExpoJeunesseRose #headerExpo h1{
color: #c624c7;
}
body.bodyExpoJeunesseVert #headerExpo h1{
color: #1e7910;
}
body.bodyExpoJeunesseOrange #headerExpo h1{
color: #0458b2;
}
#headerExpo #retourAcc {
position: absolute;
top: 70px;
left: 28px;
font-size: x-small;
font-variant: small-caps;
}
body.bodyExpoJeunesseViolet #headerExpo #retourAcc,
body.bodyExpoJeunesseRose #headerExpo #retourAcc,
body.bodyExpoJeunesseVert #headerExpo #retourAcc,
body.bodyExpoJeunesseOrange #headerExpo #retourAcc {
position: absolute;
top: 40px;
left: 28px;
font-size: x-small;
font-variant: small-caps;
width: 113px;
height: 24px;
font-family: Comic Sans MS;
text-align: left;
}
#headerExpo #retourAcc a.retour {
color: #666666;
text-decoration: none;
padding: 0px 0px 0px 23px;
background-repeat: no-repeat;
background-position: 0px 0px;
}
body.bodyExpoVert #headerExpo #retourAcc a.retour {
background-image: url(fleche_retour_verte.gif);
}
body.bodyExpoBleu #headerExpo #retourAcc a.retour {
background-image: url(fleche_retour_bleu.gif);
}
body.bodyExpoBleuClair #headerExpo #retourAcc a.retour {
background-image: url(fleche_retour_bleu_clair.gif);
}
body.bodyExpoViolet #headerExpo #retourAcc a.retour {
background-image: url(fleche_retour_violet.gif);
}
body.bodyExpoOrange #headerExpo #retourAcc a.retour {
background-image: url(fleche_retour_orange2.gif);
}
body.bodyExpoJeunesseViolet #headerExpo #retourAcc a.retour,
body.bodyExpoJeunesseRose #headerExpo #retourAcc a.retour,
body.bodyExpoJeunesseVert #headerExpo #retourAcc a.retour,
body.bodyExpoJeunesseOrange #headerExpo #retourAcc a.retour {
color: #666666;
text-decoration: none;
display: block;
width: 92px;
height: 21px;
padding: 3px 0px 0px 21px;
background-image: url(fond_retour_jeunesse.gif);
background-repeat: no-repeat;
font-family: Comic Sans MS;
}
#interExpo {
width: 720px;
height: 335px;
padding: 0px 20px 0px 30px;
overflow: hidden;
}
#interExpo h2,
#interExpo h2 a {
font-size: large;
margin: 7px 0px 7px 0px;
padding: 0;
font-variant: small-caps;
color: #f45903;
line-height: 24px;
}
body.bodyExpoJeunesseViolet #interExpo h2,
body.bodyExpoJeunesseViolet #interExpo h2 a,
body.bodyExpoJeunesseRose #interExpo h2,
body.bodyExpoJeunesseRose #interExpo h2 a,
body.bodyExpoJeunesseVert #interExpo h2,
body.bodyExpoJeunesseVert #interExpo h2 a,
body.bodyExpoJeunesseOrange #interExpo h2,
body.bodyExpoJeunesseOrange #interExpo h2 a {
font-family: Comic Sans MS;
color: #990000;
}
#interExpo h3,
#interExpo h3 a {
font-size: medium;
font-weight: normal;
font-variant: small-caps;
margin: 7px 0px 7px 0px;
padding: 0;
line-height: 20px;
}
body.bodyExpoJeunesseViolet #interExpo h3,
body.bodyExpoJeunesseViolet #interExpo h3 a,
body.bodyExpoJeunesseRose #interExpo h3,
body.bodyExpoJeunesseRose #interExpo h3 a,
body.bodyExpoJeunesseVert #interExpo h3,
body.bodyExpoJeunesseVert #interExpo h3 a,
body.bodyExpoJeunesseOrange #interExpo h3,
body.bodyExpoJeunesseOrange #interExpo h3 a {
font-family: Comic Sans MS;
color: #990000;
}
#interExpo h4,
#interExpo h4 a {
font-size: small;
margin: 7px 0px 7px 0px;
padding: 0px 0px 0px 30px;
}
body.bodyExpoJeunesseViolet #interExpo h4,
body.bodyExpoJeunesseViolet #interExpo h4 a,
body.bodyExpoJeunesseRose #interExpo h4,
body.bodyExpoJeunesseRose #interExpo h4 a,
body.bodyExpoJeunesseVert #interExpo h4,
body.bodyExpoJeunesseVert #interExpo h4 a,
body.bodyExpoJeunesseOrange #interExpo h4,
body.bodyExpoJeunesseOrange #interExpo h4 a {
font-family: Comic Sans MS;
color: #990000;
}
#interExpo h5,
#interExpo h5 a {
font-size: small;
font-weight: normal;
margin: 7px 0px 7px 0px;
padding: 0px 0px 0px 30px;
}
#interExpo p {
margin: 7px 0px 7px 0px;
}
#interExpo ul {
margin: 7px 0px 7px 20px;
}
#interExpo ul li {
padding-left: 20px;
background-image: url(puce_liste_jeunesse.gif);
background-repeat: no-repeat;
background-position: 0px 3px;
}
#interExpo ul li ul {
margin: 0px 0px 0px 15px;
}
#interExpo ul li ul li {
padding-left: 12px;
background-image: url(puce_liste.gif);
background-repeat: no-repeat;
background-position: 0px 6px;
}
/*--  COLONNES  --*/
/*--  GAUCHE 75%  --*/
#interExpo #colGaucheExpo01 {
float: left;
width: 520px;
}
/*--  GAUCHE 50%  --*/
#interExpo #colGaucheExpo {
float: left;
width: 340px;
}
/*--  GAUCHE 25%  --*/
#interExpo #colGaucheExpo02 {
float: left;
width: 160px;
}
/*--  DROITE 75%  --*/
#interExpo #colDroiteExpo01 {
float: right;
width: 520px;
}
/*--  DROITE 50%  --*/
#interExpo #colDroiteExpo {
float: right;
width: 340px;
}
/*--  DROITE 25%  --*/
#interExpo #colDroiteExpo02 {
float: right;
width: 160px;
}
/*--  TRIPLE COLONNES  --*/
#interExpo #triCol01,
#interExpo #triCol02 {
float: left;
width: 210px;
padding-right: 45px;
}
#interExpo #triCol03 {
float: right;
width: 210px;
}
#precSuiv {
float: left;
width: 750px;
height: 25px;
padding: 0px 10px 0px 10px;
font-size: x-small;
}
#precSuiv a.prec {
float: left;
text-decoration: none;
padding: 0px 0px 0px 23px;
background-image: url(fleche_retour_orange.gif);
background-repeat: no-repeat;
background-position: 0px 2px;
}
body.bodyExpoJeunesseViolet #precSuiv a.prec ,
body.bodyExpoJeunesseRose #precSuiv a.prec ,
body.bodyExpoJeunesseVert #precSuiv a.prec ,
body.bodyExpoJeunesseOrange #precSuiv a.prec {
padding: 0px 0px 0px 27px;
background-image: url(fleche_retour_jeunesse.gif);
background-repeat: no-repeat;
background-position: 0px 3px;
font-family: Comic Sans MS;
}
#precSuiv a.suiv {
float: right;
text-decoration: none;
padding: 0px 23px 0px 0px;
background-image: url(fleche_suite_orange.gif);
background-repeat: no-repeat;
background-position: right 2px;
}
body.bodyExpoJeunesseViolet #precSuiv a.suiv,
body.bodyExpoJeunesseRose #precSuiv a.suiv,
body.bodyExpoJeunesseVert #precSuiv a.suiv,
body.bodyExpoJeunesseOrange #precSuiv a.suiv {
padding: 0px 27px 0px 0px;
background-image: url(fleche_suite_jeunesse.gif);
background-position: right 3px;
font-family: Comic Sans MS;
}
body.bodyExpoJeunesseViolet #footerExpo,
body.bodyExpoJeunesseRose #footerExpo,
body.bodyExpoJeunesseVert #footerExpo,
body.bodyExpoJeunesseOrange #footerExpo {
background-color: transparent;
border-top: none;
}
#footerExpo {
float: left;
width: 760px;
height: 39px;
padding: 1px 5px 0px 5px;
background-color: #EBEBEB;
border-top: 1px solid #333333;
}
#footerExpo img.logoBtdExpo {
float: left;
}
#footerExpo img.logoMairieExpo {
float: right;
}
/* ---TAG ---*/
#cloudcontent{
text-align:justify;
}
.tagCoul0 a,
.tagCoul1 a,
.tagCoul2 a,
.tagCoul3 a,
.tagCoul4 a,
.tagCoul5 a{
text-decoration:none;
padding:2px;
border:transparent 1px solid;
}
/* --- TagCoul0 --- */
.tagCoul0 a{
font-size:80%;
color:#D64C22;
}
.tagCoul0 a:hover{
color:#666;
background:#f1f1f1;
border:#D64C22 1px solid;
padding:0px 2px;
}
/* --- TagCoul1 --- */
.tagCoul1 a{
font-size:95%;
color:#009933;
}
.tagCoul1 a:hover{
color:#666;
background:#f1f1f1;
border:#009933 1px solid;
padding:0px 2px;
}
/* --- TagCoul2 --- */
.tagCoul2 a{
font-size:110%;
color:#cc0099;
}
.tagCoul2 a:hover{
color:#666;
background:#f1f1f1;
border:#cc0099 1px solid;
padding:0px 2px;
}
/* --- TagCoul3 --- */
.tagCoul3 a{
font-size:125%;
color:#336699;
}
.tagCoul3 a:hover{
color:#666;
background:#f1f1f1;
border:#336699 1px solid;
padding:0px 2px;
}
/* --- TagCoul4 --- */
.tagCoul4 a{
font-size:140%;
color:#ffcc00;
}
.tagCoul4 a:hover{
color:#666;
background:#f1f1f1;
border:#ffcc00 1px solid;
padding:0px 2px;
}
/* --- TagCoul5 --- */
.tagCoul5 a{
font-size:155%;
color:#CD1818;
}
.tagCoul5 a:hover{
color:#666;
background:#f1f1f1;
border:#CD1818 1px solid;
padding:0px 2px;;
}

/*--------------------------------------------------------------------------------------------------------------*/
/*-- DIVERS CLASSES --*/
.invisible {
display: none;
}
/*-- CRYPTO CONTACT --*/
div.crypto {
padding: 0px 0px 0px 180px;
width: 300px;
}