/*

VECTOR communication SaRL
Puits-Godet 10a
2000 Neuchatel
www.vector.ch

*/

@font-face {
	font-family: 'Theinhardt-Regular';
	src: url('../fonts/Theinhardt-Regular.eot');
	src: local('☺'), url('../fonts/Theinhardt-Regular.woff') format('woff'), 
		 url('../fonts/Theinhardt-Regular.ttf') format('truetype'), 
		 url('../fonts/Theinhardt-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Theinhardt-Medium';
	src: url('../fonts/Theinhardt-Medium.eot');
	src: local('☺'), url('../fonts/Theinhardt-Medium.woff') format('woff'), 
		 url('../fonts/Theinhardt-Medium.ttf') format('truetype'), 
		 url('../fonts/Theinhardt-Medium.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Theinhardt-Light';
	src: url('../fonts/Theinhardt-Light.eot');
	src: local('☺'), url('../fonts/Theinhardt-Light.woff') format('woff'), 
		 url('../fonts/Theinhardt-Light.ttf') format('truetype'), 
		 url('../fonts/Theinhardt-Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'helvetica-neue';
	src: url('../fonts/helr45w.eot');
	src: local('☺'), url('../fonts/helr45w.woff') format('woff'), 
		 url('../fonts/helr45w.ttf') format('truetype'), 
		 url('../fonts/helr45w.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


/*
 * Legal Disclaimer
 *
 * These Fonts are licensed only for use on these domains and their subdomains:
 * "transn.ch / transn.info"
 *
 * It is illegal to download or use them on other websites.
 *
 * While the @font-face statements below may be modified by the client, this
 * disclaimer may not be removed.
 *
 * optimo.ch, 2019
 */


@font-face {
  font-family: 'icon-transn';
  src:  url('../fonts/icon-transn.eot?20191128v1');
  src:  url('../fonts/icon-transn.eot?20191128v1#iefix') format('embedded-opentype'),
    url('../fonts/icon-transn.ttf?20191128v1') format('truetype'),
    url('../fonts/icon-transn.woff?20191128v1') format('woff'),
    url('../fonts/icon-transn.svg?20191128v1#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icon-transn' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  line-height:inherit;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"] em, [class*=" icon-"] em {
	display:none;
	visibility:hidden;
}

.icon-transn-like:before {
  content: "\e927";
}
.icon-transn-sprinter:before {
  content: "\e926";
}
.icon-transn-shopping-cart:before {
  content: "\e925";
}
.icon-transn-excla2:before {
  content: "\e922";
}
.icon-transn-reversev:before {
  content: "\e920";
}
.icon-transn-reverseh:before {
  content: "\e921";
}
.icon-transn-right-arrow:before {
  content: "\e91d";
}
.icon-transn-cercle:before {
  content: "\e91c";
}
.icon-transn-exclamation-mark:before {
  content: "\e91a";
}
/*
.icon-transn-excla2:before {
  content: "\e91b";
}
*/
.icon-transn-close:before {
  content: "\e911";
}
.icon-transn-clock:before {
  content: "\e912";
}
.icon-transn-top:before {
  content: "\e916";
}
.icon-transn-up-arrow:before {
  content: "\e918";
}
.icon-transn-previous-arrow:before {
  content: "\e91e";
}
.icon-transn-next-arrow:before {
  content: "\e91f";
}
.icon-transn-down-arrow:before {
  content: "\e919";
}
.icon-transn-family:before {
  content: "\e90f";
}
.icon-transn-network:before {
  content: "\e910";
}
.icon-transn-email:before {
  content: "\e900";
}
.icon-transn-recherche:before {
  content: "\e903";
}
.icon-transn-reverse:before {
  content: "\e905";
}
.icon-transn-position:before {
  content: "\e906";
}
.icon-transn-calendar:before {
  content: "\e907";
}
.icon-transn-bus:before {
  content: "\e902";
}
.icon-transn-horloge:before {
  content: "\e90d";
}
.icon-transn-heavy_rail:before,
.icon-transn-train:before {
  content: "\e908";
}
.icon-transn-voiture:before {
  content: "\e90b";
}
.icon-transn-pieton:before {
  content: "\e90c";
}
.icon-transn-trolley:before {
  content: "\e917";
}
.icon-transn-funi:before {
  content: "\e90e";
}
.icon-transn-velo:before {
  content: "\e909";
}
.icon-transn-plane:before {
  content: "\e924";
}
.icon-transn-fb:before {
  content: "\e901";
}
.icon-transn-youtube:before {
  content: "\e904";
}
.icon-transn-instagram:before {
  content: "\e90a";
}
.icon-transn-linkedin:before {
  content: "\e923";
}

.col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9 {
    float: left;

    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}



html,
button,
input,
select,
textarea {
    color: #000;
}
body {    
  	background:#f2f2f2;
  	color:#464646;

	font-family: "Theinhardt-Regular", "helvetica-neue", Verdana, arial;
/*
	font-family: "Theinhardt-Light", "helvetica-neue", Verdana, arial;
*/
	font-style: normal;
	font-weight: 400;
	
    font-size:1.458333vw; /* 28px @1920 */
	line-height:2.083333vw; /* 40px 1920 */
	
	overflow-x:hidden;
}

/*
::-moz-selection {
    background: #2d8c05;
    text-shadow: none;
}
::selection {
    background: #2d8c05;
    text-shadow: none;
}
*/

/*
radio,
checkbox,
*/
button,
select,
input[type="text"]{
    -webkit-appearance: none;
}
.tx-indexedsearch-searchbox input{
    -webkit-appearance: none !important;
}


hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}
hr.clearer {
    border-top: 10px;
}
	
figure img.image-embed-item{
    display: block;
    max-width: 100%;
    height: auto;
	width:100%;
}

.table {
	display: table;   /* Allow the centering to work */
	margin: 0 auto;
	width:auto;
}

table.center{
	margin:0 auto;
}

.overflow-auto{
	overflow: auto;
}

img {
    vertical-align: middle;
}
fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}
textarea {
    resize: vertical;
}
.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

section#content ul ul{
	margin-top:.5em;
}
a {
    color: #7bb600;
    text-decoration: none;
    -webkit-transition: all .25s ease-out;
    -moz-transition: all .25s ease-out;
    -ms-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out;
}
a:focus, a:hover {
	color: #7bb600;
	opacity:1;
}
	a#navCollapser:hover {
		color: #7bb600;
	}
a:focus, a:active,
img.map, map area{
    outline: none;
}

.not-visible{
	visibility: hidden !important;
}
.vert-transn,
span.vert-transn{
	color:#7bb600;
}

p.legend-photo,
span.legend-photo{
	font-size:.85em;
}

#content ul,
#content table,
#content li,
p{
	font-family: "Theinhardt-Light", "helvetica-neue", Verdana, arial;
}

b,bold,strong{
	font-family:"Theinhardt-Medium";
	font-weight:normal;
}

.btn.btn-transn-noir,
.btn.btn-transn{
	line-height:2;
	border-radius:15%/50%;
	border-radius:1.5em/50%;
	padding:6px 2em 2px 2em;
	padding: .3em 2em .1em 2em;
	background:#fff;
	color:#464646;
	min-width:8em;
	
	font-size:.7em;
}
.btn.btn-transn-noir:hover,
.btn.btn-transn:hover{
	color:#fff;
	background:#464646;
	opacity:1;
}
.btn.btn-transn-noir,
.btn.btn-transn.btn-noir{
	background:#464646;
	color:#fff;
}
.btn.btn-transn-noir:hover,
.btn.btn-transn.btn-noir:hover{
	color:#464646;
	background:#fff;
}

hr.ce-div {
    border-top: 1px solid #ccc;
    margin: 1em 0;
}

/*
to be used for abo tables
table::before{
	position:absolute;
	width:40px;
	height:40px;
	margin-left:-40px;
	background:yellow;
	content:" x ";
}
*/

.csc-header-alignment-left,
.align-left{
	text-align:left;
}
.csc-header-alignment-right,
.align-right{
	text-align:right;
}
.align-justify{
	text-align:justify;
}
.csc-header-alignment-center,
.align-center{
	text-align:center;
}

/* ------------------- Checkboxes -------------------- */

.checkbox {
  padding-left: 20px; 
}

  .checkbox label {
    display: inline-block;
    position: relative;
    padding-left: 5px; }
    .checkbox label::before {
      content: "";
      display: inline-block;
      position: absolute;
      width: 17px;
      height: 17px;
      left: 0;
      margin-left: -20px;
      border: 1px solid #cccccc;
      border-radius: 3px;
      background-color: #fff;
      -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
      -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
      transition: border 0.15s ease-in-out, color 0.15s ease-in-out;

      width: 1.38889vw;
      height: 1.38889vw;
      margin-left: -20px;
	  
	}
    .checkbox label::after {
      display: inline-block;
      position: absolute;
      width: 16px;
      height: 16px;
      left: 0;
      top: 0;
      margin-left: -20px;
      padding-left: 3px;
      padding-top: 1px;
      font-size: 11px;
      color: #555555;	  

      padding-left: 0.347222vw;

   }
  .checkbox input[type="checkbox"] {
    opacity: 0; }
    .checkbox input[type="checkbox"]:focus + label::before {
      outline: thin dotted;
      outline: 5px auto -webkit-focus-ring-color;
      outline-offset: -2px; }
    .checkbox input[type="checkbox"]:checked + label::after {
      font-family: 'FontAwesome';
      content: "\f00c"; }
    .checkbox input[type="checkbox"]:disabled + label {
      opacity: 0.65; }
      .checkbox input[type="checkbox"]:disabled + label::before {
        background-color: #eeeeee;
        cursor: not-allowed; }
  .checkbox.checkbox-circle label::before {
    border-radius: 50%; }
  .checkbox.checkbox-inline {
    margin-top: 0; }

.checkbox-primary input[type="checkbox"]:checked + label::before {
  background-color: #428bca;
  border-color: #428bca; }
.checkbox-primary input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-danger input[type="checkbox"]:checked + label::before {
  background-color: #d9534f;
  border-color: #d9534f; }
.checkbox-danger input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-info input[type="checkbox"]:checked + label::before {
  background-color: #5bc0de;
  border-color: #5bc0de; }
.checkbox-info input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-warning input[type="checkbox"]:checked + label::before {
  background-color: #f0ad4e;
  border-color: #f0ad4e; }
.checkbox-warning input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-success input[type="checkbox"]:checked + label::before {
  /* custom color */
  background-color: #45a99f;
  border-color: #45a99f; }
.checkbox-success input[type="checkbox"]:checked + label::after {
  color: #fff; }


/* ------------------- Titre -------------------- */
.h1, .h2, .h3, .h4, .h5, .h6, 
h1, h2, h3, h4, h5, h6 {
	font-family: "Theinhardt-Regular";
	font-family: "Theinhardt-Light";
	font-style: normal;
	font-weight: 300;

	line-height:1em;
}

h1{
	font-size:3.214285714285714em;
	line-height:1em;
}
h2 {
	font-size:2.857142857142857em;
}
section > div.frame-default > h2,
section > div.frame-default > header h2{
	margin-top:1em;
	margin-bottom:.6em;
}

.powermail_fieldset.layout3 legend,
h3 {
    font-size:1.142857142857143em;
}

h4{
}

h100{	/* pseudo element generated by header/grid/fluid */
	display:none;
	visibility:hidden;
}

ol, ul {
    padding: 0 0 0 25px;
    }
    li {
        padding: 2px 5px
    }

dl, menu, ol, ul {
    margin: 1em 0;
}

dt {
    float: left;
    width: 50%;
    padding: 0.1em 0;
	
	font-weight:normal;
	line-height:1.4;
}
dd {
    border-bottom: 1px solid #c4c4c4;
    margin: 0;
    padding: 0.1em 0 0.1em 50%;
    }
    dd::before, 
    dd::after {
        content: " ";
        display: table;
    }
    dd::after {
        clear: both;
    }
    .zend_form dd {
        border: 0
    }

.row.align-items-center > div.col > div{
	position: relative;
  	top: 50%;
  	transform: translateY(-50%);
}

/* ------------- faq ---------------- */
.tx-irfaq-pi1 .faq-item{
	margin-bottom: 0.8em;
}
.tx-irfaq-pi1 dt {
    float: none;
    width: 100%;
	font-weight:500;
	color:#000;
	
	background-image:none !important;
	padding-left:0;
}
.tx-irfaq-pi1 dd {
	padding:0;
	padding:0.1em 0 0.1em 1.1em;
	margin:0;
	font-weight:400;
	border-bottom:none;
}
.tx-irfaq-pi1 .additional-info {
	display:none !important;
}

.tx-irfaq-pi1 > p{
	display:none;
}
.tx-irfaq-pi1 dt:before {
	font-family:Flaticon;
	font-size:.8em;
	content: "\f101";
	color:#000;
}
.tx-irfaq-pi1 dt.tx-irfaq-toggle-minus:before {
	content: "\f10b";
	/* custom color */
	color:#4eb2a9;;
}



/* ------------------- topLink -------------------- */

#top-link{ 
	display:none; 
	position:fixed; 
	right:10px; 
	bottom:10px; 
	color:#d0021b; 
	font-weight:bold; 
	text-decoration:none; 
	border:0px solid #d0021b; 
	background:#fff; 
	padding:10px;
	font-size:1.2em;

	font-size: 1.5em;
    line-height: 1.5em;
    padding: 5px 10px;
	opacity:0.7;
	
	visibility:hidden; /* to remove if used finally */
}
#top-link:hover{ 
	color:#fff; 
	background:#d0021b;
}


/* ------------------- Box plan cantonal + Horaire Form + bloc totemi -------------------- */
.dce.dce-accroche-agenda,
.dce.horaire-form,
.dce.plan-cantonal{
	height:22.4vw; /* 430px at 1920 */
	width:20.52vw; /* 394px; at 1920 */

	width:92%;
}

.dce.horaire-form .horaire-form-select,
.dce.horaire-form .horaire-form-top,
.dce.plan-cantonal .plan-cantonal-link,
.dce.plan-cantonal .plan-cantonal-map{
	background-size:cover !important;
	height:11.46vw; /* 220px at 1920 */
}

.dce.horaire-form .horaire-form-select table,
.dce.plan-cantonal .plan-cantonal-link table{
	height:100%;
	height:95%;
	width:100%;
	border:0;
	border-collapse:collapse;
}
.dce.horaire-form .horaire-form-select table tr,
.dce.plan-cantonal .plan-cantonal-link table tr{
	height:50%;
}
.dce.horaire-form .horaire-form-select,
.dce.plan-cantonal .plan-cantonal-link{
	text-align:center;
}
.dce.horaire-form .horaire-form-select h3,
.dce.plan-cantonal .plan-cantonal-link h3{
	color:#fff;
/*
	margin:30px 80px;
*/
	text-align:center;
	width:60%;
}

.plan-cantonal-detail{
	/*
	position: absolute;
    width: 83%;
    width: calc(92% - 27px);
    z-index: 99;
    top: calc(22.5vw - 2px);
	*/
	background: #fff;
	padding: 1em .5em;
	
	display:none;
	position:relative;
	overflow:auto;
}
.dce.plan-cantonal.totemi .plan-cantonal-detail p,
.dce.plan-cantonal.totemi .plan-cantonal-detail ul{
/*
	font-size: .8em;
    line-height: 1.1;
    margin-bottom: .5em;
*/
}
.dce.plan-cantonal.totemi .plan-cantonal-detail ul{
    margin-top: 0;
}
.dce.plan-cantonal.totemi.opened{
	height:auto;
}
.dce.plan-cantonal.totemi.opened .plan-cantonal-detail{
	display:block;
}
@media only screen and (max-width: 992px) {
	.plan-cantonal-detail{
		/*
		width: calc(100% - 29px);
		top: calc(32vw);
		*/
	}
}
@media only screen and (max-width: 767px) {
	.plan-cantonal-detail{
		/*
		top: calc(40vw);
		*/
	}
}


/* ------------------- Box billet & abo -------------------- */
.dce.billet-abo{
	position:relative;
	height:22.4vw; /* 430px at 1920 */
	width:20.52vw; /* 394px; at 1920 */
	
	padding:7%;
}

.dce.billet-abo h5{
	font-family: Theinhardt-Medium;
	font-size:1em;
}
.dce.billet-abo::after{
	content: "";
    position: absolute;
    left: 10%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 1em 1em 0em 1em;
/*
    border-color: #7bb600 transparent transparent transparent;
*/
    border-color: transparent;
	border-top-color: #7bb600;
    bottom: -.9em;
}

.dce.billet-abo a.btn{
	position:absolute;
	bottom:7%;
	right:15%;
}

.fond-blanc.tableau-abonnement{
	position:relative;
}
.fond-blanc.tableau-abonnement .col-12{
	width:100%;
}
.fond-blanc.tableau-abonnement.tableau-abonnement-junior-senior::after,
.fond-blanc.tableau-abonnement.tableau-abonnement-junior-senior::before,
.fond-blanc.tableau-abonnement.tableau-abonnement-adulte::before{
	position: absolute;
    width: 6.77vw;
    margin-left: -130px;
    margin-left: calc(-1.5 * 6.77vw);
    height: 6.77vw;
    top: 0;
    font-size: 1.54em;
    line-height: 3em;

    font-size: 2.6em;
    line-height: 1.8;

    text-align: center;
    color: #fff;
    font-family: 'icon-transn';
}
.fond-blanc.tableau-abonnement.tableau-abonnement-adulte::before{
	background: #f5821e;
    content: "\e91c";
    color: #ffffff;
}
.fond-blanc.tableau-abonnement.tableau-abonnement-junior-senior::before{
	background: #4696d2;
    content: "\e91c";
    color: #ffffff;
}

.fond-blanc.tableau-abonnement.tableau-abonnement-junior-senior::after{
    top: 6.77vw;
}
.fond-blanc.tableau-abonnement.tableau-abonnement-junior-senior::after{
	background: #eb008c;
    content: "\e91c";
    color: #ffffff;
}
.info-mn-sb .fond-blanc.tableau-abonnement.tableau-abonnement-adulte::before{
	display: none !important;
}

.detail-news-content table{
	width:100%;
}
.detail-news-content table,
.fond-blanc.tableau-abonnement table{
	border:0;
	border-collapse:collapse;
}
.detail-news-content table td,
.fond-blanc.tableau-abonnement table td{
	text-align:center;
	border:0;
	border-right:1px solid #464646;
	padding:5px;
	white-space:nowrap;
}
.fond-blanc.tableau-abonnement.tableau-abonnement-adulte table tr.line-top td{
	width:25%;
}

.detail-news-content table td:first-child,
.fond-blanc.tableau-abonnement.tableau-align-first-col-left table td:first-child,
.fond-blanc.tableau-abonnement.tableau-taxe-regle table td:first-child{
	text-align:left;
	white-space:normal;
}
.fond-blanc.tableau-abonnement.tableau-taxe-regle::before {
    margin-left: calc(-1.35 * 6.77vw);
}


/* ------------------- Box Rapport de gestion -------------------- */
.dce.accroche-libre.rapport-gestion,
.dce.rapport-gestion{
	position:relative;
	height:15.2vw; /* 290px at 1920 */
	width:20.52vw; /* 394px; at 1920 */
	
	width:100%;
	
	padding:7%;
    position: relative;
}

.dce.rapport-gestion h5{
	font-family: Theinhardt-Medium;
	font-size:2em;
	
	width:1em;
	text-align:center;
}
.dce.rapport-gestion::after{
	content: "";
    position: absolute;
    left: 10%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 1em 1em 0em 1em;
/*
    border-color: #7bb600 transparent transparent transparent;
*/
    border-color: transparent;
	border-top-color: #7bb600;
    bottom: -.9em;
}

.dce.rapport-gestion a.btn{
	position:absolute;
	bottom:7%;
	right:15%;
}


/* ------------------- Box accroche libre -------------------- */
.dce.accroche-libre{
	position:relative;
	height:auto;
	width:100%;
	
	padding:7%;
}

.dce.accroche-libre h3{
	hyphens: auto;
	word-break: break-word;
}


.dce.accroche-libre h5{
	font-family: Theinhardt-Medium;
	font-size:1em;
}
.dce.accroche-libre::after{
	content: "";
    position: absolute;
    left: 10%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 1em 1em 0em 1em;
/*
    border-color: #7bb600 transparent transparent transparent;
*/
    border-color: transparent;
	border-top-color: #7bb600;
    bottom: -.9em;
}

/*
.dce.accroche-libre a.btn{
	position:absolute;
	bottom:7%;
	right:15%;
}
*/

/* ------------------- Box image fond de cellule -------------------- */
.dce-image-background{
	position:relative;
	height:auto;
	width:100%;
	
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
}


/* ------------------- Table chiffres -------------------- */
table.table-chiffre{
	width:100%;
	border:0;
	border-collapse:collapse;
}
table.table-chiffre td{
	border:1px solid #464646;
	padding:10%;	
	text-align:center;
	
	width:50%;
}
table.table-chiffre td.no-border{
	border:0px;
}
table.table-chiffre td em{
	font-size:2em;
}

.row.zone-chiffre-fond-blanc{
	background:#fff;
	padding:5%;
}
.row.zone-chiffre-fond-blanc table.table-chiffre td{
	border:0px;
}

/* ------------------- Lightbox -------------------- */
/*
.lightboxWrapper {
        background-image: url(../images/menu-background.png);
        background-repeat: repeat;
        position: fixed; 
        top: 0; 
        left: 0;
        z-index: 5000;
        display: none;
    width:100%; 
    min-height: 100%;
    }
    .lightbox {
        background: none repeat scroll 0 0 #fff;
        margin: 15% auto 0;
        padding: 30px 40px;
        width: 40%;
        border:1px solid #747474;
        }
        .lightbox .btn-red {
                float:right;
        }
        .lightbox .btn-white {
                float:left;
        }
        .lightbox .close {
                float:right;
                margin-right: -10px;
                margin-top: -10px;
        }
 
*/
       
/* ------------------- wrapper -------------------- */
#container{
	position:relative;
	width:100%;
	max-width:1440px;

/*
	overflow-x:hidden;
	background:url(../Images/vague-header.svg) center -65px no-repeat;
*/	
	background-position:center -65px !important;
	background-repeat:no-repeat !important;
	background-size:auto !important; 
	
	margin:0 auto;
}

#breadcrumb{
	display:block;
	padding:.5vw 0;
	max-height: 2em;
    overflow: hidden;
}
	/* hide on homepage */
	body#page-862 #breadcrumb,
	body#page-861 #breadcrumb,
	body#page-6 #breadcrumb{
		display:none;
	}

#bande-blanche-home{
	position:absolute;
	width:100%;
	height:20px;
	background:#fff;
	z-index:-1;
	display:none;
	top:7.08333vw;
}
	body#page-6 #bande-blanche-home,
	body#page-861 #bande-blanche-home,
	body#page-862 #bande-blanche-home{
		display:block;
	}

/* TMP */
#c3352 .slick-slider {
    margin-bottom: -12px;
}
.social-home{
    position: absolute;
    right: 0;
    background: #464646;
    padding: 8px 25px 8px 0px;
/*
	margin-top:-42px;
*/
	z-index:1;
}
.social-home a{
	color:#fff;
	text-decoration:none;
	display:inline-block;
	padding-left: 16px;
}

