/*****   FONT   *****/
@font-face {
font-family:'TitilliumRegular';
src:url('/RessourcesCentrales/fonts/Titillium/Regular/titillium-regular-webfont.eot');
src:url('/RessourcesCentrales/fonts/Titillium/Regular/titillium-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('/RessourcesCentrales/fonts/Titillium/Regular/titillium-regular-webfont.woff') format('woff'),
url('/RessourcesCentrales/fonts/Titillium/Regular/titillium-regular-webfont.ttf') format('truetype'),
url('/RessourcesCentrales/fonts/Titillium/Regular/titillium-regular-webfont.svg#TitilliumRegular') format('svg');
font-weight:normal;
font-style:normal;
}

@font-face {
font-family:'TitilliumLight';
src:url('/RessourcesCentrales/fonts/Titillium/Light/titillium-light-webfont.eot');
src:url('/RessourcesCentrales/fonts/Titillium/Light/titillium-light-webfont.eot?#iefix') format('embedded-opentype'),
url('/RessourcesCentrales/fonts/Titillium/Light/titillium-light-webfont.woff') format('woff'),
url('/RessourcesCentrales/fonts/Titillium/Light/titillium-light-webfont.ttf') format('truetype'),
url('/RessourcesCentrales/fonts/Titillium/Light/titillium-light-webfont.svg#TitilliumLight') format('svg');
font-weight:normal;
font-style:normal;
}

@font-face {
font-family:'TitilliumItalic';
src:url('/RessourcesCentrales/fonts/Titillium/Italic/titillium-italic-webfont.eot');
src:url('/RessourcesCentrales/fonts/Titillium/Italic/titillium-italic-webfont.eot?#iefix') format('embedded-opentype'),
url('/RessourcesCentrales/fonts/Titillium/Italic/titillium-italic-webfont.woff') format('woff'),
url('/RessourcesCentrales/fonts/Titillium/Italic/titillium-italic-webfont.ttf') format('truetype'),
url('/RessourcesCentrales/fonts/Titillium/Italic/titillium-italic-webfont.svg#TitilliumItalic') format('svg');
font-weight:normal;
font-style:normal;
}

@font-face {
font-family:'TitilliumSemiBold';
src:url('/RessourcesCentrales/fonts/Titillium/SemiBold/titillium-semibold-webfont.eot');
src:url('/RessourcesCentrales/fonts/Titillium/SemiBold/titillium-semibold-webfont.eot?#iefix') format('embedded-opentype'),
url('/RessourcesCentrales/fonts/Titillium/SemiBold/titillium-semibold-webfont.woff') format('woff'),
url('/RessourcesCentrales/fonts/Titillium/SemiBold/titillium-semibold-webfont.ttf') format('truetype'),
url('/RessourcesCentrales/fonts/Titillium/SemiBold/titillium-semibold-webfont.svg#TitilliumSemiBold') format('svg');
font-weight:normal;
font-style:normal;
}

@font-face {
font-family:'TitilliumBold';
src:url('/RessourcesCentrales/fonts/Titillium/Bold/titillium-bold-webfont.eot');
src:url('/RessourcesCentrales/fonts/Titillium/Bold/titillium-bold-webfont.eot?#iefix') format('embedded-opentype'),
url('/RessourcesCentrales/fonts/Titillium/Bold/titillium-bold-webfont.woff') format('woff'),
url('/RessourcesCentrales/fonts/Titillium/Bold/titillium-bold-webfont.ttf') format('truetype'),
url('/RessourcesCentrales/fonts/Titillium/Bold/titillium-bold-webfont.svg#TitilliumBold') format('svg');
font-weight:normal;
font-style:normal;
}

@font-face {
font-family:'TitilliumBoldItalic';
src:url('/RessourcesCentrales/fonts/Titillium/BoldItalic/titillium-bolditalic-webfont.eot');
src:url('/RessourcesCentrales/fonts/Titillium/BoldItalic/titillium-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
url('/RessourcesCentrales/fonts/Titillium/BoldItalic/titillium-bolditalic-webfont.woff') format('woff'),
url('/RessourcesCentrales/fonts/Titillium/BoldItalic/titillium-bolditalic-webfont.ttf') format('truetype'),
url('/RessourcesCentrales/fonts/Titillium/BoldItalic/titillium-bolditalic-webfont.svg#TitilliumBoldItalic') format('svg');
font-weight:normal;
font-style:normal;
}

html{
font-size:16px;
}

body {
margin:0;
padding:0;
background-color:#090a0d;
font-family:TitilliumRegular, Verdana, Geneva, sans-serif;
color:#FFFFFF;
}

h1, h2, h3, h4, h5, h6 {
font-family:TitilliumBoldItalic, Verdana, Geneva, sans-serif;
text-transform:uppercase;
line-height:1;
margin-top:1rem;
color:#0ede3f;
}

h1 {
font-size:4.5rem;
}

h2 {
font-size:3.25rem;
}

h3 {
font-size:2.25rem;
}

h4 {
font-size:1.75rem;
}

h5 {
font-size:1.5rem;
}

h6 {
font-size:1.25rem;
text-transform:inherit;
}

a, a:link, a:visited {
color:#0ede3f;
text-decoration:none;
-webkit-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease;
}

a:hover, a:focus, a:active {
color:#93939b;
}

a img {
opacity:1;
-webkit-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease;
}

a:hover img, a:focus img, a:active img {
opacity:0.8;
-webkit-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease;
}

.bouton {
font-size:1rem;
font-family:TitilliumBoldItalic, Verdana, Geneva, sans-serif;
text-transform:uppercase;
background-color:#0ede3f;
color:#090a0d !important;
padding:0.75rem 2.25rem 0.75rem 1.5rem;
margin:0 2rem 0 0;
display:inline-block;
background: linear-gradient(-45deg, transparent 15px, #0ede3f 15px, #0ede3f 100%);
cursor:pointer;
}

.bouton:hover, .bouton:focus, .bouton:active  {
color:#FFFFFF !important;	
}

.bouton i {
font-size:2rem;
vertical-align:middle;
}

.bouton span {
vertical-align:middle;
}

.boutonSecondaire {
font-size:1rem;
font-family:TitilliumBoldItalic, Verdana, Geneva, sans-serif;
text-transform:uppercase;
background-color:transparent;
color:#0ede3f !important;
padding:0.75rem 0;
margin:0 2rem 0 0;
display:inline-block;
background: linear-gradient(-45deg, transparent 15px, #090A0D 15px, #090A0D 100%);
cursor:pointer;
}

.boutonSecondaire:hover, .boutonSecondaire:hover, .boutonSecondaire:hover {
color:#FFFFFF !important;
}

button#BoutonReset {
margin:0;
}

ul {
margin:0;
padding:0;
list-style:none;
}

div.clear {
clear:both;
height:0;
font-size:0;
line-height:0;
margin:0;
padding:0;
border:0;
}

.gauche {
text-align:left;
}

.droite {
text-align:right;
}

.centrer {
text-align:center;
}

.emphase {
font-family:TitilliumBoldItalic, Verdana, Geneva, sans-serif;
font-size:1.25rem;
color:#0ede3f;
}

.espacementTop {
margin-top:2rem;
}

.espacementBottom {
margin-bottom:2rem;
}

.miniEspacementTop {
margin-top:1rem;
}

.miniEspacementBottom {
margin-bottom:1rem;
}

label {
font-family:TitilliumBold, Verdana, Geneva, sans-serif;
color:#0ede3f;
}

.column:last-child:not(:first-child), .columns:last-child:not(:first-child) {
float:left;
}

.relative {
position:relative;
}

.ra-pagination ul {
list-style-type:none;
margin:0.75rem 0;
padding:0;
}

.ra-pagination ul li {
position:relative;
float:left;
padding:0 0.25rem;
}

li.iconefichier img {
vertical-align:bottom;
padding-right:0.5rem;
}

iframe {
max-width:100%;
}

[type="color"]:focus, [type="date"]:focus, [type="datetime-local"]:focus, [type="datetime"]:focus, [type="email"]:focus, [type="month"]:focus, [type="number"]:focus, [type="password"]:focus, [type="search"]:focus, [type="tel"]:focus, [type="text"]:focus, [type="time"]:focus, [type="url"]:focus, [type="week"]:focus, textarea:focus {
border:1px solid #0ede3f;
}

input::placeholder, textarea::placeholder {
color:#9a9a9a;
}

label {
font-family:TitilliumSemiBold, Verdana, Geneva, sans-serif;
}

.label, .label.primary {
color:#1E1F22;
}

select, select:hover, select:focus, select:active {
background-color:#1E1F22;
border:1px solid #0ede3f;
color:#FFFFFF;
}

.noMargin {
margin:0;
}


/******************************************************/
/*******************     Header     *******************/
/******************************************************/
div#header {
font-family:TitilliumBoldItalic, Verdana, Geneva, sans-serif;
background-color:#0ede3f;
color:#FFFFFF;
padding:0.25rem 0 0.375rem 0;
}

div#header a {
color:#FFFFFF;
}

div#header a:hover, div#header a:focus, div#header a:active {
color:#090a0d;
}

