/*--- ACCUEIL ---*/
body.accueil #content{
width:959px;
padding-top: 9px;
}
#left{
position:absolute;
top:-40px;
width:200px;
float:left;
}
body.accueil #palais{
width:200px;
position:absolute;
top:-35px;
left:522px;
}
body.accueil #palais h2{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
body.accueil #palais ul li{
list-style: none;
margin: 0px;
padding-bottom: 5px;
}
body.accueil #palais ul li a{
text-decoration:none;
}
body.accueil #palais ul li a:hover{
text-decoration:underline;
}
body.accueil #palais ul{
font-size:x-small;
position:absolute;
top:50px;
left:50px;
line-height:10px;
}
body.accueil #stade{
width:300px;
position:absolute;
top:336px;
left:277px;
}
body.accueil #stade h2{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
body.accueil #stade ul{
font-size:x-small;
position:absolute;
top:38px;
left: -20px;
line-height:6px;
}
body.accueil  #inter #stade ul li{
list-style-image: none;
list-style: none;
background-image: none;
}
body.accueil #stade ul li a{
text-decoration:none;
}
body.accueil #stade ul li a:hover{
text-decoration:underline;
}
body.accueil #zinga{
width:100px;
position:absolute;
top:240px;
left:760px;
}
body.accueil #zinga h2{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
body.accueil #zinga ul{
font-size:x-small;
position:absolute;
top: 50px;
left:-74px;
line-height:10px;
}
body.accueil #zinga ul li{
list-style:none;
margin:0;
padding:4px;
}
body.accueil #zinga ul li a{
text-decoration: none;
}
body.accueil #zinga ul li a:hover{
text-decoration:underline;
}
body.accueil #destination{
width:130px;
position:absolute;
top:34px;
left:310px;
}
body.accueil #destination h2{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
body.accueil #destination ul{
font-size:x-small;
position:absolute;
top:135px;
left:3px;
}
body.accueil #destination ul li{
list-style:none;
margin:0;
padding: 0px 0px 4px 0px;
line-height: 10px;
}
body.accueil #destination ul li a{
text-decoration:none;
}
body.accueil #destination ul li a:hover{
text-decoration:underline;
}
/*-----------------------------------------------------------------*/
/*-----------------------------------------------------------------*/
/*MODIFS POUR AJOUT LIEN PAGE VIDEO*/
/*
body.accueil #destination ul{
font-size:x-small;
position:absolute;
top:131px;
left:3px;
line-height: 10px;
}
body.accueil #destination ul li{
list-style:none;
margin:0;
padding: 0px 4px;
}
body.accueil #destination ul li a{
text-decoration:none;
}
body.accueil #destination ul li a:hover{
text-decoration:underline;
}
*/
/*-----------------------------------------------------------------*/
/*-----------------------------------------------------------------*/
body.accueil #bg_contenu{
position:relative;
width:960px;
height:100%;
background:#ff8400 url(bg_inter_accueil.jpg) no-repeat 0px -8px ;
float:left;
}
/*--- MENU ---*/


body.accueil #menu {
position:relative;
top:-30px;
width:1px;
float:left;
font-size:medium;
}
body.accueil .lien01,
body.accueil .lien02,
body.accueil .lien03,
body.accueil .lien04,
body.accueil .lien05{
position:absolute;
top:-3000px;
}

