/* alex-vromet.css - mon Amt : MES INFORMATION PERSONNELLES */
#mesInfos > select{ width:10px;  }
#mesInfos .bordureGauche{ padding-left:20px; }
#mesInfos .aligneTop{ vertical-align:top;  }
#mesInfos .aligneMiddle{ vertical-align:middle;  }
#mesInfos .aligneHorizontalCenter{ text-align:center;  }
#mesInfos .texteAligneRight{ text-align:right;  }
#mesInfos .italique{ font-style:italic;  }
#mesInfos .bleu{ background-color:#4891dc; color:#fff;  }
#mesInfos .gras{ font-weight:700;  }
#mesInfos .textePetit{ font-size:13px; font-size:1.3rem; }
#mesInfos .inline{ display:inline-block;  }
#mesInfos .floatLeft{ float:left;  }
#mesInfos .contourDiv{ border:1px solid #BDBCBC; border-radius:5px;  }
#mesInfos .marginRadio{ margin-right:35px;  }
#mesInfos .clearBoth{ clear:both;  }
#mesInfos .largeurColonne{ width:50%;  }
#mesInfos .imageCamion{ background-image:url(/Themes/Amt.Theme/Content/Images/temp/ARecreerDuPsd/CamionDemenagement.png); display:block;  }
#mesInfos .libelleChamp{ width:150px; }
#mesInfos .span6 .libelleChamp, #mesInfos .span12 .editor-label, #mesInfos .span7 .libelleChamp, #mesInfos .span7 .editor-label {
    width: 100%;
}
#mesInfos .span5 span, #mesInfos .span5 {
    line-height:30px;
}
#mesInfos .paddingDivTop{ padding-top:10px;  }
#mesInfos .paddingDivTopDouble{ padding-top:20px;  }
#mesInfos .boiteGeneriqueTaillePetite > input{ color:#5c5c5c; margin-right:5px; height:20px; width:25px;  }
#mesInfos .boiteGeneriqueTailleMoyenne > input{ color:#5c5c5c; margin-right:5px; height:20px; width:50px;  }
#mesInfos .boiteGeneriqueTailleLarge > input{ color:#5c5c5c; margin-right:5px; height:20px; width:150px;  }
#titreInfoPersonnelles{ border-bottom:solid 1px #E7E7E7; margin-bottom:20px;  }
#titreInfoPersonnelles > h1{ display:inline-block; margin:10px 0;  }

/* alex-vromet.css - mon Amt : TABLEAU DE BORD */
#tableauDeBord h1,#tableauDeBord h2, .boitefaqwrapper h2, .widgetboite h2{ font:normal 24px 'DinNext'; font-size:2.4rem; color:#004990; padding:15px 20px; margin-top:0; margin-bottom:0; border-bottom: 1px solid #d3d8db;}
#tableauDeBord .bleue{ color:#004990;  }
#tableauDeBord .gras{ font-weight:700;  }
#tableauDeBord .contourDiv, .boitefaqwrapper .contourDiv, .widgetboite .contourDiv{ border-left:1px solid #d3d8db; border-right:1px solid #d3d8db; border-bottom:1px solid #d3d8db; padding:20px; }
.boitefaqwrapper .contourDiv, .widgetboite .contourDiv {
    border: 0;
    padding-bottom:0;
}

.btncentered {
    text-align: center;
    padding-left:20px;
    padding-right:20px;
}
.widgetboite {
    background: #f5f5f5;
}
    .widgetboite .editor-field {
        line-height:normal;
    }
.widgetboite .boitetableaudebord .boutonmessagerie{
    padding-left:15px;
    padding-right:15px;
}
.margintop20 {
    margin-top:20px;
}
.alignright{
    text-align: right;
}
.pagepaiment h5 {
    color: #000;
    font-weight: bold;
}
.paddinginfopaiement, .wrapbtnpaiement {
    padding-top:30px;
}
    .paddinginfopaiement label {
        font-size:1.4rem;
    }
#tableauDeBord .floatLeft{ float:left; }
#tableauDeBord .clearBoth{ clear:both; }
#tableauDeBord .sectionGauche{ width:100%;}
#tableauDeBord .sectionDroite{ margin-bottom:20px; width:35%; padding-left:10px; }
#tableauDeBord .sectionDroite h1{ border:1px solid #d3d8db; margin:0; padding:30px 20px; }
#tableauDeBord #listeMesTransportsFavoris > li{ width:inherit; }
#tableauDeBord .boutonmessagerie{ margin-top:0; border-top:0; border-top:1px solid #E6E6E6; }
#tableauDeBord .paddingalertes{ padding:0; }
#tableauDeBord #titreDestinations,#tableauDeBord #titreMesTransportsFavoris{ margin-bottom:0; }
#tableauDeBord .LibelleDescription{ font-size:14px; font-size:1.4rem; color:#666; }
.imgwidget {
    display:block;
}
.zone-aside-second {
    padding-top:20px !important;
}
#descContainer ul {clear:both;}

