.container-main h2 {
font-size: 30px;
}
/* -------------------------------- 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;
}
.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 -------------------------------- */
.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; }
/* -------------------------------- GESTION TAILLE TEXTE -------------------------------- */
.font15 { font-size: 15px; }
/* -------------------------------- 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 -------------------------------- */
.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 -------------------------------- */
.spacetop0 { margin-top: 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: 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%;
}
@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-main, .container-secondary { width: 90%; }
.font15 { font-size: 14px }
}
@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%; }
.font15 { font-size: 20px }
.margintop40_m { margin-top: 40px; }
.lineheight20 { line-height: 30px; }
}
@media screen and (max-width: 480px), screen and (max-device-width: 480px) {
.container-main, .container-secondary { width: 98%; }
.font15 { font-size: 15px; }
.lineheight20 { line-height: 30px; }
}