/*---MENU DE DROITE---*/
.lien_reservation a,
.lien_brochures a,
.lien_prestations a,
.lien_agenda a,
.lien_actualite a,
.lien_contact a{
position:absolute;
display:block;
z-index:10;
background-repeat: no-repeat;
background-position: right top;
color: #FFFFFF;
font-size: 70%;
text-transform: none;
text-align: right;
padding: 10px 5px 0px 0px;
line-height: 15px;
}
.lien_reservation a:hover,
.lien_brochures a:hover,
.lien_prestations a:hover,
.lien_agenda a:hover,
.lien_actualite a:hover,
.lien_contact a:hover{
background-position: right bottom;
color: #000000;
}
/* --- LIEN RESERVATION ---*/
body.accueil .lien_reservation a{
left: 770px;
top: 160px;
}
.lien_reservation a{
left: 770px;
top: 160px;
height: 50px;
width: 180px;
background-image: url(reserve.gif);
}
/* --- LIEN BROCHURES ---*/
body.accueil .lien_brochures a{
left: 770px;
}
.lien_brochures a{
top: 220px;
left: 770px;
height: 40px;
width: 180px;
background-image: url(brochures.gif);
}
/* --- LIEN PRESTATIONS ---*/
body.accueil .lien_prestations a{
left: 825px;
}
.lien_prestations a{
top: 270px;
left: 825px;
height: 31px;
width: 125px;
padding: 2px 5px 0px 0px;
background-image: url(prestation.gif) ;
}
/* ---LIEN AGENDA --- */
body.accueil .lien_agenda a{
left: 825px;
}
.lien_agenda a{
top: 304px;
left: 825px;
height: 23px;
width: 125px;
background-image: url(bg_agenda.gif);
}
/* --- ACTUALITE ---*/
body.accueil .lien_actualite a{
position: absolute;
top: -3000px;
}
.lien_actualite a{
top: 338px;
left: 825px;
height: 23px;
width: 125px;
background-image:url(bg_actualite.gif);
}
/* --- CONTACT --- */
body.accueil .lien_contact a{
left: 825px;
top: 338px;
}
.lien_contact a{
top: 372px;
left: 825px;
height: 23px;
width: 125px;
background-image: url(bg_contact_accueil.gif);
}
/* --- FIN MENU --- */
html{
background:#ff8400 url(bg_soleil.jpg) no-repeat top center fixed;
}
body {
margin: 0;
padding: 0;
background-color: #ff8400;
background-image: url(fond_hachures.jpg);
background-repeat: repeat-x;
background-position: center top;
background-attachment: fixed;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: small;
color: #333A4C;
}
a {
color: #333333;
}
h1 {
display:none;
}
body #totalnews h1 {
display:block;
}
h3{
text-transform: uppercase;
}
form,
fieldset {
margin: 0;
padding: 0;
border: none;
}
legend,
caption {
display: none;
}
ul,
ul li {
margin: 0;
padding: 0;
list-style: none;
}
#inter ul,
#inter_image ul {
margin: 7px 0px 7px 20px;
}
#inter ul li,
#inter_image ul li {
padding-left: 0px;
}
#inter ul li ul,
#inter_image ul li ul {
margin: 0px 0px 0px 15px;
}
#inter ul li ul li,
#inter_image ul li ul li {
padding-left: 8px;
}
#inter ul li,
#inter_image ul li {
list-style:disc;
margin:10px 40px;
}
#inter ul ul,
#inter_image ul ul {
margin:0 0 0 1em;
}
#inter ul ul li,
#inter_image ul ul li {
list-style:circle;
margin:10px;
}
#inter ul ul ul,
#inter_image ul ul ul {
margin:0 0 0 0.5em;
}
#inter ul ul ul li
#inter_image ul ul ul li {
list-style:square;
margin:10px;
}
#inter ul ul ul ul li,
#inter_image ul ul ul ul li {
list-style:disc;
}
#inter ul ul ul ul ul li,
#inter_image ul ul ul ul ul li {
list-style:circle;
}
#inter ul ul ul ul ul ul li,
#inter_image ul ul ul ul ul ul li {
list-style:square;
}
#inter ol{
margin:20px;
padding-left:40px;
}





#inter ul li,
body.congres #inter ul li,
#inter_image ul li{
list-style-image:url(pc_li_01.gif);
margin:10px 30px;
}
body.congres #inter ul ul,
#inter_image ul ul {
margin:0 0 0 1em;
}
#inter ul ul li,
body.congres #inter ul ul li,
#inter_image ul ul li {
list-style-image:url(pc_li_02.gif);
margin:10px;
}
body.congres #inter ul ul ul,
#inter_image ul ul ul {
margin:0 0 0 0.5em;
}
#inter ul ul ul li,
body.congres #inter ul ul ul li,
#inter_image ul ul ul li {
list-style-image:url(pc_li_03.gif);
margin:10px;
}
body.congres #inter ul ul ul ul li,
#inter_image ul ul ul ul li {
list-style-image:url(pc_li_01.gif);
}
body.congres #inter ul ul ul ul ul li,
#inter_image ul ul ul ul ul li {
list-style-image:url(pc_li_02.gif);
}
body.congres #inter ul ul ul ul ul ul li,
#inter_image ul ul ul ul ul ul li {
list-style-image:url(pc_li_03.gif);
}

body.stade #inter ul li,
#inter ul.listeplan03 li{
list-style-image:url(sm_li_01.gif);
margin:10px 30px;
}
body.stade #inter ul ul {
margin:0 0 0 1em;
}
body.stade #inter ul ul li,
#inter ul.listeplan03 ul li {
list-style-image:url(sm_li_02.gif);
margin:10px;
}
body.stade #inter ul ul ul {
margin:0 0 0 0.5em;
}
body.stade #inter ul ul ul li,
#inter ul.listeplan03 ul ul li {
list-style-image:url(sm_li_03.gif);
margin:10px;
}
body.stade #inter ul ul ul ul li {
list-style-image:url(sm_li_01.gif);
}
body.stade#inter ul ul ul ul ul li {
list-style-image:url(sm_li_02.gif);
}
body.stade #inter ul ul ul ul ul ul li {
list-style-image:url(sm_li_03.gif);;
}


body.zinga #inter ul li,
#inter ul.listeplan04 li{
list-style-image:url(zz_li_01.gif);
margin:10px 30px;
}
body.zinga #inter ul ul {
margin:0 0 0 1em;
}
body.zinga #inter ul ul li,
#inter ul.listeplan04 ul li {
list-style-image:url(zz_li_02.gif);
margin:10px;
}
body.zinga #inter ul ul ul {
margin:0 0 0 0.5em;
}
body.zinga #inter ul ul ul li,
#inter ul.listeplan04 ul ul li {
list-style-image:url(zz_li_03.gif);
margin:10px;
}
body.zinga #inter ul ul ul ul li {
list-style-image:url(zz_li_01.gif);
}
body.zinga #inter ul ul ul ul ul li {
list-style-image:url(zz_li_02.gif);
}
body.zinga #inter ul ul ul ul ul ul li {
list-style-image:url(zz_li_03.gif);;
}




