@import url('general.css');
/* CSS Document */
#fiche .premier {
  background: url("../images/onglet.jpg") repeat-x scroll left top #191919;
  color: #FFFFFF;
}

/* other */
.other{ margin-top:2em;}
.other > *{ display:inline-block; vertical-align:top}
.other > aside{ width: 24%; }
.other > div{ width: 73%; float:right }

/* page liste */
.contentList{ width: 73%;}
.carousel-4{ position:relative; padding:0 2em; background-color:#FFFFFF;}
.carousel-4 ul{ width:100%; height:95px; background: #0C0C0C url(../images/fiche.png) top left repeat-x; min-width:675px}
.carousel-4 ul li{ width:100px; height:75px; margin:0; padding:1em .6em; background: #000 url(../images/fiche.png) top left repeat-x; position:relative; overflow:visible!important; cursor:pointer}
.carousel-4 ul li.active {}
.carousel-4 ul li img.pic{ position:absolute; top:-1.9em; left:37%; width:auto; height:auto}
.carousel-4 ul li img{ width:100%; height:67px}
.mid{ background:#fff; text-align:center; /*width:100%*/ width:712px; position:relative; left:-20px}
.mid img{/* max-width:100%*/}
.carousel-4 a{ position:absolute; bottom:4em; z-index:1000}
.fichePrev{border-bottom: 10px solid transparent;border-right: 10px solid #0B96EB;border-top: 10px solid transparent;display: block;left: 0.5em;}
.ficheNext{border-bottom: 10px solid transparent;border-left: 10px solid #0B96EB;border-top: 10px solid transparent; display: block; right: 0.5em;}
.maskLeft{ position:absolute; left:0; bottom:0; z-index:500; width:20px; height:95px}
.maskRight{ position:absolute; right:0; bottom:0; z-index:500; width:20px; height:95px}

/*! .quoteWhite{ background-color:#fff; padding:1.3em 1em; width:98.2%;
-moz-border-radius: 0 0 .6em .6em;
-webkit-border-radius: 0 0 .6em .6em;
-o-border-radius: 0 0 .6em .6em;
border-radius: 0 0 .6em .6em;
} */
.quoteBack{ background:#000 url(../images/fiche.png) top left repeat-x; padding:1.3em 1em; width:98.2%;
-moz-border-radius: .6em;
-webkit-border-radius: .6em;
-o-border-radius: .6em;
border-radius: .6em;
margin-bottom:2em;
}
/*.quoteWhite > *, */.quoteBack > *{ display:inline-block; vertical-align:middle; /*! margin:0 .7em */}
.guarante{ font-size:1.2em; color:#333333}
.quoteBack .guarante{ color:#fff}
.guarante b{ font-size:1.4em}
.guarante strong{ font-size:1.5em; font-weight:normal; color:#FF0000;}
.tel{ font-size:1.2em; color:#333; /*! width:12%; */ text-align:right; background:url(../images/tel.png) center left no-repeat; padding:0 0 0 1.9em}
.quoteBack .tel{ color:#fff}
.tel strong{ color:#009933; font-size:1.5em; font-weight:normal;}
.quoteWhite a, .quoteBack a{ display:inline-block; width:20%; height:2.8em; border:1px solid #02466D; font-weight:bold; font-family:'RobotoLight'; line-height:2.8em; text-decoration:none; color:#fff; padding-left:1em; font-size:1.4em; zoom:1;
-moz-border-radius: .4em;
-webkit-border-radius: .4em;
-o-border-radius: .4em;
border-radius: .4em;

background:#01619B url(../images/picto_fleche2.png) 8em .9em no-repeat;
background:url(../images/picto_fleche2.png) 8em .9em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#0277BD), to(#014B78));
background :url(../images/picto_fleche2.png) 8em center no-repeat, -moz-linear-gradient(top, #0277BD 0%, #014B78 100%);
background :url(../images/picto_fleche2.png) 8em .9em no-repeat, -o-linear-gradient(top, #0277BD 0%, #014B78 100%);
background :url(../images/picto_fleche2.png) 8em .9em no-repeat, -ms-linear-gradient(top, #0277BD 0%, #014B78 100%);
-pie-background: linear-gradient(#0277BD, #014B78);

position:relative;

box-shadow:rgba(0, 0, 0, 0.8) .0em .0em .5em;/*inset*/
-moz-box-shadow:rgba(0, 0, 0, 0.8) .0em .0em .5em;/*inset*/
-webkit-box-shadow:rgba(0, 0, 0, 0.8) .0em .0em .5em;/*inset*/
-o-box-shadow:rgba(0, 0, 0, 0.8) .0em .0em .5em;/*inset*/}

.quoteWhite a{ margin-right:0;margin-left:.5em }
.quoteBack a{margin-right:0;margin-left:.5em }

.separ_sec{ background:url(../images/fiche-3.png) top center no-repeat; height:1.7em}

/* onglet */
.tabs { position: relative;	margin: 1em auto 0px;width: 100%; overflow:hidden}

.tabs input { position: absolute;z-index: 1000;left: 0px;top: 0px;opacity: 0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);cursor: pointer;}
.tabs input#tab-2{left: 300px;}
.tabs input#tab-3{left: 450px;}
.tabs input#tab-4{left: 360px;}
.tabs h2{ font-weight:normal; font-size:1.1em;}
.tabs h2 label {font-size: 14px; /*! line-height:14px; */position: relative; padding: 0 10px; padding-bottom:10px;  float: left;display: block; color: #999; top: 0px; letter-spacing: 1px; text-align: center; cursor:pointer; padding-top:8px; /*! height:28px; */
width:max-content; 
width:-moz-max-content; 
width:-webkit-max-content; 
width:-o-max-content; 
-moz-border-radius: .2em .2em 0 0;
-webkit-border-radius: .2em .2em 0 0;
-o-border-radius: .2em .2em 0 0;
border-radius: .2em .2em 0 0;
max-width:17.5em;
	}

/*.tabs label:after { content: '';background: #fff;position: absolute;bottom: -8px;left: 0;width: 100%;height: 8px;display: block;}*/
.tabs input:hover + h2 label {top: -3px;
	/*-webkit-transition: top linear 0.1s;
    -moz-transition: top linear 0.1s;
    -o-transition: top linear 0.1s;
    -ms-transition: top linear 0.1s;
    transition: top linear 0.1s;*/
	color:#666;
}


.tabs input:checked:hover + h2 label {top: 0;}
.tabs input:checked:hover + h2 label ~ .clear-shadow {   top: 0;
	/*-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	-ms-transition: none;*/
	transition: none;
}

.tabs input.tab-selector-1:hover + h2 label.tab-label-1 ~ .clear-shadow{z-index: 3;}
.tabs input.tab-selector-2:hover + h2 label.tab-label-2 ~ .clear-shadow {z-index: 2;}
.tabs input.tab-selector-3:hover + h2 label.tab-label-3 ~ .clear-shadow {z-index: 1;}
.tabs input.tab-selector-4:hover + h2 label.tab-label-4 ~ .clear-shadow {z-index: 0;}
.tabs label:first-of-type { z-index: 4;}

.tab-label-2 { z-index: 3;}
.tab-label-3 { z-index: 2;}
.tab-label-4 { z-index: 1;}
.tabs input h2 label{ }
.tabs input:checked + h2 label {z-index: 6; background:#1B1B1B url(../images/onglet.jpg) top left repeat-x; color:#FFFFFF; cursor:pointer;
	/*-webkit-transition: top linear 0.2s;
    -moz-transition: top linear 0.2s;
    -o-transition: top linear 0.2s;
    -ms-transition: top linear 0.2s;
    transition: top linear 0.2s;*/
}

.clear-shadow {position: relative;top: 0; height: 10px;clear: both;z-index: -2; box-shadow: 0 -2px 3px -2px rgba(0,0,0,0.2); background-color:#111; background:url(../images/onglet.jpg) bottom left repeat-x, url(../images/onglet-2.png) bottom left no-repeat;}
.content { position: relative; width: 100%; /*height: 370px;*/z-index: 5;	/*overflow: hidden; */border-radius: 0 3px 3px 3px; width:2157px;
width:max-content; 
width:-moz-max-content; 
width:-webkit-max-content; 
width:-o-max-content; height:0;

}
.content div { /*position: absolute*/ float:left;top: 0;padding: 10px;z-index: 1;  /*opacity: 0;*/ position:relative; /*! width:695px; */
	font-size:13px;
	color:#666666;
    /*-webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    transition: all linear 0.3s;*/
}
.content div  div{ opacity:1; margin:0; padding:0}
.content-1, .content-3 {
	/*-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-o-transform: translateX(0px);
	-ms-transform: translate(0px, 0px);*/
	transform: translateX(0px);
}

.content-2, .content-4 {
   /* -webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-o-transform: translateX(0x);
	-ms-transform: translate(0px, 0px);*/
	transform: translateX(0px);
}

.content-2 table tr td{ padding:10px; font-size:14px; color:#999999}
.content-3 ul li a{ font-weight:bold}
.content-3 ul ul li a{ font-weight:normal; display:block; width:250px; color:#666666}
.content-3 ul ul li{ width:100%; display:block}

.tabs input.tab-selector-1:checked ~ .content .content-1{ background:url(../images/onglet-2.png) 0px 0px no-repeat}
.tabs input.tab-selector-2:checked ~ .content .content-2{ background:url(../images/onglet-2.png) 155px 0px no-repeat}
.tabs input.tab-selector-3:checked ~ .content .content-3{ background:url(../images/onglet-2.png) 360px 0px no-repeat}
.tabs input.tab-selector-1:checked ~ .content .content-1, .tabs input.tab-selector-1:checked ~ .content .content-2, .tabs input.tab-selector-1:checked ~ .content .content-3
{
    /*-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-o-transform: translateX(0px);
	-ms-transform: translate(0px, 0px);
	transform: translateX(0px);*/
	z-index: 100;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    /*-webkit-transition: all ease-out 0.2s 0.1s;
    -moz-transition: all ease-out 0.2s 0.1s;
    -o-transition: all ease-out 0.2s 0.1s;
    -ms-transition: all ease-out 0.2s 0.1s;
    transition: all ease-out 0.2s 0.1s;*/  width:695px;
}
.tabs input.tab-selector-2:checked ~ .content .content-1, .tabs input.tab-selector-2:checked ~ .content .content-2, .tabs input.tab-selector-2:checked ~ .content .content-3
{
    /*-webkit-transform: translateX(-715px);
	-moz-transform: translateX(-715px);
	-o-transform: translateX(-715px);
	-ms-transform: translate(-715px, 0px);
	transform: translateX(-715px);*/
	z-index: 100;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    /*-webkit-transition: all ease-out 0.2s 0.1s;
    -moz-transition: all ease-out 0.2s 0.1s;
    -o-transition: all ease-out 0.2s 0.1s;
    -ms-transition: all ease-out 0.2s 0.1s;
    transition: all ease-out 0.2s 0.1s;*/  width:695px;
}

.tabs input.tab-selector-3:checked ~ .content .content-1, .tabs input.tab-selector-3:checked ~ .content .content-2, .tabs input.tab-selector-3:checked ~ .content .content-3
{
   /* -webkit-transform: translateX(-1430px);
	-moz-transform: translateX(-1430px);
	-o-transform: translateX(-1430px);
	-ms-transform: translate(-1430px, 0px);
	transform: translateX(-1430px);*/
	z-index: 100;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    /*-webkit-transition: all ease-out 0.2s 0.1s;
    -moz-transition: all ease-out 0.2s 0.1s;
    -o-transition: all ease-out 0.2s 0.1s;
    -ms-transition: all ease-out 0.2s 0.1s;
    transition: all ease-out 0.2s 0.1s;*/  width:695px;
}


.content div h2,
.content div h3{color: #398080;}
.content div p {font-size: 13px; line-height: 150%;	text-align: left; margin: 0;color: #666; padding-left: 10px; font-family:Arial, Helvetica, sans-serif;}
.content div p a{ font-size:13px; color:#0277BD}
.content div p a:hover{ color:#000;}
.content div ul li{text-align:left; border:none; background:none; margin:.5em 0 .5em 2em; padding:0; vertical-align:top}
.content div ul {width:347px;float:left;clear:none!important}

.content div ul li ul{
}

.content div ul li>*{ display:inline-block; vertical-align:middle; }
.content div ul li span{border-bottom: 5px solid transparent; border-left: 7px solid #424A55; border-top: 5px solid transparent; margin-right:10px}
.content div ul li a{ font-size:13px; color:#666}
.content div ul li a:hover{ color:#0277BD}
.content div ul li li{ display:block}


/* wyzy */
.wizy{}
body div.wizy h2{ font-size: 1.2em; font-weight:bold; color:#000}
body div.wizy h3{ font-size:1.1em; font-weight:bold; color:#000}


@keyframes "page" {
 0% {
    left: 0;
 }
 50% {
    left: 10px;
 }
 100% {
    left: 0;
 }

}

@-moz-keyframes page {
 0% {
   left: 0;
 }
 50% {
   left: 10px;
 }
 100% {
   left: 0;
 }

}

@-webkit-keyframes "page" {
 0% {
   left: 0;
 }
 50% {
   left: 10px;
 }
 100% {
   left: 0;
 }

}

@-ms-keyframes "page" {
 0% {
   left: 0;
 }
 50% {
   left: 10px;
 }
 100% {
   left: 0;
 }

}

@-o-keyframes "page" {
 0% {
   left: 0;
 }
 50% {
   left: 10px;
 }
 100% {
   left: 0;
 }
}
/*modifs Tolotra Ny Aina - Avril 2017*/
.quoteBack{text-align: center}
.quoteBack>*{margin:0 3em}
@media(min-width:1350px){
.quoteWhite>.goto_car_quotes,.quoteBack>.goto_car_quotes{text-align: left;width: 8.5em}
.tabs h2 label{height: 2em}
.ficheProduit{display: inline-block}
.quoteWhite{width: calc(100% - 732px);float: right}
.quoteWhite .vehiclSpecs{min-height:120px;}
.quoteWhite .vehiclSpecs .titleSpecs{font-weight:normal;color:#0476BD;font-size:20px;text-align:center;padding-bottom:3px;margin-bottom:7px;border-bottom:1px solid;font-family:'RobotoLight',Arial,sans-serif}
.quoteWhite .vehiclSpecs table tr td{font-size:12px;padding: 10px 5px;}
.quoteWhite .vehiclSpecs table tr td:first-child{width: 40%}
.quoteWhite .guarante{display: block;background: #fff;margin: 15% 0;text-align: center;padding: 7px 0}
.quoteWhite .goto_car_quotes{display: block;margin: 0 auto;width: 120px;}
.quoteWhite .tel{display: block;width: 130px;margin: 25px auto}
.quoteWhite .div1{height:450px;}
.quoteWhite .div2{height:90px;display: inline-block;width: 100%;}
#headFiche{margin-bottom: 1em}
#headFiche+.separ_sec{clear: both}
.tabs h2 label.tab-label-2{display:none}
.quoteWhite .no_spec{text-align:center;font-size:12px}
}
/*@media(min-width:1350px) and (max-width:1382px){
.quoteWhite .tel{display: block;width: 145px;margin: 12em auto 0}
}*/
@media(max-width:1349px){
.quoteWhite{display:none}
.tabs h2 label.tab-label-2{display:block}
}