.container {
    padding-right: 0;
    padding-left: 0;
    margin-right: auto;
    margin-left: auto;
	padding-left:4.42vw;
	padding-right:4.42vw;
	
	width:100%;
}

.csc-frame-default{
	position:relative;
}
.wrapper{
  position:relative;
  margin:0 auto;
  width:90%;
}

.wrapper-outer{
  position:relative;
  width:100%;
  margin:0;
  padding:0;
}


.col_2 {
    float: left;
    width: 45%;
  padding-top:3px;
    }
    .col_2 + .col_2 {
        margin-left: 10%;
    }
.col_3 {
    float: left;
    width: 33.3%;
}
.col_4 {
    float: left;
    width: 25%;
    }

article {
    margin-bottom: 3em;
}

img.image-embed-item,
img.responsive {
  display:block;
    max-width: 100%;
    height: auto;
}

/* ------------------- Accordion panel -------------------- */


/* ------------------- Header -------------------- */

header#header-top{
    position: fixed;
    clear: both;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
	background:#fff;
	
	height:136px;
	padding-top:29px;
	height:7.08333vw;
	padding-top:1.510416667vw;

}

header#header-top a:hover{
	opacity:1;
}

header#header-top #header-left,
header#header-top #header-left > div,
header#header-top #header-right,
header#header-top #header-right > div{
	float:left;
}
header#header-top #header-right{
	float:right;
}

header#header-top #header-left{
	padding-left:2vw;
	padding-left:4.42vw;
}
header#header-top #header-right{
	float:right;
}

header#header-top #logo-top{
	width:10vw;
	margin-right:2.7vw;
	margin-top:6px;
}
header#header-top #logo-top img{
	width:100%;
	height:auto;
}

header#header-top #burger,
header#header-top .info-trafic-mark{
	display:none;
}

body#page-223 #searchbox-zone,
body#page-223 #searchbox-zone-mobile,
#searchbox-zone .tx-indexedsearch-form label,
#searchbox-zone-mobile .tx-indexedsearch-form label,
#searchbox-zone-mobile{
	display:none;
}
#searchbox-zone{
    position: relative;
/*
	display:none !important;
	visibility:hidden !important;
	position:absolute;
	top:29px;
	right:20px;
*/
}

	#searchbox-zone input#tx-indexedsearch-searchbox-sword{
		visibility:visible;
		display:none;
		margin-bottom: 0em !important;
		padding: 0 0.5em !important;
		font-size: 0.8505em;
		border: 0;
		border-bottom: 1px solid #c1c1c1;
		font-family: "Theinhardt-Light", "helvetica-neue", Verdana, arial;
	}

#indexedsearch button[type="submit"],
.tx-indexedsearch-searchbox input[type="submit"]{
	display:none !important;
	background:#826140;
	border:2px solid #fff;
	color:#fff;
}
	.tx-indexedsearch-searchbox input[type="submit"]:hover{
		background:#826140;
		border:2px solid #fff;
		color:#fff;
		text-decoration:none;
	}

.search-mobile button,
.search-mobile input,
#searchbox-zone button,
#searchbox-zone input{
    outline: 0;
}
.tx-indexedsearch-info.info{
	display:none;
}

#ovsearchbox{
	position:relative;
    float: left;
}

a#search-btn{
	text-decoration:none;
}
a#search-btn i:before{
	margin-left:10px;
	color:#7bb600;
}

header#header-top .info-trafic-mark,
#info-trafic-btn,
#info-trafic-cursor,
#email-zone{
	width:2em;
	height:2em;
	padding:0;
    background: #7bb600;
    margin-left: 1vw;
	text-align:center;
}
#info-trafic-btn,
#info-trafic-cursor,
#info-trafic-mark{
	position:absolute;
	position:fixed;

	right:0;
	top:136px;
	top:7.08333vw;
	
	z-index:1;
}	
/* test done with position fixed but to much trouble with popup content handling when content is long */

#info-trafic-cursor{
	position:absolute;
}	
#info-trafic-btn,
#info-trafic-cursor{
	top:0;
	top:calc(7.08333vw);
	right:0;
    background: #ff4d19;
	
	cursor:pointer;
}
#info-trafic-cursor{
	top:0;
}
#info-trafic-mark{
	top:calc(136px + 2em);
	top:calc(7.08333vw + 2em + 2.5em);
	display:none;
	z-index:-1;

	display:none;
	z-index:0;
}
body#page-862 #info-trafic-mark,
body#page-861 #info-trafic-mark,
body#page-6 #info-trafic-mark{
	display:none !important;
}
#info-trafic-mark a{
 	color:#ff4d19;
	text-decoration:none;
}

header#header-top .info-trafic-mark a,
a.info-trafic-btn,
a.email-btn{
	line-height:2em;
	display:inline-block;
	color:#fff;
	
	text-decoration:none;
}
a.info-trafic-btn i:before,
a.email-btn i:before{
	margin:0;

}

#info-trafic-mark .vertical-text {
	display: inline-block;
    transform: rotate(-90deg);
    margin-right: -2em;
    text-transform: uppercase;
	color:#ff4d19;
}

               
/* ------------------- Menu -------------------- */

header .content nav, header .content nav a {
    color: #7bb600;
}				
header nav #menu-top .row { margin: 0; }

header nav #menu-top ul,
header #menu-top-domain ul { 
	list-style: none; 
	margin: 0; 
	padding: 0;
}
header nav #menu-top ul li,
header #menu-top-domain ul li {
	float: left; 
	font-size: 1em; 
	font-weight:400; 
	padding-left: 70px; 
}
header nav #menu-top ul li:first-child ,
header #menu-top-domain ul li {
	padding-left: 0;
}

header nav #menu-top ul li a { z-index: 100; }

header nav #menu-top > ul > li > a {
	display:inline-block;
	text-decoration:none;
}

/*
header nav #menu-top .dropdown { display: none; position: absolute; left: 0; top: 87px; width: calc(100% - 140px); }
*/
header nav #menu-top .dropdown { 
	display: none; 
	position: absolute; 
	left: 0; 
	top: 12px; 
	width: 100%;
	top: calc(7.08vw - 10px);
}
header nav #menu-top > ul > li.parent.open.next > a:before { 
    content: "";
    position: absolute;
/*
    right: 50%;
*/
	left:48%;
	left:calc(50% - 1em);
    top: 1em;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 1em 1em 1em;
    border-color: transparent transparent #7bb600 transparent;
    z-index: 99999;
}

header nav #menu-top ul li:hover > a { position: relative; color: #7bb600; }
header nav #menu-top .dropdown .row .row { 
	padding-top:2em;
}

/*
header nav #menu-top ul li:hover > a::before { content: ''; position: absolute; top: 40px; width: 17px; border-bottom: 2px solid #0092D0; }
*/
/* header nav #menu-top ul li:hover .dropdown { display: block; } */
header nav #menu-top ul li.open .dropdown { display: block; background-color: #7bb600; }

/*
header nav #menu-top ul li .dropdown > .csc-frame { padding: 120px 70px 70px calc(140px - 15px); width: 100%; }
header nav #menu-top ul li .dropdown > .csc-frame::before { content:''; position: absolute; top: 132px; left: 80px; width: 40px; border-bottom: 1px solid #0092D0;   }
header nav #menu-top ul li .dropdown .row .col { width: 17%; }
*/

header #menu-top-domain ul li a{
	color: #464646;
	font-weight:300;
	font-size:0.678em;
	text-transform:uppercase;
	display:inline-block;
	
	font-family: "Theinhardt-Light", "helvetica-neue", Verdana, arial;
}
header #menu-top-domain ul li:after {
	position: relative;
    width: 50px;
    content: '';
    border-top: 1px solid #464646;
    z-index: 200;
    height: 3px;
    display: inline-block;
    margin: 0 10px;
}
header #menu-top-domain ul li:last-child:after {
	display:none;
}

