/* imports */ @font-face { font-family: 'DinNext'; src: url('../Fonts/DinNext.eot'); src: url('../Fonts/DinNext.eot?#iefix') format('embedded-opentype'), url('../Fonts/DinNext.woff') format('woff'), url('../Fonts/DinNext.ttf') format('truetype'), url('../Fonts/DinNext.svg#dinnext') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sansbold'; src: url('../Fonts/opensans-bold-webfont.eot'); src: url('../Fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../Fonts/opensans-bold-webfont.woff') format('woff'), url('../Fonts/opensans-bold-webfont.ttf') format('truetype'), url('../Fonts/opensans-bold-webfont.svg#open_sansbold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sansbold_italic'; src: url('../Fonts/opensans-bolditalic-webfont.eot'); src: url('../Fonts/opensans-bolditalic-webfont.eot?#iefix') format('embedded-opentype'), url('../Fonts/opensans-bolditalic-webfont.woff') format('woff'), url('../Fonts/opensans-bolditalic-webfont.ttf') format('truetype'), url('../Fonts/opensans-bolditalic-webfont.svg#open_sansbold_italic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sansextrabold'; src: url('../Fonts/opensans-extrabold-webfont.eot'); src: url('../Fonts/opensans-extrabold-webfont.eot?#iefix') format('embedded-opentype'), url('../Fonts/opensans-extrabold-webfont.woff') format('woff'), url('../Fonts/opensans-extrabold-webfont.ttf') format('truetype'), url('../Fonts/opensans-extrabold-webfont.svg#open_sansextrabold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sansextrabold_italic'; src: url('../Fonts/opensans-extrabolditalic-webfont.eot'); src: url('../Fonts/opensans-extrabolditalic-webfont.eot?#iefix') format('embedded-opentype'), url('../Fonts/opensans-extrabolditalic-webfont.woff') format('woff'), url('../Fonts/opensans-extrabolditalic-webfont.ttf') format('truetype'), url('../Fonts/opensans-extrabolditalic-webfont.svg#open_sansextrabold_italic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sansitalic'; src: url('../Fonts/opensans-italic-webfont.eot'); src: url('../Fonts/opensans-italic-webfont.eot?#iefix') format('embedded-opentype'), url('../Fonts/opensans-italic-webfont.woff') format('woff'), url('../Fonts/opensans-italic-webfont.ttf') format('truetype'), url('../Fonts/opensans-italic-webfont.svg#open_sansitalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sanslight'; src: url('../Fonts/opensans-light-webfont.eot'); src: url('../Fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'), url('../Fonts/opensans-light-webfont.woff') format('woff'), url('../Fonts/opensans-light-webfont.ttf') format('truetype'), url('../Fonts/opensans-light-webfont.svg#open_sanslight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sanslight_italic'; src: url('../Fonts/opensans-lightitalic-webfont.eot'); src: url('../Fonts/opensans-lightitalic-webfont.eot?#iefix') format('embedded-opentype'), url('../Fonts/opensans-lightitalic-webfont.woff') format('woff'), url('../Fonts/opensans-lightitalic-webfont.ttf') format('truetype'), url('../Fonts/opensans-lightitalic-webfont.svg#open_sanslight_italic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sansregular'; src: url('../Fonts/opensans-regular-webfont.eot'); src: url('../Fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../Fonts/opensans-regular-webfont.woff') format('woff'), url('../Fonts/opensans-regular-webfont.ttf') format('truetype'), url('../Fonts/opensans-regular-webfont.svg#open_sansregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sanssemibold'; src: url('../Fonts/opensans-semibold-webfont.eot'); src: url('../Fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('../Fonts/opensans-semibold-webfont.woff') format('woff'), url('../Fonts/opensans-semibold-webfont.ttf') format('truetype'), url('../Fonts/opensans-semibold-webfont.svg#open_sanssemibold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sanssemibold_italic'; src: url('../Fonts/opensans-semibolditalic-webfont.eot'); src: url('../Fonts/opensans-semibolditalic-webfont.eot?#iefix') format('embedded-opentype'), url('../Fonts/opensans-semibolditalic-webfont.woff') format('woff'), url('../Fonts/opensans-semibolditalic-webfont.ttf') format('truetype'), url('../Fonts/opensans-semibolditalic-webfont.svg#open_sanssemibold_italic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'FontAwesome'; src: url("../Fonts/fontawesome-webfont.eot"); src: url("../Fonts/fontawesome-webfont.eot?#iefix") format("embedded-opentype"), url("../Fonts/fontawesome-webfont.woff") format("woff"), url("../Fonts/fontawesome-webfont.ttf") format("truetype"), url("../Fonts/fontawesome-webfont.svg#LayerDingbatsRegular") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'amt3'; src: url("../Fonts/amt3.eot"); src: url("../Fonts/amt3.eot?#iefix") format("embedded-opentype"), url("../Fonts/amt3.woff") format("woff"), url("../Fonts/amt3.ttf") format("truetype"), url("../Fonts/amt3.svg#LayerDingbatsRegular") format("svg"); font-weight: normal; font-style: normal; } /* styles par defaults */ body{ font:normal 14px open_sansregular, "Myriad Pro", Arial, Tahoma, Verdana, sans-serif; font-size:1.4rem; color:#5c5c5c; } /* Augmentation des fontes */ html{ font-size:62.5%; } html.large { font-size:82.5%; } html.x-large { font-size:102.5%; } /* Titres */ h1{ font:normal 42px DinNext, "Myriad Pro", Arial, Tahoma, Verdana, sans-serif; font:normal 4.2rem DinNext, "Myriad Pro", Arial, Tahoma, Verdana, sans-serif; color:#333; margin:0 0 20px; } /* margin-top a ZERO pour 95% des h1 du site */ h1:first-letter{text-transform: uppercase} h2{ font:normal 32px DinNext, "Myriad Pro", Arial, Tahoma, Verdana, sans-serif; font:normal 3.2rem DinNext, "Myriad Pro", Arial, Tahoma, Verdana, sans-serif; color:#333; margin:30px 0 15px; } h3{ font:normal 18px open_sansbold, "Myriad Pro", Arial, Tahoma, Verdana, sans-serif; font:normal 1.8rem open_sansbold, "Myriad Pro", Arial, Tahoma, Verdana, sans-serif; color:#333; margin:20px 0 10px; } h4{ font:normal 16px open_sansbold, "Myriad Pro", Arial, Tahoma, Verdana, sans-serif; font:normal 1.6rem open_sansbold, "Myriad Pro", Arial, Tahoma, Verdana, sans-serif; color:#004990; margin:10px 0; } h5{ font:normal 14px DinNext, "Myriad Pro", Arial, Tahoma, Verdana, sans-serif; font:normal 1.4rem DinNext, "Myriad Pro", Arial, Tahoma, Verdana, sans-serif; color:#004990; margin:10px 0; } a{ color:#004990; } a:hover{ color:#f26d0c; text-decoration:none; cursor:pointer;} hr{ border:0 solid #fff; border-top:1px solid #e0e0e0; } * { outline:none; } /* accessibility outline */ #focused{ width:0; height:0; left:-10px; top:-10px;pointer-events:none; border:2px solid rgb(90, 255, 13); position:absolute; z-index:999999; -webkit-box-shadow:0 0 0 1px #000000; box-shadow:0 0 0 1px #000000} .texte-accessible-invisible{ border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /* btn-access-font btn-access-contrast */ #btn-access-fontdec-ctn, #btn-access-fontinc-ctn, #btn-access-contrast-ctn{ position:relative; float:left; margin-top:15px; color:#004990; } #btn-access-fontdec-ctn:hover, #btn-access-fontinc-ctn:hover, #btn-access-contrast-ctn:hover{ color:#f26d0c; } #btn-access-fontdec-ctn{ margin-top:20px; } #btn-access-fontinc-ctn{ margin-top:15px; } #btn-access-contrast-ctn{ margin-top:18px; } #btn-access-fontdec, #btn-access-fontinc, #btn-access-contrast, #btn-access-fontdec:hover, #btn-access-fontinc:hover, #btn-access-font:hover, #btn-access-contrast:hover{ position:absolute; top:0; left:0; padding:0; margin:0; overflow:hidden; font-family:AdobeBlank; background-color:#fff; opacity:0; } #btn-access-fontdec{ width:15px; height:25px; } #btn-access-fontinc{ width:30px; height:30px; } #btn-access-contrast{ width:25px; height:25px; } #btn-access-fontinc-ctn{ margin-right:15px; } #btn-access-contrast-ctn{ margin-right:15px; } #btn-access-fontdec-ctn:after{ font-family:"Myriad Pro"; font-size:16px; content:"A-"; font-weight:bold; } #btn-access-fontinc-ctn:after{ font-family:"Myriad Pro"; font-size:24px; content:"A+"; font-weight:bold; } #btn-access-contrast-ctn:after{ font-family:amt2; font-size:24px; content:"\e659"; } /* form elements */ input[type="submit"], button{ 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; font:normal 1.5rem open_sansbold,"Myriad Pro",Arial,Tahoma,Verdana,sans-serif; padding:5px 25px; } input[type="submit"]:hover, button:hover{ background:#d45c04; } input[type="reset"], button[type="reset"]{ background:#e7e7e7; border:medium none; -webkit-border-radius: 3px; -moz-border-radius:3px; border-radius:3px; color:#5c5c5c; cursor:pointer; font:normal 15px open_sansbold,"Myriad Pro",Arial,Tahoma,Verdana,sans-serif; font:normal 1.5rem open_sansbold,"Myriad Pro",Arial,Tahoma,Verdana,sans-serif; padding:5px 25px; } input[type="reset"]:hover, button[type="reset"]:hover{ background:#d7d7d7; } input[type="button"], button[type="button"] { background:#5090cd; border:medium none; -webkit-border-radius: 3px; -moz-border-radius:3px; border-radius:3px; color:#fff; cursor:pointer; font:normal 15px open_sansbold,"Myriad Pro",Arial,Tahoma,Verdana,sans-serif; font:normal 1.5rem open_sansbold,"Myriad Pro",Arial,Tahoma,Verdana,sans-serif; padding:5px 25px; } input[type="button"]:hover, button[type="button"]:hover{ background:#f26d0c; } input[type="text"], input[type="password"], input[type="search"], input[type="email"], input[type="url"], input[type="tel"], input[type="number"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"]{ border:1px solid #aaa; color:#696969; font-size:12px; font-size:1.2rem; padding:3px 5px; } button.boutonGenerique{ background-image:none; border-radius:5px; font-weight:700; height:40px; } .buttonGris{ background-color:#e7e7e7; background-image:none; border-radius:5px; color:#5C5C5C; font-weight:700; height:40px; min-width:110px; } .buttonGris:hover{ background-color:#d7d7d7; background-image:none; border-radius:5px; color:#5C5C5C; font-weight:700; height:40px; min-width:110px; } .buttonOrange{ font-family:open_sansbold; font-size:15px; font-size:1.5rem; font-weight:400; background-color:#f26d0c; background-image:none; border-radius:5px; color:#fff; height:40px; min-width:110px; } .buttonOrange:hover{ background-color:#D45C04; background-image:none; border-radius:5px; color:#fff; height:40px; min-width:110px; } #entete a.connexionbtn:link, #entete a.connexionbtn:visited{ margin-right:0; margin-top:10px; display:inline-block; font-family:open_sansbold; font-size:15px; font-size:1.4rem; font-weight:400; background-color:#f26d0c; background-image:none; border-radius:5px; color:#fff; height:40px; min-width:110px; line-height:40px; text-align: center; padding-left:20px; padding-right:20px; } #entete a.connexionbtn:hover{ background-color:#D45C04; background-image:none; border-radius:5px; color:#fff; height:40px; min-width:110px; } #entete a.connexionbtn:after {font-family: amt2; content: "\e603"; color: #fff; margin-left:8px;} #entete a.comptebtn:link, #entete a.comptebtn:visited{ border:1px solid #d1d1d1; margin-right:5px; margin-top:10px; display:inline-block; font-family:open_sansbold; font-size:15px; font-size:1.4rem; font-weight:400; background-color:#FFF; background-image:none; border-radius:5px; color:#002479; height:40px; min-width:110px; line-height:40px; text-align: center; padding-left:20px; padding-right:20px; } #entete a.comptebtn:hover{ background-color:#f5f5f5; background-image:none; border-radius:5px; height:40px; min-width:110px; } ::-webkit-input-placeholder {color:#a6a6a6;} :-moz-placeholder { /* Firefox 18- */ color:#a6a6a6;} ::-moz-placeholder { /* Firefox 19+ */color:#a6a6a6; } :-ms-input-placeholder { color:#a6a6a6; } /* INITIALISATION TDE */ .bureau_seulement {display:block !important} .tablette_seulement {display:none !important} .mobile_seulement {display:none !important} .retina_seulement {display:none !important} .bureau_et_tablette {display:block} .sidr-class-bureau_et_tablette { display: block; } .font_amt {font-family: "amt2", "Myriad Pro", Arial, Tahoma, Verdana, sans-serif;font-style: normal;font-weight: normal;speak: none;display: inline-block;text-decoration: inherit;width: 1em;margin:0;text-align: center;opacity: 1;font-variant: normal;text-transform: none;line-height:inherit;margin-left:0} .font_amt3 {font-family: "amt3", "Myriad Pro", Arial, Tahoma, Verdana, sans-serif;font-style: normal;font-weight: normal;speak: none;display: inline-block;text-decoration: inherit;width: 1em;margin:0;text-align: center;opacity: 1;font-variant: normal;text-transform: none;line-height:inherit;margin-left:0} .bg_bleu{background-color:#159bd6} .bg_bleu_ciel{background-color:#4891dc} .bg_bordeau{background-color:#a92b3e} .bg_vert{background-color:#86b34a} .hide{display:none} .off_screen {margin-left: -50000px;margin-top: -50000px;max-width:2000px;} .no_text{display:block; text-indent:-9999px;} .max-width{ max-width:1290px; margin:0 auto; } .left{float:left} .right{float:right} .w_70{width:70%} .w_100{width:100%} .p{padding:10px;} .m{margin:10px;} .p_b{padding-bottom:10px;} .p_t{padding-top:10px;} .p_r{padding-right:10px;} .p_l{padding-left:10px;} .m_b{margin-bottom:10px;} .m_t{margin-top:10px;} .m_r{margin-right:10px;} .m_l{margin-left:10px;} .M{margin:20px;} .P{padding:20px;} .P_B{padding-bottom:20px;} .P_T{padding-top:20px;} .P_R{padding-right:20px;} .P_L{padding-left:20px;} .M_B{margin-bottom:20px;} .M_T{margin-top:20px;} .M_R{margin-right:20px;} .M_L{margin-left:20px;} .absolute{position:absolute;} .nowrap{white-space: nowrap;} .align_right{text-align:right} .align_left{text-align:left} .m_b_neg{margin-bottom:-10px;} .m_t_neg{margin-top:-10px;} .m_r_neg{margin-right:-10px;} .m_l_neg{margin-left:-10px;} .M_B_neg{margin-bottom:-20px;} .M_T_neg{margin-top:-20px;} .M_R_neg{margin-right:-20px;} .M_L_neg{margin-left:-20px;} .p_null{padding:0;} .p_b_null{padding-bottom:0;} .p_t_null{padding-top:0;} .p_r_null{padding-right:0;} .p_l_null{padding-left:0;} .m_null{margin:0;} .m_b_null{margin-bottom:0;} .m_t_null{margin-top:0;} .m_r_null{margin-right:0;} .m_l_null{margin-left:0;} .fs-12{font-size:12px;font-size:1.2rem;} /* avec ceci ci-dessous, il ne sera plus necessaire de calculer la largeur en fonction du padding et des borders: avant : width: 450px; padding : 20px; border : 5px; maintenant : width : 500px; padding : 20px; border : 5px; */ * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .zone-header{ padding:20px 0; } .dyn-accueil .zone-content{padding:0} /* Necessaire pour la page d'accueil non connecté */ body{ background:#fafafa url(../Content/Images/entete-bg.gif) repeat-x left top; } /*.dyn-accueil body{ background:#fff url(../Content/Images/entete-bg.gif) repeat-x left top } */ /* 9 au lieu de 37 pour aligner au milieu du menu*/ #acces-alert, #acces-contenu, #acces-information{ position:absolute; width:800px; top:0; left:50%; margin-left:-400px; text-align:center; pointer-events:none; text-indent:-9999px; font-size:12px; } #acces-alert:focus, #acces-contenu:focus, #acces-information:focus{ text-indent:0; } #skip-map{ width:1px; height:1px; text-indent:-99999px; overflow:hidden; display:block; float:left; } /* menu superieur */ #entete{ padding:0;position:relative; } #entete ul{ display:inline-block; margin-top:20px; } #entete a:link, #entete a:visited{ color:#333; font-size:13px; font-size:1.3rem; margin-right:20px; } #entete a:hover{ text-decoration:none; } #entete > .zone{ float:right; } #entete > .zone article{ float:left; } /* selecteur de langue */ .widget-culture-picker-widget{ display:inline; margin-top:20px; } .widget-culture-picker-widget div{ display:inline; } /* logo */ #branding{ /* background:transparent url(../Content/Images/logo-amt.png) no-repeat 2px 2px; */ width:140px; height:43px; left:-5px; position:absolute; top:20px; } #branding:before{ font-family:amt2; content: "\e618"; line-height:48px; font-size:156px;font-size:15.6rem; color:#004990; } #branding a:link, #branding a:visited{ width:141px; height:44px; display:block; text-indent:-9999px; top:0; padding:2px; position:absolute; display:block; background-color:#fff; opacity:0; } /* border:2px dashed #fff; */ .lt-ie9 #branding a:link, .lt-ie9 #branding a:visited{ top:auto; } #branding a:focus{ border-color:#004990; } h1.logo_ache_un{ display:none; margin:0 !important; } .logo_ache_zero{ display:block; } .dyn-accueil .logo_ache_un{ display:block; } .dyn-accueil .logo_ache_zero{ display:none; } /* menu for tablets */ input[type="button"].expandMenuForTablet{ width:23px; height:32px; overflow:hidden; margin:0; padding:0; position:absolute; right:8px; top:10px; z-index:9999; background:transparent url(../Content/Images/tablet-megamenu.png) no-repeat left 13px; color:transparent; display:none; } .no-touch input[type="button"].expandMenuForTablet{ display:none; } #menu-principale > .zone li h2.expandArrowForTablet{ position:relative; display:block; } .touch #menu-principale > .zone li h2.expandArrowForTablet a{ padding-right:35px; } #menu-principale > .zone .menu-menu-principal > li:last-child h2.expandArrowForTablet .expandMenuForTablet{ display:none; } /* zone principale */ #principale{ display:table; margin:0 3%; width:94%; } #principale-contenu{ display:table-row; background-color:#fff; } .dyn-accueil #principale-contenu{ background-color:transparent; } .signuppopup { position:absolute; top:83px; right:50px; background-color:rgba(245,245,245,0.95); z-index:99999999; width:400px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding:30px; -moz-box-shadow: 0 2px 2px 1px rgba(0,0,0,0.3); -webkit-box-shadow: 0 2px 2px 1px rgba(0,0,0,0.3); box-shadow: 0 2px 2px 1px rgba(0,0,0,0.3); } .signuppopup:before { content:''; border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 9px solid rgba(245,245,245,0.9); position:absolute; left:50%; margin-left:-8px; top:-9px; } #closesignup { display:block; position:absolute; width:18px; height:18px; right:-5px; top:10px; } .signuppopup .fermericon { display: block; width: 15px; height: 15px; border-radius: 8px; background: #888; margin-left: 5px; margin-top: 3px; text-align: center; padding: 0; color: #FFF; font-size: 10px; line-height: 15px; text-indent: 1px; } .signuppopup .fermericon:before { font-family: fontAwesome; font-style: normal; font-weight: normal; content: "\f00d"; } .signuppopup h3 { color:#004990; font-size:28px; font-family:DinNext; margin-top:10px; } .signuppopup h3 i:before { font-family: amt2; content: "\e603"; margin-left: 4px; font-style:normal; } .loginleft h3 { color:#FFF; font-size:28px; font-family:DinNext; margin-top:80px; margin-bottom:20px; } .loginleft .buttonOrange { background:#1C3766; } .loginleft .buttonOrange:hover { background:#12294C; } .loginright h2 { margin-top:80px; } .loginleft h3 i:before { font-family: amt2; content: "\e603"; margin-left: 4px; font-style:normal; } .loginright .oublie { margin-bottom:50px; } .loginright .oublie a { display:block; float:left; width:50%; color:#4891dc; } .loginright .form-row, .loginright .btnloginwrap { float:left; width:50%; margin-top:0 !important; } .loginright .form-row { margin-top:10px !important; } .logologin { position:absolute; left:50%; margin-left:-75px; top:30px; } .logologin:before { font-family: amt2; content: "\e618"; line-height: 48px; font-size: 156px; font-size: 15.6rem; color: #004990; } #entete .signuppopup ul { width:100% !important; } .signuppopup ul { margin:0 0 10px 0; padding:0; margin-top:10px !important; width:100% !important; } .loginleft ul { margin:0 0 20px 0; } .signuppopup ul li, .loginleft ul li{ list-style:none; padding:0 0 0 50px; margin:0 0 20px 0; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } .signuppopup ul .horaire:before, .signuppopup ul .etats:before, .signuppopup ul .destination:before, .signuppopup ul .opus:before { font-size:40px; color:#004990; float:left; margin-left:-50px; margin-top:10px; } .loginleft ul .horaire:before, .loginleft ul .etats:before, .loginleft ul .destination:before, .loginleft ul .opus:before { font-size:40px; color:#FFF; float:left; margin-left:-50px; margin-top:10px; } .signuppopup ul .horaire:before, .loginleft ul .horaire:before{ font-family:amt3; content:'\e600'; } .signuppopup ul .etats:before, .loginleft ul .etats:before{ font-family:amt3; content:'\e603'; margin-top: -1px; } .signuppopup ul .destination:before, .loginleft ul .destination:before{ font-family:amt3; content:'\e602'; } .signuppopup ul .opus:before, .loginleft ul .opus:before{ font-family:amt3; content:'\e601'; } .signuppopup .btnwrapper { text-align:center; } .signuppopup .connexionbtn { width:270px; } /* menu coté gauche */ #cote-primaire{ display:table-cell; width:220px; border-right:1px solid #e0e0e0; vertical-align:top; } #cote-primaire .zone-aside-first{ padding:0 0 0 27px; } #cote-primaire h1, #cote-primaire h2, #cote-primaire h3{ font-size:24px; font-size:2.4rem; color:#004990; line-height:20px; } #cote-primaire h3 { font: normal 24px/24px DinNext, "Myriad Pro", Arial, Tahoma, Verdana, sans-serif; font: normal 2.4rem/2.4rem DinNext, "Myriad Pro", Arial, Tahoma, Verdana, sans-serif; } #cote-primaire ul{ list-style:none; margin:0; padding:0; }/*padding-bottom: 20px; - commenté car ajoute une barre orange au hover sur /fr/planifier-trajets/autobus/RTL/73?__r=8d1013aa246901b */ #cote-primaire .widget-menu-widget{padding-bottom: 20px;padding-top: 20px;} #cote-primaire li{ float:none; font-size:18px; font-size:1.8rem; line-height: 20px;line-height: 2.0rem; position: relative;} #cote-primaire li a:link, #cote-primaire li a:visited{ float:none; display:block; color:#5c5c5c; padding:8px 12px; border-collapse:collapse; border-top:1px solid #fff; border-bottom:1px solid #fff; } #cote-primaire li:hover a{ border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0;} #cote-primaire li:hover{ -webkit-box-shadow: inset 6px 0 0 0 #f26d0c;box-shadow: inset 6px 0 0 0 #f26d0c;} #cote-primaire li:hover.current{ -webkit-box-shadow: inset 0 0 0 0;box-shadow: inset 0 0 0 0 #f26d0c;} #cote-primaire li.current ul li:hover{ -webkit-box-shadow: inset 11px 0 0 0 #f26d0c;box-shadow: inset 11px 0 0 0 #f26d0c;} #cote-primaire li.first:hover{ -webkit-box-shadow: inset 6px 0 0 0 #fff; box-shadow: inset 6px 0 0 0 #fff;} #cote-primaire li a:hover{ text-decoration:none; color:#004990; } #cote-primaire li.current a, #cote-primaire li.current a:hover{ border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; background-color:#e7e7e7;-webkit-box-shadow: inset 6px 0 0 0 #0083ca;box-shadow: inset 6px 0 0 0 #0083ca; } #cote-primaire li.first a, #cote-primaire li.first a:hover{-webkit-box-shadow: inset 0 0 0 0 #0083ca;box-shadow: inset 0 0 0 0 #0083ca; } #cote-primaire li.current li a, #cote-primaire li.current li a:hover{ -webkit-box-shadow: inset 6px 0 0 0 #fff;box-shadow: inset 6px 0 0 0 #fff; } #cote-primaire li > ul li{ font-size:15px; font-size:1.5rem; border-left:6px solid #fff !important;} #cote-primaire li:hover > ul li::before { content:''; border-left:none !important; display: none !important;} #cote-primaire li > ul li a { border:none !important; } #cote-primaire li > ul li a.courrant {font-weight: bold;} #cote-primaire li ul li a:link, #cote-primaire li ul li a:visited{ padding:3px 20px; } #cote-primaire li ul li.current a:link, #cote-primaire li ul li.current a:visited{ font-family: 'open_sansbold'; } #cote-primaire li ul li.current li a:link, #cote-primaire li ul li.current li a:visited{ font-family: 'open_sansregular'; } #cote-primaire li ul li li.current a:link, #cote-primaire li ul li li.current a:visited{ font-family: 'open_sansbold'; } /* menu title : first item in list */ #cote-primaire li.first{ padding-top:15px; } #cote-primaire li.first a:link, #cote-primaire li.first a:visited{ color:#004990; font:normal 24px/22px DinNext; font:normal 2.4rem/2.2rem DinNext; } #cote-primaire li.first:hover::before, #cote-primaire li.first a:hover, #cote-primaire li.first a:link, #cote-primaire li.first a:visited, #cote-primaire li.first.current a:link, #cote-primaire li.first.current a:visited, #cote-primaire li.first.current a:hover{ border-color:#fff; background-color:#fff; border:0 solid #fff; } /* exception pour la page d'accueil etat de service */ .dyn-e-s-accueil #cote-primaire li.first.current a:link, .dyn-e-s-accueil #cote-primaire li.first.current a:visited, .dyn-e-s-accueil #cote-primaire li.first.current a:hover{ -webkit-box-shadow: inset 6px 0 0 0 #0083ca;box-shadow: inset 6px 0 0 0 #0083ca; } /* menu coté gauche - 2ieme niveau */ #cote-primaire li ul a:hover{ background-color:transparent !important; } #cote-primaire ul li ul{ width:215px; } #cote-primaire ul li ul, #cote-primaire ul li:hover ul{ display:none; } #cote-primaire ul li.current > ul{ display:block; position:relative; border:none; } #cote-primaire ul ul a:link, #cote-primaire ul ul a:visited{ background-color:transparent; } #cote-primaire li ul li ul a:link, #cote-primaire li ul li ul a:visited{ background-color:transparent; padding:3px 20px 3px 40px; font-size:12px; font-size:1.2rem; } /* contenu */ #contenu{ display:table-cell; vertical-align:top; }/* remove padding-bottom:20px; pour fr/mon-amt/connexion?ReturnUrl=%2ffr%2fmon-amt%2faccueil */ /* coté droit */ #cote-secondaire{ display:table-cell; vertical-align:top; width:300px; } /* pied de page */ footer {background-color: #004990; color: #fff;overflow: hidden;} .widget-after-main{width:100%;float:left;} .dyn-accueil footer .zone{padding:0;} footer .zone{padding:0;} #apres-principale{ display:table; font-size:14px; font-size:1.4rem; width:94%;max-width: 1200px;margin: 0 auto;font-family:'open_sansregular'; } #apres-principale .zone-after-main{ display:table-row;float: left; } #apres-principale .footer__primaire, #apres-principale .footer__secondaire, #apres-principale .footer__tertiaire{ display:table-cell; vertical-align:top; width:33%; border-right:1px solid #c9c9c9; } #apres-principale .footer__primaire{ padding:60px 20px 60px 0; } #apres-principale .footer__secondaire{ padding:60px 20px; } #apres-principale .footer__tertiaire{ padding:60px 0 60px 20px;border:0 } #apres-principale ul.footer_liens_moitie{list-style:none;margin:0;padding:0;} #apres-principale ul.footer_liens{list-style:none;margin:0;padding:0;} #apres-principale .footer_liens_moitie{float:left;width:50%;} #apres-principale .footer_liens_moitie a{display: block;padding:5px 0;} #apres-principale .achecinq{ font-size:36px; font-size:3.6rem; font-weight:normal;color:#fff;font-family: 'DinNext';letter-spacing: -3px;margin:0 0 30px 0; } #apres-principale p{ font-size:inherit; } #apres-principale a{ color:#fff; } #apres-principale b{ font-family: 'open_sansbold'; } #apres-principale fs_16{ font-size: 16px; font-size: 1.6rem; } /* what is this? TBA 2014-02-13*/ #apres-principale a:hover{ color:#f26d0c; } #apres-principale .infolettre-soixante{width:60%;min-width: 209px;}/* min-width necessaire pour ne pas casser le input en tablette */ #apres-principale .infolettre-quarante{width:40%} #apres-principale .infolettre_texte{} #apres-principale .infolettre-englobe{float:left;width:100%;} #apres-principale input[type=email]{float:left;width:174px;height:35px;border:0;-webkit-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px;} #apres-principale input[type=submit]{float:left;width:35px;height:35px;padding:0;margin:0;-webkit-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px;} #apres-principale input[type=submit]{background: #FFF url(../Content/Images/bg-dropdown-tablette.png) no-repeat -3px -3px;transform:rotate(270deg);-ms-transform:rotate(270deg); /* IE 9 */-webkit-transform:rotate(270deg); /* Opera, Chrome, and Safari */} #apres-principale input[type=submit]:hover{background-color:#D45C04} #apres-principale .footer__primaire li{ float:left; width:50%;padding:5px 5px 5px 0 } #apres-principale .footer__secondaire p, #apres-principale .footer__tertiaire ul{ } /* signature */ #pidedepage-sig{ background-color:#fafafa; color:#004990; position:relative;float: left;width: 100%; } /* float: left;width: 100%; sinon sur chrome le footer bleu ne s'affiche pas */ #pidedepage-sig .zone{ padding:0; width: 1180px;margin: 0 auto;} #pidedepage-sig a{ color:#004990;} #pidedepage-sig .widget-VersionBuild{font-size:11px;position: absolute;top:8px; } #pidedepage-sig .widget-version-de-build{font-size:11px;position: absolute;top:8px; } #pidedepage-sig .copyright{ float:left;} #pidedepage-sig .copyright ul{ float:left; margin:0;padding:0 } #pidedepage-sig .copyright ul li{ display:inline;list-style:none;font-size:14px;font-size:1.4rem;} #pidedepage-sig .copyright ul li::after{content:"|";} #pidedepage-sig .copyright ul li:last-child::after{content:"";} #pidedepage-sig .copyright ul li:first-child{margin-left:0; } #pidedepage-sig .copyright ul li a:hover{text-decoration:underline } #pidedepage-sig .user-display{position: absolute;bottom: 6px; } /* medias sociaux */ #pidedepage-sig ul.medias-sociaux{ float:right; list-style:none; margin:0; padding:0; } #pidedepage-sig ul.medias-sociaux li{ float:left; } #pidedepage-sig ul.medias-sociaux a{ float:left; font:normal 35px amt2; padding:12px; } #pidedepage-sig ul.medias-sociaux a:focus{text-decoration:none} #pidedepage-sig .first{ font:normal 24px DinNext, "Myriad Pro", Arial, Tahoma, Verdana, sans-serif; margin:16px 30px 0 0; } /*#pidedepage-sig .instagram a:before{ content: "\e629"; } #pidedepage-sig .instagram a{ display:block; background:#ff8116; } #pidedepage-sig .instagram a:hover{ background:#e57615; } #pidedepage-sig .pinterest a:before{ content: "\e628"; } #pidedepage-sig .pinterest a{ display:block; background:#e85859; } #pidedepage-sig .pinterest a:hover{ background:#cf4e4e; } #pidedepage-sig .youtube a:before{ content: "\e665"; } #pidedepage-sig .youtube a{ display:block; background:#e85859; } #pidedepage-sig .youtube a:hover{ background:#cf4e4e; } #pidedepage-sig .twitter a:before{ content: "\e627"; } #pidedepage-sig .twitter a{ display:block; background:#51c2ec; } #pidedepage-sig .twitter a:hover{ background:#48aed4 } #pidedepage-sig .facebook a:before{ content: "\e62e"; } #pidedepage-sig .facebook a{ display:block; background:#4b70a7; } #pidedepage-sig .facebook a:hover{ background:#3f5e8c } #pidedepage-sig .linkedin a:before{ content: "\e63c"; } #pidedepage-sig .linkedin a{ display:block; background:#2286c5; } #pidedepage-sig .linkedin a:hover{ background:#1d74ab } #pidedepage-sig .vimeo a:before{ content: "\e63b"; } #pidedepage-sig .vimeo a{ display:block; background:#1ab7ea; } #pidedepage-sig .vimeo a:hover{ background:#17a3d1 } #pidedepage-sig .flickr a:before{ content: "\e62a";color:#1d74ce; font-size:26px; } #pidedepage-sig .flickr a:after{ content: "\e62a";color:#fe0082; font-size:26px; } #pidedepage-sig .flickr a:hover:before{ color:#1965b5 } #pidedepage-sig .flickr a:hover:after{ color:#e30075 } #pidedepage-sig ul.medias-sociaux .flickr a{ display:block; background:#fff; position:relative;padding:9px 5px 15px 5px } #pidedepage-sig .instagram span, #pidedepage-sig .pinterest span, #pidedepage-sig .youtube span, #pidedepage-sig .twitter span, #pidedepage-sig .facebook span, #pidedepage-sig .linkedin span, #pidedepage-sig .vimeo span, #pidedepage-sig .flickr span{ position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden; } */ .pied-wrap-reseaux-sociaux {width:312px; float:left; padding: 40px 0 10px 0;} .pied-wrap-signature-amt {width:514px; float:right; padding: 30px 0;} .signature-amt {width: 100%; height:auto;} #reseaux-sociaux-amt { list-style:none; display:inline-block; margin: 0; padding: 0; } #reseaux-sociaux-amt li { height:40px; float:left; text-indent:-9999px; } #reseaux-sociaux-amt li.facebook, #reseaux-sociaux-amt .facebook a, #reseaux-sociaux-amt .facebook span { width:39px; height:40px; } #reseaux-sociaux-amt li.facebook { background:url("/Media/Default/images/section0/pied-sprites-reseaux-sociaux.png") no-repeat 0 0; width:39px; height:40px; display:block; z-index:100; } #reseaux-sociaux-amt li.facebook span { width:39px; height:40px; display:block; background:url("/Media/Default/images/section0/pied-sprites-reseaux-sociaux.png") no-repeat 0 -42px; z-index:101; opacity: 0; -ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity = 0); -webkit-transition: opacity 0.4s ease-in-out; -moz-transition: opacity 0.4s ease-in-out; -o-transition: opacity 0.4s ease-in-out; transition: opacity 0.4s ease-in-out; } #reseaux-sociaux-amt li.twitter, #reseaux-sociaux-amt .twitter a, #reseaux-sociaux-amt .twitter span { width:48px; height: 40px; } #reseaux-sociaux-amt li.twitter { background:url("/Media/Default/images/section0/pied-sprites-reseaux-sociaux.png") no-repeat -41px 0; width:48px; height:40px; display:block; z-index:100; } #reseaux-sociaux-amt li.twitter span { width:48px; height:40px; display:block; background:url("/Media/Default/images/section0/pied-sprites-reseaux-sociaux.png") no-repeat -41px -42px; z-index:101; opacity: 0; -ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity = 0); -webkit-transition: opacity 0.4s ease-in-out; -moz-transition: opacity 0.4s ease-in-out; -o-transition: opacity 0.4s ease-in-out; transition: opacity 0.4s ease-in-out; } #reseaux-sociaux-amt li.linkedin, #reseaux-sociaux-amt .linkedin a, #reseaux-sociaux-amt .linkedin span { width:60px; height:40px; } #reseaux-sociaux-amt li.linkedin { background:url("/Media/Default/images/section0/pied-sprites-reseaux-sociaux.png") no-repeat -93px 0; width:60px; height:40px; display:block; z-index:100; } #reseaux-sociaux-amt li.linkedin span { width:60px; height:40px; display:block; background:url("/Media/Default/images/section0/pied-sprites-reseaux-sociaux.png") no-repeat -93px -42px; z-index:101; opacity: 0; -ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity = 0); -webkit-transition: opacity 0.4s ease-in-out; -moz-transition: opacity 0.4s ease-in-out; -o-transition: opacity 0.4s ease-in-out; transition: opacity 0.4s ease-in-out; } #reseaux-sociaux-amt li.youtube, #reseaux-sociaux-amt .youtube a, #reseaux-sociaux-amt .youtube span { width:52px; height: 40px; } #reseaux-sociaux-amt li.youtube { background:url("/Media/Default/images/section0/pied-sprites-reseaux-sociaux.png") no-repeat -156px 0; width:52px; height:40px; display:block; z-index:100; } #reseaux-sociaux-amt li.youtube span { width:52px; height:40px; display:block; background:url("/Media/Default/images/section0/pied-sprites-reseaux-sociaux.png") no-repeat -156px -42px; z-index:101; opacity: 0; -ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity = 0); -webkit-transition: opacity 0.4s ease-in-out; -moz-transition: opacity 0.4s ease-in-out; -o-transition: opacity 0.4s ease-in-out; transition: opacity 0.4s ease-in-out; } #reseaux-sociaux-amt li.instagram, #reseaux-sociaux-amt .instagram a, #reseaux-sociaux-amt .instagram span { width:62px; height: 40px; } #reseaux-sociaux-amt li.instagram { background:url("/Media/Default/images/section0/pied-sprites-reseaux-sociaux.png") no-repeat -208px 0; width:62px; height:40px; display:block; z-index:100; } #reseaux-sociaux-amt li.instagram span { width:62px; height:40px; display:block; background:url("/Media/Default/images/section0/pied-sprites-reseaux-sociaux.png") no-repeat -208px -42px; z-index:101; opacity: 0; -ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity = 0); -webkit-transition: opacity 0.4s ease-in-out; -moz-transition: opacity 0.4s ease-in-out; -o-transition: opacity 0.4s ease-in-out; transition: opacity 0.4s ease-in-out; } #reseaux-sociaux-amt li.infolettre, #reseaux-sociaux-amt .infolettre a, #reseaux-sociaux-amt .infolettre span { width:44px; height: 40px; } #reseaux-sociaux-amt li.infolettre { background:url("/Media/Default/images/section0/pied-sprites-reseaux-sociaux.png") no-repeat -269px 0; width:44px; height:40px; display:block; z-index:100; } #reseaux-sociaux-amt li.infolettre span { width:44px; height:40px; display:block; background:url("/Media/Default/images/section0/pied-sprites-reseaux-sociaux.png") no-repeat -269px -42px; z-index:101; opacity: 0; -ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity = 0); -webkit-transition: opacity 0.4s ease-in-out; -moz-transition: opacity 0.4s ease-in-out; -o-transition: opacity 0.4s ease-in-out; transition: opacity 0.4s ease-in-out; } #reseaux-sociaux-amt li:hover span, #reseaux-sociaux-amt li:focus span { cursor: pointer; opacity: 1; -ms-filter:"prodig:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity = 100); } @media screen and (max-width: 960px) { .pied-wrap-reseaux-sociaux {width:312px; float:left;} .pied-wrap-signature-amt {width:385px; float:right; padding-top:37px;} } @media screen and (max-width: 740px) { .pied-wrap-reseaux-sociaux {width:312px; float:none; margin: 0 auto; padding: 40px 0} .pied-wrap-signature-amt {width:312px; float:none; margin: 0 auto; padding: 0 0 30px 0;} } @media screen and (max-width: 360px) { .pied-wrap-reseaux-sociaux {width:312px; float:none; margin: 0 auto;} .pied-wrap-signature-amt {width:312px; float:none; margin: 0 auto; padding-top:0;} } /* sprites */ .sprite-mon-amt { background: url(../Content/Images/mon-amt/sprite-mon-amt.png) no-repeat; display: block; } .sprite-mon-amt span{ display:block; text-indent:-9999px; } .etat-servic-orange { width: 15px; height: 14px; background-position: -49px -53px; } .etat-servic-rouge { width: 15px; height: 14px; background-position: -57px 0; } .etat-servic-vert { width: 15px; height: 14px; background-position: -33px -53px; } .fleche-droite-bleu { width: 13px; height: 13px; background-position: -66px -30px; } .fleche-droite-orange { width: 13px; height: 13px; background-position: -80px -30px; } .icn-bus-bleu { width: 32px; height: 32px; background-position: -33px -101px; } .icn-marker-bleu { width: 32px; height: 32px; background-position: -66px -101px; } .icn-metro-orange { width: 32px; height: 32px; background-position: 0 -84px; } .icn-train-bleu { width: 32px; height: 32px; background-position: -66px -44px; } .icn-train-mauve { width: 32px; height: 32px; background-position: -33px -68px; } .icn-train-vert { width: 32px; height: 33px; background-position: 0 0; } .icn-pdf-orange { width: 23px; height: 29px; background-position: -73px 0; } .link-externe-orange { width: 12px; height: 12px; background-position: -57px -15px; } .marke-gris { width: 13px; height: 16px; background-position: -14px -117px; } .marker-blanc { width: 13px; height: 16px; background-position: 0 -117px; } .pastille-direction { width: 32px; height: 23px; background-position: -66px -77px; } .pastille-ligne { width: 32px; height: 24px; background-position: 0 -34px; } .pastille-prochain-depart { width: 32px; height: 24px; background-position: 0 -59px; } .pastille-train { width: 32px; height: 24px; background-position: -33px -28px; } .reload { width: 23px; height: 27px; background-position: -33px 0; } .icn-gros-acess { width: 102px; height: 102px; background-position: -99px 0; } .icn-gros-acess-over { width: 102px; height: 102px; background-position: 0 -134px; } /* plugins */ /* .sidr{ display:none; position:fixed; top:0; height:100%; z-index:999999; width:265px; overflow-x:none; overflow-y:auto; font-family:"lucida grande", tahoma, verdana, arial, sans-serif; font-size:15px; background:#004793; color:#fff; } */ .sidr{ display:none; position:absolute; top:0; z-index:999999; width:300px; overflow:hidden; font-family:"lucida grande", tahoma, verdana, arial, sans-serif; font-size:15px; background:#004793; color:#fff; } body, body.sidr-open{ left:0 !important; position:relative !important; } #entete a.sidr-class-closeSidr{display:block;width:50px;height:50px;padding:0;font-family:amt2; color:#fff; font-size:30px;font-size:3.0rem; padding: 10px; float:left; margin-top:5px; margin-right:0; } #entete a.sidr-class-closeSidr span{ display:block; text-indent:-9999px; } #entete a.sidr-class-closeSidr:before{ content: "\e651";position: absolute; font-size:30px; font-size:3.0rem; } #entete a.sidr-class-closeSidr:focus{ text-decoration:none; } /* hack pour que le html reste a 100% au passage portrait/payse */ .menu-principale-mobile-open{width:100% !important} .sidr .sidr-inner{ padding:0 0 15px; } .sidr.right{ left:auto; right:-300px; } /* .sidr.left{ left:-265px; right:auto; } */ .sidr h1, .sidr .accessible-megamenu-panel-titre-h2, .sidr .accessible-megamenu-panel-titre, .sidr h4, .sidr h5, .sidr h6{ color:#fff; margin:0 0 5px; padding:0 15px; } .sidr p{ font-size:13px; margin:0 0 12px; } .sidr p a{ color:rgba(255, 255, 255, 0.9); } .sidr ul{ display:block; border-top:1px solid #1a1a1a; border-bottom:1px solid #4d4d4d; margin:0 0 15px; padding:0; } .sidr ul li{ display:block; line-height:48px; border-top:1px solid #4d4d4d; border-bottom:1px solid #1a1a1a; margin:0; } .sidr ul li:hover, .sidr ul li.active, .sidr ul li.sidr-class-active{ border-top:none; line-height:49px; } .sidr ul li a, .sidr ul li span{ display:block; text-decoration:none; color:#fff; padding:0 15px; } .sidr ul li ul{ border-bottom:none; margin:0; } .sidr ul li ul li{ line-height:40px; font-size:13px; } .sidr ul li ul li:last-child{ border-bottom:none; } .sidr ul li ul li:hover, .sidr ul li ul li.active, .sidr ul li ul li.sidr-class-active{ border-top:none; line-height:41px; } .sidr ul li ul li a, .sidr ul li ul li span{ color:rgba(255, 255, 255, 0.8); padding-left:30px; } .sidr label{ font-size:13px; } .sidr input[type=text], .sidr input[type=password], .sidr input[type=date], .sidr input[type=datetime], .sidr input[type=email], .sidr input[type=number], .sidr input[type=search], .sidr input[type=tel], .sidr input[type=time], .sidr input[type=url], .sidr textarea, .sidr select{ width:100%; font-size:13px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; -o-border-radius:2px; border-radius:2px; border:none; background:rgba(0, 0, 0, 0.1); color:rgba(255, 255, 255, 0.6); display:block; clear:both; margin:0 0 10px; padding:5px; } .sidr input[type=checkbox]{ width:auto; display:inline; clear:none; } .sidr input[type=button], .sidr input[type=submit]{ color:#333; background:#fff; } .sidr input[type=button]:hover, .sidr input[type=submit]:hover{ background:rgba(255, 255, 255, 0.9); } .sidr .sidr-inner>p, .sidr>p{ margin-left:15px; margin-right:15px; } .sidr ul li:hover>a, .sidr ul li:hover>span, .sidr ul li.active>a, .sidr ul li.active>span, .sidr ul li.sidr-class-active>a, .sidr ul li.sidr-class-active>span, .sidr ul li ul li:hover>a, .sidr ul li ul li:hover>span, .sidr ul li ul li.active>a, .sidr ul li ul li.active>span, .sidr ul li ul li.sidr-class-active>a, .sidr ul li ul li.sidr-class-active>span{ -webkit-box-shadow:inset 0 0 15px 3px #222; -moz-box-shadow:inset 0 0 15px 3px #222; box-shadow:inset 0 0 15px 3px #222; } /* custom */ #entete .sidr ul li a, #entete .sidr ul li span{ color:#fff; float:none; } #entete .sidr ul, #entete .sidr ul li{ float:none; } #entete .sidr ul ul, #entete .sidr ul li ul{ display:none; } #entete .sidr ol, #entete .sidr ol li{ float:none; } #entete .sidr ol a:link, #entete .sidr ol a:visited{ color:#fff; } #entete .sidr ol a:hover{ text-decoration:underline; } #entete .sidr ol{ list-style:none; padding:0; margin:0; } #entete .sidr ol li:hover{ background-color:#004990; } #entete .sidr ol ol ol{ display:none; } #entete .sidr ol li .sidr-class-accessible-megamenu-panel-titre-h2, #entete .sidr ol li .sidr-class-accessible-megamenu-panel-titre-h2 a:link, #entete .sidr ol li .sidr-class-accessible-megamenu-panel-titre-h2 a:visited{ } #entete .sidr ol li .sidr-class-accessible-megamenu-panel-titre, #entete .sidr ol li .sidr-class-accessible-megamenu-panel-titre a{ background:none; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; font-weight:normal; font-size:12px; font-size:15px; font-family: DinNext, "Myriad Pro", Arial; } #entete .sidr ol li .sidr-class-accessible-megamenu-panel-titre.sidr-class-sans-lien{display:none;} #entete .sidr .sidr-class-liste_transport_favoris_lien_voir_tous{display:none;} #entete .sidr ol li .sidr-class-fs_12{display:none;} #entete .sidr ol li li{ border:none; } .sidr .sidr-inner {float:left} .sidr-class-megamenu{float:left} /* on style l'architecture du menu */ .sidr-inner{float:left;width:100%;} .sidr-class-megamenu{float:left;width:100%;} .sidr-class-cols{float:left;width:100%;margin:0;padding:0;} /* on style les menus niveau 1 */ #entete .sidr ol li:first-child .sidr-class-accessible-megamenu-panel-titre-h2{border-top:1px solid #003e7a} #entete .sidr ol li .sidr-class-accessible-megamenu-panel-titre-h2{float:left;width:100%;margin:0;padding:0;border-bottom:1px solid #003e7a;position:relative;} #entete .sidr ol li .sidr-class-accessible-megamenu-panel-titre-h2::before{font-family: "amt2";font-size:21px;line-height:21px;width:21px;height:21px;position:absolute;right:20px;top:20px;} #entete .sidr ol li .sidr-class-accessible-megamenu-panel-titre-h2::before{content: "\e646";transform: rotate(90deg);-ms-transform: rotate(90deg);-webkit-transform: rotate(90deg);} #entete .sidr ol li .sidr-class-accessible-megamenu-panel-titre-h2.sidr-class-no-child::before{content: ""} #entete .sidr ol li .sidr-class-accessible-megamenu-panel-titre-h2:hover{background-color:#4891dc;text-decoration:none;} #entete .sidr ol li .sidr-class-accessible-megamenu-panel-titre-h2.sidr-class-solo::before{content: ""} #entete .sidr ol li .sidr-class-accessible-megamenu-panel-titre-h2.sidr-class-current{ background-color:#4891dc; } /* si ouvert */ #entete .sidr ol li .sidr-class-accessible-megamenu-panel-titre-h2.menuToggled{background-color:#4891dc;border-bottom:1px solid #72a6dc;} #entete .sidr ol li .sidr-class-accessible-megamenu-panel-titre-h2.menuToggled a{background-color:#4891dc;} #entete .sidr ol li .sidr-class-accessible-megamenu-panel-titre-h2.menuToggled::before{transform: rotate(-90deg);-ms-transform: rotate(-90deg);-webkit-transform: rotate(-90deg);} /* liens */ #entete .sidr ol li .sidr-class-accessible-megamenu-panel-titre-h2 a{float:left;width:239px;padding:20px 10px;margin: 0 61px 0 0;font-size:20px; font-family: DinNext, "Myriad Pro", Arial; font-weight:normal;} #entete .sidr ol li .sidr-class-accessible-megamenu-panel-titre-h2.sidr-class-solo a{width:300px;margin:0;} #entete .sidr ol li .sidr-class-accessible-megamenu-panel-titre-h2 a:hover{text-decoration:none;} #entete .sidr ol li .sidr-class-accessible-megamenu-panel-titre-h2 a:focus{} #entete .sidr ol li .sidr-class-accessible-megamenu-panel-titre-h2 a:visited{} /* portrait non-connecté */ #entete .sidr ol li .sidr-class-accessible-megamenu-panel-titre-h2.sidr-class-monAmtTitre a::before{font-family: amt2;content: "\e603";color: #FFF;font-size: 22px;float: left;width: 22px;height: 22px;margin-right: 7px;margin-top: -3px;} #entete .sidr ol li .sidr-class-accessible-megamenu-panel-titre-h2.sidr-class-monAmtTitre a::before{color: #004990;-webkit-text-stroke-width: 1px;-webkit-text-stroke-color: #fff;} /* portrait connecté */ .connecte #entete .sidr ol li .sidr-class-accessible-megamenu-panel-titre-h2.sidr-class-monAmtTitre a::before{color: #fff;-webkit-text-stroke-width: 0;} /* on cache par defaut les sous menus */ .sidr-class-cols{display:none;} /* niveau 2 */ #entete .sidr ol{float:left;width:100%;margin:0;padding:0;} #entete .sidr ol li{float:left;width:100%;margin:0;padding:0;} #entete .sidr ol li .sidr-class-accessible-megamenu-panel-titre{float:left;width:100%;margin:0;padding:0;border-bottom:1px solid #72a6dc;} #entete .sidr ol li .sidr-class-accessible-megamenu-panel-titre a{float:left;width:300px;padding:20px 10px 20px 20px;margin:0;background-color:#4891dc;font-size: 18px;} #entete .sidr ol li .sidr-class-accessible-megamenu-panel-titre a:hover{text-decoration:none;} /* thomas-desfossez.css */ /* RESULTAT DE RECHERCHE */ .recherche-nouvelle-recherche .search-form {float: left;margin: 16px 0 0 0;width: 100%;} .recherche-nouvelle-recherche .search-form fieldset label{clip: auto;position:initial !important;position:inherit !important;} #resultats-recherche{float: left;width: 100%;} #resultats-recherche .recherche-sommaire-titre{font-size:18px; font-size:1.8rem; margin:20px 0 0 0;} #resultats-recherche .recherche-sommaire-nombre{} #resultats-recherche ul.search-results{float: left;width: 100%;} #resultats-recherche ul.search-results li.first{margin-top: 40px;} #resultats-recherche ul.search-results li{float: left;width: 100%;} #resultats-recherche ul.search-results li.last{margin-bottom:20px;} #resultats-recherche .content-items .content-item{padding:20px 0 0 0} #resultats-recherche h1{margin: 0 0 10px;} #resultats-recherche h1 a:hover{color:#f26d0c} .dyncherche .search-results .Amt-Accordeon {display: none; } /* ITINERAIRE TDE */ /* article */ article.planifier-transport-ligne header {margin:0;} article.planifier-transport-ligne header h1 {margin:0 0 20px 0;} /* itineraire */ #Itineraire {float:left;width:100%;} #Itineraire .itineraire_message{float:left;width:100%;font-size:13px;font-size:1.3rem;padding: 20px 0;border-right:1px solid #CCC;border-bottom: 1px solid #CCC;} .itineraire_message_prochains_passages{float:left;width:100%;font-size:13px;font-size:1.3rem;padding: 20px 0;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;} #Itineraire .englobe_itineraire{padding:0;float:left;} #Itineraire .possede_big_box {float:left;width:69%;margin:0 1% 0 0} #Itineraire .big_box {margin: 43px 0;float:left;width:30%;} #Itineraire .img_icon{padding:0;float:left;} #Itineraire .icon_arret{width:25px;height:25px;float:left;margin: -4px 1%;font-size:25px;font-size:2.5rem;color:#909090} #Itineraire .icon_arret:before{content: '\e600';} #Itineraire .englobe_itineraire{width:100%;} /* https://rswta.amt.qc.ca/fr/planifier-trajet/autobus/EXPRESS/90/1 */ .englobe_itineraire ul {padding:30px 0 0 60px;width: 100%;margin:0;border-right:1px solid #CCC;border-bottom:1px solid #d3d8db;padding-bottom:25px;float:left;background: transparent url(../Content/Images/metro_conect_line.png) 35px 0 repeat-y;} .englobe_itineraire ul li.arret_intermitant:before {position:absolute;color:#cccccc; content: '\e640';font-family: "amt2";font-style: normal;font-weight: normal; speak: none;display: inline-block;text-decoration: inherit;width: 1em;margin:-6px 0 0 0;text-align: center; opacity: 1;font-variant: normal;text-transform: none;line-height: 1em;left: 29px; transform: rotate(19deg) scale(1.2,0.2); -ms-transform: rotate(19deg) scale(1.2,0.2); -webkit-transform: rotate(19deg) scale(1.2,0.2); } .englobe_itineraire ul li:first-child:before{-ms-transform:none;-webkit-transform:none;background:#fff;content:'';display:block;height:38px;left:auto;line-height:1em;margin:-41px 0 0 -60px;position:relative;top:11px;transform:none;width:60px;} .englobe_itineraire ul li:last-child{position:relative;} .englobe_itineraire ul li:last-child:before{margin: -10px 0 0 -60px;} .englobe_itineraire ul li:last-child {position: relative;} .englobe_itineraire ul li:last-child:after{background-color: #fff;content: '';display:block;height:34px;margin:40px 0 0 -60px;position: absolute;width: 60px;} .englobe_itineraire ul li:last-child{border-bottom:0;} .englobe_itineraire ul li{list-style:none;border-bottom:1px solid #ccc;float:left;width:100%;height: auto;}/* height:49px; - auto car si texte troooop long /fr/planifier-trajet/autobus/RTL/120/0 */ .englobe_itineraire ul li:first-child{height:auto;} .englobe_itineraire .arret_intermitant_resultat_wrapper{width:62%;} /* picto etat du traffic */ #Itineraire ul li .info_bulle {position:absolute;margin:6px 0 0 -41px;width:36px;height:36px;background-color:#752f8a} #Itineraire ul li .gros_vert {background: transparent url(../Content/Images/sprites_picto_traffic.png) 0 0 no-repeat;} #Itineraire ul li .petit_vert {background: transparent url(../Content/Images/sprites_picto_traffic.png) 0 -36px no-repeat;} #Itineraire ul li .petit_orange {background: transparent url(../Content/Images/sprites_picto_traffic.png) 0 -72px no-repeat;} #Itineraire ul li .gros_orange {background: transparent url(../Content/Images/sprites_picto_traffic.png) 0 -180px no-repeat;} #Itineraire ul li .petit_rouge {background: transparent url(../Content/Images/sprites_picto_traffic.png) 0 -108px no-repeat;} #Itineraire ul li .gros_rouge {background: transparent url(../Content/Images/sprites_picto_traffic.png) 0 -216px no-repeat;} #Itineraire ul li .petit_blanc {background: transparent url(../Content/Images/sprites_picto_traffic.png) 0 -144px no-repeat;} #Itineraire ul li .gros_blanc {background: transparent url(../Content/Images/sprites_picto_traffic.png) 0 -252px no-repeat;} #Itineraire ul li:first-child .info_bulle{margin-top:8px;} /* picto transport */ #Itineraire ul li .icon_no_icon{float:right;width: 32px;height: 32px;margin-left: 32px;} .englobe_itineraire ul li a{padding:14px 0 14px 0;color:#333;font-size:16px;font-size:1.6rem;float:left;} .englobe_itineraire ul li a:hover{text-decoration:none; color:#f26d0c;} #Itineraire ul li a.img_icon{padding:0;float:right;margin:10px 0 0 0; color:#909090} #Itineraire ul li a.img_icon:hover{color:#f26d0c} #Itineraire ul li a.img_icon:focus{text-decoration:none} #Itineraire ul li a.icon_arret{width:32px;height:32px;float:left;margin:12px 0 0 12px;font-size:25px;} #Itineraire ul li a.icon_arret:before{content: '\e600';} #Itineraire ul li a.icon_train{height: 32px;width:32px;font-size:32px;margin-left:32px;line-height: 32px;} #Itineraire ul li a.icon_train:before {content: '\e604';} #Itineraire ul li a.icon_metro{height: 32px;width:32px;font-size:32px;margin-left:32px;line-height: 32px;} #Itineraire ul li a.icon_metro:before {content: '\e639';} #Itineraire ul li a.icon_bus{height: 32px;width:32px;font-size:32px;margin-left:32px;line-height: 32px;} #Itineraire ul li a.icon_bus:before {content: '\e632';} #Itineraire ul li a.arrow_metro {width: 37px;height:25px; position: relative;} #Itineraire ul li a.arrow_metro:after {content: "\e646";font-family: amt2;position: absolute;top: -20px;right: 20px;line-height: 70px;color: #004990;font-size: 22px;} /* new october 2014 */ #Itineraire ul li a.piton_metro{ font-weight:bold; font-size:1.4rem; margin-left:20px; margin-right:20px; display:inline-block; color:#fff; background-color:#4891dc; padding:5px 15px; border-radius:5px; } #Itineraire ul li a.piton_metro:hover{ background-color:#004990; color:#fff; } @media screen and (max-width: 960px) { #Itineraire ul li a.piton_metro{ margin-left:5px; margin-right:1px; width:20px;height:25px; position: relative; background-color:transparent; } #Itineraire ul li a.piton_metro:hover{ background-color:transparent; } #Itineraire ul li a.piton_metro:after{ content:"\e646"; font-family:amt2; font-weight:normal; position:absolute; top:-20px; right:20px; line-height:70px; color:#004990; font-size: 22px; } } /* PLANIFIER */ /* header */ .planifier-transport-arret header{float:left;width: 100%;} #TitreArret, #TitreHoraireLigne, #TitreArret h1 {font-size:42px;font-size:4.2rem;color:#333;margin: 0 0 20px 0;font-family:DinNext;} /* SousHeader */ #SousHeader{position:relative;float:left;width: 100%;padding-bottom: 40px;border-bottom:1px solid #ccc;-webkit-box-shadow:inset -3px 0 0 0 rgba(0,157,88,1);box-shadow:inset -3px 0 0 0 rgba(0,157,88,1);} #SousHeader.ligne_train_CA_Couleur {-webkit-box-shadow:inset -3px 0 0 0 #646569;box-shadow:inset -3px 0 0 0 #646569;} #SousHeader.ligne_train_CA_Couleur:after {content:"";width:1px;height:100%;position:absolute;right: -1px;background-color:#646569;} #SousHeader.ligne_train_DM_Couleur {-webkit-box-shadow:inset -3px 0 0 0 #00a1af;box-shadow:inset -3px 0 0 0 #00a1af;} #SousHeader.ligne_train_DM_Couleur:after {content:"";width:1px;height:100%;position:absolute;right: -1px;background-color:#00a1af;} #SousHeader.ligne_train_SH_Couleur {-webkit-box-shadow:inset -3px 0 0 0 #752f8a;box-shadow:inset -3px 0 0 0 #752f8a;} #SousHeader.ligne_train_SH_Couleur:after {content:"";width:1px;height:100%;position:absolute;right: -1px;background-color:#752f8a;} #SousHeader.ligne_train_MA_Couleur {-webkit-box-shadow:inset -3px 0 0 0 #e2007a;box-shadow:inset -3px 0 0 0 #e2007a;} #SousHeader.ligne_train_MA_Couleur:after {content:"";width:1px;height:100%;position:absolute;right: -1px;background-color:#e2007a;} #SousHeader.ligne_train_SJ_Couleur {-webkit-box-shadow:inset -3px 0 0 0 #76b830;box-shadow:inset -3px 0 0 0 #76b830;} #SousHeader.ligne_train_SJ_Couleur:after {content:"";width:1px;height:100%;position:absolute;right: -1px;background-color:#76b830;} #SousHeader.ligne_train_VH_Couleur {-webkit-box-shadow:inset -3px 0 0 0 #bf303f;box-shadow:inset -3px 0 0 0 #bf303f;} #SousHeader.ligne_train_VH_Couleur:after {content:"";width:1px;height:100%;position:absolute;right: -1px;background-color:#bf303f;} /* !! - ligne_metro_XXX peut être supprimé */ #SousHeader.ligne_metro_5_Couleur {-webkit-box-shadow:inset -3px 0 0 0 #0083ca;box-shadow:inset -3px 0 0 0 #0083ca;} #SousHeader.ligne_metro_5_Couleur:after {content:"";width:1px;height:100%;position:absolute;right: -1px;background-color:#0083ca;} #SousHeader.ligne_metro_4_Couleur {-webkit-box-shadow:inset -3px 0 0 0 #ffe400;box-shadow:inset -3px 0 0 0 #ffe400;} #SousHeader.ligne_metro_4_Couleur:after {content:"";width:1px;height:100%;position:absolute;right: -1px;background-color:#ffe400;} #SousHeader.ligne_metro_2_Couleur {-webkit-box-shadow:inset -3px 0 0 0 #f08123;box-shadow:inset -3px 0 0 0 #f08123;} #SousHeader.ligne_metro_2_Couleur:after {content:"";width:1px;height:100%;position:absolute;right: -1px;background-color:#f08123;} #SousHeader.ligne_metro_1_Couleur {-webkit-box-shadow:inset -3px 0 0 0 #008e4f;box-shadow:inset -3px 0 0 0 #008e4f;} #SousHeader.ligne_metro_1_Couleur:after {content:"";width:1px;height:100%;position:absolute;right: -1px;background-color:#008e4f;} #SousHeader.ligne_5_Couleur {-webkit-box-shadow:inset -3px 0 0 0 #0083ca;box-shadow:inset -3px 0 0 0 #0083ca;} #SousHeader.ligne_5_Couleur:after {content:"";width:1px;height:100%;position:absolute;right: -1px;background-color:#0083ca;} #SousHeader.ligne_4_Couleur {-webkit-box-shadow:inset -3px 0 0 0 #ffe400;box-shadow:inset -3px 0 0 0 #ffe400;} #SousHeader.ligne_4_Couleur:after {content:"";width:1px;height:100%;position:absolute;right: -1px;background-color:#ffe400;} #SousHeader.ligne_2_Couleur {-webkit-box-shadow:inset -3px 0 0 0 #f08123;box-shadow:inset -3px 0 0 0 #f08123;} #SousHeader.ligne_2_Couleur:after {content:"";width:1px;height:100%;position:absolute;right: -1px;background-color:#f08123;} #SousHeader.ligne_1_Couleur {-webkit-box-shadow:inset -3px 0 0 0 #008e4f;box-shadow:inset -3px 0 0 0 #008e4f;} #SousHeader.ligne_1_Couleur:after {content:"";width:1px;height:100%;position:absolute;right: -1px;background-color:#008e4f;} #SousHeader.ligne_10_Couleur {-webkit-box-shadow:inset -3px 0 0 0 #4891DC;box-shadow:inset -3px 0 0 0 #4891DC;} #SousHeader.ligne_10_Couleur:after {content:"";width:1px;height:100%;position:absolute;right: -1px;background-color:#4891DC;} /* TitreLigne */ .planifier-transport-arret #TitreLigne{float:left;width: 48%;margin: 40px 0 0 2%;} .planifier-transport-ligne #TitreLigne{float:left;width: 48%;margin: 0;} .dyn-planifier-transport-autobus-ligne #TitreLigne, .planifier-transport-arret #TitreLigne, .planifier-transport-ligne #TitreLigne, .autobus-agence-express #TitreLigne, .planifier-transport-autobus-arret #TitreLigne{font-size:24px;font-size:2.4rem;font-weight:bold;float:left;margin: 37px 20px 0 20px;width: 418px;}/* width 458 remplacé par 418 a cause de fr/planifier-trajets/train/candiac/0 */ #TitreLigne .font_amt{margin-right: 10px;height: 32px;width:32px;font-size:28px;float:left;-webkit-border-radius: 3px;border-radius: 3px;margin-top: 7px;padding: 2px;margin-left: 0;} .planifier-transport-arret #TitreLigne .train_Couleur:before{content: '\e604';color:#fff;} .planifier-transport-autobus-arret .bus_Couleur:before{content: '\e632';color:#fff;} .planifier-transport-ligne .metro_Couleur:before{content: '\e639';color:#fff;} .planifier-transport-ligne #TitreLigne .train_Couleur:before{content: '\e604';color:#fff;} #TitreLigne .ligne_train_CA_Couleur {background-color:#646569;} #TitreLigne .ligne_train_CA_Couleur:before {content: '\e604';color:#fff;} #TitreLigne .ligne_train_DM_Couleur {background-color:#00a1af;} #TitreLigne .ligne_train_DM_Couleur:before {content: '\e604';color:#fff;} #TitreLigne .ligne_train_SH_Couleur {background-color:#752f8a;} #TitreLigne .ligne_train_SH_Couleur:before {content: '\e604';color:#fff;} #TitreLigne .ligne_train_MA_Couleur {background-color:#e2007a;} #TitreLigne .ligne_train_MA_Couleur:before {content: '\e604';color:#fff;} #TitreLigne .ligne_train_SJ_Couleur {background-color:#76b830;} #TitreLigne .ligne_train_SJ_Couleur:before {content: '\e604';color:#fff;} #TitreLigne .ligne_train_VH_Couleur {background-color:#bf303f;} #TitreLigne .ligne_train_VH_Couleur:before {content: '\e604';color:#fff;} #TitreLigne .ligne_metro_5_Couleur {background-color:#0083ca;content: "\e639";} #TitreLigne .ligne_metro_4_Couleur {background-color:#ffe400;content: "\e639";} #TitreLigne .ligne_metro_2_Couleur {background-color:#f08123;content: "\e639";} #TitreLigne .ligne_metro_1_Couleur {background-color:#008e4f;content: "\e639";} #TitreLigne .ligne_bus_Couleur{background-color:#4891DC;} #TitreLigne .ligne_bus_Couleur:before {content: "\e632";color:#fff;} #SousHeader #TitreLigne .font_amt{margin-top: 0;} #TitreLigne .ligne_metro_1_Couleur:before, #TitreLigne .ligne_metro_2_Couleur:before, #TitreLigne .ligne_metro_4_Couleur:before, #TitreLigne .ligne_metro_5_Couleur:before {content: "\e639"; color: #fff;font-size: 25px;} /* onglet_horaire */ #Itineraire, #onglet_horaire{float:left;width: 100%;border-left:1px solid #d3d8db;padding: 0;margin-bottom: 20px;} #onglet_horaire{margin-bottom: 80px;}/* margin 80 pour que le bouton "Charger plus d'horaire" soit dans du blanc fr/planifier-trajets/train/deux-montagnes/1/11010 */ /* Information stationnement */ .detail-stationnement #info-left{float:left;width:50%;} .detail-stationnement #info-left #adresse{margin: 0 0 20px 0;font-size: 13px;font-size: 1.3rem;} .detail-stationnement #info-left #adresse strong{font-size: 14px;font-size: 1.4rem;color: #333;} .detail-stationnement #info-right{float:left;width: 45%;margin-left: 5%;} .detail-stationnement #info-right img{background-color:#f5f5f5;float:left;width: 100%;} .detail-stationnement .info-service{display: table;width:100%;margin-bottom: 25px;} .detail-stationnement .info-service-icone{width:10%;display: table-cell;vertical-align: middle;} .detail-stationnement .info-service-icone:before{color:#fff;background-color:#4891DC;line-height: 40px;font-size: 32px;margin: 0 10px 0 0;float: left;width: 40px;height: 40px;padding: 0;-webkit-border-radius: 3px;border-radius: 3px;} .detail-stationnement #info-stationnement-gratuit-icone:before{content: "\e60e";} .detail-stationnement #info-stationnement-payant-icone:before{content: "\e63d";} .detail-stationnement #info-covoiturage-icone:before{content: "\e64c";} .detail-stationnement #info-handicape-icone:before{content: "\e6ff";} .detail-stationnement #info-bornes-electriques-icone:before{content: "\e63e";} .detail-stationnement #info-support-pour-velo-icone:before{content: "\e602";} .detail-stationnement #info-velostation-icone:before{content: "\e601";} .detail-stationnement .info-service-englobe{width:90%;font-size: 13px;font-size: 1.3rem;display: table-cell;vertical-align: middle;} .detail-stationnement .info-service-texte{float:left;width:100%;} .detail-stationnement .info-service-resultat{float:left;width:100%;font-family: 'open_sanssemibold';} /* InformationsGare */ .planifier-transport-arret #InformationsGare{float:left;width: 100%;padding: 0;} .planifier-transport-arret #InformationsGare ul#InfosGare{margin:0;padding:0;list-style:none;float:left;width:50%;} .planifier-transport-arret #InformationsGare ul#InfosGare li{float:left;width: 100%;} .planifier-transport-arret #InformationsGare ul#InfosGare li#Adresse{margin: 0 0 20px 0;font-size:13px;font-size:1.3rem;} .planifier-transport-arret #InformationsGare ul#InfosGare li#Adresse strong{font-size:14px;font-size:1.4rem;color:#333} .planifier-transport-arret #InformationsGare ul#InfosGare li#AlloTRAM{margin: 0 0 20px 0;font-size:13px;font-size:1.3rem;} .planifier-transport-arret #InformationsGare ul#InfosGare li#AlloTRAM strong{font-size:14px;font-size:1.4rem;color:#333} .planifier-transport-arret #InformationsGare ul#InfosGare li#Accessibilite{margin: 0;font-size:13px;font-size:1.3rem;} .planifier-transport-arret #InformationsGare ul#InfosGare li#Accessibilite h3{font-size:19px;font-size:1.9rem; float:left;width:100%;margin:0 0 20px 0;padding:0;} .planifier-transport-arret #InformationsGare ul#InfosGare li#Accessibilite ul#Accessibilite_1{margin:0;padding:0;list-style:none;font-size:13px;font-size:1.3rem;} .planifier-transport-arret #InformationsGare ul#InfosGare li#Accessibilite ul#Accessibilite_1 li{float:left;width:50%;margin-bottom:25px;} .planifier-transport-arret #InformationsGare ul#InfosGare li#Accessibilite ul#Accessibilite_1 li#AccessibleVelo .font_amt:before{content: '\e602';} .planifier-transport-arret #InformationsGare ul#InfosGare li#Accessibilite ul#Accessibilite_1 li#AcessibleHandicap{ } .planifier-transport-arret #InformationsGare ul#InfosGare li#Accessibilite li#AcessibleHandicap .font_amt:before{content: '\e636';} .planifier-transport-arret #InformationsGare ul#InfosGare li#Services{margin: 0 0 20px 0;font-size:13px;} .planifier-transport-arret #InformationsGare ul#InfosGare li#Services h3{font-size:19px;font-size:1.9rem;float:left;width:100%;margin:0 0 20px 0;padding:0;} .planifier-transport-arret #InformationsGare ul#InfosGare .font_amt{line-height: 40px;font-size:32px;color:#fff;margin:0 10px 0 0;float:left;width:40px;height:40px;padding: 0;-webkit-border-radius: 3px;border-radius: 3px;background-color:#4891dc} .planifier-transport-arret #InformationsGare ul#InfosGare .font_amt3{line-height: 40px;font-size:32px;color:#fff;margin:0 10px 0 0;float:left;width:40px;height:40px;padding: 0;-webkit-border-radius: 3px;border-radius: 3px;background-color:#4891dc} .planifier-transport-arret #InformationsGare ul#InfosGare li#Services ul#Services_1{margin:0;padding:0;list-style:none;float:left;width: 50%;} .planifier-transport-arret #InformationsGare ul#InfosGare li{line-height: 14px;margin-bottom:25px;padding-right: 5%;width: 100%;display: table;} .planifier-transport-arret #InformationsGare ul#InfosGare li#Services ul#Services_1 li .une_ligne{} .planifier-transport-arret #InformationsGare ul#InfosGare li .text{display: table-cell;vertical-align: middle;width: 100%;} .planifier-transport-arret #InformationsGare ul#InfosGare li#Services ul#Services_1 li#SationnementIncitatif{} .planifier-transport-arret #InformationsGare ul#InfosGare li#Services ul#Services_1 li#SationnementIncitatif .font_amt:before{content: '\e60e';} .planifier-transport-arret #InformationsGare ul#InfosGare li#Services ul#Services_1 li#PlaceHandicape{} .planifier-transport-arret #InformationsGare ul#InfosGare li#Services ul#Services_1 li#PlaceHandicape .font_amt3:before{content: '\e6ff';} .planifier-transport-arret #InformationsGare ul#InfosGare li#Services ul#Services_1 li#Covoiturage{} .planifier-transport-arret #InformationsGare ul#InfosGare li#Services ul#Services_1 li#Covoiturage .font_amt:before{content: '\e62c';} .planifier-transport-arret #InformationsGare ul#InfosGare li#Services ul#Services_1 li#AchatTicketTrain{} .planifier-transport-arret #InformationsGare ul#InfosGare li#Services ul#Services_1 li#AchatTicketTrain .font_amt:before{content: '\e626';} /* PAS LA BONNE ICONE car seb doit la refaire */ .planifier-transport-arret #InformationsGare ul#InfosGare li#Services ul#Services_1 li#CasseCroute{} .planifier-transport-arret #InformationsGare ul#InfosGare li#Services ul#Services_1 li#CasseCroute .font_amt:before{content: '\e613';} .planifier-transport-arret #InformationsGare ul#InfosGare li#Services ul#Services_1 li#KiosqueInfos{} .planifier-transport-arret #InformationsGare ul#InfosGare li#Services ul#Services_1 li#KiosqueInfos .font_amt:before{content: '\e61a';} .planifier-transport-arret #InformationsGare ul#InfosGare li#Services ul#Services_1 li#ObjetsTrouves{} .planifier-transport-arret #InformationsGare ul#InfosGare li#Services ul#Services_1 li#ObjetsTrouves .font_amt:before{content: '\e630';} .planifier-transport-arret #InformationsGare ul#InfosGare li#Services ul#Services_2{margin:0;padding:0;list-style:none;float:left;width: 50%;} .planifier-transport-arret #InformationsGare ul#InfosGare li#Services ul#Services_2 li{line-height: 14px;margin-bottom:25px;display: table} .planifier-transport-arret #InformationsGare ul#InfosGare li ul li .une_ligne{} /* permet de centrer le contenu sur une ligne par rapport a son icone, voir onglet informations - /fr/planifier-trajets/train/saint-jerome-4_merged_102030409/0/BLA1C */ .planifier-transport-arret #InformationsGare ul#InfosGare li ul li .trois_lignes{position: relative;} .planifier-transport-arret #InformationsGare ul#InfosGare li ul li .deux_lignes{} .planifier-transport-arret #InformationsGare ul#InfosGare li#Services ul#Services_2 li#Debarcadere{} .planifier-transport-arret #InformationsGare ul#InfosGare li#Services ul#Services_2 li#Debarcadere .font_amt:before{content: '\e620';} .planifier-transport-arret #InformationsGare ul#InfosGare li#Services ul#Services_2 li#SupportVelo{} .planifier-transport-arret #InformationsGare ul#InfosGare li#Services ul#Services_2 li#SupportVelo .font_amt:before{content: '\e60d';} .planifier-transport-arret #InformationsGare ul#InfosGare li#Services ul#Services_2 li#TelephonePublique{margin-bottom: 41px;}/*fix pour aligner*/ .planifier-transport-arret #InformationsGare ul#InfosGare li#Services ul#Services_2 li#TelephonePublique .font_amt:before{content: '\e634';} .planifier-transport-arret #InformationsGare ul#InfosGare li#Services ul#Services_2 li#ToilettePublique{} .planifier-transport-arret #InformationsGare ul#InfosGare li#Services ul#Services_2 li#ToilettePublique .font_amt:before{content: '\e606';} .planifier-transport-arret #InformationsGare ul#InfosGare li#Services ul#Services_2 li#ValideuseTicketsTrain{} .planifier-transport-arret #InformationsGare ul#InfosGare li#Services ul#Services_2 li#ValideuseTicketsTrain .font_amt:before{content: '\e60a';} .planifier-transport-arret #InformationsGare #InfosGareCarte{float:right;width:50%;margin:0 0 20px 0;} .planifier-transport-arret #InformationsGare #InfosGareCarte img{background-color:#f5f5f5;float:left;width:100%;} .planifier-transport-arret #Description{float:left;width:50%;margin-bottom:20px;} #ProchainsPassages{float:left;width:100%; position:relative; } #prochainsPassages{float:left;width:100%; } #ProchainsPassages .overflow_hidden{float:left;width:100%; height:800px; overflow:hidden; position: relative; } a#prochainsPassagesShowMore{ font-family:'open_sansbold';font-size:15px;font-size:1.5rem;position:absolute; display:block; width:200px; text-align:center; margin-left:-100px;line-height:20px;bottom:-60px;right:0;padding:10px;background-color:#f26d0c;color:#fff; border-radius:3px;} a#prochainsPassagesShowMore:hover{background-color:#d45c04} /* ie8 */ body.lt-ie9 #OutilHoraire ul li.changer_gare{background: transparent url(../Content/Images/sprite_outil_horaire.png) 0 5px no-repeat;height:22px;} body.lt-ie9 #OutilHoraire ul li.ajout_favori{background: transparent url(../Content/Images/sprite_outil_horaire.png) 0 -11px no-repeat;height:22px;} body.lt-ie9 #OutilHoraire ul li.itineraire{background: transparent url(../Content/Images/sprite_outil_horaire.png) 0 -26px no-repeat;height:22px;} #OutilHoraire a{font-size:13px;font-size:1.3rem;color:#333;padding-left:22px;} #OutilHoraire a:hover{color:#f26d0c} #ProchainsPassages h2{font-size:16px;font-size:1.6rem;color:#000;} /* carousel page d'accueil */ #promo_accueil_car{ margin:0 0 30px; position: relative; overflow: hidden; border-bottom:7px solid #f26d0c; border-top:1px solid #d3d8db; border-left:1px solid #d3d8db; border-right:1px solid #d3d8db; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #promo_accueil_car img{ display: block; } #promo_accueil_car #gallery, #promo_accueil_car #thumbs{ float: left; } #promo_accueil_car #gallery{ position:absolute; right:0; height:192px; overflow: hidden; width:100%; z-index:1; background-color:#fff; } #promo_accueil_car #gallery img{ position: absolute; left:297px; } #promo_accueil_car #thumbs{ width: 297px; height: 192px; position: relative; overflow: hidden; z-index:2; } #promo_accueil_car #thumbs img { margin: 0; border-top:1px solid #237edd; border-left:1px solid #237edd; border-bottom:1px solid #237edd; } #promo_accueil_car #next{ display: block; width: 47px; height: 8px; background: url(../Content/Images/accueil/car-arrow.png) 0 -46px; position: relative; top: 184px; left: 123px; z-index:3; } #promo_accueil_car #next:hover{ top: 169px; height: 43px; } .navigation-carrousel-boutons{ display:block; height:95px; background-color:#4891dc; color:#fff; font:bold 18px/20px DinNext; } .navigation-carrousel-boutons.cycle-slide-active{ background-color:#a1c5eb; } .navigation-carrousel-boutons > div{ position:relative; padding:28px 62px 0 28px; width:100%; } .navigation-carrousel-boutons .navigation-carrousel-plus{ -webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px; background-color:#004990; color:#fff; position:absolute; top:40px; right:20px; display:block; width:25px; height:25px; padding:1px 0 0 7px; font:bold 20px Arial; } /* voulez vous dire */ .message-voulezvous{ position:absolute; top:0; left:250px; z-index:999; background-color:#fff; border:1px solid #ed1f24; border-radius:3px; color:#666; font-size:14px; font-size:1.4rem; padding:15px; } .message-voulezvous:before{ background:none repeat scroll 0 0 #fff; border-bottom:1px solid #ed1f24; border-left:1px solid #ed1f24; content:""; display:block; height:10px; left:-6px; position:absolute; top:11px; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); width:10px; } .message-voulezvous legend{ min-width:260px; } .message-voulezvous .lieux input[type="button"], .message-voulezvous .lieux input[type="button"]:hover{font-family:'open_sansregular';text-align:left; margin:0; padding:0; color:#000; font-weight:normal; background-color:transparent; display:block; } .message-voulezvous .message-voulezvous-fermer{ width:15px; height:10px; position:absolute; top:5px; right:5px; } .message-voulezvous .message-voulezvous-fermer:before{ content:'X'; color:#ed1f24; font-weight:bold; } .message-voulezvous .message-voulezvous-fermer span{ text-indent:-99999px; display:block; } /* * Styles que les edimestres vont utilisé pour la saisie de contenu * Pensez à mettre à jour en parallèle Amt.Theme\Styles\TinyMcs\styles.css */ /* titre */ #principale-contenu .Amt-titre-n1{font-size:42px; font-size:4.2rem; color:#333; font-family: 'DinNext';} #principale-contenu .Amt-titre-n2{font-size:32px; font-size:3.2rem; color:#333; font-family:open_sansbold;} #principale-contenu .Amt-titre-n3{font-size:18px; font-size:1.8rem; color:#333; font-family:open_sansbold;} #principale-contenu a:link .Amt-titre-n3{color:#004990} #principale-contenu a:hover .Amt-titre-n3{color:#F26D0C} /* texte defaut */ #principale-contenu .Amt-texte-defaut{color:#5c5c5c;font-family:open_sansregular;font-size:14px;font-size:1.4rem;} /* liens bleu */ #principale-contenu .Amt-lien-bleu{ font-size:14px; font-size:1.4rem; color:#5090CD; font-family:open_sansbold; } #principale-contenu .Amt-lien-bleu:visited{ color:#5090CD; } #principale-contenu .Amt-lien-bleu:hover{color:#F26D0C} #principale-contenu .Amt-lien-bleu-fleche{ font-size:14px; font-size:1.4rem; color:#5090CD; font-family:open_sansbold;padding-right:21px;position:relative; display:inline-block;} #principale-contenu .Amt-lien-bleu-fleche:after{ content:'\e646'; font-family:amt2;width:13px;height:13px;background-color:#f26d0c;color:#fff;padding:1px;margin-left:5px;position: absolute;margin-top: 3px;font-size: 10px;line-height: 14px;text-align: center; } #principale-contenu .Amt-lien-bleu-fleche:hover{color:#F26D0C} #principale-contenu a:hover .Amt-lien-bleu-fleche{color:#F26D0C} #principale-contenu .Amt-lien-bleu-externe{ display:inline-block;font-size:14px; font-size:1.4rem; color:#5090CD; font-family:open_sansbold;padding-right:21px;position:relative;} #principale-contenu .Amt-lien-bleu-externe:after{content:'\e61d'; font-family:amt2;width:13px;height:13px;color:#f26d0c;padding:1px;margin-left:5px;position: absolute;margin-top: 4px;font-size: 13px;line-height: 14px;text-align: center; } #principale-contenu .Amt-lien-bleu-externe:hover{color:#F26D0C} #principale-contenu a:hover .Amt-lien-bleu-externe{color:#F26D0C} /* divers */ #principale-contenu .Amt-date{display: inline-block;font-size:12px; font-size:1.2rem; color:#5c5c5c; font-family:open_sansregular;padding-left:21px;position:relative;line-height: 1.5rem;} #principale-contenu .Amt-date:before{content:'\e64e'; left: 0;font-family:amt2;width:15px;height:15px;color:#7c7c7c;margin-right:5px;position: absolute;font-size: 15px;font-size: 1.5rem;text-align: center;} #principale-contenu .Amt-tag{position: relative;font-size:12px; font-size:1.2rem;color:#5c5c5c; font-family:open_sansregular;padding-left:21px;} #principale-contenu a.Amt-tag:hover{color:#f26d0c;} #principale-contenu .Amt-tag:before{content:'\e666'; left: 0;font-family:amt2;width:15px;height:15px;color:#7c7c7c;margin-right:5px;position: absolute;margin-top: 5px;font-size: 15px;font-size: 1.5rem;line-height: 15px;line-height: 1.5rem;text-align: center;} #principale-contenu .Amt-tag a:link, #principale-contenu .Amt-tag a:visited{color:#5090CD;border-bottom:1px solid #dfdfdf;padding-bottom:2px;} #principale-contenu .Amt-tag a:hover{color:#F26D0C;} #principale-contenu .Amt-sujet{color:#4891dc;background: #f5f5f5;font-size:14px; font-size:1.4rem;font-family:open_sansbold;padding:10px 15px;margin:0 10px 10px 0;float: left;} #principale-contenu .Amt-sujet:hover{color:#fff;background: #4891dc;} #principale-contenu .Amt-liste-bleue{color:#4490de;list-style:none;margin:0;padding:0;} #principale-contenu .Amt-liste-bille-bleue{list-style: none;margin: 0 0 20px 0;} #principale-contenu .Amt-liste-bille-bleue>li{background-image: url('../Content/Images/bullet-blue.png');background-repeat: no-repeat;background-position: 0 9px;margin: 0 0 0 0;padding: 0 0 0 15px;} /* boutons */ #principale-contenu .Amt-bouton-orange{display:inline-block;font: normal 1.5rem open_sansbold,"Myriad Pro",Arial,Tahoma,Verdana,sans-serif;padding: 5px 25px;background: #F26D0C;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;color: #FFF;} #principale-contenu .Amt-bouton-orange:hover{background: #D45C04;} #principale-contenu .Amt-bouton-gris{display:inline-block;font: normal 1.5rem open_sansbold,"Myriad Pro",Arial,Tahoma,Verdana,sans-serif;padding: 5px 25px;background: #E7E7E7;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;color: #565656;} #principale-contenu .Amt-bouton-gris:hover{background: #D7D7D7;} #principale-contenu .Amt-bouton-bleu{display:inline-block;font: normal 1.5rem open_sansbold,"Myriad Pro",Arial,Tahoma,Verdana,sans-serif;padding: 5px 25px;background: #5090CD;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;color: #FFF;} #principale-contenu .Amt-bouton-bleu:hover{background: #F26D0C;} /* Gabarit double liste */ #principale-contenu .Amt-double-liste-liens-bleue{float:left;width:100%} #principale-contenu .Amt-double-liste-liens-bleue-div-first{float:left;width:49%;margin-right:2%;} #principale-contenu .Amt-double-liste-liens-bleue-div-last{float:left;width:49%} #principale-contenu .Amt-double-liste-liens-bleue ul{margin:0;padding:0;list-style:none;} #principale-contenu .Amt-double-liste-liens-bleue ul li{margin:0 0 5px 0;padding:0;list-style:none;} #principale-contenu .Amt-double-liste-liens-bleue ul li a:link{color:#5090CD} #principale-contenu .Amt-double-liste-liens-bleue ul li a:visited{color:#5090CD} #principale-contenu .Amt-double-liste-liens-bleue ul li a:hover{color:#F26D0C} /* Gabarit pour nous joindre */ #principale-contenu .Amt-pour-nous-joindre{float:left;width:100%;border:#d3d8db 1px solid;margin-bottom:20px;} #principale-contenu .Amt-pour-nous-joindre-header{float:left;width:100%;background-color:#fff;font-size:24px;font-size:2.4rem;color:#004990;padding:20px;border-bottom:#d3d8db 1px solid;font-family: 'DinNext';} #principale-contenu .Amt-pour-nous-joindre-body{float:left;width:100%;background-color:#f5f5f5;padding:40px 0 0 0;} #principale-contenu .Amt-pour-nous-joindre-content{float:left;width:100%;margin-bottom: 40px;} #principale-contenu .Amt-pour-nous-joindre-content-icone{float:left;width:20%;margin:0 2%;text-align: center;} #principale-contenu .Amt-pour-nous-joindre-content-texte{float:left;width:76%;font-size:14px;font-size:1.4rem;font-family:open_sansregular;} #principale-contenu .Amt-pour-nous-joindre-content-texte hr{height:1px;width:100%;border:0;background-color:#d3d8db;margin:10px 0} #principale-contenu .Amt-pour-nous-joindre-content-texte-title{font-size:19px;font-size:1.9rem;color:#333;font-family: 'DinNext';text-align:left;width:100%;font-weight:bold;} #principale-contenu .Amt-Accordeon{ list-style:none; margin:0; padding:0; border-bottom:1px solid #d3d8db;float: left;width: 100%; margin-bottom:20px;} #principale-contenu .Amt-Accordeon li{ border-top:1px solid #d3d8db; border-right:1px solid #d3d8db; border-left:1px solid #d3d8db; } #principale-contenu .Amt-Accordeon li div:first-child{ font-family:open_sansbold; font-size:18px; font-size:1.8rem; padding:20px; cursor:pointer; color:#000; } #principale-contenu .Amt-Accordeon li:hover{ background-color:#f5f5f5; } #principale-contenu .Amt-Accordeon li div:first-child span{ } /*#principale-contenu .Amt-Accordeon li div:first-child span::first-letter{ background-color:#fff;border: #f26d0c 5px solid;color:#f26d0c ;-webkit-border-radius: 15px;border-radius: 15px; }*/ #principale-contenu .Amt-Accordeon li div:first-child:after{ content:'\e646'; font-family:amt2; float:right; transform:rotate(90deg); -ms-transform:rotate(90deg); -webkit-transform:rotate(90deg);color:#004990 } #principale-contenu .Amt-Accordeon li div.ui-accordion-header-active:first-child:after{transform:rotate(270deg); -ms-transform:rotate(270deg); -webkit-transform:rotate(270deg);} #principale-contenu .Amt-Accordeon li div:last-child{ display:none; } #principale-contenu .Amt-Accordeon.ui-accordion .ui-accordion-content{ padding:20px; } #principale-contenu .Amt-Accordeon.ui-accordion li div.ui-accordion-content:last-child{ padding-top:0;} #principale-contenu .numberList{ list-style:none; padding:0; margin:0; } #principale-contenu .numberList li{ padding-bottom:20px; } #principale-contenu .numberList .numberCircle { -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; width:40px; height:40px; padding:4px; background:#fff; border:4px solid #909090; color:#909090; text-align:center; font:normal 18px open_sansbold, sans-serif; display:inline-block; vertical-align:top; margin-right:10px; } #principale-contenu .numberList .numberDesc{ font:normal 14px open_sansregular; font:normal 1.4rem open_sansregular; color:#5c5c5c; display:inline-block; } #principale-contenu .numberList strong{ font:normal 18px open_sansbold; font:normal 1.8rem open_sansbold; color:#333; display:block; } /* Gabarit zone de contenu simple */ #principale-contenu .content-box{float:left;width:100%;border:#d3d8db 1px solid;margin-bottom:20px;} #principale-contenu .content-box-header{float:left;width:100%;background-color:#fff;font-size:24px;font-size:2.4rem;color:#004990;padding:20px;border-bottom:#d3d8db 1px solid;font-family: 'DinNext';} #principale-contenu .content-box-contenu{float:left;width:100%;background-color:#fff;padding:20px;} #principale-contenu .content-box-liste{margin:0 0 20px 0; padding:0; list-style:none;} #principale-contenu .content-box-liste li{display:inline-block; width:49%;margin-bottom: 10px;} #principale-contenu .content-box-liste li a:link{color:#4891dc;font-family: open_sansbold;} #principale-contenu .content-box-liste li a:visited{color:#4891dc} #principale-contenu .content-box-liste li a:hover{color:#f26d0c} #principale-contenu .content-box-tableau{float:left;width:100%;} #principale-contenu .content-box-tableau-contenu{float:left;width:16%;margin:0 0 20px 0;} #principale-contenu .content-box-tableau-image{float:left;width:100%;text-align:center;} #principale-contenu .content-box-tableau-texte{float:left;width:100%;text-align:center;} /* Gabarit reservation */ #principale-contenu .Amt-reservation{float:left;width:100%;border:#d3d8db 1px solid;-webkit-border-radius: 3px;border-radius: 3px;background-color:#f5f5f5;margin-bottom:20px;} #principale-contenu .Amt-reservation-contenu-first{float:left;width:50%;border-right:#d3d8db 1px solid;} #principale-contenu .Amt-reservation-contenu-last{float:left;width:50%;} #principale-contenu .Amt-reservation-contenu-texte{float:left;width:100%;color:#333;font-family: 'DinNext';font-size:16px;font-size:1.6rem;font-size:1.6rem;padding:40px 20%;font-weight:bold;line-height: 28px;} #principale-contenu .Amt-reservation-contenu-texte .icon-amt2{float:left;line-height: 20px;margin-right: 10px;width: 33px;height: 33px;margin-top: -10px;} #principale-contenu .Amt-reservation-contenu-texte .icon-amt2::before{font-size: 33px;margin:0;position: absolute;} #principale-contenu .Amt-reservation-contenu-texte a:link{color:#5090CD} #principale-contenu .Amt-reservation-contenu-texte a:visited{color:#5090CD} #principale-contenu .Amt-reservation-contenu-texte a:hover{color:#F26D0C} /* Gabarit simple bloc */ #principale-contenu .Amt-simple-bloc{float:left;width:100%;border:#d3d8db 1px solid;margin-bottom:20px;} #principale-contenu .Amt-simple-bloc-header{float:left;width:100%;background-color:#fff;font-size:24px;font-size:2.4rem;color:#004990;padding:20px;border-bottom:#d3d8db 1px solid;font-family: 'DinNext';} #principale-contenu .Amt-simple-bloc-body{float:left;width:100%;padding:20px 20px 0 20px ;border-bottom:#d3d8db 1px solid;background-color:#f5f5f5;font-size:14px;font-size:1.4rem;font-family:open_sansregular;color:#333;} #principale-contenu .Amt-simple-bloc-body p{margin: 0 0 20px 0} #principale-contenu .Amt-simple-bloc-footer{float:left;width:100%;background-color:#fafafa;padding:10px 20px; text-align:right;} /* Gabarit simple bloc double */ #principale-contenu .Amt-simple-bloc-double{float:left;width:100%;border:#d3d8db 1px solid;margin-bottom:20px;overflow:hidden} #principale-contenu .Amt-simple-bloc-double-header{float:left;width:100%;background-color:#fff;font-size:24px;color:#004990;padding:20px;border-bottom:#d3d8db 1px solid;font-family: 'DinNext';} #principale-contenu .Amt-simple-bloc-double-body{float:left;width:100%;padding:20px 20px 0 20px ;border-bottom:#d3d8db 1px solid;background-color:#f5f5f5;font-size:14px;font-family:open_sansregular;color:#333;} #principale-contenu .Amt-simple-bloc-double-contenu-one{float:left;width:48%;margin-right:4%;} #principale-contenu .Amt-simple-bloc-double-contenu-two{float:left;width:48%;} #principale-contenu .Amt-simple-bloc-double-body p{margin: 0 0 20px 0} #principale-contenu .Amt-simple-bloc-double-footer{float:left;width:100%;background-color:#fafafa;padding:10px 20px; text-align:right;} /* Gabarit simple bloc tier */ #principale-contenu .Amt-simple-bloc-tier{float:left;width:100%;border:#d3d8db 1px solid;margin-bottom:20px;overflow:hidden} #principale-contenu .Amt-simple-bloc-tier-header{float:left;width:100%;background-color:#fff;font-size:24px;color:#004990;padding:20px;border-bottom:#d3d8db 1px solid;font-family: 'DinNext';} #principale-contenu .Amt-simple-bloc-tier-body{float:left;width:100%;padding:20px 20px 0 20px ;border-bottom:#d3d8db 1px solid;background-color:#f5f5f5;font-size:14px;font-family:open_sansregular;color:#333;} #principale-contenu .Amt-simple-bloc-tier-contenu-one{float:left;width:67%;margin-right:4%;} #principale-contenu .Amt-simple-bloc-tier-contenu-two{float:left;width:29%;overflow:hidden} #principale-contenu .Amt-simple-bloc-tier-body p{margin: 0 0 20px 0} #principale-contenu .Amt-simple-bloc-tier-footer{float:left;width:100%;background-color:#fafafa;padding:10px 20px; text-align:right;} /* Gabarit simple bloc triple */ #principale-contenu .Amt-simple-bloc-triple{float:left;width:100%;border:#d3d8db 1px solid;margin-bottom:20px;} #principale-contenu .Amt-simple-bloc-triple-header{float:left;width:100%;background-color:#fff;font-size:24px;color:#004990;padding:20px;border-bottom:#d3d8db 1px solid;font-family: 'DinNext';} #principale-contenu .Amt-simple-bloc-triple-body{float:left;width:100%;padding:20px 20px 0 20px ;border-bottom:#d3d8db 1px solid;background-color:#f5f5f5;font-size:14px;font-family:open_sansregular;color:#333;} #principale-contenu .Amt-simple-bloc-triple-contenu-one{float:left;width:31%;margin-right:3%;} #principale-contenu .Amt-simple-bloc-triple-contenu-two{float:left;width:31%;margin-right:3%;} #principale-contenu .Amt-simple-bloc-triple-contenu-three{float:left;width:31%;} #principale-contenu .Amt-simple-bloc-triple-body p{margin: 0 0 20px 0} #principale-contenu .Amt-simple-bloc-triple-footer{float:left;width:100%;background-color:#fafafa;padding:10px 20px; text-align:right;} /* Gabarit gros picto*/ #principale-contenu .gros-picto{float: left; width: 100%;} #principale-contenu .gros-picto-content{float: left; width: 100%; margin-bottom: 20px;} #principale-contenu .gros-picto-picto-container{padding-right: 20px; float: left;width: 20%;min-width: 122px;margin-bottom:20px;} #principale-contenu .gros-picto-texte-container{float: left; width: 80%; border-bottom: 1px solid #E0E0E0; padding-bottom: 20px;} #principale-contenu .gros-picto-picto-container .icon-amt2{display: block;width: 102px;height: 102px;width: 100%;text-align: center; font-size:76px;color:#fff;background-color:#4892dd; padding:10px 0 0;-webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;cursor:pointer;font-family:AdobeBlank;} #principale-contenu .gros-picto-picto-container .icon-amt2:before{margin:0;width: 100%;} #principale-contenu .gros-picto-picto-container .icon-amt2:hover{background-color:#f26e0c;} #principale-contenu .gros-picto-texte-container h3{margin-top:0;} /* Gabarit notre mission */ #principale-contenu .Amt-notre-mission{float:left;width:100%;margin-bottom:20px;border-bottom:#d3d8db 1px solid;background-image:url(../Content/Images/carte-vector-montreal.png);background-repeat:no-repeat;background-position:top right;} #principale-contenu .Amt-notre-mission-contenu{float:left;width:100%;padding:60px 10px} #principale-contenu .Amt-notre-mission-contenu-left{float:left;width:10%;text-align: right;padding-right: 20px;padding-top: 10px;} #principale-contenu .Amt-notre-mission-contenu-right{float:left;width:90%;border-left:#d3d8db 1px solid;padding:0 20px;} #principale-contenu .Amt-notre-mission-contenu-right-titre{font-size:36px;color:#4891dc;font-family: 'DinNext';letter-spacing: -2px;} #principale-contenu .Amt-notre-mission-contenu-right-texte{font-family: 'DinNext';color:#004990;} #principale-contenu .Amt-notre-mission-contenu-right-logo{float:left;} /* Gabarit service a la clientele */ #principale-contenu .Amt-service-a-la-clientele{float:left;width:100%;border-top:#d3d8db 1px solid;background-image:url(../Content/Images/service-a-la-clientele-femme.jpg);background-repeat:no-repeat;background-position:top right;} #principale-contenu .Amt-service-a-la-clientele-contenu{float:left;width:100%;padding:60px 10px} #principale-contenu .Amt-service-a-la-clientele-contenu-left{float:left;width:10%;} #principale-contenu .Amt-service-a-la-clientele-contenu-right{float:left;width:90%;border-left:#d3d8db 1px solid;padding:0 20px;} #principale-contenu .Amt-service-a-la-clientele-contenu-right-titre{font-size:36px;color:#4891dc;font-family: 'DinNext';letter-spacing: -2px;} #principale-contenu .Amt-service-a-la-clientele-contenu-right-texte{font-family: 'DinNext';color:#004990;} /* Gabarit trois blocs */ #principale-contenu .Amt-trois-blocs{float:left;width:100%;border:#d3d8db 1px solid;} #principale-contenu .Amt-trois-blocs-contenu{width:33.33%;padding:20px;vertical-align: top;} #principale-contenu .Amt-trois-blocs-first{border-right:#d3d8db 1px solid;} #principale-contenu .Amt-trois-blocs-second{border-right:#d3d8db 1px solid;} #principale-contenu .Amt-trois-blocs-header{float:left;width:100%;margin:0 0 20px 0;color:#333;font-family: 'DinNext';font-size:16px;font-size:1.6rem;font-weight:bold} #principale-contenu .Amt-trois-blocs-texte{float:left;width:100%;} #principale-contenu .Amt-trois-blocs-texte a:link{color:#5090CD} #principale-contenu .Amt-trois-blocs-texte a:visited{color:#5090CD} #principale-contenu .Amt-trois-blocs-texte a:hover{color:#F26D0C} /* Gabarit tableau */ #principale-contenu .Amt-tableau{width:100%;border:1px solid #d3d8db;margin-bottom:20px;} #principale-contenu .Amt-tableau tr{width:100%;} #principale-contenu .Amt-tableau tbody tr:nth-child(2n+1){background-color:#fafafa;} #principale-contenu .Amt-tableau td{text-align: center;padding:10px} #principale-contenu .Amt-tableau thead tr td{background-color:#fff;border-bottom:1px solid #ebebeb;font-family: 'open_sanssemibold';padding:20px 10px} #principale-contenu .Amt-tableau tbody tr td{font-family: 'open_sansregular';border-right:1px solid #ebebeb;} #principale-contenu .Amt-tableau tbody tr td:last-child{border-right:0;} /* Gabarit PDF */ #principale-contenu .Amt-pdf{color:#333333;font-family: 'open_sanssemibold';margin-bottom: 20px;} #principale-contenu .Amt-pdf a:link{color:#333333;font-family: 'open_sanssemibold';} #principale-contenu .Amt-pdf a:visited{color:#333333;font-family: 'open_sanssemibold';} #principale-contenu .Amt-pdf a:hover{color:#F26D0C;font-family: 'open_sanssemibold';} #principale-contenu .Amt-pdf-pdf{margin-right: 10px;background: url(../Content/Images/mon-amt/sprite-mon-amt.png) no-repeat 0 0;display: block;width: 23px;height: 29px;background-position: -73px 0;float:left} #principale-contenu .Amt-pdf-texte{line-height:16px;} #principale-contenu .Amt-pdf-texte-petit{line-height:12px;font-size: 90%;} #principale-contenu .Amt-pdf2{color:#333333;font-family: 'open_sanssemibold';margin-bottom: 10px;} #principale-contenu .Amt-pdf2 a:link{color:#333333;font-family: 'open_sanssemibold';} #principale-contenu .Amt-pdf2 a:visited{color:#333333;font-family: 'open_sanssemibold';} #principale-contenu .Amt-pdf2 a:hover{color:#F26D0C;font-family: 'open_sanssemibold';} #principale-contenu .Amt-pdf-pdf{margin-right: 10px;background: url(../Content/Images/mon-amt/sprite-mon-amt.png) no-repeat 0 0;display: block;width: 23px;height: 29px;background-position: -73px 0;float:left} #principale-contenu .Amt-pdf-texte{line-height:16px;} #principale-contenu .Amt-pdf-texte-petit{line-height:12px;font-size: 90%;} /* Gabarit rendez-vous */ #principale-contenu .Amt-rendez-vous{float:left;width:100%;border:#d3d8db 1px solid;-webkit-border-radius: 3px;border-radius: 3px;background-color:#f5f5f5;padding:20px;position: relative;margin-bottom:20px;} #principale-contenu .Amt-rendez-vous-texte{color:#333;font-family: 'DinNext';font-weight:bold;padding-left: 60px;} #principale-contenu .Amt-rendez-vous-texte-lieu{padding-right: 174px;} #principale-contenu .Amt-rendez-vous-info{width:60px;float:left} #principale-contenu .Amt-rendez-vous-contenu-date{margin-bottom:20px;float:left;width:100%;padding-left: 30px;} #principale-contenu .Amt-rendez-vous-contenu-date::before{margin-left: -23px;content:'\e64e';font-family:amt2;color:#5c5c5c;padding:1px;position: absolute;margin-top: 1px;font-size: 15px;line-height: 15px;text-align: center;} #principale-contenu .Amt-rendez-vous-contenu-heure{margin-bottom:20px;float:left;width:100%;padding-left: 30px;} #principale-contenu .Amt-rendez-vous-contenu-heure::before{margin-left: -23px;content:'\e638';font-family:amt2;color:#5c5c5c;padding:1px;position: absolute;margin-top: 1px;font-size: 15px;line-height: 15px;text-align: center;} #principale-contenu .Amt-rendez-vous-contenu-lieu{float:left;width:100%;padding-left: 30px;} #principale-contenu .Amt-rendez-vous-contenu-lieu::before{margin-left: -23px;content:'\e616';font-family:amt2;color:#5c5c5c;padding:1px;position: absolute;margin-top: 1px;font-size: 15px;line-height: 15px;text-align: center;} #principale-contenu .Amt-rendez-vous-contenu-itineraire{position: absolute;right: 20px;bottom: 20px;} /* Gabarit liste menu */ #principale-contenu .Amt-liste-menu{margin:0;padding:0;list-style:none;margin-bottom:20px;float:left;width:100%;border:1px solid #d3d8db;position:relative} #principale-contenu .Amt-liste-menu li{float:left;width:100%;border-bottom:1px solid #d3d8db;} #principale-contenu .Amt-liste-menu li:last-child{border-bottom:0;} #principale-contenu .Amt-liste-menu li a:link{float:left;width:100%;color:#333;padding:20px 50px 20px 20px;background-color:#f5f5f5} #principale-contenu .Amt-liste-menu li a:visited{color:#333;} #principale-contenu .Amt-liste-menu li a:hover{color:#fff;background-color:#4891dc} #principale-contenu .Amt-liste-menu li a::after{content:'\e646';font-family:amt2;color:#5c5c5c;padding:1px;position: absolute;font-size: 20px;line-height: 20px;right:20px;} #principale-contenu .Amt-liste-menu li a:hover::after{color:#fff;} /* Gabarit liste menu bloc */ #principale-contenu .Amt-liste-menu-bloc{float:left;width:100%;border:#d3d8db 1px solid;margin-bottom:20px;} #principale-contenu .Amt-liste-menu-bloc-header{float:left;width:100%;background-color:#fff;font-size:24px;font-size:2.4rem;color:#004990;padding:20px;border-bottom:#d3d8db 1px solid;font-family: 'DinNext';} #principale-contenu .Amt-liste-menu-bloc-contenu{float:left;width:100%;background-color:#fff;} #principale-contenu .Amt-liste-menu-bloc-liste{margin:0;padding:0;list-style:none;float:left;width:100%;position:relative} #principale-contenu .Amt-liste-menu-bloc-liste li{float:left;width:100%;} #principale-contenu .Amt-liste-menu-bloc-liste li{float:left;width:100%;border-bottom:1px solid #d3d8db;} #principale-contenu .Amt-liste-menu-bloc-liste li:last-child{border-bottom:0;} #principale-contenu .Amt-liste-menu-bloc-liste li a:link{float:left;width:100%;color:#333;padding:20px 50px 20px 20px;background-color:#f5f5f5} #principale-contenu .Amt-liste-menu-bloc-liste li a:visited{color:#333;} #principale-contenu .Amt-liste-menu-bloc-liste li a:hover{color:#fff;background-color:#4891dc} #principale-contenu .Amt-liste-menu-bloc-liste li a::after{content:'\e646';font-family:amt2;color:#5c5c5c;padding:1px;position: absolute;font-size: 20px;line-height: 20px;right:20px;} #principale-contenu .Amt-liste-menu-bloc-liste li a:hover::after{color:#fff;} /* Gabarit image texte */ #principale-contenu .Amt-image-texte{float:left;width:100%;} #principale-contenu .Amt-image-texte-contenu{float:left;width:100%;margin-bottom:20px;} #principale-contenu .Amt-image-texte-contenu-image{float:left;width:100%;} #principale-contenu .Amt-image-texte-contenu-contenu{float:left;width:100%;padding-bottom:20px;border-bottom:#d3d8db 1px solid;} #principale-contenu .Amt-image-texte-contenu-contenu-titre{float:left;width:100%;} #principale-contenu .Amt-image-texte-contenu-contenu-texte{float:left;width:100%;} /* contenu tablette */ #menu-principale-tablette{ margin:20px 3% 0 3%; padding:0; background:#fff url(../Content/Images/bg-dropdown-tablette.png) no-repeat right top; overflow:hidden; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; } #menu-principale-tablette select{ background-color:transparent; border:0 solid #fff; font-size:16px; padding:6px 15px; width:120%; max-height:36px;padding-right:50px; } #menu-principale-tablette-contenu{ display:none; } /* contenu mobile */ #entete-principale-mobile{ height:60px; padding:4px; } /* éléments mobile à cacher par default */ #entete-principale-mobile{ display: none; } #menu-principale-tablette{ display: none; } /* nouveau carousel page d'accueil 2015 */ div#carousel-home-container{ padding:10px 10px 24px; background-color:#fff; border:1px solid #ccc; z-index:2; position:relative; border-radius:5px; margin-bottom:30px; } div#carousel-container{ float:left; height:247px; } div#carousel-home-slides{ width:850px; height:210px; position:relative; border:1px solid #ccc; margin:0; } div#carousel-home-slides img{ position:absolute; top:0; left:0; } ul#carousel-home-pages{ width:848px; list-style:none; margin:0; } ul#carousel-home-pages li{ float:left; width:25%; cursor:pointer; } ul#carousel-home-pages li span{ display:block; text-align:center; padding:15px 0 10px; height:62px; overflow:hidden; } .progress { height: 5px; overflow: hidden; background-color: #cccccc; } .progress-bar { float: left; width: 0; height: 100%; font-size: 12px; line-height: 20px; color: #ffffff; text-align: center; background-color: #ec8d47; -webkit-transition: width 0.6s ease; transition: width 0.6s ease; } .progress-bar-base{ background-color:#ec8d47; }/* started */ .progress-bar-completed{ background-color:#f06c0c; }/* completed */ #bigbox-container{ float:right; } #bigbox-primary, #bigbox-secondary{ width:300px; height:250px; overflow:hidden; border:1px solid #ccc; } #bigbox-secondary{ display:none; } /* @media tablet */ @media screen and (min-width: 960px) and (max-width: 1240px) { div#carousel-container{ float:none; } div#carousel-home-slides{ margin:0 auto; } ul#carousel-home-pages{ margin:0 auto; } #bigbox-container{ float:none; text-align:center; padding-top:30px; margin-top:30px; } #bigbox-primary, #bigbox-secondary{ display:inline-block; } #bigbox-primary{ margin-right:50px; } #bigbox-secondary{ margin-left:50px; } } /* @media mobile */ @media screen and (max-width: 960px) { div#carousel-container{ height:auto; float:none; } div#carousel-home-slides{ width:100%; height:auto; } div#carousel-home-slides img{ width:100% !important; height:auto !important; position:relative; display:block; } ul#carousel-home-pages{ display:none; } #bigbox-container{ float:none; text-align:center; margin-top:30px; } #bigbox-primary{ display:inline-block; } #bigbox-secondary{ display:none; } } /* * @media tablet */ @media screen and (min-width: 960px) and (max-width: 1240px) { .englobe_itineraire .arret_intermitant_resultat_wrapper {width: 47%;} /* 47 si texte trop long pour mettre l'exclamation sur la même ligne /fr/planifier-trajet/autobus/RTL/120/0 */ body:after{ content:'tablet'; display:none; } /* Gabarits */ #principale-contenu .Amt-service-a-la-clientele{background-image:none} #principale-contenu .Amt-pour-nous-joindre-content-icone{display:none} #principale-contenu .Amt-pour-nous-joindre-content-texte{width:100%;padding-left:20px;} /* Gabarit simple bloc double */ #principale-contenu .Amt-simple-bloc-double-contenu-one{width:100%;margin-right:0%;} #principale-contenu .Amt-simple-bloc-double-contenu-two{width:100%;border-top:1px solid #d3d8db;padding:20px 0 20px 0;} /* Gabarit simple bloc tier */ #principale-contenu .Amt-simple-bloc-tier-contenu-one{width:100%;margin-right:0%;} #principale-contenu .Amt-simple-bloc-tier-contenu-two{width:100%;border-top:1px solid #d3d8db;padding:20px 0 20px 0;} /* Gabarit simple bloc triple */ #principale-contenu .Amt-simple-bloc-triple-contenu-one{width:100%;margin-right:0%;} #principale-contenu .Amt-simple-bloc-triple-contenu-two{width:100%;border-top:1px solid #d3d8db;padding:20px 0 20px 0;} #principale-contenu .Amt-simple-bloc-triple-contenu-three{width:100%;border-top:1px solid #d3d8db;padding:20px 0 20px 0;} .contenant{overflow:hidden} #entete{ margin:0; padding:0 3%; } #entete a:link, #entete a:visited{ font-size:12px; } #entete #btn-access-font-ctn, #entete #btn-access-contrast-ctn{ display:none; } #principale{ margin:0; padding:0 3%; width:100%; background-color:#fff; } .zone-header {padding: 8px 0 20px 0;} #menu-principale{ margin:0 3%; } #menu-principale-tablette{ display:block; } /* Pied de page */ #pidedepage-sig ul.medias-sociaux li.first{display:none} #pidedepage-sig {padding:0 0 0 20px;} #apres-principale {font-size: 12px;} #apres-principale .achecinq {font-size: 18px;letter-spacing:0;} #apres-principale .footer__primaire {padding: 20px 20px 20px 0;} #apres-principale .footer__secondaire {padding: 20px 20px;} #apres-principale .footer__tertiaire {padding: 20px 0 20px 20px;} #pidedepage-sig .copyright {font-size:10px;padding: 12px 20px 12px 0;} #pidedepage-sig .copyright span {margin-right:15px;} #pidedepage-sig .user-display{font-size:10px;bottom: 26px;left: 111px;} #pidedepage-sig .widget-version-de-build {top: 0;} #pidedepage-sig .zone{width:100%;} /* On reduit les icones de reseaux sociaux */ #pidedepage-sig ul.medias-sociaux li.first {text-align: left;margin-left: 20px;float: left;width:100%;font-size: 18px;letter-spacing: 0;font-weight: normal;color: #004990;font-family: 'DinNext';letter-spacing: -3px;margin: 0 0 30px 0;} #pidedepage-sig ul.medias-sociaux li.first span{letter-spacing: 0; margin-left:20px;} #pidedepage-sig ul.medias-sociaux a {font-size:27px;padding: 7px;} #pidedepage-sig ul.medias-sociaux .flickr a {padding: 4px 5px 10px 5px;} #pidedepage-sig .flickr a:before, #pidedepage-sig .flickr a:after {font-size: 16px;letter-spacing:0;} /* imprimer */ .imprimer{display:none !important;} } /* * @media mobile */ @media screen and (max-width: 960px) { .signuppopup { display:none; } #entete > .zone article { float:right; } .menuconnexion { position:relative; width:100%; margin:60px 15px 0 auto; text-align:center; } /* Gabarit rendez-vous */ #principale-contenu .Amt-rendez-vous { padding-bottom:40px;} #principale-contenu .Amt-rendez-vous-texte-lieu { padding-right:0;} .englobe_itineraire .arret_intermitant_resultat_wrapper {width: 100%;} /* gabarits */ #principale-contenu .Amt-notre-mission{background-image:none} #principale-contenu .Amt-service-a-la-clientele{background-image:none} #principale-contenu .Amt-notre-mission-contenu-right{border-left:0;} #principale-contenu .Amt-service-a-la-clientele-contenu-right{border-left:0;} /* Gabarit simple bloc double */ #principale-contenu .Amt-simple-bloc-double-contenu-one{width:100%;margin-right:0%;} #principale-contenu .Amt-simple-bloc-double-contenu-two{width:100%;border-top:1px solid #d3d8db;padding:20px 0 20px 0;} #principale-contenu .content-box{border-left:0;border-right:0;} #principale-contenu .Amt-simple-bloc-double img{float:left;width:100%;text-align:center;height:auto} #principale-contenu .Amt-simple-bloc-double img.pas_responsive{width:auto} #principale-contenu .Amt-simple-bloc img{float:left;width:100%;text-align:center;height:auto} #principale-contenu .Amt-simple-bloc-tier-contenu-one{width:100%;margin-right:0%;} #principale-contenu .Amt-simple-bloc-tier-contenu-two{width:100%;border-top:1px solid #d3d8db;padding:20px 0 20px 0;} #principale-contenu .Amt-simple-bloc-tier img{float:left;width:100%;text-align:center;height:auto} #principale-contenu .Amt-simple-bloc-triple-contenu-one{width:100%;margin-right:0%;} #principale-contenu .Amt-simple-bloc-triple-contenu-two{width:100%;border-top:1px solid #d3d8db;padding:20px 0 20px 0;} #principale-contenu .Amt-simple-bloc-triple-contenu-three{width:100%;border-top:1px solid #d3d8db;padding:20px 0 20px 0;} #principale-contenu .Amt-simple-bloc-triple img{float:left;width:100%;text-align:center;height:auto} /* Style */ .Amt-bouton-orange{float:left;width:100%;text-align:center;} /* coté droit */ #cote-secondaire{ display:block; width:100%; float:left;padding:20px 20px 0 20px; } /* gare */ .planifier-transport-arret header, .planifier-transport-autobus-arret header{padding-bottom: 40px;position: relative;float: left;width: 100%;} /* Orchard reset */ .zone{ padding:0; } body{ background-image:none; background-color:#e5e5e5; } /* temp */ .widget-culture-picker-widget{ display:none; } /* éléments desktop à cacher pour le mobile */ #entete .menu-menu-superieur, #menu-principale, .menu-principale, #fildariane, #cote-primaire, #btn-access-font-ctn, #entete ul, #carousel-home-container{ display: none; } #btn-access-contrast-ctn{ display: none; } /* entete */ #entete{ width:100%; min-width:1px; margin:0; padding:0; } #entete .zone{ padding:0; } #entete > .zone{ width:100%; } #entete #branding{ font:normal 100px/26px amt2; width:155px; height:62px; position:absolute; left:50%; margin-left:-77px; margin-top:7px; color:#fff; top:0;overflow: hidden; } #branding:before{ content: "\e618"; text-indent:0; color:#fff; } #branding a:link, #branding a:visited{ width:155px; height:62px; margin-top:-70px; position:relative; z-index:999; border-color:#004990; } #entete-principale-mobile{ display: block; } #menu-principale-tablette{ display:block; } /* Accueil */ .dyn-accueil .zone {padding: 0} /* principale */ #principale{ background-color:#fff; margin:0; /*padding:20px 40px;*/ width: 100% } /* TEMP */ .dyn-accueil #contenu{ padding:0 !important; } .dyn-accueil #contenu.ouvert{ padding:0 !important; } /* Lignes */ #TitreHoraireLigne{display:none} .planifier-transport-arret #TitreLigne, .planifier-transport-ligne #TitreLigne, .planifier-transport-autobus-arret #TitreLigne{font-size:16px;font-size:1.6rem;font-family: 'DinNext';} .planifier-transport-ligne #TitreLigne{width:98%;} /* itineraire */ #SousHeader{padding-bottom:10px;}/* 10px pour fr/planifier-trajets/autobus/STM/10/0/51260 */ #Itineraire .icon_arret{height: 34px;margin: -4px 3% 0 3%;} #Itineraire .englobe_itineraire{padding:0;float:left;margin:0;} #Itineraire .itineraire_message{padding-right: 3%;} #TitreArret, #TitreHoraireLigne, #TitreArret h1 {font-size:24px;font-size:2.4rem;margin: 0;} #OutilHoraire{z-index: 1;position: absolute;left: 0;bottom: 10px;width: initial;} #OutilHoraire a {font-size: 12px;} #OutilHoraire a:hover {font-size: 12px;} #OutilHoraire ul li {margin-left: 10px;} #OutilHoraire {text-align:right;right:auto; left: 0;width: auto;} #OutilHoraire ul{margin: 10px 10px 0 0;height:auto;} .englobe_itineraire ul{padding: 10px 0 0 59px;} /* padding pour fr/planifier-trajets/autobus/STM/10/0 */ .englobe_itineraire ul li {height:auto;} .englobe_itineraire ul li:first-child:before{margin: -21px 0 0 -45px;height: 10px;} .englobe_itineraire ul li.arret_intermitant:before {left: 29px;} /* pour la barre transversale s'aligne fr/planifier-trajets/train/deux-montagnes/0 */ .englobe_itineraire ul li a{font-size:13px;width: 64%;} #Itineraire ul li a.arrow_metro {width: 37px;} #Itineraire ul li a.icon_arret{margin-top:14px;} #Itineraire ul li:first-child a.img_icon {margin-top: 10px;} /* #Itineraire ul li:first-child a.img_icon.piton_metro {margin-top: 0px;} */ #Itineraire ul li:first-child a.icon_arret{margin-top:14px;} .englobe_itineraire ul li:last-child:after{height: 10px;margin: 39px 0 0 -41px;width: 30px;} .planifier-transport-arret header #TitreArret{float:left;width:100%;} .planifier-transport-autobus-arret header #TitreArret{float:left;width:100%;} .dyn-planifier-transport-autobus-ligne #TitreLigne, .planifier-transport-arret #TitreLigne, .planifier-transport-ligne #TitreLigne, .planifier-transport-autobus-arret #TitreLigne{width:100%;} /* pied de page */ #apres-principale, #apres-principale .zone-after-main, #apres-principale .zone-after-main h5{ margin:0;padding:0; } #apres-principale .primaire, #apres-principale .secondaire, #apres-principale .tertiaire{ display:block; width:100%; border-right:none; background:none; } #apres-principale .primaire, #apres-principale .secondaire, #apres-principale .tertiaire{ border-top:1px solid #c9c9c9; } #apres-principale .primaire .zone, #apres-principale .secondaire .zone, #apres-principale .tertiaire .zone{ padding:20px 40px; } #apres-principale .secondaire p, #apres-principale .tertiaire ul{ margin-left:0; } #apres-principale .tertiaire a{ display:block; background-color:#fff; background-position:98% center; border:1px solid #c9c9c9; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; padding:15px 15px; } #pidedepage-sig{ padding:20px 0 0; text-align:center;background-color:initial; } #pidedepage-sig span{ display:block; } #pidedepage-sig span.user-actions{ padding:10px; } #apres-principale .footer__primaire, #apres-principale .footer__secondaire, #apres-principale .footer__tertiaire{display:block;width: 100%;border:0;border-bottom: 1px solid #c9c9c9;float: left;padding:20px;} #apres-principale {width:100%} #apres-principale .achecinq {font-size: 18px;letter-spacing:0;} /* On cache les images */ #apres-principale .footer__primaire img, #apres-principale .footer__secondaire img, #apres-principale .footer__tertiaire img{display:none} /* On reduit les icones de reseaux sociaux */ #pidedepage-sig ul.medias-sociaux li.first {text-align: left;margin-left: 20px;float: left;width:100%;font-size: 18px;letter-spacing: 0;font-weight: normal;color: #004990;font-family: 'DinNext';letter-spacing: -3px;margin: 0 0 30px 0;} #pidedepage-sig ul.medias-sociaux li.first span{letter-spacing: 0; margin-left:20px;} #pidedepage-sig ul.medias-sociaux a {font-size:27px;padding: 7px;} #pidedepage-sig ul.medias-sociaux .flickr a {padding: 6px 5px 8px 5px;} #pidedepage-sig .flickr a:before, #pidedepage-sig .flickr a:after {font-size: 18px;letter-spacing:0;} .copyright{color:#333;float:left;width:100%;padding:20px; text-align:center} .copyright a{color:#333;} #pidedepage-sig .copyright ul{width:100%;} #pidedepage-sig .user-display{position:initial;bottom:initial} #pidedepage-sig .user-display{ float: left;width: 100%; } #pidedepage-sig .user-display .user-actions a{ padding:30px 0; float: left;width: 100%;margin-bottom:10px; background-color:#f26d0c;color:#fff;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;} #pidedepage-sig .user-display .user-actions.welcome{ padding:30px 0 0 0; float: left;width: 100%; } #pidedepage-sig .user-display .user-actions.welcome a{ padding:0; float: left;width: 100%; background-color:transparent;color:#333;} #pidedepage-sig .user-display .user-actions.welcome a:hover{ background-color:transparent;color:#333;} #pidedepage-sig .user-display .user-actions a:hover{ background-color:#d45c04; } #pidedepage-sig .zone{width:100%;} /* imprimer */ .imprimer{display:none !important;} /* InformationsGare */ #ProchainsPassages{margin-bottom:80px; } a#prochainsPassagesShowMore{width:96%;padding:15px;bottom: -65px;margin: 0 2%;} /* recherche */ #resultats-recherche{float: left;padding: 0 10px;} /* voulez vous dire */ .message-voulezvous{ position:inherit;margin: 10px 10px 10px 50px;width: 65% !important;left:0; top:0; } .message-voulezvous:before{ left: 17px;top: -6px;border-top: 1px solid #ED1F24;border-bottom: 0; } .message-voulezvous .lieux input[type="button"], .message-voulezvous .lieux input[type="button"]:hover {white-space: normal;} #entete a.connexionbtn:link, #entete a.connexionbtn:visited{ margin-right:0; margin-top:10px; display:inline-block; font-family:open_sansbold; font-size:15px; font-size:1.3rem; font-weight:400; background-color:#f26d0c; background-image:none; border-radius:5px; color:#fff; height:40px; min-width:110px; line-height:40px; text-align: center; padding-left:20px; padding-right:20px; } #entete a.connexionbtn:hover{ background-color:#D45C04; background-image:none; border-radius:5px; color:#fff; height:40px; min-width:110px; } #entete a.connexionbtn:after {font-family: amt2; content: "\e603"; color: #fff; margin-left:8px;} #entete a.comptebtn:link, #entete a.comptebtn:visited{ border:1px solid #d1d1d1; margin-right:5px; ma rgin-top:10px; display:inline-block; font-family:open_sansbold; font-size:15px; font-size:1.3rem; font-weight:400; background-color:#FFF; background-image:none; border-radius:5px; color:#002479; height:40px; min-width:110px; line-height:40px; text-align: center; padding-left:20px; padding-right:20px; } #entete a.comptebtn:hover{ background-color:#f5f5f5; background-image:none; border-radius:5px; height:40px; min-width:110px; } #apres-principale .infolettre-englobe{float:left;width:100%;padding-bottom: 15px;margin-left: 15px;} } /* * @media print */ @media print { /* *{ box-shadow:none!important; text-shadow:none!important; } a, a:visited{ text-decoration:underline; } abbr[title]:after{ content:" (" attr(title) ")"; } pre, blockquote{ border:1px solid #999; page-break-inside:avoid; } thead{ display:table-header-group; } tr, img{ page-break-inside:avoid; } img{ max-width:100%!important; } p, h2, h3{ orphans:3; widows:3; } h2, h3{ page-break-after:avoid; }*/ }