/* Add here all your css styles (customizations) */
/* beige clair : #3498db */
/* 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;
}

#position4{
    position: relative;
    top: -140px;
}

#contenu-centre{
    position: relative;
    top: 0px;
}


/********************************************************************************************/
/**** MODULE ********************************************************************************/
/* Index - Slider */
#da-slider > div.da-slide.da-slide-current > h2{
    width:50%;
}
#da-slider > div.da-slide p{
    z-index:5;
    color:#555555;
    width:50%;
}

/* 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;
    width:100%;
    background-color: black;
}
.divimg img,
.divimg small{
     /*width:100%;*/
 }
/*
.imgscale:active,
.imgscale:hover{
     -webkit-transform:scale(1.6);
     transform:scale(1.6);
     z-index:3;
     border-top:0px solid white;
 }
.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;
    background-color:#000;
}
div.mentions div.fluxdephotos > div.caption{
    background-color:#ffffff;
}
.padding_right_24{
    padding-right:24px;
}
/* Categorie Portfolio*/
#grid-.cbp-l-grid-agency-title > a{
    color:white!important;
}
.cbp-caption-defaultWrap a img{
    height:210px!important;
}
#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:orange;
}
div.cbp-caption-activeWrap small  a{
    color:#ffffff;
}
/* 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 #3498db;
}

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


/* 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.service:hover h2 a,
div.service:hover h4 a{
    text-decoration: none;
}

/********************************************************************************************/
/**** THEME ********************************************************************************/
/* Partial - Header - adresse */
.header h1{
    font-size:3em;

}

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:#3498db;
}

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:#555555;
}


/* 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:#333333;
 }

div.service a, div.service h3:hover, div.service h4:hover, div.service h5:hover, div.service h6:hover, div.service a:hover {
    color: #3498db;
    text-decoration: none;
}
.extrait h4 a{
    color:#555;
}


/* 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{
    color:#555!important;
}

/* Article block de l'article change de couleur au passage de la souris*/
div.service:hover p a,
div.service:hover ul li a{
    color:#3498db!important;
}
div.service em{
    color:#555;
}

/* Article - Description du projet - label du champ si renseigné*/
.labelprojet{
    color:#555555;
}
.articleshow > div > div > div.desc.row > div.col-md-12.margin-bottom-40 > div{
    border: 1px solid #000000;
}
.descriptionprojet{
    color:#ffffff;
    background-color: rgba(0,0,0,0.8);

}

div.service:hover div.labelprojet{
    color:#3498db;
}
.label-default {
    background-color: rgba(0,0,0,0.8)!important;
}

div.label-default:hover {
    background-color: #3498db!important;
}
div.service:hover a{
    text-decoration: none;
}



/* Word */
.highlight{
    background-color: #3498db;
    color:#ffffff;
}

/*Word et Blog - badge sur les tags en latéral*/
.label-or,
.badge-or{
    background: #3498db;
}

/* 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;
}

/* Contact */
.infowindow{
    color: #3498db;
}

/********************************************************************************************/
/**** MEDIAS QUERIES ********************************************************************************/

@media (max-width: 900px) {
    /* Index - Slider */
    #da-slider > div.da-slide.da-slide-current > h2{
        width:70%;
    }
    #da-slider > div.da-slide p{

        width:70%;
    }
}
@media (max-width: 650px) {
    /* Index - Slider */
    #da-slider > div.da-slide.da-slide-current > h2{
        width:70%;
    }
    #da-slider > div.da-slide p{

        width:0%;
    }
}

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

.textepartrois:hover a h3 {
    color:#ffffff;
}
*/