@charset "utf-8";
/* CSS Document */
body {
	background-color: #FFF;
	font: 12px 'Lucida sans', Verdana, sans-serif;
	color: #666;
	}
img {
	border:0;
	margin:0;
	padding:0;
	}
h2 {
	font:bold 18px 'Lucida sans', Verdana, sans-serif;
	color:#666;
	z-index: 10;
	width: 220px;
	}
h3 {
	font:16px 'Lucida sans', Verdana, sans-serif;
	color:#FF6600;
	}
h4 {
	font:bold 18px 'Lucida sans', Verdana, sans-serif;
	color:#FF6600;
	}
hr.clear {
	clear:both;
	visibility:hidden;
	}
	
	
/* Panels and blocks */

.container {
	margin-top:10px;
	}


			
#header{
	margin:0;
	height:145px;
	background:#eee url(../img/headers/banner-f.jpg) no-repeat;
	}
	#header #ban{
		margin:0;
		height:145px;
		}
		
		#header #ban1{
		margin:0;
		height:145px;
		}
		
		#header #ban_home{
		margin:0;
		height:145px;
		background:#eee url(../img/headers/banner-action123.jpg) no-repeat;

		}
		#header #ban_home1{
		margin:0;
		height:145px;
		top:0px;
		/*background:#eee url(ticker2.swf) no-repeat;*/

		}
		
#header #logo{
	position:relative;
	top:40px;
	left:15px;
	margin:0;
	}
	
#header #ban_f{
	position:relative;
	top:40px;
	left:15px;
	margin:0;
	}
	
	#header #shadow{
	position:relative;
	float:left;
	top:0px;
	margin:0;
	padding:0;
	}

.video {
	margin-bottom: 10px;
	z-index: 10;
	}

#mot {
	margin-bottom: 10px;
	background:#fff url(../img/bg-panel.gif) no-repeat;
	}
	#mot h2{
		margin-left: 12px;
		margin-top: 2px;
		width: 240px;
		}
	#mot h3{	
		float:left;
		margin-left: 5px;
		font:12px 'Lucida sans', Verdana, sans-serif;
		color: #FF6600;
		}
		
	#mot h4{
		margin-left: 10px;
		font:12px 'Lucida sans', Verdana, sans-serif;
		color:#0097a0;
		float:left;
		}
		
	#mot p{
		margin: 10px 10px 0 10px;
		float: left;
		font: 11px 'Lucida sans', Verdana, sans-serif;
		color: #666;
		/*width: 300px;*/
		}
	#mot img{
		float:left;
		padding: 5px;
		margin: 10px;
		margin-left:0px;
		border: 1px solid #ddd;
		}
		
		
		#mot a{
			text-decoration: none;
			padding-left:8px; 
			font:10px 'Lucida sans unicode', Arial, Helvetica, sans-serif;
			color:#0097a0;
			background:url(../img/puce.gif) no-repeat;
			background-position: left center;
			}
		#mot a:hover{
			text-decoration: underline;
			color:#0097a0;
			}


#actualites {
	margin-bottom: 10px;
	background:#fff url(../img/bg-panel.gif) no-repeat;
	}
	#actualites h2{
		margin-left: 12px;
		margin-top: 2px;
		width: 240px;
		}		
	#actualites h3{
		margin-left: 10px;
		font:12px 'Lucida sans', Verdana, sans-serif;
		color:#0097a0;
		float:left;
		}
		.news span.date {			
			float:left;
			margin-left: 10px;
			margin-right: 20px;
			font:10px 'Lucida sans', Verdana, sans-serif;
			color:#ccc;
			}
		.news p{
			padding-left: 10px;
			padding-right: 10px;
			float: left;
			font: 12px 'Lucida sans', Verdana, sans-serif;
			color: #666;
			}

#ticker {
	margin-bottom: 10px;
	}
	
	#ticker1 {
	float:right;
	margin-right: 10px;
	
	position:relative;
	top:-98px;
	
	}
	


