/*
Theme Name:     Jupiter Child Theme
Theme URI: 		http://themeforest.net/user/artbees
Description:    Child theme for the Jupiter theme 
Author:         Your name here
Theme URI: 		http://themeforest.net/user/artbees
Template:       jupiter
Version:        5.0.7
*/



/*
Sample : remove the comment and start adding your own custom CSS rules.

body {
	background-color:#fff;
font-family: "Raleway";
}

*/
.vc_grid-item-mini{
/*border : 1px solid #000000;*/
padding: 2px;
}
.vc_gitem_row .vc_gitem-col{
background:#FFF;
}
/*bouton des references*/
a.vc_btn3.vc_btn3-color-black:hover, 
a.vc_btn3.vc_btn3-color-black.vc_btn3-style-flat:hover{
background-color:#E1007E;
color:#FFF;
}

.surtitre{
font-size: 14px;
color : #E1007E;
margin-bottom : 0;
padding-bottom : 2px
}
.typoblanche p,.typoblanche p strong,.typoblanche p a,.typoblanche p strong a{color:#FFFFFF;}
p.typoicon, p.typoicon strong, p.typoicon strong a{color:#DD0585; text-transform:uppercase; font-size:1.2em;}
p.titletitre, p.titletitre strong{color:#FFFFFF; font-size: 1em; text-transform: uppercase;}
h3.titletitre strong{color:#FFFFFF; text-transform: uppercase;}

/***** BREADCRUMP****/
.page-title {margin: 5px 20px 0px;}

.textsousrub{padding-right:50px;}
#mk-breadcrumbs .mk-breadcrumbs-inner {float: left;}
/*#theme-page .theme-page-wrapper{margin:0}*/

/**** ARTICLE****/
.mk-author-avatar > img,
.mk-author-name,
.mk-publish-date{
display:none;
}
.h2perso{margin-bottom:0px;}
/*.mk-grid>h1{display:none;}*/

/****BLOG****/
.mk-blog-hero.bold-style {
    background-size: cover;
    display: table;
    height: 500px;
    position: relative;
    width: 100%;
    z-index: 10;}
.mk-blog-hero.bold-style .content-holder {top :100px}
@media only screen and (max-width: 500px){
.mk-blog-hero.bold-style {
    background-size: cover;
    display: table;
    height: 100%;
    position: relative;
    width: 100%;
    z-index: 10;
}
}
.mk-blog-meta-wrapper{
    display: none;
}
.widget_social_networks .align-left {
    text-align: center;
}
@media screen and (min-width:1024px){
.ecranfixe{display:block;}
.mobile{display:none;}
}

@media screen and (max-width: 1023px){
.ecranfixe{display:none;}
.mobile{display:block;}
}
.master-holder.blog-style-bold .mk-single-content{max-width: 1140px;}

#mk-quick-contact {
    max-height: 510px;
    min-height: 300px;
    height: 100%;
}
.mk-responsive-nav li a{text-transform:none; padding: 15px 20px; text-align: right;margin: 0 10%;line-height:0;}
.mk-responsive-nav > li {border-bottom: 0px;}
.page-id-4136 > .master-holder h3{text-transform:uppercase;}