body,html {font-family: 'Roboto', sans-serif;}
/* Polices*/
.lettreMajuscule{text-transform:uppercase;}

.mat0{ margin-top: 0px !important; } .mat5{ margin-top: 5px !important; } .mat10{ margin-top: 10px !important; } .mat15{ margin-top: 15px !important; }.mat20{ margin-top: 20px !important; }.mat30{ margin-top: 30px !important; }
.mab0{ margin-bottom: 0px !important; }.mab5{ margin-bottom: 5px !important; } .mab10{ margin-bottom: 10px !important; } .mab20{ margin-bottom: 20px!important; }
.mal0{ margin-left: 0px!important; }.mal5{ margin-left: 5px!important; } .mal10{ margin-left: 10px!important;; } .mal20{ margin-left: 20px!important;; }.mal30{ margin-left: 30px!important;; }
.mar0{ margin-right: 0px!important; } .mar1{ margin-right: 1px!important;; } .mar5{ margin-right: 5px!important;; } .mar10{ margin-right: 10px!important;; } .mar20{ margin-right: 20px!important;; } .mar30{ margin-right: 30px!important;; }
.pad0{ padding : 0px!important; } .pad5{ padding : 5px!important; } .pad10{ padding : 10px!important; } .pad20{ padding : 20px!important; } 
.pat8{ padding-top: 8px!important; }  .pat10{ padding-top: 10px!important;} .pat20{ padding-top: 20px!important;} .pat30{ padding-top: 30px!important;} 
.pab10{ padding-bottom: 10px!important;; } .pab20{ padding-bottom: 20px!important;; } 
.pal10{ padding-left: 10px !important; } .pal20{ padding-left: 20px !important; }
.par10{ padding-right: 10px!important;; } .par20{ padding-right: 20px!important;; }
.fs20{font-size: 20px}
.fs10{font-size: 10px}
.fs16{font-size: 16px}
.fs14{font-size: 14px}
.fs64{font-size: 64px}

width100{
	width: 100% !important;
}
.floatleft{
	float: left;
}
.inline{	display: inline}
.inlineblock{	display: inline-block;}
.pointer{	cursor: pointer;}
.lh10 { line-height: 10px !important;}  .lh24 {	line-height: 24px !important;	}  .lh36 {	line-height: 36px !important;	} .lh48 {	line-height: 48px !important;	}
.vamiddle{	vertical-align: middle !important; }  .vabottom{	vertical-align: bottom !important; } .vatop{	vertical-align: top !important; }


.bold { font-weight: bold; }
.hidden{ display: none !important}

h1{	font-size: 16px; line-height: 100% ; margin: 0px ; padding: 10px; text-align: center;}

/* footer en pied de page */

/*
html{	height: 100%;}
body{	min-height: 100%;	margin: 0;	padding 0;position: relative;}
footer {position: absolute; bottom: 0; left: 0; right: 0; top: 20}
*/

main{padding: 10px; min-height: 900px ; 
	max-width: 1200px;
	margin-left:auto;
	margin-right: auto;
}

#toastMessage{
	display: none;
}

/*Fonds aux couleuts Solev--------------------------------------------------------------------------------------------------------*/
.color1{background-color: #86CEE3;}
.color2{background-color: #ED6D94;}
.color3{background-color: #F28E73;}
.color4{background-color: #B4D69F;}
.color5{background-color: #9fa8da;}

.text-color1{color: #86CEE3;}
.text-color2{color: #ED6D94;}
.text-color3{color: #F28E73;}
.text-color4{color: #B4D69F;}
.text-color5{color: #9fa8da;}



/* Haut de page ------------------------------------------------------------------------------------------------------------------*/
header {z-index:100;width:100%;background-color:hsla(0,0%,100%,.95);font-size:14px;opacity: 0.95;}


/* Menu mobile ----------------------------------------------------------------------------------------------*/
#nav-mobile {width: 350px !important;padding-right: 1rem;}




/* Menu mobile */
.menuMobile i{	margin-right: 0px !important; }





@media only screen and (max-width:768px){
	main{
		max-width: 100%;
	}
}