/* CSS RESET */
body{padding:0;margin:0;font:12px Arial,Helvetica,Garuda,sans-serif;*font-size:small;*font:x-small;}
h1,h2,h3,h4,h5,h6,ul,li,em,strong,pre,code{padding:0;margin:0;line-height:1em;font-size:100%;font-weight:normal;font-style: normal;}
table{font-size:inherit;font:100%;}
ul{list-style:none;}
img{border:0;}
p{margin:5px 0;}

*{
	outline : none;

}

strong{
font-weight: 700;
}

.clear{clear:both;}

body{
	background: #626c6f;
	color: #626c6f;
}
a, a:visited{
	color: #626c6f;
	font-weight: bold;
}
a:hover{
	color: #000;
}

#header, #content{
	width: 955px;
	margin: 0 auto;
}

#header{
	background: #fff;
	width: 955px;
	height: 325px;
	padding-top: 45px;
}

#menu{
	background: url(img/50p.png);
	width: 270px;
	height: 253px;
	margin-left: 20px;
	padding: 10px;
}

a#logo{
	width:266px;
	height: 82px;
	background: url(img/logo.jpg) no-repeat;
	display: block;
	border: 1px solid #626c6f;
}

#menu li a{
	display: block;
	text-transform: uppercase;
	width: 245px;
	padding: 6px;
	background: #fff url(img/arrow.png) 5px 8px no-repeat;
	filter : alpha(opacity=80);
    -moz-opacity : 0.8;
    opacity : 0.8; 
	padding-left: 15px;
	margin: 2px 0px;
	border: 1px solid #636c6e;
	text-decoration: none;
	
}
#menu li a:hover{
	background: #636c6e url(img/arrowh.png) 5px 8px no-repeat;
	color: #fff;
}

#content{
	background: white;
	width: 955px;
	padding: 0px;
	
}

#content h2{
	margin-left: -5px;
	padding: 5px 13px;
	background: #fff url(img/arrow.png) 5px 8px no-repeat;
	font-weight: 700;
	margin-bottom: 10px;
}

#sidebar{
	width: 290px;
	float: left;
	margin: 15px 0px 0px 15px;
}
#sidebar li{
	font-size: 14px;
}
#sidebar li a, #sidebar li a:visited{
	background: #fff;
	display: block;
	padding: 5px;
	text-decoration: none;
	width: 264px;
	border-bottom: 1px solid #636c6e;
}
#sidebar li a:hover{
	background: #ececec;
}
#sidebar li.selected a, #sidebar li.selected a:visited{
	background: #ececec;
	color: #000;
}
#sidebar img{
	margin-top: 30px;
	border: 1px solid #636c6e;
}
.xxl{
	width: 925px !important;
	margin-left: 15px !important;
}
#login{
	margin: 0 auto;
	padding: 30px;
	width: 250px;
}
#main{	
	background: #fff;
	float: left;
	width: 635px;
	margin: 15px 0;
}
#main.large{
	margin-left: 15px;
	width: 920px;
}
#main.large .imagelien{
	float: left;
	width: 272px;
}
#main.large .imagelien img{
margin-top: 20px;
	border: 1px solid #636c6e;
}
#main.large .textelien{
	margin-left: 15px;
	float: left;
	width: 630px;
	text-align: justify;
}
#main.admin{
	margin-left: 15px;
}
#main h1{
	font: normal 20px Helvetica, Arial, sans-serif;
	border-bottom: 1px solid #636c6e;
}
#main h3{
	margin-left: -5px;
	padding: 6px 13px;
	background: #fff url(img/arrow.png) 5px 8px no-repeat;
	font-weight: 700;
	margin-top: 10px;
}
#main p{
	margin-bottom: 15px;
}
.linkimg{
	width: 250px;
	float: left;
}
.item{
	border-left: 5px solid #636c6e;
	padding: 5px;
	margin-bottom: 15px;
}
.item h4{
	font-weight: 700;
}

/* galerie */

.controlgalerie{
	position: absolute;
	margin: 5px;
	
}
.controlgalerie img{
	border: 0 !important;
}

.ajoutgalerie{
	font: normal 18px Arial, helvetica, sans-serif;
	display: block;
	margin-bottom: 15px;
	text-align: center;
	
}
.ajoutgalerie a{
	text-decoration: none;
}

.galerieitem{
	width: 400px;
	height: 170px;
	float: left;
	margin: 0 30px;
}
.galerieitem img{
	border: 1px solid #c4c4c4;
}
.galerieitem h4{
	position: absolute;
	background: #fff;
	padding: 2px 10px;
	font: bold 20px "century gothic", "futura", sans-serif;
	margin-top: 95px;
	filter : alpha(opacity=80);
    -moz-opacity : 0.8;
    opacity : 0.8; 
}
.galerielink{
	position: absolute;
	display: block;
	width: 400px;
	height: 150px;
	z-index: 2000;
	background: #fff;
	filter : alpha(opacity=0);
    -moz-opacity : 0;
    opacity : 0; 
}

.imageitem{
	width: 400px,;
	height: 180px;
	float: left;
	margin: 0 10px;
}

.arbo{
	display: block;
	padding-top: 12px;
	margin-left: 80px;
}

.membre{
	float: left;
	width: 200px;
	height: 200px;
	margin-bottom: 15px;
}
table{border-collapse: collapse;width: 100%;font-size: 14px}
td{
	border: 1px solid #636c6e;
	padding: 5px;
}


a.arrow{
	padding-left: 0px;
	text-decoration: none;
	font-weight: normal;
}

#marge{
	margin-left: 70px;
}

a#circuits{
	width: 269px;
	height: 77px;
	display: block;
	background: url(img/circuits.jpg) no-repeat;
	margin-bottom: 5px;
}
a#touristiques{
	width: 269px;
	height: 77px;
	display: block;
	background: url(img/touristiques.jpg) no-repeat;
}
a#galerie{
	width: 269px;
	height: 77px;
	display: block;
	background: url(img/galerie.jpg) no-repeat;
}

#accordion, #accordion2{
	margin: 0;
	padding: 0;
}


#contact{
	float: left;
	width: 250px;
	padding: 15px;
	margin:0
	margin-right: 0px;
	background: #ffffff;
	
}
#contact h1{
font-size:14px;
margin-bottom: 10px;
}
form{
padding: 15px;
}
label{
	font: normal 13px Helvetica, Arial, sans-serif;
	color: #626c6f;
	margin-left: 5px;
}
.error{
	color: red;
	display: block;
	float: right;
	font: normal 10px Verdana, sans-serif;
}
input{
	width: 239px;
}
textarea{
	width: 239px;
}
input, textarea{
	font: normal 13px Helvetica, Arial, sans-serif;
	border: 1px solid #d3d3d3;
	padding: 5px;
	margin-bottom: 10px;
}
input.submit{
	color: #626c6f;
	font-weight: 700;
	width: 250px;
}
input.submit:hover{
	background: #626c6f;
	color: #fff;
	cursor: pointer;
}

#adresse{
	float: left;
	width: 645px;
	padding: 15px;
	margin:0;
	background: #e9e9e7;
}


#googlemaps{
	float: left;
	width: 645px;
	padding: 15px;
	margin:0;
	background: #e9e9e7;
}

#footer{
	background: white;
	width: 951px;
	border-top: 1px solid #626c6f;
	margin: 0 auto;
	padding: 2px;
	font: normal 9px Verdana, sans-serif;
	text-align: right;
}