#header .header_wrapper,
div.wrapper {
    margin: 0 auto;
    max-width: 1280px;
    width: 100%;
}


#header .header_wrapper,
.breadCrumb .wrapper{
    padding:0 32px;
}

.subTitle {
    font-family: Lato;
    font-size: 30px;
    line-height: 34px;
    margin-top: 20px;
    letter-spacing: -1.01px;
    color: #666;
    font-weight: 200;
}

.Display-4 {
    font-family : Lato;
    font-size : 101px;
    line-height : 112px;
    margin-top : 112px;
    letter-spacing : -1.01px;
    color :#333333 ;
    color : rgb(51, 51, 51);
    font-weight : normal;
}

.Display-3,h1, h2{
    font-family : Lato;
    font-size : 56px;
    letter-spacing : -0.28px;
    color :#333333 ;
    color : rgb(51, 51, 51);
    line-height : 64px;
    margin-top : 64px;
    font-weight : normal;
}

.Display-2, h3{
    font-family : Lato;
    font-size : 45px;
    line-height : 48px;
    margin-top : 48px;
    letter-spacing : -0.22px;
    color :#333333 ;
    color : rgb(51, 51, 51);
    font-weight : normal;
}

.Display-1, h4 {
    font-family : Lato;
    font-size : 34px;
    line-height : 40px;
    margin-top : 40px;
    color :#333333 ;
    color : rgb(51, 51, 51);
    font-weight : normal;
}

.Title acronym,
.Title, h5 {
    font-family : Lato;
    font-size : 24px;
    line-height : 28px;
    margin-top : 28px;
    letter-spacing : 0.12px;
    color :#333333 ;
    color : rgb(51, 51, 51);
    font-weight : normal;
}

.Subhead {
    font-family : Lato;
    font-size : 20px;
    font-weight:400;
    line-height : 24px;
    margin-top : 24px;
    letter-spacing : 0.2px;
    color :#333333 ;
    color : rgb(51, 51, 51);
}

.Body-2, p{
    font-family : Lato;
    font-size : 16px;
    line-height : 24px;
    margin-top : 24px;
    letter-spacing : 0.16px;
    color :#757575;
    color : rgb(117, 117, 117);
    font-weight : normal;
}

.Body-1, p{
    font-family : Lato;
    font-size : 17px;
    line-height : 24px;
    margin-top : 24px;
    letter-spacing : 0.17px;
    color : #7b7b7b;
    color : rgb(123, 123, 123);
    font-weight : normal;
}

.Body-1.price{
    font-size : 16px;
    margin-top : 4px;
}

.Caption{
    font-family : Lato;
    font-size : 14px;
    line-height : 24px;
    margin-top : 24px;
    letter-spacing : 0.28px;
    color : #7b7b7b;
    color : rgb(123, 123, 123);
}

.Headline {
    font-family : Lato;
    font-size : 28px;
    line-height : 32px;
    margin-top : 32px;
    color :#333333 ;
    color : rgb(51, 51, 51);
}

.Display-4 {
    font-family : Lato;
    font-size : 101px;
    line-height : 112px;
    margin-top : 112px;
    letter-spacing : -1.01px;
    color :#333333 ;
    color : rgb(51, 51, 51);
    font-weight : normal;
}

.Display-3{
    font-family : Lato;
    font-size : 56px;
    letter-spacing : -0.28px;
    color :#333333 ;
    color : rgb(51, 51, 51);
    line-height : 64px;
    margin-top : 64px;
    font-weight : normal;
}

.Display-2{
    font-family : Lato;
    font-size : 45px;
    line-height : 48px;
    margin-top : 48px;
    letter-spacing : -0.22px;
    color :#333333 ;
    color : rgb(51, 51, 51);
    font-weight : normal;
}

.Display-1 {
    font-family : Lato;
    font-size : 34px;
    line-height : 40px;
    margin-top : 40px;
    color :#333333 ;
    color : rgb(51, 51, 51);
    font-weight : normal;
}

.Title acronym,
.Title{
    font-family : Lato;
    font-size : 24px;
    line-height : 28px;
    margin-top : 28px;
    letter-spacing : 0.12px;
    color :#333333 ;
    color : rgb(51, 51, 51);
    font-weight : normal;
}

.Body-2{
    font-family : Lato;
    font-size : 16px;
    line-height : 24px;
    margin-top : 24px;
    letter-spacing : 0.16px;
    color :#757575;
    color : rgb(117, 117, 117);
    font-weight : normal;
}

Body-1{
    font-family : Lato;
    font-size : 17px;
    line-height : 24px;
    margin-top : 24px;
    letter-spacing : 0.17px;
    color : #7b7b7b;
    color : rgb(123, 123, 123);
    font-weight : normal;
}

.Body-1 a{
    font-family : Lato;
    font-size : 17px;
    line-height : 24px;
    margin-top : 24px;
    letter-spacing : 0.17px;
    font-weight : normal;
}


.Button{
    font-family : Lato;
    font-weight : bold;
    font-size : 18px;
    letter-spacing : 0.18px;
    text-transform : uppercase;
}


.headingWrap{
    padding:64px 0 32px 0;
}


.headingWrap h1,
.headingWrap h2,
.headingWrap h3,
.headingWrap h4,
.headingWrap h5{
    margin:16px auto 0 auto;
}

a.OVHanchor{
    position:absolute;
    margin-top:-64px;
}

b{
    color:inherit !important;
    font-size:inherit !important;
}


