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

/********** A GARDER EN L'ETAT ************/
* { margin: 0; padding: 0;}
body,html {height:100%;}
.ui-helper-hidden-accessible {top:0; /*Bug datepicker en pied de page*/}
p {margin-bottom: 0.5rem;/*Nécéssaire pour tinymce*/}

/* *************** ******* *************** */
/* *************** GENERAL *************** */
body {color:#000000;}
#body{}

body#bodyuploadfichier {background-color:transparent}
body#bodyuploadfichier li {padding:0px;background:none; height:20px}
body#bodyuploadfichier a{text-decoration:none}
body#bodyuploadfichier a.fichier{margin:1px ; font:bold 12px arial; color:#000; text-decoration:none;display:inline-block; float:left; width:150px; overflow:hidden}
body#bodyuploadfichier a.fichier:hover{margin:0px; border:1px solid #fff}
body#bodyuploadfichier a.supprimer {background:url('/bop2/images/icone/supprimer.png') 0 0 no-repeat; color:transparent;width:20px; overflow:hidden; display:inline-block }
body#bodyuploadfichier #uploadFichier {list-style-type: none;}
body#bodyuploadfichier #uploadFichier li {margin:5px; padding:5px;  box-shadow:0px 0px 5px #fff; white-space:nowrap;width:90%;cursor:move;height:35px}
body#bodyuploadfichier #uploadFichier li  img {vertical-align:middle;}
body#bodyuploadfichier #uploadFichier li  a.supprimer {background:url('/bop2/images/icone/supprimer.png') 0 9px no-repeat; color:transparent;width:16px;height:32px; overflow:hidden; display:inline-block;float:right}

@viewport {
   width: device-width; /* largeur du viewport */
   zoom: 1; /* zoom initial à 1.0 (et clin d'oeil aux fans d'IE6/7) */
}

.icone {font-family: 'bop_icone';}
.color {color:#7e0000;}
.asterisque{font-style:italic; font-size:.9rem;}
.italic{font-style:italic;}
.bold {font-weight: 700;}
.mg {margin-bottom:5px;}

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


h1 {font-size:2rem;}
a {color:#9e0000;}

a:hover {color:#7e0000;}
.text-primary {color:#9e0000!important;}
.bg-primary {background:#9e0000;}
.btn-primary {background:#9e0000; border-color:#9e0000;}
.btn-primary:hover,
.btn-primary:not([disabled]):not(.disabled).active,
.btn-primary:not([disabled]):not(.disabled):active,
.show > .btn-primary.dropdown-toggle {background:#7e0000; border-color:#7e0000;}
.btn-outline-primary {border-color:#9e0000; color:#9e0000;}
.btn-outline-primary:hover {background:#9e0000; color:#fff; border-color:#9e0000;}
.btn-outline-primary:not([disabled]):not(.disabled).active,
.btn-outline-primary:not([disabled]):not(.disabled):active,
.show > .btn-outline-primary.dropdown-toggle  {background:#7e0000; border-color:#7e0000;}

.dropdown-item.active, .dropdown-item:active { background-color: #7e0000;}


/*********** FORMULAIRE **************/
.form-group {margin-bottom: 20px;}
.form-group label {margin-bottom:.2rem;} /* ***** MODIF ***** */

/* ************************* ****** ************************* */
/* ************************* HEADER ************************* */
#header {background-color:#ffffff;}
.navbar-brand img {width:auto; height:50px;}
.flag a {display:inline-block;}
.flag a + a {padding-left:.8rem;}
.flag a img {height:1.2rem;}

#menu .m01 .btn{border-radius:1.2rem;}
#langue .form-group { margin-top:5px;}


/* ************************* ******* ************************* */
/* ************************* BANDEAU ************************* */
#bandeau {background-color:#e2e2e2; padding:20px 0 15px; margin-bottom:20px;}
#bandeau #headerPage h1{font-weight:bold;}
#bandeau .form-control {background:#fff;}

.dtr_table_fmi td,
.dtr_table_fmi th {padding:5px; border:1px solid #000;}

.messageDtr_btn .icone { font-family:'bop_icone';}

#body .ui-dialog .ui-dialog-titlebar-close span { margin:-9px}
.ui-dialog.ui-widget { z-index:10000;}

/* Calendrier */
#calendrier {margin-top:15px; margin-bottom:15px;}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl, .ui-corner-br, .ui-corner-tr, .ui-corner-tl {border-radius:0 !important;}
#calendrier .ui-widget-content {background-image:none !important; border:0 !important;}
#calendrier .ui-widget-header,
#calendrier .ui-widget-content .ui-state-default {background:none !important; border:0 !important;}
.ui-datepicker td span, .ui-datepicker td a {text-align:center !important;}
#calendrier .ui-state-active,
#calendrier .ui-widget-content .ui-state-active {background:#9e0000 !important; color:#fff !important;}
#calendrier .ui-datepicker {width:100% !important; background-color:#fff !important;}


/* ************************* **** ************************* */
/* ************************* HOME ************************* */
#presentation {padding:20px 0;}
#demonstration {width:100%; padding:40px 10px 60px; }
#demonstration .demo{display:block; min-width:90px; font-size:1em; color:#000000; text-align:center;}
#demonstration .demo .icon{width:80px; height:80px; display:block; margin:0 auto 10px; background-repeat:none; background-position:0 0; opacity:0.5; filter : alpha(opacity=50);}
#demonstration .demo:hover,
#demonstration .demo:active{color:#7e0000;  text-decoration:none;}
#demonstration .demo:hover .icon,
#demonstration .demo:active .icon{opacity:1; filter : alpha(opacity=100);}
#demonstration #demo1 .icon{background-image:url(../images/homeLimo/ico_limo.png);}
#demonstration #demo2 .icon{background-image:url(../images/homeLimo/ico_appli_mobile.png);}
#demonstration #demo3 .icon{background-image:url(../images/homeLimo/ico_espace_client.png);}
#demonstration #demo4 .icon{background-image:url(../images/homeLimo/ico_reservation_web.png);}
#demonstration #demo5 .icon{background-image:url(../images/homeLimo/ico_reservation_mobile.png);}
#demonstration .pointille{display:none;}

/* ******** FORMULAIRE RECHERCHE ******** */
#row_boutonSubmit .btn {display:block; width:100%;}

/* *********************** DEMANDES ************************* */
.btn.boutonAjout {margin-bottom:5px;}
.tableau {clear:both; margin-bottom:1rem;}

.tableau .thead {min-height:30px; background-color:#262d40; color:#fff;}
.tableau .ligne .td{padding-top:6px; padding-bottom:6px;}
.tableau .trDemande .td01 .btShow {background-color:#262d40; text-align:center; margin:-6px 5px -6px 0; padding-top:6px;}
.tableau .trDemande .td01 .btShow:hover {text-decoration:none;}
.tableau .trDemande .td01 .btShow .btMission{display:block; height:100%; color:#a9b0bd; font-size:1.2em;text-decoration:none;}
.tableau .trDemande .td01 .btShow .btMission:hover{color:black;}
.tableau .trDemande .td01 .btShow .hideMissions{display:none;}
.tableau .trMissions{display:none;}
.tableau .trMissions h3{display:none;}

.trMissions .ligne.last{border-bottom:1px solid #a9b0bd; margin-bottom:10px;}
.tableau > .trMissions > .thead {min-height:25px; background-color:#a9b0bd; padding:4px 0;}
.sortdesc:after{display:inline-block;content:'';position:absolute;left:3px;top:2px;border:5px transparent solid;border-bottom:5px #9e0000 solid;}
 .sortasc:after{display:inline-block;content:'';position:absolute;left:3px;top:7px;border:5px transparent solid;border-top:5px #9e0000 solid;}
.sortasc, .sortdesc {cursor:pointer;}

.trMissions .ligne:nth-of-type(odd) {background-color:#e2e2e2;}
.tableau .itineraire {list-style-type:none;}
.tableau .itineraire li{margin-bottom:5px;}
.tableau .itineraire li:last-child{margin-bottom:0;}
.tableau .lienPDF .icone {display:inline-block; margin-right:5px;}
.tableau .lienPDF.devis .icone {font-size:1.4em;}
.tableau .lienPDF.voucher .icone {font-size:1.2em;}
.tableau .btn {padding:3px 0; font-size:.9rem;}
.tableau .btn.btn-modifier,
.tableau .btn.btn-annuler{display:block;}
.tableau .alert{text-align:center; padding:0.4rem; margin-bottom:0.5rem; border-radius:0;}

.btn.jafGeoloc.chauffeur {background:#9e0000; color:#FFF; border-radius:3px; padding:5px;text-align:center; cursor:pointer;}
.tableau .btn.jafGeoloc.chauffeur:hover {background:#dfdfdf}
.tableau .ui-dialog .ui-dialog-titlebar-close span {margin:0 1px;}
.tableau .ui-button-icon-only .ui-icon {left:0; top:0;}

.MoteurNavigationCadre{margin-left:-15px !important;width:350px;}
.pagination {margin-top:0 !important;}
.page-item.active .page-link {background-color:#9e0000; border-color:#9e0000;}
.page-item .page-link {color:#9e0000;}

.tableAttente > .thead > .th01 {padding-left:10px; padding-right:10px;}
.tableAttente {margin-bottom:40px;}
.plaque  {	width:78px;background-color:#FFF;border:1px solid #777;color:#333;border-left:6px solid #0000FF;border-right:6px solid #0000FF;border-radius:3px;text-align:center; font:bold 11px Arial;display:inline-block;}
/*****************  POPUP ANNULATION  *****************/
.zoneConfirmationAnnulation {display: none; background: rgba(0,0,0,0.5); position: fixed; width: 100%; height: 100%; z-index: 9999; top:0; left:0;}
.zoneConfirmationAnnulation .interieur {width: 300px; height: auto; background: #fff; }
.zoneConfirmationAnnulation .interieur .btn {padding:0.5rem 1rem;}
.zoneConfirmationAnnulation .interieur .btn + .btn{margin-left:5%;}

/*****************  PROFIL  *****************/
.legend {border-top:10px solid #b6b6b6; text-align:center; font-size:1.4em; font-style:italic; padding-top:5px; margin-bottom:20px;}
.profil_contact #row_Save input{width:100%; height:50px; font-size:1.4em; text-align:center; background:#e64242; color:#fff; border:0}

.confirmeDemande .messageCGV { display:none;}
.ui-dialog .messageCGV   .row_rad label{float:left;}
.ui-dialog .messageCGV   .row_rad input{float:left;margin-right:5px;}

#conteneurFieldset-client {margin-bottom:2rem;}


/*****************  FOOTER  *****************/
#footer{width:100%; height:auto; background-color: #444444; margin-top:30px; padding:15px 0 30px; text-align:center;}
#realisation {color: #FFF;}
#copyright {color: #FFF; font-size:1em; margin: 0 20px; overflow: hidden;}
#copyright p{margin:0;}
#copyright a{color:#ccc; text-decoration:none;}
#copyright a:hover{color: #fff;}

#map {
	width:100%;
}
/* MOBILE */
.mce-content-body { padding:10px}

@media (max-width: 575px) {
#row_boutonSubmit .row {margin-bottom:1rem;}
	#langue {width:100%}
}
@media (min-width: 576px) {
	.profil_contact .conteneur-form {width: 100%;}
	.profil_contact .conteneur-fieldset {width: 48%; float:left;}
	.profil_contact .conteneur-fieldset#conteneurFieldset-contact {margin-left: 4%;}
	.profil_contact #row_Save {width:100%; clear:both;}
	.zoneConfirmationAnnulation .interieur {width: 450px; }
}

@media (max-width: 767px) {
    .th {display:none;}
	.trDemande .td.td01 {background-color:#262d40; padding: 4px 0; color: #fff;}
	.tableau .trMissions h3{display:block; font-size:1.2em; text-align:center; background-color:#a9b0bd; color:#fff; padding:5px 0; margin-top:10px; margin-bottom:0;}
	.tableau .titleMobi{float:left; width:30%; clear:both; padding-right:5px; text-decoration:underline; text-align:right; font-size:.875rem;}
	.tableau .infoMobi{float:right; width:70%; margin-bottom:5px;}
	.tableau .mg{margin-bottom:0;}
	.trMissions .td07 {clear:both;}
	.trMissions .td07 .row-b {margin:0;}
	.trMissions .td01 .num-mission{font-weight:bold; font-size:0.975em;}
	.trDemande {margin-bottom:10px;}
	.trDemande .btShow {float: none; position: absolute; top: 6px; right: 0; width: 20px; background-color:none;}
	#demonstration .demo{margin-bottom:20px;}
	#calendrier {display:none;}
}
@media (min-width: 768px) {
    .navbar-brand img {height:60px;}

/* ********** GRILLE 24 ********** */
.col-bg-1 {-webkit-box-flex: 0; -ms-flex: 0 0 4.16666666667%; flex: 0 0 4.16666666667%; max-width:4.16666666667%;}
.col-bg-2 {-webkit-box-flex: 0; -ms-flex: 0 0 8.33333333333%; flex: 0 0 8.33333333333%; max-width:8.33333333333%;}
.col-bg-3 {-webkit-box-flex: 0; -ms-flex: 0 0 12.5%; flex: 0 0 12.5%; max-width:12.5%;}
.col-bg-4 {-webkit-box-flex: 0; -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width:16.6666666667%;}
.col-bg-5 {-webkit-box-flex: 0; -ms-flex: 0 0 20.8333333333%; flex: 0 0 20.8333333333%; max-width:20.8333333333%;}
.col-bg-6 {-webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width:25%;}
.col-bg-7 {-webkit-box-flex: 0; -ms-flex: 0 0 29.1666666667%; flex: 0 0 29.1666666667%; max-width:29.1666666667%;}
.col-bg-8 {-webkit-box-flex: 0; -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width:33.3333333333%;}
.col-bg-9 {-webkit-box-flex: 0; -ms-flex: 0 0 37.5%; flex: 0 0 37.5%; max-width:37.5%;}
.col-bg-10 {-webkit-box-flex: 0; -ms-flex: 0 0 41.6666666667%; flex: 0 0 41.6666666667%; max-width:41.6666666667%;}
.col-bg-11 {-webkit-box-flex: 0; -ms-flex: 0 0 45.8333333333%; flex: 0 0 45.8333333333%; max-width:45.8333333333%;}
.col-bg-12 {-webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width:50%;}
.col-bg-13 {-webkit-box-flex: 0; -ms-flex: 0 0 54.1666666667%; flex: 0 0 54.1666666667%; max-width:54.1666666667%;}
.col-bg-14 {-webkit-box-flex: 0; -ms-flex: 0 0 58.3333333333%; flex: 0 0 58.3333333333%; max-width:58.3333333333%;}
.col-bg-15 {-webkit-box-flex: 0; -ms-flex: 0 0 62.5%; flex: 0 0 62.5%; max-width:62.5%;}
.col-bg-16 {-webkit-box-flex: 0; -ms-flex: 0 0 66.6666666667%; flex: 0 0 66.6666666667%; max-width:66.6666666667%;}
.col-bg-17 {-webkit-box-flex: 0; -ms-flex: 0 0 70.8333333333%; flex: 0 0 70.8333333333%; max-width:70.8333333333%;}
.col-bg-18 {-webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width:75%;}
.col-bg-19 {-webkit-box-flex: 0; -ms-flex: 0 0 79.1666666667%; flex: 0 0 79.1666666667%; max-width:79.1666666667%;}
.col-bg-20 {-webkit-box-flex: 0; -ms-flex: 0 0 83.3333333333%; flex: 0 0 83.3333333333%; max-width:83.3333333333%;}
.col-bg-21 {-webkit-box-flex: 0; -ms-flex: 0 0 87.5%; flex: 0 0 87.5%; max-width:87.5%;}
.col-bg-22 {-webkit-box-flex: 0; -ms-flex: 0 0 91.6666666667%; flex: 0 0 91.6666666667%; max-width:91.6666666667%;}
.col-bg-23 {-webkit-box-flex: 0; -ms-flex: 0 0 95.8333333333%; flex: 0 0 95.8333333333%; max-width:95.8333333333%;}
.col-bg-24 {-webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}

.col-bg-1, .col-bg-2, .col-bg-3, .col-bg-4, .col-bg-5, .col-bg-6, .col-bg-7, .col-bg-8, .col-bg-9, .col-bg-10, .col-bg-11, .col-bg-12, .col-bg-13, .col-bg-14, .col-bg-15, .col-bg-16, .col-bg-17, .col-bg-18, .col-bg-19, .col-bg-20, .col-bg-21, .col-bg-22, .col-bg-23, .col-bg-24 	{position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px;}

	#header .navbar-header .navbar-toggler {display:none;}
	#bandeau {padding-right:15px;}
	#bandeau #coordonnees {padding-top:15px; text-align:right; padding-right:0;}
	#calendrier {padding:0;}
	.titleMobi{display:none;}
	.tableDemande section:nth-child(4n+4){background-color:#e2e2e2;}
	.tableau .ligne {display:flex; justify-content:flex-start; align-items:strech; -webkit-align-items:strech; -webkit-box-align: stretch; -ms-flex-align: stretch;}
	.tableau .trDemande .td01 .btShow {background-color:#a9b0bd;}
	.tableau .trDemande .td01 .btShow .btMission{color:#262d40;}
	.tableau .trDemande .td01 {padding-left:0;display:flex; justify-content:flex-start; align-items:strech; -webkit-align-items:strech; -webkit-box-align: stretch; -ms-flex-align: stretch;}
	.tableau .trDemande .td01 .btShow {width:30%;}
	.tableau .trDemande .td01 .infoMobi {width:70%;}
	.trMissions .td {border-right:1px solid #a9b0bd;}
	.trMissions .td01 {border-left:1px solid #a9b0bd;}
	#demonstration {padding-left:0; padding-right:0; text-align:center; display:flex; justify-content:center; align-items:flex-start;}
	#demonstration.sansResaOnLine {width:500px;}
	#demonstration .pointille{display:block; width:111px; height:4px; margin-top:38px; background:url(../images/homeLimo/pointille.png) 0 0 no-repeat;}

}
@media (min-width: 768px) and (max-width: 991px) {
.col-bg-1, .col-bg-2, .col-bg-3, .col-bg-4, .col-bg-5, .col-bg-6, .col-bg-7, .col-bg-8, .col-bg-9, .col-bg-10, .col-bg-11, .col-bg-12, .col-bg-13, .col-bg-14, .col-bg-15, .col-bg-16, .col-bg-17, .col-bg-18, .col-bg-19, .col-bg-20, .col-bg-21, .col-bg-22, .col-bg-23, .col-bg-24, .trMissions .btAnnulerMission, .trMissions .btModifierMission, .trMissions .infoMissionNoShow 	{padding-right: 6px!important; padding-left: 6px!important;}

	.trMissions .ligne .row-b {margin-right: -6px; margin-left: -6px;}

}
@media (max-width: 991px) {
	.Mobileclearfix {clear:both;}
    .navbar-light .navbar-nav .nav-item { padding-left:1rem}
    .navbar-light .navbar-nav .active {background:#7e0000;}
    .navbar-light .navbar-nav .active > .nav-link {color:#fff;}
}

@media (min-width: 992px) {
    #conteneur {padding-bottom:180px;}
    #footer{margin-top:0; position:fixed; left:0; bottom:0;}

    .navbar-brand img {height:80px;}
    #menu .nav-link {padding:.3rem .8rem; font-size:.9rem;}
    #menu .m01 {margin-right:1rem;}
    #menu .nav-item .nav-link:hover,
    #menu .nav-item.active .nav-link {background:#7e0000; color:#fff; border-radius:1.2rem;}
	.Mobileclearfix {display:none;}
	.tableau .trDemande .td01 .btShow {width:25%;}
	.tableau .trDemande .td01 .infoMobi {width:75%;}

	.profil_contact .conteneur-form {width: 66.66666667%; margin-left: 16.66666667%;}
	.profil_contact .conteneur-fieldset {width: 41.66666667%; float:left;}
	.profil_contact .conteneur-fieldset#conteneurFieldset-contact { margin-left: 16.66666667%;}
	.profil_contact #row_Save {width:100%; clear:both;}

}

@media (min-width: 1200px) {
    #moteur-liste .zone-btn {padding-top:1.7rem;}
	.tableau .trDemande .td01 .btShow {width:15%;}
	.tableau .trDemande .td01 .infoMobi {width:85%;}
}

.position_static{position:static !important;}

#wayd #zoneBouton {
	background-color:#12489a;
	text-align: center;
	padding: 1rem 0 1rem 0;
	border-radius: 0 0 1em 1em;
	width: 100%;
	position: fixed;
	top: 0px;
}
#wayd #btnAction {
	color:#FFFFFF;
	font-size: 2em;
	text-align: center;
	padding:0.5em;
	border-radius: 5px;
	border: 1px solid #FFFFFF;
}
#wayd label {
	font-weight: bold;
	color:#FFFFFF;
	font-size: 1em;
	text-align: center;
}
#wayd  {
	text-align: center;
	font-size: 0.85rem;
	padding-top:9rem; ;
}
#wayd #message {
	font-size: 2em;
	text-align: center;
	color: #089608;
	background-color: #FFFFFF;
	width: 100%;
	position: fixed;
	top: 0px;
}
#wayd #ficheMission {
	padding:1em;
}
#wayd #ficheMission tr{
	border-bottom: 1px dashed #12489a;
}
#wayd #ficheMission th{
	width:25%;
	text-align: right;
	border-top:none;
}
#wayd #ficheMission td{
	width:75%;
	text-align: left;
	border-top:none;
}
#wayd a{
	color: #12489a;
}