@import url("/skin/styles.general.css");
@import url("/skin/skin_default/client.css");
@import url("/skin/skin_default/menu.css");
@import url("/skin/skin_default/pager.css");
@import url("/skin/skin_default/plan.css");
@import url("/skin/skin_default/recherche.css");
@import url("/skin/skin_default/accueil.css");
@import url("/skin/skin_default/nousjoindre.css");
@import url("/skin/skin_default/babillard.css");

@import url("/modules/actualites/module.css");
@import url("/modules/equipe/module.css");
@import url("/modules/galerie/module.css");
@import url("/modules/documents/module.css");

html{
	margin: 0px;
	padding: 0px;
	height: 100%;
}
body{
	margin: 0px;
	padding: 0px;
	height: 100%;
	background: #333333;
	color: #333333;
	font: 12px/18px Arial, Helvetica, sans-serif;
	text-align: center;
}

/*### Styles généraux à tous les skins ###*/
.clearLeft,
.clearRight,
.clearBoth{
	clear: left;
	height: 0px;
	margin: 0px;
	visibility: hidden;
	line-height: 0px;
	padding: 0px;
	font-size: 0px;
}
.clearRight{clear: right;}
.clearBoth{clear: both;}

div.rss a{
	padding-left: 19px;
	background: url(/images/rss.gif) 0px 0px no-repeat;
}
div#public_message{position: relative;}
div#public_message #message{
	position: absolute;
	top: -179px;
	left: 342px;
	width: 616px;
	z-index: 400;
	filter: alpha(opacity=80);
	-moz-opacity:.80;
	opacity:.80;
}
	div#public_message #message div.innerShell{
		border: 1px solid #347a93;
		background: #FFFFFF;
		padding: 20px 50px;
		color: #042740;
		font: 12px Verdana, Arial, Helvetica, sans-serif;
	}
div#publicerror, div#publicerrorErr{color: #FF0000;}
/*### Styles généraux à tous les skins ###*/

a{
	color: #1e5676;
	text-decoration: underline;
}
a:hover{
	color: #29799e;
	text-decoration: none;
}
form{
	margin:0px;
	padding:0px;
}
img{border: none;}


#page{background:#4082b1 url(/images/pagetop.gif) 0px 0px repeat-x; position: relative;}

#page #haut{background: url(/images/vista.jpg) top center no-repeat;}

#page .bottomLeftBg{
	background-position: bottom center;
	background-repeat: no-repeat;
}
	
.holder{
	width: 960px;
	margin: 0 auto;
	padding: 0px;
	text-align: left;
	}
	#omgFloater .holder{width: auto;}

	
	#page #left{
		float: left;
		width: 235px;
	}
	#page #right{
		float: right;
		width: 725px;
		z-index: 2;
	}
	
		#right #printthis,
		#right #pagetop {
			position: relative;
		}
		
			#right #printthis div,
			#right #pagetop div {
				position: absolute;
				z-index: 500;
				font-size: 11px;
				right: 0px;
				z-index: 2;
				top: 0px;
				rigth: 0px;
			}
			#right #printthis div {
				height: 49px;
				width: 400px;
				background: url(/images/bg-print-shadow.gif) top right no-repeat;
			}	
		
			#right #pagetop div {
				top: -49px;
				height: 49px;
				width: 400px;
				background: url(/images/bg-top-shadow.gif) top right no-repeat;
			}
			
			#right #printthis a,
			#right #pagetop a {
				display: block;
				height: 24px;
				padding: 6px 10px 0 15px;
				text-decoration: none;
				color: #999;
				width: 70px; 
				float: right; 
				margin: 19px 0 0 0;
			}
			
			#right #printthis a {width: 100px; margin: 0px; background: url(/images/icon-print.gif) 0px 10px no-repeat;}	
			#right #pagetop a {background: url(/images/icon-pagetop.gif) 3px 10px no-repeat;}	
				#right #printthis a:hover,
				#right #pagetop a:hover {text-decoration: underline;}
			
			
		
	#page #full{
		float: left;
		width: 960px;
	}

