/* Add here all your css styles (customizations) */
/* beige clair : #00467e */
/* beige foncé : #bb8c1a */

/**** BASE *****/
/**** LAYOUT *****/
/**** MODULE *****/
/**** STATE *****/
/**** THEME *****/
/**** MEDIA QUERIES *****/


/********************************************************************************************/
/**** LAYOUT ********************************************************************************/

/* Partial - Header - adresse */
body > div.wrapper > div.header.header-sticky > div.container > div > ul li,
body > div.wrapper > div.header.header-sticky > div.container > div > ul li a{
    font-family: times;
}

/* Menu principal*/
.mega-menu{
    z-index:999999999;
}
/* Boutton */
body > div.col-md-12 > div.row > div.col-md-3.btn-buy.animated.fadeInLeft{
    margin: 10px 0 25px 0;
}


/********************************************************************************************/
/**** MODULE ********************************************************************************/
/* Index - Slider */
#da-slider > div.da-slide.da-slide-current > h2{
    width:26%;
}
@media(min-width: 1680px){
    #da-slider > div.da-slide.da-slide-current > h2{
        width:16%;
    }
}
#da-slider > div.da-slide p{
    z-index:5;
    color:#555555;
    width:30%;
}
.btn-default.active, .btn-default.focus, .btn-default:active, .btn-default:focus, .btn-default:hover, .open>.dropdown-toggle.btn-default {
    color: #00467e;
    background-color: #89c2eb;
    border-color: #89c2eb;
    text-decoration: none;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}

/* Index - Domaines */
div.contenu-centre div.service a.btn-u.btn-u-xs{
    color:#ffffff!important;
}

/* Article show */
.articleshow{
    z-index:9;
}
.articleshow ul.social-icons{
    position:relative;
    top:5px;
}
.articleshow ul.posted-info{
    margin:0 0 0 -14px;
}
.fichier_pdf_zip{
    width:24px;
}
.ville{
    position:relative;
    top:-12px;
    font-size:1em;
}
.asideville{
    position:relative;
    top:-12px;
    font-size:11px;
    color:#555;
}
/* Article - Image - visionneuse si plusieurs images*/
div.petite,
div.grande{
    padding:0;
}

.petitformat{
    width:100%;
    height:110px;

}
div.grande img{
    width:100%;
    border-top:2px solid white;
}

.divimg{
    overflow: visible;
}

.imgscale{
    -webkit-transition: all 0.7s ease;
    transition: all 0.7s ease;
    z-index:1;
    transform-origin: 140px 172px;
    -webkit-transform-origin: 140px 172px;
}
/* Articles - contenu- classes de TinyMce */
.imgagauche{
    float:left;
    padding: 0 20px 5px 0;
    margin: 0 20px 5px 0;
}.imgadroite{
     float:left;
     padding: 0 0 5px 20px;
     margin: 0 0 5px 20px;
 }
.imgrotationgauche10deg{
    transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
    -moz-transform : rotate(-10deg);
    -o-transform : rotate(-10deg);
    -ms-transform : rotate(-10deg);
}

.imgrotationdroite10deg{
    transform: rotate(10deg);
    -webkit-transform: rotate(10deg);
    -moz-transform : rotate(10deg);
    -o-transform : rotate(10deg);
    -ms-transform : rotate(10deg);
}

.imgrotationgauche20deg{
    transform: rotate(-20deg);
    -webkit-transform: rotate(-20deg);
    -moz-transform : rotate(-20deg);
    -o-transform : rotate(-20deg);
    -ms-transform : rotate(-20deg);
}

.imgrotationdroite20deg{
    transform: rotate(20deg);
    -webkit-transform: rotate(20deg);
    -moz-transform : rotate(20deg);
    -o-transform : rotate(20deg);
    -ms-transform : rotate(20deg);
}
/* Categorie Blog */
div.blog ul.list-inline img{
    height:120px;
}
/* Categorie Mentions */
div.mentions div.fluxdephotos{
    float:left!important;
}
div.mentions div.fluxdephotos > div{
    width:100%;
    height:150px;
    overflow:hidden;
}
.padding_right_24{
    /*padding-right:24px;*/
    width:100%;
}
.owl-clients-v1 img{
    margin-top: 40px; /* poussé de la moitié de hauteur de viewport */
    transform: translateY(-50%); /* tiré de la moitié de sa propre hauteur */
}
/* Categorie Portfolio*/
#portfolio.wrapper{
    background-color:#fff;
}
#grid-.cbp-l-grid-agency-title > a{
    color:white!important;
}
.cbp-caption-defaultWrap a img{
    width: 70%;
    margin:10%;
}
#grid-container > div.cbp-wrapper.cbp-wrapper-front > div > div > div > div.cbp-caption-activeWrap > div > div > div.cbp-l-grid-agency-title > a{
    color:#ffffff!important;
}
.cube-portfolio .link-captions li i:hover{
    background-color:#89c2eb;
}
.cube-portfolio div#filters-container div.cbp-filter-item{
    color:#555555!important;
}
div.cbp-caption-activeWrap small  a{
    color:#ffffff;
}
#grid-container > div.cbp-wrapper.cbp-wrapper-front div.cbp-caption-activeWrap  small{
    color:#fff;
}
/* Categorie Show */
div.extrait h4{
    height: 55px;
}
div.extrait div.divimg{
    height:140px;
    overflow:hidden;
}
div.extrait div.divimg img {
    height: 150%;
}
div.extrait div.thumbnail-kenburn a,
div.extrait div.thumbnail-kenburn a,
div.extrait div.thumbnails.thumbnail-style.thumbnail-kenburn > div > div > a{
    bottom:-25px!important;
}
div.extrait:hover div.thumbnail-kenburn a,
div.extrait div.thumbnail-kenburn:hover a,
div.extrait div.thumbnail-kenburn:hover a:hover{
    color:#ffffff;
}
/* Default Carte */
div.border_grise{
    border-top: 2px solid #dddddd;
}
div.border_dore{
    border-top: 2px solid #00467e;
}

