/* STATIC PAGES STYLES */
center {display:none;}
.content {padding-bottom: 20px;}
.statictitle {text-align:center; height: 0;}
.statictitle h1 {color: #fff; display: inline-block; float: none; font-size: 30px; font-weight: bold; margin: 0 auto; padding: 15px 0 10px 10px; position: relative; text-align: center; text-transform: uppercase; top: -180px; border-left: 7px solid #117C83;}
/*.logged .statictitle h1 {top: -220px;}*/
.static-maindiv h2#fristh2 {margin-top:0px;}
.static-maindiv h2 {color: #222; display: block; font-size: 16px; padding: 10px 0 5px 8px; text-align: left; text-transform: uppercase; display: block; border-left: 5px solid #fc0203;}
.static-content {/*margin:10px 0 0; padding: 20px 0 0;*/}
.static-maindiv p {font-family: robotoregular,'Open Sans', arial, sans-serif; font-size: 13px; padding: 5px 0; line-height: 22px; margin-bottom: 0px;}
.static-maindiv p a {font-family: robotoregular,'Open Sans', arial, sans-serif; font-size: 13px;}
.static-maindiv p a:hover {color:#117C83; text-decoration:underline;}

.static-maindiv ul li {font-family: robotoregular,'Open Sans', arial, sans-serif; font-size: 13px; list-style:square; line-height: 22px; margin-left: 15px; padding-left: 5px;}
.static-maindiv p strong {font-family: robotoregular,'Open Sans', arial, sans-serif; line-height: 28px;}
.static-maindiv .ttlh2 {border-bottom: 1px solid #e4e5e5; padding-bottom: 5px; margin-bottom: 5px; margin-top:15px;}
.static-maindiv .ttlh2:first-child {margin-top:0px;}


.cmcpage13959 .middle {background: #f4f4f4 url("/ImagesPortal/FR/Localisation/76135/images/map-nosvaleurs.png") repeat center;}
.static-maindiv-ash .bgImg {background: url("/ImagesPortal/FR/Localisation/76135/images/NosValeurs-BgImg.png") no-repeat center; width: 833px; height: 615px; margin: 50px auto 0;}
.static-maindiv-ash .engagement {margin:0 auto; text-align: center;}
.static-maindiv-ash .diblogo {background: url("/ImagesPortal/FR/Localisation/76135/images/logo-dib.png") no-repeat center; width: 91px; height: 89px; position: relative; margin: 0 auto; top: 274px; left: 3px;}
.static-maindiv-ash .bottomTxt {font-family: robotoregular,'Open Sans', arial, sans-serif; font-size: 24px; text-align: center; font-weight: bold;}
.static-maindiv-ash .statictitle h1 {top: -110px;}
/*.logged .static-maindiv-ash .statictitle h1 {top: -150px;}*/

.static-maindiv-ash .engagement .icon {background: url("/ImagesPortal/FR/Localisation/76135/images/icon-Engagement.png") no-repeat center; width:100px; height:100px; margin: 0 auto; top: 7px; position: relative;}
.static-maindiv-ash .advice .icon {background: url("/ImagesPortal/FR/Localisation/76135/images/icon-Advice.png") no-repeat center; width:100px; height:100px; margin: 0 auto; top: -20px; left:180px; position: relative;}
.static-maindiv-ash .listen .icon {background: url("/ImagesPortal/FR/Localisation/76135/images/icon-Listen.png") no-repeat center; width:100px; height:100px; margin: 0 auto; top: 25px; left: 110px; position: relative;}
.static-maindiv-ash .efficiency .icon {background: url("/ImagesPortal/FR/Localisation/76135/images/icon-Efficiency.png") no-repeat center; width:100px; height:100px; margin: 0 auto; top: -130px; right: 105px; position: relative;}
.static-maindiv-ash .agility .icon {background: url("/ImagesPortal/FR/Localisation/76135/images/icon-Agile.png") no-repeat center; width:100px; height:100px; margin: 0 auto; top: -505px; right: 178px; position: relative;}

.cmcpage13959 .content {padding-bottom: 30px;}

.animated {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
icon.animated, .diblogo.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}



.static-maindiv-ash .info {color: #000; font-size: 12px; font-family:arial, sans-serif; line-height:18px;}
.static-maindiv-ash .info br {line-height: 5px;}
.static-maindiv-ash .info span {font-family: oswaldmedium,'Open Sans', arial, sans-serif; font-size: 16px; display:block;}
.static-maindiv-ash .advice .info {width:40%; top: -110px; text-align: left; margin: 0 auto; left:455px; position:relative;}
.static-maindiv-ash .agility .info {width:40%; top: -587px; text-align: right; margin: 0 auto; left:-455px; position:relative;}
.static-maindiv-ash .efficiency .info {width:40%; top: -213px; text-align: right; margin: 0 auto; left:-385px; position:relative;}
.static-maindiv-ash .listen .info {width:40%; top: -55px; text-align: left; margin: 0 auto; left:390px; position:relative;}
.static-maindiv-ash .engagement .info {width:40%; top: -205px; text-align: center; margin: 0 auto; left:0px; position:relative;}

/* CHROME HACK */
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) { 
	.static-maindiv-ash .info br {display: none;}
	.static-maindiv-ash .engagement .icon {top: 7px;}
	.static-maindiv-ash .advice .icon {top: -15px; left:180px;}
	.static-maindiv-ash .listen .icon {top: 38px; left: 110px;}
	.static-maindiv-ash .efficiency .icon {top: -115px; right: 105px;}
	.static-maindiv-ash .agility .icon {top: -485px; right: 178px;}
}

.static-maindiv {margin-top: 20px;} 
.static-maindiv .staticTitleH3 {color:#117C83; float: left; font-size: 18px; padding:10px 20px; position: relative; width: 100%; z-index: 1; line-height: 30px; cursor:pointer; transition-duration: 0.5s;}
.static-maindiv .staticTitleH3:hover{/*background-color:#3D3D3D;color:#fff*/}
.static-maindiv .staticTitleH3:first-child {border-top: 0 none;}
.static-maindiv .section ul {padding-left: 30px;float: left;width: 100%;margin-bottom: 20px;}
.static-maindiv .section li {font-size: 13px;list-style: outside;margin-bottom: 10px;margin-left: 30px;}
.static-maindiv .sectionContent { /* float: left;*/ /* width: calc(50% - 20px);*/}
.static-maindiv .staticTitleH4 {color: #444;float: left;font-size: 15px;font-weight: bold;margin: 0 0 10px;padding-left: 30px;position: relative;width: 100%;}
.staticTitleH4 i {float: left;font-size: 12px;left: -9px;position: relative;top: 2px;}
.static-maindiv .staticTitleH2::before {left: 0;}

.staticTitleH3:after{font-size: 25px;float: right;margin-left: 5px; text-shadow: none;}
.staticTitleH3:after,.staticTitleH3.closeIt:after{content: '+'; color: #117C83;}
.staticTitleH3.open:after {content: "-"; color:#fff}
.staticTitleH3.open{padding:15px 20px;background-color:#00AAD2;color:#fff !important;}
.subSection {float: left; width:100%;	padding:20px 0;}
.subSection.open {height:auto;opacity:1;-moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;padding:20px 0;	}
.subSection,.subSection.closeIt {opacity:0;height:0;overflow: hidden;-moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;padding:0}

/* Page Mention Legales */
.pageMentionLegales .section{overflow:auto; margin:0px auto;}
.pageMentionLegales .subSection {margin-bottom:10px;margin-top:10px}
.pageMentionLegales .open.subSection{padding:0px 0px 15px 0;}
.pageMentionLegales .staticTitleH3{padding:10px 20px; font-family: robotoregular,'Open Sans', arial, sans-serif; font-size: 18px;}
.pageMentionLegales .sectionContent .staticTitleH3:first-child{}
.pageMentionLegales .staticTitleH3,.pageMentionLegales .staticTitleH3.closeIt{background-color:#494848;}
.pageMentionLegales .staticTitleH3.open{background-color:#117C83;}
.pageMentionLegales {width: 1024px; background: rgba(255,255,255,0.8);}
.pageMentionLegales span, .pageDIBFrance span {display:block; padding: 1px 0;}
.pageMentionLegales span i, .pageDIBFrance span i, .pageDIBFrance span em {color:#117C83; font-size:16px; width: 18px; text-align: center;}
.pageMentionLegales span.separator, .pageDIBFrance span.separator {display: inline-block; font-size:16px; color:#aaa; font-weight:bold;}
.pageMentionLegales span strong, .pageDIBFrance div strong {font-size: 13px; font-family: robotoregular,'Open Sans', arial, sans-serif;}
.pageMentionLegales span.cmpnyName {font-size: 16px; font-weight: bold;}
.cmcpage13977 .middle, .cmcpage12724 .middle {background:url("/ImagesPortal/FR/Localisation/76135/images/mentionLegales-bg.jpg") no-repeat bottom; background-attachment:fixed;}
.cmcpage13977 .bannerZone, .cmcpage12724 .bannerZone {
    background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)) repeat scroll 0 0%, rgba(0, 0, 0, 0);
    height: 250px;
}


/* Page DIB France En Bref */
.pageDIBFrance {
    width: 1024px;
    background: rgba(255,255,255,0.9);
}
.cmcpage13980 .middle {background:url("/ImagesPortal/FR/Localisation/76135/images/dibFrance-bg.jpg") no-repeat bottom; background-attachment:fixed;}
.cmcpage13980 .bannerZone {
    background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)) repeat scroll 0 0%, rgba(0, 0, 0, 0);
    height: 250px;
}
.pageDIBFrance #map {width:100%; height:300px;}

p#pOne,p#pTwo,p#pThree,p#pFour,p#pFive,p#pSix,h2#fristh2,h2#secondh2,#ulOne li,h2#thirdh2,#pSeven .lft,#ulTwo li, #gmap {
  opacity: 0;
  animation-name: fadeIn;
  animation-duration: 450ms;
  animation-timing-function: linear;
  animation-fill-mode: forwards;
}
/* IE9 ONLY */
@media all and (min-width:0\0) and (min-resolution:.001dpcm)
{
    p#pOne,p#pTwo,p#pThree,p#pFour,p#pFive,p#pSix,h2#fristh2,h2#secondh2,#ulOne li,h2#thirdh2,#pSeven .lft,#ulTwo li, #gmap { opacity: 1; }
}

h2#fristh2{animation-delay: 2s;}
p#pOne{animation-delay: 2.50s;}
p#pTwo{animation-delay: 2.80s;}
p#pThree{animation-delay: 3.10s;}

h2#secondh2{animation-delay: 3.40s;}
p#pFour{animation-delay: 3.90s;}
#ulOne li {animation-delay: 4.20s;}
p#pFive{animation-delay: 4.50s;}

h2#thirdh2{animation-delay: 4.80s;}
p#pSix{animation-delay: 5.30s;}
#ulTwo li{animation-delay: 5.60s;}
#pSeven .lft, #pSeven .rgt{animation-delay: 5.90s;}
#gmap {animation-delay: 6.20s;}

#pSeven {margin-top: 30px;}
#pSeven .cmpnyName {font-size: 18px !important; font-weight: bold; padding: 5px 0 10px 0 !important;}
#pSeven .lft span {font-family: robotoregular,'Open Sans', arial, sans-serif; line-height:22px; font-size: 12px; padding: 2px 0;}
#pSeven .lft {float:left;}
#pSeven .rgt {float:right; border: 5px solid #fff;}
#gmap {padding-top:10px; clear:both;}


.pageCgv .staticPara {font-family: robotoregular,'Open Sans', arial, sans-serif; font-size: 13px; padding: 0 0 10px 0; position: relative; width: 97%; z-index: 1; line-height: 22px; cursor: pointer; transition-duration: 0.5s;  display: inline-block; margin-left: 15px;}
.pageCgv .staticPara:hover{/*background-color:#3D3D3D;color:#fff*/}
.pageCgv .staticPara:first-child {border-top: 0 none;}
.pageCgv .staticPara:after{font-size: 12px;float: right;margin-top: 5px;}
/*.pageCgv .staticPara:after, .pageCgv .staticPara.closeIt:after{content: "More \02795"; color: #fff; background-color: #117C83; padding: 2px 8px;}
.pageCgv .staticPara.open:after {content: "Less \2796";}*/
.pageCgv .staticPara.open{padding:0 0 10px 0;}
.pageCgv .subSection .showOnClick, .pageCgv .subSection .showOnClick a {font-family: robotoregular,'Open Sans', arial, sans-serif; font-size: 13px;}
.pageCgv .open.subSection {padding: 0px 0 10px 20px;}
.pageCgv .subSection {margin-bottom: 0px; margin-top: 0px;}
.pageCgv .static-maindiv .section li {list-style:none;}
.pageCgv li::before {vertical-align: top;
content: "";
border-color: transparent #117C83;
border-style: solid;
border-width: 0.4em 0 0.4em 0.5em;
display: inline-block;
height: 0;
width: 0;
top: 8px;
position: relative;}
.pageCgv.static-maindiv .section ul {padding-left: 0px; float: none;}
.pageCgv.static-maindiv .section li {margin-left: 0px; list-style: none;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: center;
    align-content: center;
	border-bottom: 1px solid #dedede;
}
/*.pageCgv.static-maindiv .section li::after {content:""; width:100%; height:1px; background-color:#dedede;}*/
.pageCgv.static-maindiv ul li {padding-left: 0px;}
.pageCgv.static-maindiv p {display: inline-block; width: 98%; padding:0 0 10px 15px;}
.pageCgv {background: rgba(255,255,255,0.9); width:1024px;}
.cmcpage13979 .middle, .cmcpage12712 .middle {
    background: url("/ImagesPortal/FR/Localisation/76135/images/cgv-bg.jpg") no-repeat center;
    background-attachment: fixed;
}
.cmcpage13979 .bannerZone, .cmcpage12712 .bannerZone {
    background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)) repeat scroll 0 0%, rgba(0, 0, 0, 0);
    height: 250px;
}


.pageConfigurateurs .configSec {height:620px;}
.pageConfigurateurs .configSecSub {width:50%; float:left; min-height: 246px;}
.pageConfigurateurs .configSection-two, .pageConfigurateurs .configSection-four {float: right; margin-right: 30px;}
.pageConfigurateurs .configSection-three, .pageConfigurateurs .configSection-four {clear: both; top: 80px;}
.pageConfigurateurs .configSection-four {top: -160px;}
.pageConfigurateurs .configSecSub {position:relative; display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 400px;
    padding: 35px 30px;
    text-align: center;
    cursor: pointer;}
.configSecSub:before, .configSecSub:after {
    content: '';
    position:absolute;
    width: calc(100% - 35px);
    height: calc(100% - 35px);
    border: 1px solid #e5e7e9;
    pointer-events: none;
    transition: .33s all ease;
}
.configSecSub:before {
    top: 0;
    left: 0;
    border-width: 1px 0 0 1px;
}
.configSecSub:after {
    bottom: -30px;
    right: -30px;
    border-width: 0 1px 1px 0;
}
.configSecSub.hover:before, .configSecSub.hover:after, .configSecSub:hover:before, .configSecSub:hover:after {
  width: 100%;
  height: 100%;
  border-color: #117C83;
}

.configSecSub.hover .divider, .configSecSub:hover .divider {
    width: 168px;
}
.configSecSub .divider {
    max-width: 100%;
    margin: 13px auto;
    transition: .33s all ease;
}
.divider {
    width: 49px;
    height: 2px;
    margin-left: auto;
    margin-right: auto;
    background: #117C83;
}
.configSecSub .txtSec {font-family: robotoregular,'Open Sans', arial, sans-serif; font-size: 13px; text-align:center; width:100%;}


/*Configurateur Kingston & Configurateur EET*/
.cmcpage13993 iframe, .cmcpage13994 iframe {
    border: 1px solid #dedede;
    display: block;
    margin: 0 auto;
    padding: 30px 25px;
    text-align: center;
    width: 700px;
}
.cmcpage13993 iframe {
    background: #eee none repeat scroll 0 0;
}
.cmcpage13994 iframe {
    height: 300px;
    border: 30px solid #eee;
}



.pageActuWin table, .pageTarifs table, .pageOffre table {width:100%;}
.pageActuWin table th, .pageTarifs table th, .pageOffre table th {font-family: robotoregular,'Open Sans', arial, sans-serif; font-size: 12px; font-weight:bold; text-align:center; color:#fff; background-color:#454545; padding: 7px 10px; line-height: 18px;}
.pageActuWin table td, .pageTarifs table td, .pageOffre table td {font-family: robotoregular,'Open Sans', arial, sans-serif; font-size: 12px; padding:7px 10px; text-align:center;}
.pageActuWin table td:first-child, .pageTarifs table td:first-child, .pageOffre table td:first-child {text-align:left; font-weight:bold; font-size: 14px;}
.pageActuWin h4 {font-size: 18px; margin: 30px 0 10px; color: #117C83;}
.pageActuWin table.queEx tr {border-top: 2px solid #fff;}
.pageActuWin table.queEx tr:nth-child(2) {background-color:#dfffd2;}
.pageActuWin table.queEx tr:nth-child(3) {background-color:#ffebeb;}
.pageActuWin table.queEx tr:nth-child(4) {background-color:#e4ecff;}
.pageActuWin table.queEx tr:last-child {background-color:#f8fecd;}

.pageActuWin table.queRef tr:nth-child(odd), .pageTarifs table tr:nth-child(odd), .pageOffre table tr:nth-child(odd) {background-color: #f1f1f1;}
.pageActuWin table.queRef tr:nth-child(even), .pageTarifs table tr:nth-child(even), .pageOffre table tr:nth-child(even) {background-color: #fff;}
.pageActuWin {background:linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)) repeat scroll 0 0%, rgba(0, 0, 0, 0) url("/ImagesPortal/FR/Localisation/76135/images/Windows_logo.jpg") no-repeat bottom; background-attachment:fixed;}
.pageActuWin .wininfo {background: rgba(238,238,238,0.7); padding: 20px; margin:20px 0;}
.pageActuWin h2 span a {font-family: oswaldmedium,'Open Sans', arial, sans-serif;}
.pageActuWin h2 span a:hover {color: #117C83; text-decoration:underline;}
.pageActuWin .wininfo h3 {font-size: 16px; color: #117C83; padding-top:10px;}

.pageTarifs table th, .pageOffre table th {padding:10px 20px; text-align:left; font-size:13px;}
.pageTarifs table td, .pageOffre table td {text-align:left; font-size:13px; padding:10px 20px;}
.pageTarifs table td:last-child, .pageTarifs table th:last-child, .pageOffre table th:last-child {text-align:center;}
.pageTarifs a i {font-size: 18px; color: #e31d23;}
.pageTarifs a i.fa-file-excel-o{font-size: 18px; color: #11ac3d;}
.pageTarifs table tr:hover, .pageOffre table tr:hover {background-color:#117C83;}
.pageTarifs table tr:hover td, .pageTarifs table tr:hover a i {color:#fff;}
.pageOffre a {font-size: 14px; color: #117C83;}
.pageOffre table tr:hover td, .pageOffre table tr:hover a {color:#fff;}

.pageOffre .mobiliteTbl {display: table; width: 100%;}
.pageOffre .mobiliteTbl a {display: table-row;}
.pageOffre .mobiliteTbl a span {display: table-cell; padding: 10px 20px; color: rgb(63, 63, 63); font-family: robotoregular,'Open Sans', arial, sans-serif; font-size: 13px;}
.pageOffre .mobiliteTbl a:nth-child(odd) {background-color: #f1f1f1;}
.pageOffre .mobiliteTbl a:nth-child(even) {background-color: #fff;}
.pageOffre .mobiliteTbl a span:first-child {font-weight: bold; font-size: 14px; font-family: robotoregular,'Open Sans', arial, sans-serif;}
.pageOffre .mobiliteTbl .heading {background-color: #454545; width: 100%; color: #fff; padding: 10px 20px; font-family: robotoregular,'Open Sans', arial, sans-serif; font-size: 13px; font-weight: bold; display: table-row;}
.pageOffre .mobiliteTbl .heading span {display:table-cell; vertical-align: middle; padding: 10px 20px;}
.pageOffre .mobiliteTbl a span:last-child, .pageOffre .mobiliteTbl .heading span:last-child {text-align:right;}
.pageOffre .mobiliteTbl a:hover, .pageOffre .mobiliteTbl a:hover span {background-color:#117C83; color:#fff;}
.pageOffre .mobiliteTbl .heading span:last-child {width: 12%;}

/* BEGIN - ANIMATIONS */

@-webkit-keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);

  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {

    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
	  
    -webkit-transform: none;
    transform: none;
	
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}
/* END - ANIMATIONS */


/* IE ONLY HACK *//* @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
   .statictitle h1 {top: -180px;}
}*/


/* STATIC PAGE - Nos Partenaires */
.PagePartners .prtnertitle div {font-family: robotoregular,'Open Sans', arial, sans-serif;
background-color: #222 !important;
color: #fff;
font-size: 13px;
font-weight:bold;
padding: 10px;
text-align: center; min-height: auto !important;}
.PagePartners .prtnertitle div:first-child {padding: 10px 0 !important;}
.PagePartners {background: transparent; padding: 30px 0;}
.PagePartners .prtnerCatgry div {margin: 10px 0;}
.PagePartners .prtnerCatgry div div:first-child {display: inline-block; width: 30%; font-family: robotoregular,'Open Sans', arial, sans-serif; font-weight:bold; padding:43px 10px; text-align: center; border-right: 8px solid #f4f4f4; min-height: 103px; vertical-align:middle;}
.PagePartners .prtnerCatgry div div:nth-child(2) {display: inline-block; width: 69%; text-align: center; padding: 10px 0; min-height: 103px; vertical-align:middle;}
.PagePartners .prtnerCatgry div div img {padding: 5px 15px; vertical-align: middle;}
.PagePartners .prtnerCatgry div div {background: #fff; margin: 0;}
.PagePartners .prtnerCatgry div.bigRow {height: 180px;}
.PagePartners .prtnerCatgry div.bigRow div:first-child {height: 100%; min-height: auto; padding: 80px 10px;}
.PagePartners .prtnerCatgry div.bigRow div:nth-child(2), .PagePartners .prtnerCatgry div.bigRow2 div:nth-child(2), .PagePartners .prtnerCatgry div.bigRow3 div:nth-child(2) {height: 100%;}
.PagePartners .prtnerCatgry div.bigRow2, .PagePartners .prtnerCatgry div.bigRow3 {height: 160px;}
.PagePartners .prtnerCatgry div.bigRow2 div:first-child {height: 100%; min-height: auto; padding: 70px 10px;}
.PagePartners .prtnerCatgry div.bigRow3 div:first-child {height: 100%; min-height: auto; padding: 70px 10px;}
.PagePartners .statictitle h1 {top: -160px;}


