@charset "utf-8";
/* CSS Document */

/*------------------------------------*/
/*------------OBLIGATOIRE-------------*/
/*------------------------------------*/
body, html{margin:0;padding:0;}
/*ON ENLEVE LE FIL D'ARIANE*/
.main .cheminDeFer{display: none !important;}
/*ON ENLEVE LA PAGINATION ET LA NAV AU CAS OU IL Y AURAIT PLUSIEURS PAGES*/
.navList {display:none !important;}
.pager{display: none !important;}


/*------------------------------------*/
/*-------------FACULTATIF-------------*/
/*------------------------------------*/
/*ON ENLEVE LES MARGES AUTOUR DU HEADER*/
#headerWrapper { margin-bottom:0; margin-top:0; }
/*SUPPRIMER LES MARGES OBLIGE A DEBUGGER LE MINI-HEADER*/
body.miniHeader .ghostHeader{padding-top:130px; display:block;}
/*DEBUGGER LE MINI-HEADER OBLIGE A ENLEVER LA BARRE D'ADMIN*/
#topMenu {display:none !important;}
/*ON PREND 100% DE LA LARGEUR DE LA PAGE*/
#Top.main {width:100%;}

.navigationPage {
	width: 100%;
	padding: 0;
	background: transparent;
}

#bloc_ariane {
	display: none;
}

#body {
	width: 100%;
	background: #ffffff;
}

.bloc_top_product {
	width: 995px;
	margin: 0 auto 17px auto;
}

/*------------------------------GENERAL------------------------------*/

#apple {
	font-family: 'Roboto', sans-serif;
	color: #333333;
	font-size: 16px; 
	line-height: 19px;
	font-weight: 400;
}

#apple p {
	margin: 0;
}

#apple section {
	width: 100%;
	padding: 40px 0px;
	overflow: hidden;
}

#apple section div.content {
	width: 995px;
	margin: 0 auto;
}

#apple span.h2 {
	text-align: center;
	font-weight: 300;
	font-size: 35px;
	text-transform: uppercase;
	margin: 0 0 30px 0;
	display: block;
	line-height: 22px;
}

#apple span.bleu {
	color: #11a8d4;
}

#apple span.gras {
	font-weight: 500;
}

a#clickToCall {
	border-radius: 0;
}

/*------------------------------SLIDER------------------------------*/

#apple section#slider {
	margin-top: 20px;
	padding: 0;
}

.jssorb05 {
	position: absolute;
}

.jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {
	position: absolute;
	width: 18px;
	height: 18px;
	background: url('images-op/b05.png') no-repeat;
	overflow: hidden;
	cursor: pointer;
}

.jssorb05 div { 
	background-position: 0px 0px;
}

.jssorb05 div:hover, .jssorb05 .av:hover { 
	background-position: -18px 0px;
}

.jssorb05 .av { 
	background-position: -36px 0px;
}

.jssorb05 .dn, .jssorb05 .dn:hover { 
	background-position: -18px 0px;
}


/*------------------------------PRODUITS------------------------------*/

#apple section#produits p:nth-child(2) {
	text-align: center;
	font-weight: 300;
	margin: 0 0 30px 0;
}

#apple section#produits a {
	float: left;
	display: block;
	border: 1px solid #cdcdcd;
	width: 183px;
	margin-left: 20px;
	box-sizing: border-box;
	text-decoration: none;
}

#apple section#produits a:nth-of-type(1) {
	margin: 0;
}

#apple section#produits a:nth-of-type(1) p:nth-child(3) {
	width: 148px;
	margin: 20px auto 15px auto;
}

#apple section#produits a:nth-of-type(2) p:nth-child(3) {
	width: 131px;
	margin: 20px auto 15px auto;
}

#apple section#produits a:nth-of-type(3) p:nth-child(3) {
	width: 134px;
	margin: 20px auto 15px auto;
}

#apple section#produits a:nth-of-type(4) p:nth-child(3) {
	width: 165px;
	margin: 20px auto 15px auto;
}

#apple section#produits a:nth-of-type(5) p:nth-child(3) {
	width: 148px;
	margin: 20px auto 15px auto;
}