body.destination #inter ul li,
#inter ul.listeplan05 li{
list-style-image:url(db_li_01.gif);
margin:10px 30px;
}
body.destination #inter ul ul {
margin:0 0 0 1em;
}
body.destination #inter ul ul li,
#inter ul.listeplan05 ul li {
list-style-image:url(db_li_02.gif);
margin:10px;
}
body.destination  #inter ul ul ul {
margin:0 0 0 0.5em;
}
body.destination  #inter ul ul ul li,
#inter ul.listeplan05 ul ul li {
list-style-image:url(db_li_03.gif);
margin:10px;
}
body.destination  #inter ul ul ul ul li {
list-style-image:url(db_li_01.gif);
}
body.destination #inter ul ul ul ul ul li {
list-style-image:url(db_li_02.gif);
}
body.destination  #inter ul ul ul ul ul ul li {
list-style-image:url(db_li_03.gif);
}


img {
border: none;
}





/*--------------------------------------------------------------------------------------------------------------*/
/*--- BACKGROUND ---*/
#background{
width:100%;
background:url(bg_soleil.jpg) no-repeat top center fixed;
}
#bg_contenu{
width:960px;
height:100%;
background:#fff url(bg_content.jpg) no-repeat 216px 6px;
float:left;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- CENTRAGE ---*/
#centrage {
width: 960px;
margin:auto;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- TOTAL ---*/
#total {
position: relative;
float:left;
width:960px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- HEADER ---*/
#header {
background:transparent url(bg_header.jpg) no-repeat top center;
height:370px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- RACCOURCIS---*/
#raccourcis{
position:absolute;
top:-2000px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- RECHERCHE ---*/
#recherche {
font-size: x-small;
position:absolute;
height:62px;
width:175px;
right:30px;
top:280px;
background:url(bg_recherche.gif) no-repeat center center;
margin:0;
padding:0;
}
#recherche input.saisie {
font-size: x-small;
color: #000;
border: 1px solid #000;
vertical-align: middle;
width: 120px;
margin:0 0 0 10px !important;
margin:-10px 0 0 10px ;
}
#recherche input.bouton {
vertical-align: middle;
margin:0 0 0 3px !important;
margin:-10px 0 0 0 ;
}
#recherche label {
display:block;
height:10px;
margin:2px 0 0 10px;
padding:0;
color:#fff;
font-weight:bold;
font-size:medium;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- PARTAGEZ  ---*/
#partagez{
position: absolute;
top: 345px;
right: 30px;
width:170px;
float: right;
}
#partagez p {
padding: 0px;
margin: 0px;
position: absolute;
left: 0px;
top: 5px;
font-weight: bold;
color: #663333;
}
#partagez ul li{
float: right;
}
#partagez ul li a{
padding: 0px 0px 0px 0px;
display: block;
height: 20px;
width: 19px;
margin: 5px 4px 0px 4px;
background-position: left bottom;
text-decoration: none;
border: none;
}
#partagez ul li a span{
display: none;
position: absolute;
left: 0px;
top: 5px;
font-weight: bold;
color: #FF6600;
background: #FFFFFF;
width: 55px;
}
#partagez ul li a:hover{
background-position: left top;
}
#partagez ul li a:hover span {
display: block;
}
#partagez ul li.facebook a{
 background-image: url(bgFAfacebook.gif);
}
#partagez ul li.netvibes a{
background-image: url(bgFAnetvibes.gif);
}
#partagez ul li.igoogle a{
background-image: url(bgFAiGoogle.gif);
width: 20px;
}
#partagez ul li.rss a{
background-image: url(bgFArss.gif);
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- ZONE GAUCHE ---*/
#zoneLeft {
position:relative;
top:-30px;
width:180px;
margin-right: 20px;
float:left;
}
body.accueil #zoneLeft {
position:absolute;
top:0px;
width:1px;
height: auto;
float:left;
margin-right: 0px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- MENU ---*/
#menu{
position:relative;
width:180px;
float:left;
font-size:medium;
}
#menu ul li {
padding-top:15px;
text-transform: uppercase;
font-weight:bold;
}
#menu ul li a{
text-decoration:none;
}
#menu ul li ul,
#menu ul li.on ul li ul{
display:none;
}
#menu ul li.on ul,
#menu ul li.on ul li.on ul {
  display: block;
}
#menu ul ul li{
padding: 5px 0px 5px 0px;
}
#menu ul ul ul li{
padding: 1px 0px 1px 0px;
margin: 0px 0px 0px 0px;
}
#menu ul ul ul.on li a{
background-image: none;
}
#menu ul li.on ul a{
display: block;
}
.lien01{
background:url(bg_accueil.gif) left 28px no-repeat;
padding-left:24px;
}
.lien01 a {
color:#797979;
}
.lien02{
background:url(bg_pc.gif) left 28px no-repeat;
padding-left:24px;
}
.lien02 a{
color:#663333;
}
.lien02 ul.on li a{
padding-left:16px;
background:transparent url(puce_pc.gif) no-repeat 0px 5px;
}
.lien03{
background:url(bg_sm.gif) left 28px no-repeat;
padding-left:24px;
}
.lien03 a{
color:#336600;
}
.lien03 ul.on li a{
padding-left:16px;
background:transparent url(puce_sm_01.gif) no-repeat -5px top;
}
.lien04{
background:url(bg_db.gif) left 28px no-repeat;
padding-left:24px;
}
.lien04 a{
color:#3366cc;
}
.lien04 ul.on li a{
padding-left:16px;
background:transparent url(puce_zz_01.gif) no-repeat -2px 3px;
}
.lien05{
background:url(bg_zz.gif) left 28px no-repeat;
padding-left:24px;
}
.lien05 a{
color:#ff6600;
}
.lien05 ul.on li a{
padding-left:16px;
background:transparent url(puce_db_01.gif) no-repeat -2px top;
}
#menu ul li .pc, #menu ul li .sm, #menu ul li .zz, #menu ul li .db {
font-size:x-small;
background:none;
}
#menu ul li .pc ul li,
#menu ul li .sm ul li,
#menu ul li .zz ul li,
#menu ul li .db ul li {
font-weight: normal;
text-transform: none;
}
#menu ul li.lien01 a.on,
#menu ul li.lien02 a.on,
#menu ul li.lien03 a.on,
#menu ul li.lien04 a.on,
#menu ul li.lien05 a.on{
text-decoration:underline;
}
#menu ul li a.lien02 {
display:none;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- CONTENT ---*/
#content {
width:740px;
float:left;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- FIL D'ARIANE ---*/
#filariane {
position:relative;
margin-top: -10px;
height: 18px;
font-size: x-small;
}
body.accueil #filariane {
display: none;
}
#filariane a {
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- INTER ---*/
#inter {
position:relative;
/*width:541px; */
width:560px;
float:left;
}
body.accueil #inter {
width:719px;
height: 445px;
}
body.congres #inter {
background: transparent url(bg_pc_entete.jpg) no-repeat 18px 26px
}
body.stade #inter {
background: transparent url(bg_stade_entete.jpg) no-repeat 0px 18px
}
body.zinga #inter {
background: transparent url(bg_zinga_entete.jpg) no-repeat 0px 7px
}
body.destination #inter, body.bodygenerique #inter {
background: transparent url(bg_destination_entete.jpg) no-repeat 65px 16px
}
body.congres #inter h2,
body.congres #inter h2 a {
font-size: x-large;
margin: 7px 0px 7px 0px;
padding: 3px 0px 0px 180px;
color: #797979;
line-height: 24px;
}
body.congres #inter h3,
body.congres #inter h3 a {
font-size: medium;
margin: 10px 0px 7px 0px;
padding: 0px 0px 15px 185px;
/*line-height: 20px;*/
color: #663333;
}
body.stade #inter h2,
body.stade#inter h2 a {
font-size: x-large;
margin: 7px 0px 7px 0px;
padding: 3px 0px 0px 180px;
color: #797979;
line-height: 24px;
}
body.stade #inter h3,
body.stade #inter h3 a {
font-size: medium;
margin: 13px 0px 7px 0px;
padding: 0px 0px 15px 185px;
/*line-height: 20px;*/
color: #336600;
}
body.zinga  #inter h2,
body.zinga #inter h2 a {
font-size: x-large;
margin: 7px 0px 7px 0px;
padding: 3px 0px 0px 180px;
color: #797979;
line-height: 24px;
}
body.zinga #inter h3,
body.zinga #inter h3 a {
font-size: medium;
margin: 11px 0px 7px 0px;
padding: 0px 0px 15px 185px;
/*line-height: 20px;*/
color: #3366cc;
}
body.destination #inter h2,
body.destination #inter h2 a,
body.bodygenerique #inter h2,
body.bodygenerique #inter h2 a {
font-size: x-large;
margin: 10px 0px 7px 0px;
padding: 3px 0px 0px 185px;
color: #ff6600;
line-height: 24px;
}
body.destination #inter h3,
body.destination #inter h3 a,
body.bodygenerique #inter h3,
body.bodygenerique #inter h3 a{
font-size: medium;
text-transform: uppercase;
margin: 13px 0px 7px 0px;
padding: 0px 0px 15px 185px;
line-height: 20px;
color: #ff6600;
}
#inter h4,
#inter h4 a {
font-size: medium;
margin: 10px 0px 10px 0px;
padding: 0;
color: #797979;
}
body.congres #inter h4,
body.congres #inter h4 a {
font-size: medium;
text-align:left;
padding:20px 0px 0px 0px;
margin:0 0 20px 0;
text-decoration:underline;
color: #663333;
}
body.stade #inter h4,
body.stade #inter h4 a {
font-size: medium;
text-align:left;
padding:20px 0px 0px 0px;
margin:0 0 20px 0;
text-decoration:underline;
color: #336600;
}
body.zinga #inter h4,
body.zinga #inter h4 a {
font-size: medium;
text-align:left;
padding:20px 0px 0px 0px;
margin:0 0 20px 0;
text-decoration:underline;
color: #3366cc;
}
body.destination #inter h4,
body.destination #inter h4 a {
font-size: medium;
text-align:left;
padding:20px 0px 0px 0px;
margin:0 0 20px 0;
text-decoration:underline;
color: #ff6600;
}
#inter h5,
#inter h5 a {
font-size: medium;
font-weight: normal;
margin: 7px 0px 7px 0px;
padding: 0;
color: #797979;
}
body.congres #inter h5,
body.congres #inter h5 a {
font-size: medium;
font-weight: normal;
margin: 7px 0px 7px 0px;
padding: 0;
color: #663333;
}
body.stade #inter h5,
body.stade #inter h5 a {
font-size: medium;
font-weight: normal;
margin: 7px 0px 7px 0px;
padding: 0;
color: #336600;
}
body.zinga #inter h5,
body.zinga #inter h5 a {
font-size: medium;
font-weight: normal;
margin: 7px 0px 7px 0px;
padding: 0;
color: #3366cc;
}
body.destination #inter h5,
body.destination #inter h5 a {
font-size: medium;
font-weight: normal;
margin: 7px 0px 7px 0px;
padding: 0;
color: #ff6600;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- RIGHT ---*/
#right {
margin: -10px 0px 0px 0px;
width:179px;
height:445px;
float:right;
}
body.accueil #right img.coteSud {
position: relative;
left: -6px;
top: 16px;
}
#right img.coteSud {
position: relative;
left: 13px;
top:17px;
}
#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;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- FOOTER ---*/
#footer {
position:relative;
font-size: x-small;
float:left;
width:960px;
height:150px;
padding-bottom:50px;
background:#ff8400 url(bg_footer.gif) no-repeat top center;
}
#footer a {
text-decoration: none;
}
#footer ul {
position:absolute;
top:80px;
right:40px;
text-align:right;
}
/*--- NOS PARTENAIRES ---*/
#partenaires {
position:absolute;
height: 90px;
width: 300px;
top:85px;
left:30px;
background-image: url(fond_logos_partenaires.gif);
background-repeat: no-repeat;
background-position: 0px 44px;
}
body.accueil #partenaires {
top:-35px;
}
#partenaires p {
margin: 0px 0px 0px 0px;
padding:  0px 0px 5px 0px;
}
/*---DRAPEAUX -- LOGO VILLE ---*/
#drapeaux{
position:absolute;
top:80px;
right:235px;
}
#drapeaux p{
padding:2px; 
margin:0;
}
#logo_ville{
position:absolute;
top:80px;
right:270px;
}
/*-- HAUT DE LA PAGE --*/
#hautpage {
position:absolute;
top:55px;
left:250px;
display: block;
width:100px
}
#hautpage a {
display: block;
width: 80px;
height: 40px;
padding: 20px 0px 0px 40px;
color: #663300;
background:url(haut_page.gif) no-repeat left center;
}
/*-- IMPRIMER LA PAGE --*/
#imprimpage {
position:absolute;
top:0px;
left:250px;
display:block;
width:130px;
}
#imprimpage a {
display: block;
width: 100px;
height:40px;
padding:20px 0px 0px 40px;
color: #663300;
background:url(imprimer_page.gif) no-repeat left center;
}
body.accueil #footer {
position:relative;
background-color: transparent;
background-image:none;
height:85px;
padding:0;
margin:0;
}
body.accueil #footer ul {
position:absolute;
top:-40px;
right:30px;
text-align:right;
}
body.accueil #drapeaux{
position:absolute;
top:-40px;
right:220px;
}
body.accueil #logo_ville{
position:absolute;
top:-40px;
right:260px;
}
body.accueil #imprimpage, body.accueil  #hautpage {
position:absolute;
top:-3000px;
}
/*--- TEXTE ---*/
div.coul01, .rouge, .coul01 {
color: #663333;
}
div.coul02, .bleu, .coul02 {
color: #3366CC;
}
div.coul03, .gris, .coul03 {
color: #797979;
}
div.coul04, .orange, .coul04 {
color: #FF6600;
}
div.coul05, .vert, .coul05 {
color: #336600;
}
/*-- BORDURE D'IMAGES --*/
img.bord01 .bordureRouge {
border: 1px solid #663333;
}
img.bord02, .bordureBleue {
border: 1px solid #3366cc;
}
img.bord03, .bordureGrise {
border: 1px solid #797979;
}
img.bord04, .bordureOrange {
border: 1px solid #FF6600;
}
img.bord05, .bordureVerte {
border: 1px solid #336600;
}
/*-- RESULTAT RECHERCHE --*/
table.result {
width: 100%;
margin: 60px 0px 10px 0px;
}
.result th {
background-color: #797979;
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: #797979;
 }
