/** Modèle v1.26 18/08/2011 */
@font-face {
  font-family: 'Josefin Sans';  font-style: normal;  font-weight: 400;
  src: local('Josefin Sans'), local('JosefinSans'), url(../fonts/josefinsans-regular-webfont.woff) format('woff');
}
@font-face {
  font-family: 'Josefin Sans';  font-style: normal;  font-weight: 700;
  src: local('Josefin Sans Bold'), local('JosefinSans-Bold'), url(../fonts/josefinsans-bold-webfont.woff) format('woff');
}
@font-face {
  font-family: 'Josefin Sans';  font-style: italic;  font-weight: 400;
  src: local('Josefin Sans Italic'), local('JosefinSans-Italic'), url(../fonts/josefinsans-italic-webfont.woff) format('woff');
}
@font-face {
  font-family: 'Josefin Sans';  font-style: italic;  font-weight: 700; 
  src: local('Josefin Sans Bold Italic'), local('JosefinSans-BoldItalic'), url(../fonts/josefinsans-bolditalic-webfont.woff) format('woff');
}

/*********** A PERSONNALISER **************/
body {font-family: 'Josefin Sans'; font-size:1.2rem; color:#000;}

.uploadFichierFrame {width:430px; height:200px; border:none;}
.uploadFichierAjout {cursor:pointer; padding:5px; float:left; display:ButtonFace; }
.uploadFichierContenu {clear:both;}
.uploadFichierListe  li {height:35px; margin-left:0px;}
.uploadFichierListe  a.fichier {color:#000;}
.uploadFichierListe  {list-style:none;}
.uploadFichierListe  li  a.supprimer {background:url('/bop2/images/icone/supprimer.png') 0 7px no-repeat; font-size:0; width:16px; height:32px; overflow:hidden; display:inline-block; float:right}
.uploadFichierListe  li  img {vertical-align:middle;width:32px;}
.uploadFichierHide {display:none;}

/*Megaselect*/
.MegaSelectInfobulle  {float:left; position:relative;display:inline;z-index:100}
.MegaSelectInfobulle .zoneAffichable {position:absolute; top:25px; display:none; box-shadow: 1px 1px 5px #555; border:1px solid #fff; padding:5px;  }
.MegaSelectInfobulle ul { list-style-type:none; margin-left:0px;}
.MegaSelectInfobulle li { margin-left:0px;border-bottom:1px dotted #808080}
.MegaSelectInfobulle li.selected {color:#fff; background-color:#808080}
.MegaSelectInfobulle .surligne {color:#000; background-color:#ffff00}

/* ****************** ******* ****************** */
/* ****************** GENERAL ****************** */
/* ****************** ******* ****************** */
.content {width:100%;padding:0 15px;}
.section {padding:3rem 0;}
.link {padding: .375rem .75rem; font-size: 1.2rem; line-height: 1.5;}
.text-small {font-size:1rem;}
.text-medium {font-size:1.4rem;}
.text-big {font-size:1.6rem;}
.border-way {border-width:2px !important; padding:.5rem;}
.btn.text-big {vertical-align: baseline;}
.btn {font-size:1.2rem; border-width:2px; border-radius:0}
.errors {color:#dc3545;}

.text-dark {color:#262D40;}
.bg-dark {background-color:#262D40!important;}
.btn-outline-dark {color: #262D40; border-color: #262D40;}
.btn-outline-dark:hover {background-color: #262D40; border-color: #262D40;}
.btn-dark {background-color: #262D40; border-color: #262D40;}
.btn-dark:hover {background-color: #262D40; border-color: #262D40;}
.border-dark {border-color: #262D40!important;}

.text-secondary {color:#5e6676;}
.bg-secondary {background-color:#5e6676!important;}
.btn-outline-secondary {color: #5e6676; border-color: #5e6676;}
.btn-outline-secondary:hover {background-color: #5e6676; border-color: #5e6676;}
.btn-secondary {background-color: #5e6676; border-color: #5e6676;}
.btn-secondary:hover {background-color: #5e6676; border-color: #5e6676;}
.border-secondary {border-color: #5e6676!important;}

img {width:100%; height:auto; display:block;}

/* ****************** ****** ****************** */
/* ****************** HEADER ****************** */
/* ****************** ****** ****************** */
.navbar {padding:0;}
.navbar .navbar-brand img {width:100%;}
#baseline {background:#000;}
#baseline .content{color:#fff; text-align:center; padding-top:.5rem; padding-bottom:.5rem; }
#way-menu .nav-link,
#menu .nav-link {border:2px solid transparent; padding:.25rem .5rem;}
#way-menu .nav-link:hover,
#way-menu .nav-link.active,
#menu .nav-link:hover,
#menu .nav-link.active {border-color:#000;}


/* ****************** ****** ****************** */
/* ****************** BANNER ****************** */
/* ****************** ****** ****************** */
#banner-wayplan {background-image:url(../images/home/wayplan-bg.jpg);
    background-repeat: no-repeat;
    background-position: left center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.banner-photo img {width:100%; height:auto; display:block;}
.banner-detail p {font-size:1.4rem;}

#banner-wayplan .banner-detail p {color:#fff;;}

/* ****************** ********** ****************** */
/* ****************** ACTUALITES ****************** */
/* ****************** ********** ****************** */
#actualites {background:#e9e9e9;}
#actualites .card-text.date{font-size:.875rem;}
#actualites .card-footer .fa{font-size:2.35rem;}

/* ****************** ******** ****************** */
/* ****************** HOME WAY ****************** */
/* ****************** ******** ****************** */
.page-header {position:relative;}
.page-header {
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
body:not(.way_corp) .page-header h1{font-size:2.6rem; font-weight:bold; color:#fff; text-align:center; padding:3rem 0; margin:0;}
    
.standard.page-header {background-image:url(../images/photo/banner-std.jpg);} /* Home Way-corp */
.way-corp .page-header {background-image:url(../images/waycorp/waycorp-home1.jpg);} /* Toutes les pages Way-corp */

    
/* Navigation */
.page-navigation.nav-waycorp{background-color:rgba(14,15,86,.8);}
.page-navigation .logo img {width:100%; height:auto; display:block;}
.page-navigation .logo {color:#fff; text-decoration:none; position:relative;}
/* .page-navigation .logo .way{padding:.15rem .5rem; border:2px solid #fff;} */
/* .page-navigation .logo:hover .way{ border-right:0; padding-right:calc(.5rem + 2px);} */

.page-navigation .logo .way,
.page-navigation .nav-link {padding: .25rem .6rem;color: #fff; font-size: inherit; position: relative; transition: color 0.25s;}
.page-navigation .logo .way{box-shadow: inset 0 0 0 2px #fff; margin-right:.25rem;}
.page-navigation .nav-link {box-shadow: inset 0 0 0 2px transparent;}
   /* Using inset box-shadow instead of border for sizing simplicity */
.page-navigation .logo .way::before,
.page-navigation .logo .way::after,
.page-navigation .nav-link::before,
.page-navigation .nav-link::after {box-sizing: inherit; content: ''; position: absolute; width:0; height:0; border: 2px solid transparent;}
.page-navigation .logo .way::before,
.page-navigation .nav-link::before {top: 0; left: 0;} /* // This covers the top & right borders (expands right, then down) */
.page-navigation .logo .way::after,
.page-navigation .nav-link::after {bottom: 0; right: 0;} /* // And this the bottom & left borders (expands left, then up) */

  /* // Hover styles */
.page-navigation .nav-link:hover::before,
.page-navigation .nav-link:hover::after,
.page-navigation .nav-link.active::before,
.page-navigation .nav-link.active::after {width: 100%; height: 100%;}

.page-navigation .nav-link.active::before,
.page-navigation .nav-link:hover::before {border-top-color: #fff; border-right-color: #fff;} 
.page-navigation .nav-link.active::before,
.page-navigation .nav-link:hover::before {transition: width 0.15s ease-out, /* // Width expands first*/ height 0.15s ease-out 0.15s; /* // And then height*/  }

.page-navigation .nav-link.active::after,
.page-navigation .nav-link:hover::after {border-bottom-color: #fff; border-left-color: #fff;}
.page-navigation .nav-link.active::after,
.page-navigation .nav-link:hover::after {transition: border-color 0s ease-out 0.25s, /* // Wait for ::before to finish before showing border*/width 0.15s ease-out 0.25s, /* // And then exanding width*/
height 0.15s ease-out 0.45s; /* // And finally height*/  }

.page-navigation .nav .nav-item {padding: .25rem .5rem;}

/* Vidéo */
.video-container {position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; overflow: hidden;}
.video-container iframe,
.video-container object,
.video-container embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 99;}

/* ****************** WAY-CORP ****************** */
.zone2 {background:rgba(38,45,64,.25);}
.nb-missions-waycorp {font-size:1.6rem;}
#compteMissions .pointille{width:30px; height:1px; border:2px dotted #000; margin:0 auto;}

#rejoindre {background:#070714 url(../images/waycorp/waycorp-home2.jpg) 0 0 no-repeat;}
#eligible p {margin:0;}

/* ****************** ************** ****************** */
/* ****************** FONCTIONNEMENT ****************** */
/* ****************** ************** ****************** */
#fonctionnement h2 {font-size:1.6rem; text-align:center; margin-bottom:25px;}
#fonctionnement .libelle{margin-left:-10px; padding-left:0}
#fonctionnement .icone img{width:100%; height:auto; display:block;}
#fonctionnement .waycorp-st {background:#e9e9e9;}

/************************************************/
/**************  ELIGIBILITE  ****************/
/************************************************/
.box {background:#e9e9e9;}
.box .asterisque{font-style:italic;}
.cadre {border-width:2px !important; font-size:inherit; background:#fff; position:relative; z-index:2;}

#scoring {position:relative;}
#scoring .btn-outline-dark {background-color:#fff;}
#scoring .btn-outline-dark:hover {background-color:#262D40;}


/* ****************** ****** ****************** */
/* ****************** OFFRES ****************** */
/* ****************** ****** ****************** */
#services {background:#e9e9e9;}
#services h2 {font-size:1.2rem; font-weight:bold;}

#offres {}
#offres h1{font-weight:bold; text-align:center;color:#465274;}
#offres .table{width:100%; margin-bottom:2rem;}
#offres .table th,
#offres .table td{text-align:center; }
#offres .table thead th{height:60px;}
#offres .table #th01{width:40%;}
#offres .table #th02,
#offres .table #th04,
#offres .table #th03,
#offres .table #th05{width:15%; text-align:center; vertical-align:middle; color:#fff; font-size:1.6rem; font-family:'Josefin Sans';}
#offres .table #th02{background:rgba(97,105,121,.4);}
#offres .table #th03{background:rgba(97,105,121,.6);}
#offres .table #th04{background:rgba(97,105,121,.8);}
#offres .table #th05{background:rgba(97,105,121,1);}
#offres .table tbody th{height:30px; vertical-align:middle; background:#fff; text-align:left; padding:0 5px;}
#offres .table .td02{background:rgba(97,105,121,.15);}
#offres .table .td03{background:rgba(97,105,121,.25);}
#offres .table .td04{background:rgba(97,105,121,.35);}
#offres .table .td05{background:rgba(97,105,121,.45);}
#offres .table .espace{height:30px;}
#offres .table .groupe{color:#fff; font-size:1.3rem; line-height:40px;}
#offres .table .grp2{background:#3879b1;}
#offres .table .grp3{background:#3e3f97;}
#offres .table .grp4{background:#262d40;}

#offres #tableau tbody .groupe,
#offres #tableau tbody .libelle {position:relative;}


#offres .btn-tarif {font-size:2rem;}

/* ****************** ********** ****************** */
/* ****************** TEMOIGNAGE ****************** */
/* ****************** ********** ****************** */
.logoRef {width:auto!important; height:auto; max-width:100%; margin: 0 auto;}

.way-meet .btn-primary {background:#EE4923; border-color:#EE4923;}
.way-meet .btn-primary {background:#EE4923; border-color:#EE4923;}
.way-meet .link {color:#EE4923;}
.way-meet .link:hover {color:#d32d11;}
.interview h2 {font-size:1.35rem; font-weight:600; margin-bottom:.25rem;}
.interview .card-text {font-size:1rem;}
.interview .tags {text-transform:uppercase; font-size:.8rem; color:#5a5a5a;}
.box-flex {flex: 1 1 auto;    -ms-flex: 1 1 auto;}

#temoignage {background:rgba(38,45,64,.25);}
#temoignage .signature{font-size:1rem;}
#temoignage .carousel-indicators{bottom:0; margin-bottom:0;}

#article .temoignage {background:rgba(0,0,0,.1); padding:1rem; margin-bottom:1.5rem; font-size:1.3rem;}
#aside h5 {font-size:1.35rem; font-weight:600;}

#references .logoRef {}
/* ****************** ****** ****************** */
/* ****************** FOOTER ****************** */
/* ****************** ****** ****************** */
#formulaire {font-size:1.1rem;}
#formulaire h1 {font-size:2.2rem;}
#formulaire h5 {background:#e9e9e9; padding:.25rem; margin-top:2rem;}
#formulaire .row,
#formulaire .row_rad,
#formulaire .row_are {margin:0 0 1rem;}
#formulaire .rad {padding-left:2rem;}
#formulaire .rad label{margin-bottom:.25rem;}
#formulaire .row_are textarea {height:100px;}
#formulaire .row_are textarea,
#formulaire .row select,
#formulaire .row input[type=text] {display: block; width: 100%; padding: .25rem .5rem; font-size: 1rem; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: .2rem; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
#formulaire .row_bt input {border:0; display: inline-block; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; padding: .375rem .75rem; font-size: 1.2rem; line-height: 1.5; border-radius: .25rem; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; color: #fff; background-color: #007bff; cursor:pointer;}
#formulaire .row_bt input:hover {color: #fff; background-color: #0069d9;}

#remerciement {padding:3rem 0;}

/* ****************** ****** ****************** */
/* ****************** FOOTER ****************** */
/* ****************** ****** ****************** */
#footer {background:#5e6676; color:#fff;}
#footer .navbar-dark .navbar-nav span {color: rgba(255,255,255,.75);}
#footer .navbar-dark .navbar-nav .nav-link {color:#fff; text-transform:uppercase; font-size:.775rem;}
#footer .navbar-dark .navbar-nav .nav-link:hover {color: rgba(255,255,255,.5);}
#piedpage {background:#262d40; color:#fff;}
#piedpage.section {padding:.5rem 0;}

@media (max-width: 575px) {
    #accesLimo .btn,
    #scoring .btn-scoring .btn,
    .btn-tarif{white-space:normal;}

}
@media (min-width: 576px) {
    #banner-wayplan {background-position: center center;}
    .banner-detail p {font-size:1.6rem;}
    #scoring .btn-scoring {width:100%; position:absolute; left:0; bottom:1rem; text-align:center;}
    #scoring .btn-scoring .btn{font-size:1.4rem; font-weight:bold;}
	.card-columns {column-count: 2;}
	
}
@media (min-width: 768px) {
    #baseline .content{font-size:1.4rem; text-transform:uppercase;}
    .cadre {width:115%;}
    .zone1 .box { padding-left:4rem; padding-right:3rem;}
    #scoring .box { padding-left:3rem; padding-right:4rem;}
    #scoring .cadre {margin-left:-15%; font-size:1.2rem;}
    #scoring .zoneNoire{position:relative; top:-2rem; left:15px; z-index:1; padding:3rem 1.5rem 1rem !important; margin-bottom:3rem;}
    #remerciement {padding:4rem 0;}
	.card-columns {column-count: 3;}

}
@media (min-width: 992px) {
    #banner-wayplan {height:500px;}
    #offres .table{width:900px; margin:0 auto 2rem;}
    #scoring .zoneNoire{left:10%;}
    #remerciement {padding:5rem 0; }


}
@media (min-width: 1200px) {
    .content {width:1200px; margin:0 auto;}
    .way_corp .page-header {height:750px;} /* Home Way-corp */

}