#map { 
	height: 550px;
	width: 800px;
	float: left;
}
#display_map{
	float: right;
	width: 136px;
	border: 1px solid grey;
	padding: 5px;
}

input[type=button]{
	margin: 0 auto 5px;
}
    input[type=button]#place_marker{
        margin-top: 5px ;
    }
    input[type=button]#satellite{
        margin-left: 25px;
    }
input[type=button].active{
    background-color:lightblue;
}

#form_marker{
/* 	clear: both; */
	float: right;
	border: 1px solid grey;
	margin-top: 5px;
	width:140px;
	text-align: left;
	padding: 3px;
}
    #form_marker input[type=text]{
        width: 30px;
    }
    #form_marker textarea{
        width:130px;
    }


#article {
float: left;
width: 850px;
padding-left: 50px;
margin-top: 15px;
}

#connexion {
width:380px;
background:#FFFFFF;
margin:40px auto;
font-family: Arial, Helvetica, sans-serif;
font-size:1em;
border:2px solid #333333;
clear: left;
}

#connexion form {
margin:0;
padding:0;
}

#connexion h1 {
text-align:center;
font-size:1.2em;
background:#333333;
padding-bottom:5px;
margin:0 0 15 0px;
color:#FFFFFF;
letter-spacing:0.05em;
}

#connexion p {
padding-top:15px;
padding-right:50px;
text-align:right;
}

#connexion input {
margin-left:30px;
width:150px;
}

#connexion #valider {
width:155px;
font-size:0.8em;
}

#connexion #message {
height:27px;
font-size:0.7em;
font-weight:bold;
text-align:center;
padding:10px 0 0 0;
}

#contenu {
margin-top: 30px;
float: left;
}

#corps {
width: 1010px;
margin: 0 15%;
clear: left;
}

#corps-bas {
margin-bottom: 20px;
clear: left;
height: 50px;
background-image: url(../images/corps-bottom.png);
}

#corps-mid {
width: 950px;
padding: 0 30px;
min-height: 350px;
background-image: url(../images/corps-mid.png);
text-align: justify;
float: left;
}

#corps-top {
height: 24px;
background-image: url(../images/corps-top.png);
}

/*
#droite {
float: left;
margin-left: 20px;
padding-left: 30px;
}
*/

#footer {
padding: 25px;
height: 80px;
background-image: url(../images/footer.jpg);
clear: left;
}

#footer p {
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
color: #313131;
text-align:center;
}

#gauche {
/* padding-left: 30px; */
float: left;
}

#header {
margin: 0 0 10px 15%;
}

.gestion {
float: right;
width: 366px;
height: 22px;
border: 1px solid;
background-color: #02FFFD;
margin: 5px 0 0 5%;
text-decoration: none;
text-align: center;
}

#journaux {
margin-top: 30px;
float: left;
}

#legende {
width: 195px;
height: 80px;
float: center;
}

#logout {
width:380px;
margin:40px auto;
}

#menu {
margin: 0 15%;
height: 60px;
width: 1011px;
}

#liengestion{
	text-align: center;
}

#menuactivites a {
width: 198px;
height: 60px;
float: left;
background-image: url(../images/activites1r.png);
}

#menuactivites a:active {
background-image: url(../images/activites3r.png);
}

#menuactivites a:hover {
background-image: url(../images/activites2r.png);
}

#menucalendrier a {
width: 199px;
height: 60px;
float: left;
background-image: url(../images/calendrier1r.png);
}

#menucalendrier a:active {
background-image: url(../images/calendrier3r.png);
}

#menucalendrier a:hover {
background-image: url(../images/calendrier2r.png);
}

#menujournaux a {
width: 297px;
height: 60px;
float: left;
background-image: url(../images/journaux1r.png);
}

#menujournaux a:active {
background-image: url(../images/journaux3r.png);
}

#menujournaux a:hover {
background-image: url(../images/journaux2r.png);
}

#menulogout a {
width: 106px;
height: 60px;
float: left;
background-image: url(../images/deco1r.png);
}

#menulogout a:active {
background-image: url(../images/deco2r.png);
}

#menulogout a:hover {
background-image: url(../images/deco2r.png);
}

#menurenseignements a {
width: 198px;
height: 60px;
float: left;
background-image: url(../images/renseignements1r.png);
}

#menurenseignements a:active {
background-image: url(../images/renseignements3r.png);
}

#menurenseignements a:hover {
background-image: url(../images/renseignements2r.png);
}

#mois {
float: left;
margin: 30px 0 20px 0;
height: 600px;
}

