﻿@import url('https://fonts.googleapis.com/css?family=Work+Sans:200,400,700');


html{
  height: 100%;
  min-height: 100%;
}

body { 
/*	font-family: 'Work', serif;*/
	font-family: 'Work Sans', Helvetica, Arial, sans-serif;
	font-size: 16px;
	margin-top: 0px;
	margin-bottom: 0px;
	background-color: #6B18D0;
	background-repeat: no-repeat;
	min-height: 100%;
    color: #D73C53;
    text-align: left;
    font-weight: 400;
	}   

#main {
    width: 900px ;
    margin: 0 auto;
    background-color: #6B18D0;
    min-height: 100%;
    min-height: 100vh;
    }

#wrapper {
width: 100%;
min-height: 100%;
min-height: 100vh;
    }

#wrapper-eng {
    width: 100%;
    min-height: 100%;
    min-height: 100vh;
    /* background-image: url(images/school_time_bkg_colour.jpg); */
    background-image: url('images/bg_eng.jpg');
    /* background-size: 85%;*/
    background-position: 70% 20%;
    background-repeat: no-repeat;
    padding: 30px 0;
    }

#wrapper-other {
width: 100%;
min-height: 100%;
min-height: 100vh;
/* background-image: vholdproblems; */
background-image: url('images/discord1050x1238.gif');
/* background-size: 100%;*/

background-repeat: no-repeat;

}


table {
	table-layout: fixed;
	width: 100%; 
	display: table;
    border: 0;
    padding: 5px;
    
}
td,th {
	font-size: 16px;
    color: #D73C53;
    text-align: left;
}
a:link {
	color: #D73C53;
    text-decoration: none;
}
a:visited {
	color: #D73C53;
    text-decoration: none;
}
a:hover {
	color: #D73C53;
    font-style: oblique;
}
/*-----Blocs roses et transparents-----*/

div.blocrose{
    height: 200px;
    background-color: #D73C53; 
    font-size: 50px;
    line-height: 200px;
    color: #6B18D0;
    text-align: center;
}
div.bloctransparent{
    height: 200px;
    font-size: 50px;
    text-align: center;
    line-height: 200px;
}
/*-----------------------------------------*/
/*-----Blocs sticky-----*/
div.sticky{
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}
/*-----------------------------------------*/
/*-----Bloc menu-----*/
div.menu_simple{
/*    padding-left: 35px;*/
    padding-bottom: 5px;
}
.menu_simple ul {
    margin: 0; 
    padding: 0;
    list-style-type: none;
}
.menu_simple ul li  {
	margin-top: 0;
	margin-bottom: 0;	
}
.menu_simple ul li a {
    text-decoration: none;
/*    padding: 3px;*/
}
.menu_simple ul li a:active {
    text-decoration: underline;
}
.menu_simple ul li a:hover {
    font-style: oblique;
}
.menu_simple ul li a.current {
    color: #6B18D0;	
}
li.empty {
    margin-top: 24px !important;
}
/*-----------------------------------------*/
/*-----Footer-----*/
div.footer{
/*    padding-left: 35px;*/
    padding-top: 25px;
}
.footer ul {
    margin: 0; 
    padding: 0;
    list-style-type: none;
}
.footer ul li  {
	margin-top: 0;
	margin-bottom: 5px;	
}
.footer ul li a {
    text-decoration: none;
/*    padding: 3px;*/
}
.footer ul li a:active {
    text-decoration: underline;
}
.footer ul li a:hover {
    font-style: oblique;
}
.footer ul li a.current {
    color: #6B18D0;	
}
/*-----------------------------------------*/
/*-----Footer sticky-----*/
div.sticky_bottom_footer{
/*    height: 200px;*/
    width: 50%;
    float: right;
    padding-top: 25px;
    padding-bottom: 50px;
/*
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
*/
}
/*-----------------------------------------*/
.top-ind a:hover {
	color: #110709 !important;
	background: none !important;
	text-decoration: underline;
}
.titles {
	font-weight: 400;
    font-size: 24px;
    line-height: 1.5em;
 }
.smaller {
	font-size: 12px;
}
.bigger {
	line-height: 1.5em;
    font-size: 20px;
}
.regular{
    font-weight: 400;
}
.bold {	
    font-weight: 700;
}
