*/
.double-border td {
height: 1px;
padding: 0;
border-bottom: 3px double;
}
/* @NOTE Two (or more) columns table with right aligned values (numbers in particular) in column 2 and following */
.value-table td + td {
text-align: right;
padding-right: 15px;
}
.fav .k-grid-filter,
.checkbox .k-grid-filter {
display: none;
}
.fav .k-link {
display: inline !important;
padding: 0 !important;
margin: 0 !important;
}
.k-grid-header th.fav {
text-align: center;
}
/* =Table with (container) moves */
.date-past, .date-past td {
font-style: italic;
}
.date-pastE, .date-pastE td { /* E for "ececee" */
font-style: italic;
}
.date-current,
.date-current td {
font-weight: bolder;
}
/* table with moves: color legend of each row */
.colorbox {
width: 17px;
height: 17px;
border: solid 1px;
margin-right: 10px;
vertical-align: middle;
}
.colorbox ~ .colorbox {
margin-left: 30px;
}
.colorbox-label {
vertical-align: middle;
font-family: verdana,helvetica,arial,sans-serif;
font-size: 0.909em;
}
.colorbox.past {
margin-left: 0;
}
.colorbox.pastE {
margin-left: 0;
}
/* Table displayed for a quotation (4.15) */
.quote-table {
clear: both;
width: 100%;
border-collapse: collapse;
padding-top: 6px;
white-space: nowrap;
}
.quote-table th {
padding: 1px 1px 4px 1px;
text-align: left;
font-weight: normal;
}
.quote-table td {
padding: 1px 50px 1px 1px;
text-align: right;
}
.quote-table thead {
border-bottom: 1px solid;
}
.quote-table thead ul {
padding-top: 11px;
padding-bottom: 17px;
text-align: left;
line-height: 1.6;
}
.quote-table .legend-container {
display: block;
margin: -22px 16px 0 0;
font-size: 1.091em; /* @NOTE 12px from 11px */
font-weight: bold;
}
.quote-table tr.sub-total td,
.quote-table td.sub-total,
.quote-table tr.grand-total td {
font-weight: bold;
}
.quote-table .grand-total th,
.quote-table .grand-total td {
padding: 18px 50px 11px 1px;
font-size: 1.182em; /* @NOTE 13px from 11px */
border-top: 3px double;
}
.quote-table thead th,
.quote-table .h3-like {
padding-top: 7px;
}
.quote-table tbody .h3-like {
padding-bottom: 18px;
}
.last-row-before-sep th,
.last-row-before-sep td {
padding-bottom: 20px;
}
.service-s-table td,
.service-s-table th {
border: 1px solid;
padding: 8px 2px 8px 10px;
}
.service-s-table th {
padding-top: 6px;
}
.service-s-table .past,
.service-s-cb-wrapper .past {
font-style: italic;
}
.service-s-table .current,
.service-s-cb-wrapper .current {
font-weight: bold;
}
/* solutions table (result schedules) */
.solutions-table {
border-collapse: collapse;
width: 100%;
}
.solutions-table tbody {
border: 1px solid;
}
.solutions-table th {
text-align: left;
font-weight: normal;
}
.solutions-table th,
.solutions-table td {
padding: 8px 2px 8px 4px;
}
.solutions-table tfoot td {
padding-top: 10px;
}
.solutions-table tbody th,
.solutions-table tbody td {
border-bottom: 1px solid;
border-spacing: 0;
}
.solutions-table .k-alt-gray td {
font-style: italic;
}
.eco-table tbody th {
font-weight: normal;
}
.eco-table-gases th,
.eco-table-gases td {
height: 45px;
border-bottom: 1px solid #dfdfdf !important;
border-right-color: #fff !important;
line-height: 45px;
}
.eco-table-gases th {
background: #fff;
}
.k-alt + .eco-table-gases th {
background: #f5f5f5;
}
.eco-table-gases th > span {
display: inline-block;
padding: 0 20px 0 45px;
font-weight: bold;
background: transparent url(img/bg-leaf-circle-30.png) 0 center no-repeat;
}
.eco-table-gases td {
background: #dfdfdf;
}
/* ==Eco calculator (.eco-table not used for now) */
/* huge result displayed on right column */
.cell-result-huge {
vertical-align: middle !important;
text-align: center !important;
font-size: 2.182em;
font-weight: bold;
}
.bg-leaf-circle {
/* shorthand property causes a bug in IE7 so 3 instructions */
background-image: url(img/bg-leaf-circle.png);
background-position: center center;
background-repeat: no-repeat;
}
/* ==Package table */
.package-table {
width: 100%; /* IE8 doesn't like %, there's a px value for it */
table-layout: fixed;
border-collapse: collapse;
}
.package-table caption {
text-align: right;
}
.package-table caption > span {
display: inline-block;
width: 51%;
height: 4px;
border-bottom: 4px solid;
margin-bottom: 10px;
text-align: center;
}
.package-table caption span span {
position: relative;
top: -5px;
padding: 0 12px;
text-transform: uppercase;
}
.package-table .th-sub th {
font-weight: normal;
text-transform: inherit;
}
.package-table td {
text-align: center;
}
.package-table.txtleft th,
.package-table.txtleft td {
text-align: left;
}
.package-table tbody td,
.package-table tbody th {
padding: 18px 15px;
vertical-align: middle;
}
.package-table .th-sub th,
.package-table .th-sub td {
padding: 0 15px 16px;
}
/* thead + tfoot (similar) */
/* "td ~" is here only for specificity reasons (vs. th ~ th below) */
.package-table thead td ~ th,
.package-table tfoot td + td {
border: 1px solid;
text-align: center;
}
/* Should match the 3 last cells of thead and tfoot. Before those, there's a td and th in thead and 2 td in tfoot */
.package-table thead th ~ th:before,
.package-table tfoot td + td ~ td:before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: -1;
background-color: white;
}
/* RQM 28709 - UFO - Registration pages changes / vertical centering in tfoot as well as in thead (2014-10-23) */
.package-table thead th,
.package-table tfoot td {
position: relative;
z-index: 0; /* Needed to display the bg color on pseudo :before */
vertical-align: middle;
}
.package-table .has-corner-triangle {
position: static;
padding: 6px 0 10px 0;
font-weight: bold;
text-transform: uppercase;
}
/* icon for package table */
/* RQM 28709 New size 20px, gray or green. No margin between cell border and triangle */
.package-table .corner-triangle-top-right {
top: -1px;
right: -1px;
border: 20px solid;
}
.package-table .corner-triangle-top-right .icon.icon { /* @BUGFIX double .icon to have more specificity than (08-templates.css) ".has-corner-triangle .corner-triangle-warning .icon" */
visibility: visible;
top: -15px;
font-size: 17px;
}
/*tbody*/
.package-table tbody {
border: 1px solid;
}
.package-table tbody td {
border-left: 1px solid;
}
.package-table tbody th {
text-align: left;
font-weight: bold;
text-transform: uppercase;
}
/* Top left cell (with image) */
.package-table .package-topleft {
padding-top: 11px;
}
.package-table .package-topleft > .h100 {
position: relative;
}
/* RQM 28709 Green border around column if subscribed */
.package-table thead .col-selected,
.package-table tfoot .col-selected {
border: 1px solid;
}
.package-table tbody .col-selected {
border-left: 1px solid;
border-right: 1px solid;
}
.package-table.table-horiz-space td {
padding-left: 35px;
padding-right: 35px;
}
/* package with overlay */
.package-manage {
position: relative;
}
.package-overlay {
position: absolute;
top: 0;
bottom: 0;
right: 0;
width: 152px;
border: 1px solid;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAALElEQVQIW2NkwALu3r37nxFdHCSorKzMiCIBEwQphksgC8Il0AXBEtgEQRIAzbcXnfcK9agAAAAASUVORK5CYII=) rgba(245, 245, 245, 0.6); /* @NOTE see fallback for IE8- in ie.css @TODO NOTHING done */
display: none;
}
.package-overlay.visible {
display: block;
}
/* 1024 overlay can go on 612px for a head line at 280px*/
.package-overlay.po-col-4-4 { /* package 4th col on 4 */
right: 1px;
}
.package-overlay.po-col-3-4 { /* package 3rd col on 4 */
right: 154px;
}
.package-overlay.po-col-2-4 { /* package 2nd col on 4 */
right: 306px;
}
.package-overlay.po-col-1-4 { /* package 1st col on 4 */
right: 459px;
}
.package-overlay.po-col-3-3 { /* package 3rd col on 3 */
right: 1px;
width: 204px;
}
.package-overlay.po-col-2-3 { /* package 2nd col on 3 */
right: 204px;
width: 204px;
}
.package-overlay.po-col-1-3 { /* package 1st col on 3 */
right: 408px;
width: 204px;
}
.package-table.pt-caption-3col ~ .package-overlay {
top: 15px;
}
.package-table.pt-caption-3col caption > span {
width: 408px;
}
/* TR toggle @ 23a.02 */
tr.toggle-active {
border-top: 1px solid; /* only when TR toggle is active */
}
/* horiz-table 17.01 */
.horiz-table {
border-collapse: collapse;
border: 1px solid;
font-family: verdana, helvetica, arial, sans-serif;
}
.horiz-table td,
.horiz-table th {
padding: 6px 10px;
}
/* large p-l for cells except first one */
.horiz-table td:first-child,
.horiz-table th:first-child {
padding-left: 10px;
}
.horiz-table td:first-child ~ td,
.horiz-table th:first-child ~ td {
padding-left: 25px;
}
.horiz-table tr + tr > th,
.horiz-table tr + tr > td,
.horiz-table tfoot td {
border-top: 1px solid;
}
.horiz-table tfoot td {
font-weight: bold;
}
/* Table to manage subscriptions */
.manage-sub-table {
border-spacing: 2px;
}
.manage-sub-table {
border: 1px solid; /* #e5e5e5 */
}
.manage-sub-table th,
.manage-sub-table td {
vertical-align: middle;
}
.manage-sub-table td {
padding-left: 15px;
padding-right: 15px;
}
.manage-sub-table th {
font-weight: normal;
text-align: left;
padding: 8px 15px;
}
.manage-sub-table .sep td {
border-bottom: 1px solid;
padding: 0;
}
.manage-sub-table li {
padding: 5px 5px 5px 0;
}
/* RTC #97035 - VGM */
/* Added for that ticket but could be used for something else */
/* simple zebra tables, no borders */
.zebra-table,
.zebra-table td,
.zebra-table th {
border: 0 none;
}
.zebra-table {
width: 100%;
table-layout: fixed;
border-collapse: collapse;
}
.zebra-table td,
.zebra-table th {
padding: 5px 10px;
vertical-align: top;
}
/* RTC #97035 - VGM */
/* Added for that ticket but could be used for something else */
/* tables with borders everywhere */
.bordered-table {
border-collapse: collapse;
table-layout: auto;
width: 100%;
}
.bordered-table th,
.bordered-table td {
padding: 15px 10px;
border: 1px solid;
}
.bordered-table thead th,
.bordered-table tbody th,
.bordered-table thead td {
background: #f5f5f5;
}
.bordered-table thead th,
.bordered-table thead td {
text-align: left;
}
.bordered-table tbody th {
font-weight: normal;
}
.bordered-table tbody td {
background: #fff;
}
/* Filter in Kendo table (height of dropdown). One more class for specificity: kendo.css is loaded after tihs one */
.k-filter-menu div .k-dropdown {
padding: 3px 0;
}
/* Black south arrow, not a white one */
.k-state-hover .k-i-arrow-s {
background-position: 0 -32px !important;
}
/* @BUGFIX RQM 22216: a numeric filter has a select with (n)orth and (s)outh arrows. Select needs to be taller and arrows hovered were wrong (done here and also in kendo.common.css)
Numeric filter: has a select with (n)orth and (s)outh arrows; needs to be taller. Above rule with !important needs to be overridden */
.k-numerictextbox .k-state-hover .k-i-arrow-s {
background-position: 0 -35px !important;
}
/* ALSA grid numeric .k-numerictextbox .k-input {
min-height: 2.2em;
}*/
/* Drag and drop in Kendo grid data tables. Class is used in alsasutra.js */
.k-grid .k-grid-is-dragged {
table-layout: fixed;
border: none;
}
.k-grid .k-grid-is-dragged td {
padding: 8px 6px;
border-color: #184894;
color: #FFF;
background-color: #184894;
}
/* hierarchy cells */
.k-grid .k-grid-header .k-hierarchy-cell {
border-right-color: transparent;
}
.k-grid .k-hierarchy-cell {
width: 30px;
}
.k-grid tbody .k-detail-cell {
border-right: 1px solid #DFDFDF;
}
/* absolute No-No only because firefox won't add a border on the right here.... covers the actual bordre on other browsers */
.k-grid tbody .k-detail-cell:last-child::after {
content: '';
position: absolute;
right: 0;
top: 0;
bottom: 0;
width: 1px;
background: #DFDFDF;
}
/* CSS E2E R17 */
.information-icon-button {
background-color: transparent;
padding: 0;
}
.information-content.visible {
display: block;
}
.information-content {
display: none;
position: absolute;
background-color: #184894;
color: white;
text-align: left;
padding: 10px;
right: 0px;
width: 250px;
top: 38px
}
.information-content::before {
content: '';
position: absolute;
top: -6px;
right: 16px;
width: 0;
height: 0;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid #184894;
}
.information-title {
font-weight: bold;
}
.w60pe {
width: 60%;
}
.w230p {
width: 230px;
}
.data-table.no-fixed {
table-layout: unset;
}
.colored-cell {
background-color: #F5F5F5;
}
/* == Other styles for responsive table */
table.enhanced {
border-spacing: 0;
}
.enhanced .optional,
.enhanced .optional {
display: none;
}
.enhanced th.minimal,
.enhanced col.minimal,
.enhanced td.minimal,
.enhanced th.essential,
.enhanced col.essential,
.enhanced td.essential {
display: table-cell;
}
.k-grid-enhanced thead,
.k-grid-enhanced .k-grouping-header {
display: none;
}
@media screen and (max-width: 954px) {
.enhanced th.essential,
.enhanced col.essential,
.enhanced td.essential {
display: none;
}
}
@media screen and (min-width: 1200px) {
.enhanced th.optional,
.enhanced col.optional,
.enhanced td.optional {
display: table-cell;
}
}
.table-menu {
position: absolute;
background-color: #fff;
padding: 10px;
border: 1px solid #ccc;
font-size: 1.2em;
width: 12em;
z-index: 2;
}
.table-menu-hidden {
left: -999em;
right: auto;
}
.table-wrapper {
position: relative;
margin: 5em 5%;
}
.k-grid-header .k-header {
white-space: normal;
}
a:hover, a:focus {
text-decoration: underline;
}
.values,
.mod h2, .mod .h2-like,
/*.mod3 h2, .mod3 .h2-like, */
.h1-like a.small,
.info, .mod .info, /*.mod footer p,*/
.download-thumb,
th.h3-like,
.validation-summary-errors,
.highlight-square,
.draft-save,
.booking-upload,
.msg-with-arrow,
.ctrltotals-value {
font-family: Verdana, Helvetica, Arial, sans-serif;
}
.double-list div > select + div > button { /* @NOTE selector not understood by IE6, don't mix with previous rule or nothing would be styled in IE6 */
font-family: Verdana,Helvetica,Arial,sans-serif;
}
.msgterms h2,
.corp-keydates h3,
.b-n-title, /* RQM 33272 - Notifications "pioupiou". As the PSD says (not following RQM 34465) */
.detail-mode .btn-back,
.detail-mode .detail-buttons,
.list-mode .btn-view-all {
font-family: Arial,Helvetica,sans-serif;
}
.corp-keydates .content {
font-family: 'Segoe UI', 'Trebuchet MS', Arial, sans-serif;
}
.icon, button.icon, button .icon, input.icon {
font-family: 'MustIcons';
}
/* @NOTE : only for "Showing" button (with a picto only) */
.alternate.lightgray.icon {
font-size: 1.8em;
padding: 2px 6px; /* to have 28x34px */
}
i {
font-style: normal;
}
abbr {
border-bottom: none;
}
.bold {
font-weight: bold;
}
.italic {
font-style: italic;
}
.weight-normal {
font-weight: normal !important;
}
/* caps as in CAPSLOCK. maj as french "majuscules" (we shouldn't use french words by convention...) */
.caps,
.maj {
text-transform: uppercase;
}
.petite-caps {
font-variant: petite-caps;
text-transform: capitalize;
}
.link-under {
text-decoration: underline;
}
.link-no-under,
.link-no-under:focus,
.link-no-under:hover,
.link-no-under:active {
text-decoration: none;
}
.font-arial {
font-family: Arial,Helvetica,sans-serif !important;
}
.font-verd {
font-family: Verdana,Arial,Helvetica,sans-serif !important;
}
.font-segoe {
font-family: 'Segoe UI', 'Trebuchet MS', Arial, sans-serif;
}
.font-mp-bold {
font-family: "MyriadPro-Regular", "Myriad Pro Regular", "Myriad Pro", Arial, Helvetica, sans-serif;
font-weight: bold;
}
/* NOT loaded via CSS. Must be loaded (via @font-face) in each page/template where it's used */
.font-cond,
.form-cond-bigger .k-widget,
.form-cond-input {
font-family: 'CondensedBold',helvetica,arial,sans-serif;
}
.font-cond-i {
font-family: 'CondensedBold',helvetica,arial,sans-serif !important;
}
/* "Courier" changed for "Courier New" because of RQM 20397 / .marksdesc-table and IE8 where it wasn't taken into account */
.font-monospace,
.si-bl-editing input {
font-family: "Courier New", monospace;
}
/* LH stands for line-height.
Can be extended further with classes like .lh-mini, .lh-midi, etc
*/
/* .lh-small {
For now, see tables.css
}*/
.lh-mini,
.lh-mini p,
.lh-mini li {
line-height: 1; /* 11px */
}
.bigger.lh-mini {
line-height: 1 !important;
}
.lh-medium,
.lh-medium p,
.lh-medium li {
line-height: 1.182; /* 13px */
}
.lh-15,
.lh-15 p,
.lh-15 li {
line-height: 1.364; /* 15px */
}
.lh-midi,
.lh-midi p,
.lh-midi li {
line-height: 1.5 !important; /* 16px */
}
.lh-large,
.lh-large p,
.lh-large li {
line-height: 1.7; /* 18px */
}
.lh-xlarge,
.lh-xlarge p,
.lh-xlarge li {
line-height: 1.85; /* 20px */
}
.lh-mega,
.lh-mega p,
.lh-mega li {
line-height: 2; /* 22px */
}
.lh-giga,
.lh-giga p,
.lh-giga li {
line-height: 2.25; /* 24px */
}
.lh-reset,
.lh-reset p,
.lh-reset li {
line-height: normal;
}
/* font-size, specific */
h1 a,
.h1-like a {
font-size: 0.44em; /* 11px from 25px */
}
h1 .first { /* @NOTE Do not add class .first on links containing only an icon as they're not separated by 15px from the rest of h1 */
margin-left: 7px; /* creates a 15px gap */
}
p .big, li .big, td .big, th .big, textarea .big {
font-size: 1.1em;
}
.slide-containers-selector li .big {
font-size: 1.182em; /* equiv 13px from 11px */
line-height: 1.3125;
}
/* 18b.03 difference in .mono-display-* .big whether it's in a LI or not. Cancelling "li .big" */
/* .mono-display-marks .big,
.mono-display-goods .big {
font-size: 1.1em;
}
*/
/* when button is on a */
p .bigger {
font-size: 1.19em;
}
button.huge {
width: 145px;
font-weight: bold;
}
.h2-like-bigger {
font-size: 1.6em !important;
}
.warning strong {
font-weight: normal;
}
.title-review-bl {
font-size: 1.818em; /* @NOTE 20px from 11px */
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
}
.title-review-bl span {
font-size: 0.9em; /* @NOTE 18px from 20px */
font-family: Verdana,Helvetica,Arial,sans-serif;
}
.small-title-eco-calc {
font-size: 1em;
font-family: Verdana,Helvetica,Arial,sans-serif;
}
.small-title-eco-calc .left {
font-size: 1.455em;
}
/* Informational text */
.info { /* @NOTE Outside .mod, on white background */
margin: 2px 0 4px 0;
padding-top: 19px;
line-height: 1.5;
font-size: 1.2em;
}
.info-long { /* @NOTE If text is going to occupy 2 lines, add this .info-long to .info in order to achieve some sort of vertical-aligning */
padding-top: 5px;
margin-bottom: 6px;
}
.mod .info { /* @NOTE Inside .mod, on lightgray background */
font-size: 1.1em; /* @NOTE And not 1.2em as stated above outside .mod */
line-height: 1.75em;
}
.row .info { font-size: 1.1em; }
/* ==Corporate */
.corp-inner h1 {
line-height: 1.20; /* approx. 30/25 */
}
.wwn {
word-wrap : normal;
}
/* ==CORPORATE */
.lh-corp-special {
line-height: 1.333 !important;
}
/* Main corporate layout */
.corp-main {
width: 955px;
}
/* Alternate corporate layout: with a banner (background-image) */
.corp-has-banner {
position: relative;
width: 964px; /* breaks down in (34 + 220 + 30 + 680) */
border-top: 8px solid;
margin: 294px 0 0 -34px;
padding: 27px 0 0 34px; /* @ALSAAFAIRE Vérifier les 27px de top. A 3px près ? En tout cas le p-l avait été modifié de 34px à 37 et il fallait pas alors que toutes les autres modifs dans le même commit concernaient ici des p-t et ptet des m-t */
}
/* ==Navigation */
.corp-nav {
margin-right: 30px;
}
.corp-layout1 .corp-nav,
.corp-layout6 .corp-nav {
margin-top: 5px;
}
.corp-layout6 .corp-nav-icons {
margin-right: 25px;
}
.corp-has-banner .corp-nav {
margin-top: 3px;
}
.corp-nav .title-like,
.corp-nav-icons .title-like {
padding: 8px 10px 8px 15px;
border: 1px solid;
border-width: 1px 1px 0;
font-size: 1.545em; /* equiv 17px from 11 */
}
.corp-nav .title-like a,
.corp-nav-icons .title-like a {
padding-left: 0;
}
.corp-nav .nav-items {
margin: 0;
padding: 6px 0 10px 0;
font-size: 1.273em;
}
.corp-nav .nav-items li {
padding: 3px 0 2px 0;
}
.corp-nav a {
display: block;
padding-left: 15px;
}
.corp-nav .nav-items ul {
border-top: 1px solid;
border-bottom: 1px solid;
margin: 9px 15px 4px;
padding: 4px 0 8px;
}
.corp-nav .nav-items .last ul {
border-bottom: 0;
margin-bottom: 0;
padding-bottom: 0;
}
.corp-nav .nav-items li li {
padding: 2px 0 1px;
}
.corp-nav li li a {
font-size: 0.929em;
}
/* T&J - RTC 98807 - New navigation*/
.corp-nav-icons .nav-items a,
.corp-nav-icons .nav-items span {
position: relative;
display: block;
padding: 12px 10px 14px 60px;
overflow: hidden;
text-decoration: none;
color: #6c6c6c;
}
.corp-nav-icons .nav-items .nav-item-1 {
border: 1px solid #dfdfdf;
cursor: pointer;
}
.corp-nav-icons .nav-items li + li .nav-item-1 {
border-top: 0;
}
.corp-nav-icons .nav-items .nav-item-2 {
text-decoration: none;
background: #f5f5f5;
}
.corp-nav-icons .nav-items ul.jq-to-close {
border-bottom: 1px solid #dfdfdf;
}
.corp-nav-icons .nav-items .icon-deco,
.corp-nav-icons .nav-items .icon-open {
position: absolute;
top: 0;
height: 43px;
line-height: 43px;
}
.corp-nav-icons .nav-items .icon-deco {
left: 15px;
}
.corp-nav-icons .nav-items .icon-open {
right: 10px;
}
/* ==Banner */
.corp-banner {
position: absolute;
z-index: -1;
top: -288px;
left: 0; /* already moved with .corp-main 34px to the left */
width: 1024px;
height: 360px;
background-image: url(img/corp/presentation-banner.jpg);
background-repeat: no-repeat;
background-position: center top;
/* @NOTE Ratio of images being unknown, the value below MUST be "cover" and never be modified in the general case. Consequences would be in RWD with "white column of content" badly positioned relative to this banner). It can be modified for individual images because then their W/H is known... The constraint is that they must occupy the whole height of their container */
background-size: cover;
}
.corp-banner-image-2 {
background-image: url(img/corp/presentation-banner2.jpg);
}
.corp-banner-image-3 {
background-image: url(img/corp/presentation-banner3.jpg);
}
.corp-banner-image-4 {
background-image: url(img/corp/presentation-banner4.jpg);
}
.corp-banner-image-5 {
background-image: url(img/corp/presentation-banner5.jpg);
}
/* ----------------------------- */
/* ==Corporate Content */
/* ----------------------------- */
/* ==Corporate content (h1 and then rest of content) */
.corp-inner {
width: 680px;
}
/* overriding default .item behavior because sometimes we need to see something going out of that element */
.corp-inner.item {
overflow: visible;
display: table;
table-layout: fixed;
}
.corp-layout6 .corp-nav-icons + .corp-inner {
width: 710px;
}
.corp-inner h1 {
margin-top: 0;
padding-bottom: 23px;
padding-right: 20px;
}
.corp-inner h1 + .line,
.corp-inner h1 + .row {
margin-top: 0;
}
.corp-inner hr {
top: 30px;
margin-bottom: 60px;
}
.corp-inner img:first-child {
margin-top: 0;
}
/* layout */
.corp-has-banner .corp-inner h1 {
margin-top: -3px;
}
.corp-layout3 .corp-inner,
.corp-layout4 .corp-inner {
float: left;
}
.corp-layout1 {
margin-top: 23px;
}
.corp-layout1 .corp-inner h1,
.corp-layout6 .corp-inner h1 {
margin-top: 0;
}
.corp-layout3 {
margin-top: 30px;
}
.corp-layout3 .corp-inner h1 {
margin-top: 0;
}
.corp-layout4 {
padding-top: 27px;
}
.corp-layout4 h1 {
padding-bottom: 29px;
}
.corp-layout4 .corp-sidebar {
margin-top: 100px;
}
.corp-layout5 {
margin-top: 23px;
}
.corp-layout5 .corp-inner {
width: 100%;
}
.corp-layout5 .corp-inner h1 {
}
.corp-inner p + h1 {
margin-top: 15px; /* where we have tag */
}
.corp-inner p + h1 + p {
margin-top: -10px !important;
font-size: 1.364em; /* where we have tag */
}
/* Default styles for the main content */
.corp-content h2,
.corp-content .h2-like {
font-size: 2em;
line-height: 1.273;
margin-top: 50px;
margin-bottom: 0;
}
.corp-content h3,
.corp-content .h3-like {
font-size: 1.636em;
line-height: 1.333;
margin-top: 40px;
margin-bottom: 0;
}
.corp-content h4,
.corp-content .h4-like {
font-size: 1.455em;
line-height: 1.250;
margin-top: 30px;
margin-bottom: 0;
}
.corp-content h5,
.corp-content .h5-like {
font-size: 1.2em; /* 18px */
}
.corp-content h6,
.corp-content .h6-like {
font-size: 1.067em; /* 16px */
}
.corp-content p {
font-size: 1.364em;
line-height: 1.467;
margin-top: 8px;
margin-bottom: 0;
}
/* the .small class, not the element. See below for latter */
.corp-content p.small {
font-size: 1.182em;
}
.corp-content .small {
font-size: 0.8em;
}
.corp-content ul {
margin-top: 6px;
padding-left: 0;
list-style-position: inside;
}
.corp-content .chapo {
font-size: 1.455em;
line-height: 1.438;
margin-top: 26px;
margin-bottom: 0;
}
.corp-content p small {
font-size: 0.8em; /* from parent p 15px down to 12px */
}
.corp-content small {
font-size: 1.091em; /* from parent 11px up to 12px */
}
.corp-content > p, .corp-content > .small-jq-to-open > p,
.corp-content > table, .corp-content > .small-jq-to-open > table,
.corp-content > hr, .corp-content > .small-jq-to-open > hr,
.corp-content > ol, .corp-content > .small-jq-to-open > ol,
.corp-content > ul, .corp-content > .small-jq-to-open > ul,
.corp-content > h2,
.corp-content > h3, .corp-content > .small-jq-to-open > h3,
.corp-content > h4, .corp-content > .small-jq-to-open > h4,
.corp-content > h5, .corp-content > .small-jq-to-open > h5,
.corp-content > h6, .corp-content > .small-jq-to-open > h6,
.corp-content > blockquote, .corp-content > .small-jq-to-open > blockquote,
.corp-tripart, /* No need to verify if these modules found in corporate website are direct children or no. They're generated like this for sure. */
.corp-bipart,
.corp-trombi,
.corp-stats-checkerboard,
.video-player,
.flexslider,
.corp-keydates,
.shortcode-tabs,
.corp-news {
clear: both;
}
.corp-inner img {
margin-top: 20px;
margin-bottom: 0;
}
.corp-inner img.left,
.corp-inner img.right {
margin-top: 5px;
margin-bottom: 10px;
}
.corp-inner img + p {
margin-top: 15px;
}
.corp-inner img + img {
margin-top: 0;
margin-left: 5px;
}
.corp-inner img[align^=middle],
.corp-inner img[align*= middle],
.corp-inner img[align^=center],
.corp-inner img[align*= center] {
display: block;
margin-left: auto;
margin-right: auto;
}
.corp-content h2 + *,
.corp-content .h2-like + *,
.corp-content h2 + p,
.corp-content h2 + img.left,
.corp-content h2 + img.right {
margin-top: 20px; /* not supported IE6 */
}
.corp-content h2 + img + p {
margin-top: 15px; /* float img align with the p or separation between static img and p*/
}
.corp-content .mod + h2 {
margin-top: 20px;
}
.corp-content p + img.left,
.corp-content p + img.right {
margin-top: 10px; /* float img align with the p or separation between static img and p*/
}
.corp-content h3 + *,
.corp-content .h3-like + *,
.corp-content h3 + p {
margin-top: 20px; /* not supported IE6 */
}
.corp-content h3 + h4,
.corp-content .h3-like + h4,
.corp-content h3 + .h4-like,
.corp-content .h3-like + .h4-like {
margin-top: 15px; /* not supported IE6 */
}
.corp-content h3 + img,
.corp-content .h3-like + img {
margin-top: 10px; /* not supported IE6 */
}
.corp-content h4 + *,
.corp-content .h4-like + *,
.corp-content h4 + p {
margin-top: 15px; /* not supported IE6 */
}
.corp-content .chapo + p,
.corp-content .chapo + h2,
.corp-content .chapo + .h2-like,
.corp-content .chapo + h3,
.corp-content .chapo + .h3-like,
.corp-content .chapo + h4,
.corp-content .chapo + .h4-like {
margin-top: 20px;
}
.corp-content .corp-list + p {
margin-top: 12px;
}
.corp-content .chapo + img {
margin-top: 20px;
}
.corp-content .more a {
font-size: 0.867em; /* equiv 13px from 15px */
}
.corp-content .slide .more a {
font-size: 1em;
}
.corp-content .more .icon-doc { /* link .more with an icon document (PDF, XLS, others) */
position: relative;
top: -10px !important;
margin-right: 4px;
}
.corp-content .more.icon-doc .icon {
margin-right: 4px;
}
/* V3.1 structure with v1 design */
.corp-content .bg-icon {
position: relative;
padding-left: 26px;
}
.corp-content a.bg-icon {
font-size: 0.867em;
color: #2D75FF;
}
.corp-content a.bg-icon:before {
background: none;
font-family: 'MustIcons';
font-size: 20px;
width: 22px;
font-weight: normal;
text-decoration: none;
line-height: inherit;
text-align: center;
padding-right: 4px;
position: absolute;
top: 0;
left: 0;
transform: translateY(-25%);
}
.corp-content .bg-icon.ico-pdf::before {
content: '[';
color: #184894;
}
.corp-content .bg-icon.ico-mail::before {
content: 'M';
color: #9b9b9b;
}
.corp-content .bg-icon.ico-external::before {
content: '×';
color: #9b9b9b;
}
.corp-content .mod {
padding: 30px;
margin-bottom: 0;
}
.corp-content table {
margin-top: 17px;
margin-bottom: 15px;
}
.corp-content p.more i {
margin-top: -7px;
}
.corp-content .icon-doc {
margin-top: 20px;
}
.corp-content h2 .icon,
.corp-content .h2-like .icon {
margin-top: 2px;
margin-left: 5px;
}
.corp-content h2 .icon-rss,
.corp-content .h2-like .icon-rss {
margin-top: 5px;
}
.corp-inner .tag {
padding: 3px 7px;
font-size: 1.182em;
line-height: 1.467;
}
.corp-inner .corp-content .tag {
font-size: 0.867em;
}
.corp-content .corp-bd-gray {
border: 3px solid;
}
.corp-content .media {
margin-top: 8px;
}
/* iframe from youtube & co */
.corp-content .small-jq-next-open,
.corp-content .small-jq-next-close {
clear: both;
position: relative;
padding-right: 35px;
}
.corp-content .small-jq-next-open .icon,
.corp-content .small-jq-next-close .icon {
position: absolute;
right: 0;
top: 14px;
float: none;
margin: 0;
margin-top: 0;
}
.corp-content h2.small-jq-next-open i {
display: block;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.corp-content h2.small-jq-next-close i {
display: block;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
}
/* Lists containing content: ul.corp-list
Rules:
- no font-size on ul, only on li
- same line-height as for p
- only .corp-list li are 15px. Other lists are still 11px */
.corp-content .corp-list li {
margin: 6px 0 0 0;
padding-left: 13px;
font-size: 1.364em;
line-height: 1.467;
background: url(img/bullet-gray4-3px.png) left 5px no-repeat;
}
.corp-content ol.corp-list {
padding-left: 0;
}
.corp-content ol.corp-list li {
background: none;
padding-left: 0;
list-style-position: inside;
}
/* without bullet but still styles of corporate list */
.corp-content.has-corp-list-unstyled .corp-list li,
.has-corp-list-unstyled .corp-content .corp-list li {
padding-left: 0;
background-image: none;
}
/* resetting the cascade of font-size for p in corp-lists */
.corp-list p {
font-size: 1em;
}
/* links .more in lists: taking into account their icon, vertically */
.corp-list .more {
margin-top: 0;
}
/* ==Bottom/right menu */
.corp-aside {
margin-left: 250px;
margin-top: 50px;
}
.corp-aside-link,
.corp-aside-icon {
width: 128px;
}
.corp-aside-link {
float: left;
text-align: center;
}
.corp-aside-link + .corp-aside-link {
margin-left: 10px;
}
.corp-aside-link:hover {
text-decoration: none;
}
.corp-aside-icon {
height: 128px;
line-height: 128px;
}
.corp-aside-icon .icon {
width: auto;
font-size: 40px !important;
}
.corp-aside-label {
display: block;
margin-top: 15px;
padding: 0 5px;
line-height: 1.1667;
font-size: 1.273em; /* equiv 14px from 11px */
color: #4c4c4c;
}
/* Google Maps */
#map {
width: 100%;
height: 400px;
}
/* MapInfoWindow (un)styling - see defect RQM #19958 */
#map-info-window {
min-width: 260px !important;
min-height: 100px !important;
white-space: nowrap !important; /* @ALSAAFAIRE Breaks InfoWindow in Fx and Chrome at least (click on marker, scroll down a bit, discover a huge horizontal scrollbar) */
}
#map-info-window h1,
#map-info-window h2 {
margin: 0 0 10px 0;
padding-bottom: 0;
font-size: 1.364em !important; /* equiv. 15px from 11px */
}
#map-info-window h2 + * {
margin-top: 10px;
}
#map-info-window p {
margin: 0 !important;
padding: 0 !important;
font-size: 1em !important;
}
/* lists of links to documents: ul.corp-list.corp-list-doc */
.corp-content .corp-list-doc .more {
position: relative;
padding-left: 26px;
background: none;
}
.corp-list-doc .more .icon {
position: absolute;
top: -18px !important;
left: 0;
}
.corp-content .corp-list-doc {
margin-top: 20px;
}
.corp-content .corp-list-doc li {
margin-top: 8px;
}
.corp-content .list-nostyle li {
list-style: none;
padding-left: 0 !important;
background: none;
}
/* resetting the cascade of font-size for lists in lists */
.corp-content li li {
font-size: 1em;
}
.corp-content q {
font-style: italic;
}
.corp-content q:before,
.corp-content q:after {
content: "";
}
/* items table for corporation */
.corp-items-table {
width: 100%;
font-size: 1.4em; /* 15px */
font-family: Arial, Helvetica, sans-serif;
}
.corp-items-table th {
width: 6em;
}
.corp-items-table th,
.corp-items-table td {
padding: 0 0 0 1em;
}
/* first column (th) width */
.corp-items-table.micro th {
width: 2.8em
}
.corp-items-table.tiny th {
width: 3.65em
}
.corp-items-table.mini th {
width: 5.5em
}
.corp-items-table.midi th {
width: 8em
}
.corp-items-table.maxi th {
width: 10em
}
.corp-items-table.mega th {
width: 12em
}
.corp-items-table.giga th {
width: 14em
}
.corp-items-table.tera th {
width: 16em
}
/* data table */
.corp-content .data-table th,
.corp-content .data-table td,
.corp-content .k-data-table th,
.corp-content .k-data-table td,
.corp-content .service-s-table th,
.corp-content .service-s-table td {
padding: 8px 10px 10px;
text-align: left;
vertical-align: top;
line-height: 1.182;
}
.corp-content .data-table th,
.corp-content .data-table td.th-like {
}
.corp-content .data-table td,
.corp-content .data-table th.td-like {
background: none;
}
.corp-content .data-table th.td-like {
border: none;
}
.corp-content .data-table th.td-like ~ td {
border-left: 1px solid;
}
.corp-content .data-table.lh-small th,
.corp-content .data-table.lh-small td {
padding: 6px 10px;
}
.corp-content p input {
font-size: 0.85em; /* 11px from 15px */
}
/* corpo table */
.corp-table-layout1 {
width: 100%;
border-collapse: collapse;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.364em;
}
.corp-table-layout1 tr {
vertical-align: top;
}
.corp-table-layout1 td {
padding: 8px 15px 9px;
width: 190px;
}
.corp-table-layout1 td + td {
width: auto;
}
/* ==Stats about CMA ("CMA en chiffres") */
.corp-stats-checkerboard {
margin-top: 20px;
}
.corp-stats-cb-item {
float: left;
width: 206px;
min-height: 137px;
margin-right: 10px;
margin-bottom: 10px;
border: 1px solid;
padding: 10px 10px 0 10px;
}
.corp-stats-checkerboard .empty {
border: 1px solid;
border: 1px solid transparent;
}
.corp-stats-checkerboard .corp-legend {
clear: both;
position: relative;
top: -8px;
margin: 0;
font-size: 1em;
}
.corp-stats-cb-item p {
font-size: 1.545em; /* equiv 17px from 11px */
}
.corp-stats-cb-item p strong {
/* margin-bottom: ; @ALSAAFAIRE Où est la valeur ? Vérifier PSD vs inté et ajouter valeur ou supprimer ligne */
line-height: 0.8;
font-size: 2.941em; /* equiv 50px from 17px */
font-weight: normal;
}
.corp-stats-cb-item p span {
line-height: 1.4;
font-size: 0.706em; /* equiv 12px from 17px */
}
.corp-stats-cb-item sup {
bottom: 1.25em;
font-size: 0.4em;
}
/* == Search Results */
.corp-search-results {
padding: 0;
}
.corp-content .corp-search-results li {
padding-bottom: 20px;
border-bottom: 1px solid;
}
.corp-content .corp-search-results h2.title {
font-size: 1.455em;
margin-top: 16px;
margin-bottom: -2px;
}
.corp-content .corp-search-results p {
margin-top: 7px;
margin-bottom: -2px;
font-size: 1.273em;
}
.corp-content .corp-search-results p a {
margin-top: 9px;
margin-bottom: 0;
font-size: 0.857em;
}
/* ==News */
.corp-news {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
margin-top: 30px;
border: 0 none;
background: #f5f5f5;
}
.corp-news > * {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
width: auto;
}
.corp-news p {
font-size: 1.181818em;
}
.corp-news .item p a {
text-decoration: underline;
}
.corp-news .item p a:hover {
text-decoration: none;
}
.corp-news img {
flex: 0 0 auto;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
display: block;
width: auto;
max-width: 33.33333%;
margin: 0 10px 0 0 !important;
}
.corp-news img.right {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
margin: 0 0 0 10px !important;
}
.corp-news .title {
font-size: 1.818181em;
margin-bottom: 0;
margin-top: 0;
line-height: 1.2;
}
.corp-news .time { /*