/* @override http://www.grotte-cocaliere.com/css/panel.css */

/* Panneau infos */
#panneau {
position: fixed;
top: 253px;
left: 0;
display: none;
background: #000000;
border:1px solid #111111;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
-webkit-border-bottom-right-radius: 20px;
width: 370px;
height: auto;
padding: 30px 30px 30px 30px;
filter: alpha(opacity=85);
opacity: .85;
}
#panneau h1 {
	font-size:16px;
	color:#fff;
}

#panneau p{
margin: 0 0 15px 0;
padding: 0;
color: #969696;
font-size:14px;
}

#panneau a, #panneau a:visited{
margin: 0;
padding: 0;
color: #9FC54E;
text-decoration: none;
}

#panneau a:hover, #panneau a:visited:hover{
margin: 0;
padding: 0;
color: #ffffff;
text-decoration: none;
}

#boutonPanneau a {
position: fixed;
text-decoration: none;
top: 190px; left: 0;
font-size: 16px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
padding: 20px 40px 20px 15px;
font-weight: 700;
background:#333333 url(../images/plus.png) 85% 55% no-repeat;
border:1px solid #444444;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-bottom-left-radius: 0px;
display: block;
}

#boutonPanneau a:hover{
position: fixed;
text-decoration: none;
top: 190px; left: 0;
font-size: 16px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
padding: 20px 40px 20px 20px;
font-weight: 700;
background:#222222 url(../images/plus.png) 85% 55% no-repeat;
border:1px solid #444444;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-bottom-left-radius: 0px;
display: block;
}

#boutonPanneau a.active {
background:#222222 url(../images/minus.png) 85% 55% no-repeat;
}

#panneau #distances1, #panneau #distances2{
	width:145px;
	float:left;
	margin:0 0 10px 0;
	padding:0;
}
#panneau #distances1 {
	margin-right:10px;
}
#panneau li {
	list-style:none;
	font-size:14px;
	color:#969696;
	text-align:justify;
}
.vert {
	color:#a2c321;
}
#logosPanel img {
	margin-right:30px;
	margin-bottom:10px;
}
#panneau #btnPanel img {
	border:none;
}
#panneau #btnPanel a, #btnPanel a:hover{
	border:0;
}
#panneau #btnPanel img:first-child {
	margin-right:10px;
}

/* Panneau contact */
#panneauContact {
position: fixed;
top: 323px;
left: 0;
display: none;
background: #000000;
border:1px solid #111111;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
-webkit-border-bottom-right-radius: 20px;
width: 370px;
height: auto;
padding: 30px 30px 30px 30px;
filter: alpha(opacity=85);
opacity: .85;
}
#panneauContact h1 {
	font-size:16px;
	color:#fff;
}

#panneauContact p{
margin: 0 0 15px 0;
padding: 0;
color: #969696;
font-size:14px;
}

#panneauContact a, #panneauContact a:visited{
margin: 0;
padding: 0;
color: #9FC54E;
text-decoration: none;
}

#panneauContact a:hover, #panneauContact a:visited:hover{
margin: 0;
padding: 0;
color: #ffffff;
text-decoration: none;
}

#boutonContact a {
position: fixed;
text-decoration: none;
top: 260px; left: 0;
font-size: 16px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
padding: 20px 40px 20px 15px;
font-weight: 700;
background:#333333 url(../images/plus.png) 85% 55% no-repeat;
border:1px solid #444444;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-bottom-left-radius: 0px;
display: block;
}

#boutonContact a:hover{
position: fixed;
text-decoration: none;
top: 260px; left: 0;
font-size: 16px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
padding: 20px 40px 20px 20px;
font-weight: 700;
background:#222222 url(../images/plus.png) 85% 55% no-repeat;
border:1px solid #444444;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-bottom-left-radius: 0px;
display: block;
}

#boutonContact a.active {
background:#222222 url(../images/minus.png) 85% 55% no-repeat;
}

#panneauContact li {
	list-style:none;
	font-size:14px;
	color:#969696;
	text-align:justify;
}
.vert {
	color:#a2c321;
}