/* 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: #5b5b5b;*/
	color: #000000;
	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.gif);

}
html>body #frame{height:auto;}/*moz height*/
	#frameCenter{
		width:782px;
		height:29%;
		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;/*debug*/
			background-image: url(../images/interface/header_footer.gif);
			background-repeat: no-repeat;
			background-position: left bottom;		
			/*cannot put floats with margin in IE*/
			/*Ce background fait lagger 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;
			}
		#precontent{
			width:743px;
			height:360px;
			float:left;
			margin-left:17px;
			margin-right:22px;
			display:inline;
			background-image: url(../images/interface/bg_mid_4_2.gif);
			background-repeat:repeat-y;
			background-position: 0px 226px;			/*cannot put floats with margin in IE*/
		}
			#left{
				width:155px;
				float:left;
			}
				#promo{
					width:155px;
					height:184px;
				}
			#main{
				width:378px;
				float:left;
			}
				#flash{
					width:378px;
					height:231px;
				}
				#don{
					width:353px;
					height:110px;
					margin-left:10px;
					margin-right:15px;
					background-color:#F4F2F1;
					border-top:1px solid #CACACA;
					background-image: url(../images/interface/don_grey.gif);
					background-repeat: no-repeat;
				}
					#donTxt{
						padding-left:10px;
						padding-right:5px;
						padding-top:6px;
						padding-bottom:8px;
						margin-right:5px;
						/*margin-left:94px;*/
					}
				#flashBottom{
					width:378px;
					height:14px;
				}
			#right{
				width:202px;
				padding-right:4px;
				float:left;
			}
		#content{
			width:743px;
			height:100%;
			min-height:100%;
			
			float:left;
			
			margin-left:17px;
			margin-right:22px;
			
			display:inline;
			
			
			background-image: url(../images/interface/bg_mid_5.gif);
			background-repeat: repeat-y;	
			
			padding-bottom:54px;
			
			/*display inline fixes IE floats and margins*/
			/*cannot put floats with margin in IE*/
		}

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

			#left2{
				width:210px;
				float:left;
			}
				#left2Title{
					width:193px;
					height:52px;
					margin-left:4px;
					margin-right:13px;
					border-bottom:1px solid #CACACA;
				}
			#main2{
				width:261px;
				float:left;
			}
				#main2Title{
					width:251px;
					height:52px;
					margin-left:5px;
					margin-right:5px;
					border-bottom:1px solid #CACACA;
				}
				#main2Body{
					background-color:#FBFAFA; 
					margin-left:4px; 
					margin-right:4px;
					padding-left:10px;
					padding-right:10px;
					padding-bottom:10px;
				}
			#right2{
				width:268px;
				float:left;
			}
				#right2Title{
					width:254px;
					height:52px;
					margin-left:8px;
					margin-right:6px;
					border-bottom:1px solid #CACACA;
				}
				#servicesalapersonne{
					margin-left:9px;
					margin-right:4px;				
					border-bottom:1px solid #F4F4F4;
					min-height:62px;
				}
				#servicesalapersonne2{
					margin-left:9px;
					margin-right:4px;				
					border-bottom:1px solid #cacaca;
					min-height:62px;
				}				
				#projets{
					padding-left:10px;
					padding-right:11px;
					padding-top:10px;
					padding-bottom:30px;
					border-top:1px solid #cacaca;
					margin-left:6px;
					margin-right:6px;
					background-color:#F4F2F1;				
				}

		/* THIS is used to pass argument to Moz only since i use a different way to make the footer for IE*/
		/*#clearer{display:none;}
		html>body #clearer{clear:both; width:740px; height:94px; display:block; }
		*/

		
		#footer{
			clear:both;
			width:740px;
			height:54px;
			/*margin-left:16px;
			margin-right:26px;	*/
			background-color: #E6E3E0;
			text-align:center;
			font-weight:bold;
			padding-top:20px;
/*			padding-bottom:20px;*/
/*			position:relative;*/
			margin-left:-8px;
		}
		html>body #footer{margin-left:19px;}
		
img {border:0px;}			
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:10;
}
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;
	color:#787878;
}
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;
}
li:hover ul a, li.over ul a{ 
	color:#787878;
}
/*************************************************/
/* 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;
}


/* 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:156px;
	background-image:url(../images/interface/miniCal.gif);
	background-repeat:no-repeat;
	background-position: 0px 42px;
	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;
}