@media (max-width:400px) {
    html{
        zoom: 0.3; 
        -moz-transform: scale(0.3); 
        -moz-transform-origin: 0 0;
    }
}
@media only screen and (max-width: 1439px) and (min-width: 1225px){
    html{
        zoom: 0.7; 
        -moz-transform: scale(0.7); 
        -moz-transform-origin: 0 0;
    }
}
@media only screen and (max-width: 1919px) and (min-width: 1439px){
    html{
        zoom: 0.7; 
        -moz-transform: scale(0.7); 
        -moz-transform-origin: 0 0;
    }
}
@media (min-width:1920px) {
    html{
        zoom: 0; 
        -moz-transform: scale(0); 
        -moz-transform-origin: 0 0;
    }
}
@media (min-width:3840px) {
    html{
        zoom: 2; 
        -moz-transform: scale(2); 
        -moz-transform-origin: 0 0;
    }
}
#pop{
    cursor: pointer;
}
.modal-backdrop
{
    width: 100%;
    height: 100%;
}
.modal-dialog{
    min-width: 800px;
}
.modal-footer{
    justify-content: center;
}
.imagePreview{
    max-width: 770px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.imagePreviewFooter{
    max-width: 120px;
    float: left;
    cursor: pointer;
}

.Gallery{
    background-color: black;
    width: 100%;
    height: 294px;
    margin: 0px;
    padding: 0px;
    border-radius: 0px;
    background-image: url();
    background-repeat:no-repeat;
    background-position: center center;
}

/* Video presentation & Logo and slogan parts */

.VideoPresentation{
    background-color: black;
    color: white;
    border-radius: 0%;
    margin: 0px;
    padding: 5px;
}

.VideoFrame{
    width: 100%;
    min-height: 250px;
    border-width: 0px;
    margin-top: 50px;
    margin-bottom: 50px;
}

.EntrepriseLogoSlogan{
    height: 85px;
    background-color: black;
    color: white;
    border-radius: 0px;
    margin: 0px;
    padding: 5px;
    font-family: 'MyriadPro';
}

.LogoSlogan{
    width: 500px;
    height: 70px;
}

.ImageLogo{
    width: auto;
    height: 65px;
    margin: 5px;
}

.Logo{
    position: absolute;
    float: left;
    left: 50%;
    margin-left: -280px;
}

.Slogan{
    width: 400px;
    left: 50%;
    margin-left: -130px;
    padding-top: 15px;
    position: absolute;
    float: right;
    font-size: 18px;
    text-align: right;
}

/* Main part whit Left Side, Center Side & Right Side */

.Main{
    width: 90%;
}

/* Left Side */

.LeftSide{
    text-align: center;
}

.LeftSide a{
    font-size: 18px;
    text-decoration: none;
    color: #626366;
}

.Newspaper{
    width: 100%;
    text-align: center;
    
}
.NewspaperNumber{
    font-size: 14px;
    text-align: left;
    
}
.NewspaperTitle{
    font-size: 16px;
	font-weight: bold;
	color: #626366;
    text-align: left;
    
}
.NewspaperImgForm{
    font-size: 14px;
    margin-top: 20px;
    
}
.NewspapaerText{
    width: 100%;
    margin-top: 20px;
    height: 60px;
    float: right;
    padding-left: 10px;
    font-size: 13px;
	color: #626366;
    text-align: justify;
    font-family: 'MyriadPro-It';
}
.NewspaperImage{
    width: 75%;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    
}
.NewspaperForm{
    width: 100%;
    padding: 10px;
    font-size: 13px;
    text-align: left;
    
}

.PojectForm{
    background-color: #0553A3;
    width: 100%;
    color: white;
    padding: 10px;
}

.PojectFormTitle{
    margin-bottom: 10px;
}

.PojectFormInputs{
    font-size: 13px;
    text-align: left;
    font-family: 'MyriadPro-It';
    margin-bottom: 10px;
}

.PojectFormFileName{
    
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    
    width: 100%;
    margin-top: 5px;
    margin-bottom: 10px;
    font-size: 13px;
    text-align: left;
    height: 33px;
    
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}

.About{
    color: #626366;
    border-radius: 10px;
    text-align: justify;
    font-family: 'MyriadPro-It';
    padding: 0px;
    font-size: 16px;
}

.Contact{
    width: 100%;
    color: #626366;
    border-radius: 10px;
    text-align: center;
    font-family: 'MyriadPro-It';
    font-size: 16px;
	margin-top: 20px;
}

.Contact a{
    color: #626366;
    font-size: 16px;
    text-decoration: none;
	font-weight: normal;
}

.Map{
    padding: 10px;
    height: 400px;
}

/* Center Side */

.CenterSide{
    text-align: center;
}

.EntrepriseNewsRow{
    width: 788px;
    height: 1505px;
    border: none;
    left: 0px;
    right: 0px;
    margin: auto;
    margin-top: 10px;
    overflow-x: hidden;
}
.EntrepriseNewsBox{
    /* border: 1px solid #F1E8DB; */
    border: 1px solid black;
    overflow-x: hidden;
}

/* Positionning */

.EntrepriseNewsWComm{
    width: 768px;
    height: 448px;
    left: 0px;
    right: 0px;
    margin: auto;
    text-align: left;
    overflow: auto;
}
.EntrepriseNewsWoutComm{
    width: 768px;
    height: 292px;
    left: 0px;
    right: 0px;
    margin: auto;
    margin-top: 5px;
    text-align: left;
    overflow: auto;
}
.News{
    height: 250px;
    width: 768px;

}
.LeftNewsImage{
    position: absolute;
    width: 330px;
    height: 250px;
    z-index: 10;

}
.LeftNewsText{
    position: absolute;
    width: 438px;
    height: 250px;
    margin-left: 338px;
    padding-right: 10px;
    padding-left: 10px;
}
.RightNewsImage{
    position: absolute;
    width: 330px;
    height: 250px;
    margin-left: 438px;
    z-index: 10;

}
.RightNewsText{
    position: absolute;
    width: 438px;
    height: 250px;
    padding-right: 10px;
    padding-left: 10px;
}

.Comment{
    height: 156px;
    width: 768px;
    
}
.LeftCommentLogo{
    position: absolute;
    width: 100px;
    height: 156px;

}
.LeftCommentText{
    position: absolute;
    width: 538px;
    height: 121px;
    margin-left: 108px;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 25px;
    font-family: 'MyriadPro-It';

}
.LeftCommentPhoto{
    position: absolute;
    width: 120px;
    height: 120px;
    margin-left: 648px;

}
.LeftCommentName{
    width: 120px;
    height: 36px;
    font-family: 'MyriadPro-It';
}
.RightCommentText{
    position: absolute;
    width: 528px;
    height: 121px;
    margin-left: 128px;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 25px;
    font-family: 'MyriadPro-It';

}
.RightCommentPhoto{
    position: absolute;
    width: 120px;
    height: 120px;

}
.RightCommentName{
    width: 120px;
    height: 36px;
    font-family: 'MyriadPro-It';
}
.RightCommentLogo{
    position: absolute;
    width: 100px;
    height: 156px;
    margin-left: 668px;

}

.rowLine{
    position: absolute;
    background-color: #CCC;
    width: 768px;
    height: 2px;
    margin-top: 20px;

}

/* Text */
.NewsTitle h4{
    font-size: 18px;
    margin-top: 0px;
    margin-bottom: 5px;
    font-weight: bold;
}
.NewsParagraph p{
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 16px;
    text-align: justify;
    text-justify: inter-word;
    overflow: hidden !important;
    text-overflow: ellipsis;
}
.LeftCommentText p{
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 13px;
    text-align: justify;
    text-justify: inter-word;
    overflow: hidden !important;
    text-overflow: ellipsis;
}
.LeftCommentName h4{
    font-size: 12px;
    padding-top: 5px;
    margin: 0px;
}
.RightCommentText p{
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 12px;
    text-align: justify;
    text-justify: inter-word;
    overflow: hidden !important;
    text-overflow: ellipsis;
}
.RightCommentName h4{
    font-size: 12px;
    padding-top: 5px;
    margin: 0px;
}

/* Image */

.ImageNews{
    width: 330px;
    height: 250px;
    transition: transform 1s; /* Animation */
}
.ImageNews:hover {
  transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}
.ImageLogoComment{
    width: 100px;
    height: 156px;
}
.ImagePhotoComment{
    width: 120px;
    height: 120px;
}

.PartnersRowOuter{
    width: 100%;
    
}

.PartnersRow{
    width: 768px;
    left: 0px;
    right: 0px;
    margin: auto;
}

.AllLogogsBox{
    width: 360px;
    left: 0px;
    right: 0px;
    margin: auto;
    margin-top: 3px;
}

.ImageAllLogos{
    padding: 10px;
    transition: transform .2s;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.ImageAllLogos:hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    cursor: pointer;
}

.ImageAllLogosSelected{
    padding: 10px;
    background-color: rgb(242, 242, 242);
}

.PartnerInnerAllLogos{
    width: 374px;
    height: 330px;
    margin-left: 5px;
    border: 1px solid #F1E8DB;
    overflow-y: scroll;
    overflow-x:hidden;
}

/* Positionning */
.Partner{
    float:left;
    width: 384px;
    height: 340px;
    text-align: left;
}
.PartnerInner{
    width: 374px;
    height: 330px;
    margin-left: 5px;
    border: 1px solid #F1E8DB;
    padding: 10px;
}
.PartnerInfos{
    position: absolute;
    width: 344px;
    height: 120px;
}
.PartnerPhoto{
    position: absolute;
    width: 120px;
    height: 120px;

}
.PartnerLogo{
    position: absolute;
    width: 100px;
    height: 40px;
    margin-left: 244px;

}

.PartnerLogoOnlyBox{
    position: absolute;
    width: 352px;
    height: 308px;
    background: rgb(231,231,231);
    background: -moz-radial-gradient(circle, rgba(231,231,231,1) 21%, rgba(255,255,255,1) 75%);
    background: -webkit-radial-gradient(circle, rgba(231,231,231,1) 21%, rgba(255,255,255,1) 75%);
    background: radial-gradient(circle, rgba(231,231,231,1) 21%, rgba(255,255,255,1) 75%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e7e7e7",endColorstr="#ffffff",GradientType=1);
}

.PartnerLogoOnly{
    position: absolute;
    width: 100px;
    height: 40px;
    margin-left: 126px;
    margin-top: 134px;
}

.PartnerName{
    position: absolute;
    width: 150px;
    margin-left: 120px;
    bottom: 0px;
    padding-left: 10px;
    white-space: pre;
    font-size: 12px;
	font-family: 'MyriadPro-It';
}
.PartnerText{
    position: absolute;
    width: 354px;
    height: 200px;
    padding-top: 10px;
    margin-top: 120px;
    text-align: justify;
    text-justify: inter-word;
    overflow: hidden !important;
    text-overflow: ellipsis;

}

/* Text */

.PartnerName h5{
    margin: 0px;
    font-size: 14px;
	font-family: 'MyriadPro-It';
	color: #505050;

}
.PartnerText p{
    font-size: 15px;
	font-family: 'MyriadPro-It';

}

/* Image */

.ImagePhotoPartner{
    width: 120px;
    height: 120px;
}
.ImageLogoPartner{
    width: 100px;
    height: 40px;
}
.ImageLogoPartnerOnly{
    width: 100px;
    height: 40px;
    
}

.DomainNews{
    text-align: center;
}

.DomainNewsLink{
    width: 100%;
    margin: 5px;
}

.ImageDomainNews{
    width: 200px;
    height: 200px;
}

.Newspaper{
    
}

.ImageNewspaper{
    width: 145px;
    height: 170px;
}

.RightSide{
    text-align: center;
}

.RightSide div div{
    text-align: center;
}

.TweeterInegration{
    width: 100%;
    margin-top: -10px;
}
.footer{
   width: 100%;
   height: 30px;
   margin-top: 10px;
   background-color: black;
   color: white;
   text-align: center;
}