body, html
{
	background-color : #E1DECF;
	font-size        : 12pt;
	font-family      : verdana;
	color            : #000000;
	margin           : 0;
}

a
{
	font-size       : 12pt;
	font-family     : verdana;
	font-weight     : normal;
	text-decoration : underline;
	color           : #000000;
}

a:hover
{
	font-size       : 12pt;
	font-family     : verdana;
	font-weight     : bold;
	text-decoration : none;
	color           : #000000;
}

.content
{
	max-width : 960px;
	margin    : auto;
}

.menu
{
	display               : grid;
	grid-template-columns : 104px 163px 127px 104px 127px 104px 127px 104px;
}

.case_menu
{
	background-color : #000000;
	display          : flex;
	justify-content  : center;
	padding          : 12px;
}

.lien_menu
{
	font-size       : 13pt;
	text-decoration : none;
	color           : #f9f9f9;
}

.lien_menu:hover
{
	font-weight : bold;
	color       : #f9f9f9;
}

.video
{
	display               : grid;
	grid-template-columns : 500px 460px;
	background-color      : #f9f9f9;
	padding-bottom        : 30px;
}

.case_video
{
	padding-top  : 30px;
	padding-left : 30px;
	text-align   : left;
	font-weight  : bold;
}

.disco
{
	display               : grid;
	grid-template-columns : 480px 480px;
	background-color      : #f9f9f9;
	padding-bottom        : 30px;
}

.case_disco
{
	padding-top : 30px;
	text-align  : center;
}

.agenda
{
	display               : grid;
	grid-template-columns : auto 216px auto auto auto;
	background-color      : #f9f9f9;
	padding-bottom        : 30px;
}

.case_agenda
{
	padding-top   : 30px;
	padding-left  : 30px;
	text-align    : left;
}

.case_pays_agenda
{
	padding-top   : 30px;
	padding-left  : 30px;
	padding-right : 30px;
	text-align    : left;
}

.case_passe_agenda
{
	grid-column : auto / span 5;
	text-align  : center;
	padding-top : 30px;
	font-weight : bold;
}

.bio
{
	display               : grid;
	grid-template-columns : 630px 330px;
	background-color      : #f9f9f9;
}

.case_gauche_bio
{
	grid-column   : 1;
	grid-row      : 1;
	padding-top   : 30px;
	padding-left  : 30px;
	padding-right : 50px;
	text-align    : left;
}

.case_droite_bio
{
	grid-column   : 2;
	grid-row      : 1;
	padding-top   : 30px;
	padding-right : 30px;
	text-align    : right;
}

.case_bas_bio
{
	grid-column    : 1 / span 2;
	grid-row       : 2;
	padding-bottom : 30px;
	padding-left   : 30px;
	padding-right  : 30px;
	text-align     : left;
}

.projets
{
	display               : grid;
	grid-template-columns : 500px 460px;
	background-color      : #f9f9f9;
	padding-bottom        : 30px;
}

.case_gauche_projets
{
	padding-top  : 30px;
	padding-left : 30px;
	height       : 200px;
	text-align   : left;
}

.case_droite_projets
{
	padding-top   : 30px;
	padding-right : 30px;
	height        : 200px;
	text-align    : right;
}

.cours
{
	display               : grid;
	grid-template-columns : auto auto;
	background-color      : #f9f9f9;
}

.marge_cours
{
	grid-column : auto / span 2;
	width       : 960px;
	height      : 30px;
}

.titre_gras_cours
{
	grid-column : auto / span 2;
	text-align  : center;
	font-weight : bold;
}

.titre_italique_cours
{
	grid-column : auto / span 2;
	text-align  : center;
	font-style  : italic;
}

.adresse_cours
{
	width           : 530px;
	padding-left    : 30px;
}

.plan_cours
{
	width          : 370px;
	padding-right  : 30px;
	text-align     : right;
}

.texte_initiation_cours
{
	width           : 545px;
	padding-left    : 30px;
}

.image_initiation_cours
{
	width          : 355px;
	padding-right  : 30px;
	text-align     : right;
}

.texte_cours
{
	grid-column   : auto / span 2;
	padding-left  : 30px;
	padding-right : 30px;
}

.tableau_gauche_cours
{
	width        : 450px;
	padding-left : 30px;
}

.tableau_droite_cours
{
	width        : 480px;
	padding-left : 0px;
}

.contact
{
	display               : grid;
	grid-template-columns : 528px 432px;
	align-items           : center;
	background-color      : #f9f9f9;
}

.texte_contact
{
	padding-left: 126px;
}

.image_contact
{
	padding: 30px;
}