.container-main ul li{
    display: inline;     
}

/* -------------------------------- GESTION BOUTONS -------------------------------- */
.btn-main {
		background: #CE2139;
		color: #FFFFFF;
		padding: 12px;
		text-decoration: none;
		font-size: 12px;
		border-radius: 3px;
		transition: all .3s;
}
.btn-main:hover {
		color: #2c072f;
		transition: all .3s;
}
.btn-secondary {
		background-color: transparent;
		border: #3B0C3F solid 1px;
		color: #3B0C3F;
		padding: 12px;
		text-decoration: none;
		font-family: arial;
		font-size: 12px;
		border-radius: 3px;
		transition: all .3s;
}
.btn-secondary:hover {
		background-color: #3B0C3F;
		transition: all .3s;
		color: #FFF;
}

/* -------------------------------- GESTION COULEUR DE FOND -------------------------------- */
.background-white { background-color: #FFFFFF; }
.background-black { background-color: #000000; }
.background-purple { background-color: #3B0C3F; }
.background-green { background-color: #97BB3A; }
.background-red { background-color: #C20E1A; }
.background-gray { background-color: #FAFAFA }

/* -------------------------------- GESTION COULEUR TEXTE -------------------------------- */
.white { color: #FFFFFF; }
.black { color: #000000; }
.purple { color: #3B0C3F; }
.green { color: #97BB3A; }
.red { color: #C20E1A; }
.gray { color: #F0F0F0; }

/* -------------------------------- GESTION PROPRIETE DIV -------------------------------- */
.container-main { /* Container avec largeur de menu (à régler si besoin) */
		width: 1090px;
		margin: 0 auto;
}
.container-secondary {
		width: 700px;
		margin: 0 auto;
}
.container-txt {
		width: ;
		margin: 0 auto;
}
.sep {
		width: 100%;
		background-color: #F0F0F0;
		height: 2px;
}
.radius{ border-radius: 3px; }
.top-border-green{ border-top: #97BB3A solid 2px ;}
.top-border-gray{ border-top: #F0F0F0 solid 2px ;}
.bottom-border-gray{ border-bottom: #F0F0F0 solid 2px ;}
.hide { display: none!important; }
.invisible { visibility: hidden!important; }

/* -------------------------------- GESTION PROPRIETES IMAGES -------------------------------- */
.size100 { width: 100%; height: auto; } /* à utiliser sur toutes les images */

/* -------------------------------- GESTION POSITION ELEMENTS -------------------------------- */
.relatif { position: relative; }
.absolute { position: absolute; }
.left { float: left; }
.right { float: right; }
.clearfix:before, .clearfix:after { /* à mettre dans le parent d'un élément absolute */
		content:".";
		display:table;
		height: 0;
		font-size:0;
		line-height:0;
		visibility:hidden; }
.clearfix:after { clear:both; }
.clearfix { *zoom:1; }

/* -------------------------------- GESTION PROPRIETE TEXTE -------------------------------- */
.avenir-next-bold { font-family: 'Avenir Next LT Pro Bold' }
.avenir-next { font-family: 'Avenir Next LT Pro Regular'; }
.arial {font-family: 'arial'; }
.adobe-regular { font-family: 'eb_garamondregular'; }
.raleway-regular { font-family: 'Raleway'; }
.middle { vertical-align: middle; }
.top { vertical-align: top; } 
.bottom { vertical-align: bottom; } 
.txt-left { text-align: left; }
.txt-center { text-align: center; }
.txt-right { text-align: right; }
.txt-justify { text-align: justify; }
.uppercase { text-transform: uppercase; }
.lowercase { text-transform: lowercase; }
.bold { font-weight: bold; }
.light { font-weight: lighter; }

.font5 { font-size: 5px; }
.font6 { font-size: 6px; }
.font7 { font-size: 7px; }
.font8 { font-size: 8px; }
.font9 { font-size: 9px; }
.font10 { font-size: 10px; }
.font11 { font-size: 11px; }
.font12 { font-size: 12px; }
.font13 { font-size: 13px; }
.font14 { font-size: 14px; }
.font15 { font-size: 15px; }
.font16 { font-size: 16px; }
.font17 { font-size: 17px; }
.font18 { font-size: 18px; }
.font19 { font-size: 19px; }
.font20 { font-size: 20px; }
.font25 { font-size: 25px; }
.font30 { font-size: 30px; }
.font35 { font-size: 35px; }
.font40 { font-size: 40px; }
.font45 { font-size: 45px; }
.font50 { font-size: 50px; }
.font55 { font-size: 55px; }
.font60 { font-size: 60px; }
.font65 { font-size: 65px; }

/* -------------------------------- GESTION HAUTEUR DE LIGNE -------------------------------- */
.lineheight5 { line-height: 5px }
.lineheight10 { line-height: 10px }
.lineheight15 { line-height: 15px }
.lineheight20 { line-height: 20px }
.lineheight25 { line-height: 25px }
.lineheight30 { line-height: 30px }
.lineheight35 { line-height: 35px }
.lineheight40 { line-height: 40px }
.lineheight45 { line-height: 45px }
.lineheight50 { line-height: 50px }

/* -------------------------------- GESTION PADDING -------------------------------- */
.padding-global { padding: 0 8% 0 8%; }
.padding-global02 { padding: 2% 0 2% 0; }
.padding0 { padding: 0; }

.paddingtop5 { padding-top: 5px; }
.paddingtop10 { padding-top: 10px; }
.paddingtop15 { padding-top: 15px; }
.paddingtop20 { padding-top: 20px; }
.paddingtop25 { padding-top: 25px; }
.paddingtop30 { padding-top: 30px; }

.paddingright5 { padding-right: 5px; }
.paddingright10 { padding-right: 10px; }
.paddingright15 { padding-right: 15px; }
.paddingright20 { padding-right: 20px; }
.paddingright25 { padding-right: 25px; }
.paddingright30 { padding-right: 30px; }

.paddingbottom5 { padding-bottom: 5px; }
.paddingbottom10 { padding-bottom: 10px; }
.paddingbottom15 { padding-bottom: 15px; }
.paddingbottom20 { padding-bottom: 20px; }
.paddingbottom25 { padding-bottom: 25px; }
.paddingbottom30 { padding-bottom: 30px; }

.paddingleft5 { padding-left: 5px; }
.paddingleft10 { padding-left: 10px; }
.paddingleft15 { padding-left: 15px; }
.paddingleft20 { padding-left: 20px; }
.paddingleft25 { padding-left: 25px; }
.paddingleft30 { padding-left: 30px; }

/* -------------------------------- GESTION MARGIN -------------------------------- */
.space0 { margin: 0; }

.spacetop5 { margin-top: 5px; }
.spacetop10 { margin-top: 10px; }
.spacetop15 { margin-top: 15px; }
.spacetop20 { margin-top: 20px; }
.spacetop25 { margin-top: 25px; }
.spacetop30 { margin-top: 30px; }
.spacetop35 { margin-top: 35px; }
.spacetop40 { margin-top: 40px; }
.spacetop45 { margin-top: 45px; }
.spacetop50 { margin-top: 50px; }
.spacetop55 { margin-top: 55px; }
.spacetop60 { margin-top: 60px; }
.spacetop65 { margin-top: 65px; }
.spacetop70 { margin-top: 70px; }
.spacetop75 { margin-top: 75px; }
.spacetop80 { margin-top: 80px; }
.spacetop85 { margin-top: 85px; }
.spacetop90 { margin-top: 90px; }
.spacetop95 { margin-top: 95px; }
.spacetop100 { margin-top: 100px; }

.spacetop5 { margin-right: 5px; }
.spaceright10 { margin-right: 10px; }
.spaceright15 { margin-right: 15px; }
.spaceright20 { margin-right: 20px; }
.spaceright25 { margin-right: 25px; }
.spaceright30 { margin-right: 30px; }
.spaceright35 { margin-right: 35px; }
.spaceright40 { margin-right: 40px; }
.spaceright45 { margin-right: 45px; }
.spaceright50 { margin-right: 50px; }
.spaceright55 { margin-right: 55px; }
.spaceright60 { margin-right: 60px; }
.spaceright65 { margin-right: 65px; }
.spaceright70 { margin-right: 70px; }
.spaceright75 { margin-right: 75px; }
.spaceright80 { margin-right: 80px; }
.spaceright85 { margin-right: 85px; }
.spaceright90 { margin-right: 90px; }
.spaceright95 { margin-right: 95px; }
.spaceright100 { margin-right: 100px; }

.spacebottom5 { margin-bottom: 5px; }
.spacebottom10 { margin-bottom: 10px; }
.spacebottom15 { margin-bottom: 15px; }
.spacebottom20 { margin-bottom: 20px; }
.spacebottom25 { margin-bottom: 25px; }
.spacebottom30 { margin-bottom: 30px; }
.spacebottom35 { margin-bottom: 35px; }
.spacebottom40 { margin-bottom: 40px; }
.spacebottom45 { margin-bottom: 45px; }
.spacebottom50 { margin-bottom: 50px; }
.spacebottom55 { margin-bottom: 55px; }
.spacebottom60 { margin-bottom: 60px; }
.spacebottom65 { margin-bottom: 65px; }
.spacebottom70 { margin-bottom: 70px; }
.spacebottom75 { margin-bottom: 75px; }
.spacebottom80 { margin-bottom: 80px; }
.spacebottom85 { margin-bottom: 85px; }
.spacebottom90 { margin-bottom: 90px; }
.spacebottom95 { margin-bottom: 95px; }
.spacebottom100 { margin-bottom: 100px; }

.spacetop5 { margin-right: 5px; }
.spaceleft10 { margin-left: 10px; }
.spaceleft15 { margin-left: 15px; }
.spaceleft20 { margin-left: 20px; }
.spaceleft25 { margin-left: 25px; }
.spaceleft30 { margin-left: 30px; }
.spaceleft35 { margin-left: 35px; }
.spaceleft40 { margin-left: 40px; }
.spaceleft45 { margin-left: 45px; }
.spaceleft50 { margin-left: 50px; }
.spaceleft55 { margin-left: 55px; }
.spaceleft60 { margin-left: 60px; }
.spaceleft65 { margin-left: 65px; }
.spaceleft70 { margin-left: 70px; }
.spaceleft75 { margin-left: 75px; }
.spaceleft80 { margin-left: 80px; }
.spaceleft85 { margin-left: 85px; }
.spaceleft90 { margin-left: 90px; }
.spaceleft95 { margin-left: 95px; }
.spaceleft100 { margin-left: 100px; }

/* -------------------------------- GESTION DES COLONNES -------------------------------- */
.colonne1, .col1 {
		margin-left: 0.5208333333%;
		margin-right: 0.5208333333%;
		width: 7.2916666667%;
	}
.colonne2, .col2 {
		margin-left: 0.5208333333%;
		margin-right: 0.5208333333%;
		width: 15.625%;
	}
.colonne3, .col3 {
		margin-left: 0.5208333333%;
		margin-right: 0.5208333333%;
		width: 23.9%;
	}
.colonne4, .col4 {
		margin-left: 0.5208333333%;
		margin-right: 0.5208333333%;
		width: 32.2916666667%;
	}
.colonne5, .col5 {
		margin-left: 0.5208333333%;
		margin-right: 0.5208333333%;
		width: 40.625%;
	}
.colonne6, .col6 {
		margin-left: 0.5208333333%;
		margin-right: 0.5208333333%;
		width: 48.9583333333%;
	}
.colonne7, .col7 {
		margin-left: 0.5208333333%;
		margin-right: 0.5208333333%;
		width: 57.2916666667%;
	}
.colonne8, .col8 {
		margin-left: 0.5208333333%;
		margin-right: 0.5208333333%;
		width: 65.625%;
	}
.colonne9, .col9 {
		margin-left: 0.5208333333%;
		margin-right: 0.5208333333%;
		width: 73.9583333333%;
	}
.colonne10, .col10 {
		margin-left: 0.5208333333%;
		margin-right: 0.5208333333%;
		width: 82.2916666667%;
	}
.colonne11, .col11 {
		margin-left: 0.5208333333%;
		margin-right: 0.5208333333%;
		width: 90.625%;
	}
.colonne12, .col12 {
		margin-left: 0.5208333333%;
		margin-right: 0.5208333333%;
		width: 98.9583333333%;
	}


.repousse-colonne1, .marge-c1 {	margin-left: 3.854166667%!important; }
.repousse-colonne2, .marge-c2 {	margin-left: 17.1875%!important; }
.repousse-colonne3, .marge-c3 {	margin-left: 25.52083333%!important; }
.repousse-colonne4, .marge-c4 {	margin-left: 33.85416667%!important; }
.repousse-colonne5, .marge-c5 {	margin-left: 42.1875%!important; }
.repousse-colonne6, .marge-c6 {	margin-left: 50.52083333%!important; }
.repousse-colonne7, .marge-c7 {	margin-left: 58.85416667%!important; }
.repousse-colonne8, .marge-c8 {	margin-left: 67.1875%!important; }
.repousse-colonne9, .marge-c9 {	margin-left: 75.52083333%!important; }
.repousse-colonne10, .marge-c10 {	margin-left: 83.85416667%!important; }
.repousse-colonne11, .marge-c11 {	margin-left: 92.1875%!important; }
.repousse-colonne12, .marge-c12 {	margin-left: 100%!important; }
.sans-marge { margin: 0; }
.sans-marge-droite, .sans-marge-d { margin-right: 0; }
.sans-marge-gauche, .sans-marge-g { margin-left: 0; }


@media screen and (min-width: 1300px) {}

@media screen and (min-width: 1025px) and (max-width: 1290px) {
		.container-main { width: 90%; }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
		.container-secondary { width: 90%; }
		.container-main { width: 90%; }
		.padding-global { padding: 0 7% 0 7%; }
}

@media screen and (max-width: 768px), screen and (max-device-width: 768px) {
    .colonne1, .colonne2, .colonne3, .colonne4, .colonne5, .colonne6, .colonne7, .colonne8, .colonne9, .colonne10, .colonne11, .colonne12 { width: 98%; }
    .repousse-colonne1, .repousse-colonne2, .repousse-colonne3, .repousse-colonne4, .repousse-colonne5, .repousse-colonne6, .repousse-colonne7, .repousse-colonne8, .repousse-colonne9, .repousse-colonne10, .repousse-colonne11, .repousse-colonne12 { margin-left: 1.5625%!important; margin-right: 1.5625%!important; }
		.container-main, .container-secondary { width: 96%; }
    .padding-global { padding: 0 5% 0 5%; }
}

@media screen and (max-width: 480px), screen and (max-device-width: 480px) {
		.container-main, .container-secondary { width: 98%; }
}