div#header i {
font-size:1.25rem;
padding:0 0 0 0.25rem;
}

div#header div.droite {
text-transform:uppercase;
}


/******************************************************/
/********************     Menu     ********************/
/******************************************************/
div#menu {
padding:2rem 0 1.375rem 0;
}

div#menu div.large-2 {
padding-right:0;
padding-left:0;
}

div#menu a img {
opacity:1;
-webkit-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease;
}

div#menu a:hover img, div#menu a:focus img, div#menu a:active img {
opacity:0.8;
-webkit-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease;
}

div#main-menu {
font-family:TitilliumBoldItalic, Verdana, Geneva, sans-serif;
}

div#main-menu ul {
margin:0;
padding:0;
list-style:none;
}

div#main-menu ul li {
margin:0;
padding:0;
display:inline-block;
}

div#main-menu ul li a {
font-size:1.25rem;
color:#FFFFFF;
text-transform:uppercase;
display:inline-block;
margin:1rem 1rem 0 1rem;			
}

div#main-menu ul li a:hover, div#main-menu ul li a:focus, div#main-menu ul li a:active,
body.body-vehicules div#main-menu ul li.mnuVehicules a,
body.body-remorques div#main-menu ul li.mnuRemorques a,
body.body-pieces div#main-menu ul li.mnuPieces a,
body.body-services div#main-menu ul li.mnuServices a,
body.body-promotions div#main-menu ul li.mnuPromotions a,
body.body-contact div#main-menu ul li.mnuContact a {
color:#0ede3f; 	
}

