/* CSS Document */
html, body {height: 100%}
body {
	padding:0;
	margin:0;
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	/*color: #5b5b5b;*/
	background-color: #f3f3f3;
}
#frame {
	width:788px;
	height:100%;
	min-height:100%;
	margin-right:auto;
	margin-left:auto;
	position:relative;
	background-image: url(../images/interface/bg4_2.gif);
}
html>body #frame{height:auto;}/*moz height*/
	#frameCenter{
		width:782px;
		height:27%;
		min-height:29%;	
		text-align:left;
		float:left;
		padding-right:3px;
		padding-left:3px;

	}
	html>body #frameCenter{height:auto;}/*moz height*/
		#header{
			width:755px;
			height:171px;
			margin-left:14px;
			margin-right:13px;	
			background-color: #ffffff;
			background-image: url(../images/interface/header_footer_2.gif);
			background-repeat: no-repeat;
			background-position: left bottom;		
			/*cannot put floats with margin in IE*/
		}
			#logo{
				width:250px;
				height:75px;
				float:left;
			}
			#logo2{
				width:178px;
				height:15px;
				padding-top:60px;
				float:left;
				padding-left:10px;
			}	
			#logo3{
				width:304px;
				height:75px;
				float:left;
				padding-left:10px;
			}	
			#bannerRed{
				width:164px;
				height:41px;
				float:left;
				background-image: url(../images/interface/banner_red.gif);
				padding-left:461px;
				color:#ffffff;
				font-size: 9px;
				padding-top:3px;
			}
			#bannerLetter{
				width:127px;
				height:44px;
				float:left;
			}
			#buttons{
				width:752px;
				height:30px;
				float:left;
			}
				.button1{width:96px; height:30px; float:left;}
				.button2{width:95px; height:30px; float:left;}
				.button3{width:95px; height:30px; float:left;}
				.button4{width:95px; height:30px; float:left;}
				.button5{width:95px; height:30px; float:left;}
				.button6{width:95px; height:30px; float:left;}
				.button7{width:181px; height:30px; float:left;}
			
			#header_footer{
				width:752px;
				height:22px;
				float:left;
			}
		#content{
			width:743px;
			height:100%;
			min-height:100%;
			float:left;
			margin-left:17px;
			margin-right:22px;	
			display:inline;
			padding-bottom:50px;
			background-image: url(../images/interface/bg_mid_7.gif);
			background-repeat: repeat-y;			
			/*display inline fixes IE floats and margins*/
			/*cannot put floats with margin in IE*/
		}

		/*html>body #content{height:auto;}/**/
		/*html>body #content{padding-bottom:50px;}/* THIS is used to pass argument to Moz only since i use a different way to make the footer for IE*/

			#left{
				width:155px;
				float:left;
			}

				#don{
					width:155px;
					height:184px;
				}
			#main{
				width:378px;
				height:353px;
				min-height:353px;
				float:left;
				background-image: url(../images/interface/bg_mid_6.gif);
				background-repeat: no-repeat;
				
			}
			html>body #main{height:auto;}/* Pour l'ombre sans ca ca disrupt le flow*/
				#mainTitle{
					width:363px;
					height:47px;
					margin-left:10px;
					margin-right:5px;
					padding-top:6px;

				}
				#main_texte{
					padding-left:16px;
					padding-right:22px;	
					padding-top:20px;		
	
				}
				
			#right{
				width:206px;
				float:left;
			}
				#rightTitle{
					width:194px;
					height:50px;
					margin-left:8px;
					margin-right:6px;
					padding-top:6px;

				}

		
		/*
		#clearer{display:none;}
		html>body #clearer{clear:both; width:740px; height:114px; display:block;}
		*/
		
		#footer{
			clear:both;
			width:739px;
			height:94px;
			
			margin-left:17px;
			margin-right:26px;	
			
/*			display:inline;*/
			
			background-color: #E6E3E0;

			/*position:absolute;
			bottom:0px;
			left:3px;*/
	
			text-align: center;	
			font-weight:bold;
/*			margin-top: 10px;*/
			
/*			position:relative;*/

		}
		html>body #footer{margin-left:20px;}
		
