@import "calendar.css.php";
html { overflow: scroll; }
body {
	margin:auto;
	width:936px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#accueil{
}
#section{
	display:none;
	float:left;
	width:850px;
	margin-left:31px;
	padding-bottom:10px;
	font-size:12px;
	line-height:17px;
	color:#5A5A5A;
}
#news {
	float:left;
	width:888px;
	background:url(/public/images/accueil/bottom-news.gif) no-repeat 4px bottom;
	padding-bottom:24px;
	padding-left:7px;
}
	#news #bg-news{
		background:url(/public/images/accueil/top-news.jpg) no-repeat;
		padding-top:2px;
		margin-left:-3px;
	}
	#patch{
		width:36px;
		height:33px;
		position:absolute;
		margin-top:33px;
	}
	#mon-ssf {
		height:65px;
	}
	#mon-ssf a {
    	float:right;
		text-align:right;
		display:block;
		width:220px;
		height:38px;
		padding-bottom:20px;
		background:url(/public/images/accueil/bt-mon-ssf-portes.jpg) no-repeat right top;
	}
	#mon-ssf a:hover{
		background:url(/public/images/accueil/bt-mon-ssf-portes-roll.jpg) no-repeat right top;
	}
		#news #bg-news #texte{
			float:left;
		}
		#news #bg-news #pic{
			float:left;
			width:417px;
			margin-left:40px;
		}
			#news #bg-news #pic #span #photo{
				float:left;
				width:182px;
				height:138px;
				margin-left:35px;
			}
			#news #bg-news #pic span{
				float:left;
				display:block;
				width:182px;
				height:200px;
				padding-right:17px;
				padding-bottom:17px;
			}
			#news #bg-news #pic span #photo{
				float:left;
				width:180px;
				height:136px;
			}
			#news #bg-news #pic span a {
				border: 0px;
				width: 180px;
				margin-top:0px;
			}
			#news #bg-news #pic span img {
				border: 0px;
				width: 180px;
				float:left;
			}
			#news #bg-news #pic span #titre{
				float:left;
				width:172px;
				height:15px;
			}
#news div a{
	display:block;
	margin-top:10px;
	text-decoration:none;
	color:#82875D;
	width:430px;
	cursor:pointer;
}
#news div u{
	display:block;
	margin-top:10px;
	text-decoration:none;
	color:#82875D;
	width:430px;
}
#news div a:hover{
	text-decoration:none;
	color:#EE2E24;
}
#news div b, #news div u b{
	background:url(/public/images/accueil/bg-news-bullet.jpg) no-repeat;
	padding-left:30px;
	display:block;
	clear:both;
	width:400px;
}
#news div a:hover b{
	background:url(/public/images/accueil/bg-news-bullet-roll.jpg) no-repeat;
}
#news div i{
	padding-left:30px;
	display:block;
	clear:both;
	color:#565656;
	width:400px;
	font-style:normal;
}




#mois {
	float:left;
	width:313px;
	/*background:url(/public/images/accueil/top-mois.jpg) no-repeat;
	padding-top:42px;*/
	margin-left:10px;
}
#moisback {
	background:url(/public/images/accueil/bg-mois.jpg) repeat-y;
	padding-right:24px;
	padding-left:20px;
}
#mois a {
	text-decoration:none;
	color:#82875D;
}
#mois a:hover {
	text-decoration:none;
	color:#EE2E24;
}

#ipod a{
	float:left;
	display:block;
	width:70px;
	height:65px;
	margin-top:22px;
	padding-top:75px;
	padding-left:65px;
	text-decoration:none;
	color:#5D5D5D;
	line-height:11px;
	background:url(/public/images/accueil/music.jpg);
}
#ipod a:hover{
	color:#ffffff;
	background:url(/public/images/accueil/music-roll.jpg);
}



#cal {
	width:444px;
	margin-top:22px;
	margin-left:240px;
}

#accueil {
	width:936px;
	font-family:verdana;
	font-size:10px;
}
#header {
	width:936px;
	height:146px;
	padding-top:13px;
	background:#ffffff url(/public/images/accueil/header.jpg) right no-repeat;
}
#header object {
	float:left;
	width:240px;
	height:62px;
	border:0px;
	margin-left:24px;
}

#pluri {
	float:left;
	padding-left:200px;
}
#menu img {
	float:right;
	width:35px;
	height:26px;
	border:0px;
}
/***************************************** MENU SECONDAIRE ****************************************************/

			#menu-sec {
				float:right;
				width:302px;
				height:18px;
			}

					#menu-sec ul {
						float:right;
						margin:0;
						padding:0;
						display:block;
						width:302px;
						height:18px;
						padding-right:21px;
					}
					#menu-sec ul li {
						margin:0px;
						padding:0;
						display:inline;
					}
					#menu-sec ul li a{
						float:right;
						font-family:verdana;
						font-size:10px;
						color:#ffffff;
						text-decoration:none;
						text-align:center;
						padding-top:1px;
						padding-left:11px;
						padding-right:11px;
						margin-right:2px;
						height:15px;
						font-weight:bold;
						white-space:nowrap;
					}
					#menu-sec ul li a:hover, #menu-sec ul li a#o{
						padding-left:10px;
						padding-right:10px;
						border-left:1px solid #ffffff;
						border-right:1px solid #ffffff;
						background:#D5281F url(/public/images/default/bg-menu-roll.jpg) repeat-x bottom;
					}


/***************************************** MENU ****************************************************/


			#menu {
				width:936px;
				background:url(/public/images/default/accueil-left.jpg) no-repeat;
			}
			#menu div#d1 {
				width:886px;
				padding-left:50px;
				height:33px;
				background:url(/public/images/default/under-menu.jpg) no-repeat 147px 26px;
			}
			#menu div#d1 div#d2 {
				background: url(/public/images/default/bg-menu.jpg) repeat-x;
			}
			#menu div#d1 div#d2 div {
				height:26px;
				padding-right:50px;
				background: url(/public/images/default/menu-right.jpg) no-repeat right top ;
			}

					#menu ul {
						float:left;
						margin:0;
						padding:0;
						display:block;
					}
					#menu ul li {
						margin:0px;
						padding:0;
						display:inline;
					}
					#menu ul li a {
						height:12px;
						float:left;
						font-family:verdana;
						font-size:10px;
						color:#ffffff;
						text-decoration:none;
						text-align:center;
						margin-top:1px;
						padding-top:7px;
						padding-bottom:6px;
						padding-left:6px;
						padding-right:6px;
						margin-left:5px;
						font-weight:bold;
						white-space:nowrap;
					}
					#menu ul li a:hover, #menu ul li a#o{
						padding-left:5px;
						padding-right:5px;
						border-left:1px solid #ffffff;
						border-right:1px solid #ffffff;
						background:#D5281F url(/public/images/default/bg-menu-roll.jpg) repeat-x bottom;
					}



a#imarcom{
	clear:both;
	display:block;
	float:left;
	width:1006px;
	height:25px;
	padding-top:13px;
	margin-top:15px;
	font-size:10px;
	color:#828181;
	text-align:center;
	text-decoration:none;
	background:url(/public/images/default/imarcom.gif) no-repeat center top;
}
a:hover#imarcom{
	color:#000000;
}