/*
Theme Name: Zen Cow
Description: Thème de Zen Cow, évaluation du stress thermique des bovins
Author: Delphine LEVACHER DL Créa
Author URI: https://www.dlcrea.com
Template: Divi
Version: 1.1

/* CENTRER DU CONTENU VERTICALEMENT*/
.dc-centrer-verticalement {
	display: flex;
	flex-direction: column;
	justify-content: center;
  	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	 -moz-box-orient: vertical;
	 -moz-box-direction: normal;
	  -ms-flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
}

/* INVERSER LE SENS DES COLONNES SUR MOBILE */
@media only screen and (max-width : 980px) {
	.dc-inverser-colonnes--section .dc-inverser-colonnes--ligne {
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-webkit-flex-direction: column-reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
	}
}

/*MENU MOBILE : en pleine largeur et le hamburger devient une croix pour fermer*/
.et_mobile_menu {
	margin-left: -30px;
	padding: 5%;
	width: calc( 100% + 60px);
}
.mobile_nav.opened .mobile_menu_bar:before {
	content: "\4d";
}

/* AUGMENTER LA LARGEUR CHAMP RÉSULTAT CAPTCHA*/
.et_pb_contact_right p input {
	max-width: 50px;
}

/*METTRE EXPOSANTS ET INDICES À LA BONNE TAILLE*/
sup, sub {
    font-size: 70%;
}

.indice {
    font-size:13px;
    float:right;
    margin:0!important;
    
}
.couleur {
    width:12px;
    padding:0!important;
    margin:10px 0!important;
}
.entry-content tr td {
  border-top: 3px solid #fff!important;
  padding: 0px 20px!important;
}
.entry-content table:not(.variations) {
    width:auto!important;
}
.contact > .et_pb_text_inner > p > img {
    margin-bottom:-7px!important;
}
.contact > .et_pb_text_inner > p  {
    margin-bottom:1px!important;
}
#formulaire {
    margin-top:-500px!important;
}
.et_pb_contact p input, .et_pb_contact p textarea {
  -webkit-appearance: none;
  background-color: #c7dbe0!important;
  width: 100%;
  border-width: 0;
  color: #222;
  font-size: 15px;
  padding: 10px;
    border-radius:10px;
}
.et_pb_contact_field textarea.et_pb_contact_message {
  min-height: 110px!important;
}
.dsm_faq_0_tb_footer .dsm-faq-container .dsm-faq-item-wrapper .dsm-title-inner-wrapper,
.dsm-faq-container .dsm-faq-item-wrapper .dsm-title-wrapper,
.dsm_faq_0_tb_footer .dsm-faq-container .dsm-faq-item-wrapper .dsm-faq-item-inner-wrapper{
    display:block!important;
}
.dsm_faq_0_tb_footer .dsm-faq-item-wrapper .dsm_close_icon,
.dsm_faq_0_tb_footer .dsm-faq-item-wrapper .dsm_open_icon{
    text-align:center;
}
#mentions h3 {
    font-size:17px!important;
    margin-top:18px;
}
#mentions h4 {
    font-size:15px!important;
}
#mentions p {
    line-height:1.4em;
}
#entete {
    padding-top:5vw;
    padding-bottom:5vw;
}
    @media only screen and (max-height : 1059px) {
        #entete {
            padding-top:3vw;
            padding-bottom:3vw;
        }
    }
    @media only screen and (max-height : 1020px) {
        #entete {
            padding-top:2vw;
            padding-bottom:2vw;
        }
        #entete img {
            max-width:450px;
        }
        #entete h1,
        #stressthermique h1,
        #zencow h1,
        #interets h1 {
            font-size: 40px;
        }
        #capteur h1,
        #application h1 {
            font-size: 24px;
        }
    }
 @media only screen and (max-height : 888px) {
      #rubriques h3 {
            font-size: 24px;
        }
}
 @media only screen and (max-width : 1240px) {
     #rubriques .et_pb_column_1,
     #rubriques .et_pb_column_2,
     #rubriques .et_pb_column_3 {
          padding-top: 10px!important;
          padding-right: 20px!important;
          padding-bottom: 30px!important;
          padding-left: 20px!important;
    }
     #entete img {
            max-width:420px;
        }
        #entete h1,
        #stressthermique h1,
        #zencow h1,
        #interets h1 {
            font-size: 36px;
        }
}
@media only screen and (max-width : 980px) {

     #entete img {
            max-width:380px;
        }
        #entete h1,
        #stressthermique h1,
        #zencow h1,
        #interets h1 {
            font-size: 26px;
        }
     #capteur h1,
        #application h1 {
            font-size: 22px;
        }
    #formulaire {
    margin-top:0!important;
}
}
@media only screen and (max-width : 480px) {
    #entete img {
            max-width:340px;
        }
}
@media only screen and (max-width : 420px) {
    #entete img {
            max-width:300px;
        }
}
.et-pb-contact-message {
    color:#ffffff!important;
}
.contactheader,
.contactheader li{
    list-style-type: none!important;
   float:left;
    margin:0 10px;
    
    
}
.et-l--header ul {
    padding:0 0 5px 1em!important;
}
@media only screen and (max-width : 1000px) {
.contactheader,
.et-l--header ul{
    display:inline-block;
    margin:5px auto 0 auto!important;
    text-align:center!important;
    float:none!important;
    line-height:30px;
}
    .contactheader li{
        text-align:center!important;
    }
}
.dsm_faq_0 .dsm-faq-container .dsm-faq-item-wrapper .dsm-title-inner-wrapper, .dsm_faq_0 .dsm-faq-container .dsm-faq-item-wrapper .dsm-faq-item-inner-wrapper {
  display: block!important;
  align-items: center;
}
.dsm-faq-container .dsm-faq-item-wrapper .dsm-title-wrapper {
  cursor: pointer;
  text-align: center!important;
}