a{
    color:#153F6C;
    /*font-size: inherit !important;*/ /* Fais pèter les breadcrumbs et les menus */
}

ul,
ul li,
ul li a{
    list-style:none;
    font-size: 17px;
    line-height: 24px;
    text-indent:none;
    margin:0;
}

ul.listInP{
}


ul.listInP li{
    list-style:inside circle !important;
    color : #7b7b7b;
    color : rgb(123, 123, 123);
    margin:8px 0;
}


div{
    box-sizing:border-box;
}


.headerContent h1{margin-top:0;}
.headerContent { padding:2.5%; }

.padded {
    padding: 0px;
}

div.BestPoints {
   background:#E0AE00; 
}

.vps2015 div.headerContent h1,
.vps2015 div.headerContent h2,
.vps2015 div.headerContent p {
    color: #333;
}


.vps2015 div.BestPoints {
   background:#69B12F; 
}

.BestPoints table {
    width:100%;
    margin:16px auto;
}

.BestPoints table tr td {
    width: 25%;
    text-align: center;
    color: #fff;
    font-size: 20px;
    line-height: 26px;
    border-left: 2px solid #fff;
    padding: 0px 20px;
    box-sizing: border-box;
    height: 64px;
}


.BestPoints table tr td:nth-of-type(1) {
    border-left: solid 2px transparent !important;
}

.BestPoints img{
    max-height: 64px;
}

.ProductButton a {
    /*background-color: #113F6D;*/
    background-color: #1DB9DF;
    border: solid 1px #1DB9DF;
    height: 48px;
    text-align: center;
    bottom: 35px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    margin: auto !important;
    display: inline-block;
    /*padding: 0 16px;*/
    width: auto;
}

.yearInline,
div.TextBlock div.ProjectButton {
    width: 30%;
    height: 48px;
    text-align: center;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

div.compare a.Button:hover,
div.compareIndex a.Button:hover,
.ProductButton:hover a,
div.TextBlock div.ProjectButton:hover {
    background-color: transparent;
    /*-webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: flash;
    animation-name: flash;*/
}

/*div.compare a.Button:focus,
div.compareIndex a.Button:focus,
.ProductButton:focus a,
div.TextBlock div.ProjectButton:focus {
    background-color: #0c2e60;
}*/

/*div.compare a.Button:active,
div.compareIndex a.Button:active,
.ProductButton:active a,
div.TextBlock div.ProjectButton:active {
    -webkit-animation-name: none;
    animation-name: none;
    background-color: #e0ae00;
}*/

.paas-sms-advantages {
    background: transparent url('../../images/cloud/tick-paas-sms.png') no-repeat 0 0;
    padding-left: 45px;
    font-size: 22px;
    line-height: 30px;
    color: #000;
    min-height: 60px;
    font-weight: 200;
}

#paas-sms-apps-list {}

#paas-sms-apps-list a {
    margin: 0 1.5%;
    color: #333;
    font-size: 18px;
    line-height: 32px;
    padding-left: 20px;
    position: relative;
}

#paas-sms-apps-list a .arrow {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 0 6px 10.4px;
    border-color: transparent transparent transparent #333;
    position: absolute;
    left: 2px;
    top: 10px;
}

.sms-app-content { display: none; }
.sms-app-content:first-child { display: block; }

.sms-app-content .code {
    border: solid 2px #AAA;
    border-radius: 5px;
    padding: 10px 30px 10px 10px;
    font-size: 16px;
    line-height: 24px;
    color: #444;
    background-color: #FFF;
    position: relative;
}

.sms-app-content .code pre {
    overflow-x: scroll;
    font-size: 16px;
    line-height: 22px;
}

.sms-app-content .code .copyToClip {
    background: #FFF url('../../images/cloud/copy-past-paas-sms.png') no-repeat 7px 7px;
    width: 39px;
    height: 45px;
    right: 0;
    top: 0;
    display: block;
    position: absolute;
    cursor: pointer;
    opacity: 0.8;
}

.sms-app-content pre .copyToClip:hover {
    opacity: 1;
}

.sms-app-content p {
    color: #333;
    margin: 0;
}

.sms-app-content hr {
    margin: 40px auto;
    width: 60%;
}

.tickle {
    font-size: inherit;
    color: inherit;
    border: solid 1px #666;
    border-radius: 50%;
    display: inline-block;
    width: 24px;
    height: 24px;
    text-align: center;
    line-height: 24px;
}

ul.listSquare {
    margin: 10px 0 0 15px;
}

ul.listSquare li{
    list-style: square;
    color : #333;
    margin: 4px 20px;
}

#slider-container {
    position: relative;
    width: 95%;
    overflow: hidden;
}

#slider-paas-sms {
    width: 132%;
    margin: 0;
    padding: 0;
}

.usecaseContent {
    display: none;
    margin: 0 !important;
    width: 100%;
    padding: 3%;
}

#slider-paas-sms .slider-paas-nav {
    position: absolute;
    width: 25px;
    height: 48px;
    display: block;
    cursor: pointer;
    top: 45px;
    opacity: 0.5;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
#slider-paas-sms .slider-paas-nav:hover { opacity: 1; }

#slider-paas-sms #left { background: transparent url('../../images/cloud/sms/chevron-gauche.png') no-repeat 0 0; left: 0; }
#slider-paas-sms #right { background: transparent url('../../images/cloud/sms/chevron-droit.png') no-repeat 0 0; right: 0; }

