/* ***************** MISE EN PAGE ************************* */

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


html { 
	height: 100%; 
}


body {	
	margin: 0;
	padding: 0;
	height:100%;
	margin-bottom: 0px;
	background: url('images/bg_body.jpg') 0 0 repeat-x;
	background-color:#F0F0F0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#444444;
	font-size:8pt;
}


/* ------------------------------------------------------------------ */
/* -                            STRUCTURE                             */
/* ------------------------------------------------------------------ */
#container{ 
 width:900px; 
 text-align:left;  
 margin-left:auto; 
 margin-right:auto;  
 background:url('images/bg_top.jpg') 0 0 no-repeat;
}

#signsFacades {
	display: block;
	width: 196px;
	height: 22px;
	background:url('images/signs-facades.jpg') 0 0 no-repeat;

	position: absolute;
	margin-left: 680px;
}

		#logo{
			float:left;
			width:260px;
			height:80px;
		}
		
		#slogan{
			float:left;
			width:168px;
			height:35px;
			padding-top:39px;
			padding-left:9px;
		}	
			
		#link{
			float:right;
			width:170px;
			height:30px;
			padding-top:50px;
		}
 			
			#link .lang_FR{
			background: url('images/lang_fr.gif') 0px 3px no-repeat;
			display:block;
			float:left;
			width:16px;
			height:14px;
			margin-right:12px;
			}

			#link .lang_NL{
			background: url('images/lang_nl.gif') 0px 3px no-repeat;
			display:block;
			float:left;
			width:16px;
			height:14px;
			margin-right:12px;
			}
			
			#link .lang_EN{
			background: url('images/lang_en.gif') 0px 3px no-repeat;
			display:block;
			float:left;
			width:16px;
			height:14px;
			margin-right:12px;
			}

			#link .home{
			background: url('images/bg_linkhome.gif') 0px 0px no-repeat;
			display:block;
			float:left;
			width:15px;
			height:14px;
			}

			#link .sitemap{
			background: url('images/bg_linksitemap.gif') 0px 0px no-repeat;
			display:block;
			float:left;
			width:15px;
			height:14px;
			margin-left:20px;
			}

			#link .mail{
			background: url('images/bg_linkmail.gif') 0px 0px no-repeat;
			display:block;
			float:left;
			width:15px;
			height:14px;
			margin-left:20px;
			}

		#menu{
			clear:both;
			height:31px;
			background: url('images/bg_menu.jpg') 0 0 repeat-x;
		}
			#menu A{
			display:block;
			float:right;
			text-align:center;
			height:21px;
			padding-top:6px;
			background: url('images/bg_menua.jpg') 90px 0px no-repeat;
			text-transform:uppercase;
			color:#6D6D6D;
			font-weight:normal;
			font-size:11px;
			letter-spacing:-.1px;
			padding-left:12px;
			padding-right:12px;
			}

			#menu A:hover{
			background-color:#D90100;
			color:white;
			text-decoration:none;
			background-image:none;
			}

		#header{ 
		 height:240px; 
		 width:100%;
		} 
		 
		#content{
		 padding-top:20px;
		 padding-bottom:20px;
		 float: left; 
		 width:100%; 
		 background: url('images/bg_content.gif') 0 0 repeat-y;
		 padding-bottom:20px;
		}
		
 
 #footer
 {
 width:900px;
 height:36px; 
 clear:both;
 color:#FFFFFF;
 text-align:center;
 font-size:10px;
 padding-top:10px;
 margin-left:auto;
 margin-right:auto;
 text-align:center;
 background-color:#CF110C;
 } 
	#footer A
 {
	color:White;
	text-decoration:underline;
 }
 #footer A:hover
 {
	text-decoration:none;
 }
 
.clear{
 clear: both; 
}


/* ------------------------------------------------------------------ */
/* -                        MISE EN FORME                             */
/* ------------------------------------------------------------------ */
h1{ 
 font-size:18px;
 color:#999999;
 margin-bottom: 0px;
 display:inline; 
 font-weight:normal;
} 

h2{ 
 font-size:14px;
 font-weight:normal;
 color:#F1312C;
 margin-bottom: 0px;
 display:inline; 
} 

.puce{ 
 font-size:14px;
 font-weight:bold;
 color:#00CCFF;
 margin-bottom: 0px;
 display:inline; 
 padding-left:15px;
 background: url('images/puce.gif') 0px 3px no-repeat;
 height:35px;
 display:block;
} 

h3{ 
 font-size:11px;
 font-weight:normal;
 text-transform:uppercase;
 color:#F1312C;
 margin-bottom: 0px;
 display:inline; 
} 

big{ 
 font-size:25px;
 color:#999999;
} 

A{
 font-family:arial;
 color:#F1312C;
 text-decoration:none;
}

A:hover{
 font-family:arial;
 color:#0EA7D3;
 text-decoration:underline;
}

hr{
 height:1px;
 color:#CDC3CB;
 background-color:#CDC3CB;
 border: 0px #CDC3CB solid;
}

p{
 text-align:justify;
}

i{
 color:#00CCFF;
}

ul{
 position:relative;
 left:-25px;
}


/* ------------- formulaires ----------------------- */
.noclass {
	background-color: #ffffff;
	border-color: #ffffff;
	border-width: 0;
}

.noborder input{clear:both;border-width:0;background-color: transparent;position:relative;left:-5px;}
.noborder label{clear:both;}
div.noborder input {border-width:0;background-color: transparent;}
span.noborder input {border-width:0;background-color: transparent;}

input, select {
	border-color: #CABEB4;
	border-width: 1px;
	border-style: solid;
	color: #444444;
	font-size:10px;
}

textarea{
	border-color: #CABEB4;
	border-width: 1px;
	border-style: solid;
	color: #444444;
	font-size:11px;
	font-family:arial;
}

.btn{
	border-color: #ffffff;
	border-width: 0px;
	border-style: solid;
	color: white;
	font-size:10px;
	padding-left:5px;
	padding-right:5px;
	text-transform:capitalize;
	cursor:pointer;
	letter-spacing:1px;
	background-color: #999999;
	height:17px;
	padding-bottom:2px;
}

.btn:hover{
	border-color: #ffffff;
	border-width: 0px;
	border-style: solid;
	color: white;
	font-size:9px;
	padding-left:5px;
	padding-right:5px;
	text-transform:capitalize;
	cursor:pointer;
	letter-spacing:1px;
	background-color: #0EA7D3;
}


/* ------------- title replace ----------------------- */
div#qTip {
  border: 1px solid silver;
  display: none;
  color: black;
  font: normal 9px arial;
  text-align: left;
  position: absolute;
  z-index: 1000;
  padding:5px;
  background-color:white;
}

/************************ Classes float ***********************/

.floatRight {
	float: right;
}

.floatLeft {
	float: left;
}