body {background-color:#660076; text-align:center;margin-top:0px; color:white; font-size:12pt;} 

#copy{margin-top:20px; text-align:center;left:10px;bottom:30px;width:99%;height:22px;font-size:16px;font-style:italic;color:#cccc00;}
.logo img {text-align:center;margin-top:10px;opacity:0.6;filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity:0.6;}
.logo a:hover img {opacity:1;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;}
.cache {display:none; visibility:hidden;}


/* liens */
a {color:yellow;}
a:link {text-decoration:none;}
a:active {text-decoration:none;}
a:visited {text-decoration: none}
a:hover {text-decoration:underline overline;}

a.reservation {font-size:18pt; }

#barre_haut {
    background-image: url(../images/bando_bord.jpg);background-position: center left;background-repeat: no-repeat;
    width:800px;
    height:50px;
    xborder:thin solid blue;
    font-size:20px;
    margin:auto;
    margin-bottom:20px;
    margin-top:10px;
    text-align:left;
}

/* Menu + contenu */
#barre_milieu {width:90%;
	 margin:auto;
	 margin-bottom:20px;
	 color:yellow;
}
/* Contenu des rubriques sans barre de titre */
#contenu{font-size:10pt;
	 text-align:center;
	 margin-left:165px;
	 margin-right:10px;
	 clear:right;
}
	 	 
/* COPYRIGHT */
#barre_bas {
    clear:left;
    text-align:center;
    vertical-align:middle;
    padding-top:5px;
    margin:auto;
    margin-top:40px;
    width:700px;
    height:22px;
    font-size:16px;
    font-style:italic;
    color:brown;
    background-color:#ffcc00;
    -moz-opacity:0.6;
    filter:Alpha(opacity=60);
    -khtml-opacity:0.6;opacity:0.6;
}

#barre_bas a {text-decoration:none; color:brown}
#barre_bas a:hover {text-decoration:underline overline; color:black;-moz-opacity:1;filter:Alpha(opacity=100);-khtml-opacity:1;opacity:1;}


/* visite du camping */
.pdm_normal {color:yellow;border:thin solid blue;font-size:14px;margin:10px;text-align:center;height:370px;display:block;}
.pdm_small {color:yellow;font-size:14px;margin:10px;text-align:center;height:20px;border-width:2px;display:block;}
/*.pdm_normal #ipdm {xheight:244px;cwidth:590px;}*/
.pdm_normal p {margin-top:4px;}
.pdm_normal #back {display:none;}
.pdm_small #ipdm {display:none;}
.pdm_small #back {display:inline;vertical-align:top;height:20px;}
.pdm_small p {display:none;}

#legende_PDM {font-size:18px;height:20px;width:200px;font-weight:bold;font-style:italic;text-align:center;display:none;}

#minivue {position:absolute;border:thick double black;display:none;z-index:100;}
#minivue img {width:100px;height:66px;vertical-align:bottom;}


/* credits, carte */
#credits {text-align:left; margin-left:30px;}
#plan{text-align:center; background-color:red;}
#locatif TABLE TH {background-color:brown; text-align:center; color:yellow;}
#locatif td {text-align:center;}

#camping {text-align:left;}
#camping p{margin:3em;}

#stage {text-align:left; margin:auto; margin-left:10px;}
.animateur_stage {font-style:italic;}

.menu ul {display:inline; margin-right:0px;}
.menu ul li {display:inline;margin-left:10px;padding-left:15px;background-image: url(../images/puce.jpg);background-position: center left;background-repeat:no-repeat;}
.menu ul li {cursor:pointer;}
.menu ul li:hover {text-decoration: underline overline;}
/* Legende carte */
#minivue {position:absolute;border:thick double black;display:none;z-index:100;}
#minivue img {width:100px;height:66px;vertical-align:bottom;}

/* TARIF */
#tarif TH {background-color:#FFFD99; font-style:italic; color:#8D4181; font-size:12pt; border-top:thin solid red;border-bottom:thin solid red;}
.tarif TD {border-bottom:thin solid orange; color:yellow; font-size:10pt;text-align:center;}
.l_gratuit {color:yellow;font-style:italic;font-weight:bold;font-family:Arial, Helvetica, sans-serif;}


.adresse {margin-top:4em;;margin-right:auto;margin-left:auto; width:200px;border-bottom:thin solid orange; border-top:thin solid orange; }

#gps {
position:absolute;
top:450px;
left:18px;
font-size:12px;
font-style:italic;
}

#gps p {border-bottom:thin solid orange; border-top:thin solid orange;margin:5px;}


.titre {color:#CCCC00;font-family:Arial, Helvetica, sans-serif;
font-size:16px;font-style:italic;font-weight:bold;
text-align:center;text-decoration:underline;
margin:14px;
}

#animation {text-align:left;list-style-type:square; margin-left:25px;position:relative;}
#animation img {width:100px; height:66px;}

/* formulaire */
#demande table {margin-bottom:5px;}
#demande th {text-align:right;vertical-align:top;}
#demande td {text-align:left;}
label {font-style:italic;padding-top:10px;padding-right:10px;}

.t_gauche {text-align:left;margin-top:10px;}
#alentour_c {margin:auto; width:750px;height:276px;text-align:left; border:thick dotted black;background-color:white;}
#alentour_g {width:377px;height:276px;float:left;background-image:url(../images/carte_tg.gif);background-position:top left;background-repeat:no-repeat;}
#alentour_d {width:350px;height:276px;float:right;background-image:url(../images/carte_pays.gif);background-position:center center;background-repeat:no-repeat;}
#alentour img {border:none;}


/* GESTION INTERNE */
#manage_menu {border:thin solid white; width:200px; float:left;}
#manage_menu ul {text-align:left;}

#gestion {xbackground-color:pink; clear:right;margin-left:210px; font-size:8pt; color:white} 

/* CLIENT */
#gestion .liste {xbackground-color:pink; height:180px; overflow:auto;}
#gestion .liste_longue {xbackground-color:pink; height:300px; overflow:auto;}
tr.pair   {background-color:blue; color:white; font-size:10pt;}
tr.impair {background-color:lightblue; color:black;font-size:10pt;}
legend {color:white}
/* formulaire */


/* PLANNING */
.vert {background-color:LawnGreen; text-align:center; color:white;border-bottom:thin dotted black; border-right:thin solid black; }
.orange {background-color:darkorange; text-align:center;border-bottom:thin dotted black; border-right:thin solid black; }
.rouge {background-color:OrangeRed ; text-align:center;border-bottom:thin dotted black; border-right:thin solid black; }
.ressource {background-color:blue;}
tr.occupation {border:thin solid black; font-weight:bold; background-color:yellow;}
td.occupation {border:thin solid black; font-weight:bold; background-color:yellow;}
td a.libre{color:white;}
td a.occupe{color:black;}

#planning table {font-size:11pt;text-align:center;color:yellow;}
#planning TH {background-color:#FFFD99; font-style:italic; color:#8D4181; font-size:9pt; border-top:thin solid black;border-bottom:thin solid black;}
#xplanning TD {border-bottom:thin dotted black; border-right:thin solid black; xfont-style:italic;}

/* Connexions */
#liste_connexions {height:600px;}