@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800);
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:#888; background:#ffffff; font-family:'Open Sans', sans-serif; font-size: 14px;}
*{-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;}
a{text-decoration:none;color:#FF7007;}
/*--- HEADER ----*/
#header{display:block;position:relative;width: 100%;height:88px;margin:auto;
background: url('http://www.prometheusinstitute.net//header.png') no-repeat top left;}
#home{display:block;width:100%;height:100%;}

#page{display:block; background: #fff; width:1080px;margin:auto;padding:10px 0px; -o-box-shadow: 0px 0px 15px rgba(242,101,144,0.2);
-webkit-box-shadow:  0px 0px 15px rgba(242,101,144,0.2);
-moz-box-shadow:  0px 0px 15px rgba(242,101,144,0.2);
box-shadow: 0px 0px 15px rgba(242,101,144,0.2);}
#page_ctnu{float:left;width:900px;background:#FFF;}
#page_ctnu.full{
float:none;
width:auto;
margin-right:10px;
margin-left:10px;
}

.tftable {font-size:15px;color:#333333;width:100%;border-width: 1px;border-color: #729ea5;border-collapse: collapse;}
.tftable th {font-size:13px;background-color:#acc8cc;border-width: 1px;padding: 8px;border-style: solid;border-color: #729ea5;text-align:left;}
.tftable tr {background-color:#ffffff;}
.tftable td {font-size:13px;border-width: 1px;padding: 8px;border-style: solid;border-color: #729ea5;}

#page_ctnu h1, .der_actu_titre{display:block;padding:8px;color:#fff;font-size:15pt;background: #FF7007;;margin:0px 0px; border-radius: 5px 5px 5px 5px}
.article{display:block;text-align:justify;padding:5px 10px;line-height:14pt;}
.article p{margin-top:10px;}
.article a{}
.article a:hover{text-decoration:underline;}
h2, h3 {
display:block;
padding:8px;
color:#fff;
font-size:15pt;
background: #FF7007;
margin:10px 0;
border-radius: 0 10px 10px 10px
}
#page_menu h2 {
margin: 0 auto 8px;
color: #fff;
padding: 6px;
font-size: 14px !important;
}
#page_menu h2 a {
color: #fff;
}
/*--- MENU ----*/
#page_menu{float:right;display:block;width:100px;}
#page_menu_block{padding-bottom:5px;background:#FFF;}
a.menu_link{display:block;padding:5px;font-size:14px;font-weight:bold; background: #fff; color: #666; font-weight: 500;}

#header {
width: 300px;
height: 100px;
margin-top: 10px;
}
#page_ctnu, #page_menu {
float: left;
width: 80%;
margin: 0 auto;
box-sizing: border-box;
}
#page_menu {
width: 20%;
float: right;
}
#page_menu_block {
width: 100%;
padding: 2px 8px 8px;
box-sizing: border-box;
}
#page_menu_block .menu_link {
display: block;
width: 31.5%;
overflow: hidden;
box-sizing: border-box;
word-break: break-all;
}
#page_menu_block .menu_link {
width: 100% !important;
box-sizing: border-box;
margin-bottom: 6px;
}
#page_menu_block .menu_link:first-child:after {
content: "";
display: block;
clear: both;
}
#page img {
max-width: 100%;
height: auto;
}
@media(max-width: 1024px) {
#header, #footer {
width: 98%;
}
#page_ctnu, #page_menu {
width: 98%;
float: none;
}
#page {
width: 100%;
box-sizing: border-box;
}
#footer .fb {
display: block;
clear: left;
}
#footer .fb ,
#footer .g1 ,
#footer .tw {
float: left;
margin-top: 10px !important;
}
}
@media(max-width: 740px) {
#page_menu_block .menu_link {
width: 48%;
}
#footer li {
float: none;
text-align: center;
}
}
@media(max-width: 640px) {
#liens_footer .fb {
clear: both;
}
#liens_footer .fb,
#liens_footer .g1,
#liens_footer .tw {
display: block;
float: left;
margin-top: 10px !important;
}
#header {
background-size: cover;
}
}
@media(max-width: 580px) {
#liens_footer .fb,
#liens_footer .g1,
#liens_footer .tw {
display: none;
}
#page_menu_block .menu_link {
width: 98%;
}
}
.wrap #content .box {
padding:10px;
}
.wrap #content .box a {
font-size:11px;
}