#slider-paas-sms .phones {
    width: 25%;
    display: inline-block;
    margin: 0;
    float: left;
}

#slider-paas-sms .phones img {
    opacity: 0.5;
    -webkit-transform: scale(0.7, 0.7) translateY(72px);
    -moz-transform: scale(0.7, 0.7) translateY(72px);
    -o-transform: scale(0.7, 0.7) translateY(72px);
    transform: scale(0.7, 0.7) translateY(72px);
    -webkit-transition: all 0.8s linear;
    -moz-transition: all 0.8s linear;
    -o-transition: all 0.8s linear;
    transition: all 0.8s linear;
}

#slider-paas-sms .phones.active img {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
}

@-webkit-keyframes flash {
  0%, 50%, 100% {
    background-color: #1d5c76;
  }

  25%, 75% {
    background-color: #297e81;
  }
}

@keyframes flash {
  0%, 50%, 100% {
    background-color: #1d5c76;
  }

  25%, 75% {
    background-color: #297e81;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

div.ProductButton {
    display: inline-block;
}

.ProductButton a,
div.ProjectButton a {
    text-decoration : none;
    height: 100%;
    min-width: 33%;
}

.ProductButton span,
div.ProjectButton span {
    display: block;
    padding: 0 16px;
    line-height: 48px;
    font-size: 17px;
    color: #11406E;
    /*text-transform: uppercase;*/
}

.ProductButton:hover span,
div.ProjectButton:hover span {
    color: #1DB9DF;
}

.ProductButton.wired a,
div.ProjectButton.wired a {
    background-color: transparent;
}

.ProductButton.wired:hover a,
div.ProjectButton.wired:hover a {
    background-color: #1DB9DF;
}

.ProductButton.wired span,
div.ProjectButton.wired span {
    color: #1DB9DF;
}

.ProductButton.wired:hover span,
div.ProjectButton.wired:hover span {
    color: #11406E;
}

div.ProjectButton span{
    text-align: center;
}

.universeGreen,
.breadCrumb span a span {
    color: #62BD34;
}

.OVHCloud .breadCrumb span a span {
    color: #E0AE00;
}

.breadCrumb span a.selected span {
    font-weight: normal;
    color: rgb(123, 123, 123);
}

.wrapper div.ProductButton {
    margin:auto !important;
}


table.confluenceTable,
table.confluenceTable tr,
table.confluenceTable tr th,
table.confluenceTable tr td {
    text-align: left;
}

table { border-collapse: collapse; border-color: rgba(123, 123, 123, 0.5); width: 100%; }
table tr th,
table tr td {
    font-size: 16px;
    line-height: 20px;
    padding: 10px 15px;
    border-color: rgba(123, 123, 123, 0.5);
    background-color: transparent;
}

/*////////////////////////////////////
                PAVES
////////////////////////////////////*/


.ProductContain {
    position: relative;
    background-color:#fff;
    -webkit-box-shadow: 0 0 0 1px rgba(255,255,255,0),  0 0 0px rgba(0,0,0,0);
    -moz-box-shadow: 0 0 0 1px rgba(255,255,255,0),  0 0 0px rgba(0,0,0,0);
    -ms-box-shadow: 0 0 0 1px rgba(255,255,255,0),  0 0 0px rgba(0,0,0,0);
    -o-box-shadow: 0 0 0 1px rgba(255,255,255,0),  0 0 0px rgba(0,0,0,0);
    box-shadow: 0 0 0 1px rgba(255,255,255,0),  0 0 0px rgba(0,0,0,0);
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.ProductContain a {
    text-decoration: none;
    display: block;
}

.ProductContain a .linkPic{
    height: 224px;
    margin: 0;
}

div.ProductContain:hover {
    -moz-box-shadow: 0 0 0 1px rgba(255,255,255,0),  0 0 6px rgba(0,0,0,0.35);
    -webkit-box-shadow: 0 0 0 1px rgba(255,255,255,0),  0 0 6px rgba(0,0,0,0.35);
    -ms-box-shadow: 0 0 0 1px rgba(255,255,255,0),  0 0 6px rgba(0,0,0,0.35);
    -o-box-shadow: 0 0 0 1px rgba(255,255,255,0),  0 0 6px rgba(0,0,0,0.35);
    box-shadow: 0 0 0 1px rgba(255,255,255,0),  0 0 6px rgba(0,0,0,0.35);
    -moz-transform: translateY(-2px);
    -webkit-transform: translateY(-2px);
    -o-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    transform: translateY(-2px);
}

.whichVpsIcon,
.advItemIcon {
    cursor: pointer;
    width: 100px;
    height: 100px;
    margin: 0 auto;
    display: block;
    background: transparent url('../../images/vps2015/features/Icono-Avantage-sprite.png') no-repeat;
}

.advItem a {
    margin: 0 !important;
}

.advItem a span {
    cursor: pointer !important;
}

.whichVpsIcon{
    background: transparent url('../../images/vps2015/wichVpschooseIcons.jpg') no-repeat;
}

.vpsOptions { padding-bottom: 30px; }
.vpsOptions * {
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}

.vpsOptions span {
    display: block;
    background: transparent url('../../images/vps2015/vps-options-home.png') no-repeat;
    margin: 0 auto;
}

.vpsOptions span.storage {
    background-position: 0 0;
    width: 94px;
    height: 87px;
}

.vpsOptions span.geolocation {
    background-position: -96px 0;
    width: 94px;
    height: 87px;
}

.vpsOptions span.datasave {
    background-position: -182px 0;
    width: 94px;
    height: 87px;
}

.vpsOptions a:hover span.storage { background-position: 0 -96px; }
.vpsOptions a:hover span.geolocation { background-position: -96px -96px; }
.vpsOptions a:hover span.datasave { background-position: -182px -96px; }
.vpsOptions a:hover p { color: #03C320; }

.vps-features {}
.vps-features > div {
    position: relative;
    margin: 2.5% !important;
    text-align: center;
}

.vps-features > div .commingSoon {
    position: absolute;
    text-transform: uppercase;
    top: 58px;
    font-size: 18px;
    line-height: 30px;
    color: #FFF;
    text-align: center;
    background-color: rgba(105, 175, 46, 0.9);
    width: 99%;
}

.advItemIcon.distros {
    background-position: 0 0;
}

div:hover > a > .advItemIcon.distros,
div:hover > .advItemIcon.antiDdos {
    background-position: 0 -100px;
}

.advItemIcon.antiDdos {
    background-position: -100px 0;
}

div:hover > a > .advItemIcon.antiDdos,
div:hover > .advItemIcon.antiDdos {
    background-position: -100px -100px;
}


.advItemIcon.manager {
    background-position: -200px 0;
}

div:hover > a > .advItemIcon.manager,
div:hover > .advItemIcon.manager {
    background-position: -200px -100px;
}


.advItemIcon.openStack {
    background-position: -300px 0;
}

div:hover > a > .advItemIcon.openStack,
div:hover > .advItemIcon.openStack {
    background-position: -300px -100px;
}


.whichVpsIcon.ip{
     background-position: -100px;
 }


.whichVpsIcon.OS{
     background-position: -200px;
 }


.whichVpsIcon.evaluate{
     background-position: -300px;
 }

.whichVpsIcon.multisite{
     background-position: -400px;
 }


.greenToolTip{
    border:solid #68B12F 1px;
    padding: 16px 16px 16px 80px;
    background:#F4F7E0 url('../../images/vps2015/icn-light.png') 16px 16px no-repeat; 
}

.greenToolTip *{
    margin:0 ;
    color:#68B12F;
}

.greenToolTip ul li {
    color: #68B12F;
}

.miniFaq a{
    font-size:inherit;
}


.miniFaq span.Title,
.miniFaq h5 {
    border-top: 1px solid #aaa;
    line-height: 64px;
    margin: 0;
    outline: none;
    cursor:pointer;
}

.ui-accordion-header-icon {
    background: url('../../images/triangle-16x16.png') top left no-repeat;
    display:block;
    height:16px;
    width:16px;
    float:left;
    margin:24px 8px 0 0;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
/*
.ui-accordion-header:hover .ui-accordion-header-icon {
    -moz-transform: translateX(4px);
    -webkit-transform: translateX(4px);
    -o-transform: translateX(4px);
    -ms-transform: translateX(4px);
    transform: translateX(4px);
}*/

.ui-accordion-header-active .ui-accordion-header-icon {
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}


/*.ui-accordion-header-active:hover .ui-accordion-header-icon {
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}*/

.miniFaq span.Title:nth-of-type(1),
.miniFaq h5:nth-of-type(1) {
    border-top:none;
}

.miniFaq p,
.miniFaq ul{
    margin: 0;
    padding: 0 0 16px 0;
}


.videoCaption{
    width: 100%;
    margin: auto;
    max-width: 720px;
}

a, .watchMovie{
    -webkit-transition: all 0.15s ease;
    -moz-transition: all 0.15s ease;
    -ms-transition: all 0.15s ease;
    -o-transition: all 0.15s ease;
    transition: all 0.15s ease;
}

.watchMovie{
    background: rgba(0,0,0,0.2) url(../../images/news-main/watchMovie.png) no-repeat 50% 50%;
    height:100%;
    width:100%;
    background-size:60px;
    margin: 0 !important;
}

a:hover .watchMovie{
    background: rgba(0,0,0,0.05) url(../../images/news-main/watchMovie.png) no-repeat 50% 50%;
    background-size:70px;
}

.movieDuration {
    background: rgba(0,0,0,0.7);
    padding: 3px 7px;
    color: #fff;
    float: right;
    margin: -22px 0 !important;
}

div.ProductContain div.HoverTram {
    background: rgba(224, 174, 0, 0.9);
    position: absolute;
    width: 100%;
    height: 100%;
    -moz-transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
    transition-property: all;
    -moz-transition-property: all;
    -webkit-transition-property: all;
    transition-timing-function: ease-out;
    padding: 15px;
    margin: 0;
    opacity: 0;
    text-align: center;
    top: 0;
    left: 0;
}

div.ProductContain div.HoverTram span,
div.Offers div.HoverTram span {
    color: #fff;
    text-decoration: none;
    font-size: 20px;
    line-height: 25px;
}

div.ProductContain a:hover div.HoverTram,
div.Offers:hover div.HoverTram {
    opacity:1;
}

div.ProductContain div.HoverTram span.Display-1,
div.Offers div.HoverTram span.Display-1 {
    font-size: 28px;
    line-height: 36px;
}

img.knowMoreHover {
    position: absolute;
    left: 50%;
    margin-left: -12px;
    bottom: 40%;
}

.icnContain{
    position: absolute;
    bottom: 0;
    text-align: center;
    width: calc(100% - 58px);
}

.bannerRoadmap div.headerContent{
    margin: 0;
    padding: 0;
}

div.bannerRoadmap div.headerContent{
    width: 100%;
}

div.bannerRoadmap div.headerContent div.TextBlock {
    margin: 8px 0;
}

div.bannerRoadmap div.headerContent div.TextBlock div.ProjectButton {
    bottom: 2px;
    float: right;
    margin: 0 auto 0 2%;
    text-transform: uppercase;
    width: 25%;
    max-width: 230px;
}

div.headerContent div.TextBlock{
    width: 100%;
}

div.bannerWelcome div.headerContent div.TextBlock {
    right: 0;
}

div.bannerWelcome div.headerContent div.TextBlock span {
    display: block;
    line-height: 40px;
    text-align: right;
}

.bannerRoadmap .ProjectButton,
div.headerContent h1.titleProject{
    float: right;
}

div.bannerWelcome div.headerContent div.TextBlock div.ProjectButton {
    bottom: -60px;
    width: 45%;
}

div.bannerWelcome div.headerContent div.TextBlock div a span {
    line-height: 48px;
    text-transform: uppercase;
}


div.bannerRoadmap div.headerContent div.TextBlock {
    top: 0px;
}

div.bannerRoadmap div.wrapper.Cloud {
    height: 100%;
}

div.bannerRoadmap div.headerContent div.TextBlock {
    height: 100%;
    float: right;
}

div.bannerRoadmap div.headerContent span {
    clear: right;
    display:block;
}

div.bannerRoadmap div.headerContent h1.titleProject {
    font-size: 24px;
    line-height: 46px;
    display: block;
    color: #FFF;
}

div.bannerRoadmap div.headerContent span.descProject {
    font-size: 34px;
    line-height: 30px;
    font-weight: 200;
    margin-bottom: 10px;
    margin-top: 5px;
}

/*////////////////////////////////////
                HELP
////////////////////////////////////*/
#helpToggler {
    color: #62BD34;
    font-weight: bold;
    border-radius: 2px;
    border: solid 2px #62BD34;
    line-height: 32px;
    font-weight: bold;
    font-size: 18px;
    padding: 0 20px;
    cursor:pointer;
}

.OVHCloud #helpToggler {
    color: #E0AE00;
    border-color: #E0AE00;
}

.helpPopup{
    float:right;
    margin:11px 0 !important;
}

#helpTab{
    position:absolute;
    top:64px;
    right:0;
    margin:0;
    z-index:9000;
    background-color: white;
    border: 1px solid #949494;
}

#overflow{
    margin:0 !important;
}

#helpTab p{ 
    margin-top:4px;
}


