/* CSS Document */

html, body{height:100%;}

body{
margin:0;
padding:0;
background:#494949 url('../images/body_bg.gif') repeat-y top center;
font:12px/16px Arial, Helvetica, sans-serif;
color:#333;
}

/*STRUCTURE*/

#container{
margin:0 auto;
width:960px;
min-height:100%;
_height:100%; /*ie6 hack*/
background:#fff url('../images/container_bg.gif') repeat-y left;
}
#marge{padding-bottom:80px;}

	#left{
	float:left;
	width:255px;
	background-color: #494949;
	}
		
			#logoFlash{
			margin:50px 0 108px 0;
			padding-right:50px;
			}
		
			#menu{
			margin:0 28px 50px 20px;
			padding:0;
			line-height:normal;
			}
			
				#menu li{
				padding:0;
				margin:12px 0;
				background-image:none;
				}
				
					#menu li a{
					text-decoration:none;
					font:12px 'Century Gothic', sans-serif;
					color:#fff;
					padding-left:15px;
					}
					
					#menu #current,
					#menu li a:hover{
					/*color:#a3acb2;*/
					color:#b5113e;
					}
					
					#menu #current{
					font-size:14px;
					background:transparent url('../images/menu-current.gif') no-repeat left center;
					
					}
					
					#sousMenu{
					margin:0 0 30px 30px;
					padding:0;
					}
					
						#sousMenu li{
						list-style:none none;
						padding:0;
						margin:10px 0;
						}
					
							#sousMenu li a{
							text-decoration:none;
							font-size:11px;
							color:#d1d5d8;
							padding:0;
							}
							
							#sousMenu li a:hover{color:#fff;}
							#sousMenu li a.current{color:#9e1c41; /*color:#b91d48;*/}
							
			#boiteAdresse{margin:80px 25px 0 35px;}
			#boiteAdresse h3{
			margin:0 0 20px 0;
			color:#aaa;
			}
			#boiteAdresse h3 a{
			color:#aaa;
			}
			#boiteAdresse p{
			color:#ccc;
			}
							
					
	#right{
	margin-left:255px;
	}
			#imageTop{
			display:inline;
			background-color:#fff;
			height:215px;
			width:705px;
			position:absolute;
			z-index:1;
			border-bottom:1px solid #ccc;
			}
				#imageTop img{border:0;}
			
			#subMenu{
			position:absolute;
			top:205px;
			width:705px;
			z-index:2;
			}
			
			#subMenu ul{
			text-align:right;
			}
			
				#subMenu li{display:inline; background-image:none; padding:0;}
				
				#subMenu .langue a{padding-left:14px; border-left:1px solid #828a8e;}
				
					#subMenu li a{
					font-size:11px;
					color:#828a8e;
					text-decoration:none;
					margin-left:10px;
					}
					
					#subMenu .current,
					#subMenu li a:hover{
					color:#525659;
					text-decoration:underline;
					}
	
					
		#page{
		width:670px;
		overflow:hidden;
		padding:258px 0 0 30px;
		text-align:justify;
		zoom:1;/*ie6 hack*/
		}
			#sousSection{
			margin:0;
			}
			
				#sousSection li{display:inline; background-image:none;  padding:0;}
				
					#sousSection li a{
					color:#828a8e;
					text-decoration:none;
					margin-right:10px;
					}
					
					#sousSection .current,
					#sousSection li a:hover{
					color:#525659;
					text-decoration:underline;
					}
				
					.videoTmb{margin-bottom:20px; text-align:left;}
					#medias .videoTmb{float:left; margin:0 6px 10px 6px; width:200px;}
					#medias .videoTmb p{height:33px; margin:0 0 8px 0;}

					
					#left .videoTmb{
					margin:0 0 10px 20px;
					text-align:left;
					color:#a3acb2;
					}
					
					#left .serieImage, #colRight .serieImage{
					margin:0 0 20px 0;
					text-align:center;
					}
	
					#left .serieImage img, #colRight .serieImage img{margin:4px 0; border:1px solid #ccc}	

			
		#footer{
	margin:-80px auto 0 auto;
	width:960px;
	height:80px;
	text-align:left;
	overflow:hidden;
	background:#fff url('../images/container_bg.gif') repeat-y left;
	background-color: #494949;
		}
		
			#footer img{border:0; margin-left:80px;}
			#footer p{margin:0; padding:0; font-size:2px; color:#494949;}
		
/*STRUCTURE -fin-*/

/*BALISE STANDARD*/