#pagemenu {
margin-left: 28%;
margin-bottom: 10px;
width: 366px;
height: 30px;
padding: 2px;
float: left;
}

#pagemenucalendrier {
margin-left: 30%;
width: 366px;
height: 30px;
padding: 2px;
float: none;
text-align: center;
}

#poisson {
color: #77e94c;
background-color: #77e94c;
}

#poisson:hover {
color: #000000;
}

#recettes li {
list-style-type: none;
}

#recettes li a:hover {
text-decoration: underline;
}

#regle {
float: none;
width: 366px;
height: 22px;
border: 1px solid;
background-color: #dd76de;
margin: 5px 0 0 5%;
text-decoration: none;
text-align: center;
}

#tarifs {
float: left;
width: 195px;
height: 22px;
border: 1px solid;
background-color: #ffd902;
margin: 0 0 0 5%;
text-decoration: none;
text-align: center;
}

#renseignements {
margin-top: 30px;
float: left;
}

.activitesmenu {
width: 366px;
list-style-type: none;
margin: 0;
padding: 0;
border: 0;
position: absolute;
}

.activitesmenu li {
float: left;
width: 120px;
margin: 0;
padding: 0;
border: 1px solid;
background-color: #F2DCAA;
}

.activitesmenu .asousmenu {
display: none;
list-style-type: none;
margin: 0;
padding: 0;
border: 0;
}

.activitesmenu .asousmenu li {
float: none;
margin: 0;
padding: 0;
border: 0;
width: 120px;
border-right: 0px solid;
border-top: 1px solid;
color: black;
}

.activitesmenu li a:link, .activitesmenu li a:visited {
display: block;
background: #9D7C51;
margin: 0;
padding: 4px 8px;
border-left: 1px solid;
text-decoration: none;
}

.activitesmenu li a:hover {
background-color: #9D7C51;
}

.activitesmenu li:hover .asousmenu {
	display: block;
}

.activitesmenu li a:active {
background-color: #9D7C51;
}

.activitesmenu .asousmenu li a:link, .activitesmenu .asousmenu li a:visited {
display: block;
margin: 0;
border: 0;
text-decoration: none;
background-color: #F2DCAA;
}

.activitesmenu .asousmenu li a:hover {
background-color: #9D7C51;
}

.calendriermenu {
width: 488px;
list-style-type: none;
margin: 0;
padding: 0;
border: 0;
position: absolute;
}

.calendriermenu li {
float: left;
/*width: 120px;*/
/*height: 28px;*/
margin: 0;
padding: 5;
border: 1px solid;
background-color: #4EDCE8;
}

.calendriermenu .csousmenu {
display: none;
list-style-type: none;
margin: 0;
padding: 0;
border: 0;
}

.calendriermenu .csousmenu li {
float: none;
margin: 0;
padding: 0;
border: 0;
width: 120px;
border-right: 0px solid;
border-top: 1px solid;
color: black;
}

.calendriermenu li a:link, .calendriermenu li a:visited {
display: block;
background: #56C5FF;
margin: 0;
/*padding: 4px 8px;*/
border-left: 1px solid;
text-decoration: none;
}

.calendriermenu li a:hover {
background-color: #56C5FF;
}

.calendriermenu li:hover .csousmenu {
	display: block;
}

.calendriermenu li a:active {
background-color: #56C5FF;
}

.calendriermenu .csousmenu li a:link, .calendriermenu .csousmenu li a:visited {
display: block;
margin: 0;
border: 0;
text-decoration: none;
background-color: #4EDCE8;
}

.calendriermenu .csousmenu li a:hover {
background-color: #56C5FF;
}

.colbusy {
background-color: #FF8C00;
}

.colbusy:hover {
background-color: #FF6600;
}

.coldispo {
background-color: #77E84C;
}

.coldispo:hover {
background-color: #45C109;
}

.colfull {
background-color: #FF4242;
}

.colfull:hover {
background-color: #BF1616;
}


.coloption {
background-color: #FFEB52;
}

.coloption:hover {
background-color: #F2CB05;
}


.col1 {
background-color: #77e94c;
}

.col2 {
background-color: #5CC534;
}

.image {
float: left;
height: 160px;
width: 160px;
padding: 5px;
}

.image img {
height: 160px;
width: 160px;
}

.journauxmenu {
width: 366px;
list-style-type: none;
margin: 0;
padding: 0;
border: 0;
position: absolute;
}

.journauxmenu li {
float: left;
width: 120px;
margin: 0;
padding: 0;
border: 1px solid;
background-color: #C0E38E;
}

.journauxmenu .jsousmenu {
display: none;
list-style-type: none;
margin: 0;
padding: 0;
border: 0;
}