header #menu-top-domain ul li.current > a,
header #menu-top-domain ul li a.active{
	font-family:"Theinhardt-Medium";
}


header nav #menu-top ul li .dropdown h1,
header nav #menu-top ul li .dropdown h2,
header nav #menu-top ul li .dropdown h3,
header nav #menu-top ul li .dropdown h4,
header nav #menu-top ul li .dropdown h5{
	font-family:"Theinhardt-Regular";
	font-size:1em;
	font-weight:300;
	color: #0d6f00;
}
	/* pseudo tag generated with grid/fluid  for header "hidden" */
	header nav #menu-top ul li .dropdown h100{
		display:none;
		visibility:hidden;
	}
header nav #menu-top ul li .dropdown a{
	color: #0d6f00;
}
header nav #menu-top ul li .dropdown h5{
	margin-bottom:1.5em;
}
header nav #menu-top ul li .dropdown ul{
	margin-top:-1em;
	margin-bottom:1.5em;
}
header nav #menu-top ul li .dropdown li{
	float:none;
	padding:0;
}
header nav #menu-top ul li .dropdown li a{
	color: #fff;
}

header nav #menu-top ul li .dropdown .menu-teaser{
	background:#fff;
/*
	border-top:1px solid #7bb600;
*/
	color: #464646;
	min-height:300px;	/* to coordinate with ResetDisplay function (manin.js) */
	padding:2%;
}
header nav #menu-top ul li .dropdown .menu-teaser .frame{
	background:url(../Images/sigle-interogation.png) top right no-repeat;
	background-size:45%;
}
header nav #menu-top ul li .dropdown .menu-teaser h3{
	color: #464646;
	max-width:50%;
    font-size: 2em;
    text-transform: uppercase;
	margin-top:0;
}
header nav #menu-top ul li .dropdown .menu-teaser p{
	max-width:80%;
}

/*
header nav #menu-top ul li .dropdown .menu-teaser { float: right; width: 32%; border-left: 1px solid #0092D0; padding-left: 70px;  }
header nav #menu-top ul li .dropdown .menu-teaser h3 { font-family: 'ROBOTO light', sans-serif; margin: 0 0 75px 0; font-size: 30px; color: #0092D0; }
header nav #menu-top ul li .dropdown .menu-teaser p { line-height: 23px; }
*/
.subpanel { position: fixed; left: 100%; height: calc(100% - 75px); top: calc(3.33vw + 75px); width: 100%;  font-size: 16px; padding: 0 30px 30px 30px; overflow: hidden; background-color: #ffffff; transition-duration: 0.5s; overflow-y: auto; z-index: 1000; }

#navCollapser{
	display:none;
}

/* ------------------- Info trafic popup & homepage -------------------- */

#info-trafic-home{
	position:relative;
	width:100%;
	background:#fff;
	padding:10%;
	
	min-height:41.66vw; /*800px at 1920 */
	min-height:30vw;
}

#info-trafic-home::before {
	position: absolute;
    width: 25px;
    height: 25px;
    line-height: 25px;
    margin-left: -2em;

    width: 3.229vw; /* 62px at 1920 */
    height: 3.229vw;
    line-height: 3.229vw;
	margin-left: calc(-3.229vw - 10%);
	
    background: #ff4d19;
    top: 0;
    text-align: center;
    color: #fff;
    font-family: 'icon-transn' !important;
    content: "\e922";
    display: inline-block;
}

#info-trafic-popup{
	position:absolute;
	width:100%;
	top:136px;
	top:7.08333vw;

	height: calc(100% + 7.08333vw);
	
/* not working with edge
	background-color:rgb(0, 0, 0, 0.6);
*/
	background:rgb(0, 0, 0, 0.6);
	background:rgba(0, 0, 0, 0.6);
	z-index:3;
	display:block;

	font-family: "Theinhardt-Light", "helvetica-neue", Verdana, arial;	
}
#info-trafic-popup.closed{
	display:none;
}
#info-trafic-popup #info-trafic-detail{
	position:relative;
	float:left;
	width:650px;
	width:41.66vw; /* 800 at 1920px */
/*
	margin-left: calc(100% - 450px);
*/
	background:#fff;
	
	min-height:200px;	
	margin-left: calc(100% - 650px - 450px - 1%);
	margin-left: calc(100% - 41.66vw - 28.25vw - 1%);
	margin-right:1%;
	margin-top:4em;
	padding:1em;
}
#info-trafic-detail section{
	min-height:auto;
}
#info-trafic-popup #info-trafic-detail{
	visibility:hidden;
}
#info-trafic-popup #info-trafic-detail h1{
	font-family: "Theinhardt-Medium";
	font-size: 1em;
/*
    font-weight: 700;	
*/
}
#info-trafic-popup #info-trafic-detail .news-single-backlink{
	display:none;
}
#info-trafic-popup #info-trafic-detail .news-list-date{
	line-height:3em;
}

#info-trafic-popup #info-trafic-list{
	position:relative;
	float:right;
	padding:1em;
	width:450px;
	width:28.25vw; /* 540 at 1920px */
/*
	margin-left: calc(100% - 450px);
*/
	background:#fff;
	
	min-height:280px;
}
#info-trafic-home h3,
#info-trafic-popup #info-trafic-list h3{
	font-family: "Theinhardt-Regular", "helvetica-neue", Verdana, arial;	
	text-transform:uppercase;
	margin-top:0;
}
#info-trafic-home ul ,
#info-trafic-popup #info-trafic-list ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
#info-trafic-home ul li,
#info-trafic-popup #info-trafic-list ul li{
    float: left;
    cursor: pointer;
}
#info-trafic-home .info-trafic-popup-list-line,
#info-trafic-popup #info-trafic-list .info-trafic-popup-list-line{
	width:100%;
	float: left;
    clear: both;
	border-bottom:2px solid #f2f2f2;
	padding:.5em 0;
}

#info-trafic-popup-sommaire table{
	border:none;
	border-collapse:collapse;
}
#info-trafic-popup-sommaire td{
	border:none;
	padding:1em .5em;
}
#info-trafic-popup-sommaire .info-trafic-single-line-number{
/*
	width:80px;
	text-align:center;
*/
}
#info-trafic-popup-sommaire .info-trafic-sommaire-list{
/*
	width:calc(100% - 80px);
*/
}

#info-trafic-home .info-trafic-sommaire-list .sommaire-container,
#info-trafic-popup-sommaire .info-trafic-sommaire-list .sommaire-container{
	display:none;
}

#info-trafic-popup-sommaire .info-trafic-sommaire-list span{
	display:inline-block;
	border-top:2px solid #f2f2f2;

	padding-top: .4em;
    margin-top: .4em;
	line-height:1;
	width:100%;
}
#info-trafic-popup-sommaire .info-trafic-sommaire-list .sommaire-container span:first-child{
	border-top:0px;
	padding-top:0;
    margin-top:0;
}
#info-trafic-popup-sommaire .info-trafic-sommaire-list a{
	font-size:.75em;
}

		

#info-trafic-popup #info-trafic-list #info-trafic-cursor{
	margin-left:-2em;
	left:0;
}

#info-trafic-popup #info-trafic-list #info-trafic-cursor:after {
    content: "";
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #ff4d19;
    position: absolute;
    right: -10px;
    top: .5em;
    z-index: 1;
}

/* ------------------- Bloc itinéraire -------------------- */
#itineraire-form-container {
    background: #7bb600;
    width: 100%;
    padding: 3% 0;	
	
	height:22.4vw;
	width:92%;
	
	padding:3% 0;
}
#itineraire-form .zone-acces-plan{
	display:none;
}
#itineraire-form #ffdate, 
#itineraire-form #ftime{
	padding:1em 0;
	text-align:center;
}
body#page-862 #itineraire-form-container,
body#page-861 #itineraire-form-container,
body#page-6 #itineraire-form-container {
    width: 20vw; /* 390 at 1920 */	
	height:auto;
	position:absolute;
	margin-top:-600px;
	margin-top:-700px;

	padding:0;
	z-index:2; /* on top of slider home */

}
body#page-862 #itineraire-form .zone-acces-plan,
body#page-861 #itineraire-form .zone-acces-plan,
body#page-6 #itineraire-form .zone-acces-plan{
	display:block;
}
#itineraire-form{
/*
	width:274px;
	max-width:274px;
*/
	font-size:0.68em;
	
	margin:2% auto;

	width:80%;
	margin:10%;
}

#itineraire-form form{
	margin:0;
	padding:0;
}
#itineraire-form table{
	width:100%;
	border-collapse:collapse;
	
/*
	margin-top: 50%;
    transform: translateY(-50%);	
*/
}
body#page-729 #itineraire-form table,
body#page-862 #itineraire-form table,
body#page-861 #itineraire-form table,
body#page-6 #itineraire-form table{
	margin-top:auto;
    transform: none;
}

#itineraire-form table tr.row-separator td{
	height:1em;
}

#itineraire-form .icon-transn-calendar{
	padding-right:.5em;
	font-size:1.5em;

	padding-right:.25em;
}
#itineraire-form .icon-transn-clock,
#itineraire-form .icon-transn-horloge{
	padding-left:1em;
	padding-right:.5em;
	font-size:1.5em;

	padding-left:.5em;
	padding-right:.25em;
}
#itineraire-form  td.row-start{
	position:relative;
}
#itineraire-form  em.icon-transn-position{
	position:absolute;
	display:block;
	right: .5em;
    top: .2em;
    font-size: 1.5em;
	cursor:pointer;
}
#itineraire-form  em.icon-transn-reversev{
	position: absolute;
    display: block;
    right: 1em;
    top: 1.1em;
    font-size: 1.6em;
    width: 1.6em;
    height: 1.6em;
    border-radius: 50%;
    color: #fff;
    background: #0d6f00;
    cursor: pointer;
    line-height: 1.6;
    text-align: center;
}

.easy-autocomplete input,
#itineraire-form table input[type="text"]{
	border-radius: 25px;
	border-color:transparent !important;
	background:#fff;
	outline:none;
	
	color:#898989;

	height:2.60416vw; /* 50px at 1920px */	
	border-radius: 1.3020833vw/50%; /* 25px at 1920 */
	padding:1em;
	margin-bottom:0;
	
	height:2.6em;
	border-radius: 1.5em/50%; /* 25px at 1920 */
}

#itineraire-form table input[type="submit"]{
	border-radius: 25px;
	border-color:transparent !important;
	background:#464646;
	color:#fff;
	width:60%;
	max-width:100px;
	margin:1em auto;

	height:2.60416vw; /* 50px at 1920px */	
	border-radius: 1.3020833vw/50%; /* 25px at 1920 */
	line-height:1em;
	
	padding:1em;
	margin-bottom:0;
}
#itineraire-form table input[type="submit"]:hover{
	background:#fff;
	color:#464646;
	opacity:1;
}
#itineraire-form input#saddr{
	padding-right:2.5em;
}
#itineraire-form span.toggle-iti{
	display:inline-block;
	float:left;
	width:50%;
	text-align:center;

	margin:1em auto;

	height:2.60416vw; /* 50px at 1920px */	
	border-radius: 1.3020833vw/50%; /* 25px at 1920 */
	line-height:1em;
	line-height:calc(2em - 1.302vw);
	
	padding:1em;
	margin-bottom:0;

	background:#0d6f00;
	color:#7bb600;
	
	cursor:pointer;
}
#itineraire-form span.toggle-iti.toggle-depart{
	border-top-right-radius:0;
	border-bottom-right-radius:0;
}
#itineraire-form span.toggle-iti.toggle-arrivee{
	border-top-left-radius:0;
	border-bottom-left-radius:0;
}
#itineraire-form span.toggle-iti.active{
	background-color:#fff;
	color:#464646;
}

#itineraire-form hr{
	color:#fff;
	margin:1em 0;
}
#itineraire-form .plan-cantonal{
	color:#fff;
	line-height:1;
}
#itineraire-form .plan-cantonal a{
	color:#fff;
}
#itineraire-form .plan-cantonal img{
    width: 70%;
    max-width: 80px;
    border-radius: .9em;
}

.datepicker-top-left, .datepicker-top-right {
    border-top-color: transparent;
}
.datepicker-panel>ul>li:hover {
    background-color: transparent;
	color:#7bb600;
}
.datepicker-panel>ul>li.picked, .datepicker-panel>ul>li.picked:hover {
    color: #0d6f00;
}
.datepicker-panel>ul>li.highlighted {
    background-color: #7bb600;
}
.datepicker-panel>ul>li {
    border-top: 1px solid #f2f2f2;
}
.datepicker-panel>ul>li.highlighted:hover {
    background-color: #0d6f00;
	color:#7bb600;
}
.datepicker-panel>ul>li[data-view="month current"], .datepicker-panel>ul>li[data-view="year current"], .datepicker-panel>ul>li[data-view="years current"] {
	color:#7bb600;
	font-size:1.2em;
}


