//<style>

a {text-decoration: none; color: inherit;}
a {text-decoration: none; color: inherit;}
a:hover {text-decoration: none; color: inherit;}
a:visited {text-decoration: none; color: inherit;}
b {font-size:18px;}
h1 {font-weight: normal; margin:0px; padding:0px; line-height:0px;}
h2 {font-weight: normal; margin:0px; padding:0px; line-height:0px;}
.clear {clear: both;}
.left {float: left;}
.right {float: right;}
.inline {display:inline-block;}
.none {display: none;}
.nowrap {white-space: nowrap;}

body {font-family : Arial;margin: 0;padding: 0; background-color:#C0C0C0;}

.div-generale { width: 940px;padding-left:10px;padding-right:10px;margin:0 auto;background-color:#FFF;}

#header 
{
    margin:0 auto;
    width:100%;
    padding-bottom: 14px;
}
#header-logo
{
    padding-bottom: 20px;
    width: 94%;
    margin:0 auto;
}
#header-logo .logo
{
    width:85%;
    float:left;
}
#header-logo .mon-compte
{
    width:15%;
    float:left;
    text-align:center;
    padding-top: 35px;
}
#header-logo .mon-compte img
{
    width:30px;
}
#header-logo .texte-mon-compte
{
    font-weight:bold;
    font-size:18px;
    color: #a1c434;
}
#header-beandeau
{
    width:100%;
}
#header-beandeau img
{
    width:100%;
}
#header-contact
{
    width:100%;
    text-align:right;
    color:#6f6f71;
    font-size:14px;
    border-bottom:1px solid #a5a7a8;
    padding-bottom:5px;
    padding-top:10px;
    margin-bottom:10px;
}
#header-contact .contact-texte
{
    margin-right:8px;
}
.lien-telephone
{
    text-decoration: none;
    color:#e5312c;
    font-weight:bold;
    font-size:18px;
    margin-left:5px;
    margin-right:5px;
}
.lien-mail
{
    text-decoration: none;
    color:#6f6f71;
    font-size:14px;
    margin-left:5px;
    margin-right:5px;
}

.rubrique
{
    width:94%;
    margin:0 auto;
    margin-bottom:40px;
}
.rubrique-fond
{
    width:93%;
    padding-left:30px;
    padding-right:30px;
    padding-top:20px;
    padding-bottom:20px;
    background-color:#f6f6f6;
    margin: 0 auto 50px;
}
.rubrique-fond .demi-rubrique
{
    width:47%;
}
.rubrique .titre-rubrique 
{
    width:100%;
    font-family:Myriad Pro, Arial;
    line-height:45px;
    margin-bottom:51px;
}
.rubrique .titre-rubrique .titre h1 {color: #e5312c;font-size: 50px;line-height: 50px;width: 100%;}
.rubrique .titre-rubrique .titre h2 {color: #e5312c;font-size: 50px;line-height: 50px;width: 100%;}
.rubrique-fond .rubrique .titre-rubrique .titre h2
{
    width:100%;
    font-size:30px;
    color:#a0c332;
    line-height: 24px;
}
.rubrique-fond .rubrique
{
    margin-bottom:0px;
}
#titre-vert
{
    margin-bottom:15px;
}
.rubrique .titre-rubrique  .sous-titre
{
    width:100%;
    font-size:30px;
    line-height: 30px;
    color:#6f6f71;
}
.rubrique .texte-rubrique
{
    width:100%;
    font-size:18px;
    color:#3e3e40;
    line-height: 25px;
}
.demi-rubrique
{
    float:left;
    width:47%;
    margin-right:18px;
}
.sous-rubrique
{
    color: #3e3e40;
    font-size: 16px;
    margin-bottom: 30px;
    width:100%;
}
.sous-rubrique ul li
{
    padding-bottom: 15px;
}
.sous-rubrique .equipe.inline 
{
    text-align:center;
    width:96px;
    padding-right:19px;
    padding-left:19px;
    padding-top:20px;
}
#realiser-diagnostic
{
    font-size:40px;
    color: #000;
    font-style: italic;
    text-align: center;
    padding-top:45px;
}
#img-ordi
{
    text-align:center;
}
.diagnostic
{
    padding-top:20px;
    width:100%;
}
.img-diagnostic
{
    padding-right:8px;
    padding-top:6px;
}
.paragraphe-diagnostic
{
    width:40%;
}
.texte-diagnostic
{
    font-size:14px;
    color:#3e3e40;
}
.titre-diagnostic
{
    font-size:18px;
    color:#e23634;
}
#diagnostic-superficie
{
    width:39%;
}
#diagnostic-termites
{
    width:29%;
}
#prestation-copropriete
{
    color:#a5a7a8;
}
#prestation-copropriete ul
{
    color:#a5a7a8;
    padding-left:14px;
}
#cofrac
{
    width:100%;
    display: inline-block;
}
#cofrac img
{
    display: inline-block;
}
#cofrac span
{
    color: #484849;
    display: inline-block;
    font-size: 14px;
    padding-left: 14px;
    padding-top: 29px;
    vertical-align: top;
    width: 79%;
}
#besoin-conseil .titre
{
    font-size:43px;
    color: #a2c343;
    text-align: center;
    font-weight: bold;
    font-style: italic;
}
#besoin-conseil .demi-rubrique .contact-rubrique-fond
{
    font-size: 22px;
    color: #69696b;
    line-height: 28px;
}
#besoin-conseil .demi-rubrique .contact-rubrique-fond a
{
    font-size: 28px;
}
.tableau-diagnostic
{
    width: 100%;
}

.tableau-diagnostic .ligne-en-tete
{
    text-align: center;
}
.tableau-diagnostic .grande-colonne
{
    width:204px;
}
.tableau-diagnostic .colonne-rouge
{
    width:13.5%;
}
.tableau-diagnostic .grande-colonne
{
    width:27%;
}
.tableau-diagnostic .colonne-verte
{
    background-color: #a2c243;
    color: #fff;
    font-size:20px;
    width: 241px;
}
.tableau-diagnostic .colonne-rouge
{
    background-color: #e23734;
    color: #fff;
    font-size:18px;
    padding: 7px;
    width: 119px;
}
.tableau-diagnostic .colonne-grise
{
    background-color: #f1f1f2;
    color: #000;
    font-size:20px;
    text-align:left;
    padding-left:20px;
    width: 221px;
}
.tableau-diagnostic .petite-ligne
{
    text-align: center;
    background-color:#f6f6f6;
    width: 119px;
    vertical-align: middle;
}
.tableau-diagnostic .grande-ligne
{
    text-align: left;
    background-color:#ebeded;
    color:#2a2827;
    padding-left:20px;
    width: 221px;
    vertical-align: middle;
}
.tableau-diagnostic table
{
    padding-bottom:15px;
    border-spacing:8px;
    font-family: Myriad Pro;
}
.definition-diagnostic
{
    font-size:10px;
    padding-left: 8px;
}

#rubrique-formulaire #titre-vert
{
    color: #a0c332;
    font-size: 35px;
    line-height: 32px;
    width: 100%;
}
#rubrique-formulaire input
{
    width:90%;
    margin-top:5px;
    margin-bottom:5px;
    height:20px;
    font-family: Arial;
    text-decoration: none;
    border: none;
    padding:5px;
    font-size: 15px;
    color: #6f6f71;
    border:1px solid #6f6f71;
    -webkit-appearance: none;
    border-radius: 0px;
}
#rubrique-formulaire select
{
    width:93%;
    margin-top:5px;
    margin-bottom:5px;
    height:32px;
    font-family: Arial;
    text-decoration: none;
    border: none;
    padding:5px;
    font-size: 15px;
    color: #6f6f71;
    border:1px solid #6f6f71;
    -webkit-appearance: none;
    border-radius: 0px;
}
#captcha
{
    width:55%;
    margin-top:5px;
    margin-bottom:5px;
    font-family: Arial;
    text-decoration: none;
    border: none;
    padding:5px;
    font-size: 15px;
    color: #E23734;
}
#captcha img
{
    width:100%;
    border: 1px solid #6f6f71;; 
}
#refresh
{
    padding-top: 28px;
    width: 13%;
    margin-right: 30px;
    margin-left: 30px;
    cursor: pointer;
}
#refresh img
{
    width:100%;
}
#rubrique-formulaire textarea
{
    width: 90%;
    resize: none;
    margin-top:5px;
    margin-bottom:5px;
    height:160px;
    font-family: Arial;
    text-decoration: none;
    border: none;
    padding:5px;
    font-size: 15px;
    color: #6f6f71;
    -webkit-appearance: none;
    border-radius: 0px;
}
#rubrique-formulaire .bouton
{
    width:93%;
    text-align:right;
}
#rubrique-formulaire .bouton input
{
    width:17%;
    height:30px;
    cursor:pointer;
    background-color:#8dd340;
    color: #fff;
    border:none;
    -webkit-appearance: none;
    border-radius: 0px;
}
#rubrique-formulaire .bouton.large input
{
    width:35%;
}
#rubrique-formulaire input[required]
{
    border:1px solid #8dd340; 
}
#rubrique-formulaire textarea[required]
{
    border:1px solid #8dd340; 
}
#rubrique-formulaire select[required]
{
    border:1px solid #8dd340; 
}
.condition-generale
{
    width: 100%;
    font-size: 10px;
    margin-top:8px;
}
.condition-generale span
{
    width: 100%;
    color:#E23734;
}
.formulaire-erreur 
{
    background-color: #E23734;
    width: 93%;
    text-align:center;
    color:#fff;
    font-weight:bold;
    padding-top:10px;
    padding-bottom:10px;
    font-size: 20px;
    margin-bottom:20px;
    margin-top: 20px;
}
.formulaire-ok
{
    background-color: #A2C243;
    width: 93%;
    text-align:center;
    color:#fff;
    font-weight:bold;
    padding-top:10px;
    padding-bottom:10px;
    margin-bottom:20px;
    font-size: 20px;
    margin-top: 20px;
}

.mentions-bloc
{
    padding-left: 30px;
    padding-bottom: 30px;
    color: #333333;
    margin-top: 15px;
    width: 820px;
}
.mention-texte
{
    font-family: Arial;
    font-size: 15px;
    line-height: 25px;
}
.mention-titre 
{
    font-family: Arial;
    font-size:23px;
    line-height:37px;
    color:#a0c332;
    padding-top:20px;
}
.mention-adresse 
{
   text-align:center;
}
#mentions-legales .titre-rubrique h1 h2
{
    font-weight: bold;
    font-size:40px;
    line-height:40px;
    color:#E23734;
}

#rubrique-404 .titre h1
{
    font-size: 40px;
}
#rubrique-404 .sous-titre
{
    font-size: 27px;
}
#rubrique-404 #besoin-conseil .titre
{
    font-size: 36px;
}

#rubrique-404 #besoin-conseil .demi-rubrique .contact-rubrique-fond
{
    font-size: 20px;
    line-height: 30px;
}
#rubrique-404 #besoin-conseil .demi-rubrique .contact-rubrique-fond a
{
    font-size: 24px;
}

#footer
{
    text-align:center;
    border-top: 1px solid #a5a7a8;
    padding-top:20px;
    padding-bottom:20px;
    font-size:14px;
    width:100%;
}
#footer a
{
    text-decoration : none;
    font-style: normal;
    color: #000;
}

@media (max-width: 959px)
{
    #diagnostic-environnement b {width: 100%; float:left;}
    .div-generale {width: calc(100% - 20px); margin:0 auto;}
    .rubrique {width:100%;}
    .demi-rubrique {width:100%;}
    .sous-rubrique .equipe.inline {padding-left: 72px;}
    .rubrique-fond {width: 87%;}
    .paragraphe-diagnostic.left {width: 75%;}
    .tableau-diagnostic table {font-size:15px; text-align:center; border-spacing:0px;}
    .tableau-diagnostic .grande-ligne {font-size:15px; text-align:center; vertical-align:middle;}
    .tableau-diagnostic .grande-ligne {font-size:15px; text-align:center; vertical-align:middle;}
    .tableau-diagnostic tr.ligne-600 {border-spacing:2px; border-top: 1px solid #6f6f71; border-left: 1px solid #6f6f71; border-right: 1px solid #6f6f71;}
    .tableau-diagnostic tr.ligne-600-last {border-bottom: 1px solid #6f6f71;}
    .rubrique-fond .demi-rubrique {width:100%;}
    .sous-rubrique {margin-bottom: 20px;}
    .diagnostic {width:50%; float:left;}
    .rubrique .titre-rubrique .titre h1 {font-size:41px; line-height: 35px;}
    .rubrique .titre-rubrique .titre h2 {font-size:41px; line-height: 35px;}
    .rubrique .titre-rubrique .sous-titre {font-size:27px; line-height: 32px;}
    .rubrique-fond .rubrique .titre-rubrique .titre h2 {font-size:27px;}
    #img-ordi {padding-top: 20px;}
    #img-plan-cofrac {text-align:center;}
    #diagnostic-superficie {width:75%;}
    #diagnostic-termites {width:75%;}
    #besoin-conseil {text-align:center;}
    #rubrique-formulaire select {width: 91%;}
    #captcha {width:40%;}
    #refresh {width:8%; margin-left: 14%;}
    #besoin-conseil .titre {font-size:35px;text-align:center;}
    #besoin-conseil .demi-rubrique .contact-rubrique-fond {text-align:left; font-size: 18px; line-height: 20px;}
    #contact-header { margin-left:63%;}
    #rubrique-formulaire .bouton input {width:40%}
    #cofrac {margin-bottom:30px; text-align:center;}
    #realiser-diagnostic {font-size: 30px;}
    
    #header {padding-bottom: 25px;}
   table, tbody { display: block; }
   tr {display: table; width: 100%;}
   th, thead {font-size: 0; border: none;  display: none;}
   td, th { display: table-row;}
   td:before {
        background: #ebeded none repeat scroll 0 0;
        color: #000;
        content: attr(data-headers);
        display: table-cell;
        width: 40%;     
        text-align:center;
        height:20px; 
        vertical-align:middle;
        font-weight: bold;
   }
}
@media  (max-width: 639px)
{
    b {font-size:16px;}
    .sous-rubrique {font-size:14px}
    .div-generale {width: calc(100% - 20px); margin:0 auto; min-width:300px;}
    .none-300 {display:none;}
    .demi-rubrique {width:100%;}
    .rubrique {margin: 0 auto 20px;}
    .rubrique .titre-rubrique {line-height: 31px; margin-bottom: 20px;}
    .rubrique .titre-rubrique .titre h1 {font-size:20px; line-height: 18px; font-weight:bold;}
    .rubrique .titre-rubrique .titre h2{font-size:20px; line-height: 18px;font-weight:bold;}
    .rubrique .titre-rubrique .sous-titre {font-size:18px;line-height: 18px;font-weight:bold;}
    .sous-rubrique .equipe.inline {padding-left: 0px; padding-right: 0px; width: 86px; margin-bottom: 20px;}
    .rubrique-fond {width: 81%;}
    .rubrique-fond .demi-rubrique {width: 100%;}
    .rubrique-fond .rubrique .titre-rubrique .titre h2 {font-size: 25px;}
    .rubrique .texte-rubrique {font-size: 13px;}
    .paragraphe-diagnostic.left {width: 80%;}
    .tableau-diagnostic table {width:100%; font-size: 12px; text-align:center; border-spacing: 0px;}
    .tableau-diagnostic .grande-ligne {text-align:center;}
    
    .definition-diagnostic {font-size: 8px;}
    .diagnostic {width:100%; float:none;}
    #header {padding-bottom:0px;}
    #header-contact {text-align: center;}
    #header-contact .inline {font-size:11px;}
    #header-contact .inline a {font-size:12px;}
    #header-logo {padding-bottom: 30px;}
    #header-logo .mon-compte {width:100%; float:none; padding-top: 9px;}
    #header-logo .logo {width:100%; float:none; text-align:center;}
    #header-logo .logo img {width:100%; max-width:320px;}
    #header-logo .mon-compte img {width:7%;}
    #header-logo .texte-mon-compte {font-size: 12px; width: 100%;}
    #header-logo .texte-mon-compte a {text-decoration: none; color:#a1c434;}
    #img-ordi {padding-top:20px;}
    #img-ordi img {width:100%; max-width:260px;}
    #diagnostic-termites {width: 48%;}
    #diagnostic-superficie {width:80%;}
    #cofrac {margin-bottom:0px; text-align:left;}
    #cofrac span {width: 76%;}
    #captcha {width:50%;}
    #refresh {width:12%; margin-left: 10%; padding-top: 19px;}
    #rubrique-formulaire select {width: 92%;}
    #besoin-conseil .titre {font-size:24px;text-align:center;}
    #besoin-conseil .demi-rubrique .contact-rubrique-fond {text-align:left; font-size: 14px; line-height: 18px;}
    #besoin-conseil .demi-rubrique .contact-rubrique-fond a {font-size:16px;}
    #sous-rubrique-equipe {text-align: center;}
    #sous-rubrique-equipe div {text-align: left;}
    #sous-rubrique-equipe .texte-equipe {text-align: center;}
    #realiser-diagnostic {margin-top:20px; padding-top:0px; font-size: 25px;}
    #footer {font-size:12px;}
}
@font-face 
{
    font-family: 'Myriad Pro';
    font-weight: normal;
    src: url('https://www.direct-expertise.com/ressource/fonts/MyriadPro-Regular.woff');
    src: url('https://www.direct-expertise.com/ressource/fonts/MyriadPro-Regular.eot?#iefix'),
         url('https://www.direct-expertise.com/ressource/fonts/MyriadPro-Regular.ttf');
}