.result td.date {
font-size: x-small;
 }
.result td.description {
border-bottom: 1px solid #797979;
padding-bottom: 10px;
 }
html div.prec {
float: left;
padding-left: 2px;
font-size: x-small;
}
html div.prec a {
display: block;
padding: 0px 0px 0px 15px;
color: #003333;
text-decoration: none;
}
html div.suiv {
float: right;
font-size: x-small;
}
html div.suiv a {
display: block;
padding: 0px 16px 0px 0px;
color: #003333;
text-decoration: none;
}
html div.prec a:hover {
text-decoration: underline;
color: #BC0606;
}
html div.suiv a:hover {
text-decoration: underline;
color: #BC0606;
}
/*-- TABLEAUX --*/
table {
border-collapse: collapse;
}
th,
td {
border: 1px solid #597FBF;
padding: 3px;
vertical-align: top;
}
th {
background-color: #597FBF;
color: #FFFFFF;
}
body #totalnews table th,
body #totalnews table td {
border: none;
padding: 0px;
background-color: #FFFFFF;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- PLAN DU SITE ---*/

body.bodygenerique #plandusite h3 {
padding-left:0px;
}
body.bodygenerique #plandusite{
margin:0 0 0 0;
padding:0 0 0 0;
}
body.bodygenerique #plandusite h3 a {
font-size:medium;
margin:0 0 0 0;
padding:0 0 0 0;
color: #797979;
text-decoration: none;
}
body.bodygenerique #plandusite h3.plan02 a{
color: #663333;
}
body.bodygenerique #plandusite h3.plan03 a{
color: #336600;
}
body.bodygenerique #plandusite h3.plan04 a{
color: #3366CC;
}
body.bodygenerique #plandusite h3.plan05 a{
color: #FF6600;
}
body.bodygenerique #plandusite ul {
margin:0 0 0 5px;
padding:0 0 0 0;
font-weight: bold;
}
body.bodygenerique #plandusite ul li ul {
border-bottom: none;
margin:0 0 0 0;
padding:0 0 0 0;
font-weight: normal;
}
body.bodygenerique #plandusite ul li a {
color: #333A4C;
text-decoration: none;
margin:0 0 0 0;
padding:0 0 0 0;
}
body.bodygenerique #plandusite ul li a:hover {
color: #333A4C;
margin:0 0 0 0;
padding:0 0 0 0;
text-decoration: underline;
}