.can-toggle {
  position: relative;
}
.can-toggle *, .can-toggle *:before, .can-toggle *:after {
  box-sizing: border-box;
}
.can-toggle input[type="checkbox"] {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
}
.can-toggle input[type="checkbox"][disabled] ~ label {
  pointer-events: none;
}
.can-toggle input[type="checkbox"][disabled] ~ label .can-toggle__switch {
  opacity: 0.4;
  opacity:1;
}
.can-toggle input[type="checkbox"]:checked ~ label .can-toggle__switch:before {
  content: attr(data-unchecked);
  left: 0;
}
.can-toggle input[type="checkbox"]:checked ~ label .can-toggle__switch:after {
  content: attr(data-checked);
}
.can-toggle label {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  position: relative;
  display: flex;
  align-items: center;
  font-weight:normal;
}
.can-toggle label .can-toggle__label-text {
  flex: 1;
  padding-left: 32px;
}
.can-toggle label .can-toggle__switch {
  position: relative;
}
.can-toggle label .can-toggle__switch:before {
  content: attr(data-checked);
  position: absolute;
  top: 0;
  text-transform: none;
  text-align: center;
}
.can-toggle label .can-toggle__switch:after {
  content: attr(data-unchecked);
  position: absolute;
  z-index: 5;
  text-transform: none;
  text-align: center;
  background: white;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

.can-toggle input[type="checkbox"]:checked:focus ~ label .can-toggle__switch, .can-toggle input[type="checkbox"]:checked:hover ~ label .can-toggle__switch {
  background-color: #5fc054;
}
.can-toggle input[type="checkbox"]:checked:focus ~ label .can-toggle__switch:after, .can-toggle input[type="checkbox"]:checked:hover ~ label .can-toggle__switch:after {
  color: #47a43d;
}
.can-toggle label .can-toggle__label-text {
  flex: 1;
}
.can-toggle label .can-toggle__switch {
  transition: background-color 0.3s cubic-bezier(0, 1, 0.5, 1);
  background: #848484;
}
.can-toggle label .can-toggle__switch:before {
  color: rgba(255, 255, 255, 0.5);
  color: rgba(255, 255, 255, 1);
}
.can-toggle label .can-toggle__switch:after {
  transition: -webkit-transform 0.3s cubic-bezier(0, 1, 0.5, 1);
  transition: transform 0.3s cubic-bezier(0, 1, 0.5, 1);
  transition: transform 0.3s cubic-bezier(0, 1, 0.5, 1), -webkit-transform 0.3s cubic-bezier(0, 1, 0.5, 1);
  color: #777;
}
.can-toggle label {
  font-size: 14px;
  font-size: 1em;
}
.can-toggle.demo-rebrand-2 input[type="checkbox"][disabled] ~ label {
  color: rgba(68, 68, 68, 0.5);
}
.can-toggle.demo-rebrand-2 input[type="checkbox"]:focus ~ label .can-toggle__switch, .can-toggle.demo-rebrand-2 input[type="checkbox"]:hover ~ label .can-toggle__switch {
  background-color: #0d6f00;
}
.can-toggle.demo-rebrand-2 input[type="checkbox"]:focus ~ label .can-toggle__switch:after, .can-toggle.demo-rebrand-2 input[type="checkbox"]:hover ~ label .can-toggle__switch:after {
  color: #898989;
/*
  color: rgba(164, 164, 164, 0.7);
*/
}
.can-toggle.demo-rebrand-2 input[type="checkbox"]:hover ~ label {
  color: #373737;
}
.can-toggle.demo-rebrand-2 input[type="checkbox"]:checked ~ label:hover {
  color: #62b125;
}
.can-toggle.demo-rebrand-2 input[type="checkbox"]:checked ~ label .can-toggle__switch {
  background-color: #0d6f00;
}
.can-toggle.demo-rebrand-2 input[type="checkbox"]:checked ~ label .can-toggle__switch:after {
  color: #898989;
/*
  color: rgba(164, 164, 164, 0.7);
*/
}
.can-toggle.demo-rebrand-2 input[type="checkbox"]:checked:focus ~ label .can-toggle__switch, .can-toggle.demo-rebrand-2 input[type="checkbox"]:checked:hover ~ label .can-toggle__switch {
  background-color: #0d6f00;
}
.can-toggle.demo-rebrand-2 input[type="checkbox"]:checked:focus ~ label .can-toggle__switch:after, .can-toggle.demo-rebrand-2 input[type="checkbox"]:checked:hover ~ label .can-toggle__switch:after {
  color: #a4a4a4;
/*
  color: rgba(164, 164, 164, 0.7);
*/
}
.can-toggle.demo-rebrand-2 label .can-toggle__label-text {
  flex: 1;
}
.can-toggle.demo-rebrand-2 label .can-toggle__switch {
  transition: background-color 0.3s cubic-bezier(0.86, 0, 0.07, 1);
  background: #0d6f00;
}
.can-toggle.demo-rebrand-2 label .can-toggle__switch:before {
/*
  color: rgba(255, 255, 255, 0.7);
*/
  color:#7bb600;
}
.can-toggle.demo-rebrand-2 label .can-toggle__switch:after {
/*
  transition: -webkit-transform 0.3s cubic-bezier(0.86, 0, 0.07, 1);
  transition: transform 0.3s cubic-bezier(0.86, 0, 0.07, 1);
  transition: transform 0.3s cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 0.3s cubic-bezier(0.86, 0, 0.07, 1);
  color: rgba(164, 164, 164, 0.7);
*/
  color: #898989;
}
.can-toggle.demo-rebrand-2 input[type="checkbox"]:focus ~ label .can-toggle__switch:after, .can-toggle.demo-rebrand-2 input[type="checkbox"]:hover ~ label .can-toggle__switch:after {
/*
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
*/
}
.can-toggle.demo-rebrand-2 input[type="checkbox"]:checked ~ label .can-toggle__switch:after {
  -webkit-transform: translate3d(58px, 0, 0);
          transform: translate3d(58px, 0, 0);

  -webkit-transform: translate3d(137px, 0, 0);
	transform: translate3d(137px, 0, 0);
    border-radius: 0 30px 30px 0;
}
.can-toggle.demo-rebrand-2 input[type="checkbox"]:checked:focus ~ label .can-toggle__switch:after, .can-toggle.demo-rebrand-2 input[type="checkbox"]:checked:hover ~ label .can-toggle__switch:after {
/*
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
*/
}
.can-toggle.demo-rebrand-2 label {
  font-size: 13px;
  font-size: 1em;
}
.can-toggle.demo-rebrand-2 label .can-toggle__switch {
  height: 60px;
  flex: 0 0 137px;
  border-radius: 60px;

  flex: 0 0 274px;
}
.can-toggle.demo-rebrand-2 label .can-toggle__switch:before {
  left: 137px;
  font-size: 13px;
  line-height: 60px;
  width: 137px;
  padding: 0 12px;

  font-size:1em;
}
.can-toggle.demo-rebrand-2 label .can-toggle__switch:after {
  top: 0px;
  left: 0px;
  border-radius: 30px 0 0 30px;
  width: 137px;
  line-height: 60px;
  font-size: 13px;

  font-size:1em;
/*
  left: -1px;
*/
  width: 137px;
}
.can-toggle.demo-rebrand-2 label .can-toggle__switch:hover:after {
/*
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
*/
}


/* ------------------- Line selector -------------------- */
.dce.horaire-form input#line-selector{
	font-size: .75em;
}
.dce.horaire-form .easy-autocomplete {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

/*
.dce.horaire-form #line-selector::before{
	position: absolute;
    right: 1em;
    content: "\e903";
    line-height: 2em;
    font-family: 'icon-transn' !important;
}
*/
input#line-selector{
    background-image: url(images/icon_search.png);
    background-repeat: no-repeat;
    background-position: right 1em center;
	
	max-width:80%;
}

.easy-autocomplete-container {
    width: 150% !important;
	width:auto !important;
}	
.easy-autocomplete-container ul li, 
.easy-autocomplete-container ul .eac-category {
    font-size: .8em !important;
	white-space:nowrap;
	text-align:left;
}


/* ------------------- Breadcrumb -------------------- */

#crumbs{
	font-size: .65em;
}

#crumbs a {
    -webkit-transition:none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}
#crumbs a:hover {
	opacity:1;
}
/*
#crumbs {
	text-align: center;
}
*/

	#crumbs ul {
		list-style: none;
		display: inline-table;
		margin:0;
		padding:0;
	}
		#crumbs ul li {
			display: inline;
			padding:0;
			border: 1px solid transparent;
		}
	
		#crumbs ul li a {
			display: block;
			float: left;
			height: 30px;
			background: #fff;
			text-align: center;
			padding: 0px 40px 0 40px;
			position: relative;
			margin: 0 3px 0 0;
/*
			font-size: .7em;
*/
			text-decoration: none;
			color: #464646;			

/* base em à 30px */
			height: 1.9em;
			padding: 0px 1.333em 0 1.333em;
			position: relative;
			margin: 0 .1em 0 0;

		}
			#crumbs ul li a:after {
				content: "";
				border-top: 10px solid transparent;
				border-bottom: 10px solid transparent;
				border-left: 10px solid #fff;
				position: absolute;
				right: -10px;
				top: 5px;
				z-index: 1;

				border-top: .333em solid transparent;
				border-bottom: .333em solid transparent;
				border-left: .333em solid #fff;
				position: absolute;
				right: -.333em;
				top: 0.5em;

			}
			#crumbs ul li:first-child a:after {
				border-left: 10px solid #dbdbdb;

				border-left: .333em solid #dbdbdb;
			}
			
			#crumbs ul li a:before {
				content: "";
				border-top: 10px solid transparent;
				border-bottom: 10px solid transparent;
				border-left: 10px solid #efefef;
				position: absolute;
				left: 0;
				top: 5px;

				border-top: .333em solid transparent;
				border-bottom: .333em solid transparent;
				border-left: .333em solid #efefef;
				position: absolute;
				left: 0;
				top: .5em;
			}
	
				#crumbs ul li:first-child a {
					border-top-left-radius: 0px; border-bottom-left-radius: 0px;
				}
				#crumbs ul li:first-child a:before {
					display: none; 
				}
				
/*
				#crumbs ul li:last-child a {
					padding-right: 80px;
					border-top-right-radius: 10px; border-bottom-right-radius: 0px;
				}
				#crumbs ul li:last-child a:after {
					display: none; 
				}
*/			
			#crumbs ul li:first-child a {
				background: #dbdbdb;				
			}

			#crumbs ul li a:hover {
				background: #dbdbdb;
			}
				#crumbs ul li a:hover:after {
					border-left-color: #dbdbdb;
				}


/* ------------------- Section -------------------- */

/*
section#content{
	width:95%;
	max-width:1400px;
}
*/

.content-container.main-wrapper{
	position:relative;
	padding-top:136px;
	padding-top:7.08333vw;
}


section#content{
	position:relative;
}

/* remove margin for nested bootstrap row */
section#content .gridWrap .gridWrap .row{
/*
	margin-left:0;
	margin-right:0;
*/
}

/* bloc pleine largeur */
section > div.frame-layout-0{
	width:100%;
	margin-left:auto;
	margin-right:auto;
	
	padding-left:4.42%;
	padding-right:4.42%;
}
/* bloc elargi 80% - left */
section > div.frame-layout-1{
	width:100%;
	margin-left:auto;
	margin-right:auto;
	
	padding-left:9.375%;
	padding-right:12.5%;
	padding-right:11.2%;
}
/* bloc elargi 80% - right */
section > div.frame-layout-2{
	width:100%;
	margin-left:auto;
	margin-right:auto;
	
	padding-left:18.125%;
	padding-right:4.42%;
}

/* bloc serré 70% */
section > div.frame-layout-3{
	width:100%;
	margin-left:auto;
	margin-right:auto;
	
	padding-left:18.125%;
	padding-right:12.5%;
	padding-right:11.2%;
}

/* bloc plein écran (full screen) */
section > div.frame-layout-4{
	width:100%;
}

/* bloc illustration top-right */
section > div.frame-layout-10{
	width:100%;
	margin-left:0;
	margin-right:0;
	
	padding-left:18.125%;	/* screean > 1920 => add half left margin */
	padding-right:0;
	
	min-height:200px;
}

/* bloc séparateur de bloc */
section div.frame-layout-11{
	width:100%;
	margin-left:0;
	margin-right:0;
	
	padding: 1em 0 .6em 0;
	padding:0;

	clear:both;
}
section div.frame-layout-11 hr.ce-div{
	border-top:0 !important;
	margin: 2em 0 !important;
}
section div.frame-layout-11.frame-space-before-medium{
	margin-top:0;
}
section div.frame-layout-11.frame-space-before-medium hr.ce-div{
	margin: 1em 0 !important;
}

section#content > .wrapper-outer.fullwidth{
	margin:0;
	padding:0;
}

section {
	min-height:400px;
}

section .row.row.justify-content-center > .col > .frame-layout-0{
	width:fit-content;
	margin-left:auto;
	margin-right:auto;
}

section > div .row.fond-blanc{
	width:100%;
	margin-left:auto;
	margin-right:auto;
	
	background:#fff;
	padding:2% 5%;

	display: inline-block;
}
.row > .fond-blanc > .gridWrap{
	background:#fff;
	padding:5%;
}
.gridWrap .row.no-padding .gridWrap{
	padding:0%;
}

section#content span.bloc-complement-info,
section#content p.bloc-complement-info{
	position:relative;
	background:#fff;
	padding: 5% 5%;
	margin:2em 0;
	
	display: block;
}
section#content span.bloc-complement-info:before,
section#content p.bloc-complement-info:before {
    content: "";
    position: absolute;
    left: 0%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0em 1em 1em 1em;
	border-color: transparent transparent #fff transparent;
	left:5%;
	top: -.9em;
}


/* info trafic home */
.first-block-with-info-trafic .bloc-with-top-margin{
	margin-top:18.229vw;  /*350px at 1920 */
	margin-top:15vw;

}

/* ------------------- Faq ----- */
.faq-container h5 .btn{
	white-space: normal;
}
.faq-sommaire > div{
	display: inline-block;
}
.faq-sommaire ul{
	list-style:none;
	margin:0;
	padding:0;
}
.faq-sommaire ul li{
	float:left;
	width:50%;
	padding:4%;
	text-align:center;
    color: #464646;
	cursor:pointer;

	min-height: 14vw;
	height:9em;
}
.faq-sommaire ul li a{
    color: #464646;
	text-decoration:none;
}
.faq-sommaire ul li:hover a{
    color: #f5821e;
}
.faq-sommaire ul li em > *{
	display:none;
}
.faq-sommaire ul li [class^="icon-"],
.faq-sommaire ul li [class*=" icon-"]{
    padding: .65em;
    background-color: transparent;
    border: 1px solid #464646;
    color: #464646;
    display: inline-block;
    border-radius: 50% 50%;
    font-size: 2em;
    line-height: 1em;
    margin-bottom: .2em;
}
.faq-sommaire ul li:hover [class^="icon-"],
.faq-sommaire ul li:hover [class*=" icon-"],
.faq-sommaire ul li.active [class^="icon-"],
.faq-sommaire ul li.active [class*=" icon-"]{
    background-color: #f5821e;
    border: 1px solid #f5821e;
    color: #fff;
}

.faq-container .card{
	border-bottom:1px solid #464646;
	margin-bottom:1em;
}
.faq-container .card-header h5{
	font-size:1em;
	outline:none;
}
.faq-container .card-header .btn-link{
	position:relative;
	font-size:1em;
	color:#f5821e;
	outline:none;
	padding:0;
	padding-right: 20px;
	width: 100%;

	font-family: "Theinhardt-Regular", "helvetica-neue", Verdana, arial;
    text-align: left;
	text-decoration:none;
}
.faq-container .card-header .btn-link.collapsed{
	color:#464646;
}
.faq-container .card-header .btn-link::after{
	position: absolute;

	right:0;
    font-family: 'icon-transn' !important;
    content: "\e918";
    display: inline-block;
	opacity:.5
}
.faq-container .card-header .btn-link.collapsed::after{
    content: "\e919";
}

.faq-container .card-body p,
.faq-container .card-body li{
	font-size:.67em;
	font-size:.85em;
	font-family: "Theinhardt-Regular", "helvetica-neue", Verdana, arial;
}


.renvoi-faq.row{
	margin-left: 0;
    margin-right: 0;
}
.renvoi-faq-image{
	background-size:cover;
	min-height:200px;
}
.renvoi-faq-link{
	position:relative;
	padding:4%;
	text-align:center;
}
.renvoi-faq-link h3{
	text-align:center;
	color:#fff;
	font-family: "Theinhardt-Regular", "helvetica-neue", Verdana, arial;
}
.renvoi-faq-link .btn{
	margin-top:3em;
}

/* ------------------- contact ----------------- */
/* base faq + adaptation couleur */

.contact-sommaire ul li:hover [class^="icon-"],
.contact-sommaire ul li:hover [class*=" icon-"],
.contact-sommaire ul li.active [class^="icon-"],
.contact-sommaire ul li.active [class*=" icon-"]{
    background-color: #7bb600;
    border: 1px solid #7bb600;
    color: #fff;
}

