* { box-sizing: border-box; }


/* BLEU sine #00558f */

/* ---- button ---- */
#module-scportfolio-Portfolio .button {
  display: inline-block;
  padding: 0.5em 1.0em;
  background: #EEE;
  border: none;
  border-radius: 7px;
  color: #222;
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  text-shadow: 0 1px white;
  cursor: pointer;
  border:none;
}

#module-scportfolio-Portfolio .button:hover {
  background-color: #8CF;
  text-shadow: 0 1px hsla(0, 0%, 100%, 0.5);
  color: #222;
}

#module-scportfolio-Portfolio .button.is-checked {
  background-color: #00558f;
}

#module-scportfolio-Portfolio .button.is-checked {
  color: white;
  text-shadow: 0 -1px hsla(0, 0%, 0%, 0.8);
}

/* ---- button-group ---- */
#module-scportfolio-Portfolio .button-group:after {
  content: '';
  display: block;
  clear: both;
}

#module-scportfolio-Portfolio .button-group .button {
  border-radius: 0;
  margin-left: 0;
  margin-right: 1px;
}

/* ---- isotope ---- */
#module-scportfolio-Portfolio .grid {
  margin:auto;
  max-width: 1200px;
}

/* clear fix */
#module-scportfolio-Portfolio .grid:after {
  content: '';
  display: block;
  clear: both;
}

.element-item{
	float: left;
	width: 250px;
    border:3px solid transparent;
    overflow:hidden;
    position: relative;
}
#module-scportfolio-Portfolio .ui-group {
  display: flex;
  justify-content:space-around;
}
#module-scportfolio-Portfolio .ui-group h3 {
  display: inline-block;
  margin-right: 0.2em;
  font-size: 16px;
}
#module-scportfolio-Portfolio select{
	padding:5px 25px;
	margin:20px;
	font-family:'Montserrat', sans-serif;
}
.element-item a:hover > .portfolio-img-label{
	top:0;
    color: #fff;
}
.element-item a{
    height:100%;
    width:100%;
    display:block;
}

.portfolio-img-label{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 100%;
    background: rgba(0, 85, 143, 0.7);
    color: #fff;
    text-align: center;
    padding: 20px 20px;
    font-size: 14px;
    font-weight:bold;
    -moz-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

#gallery-msg{
    padding-top:10%;
    position:absolute;
    background:#fff;
    color:#00558f;
    font-size:24px;
    text-align:center;
    top:0;
    height:100%;
    width:100%;
    z-index: 100;
    display:none;
}
/*page de garde pré-selection du portfolio */
#module-scportfolio-Portfolio .program_gallery{
	padding: 0 110px;
}

#module-scportfolio-Portfolio .img_group:hover > a > img{
    opacity: 0.7;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
	transition: all 1s ease;
}

.sc-portfolio-btn{
	display: inline-block;
    color: #fff;
    background: #00558f;
    padding: 9px 20px;
    border: 1px solid #00558f;
    text-transform: uppercase;
    font-weight: bold;
}

.sc-portfolio-btn:hover {
    color: #00558f;
	background: #fff;
}

#module-scportfolio-Portfolio .ui-group{
	clear:both;
}

@media (max-width: 640px) {
	#module-scportfolio-Portfolio .program_title_black{
		min-height:55px
	}
}

#portfolio_content .sc-open-fancybox::before {
    content: "\f00c";
    font-family: "FontAwesome";
    font-size: 24px;
}
#portfolio_content .grid{
    padding-top:30px;
}
#product-name{
    text-align:center;
    margin-top:70px;
}



.program_title_black a{
	font-size:15px;
}

.program_title_black{
	margin:0 auto 0 auto;
}

.img_group{margin-top:35px;}

/*bordure selective (active)*/
.sc-active-portfolio{border:3px solid #00558f; display:block;}

#portfolio_content .owl-stage{margin:auto; text-align:center;}

.protection-security{
    position:relative;
}

.protection-security:hover > .sub-link-group{
    height: 100%;
    padding-top: 19%;
}

.protection-security .sub-link-group{
    height:0;
    position:absolute;
    top:0;
    left:0;
    text-align:center;
    width: 100%;
    background: rgba(255,255,255,0.4);
    box-sizing: border-box;
    overflow:hidden;
}

.protection-security .sub-link-group a{
    display:block;
    margin:23px auto;
    font-weight: bold;
    font-size: 19px;
}