body.bodygenerique #inter #plandusite h3.plan_contact a{
background-image: none;
}

/*--------------------------------------------------------------------------------------------------------------*/
/*--- INFOS ---*/

body.accueil #infos {
margin-top: 0px;
float:left;
}
#infos {
margin-top: -80px;
float:left;
}

/*--------------------------------------------------------------------------------------------------------------*/
/*--- ACTUALITES --- EDITO ---EN BREF --- LIENS--- */
body.accueil #edito {
width:230px;
height:160px;
/*overflow:auto;*/
overflow:hidden;
font-size: x-small;
}
body.accueil #edito p {
text-indent:0;
margin:0px 0px 0px 10px;
padding: 0px 0px 0px 0px;
width:220px;
}
/*
body.accueil #edito h2 {
color: #333;
padding: 0px 0px 0px 10px;
margin:0px 0px 10px 0px;
border-bottom:#333 1px solid;
width:125px;
}
*/
body.accueil #edito h2 {
font-size:medium;
color: #FAAC47;
padding: 0px 0px 0px 10px;
margin:0px 0px 10px 0px;
border-bottom:#333 1px solid;
}
body.accueil #en_bref {
display: none;
}
body.accueil #liens {
display: none;
}
#en_bref {
padding: 10px 0px 0px 0px;
}
#en_bref,
#liens,
#inscritnews {
width:180px;
overflow:hidden;
font-size: x-small;
padding: 25px 0px 0px 0px;
}
#en_bref p,
#liens p,
#inscritnews p{
margin:0px 0px 0px 10px;
padding: 0px 0px 0px 0px;
width:180px;
}
#en_bref h2 {
font-size:medium;
color: #FAAC47;
padding: 0px 0px 0px 10px;
margin:0px 0px 10px 0px;
border-bottom:#333 1px solid;
}
#liens h2 {
font-size:medium;
color: #666666;
padding: 0px 0px 0px 10px;
margin:0px 0px 10px 0px;
border-bottom:#333 1px solid;
width:125px;
}
/*---------------------------------------------------------------------------------*/
/*-------------  INSCRIPTION NEWSLETTER  ---------------*/