#apple section#produits a p:nth-child(1) {
	font-weight: 300;
	font-size: 20px;
	margin: 15px 0 20px 0;
	text-align: center;
	color: #333333;
}

#apple section#produits a p:nth-child(3) {
	font-weight: 300;
	font-size: 16px;
	text-align: center;
	color: #11a8d4;
}

#apple section#produits a p:nth-child(3)::after {
	content: "";
	text-align: center;
	display: block;
	width: 100%;
	height: 1px;
	transform: scale(0);
	background-color: #11a8d4;
	-moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}

#apple section#produits div a:hover p:nth-child(3)::after {
	transform: scale(1);
	-moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#apple section#produits a:nth-of-type(6) {
	width: 100%;
	margin: 20px 0 20px 0;
	clear: both;
}

#apple section#produits a:nth-of-type(6) img {
	float: left;
	width: 704px;
}

#apple section#produits a:nth-of-type(6) div {
	float: right;
	width: 289px;
}

#apple section#produits a:nth-of-type(6) div p:nth-child(1) {
	font-weight: 300;
	font-size: 20px;
	margin: 55px 0 20px 0;
	text-align: center;
	color: #333333;
}

#apple section#produits a:nth-of-type(6) div p:nth-child(2) {
	font-weight: 300;
	font-size: 16px;
	text-align: center;
	color: #11a8d4;
	width: 176px;
	margin: 0 auto;
}

#apple section#produits a:nth-of-type(6) div p:nth-child(2)::after {
	content: "";
	text-align: center;
	display: block;
	width: 100%;
	height: 1px;
	transform: scale(0);
	background-color: #11a8d4;
	-moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}

#apple section#produits a:nth-of-type(6):hover div p:nth-child(2):hover::after {
	transform: scale(1);
	-moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#apple section#produits a:nth-of-type(7) {
	display: block;
	background-color: #11a8d4;
	color: #ffffff;
	padding: 10px 15px;
	width: 225px;
	box-sizing: content-box;
	text-transform: uppercase;
	margin: 20px auto 0 auto;
	border-color: #11a8d4;
	float: none;
	clear: both;
	-moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}

#apple section#produits a:nth-of-type(7):hover {
	background-color: #ffffff;
	color: #11a8d4;
	-moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

/*------------------------------ONGLET SERVICES------------------------------*/



#apple section#bloc-onglets {
	background-color: #F6F6F6;
}

#bloc-onglets section {
	border-top: 1px solid #cdcdcd;
	padding-bottom: 0;
}

#bloc-onglets .tab_container {
	width: 995px;
	margin: 0 auto;
	position: relative;
}

#bloc-onglets input, #bloc-onglets section {
  clear: both;
  padding-top: 10px;
  display: none;
}

#bloc-onglets label {
	font-size: 20px;
	display: block;
	float: left;
	color: #333333;
	cursor: pointer;
	text-decoration: none;
	text-align: center;
	box-sizing: border-box;
	margin-left: 25px;
	padding-bottom: 20px;
	position: relative;
}

#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3,
#tab4:checked ~ #content4,
#tab5:checked ~ #content5 {
  display: block;
}

.tab_container .tab-content p {
  -webkit-animation: fadeInScale 0.7s ease-in-out;
  -moz-animation: fadeInScale 0.7s ease-in-out;
  animation: fadeInScale 0.7s ease-in-out;
}

#apple section#bloc-onglets .tab_container [id^="tab"]:checked + label.plop1 img {
	opacity: 1;
}

#apple section#bloc-onglets .tab_container [id^="tab"]:checked + label.plop2 img {
	opacity: 1;
}

#apple section#bloc-onglets .tab_container [id^="tab"]:checked + label.plop3 img {
	opacity: 1;
}

#apple section#bloc-onglets .tab_container [id^="tab"]:checked + label.plop4 img {
	opacity: 1;
}


#apple section#bloc-onglets span.h3 {
	font-weight: 500;
	font-size: 25px;
	text-align: center;
	display: block;
	margin: 30px 0 20px 0;
	line-height: 30px;

}

