/* Classes générales de css */

.ligne {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
.colonne {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.inlineBlock {
	display: inline-block;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.inlineBlockLigne {
	display: inline-block;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
.alignLeft {
	text-align: left;
}
.alignCenter {
	text-align: center;
}
.alignRight {
	text-align: right;
}
.alignJustify {
	text-align: justify;
}
.hidden {
	display: none;
}

.colonne3-1 {
	position: absolute;
	left: 15%;
}
.colonne3-2 {
	position: absolute;
	left: center;
}
.colonne3-3 {
	position: absolute;
	right: 15%;
}

.bold {
	font-weight: bold;
}

.w100 {
	width: 100%;
}
.w25 {
	width: 25%;
}
.w75 {
	width: 75%;
}
.w33 {
	width: 33%;
}
.w66 {
	width: 66%;
}
.w90{
	width: 90%;
}
.w80{
	width: 80%;
}
.w70{
	width: 70%;
}
.w60{
	width: 60%;
}
.w50 {
	width: 50%;
}
.w40{
	width: 40%;
}
.w30{
	width: 30%;
}
.w20{
	width: 20%;
}
.w10{
	width: 10%;
}
.wAuto {
	width: auto;
}

.h100 {
	height: 100%;
}
.hAuto {
	height: auto;
}

.m0 {
	margin: 0;
}
.m1 {
	margin: 1em;
}
.m2 {
	margin: 2em;
}
.m3 {
	margin: 3em;
}
.mgd0 {
	margin-right: 0em;
	margin-left: 0em;
}
.mgd1 {
	margin-right: 1em;
	margin-left: 1em;
}
.mgd2 {
	margin-right: 2em;
	margin-left: 2em;
}
.mgd3 {
	margin-right: 3em;
	margin-left: 3em;
}
.mg0 {
	margin-left: 0em;
}
.mg1 {
	margin-left: 1em;
}
.mg2 {
	margin-left: 2em;
}
.mg3 {
	margin-left: 3em;
}
.md0 {
	margin-right: 0em;
}
.md1 {
	margin-right: 1em;
}
.md2 {
	margin-right: 2em;
}
.md3 {
	margin-right: 3em;
}
.mt0 {
	margin-top: 0em;
}
.mt1 {
	margin-top: 1em;
}
.mt2 {
	margin-top: 2em;
}
.mt3 {
	margin-top: 3em;
}
.mb0 {
	margin-bottom: 0em;
}
.mb1 {
	margin-bottom: 1em;
}
.mb2 {
	margin-bottom: 2em;
}
.mb3 {
	margin-bottom: 3em;
}

.p0 {
	padding: 0em;
}
.p1 {
	padding: 1em;
}
.p2 {
	padding: 2em;
}
.p3 {
	padding: 3em;
}
.pl1 {
	padding-left: 1em;
}
@media all and (min-width:981px) {
	.pb3 {
		padding-bottom: 3em;
	}
}
.resetPaddingMargin {
	margin: 0;
	padding: 0;
}
.textDecorationNone {
	text-decoration: none;
}
.fontSize120 {
	font-size: 120%;
}
.fontSize190 {
	font-size: 190%;
}
.fontSize200 {
	font-size: 200%;
}
.white {
	color: white;
}
.underline {
	text-decoration: underline;
}
.no_underline {
	text-decoration: none;
}
.centerText {
	text-align: center;
}
.leftAlignText {
	text-align: left;
}
.justifyText {
	text-align: justify;
}
.volatileText {
	color: white;
	font-size: 200%;
}
.volatileTextSmall {
	color: white;
	font-size: 150%;
}
.textSize90 {
	color: white;
	font-size: 180%;
}

.size300-200 {
	display: inline-block;
	width: 300px;
	height: auto;
	transition: all 400ms ease;
}
@media (min-width: 1000px) {	
	.size300-200:hover {
		width: 900px;
		height: auto;
	}
}
.size600-400 {
	display: inline-block;
	width: 600px;
	height: 400px;
	transition: height 800ms ease;
	margin: 1em;
}
.size500 {
	display: inline-block;
	width: 600px;
	transition: height 800ms ease;
	margin: 1em;
}
.size600 {
	display: inline-block;
	width: 600px;
	transition: height 800ms ease;
	margin: 1em;
}
.size400 {
	display: inline-block;
	width: 400px;
	transition: height 800ms ease;
	margin: 1em;
}
.size300 {
	display: inline-block;
	width: 300px;
	transition: height 800ms ease;
	margin: 1em;
}
.size200 {
	display: inline-block;
	width: 200px;
	transition: height 800ms ease;
	margin: 1em;
}