@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700');

h1, h2, h3, h4, .titre-slider {

font-family: 'Lato', sans-serif !important;

}

a:hover {
text-decoration: none !important;

}

.titre-slider {
font-weight: 700;

}

body:not(.theme-preset-active) #masthead .navbar-nav > li > a {
    color: #222 !important;
    padding: 0.5rem;
    font-weight: 700 !important;
    font-size: 20px !important;
    text-transform: uppercase;
    padding-right: 40px !important;
-webkit-transition: color .5s linear;
  -moz-transition: color .5s linear;
  -ms-transition: color .5s linear;
  -o-transition: color .5s linear;
  transition: color .5s linear;
}


body:not(.theme-preset-active) #masthead .navbar-nav > li > a:hover, body:not(.theme-preset-active) #masthead .navbar-nav > li.active > a {
 
color: #808080 !important;
}


#content.site-content {     background: #F7F7F7; }

header#masthead {

background: #fff !important;
}

body:not(.theme-preset-active) footer#colophon {
background: url('https://www.depute.oblo.fr/wp-content/uploads/2018/03/footer-bg.png') repeat !important;
text-align: center;
text-transform: uppercase;
}

.titre-social h3 {
color: #808080;
    text-align: center;
    font-size: 22px;
    padding-bottom: 20px;
    display: inline;
    margin: 0 auto;
    padding-left: 20%;
    padding-right: 20px;

}

.titre-social span {
        color: #fff;
    background: #808080;
    margin-left: 5px;
    border-radius: 50%;
    height: 50px;
    width: 50px;
    position: relative;
    display: inline-block;
    line-height: 50px;
    text-align: center;

}

.block-cadre-depute {
border: 2px solid #eee;
padding: 20px 0 20px;
}

.block-cadre-depute img {
border-radius: 50%;
border: 3px solid #eee;
}


.titre-social span.facebook:hover {

background: #3B5998;
}

.titre-social span.linkedin:hover {

background: #007bb6;
}


.titre-social span.youtube:hover {

background: #CD332D;
}


.titre-social span.twitter:hover {

background: #4099FF ;
}





.vc_btn3.vc_btn3-color-juicy-pink, .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat {
color: #222;
    background: none !important;
    border: 4px solid #eee;
    font-weight: bold;
    text-transform: uppercase;
    display: table;
    margin: 0 auto;
}





.vc_btn3.vc_btn3-color-juicy-pink, .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat:hover{

color: #808080 ;
}


#grid-article h4 {

    text-transform: uppercase;
    font-size: 19px;
    line-height: 30px;
    text-align: center !important;
    font-weight: 700;

}

#grid-article .vc_btn3.vc_btn3-color-juicy-pink, .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat {
padding: 10px 40px 10px 40px !important;

}

#grid-article .vc_gitem-zone-mini { background : #fff!important; }

#grid-article p {

text-align: center;

}


#my-footer {
background: url('https://www.depute.oblo.fr/wp-content/uploads/2018/03/footer-bg.png') repeat !important ;

}

#my-footer h3.widget-title {

color: #fff;
text-transform: uppercase;
font-size: 20px;
font-weight: 700;
}


#footer-description li {
color: #eee;
list-style: none !important;
font-size: 15px;
}

#footer-description ul { padding: 0; }

#footer-description h3 {
font-size: 35px;
color: #fff;
text-transform: uppercase;
font-weight: 700;

}

#footer-description h4 {
text-transform: uppercase;
font-size: 15px;
color: #ccc;
 margin: 0;
 margin-bottom: 10px;
font-weight:400;


}

.circon:before, .asemble:before {

  float:left;
  display: block;
  padding-right: 30px;
  height: 150px;

}


.circon {
    padding-top: 30px !important;
    padding-bottom: 30px !important;

}

.circon:before {
  content:url('https://www.depute.oblo.fr/wp-content/uploads/2018/03/footer-2-icon.png'); /*image first ul*/

}

.asemble:before {
  content:url('https://www.depute.oblo.fr/wp-content/uploads/2018/03/footer-1-icon.png'); /*image second ul*/


}

#my-footer .form-control {

border-radius: 0 !important;
    border: none;

}

#my-footer .btn-primary {

border: 5px solid #ffff;
    background: #888888;
    text-transform: uppercase;
    padding: 10px 50px 10px 50px;
    border-radius: 0;
    margin: 0;
    bottom: 21px;
    position: relative;
    font-weight: bold;
}

.footer-2-form h3 {
color: #ccc;
font-size: 19px;
font-weight: bold;
text-transform: uppercase;
padding-bottom: 20px;

}

.vc_grid-filter.vc_grid-filter-size-lg .vc_grid-filter-item {
        padding: 15px 34px !important;
    text-transform: uppercase;
    font-size: 16px;
    background: #fff;
font-family: 'Lato', sans-serif !important;
    font-weight: 400;
}

.vc_grid-filter {
margin-bottom: 50px !important;
}

.vc_grid-filter>.vc_grid-filter-item.vc_active>span, .vc_grid-filter>.vc_grid-filter-item:hover>span {

    font-weight: bold;
    color: #222 !important;
}

.titre-border:after {

    background-color: #ccc;
    content: '';
    display: block;
    height: 5px;
    width: 7vmax;
    margin: 0 auto;
    margin-top: 5px;

}

.post.hentry {

background: #fff;
box-shadow: #eee 2px 3px 1px;
}

.contenu-article  {
padding: 0 20px 0 20px
}





#rpwwt-recent-posts-widget-with-thumbnails-2 img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;

}

#recent-posts-widget-with-thumbnails-2 {

background: #fff;
padding: 15px;
box-shadow: #eee 2px 3px 1px;

}


#recent-posts-widget-with-thumbnails-2 h3.widget-title {
    font-size: 25px;
    font-weight: 700;
    text-align: center;
    padding-bottom: 15px;
}

#recent-posts-widget-with-thumbnails-2 .rpwwt-post-title {
color: #808080;
    font-weight: 700;
    font-size: 15px;
    font-family: 'Lato', sans-serif !important;

}

.rpwwt-post-categories {
    color: #ccc;
    font-weight: 700;
    font-style: italic;
}


.rpwwt-post-excerpt { padding-left: 85px; font-size: 12px }

.navigation.post-navigation { display: none !important; }

.single .byline { display: none !important; }

.entry-meta a {
color: #808080;
font-weight: 700;
font-style: italic;

}

.entry-meta { 
    border-bottom: 1px solid #eaecef;
}


.yotu-lightbox .yotu-copyright { display: none !important; }


.addtoany_header {
display: inline;
    padding-right: 20px;
    color: #808080;
    font-size: 18px;
    font-weight: 700;
    font-style: italic;
}

.addtoany_content {
border-top: 2px solid #eee;
    padding-top: 13px;
}


#content-depute  h1{
    padding-bottom: 0;
    margin-bottom: 0;
    line-height: 5px;

}

#content-depute h2 {
    color: #ccc;
    font-size: 23px;
}

#content-depute .titre-social h3 {
padding: 0;
font-size: 19px;
}

#content-depute .titre-social span {

    height: 40px;
    width: 40px;
    line-height: 40px;

}