body.accueil #inscritnews {
position: absolute;
top: 320px;
left: 0px;
width: 230px;
z-index: 999999;
padding: 0px 0px 0px 0px;
}
#inscritnews form strong {
display: block;
font-size:medium;
color: #faac47;
padding: 0px 0px 0px 10px;
margin:0px 0px 10px 0px;
border-bottom:#333 1px solid;
width: 170px;
}
body.accueil #inscritnews form strong {
width: 230px;
}
#inscritnews form input.saisie {
border: 1px solid #330000;
font-size: x-small;
vertical-align: middle;
width: 120px;
margin-left: 10px;
}
#inscritnews form input.bouton {
vertical-align: middle;
margin-left: 5px;
}
#liens ul,
#en_bref ul {
margin: 7px 0px 7px 10px;
}
#liens ul li,
#en_bref ul li{
list-style:disc;
margin:5px 0px 5px 10px;
}
#liens ol,
#en_bref ol{
margin: 7px 0px 7px 10px;
}
#liens ol li,
#en_bref ol li{
list-style:disc;
margin:5px 0px 5px 10px;
}
.actuLigne {
width:100%;
float: left;
margin-bottom: 20px;
}
#actus p img {
float: left;
}
#inter .actuLigne img {
float: right;
}
#actus p strong a{
color: #ff8400;
text-decoration: none;
}
#actus p strong a:hover,
.actuLigne strong a:hover {
text-decoration: underline;
}
/*------------------------------------------------------------------------------------*/
/*** UNE ACTUS DEROULANTE ***/
body.accueil #actus {
width:230px;
height:150px;
/*overflow:auto;*/
overflow:hidden;
font-size: x-small;
}
body.accueil #inter #actus h2 {
color: #663333;
padding: 0px 0px 0px 10px;
margin:20px 0px 10px 0px;
border-bottom:#663333 1px solid;
width:125px;
font-size: x-large;
}
body.accueil #inter #actus div {
float: left;
padding: 0;
margin: 0;
width: 230px;
}
body.accueil #inter #actus div.commandes {
display: none;
}
body.accueil #inter #actus div #actuList {
position:absolute; 
top:55px;
width: 230px;
clip:rect(0, 230px, 95px, 0);
height: auto;
padding: 0;
background: none;
}
body.accueil #inter #actus div #actuList p {
float: left;
margin: 5px 0px 0px 0px;
padding: 0px 0px 5px 10px;
width: 220px;
height: 115px;
overflow: hidden;
}
body.accueil #inter #actus div #actuList p img {
margin: 5px 10px 0px 0px;
float: left;
}
body.accueil #inter #actus div #actuList p a {
text-decoration: none;
}
body.accueil #inter #actus div #actuList p strong a {
color: #ff8400;
text-decoration: none;
}
body.accueil #inter #actus div #actuList p strong a:hover {
text-decoration: underline;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--  PAGE TOUS EVENEMENTS  --*/
/* --- pour contrarier le formulaire pas defaut dans stylesdefaut.css ---*/
body.agenda form div.entry label {
height:1px;
font-weight: bold;
}
#inter #colDroite ul li{
list-style:none;
padding-left:20px;
background:transparent url(puce_pc.gif) no-repeat 0px center;
}
/*--  ------------------------------------  --*/
body.agenda th{
padding:0;
margin:0;
background:url(bg_th.jpg) 0px 103px;
border:none;
text-align:center;
}
#inter #formfindcalendar {
position: absolute;
top: 158px;
left: 60px;
float: left;
width: 180px;
padding: 0px 0px 0px 25px;
}
#inter #formfindcalendar form {
margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 0px;
}
#inter #formfindcalendar form input,
#inter #formfindcalendar form select {
width: 150px;
}
#inter #formfindcalendar div.submit {
margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 0px;
}
#inter #formfindcalendar div.submit input {
margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 0px;
}
div.modejour,
div.modemois {
}
div.modejour #oCalendar,
div.modemois #oCalendar {
margin: 0px 0px 10px 0px;
padding: 23px 0px 70px 250px;
border-bottom: 1px solid #E7E5E6;
}
div.modejour #oCalendar table td.nextday,
div.modemois #oCalendar table td.nextday {
background-color: #999999;
}
div.modejour #oCalendar table td.nextday a,
div.modemois #oCalendar table td.nextday a {
color: #FFFFFF;
font-weight: bold;
}
div.modejour #oCalendar table td.days,
div.modemois #oCalendar table td.days {
color: #E18134;
font-weight: bold;
}
div.modejour #oCalendar table td.week,
div.modemois #oCalendar table td.week {
background-color: #E18134;
color: #FFFFFF;
font-weight: bold;
}
div.modejour .eventline,
div.modemois .eventline {
width: 100%;
float: left;
margin: 0px 0px 20px 0px;
padding:  0px 0px 20px 0px;
border-bottom:#FF9E29 1px solid;
}
div.modejour .eventline p img,
div.modemois .eventline p img{
float: left;
margin: 5px 5px 5px 0px;
} 
div.modejour .eventline a,
div.modemois .eventline a {
color:#FF8300;
text-decoration: none;
}
div.modejour .eventline a:hover,
div.modemois .eventline a:hover {
text-decoration: underline;
}
body #inter div.modejour .eventline ul,
body #inter div.modemois .eventline ul {
margin: 10px 0px 0px 0px;
padding:  0px 0px 0px 0px;
float: left;
width: 100%;
}
body #inter div.modejour .eventline ul li,
body #inter div.modemois .eventline ul li {
margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 12px;
display: block;
float: left;
width: 190px;
}