#helpTab span{ 
    line-height:16px;
    height:16px;
}

#newHelpTab {
    display: none;
    position: absolute;
    top: 64px;
    z-index: 9;
    width: 300px;
    margin: 0 0 0 -214px;
    background-color: #FFF;
    border: solid 1px #949494;
    border-radius: 5px;
    padding: 10px;
    box-shadow: 5px 10px 15px 5px rgba(0, 0, 0, 0.1)
}
#newHelpTab p { margin: 0; }
#newHelpTab span { font-size: 12px; line-height: 16px; height: auto; }
#newHelpTab .contact-us {
    font-size: 18px;
    line-height: 22px;
    font-weight: 600;
    text-align: center;
    color: #949494;
}
#newHelpTab a {
    display: block;
    width: 100%;
    text-decoration: none;
    margin: 20px 0;
}
#newHelpTab a:hover * { color: #0068B1; }
#newHelpTab a .img { width: 20%; }

/*////////////////////////////////////
                TABLES
////////////////////////////////////*/

div.headTable {
    /*height: 64px;*/
    display: inline-block;
    /*line-height: 64px;*/
    padding-top: 25px;
}

div.headTable a {
    text-align: left;
    text-decoration: none;
    font-weight: 600;
}

div.headTable a span {
    font-size: 24px;
    color: #333;
}

