/* -------------------------------------------------------------
  List of CSS3 Sass Mixins File to be @imported and @included as you need

  Mixins available:
    -   css3-prefix             - arguments: Property, Value
    -   background-gradient     - arguments: Start Color: #3C3C3C, End Color: #999999
    -   background-horizontal   - arguments: Start Color: #3C3C3C, End Color: #999999
    -   background-radial       - arguments: Start Color: #FFFFFF, Start position: 0%, End Color: #000000, End position: 100%
    -   background-size         - arguments: Width: 100%, Height: 100%
    -   background-opacity      - arguments: Color: #000, Opacity: .85
    -   border-radius           - arguments: Radius: 5px
    -   border-radius-separate  - arguments: Top Left: 5px, Top Right: 5px, Bottom Left: 5px, Bottom Right: 5px
    -   box                     - arguments: Orientation: horizontal, Pack: center, Align: center
    -   box-rgba                - arguments: R: 60, G: 3, B: 12, Opacity: 0.23, Color: #3C3C3C
    -   box-shadow              - arguments: X: 2px, Y: 2px, Blur: 5px, Color: rgba(0,0,0,.4)
    -   box-sizing              - arguments: Type: border-box
    -   columns                 - arguments: Count: 3, Gap: 10
    -   double-borders          - arguments: Color One: #3C3C3C, Color Two: #999999, Radius: 0
    -   flex                    - arguments: Value: 1
    -   flip                    - arguments: ScaleX: -1
    -   font-face               - arguments: Font Family: myFont, Eot File Src: myFont.eot, Woff File Src: myFont.woff, Ttf File Src: myFont.ttf
    -   opacity                 - arguments: Opacity: 0.5
    -   outline radius          - arguments: Radius: 5px
    -   resize                  - arguments: Direction: both
    -   rotate                  - arguments: Degree: 0, M11: 0, M12: 0, M21: 0, M22: 0
    CSS Matrix Rotation Calculator http://www.boogdesign.com/examples/transforms/matrix-calculator.html
    -   text-shadow             - arguments: X: 2px, Y: 2px, Blur: 5px, Color: rgba(0,0,0,.4)
    -   transform               - arguments: Parameters: null
    -   transform-style         - arguments: Style: preserve-3d
    -   transition              - Default arguments: What: all, Length: 1s, Easing: ease-in-out
    -                            - Examples: @include transition (all 2s ease-in-out);
    -                                        @include transition (opacity 1s ease-in 2s, width 2s ease-out);
    -   triple-borders          - arguments: Color One: #3C3C3C, Color Two: #999999, Color Three: #000000, Radius: 0
    -   keyframes               - arguments: Animation name
                                - content:   Animation css
    -   animation               - arguments: name duration timing-function delay iteration-count direction fill-mode play-state
                                             (http://www.w3schools.com/cssref/css3_pr_animation.asp)
    -   abs-pos                 - arguments: top,right,bottom,left -> default all values are on auto

------------------------------------------------------------- */
* {
  color: #17273b; }

.backgroundYellowNewTag {
  background-color: #f9cd35 !important; }

.backgroundYellow {
  background: #1db9de !important; }

.backgroundBleuNuit {
  background: #122844 !important; }

.backgroundBleuVif {
  background: #59d2ef !important; }

.backgroundBleuInter {
  background: #143f6c !important; }

.backgroundBleuDedicated {
  background: #123e6f !important; }

.backgroundYellowCloud {
  background: #ffcc00 !important; }

.backgroundBeige {
  background: #e9ebe7 !important; }

.colorYello {
  color: #1db9de !important; }

.colorBleuNuit {
  color: #122844 !important; }

.colorBleuVif {
  color: #59d2ef !important; }

.colorBleuInter {
  color: #143f6c !important; }

.colorYellowCloud {
  color: #ffcc00 !important; }

.colorBeige {
  color: #e9ebe7 !important; }

.colorBleuDedicated {
  color: #123e6f !important; }

.colorTxt {
  color: #17273b !important; }

.header * {
  color: white; }

.config {
  	/*&:hover {
  		border-color:$yellowCloud !important;
  
  		.priceConfig {
  			border-color:$yellowCloud !important;
  		}
  	}*/
  /*	.orderConfig {
  		.zone-order-button-dedicated-availability.button-order > a {
  			background-color:$bleuVif !important;
  			border-color: $bleuVif !important;
  
  			&:hover {
  				background:none !important;
  			}
  		}
  	}*/ }
  .config.promo {
    border-color: #5c286b !important; }
    .config.promo .priceConfig {
      border-color: #5c286b !important; }
  .config .headerConfig {
    height: 390px; }
    .config .headerConfig.small {
      height: 280px; }

.fixForBorderSeparation {
  margin: 0;
  width: calc((6/12)*100%); }
  @media screen and (max-width: 768px) {
    .fixForBorderSeparation {
      width: 100%; } }
  .fixForBorderSeparation:last-child {
    width: calc((6/12)*100% - 1px); }

.fixForBorderSeparationRight {
  margin: 0;
  padding: 0 !important;
  width: calc((6/12)*100% - 1px); }
  @media screen and (max-width: 768px) {
    .fixForBorderSeparationRight {
      width: 100%; } }

.paddingForTableSQL tr td {
  height: 45px; }

/*#overview {
	.zone-order-button-dedicated-availability.button-order {
		width:195px;

		a {

			&:hover {
				span {
					color:white !important;
				}
			}

		}
	}
}

.zone-order-button-dedicated-availability.button-order {
	width:195px;

	a {
		text-decoration: none !important;
		span {
			color:$txtColor !important;
			font-weight:normal !important;
		}

		&:hover {
			span {
				color:white !important;
			}
		}
	}

	&.lightBackground {
		a {
			&:hover {
				span {
					color:$txtColor !important;
				}				
			}
		}
	}
}

.zone-order-button-dedicated-availability.button-order > a {
    background-color: $yellowCloud;
    box-shadow: none !important;
    display: table-cell;
    position: relative;
    color: #fff;
    font-size: 17px;
    text-align: center;
    line-height: 27px;
    border: 2px solid $yellowCloud;
    @include border-radius(3px);
    width: 195px;
    z-index: 2;
    vertical-align: middle;
    height:56px;
    color:$txtColor !important;

    &:hover {
    	background:none !important;
    	text-decoration: none !important;
    }
}*/
.OffersList .limitedEditionHighlight {
  padding: 10px; }
  .OffersList .limitedEditionHighlight span {
    margin: 0;
    padding: 5px;
    color: #ac0066;
    font-weight: bold;
    background-color: white;
    border-radius: 3px; }

.limitedEditionBorder {
  border: solid 2px #ffcc00 !important; }

.limitedEditionRibbon {
  padding: 5px 7px;
  position: relative;
  top: -35px;
  margin-left: 10px;
  font-weight: bold;
  color: #b20c5f; }

.config .newProductRibbon {
  padding: 0 15px;
  top: -45px;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap; }

.comparingOffers .newProductRibbon {
  padding: 0;
  width: 100%;
  text-align: center;
  top: 0;
  left: 50%;
  transform: translateX(-50%); }

.pRelative {
  position: relative !important; }

.pAbsolute {
  position: absolute !important; }

#subMenu.fixed {
  background: rgba(18, 40, 68, 0.9) !important; }

.MenuInternal {
  border-color: #59d2ef !important; }

ul.menuInternal li a.selected, ul.menuInternal li a:hover {
  color: #59d2ef !important;
  border-color: #59d2ef !important; }
ul.menuInternal li a.smallButton:hover, ul.menuInternal li a.smallButton.selected {
  background: none !important;
  border-color: #ffcc00 !important;
  color: white !important; }

.breadcrumb a:hover {
  color: #59d2ef !important; }

.smallButton {
  color: #17273b !important; }

/*.newButton {
	.text {
		.static {
			border-color: $yellowCloud !important;
			color:$txtColor !important;
		}

		.frame {
			border-top-color:$yellowCloud !important;
			border-bottom-color:$yellowCloud !important;
			border-left-color:$yellowCloud !important;
			border-right-color:$yellowCloud !important;
		}
	}

	&:hover {
		.text {
			.static {
				color:white !important;

				&.lightBackground {
					color:$txtColor !important;
				}
			}

			.frame {
				border-top-color:$bleuNuit !important;
				border-bottom-color:$bleuNuit !important;
				border-left-color:$bleuNuit !important;
				border-right-color:$bleuNuit !important;

				&.lightBackground {
					border-top-color:transparent !important;
					border-bottom-color:transparent !important;
					border-left-color:transparent !important;
					border-right-color:transparent !important;
				}
			}
		}
	}
}*/
.avantages {
  border: 1px solid #59d2ef;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px; }
  .avantages * {
    color: white; }
  .avantages .borderBottom {
    height: 1px;
    background: #59d2ef;
    width: calc(100% - 32px); }
  .avantages .middleBorderSeparation, .avantages .middleBorderSeparationRight {
    border-color: #59d2ef !important; }
    @media screen and (max-width: 1025px) {
      .avantages .middleBorderSeparation, .avantages .middleBorderSeparationRight {
        border: none !important;
        margin-left: 8px !important; } }

#inclus {
  background: url("../../../images/serveurs-dedies-2013/bare-metal-servers/trame-bckg.png"); }
  #inclus * {
    color: #17273b; }
  #inclus ul {
    text-align: left; }
    #inclus ul li {
      text-align: left;
      background: none;
      list-style: none !important;
      margin-left: 0 !important; }
  #inclus .borderBottomBleu {
    border-bottom: 1px solid #59d2ef;
    margin: 40px 0; }

.serverBorder {
  border: 1px solid #17273b;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px; }

.radialBackground {
  background: -moz-radial-gradient(center, ellipse cover, #143f6c 0%, #122844 100%);
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #143f6c), color-stop(100%, #122844));
  background: -webkit-radial-gradient(center, ellipse cover, #143f6c 0%, #122844 100%);
  background: -o-radial-gradient(center, ellipse cover, #143f6c 0%, #122844 100%);
  background: -ms-radial-gradient(center, ellipse cover, #143f6c 0%, #122844 100%);
  background: radial-gradient(ellipse at center, #143f6c 0%, #122844 100%); }
  .radialBackground * {
    color: white; }

#more .icons a {
  text-decoration: none; }
  #more .icons a svg {
    width: 82px;
    display: block;
    text-align: center;
    margin: 0 auto; }
  #more .icons a:hover svg circle {
    fill: rgba(29, 185, 222, 0.6); }

.pop {
  height: 125px;
  box-sizing: border-box; }

.whiteChild * {
  color: white; }

.toggleWeek {
  border: 1px solid #17273b;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px; }
  .toggleWeek div {
    height: 28px;
    font-size: 14px;
    cursor: pointer; }
    .toggleWeek div.selected {
      background: #59d2ef; }

.priceConfig .paddingToggle {
  padding: 25px 0; }

/*.svgCircleDotted {
	cursor:pointer;
	&:hover {
		circle {
			stroke:$bleuVif;
		}
	}
}*/
.borderPoint {
  border-right: 1px dashed #17273b; }
  @media screen and (max-width: 600px) {
    .borderPoint {
      border: none; } }

.yellowChart {
  /*     text:last-child { */
  /*         font-size:0px !important; */
  /*         pointer-event:none !important; */
  /*     } */ }
  .yellowChart tspan {
    text-shadow: none !important; }
  .yellowChart .highcharts-background {
    fill: transparent;
    stroke: transparent;
    stroke-width: 2px; }
  .yellowChart .highcharts-xaxis-labels {
    display: none; }
  .yellowChart .highcharts-axis-labels text {
    color: #ffcc00 !important;
    fill: #ffcc00 !important; }
  .yellowChart .highcharts-axis path {
    display: none; }
  .yellowChart .highcharts-axis tspan {
    color: #ffcc00 !important; }
  .yellowChart .infoGraph {
    background: #122844;
    padding: 20px 50px; }

.lightChart {
  /* text:last-child { */
  /*     font-size:0px !important; */
  /*     pointer-event:none !important; */
  /* } */ }
  .lightChart tspan {
    text-shadow: none !important; }
  .lightChart .highcharts-background {
    fill: transparent;
    stroke: transparent;
    stroke-width: 2px; }
  .lightChart .highcharts-xaxis-labels {
    display: none; }
  .lightChart .highcharts-axis-labels text {
    color: #17273b !important;
    fill: #17273b !important; }
  .lightChart .highcharts-axis path {
    display: none; }
  .lightChart .highcharts-axis tspan {
    color: #17273b !important; }
  .lightChart .infoGraph {
    background: #eaf6fd;
    padding: 20px 50px; }

.filterPanel {
  border-right: 1px solid #7b92a4; }

.OffersList .promotionShowServer {
  background: #ad0067;
  padding: 10px 0;
  color: white; }
  .OffersList .promotionShowServer .promo {
    padding: 5px 10px;
    background: white;
    color: #ad0067;
    margin-right: 16px;
    border-radius: 5px; }
.OffersList.filterSD {
  border: 1px solid #d4dcde;
  margin: 0 10px 10px 10px; }
.OffersList .trickCssForHeight {
  padding-bottom: 1000px;
  margin-bottom: -1000px; }
.OffersList .showOffers {
  cursor: pointer; }
.OffersList .borderForPad {
  border-right: 1px solid #d4dcde;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 10px;
  padding-right: 10px;
  box-sizing: border-box; }
  .OffersList .borderForPad:last-child {
    border: none; }
.OffersList .infoServer {
  position: relative;
  margin-top: 10px; }
  .OffersList .infoServer * {
    /*height:33px;*/
    line-height: 33px; }
  .OffersList .infoServer .promotionPrice .promo {
    background: #ad0067;
    padding: 15px 5px;
    display: inline-block;
    color: white;
    border-radius: 5px;
    	/*position: absolute;
        right: 0;
        top: 0%;*/ }
.OffersList .appendDispoForServer {
  display: none; }
  .OffersList .appendDispoForServer .infoServer {
    width: 300px;
    text-align: left;
    display: inline-block;
    padding-bottom: 10px;
    border-bottom: 1px solid #d4dcde;
    margin-right: 20px; }
    .OffersList .appendDispoForServer .infoServer * {
      line-height: 0px !important; }
    .OffersList .appendDispoForServer .infoServer div {
      display: inline-block; }
    .OffersList .appendDispoForServer .infoServer .dcDispo {
      margin-left: 32px; }
.OffersList .buttonTable {
  min-width: auto;
  font-size: 14px;
  line-height: 30px !important;
  height: 35px; }

#globalFilter * {
  font-size: 15px !important; }
@media screen and (max-width: 768px) {
  #globalFilter {
    display: none; } }

#globalFilter .ui-slider-horizontal {
  height: 0.3em !important; }

#globalFilter .ui-slider-horizontal .ui-slider-handle {
  top: -2em !important;
  margin-left: -1em !important; }

#globalFilter .ui-slider .ui-slider-handle {
  width: 2.4em !important;
  height: 4.1em !important; }

#globalFilter .ui-widget-header {
  background-color: #59d2ef !important; }

#globalFilter .ui-slider-horizontal .ui-slider-handle {
  /*top:-2.3em !important;*/
  font-size: 17px; }

#globalFilter .slider {
  width: 85%;
  background: #7b92a4; }

#globalFilter .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  border: none !important;
  background: url("../../images/serveurs-dedies-2013/2016/newSD/poignee-slider.png") 35% 50% no-repeat !important;
  font-weight: normal !important;
  color: #17273b !important; }

.circleDispoColor {
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 50px;
  vertical-align: middle;
  margin-top: -2px; }

a.linkToProduct {
  text-decoration: none; }

.distribution hr {
  width: 100%;
  border-color: #59d2ef; }
.distribution table tr td {
  border: none; }
.distribution h4 {
  font-size: 20px !important;
  line-height: 14px;
  cursor: pointer;
  color: #143f6c !important; }
  .distribution h4:hover {
    color: #59d2ef;
    text-decoration: underline; }
  .distribution h4 .showOrHide {
    float: right;
    font-size: 33px;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    color: #7b92a4; }
    .distribution h4 .showOrHide:hover {
      background: #59d2ef; }
.distribution a {
  text-decoration: none; }
  .distribution a:hover {
    text-decoration: underline; }

#sidebar {
  height: 1000px;
  overflow-y: scroll;
  width: 100%;
  box-sizing: border-box;
  padding: 0 15px; }

.SpriteSDHome-antiDDoS80pxBkgLight, .SpriteSDHome-counter80pxBkgLight, .SpriteSDHome-infinite80pxBkgLight, .SpriteSDHome-truck80pxBkgLight, .SpriteSDHome-9064pxBkgLight, .SpriteSDHome-antiDDoS64pxBkgLight, .SpriteSDHome-bandwidth64pxBkgLight, .SpriteSDHome-floppy64pxBkgLight, .SpriteSDHome-IP64pxBkgLight {
  background-image: url("../../images/serveurs-dedies-2013/2016/SpriteSDHome.png");
  background-repeat: no-repeat;
  margin: 0 auto; }

.SpriteSDHome-antiDDoS80pxBkgLight {
  width: 80px;
  height: 80px;
  background-position: -80px 0; }

.SpriteSDHome-counter80pxBkgLight {
  width: 80px;
  height: 80px;
  background-position: 0 0; }

.SpriteSDHome-infinite80pxBkgLight {
  width: 79px;
  height: 80px;
  background-position: -160px 0; }

.SpriteSDHome-truck80pxBkgLight {
  width: 80px;
  height: 80px;
  background-position: -239px 0; }

.SpriteSDHome-9064pxBkgLight {
  width: 65px;
  height: 65px;
  background-position: -319px -8px; }

.SpriteSDHome-antiDDoS64pxBkgLight {
  width: 65px;
  height: 65px;
  background-position: -384px -8px; }

.SpriteSDHome-bandwidth64pxBkgLight {
  width: 65px;
  height: 65px;
  background-position: -449px -8px; }

.SpriteSDHome-floppy64pxBkgLight {
  width: 65px;
  height: 65px;
  background-position: -514px -8px; }

.SpriteSDHome-IP64pxBkgLight {
  width: 65px;
  height: 65px;
  background-position: -579px -8px; }

.iconsNVMe {
  width: 80px;
  height: 80px;
  background: url("../../images/serveurs-dedies-2013/2016/nvme/sprite_NVMe_sprite_NVMe.png");
  margin: 0 auto; }

.hpc {
  background-position: -560px 0px; }

.BigData {
  background-position: -480px 0px; }

.DB {
  background-position: -400px 0px; }

.SiteWeb {
  background-position: -320px 0px; }

.capacity {
  background-position: -240px 0px; }

.Security {
  background-position: -160px 0px; }

.Performances {
  background-position: -80px 0px; }

.PCI-Express {
  background-position: 0px 0px; }

.graphicNVMe {
  width: 660px;
  height: 375px;
  background-position: -654px 0 !important;
  background: url("../../images/serveurs-dedies-2013/2016/nvme/sprit_shema.png");
  margin: 0 auto; }
  .graphicNVMe.secondGraphic {
    background-position: 0 380px !important; }

.backgroundNone {
  background: none !important; }

.OffersList .label {
  border: 1px solid #59d2ef;
  padding: 2px;
  display: inline-block;
  width: 40px;
  text-align: center; }
.OffersList .padProductSD {
  padding: 0;
  margin-bottom: 20px;
  background: white; }
  .OffersList .padProductSD div.clear {
    padding: 0 15px; }
    .OffersList .padProductSD div.clear .toggleWeek {
      padding: 0 !important; }
  .OffersList .padProductSD .distribution {
    display: none;
    background-color: #e5f5fc;
    height: 100%; }
    .OffersList .padProductSD .distribution .distrib {
      display: inline-block;
      width: 60px;
      height: 35px;
      background: white;
      margin-right: 5px;
      padding: 0 5px;
      border: 1px solid #7b92a4; }
      .OffersList .padProductSD .distribution .distrib * {
        vertical-align: middle; }
  .OffersList .padProductSD .normalPrice {
    word-wrap: break-word; }
  .OffersList .padProductSD .promotionPrice {
    word-wrap: break-word; }
.OffersList .needWidthFixDC {
  width: 56px;
  display: inline-block; }
.OffersList #changeLanguage {
  font-size: 17px !important; }
  .OffersList #changeLanguage .ovhFlag {
    display: inline-block;
    vertical-align: middle;
    margin: -5px 0 0 0 !important; }

.accordionItem {
  margin: 20px 0;
  background-color: white;
  background-image: url("../../../images/2016wishes/arrowdown.png");
  background-repeat: no-repeat;
  background-position: calc(100% - 10px) 8px;
  padding-right: 32px;
  border-bottom: 1px solid #7b92a4;
  padding-bottom: 20px;
  cursor: pointer; }
  .accordionItem .infoToShow:not(:first-child) {
    display: none; }

.paddingSpecialProductPage {
  padding: 0 25px; }

.numberInfos.distributions {
  width: 130px;
  height: 130px;
  padding: 5px;
  border-color: #253953; }
  .numberInfos.distributions img {
    vertical-align: middle;
    /*margin-top:40px;*/ }

.switch {
  position: absolute;
  display: inline-block;
  width: 64px;
  height: 34px;
  /* Hide default HTML checkbox */
  /* Rounded sliders */ }
  .switch .switch input {
    display: none; }
  .switch .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: white !important;
    -webkit-transition: .4s;
    transition: .4s;
    border: 1px solid #7B92A4; }
  .switch .slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: #C3C3C3;
    -webkit-transition: .4s;
    transition: .4s; }
  .switch input:checked + .slider {
    background-color: white !important; }
  .switch input:checked + .slider:before {
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
    background: #B0CA67 url("../../images/2016wishes/SD_CHECK.svg") no-repeat 50%; }
  .switch .slider.round {
    border-radius: 34px; }
  .switch .slider.round:before {
    border-radius: 50%; }

.promoLabel {
  background: #ad0067;
  color: white;
  padding: 0 5px;
  text-align: center;
  display: inline-block;
  margin: 0 1em 0px 0;
  height: 35px;
  line-height: 36px; }

table.specialTable tr:not(:first-child) {
  background: none !important; }
table.specialTable td:nth-child(even) {
  background: none !important; }

table.homepage-table tr th,
table.homepage-table tr td {
  border: none;
  line-height: 42px;
  height: auto;
  padding: 0 1em;
  font-size: 17px; }

table.homepage-table tr th {
  font-weight: bold;
  color: #122844;
  line-height: 110%;
  height: 42px; }

table.homepage-table tr:nth-child(2n) td {
  background-color: #e6f8fc; }

table.homepage-table * {
  font-size: 17px !important;
  color: #494949 !important; }

.durationSelector.promo {
  background: #AD0067;
  color: white;
  text-align: center;
  padding: 10px 5px; }
  .durationSelector.promo span {
    color: white; }
  .durationSelector.promo .chooseDurationPromotion {
    margin-top: 0px; }

.ttoggle .tooltip {
  max-width: 100% !important; }

/* The slider */

/*# sourceMappingURL=dedicated2016V2.css.map */