/*
Theme Name:     steep-plastique
Description:    
Author:         steeppla
Template:       Divi

(optional values you can add: Theme URI, Author URI, Version, License, License URI, Tags, Text Domain)
*/


/****HEADER*******/

.logo_container{float:left!important;position:relative!important;}
.et_header_style_centered #logo{padding-top:30px!important;padding-bottom:30px!important;}

.slogan{float:right;text-align:left;padding-top:35px;}

.slogan h1{font-weight:bold;font-size:36px;color:#ca0701;letter-spacing:-2px;}

.slogan h2{font-weight:bold;font-size:24px;color:#3f3d3d;letter-spacing:-2px;}

.langues{position:absolute;top:10px;right:0;}

#main-header{box-shadow:none;}

/*****TOP MENU*********/

.et_header_style_centered #main-header div#et-top-navigation{background:#d5d6d7!important;}

.et_header_style_centered #top-menu > li > a{padding-top:15px;padding-bottom:5px;}

#top-menu .menu-item-has-children > a:first-child::after{top:15px;}
#et-top-navigation,#top-header .container{font-weight:500;}

#top-menu > li{padding-right:20px;padding-left:20px;border-top:4px solid #d5d6d7;}

#top-menu > li:hover,#top-menu > li.current-menu-item{border-top:4px solid #e90000;}
#main-header .nav li ul a:hover{background:#e90000;}


/***********Search form header****/

#search-form{float:left;padding-left:25px;margin-left:30px;position:relative;}

#search-form form.et-search-form.et-hidden{display:block!important;}
#search-form .et-search-form{position:relative;background:none;top:0;border:0;box-shadow:none;padding-top:0;padding-bottom:0;margin-bottom:10px;padding-right:0;}
#search-form .et-search-form input{padding-left:20px;width:180px!important;padding-top:5px;padding-bottom:5px;background:#ffffff;position:relative;font-size:12px;}
#search-form #et_search_icon{}
#search-form #et_search_icon:before{top:5px!important;right:10px!important;text-align:right;color:#7a7a7a;position:absolute;}

#et_search_icon:before{content:none;color:red!important;}







/**GENERAL*****/

h1{font-size:40px;font-weight:bold;}

h2{font-size:32px;padding-bottom:30px;font-weight:600;}
h3{font-size:26px;font-weight:600;}
h4{font-weight:600;}

a:hover{color:#3f3d3d;}
strong{color:#3f3d3d;}

button.et_pb_contact_submit{color:#ffffff!important;font-size:14px;}
button:hover.et_pb_contact_submit{color:#ffffff!important;}
button.et_pb_contact_submit.et_pb_button{padding:8px 20px!important;}

button:hover.et_pb_contact_submit.et_pb_button{padding:8px 20px!important;}

body{font-weight:normal;}

#main-content ul{margin-top:20px;margin-left:20px;}



.et_pb_text ul li{padding-left:20px;list-style:none;background:url("http://steep-plastique.com/wp-content/uploads/2015/12/puce.png")no-repeat 0 10px;}

/***ACCUEIL*********/

.et_pb_slider .et_pb_slide{height:360px;}

.et_pb_slide_description .et_pb_slide_title{font-weight:600;}
.et_pb_slide_with_image .et_pb_slide_description{padding-top:12%;}
.et_pb_media_alignment_center .et_pb_slide_image{top:45%;}



.engagement .et_pb_promo_description p{font-weight:normal;color:#808080;font-size:21px;line-height:1.7em;}

.engagement  a.et_pb_promo_button.et_pb_button{color:#ffffff!important;font-size:14px;padding:8px 20px!important;}

.engagement  a:hover.et_pb_promo_button.et_pb_button{padding:8px 20px!important;}



/***Services****/

.services img{/*max-height:120px;*/}

.services a{text-transform:uppercase; color:#ffffff;font-weigth:bold;}
.services a:hover{color:#e90000;}
.services .et_pb_blurb h4 a{font-weight:600px;text-transform:none;}
.services .et_pb_blurb h4 {padding-bottom:20px;}


.contact-accueil{background:#ffffff;padding:30px 25px;font-size:16px;line-height:1.5em;}
.contact-accueil a{text-transform:none; color:#e90000;}

.contact-accueil a:hover{color:#3f3d3d;}
.contact-accueil h4{font-size:21px;padding-bottom:20px;}


.et_pb_gallery_grid .et_pb_gallery_item h3, .et_pb_portfolio_grid .et_pb_portfolio_item h2, .et_pb_filterable_portfolio_grid .et_pb_portfolio_item h2{font-size:14px;font-weight:normal;}



/***Certificats***/

/*.certificats .et_pb_gallery_item.et_pb_grid_item{width:29%;}
.certificats .et_pb_gallery_item.et_pb_grid_item:last-child{margin-right:0;}*/



/****PAGES INTERIEURES****/

.et_pb_fullwidth_section .titres-pages{padding:30px;}
.et_pb_fullwidth_header .et_pb_fullwidth_header_container{width:100%;}

/***PAGE CONTACT****/

.bloc-page-contact{padding:30px 25px;background:#3f3d3d;font-size:18px;line-height:1.5em;font-weight:normal;}
.bloc-page-contact strong{color:#ffffff;}
.bloc-page-contact a{}
.bloc-page-contact a:hover{color:#ffffff;}


.et_pb_map{height:320px;}

#sidebar ul {margin-left:0;}

#sidebar h4{background:url("http://steep-plastique.com/wp-content/uploads/2015/12/fond-titre.jpg" ) no-repeat 0 23px;}



/***BLOG*****/

body.blog #left-area img{display:none;}

#left-area .post-meta a{color:#e90000;}
#left-area .post-meta a:hover{color:#3f3d3d;}
#left-area h1{font-weight:600;}

/*********FOOTER*********/


.footer-widget h4{text-transform:uppercase;background:url("http://steep-plastique.com/wp-content/uploads/2015/12/fond-titre.jpg" ) no-repeat 0 23px;padding-bottom:25px;font-weight:normal;}
.footer-widget ul ul{display:none;}

#footer-widgets .footer-widget li a:hover{color:#e90000;}


.bottom-nav{text-align:center;float:none;}
.bottom-nav a{font-weight:400;}


#footer-info,#footer-info a,#footer-info-right a{color:#828487;font-weight:400;}
#footer-info-right{float:right;color:#828487;}
#footer-info-right a:hover,.bottom-nav a:hover{color:#ffffff!important;opacity:1!important;}

.footer-widget strong{color:#d5d6d7;}


/***Search***/

#footer-widgets .widget_search #s{border-radius:0;background:url("http://steep-plastique.com/wp-content/uploads/2015/12/loupe.png")no-repeat 200px 10px #ffffff;width:225px;border:0;}

#footer-widgets .widget_search #searchsubmit{color:#ffffff;padding-right;150px!important;display:none;}







/*****RESPONSIVE*******/




@media only screen and ( min-width: 1405px ) {


}

@media only screen and ( min-width: 981px ) {

}


@media only screen and ( min-width: 1200px ) {



}

@media only screen and ( min-width: 1100px ) {


}


/*-------------------[1080px]------------------*/
@media only screen and ( min-width: 1100px ) and ( max-width: 1405px) {


}


/*-------------------[1024px]------------------*/
@media only screen and ( min-width: 981px ) and ( max-width: 1405px) {

#logo{max-width:180px;!important;}

/*#et-top-navigation{padding-left:280px!important;}*/

}

@media only screen and ( min-width: 981px ) {


}




/*-------------------[960px]------------------*/
@media only screen and ( min-width: 981px ) and ( max-width: 1100px ) {

#et-top-navigation{padding-left:0!important;}

}


/*-------------------[768px]------------------*/
@media only screen and ( max-width: 980px ) {

.et_header_style_centered #logo{max-height:80px!important;}


}

@media only screen and ( min-width: 768px ) and ( max-width: 980px ) {

.et_header_style_centered #logo{max-height:none!important;padding-top:10px!important;}

}


@media screen and ( max-width: 782px ) {



}

/*-------------------[480px]------------------*/
@media only screen and ( max-width: 767px ) {

.et_header_style_centered #logo{max-height:150px;padding:0px!important;float:none;}
.langues{top:-5px;}
.slogan{display:none;}


#footer-info,.info-right{float:none;text-align:center;margin-right:0;margin-left:0;}

}


/*-------------------[320px]------------------*/
@media only screen and ( max-width: 479px ) {


.slogan{padding:10px;text-align:center;float:none;}




#footer-info,#footer-info-right{float:none;text-align:center;margin-right:0;margin-left:0;}



}