div.headTable a span:first-child, .totalGHz {
    color: #E0AE00;
}

div.headTable div.distroSelectContainer {
    margin: 0 !important;
}

.comparingOffers{
    width:100%;
    border-collapse: collapse;
}

.comparingOffers tr{
    background: rgba(255,255,255,0.5);
}


.comparingOffers tr:hover{
   /* background: rgba(255,255,255,0.8);*/
}


.comparingOffers th ,
.comparingOffers td {
    text-align:center;
    color: #666 !important;
}


.comparingOffers td.right {
    text-align: right;
}

.comparingOffers .Price.Headline{
    text-align:right;
    font-size: 18px;
}


tr.OffersList td {
    border-bottom: solid #E8E8E8 5px;
    padding: 7px 3px;
    color: #808080;
}

tr.OffersList td.Title {
    text-align: left !important;
}

tr.OffersList td.Title a {
    text-decoration: none;
}


tr.OffersList td a:hover {
color: #555;
}


.bench table{
    width:100%;
    border-collapse:collapse;
}

.bench table tr:nth-of-type(odd) td{
    background:rgba(0,0,0,0.05);
}

.bench table th{
    font-size: 17px;
    line-height: 24px;
    height: 64px;
    line-height: 24px;
    vertical-align: middle;
    padding:0 16px;
    font-weight:400;
    color:rgb(123, 123, 123);
}

.bench table td {
    border: 0px solid grey;
    font-size: 17px;
    height: 64px;
    line-height: 24px;
    vertical-align: middle;
    padding:0 16px;
}

