/*
Theme Name: Theme Communauté de communes de la vallée de la Doller et du Soultzbach
Description: Theme enfant de Divi par Luence
Author: Arnaud - Luence
Author URI: http://www.luence.fr
Template: Divi
Version: 1.0
*/


/**en tete**/

.icon_top{
    float: left;
width: 20px;
height: auto;
padding-bottom: 10px;
}
.icon_top{
display:none;
}
#et-secondary-menu{
    float: right;
    font-size: 20px;
padding-top: 3px;
}
.adress_top{
    font-size: 20px;
    margin-left: 100px;
padding-top: 3px;

}
@media only screen and (max-width: 1120px){
    .adress_top{
        font-size: 15px;
        margin-left: 50px;
    }
}
@media only screen and (max-width: 700px){
    .adress_top{
        font-size: 10px;
        margin-left: 50px;
    }
}
#main-header{
    //background: #d3eda4;
}

#et-top-navigation{
    padding-left: 0;
}

.ligne_logo{
    overflow: auto;
    //background-image:linear-gradient(#b3ccff, white);

}
.title_and_description{
    overflow: auto;
    text-align: left;
    width: 65%;
    height: auto;
}

.searchwidget{
    margin-top: 30px;
    width: 15%;
    min-width: 150px;

    float: right;
}
.recherche {
        max-width: 100%;
        /* Définition de bordure grise supérieure */
	border-top: solid 2px rgb(135,135,135);

	/* Ajout du logo en forme de loupe */
	background-image: url("lens.png");
	background-repeat:no-repeat;
        background-position: right;

	/* Marge à gauche pour ne pas écrire sur la loupe */
	padding-left: 20px;

	/* Le bloc qui suit défini les bords arrondis */
	/* Attention, IE n'est pas compatible */
	border-radius: 10px;			/* instruction standard */
	-moz-border-radius: 10px;		/* spécifique Mozilla */
	-webkit-border-radius: 10px;		/* spécifique WebKit (Safari, Chrome etc.) */
	-opera-border-radius: 10px;		/* spécifique Opera */
}

.recherche:focus {
    background-image: none;
}

h1#site-title{
    font-size: 50px;
    padding-top: 1%;
    color: #462a46;

}

#site-description{
margin-top: 40px;
    font-size: 30px;
    color: #462a46;
    line-height: 45px;

}

.le_logo{
margin-top:10px;
    float: left;
    width:20%;
    padding-left: 1%;
}

.logo_opinion{
    float:right;
    width:10%;
    padding-top: 50px;
}

.clear{
    clear: both;
}

.et-fixed-header h1#site-title{
    font-size: 20px;
    padding-left: 20%;
}

.et-fixed-header #site-description{
    font-size: 15px;
    line-height: 35px;
    padding-left: 20%;
}

.et-fixed-header .le_logo{
    width: 7%;
}

#et-top-navigation{
    padding-left: 0 !important;
}

#top-menu-nav .sub-menu {
    color: white;
}
@media only screen and (max-width: 980px){

    .title_and_description{
        width: 70%;
    }

    .le_logo{
        float: left;
        width:20%;
    }

    h1#site-title{
        font-size: 40px;
    }

    #site-description{
        font-size: 30px;
        line-height: 35px;
    }
}

@media only screen and ( max-width: 767px ){

    .title_and_description{
        width: 100%;
    }

    .le_logo{
        float: left;
        width:25%;
    }

    h1#site-title{
        font-size: 30px;
    }

    #site-description{
        font-size: 20px;
        line-height: 35px;
    }
}

.et_header_style_centered #logo, .et_header_style_centered #et-top-navigation, .et_header_style_centered nav#top-menu-nav, .et_header_style_centered #top-menu{
    margin-top: 10px;
}

/**page accueil**/
#post-4 .et_pb_section_0, #post-4 .et_pb_section_0 .et_pb_row_0{
    padding-top: 0;
}

#post-4 .et_pb_section_2 {
    padding-bottom: 0;
}

#post-4 .et_pb_section_3 {
    padding-top: 0;
}

#post-4 .et_pb_section_1{
    padding-top: 0;
    padding-bottom: 0;
}

/**Ajout effet zoom sur actualités**/
.et_pb_blog_grid_wrapper .entry-featured-image-url{
    overflow: hidden;
}
.et_pb_blog_grid_wrapper{
    overflow:hidden;
    margin:0;
}

.et_pb_blog_grid_wrapper img{
-webkit-transition:all 0.35s ease;
	-moz-transition:all 0.35s ease;
	-o-transition:all 0.35s ease;
	transition:all 0.35s ease;
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	-o-transform:scale(1);
	transform:scale(1);
}

.et_pb_blog_grid_wrapper img:hover:before{
    -webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	-o-transform:scale(1);
	transform:scale(1);
	visibility:visible;
	opacity:1;
}
.et_pb_blog_grid_wrapper img:hover{
    -webkit-transform:scale(1.15);
    -moz-transform:scale(1.15);
    -ms-transform:scale(1.15);
    -o-transform:scale(1.15);
    transform:scale(1.15);
}


