#main .wrapper.Cloud {
    width: 100%;
    max-width: 1280px !important;
}


#header .header_wrapper,
#navigation ul#menu,
#navigation > ul > li > ul,
ul#menu {
    width: 100%;
    max-width: 1152px !important;
}

.index div.wrapper.Cloud {
    margin: 64px auto;
}

#main div.ProductsLists .wrapper.Cloud {
    padding: 0 5%;
}

h1, h2, h3, h4, h5 {
    font-weight: normal !important;
}

.section1 h4 {
    color: rgba(0, 0, 0, 0.8);
}

/* Index Page */ 

div.ProductContain div.HoverTram,
div.Offers div.HoverTram{
    background: rgba(224, 174, 0, 0.9);
    position: relative;
    width: 100%;
    height: 100%;
/*    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(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: 8px;
    opacity:0;
    text-align: center;
}

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{
/*    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
    transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;*/
    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: 100px;
}

.icnContain{
    position: absolute;
    bottom: 7px;
    text-align:center;
    width:calc(100% - 16px);

}

img.icnProducts {
/*    position: absolute;
    display: block;
    bottom: 7px;
    margin-left: 3px;
    */
    display: block;
    margin: auto;
}

.index a.Button,
.menu a.Button,
span.arrow.Button {
    display: block;
    line-height: 64px;
    color: #949494;
    float: right;
    text-decoration :none;
}

span.arrow.Button {
    float: left;
    margin: 0 10px;
}

.menu div.Cloud a.Button.selected,
.menu div.Cloud a.Button:hover {
    color: #E0AE00;
}


.index h2.Display-2 {
//    padding-bottom: 84px;
}

div.ProductContain {
    display: block;
    float:left;
    width: 31%;
    min-height: 288px;
    margin: 0 1%;
    position: relative;
    background-color: #CECECD;
    overflow: hidden;
    background-size:cover !important;
}

div.ProductContain:hover {
    box-shadow: 0 0 5px #c7c7c7;
}

div.ProductContain a{
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    text-decoration: none;
}

div.ProductInfos {
    position: absolute;
    bottom: 0;
    height: 37%;
    width: 100%;
    background-color: #ffffff;
    padding: 8px;
    min-height: 128px;
    text-align:center;
}

div.ProductInfos span.Type,
div.ProductInfos span.Name {
    display: block;
    line-height: 28px;
    margin-top:4px;
}
div.ProductInfos img{
    margin-top:8px;
}

div.ProductInfos span.Type {
    color: #e0ae00;
}

div.ProductInfos span.Name {
    color: rgba(0,0,0,0.8);
}


div.CompareContainer {
    width: 50%;
    float:left;
}


