@font-face {
  font-family:'eb_garamondregular';
  src:url('font/EBGaramond-webfont.eot');
  src:url('font/EBGaramond-webfont.eot?#iefix') format('embedded-opentype'),
      url('font/EBGaramond-webfont.woff2') format('woff2'),
      url('font/EBGaramond-webfont.woff') format('woff'),
      url('font/EBGaramond-webfont.ttf') format('truetype'),
      url('font/EBGaramond-webfont.svg#eb_garamondregular') format('svg');
}


.accordion dt, .accordion dd {
  padding-top: 20px;
  padding-bottom: 20px;
  border-top: 1px solid #e0e0e0;
}
.accordion dt a {
  display: block;
  color: black;
	text-decoration: none;
}
.accordion dd {
  margin: 0;
  border-top: 0;
  font-size: 15px;
  font-family: 'Raleway';
  background-color: #F6F6F6 ;
	line-height: 25px;
  padding-left: 30px;
   padding-right: 30px;
}

.accordion dd a {
		color: #000;
}
.accordion dd:last-of-type {
  border-top: 1px solid white;
  position: relative;
  top: -1px;
}




/* -------------------------------- GESTION BOUTONS -------------------------------- */
.btn-main {
  background-color: #3B0C3F;
  color: #FFFFFF;
  padding: 12px;
  text-decoration: none;
  font-family: arial;
  font-size: 12px;
  border-radius: 3px;
  transition: all .3s;
}
.btn-main:hover {
  background-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: 800px;
		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 -------------------------------- */
.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!important; }
.medium { font-weight: 600!important; }
.underline { text-decoration: underline; }

.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: 30px 70px 30px 70px; }

.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; }
.spacetop5bis { margin-top: -25px; }

.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; }

.spaceright5 { 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; }

.spaceleft5 { margin-left: 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: 17.6%;
}
.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: 8.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; }

/* -------------------------------- GESTION RESPONSIVE -------------------------------- */
@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%; }
    	.title_faq { 
    padding-left: 20px;
    padding-right: 47px;
    line-height: 25px;
	}
    .spacetopbtn7 { margin-top: -25px; }
    .spacetopbtn8 { margin-top: -15px; }
}

@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 { width: 96%; }
		.container-secondary { width: 96%; }
    .font17 {font-size: 15px; }
    .spacetopbtn5 { margin-top: -15px; }
    .spacetopbtn6 { margin-top: -25px; }
	.title_faq { 
    padding-left: 20px;
    padding-right: 40px;
    line-height: 25px;
	}
}

@media screen and (max-width: 480px), screen and (max-device-width: 480px) {
		.container-main { width: 98%; }
		.container-secondary { width: 98%; }
    .font17 {font-size: 13px; }
    .font30 { font-size: 20px; }
    .accordion dd {
  margin: 0;
  border-top: 0;
  font-size: 13px;
  font-family: 'Raleway';
  background-color: #E2E2E2 ;
	line-height: 25px;
  padding-left: 30px;
   padding-right: 30px;
}
    	.title_faq { 
    padding-left: 0px;
    padding-right: 40px;
    line-height: 25px;
	}
    .spacetopbtn { margin-top: -25px; }
    .spacetopbtn1 { margin-top: -40px; }
    .spacetopbtn2 { margin-top: -15px; }
    .spacetopbtn3 { margin-top: -50px; }
    .spacetopbtn4 { margin-top: -55px; }
}