div#main-menu ul.sf-menu > li {
float:right;
}

div#main-menu div.flecheSousMenu {
text-align:center;
}

div#main-menu ul li ul {
width:100%;
}

div#main-menu ul li ul li a {
color:#FFFFFF !important;
background-color:#0ede3f;
width:250px;
padding:0.25rem 1rem;
margin:0;
font-size:1.125rem;
text-transform:inherit;
}

div#main-menu ul li ul li a:hover, div#main-menu ul li ul li a:focus, div#main-menu ul li ul li a:active {
color:#090a0d !important;
}

/* Menu mobile */ 
#header .row.mobile-menu {
max-width:100%;
padding:0;
margin-top:1.25rem;
}

div#header .row.mobile-menu .column {
padding:0;
}

div#mobile-menu {
text-align:left;
}

div#mobile-menu .slicknav_menu {
background-color:#0ede3f;
}

div#mobile-menu  .slicknav_btn {    
background-color:#090a0d;
padding:0.375rem;
margin:0;
}

div#mobile-menu .slicknav_menu .slicknav_menutxt {
text-shadow:none;
}

div#mobile-menu ul.slicknav_nav ul {
margin-left:1rem;
}

div#mobile-menu ul.slicknav_nav ul li {
width:100%;	
}

div#mobile-menu ul.slicknav_nav li a {
color:#FFFFFF;
text-transform:uppercase;
margin-left:0;
padding:0.375rem 0.75rem;
display:inline-block;	
}

