/* styles.css */
/*
Extra small <576px
Small =576px	
Medium =768px	
Large =992px 
Extra large =1200px
*/


@font-face {
	font-family: "century";
	src: url('/css/fonts/GOTHIC.TTF');
}
@font-face {
	font-family: "century";
	font-style: italic;
	src: url('/css/fonts/GOTHICI.TTF');
}
@font-face {
    font-family: "century";
	font-weight: bold;
	src: url('/css/fonts/GOTHICB.TTF');
}
@font-face {
    font-family: "century";
	font-weight: bold;
	font-style: italic;
	src: url('/css/fonts/GOTHICBI.TTF');
}
@font-face {
    font-family: "digit";
	src: url('/css/fonts/DS-DIGI.TTF');
}

html, body{font-size:100%; font-family: century}
.construc {border: 1px dotted #999; padding:15px 0; text-align: center; display: block}
.clearfix{clear:both;width:100%;height:1px;}
img {max-width: 100%;}
.news img {max-width: 100%; height: auto!important;}
.nowrap {white-space: nowrap;}
.bold {font-weight: bold;} 
#over-all {position:  fixed; top:50%; right:50%; bottom:50%; left:50%; background: rgba(220,220,200, 0.5); transition: all 100ms;}
body.frozen #over-all {top:0; right:0; bottom:0; left:0; }
.image-fluid {max-width: 100%!important; height: auto!important;}
.image-responsive {max-width: 100%!important; height: auto!important;}
.pink-bg {background: pink;}
.red {color:red!important}
.white{color:white!important}
.opacity-effect {opacity: 0.8; transition: opacity 500ms ease-in;}
.opacity-effect:hover {opacity: 1;}
a.download{}
a.download:before{content: "\e025 ";display:inline-block;padding-right:10px;font-family: 'Glyphicons Halflings';color:orange;}
.table{display: table; border: 1px dotted pink; }

.table-cell{display: table-cell; border: 1px dotted purple; vertical-align: middle;}
.title-hidden .news-title{display: none}
h1 span, h2 span, h3 span {display: inline-block;}

/* inf-contacts.css */
.contacts header .over{background:rgba(22,22,22,0.5);}
.contacts header .logo .inner {background-image: url('/img/logo-contacts.png');}
.contacts h1 span{background:rgba(22,22,22,1);}
body.contacts h2{border-color:rgba(22,22,22,1);color:rgba(22,22,22,1)}

/* infos.css */
body.infos #page-cms{min-height: 100vh; margin:0}
body.infos #left-side{border-right:1px solid #999}
body.infos .news img {/* max-width: 800px!important;*/ height: auto!important; /* margin: 20px auto; max-width: 100%;*/}
.page-cover {position: absolute; top:0; left:0; width: 100%; height: 350px; background-position: center center; background-size: cover;background-repeat: no-repeat; }

#infos-main {margin-bottom: 80px; position: relative; }


body.infos .news { font-size:0.8rem; text-align: justify; position: relative;  margin: 0 auto 0;}
body.infos .news-inner {padding-bottom:35px}
body.infos .sub-article {padding-bottom:0px}
body.infos .full-width {width: 100%; max-width: 4000px;}
body.infos .news h2{font-size:1.3rem; border-bottom:1px solid; padding:0 0 10px 0 }
body.infos .news h3{font-size:1.2rem; }
body.infos .news h3:nth-child(n+1){margin-top: 35px;}
body.infos .news-text {margin-bottom: 35px; font-size: 0.9rem; line-height:1.4}
body.infos .attachments {width: 50%; float: left; margin-right: 30px; margin-bottom:10px; font-size: 0;}
body.infos .attachments.width-25pc{width: 25%;}
body.infos .attachments.width-33pc{width: 33%;}
body.infos .attachments.width-50pc{width: 50%;}
body.infos .attachments.width-66pc{width: 66%;}
body.infos .attachments.width-75pc{width: 75%;}
body.infos .attachments.width-100pc{width: 100%;}
body.infos .attachments.width-100pc{width: 100%; float: none}
body.infos .attachments.right{float: right; margin-left: 30px; margin-right: 0;}
body.infos .attachments.center {float: none; margin-left:auto; margin-right:auto;}

body.infos .attachments.first-large .att{padding:1px; }
body.infos .attachments.first-large .following {width: 25%; float: left}
body.infos .attachments.first-large .following a {display: block; padding-top:100%; background-size: cover; background-position: center; opacity: 0.8;}

body.infos .attachments.slider{position: relative; }
body.infos .attachments.slider .inner{position: relative; padding-top:75%; overflow: hidden;}
body.infos .attachments.slider .att{position: absolute; top:0; left:0; z-index: 1;border:1px solid #aaa; width: 100%; height: 100%; background: #eee;}
body.infos .attachments.slider .att a{display: block; text-align: center;; height: 100%;}
body.infos .attachments.slider img{max-height: 100%;}
body.infos .attachments.slider .current{z-index: 10;}
body.infos .attachments.slider .next{z-index: 11; opacity: 0;}

body.infos .attachments .nav{position: absolute; top:40%; width: 90%; left:5%; z-index: 20;}

body.infos .attachments .nav span{display: block; font-size:2rem; cursor: pointer; padding:5px; background: rgba(0,0,0,0.2); color:white}
body.infos .attachments .nav .nav-left{float: left}
body.infos .attachments .nav .nav-right{float: right}




/* accordeon.css */
.accordion h2 a {color: inherit; text-decoration: none; display: block;}
.accordion h2 {padding-right:  35px; position: relative;}
.accordion h2 a:after {
    position: absolute; top:0; right:0;
    font-family: 'Glyphicons Halflings';
    content: "\e113";
}
.accordion h2 a.collapsed:after {
    content: "\e114";
}

/* hp-row1.css */
#hp-row1{position:relative; border-bottom:2px solid white}
#hp-row1 .slide{position:absolute;top:0;left:0;width:100%;height:100%;background-position:center;background-size:cover;z-index:0;}
#hp-row1 .logo{position:relative;height:calc(100vh - 100px);margin:0 auto;z-index:1;text-align:center;display:flex;align-items:center;justify-content:center;}
#hp-row1 .logo img{width:75%;max-width:1200px;}





/* hp-row2.css */
#hp-row2{}
#hp-row2 .row{margin:0!important; line-height:1.6}
#hp-row2 .col{padding:0!important; opacity: 0.8; transition: opacity 400ms;}
#hp-row2 .col:hover{opacity: 1;}

/* images-gallery.css */
.images-gallery {}

.images-gallery .images {
    font-size: 0!important;
}

.images-gallery .image {
    display: inline-block;
    width: 33.33333333333333%;
}

.images-gallery .images a {
    display: block;
    padding: 140% 0 0 0;
    position: relative;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    transition: all .2s ease-in-out;
}

.images-gallery .images a:hover {
    transform: scale(1.1);
}

@media screen and (max-width: 768px) {
    .images-gallery .image {
        width: 50%;
    }
}

@media screen and (max-width: 400px) {
    .images-gallery .image {
        width: 100%;
    }
}

/* footer.css */
footer{background: #161615; padding:70px 0}
footer, footer a{color:white; }

footer ul{margin: 0; padding: 0; list-style: none;}
footer li{margin: 7px 0; padding: 0; font-size:1rem}

footer .col-left {}
footer .col-left ul {border-left: 1px solid white; padding-left:35px}
footer .col-center {}
footer .col-center li{padding-left:30px; position: relative;}
footer .col-center i{position: absolute; top:3px; left:0}

/* inf-entreprises.css */
.entreprises header .over {
background:rgba(217,0,13,0.5);
}

.entreprises header .logo .inner {
background-image:url( '/img/logo-entreprises.png ');
}

.entreprises h1 span {
background:rgba(217,0,13,1);
}

body.entreprises h2 {
border-color:rgba(217,0,13,1);
color:rgba(217,0,13,1)
}

.entreprises .news a {
color:rgba(217,0,13,1);



}

/* home.css */
#hp-flaps{background:#eee;height:100vh;margin-left:100px;}
.hp-flap{height:100vh;float:left;width:8.33333333%;position:relative; overflow: hidden;}
.hp-flap .bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:center center no-repeat;background-size:cover;}
.hp-flap .content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;text-align:center;}
.hp-flap .title{top:40%;z-index:1;position:relative;font-size:0.8rem;font-weight:bold;color:#000;text-transform:uppercase;}
.hp-flap .title span{display:inline-block;background:rgba(255,255,255,0.6);padding:3px 7px;border-radius:7px;line-height:1;margin:0 15px; transition: all 300ms; transition-delay:300ms;}
.hp-flap .text{opacity:0;max-width:90%;margin:100px auto 0;background:rgba(0,0,0,0.4);padding:10px;border-radius:10px;color:#fff;min-width:200px;}
.hp-flap .text img{max-width:23%;margin:1% 1%; width: auto!important; height: auto!important;}
.hp-flap  a.btn{background:rgba(255,255,255,0.6);padding:5px 10px;color:#000}
/* transisition */
.hp-flap{transition:width 300ms;}
.hp-flap .title{transition:top 300ms;transition-delay:300ms;}
.hp-flap .text{transition:opacity 600ms;transition-delay:300ms;}
/* .flap-selected .text {transition:opacity 0ms;transition-delay:0ms;} */
.hp-flap .picto{width:80px;margin-bottom:15px}
.no-selection .hp-flap{width:16.66666666%;}
.flap-selected{width:56.6666666%;box-shadow:0px 0px 10px 0 #aaa;z-index:10;padding-top:10%;}
.flap-selected .title{top:30px; font-size:1rem}
.flap-selected .title span{padding:10px 25px}
.flap-selected .text{opacity:1}
.flap-title-up{}
@media (max-width:992px){._{}
.hp-flap .title span{display:none}
.flap-selected .title span{display:inline-block !important}}

.flap-association  a {background: #38B5A4; color:#fff}




.flap-actualites {}
.flap-actualites .title span{background: #29ABE2!important; color:#fff!important}
.flap-actualites h3{color:#29ABE2}
.flap-actualites .news-texte{}
.flap-actualites .news-texte a{color:#29ABE2}
.flap-actualites .more{margin:15px 0 0 0}
.flap-actualites .more a.btn{background: #29ABE2; color:#fff}

.flap-association a.btn{background: #61AC9F!important; color:#fff!important}
.flap-association .title span{background: #61AC9F!important; color:#fff!important}

.flap-especes a.btn{background: #F6BE36!important; color:#fff!important}
.flap-especes .title span{background: #F6BE36!important; color:#fff!important}
.flap-especes .text img { border:2px solid #aaa; border-radius:5px}
.flap-especes .text img:hover {border-color:#F8BF36} 



.flap-outils a.btn{background: #4B7B89!important; color:#fff!important}
.flap-outils .title span{background: #4B7B89!important; color:#fff!important}
.flap-outils .text img{ border: 2px solid #aaa; border-radius: 5px;}
.flap-outils .text img:hover {border-color:#4B7B89}
     

.flap-medias a.btn{background: #24965B!important; color:#fff!important}
.flap-medias .title span{background: #24965B!important; color:#fff!important}
.flap-medias .text img{ border: 2px solid #aaa; border-radius: 5px;}
.flap-medias .text img:hover {border-color:#24965B}     
     
     

/* hp-row3.css */
#hp-row3 {font-size:0}
#hp-row3 .news{padding: 75px 0;}
.hpr3-intro { overflow: hidden;}
.hpr3-intro .news-title{width: 48%; float: left}
.hpr3-intro h2{font-size:1.2rem; margin:0; padding:0; font-weight:bold}
.hpr3-intro .news-text{width: 48%; float: right;  font-size:1rem; line-height: 1.5;}

.hpr3-contacts {background: #999; }

.hpr3-contacts .col{ /* display: flex; alignment-items: center; flex-grow:0; flex-shrink:0; height:100% */}
.hpr3-contacts .row{}
.hpr3-contacts .col {}
.hpr3-contacts .col-left {padding-top: 3%;}
.hpr3-contacts .col-right {padding-top: 2%;}
.hpr3-contacts .col-right img{width: 290px; max-width: 100%;}
@media screen and (max-width: 767px) { ._{}
    img.contact-center-xs {display:inline-block;  max-width: 70px; margin: 25px 0;}
    img.contact-center-sm {display:none}
}
@media screen and (min-width: 768px) { ._{}
    img.contact-center-xs {display:none}
    img.contact-center-sm {display:inline-block; max-width: 70px;}
}

.hpr3-companies-map{padding: 0!important;}

.hpr3-partenaires{padding: 25px 0!important;}
.hpr3-partenaires .news-title{background: url(/img/gray-line.png) repeat-x left center;  }
.hpr3-partenaires .news-title span{background: white; padding-right:2%}
.hpr3-partenaires td{vertical-align: middle; padding:0 0 0 15px}
.hpr3-partenaires img{height:auto!important; width:auto !important;  max-height: 108px; max-width:170px;}


/* video-youtube.css */

.video-youtube {overflow: hidden; background: #fff;; padding:7px;margin: 0; border:1px solid #999; border-radius: 5px}
.video-youtube .row{}
.video-youtube .video-cover{width: 100%; position:relative;  border:1px solid #999; }
.video-youtube .video-cover img0{position: absolute; top:0; right:0; bottom:0; left: 0;}
.video-youtube .video-cover p{position: absolute; top:30%; width: 100%;text-align: center;}
.video-youtube .video-cover button{background: none; font-size:2.5rem; color:red; padding:0!important; border: none; opacity:0.8}
.video-youtube .video-cover button:hover{opacity: 1;}
.video-youtube h2.title{ margin-top:0; padding-top:0; border: none!important; font-size:1rem!important;}
.modal-body {min-height: 400px;}
.modal-body iframe{min-height: 400px;}

/* inf-actualites.css */

.actualites header .over {background: rgba(217,0,13,0.5);}
.actualites header .logo .inner {background-image: url('/img/logo-actualites.png');}
.actualites h1 span{background: rgba(217,0,13,1);}
body.actualites h2{border-color:rgba(217,0,13,1);color:rgba(217,0,13,1)}
.actualites .news a{color: rgba(217,0,13,1);}


/* medaillons.css */
.medaillons .news-text {font-size: 0!important; text-align: center} 
.medaillon{width:15%; max-width:200px; display:inline-block;padding:0px;border-radius:50%;background-color:#fff;border:1px solid #999;margin:2%; overflow: hidden; transition: all 400ms;}
.medaillon .inner{padding-top:100%;position:relative;width:100%;display:inline-block;}
.medaillon img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); max-width: 80%; max-height: 60%; height:auto!important; width:auto!important}
.medaillon:hover {background-color:#FFFFE4;}
@media screen and (max-width: 768px) { ._{}
    .medaillon {width:20%;}
}
@media screen and (max-width: 512px) { ._{}
    .medaillon {    width: 25%;}
}


/* inf-association.css */

.association header .over {background: rgba(40,153, 82,0.5);}
.association header .logo .inner {background-image: url('/img/logo-association.png');}
.association h1 span{background: rgba(40,153, 82,1);}
body.association h2{border-color:rgba(40,153, 82,1);color:rgba(40,153, 82,1)}

/* header.css */
header { position: relative;}
#menu {position: absolute; top:0; left:0; width: 100%;z-index: 100;background: #626E7A;}
#menu ul{margin:0; padding:0 15px; list-style: none;text-align: right}
#menu li{display: inline-block; margin:0 15px; padding:0; }
#menu a {color: white; display: block; padding:15px 5px; font-weight: bold; font-size:0.9rem; line-height: 1;}
body.infos #menu {background: rgba(22,22,22, 0.6);}

header .bg {position: absolute; position: absolute; top:0; left:0; width: 100%; height: 100%;}
header .bg {z-index: 1; background-position: center center; background-size: cover;}
header .over {position:relative; z-index: 2; height: 600px;}
header .logo {position: absolute; bottom:10%; left:5%; width: 584px; z-index: 5;}
header .logo .inner{padding-top: 49%;background-position: center; background-size: cover ;}


.page-title {position: relative; background: white; z-index: 3;}
h1{margin: 0; padding:0; text-align: right;font-size:1.3rem; overflow: hidden; line-height: normal;}
h1 span{color:white;  padding:15px 15px; display:  inline-block ;}



/* album.css */
.album-items{font-size:0; padding: 5px; background: #f0f0f0;}
.album-item {display: inline-block;max-width: 100%; width: 23%; padding: 3px;margin: 1%; border:1px solid #999; background: white; overflow: hidden; }
.album-item-inner {padding-top:100%; position: relative;}
.album-item img{max-width: 96%;transition: all .4s ease-in-out;opacity:0.85; position: absolute; top: 3px; left: 3px;}
.album-item:hover{background: #999;}
.album-item:hover img{transform: scale(1.1);opacity:1; }


@media screen and (max-width: 768px) { ._{}
    .album-item {width: 31%; }
 
}
@media screen and (max-width: 512px) { ._{}
    .album-item {width: 48%; }
 
}