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:url(bg_background.jpg) no-repeat top center;
background-color: #FFFFFF;
}
/*----------------------------------------------------------------------------------------------*/
/*--  PAGE PRE HOME  --*/
body.bodyIntro {
background-image: none;
}
body.bodyIntro #centrage {
width: 980px;
margin: auto;
}
body.bodyIntro #centrage #total {
position: relative;
}
body.bodyIntro #centrage #total #interIntro {
padding: 110px 0px 0px 70px;
width: 300px;
height: 625px;
}
body.bodyIntro #centrage #total #interIntro p {
padding: 5px 0px 5px 0px;
margin: 0px 0px 0px 0px;
}
body.bodyIntro #centrage #total #interIntro a.lienHome  {
position: absolute;
top: 0px;
left:0px;
display: block;
width: 980px;
height: 735px;
background-image: url(pre_home_lannion_over8.jpg);
background-repeat: no-repeat;
background-position: -5000px -5000px;
}
body.bodyIntro #centrage #total #interIntro a.lienHome:hover  {
background-position: 686px 23px;
}
body.bodyIntro #centrage #total #interIntro a.lienHome span  {
position: absolute;
top: -5000px;
left:-5000px;
}
/*---------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------*/
body.body01 #header{
background:url(bg_bandeau_decouvrir_lannion.jpg) no-repeat top center;
}
body.body02 #header{
background:url(bg_bandeau_mairie.jpg) no-repeat top center;
}
body.body03 #header{
background:url(bg_bandeau_vie_quotidienne.jpg) no-repeat top center;
}
body.body04 #header{
background:url(bg_bandeau_culture.jpg) no-repeat top center;
}
body.body05 #header{
background:url(bg_bandeau_sports_loisirs.jpg) no-repeat top center;
}
body.body06 #header{
background:url(bg_bandeau_urbanisme.jpg) no-repeat top center;
}
body.body07 #header{
background:url(bg_bandeau_action_sociale.jpg) no-repeat top center;
}
body.body08 #header{
background:url(bg_bandeau_seniors.jpg) no-repeat top center;
}
body.body09 #header{
background:url(bg_bandeau_democratie_locale.jpg) no-repeat top center;
}
body.body10 #header{
background:url(bg_bandeau_environnement.jpg) no-repeat top center;
}
body.body11 #header{
background:url(bg_bandeau_developpement_durable.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{
display:block;
position:absolute;
top: -5000px;
left: -5000px;
}
ul,
ul li {
margin: 0;
padding: 0;
list-style: none;
}
img {
border: none;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- BACKGROUND ---*/
#totalbackground{               
background:url(bg_arbre_petit.gif) no-repeat center bottom;
float:left;
width: 100%;
position: relative;
}
#background{               
background:url(bg_ombre.png) repeat-y center top;
float:left;
width: 100%;
/*padding-bottom: 115px;*/
position: relative;
}
/*utilisé quand on met l'arbre plus grand ne pas supprimer*/
/*body.bodyaccueil #arbreAccueil{ 
background: url(bg_arbre_gauche.jpg) no-repeat left bottom;
position: absolute;
bottom: 122px;
left: 791px;
width: 180px;
height: 300px;
}*/
 /*utilisé quand on met l'arbre plus grand ne pas supprimer*/
/*body #arbreAccueil{
background: url(bg_arbre_gauche.jpg) no-repeat left bottom;
position: absolute;
bottom: 122px;
left: 791px;
width: 180px;
height: 300px;
}*/
/*--------------------------------------------------------------------------------------------------------------*/
/*--- CENTRAGE ---*/
#centrage {
width:980px;
margin:auto;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- TOTAL ---*/
#total {
width:980px;
position:relative;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- HEADER ---*/
#header {
position:relative;
height: 175px;
background-repeat: no-repeat;
background-position: center top; 
background-image: url(bg_bandeau_header.jpg);
width:980px;
}
#logo {
left: 65px;
position: absolute;
top: 25px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- DRAPEAUX---*/
#drapeaux{
position: absolute;
top: 96px;
right: 15px;
}
#drapeaux p{
float: left;
margin: 0px 5px 0px 0px;
}
p.drapeau_gb{
position: absolute;
top: -10px;
left: 0px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- RACCOURCIS---*/
#raccourcis {
position: absolute;
top: 0px;
left: 770px;
font-size: 90%;
z-index:9;
width:190px;
}
#raccourcis ul li.racnavig,
#raccourcis ul li.raccontenu,
#raccourcis ul li.racrecherche,
#raccourcis ul li.raccontact {
position: absolute;
top: -5000px;
}
#raccourcis ul li.racaide a {
display:block;
margin-right:10px;
text-decoration: none;
padding: 0px 0px 3px 20px;
background-image:url(picto_handi.gif);
background-repeat:no-repeat;
position:absolute;
left:0px;
}
#raccourcis ul li.racplan a {
display:block;
text-decoration: none;
padding: 0px 0px 3px 20px;
background-image:url(picto_plan.gif);
background-repeat:no-repeat;
position:absolute;
left:100px;
}

#raccourcis ul li{
display:inline;
float:left;
}

#raccourcis ul li.langue1{
display: block;
position: absolute;
top: -160px;
left: -775px;
}

#raccourcis ul li.langue2{
display: block;
position: absolute;
top: -145px;
left: -775px;
}

/*--------------------------------------------------------------------------------------------------------------*/
/*--- RECHERCHE ---*/
#recherche {
position:absolute;
left:830px;
top:115px;
width:145px;
height:200px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
#recherche input.saisie {
font-size: 80%;
color: #000000;
border: 1px solid #000;
vertical-align: middle;
width: 120px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
#recherche input.bouton {
text-align: right;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
border: none;
background-color: transparent;
font-size: 10px;
width: 120px
}
#recherche label {
color:#000000;
font-size: 90%;
margin:0px 0px 0px 20px;
padding:0px 0px 0px 0px;
}
#recherche legend{
color:#000;
font-size:x-small;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
display:none;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- MENU ---*/
/*---  Définit dans menuStyles.css  ---*/
/*--------------------------------------------------------------------------------------------------------------*/
#gauche{
float:left;
}
/*--- CONTENT ---*/
#content {
position:relative;
width:980px;
float:left;
background-image:url(bg_arbre_petit.gif);
 background-position:center bottom;
 background-repeat:no-repeat;