#apple section#bloc-onglets a {
	display: block;
	background-color: #11a8d4;
	color: #ffffff;
	padding: 10px 15px;
	width: 225px;
	box-sizing: content-box;
	text-transform: uppercase;
	margin: 20px auto 0 auto;
	border: 1px solid #11a8d4;
	float: none;
	clear: both;
	-moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
    text-decoration: none;
    margin-top: 30px;
}

#apple section#bloc-onglets a:hover {
	background-color: #ffffff;
	color: #11a8d4;
	-moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}



#bloc-onglets label.plop1 img {
	position: absolute;
    left: 50%;
    top: 27px;
    margin-left: -12.5px;
    width: 25px;
    height: 14px;
    opacity: 0;
}

#bloc-onglets label.plop2 img {
	position: absolute;
    left: 50%;
    top: 27px;
    margin-left: -12.5px;
    width: 25px;
    height: 14px;
    opacity: 0;
}

#bloc-onglets label.plop3 img {
	position: absolute;
    left: 50%;
    top: 27px;
    margin-left: -12.5px;
    width: 25px;
    height: 14px;
    opacity: 0;
}

#bloc-onglets label.plop4 img {
	position: absolute;
    left: 50%;
    top: 27px;
    margin-left: -12.5px;
    width: 25px;
    height: 14px;
    opacity: 0;
}

#bloc-onglets label::after {
	content: "";
	text-align: center;
	display: block;
	width: 100%;
	height: 1px;
	transform: scale(0);
	background-color: #11a8d4;
	-moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}

#bloc-onglets label:hover::after {
	transform: scale(1);
	-moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}


#bloc-onglets .tab_container [id^="tab"]:checked + label{
	color: #11a8d4!important
}

/*FINANCEMENT*/

#apple section#bloc-onglets div#financement {
	overflow: hidden;
}

#apple section#bloc-onglets div#financement span.h3 {
	margin-bottom: 0;
	line-height: 30px;
}

#apple section#bloc-onglets div#financement img:nth-child(2){
	margin: 5px auto 30px auto;
	width: 259px;
	display: block;
}

#apple section#bloc-onglets div#financement p:nth-child(3) {
	text-align: center;
	font-weight: 300;
}

#apple section#bloc-onglets div#financement div {
background-color: #ffffff;
    width: 474px;
    margin-top: 30px;
    height: 525px;
    margin-bottom: 30px;
}

#apple section#bloc-onglets div#financement div:nth-of-type(1) {
	float: left;
}

#apple section#bloc-onglets div#financement div:nth-of-type(2) {
	float: right;
}

#apple section#bloc-onglets div#financement div img {
	margin-top: 30px;
}

#apple section#bloc-onglets div#financement div span.h4 {
	text-align: center;
	font-weight: 100;
	font-size: 18px;
	display: block;
	margin: 30px 0 20px 0;
	padding-bottom: 20px;
	border-bottom: 1px solid #cdcdcd;
	line-height: 22px;
}

#apple section#bloc-onglets div#financement div p:nth-child(2) {
	font-weight: 300;
	margin-left: 30px;
}

#apple section#bloc-onglets div#financement div ul {
	list-style: square;
	padding-left: 50px;
}

#apple section#bloc-onglets div#financement div ul li {
    color: #11a8d4;
    font-weight: 300;
    text-align: center;
    margin: 0px 130px 0 100px;
}

#apple section#services div#financement div ul li span {
	color: #333333;
}

#apple section#bloc-onglets div#financement div p{
	text-align: center;
	padding: 0 30px;
	padding-bottom: 15px;

}

/*DEP*/

#apple section#bloc-onglets div#dep {
	overflow: hidden;
}

#apple section#bloc-onglets div#dep span.h3 {
	margin-bottom: 0;
	line-height: 30px;
}

#apple section#bloc-onglets div#dep span:nth-child(2) {
	text-align: center;
	color: #929292;
	display: block;
	font-weight: 500;
	font-size: 18px;
	margin-bottom: 30px;
	margin-top: 5px;

}

#apple section#bloc-onglets div#dep p:nth-child(3) {
	text-align: center;
	font-weight: 300;
}