img {border:0;}		
a {
	font-size: 10px;
	color: #787878;
	text-decoration: none;
	font-weight: bold;
}
form{padding:0; margin:0;}
#redTxt{
	color:#A33131;
}
/*menu********************************************/
ul {
	padding: 0;
	margin: 0;
	list-style: none;
	z-index:25;
}
li {
	float: left;
	position: relative;
	width: 95px;
	min-width: 95px; /*width fix for moz*/

}
html>body li{width:auto;} /*width fix for moz*/
/* the dropdowns */
li ul {
	display: none;
	position: absolute;
	width:95px;
	
}
li li {
	width: 145px;
	min-width: 145px; /*width fix for moz*/
	padding-top:3px;
	padding-bottom:3px;
	padding-left:10px;
	border-bottom:1px solid #ffffff;
}
html>body>li ul{width:auto;} /*width fix for moz*/
li > ul {
	top: auto;
	left: auto;
}
li:hover ul, li.over ul{ 
	display: block; 
	z-index:27; 
	left:0px; 
	top:30px;
	background-color:#E9E9EA;
	width:159px;
	border:1px solid #9F9F9C;
}
/*************************************************/
/* CMS  ******************************************/
#txtEmail{height:13px; font-size:9px;}
#title{
	font-weight: bold;
	color: #A53232;
	font-size: 10px;
}
#text{
	color: #000000;
	font-size: 10px;

}
#announcement_title{
	color: #000000;
	font-size: 10px;
	margin-left:10px;
	margin-right:4px;
	padding-top:10px;
	padding-bottom:4px;
	font-weight: bold;
}
#announcement_text{
	color: #000000;
	font-size: 10px;
	background-color:#F4F2F1;
	margin-left:4px;
	margin-right:4px;
	padding-top:7px;
	padding-bottom:7px;
	padding-left:10px;
	padding-right:5px;
	margin-bottom:3px;
}
#announcement2_title{
	color: #A33131;
	font-size: 13px;
	margin-left:10px;
	margin-right:4px;
	padding-top:10px;
	padding-bottom:4px;
	font-weight: bold;
}
#announcement2_text{
	color: #000000;
	font-size: 10px;
/*	margin-left:4px;*/
	margin-right:4px;
	padding-top:7px;
	padding-bottom:7px;
	padding-left:10px;
	padding-right:5px;
	margin-bottom:3px;
}
#announcement2_img{
/*	width:86px;
	height:72px;*/
	float:left;
}


#announcement3_title{
	color: #A33131;
	font-size: 10px;
	margin-left:10px;
	margin-right:4px;
	padding-top:7px;
	font-weight: bold;
}
#announcement3_title a {color:#A33131;}
#announcement3_text{
	color: #000000;
	font-size: 10px;
/*	margin-left:4px;*/
	margin-right:4px;
	padding-top:7px;
	padding-left:10px;
	padding-right:5px;
	margin-bottom:3px;
}
#announcement3_img{
	width:86px;
	height:72px;
	float:left;
}


/*  ************************* */

#redTxt{color:#A53232;}
#redTxtBold{color:#A53232; font-weight:bold;}
#normalBold{font-weight:bold;}
#normalBoldF{font-weight:bold; float:left;}

/* CMS */
/*
ol{
	width:160px;
	list-style-type: disc;
	list-style-image: url(../images/interface/bullet2.gif);
	list-style-position: inside;
	margin-left:0px;
	padding-left:0px;
	
}
ol li{
	width:160px;
	float:none;

}*/


/* calendrier*/
#miniCal {
	/*width:145px;*/
	height:157px;
	background-image:url(../images/interface/miniCal.gif);
	background-repeat:no-repeat;
	background-position: 0px 43px;
	padding-top:11px;
	padding-left:6px;
}
#calendar {
	border-collapse:collapse;
	width:136px;
/*	height:130px;*/
	min-height:140px;
/*	margin-left:1px;*/	
}
.calTitle {
	display:table-cell;
	width:136px;
	height:22px;
	font-weight:bold;
	color:#A53232;
/*	text-align:center;*/
	padding-left:3px;
}
#calendar .weekDay {
	width:20px;
	height:15px;
	font-weight:bold;
	color:#ffffff;
	background-image:url(../images/interface/day.gif);
	background-repeat:no-repeat;
	text-align: center;

}
#calendar .noDay {	
	width:20px;
	height:15px;
	text-align: center;	
}
#calendar .noDay a:hover{
	color:#333;
}
#calendar .normalDay {	
	width:20px;
	height:15px;
	background-image:url(../images/interface/day.gif);
	background-repeat:no-repeat;	
	text-align: center;	
	color:#676767;
}
#calendar .today {	
	width:20px;
	height:15px;
	background-image:url(../images/interface/today.gif);
	background-repeat:no-repeat;
	text-align: center;	
	color:#fff;
}
#calendar .dayChoice {	
	width:20px;
	height:15px;
	background-image:url(../images/interface/dayChoice.gif);
	background-repeat:no-repeat;
	text-align: center;	
	color:#fff;
}
#calendar .eventDay {	
	width:20px;
	height:15px;
	background-image:url(../images/interface/eventDay.gif);
	background-repeat:no-repeat;
	text-align: center;	
	color:#fff;
}
#calendar a {
	display:block;	
	width:20px;
	height:15px;
	text-decoration:none;
	color:#676767;
	font-weight:normal;
}
#calendar .today a {

	color:#fff;

}
#calendar .dayChoice a {
	color:#fff;
}
#calendar .eventDay a {
	color:#fff;
}
#calendar a:hover {
	width:20px;
	height:15px;
	display:block;
	text-decoration:none;
	color:#fff;
	font-weight:normal;
}