/*--------------------------------------------------------
/* GERER LE STYLE DES FORMULAIRES DANS CONTACTFORM 7
--------------------------------------------------------*/


/*Gérer la div du formulaire*/
div.wpcf7 {
    padding: 0px;
    height: 100%;
    width: 100%;
    background-color: #fff;
    display: inline-block;
}


/*Gérer les champs du formulaire*/
.wpcf7-form input[type="text"], .wpcf7-form input[type="password"], .wpcf7-form input[type="tel"], .wpcf7-form input[type="email"], .wpcf7-form input[type="url"], .wpcf7-form input[type="number"], .wpcf7-form input[type="date"], .wpcf7-form textarea, .wpcf7-form select {
    background: none repeat scroll 0% 0% #FFF;
    padding: 18px;
    outline: medium none;
    font-family: "Open Sans",sans-serif;
    font-size: 14px;
    color: #777;
    border: 1px solid #EEE;
    width: 100%;
}

div.wpcf7 div span.wpcf7-form-control-wrap input {
    width: 100%;
    margin-bottom: -12px;
}


/*Modifier la taille du champs Votre message*/


/*Gérer les messages de champs requis*/
span.wpcf7-not-valid-tip {
    color: #B58C6D;
    font-size: 1em;
    display: block;
    padding-top: 18px;
}


/*Gérer le bouton d'envoi*/
input.wpcf7-form-control.wpcf7-submit {
    background-color: #B58C6D;
    border-width: 1px;
    border-style: solid;
    border-image: none;
    color: #FFF;
    padding: 18px;
    width: 100%;
}


/*Gérer les messages d'erreur de validation*/

div.wpcf7-validation-errors {
    background-color: #6A4427;
    border-color: #9C9C9C !important;
    border: 1px solid #F7E700;
    color: #fff;
    text-align: center;
}


div.wpcf7-response-output {
    margin: 0em 0em 1em;
    padding: 1.2em 1em;
    width: 100%;
}

div.wpcf7 div.wpcf7-response-output.wpcf7-mail-sent-ok {
    background-color: #B58C6D;
    border-color: #9C9C9C !important;
    border-width: 1px;
    border-style: solid;
    border-image: none;
    color: #FFF;
    text-align: center;
}


/*Gérer la taille du champs message*/
.wpcf7-form textarea {
    height: 141px;
}


/* ==== Modifier la couleur des h1 dans les boîtes de services sur la home par exemple*/
.services-section.box-section h1 {
    color: #FFF !important;
    font-weight: 300;
}

/* ==== Créer une classe de texte plus forte */

span.paiement {
    font-family: "Roboto",sans-serif;
    font-size: 17px;
    font-weight: bold;
    color: #B68C6B;
    background-color: rgba(183, 140, 106, 0.1);
    padding: 0px 4px 2px 4px;
}


/* ==== Modifier le style des lien dans les textes */
.float-image-section .float-box a {
    color: #B58C6D;
    font-family: "Roboto",sans-serif;
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
    padding: 0px 0px;
    background-color: #ffffff !important;
}

.float-image-section .float-box a:hover {
    text-decoration: underline;
    color: #77441D;
}


/* ==== Gérer les paragraphe du widget */
.sidebar-section p, .sidebar-section {
    margin: 0px 0px 7px;
    color: #797979;
    font-size: 13px;
}

/* ==== Gérer les icones du widget */
div#text-2.sidebar-section i, .sidebar-section {
    color: #B58C6D;
}


/* ==== Gérer les lettrines de numérotation */
span.numerotation {
    font-family: "Roboto",sans-serif;
    font-size: 48px;
    color: #C9C9C9;
    float: left;
    margin-top: 11px;
    margin-right: 6px;
}


code {
    font-size: 85%;
    color: #606060;
    background-color: #DDC7B8;
}


/* ==== Gérer les h4 des accordéons*/
h4 {
    margin-top: 0px;
}


/* ==== Gérer les li des tableaux de prix*/
.pricing-section ul.pricing-table li {
    padding: 15px 1px;
}

/* ==== Gérer les titre1 des li des tableaux de prix*/
.pricing-section ul.pricing-table li.title {
    font-size: 15px;
    padding: 15px 3px;
}

.pricing-section ul.pricing-table li.cta-button {
    display: none;
}


.pricing-section ul.pricing-table li:first-child span {
    font-size: 14px;
}


/* ==== Gérer les titres des news*/
.single-post-container h1 {
    font-size: 30px;
}


.single-post-container h2 {
    font-size: 26px;
    font-weight: 300 !important;
}