.filRssEvent {
position: absolute;
right: -220px;
top: -80px;
}
.filRssEvent a {
display: block;
height: 20px;
width: 20px;
background: url("bgFArss.gif") no-repeat left top;
}
.filRssEvent a:hover{
background: url("bgFArss.gif") no-repeat left bottom;
}
.filRssEvent a span{
display: none;
}
.filRssEvent a:hover span{
}


/*--------------------------------------------------------------------------------------------------------------*/
/*--  FOOTER --*/
#footer_actus p.toutesactus {
position:absolute;
/*top:-12px;*/
top:0px;
left:10px;
font-size: x-small;
font-weight: bold;
padding-left: 5px;
}
#footer_actus p.toutesactus a {
padding-left:20px;
text-decoration: none;
color:#663333;
display:block;
height:14px;
width:140px;
background:#fff url(toute_actu.gif) no-repeat left center;
}
#actus p.toutesactus a:hover {
text-decoration: underline;
}
#footer_actus{
position:relative;
width:200px;
height:40px;
}
#footer_actus p.rss {
font-size: x-small;
font-weight: bold;
padding-left: 5px;
position:absolute;
/*top:-12px;*/
top:0px;
left:160px;
}
#footer_actus p.rss a {
padding-left:20px;
text-decoration: none;
color:#663333;
display:block;
height:14px;
width:60px;
background:#fff url(rss.gif) no-repeat left center;
}
#footer_actus p.rss a:hover, #footer_actus p.toutesactus a:hover {
text-decoration: underline;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*-- DIVERS CLASSES --*/
.invisible {
position:absolute;
top:-3000px;
}
.flash_visite_virtuelle{
float:left;
height:434px;
width:679px;
}
/*--------------------------------------------------------------------------------------------------------------*/
body.pop_image,
body.pop_slide{
background-color:#fff;
background-image: none;
padding:10px;
float: left;
}
body.pop_slide h1{
display: block;
color:#663300;
font-size: large;
}
body.pop_slide #inter_image .popColGauche{
float: left;
width: 280px;
padding-right: 10px;
}
body.pop_slide #inter_image .popColDroit{
float: left;
width: 280px;
border-left: 1px solid #663300;
padding-left: 10px;
}
body.pop_slide #inter_image ul{
clear: both;
}
body.pop_image #inter_image img {
border: 1px solid #330000;
}
address{
padding:20px;
font-weight:bold;
font-size:medium;
}
table{
margin-right:auto;
margin-left:auto;
}
th{
padding:0;
margin:0;
background:url(bg_th.jpg) 0px 103px;
border:none;
text-align:left;
}
td{
border:#663333 1px solid;
background:transparent;
}
/*--  TABLEAUX DE CAPACITES  --*/
table.tableauCapacites {
width: 625px;
}
table.tableauCapacites th.th_vide{
background:none;
padding: 0;
margin:0;
height: 18px;
}
#inter table.tableauCapacites th.th_capacite {
height: 18px;
padding: 0;
margin:0;
background-color: #fb8318;
background-image: url(fond_capacite.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
}
#inter table.tableauCapacites th.th_salle {
width: 100px;
}
#inter table.tableauCapacites th.th_stands {
width: 60px;
}
#flash{
position:absolute;
top:77px;
left:1px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*-- PRESTATIONS EXTERIEURES / ANNUAIRE --*/
body.presta #inter h4.titrePresta,
body.presta #inter h4.titrePresta a {
font-size: medium;
margin: 7px 0px 0px 0px;
padding: 0;
color: #797979;
}
body.presta #inter h4 a{
color:#FF8300;
}
body.presta #inter p.listannu {
margin: 0px 0px 20px 0px;
padding: 0px 0px 20px 0px;
border-bottom:#FF9E29 1px solid;
}
body.presta #inter img.annulogo {
float: left;
}
body.presta #inter img.annuimg {
float: right;
}
body.presta #inter #contentForm {
width: 560px;
padding: 0px 0px 10px 0px;
margin: 0px 0px 20px 0px;
border-bottom: 1px solid #FF8400;
float: left;
}
body.presta #inter ul.rubriqueAnnu {
width: 540px;
padding: 0px 0px 0px 0px;
float: left;
}
body.presta #inter ul.rubriqueAnnu li,
body.presta #inter #dirList ul li {
list-style:none;
padding:20px 0px 0px 0px;
margin:0px;
}
body.presta #inter ul.rubriqueAnnu li ul li{
padding:10px 0px 0px 0px;
}
body.presta #inter ul.rubriqueAnnu li a,
body.presta #inter #dirList ul li a{
text-decoration:none;
display:block;
padding:11px 0px 0px 50px;
background:url(barre.jpg) left top no-repeat;
font-size:medium;
font-weight:bold;
color:#FF8300;
height:35px;
}
body.presta #inter ul.rubriqueAnnu li ul li a{
padding:6px 0px 0px 50px;
background:url(barre.jpg) left center no-repeat;
height:25px;
width: 435px;
}
body.presta #inter ul.rubriqueAnnu li a:hover,
body.presta #inter #dirList ul li a:hover{
color:#666666;
}
.lienbasliste {
display:block;
width:130px;
padding-left:50px;
}
.lienbasliste a {
display: block;
width: 100px;
height:40px;
padding:20px 0px 0px 40px;
color: #663300;
background:url(retour_liste_picto.gif) -10px 5px no-repeat;
text-decoration:none;
font-size:x-small;
}
.filannuaire a{
padding: 0px 5px 0px 0px;
font-size: x-small;
color: #FF6600;
}
body #inter form#formDistance{
width: 500px;
float: left;
clear: left;
margin: 10px 0px 10px 0px;
padding: 0px 100px 0px 0px;
}
body form#formDistance fieldset{
width: 400px;
padding: 0px 0px 0px 30px;
float: left;
}
body form#formDistance label{
float: left;
width: 195px;
}
body form#formDistance select{
float: left;
width: 200px;
}
body form#formDistance div.submit,
body form#formDistance div.submit input{
margin: 0px;
padding: 0px;
width:70px;
float: left;
clear: right;
}
/* --- TABLEAU ---*/
table.tableau_descriptif{
width:560px;
}
tr.repartition_chambre th{
font-size:small;
height:30px;
text-align:center;
padding:5px;
}
tr.description th{
font-size:x-small;
height:30px;
text-align:center;
padding:5px;
vertical-align:middle;
}
table.tableau_descriptif tr,
table.tableau_descriptif td{
text-align:center;
vertical-align:middle;
}
th.vide{
background-image:none;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--  BANDEAU SCROLLABLE  --*/
/*--- SLIDE---*/
#defilBandeau {
width: 100%;
float: left;
}
#bandeau{ 
width:88%;
overflow:hidden;
padding: 30px 0px 10px 0px;
float: left;
}
#bandeau ul {
float: left;
margin: 0px 0px 0px 0px;
}
#bandeau ul li {
float:left;
display:block;
padding:0px 0px 0px 0px;
margin: 0px 5px 0px 10px;
}
#bandeau ul li img{
width: 380px;
border: none;
}
.fleche {
float: left;
padding: 0px 0px 0px 0px;
}
html > body .fleche {
float: left;
padding: 0px 0px 0px 0px;
}
#gauche{
margin-left:0px;
}
#droite{
margin-right:0px;
}
body.pop_image #inter_image div.fleche img {
border: none;
}