#produits {
	margin-bottom: 10px;
	background: url(../img/bg-produits.png) no-repeat;
	height:420px;
	}
	#produits h2{
		margin-left: 12px;
		margin-top: 4px;
		width: 200px;
		}	
	#produits dt{
		margin-left: 12px;
		margin-top: 2px;
		width: 240px;
		font:12px 'Lucida sans', Verdana, sans-serif;
		color: #FF6600;
		}
	#produits ul {
		margin-left: 15px;
		margin-bottom: 5px;
		}
		#produits ul li {
			list-style-type:none;
			line-height:16px;
			}
		#produits a{
			text-decoration: none;
			padding-left:8px; 
			font:10px 'Lucida sans unicode', Arial, Helvetica, sans-serif;
			color:#0097a0;
			background:url(../img/puce.gif) no-repeat;
			background-position: left center;
			}
		#produits a:hover{
			text-decoration: underline;
			color:#666;
			}
#wrap {
	padding: 0;
	}

#misc {
	margin-bottom:10px;
	padding:0;
	background:url(../img/bg-misc.png) no-repeat;
	height:180px;
	}
	#misc h2{
		margin-left: 12px;
		margin-top: 2px;
		width: 200px;
		}
	#misc p{
		padding-left: 10px;
		padding-right: 10px;
		float: left;
		font: 12px 'Lucida sans', Verdana, sans-serif;
		color: #666;
		}
	
#rc {
	cursor:pointer;
	text-decoration:none;
	margin-bottom: 10px;
	background:url(../img/rc.gif) no-repeat;
	background-position: right center;
	height:180px;
	}
	#rc p{
		padding-left: 10px;
		padding-right: 10px;
		margin-top:15px;
		float: left;
		font: 10px 'Lucida sans', Verdana, sans-serif;
		color: #666;
		width:100px;
		text-align:left;
		}
	
#histoire {
	cursor:pointer;
	text-decoration:none;
	margin-bottom: 10px;
	background:url(../img/30ans.gif) no-repeat;
	background-position: center left;
	height:180px;
	}

#introduction {
	cursor:pointer;
	text-decoration:none;
	margin-bottom: 10px;
	height: 200px;
	background:#fff url(../img/bg-panel.gif) no-repeat;
	}
	#introduction h4{
		margin-left: 12px;
		margin-top: 2px;
		width: 200px;
		}
	#introduction p{
		margin-left: 10px;
		margin-right:10px;
		float: left;
		font: 11px 'Lucida sans', Verdana, sans-serif;
		color: #666;
		}
	#introduction a{
		margin-left: 10px;
		float: left;
		}



#iso{
	padding:0;
	background:url(../img/bg-iso.gif) no-repeat;
	height:180px;
	}
	#iso h2{
		margin-left: 12px;
		margin-top: 2px;
		width: 200px;
		}
	#iso a{
		cursor:pointer;
		text-decoration:none;
	}

#iso9001 {
	margin-bottom: 10px;
	background:url(../img/iso9001.jpg) no-repeat;
	background-position: center bottom;
	height:180px;
	}
	#iso9001 p{
		padding-left: 10px;
		padding-right: 10px;
		margin-top:120px;
		float: left;
		font: 10px 'Lucida sans', Verdana, sans-serif;
		color: #666;
		width:190px;
		}


#copyright {
	background: url(../img/stroke-footer.gif) no-repeat top;
	height: 35px;
	margin:0;
	font: 10px 'Lucida sans', Verdana, sans-serif;
	color: #999;
	}
	#copyright span{
		top:20px;
		font: 10px 'Lucida sans', Verdana, sans-serif;
		color: #999;
		}