.bench table tr th,
.bench table tr td {
    /*text-align:right;*/
}


.bench table tr td:nth-of-type(4) {
    color:#62BD34;
}


.bench table th,
.bench table tr th:nth-of-type(1),
.bench table tr td:nth-of-type(1) {
    font-weight:400;
    color:rgb(123, 123, 123);
}

OffersList .ProductButton {
    margin: 1% auto;
    min-width: 100px;
    width: 90%;
}
div.Offers {
    width: 100%;
    background-color: #fff;
    position: relative;
    float: left;
    height: 100%;
    overflow: hidden;
    border-radius: 3px;
}
div.OffersList {
    text-align: center;
    padding-bottom: 25px;
    border:none;
    position: relative;
    background-color: #fff;
}

div.OffersList ul {
    margin: 0;
}


div.OffersList ul li {
    list-style: none;
    line-height: 28px;
    margin: 0;
}

div.OffersList .Display-1,
div.OffersList .Display-2 {
    display:inline-block;
    margin:16px auto;
}

div.OffersListPrice {
    margin:16px auto !important ;
}


div.OffersList .ProductButton {
    margin: 16px auto 0 !important;
}



.includedList div.half33,
.includedList ul{
    margin-left:0;
}

.includedList {
    border-top:1px solid #aaa;
    margin:0 !important;
}

.includedList:nth-of-type(1) {
    border-top:none;
    margin-top:32px !important;
}

.includedList .Display-1,
.includedList .Title{
    margin-top:0px;
}

.includedList ul li{
    list-style:none;
    margin:5px auto 0;
    
}

.headerContent.Video .titleOverVideo{
    position:absolute;
    padding:64px;
    bottom:0px;
    width:100%;
    height:416px;
    background:rgba(0,0,0,0.2);
}


.headerContent.Video{
    height:416px;
    overflow:hidden;
    padding:0; 
    position:relative;
}


.mainHeaderVideo{
    background:#000;
    width:100%;
    min-height:416px;
    position:absolute;
    bottom:0;
    -o-object-fit:cover;
    object-fit:cover;
}

.breadCrumb span {
    display:inline-block;
    height:64px;
    line-height:64px;
}

.aroundDistroSelect {
    padding: 4px 5px 0px;
    margin: 10px 0px 5px 0px !important;
    background-color: #FFF;
    border: 1px solid rgb(204, 204, 204);
    border-radius: 5px;
}

.aroundDistroSelect p {
    margin: 0;
    font-weight: 600;
    color: #E0AE00;
    text-align: center;
}

.distroSelectContainer{
    background:url('../../images/cloud/2015/toggle-WindowsLinux.png')top right no-repeat;
    display:inline-block;
    cursor:pointer;
    height: 50px;
    width:176px;
    margin-bottom:0 !important;
}

.distroSelect:hover{
}

.distroSelectContainer:hover{
    background:url('../../images/cloud/2015/toggle-WindowsLinux.png')bottom right no-repeat;

}

.distroSelectContainer.winSelected{
background:url('../../images/cloud/2015/toggle-WindowsLinux.png')top left no-repeat;
}


.distroSelectContainer.winSelected:hover{
background:url('../../images/cloud/2015/toggle-WindowsLinux.png')bottom left no-repeat;
}


.wrapper .BlockProduct{
    margin:0;
}

.distrosLogos {
    text-align:center;
}
.distrosLogos img {
    margin:16px;
}

div.itemCase {
    text-align: center;
    background-color: #FFF;
}

div.itemCase img {
    width: 100%;
}

div.itemCase h5 {
    font-weight: 600;
    margin: 14px 0;
}

div.itemCase p {
    margin: 12px 0;
    padding: 0 25px;
}

.offerCheck{
    display: inline-block;
    color: #333;
    font-weight: 600;
    font-size: 17px;
    text-transform: uppercase;
    text-decoration: none;
    margin-top: 16px;
}

.offerCheck:hover {
    color: #555;
}

.offerCheck:active {
    color: #333;
    font-weight: 600;
}

/*////////////////////////////////////
                SIZING
////////////////////////////////////*/

.wrapper div {
    margin: 2.5%;
}

.wrapper .noMargin div {
    margin:0;
}

.wrapper{
    padding:2.5% 0;
    padding:0;
}

.half     { width: calc(50% - 5%); } 
.half10   { width: calc(10% - 5%); } 
.half15   { width: calc(15% - 5%); } 
.half16   { width: calc(16.666% - 5%); } 
.half20   { width: calc(20% - 5%); } 
.half25   { width: calc(25% - 5%); } 
.half33   { width: calc(33.333% - 5%); } 
.half37   { width: calc(37% - 5%); } 
.half40   { width: calc(40% - 5%); } 
.half45   { width: calc(45% - 5%); } 
.half48   { width: calc(48% - 5%); } 
.half55   { width: calc(55% - 5%); } 
.half66   { width: calc(66% - 5%); } 
.half70   { width: calc(70% - 5%); } 
.half75   { width: calc(75% - 5%); } 
.half80   { width: calc(80% - 5%); } 
.half90   { width: calc(90% - 5%); } 
.half95   { width: calc(95% - 5%); } 
.wrapper .full   { width: calc(95%); } 

.ProductsTechSheet{
    background:#f6f6f6;
}


/***************************
*         ROADMAP          *
***************************/
div.roadmap {
    margin-bottom: 60px;
}