.journauxmenu .jsousmenu li {
float: none;
margin: 0;
padding: 0;
border: 0;
width: 120px;
border-right: 0px solid;
border-top: 1px solid;
color: black;
}

.journauxmenu li a:link, .journauxmenu li a:visited {
display: block;
background: #85A38C;
margin: 0;
padding: 4px 8px;
border-left: 1px solid;
text-decoration: none;
}

.journauxmenu li a:hover {
background-color: #85A38C;
}

.journauxmenu li:hover .jsousmenu {
	display: block;
}

.journauxmenu li a:active {
background-color: #85A38C;
}

.journauxmenu .jsousmenu li a:link, .journauxmenu .jsousmenu li a:visited {
display: block;
margin: 0;
border: 0;
text-decoration: none;
background-color: #C0E38E;
}

.journauxmenu .jsousmenu li a:hover {
background-color: #85A38C;
}

.lignealbum {
float: left;
height: 170px;
width: 850px;
}

.renseignementsmenu {
width: 366px;
list-style-type: none;
margin: 0;
padding: 0;
border: 0;
position: absolute;
}

.renseignementsmenu li {
float: left;
width: 120px;
margin: 0;
padding: 0;
border: 1px solid;
background-color: #72f4ff;
}

.renseignementsmenu .rsousmenu {
display: none;
list-style-type: none;
margin: 0;
padding: 0;
border: 0;
}

.renseignementsmenu .rsousmenu li {
float: none;
margin: 0;
padding: 0;
border: 0;
width: 120px;
border-right: 0px solid;
border-top: 1px solid;
color: black;
}

.renseignementsmenu li a:link, .renseignementsmenu li a:visited {
display: block;
background: #72f4ff;
margin: 0;
padding: 4px 8px;
border-left: 1px solid;
text-decoration: none;
}

.renseignementsmenu li a:hover {
background-color: #72b4ff;
}

.renseignementsmenu li:hover .rsousmenu {
display: block;
}

.renseignementsmenu li a:active {
background-color: #72f4ff;
}

.renseignementsmenu .rsousmenu li a:link, .renseignementsmenu .rsousmenu li a:visited {
display: block;
margin: 0;
border: 0;
text-decoration: none;
background-color: #72f4ff;
}

.renseignementsmenu .rsousmenu li a:hover {
background-color: #72b4ff;
}

.texteactivites {
color: #000000;
}

.textefaq {
border: #593243 dashed 1px;
background-color: #DFC8D2;
padding: 4px;
-moz-border-radius-bottomleft: 4px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-topright: 4px;
-moz-border-radius-topleft: 4px;
}

.textefaq li {
list-style-image: url(../images/renseignementspuce.png);
}

.textevidange {
list-style-image: url(../images/renseignementspuce.png);
}

.titreactivites {
color: #9D7C51;
text-decoration: underline;
}

.titrefaq {
color: #593243;
border-bottom: #593243 solid;
font-size: 19px;
}

.titrejournaux {
color: #85A38C;
text-decoration: underline;
}

.titreregle {
color: #dd76de;
text-decoration: underline;
}

.titrerenseignements {
color: #593243;
text-decoration: underline;
}

.zonea:after {
content:url(../images/a.png)
}

.zoneab:after {
content:url(../images/ab.png)
}

.zoneac:after {
content:url(../images/ac.png)
}

.zoneabc:after {
content:url(../images/abc.png)
}

.zoneb:after {
content:url(../images/b.png)
}

.zonebc:after {
content:url(../images/bc.png)
}

.zonec:after {
content:url(../images/c.png)
}

a:link {
color: black;
text-decoration: none;
 }
 
a:visited {
color: black;
text-decoration: none;
 }

a:hover {
color: black;
text-decoration: none;
}
 
a:active {
color:black;
text-decoration: none;
}

body {
background-color: #F1FDFF;
font: 12px;
margin: 0px;
padding: 0px;
}

caption {
border: #84B6C1 solid 1px;
margin-bottom: 3px;
font-weight: bold;
}

img {
border: 0px;
}

table {
border: 1px solid black;
width: 945px;
height: 600px;
clear: both;
}

th {
height: 35px;
border: 1px solid #161F28;
vertical-align: middle;
text-align: center;
background-color: #96E0E1;
}

td {
border: 1px dashed #161F28;
vertical-align: middle;
text-align: center;
height: 60px;
-moz-border-radius: 3px;
}
.trsp {
    border-color: transparent;
}

td:hover {
background-color: #84B6C1;
border: 1px solid #000000;
}