body,img,table,div,span,p,form,fieldset,h1,h2,h3,h4,h5,h6{
margin:0px;
padding:0px;
border:0px;
border:0px;
margin:0px;
padding:0px;
}
body{
color:#353333;
background:#E8E5E5;
font-family:"Arial";
}
a{
text-decoration:none;
color:#7C7C7C;
}
/*--- PAGE ----*/
#page{
display:block;
width:980px;
margin:auto;
padding:10px 0px;
background:#FFF;
}
#page_ctnu{
float:left;
width:730px;
margin-left:10px;
}
#page_ctnu h1{
display:block;-moz-border-radius: 10px 0px 0px 10px; -webkit-border-radius:10px 0px 0px 10px;border-radius:10px 0px 0px 10px;
padding:8px;
background:#4F4F4F;
color:#FFF;
text-shadow:#111 0px 1px 1px;
font-size:15pt;
margin:5px;
}
.article{
display:block;
text-align:justify;
padding:5px 10px;
font-size:14px;
line-height:14pt;
}
.article p{
margin-top:10px;
}
.article a{
color:#7C7C7C;
text-decoration:none;
}

/*--- MENU ----*/
#page_menu{
float:right;margin-right:5px;
display:block;
width:220px;
-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;
}
#page_menu_block{
padding-bottom:5px;
}
#page_menu h2{
display:block;
padding:5px 10px 3px 0px;
color:#4F4F4F;
font-size:15pt;
font-weight:bold;
margin:5px 0px;
}
a.menu_link{
display:block;
font-size:10pt;
padding:12px 10px;
color:#FFF;
text-shadow:#111 0px 1px 1px;
background:#4F4F4F;
margin:5px 0px;
-moz-border-radius:0px 10px 10px 0px; -webkit-border-radius:0px 10px 10px 0px;border-radius:0px 10px 10px 0px;
-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;
}

/*--- FOOTER ----*/
#footer{
display:block;
width:980px;
margin:auto;
text-align:center;
background:#4F4F4F;
color:#FFF;
font-size:10pt;
padding:10px 0px;
-moz-border-radius:0px 0px 10px 10px; -webkit-border-radius:0px 0px 10px 10px;border-radius:0px 0px 10px 10px;
}
#footer a{
color:#FFF;
}
/*footer links*/
.footer_links{display:block;width:950px;margin:auto;}
.footer_links a{float:left;text-align:left;width:225px;padding:5px;}
#form_contact{
width:500px;
background:#4F4F4F;
border:1px solid #CCC;
margin: 20px auto;
-moz-border-radius:8px; -webkit-border-radius:8px;border-radius:8px;
}

/*Liens footer + boutons social*/
#liens_footer{
float:right;
position:relative;
left:-50%;
text-align:left;
}
#liens_footer ul{
list-style:none;
position:relative;
left:50%;
}
#liens_footer li{float:left;position:relative;margin-left:4px}
#liens_footer li.ml::before {content: "- ";}
#liens_footer .fb {margin-left:10px;}
#liens_footer .g1 {width:64px;}
#liens_footer .fb, #liens_footer .g1, #liens_footer .tw {margin-top:-3px;}


/* Responsive */

@media all and (max-width: 1024px) {
	#page, #footer {
		width: 96%
	}
	
	#page_ctnu {
		width: 70%
	}
	
	#page_ctnu h1 {
		font-size: 13pt;
		min-height: 41px;
		box-sizing: border-box !important;
	}
	
	#page_menu {
		width: 28%
	}	
	
}

@media all and (max-width: 780px) {

	#page_ctnu, #page_menu {
		width: 98%;
		margin: 0 auto;
	}
	
	#page_ctnu h1, a.menu_link {
		border-radius: 10px;
	}
	
	#footer {
		margin-bottom: 10px
	}
	
	#liens_footer {
		text-align: center;
	}
	
	#liens_footer li {
		display: inline;
		margin-bottom: 8px;
	}
	
	#liens_footer ul {
		padding: 0;
	}
	
	.fb, .g1, .tw { display: none !important }
}