/*
**	STYLES GENERAUX
*/
*{
	margin:0;
	padding:0;
	border:0;
	font-family:Arial, Helvetica;
	font-size:11px;
}

body{
	background:#fff;
}

a.accueil{color:#000;}
a.association{color:#2CC4D1;}
a.actions{color:#96C702;}
a.partenaires{color:#3E82DB;}
a.agir{color:#FF7F00;}
a.donner{color:#DE2688;}
a.presse{color:#9566C2;}
a.boutique{color:#F9B200;}

div.clearer{
	clear:both;
	height:0px;
	font-size:0px;
	overflow:hidden;
}

/*
**	CONTENEUR DU SITE
*/
div#container{
	margin:15px auto;
	padding:0 45px 0 58px;
	width:792px;
}

div#container.popup{
	margin:5px auto;
	padding:0;
	width:792px;
}

/*
**	ENTETE
*/
div#header{
	height:94px;
}

div#header a#accueil{
	float:left;
}

div#header a#don{
	float:right;
	position:relative;
	margin:0 -45px 0 0;
}

/*
**	BANDEAU INTERMEDIAIRE
*/

/* liens */

div#intermediate div#links{
	float:right;
	height:56px;
	padding:7px 0 0 5px;
}
div#intermediate div#links ul{
	height:56px;
	width:121px;
	background:url(../images/bg_btn_top.jpg) 0 0 no-repeat;
}
div#intermediate div#links ul li{
	height:19px;
	list-style:none;
	overflow:hidden;
}
div#intermediate div#links ul li a{
	display:block;
	padding:19px 0 0;
	width:109px;
	height:0px !important;
	overflow:hidden;
}
div#intermediate div#links ul li#link1{
	padding:3px 0 0 3px;
}
div#intermediate div#links ul li#link1 a{
	background:url(../images/btn_newsletter.gif) 0 0 no-repeat;
}
div#intermediate div#links ul li#link1 a:hover{
	background:url(../images/btn_newsletter.gif) 0 -19px no-repeat;
}
div#intermediate div#links ul li#link2{
	padding:6px 0 0 3px;
}
div#intermediate div#links ul li#link2 a{
	background:url(../images/btn_nous-contacter.gif) 0 0 no-repeat;
}
div#intermediate div#links ul li#link2 a:hover{
	background:url(../images/btn_nous-contacter.gif) 0 -19px no-repeat;
}

/* actualites */

div#intermediate{
	clear:both;
	height:69px;
	background:url(../images/bg_news.jpg) 0 0 no-repeat;
}

div#news
{
	float:left;
	position:absolute;
	z-index:1000;
}
div#news div#actualites{
	float:left;
	width:80px;
	padding:7px 0 0 12px;
	color:#E32219;
	font-weight:bold;
}
div#news div.actu{
	float:left;
	margin:0 0 0 9px;
	width:275px;
}

div#news div.actu div.newsblock{
	width:187px;
	height:180px;
	overflow:hidden;
}
div#news div.actu div.newsblock a{
	color:#E32219;
}
div#news div.actu.opened{
	background:url(/images/bg_news_open.png) 0 0 no-repeat;
}
div#news div.actu img{
	float:right;
	margin:7px 13px 5px 5px;
	max-height:45px;
}
div#news div.actu div.actu-title{
	padding:7px 0px 0 15px;
	height:30px;
	font-weight:bold;
	line-height:14px;
	overflow:hidden;
}
div#news div.actu div.newsblock div.actu-title
{
	height:auto;
}
div#news div.actu div.actu-content{
	width:175px;
	padding:0 0px 0 15px;
}
div#news div.actu div.actu-commands{
	text-align:right;
}
div#news div.actu div.actu-commands a{
	color:#E32219;
	font-weight:bold;
}

div#news div.actu div.actu-commands a.close{
	display:block;
	position:relative;
	margin:-10px 13px 10px 250px;
	padding:12px 0 0;
	height:0px !important;
	width:12px;
	background:url(../images/btn_close.gif) 0 0 no-repeat;
	overflow:hidden;
}

/*
**	NAVIGATION DU HAUT
*/
div#nav{
	clear:both;
}
div#nav ul{
	height:30px;
}
div#nav ul li{
	float:left;
	list-style:none;
}
div#nav ul li a{
	float:left;
	padding:30px 20px 0;
	height:0px !important;
	overflow:hidden;
	background-position:50% 0;
	background-repeat:no-repeat;
}
div#nav ul li a:hover,
div#nav ul li a.selected{
	background-position:50% -32px;
}
div#nav ul li a#association{
	width:104px;
	background-image:url(../images/btn_nav_association.gif);
}
div#nav ul li a#actions{
	width:94px;
	background-image:url(../images/btn_nav_actions.gif);
}
div#nav ul li a#partenaires{
	width:88px;
	background-image:url(../images/btn_nav_partenaires.gif);
}
div#nav ul li a#agir{
	width:32px;
	background-image:url(../images/btn_nav_agir.gif);
}
div#nav ul li a#donner{
	width:58px;
	background-image:url(../images/btn_nav_donner.gif);
}
div#nav ul li a#presse{
	width:54px;
	background-image:url(../images/btn_nav_presse.gif);
}
div#nav ul li a#boutique{
	width:70px;
	background-image:url(../images/btn_nav_boutique.gif);
}