div#mobile-menu .slicknav_nav a:hover, div#mobile-menu .slicknav_nav a:focus, div#mobile-menu .slicknav_nav a:active {
background-color:rgba(255,255,255,0.4);	
}


/*******************************************************/
/*******************     Bandeau     *******************/
/*******************************************************/
div#bandeau div.conteneur {
background-color:rgba(9,10,13,0.75);
padding:3rem 2rem;
background: linear-gradient(-45deg, transparent 45px, rgba(9,10,13,0.75) 45px, rgba(9,10,13,0.75) 100%);
}

div#bandeau div.conteneur h1 {
position:relative;
line-height:1;
margin:0;
padding:0 0 0 1.5rem;
}

div#bandeau div.conteneur h1.titreSecondaire {
color:#0ede3f;
}

div#bandeau div.conteneur h1:before {
content:"";
position:absolute;
left:0;
bottom:0;
height:100%;
width:10px;
border-left:10px solid #0ede3f;
}

div#bandeau div.conteneur p {
line-height:1.4;
margin:1.5rem 0 2rem 0;
}

div#bandeau .ms-layer {
max-width:100%;
}

div#bandeau div.ms-slide h1 {
font-size:4.5rem;
text-transform:uppercase;
color:#FFFFFF;
}

div#bandeau div.ms-slide p {
font-size:1.125rem;
}


/***********************************************************/
/*******************     Partenaires     *******************/
/***********************************************************/
div#partenaires {
width:100%;
background-color:#FFFFFF;
display:inline-block;
padding:1rem 2rem;
text-align:center;
}

div#partenaires div.partenaireFiche {
position:relative;
float:left;
padding:0 1.5rem;
}

div#partenaires div.partenaires-6 {
width:16.6666%;
}

div#partenaires div.partenaires-5 {
width:20%;
}

div#partenaires div.partenaires-4 {
width:25%;
}

div#partenaires div.partenaires-3 {
width:33.3333%;
}

div#partenaires div.partenaires-2 {
width:50%;
}

div#partenaires div.partenaires-1 {
width:100%;
}

div#partenaires div.partenaireFiche a {
opacity:1;
-webkit-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease;
}

div#partenaires div.partenaireFiche a:hover, div#partenaires div.partenaireFiche a:focus, div#partenaires div.partenaireFiche a:active {
opacity:0.7;
-webkit-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease;
}


/************************************************************/
/*******************     main-content     *******************/
/************************************************************/
div#main-content {
min-height:400px;
padding:2rem 0;
}

div#main-content ul {
list-style-type:disc;
list-style-position:inside;
}

div#main-content div.ra-pagination ul, 
div#main-content div.ficheRecherche ul,
div#main-content div.ficheRechercheDetails ul,
div#main-content ul.coordonnees {
list-style-type:none;
}

div#main-content .colonne-double {
width:50%;
float:left;
}

div#main-content h1 {
background:url(../images/design/backTitre.png) no-repeat top left;
height:181px;
margin:0;
padding:0 0 0 2rem;
}

div#main-content p {
line-height:1.4;
}

/*-----  Pour voir les autres ratios possible : https://www.pushaune.com/blog/tutoriels/rendre-les-videos-youtube-et-vimeo-responsives/  -----*/
.video-container {
position:relative;
padding-bottom:56.25%; /* ratio 16/9 */
height:0;
overflow:hidden;
clear:both;
}

.video-container iframe, .video-container object, .video-container embed {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}

div.vignette {
display:inline-block;
margin:2rem 0 0 0;
}

div.vignette div {
position:relative;
float:left;
}

div.vignette h6 {
margin-top:0;
}