.yearsMenu {
    background:#113F6D url('../../images/cloud/2015/BG-timeline.png') top center no-repeat;
    margin-top: 120px;
    min-height: 128px;
    background-size: cover;
}

.yearInline {
    background-color: #113F6D;
    color: #fff;
    width: 20% ;
    margin: 40px 0 !important;
    padding: 0 20px;
    cursor: pointer;
    display: block;
    float: left;
}
.yearInline.active {
    background-color: #E0AE00;
}


.yearInlineArrow {
    display: block;
    background: url('../../images/cloud/2015/Arrow-TimeLine.png') top center no-repeat;
    height: 40px;
    width: 5%;
    float: left;
    margin: 44px 0 0 0 !important;
    background-size: contain;
}


.yearInlineArrow:last-child {
    display: none;
}

.yearBlock * {
    line-height: 110%;
}


/* FOR DISPLAY A ZOOM INDICATION ON SCHEMA */
a.zoom {
    display: inline-block;
    position: relative;
    padding: 10px;
    margin: 10px;
}

a.zoom p.zoom-plus {
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.8);
    position: absolute;
    margin: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.15s ease;
    -moz-transition: all 0.15s ease;
    -o-transition: all 0.15s ease;
    transition: all 0.15s ease;
    border-radius: 3px;
}

a.zoom:hover p.zoom-plus {
    opacity: 1;
    box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.3);
}

a.zoom p.zoom-plus span {
    color: #FFF;
    width: 100px;
    height: 100px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -50px;
    margin-top: -50px;
    font-size: 90px;
    line-height: 100px;
    font-weight: 100;
    border: 2px solid rgb(255, 255, 255);
    border-radius: 50%;
}

a.zoom img { height: 100%; }

/***************************
*  TOOLTIP AND NEEDTOOGLE  *
***************************/
div.advItem {
    display: block;
    min-height: 192px;
    float: left;
    margin-bottom: 64px;
}

div.advItem a,
div.advItem .Subhead {
    color: rgba(0, 0, 0, 0.8);
    text-align: center;
    display: block;
    width: 95%;
    margin: 10px auto 0 auto;
    line-height: 20px;
    text-decoration: none;
    font-size: 17px;
}

div.advItem div.tooltip {
    display: none;
    /*width: 190px;
    left: -5px;*/
}

div.advItem div.tooltip p {
    text-align: center;
    font-size: 15px;
    font-weight: 300;
    line-height: 20px;
    margin: 0;
}

div.advItem:hover div.tooltip {
    display: block;
}

.vpsTable { display: none; }
.vpsUpsale { text-align: center; }
.vpsUpsale h4 { color: #69B12F; margin: 0; }
.vpsUpsale p { color: #000; margin: 0; }

#showVpsTable {
    display: block;
    width: 50px;
    height: 50px;
    cursor: pointer;
    line-height: 50px;
    font-size: 40px;
    font-weight: 400;
    color: white;
    border-radius: 25px;
    margin: 0 auto;
    background-color: #333;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;
}

a:hover #showVpsTable,
#showVpsTable:hover {
    background-color: #666;
}

.video-container {
    text-align: center;
    margin: 2.5% auto !important;
    position: relative;
    width: 95%;
}

.video-container .top-video {
    border-top: solid 1px #CCC;
    border-left: solid 1px #CCC;
    border-right: solid 1px #CCC;
    width: 100%;
    padding: 10px 0 7px 10px;
    box-sizing: border-box;
    display: inline-block;
    text-align: left;
    margin: 0;
}

.video-container .top-video .dot {
    display: inline-block;
    margin: 0 5px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #0068B1;
}

.video-container .top-video .dot-red { background-color: #FD5F5C; }
.video-container .top-video .dot-orange { background-color: #FEB831; }
.video-container .top-video .dot-green { background-color: #28C740; }

.video-container video {
    width: 100%;
    border: solid 1px #CCC;
    box-sizing: border-box;
    z-index: 1;
}

.video-container video,
.video-container video:focus {
    outline: 0;
}

.video-container .controls,
.video-container #controls {
    z-index: 2;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.3);
    padding: 0px;
    margin: 0px;
    -webkit-transition: all 0.15s linear;
    -moz-transition: all 0.15s linear;
    -o-transition: all 0.15s linear;
    transition: all 0.15s linear;
}

.video-container .controls.doing,
.video-container #controls.doing {
    background: transparent;
}

.video-container .play,
.video-container #play {
    z-index: 3;
    margin: 0;
    width: 70px;
    height: 70px;
    position: absolute;
    background: #E8EAF6;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    cursor: pointer;
    margin-top: -35px;
    margin-left: -35px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.video-container .play:hover,
.video-container #play:hover {
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.video-container .play span,
.video-container #play span {
    color: #FFF;
    font-size: 44px;
    line-height: 70px;
    margin-left: 5px;
}

.video-container .play span:before,
.video-container #play span:before {
    content: '\25BA';
}

.video-container .progressbar,
.video-container #progressbar {
    width: 100%;
    display: inline-block;
    margin: 0;
    border-radius: 0;
    border: none;
    height: 5px;
    cursor: pointer;
    position: absolute;
    bottom: -2px;
    left: 0;
    z-index: 3;
    background-color: #FFF;
}

.video-container .ui-widget-content {
    background: none;
    background-color: transparent;
}

.video-container .progressbar .ui-widget-header,
.video-container #progressbar .ui-widget-header {
    border: none;
    background-color: #42a5f5;
    opacity: 0.5;
    -webkit-transition: opacity 0.15s linear;
    -moz-transition: opacity 0.15s linear;
    -o-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear;
    border-radius: 0;
    height: 100%;
    margin: 0;
}

