/* CSS Document */

	body{
		margin:0;
		padding:0;
		font-family:verdana;
		font-size:11px;
		color:#2f2f2f;
		background-image:url(images/motif-fond.jpg);
		background-repeat:repeat;
	}
	
	a img{
		border:0;
	}
	
	.clear{
		clear:both;
		height:1px;
	}
	
	.clear0{
		clear:both;
		height:0;
	}
	
	#global{
		width:978px;
		margin:auto;
		background-color:#fff;
	}
	
	#entete{
		width:978px;
		height:165px;
		background-image:url(images/fond-entete.jpg);
		background-repeat:no-repeat;
	}
	
	#enteteLogo{
		float:left;
		width:796px;
	}
	
	#logo{
		padding:33px 0 0 68px;
	}
	
	#flash{
		padding:0 0 0 371px;
	}
	
	#enteteNousContacter{
		float:left;
		width:152px;
	}
	
	#enteteNousContacter a img{
		filter:alpha(opacity=100); 
        -moz-opacity:1; 
        opacity:1;
	}
	
	#enteteNousContacter a:hover img{
		filter:alpha(opacity=60); 
        -moz-opacity:0.6; 
        opacity:0.6;
	}
	
	#menu{
		float:left;
		width:260px;
		margin:11px 0 0 0;
		padding:0 4px 0 4px;
		list-style:none;
		background-image:url(images/fond-menu.gif);
		background-repeat:no-repeat;
		background-position:center center;
	}
	
	#menu li{
		width:260px;
		border-bottom:1px solid #e2d8cc;
	}
	
	#menu li.premierMenu{
		border-top:1px solid #e2d8cc;
	}
	
	#menu li a{
		display:block;
		width:248px;
		padding:5px 0 6px 12px;
		color:#6e3a00;
		text-decoration:none;
		background-image:url(images/puce-menu.gif);
		background-repeat:no-repeat;
		background-position:0 0;
	}
	
	#menu li a:hover{
		background-position:0 -22px;
		font-weight:bold;
	}
	
	#page{
		float:left;
		width:627px;
		height:435px;
		padding:0 0 0 83px;
		background-image:url(images/fond-page.jpg);
		background-repeat:no-repeat;
	}
	
	#flashInfo{
		float:left;
		margin:23px 0 0 0;
		padding:0 10px 0 10px;
		width:162px;
		height:156px;
		background-image:url(images/fond-flash-infos.jpg);
		background-repeat:no-repeat;
	}
	
	#flashInfo h1{
		margin:0 0 18px 0;
		padding:16px 0 0 0;
		text-align:center;
	}
	
	#flashInfo p{
		margin:0 0 10px 0;
		color:#6e3a00;
		text-align:center;
	}
	
	#flashInfo p a{
		color:#dd6502;
		text-decoration:underline;
	}
	
	#flashInfo p a:hover{
		color:#dd6502;
	}
	
	#aDecouvrir{
		float:left;
		width:255px;
		margin:23px 0 0 0;
		padding:0 0 0 65px;
	}

/*    Agenda    */
	#globalAgenda{
		width: 995px;
		margin:auto;
		background-color:#fff;
	}

	#enteteAgenda{
		width: 995px;
		height: 117px;
		background-image:url(images/fond-entete-agenda.jpg);
		background-repeat:no-repeat;
	}

	#menuAgenda{
		width: 199px;
		float: left;
	}

	#menuAgenda ul{
		margin-left: 5px;
		padding-left: 5px;
		list-style: none;
	}
	
	#menuAgenda ul li{
		/*padding: 1px 0 1px 0;*/
		display: block;
	}
	
	#menuAgenda a{
		text-decoration: none;
		color: #335cb7;
	}
	
	#menuAgenda a:hover{
		text-decoration: none;
		color: #335cb7;
	}
	
	#agenda{
		float: left;
		padding: 0 0 0 1px;
		width:792px;
	}

	#moisAgenda{
		border: 1px solid #FFFFFF;
		border-collapse: collapse;
		background-color: #f2efe5;
	}
	
	#moisAgenda td{
		border: 1px solid #FFFFFF;
		border-top: 4px solid #FFFFFF;
		width: 110px;
		vertical-align:top;
		height: 75px;
	}
	
	#moisEnteteAgenda td{
		padding : 5px 0 5px 29px;
		/*border: 1px solid #FFFFFF;*/
		vertical-align: middle;
		border: none;
		height: 42px;
	}
	
	#moisEnteteAgenda span.retour{
 		float:left;
 		padding:0 71px 0 0;
	}
	
	#moisEnteteAgenda a{
 		text-decoration: none;
 		color: #000;
	}
	
	#moisEnteteAgenda a:hover{
 		text-decoration: none;
 		color: #000;
	}
	
	#moisAgenda td.griseAgenda{
		background-color: #e2ded1;
	}
	
	#moisAgenda tr.enteteSemaine td{
		border: 1px solid #FFFFFF;
		border: none;
		background-color: #cfb190;
		text-align: center;
		font-size: 110%;
		vertical-align: middle;
		height: 40px;
	}

	#formulaireAgenda{
		padding-top: 10px;
		width:500px;
		height: 30px;
	}
	
	span.numeroAgendaJour{
		display: block;
	}
	
	a.savoirPlus{
		text-decoration: none;
		color: #000;
	}
	
	a.savoirPlus:hover{
		text-decoration: underline;
		color: #0034a9;
	}
	
	span.iconesAgenda{
		display: block;
	}

	.titreDetailAgenda{
		width: 790px;
		background-color: #f2efe5;
		padding: 2px 0 2px 2px;
	}
	
	.titreDetailAgenda h2{
		font-size: 150%;
		padding: 0 0 0 0;
		margin: 0 0 0 0;
	}
	
	p.retourAgenda a{
		text-decoration: none;
		color: #000;
		padding: 15px 0 0 600px;
	}
	
	/*		DONATION		*/
	#donation label{
		width: 150px;
		font-weight:bold;
		display:block;
		float: left;
	}
	
	#donation span.euro{
		font-size: 150%;
	}