/****GENERAL****/

body{
font-family : Trebuchet MS, sans-serif;
font-size : 13px;
margin: 0px;
padding : 0px;}

h1{
font-size: 40px;
font-weight:normal;
text-align:center;
color: #5F9EA0;
}

h2{
font-size: 30px;
font-weight:normal;
text-align:center;
color: #5F9EA0;
}

h3{
font-size: 20px;
font-weight:normal;
color: #5F9EA0;
}

header{
height : 100px;}

footer{
height: 80px;
padding-top: 30px;
text-align:center;
background-color: #DCDCDC;
border-top: 2px solid#AAA;
color: #5F9EA0;}


nav li{
list-style-type :none;
float: left;
}

nav ul{
margin: 0px;
padding: 0px;
}

nav{
width: 100%;
background-color:#A9A9A9}

nav a{
display : inline-block;
text-decoration : none;
padding: 20px 30px;
color:#FFF;
text-transform: uppercase;
font-size: 15px;}

.table{
display:table;
margin: 0 auto;}

.menu-ind:hover{

background-color: #5F9EA0;}

.menu-cours:hover{
background-color: #5F9EA0;}

.menu-colles:hover{
background-color: #5F9EA0;}

.menu-devoirs:hover{
background-color: #5F9EA0;}

.menu-seance:hover{
background-color: #5F9EA0;}

.menu-divers:hover{
background-color: #5F9EA0;}

.menu-recherche:hover{
background-color: #5F9EA0;}

nav li : hover a{
padding : 15px 30px 20px 30px;}

@media screen and (max-width:780px){
header{
height: 50px;
}
h1{
font-size: 28px;
margin:20px 0px 0px 0px;
}
nav li a{
font-size:12px;
padding:10px;}
nav li:hover a{
padding: 5px 10px 10px 10px;}
}

td{
    border : 1px solid black;
    padding: 10px 15px;
}

table{
    margin : auto;
    text-align:center;
    border-collapse: collapse;
}

.ligne-impaire{
    background-color: #D3D3D3;
}

.ligne-paire{
    background-color: #EEE;
}

.ligne1{
    background-color: #5F9EA0;
    font-size : 20px;
    color : white;
}

.sec{margin : 0px 10%;
}

.leftleft{
width : 10%;
float : left;}
.left{
float: left;
width: 35%;
text-align:center;

}

.right{float: left;
width: 55%;
font-size: 15px;
text-align : justify;
}

.colonne1{
float : left;
width:50%;
text-align:center}

.colonne2{
float:left;
width:50%;
text-align :center}

.resume{
margin: 0% 10%  0% 10%;
text-align:justify;
font-size: 15px;}

.resume2{
margin: 0% 20%  0% 20%;
text-align:justify;
font-size: 15px;}