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:#4F4F4F;
}
/*--- PAGE ----*/
#page{
display:block;
width:980px;
margin:auto;
padding:10px 0px;
background:#FFF;
}
#page_ctnu{
float:left;
width:660px;
margin-left:10px;
}

#page_ctnu.full{
	float:none;
	width:auto;
	margin-right:10px;
	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:#4F4F4F;
text-decoration:none;
}

/*--- MENU ----*/
#page_menu{
float:right;margin-right:5px;
display:block;
width:300px;
-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: 62%
}

#page_ctnu h1 {
font-size: 13pt;
min-height: 41px;
box-sizing: border-box !important;
}

#page_menu {
width: 36%
}

}

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

#page_menu {
padding-right: 1%;
}

#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 }
}