div.compare,
div.compareIndex {
    width: 30%;
    max-width: 320px;
    height: 48px;
    display: block;
    margin: 35px auto;
    background-color: #fff;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

div.compare:hover,
div.compareIndex:hover{
    box-shadow: 0 0 5px #c7c7c7;
}

div.CompareContainer div.compare {
    width: 60%;
}

div.compare a.Button,
div.compareIndex a.Button{
    text-transform: uppercase;
    color: #949494;
    margin-right: 0;
    line-height: 48px;
    text-align: center;
    float: none;
    text-decoration: none;
    display: block;
}

div.compareIndex {
    background-color: #113F6D;
}

div.compareIndex a.Button {
    color: #fff;
}

.avantages div.compare {
    background-color: #e8e8e8 !important;
}

/* End Index Page */



/* Avantages */
div.avantages div.Cloud {
}

div.avantages div.Container {
    margin: 0 auto;
    width: 100%;
}

div.avantages div.Container h3{
    line-height: 45px;
    margin: 54px 0 20px 0;
    color: rgba(0,0,0,0.8);
}


div.advItem {
    width: 14%;
    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;
}


.advItemIcon
{
    width: 100px;
    height: 100px;
    margin: 0 auto;
    display: block;
    background: transparent url('../../images/cloud/2015/avantages-icons2.png') no-repeat;
}

.storage .advItemIcon {
    background: transparent url('../../images/cloud/2015/storageSprite.png') no-repeat;
}

.advItemIcon.sandbox {
    background-position: 0 0px;
}

.advItemIcon.usagePayment {
    background-position: 0 0px;
}

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

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

.advItemIcon.apiOpen {
    background: transparent url('../../images/cloud/2015/avantages-icons2.png') no-repeat;
    background-position: -400px 0px;
}

.advItemIcon.network {
    background-position: -500px 0px;
}

.advItemIcon.machine {
    background-position: -700px 0px;
}
.advItemIcon.ddos {
    background-position: -400px 0px;
}

div.advItem:hover .advItemIcon.sandbox,
div.advItem:hover .advItemIcon.usagePayment {
    background-position: 0 -100px;
}

div.advItem:hover .advItemIcon.factu {
    background-position: -100px -100px;
}

div.advItem:hover .advItemIcon.hardDisk {
    background-position: -200px -100px;
}

div.advItem:hover .advItemIcon.manager {
    background-position: -300px -100px;
}

div.advItem:hover .advItemIcon.apiOpen {
    background-position: -400px -100px;
}

div.advItem:hover .advItemIcon.network {
    background-position: -500px -100px;
}

div.advItem:hover .advItemIcon.machine {
    background-position: -700px -100px;
}

div.advItem:hover .advItemIcon.ddos {
    background-position: -400px -100px;
}

div.advItem .advItemIcon.sla {
    background-position: 0px 0px;
}

div.advItem:hover .advItemIcon.sla {
    background-position: 0px -100px;
}


div.advItem .advItemIcon.frenchData {
    background-position: -300px 0px;
}


div.advItem:hover .advItemIcon.frenchData {
    background-position: -300px -100px;
}


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

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


div.avantages span.small {
    display: block;
    position: absolute;
    left: 35px;
    bottom: 10px;
}


/* End Avantages */

/* Usecases blocks */

div.TechUseCases {
    padding: 48px 0px;
    background-color: #e1e1e1;
}

div.included {
    padding: 48px 0px;
    background-color: #e8e8e8;
}

div.TechUseCases div.itemCase {
    width: 30%;
    min-height: 240px;
    margin: 1.5% 3%;
    float:left;
    text-align: center;
//    border: 2px solid #949494;
max-width:320px;
background: #fff;
}

.TechUseCases .itemCase h3{
//background-color: #851EA3;
//background-color: #113F6D;
//background-color: #D8561B;
color:#333;
line-height:48px;
display:block;
font-weight: bold !important;
line-height: 48px;
height: 44px;
}

.sandbox .TechUseCases .itemCase h3{
//background-color: #E0AE00;

}

.TechUseCases .picture{
width:100%;
text-align:center;
background:#EED375;
//margin:2px auto;

}


div.TechUseCases p.description{
    min-height:70px;
}

div.includedList ul li,
.itemCase .description {
    color:rgba(0,0,0,0.54);
}

/* End Usecase blocks */



/* Explain */

div.explain div.wrapper.Cloud {
    padding: 64px 0;
}

div.explainZone {
    width: 50%;
    display: block;
    float: left;
    padding-left: 64px;
}

div.explainZone:first-child {
    border-right: 2px solid #ffffff;
}

div.dataIcon {
    width: 12%;
    float: left;
}

div.dataIcon img {
    display: block;
    width: 40px;
    height: 40px;
}

div.dataText {
    float: left;
    display: block;
    width: 88%;
}



div.dataText h3 {
    line-height: 40px;
    color: rgba(0,0,0,0.8);
}

div.dataText p{
    padding: 10px 10% 0 0;

}

/*HYBRID*/
.hybridTitle
{
font-family : Lato;
font-weight : bold;
font-size : 24px;
line-height : 28px;
letter-spacing : 0.12px;
color :#333333 ;
color : rgb(51, 51, 51);
}

.hybridBody-1
{
font-family : Lato;
font-size : 17px;
line-height : 20px;
letter-spacing : 0.17px;
color : #7b7b7b;
color : rgb(123, 123, 123);
}

div.headerProduct.hybridIndex {
    background: transparent url('../../images/cloud-hybrid/01-header.png') no-repeat 50% 50%;
    height: 320px;
}

div.headerProduct.network h1 {
    color: #143f6c !important; 
}
div.headerProduct.network {
    background: transparent url('../../images/cloud-hybrid/01-ReseauSecurite-Header.png') no-repeat 50% 50%;
    height: 256px;
}

div.hybridDegrade.network {
    background: transparent url('../../images/cloud-hybrid/01-ReseauSecurite-Header-degrade.png') repeat-x;
    height: 256px;
}

div.hybridDegrade.hybridIndex {
    background: transparent url('../../images/cloud-hybrid/01-header-degrade.png') repeat-x;
    height: 320px;
}

div.veeamBannerHybrid {
    background: #000832 url('../../images/cloud-hybrid/03-CloudBackUp-1280x192.png') no-repeat 50% 50%;
    height: 192px;
}

div.hybridSolution {
    position: relative;
    height: 385px;
    background: #eaeaea; 
    cursor: pointer;
    width: 320px;
    margin: 0 auto;
}

div.hybridSolution.halfHeight {
    position: relative;
    height: 288px;
    background: #eaeaea; 
    cursor: pointer;
}
div.hybridSolution.halfHeight div.desc {
    position: absolute;
    bottom: 0;
    padding: 10px;
    height: 103px;
    background-color: white;
    width: 100%;
    left: 0;
    right: 0;

}

.h64 {
    height: 64px;
    line-height: 64px;
}



div.hybridSolution div.desc {
    position: absolute;
    bottom: 0;
    padding: 8px;
    height: 160px;
    background-color: white;
    width: 100%;
    left: 0;
    right: 0;

}
div.hybridSolution img.top {
    position: absolute;
    top: 0;
}

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

div.complement.network {
    background: #4fb8d4; /* Old browsers */
    background: -moz-linear-gradient(top, #4fb8d4 0%, #7beeb7 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4fb8d4), color-stop(100%,#7beeb7)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #4fb8d4 0%,#7beeb7 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #4fb8d4 0%,#7beeb7 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #4fb8d4 0%,#7beeb7 100%); /* IE10+ */
    background: linear-gradient(to bottom, #4fb8d4 0%,#7beeb7 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4fb8d4', endColorstr='#7beeb7',GradientType=0 ); /* IE6-9 */
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    right: 0;
    text-align: center;

}
div.complement.hybridIndex {
    background: #80cff5; /* Old browsers */
    background: -moz-linear-gradient(top, #80cff5 0%, #9d78c3 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#80cff5), color-stop(100%,#9d78c3)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #80cff5 0%,#9d78c3 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #80cff5 0%,#9d78c3 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #80cff5 0%,#9d78c3 100%); /* IE10+ */
    background: linear-gradient(to bottom, #80cff5 0%,#9d78c3 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80cff5', endColorstr='#9d78c3',GradientType=0 ); /* IE6-9 */
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    right: 0;
    text-align: center;
}
div.hybridSolution:hover div.complement {
    opacity: 1;
}
    

div.hybridSolution div.complement {
    opacity: 0;
    -webkit-transition: opacity 0.15s linear;
    -moz-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear;
}

p.hybridButton
{
    font-family : Lato;
    font-weight : bold;
    font-size : 18px;
    letter-spacing : 0.18px;
    text-transform : uppercase;
    color: white;
    background-color: #123456;
    height: 48px;
    line-height: 48px;
    position: absolute;
    bottom: 16px;
    width: 90%;
    left: 5%;
}
p.hybridButton.white {
    color: white !important;
    background-color: transparent;
    height: 48px;
    line-height: 48px;
}
@-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;
}


a.hybridButton:hover {
    box-shadow: 0 0 0 transparent !important;
    -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;
}
a.hybridButton
{
    font-family : Lato;
    font-weight : bold;
    font-size : 18px;
    letter-spacing : 0.18px;
    text-transform : uppercase;
    color: white;
    background-color: #123456;
    height: 48px;
    line-height: 48px;
    position: absolute;
    bottom: 16px;
    width: 90%;
    left: 5%;
}
a.hybridButton.white {
    color: white !important;
    background-color: transparent;
    height: 48px;
    line-height: 48px;
}

div.veeamBanner {
    height: 192px;
    background: #4f4f4f;
}

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

.hybridDisplay-3
{
    font-family : Lato;
    font-size : 56px;
    letter-spacing : -0.28px;
    color :#333333 ;
    color : rgb(51, 51, 51);
}
.hybridDisplay-1{
    font-family : Lato;
    font-size : 34px;
    line-height : 40px;
    color :#333333 ;
    color : rgb(51, 51, 51);
}

.hybridHeadline {
     font-size : 28px;
     line-height : 32px;
     color :#333333 ;
     color : rgb(51, 51, 51);
}

div.supportBanner {
    background: white;
}

/* Explain */


/* Tables */

div.productCloud {
    display: block;
    float: left;
}

div.productCloud.div3 {
    margin-bottom: 60px;
}

.productCloud.div1{
    width: 40%;
    margin: 0 auto;
    float: none;
}

div.div2,
div.div3 {
    width: 49.9999%;
}

div.div4{
    width:24%;
    margin:0.5%;
}


div.div5{
    width:19%;
    margin:0.5%;
}


div.div6{
    width:15%;
    margin:0.8%;
}

div.div2 div.BlockProduct {
/*    min-height: 512px;
    position: relative;*/
}

div.div3 div.BlockProduct {
/*    min-height: 550px;
    position: relative;*/
}


div.div2 div.BlockProduct {
    width: 78%;
    margin: 0 auto;
}

div.div3 div.BlockProduct {
    width: 100%;
    margin: 0 auto;
}


div.headTable {
height: 64px;
display: block;
line-height: 64px;
}

div.headTable h3 {
    text-align: right;
    line-height: 45px;
    color: #fff;
}

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 a:after {
content:url('../../images/cloud/2015/Arrow-wht-16x16.png');
position: absolute;
margin: 2px 5px;

}

.productCloud:nth-of-type(1) div.headTable a:after {
content:url('../../images/cloud/2015/Arrow-blk80-16x16.png');
position: absolute;
margin: 2px 5px;
}

*/
div.Offers {
    width: 100%;
    background-color: #fff;
    position: relative;
    float: left;
    height: 100%;
    overflow: hidden;
}

div.OffersList {
//    float: left;
    text-align: center;
    padding-bottom: 25px;
    border:none;
    position: relative;
    background-color: #fff;
}

div.productCloud.div3:last-child div.OffersList:last-child {
    border-right: 0;
}

div.OffersList span.Display-4{
    padding-top: 15px;
    display: block;
}

.BlockProduct div.OffersList ul{
    margin: 0px;
}

div.div3 div.OffersList ul{
    margin: 0px 0 10px 0;
}

div.included ul li{
    font-size: 17px;
}

div.included img{
    float:left;
    width:64px;
    margin:15px;
}

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

div.dataText ul li {
    font-size: 22px;
    line-height: 30px;
    list-style-type: circle;
}

div.storageDesc{
    min-height: 80px;
    width: 100%;
}

span.Price {
    display: block;
    line-height: 40px;
}

div.BestSpec {
    position: absolute;
    width: 32%;
    height: 35px;
    text-align: center;
    left: 34%;
    top: 90px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

div.BestSpec span {
    color: #fff;
    line-height: 35px;
    font-size: 20px;
}
.yearInline,
div.ProductButton {
    background-color: #113F6D;
    width: 70%;
    height: 48px;
    text-align: center;
    left: 15%;
    bottom: 35px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    margin:auto;
}

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

div.compare a.Button:hover, div.compareIndex a.Button:hover,
div.ProductButton:hover,
div.TextBlock div.ProjectButton:hover{
    background-color:#0547af ;
    -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,
div.ProductButton:focus,
div.TextBlock div.ProjectButton:focus{
    background-color:#0c2e60 ;
}

div.compare a.Button:active, div.compareIndex a.Button:active,
div.ProductButton:active,
div.TextBlock div.ProjectButton:active{
    -webkit-animation-name: none;
    animation-name: none;

    background-color:#e0ae00 ;
}


@-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.div3 div.ProductButton {
    width: 70%;
    left: 15%;
}

div.ProductButton a,
div.TextBlock div.ProjectButton a{
    text-decoration : none;
    display: block;
    width: 100%;
    height: 100%;
}

div.ProductButton span,
div.TextBlock div.ProjectButton span{
    line-height: 48px;
    font-size: 18px;
    color: #fff;
    text-transform:uppercase;
}

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

span.TableTitle {
    display: block;
    text-align: center;
    line-height: 60px;  
    padding-top: 10px;
    clear: both;
}

/* End Tables */

/* Header Technical Pages */

div.headerProduct{
}

div.headerProduct div.Cloud {
}

div.headerProduct div.full {
    background-color: #E0AE00;
    color: #fff;
    bottom: 0;
    width: 100%;
}

div.headerContent{
    float: right;
    width: 50%;
    height: 100%;
    margin: 60px 0 0 0;
}

.OVHCloud.home div.headerContent{
//    min-height: 256px;
position:relative;
}

.OVHCloud.home div.headerContent .helpPopup{
    top:-40px !important;
}

.bannerRoadmap div.headerContent{
    margin:0;
}

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

div.bannerRoadmap div.headerContent div.TextBlock {
    margin-top: 10px;
}

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.headerContent h1,
div.headerContent h2,
div.headerContent span {
    text-align: center;
    color: #fff;
}



div.headerProduct div.headerContent h1,
div.headerProduct div.headerContent h2,
div.headerProduct div.headerContent span {
    text-align: right;
    color: #fff;
    float: right; 
}

.sandbox div.headerProduct div.headerContent h1,
.sandbox div.headerProduct div.headerContent h2,
.sandbox div.headerProduct div.headerContent span {
    color: #494949;
}

div.headerContent h1{
    font-size: 52px;
    float: left;
}

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

}

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

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

div.headerContent h2{
//    width: 60%;
    float: right;
    font-size: 28px;
    padding: 00px 0 20px 0;
    line-height: 37px;
    font-weight: 200 !important;
}


div.headerContent div.TextBlock img {
    float:right;
    clear: right;
}


div.BestPoints {
    margin: 16px auto;
}

div.BestPoints ul {
    margin: 0;
}

div.BestPoints li {
display: table-cell;
width: 25%;
margin: 0;
text-align: center;
color: #fff;
font-size: 20px;
list-style-image: none;
border-left: 2px solid #fff;
padding: 0px 20px;
box-sizing: border-box;
height: 70px;
vertical-align: middle;
}

div.BestPoints li:nth-of-type(1) {
    border:none;
}

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

/* END Header Technical Pages */


/* TechSheet tables offers */

div.ProductsTechSheet {
background:#E1E1E1;
}

div.ProductsTechSheet div.wrapper.Cloud {
    padding: 64px 0 ;
}

div.ProductsTechSheet div.productCloud.div2 div.BlockProduct {
    width: 72%;
}

div.ProductsTechSheet div.productCloud.div3 {
    width: 33%;
}

div.ProductsTechSheet div.productCloud.div3 div.BlockProduct {
    width: 79%;
}


div.ProductsTechSheet div.productCloud.div2 div.BlockProduct div.OffersList,
div.ProductsTechSheet div.productCloud.div3 div.BlockProduct div.OffersList{
    width: 100%;
    padding: 10px 5px 25px;
}

div.ProductsTechSheet div.div2 div.ProductButton {
    width: 60%;
    left: 20%;
    bottom: 32px;
}

div.ProductsTechSheet div.div3 div.ProductButton {
    width: 70%;
    left: 15%;
    bottom: 32px;
}

div.ProductsTechSheet div.div3 div.BlockProduct {
/*    min-height: 475px;*/
}

div.ProductsTechSheet div.productCloud.div3{
    margin-bottom: 0;
}

/* End TechSheet tables offers */

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


/*Menu Cloud */

div.MenuCloud ul {
    height: 64px;
    float: right;
    margin: 0;
    height: 64px;
    display: block;
}

div.MenuCloud ul li {
    display: inline-block;
    list-style: none;
    margin: 0;
    padding: 0 5px;
}

div.MenuCloud ul li a,
div.MenuCloud ul span {
    color: #949494;
    line-height: 64px;
    font-size: 18px;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: bold;
}

div.MenuCloud ul li a:hover,
div.MenuCloud ul li a.selected {
    color: red;
}


/* End MenuCloud */


/* Cross Selling footer*/
div.Xselling {
background: transparent url('../../images/cloud/2015/Xselling-bg.png') bottom center no-repeat; padding: 64px 0;
}
div.Xselling .Display-1 {
    line-height: 64px;
}

div.containerXSelling {
    width: 100%;
    margin: 0 auto;
    padding-top: 64px;
}

div.containerXproduct {
    width: 320px;
    background-color: #fff;
    margin: 0 auto;
}

div.containerXproduct span.Title {
    line-height: 40px;
    color: rgba(0, 0, 0, 0.8)
}

div.containerXproduct p.Body-1 {
    color: #949494;
    padding: 0 10px;
    min-height: 100px;
}

div.containerXproduct div.compareIndex {
    width: 60%;
    margin: 15px auto;
}


/* End Cross Selling footer */



.Button
{
  font-family : Lato;
  font-weight : bold;
  font-size : 18px;
  text-transform : uppercase;
}
.Caption
{
  font-family : Lato;
  font-size : 14px;
  line-height : 24px;
}

.Body-1, .itemCase .description
{
  font-family : Lato;
  font-size : 17px;
  line-height : 24px;
}

.Body-2exprice
{
  font-family : Lato;
  font-size : 16px;
  line-height : 24px;
}
.Subhead
{
  font-family : Lato;
  font-weight : bold;
  font-size : 20px;
  color : #CC0000;
  color : rgb(204, 0, 0);
}
.Title
{
  font-family : Lato;
  font-weight : bold;
  font-size : 24px;
  color : #CC0000;
  color : rgb(204, 0, 0);
}
.Headline
{
  font-family : Lato;
  font-size : 28px;
}

.Headline.Price{
    font-size:24px;
}
.Display-1
{
  font-family : Lato;
  font-size : 34px;
}
.Display-2
{
  font-family : Lato;
  font-size : 38px;
  line-height : 56px;
  letter-spacing : -0.22px;
}
.Display-3
{
  font-family : Lato;
  font-size : 56px;
  line-height: 60px;
  letter-spacing : -0.56px;
}
.Display-4
{
  font-family : Lato;
  font-size : 101px;
  line-height: 100px;
  letter-spacing : -1.01px;
}
.SpecSubhead
{
  font-family : Roboto2DRAFT Medium;
  font-size : 13px;
  line-height : 20px;
  letter-spacing : 0.07px;
}
.Display1
{
  font-family : Roboto;
  font-size : 34px;
  line-height : 40px;
  color : #FF0000;
  color : rgb(255, 0, 0);
}


.includedList{
    max-width: 700px;
    border-top:solid #aaa 1px;
}

.includedList:nth-of-type(1){
border-top:none;
}

div.includedList ul,
div.includedList h2 {
    float:left;
    width:39%;
    margin:10px auto;
}

div.includedList ul {
    width:60%;
}



div.includedList h2 {
}


#helpToggler{
    color: #E0AE00;
    font-weight:bold;
    border-radius:2px;
    border:solid 2px #E0AE00;
    line-height: 32px;
    font-weight: bold;
    font-size: 18px;
    padding: 0 20px;
}

div.wrapper.Cloud{
    padding-left: 32px;
    padding-right: 32px;
}

.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 40px 0;
    padding: 0px 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-top:44px;
    background-size: contain;
}


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

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


.OffersList .ProductButton{
    margin: 1% auto;
    min-width: 100px;
    width: 90%;
}

table{
    border-collapse:collapse;
}

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

tr.OffersList:last-of-type td{
    border-bottom:solid #e8e8e8 0px;
}

tr.OffersList td.Display-2 a.Display-2,
tr.OffersList td.Display-2{
    font-size:28px;
    text-align:left;
    color:#3c3c3c;
    text-decoration:none;
}

tr.OffersList td.Display-2 a.Display-2:hover{
    color:#555;

}

tr.OffersList td:last-of-type,
tr.OffersList td:first-of-type {
    padding:7px;;
}


.CloudUseCase{
    background-color: #fff;
    min-height: 480px;
    width: 40%;
    float: left;
    margin: 2% 5%;
}

.CloudUseCase:nth-pf-type(2){
    margin-right: 5%; 
}

.reveal{
    position: absolute;
    z-index: 99999;
    padding: 20px 10px;
    background: rgba(255,255,255,0.950);
    width: 0px;
    right: 0px;
    max-width: 700px;
    border: solid 2px;
    margin-top: -20px;
    overflow:hidden;
}

.reveal.zoomIn{
    width: 100%;
    opacity:1;
}

#hider{
position:fixed;
width:100%;
height:100%;
top:0px;
left:0px;
background:rgba(0,0,0,0.25);

}

.reveal .ProductContain{
    width: 46.4%;
}


.comparingOffers{
    width:100%;
}


.comparingOffers th ,
.comparingOffers td {
    text-align:center; 
    background:#F3F3F3;
}


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

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

.universName.Title span.name{
    padding: 20px 0px;
    display: inline-block;
}

.useScheme{
    background: #fff url('../../images/cloud/2015/usecase-sofoot.png') top right no-repeat;
    background-size: contain;
    height: 100%;
    width: 70%;
    min-height: 510px;
    float: right;
}


/*////////////////////////////////////////////
                F.A.Q.       
////////////////////////////////////////////*/
.openHelp {
    cursor:pointer;
}

.faqBox{
    box-sizing:border-box;
    padding:16px;
}

.faqBox h3{
    color: #494949;
    line-height: 120%;
    margin: 16px auto;
    font-size : 28px;
    cursor:pointer;

}

.faqBox h3:focus{
outline:none;
}

.faqBox div{
    text-align:justify;
    padding: 16px;
}


.faqBox a{
font-family: Lato;
font-size: 17px;
line-height: 24px;
text-decoration:none;
}

/*////////////////////////////////////////////
                END F.A.Q.       
////////////////////////////////////////////*/




.reveal {
position: absolute;
z-index: 99;
padding: 0px 0px;
background: rgba(255,255,255,0.950);
width: 0px;
right: 0px;
max-width: 700px;
border: solid 0px;
margin-top: 0px;
overflow: hidden;
box-shadow: rgba(0,0,0,0.5) 0px 4px 20px 0px;
}

.reveal div.ProductContain{
margin:0;
width:50%;
}

.LogosPads img {
    margin-top: 16px;
}


.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;
}


/*////////////////////////////////////////////
                ANIMATIONS
////////////////////////////////////////////*/





.animated, .animatedL,.animatedR {
  -webkit-animation-duration: 0.25s;
          animation-duration: 0.25s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
    opacity: 0;
}


@-webkit-keyframes zoomOut {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  100% {
    opacity: 0;
  }
}

@keyframes zoomOut {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  100% {
    opacity: 0;
  }
}

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


@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

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


div.tooltip p {
    text-align: center;
}

/*////////////////////////////////////////////
            CALL 1007
////////////////////////////////////////////*/

.OVHCloud.roadMap .you-have-a-new-project{
    background:url('../../images/support/supportBan/1007-Background-Grey.png') top center repeat;
}

.OVHCloud .you-have-a-new-project{
    background:url('../../images/support/supportBan/1007-Background-HightLigh.png') top center repeat;
}

.OVHCloud .you-have-a-new-project *, .OVHCloud .you-have-a-new-project .needHelp a{
    color:#3C4048 !important;
}


.OVHCloud .you-have-a-new-project .needHelp {
    display:inline-block;
    text-align: left;
    margin-top: 50px;
    width: auto;
    font-weight:400;
    max-width: 700px;
    font-size: 54px;
    width: 70%;
}

.OVHCloud .you-have-a-new-project .needHelp a { font-size: 54px;}

.EuropeFlag{
    margin-right:16px;
    float:left;
}

.posteFixe{
    display: block;
    font-size: 16px;
}



.PhoneFromEurope{
    font-size: 26px !important;
    line-height: 30px;
    display: block;
}



.supportHeadPhone{
    max-width:241px;
    float:left;
    margin: 2% 2% 0 0;
    width: 28%;
}

.OVHCloud .you-have-a-new-project .opening, .OVHCloud .you-have-a-new-project .free{
    display:block;
    font-weight:400;
}


.OVHCloud .you-have-a-new-project .opening{
    font-size: 26px;
}

.OVHCloud .you-have-a-new-project .free{
    font-size: 16px;
}

.headPicture{
    width:200px;
    margin: -5px -30px 0 0;
}


.CloudUseCaseTitle{
    width: 30%;
    background-color: #113F6D;
    padding: 15px;
    position: relative;
    float: left;
}


.differenceOVH h1 {
    margin: 60px auto 140px auto;
}

.diffContent {
    margin:60px auto;
}

.diffContent img{
   width:45%;
   max-width: 384px;
   margin:0 2.5%;
   float:left;
}

.diffContent:nth-of-type(odd) img{
   float:right;
}

.diffContent h3,
.diffContent p{
   display:block;
   width:45%;
   margin:2.5%;
   float:left;
   text-align: justify;
   color:#333;
}

.diffContent h3{
   margin:0 2.5%;
    
}

.containerXproduct span.Title{display:block;

}


#helpTab div.full, #helpTab span{
    background:#fff;
    color:#949494;
    text-align: left;
    float: none;
}