.video-container .progressbar:hover .ui-widget-header,
.video-container #progressbar:hover .ui-widget-header {
    opacity: 1;
}

.bndj-list .bndj-content {
    min-height: 70px;
    margin: 0;
    padding-left: 160px;
}

.bndj-list .bndj-content a {
    display: inline-block;
}

.bndj-list .bndj-content a:first-letter {
    text-transform: uppercase;
}

/*.bndj-slide {
    margin: 0 !important;
}

.bndj-slide > div {
    position: relative;
    padding: 0 20px 0 120px;
    width: 90%;
}*/

/*.bndj-slide .bndj-date,*/
.bndj-date {
    background: #FFF;
    border: solid 2px rgba(051, 051, 051, 1);
    border-radius: 50%;
    width: 70px;
    height: 70px;
    margin: 0 45px !important;
    text-align: center;
    float: left;
}

@media screen and (min-width: 1280px){
    .headerContent{
        background-size:1280px !important;
    }
}

@media screen and (max-width: 970px){
    .half20   { width: calc(50% - 5%); } 
    .half16   { width: calc(50% - 5%); } 
    .half25   { width: calc(50% - 5%); } 
    .half75   { width: calc(50% - 5%); } 
    .half25:nth-of-type(3)   { clear: both;} 
    .half20 h5, .half25 h5  {
        margin-top:0px;
    } 
    .half20:nth-of-type(-n+2) h5,
    .half25:nth-of-type(-n+2) h5 {
        margin-top:28px;
    } 
}

@media screen and (max-width : 750px) {
    tr.OffersList td.Title {
        text-align: center;
    }
    .half33 { width: 45%; } 
    .half33:nth-of-type(3)   { clear: both;} 
    .half33 h5 {
        margin-top:0px;
    }

    .half33:nth-of-type(-n+2) h5 {
        margin-top:28px;
    }

    #header .support {
        display: none !important;
    }

    .video-container video,
    .video-container .top-video { width: 100%; }

    #slider-paas-sms { padding-top: 80px; }
    #slider-paas-sms .phones { visibility: hidden; }
    #slider-paas-sms .phones.active {
        -webkit-transform: scale(1.6) translateY(-20px);
        -moz-transform: scale(1.6) translateY(-20px);
        -o-transform: scale(1.6) translateY(-20px);
        transform: scale(1.6) translateY(-20px);
        visibility: initial;
    }
    #slider-paas-sms .phones img {
        -moz-transition-property: none;
        -webkit-transition-property: none;
        -o-transition-property: none;
        transition-property: none;
    }
}


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

    .breadCrumb span {
        height: 40px;
        line-height: 40px;
    }

    .half,
    .half16,
    .half20,
    .half33,
    .half66,
    .half25,
    .half75,
    #serviceClientOVH {
        width:95%;
        float:none;
        clear:both;
        padding:0;
    }

    .half p,
    .half20 p,
    .half25 p,
    .half33 p {
        margin-top:16px;
    } 

    .half h5,
    .half20 h5,
    .half25 h5,
    .half33 h5 {
        margin-top:32px !important;
    } 

    .Display-4, h1 {
        font-family : Lato;
        font-size : 56px;
        letter-spacing : -0.28px;
        color :#333333 ;
        color : rgb(51, 51, 51);
        line-height : 64px;
        margin-top : 64px;
        font-weight : normal;
    }

    .Display-1{
        font-size: 28px;
        line-height: 32px;
        margin-top: 32px;
    }

    .Display-3, h2{
        font-size : 34px;
        line-height : 40px;
        margin-top : 40px;
    }

    .headerContent .Display-1{
        width:100%;
    }

    .preFoot .half25{
        width: 45%;
        float: left;
        clear: none;
    }

    .BestPoints table tr td {
        display: inline-block;
        line-height: 50px;
        width: 100%;
        border:none;
    }

    .preFoot .half25:nth-of-type(3) { clear: both; }

    .preFoot .mainContainer, .preFoot .padded, .preFoot .marged{
        margin:0;
        padding:0;
    }

    .distroSelectContainer {
        margin: 0px auto !important;
        display: block;
    }

    footer .wrapper {
        max-width: 1280px !important;
    }

    tr.OffersList td {
        display: block;
        text-align: center !important;
        width: 100% !important;
        border: 0px !important;
    }

    .comparingOffers tr {
        margin-bottom: 32px;
        display: block;
    }

    tr.OffersList td.Body-1,
    tr.OffersList td.Headline {
        margin-top:0;
    }

    /*.half20:nth-of-type(1)   {
        width: calc(22.5%);
        margin-left:0;
    } 

    .half20:nth-of-type(5)   {
        width: calc(22.5%);
        margin-right:0;
    } 

    .half25:nth-of-type(1)   {
        width: calc(22.5%);
        margin-left:0;
    } 

    .half25:nth-of-type(4)   {
        width: calc(22.5%);
        margin-right:0;
    } 

    .half33:nth-of-type(1)   {
        width: calc(33.333% - 2.5%);
        margin-left:0;
    } 

    .half33:nth-of-type(3)   {
        width: calc(33.333% - 2.5%);
        margin-right:0;
    }*/

    #header .header_wrapper {
        padding: 0 !important;
    }

    .bannerRoadmap,
    .helpPopup {
        display: none;
    }
}