/* frederic-boucher.css - mon Amt : Ma carte OPUS */
.droite{ float:right; }
.colonne{ list-style:none; width:50%; margin:0; padding:0; }
.colonne > li{ border:1px solid #d3d8db; border-bottom-left-radius:5px; border-bottom-right-radius:5px; margin:0 0 20px; }
.colonne h2{ border-bottom:1px solid #d3d8db; font-size:24px; font-size:2.4rem; line-height:24px; line-height:2.4rem; margin:0; padding:30px 20px 25px; }
.conteneur{ background:#f5f5f5; padding:20px; }
.conteneur-invert{ padding:0 20px 20px; }
.conteneur-invert .conteneur-img{ width:76px; }
.conteneur-invert .conteneur-texte{ width:330px; }
.conteneur-img{ width:103px; float:left; margin-right:10px; }
.conteneur-texte{ width:290px; float:left; }
.conteneur-texte a{ display:block; line-height:14px; line-height:1.4rem; margin:0 0 16px; }
.conteneur-texte a:last-child{ margin:0; }
.colonne .sprite-mon-amt{ display:inline-block; vertical-align:middle; margin:0; }
.colonne .lien-pdf i,.colonne .lien-pdf span{ float:left; }
.colonne .lien-pdf span{ display:block; margin:0 0 0 4px; }
.colonne .fleche-droite-orange{ margin:0 0 0 10px; }
#plus-info > p{ font-size:36px; font-size:3.6rem; line-height:24px; line-height:2.4rem; color:#004990; font-family:DinNext; margin:0; padding:20px; }
#plus-info > p span{ font-size:24px; font-size:2.4rem; display:block; margin:8px 0 0; }
#plus-info .conteneur{ border-top:1px solid #d3d8db; text-align:right; padding:12px 40px 12px 12px; }
.gauche,.colonne .lien-pdf i,.colonne .lien-pdf span{ float:left; }
.colonne.gauche{padding-right:10px;}
.colonne.droite{padding-left:10px;}

/* frederic-boucher.css - mon Amt : Connexion */
#conteneur-connexion{ width:100%;  }
#conteneur-connexion .holder-form{ width:45%; float:left; position:relative; padding:30px;  }
#conteneur-connexion .holder-form.loginleft{ width:55%; float:left; position:relative; padding-bottom:30px;  }
#form-separator{ width:1px; height:400px; text-align:center; float:left; background:#fff; border-left:1px solid #ccc; position:relative; margin:0 20px;  }
#separatoror{ position:absolute; background:#fff; left:-13px; top:35px; padding:4px; display:none;  }
.holder-form .btn-gris{ display:block; text-align:center; padding:5px 0;  }
.holder-form input[type=submit]{ width:100%; border:none;  }
.holder-form .sprite-mon-amt{ display:inline-block; vertical-align:middle; margin:0 0 0 10px;  }
.holder-form a{ display:block; margin:0 0 20px;  }
.holder-form input{ margin:0 0 10px;  }
.holder-form input[type=text],.holder-form input[type=password]{ width:100%; display:block; line-height:24px; line-height:2.4rem; }

/* frederic-boucher.css - mon Amt : Inscription */
#form-inscription .txtboxTel{ width:50px; text-align:center; display:inline-block; }
#form-inscription input[type=text], #form-inscription input[type=email], #form-inscription input[type=password], #mesInfos input[type=text], #mesInfos input[type=email], #mesInfos input[type=password]{ height:30px; border:1px solid #aaa; font-family:open_sanssemibold; font-size:12px; font-size:1.2rem; color:#666; padding:3px; line-height:24px; line-height:2.4rem;}
#form-inscription input[type=password] {font-family: none;}
.editor-label{ font-family:open_sanssemibold; font-size:12px; font-size:1.2rem; color:#666; }
.radio2choix > span{ display:block; float:left; line-height:30px; line-height:3rem; }
.field-validation-error{ color:red; }
#form-inscription .radio2choix span input,#form-inscription .chkBoxPetite input{ width:25px; }
input[type=button] {
    background: #f26d0c;
}
input[type=button]:hover {
    background: #D45C04;
}

#form-inscription .HrOuBoitePostal
{
    margin-top: 0px;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 0;
    width: 200px;
    height: 5px;
    display: inline-block;
}

#form-inscription .OuBoitePostal {
    /*float: left;*/
    display: inline-block;
}

#form-inscription .MargeHautBoitePostal{ height: auto;}
#form-inscription .MargeHautBoitePostal:after { content: " "; display: block; clear: both;} 

#mesInfosDivOuBoitePostal {
    width: 100%;
    text-align: left;
}

/* danny-hebert.css */
.h1haut{ margin-top:0; margin-bottom:15px; }
.pousse{ clear:both; }
.alertetrainrecherche,.alertetrainmessagerie, .boiteconfirmation{ border:1px solid #d2d7da; background:#ebebeb; margin-bottom:40px; position:relative; font-family:open_sansregular; font-size:14px; font-size:1.4rem; }
.alertetrainrecherche > p,.alertetrainmessagerie > p, .boiteconfirmation p{ margin:25px 20px; }
.alertetrainrecherche select,.alertetrainrecherche input[type=text],.alertetrainrecherche input[type=number]{ width:220px; height:32px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; line-height:24px; line-height:2.4rem;}
.alertetrainrecherche h2,.alertetrainmessagerie h2, .boiteconfirmation h2{ font-size:24px; font-size:2.4rem; background:#FFF; border-bottom:1px solid #d2d7da; line-height:28px; line-height:2.8rem; margin:0; padding:20px; }
.alertetrainrecherche h2{ background-image:url(../Content/Images/temp/icn-accessibilite.png); background-repeat:no-repeat; background-position:right center; }
.alertetrainmessagerie h3{ padding:0 20px; }
.alertetrainrecherche div{ width:100%; position:relative; }
.alertetrainrecherche label{ width:110px; padding-left:30px; float:left; line-height:30px; line-height:3rem;}
.formrecuperation label{ width:170px; float:left; line-height:30px; line-height:3rem; font-family: open_sansregular; font-size:14px; font-size:1.4rem; color: #5c5c5c;}
.formrecuperation input[type=text], .formrecuperation input[type=password] { float:left; height: 30px; line-height:24px; line-height:2.4rem; width: 180px; margin-bottom:10px;}
.formrecuperation input[type=password] {margin-bottom: 20px;}
.alertetrainrecherche button{ margin-left:110px; }
.alertetrainajouter button, .boiteconfirmation button, .boiteconfirmation .buttonOrange{ margin-left:20px; margin-bottom: 2em; height:40px;}
.alertetraincol{ max-width:410px; width:48%; float:left; margin-bottom:30px; position:relative; }
.statusalertetraincol{ width:48%; float:left; margin-bottom:30px; position:relative; }
.lastalertcol{ margin-left:4%; }
.alertetraincol h2{ font-size:24px; font-size:2.4em; line-height:28px; line-height:2.8rem; margin:15px 0 12px; padding-top:6px; padding-bottom:6px; }
.paddingalertes{ height:100%; background:#ebebeb; border:1px solid #d3d8db; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding:20px 20px 0; }
.paddingalertes .buttonOrange{ margin-top:25px; }
.listerecherchealerte{ border:1px solid #E6E6E6; width:100%; max-width:445px; }
.listerecherchealerte h3{ border-bottom:1px solid #E6E6E6; line-height:40px; line-height:4rem; color:#666; text-transform:uppercase; font-size:14px; font-size:1.4rem; background:#FAFAFA; margin:0; padding:0 0 0 18px; }
.listerecherchealerte ul{ margin:0; padding:0; }
.listerecherchealerte ul li{ list-style:none; border-bottom:1px solid #E6E6E6; position:relative; font-size:14px; font-size:1.4rem; font-family:open_sansregular; color:#333; padding:12px 0; }
.listerecherchealerte ul li:last-child{ border-bottom:0; }
.listerecherchealerte ul li .title{ font-family:open_sansbold; display:inline-block; width:58px; margin-left:16px; }
.listerecherchealerte ul li button{ position:absolute; right:-4px; top:16px; background:#FAFAFA; border:1px solid #E6E6E6; border-right:0; color:#666; font-family:open_sanssemibold; font-size:14px; font-size:1.4rem; line-height:28px; line-height:2.8rem; height:auto; border-radius:0; padding:0 65px 0 25px; }
#listeAlertesLignes li button{ position:absolute; background:#FAFAFA; border:1px solid #E6E6E6; border-right:0; color:#666; font-family:open_sanssemibold; font-size:14px; font-size:1.4rem; line-height:28px; line-height:2.8rem; border-radius:0; height:auto; bottom:0; right:-14px; margin:0; padding:0 45px 0 15px; }
#listeAlertesLignes li button i{ position:absolute; right:15px; top:1px; font-size:16px; }
#listeAlertesLignes li button i:before{ content:'\f00d'; }
.listerecherchealerte ul li button i{ position:absolute; right:20px; top:1px; font-size:16px; }
.listerecherchealerte ul li button i:before{ content:'\f0f3'; }
.listerecherchealerte ul li button .blueline,#listeAlertesLignes li button .blueline{ background:#004990; display:block; width:4px; height:30px; position:absolute; right:0; top:-1px; }
.listerecherchealerte ul li button:hover,#listeAlertesLignes li button:hover{ background:#004990; color:#FFF; border-color:#004990; }
#listeAlertesLignes{ width:100%; margin:0; padding:0; }
#listeAlertesLignes > li{ border:1px solid #d3d8db; border-left:0; display:inline-block; list-style:none; position:relative; background:#FFF; width:100%; margin-bottom:20px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding:16px 25px; }
#listeAlertesLignes > li h3{ color:#333; font-size:16px; font-size:1.6rem; margin:0 0 15px; padding:0; }
#listeAlertesLignes .editor-label{ font-family:open_sansbold; font-size:14px; font-size:1.4rem; color:#333; }
#listeAlertesLignes > li > .blueline{ position:absolute; top:-1px; left:0; width:5px; height:100%; background:#1caed9; border-top:1px solid #1caed9; border-bottom:1px solid #1caed9; }
#listeAlertesLignes > li .listeAlerte{ color:#333; margin:0; padding:0; }
#listeAlertesLignes > li .listeAlerte li{ position:relative; width:100%; }
#listeAlertesLignes > li .listeAlerte li span{ line-height:21px; line-height:2.1rem; font-size:14px; font-size:1.4rem; color:#333; }
ul.listeAlerte > li > div{ margin:0; }
.alertetrainmessagerie h2{ font-size:24px; font-size:2.4rem; margin-top:0; color:#333; font-family:DinNext; }
.alertetrainmessagerie > button{ display:none; }
#ModeMessagerieBlocGauche{ width:47%; float:left; position:relative; border:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
#ModeMessagerieBlocDroit{ width:53%; float:left; position:relative; border:0; border-left:1px solid #d3d8db; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
#ModeMessagerieBlocDroit input[type=radio],#ModeMessagerieBlocGauche input[type=radio]{ margin:3px 6px 0 -41px; }
#ModeMessagerieBlocDroit .infomessagerie,#ModeMessagerieBlocGauche .infomessagerie{ padding:0 50px; }
.infomessagerie > div{ margin-bottom:30px; }
.infomessagerie > p{ margin:15px 20px 25px; }
.boutonmessagerie,.boutonmessagerie{ background:#f5f5f5; border:0; border-top:1px solid #d3d8db; text-align:right; line-height:28px; line-height:2.8rem; font-family:open_sansbold; font-size:14px; font-size:1.4rem; display:block; color:#4891DC !important; margin:30px 0 0; padding:.3em 1.6em; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.modealerte{ font-family:open_sansbold; font-weight:400; font-style:normal; font-size:16px; font-size:1.6rem; }
.infogras{ font-family:open_sansbold; font-weight:400; font-style:normal; font-size:14px; font-size:1.4rem; }
button.boutonmessagerie{ width:100%; border-radius:0; height:auto; }
a:hover .fleche-droite-orange,button:hover .fleche-droite-orange{ background:url(../Content/Images/mon-amt/sprite-mon-amt.png) no-repeat!important; color:#fff; background-position:-66px -30px!important; }
.suspendrealerte,.desactiveralerte{ border:1px solid #E6E6E6; }
.suspendrealerte h2,.desactiveralerte h2{ text-transform:uppercase; color:#004990; line-height:34px; line-height:3.4rem; font-size:34px; margin:0; padding:16px 16px 0; }
.suspendrealerte h3,.desactiveralerte h3{ text-transform:uppercase; color:#004990; font-size:20px; margin:0 0 15px; padding:0 16px; }
.suspendrealerte button,.desactiveralerte button{ background:#FAFAFA; border:0; border-top:1px solid #E6E6E6; text-align:right; line-height:28px; line-height:2.8rem; font-family:open_sansbold; font-size:14px; font-size:1.4rem; display:block; color:#4891DC; margin:30px 0 0; padding:.3em 1.6em; }
.suspendrealerte p,.desactiveralerte p{ padding-left:100px; padding-right:15px; min-height:84px; }
.suspendrealerte p{ background:url(../Content/Images/temp/icon-cloche-pause.png) 18px 10px no-repeat; }
.reprisealerte p{ background:url(../Content/Images/temp/icon-cloche-jouer.png) 18px 10px no-repeat; }
.desactiveralerte p{ background:url(../Content/Images/temp/icon-cloche-fermer.png) 18px 10px no-repeat; min-height:105px; }
.saisiecellulaire label{ float:left; min-width:160px; padding-right:10px; line-height:30px; line-height:3rem; }
.saisiecellulaire select{ width:215px; height:30px; }
.champstelephone{ float:left; width:220px; }
#ModeMessagerieVm_SaisieCellulaire_TermesEtConditions{ margin-left:-22px; margin-right:6px; }
#ModeMessagerieVm_SaisieCellulaire_NumeroTelephonePartie1,#ModeMessagerieVm_SaisieCellulaire_NumeroTelephonePartie2{ float:left; border:2px solid #aaa; width:60px; height:30px; margin-right:10px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; line-height:22px; line-height:2.2rem;}
#ModeMessagerieVm_SaisieCellulaire_NumeroTelephonePartie3{ float:left; border:2px solid #aaa; width:75px; height:30px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; line-height:22px; line-height:2.2rem; }
.pointetableau{ position:absolute; width:41px!important; height:24px; background:url(../Content/Images/pointe-tableau.png) no-repeat; bottom:-22px; left:195px; }
.conteneuralertes{ border:1px solid #d2d7da; margin-bottom:20px; margin-top:20px; padding:0 20px; }
.btnvisualiseralertes{ float:right; height:40px; margin-bottom:0; }
.margehautalertes{ margin-top:40px; }
#ModeMessagerieVm_ValidationPin_CodeDeConfirmation{ float:left; border:2px solid #aaa; width:215px; height:30px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
#listeMesTransportsFavoris li{ position:relative; }
#listeMesTransportsFavoris li h3{ line-height:18px; line-height:1.6rem; margin:0; padding:0 0 0 41px;}
#listeMesTransportsFavoris li h4{ color:#565656; font-size:14px; font-size:1.4rem; font-family:open_sansregular; margin:0; padding:0; }
#listeMesTransportsFavoris li h3 i{ margin-left:-41px; display:block; width:31px; height:31px; color:#FFF; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; text-align:left; font-size:26px; font-size:2.6rem; font-style:normal; line-height:31px; float:left; padding:0; }
#listeMesTransportsFavoris li h3 i:before{ margin:0 0 0 -2px; padding:0; line-height:32px; text-align:center; }
.borduremestransports{ position:absolute; left:0; top:-1px; bottom:-1px; width:5px; margin:0; padding:0; }
#cote-primaire ul{ width:220px; }
#cote-primaire .zone-aside-first{ padding-left:20px!important; }
.fright{ float:right; margin-top:10px; }
.alertedouble .lastalertcol{ margin-left:0; }
.alertedouble .alertetraincol{ width:100%; max-width:none; }
.alertedouble .paddingalertes{ padding-left:10px; padding-right:0; padding-bottom:0; }
.alertedouble #listeAlertesLignes{ width:100%; float:left;padding-bottom:20px; }
.alertedouble #listeAlertesLignes > li { width: 44%; float:left; margin-left:2%; margin-right:3%; position:relative;}
.alertedouble #listeAlertesLignes li .listeAlerte li { position:relative; }
.alertedouble #listeAlertesLignes li .listeAlerte li button { right: -14px; }
.pointeblanche{ display:none; width:41px; height:25px; margin-left:-20px; background:url(../Content/Images/temp/pointe-blanche.png) no-repeat; }
.pointegrise{ display:none; width:41px; height:25px; margin-left:-20px; background:url(../Content/Images/temp/pointe-grise.png) no-repeat; }
.boutonmessagerie:hover,.boutonmessagerie:hover,.suspendrealerte button:hover,.desactiveralerte button:hover{ background:#4891dc; color:#FFF !important; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;}
#ModeMessagerieBlocGauche .boutonmessagerie i,#ModeMessagerieBlocDroit .boutonmessagerie i,.suspendrealerte .boutonmessagerie i,.desactiveralerte .boutonmessagerie i{ margin-top:-2px; }

/* jean-francois-pinero.css */
.responsiveTest:after{ content:" Desktop"; }
.display-field-right { position:relative; float:right; }
#mesTransportsFavoris{ width:100%; position:relative; }
#listeMesTransportsFavoris{ width:100%; margin:0; padding:0; }
#listeMesTransportsFavoris > li{ border:1px solid #d3d8db; border-bottom:0; border-left:3px; display:inline-block; list-style:none; padding-left:20px; padding-top:20px; position:relative; background:#FFF; width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; margin-top:-1px;}
#listeMesTransportsFavoris > li:last-child{ border-bottom:1px solid #d3d8db; }
.deuxiemeColonne{ font-family:open_sansregular; font-size:14px; font-size:1.4rem; }
#listeMesTransportsFavoris > li > div.transportTypeContenant{ font-family:open_sansbold; top:50%; width:100%; height:35px; }
#listeMesTransportsFavoris > li > div.transportInfoContenant{ font-family:open_sansbold; top:50%; width:100%; height:30px; }
#listeMesTransportsFavoris > li > span.premiereColonne{ font-family:open_sansbold; font-size:18px; font-size:1.6rem; color:#333; width:5%; float:left; }
#listeMesTransportsFavoris .premiereColonne i{ margin-right:10px; }
#listeMesTransportsFavoris .premiereColonne img{ margin-right:5px; vertical-align:middle; }
#listeMesTransportsFavoris > li > span.deuxiemeColonne{ width:70%; height:100%; float:none; }
#listeMesTransportsFavoris > li > span.troisiemeColonne{ width:20%; height:100%; float:right; }
#listeMesTransportsFavoris > li h3{ color:#333; font-size:18px; font-size:1.6rem; margin:0 0 15px; padding:0 0 0 40px; }
#listeMesTransportsFavoris .editor-label{ font-family:open_sansbold; font-size:14px; font-size:1.4rem; color:#333; }
#listeMesTransportsFavoris > li > .ligneCouleur{ position:absolute; top:-1px; bottom:-1px; left:0; width:3px; border:0; }
#listeMesTransportsFavoris > li .blueline{ position:absolute; top:-1px; right:0; width:4px; height:30px; background:#004990; border-top:1px solid #004990; border-bottom:1px solid #004990; }
#listeMesTransportsFavoris li button{ position:absolute; background:#FAFAFA; border:1px solid #E6E6E6; border-right:0; color:#666; font-family:open_sanssemibold; font-size:14px; font-size:1.4rem; line-height:28px; line-height:2.8rem; border-radius:0; height:auto; top:20px; right:-5px; margin:0; padding:0 45px 0 15px; }
#listeMesTransportsFavoris li button:hover{ background-color:#004990; color:#FFF; border-color:#004990; }
#listeMesTransportsFavoris li button i{ position:absolute; right:15px; top:0; margin-right:0; font-size:16px; font-size:1.6rem; color:#666; text-align:center; width:auto; height:inherit; }
#listeMesTransportsFavoris li button:hover i {color: #FFF;}
#listeMesTransportsFavoris li button i:before{ content:'\f00d'; }
#titreMesTransportsFavoris{ border-bottom:solid 2px #E7E7E7; margin-bottom:10px; }
#titreMesTransportsFavoris > h1{ display:inline-block; margin:10px 0; }

#listeMesTransportsFavorisTrajet{ width:100%; margin:0; padding:0; }
#listeMesTransportsFavorisTrajet > li > .ligneCouleur{ position:absolute; top:-1px; bottom:-1px; left:-3px; width:3px; border:0; }

/* j-f-allard.css */
.sprite-mon-amt{ display:inline-block; vertical-align:middle; margin:0 0 0 10px; }
.orange{ background-color:#f26d0c; color:#fff; }
.gris{ background-color:#e7e7e7; color:#5c5c5c; }
.bleu{ background-color:#4891dc; color:#fff; }
.bold{ font-weight:700; }
.droite{ float:right; }
.gauche{ float:left; }
.mobile-padding{ padding:0 10px; }
.paddinginfopaiement label {
    padding-bottom: 0;
}
.inline{ display:inline-block; }
#titreSectionMonAmt{ border-bottom:solid 2px #E7E7E7; margin-bottom:10px; }
#titreSectionMonAmt > h1{ display:inline-block; margin:10px 0; }
#messagesAccordeon{ width:800px; }
#messagessAccordeon > h3{ margin-top:20px; margin-bottom:0; border:solid 1px #D7D7D7; border-radius:0; padding-left:0!important; font-weight:400; background:#FFF; color:#333!important; }
#messagessAccordeon > h3:after {content: ''; display: block; clear: both;}
#mesMessageEnteteAccordeon{ background-color:#fff; position:relative; height:24px; cursor:pointer; padding:18px 60px 12px 12px; }
#mesMessageEnteteAccordeon > .icones{ display:inherit; }
#mesMessageEnteteAccordeon > i:before{ content:"\f107"; position:absolute; right:20px; top:13px; color:#004990; font-size:34px; line-height:30px; }
.ui-state-active #mesMessageEnteteAccordeon > i:before{ content:"\f106"; font-size:34px; line-height:30px; }
#mesMessageEnteteAccordeonSujet{ text-align:left; vertical-align:middle; float:left; width:70%; font-family:DinNext; font-weight:700; font-size:19px; font-size:1.9rem; margin-top:-5px; }
#mesMessageEnteteAccordeonDate{ text-align:right; vertical-align:middle; float:right; width:30%; font-family:open_sansregular; }
#mesMessageItemAccordion{ background:#f5f5f5; border-left:1px solid #d3d8db; border-right:1px solid #d3d8db; border-bottom:1px solid #d3d8db; border-radius:0; padding:30px 20px; }
#mesMessageItemAccordionEntete{ padding-bottom:20px; }
#mesMessageItemDe{ float:left; width:70%; font-weight:700; }
#mesMessageItemHeure{ float:right; width:30%; text-align:right; }
.messages .ui-accordion-content{ font-family:open_sansregular; font-size:14px; font-size:1.4rem; }
#mesMessageBoutonSac{ padding:15px 0 0; }
#mesMessageBoutonSac button{ height:60px; }
#monCompteBlocGauche{ vertical-align:top; display:table-cell; width:50%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding-right:20px; border-right: 1px solid #d7dcdf; }
#monCompteBlocGauche p{ width:auto; }
#monCompteBlocDroit{ display:table-cell; width:50%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding-left:20px; }
#moncompteTexteConsentement{ width:auto; float:left; padding:8px 0; }
#moncompteTexteConsentement label{ display:block; padding-left:15px; text-indent:-15px; }
#moncompteTexteConsentement input{ width:13px; height:13px; vertical-align:bottom; position:relative; top:-1px; overflow:hidden; margin:0; padding:0; }
#monCompteBlocDroit select{ width:100%; display:block; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
#monCompteBlocDroit input{ width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
#monCompteFormulaire input[type=text],#monCompteFormulaire input[type=password],#monCompteFormulaire select{ width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; height:30px; line-height:24px; line-height:2.4rem;}
#monCompteFormulaire .libelleChamp{ width:50%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; float:left; padding:0 10px 0 0; font-family: 'open_sansbold'; font-size:14px; font-size:1.4rem; line-height:30px; line-height:3rem; } 
#monCompteFormulaire .libelleChampObligatoire{ width:50%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; float:left; padding:8px 0 2px 0; }
#monCompteFormulaire .ChampSaisie{ width:50%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; float:left; padding:0; line-height:30px; line-height:3rem; margin-bottom:15px;}
#monCompteFormulaire .ChampTexte{ width:auto; float:left; }
#monCompteFormulaire .nofiche{ text-align: right; margin-top: -15px; }
#DesactivationMonAmtBoiteMotPasse{ display:block; float:left; padding:15px 0 8px; }
.clearBoth{ clear:both; }
#DesactivationRaisonFormulaire textarea{ width:100%; }
#DesactivationRaisonFormulaire .raison{ line-height:28px; line-height:2.8rem; }
#monCompteChampObligatoire,.LibelleChampObligatoire{ font-size:12px; font-size:1.2rem; color:#666; }


/* j-r-cyr.css */
#adresseAVenir .libelleChamp{ width:190px; font-weight:700; }
#adresseAVenir .inline{ display:inline-block; vertical-align:middle; }
#adresseAVenir .boiteGeneriqueTaillePetite > input{ color:#5c5c5c; margin-right:5px; height:20px; width:50px; }
#adresseAVenir .boiteGeneriqueTailleMoyenne > input{ color:#5c5c5c; margin-right:5px; height:20px; width:75px; }
#adresseAVenir .boiteGeneriqueTailleLarge > input{ color:#5c5c5c; margin-right:5px; height:20px; width:150px; }
#adresseAVenir .titre{ font:normal 32px DinNext, "Myriad Pro", Arial, Tahoma, Verdana, sans-serif; font-size:3.2rem; color:#333; }
#adresseAVenir .titreMouche{ font-size:11px; font-size:1.1rem; font-weight:400; margin-bottom:20px; margin-top:10px; display:block; }
#adresseAVenir .sousTitre{ font-size:16px; font-size:1.6rem; font-weight:700; }
#adresseAVenir .boutonAnnulation{ background-color:#e7e7e7; color:#5c5c5c; }
#adresseAVenir .boutonAnnulation:hover{ background-color:#d7d7d7; }
#adresseAVenir .bordureComplet{ border:1px solid #E7E7E7; border-color:#aaa; }
#adresseAVenir .bordureBottom{ border-bottom:3px solid #E7E7E7; border-color:#aaa; }
#adresseAVenir .bordureGBD{ border-bottom:3px solid #E7E7E7; border-left:3px solid #E7E7E7; border-right:3px solid #E7E7E7; border-color:#aaa; }
#adresseAVenir .middleContent{ background-color:#e7e7e7; }

/* vincent-casal.css */
.orange{ background-color:#f26d0c; color:#fff; }
.gris{ background-color:#e7e7e7; color:#5c5c5c; }
.bleu{ background-color:#4891dc; color:#fff; }
i.icones{ font-family:FontAwesome!important; font-weight:400; font-style:normal; background-image:none; font-size:inherit; display:inline-block; width:auto; line-height:inherit; height:auto; }
:hover > .icones{ background-image:none; }
#mesDestinations{ position:relative; }
#titreDestinations{ border-bottom:solid 2px #E7E7E7; margin-bottom:10px; }
#titreDestinations > h1{ display:inline-block; margin:10px 250px 10px 0; }
#mesDestinations button[name=btnAjouter]{ position:absolute; top:10px; right:0; height:auto; min-height:40px; }
#mesDestinations button[name=btnAjouter] > i{ margin-left:10px; }
#mesDestinations button[name=btnAjouter] > i:before{ content:'\f067'; }
#listeMesDestinations{ margin:0; }
#listeMesDestinations > li{ border:1px solid #E7E7E7; display:block; list-style:none; width:100%; min-height:70px; position:relative; }
#listeMesDestinations > li > img{ float:left; margin-top:20px; margin-left:20px; }
#listeMesDestinations > li.ajoutDestination{ background-color:#FAFAFA; }
#listeMesDestinations > li > span{ display:block; float:left; font-size:16px; font-size:1.6rem; margin:26px 0 0; }
#listeMesDestinations > li > span.nomDuLieu{ font-family:open_sansbold; color:#333; width:25%; margin-left:10px; }
#listeMesDestinations > li > span.adresse{ width:45%; }
#listeMesDestinations > li.ajoutDestination > span.nomDuLieu{ margin-top:18px; padding-right:20px; width:24%; }
#listeMesDestinations > li.ajoutDestination > span.adresse{ margin-top:18px; width:34%; }
#listeMesDestinations > li > span > input{ height:35px; line-height:27px; line-height:2.7rem; width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; border:1px solid #c9c9c9; }
#listeMesDestinations > li > button{ margin-top:15px; margin-right:15px; margin-bottom:0; float:right; }
#listeMesDestinations > li > button.voirCarte{ font-family:open_sanssemibold; font-weight:400; background-color:#FAFAFA; border-left:solid #e7e7e7 1px; border-bottom:solid #e7e7e7 1px; border-top:solid #e7e7e7 1px; border-right:0; color:#666; line-height:30px; line-height:3rem; background:#FAFAFA; margin-top:20px; margin-right:-4px; position:relative; overflow:visible; padding:0 50px 0 10px; }
#listeMesDestinations > li > button.voirCarte > .blueline{ background:#004990; display:inline-block; width:4px; height:32px; border-radius:0; position:absolute; right:0; top:-1px; }
#listeMesDestinations > li > button.voirCarte:hover{ background-color:#004990; color:#FFF; border-color:#004990; }
#listeMesDestinations > li > button.voirCarte > i{ position:absolute; right:10px; top:1px; display:block; }
#listeMesDestinations > li > button.voirCarte > i:before{ content:'\f041'; }
#boutonsDestinations{ margin-top:5px; }
#boutonsDestinations > button{ float:right; margin-left:2px; }
#listeAlertesLignes > li{ border:1px solid #E7E7E7; display:inline-block; list-style:none; padding:10px; }
#listeAlertesLignes > li > span{ font-family:DinNext; color:#333; font-size:18px; font-size:1.6rem; margin-bottom:15px; display:block; }
ul.listeAlerte > li{ border:0; display:block; width:350px; margin:5px 0 10px; }
ul.listeAlerte > li > div > span.editor-label{ display:inline-block; width:80px; }

.messages .ui-accordion .ui-accordion-header .ui-accordion-header-icon{display:none}
#cn_breadcrumb span{font-size:14px;font-family:'DinNext';font-weight:bold}
#cn_breadcrumb .niv2:before,#cn_breadcrumb .niv3:before{content:'';display:inline-block;width:13px;height:12px;background:url(../Content/Images/temp/icon-fleche-fil-ariane.png) no-repeat center;margin:0 8px}
#cn_breadcrumb .niv3{color:#000}
.paddingboiteconfirmation .validation-summary-errors{margin-bottom:20px}
.paddingboiteconfirmation .field{width:350px}
.paddingboiteconfirmation .avectooltip{width:400px}
.paddingboiteconfirmation .avectooltip .erreur{padding-right:50px}
.paddingboiteconfirmation .avectooltip .erreur>div{right:80px}
.lignetrainselect label{float:left}
.lignetrainselect select{float:left}
.lignetrainselect .editor-label{width:130px !important;margin-left:25px}
.field-ligne-train,.pleinelargeur{width:100% !important}
.lignetrainselect .deuxiemelabel{width:80px !important}
.radioselecttype{margin-bottom:30px}
.field-radio-show{float:left;display:none}
.paspadding{padding-left:0 !important}
#form-inscription .field-commentaire .editor-label,#form-inscription .field-commentaire .editor-field{width:100%}
#form-inscription .field-commentaire textarea{width:100%;height:175px;margin-bottom:20px}
#tableauDeBord .paddingalertes{border:0}
.labelcache{display:none}
.btnright{text-align:right}
.btnright button{margin-bottom:0 !important}
.forminfolettres{position:relative;width:85%}
.rowinfolettre{display:table-row}
.rowinfolettre .colgauche,.rowinfolettre .coldroite{display:table-cell;width:50%}
.rowinfolettre .colgauche{padding-right:40px;padding-left:20px;padding-bottom:20px}
.rowinfolettre .colgauche label{padding-left:30px}
.rowinfolettre .colgauche label input{margin-left:-30px;margin-right:15px}
.rowinfolettre .coldroite{padding-left:40px;border-left:1px solid #c9c9c9}
.rowinfolettre .coldroite .infogras{width:130px;display:block;float:left}
.boiteinfolettre{border:1px solid #d3d8db;padding:20px 20px 0 20px;margin-bottom:20px}
.boiteinfolettre img{float:right}
.boiteinfolettre .contenuinfolettre{width:50%;float:left}
.boiteinfolettre .contenuinfolettre h3{margin-top:0;margin-bottom:0 !important;font-size:18px;color:#004990}
.boiteinfolettre .contenuinfolettre h4{color:#5c5c5c;margin-bottom:0}
.boiteinfolettre .contenuinfolettre .coordonnees{margin-bottom:20px}
.boiteinfolettre .navinfolettre{position:relative;border-top:1px solid #d3d8db;margin-top:20px;margin-left:-20px;margin-right:-20px;padding:15px 20px;background:#fafafa}
.boiteinfolettre .boutonmessagerie{border:0 !important;background:none !important;float:left;margin:0;padding-left:0 !important}
.boiteinfolettre .boutonmessagerie:hover{color:#f26d0c}
.boiteinfolettre .buttonOrange{float:right;line-height:40px;text-align:center;width:380px}
.sectionDroite .boitetableaudebord, .boitefaqwrapper .boitetableaudebord{background:#f5f5f5}
.boitetableaudebord h2{background:#fff}
.boitetableaudebord{border:1px solid #d3d8db;margin-bottom:20px}
.boitetableaudebord #listeMesTransportsFavoris li{border-right:0}
.boitetableaudebord #listeMesTransportsFavoris>li:last-child{border-bottom:0 !important}
.boitetableaudebord .boutonmessagerie{border-right:0 !important;border-left:0 !important}
.boitetableaudebord #listeMesDestinations>li{border-left:0;border-right:0;border-top:0 !important}
.boitetableaudebord #listeMesDestinations>li:last-child{border-bottom:0}
.boitetableaudebord h1{display:none}
.boitetableaudebord .titrealertetrain{background-image:none}
.boitetableaudebord #listeAlertesLignes>li{margin-bottom:0;border-top:0;border-right:0;border-left:0}
.boitetableaudebord #listeAlertesLignes>li:last-child{border-bottom:0}
.boitetableaudebord .paddingalertes>.pousse{display:none}
#tableauDeBord .boitetableaudebord .contourDiv{border-left:0;border-right:0;border-bottom:0}
.teltravailinfos span{padding-left:0 !important}
.teltravailinfos span:first-child{padding-left:0 !important}
.zone-content .breadCrumbs{display:none}
.desactivation label{width:150px !important}
.avertissementDesactivation { color: red;border-color: red;border-width: 1px;border-style: solid; padding-left: 5px}
.buttonOrange{height:auto !important;min-height:40px !important}
.desactivationbtn{text-align:right}
.loginleft{padding-right:30px; background:#004990; color:#FFF;}
.desactivation,.desactivationraison{margin-bottom:20px !important}
.desactivationraison .paddingboiteconfirmation{padding-top:0 !important}
.loginright{padding-left:30px;border-left:1px solid #ccc}
.envoiconfirmation .buttonOrange{margin-left:20px !important}
#conteneur-connexion .buttonGris{text-align:center;line-height:40px;font-family:'open_sanssemibold'}
#conteneur-connexion input[type=text],#conteneur-connexion input[type=password]{height:40px}
.boiteconfirmation a.buttonOrange{float:left;text-align:center;min-height:40px;line-height:40px;padding:0 20px;margin-left:0;display:block}
.cachedesktop,.cachee{display:none}
.questionsecurite .editor-field{width:100%}
.questionsecurite .editor-field .infogras{line-height:18px;padding-top:6px;display:block;margin-bottom:20px}
.radiosexe label{padding-left:30px;width:auto !important}
.radiosexe label input{margin-bottom:0 !important;width:auto !important}
.radioAbonneOPUS label{padding-left:0;width:auto !important}
.radioAbonneOPUS label input{margin-bottom:0 !important;width:auto !important}
.fieldradiodouble{width:525px !important}
.fieldradiodouble .radiosexe:last-child{margin-left:20px}
.statuslabel{width:235px !important}
.label-100{width:100% !important}
.label-100 .check-box{width:25px;margin-bottom:10px !important}
.renseignementperso{display:block;margin-bottom:20px}
#mesInfos .statuslabel{width:200px !important}
.etape2 fieldset{margin-bottom:0 !important;padding-top:20px !important}
.etape2 fieldset:last-child{margin-bottom:10px !important}
.etape2 .first{padding-top:30px !important}
.etape2 .first input{margin-bottom:0 !important}
.statusicones>span{display:block;float:left;position:relative;width:300px;padding-left:0 !important;padding-top:8px}
.statusicones>span>label{width:100%;margin-bottom:25px;padding-left:60px;padding-top:6px;line-height:18px !important;height:34px}
.statusicones>span>label>input{margin-bottom:0 !important}
.statusicones>span>label:last-child{margin-bottom:0}
#mesInfos .statusicones>span{width:280px}
.radioLeft{display:block;text-align:left}
.radioRight{display:block;text-align:left;margin-left:30px;margin-top:-50px}
.label-radioOption-M{background:url(../Content/Images/temp/icon-mr.png) no-repeat left center}
.label-radioOption-F{background:url(../Content/Images/temp/icon-mme.png) no-repeat left center}
.label-radioOption-AVO{background:url(../Content/Images/temp/icon-auto.png) no-repeat left center}
.label-radioOption-AVN{background:url(../Content/Images/temp/icon-pasauto.png) no-repeat left center}
.label-radioOption-717600000{background:url(../Content/Images/temp/icon-30plus.png) no-repeat left center;padding-top:0 !important}
.label-radioOption-717600001{background:url(../Content/Images/temp/icon-30moins.png) no-repeat left center;padding-top:0 !important}
.label-radioOption-717600002{background:url(../Content/Images/temp/icon-etudiant.png) no-repeat 32px center}
.label-radioOption-717600003{background:url(../Content/Images/temp/icon-retraite.png) no-repeat 22px center}
.label-radioOption-717600004{background:url(../Content/Images/temp/icon-maison.png) no-repeat 28px center}
.label-radioOption-717600005{background:url(../Content/Images/temp/icon-autre.png) no-repeat 33px center}
.label-radioOption-717600006{background:url(../Content/Images/temp/icon-autre.png) no-repeat 33px center}
.boiteconfirmation ul{margin-left:40px}
.boiteconfirmation ul li{padding-bottom:15px}
.moncompterow{display:table-row}
.boutonmoncompte{padding-top:25px}
.noteform{font-family:'open_sansitalic';font-size:12px;display:inline-block}
#mesInfos .colonnedroite .petit{width:240px}
#mesInfos .field span,.formrecuperation .field span{line-height:30px}
.formrecuperation .questionsecurite{margin-bottom:10px}
.paddingbtnmonamt{text-align:right}
.paddingbtnmonamt button{margin-left:10px}
.paddingboiteconfirmation,.adresseavenir{padding:20px}
.paddingboiteconfirmation button{margin-left:0;margin-top:20px}
.borderh1{border-bottom:1px solid #d7dcdf;padding-bottom:15px}
.borderTop{border-top: 1px solid #d7dcdf;padding-top:15px}
.infomessagerie h4{font-family:open_sansbold;font-weight:400;font-style:normal;font-size:14px;line-height:17px;margin-top:0;color:#5c5c5c}
.lienbouton{display:block;float:left;padding:0 25px;line-height:40px;text-align:center}
.paddingformgauche{padding:15px}
.paddingformgauche>p{margin:0 0 15px 0}
.alertetrainrecherche .field .editor-field{float:left;position:relative;width:370px}
.alertetrainrecherche .field{margin-bottom:25px}
.alertetrainrecherche .field .editor-field .erreur{margin-bottom:0;margin-top:5px}
.accordion-toggle{position:relative}
.accordion-toggle i{position:absolute;right:15px;bottom:50%;margin-bottom:-10px;font-size:35px}
.accordion-toggle.accordion-courrant i:before{content:'\f106'}
.accordion-toggle i:before{content:'\f107'}
.renvoyercode{display:block;float:left;margin-top:15px;width:100%}
button:disabled,a:disabled{opacity:.5}
.boutonmessagerie:disabled:hover,.boutonmessagerie:disabled:hover,.suspendrealerte button:disabled:hover,.desactiveralerte button:disabled:hover{background:#f5f5f5;color:#4891dc}
a:disabled:hover .fleche-droite-orange,button:disabled:hover .fleche-droite-orange{background-position:-80px -30px !important}
.erreur{display:inline-block;width:100%;margin-bottom:20px;position:relative}
.erreur span{display:block;float:right;position:relative;margin-top:10px;color:#000;padding:10px 15px 10px 55px;border:2px solid #f00;max-width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;overflow:hidden;background:#fff}
.erreur span:before{font-family:'open_sanssemibold';content:'!';width:40px;height:100%;background:#f00;position:absolute;left:0;top:0;color:#fff;text-align:center;line-height:38px;font-size:28px}
.erreur>div{position:absolute;top:0;right:30px;width:19px;height:14px;background:url(../Content/Images/temp/pointeerreur.png) no-repeat center;z-index:2}
#NomUtilisateur{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.input-validation-error{border:2px solid #f00 !important}
.boiteinfopersonnel{border:1px solid #d2d7da;background:#ebebeb;margin-bottom:25px;position:relative;font-family:open_sansregular;font-size:14px}
.boiteinfopersonnel h2{font-size:24px;background:#fff;border-bottom:1px solid #d2d7da;line-height:28px;margin:0;padding:20px}
.boiteinfopersonnel .boitepadding{padding:15px 20px}
#mesInfos .colonnegauche{width:58%;float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#mesInfos .colonnedroite label{width:150px}
#mesInfos .colonnedroite input[type=text],#mesInfos .colonnedroite select{width:155px;height:30px;margin-bottom:10px}
#mesInfos #AdresseDomicile_NoCivique,#mesInfos #AdresseDomicile_Unite,#mesInfos #AdresseExpedition_NoCivique,#mesInfos #AdresseExpedition_Unite,#mesInfos #AdresseDomicile_CodePostal,#mesInfos #AdresseExpedition_CodePostal{width:90px}
#checkboxAdresse{padding:0 20px 20px 20px}
#checkboxAdresse label{display:inline-block;float:none !important;font-family:'open_sansregular' !important;line-height:18px !important;width:100% !important;padding:0 0 0 20px !important}
#checkboxAdresse label input{margin-left:-20px}
#mesInfos .colonnedroite{width:42%;float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#mesInfos hr{border-top:1px solid #d2d7da;margin-top:30px;margin-bottom:30px}
#mesInfos .editor-label,#adresseAVenir .editor-label{font-family:'open_sansbold';font-size:14px}
.titrealertetrain{background:url(../Content/Images/temp/icon-cloche-alerte.png) no-repeat left 4px;padding-left:40px}
.titrealertetrain span{font-size:18px}
.titredestinations{padding-right:270px}
.titredestinations span,.titretransports span{font-size:24px;line-height:inherit}
#form-inscription.adresseavenir{padding-top:20px;background:transparent}
#form-inscription{padding-top:5px}
#form-inscription h4{color:#666;font-size:14px;font-family:'open_sansregular';margin-bottom:0;padding-left:10px}
#form-inscription label,#mesInfos label,#adresseAVenir label{float:left;width:265px;line-height:30px;font-size:14px;font-family:'open_sansbold';padding-right:10px}
#mesInfos label{width:230px}
#form-inscription input,#form-inscription select{margin-bottom:25px}
#form-inscription #AdresseDomicile_NomRue, #form-inscription #AdresseDomicile_NoCivique, #form-inscription #AdresseDomicile_Unite, #form-inscription #AdresseDomicile_Ville, #form-inscription #AdresseDomicile_ProvinceId{margin-bottom:5px}
#form-inscription select{height:30px}
#adresseAVenir select{height:30px;width:240px}
#adresseAVenir input[type=text],#adresseAVenir select{margin-bottom:10px}
#form-inscription input[type=text],#mesInfos input[type=text],#adresseAVenir input[type=text],#form-inscription input[type=password]{width:180px;height:30px;float:left}
#adresseAVenir .editor-field{width:100%}
#form-inscription .suiv,#form-inscription .final{float:right;margin-top:10px;width:290px;position:relative}
#form-inscription .prec{float:left;margin-top:10px;width:290px;position:relative}
#form-inscription #Courriel,#form-inscription #ConfirmationCourriel,#form-inscription #ResponseQuestionSecurite,#form-inscription #AdresseDomicile_NomRue,#form-inscription select{width:290px}
#form-inscription .first{border-top:1px solid #d7dcdf}
#form-inscription fieldset{border-bottom:1px solid #d7dcdf;padding-bottom:20px;padding-top:30px}
#form-inscription fieldset h5{margin-top:0;color:#666}
#form-inscription .field{width:486px}
#form-inscription .field-courriel{width:596px}
#form-inscription .field-adresse{width:596px}
#form-inscription .listLangue{width:100px}
#mesInfos .field-courriel{width:100%}
#form-inscription .field .erreur,#form-inscription .field-courriel .erreur{padding-right:40px;margin-top:-20px}
#form-inscription .field .erreur>div,#form-inscription .field-courriel .erreur>div{right:70px}
#form-inscription .utilisateur{background:url(../Content/Images/temp/icon-form-personne.png) no-repeat left center;padding-left:40px}
#form-inscription .courriel{background:url(../Content/Images/temp/icon-form-courriel.png) no-repeat left center;padding-left:40px}
#form-inscription .confirmation{background:url(../Content/Images/temp/icon-form-confirmation.png) no-repeat left center;padding-left:40px}
#form-inscription .cp{background:url(../Content/Images/temp/icon-form-cp.png) no-repeat left center;padding-left:40px}
#form-inscription .mdp{background:url(../Content/Images/temp/icon-form-mdp.png) no-repeat left center;padding-left:40px}
#form-inscription .question{background:url(../Content/Images/temp/icon-form-question.png) no-repeat left center;padding-left:40px}
#form-inscription .reponse{background:url(../Content/Images/temp/icon-form-reponse.png) no-repeat left center;padding-left:40px}
#form-inscription .carteOPUS{background:url(../Content/Images/temp/icon-form-carte-opus.png) no-repeat left 7px;padding-left:40px}
#form-inscription .EtesVousAbonnee{background:url(../Content/Images/temp/icon-form-abonne-opus.png) no-repeat left 7px;padding-left: 40px; line-height: 20px}
#form-inscription .responsablePaiement{background:url(../Content/Images/temp/icon-form-abonne-opus.png) no-repeat left 7px;padding-left: 40px; line-height: 20px}
#form-inscription .suiv:after,#form-inscription .final:after{font-family:'FontAwesome';font-size:35px;content:'\f105';position:absolute;right:15px;top:2px}
#form-inscription .prec:before{font-family:'FontAwesome';font-size:35px;content:'\f104';position:absolute;left:15px;top:2px}
#form-inscription .field-courriel .editor-field>span{display:block;line-height:30px;padding-left:10px;float:left}
#mesInfos .field-courriel .editor-field>span>span{display:block;line-height:30px;padding-left:10px;float:left}
.field-langue span{line-height:30px}
#form-inscription .label-date,#mesInfos .label-date,#adresseAVenir .label-date{line-height:16px}
#form-inscription .label-date span,#mesInfos .label-date span,#adresseAVenir .label-date span{display:block;width:100%;font-family:'open_sansregular';font-size:14px;line-height:16px}
#form-inscription #NombreDeplacementTc,#NombreDeplacementTc,#JourNaissance,#MoisNaissance,#form-inscription #TelDomicileCodeRegional,#mesInfos #TelDomicileCodeRegional,#form-inscription #TelDomicileDebut3,#mesInfos #TelDomicileDebut3,#form-inscription #TelTravailCodeRegional,#mesInfos #TelTravailCodeRegional,#form-inscription #TelTravailDebut3,#mesInfos #TelTravailDebut3,#form-inscription #TelCellCodeRegional,#mesInfos #TelCellCodeRegional,#form-inscription #TelCellDebut3,#mesInfos #TelCellDebut3,#ChangementAdresseDomicile_JourChangement,#ChangementAdresseDomicile_MoisChangement,#ChangementAdresseExpedition_JourChangement,#ChangementAdresseExpedition_MoisChangement,.txtboxjour,.txtboxmois{width:45px !important;margin-right:10px}
#form-inscription #TelTravailExt,#mesInfos #TelTravailExt{width:45px;margin-left:5px}
#AnneeNaissance,#form-inscription #TelDomicileFin4,#mesInfos #TelDomicileFin4,#form-inscription #TelTravailFin4,#mesInfos #TelTravailFin4,#form-inscription #TelCellFin4,#mesInfos #TelCellFin4,#ChangementAdresseDomicile_AnneeChangement,#ChangementAdresseExpedition_AnneeChangement,.txtboxannee{width:60px !important}
#form-inscription .checkbox-label,#form-inscription .check-box{float:left}
#form-inscription .checkbox-label{font-family:'open_sansregular';line-height:16px;width:100%;padding-right:0}
#form-inscription .label-double,#mesInfos .label-double,.formrecuperation .label-double{line-height:16px}
#monCompteFormulaire .label-double{line-height:16px;padding-top:6px}
#form-inscription .resultats-inscription label{line-height:16px}
#sectionRendue h2{color:#fff !important;font-size:18px;font-family:'open_sansbold';font-weight:normal;background-color:#4891dc;line-height:50px;display:inline-block;padding-left:55px;padding-right:25px;margin-right:20px !important;margin-bottom:30px !important;margin-left:0 !important;margin-top:10px !important;-webkit-border-radius:25px;-moz-border-radius:25px;border-radius:25px;position:relative}
#sectionRendue h2 span{display:block;width:40px;height:40px;background:#fff;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;color:#4891dc;text-align:center;line-height:40px;position:absolute;left:5px;top:5px;font-size:26px}
#sectionRendue h3{line-height:50px;display:inline-block;font-size:18px;font-family:'open_sansbold';color:#909090;padding-left:55px;padding-right:25px;margin-right:20px !important;margin-bottom:30px !important;margin-left:0 !important;margin-top:10px !important;position:relative}
#sectionRendue h3 span{display:block;width:40px;height:40px;background:#fff;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;text-align:center;line-height:30px;position:absolute;left:5px;top:5px;font-size:26px;color:#909090;border:5px solid #909090}
.aide{float:left;margin-left:10px;position:relative}
.tooltip{display:block;float:left;width:30px;height:30px;background:url(../Content/Images/temp/icon-form-aide.png) no-repeat center;text-indent:-9999px}
.tooltip-aide{width:210px;padding:15px;border:1px solid #aaa;color:#000;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;position:absolute;z-index:999999;left:45px;top:-10px;background:#fff;display:none;line-height:17px}
.tooltip-aide:before{content:'';background:url(../Content/Images/temp/pointe-tooltip.png) no-repeat left top;width:13px;height:20px;position:absolute;left:-12px;top:15px}
.editor-field{float:left;position:relative;line-height:30px}
#mesDestinations .boutonGenerique,#mesDestinations .boutonGenerique i:before{font-weight:normal}
#mesDestinations>div>div>p{margin-bottom:0}
.transportsicones{position:relative;width:100%;padding-bottom:10px;padding-left:42px}
.transportsicones img{float:left;margin-right:10px;margin-left:-42px}
#listeMesTransportsFavoris li p{font-family:'open_sansbold';margin-bottom:0}
#avant-contenu .zone-before-content {
    /* padding: 20px 20px 0 20px !important; */
    width:100%;
}

#abonnementSommaireBlocTexte {
    float: left;
    width: 65%;
    padding-right: 10px;
}
.boitefaqwrapper {
    float:left;
    width: 35%;
    padding-left: 10px;
}
.paddingboite {
    padding:20px;
}
#abonnementSommaireBlocAbonnement h4 {
    color:#000;
    margin-top:0;
    margin-bottom:20px;
}
#abonnementSommaireBlocAbonnement h5, #GestionAbonneBlocTitulaire h5 {
    color:#000;
    font-weight:bold;
    margin-top:0;
    font-size:1.5rem;
}
 #GestionAbonneBlocTitulaire.boiteconfirmation {
    margin-bottom:0;
}
#GestionAbonne > h2 {
    margin-top: 0;
}
.lieninfopersonnel {
    margin-bottom:30px;
}
.boiteconfirmation .alignright .buttonOrange {
    margin-left:0;
}
.prochaineprelevementlist {
    padding: 0;
    margin: 0;
}
.prochaineprelevementtotal, .modedepaiementlist {
    padding: 0;
    margin: 15px 0;
}
 .adressedomiciliaire {
    padding: 0;
    margin: 30px 0;
}
    .prochaineprelevementlist li {
        list-style: none;
        width:100%;
        margin-bottom:30px;
    }
    .prochaineprelevementtotal li {
        list-style: none;
        width: 100%;
        font-weight:bold;
    }
#divNouvelAbonne, #divAdresseExpedition {
    margin-top: 20px;
    margin-bottom:20px;
}
#form-ajoutAbonnement select, #divNouvelAbonne input[type=text], #divAdresseExpedition input[type=text], #divAdresseExpedition select, #ajoutabonnementetape2 select, #IdentificationEntreprise input[type=text], #InformationEntreprise input[type=text] {
    width:100%;
    height:30px;
    margin-bottom:15px;
}
#IdentificationEntreprise input[type=button] {
    margin-top:15px;
}
#IdentificationEntreprise {
    margin-top:20px;
}
.radiocategorietarif {
    margin-top:30px;
    margin-bottom:10px;
}
#ajoutabonnementetape2 .label-radioOption-1 input, #ajoutabonnementetape2 .label-radioOption-1 p {
    float: left;
}
#ajoutabonnementetape2 .label-radioOption-1, #ajoutabonnementetape2 .label-radioOption-2 {
    float:left;
    width:50%;
    margin-top:20px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
}
#form-ajoutAbonnement select {
    height: 30px;
}
.modedepaiementlist li, .adressedomiciliaire li {
    list-style:none;
    width:100%;
}
.inscriptionbtn {
    text-align: right;
    border-top: 1px solid #e0e0e0;
    margin-top:40px;
    padding-top:20px;
}
.marginhrtopbottom {
    margin-top: 20px;
    margin-bottom: 20px;
}
.sommaireabonnemententreprise h5 {
    color:#000;
    font-weight:bold;
}
.modifierabonne .field-courriel .editor-field, .modifierabonne .editor-field {
    width:100%;
}
.modifierabonne .field-courriel input[type=text], .modifierabonne select, .modifierabonne .editor-field input[type=text] {
    width:100%;
    height:28px;
    margin-bottom:10px;
}
.modifierabonne .editor-label {
    padding-bottom: 0;
}
.modifierabonne input[type=text] {
    height:28px;
    margin-bottom:10px;
}
.loadingmonamt {
    padding:25px 0;
    width:100%;
    background: url(../Content/Images/loading.gif) no-repeat center;
}

.loadingmonamtLogIn {
    padding:20px;
    width:100%;
    display: none;
    background: url(../Content/Images/loading.gif) no-repeat center;
    margin-top: -40px;
}

.loadingmonamtShow {
    display: block;
}

.fancy_favoris_footer input {
    margin-right:5px;
    margin-left:5px;
}
.blockUI {
    min-width:450px !important;
    height:120px !important;
    border:15px solid #000 !important;
    border-radius:10px;
}
.blockUI h1 {
    font-size:18px !important;
    font-weight:bold;
    position:absolute;
    top:35px; left:50%;
    margin-left:-90px;
}
    .blockUI h4 {
        display:none !important;
    }
.blockOverlay {
    border-radius:0;
    height:100% !important;
    width:100% !important;
}
.modal .spinner {
    left: 50% !important;
}
.tablepayeur{
    border: 1px solid #d3d8db;
    background:#f5f5f5;
}
.tablepayeur thead tr th{
    background:#FFF;
    border-bottom:1px solid #d3d8db;
    padding:10px;
    font-weight:bold;
}
.tablepayeur tbody tr td{
    border-bottom:1px solid #d3d8db;
    padding:10px;
}
  .row-fluid {
    width: 100%;
    *zoom: 1;
  }
  .row-fluid:before,
  .row-fluid:after {
    display: table;
    content: "";
    line-height: 0;
  }
  .row-fluid:after {
    clear: both;
  }
  .row-fluid [class*="span"] {
    display: block;
    width: 100%;
    min-height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    margin-left: 2.564102564102564%;
    *margin-left: 2.5109110747408616%;
  }
  .row-fluid [class*="span"]:first-child {
    margin-left: 0;
  }
  .row-fluid .span12 {
    width: 100%;
    *width: 99.94680851063829%;
  }
  .row-fluid .span11 {
    width: 91.45299145299145%;
    *width: 91.39979996362974%;
  }
  .row-fluid .span10 {
    width: 82.90598290598291%;
    *width: 82.8527914166212%;
  }
  .row-fluid .span9 {
    width: 74.35897435897436%;
    *width: 74.30578286961265%;
  }
  .row-fluid .span8 {
    width: 65.81196581196582%;
    *width: 65.75877432260411%;
  }
  .row-fluid .span7 {
    width: 57.26495726495726%;
    *width: 57.21176577559556%;
  }
  .row-fluid .span6 {
    width: 48.717948717948715%;
    *width: 48.664757228587014%;
  }
  .row-fluid .span5 {
    width: 40.17094017094017%;
    *width: 40.11774868157847%;
  }
  .row-fluid .span4 {
    width: 31.623931623931625%;
    *width: 31.570740134569924%;
  }
  .row-fluid .span3 {
    width: 23.076923076923076%;
    *width: 23.023731587561375%;
  }
  .row-fluid .span2 {
    width: 14.52991452991453%;
    *width: 14.476723040552828%;
  }
  .row-fluid .span1 {
    width: 5.982905982905983%;
    *width: 5.929714493544281%;
  }

@media screen and (min-width:768px){
    #sectionRendue .etape1complete{border-radius:25px 0 0 25px;margin-right:0 !important;padding-right:50px}
    #sectionRendue .etape2complete{border-radius:0 0 0 0;margin-right:0 !important;padding-right:50px;margin-left:-5px !important}
    #sectionRendue .etape2active{border-radius:0 25px 25px 0;margin-left:-5px !important}
    #sectionRendue{padding-left:0;padding-right:0}
    .loginleft .buttonOrange,  .loginright input[type=submit] {display:inline-block;}
    .btnloginwrap {text-align: right;}
    .loginright .btnloginwrap {margin-top: 30px;}
}
#mesInfos #TelTravailCodeRegional, #mesInfos #TelTravailDebut3 {
    margin-right:5px;
}
/*
 * @media tablet
 */
@media screen and (min-width: 960px) and (max-width: 1240px) {

	/* jean-francois-pinero.css */
	.responsiveTest:after{ content:" Tablette"; }
	#mesTransportsFavoris{ width:inherit; position:relative; }
	#listeMesTransportsFavoris{ width:100%; margin:0; padding:0; }
	#listeMesTransportsFavoris > li{ margin-top:-1px; border:1px solid #d3d8db; border-bottom:0; border-left:3px; display:inline-block; list-style:none; padding-left:20px; padding-top:20px; position:relative; background:#FFF; width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
	#listeMesTransportsFavoris > li:last-child{ border-bottom:1px solid #d3d8db; }
	.deuxiemeColonne{ font-family:open_sansregular; font-size:14px; }
	#listeMesTransportsFavoris > li > div.transportTypeContenant{ font-family:open_sansbold; top:50%; width:100%; height:35px; }
	#listeMesTransportsFavoris > li > div.transportInfoContenant{ font-family:open_sansbold; top:50%; width:100%; height:40px; }
	#listeMesTransportsFavoris > li > span.premiereColonne{ font-family:open_sansbold; font-size:18px; color:#333; width:5%; float:left; }
	#listeMesTransportsFavoris .premiereColonne i{ margin-right:10px; }
	#listeMesTransportsFavoris .premiereColonne img{ margin-right:5px; vertical-align:middle; }
	#listeMesTransportsFavoris > li > span.deuxiemeColonne{ width:70%; height:100%; float:none; }
	#listeMesTransportsFavoris > li > span.troisiemeColonne{ width:20%; height:100%; float:right; }
	#listeMesTransportsFavoris > li h3{ color:#333; font-size:18px; margin:0 0 15px; padding:0 0 0 41px; }
	#listeMesTransportsFavoris .editor-label{ font-family:open_sansbold; font-size:14px; color:#333; }
	#listeMesTransportsFavoris > li > .ligneCouleur{ position:absolute; top:-1px; bottom:-1px; left:0; width:3px;}
	#listeMesTransportsFavoris > li .blueline{ position:absolute; top:-1px; right:0; width:4px; height:30px; background:#004990; border-top:1px solid #004990; border-bottom:1px solid #004990; }
	#listeMesTransportsFavoris li button{ position:absolute; background:#FAFAFA; border:1px solid #E6E6E6; border-right:0; color:#666; font-family:open_sanssemibold; font-size:14px; line-height:28px; border-radius:0; height:auto; top:20px; right:-5px; margin:0; padding:0 45px 0 15px; }
	#listeMesTransportsFavoris li button:hover{ background-color:#004990; color:#FFF; border-color:#004990; }
	#listeMesTransportsFavoris li button i{ position:absolute; right:15px; top:0; font-size:16px; color:#666; text-align:center; width:auto; height:inherit; }
	#listeMesTransportsFavoris li button i:before{ content:'\f00d'; }
	#titreMesTransportsFavoris{ border-bottom:solid 2px #E7E7E7; margin-bottom:10px; }
	#titreMesTransportsFavoris > h1{ display:inline-block; margin:10px 0; }

    .paddingboiteconfirmation .field{width:350px}
    .paddingboiteconfirmation .avectooltip{width:400px}
    .paddingboiteconfirmation .avectooltip .erreur{padding-right:50px}
    .paddingboiteconfirmation .avectooltip .erreur>div{right:80px}
    .lignetrainselect .editor-label{margin-left:0;width:100% !important}
    #mesInfos .label-double{padding:5px 0 12px 0}
    #mesInfos .colonnedroite .petit{width:100%}
    #mesInfos .colonnedroite label,#mesInfos .colonnegauche label{width:100%}
    #mesInfos .colonnedroite .editor-field,#mesInfos .colonnegauche .editor-field{width:100%}
    #mesInfos .colonnedroite input[type=text],#mesInfos .colonnedroite select,#mesInfos .colonnegauche input[type=text],#mesInfos .colonnegauche select{width:100%}
    .cachedesktop{display:none}
    #cote-primaire{display:none}
    .statusalertetraincol{width:48%;max-width:none}
    .lastalertcol{margin-left:4%}
    .alertetraincol{width:48%;max-width:none}
    .infogras{display:block;width:100%}
    #listeAlertesLignes>li .listeAlerte li{padding-bottom:40px}


}

/* 
 * @media mobile
 */


@media screen and (max-width: 960px) {

	/* alex-vromet.css */
	#mesInfos{ padding:0 20px; }
	#mesInfos .largeurColonne,.floatLeft{ width:100%; }
	#mesInfos .editor-field{ display:block; }
	#mesInfos .libelleChamp{ width:auto; margin:0 0 8px; }
	#mesInfos .bordureGauche{ border-left:none; padding-left:0; }
	.buttonGris,.buttonOrange{ display:block; width:100%; margin-bottom:8px; }
	#mesInfos .boiteGeneriqueTailleMoyenne > input,#mesInfos .boiteGeneriqueTailleLarge > input,#mesInfos select{ width:100%; height:auto; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; margin:0; }
	.oneThirdInput,.oneQuarterInput{ float:left; display:block!important; }
	.boiteGeneriqueTaillePetite.oneThirdInput,.boiteGeneriqueTailleMoyenne.oneThirdInput{ width:25%; margin:0 5% 0 0; }
	.boiteGeneriqueTaillePetite.oneQuarterInput,.boiteGeneriqueTailleMoyenne.oneQuarterInput{ width:18%; margin:0 5% 0 0; }
	.boiteGeneriqueTaillePetite.oneThirdInput input,.boiteGeneriqueTailleMoyenne.oneThirdInput input,.boiteGeneriqueTaillePetite.oneQuarterInput input,.boiteGeneriqueTailleMoyenne.oneQuarterInput input{ width:100%!important; height:auto!important; }
	#tableauDeBord .sectionGauche,#tableauDeBord .sectionDroite{ width:100%; float:none; }
	#tableauDeBord .sectionDroite{ margin-left:0; padding-left:0; }
    #tableauDeBord .sectionGauche { padding-right:0;}
    #tableauDeBord .accordion-toggle i { margin-bottom:-15px;}
	#titreMesTransportsFavoris h1,#titreDestinations h1{ padding:0 10px; }
	#tableauDeBord #listeMesTransportsFavoris > li{ padding-bottom:20px; }
    .boitetableaudebord {border:0 !important;}
	.mobile,#tableauDeBord .pointeblanche,#tableauDeBord .pointegrise{ display:none!important; }
    #tableauDeBord h2 { border-top:0 !important;}
    .boitetableaudebord {margin-bottom:0 !important; border-bottom: 1px solid #d3d8db !important;}
	/* frederic-boucher.css */
	.page{ padding:0; }
	.page header > h1{ margin: 20px 10px 0 10px !important; padding-left:0; padding-right:0; }
    .page > p {margin-left: 10px; margin-right: 10px;}
	.gauche,.droite{ float:none!important; }
	.colonne{ width:100%;}
	.colonne > li{ width:100%; padding:0 10px 38px 10px; border-radius:0; border-bottom:1px solid #ccc; border-left:none; border-right:none; border-top:none; margin:0; background:#fafafa; }
	.colonne > li:first-child{ border-top:1px solid #ccc; }
	.colonne > li:last-child{ border-bottom:none; }
	.colonne h2{ border-bottom:none; padding:20px 10px; background:#FFF; border-bottom: 1px solid #ccc; margin-top:0 !important; margin-left:-10px !important; margin-right:-10px !important; margin-bottom:20px !important; font-size:18px; }
	.conteneur{ background:none; padding:0; }
    .colonne.gauche {padding-right: 0 !important;}
    .colonne.droite {padding-left: 0 !important;}
	.conteneur-texte,.conteneur-invert .conteneur-texte{ float:none; width:auto; }
	.conteneur-invert{ padding:0; }
	#plus-info .conteneur{ text-align:left; border-top:none; padding:0; }
	#plus-info > p{ font-size:24px; color:#333; padding:20px 0; }
	#plus-info > p span{ font-size:inherit; display:inline; }
	.page header + hr{ display:none; }
    .conteneur-img{ margin-right:10px; margin-bottom:10px; }

	/* jean-francois-pinero.css */
	.responsiveTest:after{ content:" Mobile"; }
	#mesTransportsFavoris{ width:inherit; position:relative; }
	#listeMesTransportsFavoris{ width:100%; margin:0; padding:0; }
	#listeMesTransportsFavoris > li{ border:1px solid #d3d8db; border-bottom:0; border-left:3px; display:inline-block; list-style:none; padding-left:20px; padding-right:15px; padding-top:20px; padding-bottom:60px; position:relative; background:#FFF; width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
	#listeMesTransportsFavoris > li:last-child{ border-bottom:1px solid #d3d8db; }
	.deuxiemeColonne{ font-family:open_sansregular; font-size:14px; }
	#listeMesTransportsFavoris > li > div.transportTypeContenant{ font-family:open_sansbold; top:50%; width:100%; height:35px; }
	#listeMesTransportsFavoris > li > div.transportInfoContenant{ font-family:open_sansbold; top:50%; width:100%; height:30px; }
	#listeMesTransportsFavoris > li > span.premiereColonne{ font-family:open_sansbold; font-size:18px; color:#333; width:5%; float:left; }
	#listeMesTransportsFavoris .premiereColonne i{ margin-right:10px; }
	#listeMesTransportsFavoris .premiereColonne img{ margin-right:5px; vertical-align:middle; }
	#listeMesTransportsFavoris > li > span.deuxiemeColonne{ width:70%; height:100%; float:none; }
	#listeMesTransportsFavoris > li > span.troisiemeColonne{ width:20%; height:100%; float:right; }
	#listeMesTransportsFavoris > li h3{ color:#333; font-size:18px; margin:0 0 15px; padding:0 0 0 41px; }
	#listeMesTransportsFavoris .editor-label{ font-family:open_sansbold; font-size:14px; color:#333; }
	#listeMesTransportsFavoris > li > .ligneCouleur{ position:absolute; top:-1px; bottom:-1px; left:0; width:3px; }
	#listeMesTransportsFavoris > li .blueline{ position:absolute; top:-1px; right:0; width:4px; height:30px; background:#004990; border-top:1px solid #004990; border-bottom:1px solid #004990; }
	#listeMesTransportsFavoris li button{ position:absolute; background:#FAFAFA; border:1px solid #E6E6E6; border-right:0; color:#666; font-family:open_sanssemibold; font-size:14px; line-height:28px; border-radius:0; height:auto; top:20px; right:-5px; margin:0; padding:0 45px 0 15px; }
	#listeMesTransportsFavoris li button:hover{ background-color:#004990; color:#FFF; border-color:#004990; }
	#listeMesTransportsFavoris li button i{ position:absolute; right:15px; top:0; font-size:16px; color:#666; text-align:center; width:auto; height:inherit; }
	#listeMesTransportsFavoris li button i:before{ content:'\f00d'; }
	#titreMesTransportsFavoris{ border-bottom:solid 2px #E7E7E7; margin-bottom:10px; }
	#titreMesTransportsFavoris > h1{ display:inline-block; margin:10px 0; }

	/* j-f-allard.css */
	#messagessAccordeon{ color:#333; }
	#mesMessageBoutonSac{ float:left; width:100%; padding:15px 10px 0; }
	#mesMessageItemAccordion{ background:#e5e5e5; border-right:0; border-left:0; padding:20px 10px; }
	#messagessAccordeon > h3{ border-left:0; border-right:0; margin-top:0; border-top:0; font-size:16px; padding-bottom:15px; padding-top:15px; }
	#mesMessageEnteteAccordeon > i:before,.ui-state-active #mesMessageEnteteAccordeon > i:before{ line-height:20px; right:10px; }
	#mesMessageEnteteAccordeon{ padding-bottom:0; padding-top:0; height:auto; }
	#mesMessageEnteteAccordeonSujet,#mesMessageEnteteAccordeonDate{ font-size:17px; }
	#mesMessageEnteteAccordeonSujet,#mesMessageEnteteAccordeonDate,#mesMessageItemDe,#mesMessageItemHeure{ float:none; text-align:left; width:auto; }
    #mesMessageEnteteAccordeonSujet {display: inline;}
    #mesMessageEnteteAccordeonSujet:after { content: '|'; font-weight: normal;font-size: 20px; display:inline-block; margin-left:3px; margin-right:3px;}
    #mesMessageItemHeure{ margin:0 0 20px; }
	#mesMessageEnteteAccordeonDate{ color:#2f83db; font-size:14px; display:inline;}

	/* vincent-casal.css */
	#mesDestinations{ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; width:inherit; padding:0 10px; }
	#titreDestinations{ border-bottom:0; }
	#titreDestinations > h1{ display:block; width:100%; margin:20px 0; }
	#mesDestinations button[name=btnAjouter]{ position:static; display:block; clear:both; width:100%; margin:0 0 5px; }
	#listeMesDestinations > li{ border:1px solid #E7E7E7; display:block; list-style:none; width:100%; margin:10px 0; padding:10px 0 0; }
    .boitetableaudebord #listeMesDestinations > li {margin-bottom:0; margin-top:0;}
	#listeMesDestinations > li > span.adresse{ display:block; clear:left; width:auto; float:none; margin:20px 0 20px 20px; }
	#listeMesDestinations > li > span.nomDuLieu{ clear:right; width:auto; margin-bottom:20px; }
	#listeMesDestinations > li.ajoutDestination > span.nomDuLieu{ width:auto; }
	#listeMesDestinations > li.ajoutDestination > span.adresse{ margin-right:10px; width:auto; }
	#listeMesDestinations > li.ajoutDestination > button{ float:right; width:40%; text-align:center; padding-left:0; padding-right:0; margin:0 10px 10px 0; }
	#listeMesDestinations > li > button{ float:none; display:block; width:100%; margin:10px 0 0; }
	#listeMesDestinations > li.ajoutDestination br.pousse{ display:block; }
	#listeMesDestinations > li > button.voirCarte{ background-color:#FAFAFA; border:solid #e7e7e7 1px; border-left:0; border-right:0; border-bottom:0; border-radius:0; color:#5090CD; text-align:right; position:relative; margin:10px 0 0; }
	#listeMesDestinations > li > button.voirCarte > i{ color:#F26D0C; right:20px; }
	#listeMesDestinations > li > button.voirCarte:hover{ background-color:#004990; color:#FFF; }
	#listeMesDestinations > li > button.voirCarte:hover > i{ color:#FFF; }
	#listeMesDestinations > li br.pousse,#listeMesDestinations > li > button.voirCarte > .blueline{ display:none; }

    .paddingboiteconfirmation .field,.paddingboiteconfirmation input[type=text]{width:280px}
    .lignetrainselect .editor-label{margin-left:0;width:100% !important}
    #cn_intro{padding-left:10px;padding-right:10px}
    .boiteinfolettre .contenuinfolettre{position:relative}
    .boiteinfolettre .contenuinfolettre:before{content:'';width:55px;height:55px;background:url(../Content/Images/mon-amt/icon-infolettre.png) no-repeat;position:absolute;left:5px;top:0}
    .boiteinfolettre .boutonmessagerie{margin-bottom:10px;padding-left:80px !important;text-align:left;line-height:18px}
    .rowinfolettre{display:block}
    .rowinfolettre .colgauche,.rowinfolettre .coldroite{display:block;width:100%}
    .rowinfolettre .colgauche label{padding-left:0;padding-top:15px;margin-left:50px;border-top:1px solid #d3d8db}
    .rowinfolettre .colgauche{padding-left:0;padding-right:0;padding-bottom:15px;width:100%}
    .rowinfolettre .coldroite{border-left:0;padding-left:50px;padding-top:0;padding-bottom:20px}
    .rowinfolettre .coldroite div{padding-top:20px;border-top:1px solid #d3d8db}
    #pageinfolettre{padding:10px 10px 0 10px}
    #pageinfolettre h2{margin:15px 0 !important}
    .boiteinfolettre{margin-left:-10px;margin-right:-10px;margin-bottom:0;border-left:0;border-right:0;border-bottom:0;padding:10px 10px 0 10px}
    .forminfolettres{width:auto;padding-left:10px;padding-right:10px;border-bottom:1px solid #d3d8db;padding-bottom:20px;margin-left:-10px;margin-right:-10px}
    .forminfolettres .btnright{width:100%}
    .boiteinfolettre .contenuinfolettre{width:100%;padding-left:80px}
    .boiteinfolettre>img{display:none}
    .boiteinfolettre .navinfolettre{border-top:0;background:#fff;margin-top:0;padding-top:0}
    .boiteinfolettre .buttonOrange{line-height:50px;width:100%}
    .sectionDroite{margin-bottom:0 !important}
    #conteneur-connexion .buttonGris{min-height:50px;line-height:50px}
    #conteneur-connexion .holder-form, .#conteneur-connexion .holder-form.loginleft{width:100% !important;padding:0 10px;border-left:0 !important}
    #separatoror{display:none}
    .buttonOrange{min-height:50px !important}
    .loginleft .buttonOrange {line-height: 50px !important; padding-top:0 !important; padding-bottom:0 !important;}
    .statusicones>span{width:100%}
    .fieldradiodouble{width:100% !important}
    #monCompteBlocGauche,#monCompteBlocDroit{display:block;width:100%;float:left;background:#f5f5f5;padding:0 10px;min-width:inherit}
    #monCompteChampObligatoire{background:#f5f5f5;margin-bottom:0;padding:20px 10px 10px}
    .moncompterow{display:block}
    .boutonmoncompte{float:left;width:100%;padding-left:10px;padding-right:10px}
    .paddingbtnmonamt button{width:100%;margin-left:0}
    #mesInfos .label-double{padding:5px 0 12px 0}
    #mesInfos .colonnedroite .petit{width:100%}
    #mesInfos .colonnegauche{width:100%}
    #mesInfos .colonnegauche label,#mesInfos .colonnedroite label,#adresseAVenir label,.formrecuperation label{width:100%}
    #mesInfos .colonnedroite input[type=text],#mesInfos .colonnedroite select{width:100%}
    #adresseAVenir select{width:100%;max-width:240px}
    #mesInfos .colonnedroite{width:100%}
    #mesInfos .boiteinfopersonnel{margin-bottom:0}
    #mesInfos .boiteinfopersonnel h2{margin-top:0 !important}
    #mesInfos .boiteconfirmation,#adresseAVenir .boiteconfirmation{margin-bottom:0}
    #mesInfos{padding:0}
    .paddingbtnmonamt{padding:30px 10px 5px 10px}
    .paddingbtnmonamt .buttonGris,.paddingbtnmonamt .supprimer{margin-bottom:25px}
    #form-inscription{background:#fafafa}
    #form-inscription .first{border-top:0;padding-top:0}
    #sectionRendue>h2,#sectionRendue>h3{text-indent:-99999px;padding:0}
    #sectionRendue>h2{line-height:40px;height:40px;width:40px;border-radius:20px}
    #sectionRendue>h2>span{top:0;left:0;color:#fff;background-color:#4891dc}
    #sectionRendue>h2>span,#sectionRendue>h3>span{text-indent:0}
    #sectionRendue>h3{width:40px;height:40px}
    #sectionRendue>h3>span{left:0}
    #principale-contenu{display:block;width:100% !important}
    #contenu{display:block}
    .cachedesktop{display:block}
    #ModeMessagerieBlocGauche,#ModeMessagerieBlocDroit{width:100%}
    .alertetrainmessagerie h2,.boiteconfirmation h2,#mesInfos .boiteinfopersonnel h2{font-size:19px;color:#004990 !important;font-weight:bold;padding-left:10px;margin-top:0 !important}
    .h1haut{font-size:22px;padding-left:10px;padding-top:18px;padding-bottom:18px;margin:0 !important;border-bottom:1px solid #d2d7da}
    .statusalertetraincol{width:100%}
    .lastalertcol{margin-left:0}
    .conteneuralertes,.alertedouble #listeAlertesLignes{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
    body{overflow-x:visible}
    .alertedouble .paddingalertes,.paddingalertes{position:relative;border-left:0;border-right:0;padding:30px 10px 20px 10px}
    #listeAlertesLignes>li{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
    .alertedouble #listeAlertesLignes{margin:0}
    .conteneuralertes{border:0;padding:0}
    .mobilecache{display:none !important;}
    #listeAlertesLignes>li{position:relative;padding:15px 15px 15px 25px}
    #listeAlertesLignes li button,#listeMesTransportsFavoris li button{position:relative;float:right;right:0 !important;margin-top:-65px;text-transform:uppercase;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;border:none;background:#e7e7e7;line-height:40px;padding:0 32px 0 10px}
    #listeAlertesLignes li button .blueline,#listeMesTransportsFavoris li button .blueline{display:none}
    #listeAlertesLignes li button i,#listeMesTransportsFavoris li button i{top:0;right:10px}
    #listeMesTransportsFavoris li button i{height:40px;line-height:40px;margin:0 !important}
    #listeMesTransportsFavoris li button{position:absolute;bottom:20px;top:auto;right:15px !important;margin-top:0}
    ul.listeAlerte>li>.derniereiteme{margin-bottom:70px}
    .pointeblanche,.pointegrise{display:block;position:absolute;top:-4px;left:50%}
    .pointetableau{position:absolute;bottom:-31px;left:50%;margin-left:-20px}
    .alertetrainrecherche .buttonOrange,.alertetrainajouter button,.boiteconfirmation button,.boiteconfirmation .buttonOrange{width:100%;height:50px;margin-left:0;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;margin-bottom:20px}
    .boiteconfirmation .buttonOrange{min-height:50px}
    .alertetrainrecherche,.boiteconfirmation{padding:10px;border-left:0;border-right:0}
    .boiteconfirmation h2{margin-top:-10px !important;margin-left:-10px !important;margin-right:-10px !important}
    .alertetrainrecherche span{display:block;width:100%}
    .alertetrainrecherche .titre{padding-left:0;width:100%;margin-bottom:5px}
    .alertetrainrecherche select,.alertetrainrecherche input[type=text],.alertetrainrecherche input[type=number]{width:100%;height:40px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
    .alertetrainrecherche>p,.alertetrainmessagerie>p,.boitemessagerie p{margin:25px 0}
    .alertetrainrecherche h2{margin-left:-10px;margin-right:-10px;font-size:19px;font-weight:bold;color:#004990 !important;background-image:none}
    .boutonmessage #ModeMessagerieBlocGauche{display:block}
    .boutonmessage button{margin-top:20px;width:100%;height:50px;margin-left:0;margin-bottom:20px;background:#f26d0c;border:medium none;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;color:#fff;font:normal 15px open_sansbold,"Myriad Pro",Arial,Tahoma,Verdana,sans-serif;padding:5px 25px;text-align:center}
    .boutonmessage button:hover{background:#d45c04}
    .boutonmessage i{display:none}
    .alertetrainmessagerie,.boitemessagerie{padding:0 10px;border-left:0;border-right:0}
    .alertetrainmessagerie h2,.alertetrainrecherche h2,.boitemessagerie h2{margin-left:-10px !important;margin-right:-10px !important;margin-top:0 !important}
    #ModeMessagerieBlocDroit{border-left:0}
    .infomessagerie>div{margin-bottom:15px}
    .infomessagerie>p{margin:15px 20px 10px 20px}
    #ModeMessagerieBlocGauche .infomessagerie,#ModeMessagerieBlocDroit .infomessagerie{padding:0 10px 0 30px}
    #ModeMessagerieBlocGauche .infomessagerie{margin-bottom:30px;border-bottom:1px solid #ccc;padding-bottom:30px}
    #ModeMessagerieBlocDroit p{margin-top:0}
    .premierbtnvisualiser{display:none}
    .alertetraincol{width:100%;padding:0 10px;max-width:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
    .alertetraincol h2{font-size:19px;line-height:21px;font-weight:bold;margin-bottom:20px}
    .listerecherchealerte{max-width:none} 
    .listerecherchealerte ul li button{position:absolute;right:15px;top:10px;background:#4891dc;border:1px solid #e6e6e6;border-right:0;color:#fff;font-family:"open_sanssemibold";font-size:14px;line-height:40px;padding:0 45px 0 25px;height:40px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;border:0;margin-bottom:0;text-transform:uppercase}
    .listerecherchealerte ul li button .blueline{display:none}
    .listerecherchealerte ul li button i{right:15px}
    .btnvisualiseralertes{position:absolute;right:20px;left:20px;margin-top:-100px;margin-bottom:0;height:50px}
    .suspendrealerte button,.desactiveralerte button{background:#4891dc;border:medium none;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;color:#fff;font:normal 15px open_sansbold,"Myriad Pro",Arial,Tahoma,Verdana,sans-serif;padding:5px 25px;text-align:center;height:50px;margin-bottom:20px}
    .suspendrealerte button:hover,.desactiveralerte button:hover{background:#004990}
    .suspendrealerte button i,.desactiveralerte button i{display:none}
    .paddingalertes{padding-bottom:50px;margin-bottom:0}
    .conteneuralertes{margin-bottom:0}
    .margehautalertes{margin-top:0}
    .lastalertcol{padding:0}
    .alertetrainrecherche{padding-top:0}
    .alertetrainmessagerie{margin-bottom:0}
    .desactiveralerte,.suspendrealerte{background:#f5f5f5;width:100%;border-left:0;border-right:0;padding:0 10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
    .accordion-toggle{color:#004990 !important;font-size:19px;line-height:22px;margin:0 !important;padding:20px 60px 20px 10px;border-top:1px solid #ccc;font-weight:bold}
    .suspendrealerte p,.desactiveralerte p{margin-top:20px}
    .statusalertetraincol{margin-bottom:0;float:none;max-width:none}
    #form-inscription .field,#form-inscription .field-courriel,#form-inscription .field-adresse,#form-inscription .field .editor-field,#form-inscription .field-courriel .editor-field,#form-inscription .field-adresse .editor-field,#form-inscription label{width:100%}
    #form-inscription input[type=text],#form-inscription input[type=email],#form-inscription input[type=password],#form-inscription #Courriel,#form-inscription #ConfirmationCourriel,#form-inscription #ResponseQuestionSecurite,#form-inscription select{width:82%}
    #form-inscription button{width:100%;height:50px}
    #form-inscription>p{padding-left:10px;padding-right:10px}
    #form-inscription button:after{line-height:47px}
    .tooltip-aide{width:210px;padding:15px;border:1px solid #aaa;color:#000;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;position:absolute;z-index:999999;left:-225px;top:-10px;background:#fff;display:none}
    .tooltip-aide:before{content:'';background:url(../Content/Images/temp/pointe-tooltip-mobile.png) no-repeat left top;width:13px;height:20px;position:absolute;left:208px;top:15px}
    h2{font-size:18px;font-family:'DinNext';font-weight:bold}
    .envoiconfirmation p{margin:10px}
    .envoiconfirmation .buttonOrange{margin-left:0px !important}
    .boiteconfirmation p{margin:25px 0}
    .alertetrainrecherche label{padding-left:0}
    .alertetrainrecherche .field .editor-field{width:100%}
    #form-inscription fieldset,#sectionRendue,.inscriptionbtn,.transportspadding{padding-left:10px;padding-right:10px}
    .transportspadding{padding-top:15px}
    #form-inscription .suiv,#form-inscription .prec,#form-inscription .final{width:100%}
    .titredestinations{padding-right:10px;margin-right:-10px !important;margin-left:-10px !important}
    .titredestinations span,.titretransports span{font-size:18px;line-height:inherit}
    #mesDestinations>div>div>p{margin-top:20px;margin-bottom:10px}
    #avant-contenu .zone-before-content {
        padding:0 !important;
    }
        #avant-contenu .zone-before-content .buttonOrange {
            line-height: 20px;
            padding-top:5px;
            padding-bottom:5px;
        }
    .widget-mes-abonnements-vous-demenagez-widget .boitetableaudebord {
        margin-bottom: 20px !important;
    }
    .paddingmobile{ padding-left:10px; padding-right:10px; }
    .paddingmobiletop{ padding-top:15px;}
    #GestionAbonneBlocTitulaire .row-fluid > div {
        margin-bottom:15px;
    }
    #GestionAbonneBlocTitulaire .row-fluid > .alignright {
        margin-bottom:0;
    }
    #GestionAbonneBlocTitulaire.boiteconfirmation {
        margin-bottom: 0;
    }
    .prochaineprelevementlist, .modedepaiementlist, .prochaineprelevementtotal{
        padding-left: 10px;
        padding-right: 10px;
    }
    #divNouvelAbonne, #divAdresseExpedition {
        margin-top: 20px;
        margin-bottom:20px;
        padding-left:10px;
        padding-right:10px;
    }
    .adressedomiciliaire .row-fluid .span3 {
        width: 48.717948717948715%;
        *width: 48.664757228587014%;
        float:left;
    }
    #IdentificationEntreprise input[type=button] {
        margin-top:0;
        margin-bottom:0;
    }
    #mesInfos .row-fluid .paddingformgauche {
        padding: 15px 0;
    }
    .wrapbtnabonnement {
        margin-top:20px;
    }
    .row-fluid {
        width: 100%;
    }
    [class*="span"],
  .row-fluid [class*="span"] {
    float: none;
    display: block;
    width: 100%;
    margin-left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .span12,
  .row-fluid .span12 {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  #abonnementSommaire .span8 p {
    padding: 0 15px;
  }
    #abonnementSommaire .boiteconfirmation, #GestionAbonneBlocTitulaire.boiteconfirmation {
        margin-bottom:0;
    }
    .widget-mes-abonnements-vous-demenagez-widget {
        width:100%;
    }
    .borderbottommobile {
        border-bottom: 1px solid #d3d8db;
    }
}

@media screen and (max-width:658px){

    .alertedouble #listeAlertesLignes>li{width:95%}
    .loginleft { display: none;}
    .loginright { width: 100% !important;padding: 15px !important;}
}