padding-bottom: 100px;
 }
/*--------------------------------------------------------------------------------------------------------------*/
/*--- FIL D'ARIANE ---*/
#filariane {
text-transform: lowercase;
float: left;
width: 518px;
height: 18px;
font-size: x-small;
padding: 0px 0px 0px 0px;
}
body.bodyaccueil #filariane {
display: none;
}
#filariane a {
}body.bodyaccueil #filariane {
display: none;
}
#filariane a {
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- INTER ---*/
#inter {
width:520px;
float:left;
position:relative; 
}
#inter p {
margin: 0px 0px 10px 0px;
padding:  0px 0px 0px 0px;
}
#inter ul {
margin: 5px 0px 10px 10px;
padding: 0;
list-style: none;
}
#inter ul li {
padding-left:15px;
background-repeat: no-repeat;
background-position: left 5px;
}
#inter ul li{
background-image:url(puce01.gif);
}
#inter ul ul li{
background-image:url(puce02.gif);
}
#inter ul ul ul li{
background-image:url(puce03.gif);
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- CO MARQUAGE ---*/ 
#inter #comarquage ul.colonnegauche {
width: 230px;
float: left;
padding-left: 30px;
}
#inter #comarquage ul.colonnedroite {
width: 230px;
float: right;
}
/*----------------ACCUEIL-----------------------*/
#inter #contentActus {
width:540px;
position: relative;
z-index: 1;
}
#inter #contentActus h2 {
position: absolute;
top: 0px;
left: 0px;
z-index: 2;
}
#inter #contentActus #eventUne {
width: 530px;
float: left;
padding: 10px 5px 5px 5px;
border-top: 1px solid #677821;
}
#inter #contentActus #uneAccueil,
#inter #contentActus #uneAccueilBR {
background-color: #AFD717;
width:520px;
float: left;
padding: 0px 10px  0px 10px;
}
#inter #contentActus #uneAccueil img,
#inter #contentActus #uneAccueilBR img {
margin: -20px 10px 0px -10px;
}
#inter #contentActus #uneAccueil h2,
#inter #contentActus #uneAccueilBR h2{
position: static;
color: #000000;
padding: 20px 0px 0px 0px;
}
#inter #contentActus #uneAccueil p a,
#inter #contentActus #uneAccueilBR p a{
text-decoration: none;
}
#inter #contentActus #uneAccueil p a:hover,
#inter #contentActus #uneAccueilBR p a:hover{
text-decoration: underline;
}
#inter #contentActus #eventUne div.eventslist div.eventline {
margin: 0px 0px 8px 0px;
padding: 0px 0px 4px 0px;
border-bottom: 1px solid #677821;
}
#inter #contentActus #eventUne div.eventslist div.eventline p {
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
}
#inter #contentActus #eventUne div.eventslist div.eventline p img {
float: left;
margin-right: 10px;
/*width: 290px;
height: 200px;*/
}
#inter #contentActus #eventUne div.eventslist div.eventline p strong{
margin: 0px 0px 0px 0px; 
}
#inter #contentActus #eventUne div.eventslist div.eventline p strong a{
text-decoration: none;
padding: 1px 1px 1px 1px;
margin: 0px 0px 0px 0px;
}
#inter #contentActus #eventUne div.eventslist div.eventline p strong a span.dateEvent{
color: #C22D6D;
}
#inter #contentActus #eventUne div.eventslist div.eventline p strong a span.titreEvent{
font-size: 110%;
}
#inter #contentActus #eventUne p.filrss{
display: none;
}
#inter #contentActus #eventUne div.eventslist div.eventline ul {
display: none;
}
#inter #contentActus #events div#eventslist div.eventline ul li{
list-style: none;
background-image: none;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
display: inline;
}
#inter #contentActus #events div#eventslist div.eventline ul{
padding: 0px 0px 0px 0px;
margin: 0px 0px 10px 0px;
}
#inter #contentActus #events {
background-color: #6d7e1e;
width:520px;
padding: 0px 10px 0px 10px;
float: left;
color: #FFFFFF;
}
#inter #contentActus #events h2{
position: absolute;
top: -5000px;
left: -5000px;
}
#inter #contentActus #events div.eventslist div.eventline p {
padding: 5px 0px 5px 0px;
margin: 0px 0px 0px 0px;
}
#inter #contentActus #events div.eventslist div.eventline p img {
float: right;
margin-left: 10px;
}
#inter #contentActus #events div.eventslist div.eventline ul {
display: none;
}
#inter #contentActus #events p.filrss a{
position: absolute;
right: 0px;
top: 0px;
padding: 5px 30px 5px 0px;
text-decoration: none;
background-image: url(flux_rss.gif);
background-position: top right;
background-repeat:no-repeat;
}
#eventslist{
float: left;
}
.eventline{
float: left;
width: 100%;
}
#inter p.toutevents {
margin: 20px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: right;
float: left;
width: 100%;
} 
body.bodyaccueil #inter p.toutevents{
margin: 0px 0px 0px 0px;
}
#inter #contentActus #eventUne p.toutevents a{
}
#inter #contentActus #eventUne p.toutevents a:hover{
text-decoration: underline;
}
#inter #basAccueil {
height: 327px;
width: 540px;
float: left;
margin:10px 0px 0px 0px;
background-position:top left;
background-repeat:no-repeat;
display: inline;
}
#inter #amenagement {
float:left;
height: 327px;
width: 266px;
background-image:url(home_bg_travaux.gif);
background-position:top left;
background-repeat:no-repeat;
display: inline;
}
#inter #assosJournal {
float: right;
height: 327px;
width: 266px;
background-image:url(home_bg_annuaire_assoc.gif);
background-position:top left;
background-repeat:no-repeat;
}
#assos {
position: relative;
}
#assos a{
display: block;
position: absolute;
z-index:20;
text-decoration: none;
color:#CB0D50;
font-weight: bold;
height: 155px;
width: 265px;
top: 0px;
left: 0px;
}
#assos a:hover{
display:block;
position: absolute;
text-decoration: none;
color:#CB0D50;
height: 155px;
width: 265px;
top: 0px;
left: 0px;
}
#assos a span{
position: absolute;
top:90px;
left: 60px;
}
#inter #journal {
height: 167px;
width: 265px;
position:relative;
top:165px;
right: 0px;
}
#inter #journal a {
display:block;
height:130px;
width:265px;
cursor: pointer;
}
#inter #journal a span#couverture {
display:block;
position:absolute;
right:0;
top:0;
}
#inter #journal a span#textTelecharger {
display:block;
left:0;
position: relative;
top:0;
}
/*-----------------------------------------------------------------*/
/*---PHOTOTHEQUE---*/
#inter div.diaporama {
background-color:#e8f5fc;
float:left;
margin:0px 0px 10px 0px;
padding:5px 5px 5px 5px;
width:510px;
}
#inter div.diaporama img{
border: 1px #0062A1 solid;
}
#inter div.diaporama p.voirDiapo {
float:right;
text-align:right;
}
#inter div.diaporama p.voirDiapo a {
background-color:#0062A1;
color:#FFF;
display:block;
padding:3px 3px 3px 3px;
text-decoration:none;
width:110px;
margin: 0px 0px 0px 0px;
}
#inter div.diaporama p.voirDiapo a:hover {
background-color:#aadffc;
color:#000;
text-decoration:none;
}
#inter div.diaporama .titreDiapo {
color:#000000;
text-transform:uppercase;
color:#0062A1;
font-weight: bold;
}
#inter div.diaporama .dateDiapo {
color:#000000;
text-transform:uppercase;
color:#0062A1;
font-weight: bold;
}
body.bodyPhoto table,
body.bodyPhoto table td{
border: none;
}
body.bodyPhoto table{
width: 500px;
border: 1px #0062A1 solid;
}
body.bodyPhoto table td{
padding: 10px 5px 5px 5px;
width: 160px;
background-color: #f5f5f5;
}
body.bodyPhoto table th{
padding: 0px 0px 0px 10px;
text-align: left;
font-weight: normal;
}
body.bodyPhoto div#evenements p a.retourListe{
font-weight: bold;
color: #0062A1;
}
body.bodyPhoto div#evenements p a.retourListe:hover {
font-weight: bold;
color: #0062A1;
text-decoration: none;
color: #C22D6D;
}
/*--- AMENAGEMENT URBAIN ---*/ 
#inter #listeAmenagement{
background-image:url(bg_accueil_fond_amenagement.gif);
background-position:top left;
background-repeat:repeat-y;
/*margin-top: 70px;*/
/*height pour IE6*/
height: 257px;
}
/*min-height pour les autres navigateur*/
html>body #inter #listeAmenagement{
height: auto;
min-height: 257px;
}
#inter #listeAmenagement h2{
position: static;
/*position: absolute;
top: -5000px;
left: -5000px;
margin:0px;*/
}
#inter #listeAmenagement ul{
margin: 0px 0px 0px 5px;
padding: 0px;
list-style: none;
width: 260px;
}
#inter #listeAmenagement ul li{
list-style: none;
background-image:none;
margin: 0px 0px 5px 0px;
padding: 0px
}
#inter #listeAmenagement ul li a { 
text-decoration: none;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- RIGHT ---*/ 
#right{
width: 200px;
margin: 20px 20px 10px 0px;
float: right;
display:inline;
}
/*--POST-IT--*/
#contentPostIt{
padding:0px 0px 0px 0px;
border:1px #B00642 solid;
width:190px;
margin:0px 0px 10px 10px;
font-size:90%;
background-color: #FFFFFF;
}
#contentPostIt H3{
font-size: large;
margin:5px 0px 2px 5px;
color:#C22D6D;
}
#contentPostIt p{
margin: 0px 5px 0px 5px;
line-height:15px;
}
#contentPostIt p img{
margin: 10px 0px 5px -5px;
}
#contentPostIt ul{
margin: 5px 0px 5px 2px;
padding: 0px 0px 0px 0px;
font-size: 12px;
}
#contentPostIt ul li{
line-height:15px;
padding-left:10px;
background-repeat: no-repeat;
background-position: left center;
background-image:url(puce01_post_it.gif);
}
img.picto, .imagePicto {
margin: 0px 5px 0px 0px;
}
div#interPostIt p img.picto{
margin: 0px 5px 0px 0px;
}
/*---BLOC BAS INFO---*/
#bloc_bas_info{
width:200px;
margin-left:10px;
}
#bloc_bas_info ul li a{
text-decoration:none;
font-weight:bold;
color:#fff;
display:block;
height:22px;
width:155px;
background-repeat: no-repeat;
background-position: top left;
}
#bloc_bas_info ul li.telechargement a{
padding-left:35px;
background: url(rollover_telechargement.gif);
}
#bloc_bas_info ul li.telechargement a:hover{
background: url(rollover_telechargement.gif);
background-position: bottom left;
}
#bloc_bas_info ul li.contacts_utiles a{
padding-left:35px;
background: url(rollover_contacts_utiles.gif);
}
#bloc_bas_info ul li.contacts_utiles a:hover{
background: url(rollover_contacts_utiles.gif);
background-position: bottom left;
}
#bloc_bas_info ul li.informations a{
padding-left:35px;
background: url(rollover_informations.gif);
}
#bloc_bas_info ul li.informations a:hover{
background: url(rollover_informations.gif);
background-position: bottom left;
}
/*---BLOC CITOYEN---*/
#bloc_citoyen{
margin-left :7px;
}
#bloc_citoyen ul li a{
padding-top:12px;
padding-left:10px;
line-height:14px;
text-decoration:none;
font-weight:bold;
color:#fff;
display:block;
height:32px;
width:185px;
background-repeat: no-repeat;
background-position: top left;
}
#bloc_citoyen ul li.demarche a{
/*height:39px;*/
/*padding:5px 0px 0px 10px;*/
background: url(rollover_demarche.gif);
}#bloc_citoyen ul li.demarche a:hover{
background: url(rollover_demarche.gif);
background-position: bottom left;
}
#bloc_citoyen ul li.documentation a{
/*padding:5px 0px 0px 10px;*/
/*height:39px;*/
/*width:185px;*/
background: url(rollover_documentation.gif);
}
#bloc_citoyen ul li.documentation a:hover{
background: url(rollover_documentation.gif);
background-position: bottom left;
}
#bloc_citoyen ul li.plan_interactif a{
background: url(rollover_plan.gif);
}
#bloc_citoyen ul li.plan_interactif a:hover{
background: url(rollover_plan.gif);
background-position: bottom left;
}
#bloc_citoyen ul li.phototheque a{
background: url(rollover_photo.gif);
}
#bloc_citoyen ul li.phototheque a:hover{
background: url(rollover_photo.gif);
background-position: bottom left;
}
#bloc_citoyen ul li.liens_utiles a{
background: url(rollover_lien.gif);
}
#bloc_citoyen ul li.liens_utiles a:hover{
background: url(rollover_lien.gif);
background-position: bottom left;
}
#bloc_citoyen ul li.newsletter a{
background: url(rollover_newsletter.gif);
}
#bloc_citoyen ul li.newsletter a:hover{
background: url(rollover_newsletter.gif);
background-position: bottom left;
}
#bloc_citoyen ul li.urgences a{
background: url(rollover_urgences.gif);
}
#bloc_citoyen ul li.urgences a:hover{
background: url(rollover_urgences.gif);
background-position: bottom left;
}
/*---BLOC BULLE---*/
#bloc_bulle{
margin-left:6px;
}
#bloc_bulle ul li a{
text-decoration:none;
font-weight:bold;
line-height:13px;
color:#fff;
display:block;
height:60px;
width:185px;
background-repeat: no-repeat;
background-position: top left;
}
#bloc_bulle ul li.agenda a{
text-align:right;
width:65px;
height:50px;
padding:10px 0px 0px 130px;
background: url(rollover_agenda.gif);
}
#bloc_bulle ul li.agenda a:hover{
background: url(rollover_agenda.gif);
background-position: bottom left;
}
#bloc_bulle ul li.agenda a span{
display:block;
width: 60px;
text-align:right;
margin-right:10px;
}
#bloc_bulle ul li.journal_municipal a{
text-align:right;
padding:10px 0px 0px 130px;
height:50px;
width:65px;
background: url(rollover_journal_municipal.gif);
}
#bloc_bulle ul li.journal_municipal a:hover{
background: url(rollover_journal_municipal.gif);
background-position: bottom left;
}
#bloc_bulle ul li.journal_municipal a span{
display:block;
width: 60px;
text-align:right;
margin-right:10px;
}
#bloc_bulle ul li.associations a{
padding:0px 0px 0px 0px;
width:195px;
background: url(rollover_associations.gif);
}
#bloc_bulle ul li.associations a:hover{
background: url(rollover_associations.gif);
background-position: bottom left;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- HEADING ---*/ 
/*---POP-UP---*/
body.bodyPopup,
body.bodyPopup02{
background-image:none;
}
#inter_popup h2,
#inter_popup h2 a,
#inter h2,
#inter h2 a{
color:#0062a1;
font-size: x-large;
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
}
#inter_popup h3,
#inter_popup h3 span a,
#inter h3,
#inter h3 a,
#inter h3 span a {
color:#C22D6D;
font-size: large;
margin: 10px 0px 10px 0px;
padding: 0px 0px 0px 0px;
}
#inter_popup h4,
#inter_popup h4 a,
#inter h4,
#inter h4 a {
color:#C22D6D;
font-size: medium;
margin: 10px 0px 10px 0px;
padding: 0px 0px 0px 0px;
}
#inter_popup h5,
#inter_popup h5 a,
#inter h5, 
#inter h5 a{
color:#C22D6D;
font-size: small;
margin: 10px 0px 10px 0px;
padding: 0px 0px 0px 0px;
}
#inter_popup h6,
#inter h6,
#inter_popup h6 a,
#inter h6 a {
color:#C22D6D;
font-size: small;
margin: 10px 0px 10px 0px;
padding: 0px 0px 0px 0px;
}
#inter_popup{
}
/*---POST-IT---*/
#inter_postIt h2{
color:#0062a1;
font-size: x-large;
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
}
#inter_postIt h3{
color:#0062a1;
font-size: large;
margin: 10px 0px 10px 0px;
padding: 0px 0px 0px 0px;
}
#inter_postIt h4{
color:#0062a1;
}
#inter_postIt h5{
color:#0062a1;
font-size: small;
margin: 10px 0px 10px 0px;
padding: 0px 0px 0px 0px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- POP-UP ---*/
.bodyPopup #header_popup{
height:130px;
background-image:url("bg_popup_header.jpg");
background-repeat: no-repeat;
background-position:top center;
}
#inter_content{
width:600px;
margin:auto;
background-image:url("bg_popup_ombre_cote.jpg");
background-repeat: repeat-y;
background-position:top center;
}
#text_popup{
margin: 0px 20px 0px 20px;
}
#inter_popup ul li {
padding-left:15px;
background-repeat: no-repeat;
background-position: left 5px;
}
#inter_popup ul li{
background-image:url(puce01.gif);
}
#inter_popup ul ul li{
background-image:url(puce02.gif);
}
#inter_popup ul ul ul li{
background-image:url(puce03.gif);
}
#footer_popup{
position:relative;
background-image:url("bg_popup_footer.jpg");
background-repeat: no-repeat;
background-position:bottom center;
height:95px;
}
#text_popup_footer{
background-image:url(bg_barre_popup.gif);
background-repeat: no-repeat;
background-position:center center;
font-size:x-small;
position:absolute;
bottom:4px;
left:0px;
width:100%;
margin:auto;
}
#contenu_popup{
width: 570px;
margin: auto;
}
#text_popup_footer p{
margin:10px 0px 0px 0px;
font-weight:bold;
width:50%;
float: left;
text-align:center;
}
#text_popup_footer p span.popup_villeLannion{
color:#004D8E;
font-size:15px;
}
#text_popup_footer p span.popup_villeKerlannuon{
color:#66BFE8;
font-size:15px;
}
#text_popup_footer p span.popup_hotel{
color:#66BFE8;
font-size:small;
}
#text_popup_footer p span.poppup_place{
color:#004D8E;
font-weight:normal;
}
/*---POP-UP02---*/
body.bodyPopup02 #header_popup{
height:130px;
background-image:url("bg_popup_header02.jgif");
background-repeat: no-repeat;
background-position:top center;
}
body.bodyPopup02 #footer_popup{
position:relative;
background-image: url("bg_popup_footer02.gif");
background-repeat: no-repeat;
background-position:bottom center;
height:250px;
}
body.bodyPopup02 #inter_content{
width:600px;
margin:auto;
background-image: none;
}
body.bodyPopup02 div#text_popup_footer{
position: static;
background-image:url(bg_barre_popup.gif);
background-repeat: no-repeat;
background-position:center center;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- RIGHT ---*/
#right {
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- FOOTER ---*/
#footer {
margin: 0px auto 0px auto ;
width: 963px;
}
/*--BOUTON HAUT DE PAGE ET IMPRIMER ET CONTACTEZ-NOUS--*/
#footer a.hautPage{
display:block;
height:50px;
width:82px;
position:relative;
top:-140px;
left:850px;
}
#footer a.imprimer{
display:block;
height:50px;
width:110px;
position:relative;
top:-140px;
left:710px;
}
body.bodyaccueil #footer a.contactez_nous{
display:block;
height:50px;
width:110px;
position:relative;
top:-140px;
left:850px;
}
.bodyaccueil #footer a.hautPage, 
.bodyaccueil #footer a.imprimer
{
display:none;
}
p#bloc{
clear: both;
}
p#bloc a.contactez_nous{
display:block;
height:50px;
width:110px;
position: relative;
top: -140px;
left: 10px;
display:none;
}
p#bloc a.hautPage{
display:block;
height:50px;
width:110px;
position: relative;
top: -190px;
left: 800px;
}
p#bloc a.imprimer{
display:block;
height:50px;
width:110px;
position: relative;
top: -140px;
left: 680px;
}
body.body01 #footer a.contactez_nous,
body.body02 #footer a.contactez_nous,
body.body03 #footer a.contactez_nous,
body.body04 #footer a.contactez_nous,
body.body05 #footer a.contactez_nous,
body.body06 #footer a.contactez_nous,
body.body07 #footer a.contactez_nous,
body.body08 #footer a.contactez_nous,
body.body09 #footer a.contactez_nous,
body.body10 #footer a.contactez_nous,
body.listAnnuaire #footer a.contactez_nous,
body.bodyAnnuaire #footer a.contactez_nous,
body.bodyPhoto #footer a.contactez_nous,
body.bodygenerique #footer a.contactez_nous{
display:none;
}
#textFooter{
height: 100px;
width:100%;
}
#textFooter p{
color:#004D8E;
color: #FFFFFF;
margin:0px
}
/*--BAS GAUCHE--*/
#textFooter div#basGauche {
text-align:right;
width:300px;
background-image:url("ville_fleurie.gif");
background-position:right 18px;
background-repeat:no-repeat;
float:left;
margin:0px 0px 0px 40px;
padding :10px 80px 20px 0px;
display:inline;
}
#textFooter div#basGauche p{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#textFooter div#basGauche span{
display:block;
text-align:right;
}
#textFooter p span.villeLannion{
font-size:12px;
font-weight:bold;
color: #004D8E;
}
#textFooter p span.kerLannuon{
font-size:12px;
font-weight:bold;
color:#66BFE8;
}
#textFooter div#basGauche span.aLannion{
text-align:right;
color: #7DA0D3;
font-size:10px;
}
#textFooter div#basGauche span.eLannuon{
color: #66BFE8;
font-size:10px;
}
/*--BAS MILIEU--*/
#textFooter p#basMilieu{
font-size:10px;
border-right:1px #004D8E solid;
border-left:1px #004D8E solid;
margin: 0px 0px 0px 0px;
float:left;
color:#004D8E;
display:inline;
margin: 0px 20px 0px 20px;
padding: 10px 20px 0px 20px;
}
#textFooter p#basMilieu span.hotelVille{
color:#66BFE8;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
/*--BAS DROITE--*/
#textFooter p#basDroite{
font-size:10px;
margin: 0px 0px 0px 0px;
float:left;
color:#004D8E;
display: inline;
margin: 0px 0px 0px 0px;
padding: 10px 0px 0px 0px;
}
#textFooter p#basDroite a{
color:#00408E;
text-decoration:none;
}
#textFooter p#basDroite a:hover{
color:#00408E;
text-decoration:underline;
}
#contentfooter{
float: left;
width: 100%;
height: 110px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
/*-- HAUT DE LA PAGE --*/
#hautpage {
}
#hautpage a {
}
/*-- IMPRIMER LA PAGE --*/
#imprimpage {
}
#imprimpage a {
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- TEXTE ---*/
div.coul01, .bleu, .coul01 {
color: #0062A1;
}
div.coul02, .bleuClair, .coul02 {
color: #78C1E7;
}
div.coul03, .rose, .coul03 {
color: #B00642;
}
div.coul04, .roseClaire, .coul04 {
color: #C22D6D;
}
div.coul05, .roseFonce, .coul05 {
color: #6F082C;
}
div.coul06, .vert, .coul06 {
color: #5B6C17;
}
div.coul07, .vertClair, .coul07 {
color: #B4D534;
}
div.coul08, .orange, .coul08 {
color: #ED9225;
}
div.coul09, .marron, .coul09 {
color: #994E05;
}
div.fond01, .fondMarron, .fond01{
background-color: #994E05;
font-weight: bold;
color: #FFFFFF;
padding: 0px 3px 1px 5px;
}
div.fond02, .fondVert, .fond02{
background-color: #B4D534;
font-weight: bold;
color: #5B6C17;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*-- BORDURE D'IMAGES --*/
img.bord01, .bordureBleue {
border: 2px solid #0062A1;
}
img.bord02, .bordureBleueClaire {
border: 2px solid #78C1E7;
}
img.bord03, .bordureRose {
border: 2px solid #B00642;
}
img.bord04, .bordureRoseClaire {
border: 2px solid #C22D6D;
}
img.bord05, .bordureRoseFonce {
border: 2px solid #6F082C;
}
img.bord06, .bordureVerte{
border: 2px solid #5B6C17;
}
img.bord07, .bordureVerteClair {
border: 2px solid #B4D534;
}
img.bord08, .bordureOrange {
border: 2px solid #ED9225;
}
img.bord09, .bordureMarron {
border: 2px solid #994E05;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*-- RESULTAT RECHERCHE --*/
table.result {
width: 100%;
margin: 10px 0px 10px 0px;
}
.result th {
background-color: #004D8E;
vertical-align: top;
color: #FFFFFF;
padding: 5px;
text-align: left;
}
.result td {
color: #000000;
background-color: #FFFFFF;
vertical-align: top;
padding: 3px;
border: none;
font-weight: normal;
 }
.result td.title {
text-align: left;
}
.result td.title a {
font-weight: bold;
color: #004D8E;
 }
.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;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*-- TABLEAUX --*/
table {
border-collapse: collapse;
}
td, th, table{
border-width: 1px ;
border-color:  #004D8E;
border-style: solid;
}
th{
color: #FFFFFF;
background-color: #004D8E;
}
td {
color: #004D8E;
background-color: #FFFFFF;
Font-weight: bold;
padding: 3px;
vertical-align: top;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- PLAN DU SITE ---*/
#plandusite{
margin:0 0 0 0;
padding:0 0 0 0;
}
#plandusite h2{
padding:0 0 0 0;
margin: 0 0 0 0;
}
#plandusite h3,
#plandusite h3 a{
color:#C22D6D;
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;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- AGENDA ---*/
p.rss_agenda a{
text-decoration: none;
display: block;
padding: 5px 0px 0px 0px;
}
p.rss_agenda a img{
margin: 0px 5px 0px 0px;
float: left;
}
/*--------------------------------------------------------------------------------------------------------------*/
#mentions {
position: absolute;
top: 68px;
left: 280px;
width: 150px;
font-weight: bold;
}
/*--------------------------------------------------------------------------------------------------------------*/
#oCalendar {
border-bottom: 1px solid #38A4DB;
margin:10px 0 20px;
padding:0 0 60px 28px;
height:230px;
}
#inter #formfindcalendar {
position:absolute;
right:80px;
top:140px;
width:160px;
}
#inter #formfindcalendar form {
margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 0px;
float: left;
}
#inter #formfindcalendar legend,
#inter #formfindcalendar form label {
display: none;
}
#inter #formfindcalendar .footer {
display: none;
}
#oCalendar tr td a{
text-decoration: none;
}
#inter #formfindcalendar form input,
#inter #formfindcalendar form select {
width: 150px;
margin: 0px;
padding: 0px;
}
#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 #oCalendar,
div.modemois #oCalendar {
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
}
#oCalendar table caption {
display: none;
}
div#oCalendar table th, 
div#oCalendar table td{
border-style:  solid none solid none;
border-color: #004D8E;
border-width: 1px 0px 1px 0px;
}
#oCalendar table{
border: 1px #004D8E solid;
}
div.modejour #oCalendar table,
div.modemois #oCalendar table{
width: 250px;
}
div.modejour #oCalendar table td.nextday,
div.modemois #oCalendar table td.nextday {
background-color: #FFFFFF;
color: #004D8E;
text-align: center;
}
div.modejour #oCalendar table td.nextday a,
div.modemois #oCalendar table td.nextday a {
color: #004D8E;
font-weight: bold;
}
div.modejour #oCalendar table td.today a,
div.modemois #oCalendar table td.today a {
color: #FFFFFF;
background-color: #CA0C4F;
font-weight: bold;
padding: 3px;
}
div.modejour #oCalendar table td.days,
div.modemois #oCalendar table td.days,
div.modemois #oCalendar table td.empty {
color: #FFFFFF;
font-weight: bold;
background-color: #38A4DB;
text-align:center;
}
div.modejour #oCalendar table td.monthOff,
div.modemois #oCalendar table td.monthOff {
text-align: center;
color: #666666;
}
div.modejour #oCalendar table td.week,
div.modemois #oCalendar table td.week {
text-align: center
}
div.modejour #oCalendar table td.week,
div.modemois #oCalendar table td.week {
background-color: #38A4DB;
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:#38A4DB 1px solid;
}
div.modejour .eventline a,
div.modemois .eventline a {
color:#004D8E;
text-decoration: none;
color:#004D8E;
text-decoration: none;
}
div.modejour div.eventline p img ,
div.modemois div.eventline p img{
display: block;
margin: 5px 10px 5px 0px;
padding: 0px 0px 0px 0px;
border: 1px #38A4DB solid;
float: left;
}
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 {
clear: left;
margin: 10px 0px 0px 0px;
padding:  0px 0px 0px 0px;
width: 484px;
float: left;
}
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: 230px;
}
body #inter div.modejour .eventline ul li.debut,
body #inter div.modemois .eventline ul li.debut {
float: right;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--  Zone liens réseaux sociaux  --*/
#social {
position: absolute;
top: 5px;
left: 428px;
}
#social a.linkFacebook {
display: block;
width: 20px;
height: 20px;
background-image: url(picto-facebook.jpg);
margin-right: 5px;
float: left;
}
#social a.linkFacebook span {
position: absolute;
left: -5000px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- RECHERCHE FONDS DOCUMENTAIRES ---*/
#treelist ul li ul li ul{
display :none ;
}
#treelist ul li a{
cursor:pointer;
}
#treelist ul li a:hover{
cursor:pointer;
color:#007AC0;
}
#inter #treelist ul li ul{
padding:2px 0px 2px 0px ;
margin:0px 0px 0px 0px ;
}
body.fonDoc #inter #col_g{
float:left;
width:270px;
padding:0px 5px 0px 5px;
}
body.fonDoc #inter #treelist{
width:270px;
margin:0px 0px 0px 0px;
padding:0px 0px 20px 0px;
}
body.fonDoc #inter #form01{
width:270px;
margin:0px auto 0px auto;
padding:20px 0px 20px 0px;
border-top:#007AC0 1px solid;
}
body.fonDoc #inter #form01 legend{
padding:0px 0px 10px 0px;
font-weight:bold;
color:#007AC0;
}
body.fonDoc #inter #form01 label,
body.fonDoc #inter #form01 input,
body.fonDoc #inter #form01 select,
body.fonDoc #inter #form01 div.submit{
width:100%;
padding:0px;
margin:0px
}
body.fonDoc #inter #msgResult,
body.fonDoc #inter #resultat ul li a{
color:#007AC0;
}
body.fonDoc #inter #resultat{
float:right;
width:270px;
padding:0px 5px 0px 5px;
margin:0px 0px 60px 0px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/* --- GLOSSAIRE ---*/
body.glossaire p strong a,
body.glossaire h3 a{
color: #D71921;
text-decoration: none;
font-size: x-large;
}
body.glossaire h3{
border-bottom: #CCCCCC 1px solid;
padding: 0px 0px 0px 25px;
}
body.glossaire dt {
background: #F2F2F2;
padding: 5px 5px 5px 5px;
font-weight: bold;
}
body.glossaire dd{
margin: 0px 0px 20px 0px;
padding: 5px 5px 5px 5px;
background: #F2F2F2;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- DIVERS ---*/
.invisible,
#menu ul li.invisible {
position: absolute;
top: -5000px;
left: -5000px
}
#img_inscription_newsletter{
float: right;
}
/*-----------------------------------------------------------------------------------------------------------------*/
/*---INSCRIPTION NEWSLETTER---*/
#img_inscription_newsletter{
float: right;
}
#form01{
clear: both;
}
#form01 legend{
margin: 0px 0px 20px 0px;
}
#inter form.newsletter div#para0104 div {
float: left;
width: 300px;
}
#inter form.newsletter div#para0104 div label {
width: 280px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- FORMULAIRES CONTACT WEBMASTER ---*/
form#form01 fieldset legend,
form.resultat fieldset legend{
display: none;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- MODELE DE PAGES ---*/
#deuxColonnes{
float:left;
}
#colonneGauche{
float:left;
width:235px;
padding:0px 10px 0px 5px;
}
#colonneDroite{
float:left;
width:235px;
padding:0px 5px 0px 15px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- ANNUAIRE ---*/
body.bodyAnnuaire #inter h3{
font-weight:normal;
margin-bottom: 20px;
}
#frise{
height:70px;
width: 517px;
background-image:url("frise_fiche_annuaire.gif");
background-position:top left;
background-repeat:no-repeat;
}
body.bodyAnnuaire #inter h4 a{
display:block;
color: #004D8E;
border-bottom: #004D8E 1px dotted;
text-decoration: none;
padding: 0px 0px 0px 0px;
margin: 10px 0px 0px 0px;
}
body.bodyAnnuaire #inter div#dirList ul,
body.bodyAnnuaire #inter ul.rubriqueAnnu {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
body.bodyAnnuaire #inter ul.rubriqueAnnu li,
body.bodyAnnuaire #inter h3.annuaire_path,
body.bodyAnnuaire #inter div#dirList ul li,
body.bodyAnnuaire #inter div#dirList ul li ul li,
body.bodyAnnuaire #inter ul.rubriqueAnnu li ul li{
background-image:url(puce03.gif);
background-repeat: no-repeat;
background-position: 5px 10px;
text-transform: uppercase;
font-weight: bold;
font-size: small;
padding: 6px 0px 0px 20px;
margin: 0px 0px 3px 10px;
}
body.bodyAnnuaire #inter ul.rubriqueAnnu li ul li{
text-transform: none;
}
body.bodyAnnuaire #inter ul.rubriqueAnnu li a,
body.bodyAnnuaire #inter h3.annuaire_path a,
body.bodyAnnuaire #inter p.lienbasliste a {
text-decoration: none;
color:#CA0C4F;
}
body.bodyAnnuaire #inter p.lienbasliste a{
padding: 0px 0px 0px 20px;
background-image:url(retour.gif);
background-repeat: no-repeat;
background-position: 0px 5px;
}
body.bodyAnnuaire #inter ul.rubriqueAnnu li ul li a{
color: #000;
}
body.bodyAnnuaire #inter div#dirList ul li{
background-image:url(puce03.gif);
background-repeat: no-repeat;
background-position: 5px 10px;
}
body.bodyAnnuaire #inter div#dirList ul li a{
color: #000;
font-weight: bold;
text-decoration: none;
}
body.bodyAnnuaire #inter div#dirList ul li ul,
body.bodyAnnuaire #inter ul.rubriqueAnnu li ul{
border-top: #CA0C4F 1px dotted;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px -20px;
background-color: #FFFFFF;
}
body.bodyAnnuaire #inter div#dirList ul li ul li,
body.bodyAnnuaire #inter ul.rubriqueAnnu li ul li{
background-color: #FFFFFF;
background-image:none;
}
body.bodyAnnuaire #inter p.listannu{
background-color:#D7EBF5;
padding: 10px 10px 10px 10px;
margin: -5px 0px 0px 0px;
}
body.bodyAnnuaire #inter div.listannu{
margin: 10px 0px 0px 0px;
}
body.bodyAnnuaire #inter span.exergue01 {
font-weight: bold;
}
body.bodygenerique #inter span.exergue01{
font-weight: bold;
}
body.bodyAnnuaire #inter p.lienbasliste{
text-transform: uppercase;
/*text-decoration: none;*/
padding: 2px 0px 3px 20px;
margin: 0px 0px 0px 0px;
}
body.listAnnuaire  #inter h4 a.titrePresta{
display: block;
font-variant: small-caps;
font-weight: normal;
font-size:small;
background-image: url(puce03.gif);
background-repeat: no-repeat;
background-position: left center;
padding: 0px 0px 0px 15px;
}
body.listAnnuaire p.listannu{
display: none;
}
body.bodyAnnuaire #inter form div.entry label {
text-align: right;
padding-right: 5px;
width: 175px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- ACCORDEON ---*/
ul.accordeon, .accordeon{}
.accordeon{
width:100%;
float:left;
overflow:hidden;
}
.accordeon li ul {
display:none;
}
.accordeon li ul li ul{
display:block;
}
#inter .accordeon li {
background-repeat: no-repeat;
background-position: left 3px;
cursor:pointer;
font-weight:bold;
}
#inter .accordeon li ul li{
background-repeat: no-repeat;
background-position: left 1px ;
cursor:default;
font-weight:normal;
}
#inter .accordeon li {
background-image: url(plus_bleu.gif);
}
#inter .accordeon li ul li{
background-image: url(puce02.gif);
}
#inter .accordeon li ul ul li{
background-image: url(puce03.gif);
}
/*-------------------------------------------------------------------------*/
/*---METEO---*/
div#interMeteo{
position: absolute;
top: 0px;
left: 20px;
z-index: 1;
}
div#interMeteo table,
div#interMeteo table td,
div#interMeteo table tr{
border-width: 0px ;
border-color:  transparent;
border-style: none;
height: 1px;
margin: 0px;
padding: 0px;
}
div#interMeteo div.default table tbody tr td img{
display: block;
position: absolute;
top: -30px;
left:95px;
width: 85px;
height:28px;
}
div#interMeteo div.default table tbody tr td table  tbody tr td table tbody tr td table  tbody tr td a img{
height: 35px;
width: 35px;
display: block;
position: absolute;
top: -35px;
left:10px;
}
#interMeteo a.meteo_temperature{
position: absolute;
top: -25px;
left: 60px;
font-size: small;
}
#interMeteo a.meteo_echeance{
display: none;
}
#interMeteo a.meteo_ville{
display: none;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- SONDAGE ---*/
#sondage{
margin: 5px 0px 0px 10px;
padding: 5px 0px 0px 10px;
width: 178px;
color: #004D8E;
background-color: #AED4E7;
}
#sondage legend{
display: none;
}
#sondage h3{
margin: 5px 0px 0px 0px;
}
#sondage p.question{
margin: 5px 10px 0px 0px;
font-weight: bold;
}
#sondage p.response{
margin:5px 0px 0px 0px;
}
div#sondage p.submit input {
background-color:#004D8E;
border:1px solid #004D8E;
color:#FFFFFF;
font-family:Trebuchet MS,Arial,Helvetica,sans-serif;
font-weight:bold;
margin:0 4px 0 45px;
width:80px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- MINI SITE KAYAK ---*/
body.bodyKayak #header {
position: relative;
background:url(bg_bandeau_header_kayak821.jpg) no-repeat 149px 0px ;
}
body.bodyKayak #recherche  {
display: none;
}
body.bodyKayak #header img.accueil_base_nautique{
position: absolute;
top: 30px;
left: 185px; 
}
/*---BLOC KAYAK---*/
#bloc_kayak{
margin-left :7px;
}
#bloc_kayak ul li a{
padding-top:12px;
padding-left:10px;
line-height:14px;
text-decoration:none;
font-weight:bold;
color:#fff;
display:block;
height:32px;
width:185px;
background-repeat: no-repeat;
background-position: top left;
}
#bloc_kayak ul li.phototheque a{
background: url(rollover_photo.gif);
}
#bloc_kayak ul li.phototheque a:hover{
background: url(rollover_photo.gif);
background-position: bottom left;
}
#bloc_kayak ul li.documentation a{
padding:5px 0px 0px 10px;
height:39px;
width:185px;
background: url(rollover_documentation.gif);
}
#bloc_kayak ul li.documentation a:hover{
background: url(rollover_documentation.gif);
background-position: bottom left;
}
#bloc_kayak ul li.programme a{
padding:5px 0px 0px 10px;
height:39px;
width:185px;
background: url(rollover_programme.gif);
}
#bloc_kayak ul li.programme a:hover{
background: url(rollover_programme.gif);
background-position: bottom left;
}
#bloc_kayak ul li.contact a{
background: url(rollover_contact.gif);
}
#bloc_kayak ul li.contact a:hover{
background: url(rollover_contact.gif);
background-position: bottom left;
}
#bloc_kayak ul li.sortie_trebeurden a{
background: url(rollover_trebeurden.gif);
}
#bloc_kayak ul li.sortie_trebeurden a:hover{
background: url(rollover_trebeurden.gif);
background-position: bottom left;
}
/*---footer---*/
body.bodyKayak #textFooter div#basGauche {
text-align:right;
width:300px;
background-image:url("fff_petit_kayak.gif");
background-position:290px 15px;
background-repeat:no-repeat;
float:left;
margin-left:40px;
padding-right:80px;
display:inline;
}
body.bodyKayak #textFooter div#basGauche p {
margin:0px 18px 0px 0px;
}
/*---GSEARCH---*/
#cse{
width:450px;
margin: 0;
padding: 0;
border: none;
}
#cse td{
border: none;
}
#cse input.gsc-search-button {
background-color:#004D8E;
border:1px solid #004D8E;
color:#FFFFFF;
font-family:Trebuchet MS,Arial,Helvetica,sans-serif;
font-weight:bold;
margin:0 4px 0 20px;
width:80px;
}
.gsc-tabsArea {
  clear: both;
  margin-top: 6px;
display: none;
  }
