body{background-color: #0c71c3!important;
background:url("https://images.itnewsinfo.com/partner_zone/stordata/img/bg-transparent.png")}
.whrite{ color: #ffffff;}
a { color: #2464f3; text-decoration: none;}
a.title:hover{color:#2464f3 !important}
.mb-small{ margin-bottom: 15px !important; }
#footer{  position: relative;}
/*#stordataZone .background{ background-image: url("https://images.itnewsinfo.com/desk/intel072019/LMI-Intel-Mini_03.jpg");}*/
/*#stordataZone #section3 { background-image: url("https://images.itnewsinfo.com/desk/intel072019/LMI-Intel-Mini_06.jpg");}*/
#stordataZone .blackColorTheme{ background-color: #333333 !important;position: relative; }
#stordataZone .gradientBackground{ background: #5d3ced;  background: -moz-linear-gradient(left, #00529e 0%, #023f78 100%); background: -webkit-linear-gradient(left, #00529e 0%,#023f78 100%);
    background: linear-gradient(to right, #5d3ced, #802be0); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00529e', endColorstr='#023f78',GradientType=1 ); }
#stordataZone .grayBackground{ background-color: #e5e5e5; }
#stordataZone .noPadding{ padding: 0 !important; }
#stordataZone h1{ margin-top: 30px; font-family: "Libre Franklin", sans-serif; font-size: 41px; }
#stordataZone .titleZone{ text-align: center; font-family: "Libre Franklin", sans-serif; font-size: 23px; color: #333333; }
#stordataZone .logo-cloud figure{ display: inline-block; }
#stordataZone .logo-cloud figure img{ width: 160px; }
.blue-bg{background:#8ea2c6!important}
.color_white{color: #ffffff!important;}
#stordataZone .txtHead{ max-width: 870px; margin: 0 auto; margin-bottom: 15px; }
#stordataZone nav ul{ display: inline; }
#stordataZone nav li{ display: block; float: left; }
#stordataZone nav li:hover{ background-color: #435AA6;}
#stordataZone nav li a{ display: inline-block; padding: 13px 20px; font-size: 15px; text-transform: uppercase; font-weight: bold; text-decoration: none; color: #ffffff; }
#stordataZone .icon-home{ padding: 7px 20px 8px 20px; font-size: 22px; }
#stordataZone .social-icon{ padding: 4px 6px; font-size: 14px; float: right; margin-right: 8px; margin-top: 8px; border: 1px solid #fff; border-radius: 50%; color: #fff; cursor: pointer; text-decoration: none; }
#stordataZone .social-icon:hover{ background-color: #0075cd; }
#stordataZone .pictoLmiSmall{ position: absolute; bottom: 0; left: 0; max-width: 25px; max-height: 25px; }
#stordataZone .pictoLmiBig{ position: absolute; bottom: 0; left: 0; max-width: 50px; max-height: 50px; }
#stordataZone .image{ position: relative; margin-bottom: 10px;}
#stordataZone .item img { width: 100%; }
#stordataZone .item .title{ font-size: 16px; margin-bottom: 8px; }
#stordataZone .item p{ font-size: 15px; }
#stordataZone #events a{ font-size: 40px; color: #4a5960; text-decoration: none; }
#stordataZone .link{ display: inline-block; margin-top: 20px; font-size: 15px; font-weight: 400; color: #ffffff; background-color: #eb4952; padding: 10px 20px; border-radius: 3px; text-decoration: none; cursor: pointer; text-transform: uppercase; }
#stordataZone .link:hover{ opacity: 0.8; }
#stordataZone #section4 { padding-top: 0px; }
#stordataZone #section1 h1 {bottom: 0; left: 0; right: 0; line-height: 1.3em; font-size: 24px; margin-top: auto;}
#stordataZone #section1 p {margin-top: auto; font-size: 15px;}
#stordataZone #section1 .une h1 {margin-bottom: 10px;}
#stordataZone #section1 .title {font-size: 18px; margin-bottom: 2px;}
#stordataZone .orderList span{ font-weight: bold; line-height: 26px; display: inline-block; text-align: center; width: 25px; height: 25px; color: #0288d1; background: white; margin-right: 10px; margin-top: -2px; float: left; }
#stordataZone .orderList p{ font-weight: bold; }

#stordataZone #eventConf{ text-align: center; padding: 50px 28px; background-image: url("./img/illusConf1.jpg"); }
#stordataZone #eventConf a{ text-decoration: none; color: white;}

#stordataZone .noHover:hover { position: relative; opacity: 1; }

#stordataZone .section-title .ligne { position: absolute; width: 100%; border-top: 1px solid #cccccc; top : 50%; }

#stordataZone .pattern-column-1 .section-title h2 { display: inline-block; position: relative; padding: 0 15px; z-index: 2; font-size: 26px; font-weight: bold; color: #333333; background-color: #ffffff; text-transform: none; }

#stordataZone #event #section3 .pattern-column-1 .section-title h2 {font-size: 26px;}
#stordataZone #section3 h1 {margin-top: 0px; margin-bottom: 10px; font-family: "Libre Franklin", sans-serif; font-size: 30px!important; margin-left: 10px; color: #ffffff;}
#stordataZone #section3 p {font-size: 15px;line-height: 1.3; color: #ffffff; margin-bottom: 20px;}
#stordataZone #section3 a.title {text-decoration: none; color: #333333 !important;}
#stordataZone #section3 h2 { margin-bottom: 10px; }
#stordataZone #section3 .cta { display: inline-block; padding: 10px 24px; color: #ffffff; background-color: #eb4952; border-radius: 4px; text-decoration: none; text-align: center; margin-left: 10px; font-size: 15px; text-transform: uppercase; }
#stordataZone #section3 .cta:hover { opacity: 0.9;}
#stordataZone #section3 .avisExpert {color: #ffffff; margin-top: -7px;}

#stordataZone #section4 .title {margin-bottom: 2px;min-height: 104px;}

#stordataZone #section2 h2 a {min-height: 80px;}
#stordataZone .image:hover{ position: relative; margin-bottom: 10px; opacity: 1;}

#stordataZone #carrousel { text-align: center; }
#stordataZone #carrousel h3 { color: #ffffff; }
#stordataZone #carrousel .owl-controls .owl-buttons div { display: inline-block; color: #5d3ced; background-color: #ffffff; zoom: 1; margin: 5px; font-size: 12px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; filter: Alpha(Opacity=50); opacity: 0.8; position: absolute; }
#stordataZone #carrousel .owl-controls .owl-buttons .owl-prev { left: 10px; bottom: 0; }
#stordataZone #carrousel .owl-controls .owl-buttons .owl-next { right: 10px; bottom: 0; }


#stordataZone #carrousel i[class^="icon-"]{ position: relative; top: 1px; font-size: 20px; font-weight: bold;  }
#stordataZone #carrousel .icon-right-open{ padding-left: 4px; }
#stordataZone #carrousel .icon-left-open{ padding-right: 4px; }

#stordataZone #carrousel .owl-pagination{ margin-top: 20px; }
#stordataZone #carrousel .owl-pagination .owl-page{ display: inline-block; }
#stordataZone #carrousel .owl-pagination .owl-page span{ display: block; width: 12px; height: 12px; margin: 5px 7px; background-color: #ffffff; filter: Alpha(Opacity=50); opacity: 0.5; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }
#stordataZone #carrousel .owl-pagination .owl-page.active span { filter: Alpha(Opacity=100); opacity: 1; }



.cercle-left-bleu {
	     /*margin-top: -245px;
       position: absolute;
    top: 50%;
    right: -136%;*/
       /* width: 1350px;
    height: 1350px; */
    margin: -60px 0 0 272px;
   /* margin:-160px 0 0 -60px;*/
	 z-index: 2;
    -webkit-animation:spin 15s linear infinite;
    -moz-animation:spin 15s linear infinite;
    animation:spin 19s linear infinite;
	 opacity: 0.5;
    position: absolute;
    z-index: -9;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
 .cercle-right-bleu {
	     margin-top: -245px;
       position: absolute;
    top: 50%;
    right: -50%;
    width: 800px;
    height: 800px;
    margin:-160px 0 0 -60px;
	 z-index: 2;
}
.padding-top-30{
    padding-top: 30px!important;
}
@keyframes animStar {
  from {
    transform: translateY(0px);
  }
  to {
    transform: translateY(-2000px);
  }
}


@media (max-width: 640px)
{
    #stordataZone h1{  font-size: 24px; margin-bottom: 20px; }
    #stordataZone nav li a{padding: 12px 10px; font-size: 12px;}
}

@media (min-width: 768px)
{
    
    .col-sm-offset-2 { margin-left: 16.666667%; }
}

@media (min-width: 992px)
{
    #stordataZone #carrousel .owl-controls .owl-buttons .owl-prev { left: 70px; top: 200px; bottom: auto; }
    #stordataZone #carrousel .owl-controls .owl-buttons .owl-next { right: 90px; top: 200px; bottom: auto; }
}


#storageimages {
  height: 169px;
  width: 253px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

@media only screen and (max-width: 600px) {
  #storageimages {
      display: block;
      margin-left: auto;
      margin-right: auto;
      max-width: 100%;
      padding: 2px;
  }
  .cercle-left-bleu {
    display: none;
  }

}