/* ------------------- Liste et détail ligne ----- */
.row.detail-ligne .ce-gallery{
	margin-bottom:0;
}
.row.detail-ligne .gridWrap, 
.row.detail-ligne .select-line-zone{
	background:#464646;
	color:#fff;
	padding-bottom: .4em;
}
.row.detail-ligne.liste-info-trafic .gridWrap,
.row.detail-ligne.liste-info-trafic .select-line-zone,
.row.detail-ligne.liste-info-trafic .select-line-zone .gridWrap,
.row.detail-ligne div.info-mn-sb .gridWrap,
.row.detail-ligne div.fond-blanc .gridWrap{
	background:#fff;
	color:#464646;
}
.row.detail-ligne.liste-info-trafic .collier-perle .gridWrap{
	position: relative;
	background-color: transparent !important;
	padding: 0 5%;
	min-height: 250px;
	
	margin-left:8%;
	background: #fff !important;
	padding: 0;
}
.row.detail-ligne.liste-info-trafic .collier-perle .gridWrap > .row{
	margin: 0 5%;
}
.row.detail-ligne.liste-info-trafic .collier-perle .gridWrap:before{
	position: absolute;
    width: 25px;
    height: 25px;
    line-height: 25px;
    margin-left: -2em;
	
	width: 3.3vw;
    height: 3.3vw;
    line-height: 3.229vw;
    margin-left: calc(-3.229vw - 10%);
    background: #ff4d19;
    top: 0;
    text-align: center;
    color: #fff;
    font-family: 'icon-transn' !important;
    content: "\e922";
    display: inline-block;
    margin-left: -6.6vw;
	
	
	width: 2.2em;
    height: 2.2em;
    margin-left: calc(-4.4em - 2px);
    margin-left: -2.2em;
	
}
.row.detail-ligne.liste-info-trafic .collier-perle .gridWrap:after {
    content: "";
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #ff4d19;
    position: absolute;
    right: -10px;
	left:6.6vw;
    top: .5em;
    z-index: 1;
	
	left:0;
}

.row.detail-ligne .select-line-zone div.card-header h5,
.row.detail-ligne .select-line-zone h3{
	text-transform:uppercase;
	margin-bottom:0;
}
.row.detail-ligne .select-line-zone em{
/*
	font-size:0;
*/
	padding-right:.3em;
}
.row.detail-ligne .select-line-zone ul{
	list-style:none;
	margin:-1.4em 0;
	padding:0;
	padding-left:5px;
	display:table;
}
.row.detail-ligne .select-line-zone ul li{
	float:left;
	cursor:pointer;
	padding: 2px 10px 2px 0;
}
.row.detail-ligne .select-line-zone ul li a{
	color:#fff;
}
.row.detail-ligne .select-line-zone ul li a.mobicite,
.row.detail-ligne .select-line-zone a.mobicite{
	display:inline-block;
	width:100%;
	float:none;
	font-size:.8em;
}

.row.detail-ligne .select-line-zone ul.mobicite-list{
	margin:0;
    margin: -.2em 0 -1em 0;
}
.row.detail-ligne .select-line-zone ul.mobicite-list li{
	float:none;
	cursor:pointer;
	padding: 2px 0;
	font-size:0.925em;
}
.row.detail-ligne .select-line-zone ul.mobicite-list li a{
	color: #7bb600;
}

.row.detail-ligne .select-line-zone ul.mobicite-list a img{
	border:0;
	max-width:35%;
	height: auto;
}



.row.detail-ligne .select-line-zone button{
	outline:none;
	width:100%;
}
.row.detail-ligne .select-line-zone div.show.collapse{
	overflow:auto;
}
.row.detail-ligne .select-line-zone div.card-header{
/*
	background:yellow;
*/
	display:block;
}
.row.detail-ligne .select-line-zone div.card-header .btn-link{
	text-transform:uppercase;
	color:#fff;
	text-decoration:none;
	font-size:1.8em;
	padding-left: 0;
	padding-right: 0;
/*
	font-size:1.5em;
*/
	font-weight:700;
}
.row.detail-ligne.liste-info-trafic .select-line-zone div.card-header .btn-link {
	color: #464646;
}
.row.detail-ligne .select-line-zone .card-body td{
	padding-bottom: .3em;
}

.liste-ligne .ce-textpic,
.liste-ligne .ce-image,
.liste-ligne .ce-gallery{
	overflow:unset;
}

.row.detail-ligne .liste-ligne .gridWrap .row {
    margin-left: 0;
    margin-right: 0;
}

.row.detail-ligne .liste-ligne .gridWrap .row .card {
	padding-bottom:1em;
}
.row.detail-ligne .liste-ligne .gridWrap .row .card-body {
	width: 90%;
    margin-left: auto;
    margin-right: auto;
}
.row.detail-ligne .liste-ligne .autre-ligne ul{
	margin-top:0;
}
.row.detail-ligne .liste-ligne .autre-ligne ul li{
	padding-left:1em;
	font-size: .8em;
    line-height: 1.1em;
}
.row.detail-ligne .liste-ligne .autre-ligne ul li:before{
	position:absolute;
	margin-left:-1.5em;
	content:"\e906";
	color:#fff;

	font-family: 'icon-transn' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
/*
	line-height: 1;
*/
	font-size:.8em;

}
.row.detail-ligne .liste-ligne .autre-ligne hr.ce-div {
    margin:0;
	margin-bottom:1em;
}


.display-line-info,
.white-zone-with-mark{
	position:relative;
	background:#fff;
	padding:0 2%;
	margin-left:calc(6.77vw - 10px);
}
.display-line-info::before,
.white-zone-with-mark::before{
	position:absolute;
	width:6.77vw; /*130px at 1920*/
	background:#4696d2;

    margin-left: -130px;
	margin-left: calc(-6.77vw - 2%);
    height: 6.77vw;
    top: 0;
    font-size: 1.54em;
    line-height: 3em;
    text-align: center;
		
	content:"422";
	color:#fff;
	font-family: 'helvetica-neue';
}

.line-info-header-mobile table,
.line-info-header-desktop table{
	border-collapse:collapse;
	height:6.77vw;
}
.line-info-header-mobile table{
	height: 3.5em;
}
.line-info-header-mobile.top-row {
	background:#464646;
	color:#fff;
}
.line-info-header-mobile.top-row a{
	color:#fff;
}
.line-info-header-mobile table{
	float:left;
}
.line-info-header-mobile table.tbl-line-no{
	width:3.5em;
	height:3.5em;
	margin-left:-15px;
	
}
table.tbl-change-dir.line-no-151,
table.tbl-change-dir.line-no-152,
table.tbl-change-dir.line-no-153,
table.tbl-change-dir.line-no-154,
table.tbl-change-dir.line-no-155{
	visibility: hidden;
}


.line-info-header-desktop table .line-info-header-title{
	line-height:1.3em;
}
.line-info-header-desktop table .pdf-download-info{
	font-size:.55em;
	line-height:1.1em;
}
.collapse-zone-mobile table .pdf-download-link,
.line-info-header-desktop table .pdf-download-link{
	margin-left: 10px;
    background: #464646;
    color: #fff;
    text-transform: uppercase;
    font-size: .714em;
    line-height: 1.607em;
    height: 1.607em;
	width:auto;
    /* width: 2.557em; */
    border-radius: .7857em;
    display: block;
    text-align: center;
    padding: 5% .5vw;

}
.collapse-zone-mobile table .pdf-download-link{
	margin-left: 0px;
	margin-right:1em;
	padding: .5vw;
}

.line-toggle-content{
	display:block;
}
.line-toggle-content.collapsed{
	display:none;
}
.row.line-def-container{
	position:relative;
}

.display-line-info .info-trafic-sommaire-line{
	position:relative;
	background:#ff4d19;
	color:#fff;
/*
	margin-left:40px;
	padding-left:40px;

	margin-left:3.125vw;
    padding: .5em;
*/
    padding-left: 3.125vw;
}

.display-line-info .info-trafic-item{
    border-bottom: 1px solid;
	border-color:rgba(255, 255, 255, .5);
    margin: .5em 0 .5em 0;
	line-height:1.2em;
	padding-bottom:.2em;
}
.display-line-info .info-trafic-item:last-child{
    border-bottom: 0px solid;
}
.display-line-info .info-trafic-sommaire-line a.readmore{
	color:#fff;
	text-decoration:none;
	font-family: "Theinhardt-Light", "helvetica-neue", Verdana, arial;
}
.display-line-info .info-trafic-detail.collapsed{
	display:none;
}
.display-line-info .info-trafic-detail{
	display:block;
	font-size:.8em;
	padding-top:.5em;
}

/* ------ liste info trafic ----------*/
#c5101,
.full-info-trafic-list .news-single-backlink{
	display: none;
}
.full-info-trafic-list div.row-info{
	margin:5% 0;
}
.full-info-trafic-list div.row-info:last-child .info-detail{
	padding-bottom: 5%;
}
.full-info-trafic-list div.row-info:last-child hr{
	display: none;
}
.full-info-trafic-list div.row-info > div{
    float: left;
}
.full-info-trafic-list div.row-info .linenr{
    margin-right: 5%;
	width:5%;
}
.full-info-trafic-list div.row-info .linenr span.ligne {
    font-size: 1em;
    line-height: 1.807em;
    height: 1.607em;
    width: 2.557em;
}
.full-info-trafic-list div.row-info .info-detail{
	font-family: "Theinhardt-Light";
	width:90%;
}
.full-info-trafic-list div.row-info .info-detail h3{
	margin-top: 0px;
}
.full-info-trafic-list div.row-info hr{
	clear: both;
	border-bottom: 1px solid #ccc;
	border-top:none;
	padding-top:1em;
}


/*
.display-line-info .info-trafic-sommaire-line::before{
	position: absolute;
    width: 3.125vw;
    background: #ff4d19;
    margin-left: calc(-3.125vw);
    height: 3.125vw;
    top: 0;
	left:0;
    font-size: 1.54em;
    line-height: 1.54em;
    text-align: center;
    color: #fff;
    font-family: 'icon-transn' !important;
    content: "\e91b";	
}

.display-line-info .info-trafic-sommaire-line::after{
    content: "";
    border-top: 10px solid #ff4d19;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #fff;
    position: absolute;
    top: .5em;
    z-index: 1;
    left: 0px;
}
*/

.display-line-info .info-trafic-sommaire-mark,
.display-line-info .info-trafic-sommaire-line{
	float:left;
}
.itineraire-detail .info-trafic-sommaire-mark,
.display-line-info .info-trafic-sommaire-mark{
	position:relative;
	width:3.125vw;
	height:3.125vw;
	background:#ff4d19;
    text-align: center;
    color: #fff;
	/*
    border-right: 1px solid #fff;
	*/
	line-height: 2em;
	z-index:1;
	
	width:2em;
	height:2em;	
}
.display-line-info .ligne-info-pdf{
	padding:1em 0;
}
.display-line-info .info-trafic-list .info-trafic-sommaire-mark:after{
	display:none;
}
.itineraire-detail .info-trafic-sommaire-mark em,
.display-line-info .info-trafic-sommaire-mark em{
	font-size: 1.5em;
}

.display-line-info .info-trafic-sommaire-line{
	width:calc(100% - 3.126vw);
	margin-bottom:1em;
	border-left: 1px solid #fff;

	width:calc(100% - 2em);
}

.itineraire-detail .info-trafic-sommaire-line:before,
.itineraire-detail .info-trafic-sommaire-mark:after,
.display-line-info .info-trafic-sommaire-line:before,
.display-line-info .info-trafic-sommaire-mark:after{
	content: '';
    display: block;
    position: absolute;
    left: 3.125vw;
    width: 15px;
    height: 15px;
    background: #ff4d19;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    z-index: 3;
    top: calc(1.55vw - .5em);
    left: calc(3vw + .5em);
    width: 1vw;
    height: 1vw;

    width: .666em;
    height: .666em;
	top: .5em;
    left: -.8em;
}
.itineraire-detail .info-trafic-sommaire-line:before,
.display-line-info .info-trafic-sommaire-line:before{
    left: -8px;
	top:15px;
	z-index:0;
	left:-.9vw;
	top:.8vw;
	
	width: 1.4vw;
    height: 1.4vw;
	
	top: .5em;
    left: -.8em;
	width: 1em;
    height: 1em;
}


.itineraire-detail .info-trafic-sommaire-line:before,
.itineraire-detail .info-trafic-sommaire-mark:after{
    left: 1.6em;
    border-right: 1px solid #ff4d19;
    border-bottom: 1px solid #ff4d19;
}
.itineraire-detail .info-trafic-sommaire-line:before{
	top: .5em;
    left: 1.6em;
    background: #ff4d19;
    border-right: 1px solid #ff4d19;
    border-bottom: 1px solid #ff4d19;

	display:none;
}


.line-info-header-desktop .header-info-trafic-mark{
	position:relative;
	padding-right:2em;
/*
	display:none;
*/
}
.itineraire-detail .info-trafic-sommaire-mark,
.line-info-header-desktop .header-info-trafic-mark .info-trafic-sommaire-mark{
	position:relative;
}
/*
.itineraire-detail .info-trafic-sommaire-mark:after,
*/
.line-info-header-desktop .header-info-trafic-mark .info-trafic-sommaire-mark:after{
	border:none;
	left: calc(2.6vw - 5%);
	top:1vw;
}

.timeline{
	position:relative;
	display:block;
	
	font-size:.7em;
	margin-bottom:4%;
}
/*
replaced by table
.timeline div {
    position: relative;
    float: left;
    height: 53px;
    width: 100px;
    overflow: hidden;
}
*/

.timeline table{
	margin:0;
}
.change-dir-md{
	display:none;
}
.colier-perle.active{
	display:block;
}
a.detail-line-collapse-link,
a.line-collapse-link{
	margin-left:2vw;
	color:#464646;
	float:right;
}
a.detail-line-collapse-link:before,
a.line-collapse-link:before {
    font-family: 'icon-transn' !important;
    content: "\e919";
    display: inline-block;
    opacity: .8;
	padding:0 2%;
	padding:0 5px;
}
a.detail-line-collapse-link.collapsed:before,
a.line-collapse-link.collapsed:before {
    content: "\e918";
}
/*
.icon-transn-down-arrow:before {
  content: "\e919";
}
*/

.timeline td {
    height: 53px;
    height: 3em;
    overflow: hidden;
	border:0;
	
	padding-right:1em;
	line-height:1.2em;
}
.timeline .stopname{
	text-align:right;
	color:#464646;
}
.timeline .stopname a{
	color:#464646;
}
.timeline .stopname .headline,
.timeline .stopname a.headline{
	font-weight:700;
}
.timeline .minute{
	padding-left:.5em;
}

.timeline .corresp {
    text-align: left;
}
.timeline .mainline{
	padding:0;
}
.timeline .mainline img{
	height:100%;
	width:auto;
}

/* ------------------- tableau horaire nuit ----- */
table.horairenuit,
.horairenuit {
	border-collapse:collapse;
	border: 1px solid #7bb600;
}
table.horairenuit td,
.horairenuit td{
	padding:4px;
	border: 1px solid #7bb600;
}
table.horairenuit td.trajet,
.horairenuit td.trajet{
	font-size:1.4em;
	line-height:1;
	font-weight:bold;
	color:#7bb600;
}
table.horairenuit td.heure,
.horairenuit td.heure{
	text-align:center;
	font-size:1.2em;
	font-weight:bold;
	color:#7bb600;
}

table.horairenuit th,
.horairenuit th {
	text-align:center;
	border-top:3px solid #7bb600;
	border-bottom:3px solid #7bb600;
	padding:4px;
	color: #7bb600;
}

/*
table#horairenuit td.trajet.noctamrun, .horairenuit td.trajet.noctamrun {
	background:url(/fileadmin/transn/images/offre-nuit/star-nr.jpg) center right 4px no-repeat;
}
table#horairenuit td.trajet.noctambus, .horairenuit td.trajet.noctambus {
	background:url(/fileadmin/transn/images/offre-nuit/star-nb.jpg) center right 4px no-repeat;
}
table#horairenuit td.trajet.mobinight, .horairenuit td.trajet.mobinight {
	background:url(/fileadmin/transn/images/offre-nuit/star-mn.jpg) center right 4px no-repeat;
}
table#horairenuit td.trajet.somnambus, .horairenuit td.trajet.somnambus {
	background:url(/fileadmin/transn/images/offre-nuit/star-sb.jpg) center right 4px no-repeat;
}
*/