.gsc-resultsHeader {
  width : 100%;
  border-bottom : 1px solid #e9e9e9;
  margin-bottom : 4px;
  clear : both;
display: none
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- MINI SITE CAMPING ---*/
body.bodyCamping #header {
background:url(bg_bandeau_header_camping.jpg) no-repeat 149px 0px ;
}
body.bodyCamping #recherche  {
display: none;
}
body.bodyCamping #header img.accueil_camping {
position: absolute;
top: 65px;
left: 380px; 
}
/*---BLOC CAMPING---*/
#bloc_camping{
margin-left :7px;
}
#bloc_camping ul li a{
padding-top:12px;
padding-left:10px;
line-height:14px;
text-decoration:none;
font-weight:bold;
color:#fff;
display:block;
height:32px;
width:185px;
background-repeat: no-repeat;
background-position: top left;
}
#bloc_camping ul li.phototheque a{
background: url(rollover_photo.gif);
}
#bloc_camping ul li.phototheque a:hover{
background: url(rollover_photo.gif);
background-position: bottom left;
}
#bloc_camping ul li.documentation a{
padding:5px 0px 0px 10px;
height:39px;
width:185px;
background: url(rollover_documentation.gif);
}
#bloc_camping ul li.documentation a:hover{
background: url(rollover_documentation.gif);
background-position: bottom left;
}
#bloc_camping ul li.contact a{
background: url(rollover_contact.gif);
}
#bloc_camping ul li.contact a:hover{
background: url(rollover_contact.gif);
background-position: bottom left;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- SELECTION DU STYLE DE PAGE ---*/
body.body01, .rubriqueDecouvrirLannion {}
body.body02, .rubriqueMairie {}
body.body03, .rubriqueVie Quotidienne {}
body.body04, .rubriqueVieCulturelle {}
body.body05, .rubriqueSportsEtLoisirs {}
body.body06, .rubriqueUrbanisme {}
body.body07, .rubriqueActionSociale {}
body.body08, .rubriqueSeniors {}
body.body09, .rubriqueDemocratieLocale {}
body.body10, .rubriqueEnvironnement {}
body.body11, .rubriqueDeveloppementDurable {}