/*
**	PARTIE CENTRALE
*/
div#main{
	clear:both;
	float:left;
	margin:0px;
	width:817px;
	height:426px;
	padding:9px 0 12px;
	background:url(../images/bg_main.gif) 0 0 no-repeat #fff;
}
div#main div#no-script{
	margin:50px 0 0 60px;
}
div#main div#no-script *{
	font-size:12px;
}
div#main div#no-script ol{
	padding:0 0 0 20px;
}

div#leftnav{
	float:left;
	margin:0;
	width:214px;
	height:426px;
	background:url(../images/bg_leftnav-donner.gif) 100% 0 no-repeat;
}
div#leftnav ul#l1{
	float:left;
	position:relative;
	margin:0 0 0 -58px;
	padding:25px 0 0 95px;
	height:401px;
	list-style:none;
	background:url(../images/bg_leftnav.png) 1px 9px no-repeat;
}
div#leftnav ul#l1 li{
	clear:left;
	float:left;
	padding:0 0 15px 0;
	width:170px;
	list-style:none;
}
div#leftnav ul#l1 li ul{
	clear:left;
	float:left;

}
div#leftnav ul#l1 li ul li{
	padding:10px 0 0;
}
div#leftnav ul#l1 li ul li ul{

}
div#leftnav ul#l1 li ul li ul li
{
	padding:5px 0 0 10px;
	width:150px;
}
div#leftnav ul#l1 li a{
	float:left;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
}
div#leftnav ul#l1 li a:hover,
div#leftnav ul#l1 li a.selected{
	text-decoration:underline;
}

div#leftnav ul#l1 li ul li a{
	padding:0 0 0 10px;
	color:#fff;
	font-size:11px;
	font-weight:bold;
}

div#content{
	float:left;
	padding:0 0 0 25px;
	height:350px;
	width:390px;
	position:relative;
	overflow:hidden;
}

div#content div#data{
	width:390px;
}
div#content.wide{
	width:540px;
}
div#container.popup div#content{
	width:756px;
	font-size:12px;
}
div#container.popup div#top{
	width:756px;
}
div#content.wide div#data{
	width:540px;
}

div#content *{
	font-size:12px;
}
div#content a{
	color:#000;
}

div#content div#data{
	position:relative;
}
div#top h1{
	font-size:16px;
	font-weight:bold;
}
div#content h2{
	font-size:12px;
	font-weight:bold;
	padding:15px 0 10px;
}
p{
	padding:5px 0 5px;
}
p.right{
	text-align:right;
}

div#main div#top{
	float:left;
	padding:24px 25px 15px;
	width:535px;
}
div#main div#right{
	float:right;
	margin:-15px 0 0;
	padding:7px 28px 13px 10px;
	width:150px;
	height:357px;
	text-align:left;
}

div#main div#right ul#illustrations li{
	margin:0;
	padding:12px 15px 15px 12px;
	width:121px;
	height:85px;
	list-style:none;
	background: url(/images/bg_illustration.gif) 0 0 no-repeat;
}

div#main div#right ul#documents li{
	margin:0 0 10px;
	padding:0 0 8px;
	text-align:center;
	list-style:none;
	border-bottom: 1px solid #000;
}

div#main div#right ul#documents li strong{
	color:#de2688;
	font-size:14px;
}

div#main div#right ul#documents li a{
	display:block;
	padding:30px 0 0;
	text-align:center;
	color:#f00;
}
div#main div#right ul#documents li a.pdf{
	background:url(/images/bg_document-pdf.gif) 50% 0 no-repeat;
}
div#main div#right ul#documents li a.jpg{
	background:url(/images/bg_document-jpg.gif) 50% 0 no-repeat;
}
div#main div#right ul#documents li a.zip{
	background:url(/images/bg_document-zip.gif) 50% 0 no-repeat;
}

/* SCROLL BAR */
div#content div#scrollbar{
	float:right;
	width:24px;
}
div#content div#scrollbar a{
	display:block;
	margin:0 6px;
	padding:12px 0 0;
	height:0px !important;
	width:12px;
	overflow:hidden;
}
div#content div#scrollbar a#scrollUp{
	background:url(../images/scroll_up.gif) 0 0 no-repeat;
}
div#content div#scrollbar a#scrollDown{
	background:url(../images/scroll_down.gif) 0 0 no-repeat;
}
div#content div#scrollbar div#track{
	margin:5px 0;
	height:315px;
	width:24px;
	background:url(../images/scroll_track.gif) 50% 50% no-repeat;
}
div#content div#scrollbar div#track div#handle{
	width:24px;
	height:20px;
	background:url(../images/scroll_handle.gif) 50% 50% no-repeat;
	position:relative;
	cursor:n-resize;
}
div#bottom{
	float:left;
	padding:15px 0 0 25px;
	width:540px;
}
div#bottom strong{
	padding:0 0 0 15px;
	color:#de2688;
	background:url(/images/donner/plus.gif) 0 1px no-repeat;
}
div#bottom a{
	color:#bababa;
}
/*
**	PIED DE PAGE
*/
div#footer{
	clear:both;
}
div#footer ul{
	float:left;
	height:24px;
}
div#footer ul li{
	float:left;
	list-style:none;
}
div#footer ul li a{
	float:left;
}
div#footer ul li#accueil2{
	padding:0 150px 0 0;
}
div#footer ul li#accueil2 a{
	padding:0 0 0 18px;
	background:url(../images/btn_accueil.gif) 0 0 no-repeat;
}
div#footer ul li.separator{
	padding:0 6px;
	color:#bababa;
}
div#footer p{
	clear:left;
	text-align:center;
	color:#bababa;
}
div#footer p a{
	color:#bababa;
}

/*
** POPUP
*/
.popup li
{
	list-style: none;
}