/* ------------------- calcul & affichage itineraire ----- */
.itineraire-detail{
	background:#fff;
}
.itineraire-line-info{
	background:#f2f2f2;
}

.itineraire-line-info .itineraire-titre{
	background:#7bb600;
	color:#fff;
	font-size:1.5em;
	padding:3%;
	width:90%;
	
	font-size:1.4em;
	line-height: 1;
}
.itineraire-line-info .itineraire-titre .daddr-titre,
.itineraire-line-info .itineraire-titre .saddr-titre{
	padding:0 1em;
}
.itineraire-line-info .itineraire-titre .saddr-titre{
	padding-left:0;
}
.itineraire-line-info .itineraire-titre .icon-transn-reverse{
	color:#0d6f00;
}

.itineraire-line-info > table{
	width:100%;
	margin:1em 0 0 0;
}
.itineraire-line-info > table{
	width:94%;
	margin:3%;
}
.itineraire-line-info table tr.legend td{
	color:rgba(70, 70, 70, .5);
	font-size:.8em;
}
.detail-itineraire-line-info table{
	float:left;
/*
	width:60%;
	*/
	background:#f2f2f2;
	
	border:15px solid #f2f2f2;
	margin:.5em 0;
	width:100%;
}

.detail-itineraire-line-info.itineraire-link table{
	border:0;
	background:#fff;
}
.detail-itineraire-line-info.itineraire-link table td{
	text-align:left !important;
}
.detail-itineraire-line-info.itineraire-link table td a{
	padding: 0 15px 0 5px;
}

.detail-itineraire-line-info table td{
	font-size:.85em;
}
.detail-itineraire-line-info table td.symbol{
	font-size:1.1em;
}
.detail-itineraire-line-info table tr.title td{
	padding-bottom:.5em;
}
.detail-itineraire-line-info table td:nth-child(1),
.detail-itineraire-line-info table td:nth-child(2){
	width:12%;
}
.detail-itineraire-line-info table tr:first-child td:nth-child(1){
	text-align:center;
}
.detail-itineraire-line-info table td:nth-child(1),
.detail-itineraire-line-info table td:nth-child(2){
	text-align:center;
}
.detail-itineraire-line-info table tr:nth-child(2) td:nth-child(1),
.detail-itineraire-line-info table tr:nth-child(4) td:nth-child(1){
	color:rgba(70, 70, 70, .5);
}
.detail-itineraire-line-info td.nbstop{
	font-size:.7em;
}

.itineraire-result-table-container > div{
	background: #fff;
	padding:3%;
}
table.itineraire-result{
	width:100%;
}
table.itineraire-result .step-mobile{
	float:left;
	width:33.333%;
	min-width: 50px;
	overflow: hidden;
	
	text-align: center;
	white-space: nowrap;
}
table.itineraire-result td.active span{
	color:#fff;
	background: #ff4d19;
	display: inline-block;
	padding: 3px 10px 1px;
	
	text-align: center;
}
table.itineraire-result .step-mobile span.timelegend{
	font-size:.8em;
}
table.itineraire-result .step-mobile .icon-transn-right-arrow{
	padding-left: 5px;
	font-size:.7em;
}
table.itineraire-result .step-mobile.last .icon-transn-right-arrow:before{
	display: none;
}



div.row.previous-next-link{
	margin-left: 0;
    margin-right: 0;
	padding-right: 15px;
	background: #fff;
	
	padding-bottom: 1em;
}
div.row.previous-next-link .next-link{
	text-align: right;
}

.detail-itineraire-line-info {
    width: 100%;
	width:auto;
    float: none;
	clear: both;
}
.detail-itineraire > td{
	padding-bottom:1em;
}

.itineraire-detail .infotrafic-bloc{
	margin-top:.5em;
	position:relative;
	float:left;
/*
	width:40%;
	*/
	color: #fff;
    background: #ff4d19;
	min-height:40px;
}

.itineraire-detail .infotrafic-bloc:before{
    left: -8px;
    top: 15px;
    z-index: 0;
    left: -.9vw;
    top: .8vw;
    width: 1.4vw;
    height: 1.4vw;
    top: .5em;
    left: -.8em;
    width: 1em;
    height: 1em;
}

.itineraire-detail .info-trafic-sommaire-mark{
	visibility:hidden;	/* default: hidden, make it visible checking existing info for y give line */
}
.itineraire-detail .infotrafic-bloc .info-trafic-sommaire-mark{
	visibility:visible;
}

.itineraire-detail .infotrafic-bloc .info-trafic-sommaire-mark{
	position: absolute;
    top: 0;
    left: -2em;
}
.itineraire-detail .infotrafic-bloc .info-trafic-sommaire-line{
	padding: .2em .5em;
}

.itineraire-detail .infotrafic-bloc .info-trafic-item{
    border-bottom: 1px solid;
    border-color: rgba(255, 255, 255, .5);
    margin: .5em 0 .5em 0;
    line-height: 1.2em;
    padding-bottom: .2em;
}
.itineraire-detail .infotrafic-bloc .info-trafic-sommaire-line a.readmore{
	color:#fff;
	font-family: "Theinhardt-Light", "helvetica-neue", Verdana, arial;
}
.itineraire-detail .infotrafic-bloc .info-trafic-sommaire-line a:hover{
	color:#fff;
	text-decoration:none;
}
.itineraire-detail .infotrafic-bloc .info-trafic-sommaire-line .info-trafic-detail{
	font-size:.9em;
}
.itineraire-detail .infotrafic-bloc .info-trafic-sommaire-line .info-trafic-detail.collapsed{
	display:none;
}

.itineraire-detail .summary .icon-transn-right-arrow{
	font-size:.7em;
	padding:0 .5em;
}
.itineraire-detail .summary em:last-child{
	display:none;
}

.itineraire-detail .previous-next-link a,
.detail-itineraire-line-info.itineraire-link a{
	color:#464646;
	text-decoration:none;
}
.itineraire-detail .previous-next-link span{
	font-size: .8em;
    padding-left: .2em;
    padding-right: .2em;
    vertical-align: top;
}


/* ------------------ Presse & Job ----------*/
div.tableau-abonnement.tableau-news td,
div.tableau-abonnement.tableau-news th{
	text-align: left;
	white-space: normal;
}

.fond-blanc.tableau-abonnement.tableau-news::before {
    margin-left: calc(-1.35 * 6.77vw);
}




/* ------------------- RGPD modal ----- */
.modal-content {
    border-radius: 0;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.modal-content .btn-group button, 
.modal-content .btn-group a, 
.modal-content .btn-group-vertical a{
	border-radius: 0 !important;
}
.modal-content .btn-primary {
    color: #fff;
    background-color: #82bc00;
    border-color: #82bc00;
}
.modal-content label{
	display: inline-block;
}

.modal-backdrop.in {
    filter: alpha(opacity=0);
    opacity: 0;
}

#cookieman-modal .modal-dialog {
	margin: auto;
    position: absolute;
    bottom: 0;
}
#cookieman-modal .modal-content {
    padding: 5px 10% 10px;
}


/* ------------------- transN ligne bullet ----- */
.arret,
span.arret{
	color:#7bb600;
	font-weight:bold;
}

a.fancyboxcorr,
.ligne,
span.ligne{
	font-size: .8em;
    display: inline-block;
    margin: 0;
/*
    -webkit-border-radius: .5em;
    -moz-border-radius: .5em;
*/
    border-radius: .5em;
    overflow: hidden;
    text-align: center;
    text-decoration: none;
    color: #fff;
    background: #7bb600;
    height: 1.5em;
    width: 2.5em;

	font-size: .714em;
	line-height: 1.807em;
    height: 1.607em;
    width: 2.357em;
    border-radius: .7857em;
/*
	font-family: 'helvetica-neue', verdana, arial;
*/
}

span.ligne a{
	color:#fff;
}

span[class^="l-r"], span[class*=" l-r"],
span[class^="l-s"], span[class*=" l-s"],
span.l-re,
span.l-r{
	background:#2d327d;
}
span.l-030{
	background:#78af41;
}
span.l-101{
	background:#2d3291;
}
span.l-102{
	background:#4696d2;
}
span.l-106{
	background:#d282b4;
}
span.l-107{
	background:#eb1e23;
}
span.l-109{
	background:#912891;
}
span.l-110 a,
span.l-110{
	background:#7dcdbe;
	color:#231f20;
}
span.l-111 a,
span.l-111{
	background:#d7e141;
	color:#231f20;
}
span.l-112{
	background:#009155;
}
span.l-120{
	background:#f5821e;
}
span.l-121{
	background:#78af41;
}
span.l-122 a,
span.l-122{
	background:#7dcdbe;
	color:#231f20;
}
span.l-151{
	background:#f5821e;
}
span.l-152{
	background:#f5821e;
}
span.l-153{
	background:#f5821e;
}
span.l-154{
	background:#f5821e;
}
span.l-155{
	background:#f5821e;
}
span.l-156{
	background:#d7e141;
	color:#231f20;
}
span.l-215 a,
span.l-215{
	background:#7dcdbe;
	color:#231f20;
}
span.l-221{
	background:#912891;
}
span.l-222{
	background:#78af41;
}
span.l-224{
	background:#d282b4;
}
span.l-301{
	background:#2d3291;
}
span.l-302{
	background:#eb1e23;
}
span.l-303 a,
span.l-303{
	background:#d7e141;
	color:#231f20;
}
span.l-304{
	background:#009155;
}
span.l-305{
	background:#78ad42;
}
span.l-310{
	background:#d282b4;
}
span.l-311{
	background:#f5821e;
}
span.l-312{
	background:#912891;
}
span.l-341{
	background:#2d3291;
}
span.l-342{
	background:#eb1e23;
}
span.l-343{
	background:#912891;
}
span.l-352{
	background:#eb1e23;
}
span.l-353 a,
span.l-353{
	background:#d7e141;
	color:#231f20;
}
span.l-354{
	background:#009155;
}
span.l-359 a,
span.l-359{
	background:#d7e141;
	color:#231f20;
}
span.l-360{
	background:#4696d2;
}
span.l-361 a,
span.l-361{
	background:#7dcdbe;
	color:#231f20;
}
span.l-370{
	background:#eb008c;
}
span.l-421 a,
span.l-421{
	background:#d7e141;
	color:#231f20;
}
span.l-422{
	background:#d282b4;
}
span.l-423{
	background:#009155;
}
span.l-425{
	background:#eb008c;
}
span.l-426{
	background:#4696d2;
}
span.l-450{
	background:#4696d2;
}
span.l-590{
	background:#eb1e23;
}
span.l-591{
	background:#009155;
}
span.l-599{
	background:#eb008c;
}
span.l-612{
	background:#d682b5;
}
span.l-613 a,
span.l-613{
	background:#dedd26;
	color:#231f20;
}


/* ------------------- Footer -------------------- */

footer { 
	position : relative;
	clear: both; 
	width: 100%; 
	
	font-size: 0.6785em;
	line-height:1.3em;
	background-color: #fff;	
}


footer p{
	margin:0;
}
footer .footer-left{
	background-color: #fff;
}
footer .footer-left .footer-left-container{
	width:57.2916vw;
	max-width:1100px;
	padding:2.6vw;
	float:right;
}
footer .footer-left-menu a{
	display:inline-block;
	width:50%;
	float:left;
	color:#464646;
	font-weight:700;
	margin-bottom:1.875vw;
}

footer .footer-left-menu a:nth-last-child(1),
footer .footer-left-menu a:nth-last-child(2){
	margin-bottom:0;
}

footer .footer-right{
	background-color: #82bc00;
	color:#fff;
}
footer .footer-right .footer-right-container{
	width:33vw;
	max-width:640px;
	padding:2.6vw;

	max-width:100%;
}
footer .logo-footer{
	text-align:center;
}
footer .logo-footer img{
	width:50%;
	max-width:9.77vw;
}

footer .follow-us{
	white-space: nowrap;
}
footer .follow-us span{
	display:inline-block;
}
footer .follow-us a{
	display:inline-block;
	padding-right:10px;
}
footer .follow-us a i:before{
	color:#464646 !important;
}

footer .follow-us span:after {
    position: relative;
    width: 50px;
    content: '';
    border-top: 1px solid #464646;
/*
    z-index: 200;
*/
    height: 3px;
    display: inline-block;
    margin: 0 10px;
}



/* ------------------- Image home -------------------- */


/* ------------------- Image top page -------------------- */



/* ------------------- Slider Nivo -------------------- */
.nivo-controlNav.nivo-thumbs-enabled{
	display:none;
	visibility:hidden;
}
.theme-default .nivoSlider{
	box-shadow:none;
	-webkit-box-shadow: none;
	-moz-box-shadow:none;
}


/* ------------------- Slick nav element ------- */

.slick-dots li {
    width: 15px;
    margin: 0;
}
.slick-dots li button {
    width: 20px;
    height: 20px;
    padding: 5px;
}
.slick-dots li button:before {
    font-size: 10px;
    line-height: 20px;
}
.slick-dots li button:before {
    opacity: 1;
    color: #fff;
}
.slick-dots li.slick-active button:before {
    opacity: 1;
    color: #c4c4c4 !important;
}


/* ------------------- Highlight ------- */

.dce.dce-highlight.row{
	height:100%;
	height: 25.83vw; /* 496px at 1920 */
}
.dce-highlight .highlight-left{
	background-size:contain !important;
	background-position-x: 102% !important;
    background-position-y: 20px !important;
	
	height:100%;
}
.dce-highlight .highlight-left-container{
	min-height:180px;
	margin-left:9.375vw;	/* 180px at 1920 */
}
.highlight-left-container-content{
	max-width:50%;
}

.dce-highlight .highlight-right{
	background-size:cover !important;
}
.dce-highlight h3{
	font-size:2.857em;
	line-height:1;
	color:#fff;
	
	margin-top:6.1vw; /*120px*/
	padding:0;
	height:8.54vw; /*164px*/
	overflow:hidden;
}
.dce-highlight a{
	display:inline-block;
	background:#fff;
	color:#464646;
	
	font-size:0.68em;
	text-align:center;
}

.frame-highlight .slick-dots{
	position:absolute;
	bottom:20px;
	
	width:auto;
	padding:0;
	
	left:9.375vw;	/* 180x at 1920 */
}

/* single item */
.frame-highlight .slick-default.slick-slider {
    margin-bottom: -14px;
}
/* multiple items with dots */
	.frame-highlight .slick-dotted.slick-slider {
		margin-bottom: -14px;
	}



/* ------------------- Slick slider (top) -------------------- */
.frame-slider-top > .slick-default {
    opacity: 0;
    visibility: hidden;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;
}
.frame-slider-top > .slick-default.slick-initialized {
    visibility: visible;
    opacity: 1;    
	
	z-index:1; /* on top of info trafic text */
}

.frame-slider-top .slick-dots{
	bottom:-25px;
	text-align:left;
}
.frame-slider-top .slick-dots li button:before {
    opacity: 1;
    color: #d3d3d3;
}
.frame-slider-top .slick-dots li.slick-active button:before {
    opacity: 1;
    color: #464646;
}

.dce-illustration .slider{
    position: relative;
    text-align: right;
    width: 1920px;
	width:100%;
    margin: auto;
    overflow: hidden;
}