/* Categorie Index */
.position8 img{
    height:150px;
    width:100%;
}
.position12{
    background-position: 50% 46px;
}
.position17 div.item{
    height:166px;
}
.position17 div.item img{
    width:100%;
    height:166px;
}

/* blogtag */
#blogtag ul#flux img{
    height:120px;
}

/* tag */
#tag div.divimg img{
    width:100%;
    height:300px;
}
#tag div.desc p{
    width:100%;
    height:auto;
}
/* Word */
.highlight{
    padding: 0 5px;
}

/*Word et Blog - badge sur les tags en latéral*/
.label-or,
.badge-or{
    position:relative;
    top:-14px;
    left:-14px;
}

/********************************************************************************************/
/**** STATE ********************************************************************************/
div.header > div.container > div > ul > li > span > a:hover{
    color:white;
}

div.service:hover h2 a,
div.service:hover h4 a{
    text-decoration: none;
}

/********************************************************************************************/
/**** THEME ********************************************************************************/
/* Partial - Header - adresse */
body > div.wrapper > div.header.header-sticky > div.container > div > ul li,
body > div.wrapper > div.header.header-sticky > div.container > div > ul li a{
    color:#00467e;
}

div.owl-twitter-v1.owl-carousel.owl-theme > div.owl-wrapper-outer > div > div > div > div  h2  a{
    color:#ffffff;
}
div.owl-twitter-v1.owl-carousel.owl-theme > div.owl-wrapper-outer > div > div > div > div  a{
    color:#ffffff;
    border-color: #ffffff;
}
/* Default Index */
.purchase p{
    color:#00467e;
}

.container h2,
.container p{
    color: #314467!important;
}


/* Article block de l'article change de couleur au passage de la souris*/
div.service h3,
div.service h4,
div.service h5,
div.service h6,
div.service p{
    color:#314467;
}
div.service a{
    color:#4395d0;
}
/* Article block de l'article change de couleur au passage de la souris*/
/* active les liens en marron-doré */

div.service:hover a i,
.owl-item p{
    color: white!important;
}
.articleshow div.service:hover a i{
     color: #314467!important;
 }


/* Article block de l'article change de couleur au passage de la souris*/
div.service:hover h3,
div.service:hover h4,
div.service:hover h5,
div.service:hover h6,
div.service:hover h2 a,
div.service:hover h3 a,
div.service:hover h4 a,
div.service:hover h5 a,
div.service:hover h6 a,
div.service:hover p,
div.service:hover ul > li > a{
    color:#555!important;
}

/* Article block de l'article change de couleur au passage de la souris*/

div.service em{
    color:#555;
}

.team-v1 ul.list-unstyled li h3,
.team-v1 ul.list-unstyled li p{
    color:#314467;
}
.team-v1 ul.list-unstyled li h3 a{
    color:#314467!important;
}


/* Article - Description du projet - label du champ si renseigné*/
.labelprojet{
    color:#555555;
}
.descriptionprojet{
    color:#ffffff;
}

div.service:hover div.labelprojet{
    color:#00467e;
}
div.service:hover div.descriptionprojet{
    color:#555555;
}


/* Word */
.highlight{
    background-color: #00467e;
    color:#ffffff;
}

/*Word et Blog - badge sur les tags en latéral*/
.label-or,
.badge-or,
.label-default{
    background: #00467e;
}
.label-default:hover{
    background: #89c2eb;
}

/* div purchase = fond blanc toute largeur */
.purchase .service h3,
.purchase .service p{
    color:#555555;
}
/* Word et Blog = trait fin vertical sur titres de la colonne latérale à droite*/
.headline-v2{
    border-left:1px solid #555;
}
/* Index */
#index p#experts{
    margin-top:50px;
}
#index .service{
    height:250px;
}
#index .equipe img{
    height:180px;
}
/* Contact */
.infowindow{
    color: #00467e;
}

#contact div.divimg img{
    height:100px;
}

/***** Categories show - show2 - show3 *********/

.btcatarticle{
    color:white!important;
}
div.container.content-sm p a{
    color:#4395d0;
}
#show div.divimg{
    background-color:#314467;
    /*padding:10px;*/
}
#show2 div#article{
    /*height:350px;*/
}

/******* categories invertedtimeline ***/
ul.timeline-v1 li.clearfix{
    float: none;
    list-style: none;
}

/********************************************************************************************/
/**** MEDIAS QUERIES ********************************************************************************/
.da-slide .da-img{
    top:40px!important;
}
.da-slide h2{
    top:60px!important;
}
@media (max-width: 900px) {
    /* Index - Slider */
    #da-slider > div.da-slide.da-slide-current > h2{
        width:50%;
    }
    #da-slider > div.da-slide p{
        width:50%;
    }
}
@media (max-width: 650px) {
    /* Index - Slider */
    #da-slider > div.da-slide.da-slide-current > h2{
        width:50%;
    }
    #da-slider > div.da-slide p{

        width:0%;
    }
}

/*
.textepartrois{
    background-color:#bbb9b5;
}

.textepartrois:hover a h3 {
    color:#ffffff;
}
*/
/******* footer *******/
.dottedpartenaires{
    border: 1px dotted #89c2eb;
    border-style: none none dotted;
    color: #314467;
    background-color: #314467;
    margin: 0 0 20px 0;
}
.dottedpartenaires:last-child{
    margin: 0;
}