.schema .Display-1{
    line-height: 180%;
    color:#494949;
}

.schema p {
    padding:1%;
}


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

.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;
}


.BlockProduct .linux,
.BlockProduct .win{
    padding:16px;
}

/*////////////////////////////////////////////
            RESPONSIVENESS
////////////////////////////////////////////*/




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



@media screen and (max-width: 1244px){
    div.TechUseCases div.itemCase{
        margin: 1.5% 2.7%;
    }
}

@media screen and (max-width: 1210px){
    div.TechUseCases div.itemCase{
        margin: 1.5% 2.6%;
    }
}
@media screen and (max-width: 1175px){
    div.TechUseCases div.itemCase{
        margin: 1.5%;
    }

div.div6{
    width:31.6%;
    margin:0.8%;
}

.OVHCloud .you-have-a-new-project .opening {
    font-size: 20px;
}

.OVHCloud .you-have-a-new-project .free {
    font-size: 14px;
}

}

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

.CloudUseCaseTitle{
    width: 100%;
    padding: 15px;
    position: relative;
    float: none;
}

.Charges{
    display:none;
}

.useScheme{
    width: 100%;
    min-height: 400px;
    background-position:bottom center; 
}


}

@media screen and (max-width: 700px){
    div.advItem,
    div.BestPoints li,
    div.div3,
    div.div4,
    div.div5,
    div.TechUseCases div.itemCase{
        margin: 1.5%;
        width:47%;
    }

    div.advItem div.tooltip {
        z-index: 999;
        width: 90%;
        margin: 5%;
        max-width: initial;
    }

    div.BestPoints{
        width:100%;
    }
    
    div.BestPoints li{
        display: inline-block;
        margin: 3% 1.5%;
        
    }

    div.BestPoints li:nth-of-type(3){
        border:none;
    }

    div.Offers{
        margin-top: 20px;
    }

    .CloudUseCase,
    div.ProductContain,
    div.headerContent,
    div.headerContent h2,
    div.div2, div.div3{
    width:97% !important;
    margin:3% auto;
    float:none;
    //min-height: initial;
    }



    .bannerRoadmap{
        display:none;
    }

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

.supportHeadPhone {
    float: none;
    margin: 2% auto 0;
    width: 100%;
}


.productCloud.div1{
    width: 70%;
    margin: 0 auto;
    float: none;
}



    div.div3,
    div.div4,
    div.div5{
        float:left;
        clear: none;
    }


.yearInline {
    float:none;
    margin: 10px auto;
    width: 90%;
    max-width: 330px;
}

.yearInlineArrow {
display:none;
}

div.containerXproduct {
width: 100%;}

}

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