#apple section#bloc-onglets div#dep div {
	background-color: #ffffff;
	height: 280px;
	width: 474px;
	margin-top: 30px;
	margin-bottom: 30px;
}

#apple section#bloc-onglets div#dep div span.h4 {
	text-align: center;
	font-weight: 500;
	font-size: 18px;
	display: block;
	margin: 30px 0 20px 0;
	line-height: 22px;
}

#apple section#bloc-onglets div#dep div p {
	text-align: center;
	font-weight: 300;
	margin-bottom: 30px;
}

#apple section#bloc-onglets div#dep div:nth-of-type(1) {
	float: left;
}

#apple section#bloc-onglets div#dep div:nth-of-type(2) {
	float: right;
}


/*CONFIG*/

#apple section#bloc-onglets div#config p {
	text-align: center;
	font-weight: 300;
	margin-bottom: 30px;
}

/*FLOTTE*/

#apple section#bloc-onglets div#flotte img{
	float: left;
}


#apple section#bloc-onglets div#flotte p {
	text-align: center;
	font-weight: 300;
}


/*TABS*/

#apple section#services nav ul li {
	position: relative;
}

#apple section#services nav ul li a::after {
	content: "";
	text-align: center;
	display: block;
	width: 100%;
	height: 1px;
	transform: scale(0);
	background-color: #11a8d4;
	-moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}

#apple section#services nav ul li a:hover::after {
	transform: scale(1);
	-moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#apple section#services nav ul li img {
	position: absolute;
	left: 50%;
	top: 27px;
	margin-left: -12.5px;
	width: 25px;
	height: 14px;
	opacity: 0;
}

#apple section#services .ui-tabs .ui-tabs-hide {
 display: none;
}

#apple section#services nav ul li.ui-state-active img {
	opacity: 1;
}

#apple .ui-tabs .ui-state-active a{
	color:#11a8d4!important;
}

/*------------------------------PARTENAIRES------------------------------*/

#apple section#partenaires {
	overflow: hidden;
}

#apple section#partenaires div span.h4 {
	text-align: center;
	font-weight: 500;
	font-size: 18px;
	margin: 30px 0 20px 0;
	display: block;
	line-height: 22px;
}

#apple section#partenaires div div {
	width: 474px;
	border: 1px solid #cdcdcd;
	box-sizing: border-box;
}

#apple section#partenaires div div a{
	display: block;
	background-color: #11a8d4;
	color: #ffffff;
	padding: 10px 15px;
	width: 100px;
	text-decoration: none;
	box-sizing: content-box;
	text-transform: uppercase;
	margin: 20px auto 30px auto;
	border: 1px solid #11a8d4;
	-moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
    clear: both;
}

#apple section#partenaires div div a:hover{
	background-color: #ffffff;
	color: #11a8d4;
	-moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;

}


#apple section#partenaires div div:nth-child(2) {
	float: left;
	margin-bottom: 40px;
}


#apple section#partenaires div div:nth-child(2) p {
	margin: 20px 0 0 0;
	text-align: center;
	font-weight: 300;
	font-size: 14px;
	padding-bottom: 6px;
}


#apple section#partenaires div div:nth-child(3) {
	float: right;
}

#apple section#partenaires div div:nth-child(3) img:nth-of-type(1) {
	float: left;
}

#apple section#partenaires div div:nth-child(3) img:nth-of-type(2) {
	margin: 10px 0 10px 20px;
}

#apple section#partenaires div div:nth-child(3) p {
	font-weight: 300;
	margin-left: 10px;
	font-size: 14px;
	margin-left: 288px;
}

#apple section#partenaires div div:nth-child(3) a {
	margin-top: 45px;
}

#apple section#partenaires div div:nth-child(4) {
	clear: both;
	width: 995px;
	height: 250px;
	background: url(images-op/fond-contact.jpg);
	border: none;
}

#apple section#partenaires div div:nth-child(4) p {
	color: #ffffff;
	text-transform: uppercase;
	text-align: center;
	padding-top: 95px;
	font-size: 20px;
	font-weight: 300;
}

#apple section#partenaires div div:nth-child(4) a {
	width: 225px;

}