html{font-size:100%;}
body{margin:0;font-family:Arial, Helvetica, sans-serif;font-size:.8em;line-height:1.3;color:#505050;margin:0;padding:0;}
h1, h2, h3, h4, h5, h6{margin:0.5em 0;font-weight:bold;font-style:normal;}
h1{font-size:2em;}
h2{font-size:1.2em;text-transform:uppercase;}
h3{font-size:1.25em;}
h4{font-size:1em;}
li{}
p{margin:.75em 0;font-style:italic;clear:both;display:block;}
address{margin:.75em 0;font-style:normal;}
a{color:#505050;cursor:pointer;text-decoration:underline;}
a img{border:none;}
em{font-style:italic;}
strong{font-weight:bold;font-style:normal;}

/*pictos d'acces*/
.parking,
.handicap,
.bus,
.train,
.metro,
.taxi,
.autoroute,
.shuttle,
.rer,
.tramway,
.airport,
.transfare,
.gatemaritime,
.a-routier,
.velo{position:relative;display:-moz-inline-box;display:inline-block;vertical-align:middle;width:18px;height:18px;background:#fff url(../image/pictos.gif) no-repeat 0px 0px;margin-right:4px;margin-bottom:5px}

.airport{background-position:0px 0px;}
.velo{background-position:-18px 0px;}
.transfare{background-position:-36px 0px;}
.tramway{background-position:0px -18px;}
.train{background-position:-18px -18px;}
.taxi{background-position:-36px -18px;}
.shuttle{background-position:0px -36px;}
.rer{background-position:-18px -36px;}
.parking{background-position:-36px -36px;}
.metro{background-position:0px -54px;}
.handicap{background-position:-18px -54px;}
.autoroute{background-position:-36px -54px;}
.gatemaritime{background-position:0px -72px;}
.bus{background-position:-18px -72px;}
.a-routier{background-position:-36px -72px;}
.clear{display:block;clear:both;}
.plan{display:block;page-break-inside:avoid;}

/*alignement global de la page*/
#global{position:relative;width:921px;margin:25px auto 0;text-align:left;}

/*le header*/
#global #entete{position:relative;width:921px;text-align:center;}
#global #entete h1{display:-moz-inline-box;display:block;vertical-align:top;font-size:1.8em;color:#000000;}
#global #entete .logo{position:relative;display:-moz-inline-box;display:block;padding-top:25px;}
#global #entete .url{position:relative;display:block;text-align:right;font-size:1.8em;}

/*le contenu de la page en trois parties*/
#global #contentMiddle{position:relative;display:block;clear:both;width:100%;background:url("../image/print-middle.png") repeat-y scroll 0 0 #FFFFFF;}
#global #contentMiddle #contentTop{position:relative;display:block;width:100%;background:url("../image/print-top2.png") no-repeat scroll center top transparent;}
#global #contentMiddle #contentTop #contentBottom{position:relative;display:block;padding:20px 30px;background:url("../image/print-bottom.png") no-repeat scroll center bottom transparent;}
#global #contentMiddle #contentTop #contentBottom #left{position:relative;width:567px;display:block;float:left;}
#global #contentMiddle #contentTop #contentBottom p{font-size:0.9em;margin-bottom:10px;}
#global #contentMiddle #contentTop #contentBottom .bloc{position:relative;display:block;font-size:0.9em;padding:8px;border-top:1px solid black;clear:both;margin-top:10px;color:#505050;}
#global #contentMiddle #contentTop #contentBottom .bloc.first{border-top:0px none;margin-top:0;}
#global #contentMiddle #contentTop #contentBottom .bloc h1{color:#666;font-size:1.5em;}
#global #contentMiddle #contentTop #contentBottom .bloc ul{position:relative;padding:0;margin:0;}
#global #contentMiddle #contentTop #contentBottom .bloc ul li{position:relative;display:-moz-inline-box;display:inline-block;width:400px;vertical-align:top;}
#global #contentMiddle #contentTop #contentBottom .bloc img{position:relative;float:left;margin-right:10px;margin-bottom:10px;}

/*le footer*/
#global #footer{position:relative;display:block;clear:both;font-size:0.85em;padding:10px 20px;}
#global #footer img{position:relative;float:left;}
#global #footer p{position:relative;height:35px;float:left;padding:3px 0px 3px 15px;margin-left:15px;background:#fff url(../image/footerSeparation.gif) no-repeat left center;margin-top:2px;}

/*drapeaux itineraires*/
.drapeauDepart,
.drapeauArrivee{background:transparent url(../image/panel-mappy.png) no-repeat 0px 0px;height:29px;width:29px;}
.drapeauDepart{background-position:-4px -4px;}
.drapeauArrivee{background-position:-4px -152px;}
#roadbook li{background-image:none;}

/* popin info cookies*/
body.infosCookies{font-size: 1em}
body.infosCookies #global #contentMiddle #contentTop #contentBottom  p{ font-style: normal; font-size: 1em}
#contentBottom  p u{ font-weight: bold;}
.parametrer{ background-color: #eee; padding: 10px; }
body.infosCookies #global #contentMiddle #contentTop #contentBottom .parametrer ul{ list-style: disc; padding-left: 20px;}
body.infosCookies #global #contentMiddle #contentTop #contentBottom .parametrer ul li {display:block ; width: 100%; }
/**************
Page InfosCookies Common
**************/
.bloc {
  padding: 8px;
  border-top: 1px solid black;
  clear: both;
  margin-top: 10px;
  color: #505050!important;
}
.bloc .param {
  padding: 10px;
}
.bloc .parametrer {
  background-color: #eee;
  padding: 10px;
}
.bloc .parametrer p {
  margin-bottom: 10px;
  font-style: normal;
  font-size: 1em;
}
.bloc .parametrer p u {
  font-weight: bold;
}
.bloc .parametrer ul {
  list-style: none!important;
  padding-left: 20px;
}
.bloc .pj-modal-choise-container {
  display: flex;
  flex-wrap: nowrap;
  margin: auto;
  margin-top: 30px;
  margin-bottom: 10px;
  background-color: #fff;
  border: solid 1px #d8d7d7;
  padding-left: 15px;
}
.bloc .pj-modal-choise-container input {
  float: right!important;
  min-height: 46px!important;
  line-height: 46px!important;
  vertical-align: middle!important;
  text-align: center!important;
  margin-right: 20px!important;
}
.bloc .pj-modal-choise-container input {
  height: 49px!important;
  display: table-cell;
  vertical-align: middle;
}
.pj-optin-btn-container {
  position: fixed;
  left: 0;
  height: 76px;
  margin-left: 5%;
  margin-right: 5%;
  text-align: center;
  /*line-height: 76px;*/

  vertical-align: middle;
}
.pj-optin-btn-container input {
  height: 49px!important;
  margin-left: auto;
  margin-right: auto;
  padding: 15px 15px 15px 15px;
  border-radius: 4px;
  text-align: center;
  border: none;
  height: 49px!important;
  background-color: #373737;
  color: #fff!important;
}
.pj-optin-btn-container button {
  height: 49px!important;
  margin-left: auto;
  margin-right: auto;
  padding: 15px 15px 15px 15px;
  border-radius: 4px;
  height: 49px!important;
  background-color: #373737;
  color: #fff!important;
}
.pj-optin-btn-container input:hover,
.pj-optin-btn-container button:hover {
  cursor: pointer;
}
.pj-modal-custom-bloc {
  border: none!important;
}
.pj-header-infoCookies-modal .logo {
  width: 50%;
  margin: auto;
  padding-top: 25px;
  text-align: center;
}
.bloc .pj-custom-zechner {
  background-color: #eee!important;
  border-top: none!important;
}
#contentBottom .bloc .pj-custom-margin {
  margin-bottom: 120px !important;
}
/**************
Page InfosCookies Responsive
**************/
@media screen and (max-width: 767px) {
  .pj-optin-modal {
    width: 80%;
    left: 5%;
    font-size: 1.5em!important;
  }
  .pj-optin-modal .bloc .pj-modal-choise-container {
    height: auto;
    width: 100%;
  }
  .pj-optin-modal .bloc .pj-modal-choise-container .modal-choise-container-txt {
    width: 80%;
  }
  .pj-optin-modal .bloc .pj-modal-choise-container .modal-choise-container-txt p {
    margin-top: 0px!important;
    margin-bottom: 0px!important;
    word-wrap: break-word;
    word-break: break-all;
    line-height: 49px;
    vertical-align: middle;
  }
  .pj-optin-modal .bloc .pj-modal-choise-container .modal-choise-container-input {
    width: 21%;
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
  }
  .pj-optin-modal .bloc .pj-modal-choise-container .modal-choise-container-input input {
    margin: auto!important;
  }
  .pj-optin-modal .pj-optin-btn-container {
    width: 50%;
    margin-left: 25%;
    margin-right: 25%;
    bottom: 60px;
    font-family: OpenSans;
  }
  .pj-optin-modal .pj-optin-btn-container input {
    width: 20%;
    font-size: 14px!important;
  }
  .pj-optin-modal .pj-optin-btn-container button {
    width: 20%;
    font-size: 14px!important;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .bloc .pj-modal-choise-container {
    height: auto;
    width: 90%;
  }
  .bloc .pj-modal-choise-container .modal-choise-container-txt {
    width: 80%;
  }
  .bloc .pj-modal-choise-container .modal-choise-container-txt p {
    margin-top: 0px!important;
    margin-bottom: 0px!important;
    word-wrap: break-word;
    word-break: break-all;
    line-height: 49px;
    vertical-align: middle;
  }
  .bloc .pj-modal-choise-container .modal-choise-container-input {
    width: 21%;
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
  }
  .bloc .pj-modal-choise-container .modal-choise-container-input input {
    margin: auto!important;
  }
  .pj-optin-btn-container {
    width: 50%;
    margin-left: 25%;
    margin-right: 25%;
    bottom: 60px;
    font-family: OpenSans;
  }
  .pj-optin-btn-container input {
    width: 20%;
    font-size: 14px!important;
  }
  .pj-optin-btn-container button {
    width: 20%;
    font-size: 14px!important;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .bloc .pj-modal-choise-container {
    height: auto;
    width: 90%;
  }
  .bloc .pj-modal-choise-container .modal-choise-container-txt {
    width: 80%;
  }
  .bloc .pj-modal-choise-container .modal-choise-container-txt p {
    margin-top: 0px!important;
    margin-bottom: 0px!important;
    word-wrap: break-word;
    word-break: break-all;
    line-height: 49px;
    vertical-align: middle;
  }
  .bloc .pj-modal-choise-container .modal-choise-container-input {
    width: 21%;
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
  }
  .bloc .pj-modal-choise-container .modal-choise-container-input input {
    margin: auto!important;
  }
  .pj-optin-btn-container {
    width: 50%;
    margin-left: 25%;
    margin-right: 25%;
    bottom: 60px;
    font-family: OpenSans;
  }
  .pj-optin-btn-container input {
    width: 20%;
    font-size: 14px!important;
  }
  .pj-optin-btn-container button {
    width: 20%;
    font-size: 14px!important;
  }
}
@media screen and (min-width: 1200px) {
  .pj-last-infos-cookies-choise-container {
    margin-bottom: 150px;
  }
  .bloc .pj-modal-choise-container {
    height: auto;
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
  }
  .bloc .pj-modal-choise-container .modal-choise-container-txt {
    width: 80%;
  }
  .bloc .pj-modal-choise-container .modal-choise-container-txt p {
    margin-top: 0px!important;
    margin-bottom: 0px!important;
    word-wrap: break-word;
    word-break: break-all;
    line-height: 49px;
    vertical-align: middle;
  }
  .bloc .pj-modal-choise-container .modal-choise-container-input {
    width: 20%;
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
  }
  .bloc .pj-modal-choise-container .modal-choise-container-input input {
    margin: auto!important;
  }
  .pj-optin-btn-container {
    width: 50%;
    margin-left: 25%;
    margin-right: 25%;
    bottom: 60px;
    font-family: OpenSans;
  }
  .pj-optin-btn-container input {
    background-color: #373737;
    font-size: 14px!important;
    width: 20%;
  }
  .pj-optin-btn-container button {
    width: 20%;
    font-size: 14px!important;
  }
}