.dce-illustration .slider img, 
.dce-illustration .slider .videocontainer {
	float:right;
    width: calc(89% - 208px);
	width:100%;
}
.dce-illustration .slider .videocontainer {
	height:auto;
}

.slick-slide .dce-illustration video {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 101%;
    height: auto;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.dce-illustration .slider .legende {
    position: absolute;
    display: table;
    bottom: 0;
	top:80px;
    left:120px;
    width: 815px;
	width:50%;
/*
    height: 410px;
    background-color: rgba(255,255,255,0.95);
	border:1px solid;
*/
	color:#fff;
    text-align: left;
    overflow: hidden;

	top:10.25vw; /* 200 at 1920 */
    left:10.25vw; /* 200 at 1920 */
}
.dce-illustration .slider .legende h2 {
	margin:0;
}
.dce-illustration .slider .legende h2.titre {
	font-family: "Theinhardt-Regular", "helvetica-neue", Verdana, arial;
}
.dce-illustration .slider .legende a {
	color:#fff;
	text-decoration:none;
	outline:none;
}

/* ------------------- Bouton formulaire -------------------- */

input[type="submit"].cta-fond-brun, 
button[type="submit"].cta-fond-brun{
    padding: 2px 0;
    width: 150px;
    text-align: center;
    text-decoration: none;
    margin-top: 5px;

    text-transform: uppercase;
    font-weight: 700;

	background:#826140;
	border:2px solid #fff;
	color:#fff;
}
input[type="submit"].cta-fond-brun:hover, 
button[type="submit"].cta-fond-brun:hover{
	background:#826140;
	border:2px solid #fff;
	color:#fff;
	text-decoration:underline;
}

/* ------------------- Powermail  -------------------- */
.tx-powermail .container-fluid {
	padding-left:0;
	padding-right:o;
}

.tx-powermail .container-fluid h3{
	visibility:hidden;
	margin:0;
}


/* ------------------- Formhandler & Powermail -------------------- */
.tx-powermail .powermail_label,
.Tx-Formhandler .type-text.ajax label{
	display: none;
}

.tx-powermail .powermail_fieldwrap_type_checkbox label,
.tx-powermail .powermail_fieldwrap_type_radio label{
	display:block;
	font-weight: normal;
}

/* to be customized */
.tx-powermail [type="radio"]:checked, 
.tx-powermail [type="radio"]:not(:checked) {
/* 22.10.20
	left:auto;
*/
}

.tx-powermail .powermail_fieldwrap.powermail_fieldwrap_type_radio{
	width:100%;
	overflow: auto;
	padding:1em 0;
}



.Tx-Formhandler .formhandler-ajax-validation-result img{
/*
	display:none;
*/
}
.Tx-Formhandler .checkbox-list label{
	display:inline-block;
	margin-left:.5em;
}
.Tx-Formhandler .error{
	float:left;
}
.Tx-Formhandler .formhandler-ajax-validation-result{
	float:right;
}
.Tx-Formhandler .type-radio .error,
.Tx-Formhandler .type-check .error{
	float:none;
}
.tx-powermail,
.Tx-Formhandler{
	font-family: "Theinhardt-Light";
}

.tx-powermail input[type="text"], 
.tx-powermail input[type="email"], 
.tx-powermail input[type="password"], 
.tx-powermail input[type="date"], 
.tx-powermail input[type="number"], 
.tx-powermail textarea, 
.tx-powermail select,
.Tx-Formhandler input[type="text"], 
.Tx-Formhandler input[type="email"], 
.Tx-Formhandler input[type="password"], 
.Tx-Formhandler input[type="date"], 
.Tx-Formhandler input[type="number"], 
.Tx-Formhandler textarea, 
.Tx-Formhandler select {
    border: 1px solid #707070;
	border-color: transparent;
	background: #f2f2f2;
	color:#464646;
	font-size: .9em;
	
	padding: .6em .5em .4em .5em;
	padding: 1em .8em .6em .8em;
}

/*
.Tx-Formhandler select {
	background: #f2f2f2 url("http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png") no-repeat center;
	background: #f2f2f2 url("../Images/iconfinder_basics-down-array-24x24.png") no-repeat center;
	background-position-x: calc(100% - 1em);
}
.Tx-Formhandler select option {
	font-size: 14px;
    padding: 15px !important;
}
*/
/* format select using boostrap-select plugin */
.tx-powermail .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn),
.Tx-Formhandler .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    /* width: 220px; */
    width: 100%;
}
.tx-powermail .btn,
.Tx-Formhandler .btn {
	padding: 1em .8em .6em .8em;
    margin-bottom: 1em;
    /* font-size: 14px; */
    /* font-weight: 400; */
    /* line-height: 1.42857143; */
    background-image: none;
    border: 1px solid transparent;
    border-radius: 0px;
	background: #f2f2f2;
	
	font-weight: 100;
    font-size: .9em;
}
.Tx-Formhandler .bootstrap-select > .dropdown-toggle.bs-placeholder, 
.Tx-Formhandler .bootstrap-select > .dropdown-toggle.bs-placeholder:hover,
.Tx-Formhandler .bootstrap-select > .dropdown-toggle.bs-placeholder:focus,
.Tx-Formhandler .bootstrap-select > .dropdown-toggle.bs-placeholder:active {
    color: #464646;
	background: #f2f2f2;
}

.Tx-Formhandler .bootstrap-select .dropdown-toggle .caret {
    top: 32%;
    right: 30px;
	border:0;
}

.Tx-Formhandler .bs-caret .caret::after{
	font-family: 'icon-transn' !important;
	content: "\e919";
	color:#464646;
}

.Tx-Formhandler .bootstrap-select .dropdown-menu li {
    padding: .5em;
}
.Tx-Formhandler .bootstrap-select .dropdown-menu>.active>a, 
.Tx-Formhandler .bootstrap-select .dropdown-menu>.active>a:focus, 
.Tx-Formhandler .bootstrap-select .dropdown-menu>.active>a:hover {
    color: #fff;
    background-color: #7bb600;
    padding: .5em;
}
.Tx-Formhandler .bootstrap-select .dropdown-menu>li>a {
    font-weight: 100;
    color: #464646;
    line-height: 2em;
    padding: .5em !important;
}




.powermail_fieldset #powermail_field_npacodepostal,
.Tx-Formhandler #npa{
	width:15vw;
	float: left;
}
.powermail_fieldset #powermail_field_localite,
.Tx-Formhandler #city{
	width:calc(100% - 15vw - .8em);
	float: right;
}

.Tx-Formhandler #objet-relamation,
.Tx-Formhandler #cause-reclamation{
	float: left;
	width:49%;
}
.Tx-Formhandler #cause-reclamation{
	margin-left:2%;
}

.Tx-Formhandler .fieldset label{
	display:none;
}
.Tx-Formhandler .fieldset input,
.Tx-Formhandler .fieldset .dropdown.bootstrap-select{
	width:49% !important;
	float: left;
	margin-right:2%;
}
.Tx-Formhandler .fieldset .type-text:nth-child(2) input,
.Tx-Formhandler .fieldset .type-text:nth-child(2) .dropdown.bootstrap-select{
	margin-right:0%;
}

.tx-powermail .powermail_fieldset{
	margin-top: 20px;
}

.tx-powermail legend,
.Tx-Formhandler h3.form-subtitle{
	border-top:1px solid #464646;
	padding-top:1.5em;
}
.tx-powermail legend{
	border-bottom: none;
}

.type-check{
	margin-bottom: 1%;
	clear: both;
}
.type-check label{
    font-family: "Theinhardt-Light";
    font-style: normal;
    font-weight: 300;
    line-height: 1em;
	font-weight: 100;
}

[type="radio"]:checked,
[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label
{
    position: relative;
    padding-left: 2em;
    padding-right: 2em;
    cursor: pointer;
    line-height: 2;
    display: inline-block;
    color: #464646;
}
[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 1.5em;
    height: 1.5em;
    border: 1px solid #464646;
    border-radius: 100%;
    background: #fff;
}
[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after {
    content: '';
	width: 1em;
    height: 1em;
    background: #707070;
    position: absolute;
    top: .25em;
    left: .25em;
    border-radius: 100%;
/*
	-webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
*/
	
	width: 1.5em;
    height: 1.5em;
    background: #464646;
    position: absolute;
    top: 0;
    left: 0;
}
[type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
[type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.tx-powermail .powermail_field .radio{
	float: left;
	display: contents;
}

.type-file{
  position: relative;
  overflow: hidden;
  display: inline-block;
}

.type-file label {
    display: block;
    color: #fff;
    background-color: #7bb600;
    min-width: 150px;
    padding: 12px 15px 10px;
    border: none;
    margin-top: 12px;
    border-radius: 12px;
    border-color: transparent !important;
    background: #7bb600;
    color: #fff;
	/*
    width: 60%;
    max-width: 100px;
	*/
	width:auto;
    margin: 1em auto;
	/*
    height: 2.60416vw;
    border-radius: 1.3020833vw/50%;
	*/
    line-height: 1em;
    line-height: 0em;
    padding: 1em;
    margin-bottom: 0;
	font-weight: 100;
	cursor: pointer;

	line-height: 2;
    border-radius: 1.5em/50%;
    padding: 6px 2em 2px 2em;
    padding: .3em 2em .1em 2em;
    min-width: 8em;
}

.type-file input[type=file] {
  font-size: 100px;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}
	


/* ------------------- News (tt_news) -------------------- */

.single-news-ce{
	padding-left:15px;
	paddinf-right:15px;
}

/* ------------------- News home -------------------- */

.actu-home{
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
}
.actu-home::after {
    content: "";
    position: absolute;
    left: 5%;
	left:2vw;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 1em 1em 0em 1em;
    /* border-color: #7bb600 transparent transparent transparent; */
    border-color: transparent;
    border-top-color: #464646;
    bottom: -.9em;
}
.actu-home-single-image{
	position:relative;
	width:calc(100% - 15px);
	width:calc(100% - 1.6vw);
	
	width:96%;
	height:300px;
}
.actu-home h3{
	position:absolute;
	margin:5%;
	width:20%;
	font-family: "Theinhardt-Medium", verdana, arial;	
	color:#fff;
}
.actu-home-image-row .actu-home h3{
	width:45%;
}
.actu-home .btn{
	position:absolute;
	bottom:3%;
	right:5%;
}
.actu-home-image-row .actu-home .btn{
	right:17%;
}
.actu-home .btn a{
	color:#464646;
}
.actu-home .btn:hover a,
.actu-home .btn a:hover{
	color:#fff;
}
.actu-home .illustration{
	display:none;
}

.actu-home-image-row .news-latest-item{
	width:92%;
	height:200px;
}

/* ------------------- News list & detail -------------------- */

.news-single-item .illustration-detail-news{
	width:100%;
	height:40vw;
	
	background-position:center;
	background-size:cover;
}
.news-single-item .illustration-detail-news img{
	display:none !important;
	width:100%;
	height:auto;
}
.news-single-item .detail-news-content{
	width:66%;
}

/* TMP */
.news-list-container.list-actualite .news-list-item{
	float:left;
	width:30%;
	margin:0 1% 2% 0;
}
.news-list-container.list-actualite .news-list-item h1{
	font-size:.5em;
}
.tx-ttnews-browsebox,
.news-list-container.list-actualite hr.clearer {
    display: none !important;
	margin:0 !important;
}

/* ------------------- Agenda list & detail --------------- */

.agenda-heading-container{
	height:200px;
	display:none;
	overflow:hidden;
	z-index:1;
}
.agenda-heading-container .col{
	position:relative;
	float:left;
}
.agenda-heading-container div,
.agenda-heading-container table{
	background-position:center;
	background-size:cover;
	min-height:100px;
}
.agenda-heading-container .col-next-event{
	height:300px;
}
.agenda-heading-container .col-next-event table{
	height:50.1%;
	width:100%;
}
.agenda-heading-container .col-next-event table table{
	height:80%;
	width:50%;
}

.agenda-heading-container .col-next-event table td{
	padding-bottom:4%;
	padding-left:4%;
}
.agenda-heading-container .col-next-event table table td{
	padding-bottom:8%;
	padding-left:0%;
}

.agenda-heading-container .col-next-event table .encart-next-event{
	background:#4696d2;
	text-align:center;
}
.agenda-heading-container .col-next-event table.event2 .encart-next-event{
	background:#f5821e;
}
.agenda-heading-container .col-next-event table .encart-next-event h3{
	text-align:left;
	color:#fff;
	margin:5% 0 0 5%;
}

.sommaire-agenda .row{
	margin-bottom:1em;
}
.sommaire-agenda .accroche-item{
	position:relative;
	background-position:center;
	background-size:cover;
	height:28vw;
}
.sommaire-agenda .accroche-item::after {
    content: "";
    position: absolute;
    left: 2vw;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 1em 1em 0em 1em;
    /* border-color: #7bb600 transparent transparent transparent; */
    border-color: transparent;
    border-top-color: #464646;
    bottom: -.9em;
	z-index:-1;
}

.dce.dce-accroche-image-fd-couleur,
.dce.dce-accroche-agenda,
.sommaire-agenda .accroche-placeholder .dce-accroche-agenda{
	position:relative;
	background-position: 120% 3vw !important;
    background-size: 10vw !important;
}
.sommaire-agenda .accroche-placeholder .dce-accroche-agenda{
	background-position: 140% 3vw !important;
    background-size: 10vw !important;
}

.sommaire-agenda .accroche-placeholder .dce-accroche-agenda{
	height:28vw;
}
.sommaire-agenda .accroche-item h3{
	display:block;
	font-family: "Theinhardt-Regular";
	color:#fff;
    padding: 1.5em;
	padding-bottom: 0;
/*
    font-weight: 700;
*/
}
.sommaire-agenda span.event-date{
	display:block;
	font-family: "Theinhardt-Light";
	color:#fff;
    padding: 0 1.5em;
}
.dce-accroche-agenda .btn,
.sommaire-agenda .accroche-placeholder .dce-accroche-agenda .btn,
.sommaire-agenda .accroche-item .btn{
    position: absolute;
    bottom: 1.5em;
    right: 1.5em;
}
.dce-accroche-agenda .btn,
.sommaire-agenda .accroche-placeholder .dce-accroche-agenda .btn{
	right:auto;
    left: 1.5em;
}
.dce-accroche-agenda h3,
.sommaire-agenda .accroche-placeholder .dce-accroche-agenda h3{
	display:inline-block;
    padding: .5em;
	padding-top:12vw;
    font-size: 2.5em;
	color:#fff;
}
.sommaire-agenda .accroche-placeholder .dce-accroche-agenda h3{
	display:block;
}

/* ------------------- Accrcoche coul fond + picto ----- */

.dce.dce-accroche-image-fd-couleur {
	height:26vw;
}
.dce.dce-accroche-image-fd-couleur h3{
	font-family: "Theinhardt-Light";
	display:inline-block;
	padding:0;
    font-size: 2.5em;
	color:#fff;
	
	max-width:65%;
}
.dce.dce-accroche-image-fd-couleur div.titre-btn{
    position: absolute;
    bottom: 1.5em;
    left: 1.5em;
}
.dce.dce-accroche-image-fd-couleur{
    background-position: 100% center !important;
    background-size: 16vw !important;
}


/* ------------------- Illustration 3 zones ----- */

#info-trafic-mark {
    z-index: 1;
}
.dce-illustration3zone{
	height:auto;
	display:none;
	overflow:hidden;
	z-index:1;

display:block;
visibility:hidden;
}
.dce-illustration3zone .col{
	position:relative;
	float:left;
}
.dce-illustration3zone .col-illustration{
	background-size:cover !important;
	color:#fff;
	
}
.dce-illustration3zone .col-illustration .legende{
	position: absolute;
    bottom: 0;
    top: 80px;
    left: 120px;
    width: 815px;
	width: 60%;
    color: #fff;
    text-align: left;
    overflow: hidden;
    top: 8.25vw;
    left: 8.25vw;
}
.dce-illustration3zone .col-illustration .legende a{
	color:#fff;
	text-decoration:none;
}
.dce-illustration3zone .col-illustration .legende img{
	height: auto;
    max-width: 100%;
}
.dce-illustration3zone .col-illustration .legende h2.titre {
    font-family: "Theinhardt-Regular", "helvetica-neue", Verdana, arial;
}
.dce-illustration3zone .col-illustration .legende h2{
	margin:0;
}
.dce-illustration3zone div,
.dce-illustration3zone table{
	min-height:100px;
}
.dce-illustration3zone .col-bloc-right{
	height:300px;
}
.dce-illustration3zone .col-bloc-right table{
	height:50.1%;
	width:100%;
}
.dce-illustration3zone .col-bloc-right table table{
	height:100% !important;
	width:100% !important;
}

.dce-illustration3zone .col-bloc-right table td{
	padding:4%;
}
.dce-illustration3zone .col-bloc-right table table td{
	padding-bottom:0%;
	padding-left:0%;
	padding:0;
}

.dce-illustration3zone .col-bloc-right table h3{
	text-align:left;
	font-family: "Theinhardt-Regular";
	margin:0;
}


/* ------------------- Sitemap -------------------- */
.frame-type-menu_sitemap ul{
	list-style: none;
	padding-left: .6em;
}
.frame-type-menu_sitemap > ul > li{
	margin-bottom: 1.5em;
}
.frame-type-menu_sitemap > ul > li > a{
	text-transform: uppercase;
	color:#464646;
	font-size:1.05em;
}

/* ------------------- Emploi / News (file list ----------- */
.news-single-files dt,
.news-single-files dd{
	float: none;
	width: 100%;
}
.news-single-files dd{
	padding: 0.2em;
}
.news-single-files dd a{
	display: inline-block;
	margin:0 5px;
}



/* ------------------- Form -------------------- */
label {
    display: block;
    font-size: 0.933em;
    font-weight: bold;
    margin-bottom: 0.25em;
    }
        label.error, p.error{ 
                color: #63af04;
        }
               
.form-radios label {
    display: inline-block;
    font-weight: normal;
    line-height: 2.65;
    margin: 0 1em 1em 0.25em;
    }
    .lt-ie8 .form-radios label {
        display: inline;
    }
.form-radios {
    float: left;
}
.form-required {
    color: #cc4944;
}

/* disable native datepicker for chrome & safari */
input::-webkit-calendar-picker-indicator{
    display: none;
}
input[type="date"]::-webkit-input-placeholder{ 
    visibility: hidden !important;
}

input[type="text"], 
input[type="email"], 
input[type="password"], 
input[type="date"], 
input[type="number"], 
textarea, 
select {
    border: 1px solid #ccc;
    box-sizing: border-box;
    margin-bottom: 1em;
    padding: 0.5em;
    width: 100%;
    }
        input[type="text"]:focus, 
    input[type="email"]:focus, 
    input[type="password"]:focus, 
    input[type="date"]:focus, 
    input[type="number"]:focus {
                background-color:#f5f5f5;
        }       
        input[type="text"].error, 
    input[type="email"].error, 
    input[type="password"].error, 
    input[type="date"].error, 
    input[type="number"].error, 
    textarea.error {
                background:#faebeb;
                border-color:#63af04;
        }
    textarea {
        resize: vertical;
    }
.styled-select {
    border: 1px solid #ccc;
    height: 33px;
    overflow: hidden;
    margin-bottom: 1em;
    box-sizing: border-box;
    position: relative;
        }
    .styled-select:after {
        content: url("../Images/select_arrow.png");
        position: absolute;
        top: 0; right: 0;
        pointer-events: none;
    }
    .lt-ie8 .styled-select {
        overflow: visible;
        border: 0;
        height: auto;
    }
        .styled-select select {
        background: transparent;
        padding: 5px;
        line-height: 1;
        border: 0;
        border-radius: 0;
        height: 34px;
        -webkit-appearance: none;
           }
       .lt-ie8 .styled-select select {
            height: auto;
        }
    .styled-select.inline {
        float: left;
        width: 45%;
        }
        .styled-select.inline + .styled-select.inline {
            margin-left: 10%;
        }
        .lt-ie8 .styled-select.inline {
            width: 43%;
        }
input[type="submit"], 
button[type="submit"] {
	display: block;
    color: #fff;
    background-color: #d0021b;
    min-width: 150px;
    padding: 12px 15px 10px;
    border: none;
	margin-top:12px;
	border-radius: 12px;

	border-color: transparent !important;
    background: #464646;
    color: #fff;
    width: 60%;
    max-width: 100px;
    margin: 1em auto;
/*
	height: 2.60416vw;
    border-radius: 1.3020833vw/50%;
*/
	line-height: 1em;
    line-height: 0em;
    padding: 1em;
    margin-bottom: 0;

	line-height: 2;
    border-radius: 1.5em/50%;
    padding: 6px 2em 2px 2em;
    padding: .3em 2em .1em 2em;
    min-width: 8em;
	
    }
        input[type="submit"]:hover,
	    button[type="submit"]:hover {
/*
			background-color: #d0021b;
			opacity:0.8;
*/
            background-color: #707070;
			color: #fff;
			opacity:1;
        }

input[type="text"].form-npa {
        width: 18%;
        margin-right: 2%;
        float: left;
}
input[type="text"].form-city {
        width: 80%;
}


/* ------------------- Tableau -------------------- */


/* ---------- Gallery ------------------- */
.fs-media-gallery .thumb{
    border: 0px solid #EEE !important;
    border-radius: 0px !important;
	float:left !important;
	width:24%;
	margin:0 1% 1% 0;
}
.fs-media-gallery .thumb img {
	width:100%;
	height:auto;
}

/*
body#page-136 .fs-media-gallery .thumb {
    float:inherit !important;
	width:180px;
}
body#page-136 .fs-media-gallery .thumb img{
	width:auto;
}
*/


.fancybox-title {
	display:none;
}


/*--------- sitepam -------------- */
.csc-sitemap li{
	list-style:none;
}
.csc-sitemap > ul > li > a{
/*
	font-family:aller-display;
*/
	font-family:whitneybook;
	font-weight:700;
	text-transform:uppercase;
}
.csc-sitemap > ul ul{
    margin: 0 0 10px 0;
}


/* -------------- search result -------------- */
ul.tx-indexedsearch-browsebox li{
    display: inline;
    margin-right: 5px;
}
.tx-indexedsearch-searchbox legend,
.tx-indexedsearch-info{
	display:none;
}

/* -------------- copyright -------------- */
.copyright{
	font-size:0.6em;
	display:none;
}

/* ------------ commande horaires a4 ------ */
#commande-horaire{
    margin-bottom: 1em;
}
.btn-del-timetable,
#btn-add-timetable{
	cursor: pointer;
}
#btn-add-timetable{
    margin-top: 1em;
}