/**banners**/
.banner-wrap { margin-bottom:0px; }
.banner-wrap .banner-content-holder {
	padding:30px 35px;
	background: #4f7c13;
}
.banner-wrap .banner-content-holder h5 {
	text-transform:uppercase;
	color:#fff;
	font:bold 24px/24px 'Istok Web', sans-serif;
	margin-bottom:18px;
}
.banner-wrap .banner-content-holder p {
	color:white;
	font:13px/21px 'Istok Web', sans-serif;
	margin:0;
}
.banner-wrap .banner-content-holder .btn { margin-top:15px; }
.banner-wrap .featured-thumbnail {
	overflow:hidden;
	margin:0;
}
.banner-wrap .featured-thumbnail a {
	float:none;
	border:none;
}
.banner-wrap .featured-thumbnail img {
	-webkit-transition:all 0.35s ease;
	-moz-transition:all 0.35s ease;
	-o-transition:all 0.35s ease;
	transition:all 0.35s ease;
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	-o-transform:scale(1);
	transform:scale(1);
}
/**Ajout cadre dans zoom**/
.banner-wrap >a .featured-thumbnail { position:relative; }
.banner-wrap >a .featured-thumbnail:before {
	-webkit-transition:all 0.35s ease;
	-moz-transition:all 0.35s ease;
	-o-transition:all 0.35s ease;
	transition:all 0.35s ease;
	-webkit-transform:scale(.35);
	-moz-transform:scale(.35);
	-ms-transform:scale(.35);
	-o-transform:scale(.35);
	transform:scale(.35);
	visibility:hidden;
	opacity:0;
	content:'';
	position:absolute;
	top:10px;
	left:10px;
	bottom:10px;
	right:10px;
	border:solid 2px #39464f;
	z-index:5;
}
.banner-wrap >a .featured-thumbnail img {
	-webkit-transition:all 0.35s ease;
	-moz-transition:all 0.35s ease;
	-o-transition:all 0.35s ease;
	transition:all 0.35s ease;
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	-o-transform:scale(1);
	transform:scale(1);
}
.banner-wrap >a .featured-thumbnail:hover:before {
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	-o-transform:scale(1);
	transform:scale(1);
	visibility:visible;
	opacity:1;
}
.banner-wrap >a .featured-thumbnail:hover img {
	-webkit-transform:scale(1.15);
	-moz-transform:scale(1.15);
	-ms-transform:scale(1.15);
	-o-transform:scale(1.15);
	transform:scale(1.15);
}

.banners_li {
	float:left;
	margin:0 3px 3px 0;
}
.banners_img {
	width:125px;
	height:auto;
}
.banner-content-holder{
        height: 200px;
}

@media screen and (max-width: 1200px){
    #post-4 .col_header .et_pb_column{
        width: 100%;
    }
    #post-4 .col_header{
        padding-top: 0;
        padding-bottom: 0;
    }
    .banner-wrap{
        width:624px !important;
        margin:0 auto;
        float:none;
        height:213px;
        margin-bottom:10px;
        display: block;
    }
    .banner-wrap >a .featured-thumbnail{
        width: 300px;
    }
    .banner-wrap >a .featured-thumbnail img{
        float: left;
        height: 213px;
        width: 300px;
    }
    .banner-wrap .banner-content-holder{
        float:right;
        height:213px;
        width:324px;
        padding:20px;
    }
}

@media screen and (max-width: 780px){
    .banner-wrap{
        width: 100% !important;
        height: 170px;
    }
    .banner-wrap >a .featured-thumbnail{
        display: none;
    }
    .banner-wrap .banner-content-holder{
        width: 100%;
        height: 160px;
    }
}

/**
.banner-content-holder .lire-la-suite{
    color: white;
    font-weight: bold;
    display: block;
    position: absolute;
    bottom: 280px;
}

.banner-wrap:hover .lire-la-suite{
    color: #462a46;
}
**/
/** Bande villes**/
#villes h2{
    //color: #44ac4b;
    font-size: 2.2em;
    font-weight: bold;
}

#villes {
    font-size: 1.5em;
    font-weight: bold;
}

#villes a{
    color: #666;
}

/**footer**/
#footer-info{
    display: none;
}

#footer-bottom{
font-size: 0.8em;
}

/**widget bar**/

.et_pb_widget_area_left{
    padding-right: 0;
}

.textwidget{
    width: 100%;
    text-align: center;
}

#category-posts-2 .cat-post-item{
    border: none !important;
}

#category-posts-2 h4{
    text-align: center;
}

#category-posts-2 ul{
    margin: 0 10px;
}

#sidebar{
    background-color: #d64c4c;

}

.et_right_sidebar #sidebar{
    padding-left: 0;
    padding-top: 40px;
}

.picto_widget img{
    width: 50%;
}

#category-posts-2 .cat-post-title,#category-posts-2 .cat-post-thumbnail
{
    display: block;
    width: 100%;
}
#category-posts-2 .cat-post-thumbnail{
    text-align: center;
    float: none;
}
#category-posts-2 .cat-post-thumbnail img{
    float: none;
}

/** Masquage de auteur et date**/
.post-meta{
    display: none;
}

#main-content .container:before{
background-color: white;
}

.cookie-notice-container{
min-height: 175px;
padding-top: 50px;
}

.cn-button.bootstrap.button_cookienotice{
background-color: #ee4c4c;
 background-image:-moz-linear-gradient(top,#ee4c4c,#d64c4c);
 background-image:-webkit-gradient(linear,0 0,0 100%,from(#ee4c4c),to(#d64c4c));
 background-image:-webkit-linear-gradient(top,#ee4c4c,#d64c4c);
 background-image:-o-linear-gradient(top,#ee4c4c,#d64c4c);
background-image: linear-gradient(to bottom,#ee4c4c,#d64c4c)
}

.wp-color-result span{
    height: 0!important;

}