/* CSS Template Galetas */

html {
	background: #eaeae9;
	background-image: url(img/background.jpg); background-repeat:repeat-y;
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
	font-size: 13px;
	line-height: 130%;
	font-family: Verdana, sans-serif;
	color: #000;
}

p {
	margin: 1em 0;
}

iframe {
	border: none;
}

a {color: #F60; text-decoration: none}
a:visited {color: #F60; text-decoration: none}
a:hover {color: #F60; text-decoration: underline}

a.trio {color: #999; text-decoration: none}
a.trio:visited {color: #999; text-decoration: none}
a.trio:hover {color: #333; text-decoration: none}

a.galetas {color: #000; text-decoration: none}
a.galetas:visited {color: #000; text-decoration: none}
a.galetas:hover {color: #F60; text-decoration: none}

/* LIGHTBOX */

#shadowing {
	display: none;
	position: fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: #CCA;
	z-index:10;
	opacity:0.5;
	filter: alpha(opacity=50);
}

#box {
	display: none;
	position: fixed;
	top: 10%;
	left: 20%;
	width: 75%;
	height: 80%;
	padding: 0;
	margin:0;
	max-height:750px;
	max-width:650px;
	border: 1px solid black;
	background-color: white;
	z-index:11;
	overflow: none;
}

#boxheader {
	position:absolute;
	top:0%;
	left:0%;
	width:99%;
	height:20px;
	padding:0;
	padding-top:2px;
	padding-left:8px;
	margin:0;
	margin-right:20px;
	/* border-bottom:1px solid black; */
	background-color: #00000;
	color:#F60;
	text-align:center;
}

#boxclose {
	float:right;
	position:absolute;
	top: 0;
	right: 0;
	background-image:url(img/close.gif);
	background-repeat:no-repeat;
	background-color:#CCC;
	border:1px solid black;
	width:20px;
	height:20px;
}

#boxcontent {
	position:absolute;
	top:23px;
	left:0;
	right:0;
	bottom:0;
	margin:0;
	padding:0;
	padding-top: 5px;
	padding-left: 15px;
	padding-right: 15px;
	overflow: auto;
	width:100%;
	height:94%;
}

/* PRINCIPALE */

div#construction {
	background: none;
	margin: 40px;
}

div#base{
	width: 940px;
	height: 655px;
	margin: 30px;
}

div#top{
	width: 940px;
	height: 76px;
	margin-bottom: 35px;
}

div#logo{
	margin-right: 35px;
	float: left;
}

div#menu{
	width: 185px;
	height: 270px;
	margin-right: 42px;
	float: left;
}

div#contenu_accueil_1{
	background: url(img/fond_accueil.jpg);
	background-color: #FFF;
	width: 705px;
	height: 503px;
	float: left;
}

div#contenu_accueil_2{
	background: url(img/fond_accueil.jpg);
	background-color: #FFF;
	width: 705px;
	height: 503px;
	float: left;
}

div#contenu_ramassage{
	background: url(img/fond_ramassage.jpg);
	background-color: #FFF;
	width: 705px;
	height: 503px;
	float: left;
}

div#contenu_autre{
	background: url(img/fond_neutre.jpg);
	background-color: #FFF;
	width: 705px;
	height: 503px;
	float: left;
}

div#text_accueil{
	width: 300px;
	height: 460px;
	margin-top: 20px;
	margin-left: 40px;
	float: left;
}

div#text_qui{
	width: 300px;
	height: 460px;
	margin-top: 20px;
	margin-left: 40px;
	float: left;
}


div#text_event1{
	width: 420px;
	height: 460px;
	margin-top: 20px;
	margin-left: 40px;
	float: left;
}

div#text_event2{
	width: 200px;
	height: 460px;
	margin-top: 20px;
	margin-left: 30px;
	float: left;
}

div#text_galetas{
	width: 440px;
	height: 460px;
	margin-top: 20px;
	margin-left: 40px;
	float: left;
}

div#text_ramassage{
	width: 490px;
	height: 460px;
	margin-top: 20px;
	margin-left: 40px;
	float: left;
}

div#text_benevolat{
	width: 500px;
	height: 460px;
	margin-top: 20px;
	margin-left: 40px;
	float: left;
}

div#text_contacts{
	width: 600px;
	height: 460px;
	margin-top: 20px;
	margin-left: 40px;
	float: left;
}

div#text_plan{
	width: 640px;
	height: 460px;
	margin-top: 20px;
	margin-left: 40px;
	float: left;
}

div#btn_benevolat{
	width: 154px;
	height: 98px;
	padding-top: 392px;
	padding-right: 10px;
	float: right;
}

div#img_galetas{
	width: 154px;
	height: 420px;
	padding-top: 60px;
	padding-right: 10px;
	float: right;
}

div#facebook{
	padding-top: 465px;
	padding-right: 10px;
	float: right;
}

div#footer{
	width: 705px;
	height: 15px;
	float: right;
	margin-right: 8px;
}

.right{
	float: right;
}

.signature{
	margin: 0px;
	padding: 0px,
	line-height: 100%;
	float: left;
	font-size: 12px;
	color: #999;
}

#btnmenu {
 	list-style:none;
	padding: 0px;
 	margin:0px;
 }
 
#btnmenu li { 
 
	padding: 0px;
 	margin-bottom:20px;

}