/*
Theme Name: TransportsJVB
Author: L'équipe Maad
Version: 1
*/
/*
Turquoise : #0995a3
Bleu foncé : #1f3b72
*/
*, *:before, *:after{margin:0;padding:0;line-height:130%;vertical-align:baseline;background:transparent;box-sizing:border-box;}
html, body{width:100%;height:100%;}
body{color:#111;background:#fff;font-family: 'Montserrat', sans-serif;font-weight:300;font-size:16px;}
a{color:#111;text-decoration:underline;}
a:hover, a:focus{color:#336699;text-decoration:underline;}
a img, th img, td img{vertical-align:top;border:none;}
h1, h2, h3, h4, h5{cursor:default;font-weight:400;}
a h1, a h2, a h3, a h4, a h5{cursor:pointer;}
h1{font-size:220%;} h2{font-size:200%;} h3{font-size:180%;} h4{font-size:160%;} h5{font-size:140%;}
ul{list-style:none;}
hr{border:none;border-top:1px solid #dcdcdc;margin:30px 0;}
table{border-collapse:collapse;border-spacing:0;}
caption, th, td{text-align:left;vertical-align:top;}
thead th, thead td{font-weight:bold;vertical-align:bottom;}
img, video, audio, embed, object{max-width:100%;}
img, video, embed, object{height:auto;}
embed, object{height:100%;}
img{vertical-align:middle;}
.alignright{float:right;margin:0 0 20px 20px;}
.alignleft{float:left;margin:0 20px 20px 0;}
.centerdiv{width:90%;max-width:1500px;margin:0 auto;position:relative;}
.clear{position:relative;overflow:auto;clear:both;}
#blocmap img{height:auto!important;max-width:none !important;}
.svg{}
.no-svg{}

#cn-notice-buttons a{color:#111 !important;background-color:#fff !important;margin:5px 0 5px 10px !important;}

.appearOnScroll { opacity: 0; transform: scale(.9); transition: all .4s; transition-delay: 250ms; }
.appearOnScroll.visible { opacity: 1; transform: scale(1); }

.bt{color: #0995a3;font-weight:800;font-size:105%;display:inline-block;text-decoration:none;transition:all .2s;
	background: url('icon-arrow.svg') left center no-repeat;background-size:32px;padding: 6px 0 6px 45px;}
.bt:hover{color: #0995a3;text-decoration:none;padding-left:55px;}


/********************************************************************** ACCESS */
#navAccess{position:absolute;z-index:10000;}
#navAccess a{font-size:100%;color:#fff;position:fixed;top:-100px;left:-3000px;background:#111;line-height:26px;padding:2px 10px;color:#fff;white-space:nowrap;text-decoration:none;}
#navAccess a:focus{left:10px;top:10px;}

#accessmenu, #accesscontenu, #accesspied{position:fixed;z-index:10000;font-size:100%;left:-3000px;background:#111;line-height:26px;padding:2px 10px;color:#fff !important;white-space:nowrap;text-decoration:none;}
#accessmenu:focus, #accesscontenu:focus, #accesspied:focus{left:10px;}

#accessretourtop{display:block;cursor:pointer;color:#111;position:fixed;right:25px;font-size:150%;bottom:20px;width:30px;height:30px;z-index:9998;text-align:center;overflow:hidden;transition:background .2s;-moz-transition:background .2s;-webkit-transition:background .2s;-o-transition:background .2s;}
#accessretourtop span{text-indent:-1000px;display:block;}
#accessretourtop:hover{color:#111;}
#accessretourtop:focus{font-size:100%;color:#fff;background:#111;line-height:26px;padding:2px 10px;white-space:nowrap;text-decoration:none;width:auto;height:auto;}
#accessretourtop:focus i{display:none;}
#accessretourtop:focus span{text-indent:inherit;display:inline-block;*display:inline;zoom:1;}

#accessfont{display:block;position:absolute;top:10px;right:30px;}
#accessfont a{background-color:#f1f1f1;color:#9E9E9E;font-weight:700;text-decoration:none;font-size:100%;padding:2px 4px;display:inline-block;}
#accessfont a:hover, #accessfont a:focus{color:#344258;}


/********************************************************************** NAV */
a#showmenu{display:none;}

#nav{float:right;border-right:1px solid #1f3b72;padding:15px 40px 15px 0;margin-top: 10px;}
#nav ul{display:block;}
#nav ul li{display:inline-block;}
#nav ul li a{text-transform:uppercase;font-weight:800;color:#0995a3;text-decoration:none;display:block;font-size:100%;padding:15px 10px;transition:all .2s;}
#nav ul li a:hover, #nav ul li a:focus{color:#1f3b72;text-decoration:none;}
#nav ul li.current-menu-item > a, #nav ul li.current-menu-parent > a{color:#1f3b72;text-decoration:none;}

#showmenunav{position:relative;display:block;}
#showmenunavline{position:absolute;z-index:5;width:1px;height:25px;background-color:#0995a3;bottom:-15px;opacity:0;left:-110px;transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s;}


/********************************************************************** HEADER */
#header{padding-top:50px;}
#header .centerdiv{z-index: 1;}
#logo{float:left;margin-bottom: -200px;}
#logo img{width:290px;}
#lienrecrute{float:right;text-transform:uppercase;font-weight:800;text-decoration:none;color:#1f3b72;margin:40px 0px 8px 40px;transition:all .2s;}
#lienrecrute:hover{color:#0995a3;}

/********************************************************************** HOME */
#homepart1{background:url('transports-bonnefoy-messagerie-dijon.jpg') center center no-repeat;background-size:cover;}
#homepart1titre{display:block;color:#fff;text-transform:uppercase;font-size:4.4vw;line-height: 140%;padding: 280px 0 80px 0;}
#homepart1titre span{display:inline-block;font-weight:800;background-color:#0995a3;box-shadow: 10px 0 0 #0995a3, -10px 0 0 #0995a3;box-decoration-break: clone;}
#homepart1marker{position:absolute;top: 25px;right: 0;color: #fff;font-size: 180%;}

#homepart2{background:#1f3b72 url('icon-bonnefoy.svg') center bottom 0px no-repeat;background-size:450px;color:#fff;text-transform:uppercase;position:relative;}
#homepart2a{width:65%;float:left;margin:60px 0;min-height: 72px;color:#fff;text-decoration:none;border-left:1px solid #fff;padding-left:40px;}
#homepart2a span{font-weight:300;font-size:175%;display:block;}
#homepart2a strong{font-weight:800;font-size:175%;display:block;}
#homepart2b{width:35%;float:right;margin:57px 0;color:#fff;text-align:right;text-decoration:none;position:relative;z-index:3; background:url('icon-link.svg') right center no-repeat;background-size:62px;padding-right:96px;padding-left:10px;transition:all .2s;}
#homepart2b:hover{background-size:72px;padding-right:116px;padding-left:0;}
#homepart2b span{font-weight:300;font-size:130%;display:block;}
#homepart2b strong{font-weight:800;font-size:130%;display:block;}
#homepart2bbg{position:absolute;right:0;top:-20px;bottom:-20px;width:38.5%;display:block;z-index:1;background:#0995a3 url('bg-transports-jvb.jpg') center center no-repeat;background-size:cover;}

#homepart3{padding:110px 0 85px 0;background:url('icon-bonnefoy.svg') right 0 bottom 5% no-repeat;background-size:55%;}
#homepart3a{width:65%;float:left;}
#homepart3b{width:35%;float:right;padding-left:5%;padding-top:56px;}
#homepart3b li{margin-bottom:45px;display:block;}
#homepart3b li img{float:left;margin-right: 20px;margin-top: 7px;}
#homepart3b li:last-child img{float:right;margin-left: 20px;}
#homepart3b li strong{color:#1f3b72;font-size:130%;font-weight:500;display:block;}
#homepart3atxt1{display:block;width:48%;float:left;}
#homepart3atxt2{display:block;width:48%;float:right;}

#homepart4{color:#fff;padding:70px 0 180px 0;display:block;position:relative;}
#homepart4:after{content:'';display:block;z-index: -1;position:absolute;top:0;left:0;bottom:0;width:85%;background:#0995a3 url('bg-chiffres.jpg') center center no-repeat;background-size:cover;}
#homepart4txt{float:left;width:30%;padding-top:40px;}
#homepart4txt p{font-weight:300;font-size:110%;display:block;margin-bottom:15px;display:block;}
#homepart4txt strong{font-weight:800;font-size:220%;display:block;line-height:110%;}
#homepart4map{float: left;width: 35%;margin-left: 8%;}

#homepart5{position:relative;top:-110px;bottom:-20px;overflow:hidden;}
#homepart5b{float:right;width:40%;position:relative; min-height: 350px;padding:4% 3%;background:#e9e9e9 url('bg-recrutement.jpg') center center no-repeat;background-size:cover;}
#homepart5c{float:left;width:56%;position:relative; min-height: 350px;padding:4% 3%;background:#fff;}
#homepart5b > strong{font-style:normal;font-size:210%;color:#1f3b72;display:inline;padding: 6px 0;line-height: 170%;box-decoration-break: clone;}
#homepart5c > strong{font-style:normal;font-size:210%;background-color:#0995a3;color:#fff;display:inline;box-shadow:8px 0 0 #0995a3, -8px 0 0 #0995a3;padding: 6px 0;line-height: 170%;box-decoration-break: clone;}
#homepart5b > p, #homepart5c > p{display:block;color:#1f3b72;font-weight:300;font-size:145%;margin-top:10px;}
#homepart5c span{display:block;position:absolute;bottom:10%;left:5.5%;color: #0995a3;text-decoration:none;
	border-left:1px solid #0995a3;padding-left:40px;font-weight:300;font-size:145%;display:block;line-height: 100%;
}

#homepart6{margin-bottom:85px;}
#homepart6bloc1{width: 50%;float:left;}
#homepart6bloc2{width: 50%;float:right;}
#homepart6img1{height:400px;margin-bottom:40px; background:#e9e9e9 url('transports-de-messagerie-bourgogne-franche-comte.jpg') center center no-repeat;background-size:cover;}
#homepart6img2{height:360px;margin-bottom:60px; margin-top:20px; background:#e9e9e9 url('transports-plateau-grue-bourgogne-franche-comte.jpg') center center no-repeat;background-size:cover;}
#homepart6 .contenu{padding-right:20%;}

._1drn{border:0 !important;}


/********************************************************************** PAGE */
#content{top:-20px;position:relative;}
#contentwrap{margin: 20px auto 0 auto;padding-top: 90px;padding-bottom:75px;max-width: 700px;}

.contenu{color:#1f3b72;}
.contenu h1, .contenu h2, .contenu h3, .contenu h4, .contenu h5{margin-bottom:20px}
.contenu *+h1, .contenu *+h2, .contenu *+h3, .contenu *+h4, .contenu *+h5{margin-top:30px;}
.contenu h1{font-weight: 800;color:#0995a3;text-transform:uppercase;font-size:250%;}
.contenu h1 strong{font-style:normal;background-color:#0995a3;color:#fff;display:inline;box-shadow:8px 0 0 #0995a3, -8px 0 0 #0995a3;padding: 6px 0;line-height: 170%;box-decoration-break: clone;}
.contenu h2{font-weight: 800;color:#1f3b72;text-transform:uppercase;font-size:185%;}
.contenu h2 strong{font-style:normal;background-color:#1f3b72;color:#fff;display:inline;box-shadow:8px 0 0 #1f3b72, -8px 0 0 #1f3b72;padding: 6px 0;line-height: 180%;box-decoration-break: clone;}
.contenu p{margin-bottom:15px;line-height:140%;font-size:100%;font-weight:400;}
.contenu strong{font-weight:800;font-style:italic;}
.contenu img{margin-bottom:15px;max-width:100%;height:auto;display:block;}
.contenu blockquote{color:#0995a3;font-size:120%;margin-bottom:15px;display:block;font-style:italic;}
.contenu blockquote p{margin-bottom:0;line-height:130%;}
.contenu ul{margin-bottom:15px;list-style-type:square;margin-left:18px;}
.contenu ul ul{margin-top:10px;margin-bottom:0;}
.contenu ul li{margin-bottom:5px;line-height:140%;font-size:100%;font-weight:400;}
.contenu form{margin-bottom:45px;}
.contenu form p{margin-bottom:0;}
.contenu table{margin-bottom:15px;}

#titlewrap{background:url('transports-jvb-dijon.jpg') center center no-repeat;background-size:cover;padding:140px 0 110px 0;position:relative;}
#titlewrap:after{content:'';background-color:#1f3b72;opacity:.7;position:absolute;top:0;left:0;right:0;bottom:0;mix-blend-mode: multiply;}
#titlewrap .centerdiv{z-index: 1;}
#titlewrap h1{display:block;color:#fff;width: 90%;text-transform:uppercase;font-size:3.4vw;line-height: 140%;}
#titlewrap h1 span{display:inline;font-weight:800;background-color:#0995a3;box-shadow: 10px 0 0 #0995a3, -10px 0 0 #0995a3;box-decoration-break: clone;}
#titlewrap h1 strong{font-weight:300;display:block;}

.pbloc{display:block;position:relative;margin-bottom:0;}
.pbloc1.pblocloop1{padding-top:80px;}
.pbloc1{float:right;width:60%;padding:0 0 75px 4%;}
.pbloc2{float:left;width:40%;padding:0 0 75px 0;}

.pbloclarge{background-color:#0995a3;float:none;width:100%;color:#fff;margin-bottom:90px;padding-top:90px;}
.pbloclarge *{color:#fff;}
.pbloclarge hr{border-color:rgba(255, 255, 255, 0.4);}
.col1{width:40%;float:left;padding:0 0 75px 0;}
.col2{width:60%;float:left;padding:0 0 75px 4%;}


/********************************************************************** FOOTER */
#footer{color:#fff;background:#1f3b72 url('icon-bonnefoy.svg') right 0px bottom 10px no-repeat;background-size:330px;position:relative;}
#footerbg{position:absolute;top:0;left:0;bottom:0;border-top:20px solid #fff;width:50%;z-index:1;background:url('bg-footer.jpg') center center no-repeat;background-size:cover;}
#footerlogo{width:170px;position:absolute;top:50%;left:50%;margin:-85px 0 0 -85px;z-index:2;}
.menu-pied-de-page-container, .menu-pied-de-page-2-container{float:right;display:block;width:19%;border-left:1px solid #fff;margin-top:110px; padding-left:30px;padding-right:2%;padding-bottom:105px;min-height: 225px;}
.menu-pied-de-page-container > strong{display:block;margin-bottom:5px}
#footer ul li{display:block;margin-bottom:5px}
#footer ul li a{color:#fff;text-decoration:none;font-size:95%;}
#footer .menu-pied-de-page-container ul li a{font-weight:800;font-size:110%;}


/********************************************************************** FORM */
button, input, select, textarea{margin:0;}
textarea{overflow:auto;vertical-align:top;resize:vertical;}
button{width:auto;overflow:visible;}
input[type="reset"], input[type="submit"], input[type="file"], input[type="radio"], input[type="checkbox"], select, button{cursor:pointer;}
input[type="radio"], input[type="checkbox"]{font-size:110%;position:relative;top:1px;}
input[type="search"]{-webkit-appearance:textfield;}
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none;}
:invalid{box-shadow:none;} :-moz-submit-invalid{box-shadow:none;} :-moz-ui-invalid{box-shadow:none;}
::-webkit-input-placeholder{color:#C0C0C0;}
:-moz-placeholder{color:#C0C0C0;}
:-ms-input-placeholder{color:#C0C0C0;}
audio:not([controls]){display:none;height: 0;}

label, .label{display:block;margin-left:0;font-size:90%;cursor:pointer;margin-bottom:5px;font-weight:800;color:#1f3b72;font-family: 'Montserrat', sans-serif;}

input[type=text], input[type=email], input[type=tel], input[type=file], textarea, select
{
	font-size:90%;border:none;margin-bottom:15px;border:1px solid #1f3b72;height:52px;
	color:#111;border-radius:0;padding:15px 10px !important;width:100%;background-color:#fff;
	transition:all .2s;
}

input[type=submit], button
{
	font-size:90%;width:auto !important;cursor:pointer;color:#fff;display:inline-block;margin:0;
	text-align:center;padding:15px 45px;border:none;background-color:#1f3b72;font-family: 'Montserrat', sans-serif;font-weight:800;
	transition:all .2s;
}

textarea{height:80px;}

input[type=text]:hover, input[type=text]:focus, input[type=email]:hover, input[type=email]:focus, input[type=tel]:hover, input[type=tel]:focus, textarea:hover, textarea:focus
{outline:none;border-color:#585858;}
input[type=submit]:hover, input[type=submit]:focus, button:hover, button:focus
{outline:none;}


/********************************************************************** GALERIE */
.gallery img{border:0 !important;margin-bottom:0 !important;display:block !important;padding:0 1px !important;width:100% !important;}
.gallery .gallery-item {margin-top:2px !important;}
.fancybox-skin{border-radius:0 !important;box-shadow:none !important;}
.fancybox-prev span{background:#000 !important;background:rgba(0, 0, 0, 0.7) !important;left:0 !important;}
.fancybox-next span{background:#000 !important;background:rgba(0, 0, 0, 0.7) !important;right:0 !important;}
.fancybox-close{top:0 !important;right:0 !important;background:#000 !important;background:rgba(0, 0, 0, 0.7) !important;text-decoration:none !important;}
.fancybox-close:hover, .fancybox-close:focus{text-decoration:none !important;background:#000 !important;}
.fancybox-close:after{content:"×";display:block;color:#fff;font-size:150%;width:inherit;font-family:georgia;margin-top:-1px;height:inherit;text-align:center;line-height:36px;}
.fancybox-prev:after{content:"‹";visibility:hidden;position:absolute;display:block;color:#fff;font-size:34px;font-family:georgia;width:inherit;height:inherit;text-align:center;line-height:36px;top:50%;left:0;width:36px;height:34px;margin-top:-22px;z-index:9999;}
.fancybox-prev:hover:after{visibility:visible;}
.fancybox-next:after{content:"›";visibility:hidden;position:absolute;display:block;color:#fff;font-size:34px;font-family:georgia;width:inherit;height:inherit;text-align:center;line-height:36px;top:50%;right:0;width:36px;height:34px;margin-top:-22px;z-index:9999;}
.fancybox-next:hover:after{visibility:visible;}
.fancybox-title{font-weight:bold !important;background-color:rgba(0, 0, 0, 0.7) !important;}


/********************************************************************** RWD */
@media (min-width:1240px){

	#nav ul{display:block !important;}

}


@media (max-width:1240px){

	a#showmenu{margin:0 0 10px 0;border: 1px solid #1f3b72;display:block;padding:10px 10px;background:#fff;text-transform:uppercase;color:#1f3b72;text-align:center;font-size:100%;}
	a#showmenu:hover, a#showmenu:focus{outline:none;text-decoration:none;}
	#nav ul{display:none;}

	#nav{width:40%;clear:both;padding: 0 40px 15px 0;margin-top: 20px;}
	#nav ul ul{margin:10px 30px 0 30px;}
	#nav ul li{display:block;margin-bottom:10px;}
	#nav ul li a{display:block;border:1px solid #0995a3;text-align:center;padding:12px;text-transform:none;}
	#showmenunavline{display:none;}

	#logo img{width:220px;}

	#homepart1titre{padding: 260px 0 120px 0;}

	#homepart2a span, #homepart2a strong{font-size: 115%;}
	#homepart2b{background:none;padding-right:0;padding-left:0;}
	#homepart2b:hover{padding-right:0;padding-left:0;}
	#homepart2b span{font-size:100%;}
	#homepart2b strong{font-size: 115%;}

	#homepart3{background:none;}
	#homepart3atxt1, #homepart3atxt2{float:none;width:100%;}
	#homepart3b{margin-top:25px;}
	#homepart3b li{margin-bottom:25px;}
	#homepart3b li img{width:70px;margin-bottom:15px;}
	#homepart3b li:first-child strong{text-align:right;}
	#homepart3b li strong{font-size:100%;font-weight:400;}

	.contenu h1{font-size:200%;}
	.contenu h2{font-size:165%;}

	#homepart5c > strong{font-size:120%;line-height: 190%;}
	#homepart5c > span{font-size:120%;}
	#homepart5c a{background:none;padding-left:15px;padding-right:0;}
	#homepart5c a:hover{padding-left:15px;padding-right:0;}
	#homepart5c a span{font-size:120%;}
	#homepart5c a strong{font-size:120%;}

	.menu-pied-de-page-container, .menu-pied-de-page-2-container{width:25%;}
	#footerlogo{left:25%;}
	
}


@media (max-width:800px){

	#logo{margin: 0 auto -100px auto;display: block;float: none;width: 140px;}

	a#showmenu{position:absolute;top:0;right:0;padding: 10px 13px;}
	#nav{width:100%;padding:0 0 20px 0;border:0;}
	#nav2{padding-top:120px;display:none;overflow:hidden;}
	#lienrecrute{margin: 12px 15px 8px 0px;}

	#homepart1titre{font-size:160%;padding:120px 0 60px 0;}
	#homepart1marker{font-style:120%;}

	#homepart2{overflow: hidden;background:#1f3b72;}
	#homepart2a{width:100%;float:none;display:block;min-height:0px;margin: 25px 0 0 0;padding-left:25px;padding-right:0;}
	#homepart2a:hover{background-size:32px;padding-left:76px;padding-right:0;}
	#homepart2a span, #homepart2a strong{font-size:100%;}
	#homepart2b{width:100%;float:none;display: block;margin: 25px 0 25px 0;padding: 20px;
		background: #0995a3 url('bg-transports-bonnefoy.jpg') center center no-repeat;background-size: cover;}
	#homepart2b:hover{background-size:cover;padding-right:20px;padding-left:20px;}
	#homepart2b strong{font-size:100%;}
	#homepart2bbg{display:none;}

	#homepart3{padding:45px 0 20px 0;}
	#homepart3a, #homepart3b{width:100%;float:none;padding-top:0;}

	#homepart6{margin-bottom:45px;}
	#homepart6bloc1, #homepart6bloc2{float:none;width:100%;}
	#homepart6img1, #homepart6img2{height:220px;margin-bottom:25px;}

	#homepart4{padding:45px 0 45px 0;}
	#homepart4:after{width:100%;}
	#homepart4txt{width:100%;float:none;padding:0;margin-bottom:25px;}
	#homepart4map{float:none;width:100%;margin:0;}
	#homepart4txt p{font-weight:400;font-size:100%;}
	#homepart4txt strong{font-size: 140%;line-height:120%;}

	#homepart5{top:0px;bottom:0px;padding-top:45px;}
	#homepart5b, #homepart5c{float:none;width:100%;margin-right:0;margin-bottom:25px;padding: 25px;min-height:0;}
	#homepart5c{padding:0;}
	#homepart5c > span{margin-bottom:10px;position:relative;padding-left:25px;bottom:inherit;left:inherit;margin-top:15px;display:block;}
	#homepart5b > strong{font-size:120%;}
	#homepart5b > p, #homepart5c > p{font-size: 120%;margin-top: 5px;}

	#titlewrap{padding:140px 0 70px 0;}
	#titlewrap h1{font-size: 160%;}

	.contenu blockquote{font-size: 110%;}
	.contenu h1{font-size:140%;line-height:190%;}
	.contenu h2{font-size:120%;line-height:90%;}
	.contenu h2{font-size:120%;}
	.contenu p{font-size:100%;}
	.contenu ul li{font-size:100%;}
	.contenu table td{padding-bottom:0;}
	.contenu table td{display:block;padding-bottom: 15px;}

	#contentwrap{padding-top:0;padding-bottom:0;}

	#content{margin-top:45px;top:0;}
	.pbloc{width:100% !important;float:none;padding:0 !important;}
	.pbloc:first-child{padding-top:0;}

	.pbloclarge{padding: 45px 0 20px 0 !important;margin: 45px 0 45px 0;}
	.col1, .col2{width:100%;float:none;padding:0;}

	#footer{overflow: hidden;padding:45px 0 90px 0;margin-top:75px;}
	#footerbg{position:relative;}
	#footerlogo{position:relative;left:0;top:0;margin:0 0 25px 0;}
	#footerbg{display:none;}
	.menu-pied-de-page-container, .menu-pied-de-page-2-container{width:100%;float:none;padding:0;margin-bottom:25px;margin-top:0px;min-height: 0;padding-left:25px;}

}