body
{
background-color : white;
margin : auto;
width : 100%;
}

body img
{
border-style : none;
}


header
{
margin : none;
width :100%;
background-color : white;
border-radius : 15px;
margin-bottom : 0px;
font-family : serif;
}


header img
{
border-style: none;
}


#logo
{
display : inline-block;
}


#nav
{
display : inline-block;
vertical-align : top;
padding-left : 50px;/*120*/
}


#nav li 
{
padding-top : 5px;
margin-left : 80px;
font-size : 19px;
font-weight : bold;
font-family : "Script MT Bold", Cambria;
-webkit-transition-property : color, margin-left;
-webkit-transition-duration : 400ms;
-webkit-transition-delay : 10ms;
-moz-transition-property : color, margin-left;
-moz-transition-duration : 400ms;
-moz-transition-delay : 10ms;
color : grey;
list-style-image : url('image/fleche.png');
text-decoration : none;
}


#nav li:hover
{
color : black;
margin-left : 110px;
}


#nav a
{
text-decoration : none;
color : grey;

}


#nav a:hover
{
color : black;
}


header .serie
{
font-weight : bold;
text-align : left;
font-family : "Calibri (Body)", Cambria;
clear : both;
padding-left : 20px;
}


#revist
{
width : 100%;
font-size : 20px;
letter-spacing : 5px;
background : black;
color : rgb(82,193,248);
border-radius : 0px 0px 8px 8px;
text-align : center;
padding-top : 10px;
padding-bottom: 10px;
margin-top : 6px;
opacity : 0.8;
}


#revist marquee
{
width : 870px;

}

section
{
background-color : #EFE7B8;
width : 100%;
margin : auto;
padding-top : 40px;
margin-top : 10px;
margin-bottom : 70px;
padding-bottom : 30px;
position : absolute;

}


#menu
{
width : auto;
margin : auto;
margin-bottom : 10px;
margin-left : 20px;
font-size : 14px;
border-radius : 15px;

}


#menu li
{
display: inline-block;
list-style : none;
padding : 10px 15px 10px 15px;
-webkit-transition-property : background;
-webkit-transition-duration : 200ms;
-webkit-transition-delay : 75ms;
-webkit-transition-timing-function : ease;
-moz-transition-property : background;
-moz-transition-duration : 200ms;
-moz-transition-delay : 75ms;
-moz-transition-timing-function : ease;
background : white;
border-radius : 3px;
border : 2px outset silver;
}


#menu li:hover
{

}

#menu a
{
color : black;
text-decoration : none;
font-weight : bold;
}

#menu a:hover 
{
color : rgb(82,193,248);
opacity : 0.9; 
}

#menu .comite:hover
{
background-color :;
opacity : 0.9;
}


aside
{
display : inline-block;
text-align : justify;
overflow : auto;
margin-left : 20px;
}


#numero
{
width : 200px;
border : 2px outset black;
padding-left : 0px;
padding-bottom : 15px;
border-radius : 8px;
margin-left : 0px;
background-color : rgb(185,255,185);
}


#numero h2
{
text-align : center;
color : black;
font-weight : bold;
}


#numero ul
{
list-style-image: url('image/article.png');
padding-right : 12px;
}

#numero ul a
{
text-decoration : none;
color : grey;
font-size : 15px;
}

#numero ul a:hover
{
background-color : rgb(166,207,222);
color : black;
}

#numero li
{
padding-top : 2.5px;
padding-left : 4px;
}

#numero li:hover
{
background-color : rgb(166,207,222);
border : 1px solid rgb(62,48,244);
opacity : 0.6;
}

#numero ul .new
{
list-style-image : url('image/new.gif');
}


#info
{
width : 200px;
border : 2px outset black;
padding-left : 0px;
padding-bottom : 10px;
border-radius : 8px;
margin-left : 0px;
background-color : white;
margin-top : 10px;
color : rgb(117,117,117);
padding : 5px 0px 0px 2px;
text-align : center;
opacity : 0.8;
}


#info img
{
margin : auto;
border-style : none;
}

#info h2
{
text-align : center;
text-decoration : underline;
color : black;
}

#info .BP
{
font-size : 11px;
text-align : center;
font-style : italic;
}

#info .institut
{
font-weight: bold;
text-align : center;
}