/* Add here all your css styles (customizations) */

.one-page-header.architecture-nav .navbar-nav > li > a {
     padding: 20px 22px;
    
}

.service-picto a img {
    opacity: 0.8;
	margin-top: 5px;
	
}
.service-picto a:hover img {
    opacity: 1;
}

.img-centered {
    margin: 0 auto;
}
/*
.parallax-twitter {
    color: #fff;
    padding: 100px 0;
    position: relative;
    text-align: center;
    background: #333 url(../../img/capitaine-agence.jpg) 50% 0 fixed;
    background-size: cover;
    background-position: center center;
}*/

.parallax-agence {
    background: #333 url(../images/site/capitaine-agence.jpg) 50% 0 fixed;
    background-size: cover;
    background-position: center center;
}

.parallax-web {
    background: #333 url(../images/site/navigation-web.jpg) 50% 0 fixed;
    background-size: cover;
    background-position: center center;
}

.parallax-signaletique {
    background: #333 url(../images/site/signaletique.jpg) 50% 0 fixed;
    background-size: cover;
    background-position: center center;
}

.parallax-click {
    background: #333 url(../images/site/click-and-collect-web.jpg) 50% 0 fixed;
    background-size: cover;
    background-position: center center;
}

.parallax-conseil {
    background: #333 url(../images/site/conseil.jpg) 50% 0 fixed;
    background-size: cover;
    background-position: center center;
}

.parallax-imprime {
    background: #333 url(../images/site/imprimes.jpg) 50% 0 fixed;
    background-size: cover;
    background-position: center center;
}


.parallax-contact {
    background: #333 url(../images/site/contact.jpg) 50% 0 fixed;
    background-size: cover;
    background-position: center center;
}

.parallax-index {
    background: #333 url(../images/site/bato.jpg) 50% 0 fixed;
    background-size: cover;
    background-position: center center;
}




/*Adding colors over the background image*/
.img-hover-1 {
	background: #242421;
}

.img-hover-2 {
	background: #21211e;
}

.img-hover-3 {
	background: #1f1f1e;
}

.img-hover-4 {
	background: #1C1C1B;
}


.g-color-black-darker {
    color: rgba(18,18,18,.5) !important;
}

.map-img {
    background: url(../images/site/map-img.png) 5px 60px no-repeat;
}

.contact-list ul .second-item {
    color: #fff;
    font-weight: bold;
}

.btn-u.btn-u-gold {
    background: #BB9C14 ;/*width:170px; */
}

.btn-u.btn-u-gold:hover, .btn-u.btn-u-gold:focus, .btn-u.btn-u-gold:active, .btn-u.btn-u-gold.active, .open .dropdown-toggle.btn-u.btn-u-gold {
    background: #7d6705;
	
}

.footer-amiral {
    background-color:#2C2C2e;
	color:#FFF;
}

.footer-amiral p{
    color:#ddd;
	font-size:1.1em;
}

.footer-amiral strong{
    color:#fff;
	font-size:1.1em;
}


/*--------------------------------------------------
    [4. About Section]
----------------------------------------------------*/
/*Adding background image that would only show on hover*/
.arch-service {
	padding: 0;
	position: relative;
}
.arch-service-1 {
	background: url(../images/site/navigation-web.jpg) no-repeat 80% 0 / cover;
}
.arch-service-2 {
	background: url(../images/site/imprimes.jpg) no-repeat 30% 0 / cover;
}
.arch-service-3 {
	background: url(../images/site/signaletique-mini.jpg) no-repeat 80% 0 / cover;
}
.arch-service-4 {
	background: url(../images/site/conseil.jpg) no-repeat 50% 0 / cover;
}

.arch-service-in {
	padding: 100px 30px;
  transition: opacity 0.4s ease-in-out;
}

a:hover {
    color: #7d6705;
    text-decoration: none;
}

.menuancre {
margin-bottom:5px;	
}

.menuancre a{
	
}

strong{
color:#080309;	
font-weight:900;
}

.nav-methodologie li{
	width:25%;
}



@media(max-width: 992px) {
	.nav-methodologie li{
	width:50%;
}
p, .gallery-section .tab-content .tab-pane p {
    margin: 0 auto 25px;
    text-transform: none;
    max-width: 70%;
}
	
}

@media(max-width: 600px) {
	.nav-methodologie li{
	width:100%;
}
p, .gallery-section .tab-content .tab-pane p {
    margin: 0 auto 25px;
    text-transform: none;
    max-width: 90%;
}
	
}


.description-projet p{
	text-align: justify;
	text-align-last: left;
}


.btn-action {
	font-size: 18px;
	color:#FFF;
	font-weight: bold;
	background: #BB9C14;
	width: 270px;
	padding: 15px 15px;
	text-transform:uppercase;
	
	
}
.btn-action:hover{
	background: #7d6705;
	color:#FFF;
	width: 270px;
	/*padding: 10px 25px;*/
	
}


.post__intro{

text-align-last: left !important;

}

 h1, h2, h3, h4 {
 
 text-align: center;
 }

 .post_date span{
 
 text-align: center;
 }
 
.pagination li a:hover {
    color: #fff;
    background: #BB9C14;
    border-color: #BB9C14;
}



 .module__text{
 
 text-align: center;
 }
 
 
  .module{
 
 text-align: center;
 }
 
 
 .btn-section-scroll {
   width: 170px;
 }
 
 .g-heading-v7 h1{
 color:#fff;
 
 }
 
 /*ul {
  list-style-position: inside; 
  text-align: center;          
  padding-left: 0;             
  margin: 0 auto;              
}*/

/* Liste personnalisée avec ancre marine class="ul-ancre"   class="ul-ancre-white">*/
.ul-ancre {
  list-style: none;      
  padding-left: 0;
  text-align: center;    /* centre toute la liste */
  margin: 50px 0 50px 0;
}

.ul-ancre li {
  display: inline-block; 
  text-align: center;
  margin: 0.5em 0;
  padding-left: 28px;    
  position: relative;
}

.ul-ancre li::before {
  
  content: "\f13d";                /* code unicode Font Awesome pour l’ancre */
  font-family: "Font Awesome 6 Free"; 
  font-weight: 900;                /* style "solid" */
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 16px;                 /* taille de l’icône */
  color: #003366;                  /* couleur marine */
}

.ul-ancre-white {
  list-style: none;      
  padding-left: 0;
  text-align: center;    /* centre toute la liste */
  margin: 50px 0 50px 0;
}

.ul-ancre-white li {
  display: inline-block; 
  text-align: center;
  margin: 0.5em 0;
  padding-left: 28px;    
  position: relative;
  color:#fff;
}

.ul-ancre-white li::before {
  
  content: "\f13d";                /* code unicode Font Awesome pour l’ancre */
  font-family: "Font Awesome 6 Free"; 
  font-weight: 900;                /* style "solid" */
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 16px;                 /* taille de l’icône */
  color: #003366;                  /* couleur marine */
}