/* resetting some default styles */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
ul {list-style: none;}
body {line-height: 1;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
:focus {outline: 0;}
a:focus {outline:1px dotted #999;}
ins {text-decoration: none;}
del {text-decoration: line-through;}

/* 
table {border-collapse: collapse;border-spacing: 0;}
*/
 
html { font-size:100.01%; }
body { font-size:1em; }
 
textarea {overflow:auto}
button {cursor:pointer}
input[type="checkbox"], 
input[type="radio"],
input.radio,
input.checkbox {
	vertical-align:text-top;
}
a {text-decoration:none}
a:hover {text-decoration:underline}
/*  -----------------------------------
	a better and smarter way to clear floats
--------------------------------------*/
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix {display:inline-block}
/* Hide from IE Mac \*/
.clearfix {display:block}
/* End hide from IE Mac */
* html .clearfix {height:1px}
/* -----------------------------------------------------------------------------------------*/

body{
	margin:0 auto;
	background-color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#555555;
}
	
	h1{
		font-family:Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-weight:bold;
		color: #951d1e;
	}
	
	h2{
		font-size: 14px;
		font-weight:bold;
		color: #86aae0;
	}
	
	.blue3{
		color: #248dbd;
	}
	
	.red3{
		color: #951d1e;
	}
	
	.img3grey{
		border: solid 1px #d0d2db;
	}
	
	.txt3{
		font-size: 3px;
	}



#wrapper{
	width:100%;
	height:auto;
	background-color:#FFFFFF;
	background-image:url('images/background.jpg');
	background-repeat:no-repeat;
	background-position:top left;
	margin:0 auto;
}

	#centerwrap{
		width:960px;
		height: 900px;
		/*background-color:#FFFFFF;*/
		margin:0 auto;
	}
	
		#header{
			height:185px;
			margin:0 auto;
			text-align:center;
			border: solid 0px red;
		}
		
			#header #lang{
				position:relative;
				float:left;
				width:70px;
				height:30px;				
				margin:0;
				padding:0;
				margin-left: 675px;
				text-align:center;
			}
		
			#header #logo{
				position:relative;
				float:left;
				width:600px;
				height:70px;				
				margin:0;
				padding:0;
				margin-left: 35px;
				margin-top:  19px;
				text-align:center;
				border: solid 0px red;
			}
		
			#header #tel-hour-date{
				position:relative;
				float:left;
				width:100px;
				height:70px;				
				margin:0;
				padding:0;
				margin-left: 5px;
				margin-top: 28px;
				text-align:right;
				border: solid 0px red;
				line-height:1.5em;
			}
		
			#header #video{
				position:relative;
				float:right;
				width:175px;
				height:140px;
				margin:0;
				padding:3px;
				margin-top: 0px;
				background-color:#A30505;
				color:#FFFFFF;
				text-align:center;
				border: solid 0px red;
			}
			
			#header #menu{
				position:relative;
				float:left;
				width:880px;
				height:25px;				
				margin:0;
				padding:0;
				margin-left: 30px;
				margin-top:   4px;
				border: solid 0px red;
			}
			
				#header #menu .menu-item{
					position:relative;
					float:left;
					height:18px;
					margin:0;
					padding:0;
					background-repeat:no-repeat;
					padding-top: 7px;
					margin-right:1px;
					text-align:center;
					border: solid 0px red;
				}
	
		#main{
			width:100%;
			height:auto;
			/*height: 500px;*/
			background-image:url('images/background-white.png');
			background-repeat:repeat-y;
			background-position:top left;
			margin:0 auto;
			text-align:center;
			border: solid 0px red;
		}
	
		#left{
			position:relative;
			float:left;
			width:730px;
			margin:0 auto;
			padding: 5px;
			padding-top: 10px;
			text-align:left;
			border: solid 0px red;
		}
			
			#left .box730{
				position:relative;
				float:left;
				width:730px;
				margin:0 auto;
				text-align:left;
			}
			
				#left .box730 .box730top{
					position:relative;
					float:left;
					width:730px;
					height:5px;
					margin:0 auto;
					text-align:left;
					background-image:url('images/box-730-top.png');
					background-repeat:no-repeat;
					font-size:1px;
				}
			
				#left .box730 .box730middle{
					position:relative;
					float:left;
					width:720px;
					height:auto;
					margin:0 auto;
					padding:0;
					padding-left: 6px;
					padding-right: 5px;
					text-align:left;
					background-image:url('images/box-730-middle.png');
					background-repeat:repeat-y;
					overflow:hidden;
				}
			
				#left .box730 .box730bottom{
					position:relative;
					float:left;
					width:730px;
					height:5px;
					margin:0 auto;
					text-align:left;
					background-image:url('images/box-730-bottom.png');
					background-repeat:no-repeat;
					font-size:1px;
				}
					
					#left .box730 .box730middle .titleMTS{
						position:absolute; 
						width:300px;
						height:auto;
						top:20px; 
						left:10px; 
						margin:0 auto;
						padding:0;
						margin-left: 230px;
						font-size: 25px;
						font-weight:bold;
						color:#951d1e;
						line-height:1.1em;
						border: solid 0px blue;
					}
					
					#left .box730 .box730middle .texteMTS{
						position:absolute; 
						width:290px;
						height:auto;
						top:90px; 
						left:10px; 
						margin:0 auto;
						padding:0;
						margin-left: 220px;
						font-size: 16px;
						font-weight:bold;
						font-style:italic;
						color:#951d1e;
						line-height:1.25em;
						border: solid 0px blue;
					}
					
					#left .box730 .box730middle .line700{
						position:relative;
						float:left;
						width:700px;
						height:15px;;
						margin:0 auto;
						padding:0;
						font-size:1px;
						background-image:url('images/line465.gif');
						background-repeat:repeat-x;
						background-position:center;
					}
			
			#left .box494{
				position:relative;
				float:left;
				width:494px;
				margin:0 auto;
				text-align:left;
				margin-right: 5px;
			}
			
				#left .box494 .box494top{
					position:relative;
					float:left;
					width:494px;
					height:20px;
					margin:0 auto;
					text-align:left;
					background-image:url('images/box-494-top.png');
					background-repeat:no-repeat;
					font-size:1px;
				}
				
				#left .box494 .box494middle{
					position:relative;
					float:left;
					width:469px;
					height:auto;
					margin:0 auto;
					padding:0;
					padding-left: 15px;
					padding-right: 10px;
					text-align:left;
					background-image:url('images/box-494-middle.png');
					background-repeat:repeat-y;
				}
			
				#left .box494 .box494bottom{
					position:relative;
					float:left;
					width:494px;
					height:20px;
					margin:0 auto;
					text-align:left;
					background-image:url('images/box-494-bottom.png');
					background-repeat:no-repeat;
					font-size:1px;
				}
					
					#left .box494 .box494middle .line465{
						position:relative;
						float:left;
						width:465px;
						height:15px;;
						margin:0 auto;
						padding:0;
						font-size:1px;
						background-image:url('images/line465.gif');
						background-repeat:no-repeat;
						background-position:center;
					}
					
					#left .box494 .box494middle .box465{
						position:relative;
						float:left;
						width:465px;
						height:auto;
						margin:0 auto;
						padding:0;
						text-align:left;
						border:solid 0px red;
						overflow:hidden;
					}
						
						#left .box494 .box494middle .box465 .img{
							position:relative;
							float:left;
							width:140px;
							height:93px;
							margin:0 auto;
							padding:0;
							text-align:left;
							border:solid 0px red;
						}
						
						#left .box494 .box494middle .box465 .title{
							position:relative;
							float:left;
							width:320px;
							height:20px;
							margin:0 auto;
							padding:0;
							text-align:left;
							font-size: 14px;
							font-weight:bold;
							border:solid 0px red;
						}
						
						#left .box494 .box494middle .box465 .text{
							position:relative;
							float:left;
							width:320px;
							height:73px;
							margin:0 auto;
							padding:0;
							text-align:left;
							font-size: 12px;
							overflow:hidden;
							border:solid 0px red;
						}
			
			
			
			#left .box218{
				position:relative;
				float:left;
				width:218px;
				margin:0 auto;
				text-align:left;
				/*margin-left: 5px;*/
			}
			
				#left .box218 .box218top{
					position:relative;
					float:left;
					width:218px;
					height:20px;
					margin:0 auto;
					text-align:left;
					background-image:url('images/box-218-top.png');
					background-repeat:no-repeat;
					font-size:1px;
				}
			
				#left .box218 .box218middle{
					position:relative;
					float:left;
					width:198px;
					height:auto;
					margin:0 auto;
					padding:0;
					padding-left: 10px;
					padding-right: 10px;
					text-align:left;
					background-image:url('images/box-218-middle.png');
					background-repeat:repeat-y;
				}
			
				#left .box218 .box218bottom{
					position:relative;
					float:left;
					width:218px;
					height:20px;
					margin:0 auto;
					text-align:left;
					background-image:url('images/box-218-bottom.png');
					background-repeat:no-repeat;
					font-size:1px;
				}
					
					#left .box218 .box218middle .line205{
						position:relative;
						float:left;
						width:195px;
						height:15px;;
						margin:0 auto;
						padding:0;
						font-size:1px;
						background-image:url('images/line205.gif');
						background-repeat:no-repeat;
						background-position:center;
					}
					
					#left .box218 .box218middle .line170{
						position:relative;
						float:left;
						width:170px;
						height:10px;;
						margin:0 auto;
						padding:0;
						font-size:1px;
						background-image:url('images/line170.gif');
						background-repeat:no-repeat;
						background-position:center;
					}
					
					#left .box218 .box218middle .boxlitext{
						position:relative;
						float:left;
						width:195px;
						margin:0 auto;
						padding:0;
						border: solid 0px red;
					}
						
						#left .box218 .box218middle .boxli{
							position:relative;
							float:left;
							width:30px;
							height:20px;
							margin:0 auto;
							padding:0;
							background-image:url('images/red-button.gif');
							background-repeat:no-repeat;
							background-position: 7px 1px;
							border: solid 0px red;
						}
						
						#left .box218 .box218middle .boxtext{
							position:relative;
							float:left;
							width:165px;
							height:auto;
							margin:0 auto;
							padding:0;
							font-weight:bold;
							border: solid 0px red;
							border-bottom: solid 1px #e7e7e7;
							padding-bottom: 9px;
							margin-bottom: 15px;
						}
			
			
			
			#left .box717{
				position:relative;
				float:left;
				width:717px;
				margin:0 auto;
				text-align:left;
			}
			
				#left .box717 .box717top{
					position:relative;
					float:left;
					width:717px;
					height:20px;
					margin:0 auto;
					text-align:left;
					background-image:url('images/box-717-top.png');
					background-repeat:no-repeat;
					font-size:1px;
				}
			
				#left .box717 .box717middle{
					position:relative;
					float:left;
					width:697px;
					height:auto;
					margin:0 auto;
					padding:0;
					padding-left: 10px;
					padding-right: 10px;
					text-align:left;
					background-image:url('images/box-717-middle.png');
					background-repeat:repeat-y;
				}
					
					#left .box717 .box717middle .echange700{
						position:relative;
						float:left;
						width:695px;
						height:auto;
						margin:0 auto;
						padding:0;
						text-align:left;
						border:solid 0px red;
						overflow:hidden;
					}
						
						#left .box717 .box717middle .echange700 .tab{
							position:relative;
							float:left;
							width:110px;
							height:20px;
							margin:0 auto;
							padding:0;
							margin-right:3px;
							padding-top:5px;
							text-align:center;
							color:#FFFFFF;
							font-weight:bold;
							background-image:url('images/tab-echange-out.gif');
							background-repeat:no-repeat;
							cursor:pointer;
							border:solid 0px red;
							overflow:hidden;
						}
						
						#left .box717 .box717middle .echange700 .tabLine{
							position:relative;
							float:left;
							width:695px;
							height:3px;
							margin:0 auto;
							padding:0;
							text-align:left;
							font-size:1px;
							background-image:url('images/tab-echange-line.gif');
							background-repeat:no-repeat;
							border:solid 0px red;
						}
						
						#left .box717 .box717middle .echange700 .tabContent{
							position:relative;
							float:left;
							width:675px;
							height:auto;
							margin:0 auto;
							padding:10px;
							text-align:left;
							background-color:#f5f5f5;
							border:solid 0px red;
							overflow:hidden;
						}
					
					#left .box717 .box717middle .box700{
						position:relative;
						float:left;
						width:675px;
						height:auto;
						margin:0 auto;
						padding:10px;
						text-align:left;
						border:solid 1px #CCCCCC;
						overflow:hidden;
					}
					
					#left .box717 .box717middle .box340{
						position:relative;
						float:left;
						width:345px;
						height:auto;
						margin:0 auto;
						padding:0;
						text-align:left;
						border:solid 0px red;
						overflow:hidden;
					}
						
						#left .box717 .box717middle .box340 .img{
							position:relative;
							float:left;
							width:110px;
							height:70px;
							margin:0 auto;
							padding:0;
							text-align:left;
							border:solid 0px red;
						}
							
						#left .box717 .box717middle .box340 .title{
							position:relative;
							float:left;
							width:220px;
							height:20px;
							margin:0 auto;
							padding:0;
							text-align:left;
							font-size: 12px;
							font-weight:bold;
							border:solid 0px red;
						}
						
						#left .box717 .box717middle .box340 .text{
							position:relative;
							float:left;
							width:230px;
							height:45px;
							margin:0 auto;
							padding:0;
							text-align:left;
							font-size: 11px;
							overflow:hidden;
							border:solid 0px red;
						}
			
				#left .box717 .box717bottom{
					position:relative;
					float:left;
					width:717px;
					height:20px;
					margin:0 auto;
					text-align:left;
					background-image:url('images/box-717-bottom.png');
					background-repeat:no-repeat;
					font-size:1px;
				}
	
		#right{
			position:relative;
			float:left;
			width:218px;
			margin:0 auto;
			padding: 0;
			text-align:left;
			padding-top: 10px;
			border: solid 0px red;
		}
	
			#right #slogan{
				position:relative;
				float:left;
				width:188px;
				height:70px;
				padding: 15px;
				background-image:url('images/box-218-red.gif');
				background-repeat:no-repeat;
				font-size: 18px;
				font-weight:normal;
				color:#FFFFFF;
				line-height: 1.2em;
				padding-top: 15px;
				border: solid 0px blue;
			}
			
			#right .box218{
				position:relative;
				float:left;
				width:218px;
				margin:0 auto;
				text-align:left;
				/*margin-left: 5px;*/
			}
			
				#right .box218 .box218top{
					position:relative;
					float:left;
					width:218px;
					height:20px;
					margin:0 auto;
					text-align:left;
					background-image:url('images/box-218-top.png');
					background-repeat:no-repeat;
					font-size:1px;
				}
			
				#right .box218 .box218middle{
					position:relative;
					float:left;
					width:198px;
					height:auto;
					margin:0 auto;
					padding:0;
					padding-left: 10px;
					padding-right: 10px;
					text-align:left;
					background-image:url('images/box-218-middle.png');
					background-repeat:repeat-y;
				}
				
					#right .box218 .box218middle .line189{
						position:relative;
						float:left;
						width:189px;
						height:10px;;
						margin:0 auto;
						padding:0;
						font-size:1px;
						background-image:url('images/line189.gif');
						background-repeat:no-repeat;
						background-position:center;
					}
			
				#right .box218 .box218bottom{
					position:relative;
					float:left;
					width:218px;
					height:20px;
					margin:0 auto;
					text-align:left;
					background-image:url('images/box-218-bottom.png');
					background-repeat:no-repeat;
					font-size:1px;
				}
			
			#right #etrecontacte{
				position:relative;
				float:left;
				width:208px;
				height:26px;
				padding: 5px;
				margin-top: 12px;
				font-size: 12px;
				color:#ffffff;
				font-weight:bold;
				background-image:url('images/box-218-26-red.gif');
				background-repeat:no-repeat;
			}
			
			#right #links{
				position:relative;
				float:left;
				width:208px;
				height:143px;
				margin:0;
				padding-left: 5px;
				padding-right: 5px;
				color:#FFFFFF;
				background-image:url('images/box-218-menu-1.png');
				background-repeat:no-repeat;
			}
				
				#right #links .link{
					position:relative;
					float:left;
					width:150px;
					height:23px;
					padding: 5px;
					margin-left:10px;
					padding-top: 1px;
					border:solid 0px white;
				}
			
			#right #news{
				position:relative;
				float:left;
				width:198px;
				height:107px;
				margin:0;
				padding: 10px;
				color:#FFFFFF;
				background-image:url('images/box-218-menu-2.png');
				background-repeat:no-repeat;
				overflow:hidden;
			}
			
			#right #login{
				padding: 5px;
				border: solid 1px blue;
			}
		
		#footer{
			width:100%;
			height:155px;
			margin:0 auto;
			text-align:center;
			background-image:url('images/footer.png');
			background-repeat:no-repeat;
			border: solid 0px red;
		}
			
			#footer #footer1{
				position:relative;
				float:left;
				width:740px;
				height:auto;
				margin:0 auto;
				text-align:left;
				color:#FFFFFF;
				border: solid 0px red;
			}
			
			#footer #footer2{
				position:relative;
				float:left;
				width:200px;
				height:auto;
				margin:0 auto;
				text-align:left;
				font-size:11px;
				font-weight:bold;
				color:#FFFFFF;
				border: solid 0px red;
			}
	