.distroSelectContainer{
    margin: 20px auto;
    display: block;
}

.OVHCloud .you-have-a-new-project .needHelp, .OVHCloud .needHelpBigLink {
    text-align:center;
    margin-top: 0px;
    font-size: 44px;
    width: 96%;
    margin: auto;
}

    .supportHeadPhone{
        width:100%;
        float:none;
    }

    div.TechUseCases div.itemCase,
    div.div3,
    div.div4,
    div.div5,
    div.div6{
        margin: 30px auto 50px;
        width:100%;
        float:none;

    }

div.wrapper.Cloud{
    padding-left: 5px;
    padding-right: 5px;
}


    #enterpriseInfra, .hiddenPhone{display:none;}
    .reveal{
        display:block;
        opacity:1;
        background:transparent;
        position: relative;
        width: 100%;
        opacity: 1 !important;
        box-shadow:none;
        text-align: center;
    }
    .reveal div.ProductContain{
        margin:0 auto 3% auto;
    }

    .reveal.zoomOut{
         display:block;
        opacity:1;
        background:transparent;
        position: relative;
        width: 100%;
        opacity: 1 !important;
   
    }

    .zoomOut {
        -webkit-animation-name: none;
        animation-name: none;
    }


.useScheme{
    width: 100%;
    min-height: 210px;
    background-position:bottom center; 
}




.headPicture{
display:none;

}


div.includedList ul, div.includedList h2 {
    width:100%;
}

}