/* --------------- cooltime slider ----------------- */

.cool-timeline-horizontal .clt_carousel_slider ul.slick-slider .slick-list li.project-cat-0:after{
    border-bottom-color: #2d3291 !important;
}
.cool-timeline-horizontal .clt_carousel_slider ul.slick-slider .slick-list li.project-cat-1:after{
    border-bottom-color: #ff4d19 !important;
}
.cool-timeline-horizontal .clt_carousel_slider ul.slick-slider .slick-list li.project-cat-2:after{
    border-bottom-color: #78af41 !important;
}

.cool-timeline-horizontal.white-timeline .project-cat-0 span.icon-placeholder, 
.cool-timeline-horizontal.white-timeline .project-cat-0 .ctl-story-time:after,
.cool-timeline-horizontal.white-timeline .timeline-post.project-cat-0 .content-title {
    background: #2d3291 !important;
}
.cool-timeline-horizontal.white-timeline .project-cat-1 span.icon-placeholder, 
.cool-timeline-horizontal.white-timeline .project-cat-1 .ctl-story-time:after,
.cool-timeline-horizontal.white-timeline .timeline-post.project-cat-1 .content-title {
    background: #ff4d19 !important;
}
.cool-timeline-horizontal.white-timeline .project-cat-2 span.icon-placeholder, 
.cool-timeline-horizontal.white-timeline .project-cat-2 .ctl-story-time:after,
.cool-timeline-horizontal.white-timeline .timeline-post.project-cat-2 .content-title {
    background: #78af41 !important;
}

.ctl-slick-next.slick-disabled, .ctl-slick-prev.slick-disabled {
    cursor: auto !important;
}

/* ----------------- Question du mois ---------------- */


/*
 * Basic button style
 */
.liste-qdm .btn.icon-transn-like{
  box-shadow: 1px 1px 0 rgba(255,255,255,0.5) inset;
  border-radius: 3px;
  border: 1px solid;
  display: inline-block;
  height: 18px;
  line-height: 18px;
  padding: 0 8px;
  position: relative;

  font-size: 12px;
  text-decoration: none;
  text-shadow: 0 1px 0 rgba(255,255,255,0.5);
    
    color:#1025b6;
    border-color:transparent;
	
	font-size: 1em;
    line-height: 1;
	height: auto;
    padding: 4px;
}
/*
 * Counter button style
 */
.liste-qdm .icon-transn-like { margin-right: 39px; }
.liste-qdm .icon-transn-like:after,
.liste-qdm .icon-transn-like:hover:after { text-shadow: none; }
.liste-qdm .icon-transn-like:after {
  border-radius: 3px;
  border: 1px solid #d3d3d3;
  background-color: #eee;
  padding: 0 8px;
  color: #464646;
  content: attr(data-count);
  left: 100%;
  margin-left: 8px;
  margin-right: -13px;
  position: absolute;
  top: -1px;
	
	top: 2px;
    font-family: 'Theinhardt-Light';
    padding: 4px 8px 1px 8px;
	font-size: .9em;
}
.liste-qdm .icon-transn-like:before {
  transform: rotate(45deg);
  filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476, sizingMethod='auto expand');

  background-color: #eee;
  border: 1px solid #d3d3d3;
  border-right: 0;
  border-top: 0;
  content: '';
  position: absolute;
  right: -13px;
  top: 5px;
  height: 6px;
  width: 6px;
  z-index: 1;
  zoom: 1;
	
  top: .6em;	
}
/*
 * Custom styles
 */
.liste-qdm .btn {
    /*
  background-color: #dbdbdb;
  border-color: #bbb;
  color: #666;
    */
    color:blue;
}
.liste-qdm .btn.icon-transn-like:hover,
.liste-qdm .btn.icon-transn-like.active {
  text-shadow: 0 1px 0 #b12f27;
  background-color: #f64136;
  border-color: #b12f27;

  background-color:transparent;
  border-color:#1025b6;

}
  /*
.btn:active { box-shadow: 0 0 5px 3px rgba(0,0,0,0.2) inset; }
.btn span { color: #f64136; }
.btn:hover, .btn:hover span,
.btn.active, .btn.active span { color: #eeeeee; }
.btn:active span {
  color: #b12f27;
  text-shadow: 0 1px 0 rgba(255,255,255,0.3);
}
  */
.liste-qdm .item{
	border-bottom: 1px solid #464646;
    padding: 1.5em 0;
}
.liste-qdm .item .question{
	font-weight: 700;
}
.liste-qdm .item .nom{
	font-weight: 400;
	font-style: italic;
	font-size: .85em;
}

.liste-qdm .col-12{
	width:100%;
}



/* ==========================================================================
   Media Queries
   ========================================================================== */

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
}
/* ==========================================================================
   Helper classes
   ========================================================================== */
.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}
.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}
.not-visible {
    visibility: hidden;
}
.hidden {
    display: none !important;
    visibility: hidden;
}
.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}
.invisible {
    visibility: hidden;
}
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}

.frame-type-text a[href$=".pdf"]{
	background-image: url(/typo3conf/ext/site_builder/Resources/Public/Images/pdf-icon.png);
	background-position: center left;
	background-repeat: no-repeat;
    padding-left: 1.4em;
    /* height: 35px; */
    display: inline-block;
    padding-top: .5em;
    background-size: 1.1em 1.3em;
	
}
.no-pdf-icon .frame-type-text a[href$=".pdf"]{
	background-image: none;
    padding-left: 0;
}
.no-pdf-icon span.ligne{
    margin-right: .5em;
}



/* ==========================================================================
   Print styles
   ========================================================================== */
@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }
    a,
    a:visited {
        text-decoration: underline;
    }
    a[href]:after {
        content: " (" attr(href) ")";
    }
    abbr[title]:after {
        content: " (" attr(title) ")";
    }
    /*
     * Don't show links for images, or javascript/internal links
     */
	header a[href]:after,
	.footer-zone a[href]:after,
    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }
    thead {
        display: table-header-group; /* h5bp.com/t */
    }
    tr,
    img {
        page-break-inside: avoid;
    }
    img {
        max-width: 100% !important;
    }
    @page {
        margin: 0.5cm;
    }
    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }
    h2,
    h3 {
        page-break-after: avoid;
    }

	.img-top{
		min-height: 250px;
		display:block !important;
	}
	.home-img{
		background-size:cover;
	}
	header .logo-top .logo {
		width:250px;
		height: auto;
	}
	.second-nav,
	#menu-top{
		display:none;
	}
	
	/* rewrite bootstrap width in order to get content included on print */
	.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12,
	.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12
	{
	  float: left;
	}
	.col-sm-12 {
	  width: 100%;
	}
	.col-sm-11 {
	  width: 91.66666666666666%;
	}
	.col-md-10 
	.col-sm-10 {
	  width: 83.33333333333334%;
	}
	.col-md-9 ,
	.col-sm-9 {
	  width: 75%;
	}
	.col-smd-8 ,
	.col-sm-8 {
	  width: 66.66666666666666%;
	}
	.col-md-7 ,
	.col-sm-7 {
	  width: 58.333333333333336%;
	}
	.col-md-6,
	.col-sm-6 {
	  width: 50%;
	}
	.col-md-5 ,
	.col-sm-5 {
	  width: 41.66666666666667%;
	}
	.col-md-4,
	.col-sm-4 {
	  width: 33.33333333333333%;
	 }
	 .col-md-3,
	 .col-sm-3 {
	   width: 25%;
	 }
	 .col-md-2 ,
	 .col-sm-2 {
	   width: 16.666666666666664%;
	 }
	 .col-md-1 ,
	 .col-sm-1 {
	  width: 8.333333333333332%;
	 }
	 
	 .full-widh-print{
		 width:100% !important;
	 }

}

/* create bootstrap 4x new style */
.d-xs-none,
.d-sm-none,
.d-md-none{
	display: block;
}
@media only screen and (max-width: 1200px) {
	.d-md-none {
		display:none;
	}
}

@media only screen and (max-width: 992px) {
	.d-sm-none{
		display:none;
	}
}
@media only screen and (max-width: 768px) {
	.d-xs-none {
		display:none;
	}
}

.debug{
	position: absolute;
	top:0;
    z-index: 9999;
    width: 100%;
    background: red;
    color: white;
    text-align: center;
    padding: .5em;
}