/*
Theme Name: Bru template
Template: Divi
Version: 1.0
Description: 
Author: Prezenz
Author URI: http://www.prezenz.com
*/

body {
    line-height: 1.4em;
}


/*------------------------------------------------------{Contact Form 7}------------------------------------------------------*/
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="url"],
.wpcf7 textarea
{
    background-color: #eee;
    border: 0 none;
    color: #666;
    font-size: 14px;
    padding: 16px;
    width: 100%;
}

span .wpcf7-not-valid {
    background-color: #fff1ee;
    border: 0 none;
}
span.wpcf7-not-valid-tip {
    display: none;
}
div.wpcf7-validation-errors {
    background: #ffe2e2;
    border: 0 none;
    color: #C10000;
}
 
div.wpcf7-response-output {
    margin: 2em 0;
    padding: 15px;
    border-radius: 5px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;	
}
div.wpcf7-validation-errors {
    display: none !important;
}

.wpcf7-spam-blocked {
     background: #e2e2e2;
     border: 1px solid #bcbcbc !important;
     color: #383838;
}
 
.wpcf7-mail-sent-ng {
     background: #fcf8e3;
     border: 1px solid #ac9163 !important;
     color: #8a6d3b;
}
 
.wpcf7-mail-sent-ok {
     background: #dff0d8;
     border: 1px solid #3c763d !important;
     font-size: 18px;
     color: #3c763d;
}
.wpcf7 input[type="submit"] { 
    background: #fff none repeat scroll 0 0;
    border: 2px solid #335ba6;
    border-radius: 4px;
    color: #335ba6;
    cursor: pointer;
    font-size: 1.2em;
    padding: 8px 20px;
}	

input[type="text"], input[type="password"], input[type="tel"], input[type="email"], input.text, input.title, textarea, select {
	padding:10px; 
}

input, textarea, select {
    background: #eee none repeat scroll 0 0;
    border: 0 none;
    font-size: 14px;
}

* {
    box-sizing: border-box;
    font-size: 1em;
}


/*------------------------------------------------------{HEADER}------------------------------------------------------*/

#logo {
    max-height: 100%;
	vertical-align: top;
}

#main-header {
    height: 144px;
    box-shadow: 0 0;
	padding: 20px 0;
}

.container.et_menu_container{
    height: 104px;
}

#top-menu {
    padding-top: 10px;
}

#top-menu li {
    padding-right: 12px;
}

.nav li ul {
    margin-top: -25px;
}

.logo_container {
	vertical-align: top;
	}
	

.description {
    display: inline-block;
    font-family: "Vollkorn",Georgia,"Times New Roman",serif;
    font-size: 1.1em;
    line-height: 1em;
    margin-top: 0;
    padding-left: 0.5em;
    width: 160px;
    font-style:italic;
}

.slogan-en {
    display: block;
    font-size: 0.8em;
    line-height: 1.1;
    padding-top: 0.6em;
    color: #ab8d7f;
}

#menu-item-161 {
	display:none !important;
}

/*------------------------------------------------------{CONTENT}------------------------------------------------------*/



a.smallblue {
    background: rgba(0, 0, 0, 0) url("/wp-content/uploads/2016/01/icon-more.png") no-repeat scroll 0 0 !important;
    border: 0 none !important;
    box-shadow: none !important;
    color: #2b63a8 !important;
    font-size: 1em !important;
    padding-left: 36px !important;
}

 a.bigblue {
    background: rgba(0, 0, 0, 0) url("/wp-content/uploads/2016/01/icon-morebig.png") no-repeat scroll 0 6px !important;
    border: 0 none !important;
    box-shadow: none !important;
    color: #2b63a8 !important;
    font-size: 1.3em !important;
    font-weight: bold;
    padding-left: 44px !important;
}

blockquote {
    border-left: 0 none;
    font-family: Vollkorn,serif;
    font-size: 1.3em;
    font-style: italic;
    line-height: 1.3;
    margin: 1em 0;
    padding: 0;
    width: 600px;
}

blockquote p {
    font-size: 0.9em;
}

.et_pb_blurb_container > h4 {
    font-family: "Lato",Helvetica,Arial,Lucida,sans-serif;
    font-size: 1em;
    font-weight: bold;
    padding-bottom: 5px;
    line-height: 1.3em;
}

.home-quote blockquote {
    font-family: Vollkorn,serif;
    font-size: 1.5em;
    font-style: italic;
    line-height: 1.3;
    margin: 0 auto;
    min-width: 300px;
    padding-left: 0;
    text-align: center;
    width: 85%;
    border-left: 0 none;
}

