*
{
    font-family: "Trebuchet MS",Arial, Georgia,serif;
}

.main_wrapper
{
    width: 95%;
    margin: auto;
}



header
{
    background-color: #FAFCFF;/*#F2F9FF;*/
    color: #3479BF;/*#007FFF; */
    margin-bottom: 5%;

}


/* Navigation */

.menu ul
{
    list-style-type: none;
    display: flex;
    text-align: right;
    border-width: 10px;
    border-color: #8FC7FF ;
    border-style: solid;
    border-radius: 5px;
    background-color: #8FC7FF ;
    margin-top: -1%;
    margin-bottom: 3%;
}

.menu li
{
    margin-right: 20%; 
    margin-left: 20%; 
    text-align: center;

}

.menu a
{
    font-size: 1.1em;
    color: #181818;
    padding-bottom: 3px;
    text-decoration: none;

}

a
{
    text-decoration: none;
    color: #0062C4;
}

a:hover
{
    color: ##0062C4;
    border-bottom: 2px solid #0062C4;
}

.menu a:hover
{
    color: #760001;
    border-bottom: 3px solid #760001;
}

body
{
    background-color: #FAFCFF/*#F2F9FF; /* #8FC7FF */
    /*color: white; /* Le texte de la page sera blanc */
}

section
{
    display: flex;
    margin-bottom: 1%;
}


aside
{
    text-align: left;
    border: 3px solid #3479BF;
    border-radius: 5px;
    padding-right: 1%;
    padding-left: 1%;

}

#agenda
{
    margin-right: -35%;
    width: 45%;
    margin-bottom: 3%;

}

article
{
    margin-right: 20px;
    flex: 2;
}

.cours
{
    width: 75%;
    margin-left: 0%;
}


.syrah
{
	float: right;
    margin-right: 8%;
    max-width: 220px; 
    height: auto;
}

.type_bold
{
    font-weight: bold;
    /*text-transform: uppercase;*/
}

footer
{
    margin-top: 10%;
    /*display: flex;*/
    /*bottom: 10px;*/
    border-top: 2px groove #0062C4;
    /*box-shadow: 0px 0px 0px #8FC7FF;*/
}

#in_logo img
{
    height: 15px;

}

#intro article 
{
    max-width: 10%;
}

#info
{
    width: 75%;
}


table
{
    border-collapse: collapse;
    border-radius: 5px;
    width: 133%;
    padding: 0%;
    
}
td, th /* Mettre une bordure sur les td ET les th */
{
    border: 1px solid #0062C4;
    text-align:center;
    padding: 0%;
}

tr ul {
    text-align:left;
}
/*tr:nth-child(even) {background-color: #DCE8F2}*/

.special
{
    background-color: #DCE8F2;
}

.special2
{
    background-color: #F7819F;
}

.special ul{
    text-align:left;
}

.contact aside
{
    padding-left: 25%;
}