/* © CCS - Atoutpixel.com | contact@atoutpixel.com */
	
		
	body  {
	
    	font: 12px Arial, Helvetica, sans-serif;
    	background: #FFFFFF;
    	margin: 0px;
    	padding: 0px;
    	text-align: center; 
    	color: #6e8f9c;
		
    }
	
	#logo { 
	
    	background: #FFFFFF;
    	margin: 0px; 
    	text-align: left;
		
    }
	
	#newsletter { 
	
    	background: url(charte/newsletter_bg.jpg) repeat-y #FFFFFF;
		margin: 0px; 
    	text-align: left;
		
    }
	
	#header { 
	
    	background: url(charte/header.jpg) no-repeat #EDFCFD;
		margin: 0px;
		width: 688px;
		height: 80px;
    	text-align: left;
		
    }
	
	#actu { 
    	
		background: #e7f9fb;
		margin: 0px;
		padding: 0px 15px 15px 15px;
		height: 95px;
		text-align: left;
		
    }
	
	.titreactu {
	
		color: #59A6B5;
		font-size: 14px;
		font-weight: bold;
		text-decoration: none;
		
		
		
    }
	
	
	a {
		
		color: #00A5C3;
				
    }
	
	a:hover {
		
		color: #00A5C3;
				
    }
	
	#img { 
	
    	background: #FFFFFF;
    	margin: 0px; 
    	text-align: left;
    
	}	
	
	#contenu { 
	
    	margin: 0px;
		padding: 0px 20px 20px 20px;
		text-align: left;
    
	}
	
	#contenu h1 {
	
		color: #59a6b5;
		font-size: 26px;
			
    }		
		
    #page { 
	 
    	width: 909px;  
    	background: #FFFFFF;
    	margin: 0px auto; 
    	text-align: left;
		 
    } 
	
    #sidebar {
	
    	float: left; 
    	width: 204px;
    	background: #FFFFFF;
    	padding: 0px;
		
    }
	
	#menu {
		
		width: 204px;
		margin: 0px;
		padding: 0px;
		background: #FFFFFF;
    	text-align: left;
	}

	#menu ul {
	
		background: transparent url(charte/menuh.jpg) 0 0 no-repeat;
		height: 465px;
		margin: 0px;
		padding: 0px 0px 0px 8px;
				
	}
	
	#menu li {
	
		margin: 0px;
		padding: 0px;
		height: 39px;
		list-style-type: none;
		display: inline;
		
	}

	#menu li a {
	
		height: 39px;
		margin: 0px;
		padding: 0px;
		display: block;
		float: left;
		
	}
		
  	.m1 a {
	
		width: 188px;
		background: transparent url(charte/menu.jpg) top left no-repeat;
		background-position: 0px 0px;
		
	}

	.m1 a:hover {
	
		background-position: -188px 0px;
	}

	.m2 a {
	
		width: 188px;
		background: transparent url(charte/menu.jpg) top left no-repeat;
		background-position: 0px -39px;
	
	}

	.m2 a:hover {
	
		background-position: -188px -39px;
	
	}

	.m3 a {
	
		width: 188px;
		background: transparent url(charte/menu.jpg) top left no-repeat;
		background-position: 0px -78px;
		
	}

	.m3 a:hover {
	
		background-position: -188px -78px;
	}

	.m4 a {
	
		width: 188px;
		background: transparent url(charte/menu.jpg) top left no-repeat;
		background-position: 0px -117px;
	
	}

	.m4 a:hover {
	
		background-position: -188px -117px;
	
	}

	.m5 a {
	
		width: 188px;
		background: transparent url(charte/menu.jpg) top left no-repeat;
		background-position: 0px -156px;
		
	}

	.m5 a:hover {
	
		background-position: -188px -156px;
	
	}

	.m6 a {
	
		width: 188px;
		background: transparent url(charte/menu.jpg) top left no-repeat;
		background-position: 0px -195px;
		
	}

	.m6 a:hover {
	
		background-position: -188px -195px;
		
	}

	.m7 a {
	
		width: 188px;
		background: transparent url(charte/menu.jpg) top left no-repeat;
		background-position: 0px -234px;
		
	}

	.m7 a:hover {
	
		background-position: -188px -234px;
		
	}

	.m8 a {
	
		width: 188px;
		background: transparent url(charte/menu.jpg) top left no-repeat;
		background-position: 0px -273px;
		
	}

	.m8 a:hover {
	
		background-position: -188px -273px;
		
	}

	.m9 a {
	
		width: 188px;
		background: transparent url(charte/menu.jpg) top left no-repeat;
		background-position: 0px -312px;
		
	}
	
	.m9 a:hover {
	
		background-position: -188px -312px;
		
	}
	
	.m10 a {
	
		width: 188px;
		background: transparent url(charte/menu.jpg) top left no-repeat;
		background-position: 0px -351px;
		
	}
	
	.m10 a:hover {
	
		background-position: -188px -351px;
		
	}
	
	.m11 a {
	
		width: 188px;
		background: transparent url(charte/menu.jpg) top left no-repeat;
		background-position: 0px -390px;
		
	}
	
	.m11 a:hover {
	
		background-position: -188px -390px;
		
	}
	
		.m12 a {
	
		width: 188px;
		background: transparent url(charte/menu.jpg) top left no-repeat;
		background-position: 0px -429px;
		
	}
	
	.m12 a:hover {
	
		background-position: -188px -429px;
		
	}
	
	#main { 
	
    	margin: 0px 0px 0px 220px; 
    	padding: 0px; 
		
    } 
	
    #footer { 
	 
    	padding: 0px 10px 0px 20px;
    	background: url(charte/footer.jpg) no-repeat #B1F0F7;
		height: 63px; 
		
    } 
    
	#footer p {
	
    	margin: 0px; 
        padding-top: 17px;
		color: #4BBCCF;
		font-size: 11px;
    
	}
	
	.haut {
	
    	font-size: 11px;
		color: #FFFFFF; 
		padding: 38px 13px 0px 0px;
		float: right;
    
	}
	
	
	
		.haut a {
	
    	color: #FFFFFF;
		text-decoration: none; 
		    
	}
	
	.haut a:hover {
	
    	color: #FFFFFF;
		text-decoration: none;  
		    
	}
	
		.copy {
	
    	float: left;
    
	}
	
	.date {
	
    	float: right; 
		color: #A7B9C1;
    
	}
	
	img { 
	
    	border: 0px;
		
    }
	
	.fr { 
	
    	float: right; 
		padding: 10px 5px 0px 0px;

	}
	
	.en { 
	
    	float: right; 
		padding: 10px 15px 0px 0px;

	}
	
	.newsvalider {
		
		border: none; 
		width: 63px;
		height: 33px;
		margin-left: 24px;
		
	}
	
	.newsresilier {
		
		border: none;
		width: 66px; 
		height: 33px;
		
	}
	
	#textfield {
	
		width: 145px;
		margin-left: 24px;
		color: #a4acb9; 
		border: 1px solid #B2E4ED;
		
	}
	
	h4 {
		
		color: #68A7B9;
		
	}
	
	h2 {
	
	font-size:16px;
		
	}