ul#miscnav{
	display:inline;
	float:right;
	width: 300px;
	list-style:none;
	}
	#miscnav li{
		display:inline;
		margin-right: 10px;
		}
	ul#miscnav li select{
		float:right;
		border: none;
		margin-right:4px;
		font:10px Arial, Helvetica, sans-serif;
		color:#000;
		}
		ul#miscnav li select option{
			font:10px Arial, Helvetica, sans-serif;
			color:#000;
			}
			ul#miscnav option:hover{
				color:#fff;
				background-color:#0097a0;
				}
	ul#miscnav li a{
		margin-right: 10px;
		float:right;
		text-decoration: none;
		font:10px 'Lucida sans unicode', Arial, Helvetica, sans-serif;
		color:#0097a0;
		}
		ul#miscnav li a:hover{
			text-decoration: underline;
			color:#666;
			}
#footer{
	margin:0;
	font: 10px 'Lucida sans', Verdana, sans-serif;
	color: #fff;
	height: 32px;
	background: url(../img/bg-footer.gif) no-repeat;
	background-position: top left;
	padding-left:10px;
	}
	#footer span.num{
		font:10px 'Lucida sans unicode', Arial, Helvetica, sans-serif;
		color:#fff;	
		}
	#footer a{
		text-decoration: underline;
		font:10px 'Lucida sans unicode', Arial, Helvetica, sans-serif;
		color:#fff;	
		}
	#footer a:hover{
		text-decoration: underline;
		color:#fc0;
		}



	/* sIFR */
	
	/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
}

.sIFR-hasFlash h2 {
	margin-left:1px;
	visibility: hidden;
	letter-spacing: -4px;
	font-size: 18px;
	margin-top:1px;
}

.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 18px;
}

.sIFR-hasFlash h5 {
	visibility: hidden;
	letter-spacing: -4px;
	font-size: 20px;
}

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}

/********************************/
/*		USER CONTENT PANELS		*/
/********************************/

.panel-1x {
	margin:0;
	margin-bottom:10px;
	font: 10px 'Lucida sans', Verdana, sans-serif;
	color: #666;
	background:url(../img/panel-1x.gif) no-repeat;
	}
	.panel-1x h2 {
		float:left;
		margin-left: 12px;
		margin-top: 2px;
		width: 210px;
		}
	.panel-1x h3 {
		margin-left: 12px;
		margin-top: 2px;
		width: 210px;
		font:12px 'Lucida sans', Verdana, sans-serif;
		color: #FF6600;
		margin-left: 12px;
		margin-top: 2px;
		width: 210px;
		}
	.panel-1x hr {
		visibility: visible;
		float: left;
		height: 1px;
		margin-left: 5px;
		margin-bottom: 10px;
		width: 210px;
		color: #000;
		background-image: url(../img/stroke.gif);
		}
	.panel-1x p {
		padding-left: 10px;
		padding-right: 10px;
		margin-top:10px;
		/*float: left; */
		font: 10px 'Lucida sans', Verdana, sans-serif;
		color: #666;
		}	
	.panel-1x img {
		float:left;
		padding: 5px;
		margin: 5px;
		margin-left:20px;
		border: 1px solid #ddd;
		}		
		.panel-1x img.door{
			padding:0;
			margin:0;
			border:0;
			}	
	.panel-1x ul {
		margin-left: 25px;
		margin-top: 10px;
		margin-bottom:10px;
		width:210px;
		}
		.panel-1x ul li {
			float:left;
			list-style-type: square;
			line-height:12px;
			width: 210px;
			}
		.panel-1x a{
			text-decoration:none;
			padding-left: 5px;
			border-bottom:#0097a0 1px dotted;
			font:10px 'Lucida sans', Arial, Helvetica, sans-serif;
			color:#0097a0;
			background:url(../img/puce.gif) no-repeat;
			background-position: left center;
			}
		.panel-1x a:link{
			border-bottom:#0097a0 1px dotted;
			color:#0097a0;
			}
		.panel-1x a:visited{
			border-bottom:#0097a0 1px dotted;
			color:#0097a0;
			}
		.panel-1x a:hover{
			border-bottom:#ff6600 1px solid;
			color:#ff6600;
			}
		.panel-1x a:active{
			border-bottom:#ff6600 1px dotted;
			color:#ff6600;
			}