/* 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;
}

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}

/* 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{
	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: 400px;
	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#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;

}