/* -----------------------------------------------------------------------------------------*/
	
	
	
	
	
	
	input, textarea {
		border: solid 1px #999999;
		background-color:#F3F3F3;
		font-size: 12px;
	}
	
	input[type="image"] {
		border: solid 0px #999999;
		font-size: 12px;
	}
	
	input[type="button"], input[type="submit"]  {
		border: solid 1px #999999;
		background-color:#FEF1F2;
		font-size: 12px;
	}
	
	.noborder {
		border: solid 0px #999999;
	}
	
	
	
	.td_red {
		height:30px;
		background-color:#9a1515;
		color:#FFFFFF;
		font-weight:bold;
	}
	
	
	
	#bdd-texte {
		width: 900px;
		margin:0 auto;
		padding:0;
		font-size: 12px;
		text-align:justify;
		line-height: 120%;
	}
	
	.red1 {
		color:#8f2829;
	}
	
	.red1b {
		color:#8f2829;
		font-weight:bold;
	}
	
	
	.menu_top {
		font-size: 10px;
		color:#ffffff;
		font-weight:bold;
		text-transform: uppercase;
	}
	
	.menu_top:hover {
		font-size: 10px;
		color:#ffffff;
		font-weight:bold;
		text-decoration:underline;
		text-transform: uppercase;
	}
	
	
	.white12b {
		font-size: 12px;
		color:#ffffff;
		font-weight:bold;
	}
	
	.white12b:hover {
		font-size: 12px;
		color:#ffffff;
		font-weight:bold;
		text-decoration:underline;
	}
	
	
	.red11 {
		font-size: 11px;
		color:#951d1e;
	}
	
	.red11:hover {
		font-size: 11px;
		color:#951d1e;
		text-decoration:951d1e;
	}
	
	
	.red12b {
		font-size: 12px;
		color:#951d1e;
		font-weight:bold;
	}
	
	.red12b:hover {
		font-size: 12px;
		color:#951d1e;
		font-weight:bold;
		text-decoration:951d1e;
	}
	
	
	.lien {
		font-size: 12px;
		color:#000099;
		font-weight:bold;
	}
	
	.lien:hover {
		font-size: 12px;
		color:#000000;
		font-weight:bold;
		text-decoration:underline;
	}