@CHARSET "ISO-8859-1";

*{
	margin:0;
}

body{
	background:#fafbf7 url(img/bandeau.jpg) no-repeat top center;
}

#global{
	display:block;
	width:1000px;
	position:relative;
	margin:0 0 0 -500px;
	left:50%;
}

/************************** TOP *****************************/
.top{
	display:block;
	width:1000px;
	height:110px;
}

	.top .titles{
		display:block;
		width:320px;
		height:75px;
		margin:10px 10px 0 10px;
	}

		.top .titles h1{
			font-family:Myriad Pro, Arial;
			font-weight:bold;
			font-size:18px;
			color:#ffffff;
			line-height:28px;
			white-space:nowrap;
		}
		
		.top .titles h1 .color1{color:#f7c503;}
		.top .titles h1 .color2{color:#7aa4fe;}
		
		.top .titles h2{
			font-family:Myriad Pro, Arial;
			font-weight:bold;
			font-size:15px;
			color:#f7c503;
			line-height:15px;
		}
		
		.top .titles h3{
			text-align:right;
			font-family:Myriad Pro, Arial;
			font-weight:normal;
			font-size:12px;
			color:#ffffff;
			line-height:12px;
		}

	.top .menu{
		display:block;
		width:938px;
		padding:0;
	}	
	
		.top .menu li{
			display:block;
			padding:0px 0px 0 0px;
			margin:0 0px 0 3px;
			float:right;
			width:135px;
			background:transparent url(img/bouton_g.png) no-repeat top left;
		}
		
		.top .menu li.last{margin:0 0px 0 100px;}
	
		.top .menu li a{
			display:block;
			height:20px;
			padding:2px 10px 0 10px;
			background:transparent url(img/bouton_d.png) no-repeat top right;
			
			font-family:Arial;
			font-weight:bold;
			font-size:11px;
			color:#0c3da4;
			text-decoration: none;
			text-align:center;
		}
		

/************************** CENTER *****************************/
.center{
	display:block;
	width:1000px;
	float:left;
	background:transparent url(img/liseret2.jpg) no-repeat bottom left;
}

	.center .menu{
		display:block;
		float:left;
		width:156px;
		background:transparent url(img/liseret.jpg) no-repeat top left;
	}
	
	
	.center .menu .verdana_10_rouge{
		color:#0C3DA4;
	}
	
	
	.center .menu .souscription{
		display:block;
		width:156px;
		padding:26px 0 0px 0;
		
		font-family:Arial;
		font-weight:bold;
		font-size:24px;
		color:#0c3da4;
		text-decoration: none;
		text-align:center;
		line-height:24px;
	}
	
		.center .menu .souscription strong{
			font-family:Arial;
			font-weight:bold;
			font-size:42px;
			color:#0c3da4;
			line-height:42px;
		}
	
		.center .menu .souscription sup{
			font-family:Arial;
			font-weight:normal;
			font-size:21px;
			color:#0c3da4;
			line-height:21px;
		}
	
	.center .menu ul{
		display:block;
		margin:40px 0 0 0;
		padding:0;
	}
	
		.center .menu ul li{
			display:block;
			width:156px;
			background:transparent url(img/fleche_j.jpg) no-repeat 5px center;
		}
		
		.center .menu ul li:hover, .center .menu ul li.actif{background-image:url(img/fleche_b.jpg);}
	
		.center .menu ul li span, .center .menu ul li a{
			display:block;
			padding:10px 0 10px 26px;
			
			font-family:Arial;
			font-weight:bold;
			font-size:14px;
			color:#0c3da4;
			text-decoration:none;
		}

	.center .content{
		display:block;
		float:left;
		width:820px;
		overflow-x:scroll;
		padding:0px 0 0px 12px;
	}

		.center .content strong.title{
			display:block;
			background:transparent url(img/carre.jpg) no-repeat top left;
			padding:0px 0 0px 25px;
			margin:20px 0 10px 0;
			
			font-family:Arial;
			font-weight:bold;
			font-size:18px;
			color:#f7c603;
		}
	
		.center a.btn_h{
			display:block;
			width:120px;
			background:transparent url(img/bouton_h.png) no-repeat top center;
			text-decoration: none;
		}
	
		.center a.btn_h span{
			display:block;
			width:120px;
			padding:3px 0px 3px 0px;
			background:transparent url(img/bouton_b.jpg) no-repeat bottom center;
			cursor:pointer;
			
			font-family:Arial;
			font-weight:bold;
			font-size:11px;
			color:#0c3da4;
			text-decoration: none;
			text-align:center;
			text-decoration: none;
			line-height: 12px;
		}
		

/************************** FOOT *****************************/

.credits{
	display:block;
	clear:both;
	float:left;
	width:990px;
	margin:10px 0 0 0px;
	padding:10px 0 0 10px;
	border-top: 1px solid #d3e1f9;
	
	font-family:Arial;
	font-weight:bold;
	font-size:9px;
	color:#7aa4fe;
}

	.credits a{
		font-family:Arial;
		font-weight:bold;
		font-size:9px;
		color:#7aa4fe;
		text-decoration:none;
	}