Administration

Apparence du site

Logo du site

Nom du site * Ce champ est obligatoire

Police et couleur du logo *

Ce champ est obligatoire

Slogan du site

Couleur primaire *

Ce champ est obligatoire

Couleur secondaire *

Ce champ est obligatoire

Couleur tertiaire *

Ce champ est obligatoire

Police et couleur des titres *

Ce champ est obligatoire

Police et couleur du texte *

Ce champ est obligatoire

Police et couleur des liens *

Ce champ est obligatoire

/* NAV */
nav#haut { position: absolute; z-index: 10; width: 100%; background: none; }
nav#haut .nav-item { padding: 0 20px; }
nav#haut .nav-item a { font-size: 0.9em !important; color: #0F1B2E !important; text-transform: uppercase; font-weight: bold; }

/* SLIDER */
.bg-caption { background: none !important; text-align: left; color: #FFF; }
.carousel-inner div.caption h1 { color: #FFF; font-size: 4em !important; text-transform: uppercase; }
.carousel-inner div.caption p { color: #FFF; font-size: 1em !important; text-transform: uppercase; font-weight: bold; }
@media (max-width: 992px) { 
.carousel-inner div.caption { background-color: #3D4266; }
}

/* SECTIONS 1 - 3 TEXTES */
#section-1 { padding-top: 0 !important; }
#homepage h2 { text-align: center; font-size: 4em;  text-transform: uppercase; background: url(/images/upload/demo-7/photos/h2-bg.png) bottom center no-repeat; background-size: 25%; }
#section-1 h2 { text-align: left; background-position: bottom left; }
.div-text { background: #0F1B2E; padding: 5% 15% 5% 5%; box-shadow: #d4d4d4 5px 5px 5px; }
.div-text h3 { color: #FFF !important; font-size: 3em; text-transform: uppercase; }
.div-text p { color: #FFF !important; }
.div-text button { color: #FFF !important; background: none; border: solid 3px; padding: 8px 54px; font-size: 1.2em; }
.div-pix { padding: 5% 0; }

/* SECTION 2 VIGNETTES */
#section-2 { background: url(/images/upload/demo-7/photos/bg-1.jpg) center top no-repeat; background-size: cover; }
#section-2 a.col-md-3 { display: block; background-size: cover !important; background-position: center !important; padding: 2%; height: 190px; box-shadow: #999 5px 5px 5px; margin-bottom: 2%; font-family: Oswald, sans-serif; color: #FFF; font-size: 1.5em; text-shadow: #999 2px 2px 2px; }
#section-2 a.col-md-3:hover { opacity:1 !important; background-size: cover; background-size: 110% !important;}
#section-2 a.tbn-1 { background: url(/images/upload/demo-7/photos/tbn-1.jpg); }
#section-2 a.tbn-2 { background: url(/images/upload/demo-7/photos/tbn-2.jpg); }
#section-2 a.tbn-3 { background: url(/images/upload/demo-7/photos/tbn-3.jpg); }
#section-2 a.tbn-4 { background: url(/images/upload/demo-7/photos/tbn-4.jpg); }
#section-2 a.tbn-5 { background: url(/images/upload/demo-7/photos/tbn-5.jpg); }
#section-2 a.tbn-6 { background: url(/images/upload/demo-7/photos/tbn-6.jpg); }

/* SECTION 3 */
#section-3 { background: url(/images/upload/demo-7/photos/footer-bike.jpg) center top no-repeat; background-size: cover; padding-top: 20% !important; }
#section-3 h2 { color: #FFF; background: url(/images/upload/demo-7/photos/h2-bg-b.png) bottom center no-repeat; background-size: 25%; }
#section-3 .div-text { background: #4D4D4D; box-shadow: none; }
.section-article { padding-top: 10% !important; }