.header-content > h4 {
    font-family: "Lato",Arial,sans-serif;
    font-weight: 900;
    line-height: 1.5;
}

.et_pb_fullwidth_header .et_pb_fullwidth_header_container.left .header-content {
    margin-left: 2%;
	}

.et_pb_fullwidth_header {
    padding: 30px 0;
}

h1, h2, h3, h4, h5, h6 {
line-height:1.2;
}

h1 {
    font-size: 32px;
    /* padding-bottom: 40px; */
}

.header-content > h1 {
    padding-bottom: 10px;
}

.et_pb_text p:last-of-type {
    padding-bottom: 1em;
}

.image-border {
   border: solid 1px #ccc;
}

.et_pb_widget ul li {
    line-height: 1.2em;
    margin-bottom: 1em;
}

.entry-title {
    line-height: 1.3em;
}

.no-title-space h2.entry-title {
    margin-top: 0;
}

.et_pb_blog_grid .et_pb_post {
    border: 0 none;
}

#left-area ul, .entry-content ul, .comment-content ul, body.et-pb-preview #main-content .container ul {
/* line-height:auto; */
}

/*.et_pb_section {
padding: 0;
}
*/

#home-banner.et_pb_section {
    padding: 0;
}

/*-------------{Bug gouttières}-------------------*/

.et_pb_gutters3 .et_pb_column_1_4, .et_pb_gutters3.et_pb_row .et_pb_column_1_4 {
    width: 22%;
}

.et_pb_gutters3 .et_pb_column, .et_pb_gutters3.et_pb_row .et_pb_column {
    margin-right: 4%;
}


/*----------------------------------------{Banner home}----------------------------------------*/

/*
.et_pb_section_0 {
    background-image: url("http://www.fondation-bru.org/wp-content/uploads/2015/11/bg-header-home.gif");
    background-repeat: repeat;
    background-size: 2500px auto;
}
*/
.et_pb_fullwidth_image {
	margin-top: 40px;
}


.banner-home {
	padding-top: 0px;
    margin: 0 auto;
    /* max-width: 1200px; */
    width: 100%;
}

#banner-home-img {
	width:100%;
	max-width:1200px;
}

.banner-home-left {
    display: inline-block;
    float: left;
    width: 50%;
    background: #f15a24 none repeat scroll 0 0;
}

.banner-home-right {
    display: inline-block;
    width: 50%;
    background: #10adad none repeat scroll 0 0;
}


/*----------------------------------------{Box Projet}----------------------------------------*/

.orange {
    background: #f15a24 none repeat scroll 0 0;
    padding: 0 0 10px;
}

.vert {
    background: #12b2b2 none repeat scroll 0 0;
    padding: 0 0 10px;
}

.bleu {
    background: #005bab none repeat scroll 0 0;
    padding: 0 0 10px;
}

.box{
    background: #f4f4f4 none repeat scroll 0 0;
    padding:1em;
    display:block;
}

.et_pb_blurb_container {
    padding-left: 15px;
}

.et_pb_main_blurb_image {
    margin-bottom: 10px;
}

.padleft {
    padding-left: 10px;
}

/*------------------------------------------------------{FOOTER}------------------------------------------------------*/

#footer-widgets {
    padding: 3% 0 0;
}

#main-footer {
    border-top: 1px solid #9cc0de;
}

/*------------------------------------------------------{MOBILE}------------------------------------------------------*/

/* Responsive Styles 981px - 1100px */
@media all and (min-width: 981px) and (max-width: 1100px) {

}


/* Responsive Styles Tablet And Below */
@media all and (max-width: 980px) {

.et_pb_column.et_pb_column_4_4.et_pb_column_0 {
    margin-bottom: 0;
}

#menu-item-161 {
    display: table !important;
}
	
}


/* Responsive Styles Tablet Portrait And Below */
@media all and (max-width: 768px) {

	
}


/* Responsive Styles Tablet Only */
@media all and (min-width: 768px) and (max-width: 980px) {
	
}


/* Responsive Styles Smartphone Only */
@media all and (max-width: 767px) {
	
	/*.et_pb_fullwidth_code.et_pb_module{
	/*top:20px;
	}*/
	
}


/* Responsive Styles Smartphone Portrait */
@media all and (max-width: 479px) {
	
	.home-quote blockquote {
    width: 100%;
	min-width:100%;
}

.description {
    display: none;
}

}