/* 
	Copyright: 2009 Kérozen Médias interactifs inc.
	Tous droits réservés
	Créé par Philippe Perreault - philippe@kerozen-mi.com
	Dernière modification : 2009-05-02
*/
@import url("general.css");
@import url("sections.css");
@import url("lytebox.css");
html
{
	min-height:100%;
	height:auto;
}

body
{
	font: 100% Verdana, Helvetica, sans-serif;
	background: url(/images/bg_body.jpg) no-repeat bottom;
	background-color:#4e676d;
	margin: 0px; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0px;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	width:100%;
}

a { text-decoration:none; }
a:hover { text-decoration:underline; }

a.souligne { text-decoration:underline; }
a.souligne:hover { text-decoration:none; }
.cursorOver:hover{background-color:#CCC;}
.cursorOver {background-color:#fff;}
#container
{
	width:100%;
	margin:auto;
	text-align:center;
}

#main
{
	margin:20px auto 0px auto;
	position:relative;
	width:900px;
}
																							/******************************* HEADER : Entête du projet */
#header
{
	height:219px;
	background:url(/images/template_header.png) no-repeat top;
}
																							/******************************* HEADER : Menu du haut */
	#header p#menuTop
	{
		padding:1px 70px 0px 0px;
		margin:0px;
		float:right;
		font-size:10px;
		color:#FFF;
	}
	
	#header p#menuTop a { color:#FFF; }
																							/******************************* CONTENT : Zone du contenu du projet */
#content
{
	background:url(/images/template_content.jpg) repeat-y top;
	background-color:#FFFFFF;
	overflow:auto;
}
																							/******************************* CONTENT : Zone des coordonnées */
	#content div#adresse
	{
		padding:2px 14px 2px 0px;
		margin:0px;
		font-size:11px;
		font-weight:bold;
		text-align:right;
		color:#000;
	}
	
	#content div#adresse a
	{
		color:#000;
		text-decoration:none;
	}
	
	#content div#adresse a:hover { text-decoration:underline; }
																							/******************************* CONTENT : Menu principal */
		#content div#menuMain
		{
			padding:0px;
			margin:0px;
			background-color:#603;
			text-align:right;
		}
	
		#content div#menuMain ul#menuMainUl
		{
			margin:0px;
			padding:7px 4px 7px 0px;
			list-style:none;
		}
		
			#content div#menuMain ul#menuMainUl li.menuMainLi
			{
				display:inline;
				padding-right:4px;
				font-size:15px;
				color:#FFF;
				font-weight:bold;
				vertical-align:middle;
			}
			
				#content div#menuMain ul#menuMainUl li.menuMainLi a { color:#FFF; }
																							/******************************* CONTENT : Fil d'ariane */
	#content div#filAriane
	{
		margin:5px 0px 0px 30px;
		padding:0px;
		color:#000000;
		text-align:left;
		font-size:10px;
		float:left;
	}
		#content div#filAriane a{ color:#000000; }
																							/******************************* CONTENT : Zone de recherche Google */
	#content div#google
	{
		padding:0px;
		margin:0px 5px 0px 0px;
		float:right;
		background:url(/images/template_google.jpg) no-repeat right;
		width:275px;
		border-top:1px solid #FFF;
		height:30px;
		text-align:right;
	}
	
		#content div#google div#googleInner
		{
			float:right;
			margin:0px;
			padding:5px;
			text-align:right;
		}
		
			#content div#google div#googleInner input#googleSearchText
			{
				font-size:11px;
				border:1px solid #000;
				color:#999;
			}
			
			#content div#google div#googleInner input#googleSearchBtn
			{
				padding:0px 2px;
				margin:0px;
				border:1px solid #FFF;
				font-size:11px;
				color:#FFF;
				background-color:#603;
			}
																							/******************************* CONTENT : Zone avec contenu modifiable */
		#content div#pageContent
		{
			padding:0px;
			margin:0px 0px 0px 30px;
			clear:both;
			text-align:left;
			height:auto;
		}
		a.navInner
				{
					color:#600; 
					text-decoration:underline;
				}
					a.navInner:hover{ text-decoration:none; }
	  	div#pageNav
		{
			margin:30px 0px;
			width:172px;
			text-align:left;
			display:block;
			float:left;
		}
			div#pageNav ul
			{
				list-style-type:none;
				text-align:left;
				font-size:12px;
				padding:0px;
				margin:0px;
			}
				div#pageNav ul li
				{
					border-bottom:1px solid #600;
					padding:5px 0px;
					margin:0px;
					color:#600;
					font-weight:bold;
				}
					div#pageNav ul li a
					{ 
						color:#999;
						text-decoration:none;
					}
						div#pageNav ul li a:hover{ color:#600; }
			div#pageContent2
			{
				margin:30px 0px;
				text-align:left;
				padding:0px 30px;
				float:right;
				width:636px;
				border-left:1px solid #600;

			}
				div#pageContent2 p{
				
				}
				
					div#pageContent2 p.titre
					{
						font-size:30px;
						margin-top:5px;
						font-family:"monotype Corsiva", "Brush Script Std", "Times New Roman", "Arial";
						color:#600;
					}
					div#pageContent2 p.titre2
					{
						font-size:11px;
						color:#600;
					}
					div#pageContent2 div.texte
					{
						color:#000000;
						font-size:11px;
						margin-top:10px;
					}
						
					div#pageContent2 p.top
					{
						font-size:10px;
						color:#600;
						text-align:left;
						display:block;
						border-top:1px dotted #600;
						margin-top:20px;
						padding-top:10px;
						text-decoration:none;
						clear:both;
					}
						div#pageContent2 p.top a{ text-decoration:none; }
						div#pageContent2 p.top a:hover{ text-decoration:underline; }
					
																							/******************************* FOOTER : Pied de page du projet */
#footer
{
	height:78px;
	background:url(/images/template_footer.png) no-repeat top;
	clear:both;
}
																							/******************************* FOOTER : Menu du bas de page : Entête du projet */
	#footer div#menuBottom
	{
		float:right;
		vertical-align:bottom;
		margin:55px 0px 0px 0px;
		padding:0px;
		text-align:right;
		width:100%;
	}
	
		#footer div#menuBottom ul#menu1
		{
			margin:0px;
			padding:0px;
			list-style:none;
		}
		
		#footer div#menuBottom ul#menu1 li.menu1
		{
			display:inline;
			padding-right:7px;
			font-size:10px;
			color:#FFF;
		}
		
			#footer div#menuBottom ul#menu1 li.menu1 a { color:#FFF; }
																							/******************************* COPYRIGHT : Zone du copyright du site */
#copyright
{
	font-size:10px;
	color:#FFFFFF;
	text-align:right;
	padding:10px 0px;
	margin:0px;
}
	#copyright a{ color:#FFFFFF;text-decoration:none; }
		#copyright a:hover{ text-decoration:underline; }