/***********************************************************************************************************************************
================= GENERAL
************************************************************************************************************************************/
@font-face {
font-family: 'Frank-Bold';
src: url('../fonts/Frank-Bold.eot');
src: url('../fonts/Frank-Bold.eot?#iefix') format('embedded-opentype'),
url('../fonts/Frank-Bold.svg#Frank-Bold') format('svg'),
url('../fonts/Frank-Bold.ttf') format('truetype'),
url('../fonts/Frank-Bold.woff') format('woff'),
url('../fonts/Frank-Bold.woff2') format('woff2');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Frank-Regular';
src: url('../fonts/Frank-Regular.eot');
src: url('../fonts/Frank-Regular.eot?#iefix') format('embedded-opentype'),
url('../fonts/Frank-Regular.svg#Frank-Regular') format('svg'),
url('../fonts/Frank-Regular.ttf') format('truetype'),
url('../fonts/Frank-Regular.woff') format('woff'),
url('../fonts/Frank-Regular.woff2') format('woff2');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'HelveticaNeue';
src: url('../fonts/HelveticaNeue.eot');
src: url('../fonts/HelveticaNeue.eot?#iefix') format('embedded-opentype'),
url('../fonts/HelveticaNeue.woff2') format('woff2');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'HelveticaNeueRegular';
src: url('../fonts/HelveticaNeueRegular.svg#HelveticaNeueRegular') format('svg'),
url('../fonts/HelveticaNeueRegular.ttf') format('truetype'),
url('../fonts/HelveticaNeueRegular.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'HelveticaNeueMed';
src: url('fonts/HelveticaNeueMed.eot');
src: url('fonts/HelveticaNeueMed.woff') format('woff'), url('fonts/HelveticaNeueMed.ttf') format('truetype'), url('fonts/HelveticaNeueMed.svg') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Conv_HelveticaNeue';
src: url('fonts/HelveticaNeue.eot');
src: url('fonts/HelveticaNeue.woff') format('woff'), url('fonts/HelveticaNeue.ttf') format('truetype'), url('fonts/HelveticaNeue.svg') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Conv_HelveticaNeueBd';
src: url('fonts/HelveticaNeueBd.eot');
src: local('☺'), url('fonts/HelveticaNeueBd.woff') format('woff'), url('fonts/HelveticaNeueBd.ttf') format('truetype'), url('fonts/HelveticaNeueBd.svg') format('svg');
font-weight: normal;
font-style: normal;
}
a:hover{
text-decoration:none;
}
body{
margin:0;
font-family: 'frank-new', sans-serif;
}
body {
/* animation: moveFromBottom 1.5s ease both;
animation-iteration-count: 1;
animation-fill-mode: forwards; */
}
.thm_color1{
color:#041D5B!important;
}
.thm_color2{
color: #2175FF!important;
}
.default-padding {
padding-top: 70px;
padding-bottom: 70px;
}
.pointer{
cursor:pointer;
}
#loading{
position: fixed;
left: 0;
right: 0;
top: 50%;
margin:auto;
margin-top:-60px;
text-align:center;
display:none;
}
/**************************************/
.w100{width:100%!important;}
.w_auto{width:auto!important;max-width:100%}
.pt0 {
padding-top: 0 !important;
}
.pb0 {
padding-bottom: 0 !important;
}
.ptb0 {
padding-bottom: 0 !important;
padding-top: 0 !important;
}
.mb0 {margin-bottom: 0px !important; }
.mb5 {margin-bottom: 5px !important; }
.mb10 {margin-bottom: 10px !important; }
.mb15 {margin-bottom: 15px !important; }
.mb20 {margin-bottom: 20px !important; }
.mb25 {margin-bottom: 25px !important; }
.mb28 {margin-bottom: 28px !important; }
.mb30, .mb-30 {margin-bottom: 30px !important; }
.mb40 {margin-bottom: 40px !important; }
.mb50 {margin-bottom: 50px !important; }
.mt0 {margin-top: 0px !important; }
.mt10 {margin-top: 10px !important; }
.mt15 {margin-top: 15px !important; }
.mt20 {margin-top: 20px !important; }
.mt25 {margin-top: 25px !important; }
.mt28 {margin-top: 28px !important; }
.mt30 {margin-top: 30px !important; }
.mt40 {margin-top: 40px !important; }
.mt50 {margin-top: 50px !important; }
.mt150 {margin-top: 150px !important; }
.p0 {padding: 0px !important; }
.pt10 {padding-top: 10px !important; }
.pt15 {padding-top: 15px !important; }
.pt20 {padding-top: 20px !important; }
.pt25 {padding-top: 25px !important; }
.pt28 {padding-top: 28px !important; }
.pt30 {padding-top: 30px !important; }
.pt50 {padding-top: 50px !important; }
.pt60 {padding-top: 60px !important; }
.pt70 {padding-top: 70px !important; }
.pt80 {padding-top: 80px !important; }
.pt90 {padding-top: 90px !important; }
.pt100 {padding-top: 100px !important; }
.pb10 {padding-bottom: 10px !important; }
.pb15 {padding-bottom: 15px !important; }
.pb20 {padding-bottom: 20px !important; }
.pb25 {padding-bottom: 25px !important; }
.pb28 {padding-bottom: 28px !important; }
.pb30 {padding-bottom: 30px !important; }
.ml0 {margin-left: 0 !important; }
.ml10 {margin-left: 10px !important; }
.ml20 {margin-left: 20px !important; }
.pl0 {padding-left: 0 !important; }
.pl10 {padding-left: 10px !important; }
.pl20 {padding-left: 20px !important; }
.pr10 {padding-right: 10px !important; }
.b0 { border: 0 !important;}
/***************************/
.img_30{position:relative;width:30px;}
.img_50{height:50px;position:relative;width:50px;}
.img_100{height:100px;position:relative;}
.img_120{height:120px;position:relative;}
.img_170{height:170px;position:relative;}
.img_200{height:200px;position:relative;}
.img_210{height:210px;position:relative;}
.img_230{height:230px;position:relative;}
.img_246{height:246px;position:relative;}
.img_250{height:250px;position:relative;}
.img_255{height:255px;position:relative;}
.img_300{height:300px;position:relative;}
.img_330{height:330px;position:relative;}
.img_350{height:350px;position:relative;}
.img_370{height:370px;position:relative;}
.img_400{height:400px;position:relative;}
.img_450{height:450px;position:relative;}
.img_500{height:500px;position:relative;}
.img_550{height:550px;position:relative;}
.img_590{height:590px;position:relative;}
.img_600{height:600px;position:relative;}
.img_650{height:650px;position:relative;}
.img_700{height:700px;position:relative;}
.img_750{height:750px;position:relative;}
.img_800{height:800px;position:relative;}
.img_850{height:850px;position:relative;}
.img_900{height:900px;position:relative;}
.img_950{height:950px;position:relative;}
.cover-image{
position: absolute;
background-repeat: no-repeat!important;
background-position: top center;
background-size: cover!important;
background-position:50%!important;
width: 100%;
height: 100%;
}
.cover-image2{
position: absolute;
background-repeat: no-repeat!important;
background-position: top center;
background-size: cover!important;
background-position:50% 90%!important;
width: 100%;
height: 100%;
}
.cover-image3{
position: absolute;
background-repeat: no-repeat!important;
background-position: top center;
background-size: auto 100%!important;
background-position:50%!important;
width: 100%;
height: 100%;
}
.cover-image4{
position: absolute;
background-repeat: no-repeat!important;
background-position: top center;
background-size: auto auto!important;
background-position:50%!important;
width: 100%;
height: 100%;
}
.cover-image5{
position: absolute;
background-repeat: no-repeat!important;
background-position: top center;
background-size: 100%!important;
background-position:50%!important;
width: 100%;
height: 100%;
}
/***********************************************************************************************************************************
================= Header
************************************************************************************************************************************/
.header{
background:#041D5B;
}
.header.header-full-width{
background:transparent;
}
.header nav.navbar.bootsnav{
background:#041D5B;
}
.header .logo{
width: 190px;
max-width: 100%;
}
nav.navbar.bootsnav ul.nav > li > a{
color:#041D5B;
font: Normal 15px frank-new;
}
@media (min-width: 1024px){
nav.navbar.bootsnav ul.nav {
background:#fff;
padding:10px 0px;
margin:10px 0;
border-radius: 2px;
width: 100% !important;
}
nav.navbar.bootsnav ul.nav > li > a {
padding: 5px 19px;
}
nav.navbar.bootsnav.sticked ul.nav > li > a {
padding: 5px 5px;
}
nav.navbar.bootsnav ul.nav > li > a {
border-right: 2px solid #2175FF;
}
nav.navbar.bootsnav ul.nav > li:last-child > a, nav.navbar.bootsnav ul.nav > li.last-child > a {
border-right: 0px;
}
}
@media (min-width: 1380px){
nav.navbar.bootsnav ul.nav > li > a {
padding: 10px 5px;
font-size: 1.06em !important;
}
nav.navbar.bootsnav ul.nav {
padding:10px;
padding: 5px 5px;
}
nav.navbar.bootsnav.sticked ul.nav > li > a{
padding:10px;
padding: 5px 5px;
}
}
@media (max-width: 1380px){
nav.navbar.bootsnav ul.nav > li > a {
font-size: 11.4px;
}
}
@media (min-width: 1650px){
nav.navbar.bootsnav ul.nav > li > a, nav.navbar.bootsnav.sticked ul.nav > li > a{
padding: 5px 13px;
}
}
@media (min-width: 1455px){
nav.navbar.bootsnav ul.nav > li > a, nav.navbar.bootsnav.sticked ul.nav > li > a{
padding: 5px 11px;
}
}
@media (min-width: 1501px) and (max-width: 1600px){
nav.navbar.bootsnav ul.nav > li > a {
padding: 10px 23px!important;
font-size: 14px!important;
}
}
@media (min-width: 1381px) and (max-width: 1500px){
nav.navbar.bootsnav ul.nav > li > a {
padding: 10px 17px!important;
font-size: 0.99em!important;
}
}
@media (min-width: 1600px){
nav.navbar.bootsnav ul.nav > li > a, nav.navbar.bootsnav.sticked ul.nav > li > a{
padding: 5px 26px;
}
nav.navbar.bootsnav ul.nav {
padding:10px 5px;
margin:0;
width: 100% !important;
}
}
@media (min-width: 1290px) and (max-width: 1380px){
nav.navbar.bootsnav ul.nav > li > a {
padding: 10px 16px!important;
font-size: 0.93em!important;
}
}
@media (min-width: 1200px) and (max-width: 1289px) {
nav.navbar.bootsnav ul.nav > li > a {
font-size: 11px;
}
}
@media (min-width: 1024px){
.navbar-nav > li {
float: none;
display: inline-block;
}
}
@media (min-width: 1200px){
.bootsnav .col-lg-8 {
width: 72%;
}
.bootsnav .col-lg-2 {
width: 14%;
}
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
margin-left: 0;
}
}
.top-menu ul {
text-align:right;
margin:20px 15px 15px;
}
.top-menu ul li{
display:inline-block;
text-align:center;
padding:0px 20px;
}
.top-menu ul li:last-child{
padding-right:0px;
}
.top-menu ul li i{
display:block;
font-size:25px;
}
.top-menu ul li a{
color:#229BFF;
}
.top-menu ul li:hover a, .top-menu ul li.active a{
text-decoration:none;
color:#fff;
}
.top-menu ul li a .icon{
display:block;
text-align:center;
width:34px;
height:34px;
margin: auto;
transition: transform .2s; /* Animation */
}
.top-menu ul li:hover a .icon, .top-menu ul li.ative a .icon{
transform: scale(1.3);
}
/*.top-menu ul li a .icon.icon-panier{*/
/*background:url(../images/icones/panier1.png) no-repeat 50%/100%;*/
/*}*/
/*.top-menu ul li:hover a .icon.icon-panier, .top-menu ul li.active a .icon.icon-panier{*/
/*background:url(../images/icones/panier2.png) no-repeat 50%/100%;*/
/*transform: scale(1.3);*/
/*}*/
.top-menu ul li a .icon.icon-panier{
background:url(../images/icones/mon-compte1.png) no-repeat 50%/100%;
}
.top-menu ul li:hover a .icon.icon-panier, .top-menu ul li.active a .icon.icon-panier{
background:url(../images/icones/mon-compte2.png) no-repeat 50%/100%;
transform: scale(1.3);
}
.top-menu ul li a .icon.icon-contact{
background:url(../images/icones/contact1.png) no-repeat 50%/100%;
}
.top-menu ul li:hover a .icon.icon-contact, .top-menu ul li.active a .icon.icon-contact{
background:url(../images/icones/contact2.png) no-repeat 50%/100%;
transform: scale(1.3);
}
.top-menu ul li a .icon.icon-recrutement{
background:url(../images/icones/recrutement1.png) no-repeat 50%/100%;
}
.top-menu ul li:hover a .icon.icon-recrutement, .top-menu ul li.active a .icon.icon-recrutement{
background:url(../images/icones/recrutement2.png) no-repeat 50%/100%;
transform: scale(1.3);
}
.top-menu ul li a .icon.icon-entreprise{
background:url(../images/icones/entreprise1.png) no-repeat 50%/100%;
}
.top-menu ul li:hover a .icon.icon-entreprise, .top-menu ul li.active a .icon.icon-entreprise{
background:url(../images/icones/entreprise2.png) no-repeat 50%/100%;
transform: scale(1.3);
}
.top-menu ul li a .icon.icon-evenement{
background:url(../images/icones/evenement1.png) no-repeat 50%/100%;
}
.top-menu ul li:hover a .icon.icon-evenement, .top-menu ul li.active a .icon.icon-evenement{
background:url(../images/icones/evenement2.png) no-repeat 50%/100%;
transform: scale(1.3);
}
.logo-groupeauto img{
/* width: 80px;
margin-top: 0;
display: inline-block;
vertical-align: bottom;
position: absolute;
left: 50%;
top: 90px;
transform: translateX(-50%); */
width: 122px;
margin-top: 42px;
display: inline-block;
}
.d-flex {
display: -ms-flexbox !important;
display: flex !important;
}
.justify-content-center {
-ms-flex-pack: center !important;
justify-content: center !important;
}
.logo-groupeauto .slogan{
color: #fff;
font-weight: bold;
text-transform: uppercase;
font-size: 18px;
margin-top: 5px;
margin-bottom: 10px;
line-height: 16px;
letter-spacing: 1px;
}
.logo-groupeauto .slogan span{
font-weight: 100;
font-size: 12px;
letter-spacing: 0;
}
/* ==============================================================
# Banner
=================================================================== */
body, .banner-area,
.banner-area div {
height: 100%;
}
.banner-area {
position: relative;
width:100%;
overflow:hidden;
}
.banner-area a {
transition: all 0.35s ease-in-out;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
-ms-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
}
.banner-area .box-cell {
display: table-cell;
vertical-align: middle;
width: 100%;
}
.banner-area .box-table {
display: table;
width: 100%;
}
.banner-area .box-cell,
.banner-area .box-cell div {
height: auto;
}
.banner-area {
position: relative;
}
.banner-area .content {
overflow: hidden;
}
.banner-area.shadow-inner .content {
padding: 30px;
position: relative;
z-index: 1;
overflow: hidden;
}
.banner-area.shadow-inner .content::after {
background: #1c1c1c none repeat scroll 0 0;
content: "";
height: 100%;
left: 0;
opacity: 0.5;
position: absolute;
top: 0;
width: 100%;
z-index: -1;
}
.banner-area .item h1 {
font-size: 70px;
font-weight: 700;
margin-bottom: 20px;
}
.banner-area .item h1 span {
color: #265DA6;
}
.banner-area .carousel.main-lower .item h1 {
text-transform: inherit;
font-weight: 700;
}
.banner-area .item .content h2 {
display: inline-block;
font-weight: 700;
padding: 0 20px;
position: relative;
z-index: 1;
}
.banner-area .carousel-inner.text-dark .item a,
.banner-area .carousel-inner.text-dark button {
color: #232323;
}
.banner-area .item .content h2::before {
background: #ffffff none repeat scroll 0 0;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 3px;
}
.banner-area .carousel.slide .item .content h1 {
font-weight: 700;
letter-spacing: 0;
margin-bottom: 20px;
}
.banner-area .carousel.slide .carousel-inner.text-uppercase .item .content h1 {
font-size: 50px;
letter-spacing: 1px;
}
.banner-area .carousel.slide .item .content h3 {
display: inline-block;
font-weight: 700;
position: relative;
text-transform: capitalize;
z-index: 1;
margin-bottom: 10px;
}
.banner-area .item h3 {
display: inline-block;
font-weight: 500;
position: relative;
text-transform: uppercase;
z-index: 1;
}
.banner-area .item p {
font-size: 16px;
}
.banner-area .carousel-control {
font-size: 50px;
height: 50px;
line-height: 50px;
padding: 0;
position: absolute;
top: 50%;
width: 50px;
margin-top: -25px;
background: transparent;
opacity: 1;
z-index: 1;
}
.banner-area .item a {
margin-right: 10px;
margin-top: 15px;
}
.banner-area .carousel-control.left {
left: -50px;
}
.banner-area:hover .carousel-control.left {
left: 0;
}
.banner-area .carousel-control.right {
right: -50px;
}
.banner-area:hover .carousel-control.right {
right: 0;
}
.banner-area .carousel.single-title .item h1 {
font-size: 50px;
font-weight: 900;
}
.banner-area .carousel.single-title .item h2 {
font-weight: 700;
text-transform: uppercase;
}
.banner-area .carousel.single-title .item h1 span {
color: #265DA6;
}
/* Animation delays */
.banner-area .item h1:first-child,
.banner-area .item h2:first-child,
.banner-area .item h3:first-child,
.banner-area .item h4:first-child,
.banner-area .item h5:first-child,
.banner-area .item h6:first-child {
animation-delay: .5s;
}
.banner-area .item h1:nth-child(2),
.banner-area .item h2:nth-child(2),
.banner-area .item h3:nth-child(2),
.banner-area .item h4:nth-child(2),
.banner-area .item h5:nth-child(2),
.banner-area .item h6:nth-child(2) {
animation-delay: .7s;
}
.carousel-caption h1:nth-child(3),
.carousel-caption h2:nth-child(3),
.carousel-caption h3:nth-child(3),
.carousel-caption h4:nth-child(3),
.carousel-caption h5:nth-child(3),
.carousel-caption h6:nth-child(3) {
animation-delay: .9s;
}
.banner-area .item p {
animation-delay: .5s;
}
.banner-area .item a,
.banner-area .item button {
animation-delay: .7s;
}
/* Carousel Fade Effect */
.carousel-fade .carousel-inner .item {
-webkit-transition-property: opacity;
transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
left: 0;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
z-index: 2;
}
/* Slider Zoom Effect */
@-webkit-keyframes zoom {
from {
-webkit-transform: scale(1, 1);
}
to {
-webkit-transform: scale(1.2, 1.2);
}
}
@-moz-keyframes zoom {
from {
-moz-transform: scale(1, 1);
}
to {
-moz-transform: scale(1.2, 1.2);
}
}
@-o-keyframes zoom {
from {
-o-transform: scale(1, 1);
}
to {
-o-transform: scale(1.2, 1.2);
}
}
@keyframes zoom {
from {
transform: scale(1, 1);
}
to {
transform: scale(1.2, 1.2);
}
}
/* */
.banner-area .carousel-zoom .slider-thumb {
height: 100%;
position: absolute;
width: 100%;
background-size:cover;/*pour que le slider affiche les images en en entier*/
}
.banner-area.title-theme .item h1 {
color: #265DA6;
font-size: 45px;
font-weight: 700;
}
.banner-area .carousel.single-title .carousel-inner .thumb,
.banner-area .carousel.single-title .carousel-inner .info {
display: table-cell;
float: none;
vertical-align: middle;
}
.banner-area .carousel.single-title .carousel-inner .thumb img {
margin-top: 50px;
}
.banner-area .carousel.item-bg .carousel-inner .item .content h2::after {
background: #ffffff none repeat scroll 0 0;
opacity: 1;
}
.banner-area {
height: 637px;
width:100%;overflow:100%;
}
.banner-area div {
height: 100%;
}
/* ==============================================================
# box en dessous diapo
=================================================================== */
.box_bg_bleu{
background:#041D5B;
text-align:center;
padding:35px 0;
}
.box_bg_bleu h1{
text-transform:uppercase;
color:#fff;
font-size:50px;
font-weight: bold;
font-weight: 600;
margin-top: 0;
margin-bottom: 13px;
height: 64px;
}
.box_bg_bleu h2{
color:#229BFF;
/* font-size:24px;
font-weight:bold; */
letter-spacing:1.2px;
font: 500 24px/29px frank-new;
margin-bottom: 8px;
margin-top: 0px;
}
/* ==============================================================
# conteur
=================================================================== */
.counter{
background:#DFDFDF;
}
@media (min-width: 1024px){
.counter .item{
width:20%!important;
}
}
.counter .item {
text-align:center;
}
.counter .item .timer, .counter .item span {
color:#fff;
font-size:120px;
text-shadow: 1px 1px 7px rgba(0,0,0,0.2);
font-weight:bold;
display: inline-block;
}
.counter .item h4{
color:#041D5B;
font-size:30px;
text-transform:uppercase;
font-weight:bold;
}
/* ==============================================================
# services
=================================================================== */
.services .item .images{
overflow:hidden;
}
.services .item .images .img2{
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.15s ease-in-out;
-moz-transition: all 0.15s ease-in-out;
-ms-transition: all 0.15s ease-in-out;
-o-transition: all 0.15s ease-in-out;
}
.services .item .images .img2{
opacity:0;
}
.services .item:hover .images .img2{
opacity:1;
transform: scale(1.01);
}
.services .item .titre{
text-align:center;
color:#229BFF;
font-size:15px;
text-transform:uppercase;
background:#041D5B;
padding:10px;
font-weight:bold;
}
/* ==============================================================
# footer
=================================================================== */
.footer{
background:#041D5B;
color:#229BFF;
padding:15px 0;
}
.footer p, .footer ul{
margin:0;
}
.footer ul{
list-style:none;
padding: 0;
}
.footer ul li{
display:inline-block;
padding-left:20px;
}
.footer ul li a{
color:#229BFF;
}
.footer-mobile .footer ul li {
display: block;
}
.footer-mobile .footer ul li a {
color: #fff;
}
.footer-mobile .bloc_liens h3{
text-align:center;
}
.footer-mobile .bloc_liens a {
color: #229BFF;
font-weight: 300;
}
/* ==============================================================
# Page titre
=================================================================== */
.page-title{
height:600px;
position:relative;
}
.page-title.page-entreprise {
background:#0a1f58 url(../images/guiproman-pieces-automobile.jpg) no-repeat 50%/cover ;
}
.page-contact{
background:url(../images/bg-contact.jpg) no-repeat 50%/cover;
}
.page-entreprise {
background:#041D5B;
border-top:5px solid #2175FF;
text-align:center;
padding:20px;
}
.page-entreprise .container{
vertical-align: middle;
height: 100%;
margin: auto;
display: grid;
}
.page-entreprise img{
display:inline-block;
}
.page-entreprise h1{
color:#229BFF;
font-size:90px;
font-weight:bold;
}
.page-entreprise h2{
color:#fff;
font-size:35px;
}
.page-pieces-auto{
background:#fff url(../images/bg-pieces-auto.jpg) no-repeat 50%/auto 100% ;
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
}
.page-pieces-auto:hover{
background:#fff url(../images/bg-pieces-auto2.jpg) no-repeat 50%/auto 100%;
}
.page-pneumatiques{
background:#fff url(../images/bg-pneumatiques.jpg) no-repeat 50%/cover ;
}
.page-carrosserie{
background:#fff url(../images/bg-carrosserie.jpg) no-repeat 50%/cover ;
}
.page-consommables{
background:#fff url(../images/bg-consommables.jpg) no-repeat 50%/cover ;
}
.page-garage{
background:#fff url(../images/bg-garage.jpg) no-repeat 50%/cover ;
}
.page-atelier{
background:#fff url(../images/bg-atelier.jpg) no-repeat 50%/cover ;
}
.page-magasins{
background:#fff url(../images/bg-magasins.jpg) no-repeat 50%/cover ;
}
.page-recrutement{
background:#fff url(../images/bg-recrutement.jpg) no-repeat 50%/cover ;
}
.page-evenements{
background:#fff url(../images/bg-evenements.jpg) no-repeat 50%/cover ;
}
/* ==============================================================
# Page Contact
=================================================================== */
.coordonnees-formulaire .item {
text-align:center;
}
.coordonnees-formulaire .item img{
display: inline-block;
}
.coordonnees-formulaire .item h3 a{
color: #041D5B;
font-size: 24px;
letter-spacing: 0.6px;
font-weight: 400;
line-height: 32px;
}
.coordonnees-formulaire .item:hover h3 a{
color: #2175FF;
}
.formulaire .form-control{
border: 3px solid #DFDFDF;
padding:21px 46px;
height: 65px;
border-radius:9px;
font-size: 20px;
color: #707070;
font-weight:500;
line-height:25px;
letter-spacing: 0px;
box-shadow:none!important;
font-family: 'HelveticaNeueMed';
}
.formulaire .form-control::placeholder {
font-family: 'HelveticaNeueMed';
font-size: 20px;
color: #707070;
line-height:25px;
letter-spacing: 0px;
}
.formulaire textarea.form-control {
min-height:332px;
}
.btn.btn-default {
border: 3px solid #2175FF;
border-radius:10px;
color:#2175FF;
text-transform:uppercase;
font-size:25px;
padding:10px 35px;
font-weight:bold;
}
.btn.btn-default:hover {
background: #2175FF;
color: #fff;
}
.formulaire .btn.btn-default{
font-size:30px;
font-weight:500;
letter-spacing: 0px;
min-width:244px;
}
.coordonnees-agences .coordonnees .text-right, .coordonnees-agences .coordonnees .text-right p {
text-align: right;
}
/*******************************************************************/
.coordonnees-agences .item{
margin-bottom:30px;
}
.coordonnees-agences .titre{
color:#fff;
font-size:30px;
text-align:center;
background:#041D5B;
padding:3px 10px;
font-weight:bold;
margin-bottom:25px;
border-radius:3px;
}
.coordonnees-agences p{
color:#041D5B;
font-size:24px;
padding:10px 0;
}
.coordonnees-agences .coordonnees{
border-bottom:2px solid #041D5B;
margin-bottom:10px;
}
/* ==============================================================
# Page Entreprise
=================================================================== */
.box_bg_bleu2 {
background: #2175FF;
text-align: center;
padding: 35px 0;
color:#fff;
}
.box_bg_bleu2 h3{
font-weight: 500;
line-height: 29px;
}
.box_bg_bleu2.pieces h1{
color:#fff;
font-size: 50px;
text-transform:uppercase;
font-weight:600;
margin-top:0;
margin-bottom:13px;
height: 64px;
}
.box_bg_bleu2.pieces h3, .box_bg_bleu2.pieces h2{
color:#041D5B;
/* font-size: 24px; */
/* font-weight:500; */
letter-spacing:1.2px;
/* line-height:29px; */
/* font-family: 'frank-new', sans-serif; */
font: 500 24px/29px frank-new;
margin-bottom:8px;
margin-top: 0px;
}
.presentation h3, .h3_presentation{
color:#2175FF;
font-size:50px;
line-height:61px;
margin-bottom:30px;
margin-top:0px;
font-weight:bold;
}
.presentation p{
color: #041D5B;
font-size: 24px;
/* text-align: justify; */
letter-spacing: 0.6px;
line-height: 36px;
}
.presentation img{
border-radius:3px;
}
/***************************/
.titre_bg_bleu{
background:#041D5B;
color:#fff!important;
font-size:50px;
font-weight:bold;
padding:10px;
text-align:center;
text-transform:uppercase;
letter-spacing: 0.9px;
border-radius:3px;
}
.titre_bg_bleu2 h3{
background:#2175FF;
color:#fff!important;
font-size:50px;
font-weight:bold;
padding:15px;
text-align:center;
text-transform:uppercase;
letter-spacing: 0.9px;
border-radius:3px;
}
.titre_bg_bleu2 h4{
background:#2175FF;
color:#fff!important;
font-size:36px;
font-weight:bold;
padding:10px;
text-align:center;
margin:20px 0;
}
.logos-group{
text-align:center;
}
.logos-group img{
height: 95px;
margin: 8px 18px;
display: inline-block;
}
.list-style1{
padding-left:0;
}
.list-style1 li{
color: #2175FF;
font-size: 23px;
padding: 0 0 35px;
font-weight: 500;
}
.bloc_liens {
color:#fff;
}
.bloc_liens a{
color:#fff;
font-weight:bold;
}
.bloc_liens img{
display:inline-block;
margin-right:15px;
min-width: 71px;
}
/* ==============================================================
# Page Pneumatiques
=================================================================== */
.pneus{
display:inline-block;
}
.pneus .item{
display: inline-block;
padding: 15px;
width: 19%;
vertical-align: top;
}
.pneus .item .image{
text-align:center;
}
.pneus .item .image img{
display: inline-block;
}
.pneus.yellow_border{
width:100%;
display:table;
text-align:center;
}
.pneus.yellow_border .item{
display: table-cell;
padding: 15px;
width: auto;
}
.pneus.four_items .item{
}
.pneus .titre, .consommables .titre, .carrosserie .titre{
color:#041D5B;
text-align:center;
font-size:36px;
font-weight:bold;
padding:20px 0px 10px;
margin-top:15px;
/* border-top: 5px solid #2175FF; */
position:relative;
letter-spacing: 0.36px;
line-height:43px ;
}
.pneus:not(.yellow_border) .titre{
margin-top:35px;
}
.consommables .titre{
display:inline-block;
padding:15px 25px 10px;
min-width: 250px;
margin-top: 0;
}
.pneus.yellow_border .titre {
display:inline-block;
}
.pneus .titre:before,.carrosserie .titre:before, .consommables .titre:before{
position:absolute;
content:"";
width:100%;
height:5px;
background: #2175FF;
left:0;
top:0;
border-radius:2px;
}
.pneus.yellow_border .titre{
/* border-top: 5px solid #FFC004; */
}
.pneus.yellow_border .titre:before,.carrosserie.yellow_border .titre:before{
background : #FFC004;
}
.consommables .item{
margin-bottom:30px;
}
.consommables ul {
margin: 15px auto;
display: table;
}
.consommables ul li{
color:#041D5B;
font-size:24px;
}
/* ==============================================================
# Page Carrosserie peinture
=================================================================== */
.bg_jaune{
background:#FFC004;
}
.text-center {
text-align: center!important;
}
/* ==============================================================
# Page Matériel de garage
=================================================================== */
.style-equipements .item .titre{
color: #041D5B;
text-align: left;
font-size: 36px;
font-weight: bold;
padding: 10px 0px;
margin-left: 15px;
border-bottom: 5px solid #2175FF;
display: inline-block;
margin-bottom:30px;
letter-spacing: 0.9px;
}
.style-equipements .item ul li, .list-style2 li {
color: #041D5B;
/* font-size: 24px; */
font: 400 24px/32px frank-new;
}
.list-style2 li a{
color:#00124C;
}
.list-style2 li a:hover{
color:#2175FF;
}
/* ==============================================================
# Page Atelier spécialisés
=================================================================== */
.box-adr-icone{
margin-bottom:20px;
}
.box-adr-icone a{
cursor:pointer;
}
.box-adr-icone img{
display:inline-block;
max-width:40px;
}
.box-adr-icone .ville{
color:#041D5B;
font-size:24px;
margin-top:0;
padding-top:20px;
letter-spacing: 1.2px;
font-weight: 500;
line-height:29px;
}
.color_text_dark{
color:#172133;
}
.color_text_light{
color:#66696D;
}
/* ==============================================================
# Page Magasins
=================================================================== */
.borderNone{
border:none!important;
}
.hr{
font-size: 20px;
margin: 10px 0;
height: 3px;
width: 100%;
background: #041D5B;
}
@media (min-width: 768px){
.specialite-magasin5 .col-sm-2 {
width: 20%;
}
}
.specialite-magasin img{
display:inline-block;
/*min-width:105px;*/
}
.specialite-magasin .titre{
background:none;
font-size:24px;
padding:0;
text-align:center;
color:#2175FF;
font-weight:400;
line-height: 32px;
margin-top:10px;
margin-bottom:15px;
}
.text-right, .text-right p{
text-align: right;
}
.text-left {
text-align: left!important;
}
.coordonnees p {
text-align:left;
font-size: 24px;
}
.coordonnees-magasin p{
font: 400 24px/32px 'frank-new';
letter-spacing:0;
text-align: inherit;
}
.coordonnees-magasin .icone{
max-width:38px;
margin-right:15px;
}
.coordonnees-magasin .icone{
max-width:38px;
margin-right:15px;
}
.coordonnees-magasin a{
color: #041D5B;
}
.coordonnees-magasin a:hover{
color: #2175FF;
}
.coordonnees .popover-content {
padding: 0px;
}
.coordonnees .popover-content iframe{
display: block;
}
@media(min-width:1200px){
.coordonnees .popover{
max-width: 570px;
width: 570px;
left:0!important;
}
.coordonnees .popover.top > .arrow{
/* left: 16%!important; */
}
}
.popover-map-area .color_text_dark{
text-align: left;
font: 400 15px/17px frank-new;
letter-spacing: -0.15px!important;
color: #172133;
}
.popover-map-area .color_text_light{
text-align: left;
font: 400 15px/17px frank-new;
letter-spacing: -0.15px!important;
color: #66696D;
margin-bottom:0px!important;
padding-bottom:0px;
}
/* ==============================================================
# Page Recrutement
=================================================================== */
h3.h3_recrutement{
font-size:36px;
}
.offres .titre_bg_bleu {
font-size: 36px;
padding: 5px 10px;
text-transform: none;
}
.offres .resume{
text-align:center;
font-size:24px;
color:#041D5B;
font-weight:500;
letter-spacing: 1.2px;
}
.offres .details-contrat{
list-style:none;
padding-left:0;
text-align:center;
}
.offres .details-contrat li{
display:inline-block;
padding: 0 25px 20px;
color:#041D5B;
font-size:30px;
font-weight:500;
line-height:36px;
}
.offres .details-contrat li img{
display:inline-block;
margin-bottom:10px;
}
.offres .icone_details{
color:#2175FF;
font-size:30px;
text-align:center;
font-weight:500;
margin:20px 0 0;
line-height:36px;
}
.offres .icone_details .icone{
border:2px solid #2175FF;
border-radius:100%;
display:inline-block;
width:50px;
height:50px;
line-height:45px;
margin-bottom:15px;
}
.offres textarea {
resize: none;
}
/************/
.d_none{
display:none;
height:0;
opacity:0;
transition: all 2s;
}
.d_block{
display:block;
height:auto;
opacity:1;
transition: all 2s;
}
/* Chrome, Safari, Opera */
@-webkit-keyframes mymove {
from {opacity: 0;}
to {opacity: 1;}
}
/* Chrome, Safari, Opera */
@-webkit-keyframes mynewmove {
from {opacity: 0;}
to {opacity: 1;}
}
@keyframes mymove {
from {opacity: 0;}
to {opacity: 1;}
}
@keyframes mynewmove {
from {opacity: 0;}
to {opacity: 1;}
}
.formulaire_recrutement label img{
margin-right:25px;
width: 65px;
}
.formulaire_recrutement label, label.radiobox{
color:#707070;
font-size:15px;
font-weight:400;
text-align:left;
}
.formulaire_recrutement textarea.form-control {
min-height: 300px;
}
.formulaire_recrutement input[type='file']{
border: 0px solid #DFDFDF;
padding: 15px 0px;
box-shadow: none;
font-size: 15px;
}
.commentaire h3{
font-size:30px!important;
}
.commentaire{
text-align:left;
}
.radiobox {
margin:20px 35px 20px 50px;
display: block;
position: relative;
padding-left: 55px;
margin-bottom: 12px;
cursor: pointer;
font-size: 15px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
color:#707070;
}
/* Hide the browser's default radio button */
.radiobox input {
/* position: absolute; */
opacity: 0;
cursor: pointer;
}
/* Create a custom radio button */
.radiobox {
/* position: absolute; */
top: 0;
left: 0;
border-radius: 50%;
}
/* On mouse-over, add a grey background color */
.radiobox:hover input ~ .radiospan {
/* background-color: #ccc; */
}
.radiobox input ~ .radiospan {
width: 25px;
height: 25px;
background-color: #fff;
position: absolute;
left: 0;
top: 0;
border-radius: 50%;
border:3px solid #041D5B;
}
/* When the radio button is checked, add a blue background */
.radiobox input:checked ~ .radiospan {
background-color: #2196F3;
border:3px solid #2196F3;
}
/* Create the indicator (the dot/circle - hidden when not checked) */
.radiospan:after {
content: "";
position: absolute;
display: none;
}
/* Show the indicator (dot/circle) when checked */
.radiobox input:checked ~ .radiospan:after {
display: block;
}
/* Style the indicator (dot/circle) */
.radiobox .radiospan:after {
top: 2px;
left: 2px;
width: 15px;
height: 15px;
border-radius: 50%;
background: #041D5B;
}
.formulaire_recrutement .form-group {
position:relative;
}
.formulaire_recrutement .form-group > .input-file {
position: absolute;
top: 0; left: 0;
width: 100%;
padding: 14px 0;
opacity: 0;
cursor: pointer;
height:100%;
}
/* styles du retour visuel */
.file-return {
margin: 0;
}
.file-return:not(:empty) {
/* margin: 1em 0; */
}
.formulaire_recrutement .form-group .file-return {
font-style: italic;
font-size: .9em;
font-weight: bold;
}
/* on complète l'information d'un contenu textuel
uniquement lorsque le paragraphe n'est pas vide */
.formulaire_recrutement .form-group .file-return:not(:empty):before {
content: "Fichier sélectionné : ";
font-style: normal;
font-weight: normal;
}
.input-file-trigger{
/* font: 500 20px/25px Helvetica Neue; */
color: #707070;
font-size: 20px!important;
line-height:25px!important;
font-weight: 500!important;
cursor:pointer!important;
font-family: 'HelveticaNeueMed';
}
/* ==============================================================
# Map
=================================================================== */
.map {
overflow:hidden;
}
.map iframe{
display:block;
width:100%;
height:480px;
border:0;
margin-top: -50px;
}
/******************************************/
@media(min-width:992px){
.align_center{
height: 100%;
align-items: center;
display: flex;
}
}
/*******************************************/
.m-lr-auto {
margin-left: auto;
margin-right: auto;
}
.h-full {
height: 100%;
}
.flex-w,
.flex-l,
.flex-r,
.flex-c,
.flex-sa,
.flex-sb,
.flex-t,
.flex-b,
.flex-m,
.flex-str,
.flex-c-m,
.flex-c-t,
.flex-c-b,
.flex-c-str,
.flex-l-m,
.flex-r-m,
.flex-sa-m,
.flex-sb-m,
.flex-col-l,
.flex-col-r,
.flex-col-c,
.flex-col-str,
.flex-col-t,
.flex-col-b,
.flex-col-m,
.flex-col-sb,
.flex-col-sa,
.flex-col-c-m,
.flex-col-l-m,
.flex-col-r-m,
.flex-col-str-m,
.flex-col-c-t,
.flex-col-c-b,
.flex-col-c-sb,
.flex-col-c-sa,
.flex-row,
.flex-row-rev,
.flex-col,
.flex-col-rev,
.dis-flex {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
}
/*------------------------------------------------------------------
[ Flex ]*/
/* ------------------------------------ */
.flex-w {
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap;
}
/* ------------------------------------ */
.flex-l {
justify-content: flex-start;
}
.flex-r {
justify-content: flex-end;
}
.flex-c {
justify-content: center;
}
.flex-sa {
justify-content: space-around;
}
.flex-sb {
justify-content: space-between;
}
/* ------------------------------------ */
.flex-t {
-ms-align-items: flex-start;
align-items: flex-start;
}
.flex-b {
-ms-align-items: flex-end;
align-items: flex-end;
}
.flex-m {
-ms-align-items: center;
align-items: center;
}
.flex-str {
-ms-align-items: stretch;
align-items: stretch;
}
/* ------------------------------------ */
.flex-c-m {
justify-content: center;
-ms-align-items: center;
align-items: center;
}
.flex-c-t {
justify-content: center;
-ms-align-items: flex-start;
align-items: flex-start;
}
.flex-c-b {
justify-content: center;
-ms-align-items: flex-end;
align-items: flex-end;
}
.flex-c-str {
justify-content: center;
-ms-align-items: stretch;
align-items: stretch;
}
.flex-l-m {
justify-content: flex-start;
-ms-align-items: center;
align-items: center;
}
.flex-r-m {
justify-content: flex-end;
-ms-align-items: center;
align-items: center;
}
.flex-sa-m {
justify-content: space-around;
-ms-align-items: center;
align-items: center;
}
.flex-sb-m {
justify-content: space-between;
-ms-align-items: center;
align-items: center;
}
/* ------------------------------------ */
.flex-col-l {
-ms-align-items: flex-start;
align-items: flex-start;
}
.flex-col-r {
-ms-align-items: flex-end;
align-items: flex-end;
}
.flex-col-c {
-ms-align-items: center;
align-items: center;
}
.flex-col-str {
-ms-align-items: stretch;
align-items: stretch;
}
/*---------------------------------------------*/
.flex-col-t {
justify-content: flex-start;
}
.flex-col-b {
justify-content: flex-end;
}
.flex-col-m {
justify-content: center;
}
.flex-col-sb {
justify-content: space-between;
}
.flex-col-sa {
justify-content: space-around;
}
/*---------------------------------------------*/
.flex-col-c-m {
-ms-align-items: center;
align-items: center;
justify-content: center;
}
.flex-col-l-m {
-ms-align-items: flex-start;
align-items: flex-start;
justify-content: center;
}
.flex-col-r-m {
-ms-align-items: flex-end;
align-items: flex-end;
justify-content: center;
}
.flex-col-str-m {
-ms-align-items: stretch;
align-items: stretch;
justify-content: center;
}
.flex-col-c-t {
justify-content: flex-start;
-ms-align-items: center;
align-items: center;
}
.flex-col-c-b {
justify-content: flex-end;
-ms-align-items: center;
align-items: center;
}
.flex-col-c-sb {
justify-content: space-between;
-ms-align-items: center;
align-items: center;
}
.flex-col-c-sa {
justify-content: space-around;
-ms-align-items: center;
align-items: center;
}
/* ------------------------------------ */
.flex-row {
-webkit-flex-direction: row;
-moz-flex-direction: row;
-ms-flex-direction: row;
-o-flex-direction: row;
flex-direction: row;
}
.flex-row-rev {
-webkit-flex-direction: row-reverse;
-moz-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
-o-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.flex-col-l,
.flex-col-r,
.flex-col-c,
.flex-col-str,
.flex-col-t,
.flex-col-b,
.flex-col-m,
.flex-col-sb,
.flex-col-sa,
.flex-col-c-m,
.flex-col-l-m,
.flex-col-r-m,
.flex-col-str-m,
.flex-col-c-t,
.flex-col-c-b,
.flex-col-c-sb,
.flex-col-c-sa,
.flex-col {
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
-o-flex-direction: column;
flex-direction: column;
}
.flex-col-rev {
-webkit-flex-direction: column-reverse;
-moz-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
-o-flex-direction: column-reverse;
flex-direction: column-reverse;
}
/********************************************************/
.map-area {
overflow:hidden;
}
.map-area img{
width:1600px;
/* height:359px; */
max-width:initial;
}
.popup{
background:#fafafa;
border:1px solid #444;
border-radius:6px;
padding:10px;
position:absolute;
display:none;
width:250px;
}
area{
cursor:pointer!important;
}
.popover-area{
opacity:0;
display:none;
}
.width-popover-map-area, .popover.top {
min-width: 400px;
}
.width-popover-map-area img{
width: 100%!important;
}
/* .popover-map-area .color_text_dark{
Font-size:15px;
letter-spacing: -0.15px;
color: #172133;
line-height:17px;
margin-bottom:20px;
}
.popover-map-area .color_text_light{
Font-size:15px;
letter-spacing: -0.15px;
color: #66696D;
line-height:17px;
margin-bottom:20px;
} */
.popover-map-area .popover-content{
padding:15px 10px;
}
.popover-map-area .color_text_dark{
text-align: left;
font: 400 15px/17px frank-new;
letter-spacing: -0.15px!important;
color: #172133;
margin-bottom:15px;
}
.popover-map-area .color_text_light{
text-align: left;
font: 400 15px/17px frank-new;
letter-spacing: -0.15px!important;
color: #66696D;
margin-bottom:0px!important;
padding-bottom:0px;
}
@media (min-width: 768px) {
.popover-map-area .col-sm-5 {
width: 37.66666667%;
}
.popover-map-area .col-sm-7 {
width: 62.33333333%;
}
}
/****************************************/
/* YOUR CSS simplified */
.carousel-inner > .item > img, .carousel-inner > .item > a > img {
display: block;
height: auto;
width: 100%;
line-height: 1;
}
/*Bootstrap Carousel Fade Transition (for Bootstrap 3.3.x)
CSS from: http://codepen.io/transportedman/pen/NPWRGq
and: http://stackoverflow.com/questions/18548731/bootstrap-3-carousel-fading-to-new-slide-instead-of-sliding-to-new-slide
Inspired from: http://codepen.io/Rowno/pen/Afykb*/
.carousel-fade .carousel-inner .item {
opacity: 0;
transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
left: 0;
opacity: 0;
z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
opacity: 1;
}
.carousel-fade .carousel-control {
z-index: 2;
}
/*WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
Need to override the 3.3 new styles for modern browsers & apply opacity*/
@media all and (transform-3d), (-webkit-transform-3d) {
.carousel-fade .carousel-inner > .item.next,
.carousel-fade .carousel-inner > .item.active.right {
opacity: 0;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
transition-duration: 3s;
}
.carousel-fade .carousel-inner > .item.prev,
.carousel-fade .carousel-inner > .item.active.left {
opacity: 0;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
transition-duration: 3s;
}
.carousel-fade .carousel-inner > .item.next.left,
.carousel-fade .carousel-inner > .item.prev.right,
.carousel-fade .carousel-inner > .item.active {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
transition-duration: 3s;
}
}
/********************
*****Slide effect
**********************/
.fade-anim {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.fade-anim .item {
top: 0;
z-index: 1;
opacity: 0;
width: 100%;
position: absolute;
left: 0 !important;
display: block !important;
-webkit-transition: opacity ease-in-out 3s;
-moz-transition: opacity ease-in-out 3s;
-ms-transition: opacity ease-in-out 3s;
-o-transition: opacity ease-in-out 3s;
transition: opacity ease-in-out 3s;
}
.fade-anim .item:first-child {
top: auto;
position: relative;
}
.fade-anim .item.active {
opacity: 1;
z-index: 2;
-webkit-transition: opacity ease-in-out 3s ;
-moz-transition: opacity ease-in-out 3s ;
-ms-transition: opacity ease-in-out 3s ;
-o-transition: opacity ease-in-out 3s ;
transition: opacity ease-in-out 3s ;
}
.carousel-inner .item > .zoom_slide {
-webkit-animation: zoom 28s;
animation: zoom 28s;
}
@media (min-width:765px){
.bloc_espace .box-adr-icone .ville{
margin-bottom:0!important;
}
.bloc_espace .box-adr-icone {
margin-bottom: 0px!important;
}
}
@media (max-width:992px){
.bloc_espace img{
margin-bottom:20px;
}
}
.form-group {
margin-bottom: 40px;
}
form .col-xs-1, form .col-sm-1, form .col-md-1, form .col-lg-1, form .col-xs-2, form .col-sm-2, form .col-md-2, form .col-lg-2, form .col-xs-3, form .col-sm-3, form .col-md-3, form .col-lg-3, form .col-xs-4, form .col-sm-4, form .col-md-4, form .col-lg-4, form .col-xs-5, form .col-sm-5, form .col-md-5, form .col-lg-5, form .col-xs-6, form .col-sm-6, form .col-md-6, form .col-lg-6, form .col-xs-7, form .col-sm-7, form .col-md-7, form .col-lg-7, form .col-xs-8, form .col-sm-8, form .col-md-8, form .col-lg-8, form .col-xs-9, form .col-sm-9, form .col-md-9, form .col-lg-9, form .col-xs-10, form .col-sm-10, form .col-md-10, form .col-lg-10, form .col-xs-11, form .col-sm-11, form .col-md-11, form .col-lg-11, form .col-xs-12, form .col-sm-12, form .col-md-12, form .col-lg-12 {
padding-right: 20px;
padding-left: 20px;
}
.wrap-sticky { background: #041d5b !important;}
.navbar-collapse.collapse { display: inline-block !important; width: 100% !important;}
.fs30 { font-size: 30px !important;}