containing the day names */
}
.calendar thead .name { /* Cells | containing the day names */
border-bottom: 1px solid #000;
padding: 2px;
text-align: center;
background: #e8f0f4;
}
.calendar thead .weekend { /* How a weekend day name shows in header */
color: #f00;
}
.calendar thead .hilite { /* How do the buttons in header appear when hover */
border-top: 2px solid #fff;
border-right: 2px solid #000;
border-bottom: 2px solid #000;
border-left: 2px solid #fff;
padding: 0px;
background-color: #d8e0e4;
}
.calendar thead .active { /* Active (pressed) buttons in header */
padding: 2px 0px 0px 2px;
border-top: 1px solid #000;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
border-left: 1px solid #000;
background-color: #b8c0c4;
}
/* The body part -- contains all the days in month. */
.calendar tbody .day { /* Cells | containing month days dates */
width: 2em;
text-align: right;
padding: 2px 4px 2px 2px;
}
.calendar tbody .day.othermonth {
font-size: 80%;
color: #aaa;
}
.calendar tbody .day.othermonth.oweekend {
color: #faa;
}
.calendar table .wn {
padding: 2px 3px 2px 2px;
border-right: 1px solid #000;
background: #e8f4f0;
}
.calendar tbody .rowhilite td {
background: #d8e4e0;
}
.calendar tbody .rowhilite td.wn {
background: #c8d4d0;
}
.calendar tbody td.hilite { /* Hovered cells | */
padding: 1px 3px 1px 1px;
border: 1px solid;
border-color: #fff #000 #000 #fff;
}
.calendar tbody td.active { /* Active (pressed) cells | */
padding: 2px 2px 0px 2px;
border: 1px solid;
border-color: #000 #fff #fff #000;
}
.calendar tbody td.selected { /* Cell showing selected date */
font-weight: bold;
padding: 2px 2px 0px 2px;
border: 1px solid;
border-color: #000 #fff #fff #000;
background: #d8e0e4;
}
.calendar tbody td.weekend { /* Cells showing weekend days */
color: #f00;
}
.calendar tbody td.today { /* Cell showing today date */
font-weight: bold;
color: #00f;
}
.calendar tbody .disabled { color: #999; }
.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
visibility: hidden;
}
.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
display: none;
}
/* The footer part -- status bar and "Close" button */
.calendar tfoot .footrow { /* The |
in footer (only one right now) */
}
.calendar tfoot .ttip { /* Tooltip (status bar) cell | */
background: #e8f0f4;
padding: 1px;
border: 1px solid #000;
background: #788084;
color: #fff;
text-align: center;
}
.calendar tfoot .hilite { /* Hover style for buttons in footer */
border-top: 1px solid #fff;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
border-left: 1px solid #fff;
padding: 1px;
background: #d8e0e4;
}
.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
padding: 2px 0px 0px 2px;
border-top: 1px solid #000;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
border-left: 1px solid #000;
}
/* Combo boxes (menus that display months/years for direct selection) */
.calendar .combo {
position: absolute;
display: none;
width: 4em;
top: 0px;
left: 0px;
cursor: default;
border-top: 1px solid #fff;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
border-left: 1px solid #fff;
background: #d8e0e4;
font-size: 90%;
padding: 1px;
}
.calendar .combo .label,
.calendar .combo .label-IEfix {
text-align: center;
padding: 1px;
}
.calendar .combo .label-IEfix {
width: 4em;
}
.calendar .combo .active {
background: #c8d0d4;
padding: 0px;
border-top: 1px solid #000;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
border-left: 1px solid #000;
}
.calendar .combo .hilite {
background: #048;
color: #aef;
}
.calendar td.time {
border-top: 1px solid #000;
padding: 1px 0px;
text-align: center;
background-color: #e8f0f4;
}
.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
padding: 0px 3px 0px 4px;
border: 1px solid #889;
font-weight: bold;
background-color: #fff;
}
.calendar td.time .ampm {
text-align: center;
}
.calendar td.time .colon {
padding: 0px 2px 0px 3px;
font-weight: bold;
}
.calendar td.time span.hilite {
border-color: #000;
background-color: #667;
color: #fff;
}
.calendar td.time span.active {
border-color: #f00;
background-color: #000;
color: #0f0;
}
#info {position:relative;}
#scrollbox {width:460px; height:180px; background:#f4f4f4; overflow:auto; border:1px solid #aaa; }
a.gallery, a.gallery:visited {display:block; color:#000; text-decoration:none; border:1px solid #000; width:75px; height:47px; margin:3px; float:left;}
.slidek {position:absolute; width:385px; height:330px; top:24px; padding:0; border:1px solid #000;}
a.gallery span {display:block; position:absolute; top:-1px; width:1px; height:1px; overflow:hidden; background:#efedec;}
a.gallery:hover {white-space:normal; border:1px solid #fff;}
a.gallery:hover img, a.gallery:active img, a.gallery:focus img {border:1px solid #000;}
a.gallery:hover span, a.gallery:active span, a.gallery:focus span {display:block; position:absolute; width:385px; height:330px; top:19px; left: 0px; padding:5px; font-style:italic; color:#000; background:#fff; }
#thumbs {width:440px;/* height:60px;*/}
#pad {height:380px; width:385px;}
#preview_carte{
margin-left:30px;
}
#carte_postale{
left:350px;
}
#formCarte_postale{
margin-left:30px;
}
#formCarte_postale select{
width:100px;
}
/* Commande brochure */
.commandebrochure .listebrochures{
margin-left:20px;
}
/* Fiches recherche */
#recherche_avancee { border: 1px dashed #a8cefa; }
#RechercheText fieldset {
border: 0px;
padding-top: 10px;
margin-bottom: 15px;
padding-bottom: 5px;
border-bottom: 1px dashed #a8cefa;
}
#RechercheText fieldset div {
line-height: 1.4em;
}
#RechercheText legend {
font-weight:bold;
padding-top: 2px;
color:#003399;
margin:0;
padding:0;
}
#RechercheText label {
width: 200px;
}
#RechercheText legend b {
display:block;
width:100%;
}
#YourLanguageNotExist {
font-weight: bold;
font-size: 11px;
}
#YourLanguageNotExist a {
text-decoration: none;
width: 15px;
padding-right: 4px;
font-weight: normal;
text-transform: uppercase;
letter-spacing: 2px;
}
#YourLanguageNotExist a.selected {
font-weight: bold;
}
#YourLanguageNotExist a:hover {
text-decoration: underline;
}
/* Donnees personnelles */
.donneespersonnelles1 { text-align: right; width: 370px; }
.donneespersonnelles1 select { width: 244px; }
.donneespersonnelles1 input { width: 240px; }
p.error {
font-weight: bold;
color: red;
font-size: 90%;
}
/* carte postale */
.donneescartepostale1 { text-align: right; width: 370px; }
.donneescartepostale1 input { width: 200px; }
.donneescartepostale2 { text-align: right; width: 320px; }
.donneescartepostale2 select { width: 154px; }
/* tableau belsud */
.cal {
border: 1px solid #000;
text-align: center;
height: 150px;
}
.calendrier_belsud caption {
font-weight: bold;
font-size: 120%;
}
.calendrier_belsud table .WF {
background-color: #FFFF00;
}
.calendrier_belsud table .HS {
background-color: #FF00FF;
}
.calendrier_belsud table .MS {
background-color: #90EE90;
}
.calendrier_belsud table .BS {
background-color: #00FFFF;
}
.calendrier_belsud table #LW {
border: 2px solid red;
}
/* CSS needed for the script */
#ajax_tooltipObj{
z-index:1000000;
text-align:left;
}
#ajax_tooltipObj div{
position:relative;
}
/* If you don't want the arrow - Just set the width of this div to 1 or something like that and drop the background selectors from the CSS below */
#ajax_tooltipObj .ajax_tooltip_arrow{ /* Left div for the small arrow */
background-image:url(/images/arrow.gif);
width:20px;
position:absolute;
left:0px;
top:0px;
background-repeat:no-repeat;
background-position:center left;
z-index:1000005;
height:60px;
}
#ajax_tooltipObj .ajax_tooltip_content{
border:2px solid #317082; /* Border width */
left:18px; /* Same as border thickness */
top:0px;
position:absolute;
width:250px; /* Width of tooltip content */
background-color:#FFF; /* Background color */
padding:5px; /* Space between border and content */
font-size:0.8em; /* Font size of content */
overflow:auto; /* Hide overflow content */
z-index:1000001;
}
/* ie6win */
/* IE/Win fixes for various layouts
----------------------------------------------- */
* html #threecolumn #main-content {
width: 529px;
margin-left: -2px;
}
/* ie5mac */
/*\*//*/
* html #threecolumn #main-content {
width: 429px;
margin-left: 0;
}
/**/
/* ie5win */
@media tty {
i{content:"\";/*" "*/}} td { font-size: 0.8em; } #footer p { margin: 0; padding: 1em 0; } /*";}
}/* */
/************/
/* home page */
/************/
#ThemeContent {
height : 910px;
}
#divTheme {
position: absolute;
margin: 0 auto;
width: 640px;
height: 450px;
top: 185px;
}
#theme1, #theme2, #theme3, #theme4, #theme5, #theme6 {
position: absolute;
/*background-image: url(/images/public/ombre.gif);
background-repeat: no-repeat;
background-position: center bottom;
*/
line-height: 90%;
height: 145px;
width: 195px;
padding-left: 10px;
top: 105px;
}
#theme1 {
left: 20px;
}
#theme2 {
left: 230px;
}
#theme3 {
left: 440px;
}
#theme4 {
top: 250px;
left: 20px;
}
#theme5 {
top: 250px;
left: 230px;
}
#theme6 {
top: 250px;
left: 440px;
}
#morethemes {
position: absolute;
text-align: right;
top: 395px;
left: 20px;
width: 630px;
}
#nospointsfortsText {
position: absolute;
height: 300px;
width: 180px;
top: 390px;
left: 35px;
overflow: auto;
margin-top: 35px;
margin-left: 5px;
margin-right: 5px;
color: #00CCFF;
}
#Evenements {
position: absolute;
height: 270px;
width: 450px;
top: 410px;
left: 230px;
}
#EvenementsMarquee {
height: 230px;
overflow: auto;
}
#BannerFrontpage {
position: absolute;
height: 60px;
width: 650px;
top: 840px;
left: 12px;
text-align: center;
}
#Evenements h1 {
padding-top: 0px;
color: #FF3600;
}
#Evenements ul {
color: #00CCFF;
font-size: 70%;
}
#intro {
font-size: 80%;
color: #666666;
text-decoration: none;
padding-left :30px;
letter-spacing: 0px;
}
#intro h2 {
font-size: 130%;
color: #0281ce;
font-family: Arial, Helvetica, sans-serif;
font-variant: small-caps;
padding-bottom: 3px;
}
.themes_list h1 {
font-size: 100%;
letter-spacing: 0px;
color: #0281ce;
font-variant: small-caps;
font-family: Arial, Helvetica, sans-serif;
}
.themes_list a {
font-size: 90%;
display: block;
}
.imgthemes h1 a {
font-size: 90%;
font-variant: small-caps;
font-family: Arial, Helvetica, sans-serif;
color: #0281ce;
}
.imgthemes a {
font-size: 90%;
display: block;
}
html ul {
padding: 0px;
margin-left:15px;
}
#mySlideshow
{
width: 160px;
height: 269px;
z-index:5;
}
.jdSlideshow
{
display: none;
overflow:hidden;
position: relative;
background-color: white;
}
.jdSlideshow img
{
width: 100%;
border: 0px;
}
.jdSlideshow .slideElement
{
position : absolute;
left : 0px;
top : 30px;
height : 100%;
width: 100%;
margin : 0px;
border : 0px;
background-repeat: no-repeat;
}
.jdSlideshow .slideInfoZone
{
position: absolute;
z-index: 10;
width: 100%;
margin: 0px;
left: 0;
bottom: 0;
margin-top: 0px;
height: 79px;
color: #fff;
text-indent: 0;
}
.jdSlideshow .slideInfoZone .InfoZone
{
padding: 0;
width: 100%;
margin: 0;
background: #ccc;
height: 79px;
}
.jdSlideshow .slideInfoZone h2
{
padding: 0;
font-size: 70%;
margin: 0;
margin: 2px 5px;
font-weight: bold;
color: inherit;
}
.jdSlideshow .slideInfoZone p
{
position: absolute;
padding: 5px;
font-size: 70%;
color: #000;
background: #ccc;
}
.jdSlideshow .slideInfoZone .localite
{
color: red;
font-weight: bold;
}
.jdSlideshow .slideInfoZone strong
{
color: red;
font-weight: bold;
font-size: 140%;
display: block;
}
.jdSlideshow a
{
font-size: 100%;
text-decoration: none;
color: inherit;
}
.jdSlideshow a.right, .jdSlideshow a.left
{
position: absolute;
height: 30px;
width: 28px;
cursor: pointer;
z-index:10;
filter:alpha(opacity=20);
-moz-opacity:0.2;
-khtml-opacity: 0.2;
opacity: 0.2;
}
.titleBetweenArrow {
color:#4C4A4B;
position: absolute;
font-variant: small-caps;
width:100%;
text-align: center;
font-size: 150%;
margin-top:0px;
font-family: Franklin Gothic Medium,Verdana, Arial, Helvetica, sans-serif;
}
* html .jdSlideshow a.right, * html .jdSlideshow a.left
{
filter:alpha(opacity=50);
}
.jdSlideshow a.right:hover, .jdSlideshow a.left:hover
{
filter:alpha(opacity=80);
-moz-opacity:0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
}
.jdSlideshow a.left
{
left: 0;
top: 0;
background: url(/images/public/fleche1optnew.gif) no-repeat top left;
}
* html .jdSlideshow a.left { background: url(/images/public/fleche1optnew.gif) no-repeat top left; }
.jdSlideshow a.right
{
right: 0;
top: 0;
background: url('/images/public/fleche2optnew.gif') no-repeat top right;
}
* html .jdSlideshow a.right { background: url('/images/public/fleche2optnew.gif') no-repeat top right; }
/** END CUSTOM SKIN **/
/*********************/
/****** onglet *******/
/*********************/
#onglet {
width: 100%;
line-height: normal;
text-transform: uppercase;
/*font-weight: bold;*/
margin-bottom: 10px;
}
#onglet ul {
margin: 0;
padding: 10px 10px 0 0;
list-style: none;
}
#onglet li {
float: left;
background: url("/images/public/norm_left.gif") no-repeat left top;
margin: 0;
padding: 0 0 0 9px;
}
#onglet a {
float: left;
display: block;
/*font-size: 120%;
*/font-weight: normal;
background:url("/images/public/norm_right.gif") no-repeat right top;
padding:5px 15px 4px 6px;
text-decoration:none;
font-weight:bold;
color: #4C4A4B;
/*color:#765;*/
cursor: pointer;
}
/* Commented Backslash Hack
hides rule from IE5-Mac \*/
#onglet a {float:none;}
/* End IE5-Mac hack */
#onglet a:hover {
color:#333;
}
#onglet .current {
background-image:url("/images/public/norm_left_on.gif");
}
#onglet .current a {
background-image:url("/images/public/norm_right_on.gif");
/* color:# 333;*/
padding-bottom:5px;
}
#ongletContenu {
position: absolute;
left:0px;
margin:0;
padding:0;
top:40px;
overflow: auto;
height:360px;
width: 400px;
}
.globalsearch .option1 {
color:black;
text-decoration:underline;
font-weight:bold;
}
.globalsearch .option2 {
color:black;
}
.liens_membres_liste
{
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
-moz-box-shadow:2px 2px 5px #888888;
background-color:#ffcc66;
background-repeat:repeat-y;
border-color:#CCCCCC #CCCCCC #DDDDDD #DDDDDD;
border-style:solid;
border-width:1px;
margin:5px;
padding:5px;
text-align:left;
width:415px;
}
.liens_membres_fiche
{
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
-moz-box-shadow:2px 2px 5px #888888;
background-color:#ffcc66;
background-repeat:repeat-y;
border-color:#CCCCCC #CCCCCC #DDDDDD #DDDDDD;
border-style:solid;
border-width:1px;
margin:5px;
padding:5px;
text-align:left;
} |