/* CSS Document */

body{
	margin:0pt auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background:url(images/Fracois-Bedard-bg.jpg) repeat-x #a4a4a4;
}
div, h1, h2, h3, h4, p, form, label, input, textarea, img, span, ul, li{
	margin:0; 
	padding:0;
	border:0px;
}

h1{
	font-size:18px;
	color:#00325d;
	font-weight:bold;
	text-transform:uppercase;
	margin-top:15px;
}
h2{
	font-size:16px;
	font-weight:bold;
	color:#FFF;
}
h3{
	font-size:14px;
	color:#FFF;
	font-weight:400;
}
p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	line-height:16px;
}

.Slogan{ font-style:italic; color:#FFF; font-size:10px; margin:20px 0 10px 0;}

a:active {color: #00437c; text-decoration:underline;}
a:link {color: #00437c; text-decoration:underline;}
a:visited {color: #00437c; text-decoration:underline;}
a:hover {color: #00437c; text-decoration:underline;}


/* #####################
		TEMPLATE
   #####################*/

#Container{
	margin:0pt auto;
	margin-bottom:25px;
	width:823px;
	min-height:730px;
	height:auto!important;
	height:730px;
}
#Top{	
	float:left;
	width:823px;;
	height:87px;
	background:url(images/Fracois-Bedard-slogan.jpg) no-repeat;
}
	#Top h1{ float:right; width:480px; text-align:left; margin:19px 30px 0 0; line-height:20px;}
	
	#Button_APN, #Button_Contact{
		float:right;  
		height:19px;
		font-size:13px; 
		color:#00325d; 
		font-weight:bold; 
		/*border:1px solid #0F0;*/
		margin-top:6px;
		text-align:center;
		padding-top:5px;
	}
	#Button_APN{ width:125px; margin-right:7px;}
	#Button_Contact{ clear:right; width:117px;margin-right:8px; }

#Banner{
	float:left;	
	width:823px;
	height:129px;
	background:url(images/Fracois-Bedard-photo.gif) no-repeat;
}
	#Name{ float:left; width:595px;}
		#Name p, h3{float:left;}
		#Name h3{ margin:104px 0 0 25px;}
		#Name p{ margin:100px 0 0 35px; font-size:11px; line-height:12px; color:#FFF;}
	#Coordonnee{ 
		float:left; 
		width:228px; 
		text-align:center;
	}
	#Coordonnee p{ color:#FFF; font-size:15px; margin:22px 3px 0 3px;}
	#Coordonnee p strong{font-size:14px;}

#Content{
	float:left;
	width:821px;;
	min-height:375px;
	height:auto!important;
	height:375px;
	border:1px solid #000;
	border-top:none;
	background-color:#FFF;
}

	#MainContent, #MainContentAPN{
		float:left;
		width:493px;
		min-height:375px;
		height:auto!important;
		height:375px;
		padding-bottom:10px;
	}
	#MainContent p, #MainContent h2{
		margin:13px 25px 0 25px;
	}
	#MainContentAPN p{ font-size:13px; margin:13px 25px 0 25px;}
	#Services{
		float:left;
		width:328px;
		height:375px;
		background:url(images/Fracois-Bedard-liste-services.gif) no-repeat;
	}
	#Services h2{ margin:12px 25px 0 28px;}
	#Services ul{ font-size:17px; color:#000;margin:25px 25px 0 50px;}
	#Services li{ margin-top:7px;}

#Footer{
	margin:0pt auto;
	float:left;
	width:823px;;
}
#Footer a{ color:#000;}
.KeyWord{ text-align:center; margin:20px;}

/* bottom navigation links */
a.bottom:active {  font-family:Arial, Verdana, sans-serif; font-size: 11px; color: #000;font-weight:400; text-decoration:underline;}
a.bottom:link {  font-family:Arial, Verdana, sans-serif; font-size: 11px; color: #000;font-weight:400;  text-decoration:underline;}
a.bottom:visited {  font-family:Arial, Verdana, sans-serif; font-size: 11px; color: #000;font-weight:400; text-decoration:underline;}
a.bottom:hover {  font-family:Arial, Verdana, sans-serif; font-size: 11px; color: #000;font-weight:400;  text-decoration:underline;}
.Footer{font-family:Arial, Verdana, sans-serif; font-size: 11px; color: #000;font-weight:400;margin:0pt auto; text-align:center; margin:20px 0 40px 0; }


.addsense{
	width:821px;
	height:90px;
	float:left;
	text-align:center;
}

/* ############ 
	HACK pour stretch div dans firefox
   ############
*/

/* Fix #container not clearing inner floats in firefox */
.floatfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

/* Hides from IE-mac */
* html .floatfix {
height: 1%;
}
/* End hide from IE-mac */