div.vignette i {
color:#0ede3f;
font-size:1.75rem;
margin:0 0.5rem 0 0;
}

div.vignette p {
margin-bottom:0;
}

.label, .label.primary {
background-color:#0ede3f;
}

.ug-tiles-preloader {
display:none;
}



/*------------    Réseaux sociaux    ------------*/
/*-----------------------------------------------*/
div.reseauxSociaux {
border-top:1px solid #93939b;
padding:1rem 0 0 0;
margin:2rem 0 0 0;
width:50%;
display:inline-block;
}

div.reseauxSociaux a.at-share-btn {
border:1px solid #0ede3f;
}


/*------------    Formulaire de recherche    ------------*/
/*-------------------------------------------------------*/
form#formVehicules button {
position:relative;
float:left;
}

div.ficheRecherche {
display:inline-block;
padding:0 0.5rem 0.5rem 0.5rem;
margin-bottom:2rem;
min-height:450px;
width:100%;
background-color:#1b1d26;
}

div.ficheRecherche div.vignetteImage {
height:160px;
}

div.ficheRecherche div.vignetteImage img {
max-height:160px;
}

div.ficheRecherche ul li {
position:relative;
float:left;
width:50%;
margin:0 0 0.375rem 0;
line-height:1;
}

div.ficheRecherche ul li.fullWidth {
width:100%;
}

div.ficheRecherche ul li i {
color:#0ede3f;
font-size:1.25rem;
}

div.ficheRecherche h4 {
font-size:1.125rem;
}

div.ficheRecherche h6 {
margin-top:0.5rem;
margin-bottom:0;
}

div.ficheRecherche a h4,
div.ficheRecherche a h6,
div.ficheRecherche a i {
color:#0ede3f;
-webkit-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease;
}

div.ficheRecherche a:hover h4, div.ficheRecherche a:focus h4, div.ficheRecherche a:active h4,
div.ficheRecherche a:hover h6, div.ficheRecherche a:focus h6, div.ficheRecherche a:active h6,
div.ficheRecherche a:hover i, div.ficheRecherche a:focus i, div.ficheRecherche a:active i {
color:#93939b;
-webkit-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease;
}

div.ficheRechercheDetails h4 {
margin-top:0;
}

div.ficheRechercheDetails ul {
width:100%;
display:inline-block;
}

div.ficheRechercheDetails ul li {
position:relative;
float:left;
width:50%;
}


/*------------     Formulaire de contact     ------------*/
/*-------------------------------------------------------*/
/* Erreurs de saisie */
.messages-box.error {
background-color:#de4343;
border-color:#c43d3d;
}

.messages-box {
background-size:2.5rem;
background-image:linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%, transparent 75%, transparent);
box-shadow:inset 0 -1px 0 rgba(255,255,255,.4);
width:100%;
border:1px solid;
color:#FFFFFF;
padding:1rem;
text-shadow:0 1px 0 rgba(0,0,0,.5);
animation:animate-bg 5s linear infinite;
margin:0 0 1rem 0;
text-align:left;
}

@keyframes animate-bg {
from {
background-position:0 0;
}

to {
background-position:-5rem 0;
}
}

select.invalid, input[type=text].invalid, textarea.invalid {
border:1px solid #DE4343;
margin-bottom:0;
}

.error-message {
display:inline-block;
background-color:#DE4343;
color:#FFFFFF;
width:100%;
margin-bottom:0.875rem;
padding:0.25rem 0.5rem;
font-size:85%;
}

input#ChampFormulaireVide {
position:absolute;
z-index:-99999999;
top:25%;
left:10%;
width:10%;
margin:auto;
}


/*------------     Pour le contenu dynamique     ------------*/
/*-----------------------------------------------------------*/
/* Pages */
div.contenuPage {
padding:0;
margin-bottom:2.5rem;		
}

.image-flottante-droite {
border:none;
padding:0 0 0.375rem 0.375rem;
background:none;
float:right;
margin:0 0 0.375rem 0.625rem;
}

