P { color : black; /*font:Georgia, "Times New Roman", Times, sans-serif*/ }
html{
height:100%; /* important dans la balise html pour que les navigateurs utilisent toute la hauteur en 100% */
/*font:Georgia, "Times New Roman", Times, sans-serif;*/
}
body {
height:100%;
margin: 0;
padding: 0;
border:0;
font-size: 0.8em;
margin: 0px 30px; /* Donner plus de marge à gauche et à droite, et moins en haut et en bas */
font-family:Comic Sans MS; /* Police moderne, sans empattements, du type Times New Roman */
}
#container { /*le conteneur global du site, qui sera centré */
position: relative;
max-width: 1600px;
min-width: 900px;
/*width: expression(document.body.clientWidth <= 602? "600px" : document.body.clientWidth >= 1002? "1000px" : "auto");*/
width:100%;
max-height: 1224px;
min-height: 520px;
height: 100%;
background-image:url(sand.jpg);
background-color:#EFC687;
}
#header {
position: relative;
/*height: 11%;*/ /* pour IE 6 avec 1024/768 : il faut au moins du 18% car il ne prend pas en compte le max ou min -height */
max-height:100px;
min-height:100px;
height: expression(document.body.clientHeight > 700? "11%" : "15%");
/*height: 11%; */
/*height:100px;*/
width: 100%;
background-color:#000000;
background-image:url(fond_base_sans_logo.jpg);
background-repeat:repeat-x;
}
#header-logo {
position: absolute;
height:100%;
width:22%;
overflow:visible;
padding-left:10px;
/*background-color:#5B2E00;*/
background-image:url(fondlogo2.jpg); /* 2 ou 32 ou 36 ou 40 ou orig 1 ou 32 amélioré ou 57 ou 55 */
background-repeat:no-repeat;
}
#zonelienlogo { /* the zone of the link */
position: absolute;
float: left;
width : 150px;
height: 75px;
/*margin-left: 20px;
margin-top: 30px;*/
}
#header-content {
position: absolute;
height:100%;
margin-left:22%;
width:78%;
}
#header-content-link {
position:absolute;
height: 100%;
margin-left:211px;
/*background-color:#5B2E00;*/
/*background-image:url(test_fond.jpg);
background-repeat:repeat-x;*/
width:30%;
}
#header-content-top {
position:absolute;
height: 100%;
/*background-color:#5B2E00;*/
/*background-image:url(test_fond.jpg);
background-repeat:repeat-x;*/
width:100%;
}
#header-content-title {
position:absolute;
margin-top:24px;
width:100%;
color:#FDEDD7;
/*font-family:Georgia, Times, sans-serif;*/ /*font-family: "Segoe Print";*/
font-family:Comic Sans MS;
background-repeat:repeat-x;
}
#middle{
position:relative;
/*height:83%;*/ /* 84% à l'origine mais on ne met plus du 11% dans l'en tête mais du 100px, il faut donc réduire de 6/7% */
height:82%; /* firefox cherche le height, si il ne trouve pas il prend le min-height, et si trouve pas il met 0 */
/*min-height:77%;*/
height:expression(document.body.clientHeight > 700? "84%" : "80%"); /* expression ne sont utilisés que par IE apparemment */
width:100%;
background-image:url(bamboo2.gif);
background-position:top;
background-repeat:repeat-x;
}
#menu {
position:absolute;
left:0;
width:22%;
height:100%;
background-image:url(side_leaf.gif);
background-repeat:no-repeat;
margin-left:0;
}
#menu-summary {
position:relative;
/* font-family:Georgia, "Times New Roman", Times, serif;*/
font-family:Comic Sans MS;
font-size:16px;
/*font-stretch:expanded;*/
list-style-type: none;
height:87%;
height:expression(document.body.clientHeight > 700? "90%" : "0"); /* expression ne sont utilisés que par IE apparemment */
width:100%;
/*background-position:50% 10%;*/
/*background-repeat:no-repeat;*/ /* NM : pour avoir une image au milieu d'une autre : sans répétition */
}
#menu-summary ul {
padding-left:0;
margin-left:0;
}
#menu-summary li {
margin-bottom: 5px;
list-style: none; /*on enleve les icones de liste */
margin-top:10px;
}
#menu-summary li ul li {
margin-bottom: 5px;
list-style: none; /*on enleve les icones de liste */
margin-top:2px;
}
/*#menu-summary li ul li a {
color:#330066;
font-size:15px;
background-color:#FEF0D6;
font-weight:bold;
}*/
#childmenu-selected a {
background-color:#BFDEFF;
}
/*#menu-summary a {
margin: 0px 5px;
color: #000000;
text-decoration: underline;
padding:2px;
background-color:#FEF8A5;
border:1px solid;
}*/
.menuniv1 a {
/*margin: 0px 5px;*/
color: #000000;
/*font-weight:bold;*/
text-decoration: underline;
padding:2px;
background-color:#FEF8A5;
border:1px solid;
}
.menuniv2 a {
color:#330066;
font-size:15px;
background-color:#FEF0D6;
font-weight:bold;
}
#menu-summary a:hover {
text-decoration: none;
color:#FF0000;
/*font-weight:bolder;*/
background-color:#FFFF00;
border: 6px solid green;
}
#menu-under {
position:relative;
height:30%;
height:expression(document.body.clientHeight > 700? "30%" : "200"); /* expression ne sont utilisés que par IE apparemment, NM le 21/01/2009 -> 100 au lieu de 0 */
width:100%;
}
#menu-under-under {
position:static;
margin-bottom:0;
width:100%;
}
#separate-content{
margin-left:22%;
background-image:url(bamboo2_vertical.gif);
background-position:right;
background-repeat:repeat-y;
height:100%;
width:10px;
}
#content {
position:absolute;
overflow: auto;
width:78%;
margin-left:22%;
height:100%;
background-image:url(bamboo2_vertical.gif);
background-position:left;
background-repeat:repeat-y;
padding-top:10px; /* 20 px ? */
margin-top:10px;
}
#content h2{
vertical-align:middle;
margin-left:50px;
margin-right:50px;
/*font-family:Georgia, Times, sans-serif;*/ /*font-family: "Segoe Print";*/
font-family:Comic Sans MS;
color:#610349; /*#000000;*/
font-size: 22px; /* 26px ? */
background-color:#F8D5AD;
padding:5px;
border:1px solid;
}
#content h3{
vertical-align:middle;
margin-left:70px;
margin-right:70px;
font-family:Georgia, Times, sans-serif; /*font-family: "Segoe Print";*/
color:#420000; /*#000000;*/
font-size: 18px; /* 26px ? */
background-color:#F8D5AD;
padding:5px;
padding-left:15px;
border:1px solid;
}
.content-important-text{
vertical-align:middle;
font-family:Georgia, Times, sans-serif; /*font-family: "Segoe Print";*/
color:#610349; /*#000000;*/
font-weight:bolder;
font-size: 18px; /* 26px ? */
}
#content p{
vertical-align:middle;
margin-left:60px;
margin-right:50px;
/*font-weight:bolder;*/
/*font-family:Georgia, Times, sans-serif;*/ /*font-family: Arial, Helvetica, sans-serif;*/
/*font-family:Georgia, Times, sans-serif */
font-family:Comic Sans MS;
font-size: 16px;
color: #420000;
background-color:#F8D5AD;
padding:5px;
border:1px solid;
/*font-stretch:semi-expanded;*/
}
.p-content{
vertical-align:middle;
margin-left:60px;
margin-right:50px;
/*font-weight:bolder;*/
/*font-family:Georgia, Times, sans-serif;*/ /*font-family: Arial, Helvetica, sans-serif;*/
/*font-family:Comic Sans MS;*/
font-family:Comic Sans MS;
font-size: 16px;
color: #420000;
background-color:#F8D5AD;
padding:5px;
border:1px solid;
/*font-stretch:semi-expanded;*/
}
.p-content-menu{
vertical-align:middle;
margin-left:32%;
margin-right:32%;
/*font-weight:bolder;*/
/*font-family:Georgia, Times, sans-serif;*/ /*font-family: Arial, Helvetica, sans-serif;*/
font-family:Comic Sans MS;
font-size: 16px;
color: #610349; /* 420000 */
background-color:#fdd176; /* FAB870 f9bc79 f6f660 FFCD64 f8f870 fdd176 */
padding:4px;
border:5px solid; /* ridge */
border-color:green; /* 000099 */
width:36%;
text-align:justify;
text-indent:25px;
text-shadow:#000099;
/*font-stretch:semi-expanded;*/
}
#content table { /* valable pour toutes les tables existantes dans content */
font-size: 16px;
vertical-align:middle;
/*font-family:Georgia, "Times New Roman",Times, sans-serif;*/ /*font-family: Arial, Helvetica, sans-serif;*/
/*font-stretch:semi-expanded;*/
}
.contentDirectTable { /* uniquement pour les table directement dans content, pour les tableaux de description par exemple */
/* sans maitrise : c'est plus large, mais peut etre plus joli
margin-left:50px;
margin-right:50px;
max-width:1000px;
*/
/* ci dessous jusqu'à couleur c'est en limitant la largeur */
max-width:900px;
width:80%;
/* width:expression(document.body.clientWidth > 900? "100px" : "80%");*/ /* 100 px ne fonctionne pas mais IE se met à la taille de la photo sans descendre en dessous */
color: #420000;
/*font-weight:bolder;*/
}
.imgExpandedWidth {
width:100%;
width:expression(document.body.clientWidth > 950? "100%" : "220px");
}
#footer {
position:relative;
height:5%;
width: 100%;
background-image:url(sand.jpg);
}
#footer-left {
position:absolute;
width:22%;
height:100%;
background-image:url(bamboo2.gif);
background-position:top;
background-repeat:repeat-x;
}
#footer-left-content {
position:absolute;
width:100%;
height:60%;
padding-top:12px;
padding-left:20px;
}
#footer-link {
position:absolute;
height:100%;
margin-left:100px;
width:30%;
background-image:url(bamboo2.gif);
background-position:top;
background-repeat:repeat-x;
}
#footer-right {
position:absolute;
width:78%;
height:100%;
margin-left:22%;
background-image:url(bamboo2.gif);
background-position:top;
background-repeat:repeat-x;
}
.footer-right-message {
font-size: 16px;
font-family:Comic Sans MS; /* Police moderne, sans empattements, du type Times New Roman */
}
/* partie calendrier */
.calendarTable {
border-width:1;
border-color:#000000;
border-style:solid;
background-color:#E5B426; /* #0000FF E5B426 */
border-collapse:collapse;
margin:0.5%;
font-family:Georgia, "Times New Roman",Times, sans-serif;
}
.calendarTop { text-align:center; font-weight:bold; color:#E5B426; background-color:#000000;} /* #FFFFFF */
.calendarHeaderWeek {color:#036772; background-color:#EDC148; width:27; font-style:italic; font-weight:bold;} /* color:#FFFFFF; background-color:#000000; */
.calendarHeaderDay { text-align:center; color:#036772; width:14; font-size:16px; font-weight:bold; background-color:#EDC148;} /* background-color:#3399FF; color:#FFFFFF;*/
.calendarDays {text-align:center; color:#008000; /*text-decoration:underline;*/ font-weight:bold; width:14; background-color:#F9E769; font-size:14px; /*font-style:italic;*/} /* color:#000000; background-color:#3399FF ; width:14*/
.calendarDaysBooked {text-align:center; background-color:#FF6633/*FF3300*/; color:#000000; /*text-decoration:underline;*/ font-weight:bold; width:14; }
.calendarDaysBookedPartly {text-align:center; background-color:#FBA447; color:#000000; /*text-decoration:underline;*/ font-weight:bold; width:14; } /* ackground-color:#FFFF66*/
.calendarDaysBookedCaseTropicale {text-align:center; background-color:#FBA447; color:#000000; /*text-decoration:underline;*/ font-weight:bold; width:14; ti} /* ackground-color:#FFFF66*/
.calendarOutOfMonth {text-align:center; color:#000000; font-weight:bold; width:14; background-color:#F9E769;} /* background-color:#3399FF */
.calendarDaysBookedPartly em {
display:none;
}
.calendarDaysBookedPartly:hover {
border: 0;
position: relative;
z-index: 500;
text-decoration:none;
}
.calendarDaysBookedPartly:hover em {
font-style: normal;
display: block;
position: absolute;
top: 20px;
left: -10px;
padding: 5px;
color: #000;
border: 3px solid #000;
background: #ff8; /* cdeb8b */
width:240px;
}
.calendarDaysBookedPartly:hover em span {
position: absolute;
top: -14px;
left: 4px;
height: 14px;
width: 29px;
background: transparent url(infobulletop05.gif);
margin:0;
padding: 0;
border: 0;
}