#entete{
	position:relative;
	height:213px;
}
	#entete #logoAccueil{
		position:absolute;
		top:7px;
		left:0px;	
	}
	#entete #flashMenu{
		position: absolute;
		top: 170px;
		left: 235px;
	}
	#entete #slogan{
		position: absolute;
		top: 0px;
		left: 335px;
	}

#topband{
	height: 45px;
	background: url(/images/topband.gif) 0px 0px repeat-x;
}	#topband div.holder{height: 45px; overflow: hidden;}
	#topband div.right{
		display: block;
		height: 45px;
		background: url(/images/topband-center.gif) left top no-repeat;
		float: right;
		padding-left: 92px;
	}


.bottomCorner{margin:0px 0px 20px 0px;}


#bottomband{
	height: 34px;
	background: url(/images/bottomband.gif) 0px bottom repeat-x;
}	#bottomband div.holder{height: 34px; overflow: hidden;}
	#bottomband div.right{
		display: block;
		height: 34px;
		float: right;
	}
#hands{
	background-position: center top;
	background-repeat: no-repeat;
}
	
#footer{
	color: #aeaeae;
	font: 11px/14px Arial, Helvetica, sans-serif;
	padding-bottom: 30px;
}
	#contact{
		float: right;
		padding-top: 18px;
		color: #FFFFFF;
		font-weight: bold;
		padding-right: 12px;
		font-size: 12px;
	}
		#contact div.block{
			float: left;
			padding-bottom: 14px;
		}
		#contact div.block img{margin-top: 5px;}
		#contact div.bottom{
			border-top: 1px solid #484848;
			padding-top: 6px;
			font-weight: normal;
			font-size: 11px;
		}
		#contact div.bottom a{
			display: block;
			color: #80d1eb;
			text-decoration: none;
			padding-left: 22px;
			background: url(/images/top-icons-mail.gif) -10px -14px no-repeat;
		}
		#contact div.bottom a:hover{text-decoration: underline;}

#quebec{padding-top: 16px;}
#quebec img{margin-bottom: 7px;}

#realisation{
	color:#999999;
	text-align:left;
	clear:both;
	padding-right:10px;
	padding-top:15px;
	}
#realisation a{
	color:#FFFFFF;
	text-decoration: none;
	}

div.boutons {
	float: left;
	display: inline;
}

	div.boutons a.btn {
		padding: 1px 5px 1px 1px;
		display: block;
		background-image: url(/images/btn-arrow.gif);
		background-color: #4a92c1;
		background-position: center right;
		background-repeat: no-repeat;
	}	div.darkbg a.btn {background-image: url(/images/btn-arrow-dark.gif);}
		div.boutons a.btn:hover {background-image: url(/images/btn-arrow-h.gif);}
		div.darkbg a.btn:hover {background-image: url(/images/btn-arrow-dark-h.gif);}

	div.boutons a.btn input {
		background: #55a6d2 url(/images/bg-btn-tile.gif) 0px 0px repeat-x;
		line-height: 10px;
		color: #fff;
		font: normal 9px Tahoma, Verdana, Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		padding: 3px 10px;
		margin: 0;
		cursor: pointer;
		overflow: visible;
		border: none;
	}
		div.boutons a.btn:hover input {
			background: #95d3f6 url(/images/bg-btn-tile.gif) 0px -30px repeat-x;
			color: #114063;
		}
		
	fieldset {
		border: 0;
		padding: 0;
		margin: 0;
	}
	
		fieldset input.txtbox,
		fieldset textarea {
			border: 1px solid #989898;
			color: #666;
			padding: 3px 5px;
			font: normal 12px Arial, Helvetica, sans-serif;
			overflow: visible;
		}
		
		fieldset div {
			margin: 0;
			padding: 10px;
		}
		
		fieldset label {
			display: block;
			line-height: 12px;
			padding: 0 0 5px 0;
		}