.image-flottante-gauche {
border:none;
padding:0 0.375rem 0.375rem 0;
background:none;
float:left;
margin:0 0.625rem 0.375rem 0;
}

table.tableau-invisible, table.tableau-invisible tbody, table.tableau-invisible tr:nth-of-type(even), table.tableau-invisible tr:nth-of-type(odd) {
border:none;
background:none;
}

table {
border:none;
background:none;
margin:0;
padding:0;
border-collapse:collapse;
width:100%;
}

table thead, table th {
color:#FFFFFF !important;
background-color:#0ede3f;
border:none;
font-family:TitilliumBoldItalic, Verdana, Geneva, sans-serif;
font-size:1.25rem;
}

table tbody {
border:none;
background-color:inherit;
}

table tbody td, table tbody th {
padding:0.5rem 0.625rem;	
}

table tr:nth-of-type(even) {
border:none;
margin:0;
padding:0;
}

table tbody tr:nth-child(2n) {
background-color:#27282B;
border:none;
margin:0;
padding:0;
}

table tr td {
vertical-align:top;
}

hr {
clear:both;
margin:0 0 0.625rem 0;
padding:0;
height:0;
font-size:0;
border:none;
background-color:#FFFFFF;
}

.texte-discret {
font-family:TitilliumRegular, Verdana, Geneva, sans-serif;
font-size:0.875rem;
color:#93939b;	
}

td.texte-discret {
font-size:0.625rem;
color:#FFFFFF;	
}

/* documents */
ul.liste-documents {
list-style-type:none;	
margin-bottom:2.5rem;	
}

li.document {	
margin-bottom:0.125rem;
margin-top:0;
}

ul.liste-documents li.description {
line-height:1.25rem;
font-family:TitilliumLight, Verdana, Geneva, sans-serif;	
margin-bottom:1rem;
}

div.promo {
position:absolute;
top:0;
right:10px;
}


/***********************************************************/
/*******************     Page enfant     *******************/
/***********************************************************/
div.row.blocEnfants .columns {
float:none;
display:inline-block;
vertical-align:top;	
}

div.row.blocEnfants {
text-align:center;
}

div.enfant {
position:relative;
text-align:center;
margin:2rem 0;
}

div.enfant a h4 {
width:90%;
margin:1rem auto;
-webkit-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease;
}

div.enfant a:hover h4, div.enfant a:focus h4, div.enfant a:active h4 {
color:#FFFFFF;
-webkit-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease;
}

/*------------     Page 404     ------------*/
/*------------------------------------------*/
.body-404 {
background-color:#F1F0F8;
text-align:center;
}
.body-404 img {
width:450px;
margin:3.75rem 0 1.25rem 0;
}
.body-404 p {
text-align:center;
font-size:2rem;
color:#1F1F1F;
}
.body-404 a {
color:#1F1F1F;
font-size:1.25rem;
}
.body-404 a:hover, .body-404 a:active, .body-404 a:focus {
color:#687B80;
}


/******************************************************/
/*****************     Google Map     *****************/
/******************************************************/
div#googleMap {
background:url(../images/design/googleMap-2025.jpg) no-repeat top center;
height:382px;
text-align:center;
}

div#googleMap a.bouton {
margin-top:15rem;
padding:0.5rem;
}


/******************************************************/
/*******************     Footer     *******************/
/******************************************************/
footer {
padding:3rem 0 2rem 0;
}

footer a, footer a:link, footer a:visited {
text-decoration:underline;
}

footer div.footerBas div.spacer {
width:2px;
height:90px;
margin:auto;
background-color:#0ede3f;
}

footer div.footerBas div.columns {
background-color:#0ede3f;
color:#090a0d;
padding:0.5rem 0;
text-align:center;
}

footer div.footerBas div.columns a {
color:#FFFFFF;
text-decoration:none;
}

footer div.footerBas div.columns a:hover, footer div.footerBas div.columns a:focus, footer div.footerBas div.columns a:active {
color:#090a0d;
}