/* ==== Gérer la couleurs des titres des accordéons*/
.accord-title {
    color: #fff !important;
    padding: 20px 23px;
}

.accord-content {
    padding: 15px 20px 15px;
    border: 1px solid #919191;
}




/* ==== Gérer la taille des titres de la team*/
.team-post .right-part h3 {
    font-size: 19px;
}


/* ==== Descendre le margin de l'image*/
.float-image-section .float-box img {
    margin-top: 24px;
}

/* ==== Modifier la couleur du h1 dans la box */
.box-section h1 {
    color: #77441D !important;
}


/* ==== Modifier la couleur de la barre transparente du spider */
p.flex-caption {
    background: none repeat scroll 0% 0% rgba(183, 140, 106, 0.6);
}


/* ==== Faire disparaitre la barre des widgets du footer */
footer .up-footer {
    display: none;
}


/* ==== Modifier la couleur du survol pour le menu */
header .main-menu > li > a.active, header .main-menu > li a:hover {
    background: none repeat scroll 0% 0% rgba(140, 95, 60, 1);
    border-left: 2px solid rgba(140, 95, 60, 1);
}


/* ==== Modifier la couleur des icônes de réseaux sociaux */
.team-post .left-part ul.social-team li a.google-plus {
    background: none repeat scroll 0% 0% #b58c6d;
}

.team-post .left-part ul.social-team li a.dribbble {
    background: none repeat scroll 0% 0% #6a4427;
}

.team-post .left-part ul.social-team li a.twitter {
    background: none repeat scroll 0% 0% #b58c6d;
}


.team-post .left-part ul.social-team li a.facebook {
    background: none repeat scroll 0% 0% #6a4427;
}


/* ==== Modifier la couleur du bouton droit du carrousel clients */
.carshort .bx-wrapper .bx-controls-direction a.bx-next {
    background: none repeat scroll 0% 0% rgba(140, 95, 60, 0.8);
}

.carshort .bx-wrapper .bx-controls-direction a.bx-next:hover {
    background: none repeat scroll 0% 0% #6A4427;
}

/* ==== Modifier la couleur du bouton gauche du carrousel clients */
.carshort .bx-wrapper .bx-controls-direction a.bx-prev {
    background: none repeat scroll 0% 0% rgba(140, 95, 60, 0.8);
}

.carshort .bx-wrapper .bx-controls-direction a.bx-prev:hover {
    background: none repeat scroll 0% 0% #6A4427;
}


/* ==== Modifier la couleur du cartouche d'image du carrousel clients */
ul.clients li a {
    background: none repeat scroll 0% 0% #d6bba6;
}

/* ==== Modifier la couleur des bordures hautes du tableau */
table th {
    border-color: #6A4427 #6A4427 -moz-use-text-color;

}


/* ==== Modifier les couleurs des messages du formulaire */
.label-success {
    background-color: #b58c6d;
}

.label-error {
    background-color: #6A4427;
}

label.error {
    color: #B58C6D;
}

/* ==== Suprimer la div de commentaire */
.comment-form {display: none;
}

/* ==== Modifier la couleur du cartouche du message d'erreur 404 */
.notfound_text a {
    background: none repeat scroll 0% 0% #B68C6B;
}

/* ==== Modifier le cadre de la barre de recherche */

.search-widget input[type="search"] {
    border: 1px solid #B58C6D;
}

.search-widget input[type="search"]:focus {
    border: 1px solid #633815;
}


/* ==== Créer une classe de lettrine */

span.lettrine {
    font-family: "Roboto",sans-serif;
    font-size: 48px;
    color: #B68C6B;
    float: left;
    margin-top: 11px;
    margin-right: 6px;
}


/* ==== Modifier la couleur de lien des widgets */
.sidebar-section a {
    color: #444;
}

/* ==== Modifier la couleur des h1 */
.box-section h1 {
    color: #000;
}


/* ==== Modifier les préférences de la page d'erreur */

.notfound {
    background: url('https://egim.fr/wp-content/uploads/2016/04/404.png') no-repeat top center;
}

.lost {
    background: url('https://egim.fr/wp-content/uploads/2016/04/404_text.png') no-repeat top center;
}


.error404.logged-in .blog-section {
    background-color: rgb(255, 255, 255);
    margin-bottom: 20px;
}

.error404.logged-in .box-section img {
    display: none;
}


.banner {
    margin-bottom: 0px;
    background-color: #000;
    background: url('https://egim.fr/wp-content/uploads/2014/10/img-Title-Breadcrumb-Block-Background-Image1.jpg') no-repeat top center;
}