a img{border:1px solid #ccc;}
	a:hover img{border:1px solid #e3e6e8;}

a{color:#b5113e;}
a:hover{text-decoration:none;}

a:active, a:focus {
outline:0;
}

p{margin:0 0 16px 0;}

h1, h2, h3, h4, h5, h6, caption, .listeTitre{
font-family: 'Century Gothic', sans-serif;
line-height:normal;
font-weight:normal;
text-align:left;
}

h1{
padding:0;
margin:0 0 20px 0;
font-size:24px;
color:#494949;
}
	h1 span {
	font-size:18px;
	}
	
h2{
padding:0;
margin:36px 0 18px 0;
font-size:18px;
color:#b5113e;
clear:left;
}

	h2 span{
	font-size:14px;
	}

	
h3{
padding:0;
margin:32px 0 10px 0;
font-size:16px;
}

	h3 span{
	font-size:14px;
	color:#666;
	}
	
h4{
padding:0;
margin:28px 0 10px 0;
font-size:12px;
font-weight:bold;
}

ul, ol{
padding:0;
margin:15px 0 15px 30px;
text-align:left;
}
	
	li {margin:8px 0;}

ul{
margin-left:10px;
}

	ul li{
	list-style-type:none;
	background:transparent url('../images/puce.gif') no-repeat left .5em;
	padding-left:15px;
	}
	
	.listeTitre{
	font-size:16px;
	}
	
		.listeTitre span, li{
		font:12px/18px Arial, Helvetica, sans-serif;
		}

dl{margin:0 0 16px 0;}

	dt{
	font-weight:bold;
	}		
	
	dd{
	margin:0 0 10px 0;
	}	

blockquote{
margin:0 10px;
padding:2px 0 8px 10px;
color:#666;
border-left:1px solid #d1d5d8;
}

	blockquote p{margin:8px 0 10px 0;}

hr{
height:1px; 
border-top:1px solid #b5113e;
margin:30px 0;
display:block;
background-color:none;
border-bottom:0;
padding:0;
clear:both;
}

sup{
vertical-align:top;
font-size:.8em;
}

table{
border-collapse:collapse;
width:100%;
}

	caption{
	display:none;
	}
	
	td, th{padding:9px 0 1px 0; border-bottom:1px solid #d1d5d8;}
	th span{font-weight:normal;}
	
	tr:hover{background-color:#f5f5f5;}

/*BALISE STANDARD -fin-*/

/*CLASS*/

.first{margin-top:0;}

.left{float:left; margin:0 20px 16px 0;}
.right{float:right; margin:0 0 80px 25px;}

.listeServices h3{
margin-top:60px;
}
	.listeServices h3.first{
	margin-top:0;
	}

ul.sansPuce{
margin-left:0;
}

	ul.sansPuce li{
	background-image:none;
	padding:0;
	}

p.hautPage{
margin-top:30px;
text-align:right;
}

	.hautPage a{
	font-size:11px;
	color:#828a8e;
	text-decoration:none;
	margin-left:10px;
	}
						
	.hautPage a:hover{
	color:#525659;
	text-decoration:underline;
	}

.intro{
font: 13px/20px 'Century Gothic', sans-serif;
color:#7a7d7f;
padding:2px 8px 8px 18px;
margin-bottom:36px;
border-left:2px solid #d1d5d8;
}

	.intro p{
	margin:8px 0 10px 0;
	}

	.intro h2{
	font-size:22px;
	line-height:normal;
	color:#7a7d7f;
	text-align:left;
	margin:8px 0 10px 0;
	}
	
	.intro h2 span{
	font-size:16px;
	}

.note, .notesBas{font-size:10px; line-height:normal;}

.note{margin-top:30px;}

.notesBas{
margin-top:50px;
padding-top:8px;
border-top:1px solid #d1d5d8;
}

	.notesBas dl{margin:0;}
	

.oragesignature img{border:0;}
.oragesignature span{display:none;}

.clear{clear:both;}

.serieImage{
margin-bottom:18px;
text-align:left;
}

	.serieImage img{margin:4px;}


p.lienVideos{
margin-top:20px;
}
	p.lienVideos a{
	background: url('../images/video-icon.gif') no-repeat bottom left;
	padding:10px 0 0 25px;
	}
	
.boiteInfo{
border:1px dashed #d1d5d8;
padding:10px;
background-color:#f5f5f5;
}
	.boiteInfo table{margin-bottom:0;}
	
/*form*/

.formulaire{margin-top:16px; text-align:left;}

form{margin:0; padding:0;}

form p{margin-bottom:8px;}
form .checkBox p{display:inline; background-color:red;}

.infoBloc01, .infoBloc02{
width:260px;
float:left;
}

label{
display:block;
float:left;
width:90px;
text-align:right;
padding:3px 8px 3px 0;
}

fieldset{
border:1px solid #999;
}

fieldset legend{font-color:#000;}

.checkBox label{
float:none;
width:auto;
text-align:left;
display:inline;
padding:0 8px 0 0;
}

.floatInput label{
float:none;
width:auto;
text-align:left;
}
.floatInput p{
float:left;
margin:0;
}
.floatInput fieldset{
float:left;
width:200px;
padding:5px 25px 20px 25px;
margin:0 5px 0 0;
}

.infoBloc01 input{width:150px;}
.infoBloc02 input{width:160px;}
.infoBloc02 select{width:160px;}
.infoBloc02 label{width:80px;}

textarea{width:515px; max-width:515px;}

.bouton{text-align:left;}
	.bouton input{
	margin:16px 0 0 8px;
	width:auto;
	cursor:pointer;
	}
	.bouton input:hover{
	}
/*form -fin-*/