body {
    width: 100%;
    background: #ffffff;
    font-family: Verdana, Arial, sans-serif;
    font-size: 12px;
    color: #3B3B3B;
    margin: 0;
}

@font-face {
    font-family: "Doulos";
    src: url('../font/DoulosSILR.ttf');
}

.simplelist li {
    position: inherit !important;
}

.actushome {
    text-align: center;
    margin: 0 auto;
}

.actuhome {
    width: 210px;
    display: inline-block;
    text-align: center;
    margin: 0 5px;
}

.actuhome img {
    margin: 10px auto !important;
    float: none !important;
    border: 0;
    width: auto;
    max-width: 100%;
}

.actuhome a strong {
    display: block;
    text-align: left;
    font-size: 14px;
}

.actuhome p {
    text-align: left;
}

a img {
    border: 0;
}

#container>p:nth-child(3) {
    display: none;
}

#entete_diag {
    height: 17px;
    background: #106672;
    color: #ffffff;
    font-size: 11px;
    top: 0;
    text-align: center;
    z-index: 1;
}

.liendevis {
    position: absolute;
    color: white;
    font-size: 25px;
    font-family: "Open Sans", sans-serif;
    font-style: italic;
    line-height: 31px;
    top: 60px;
    right: 185px;
    text-align: right;
}

.liendevis:hover {
    color: #A1A1A1;
}

.interview .answer {
    margin-left: 0 !important;
}

.multipage li {
    list-style-type: none;
    display: inline-block;
    margin-right: 10px;
}

.multipage ul {
    text-align: center;
}

#header {
    position: relative;
    height: 197px;
    background: url(../img/fond-115.jpg) repeat-x;
}

#header-content {
    position: relative;
    height: 197px;
    width: 1200px;
    background: url(../img/header.jpg) top center no-repeat;
    margin: 0 auto;
}

#cercle {
    color: white;
    font-size: 13px;
    font-family: Verdana;
    font-style: italic;
    text-align: center;
    margin-top: 25px;
}

#cercle a {
    color: #ffffff;
    text-decoration: underline;
    font-family: Verdana;
    font-size: 11px;
}

div.keyBloc a img {
    max-width: 130px;
    border: 2px solid #017687;
}

#container {
    /*overflow:hidden;*/
    position: relative;
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    background-color: white;
}

#right2 {
    width: 220px;
    float: right;
    margin-left: 10px;
    margin-top: 25px;
    display: flex;
    flex-direction: column;
    align-content: flex-end;
    align-items: flex-end;
}

#left {
    width: 220px;
    float: left;
    position: relative;
    top: 25px;
}

#left .bloc {
    border-radius: 10px;
    background-color: #017687;
    width: 220px;
    margin-bottom: 20px;
    padding-top: 20px;
}

#left .bloc2,
#right2 .bloc2 {
    border-radius: 10px;
    background-color: #a1a1a1;
    width: 220px;
    margin-bottom: 20px;
    padding-top: 20px;
}

#left h1 {
    margin: 0;
    padding: 1px 0px 10px 0;
    color: #fff;
    font-size: 21px;
    background-color: #a1a1a1;
    height: 25px;
    text-align: center;
    box-shadow: 0 0 5px #515151;
    font-weight: 500;
    font-family: "Doulos";
}

#left .bloc h1.loc {
    background: url("../img/pictoloc.png") #a1a1a1 5% 50% no-repeat;
}

#left ul,
#right2 ul {
    margin: 0;
    padding: 10px 0px 5px 0;
    color: #fff;
    text-align: center;
    font-size: 16px;
    height: auto;
}

#left .bloc2 h1,
#right2 .bloc2 h1 {
    margin: 0;
    padding: 1px 0px 10px 0;
    color: #fff;
    font-size: 21px;
    box-shadow: 0 0 5px #515151;
    background-color: #017687;
    height: 25px;
    text-align: center;
    font-weight: 500;
    font-family: "Doulos";
}

#left .bloc2 h1.house {
    background: url("../img/pictohouse.png") #017687 5% 50% no-repeat;
}

#left .bloc2 h1.rg {
    background: url("../img/rg.png") #017687 20% 50% no-repeat;
}

#right2 .bloc2 h1.fr {
    background: url("../img/fr.png") #017687 10% 50% no-repeat;
}

#left ul,
#right2 ul {
    margin: 0;
    padding: 10px 0px 5px 0;
    color: #fff;
    text-align: center;
    font-size: 16px;
    height: auto;
}

#left li,
#right2 li {
    text-align: left;
    padding: 0px 15px 0px 15px;
    color: #ffffff;
    margin-bottom: 2px;
}

a {
    color: #017687;
    text-decoration: none;
}

a:hover {
    color: #017687;
}

#left li a,
#right2 li a {
    color: #ffffff;
    border-bottom: 1px solid #c2c2c2;
    display: block;
    padding: 0 0 10px 15px;
    font-size: 13px;
}

#left li a:hover,
#right2 li a:hover {
    color: #017687;
}

#left fieldset {
    margin: 0;
    list-style: none;
    padding: 10px 20px;
    border: 0;
    text-align: center;
}

#left form,
#right form {
    margin: 0;
    padding: 0;
}

#left label {
    color: #ffffff;
    margin-right: 10px;
}

#left .legende {
    color: #ffffff;
    font-size: 10px;
}

#left input[type='text'] {
    width: 171px;
    border: 1px solid #000;
    border-radius: 4px;
    height: 28px;
    padding-left: 8px;
    margin: 15px 0 0px 0;
}

#centre {
    /*position:relative;
margin: 10px 350px 0 240px;
text-align:justify;*/
    margin-left: auto;
    margin-right: auto;
    width: 685px;
    text-align: justify;
    padding: 0 20px;
    min-height: 920px;
    margin-top: -63px;
    float: left;
}

#centre h1 {
    color: #017687;
    margin: 0;
    padding: 0;
    font-family: "Doulos";
    margin-bottom: 10px;
    font-size: 24px;
    text-align: left;
    clear: both;
}

#centre h2,
#centre h2 span {
    color: #017687;
    margin: 0;
    font-family: "Doulos";
    padding: 0;
    font-size: 20px !important;
    margin-bottom: 0;
    display: inline-block;
}

#centre h3 {
    color: #017687;
    margin: 0;
    padding: 0;
    margin-bottom: 10px;
}

#centre p {
    margin: 10px 0;
    line-height: 16px;
}

#right {
    width: 330px;
    float: right;
    position: relative;
    margin: 10px;
    left: 0;
}

#right h1 {
    color: #017687;
    margin: 0;
    padding: 0;
    margin-bottom: 10px;
}

#codepostal {
    border-color: #000 !important;
    margin-left: 0 !important;
}

#f_complete #codepostal {
    width: 198px !important;
    height: 35px !important;
    padding: 0 !important;
}

.devis {
    position: fixed;
    z-index: 10;
    right: 10px;
}

.france {
    text-align: center;
    margin: 0 0 15px 0;
}

.middle,
.bloc_right {
    background: #017687;
    -moz-border-radius: 20px;
    border-radius: 20px;
    width: 330px;
}

.middle {
    background: #00772c;
}

.bloc_right {
    margin-top: 410px;
    background: #b0b0b0;
    z-index: 1;
    position: relative;
    float: left;
}

.actuBloc ul li img {
    width: 50px !important;
    margin-right: 5px;
}

.bloc_right a {
    color: #017687;
}

.bloc_right a:hover {
    color: #f1ba1f;
}

.bloc_right h4 {
    margin: 0;
    padding: 35px 5px 20px 15px;
    color: #fff;
    font-size: 16px;
    background: url(../img/R_H4gris.png) no-repeat;
    height: 17px;
}

.bloc_right .bloc {
    margin: 10px 15px 5px 15px;
    padding-bottom: 10px;
    color: #ffffff;
    text-align: justify;
    line-height: 16px;
    float: left;
    position: relative;
}

.bloc_right .bloc .col {
    float: left;
    position: relative;
    width: 150px;
}

#footer {
    background: url(../img/footer.jpg) #017687 repeat-x;
    text-align: center;
    font-size: 10px;
    margin-top: 50px;
    padding-bottom: 10px;
    color: white;
    padding-top: 40px;
}

#footer a {
    color: #fff;
    text-decoration: none;
}

#footer a:hover {
    color: #A1A1A1;
    text-decoration: none;
}

#btn_rechercher {
    width: 150px;
    height: 30px;
    background: url('../img/btn-search.png') no-repeat top;
    border: 0;
    font-size: 0;
    line-height: 0;
    color: transparent;
    margin-left: auto;
    cursor: pointer;
    margin-right: auto;
}

.devisfixe {
    position: fixed;
    right: 0;
    top: 250px;
    background: #017687;
    color: white;
    text-transform: uppercase;
    width: 95px;
    height: auto;
    font-weight: 600;
    font-family: "Open Sans", sans-serif;
    padding: 20px;
    font-size: 15px;
    text-align: right;
    border-radius: 10px 0 0 10px;
    box-shadow: 0 0 10px #828282;
}

.devisfixe:hover {
    background: #017687;
    color: white !important;
    text-transform: uppercase;
    width: 95px;
    height: auto;
    font-weight: 600;
    font-family: "Open Sans", sans-serif;
    padding: 20px;
    font-size: 15px;
    text-align: right;
    border-radius: 10px 0 0 10px;
    box-shadow: 0 0 10px #828282;
}

.petit {
    font-size: 11px;
}

.actuBloc {}

table.grise22 a img {
    border: 1px solid #017687;
}

.liens_communes {
    font-size: 10px;
}

.lettre {
    text-align: center;
    font-size: 28px;
}

.departement {
    font-size: 18px;
}

.bleu {
    color: #017687;
    font-weight: bold;
}

.right {
    text-align: right;
}

.center {
    text-align: center;
}

.listecom {
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 10px;
}

.listecom ul {
    margin: 0;
    padding: 0;
    margin-left: 30px;
}

a.rss {
    background: url("../img/rss.png");
    display: inline-block;
    width: 15px;
    height: 15px;
}

#devisform>span {
    margin-left: 0 !important;
}

::-webkit-input-placeholder {
    color: #3B3B3B;
}

:-moz-placeholder {
    /* Firefox 18- */
    color: #3B3B3B;
}

::-moz-placeholder {
    /* Firefox 19+ */
    color: #3B3B3B;
}

:-ms-input-placeholder {
    color: #3B3B3B;
}

.Blok {
    min-height: 102px;
    border-bottom: 1px solid #017687;
    padding: 0;
    margin: 0 0 0 0;
    padding-right: 10px !important;
}

.Blok strong a {
    font-family: "Open sans", sans-serif;
    font-size: 17px;
    font-weight: 700;
}

.fichediag {
    background: url("../img/btn-fiche-diag.png") left center no-repeat;
    color: transparent !important;
    height: 30px;
    display: block;
    width: 222px;
    font-size: 0;
}

.adrr {
    background: url("../img/pictoloc-liste.png") left center no-repeat;
    height: 23px;
    display: inline-block;
    padding-left: 25px;
    margin-top: 5px;
}

.greycap {
    font-family: "Doulos";
    color: #03444d !important;
    font-size: 16px;
    font-weight: 600;
}

.interview .question {
    color: #017687 !important;
}

.fiche,
.fiche_GGmap {
    min-height: 102px;
    border: 0;
    border-radius: 0;
    padding: 0;
    margin: 0 0 20px 0;
}

.Blok p {
    color: #224BA9;
}

.Blok ul {
    display: inline-block;
}

.villeBloc li {
    float: left;
    width: 200px;
}

.CLR {
    clear: both;
}

.FL {
    float: left;
    box-shadow: none;
    margin-right: 13px;
    margin-left: 13px;
}

img.FL {
    border: 2px solid #017687;
    margin-right: 13px;
    margin-left: 13px;
}

p.nom {
    font-weight: 600;
    text-align: center;
    color: #a1a1a1
}

.tel a,
.tel {
    color: #017687!important;
    font-size: 14px;
    font-weight: 600;
}

.tel {
    background: url(../img/picto-tel.png) left center no-repeat;
}

li.certif {
    background: url(../img/picto-certif.png) left center no-repeat;
    text-align: left;
    margin-bottom: 10px;
}

li.adr {
    background: url(../img/pictoloc-diag.png) left center no-repeat;
}

.fiche ul li {
    list-style: none
}

p.tel,
li.certif,
li.adr {
    padding: 3px 0 0 25px!important
}

.btncontact {
    background: url(../img/btn-contact.png) top center no-repeat;
    width: 149px;
    height: 29px;
    color: transparent;
    font-size: 0;
    cursor: pointer;
    margin: 10px 0 0 0;
}

.loiBloc ul {
    display: block;
    padding: 0;
}

.loiBloc li {
    list-style: none;
    margin: 10px 0 0 0;
    padding: 0 0 10px 40px;
    border-bottom: 1px solid #EEE;
}

.loiBloc span {
    color: #017687;
}

.villeInfoBloc {
    padding: 0;
}

.villeInfoBloc .onglet {
    border-bottom: 2px solid #666;
    display: block;
    height: 30px;
    position: relative;
    top: -12px;
    padding: 0 0 0 10px;
}

.villeInfoBloc .onglet li {
    float: left;
    list-style: none;
    margin: 0 1px;
    background: #DEF;
    padding: 0 11px;
    height: 30px;
    line-height: 30px;
    cursor: pointer;
}

.villeInfoBloc .onglet li.on {
    border: 1px solid #666;
    border-top: 0;
    border-bottom: 0;
    height: 32px;
}

.HID {
    display: none;
}

.villeInfoBloc div {
    padding: 10px 40px 0 40px;
    position: relative;
    top: -25px;
}

.devisform fieldset {
    border: 0;
}

.devisform select {
    width: 200px;
    border: 1px solid #000;
    border-radius: 4px;
    height: 41px;
    color: #3B3B3B;
    margin: 8px 0 0px 0;
}

.devisform form {
    text-align: center;
}

.devisform span {
    width: 175px;
    text-align: left;
    display: inline-block;
}

.devisform input {
    width: 190px;
    border: 1px solid #000 !important;
    border-radius: 4px;
    color: #3B3B3B;
    height: 28px;
    font-weight: 500;
    margin: 7px 0 0px 5px;
    padding: 4px 0px 4px 9px !important;
}

.devisform input[type=submit] {
    background-color: #037788;
    color: #fff;
    margin: 20px 0;
    border: 1px solid #037788 !important;
    height: 35px;
    border-radius: 6px;
    cursor: pointer;
    font-weight: 600;
    text-transform: uppercase;
    transition: 0.5s ease-in 0s;
    padding: 0!important;
}

.devisform input[type=submit]:hover {
    background-color: #fff;
    color: #037788;
    border: 1px solid #037788 !important;
}

.devisoffre {
    height: 235px;
    position: relative;
    margin: 0 0 20px 0;
    background: url(../img/form-devis.png) top center no-repeat;
}

.devisoffre ul {
    position: relative;
    height: 100px;
}

.devisoffre label {
    font-weight: bold;
    line-height: 20px;
}

.devisoffre li {
    list-style: none;
    position: absolute;
    top: 7px;
}

.firstplan {
    position: relative !important;
}

.devisoffre li select {
    width: 180px;
    height: 25px;
    padding: 2px;
}

.devisoffre li input {
    width: 170px;
    height: 15px;
}

.devisoffre li input {
    width: 159px;
    border: 1px solid #000 !important;
    border-radius: 4px;
    height: 22px;
    font-weight: 500;
    margin: 7px 0 0px 0;
    padding: 4px 0px 4px 9px !important;
}

.devisoffre li select {
    width: 169px;
    border: 1px solid #000;
    border-radius: 4px;
    height: 34px;
    margin: 8px 0 0px 0;
}

.devisoffre li select,
.devisoffre li input {
    padding: 4px;
}

.devisoffre .form {
    display: block;
    width: 700px;
    margin: auto;
    padding-top: 115px;
}

.devisoffre .li_transaction {
    left: 20px;
}

.devisoffre .li_cp {
    left: 20px;
    top: 50px;
}

.devisoffre .li_bien {
    left: 196px;
}

.devisoffre .li_submit {
    top: 49px;
    left: 196px;
}

.devisoffre .li_submit input {
    font-size: 13px;
}

.devisoffre .li_titre {
    top: -36px;
    left: 0;
}

.devisoffre .li_commercial {
    background: url('../../img/commercial.png') no-repeat transparent;
    width: 152px;
    height: 190px;
    top: -78px;
    right: -13px;
}

.devisoffre .btn_submit {
    background: url('../../img/btn-devis.png') no-repeat transparent;
    cursor: pointer;
    width: 169px;
    height: 36px;
    border: 0 !important;
    color: transparent;
    font-size: 0;
}

.devisoffre .li_nbpiece {
    left: 50px;
}

.devisoffre .li_annee {
    left: 290px;
}

.devisoffre .li_typechauffage {
    left: 500px;
}

.devisoffre .li_surface {
    top: 60px;
    left: 50px;
}

.devisoffre .li_ville {
    top: 60px;
    left: 290px;
}

.devisoffre .li_submit2 {
    top: 70px;
    left: 510px;
}

.devisoffre .diagobli li {
    position: relative;
    float: left;
    width: 300px;
}

.devisoffre .diagobli li input {
    width: 15px;
}

.devisoffre .li_civilite {
    left: 50px;
    top: -10px;
}

.devisoffre .li_nom {
    left: 290px;
    top: -10px;
}

.devisoffre .li_tel {
    left: 500px;
    top: -10px;
}

.devisoffre .li_mail {
    top: 50px;
    left: 50px;
}

.devisoffre .li_submit3 {
    top: 50px;
    left: 500px;
}

.devisoffre .li_submit3 input {
    font-size: 11px;
}

.devisoffre .li_delai {
    left: 290px;
    top: 50px;
}

.devisoffre .btn_submit3 {
    background: url('http://www.diagnostic-immobiliers.fr/img/devis_gratuit.jpg') no-repeat transparent;
    width: 255px;
    height: 61px;
}

.fichediagnostiqueur div {
    float: left;
    max-width: 50%;
}


/*Iphone*/

#menu,
#express,
#express h1,
#clients h2,
.telM,
#express h3,
#clients2,
#menu {
    display: none;
}

#menu,
.devisBandeau,
.logo {
    display: none;
}

#centre img {
    float: right;
    margin-left: 10px;
}

.centre table tr td img,
.centre table tr td img {
    float: left;
}

@media only screen and (max-width: 1024px) {
    #centre img {
        float: none;
        margin-left: auto;
    }
    .actuhome img {
        margin: 10px auto;
        float: none;
        border: 0;
        text-align: center;
        display: block;
    }
    .devisfixe {
        display: none
    }
    #header-content {
        width: 100%;
    }
    /* DISPLAY NONE */
    #left,
    #entete_diag,
    .form,
    .CNIL,
    #right2,
    .devisoffre {
        display: none;
    }
    .devisform label input {
        margin-left: 0 !important;
        height: 50px !important;
        padding: 0 !important;
        border: 1px solid #000 !important;
    }
    /* DISPLAY BLOCK */
    #menu {
        display: block;
        z-index: -1;
    }
    .mm-opened {
        z-index: 999 !important;
    }
    /* HEADER */
    #header {
        position: fixed;
        z-index: 9999;
        width: 100% !important;
        height: 175px;
        border-bottom: 2px solid #89a0ac;
        background: url(../img/fond-115.jpg) bottom center repeat-x;
    }
    #header a.pos {
        background: url("/img/menu2.png") no-repeat scroll center center rgba(0, 0, 0, 0);
        width: 65px;
        display: block;
        height: 60px;
        position: absolute;
        right: 10px;
        top: 5px;
        z-index: 999;
    }
    #header a.right {
        left: auto;
        right: 10px;
    }
    #header .logo {
        display: block;
        margin-top: 10px;
        font-size: 20px;
        width: 200px;
        line-height: normal;
        color: white;
        font-weight: bold;
        margin-left: 20px;
    }
    #cercle {
        margin-top: 5px;
    }
    /* DEVIS EXPRESS */
    .devisBandeau {
        display: block;
        width: auto;
        margin-left: 0;
        margin-right: 0;
        margin-top: 210px;
    }
    .devisBandeau img {
        width: 100%;
    }
    /*DEVIS*/
    .dialog label {
        font-size: 20px !important;
    }
    .dialog label b {
        font-size: 16px !important;
        margin-bottom: 10px;
    }
    .dialog label span {
        display: none;
        font-size: 25px !important;
    }
    .dialog label i {
        font-size: 12px !important;
    }
    .dialog input[type=text],
    .dialog input[type=submit] {
        width: 100% !important;
        height: 50px;
        font-size: 20px !important;
        margin-bottom: 10px;
    }
    .dialog select {
        height: 50px;
        font-size: 20px !important;
        margin-bottom: 10px;
        width: 100%;
    }
    .dialog input[type=submit] {
        width: 90%;
        border-radius: 30px 0 30px 0;
        background: #017687;
        border: none;
        color: #fff;
        font: bold 12px Verdana;
        margin-top: 10px;
        padding: 6px 0 6px 0;
        margin-left: 5px;
    }
    .dialog input[type=submit]:focus {
        box-shadow: 1px 1px 10px black inset, 0 1px 0 rgba( 255, 255, 255, 0.4);
    }
    .myForm {
        padding-left: 0;
    }
    /* CONTENT */
    body,
    .fg,
    .fd,
    .container,
    .content {
        background: white;
        width: 100%;
    }
    .mm-page {
        background: white;
    }
    #container {
        width: 100% !important;
    }
    #content {
        z-index: 0;
        background: white;
        top: 0;
        min-height: 1000px;
        margin-left: 15px;
        margin-right: 15px;
        width: auto;
    }
    #centre {
        float: left;
        height: auto;
        text-align: justify;
        width: auto;
        border: none!important;
        min-height: 750px;
        margin: 0 auto !important;
        background: white;
        padding: 0 20px;
        max-width: initial;
    }
    .fichediag {
        display: inline-block;
    }
    #centre p,
    #centre div,
    #centre li,
    #centre p span,
    #centre p a,
    legend {
        width: auto;
        line-height: normal;
        margin: 0;
        text-align: left;
        margin: 0 auto !important;
    }
    #centre p {
        margin-left: 15px;
        margin-bottom: 10px;
        margin-right: 15px;
    }
    /* FOOTER */
    .bottom {
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
        float: left;
        margin-top: 0;
        padding-top: 0;
    }
    #footer {
        clear: both;
        height: auto;
        width: 100%;
        min-height: initial;
        z-index: 999 !important;
    }
    /* TITRES */
    h1 {
        font-size: 25px !important;
        background: none;
        padding: 15px 15px 10px 15px !important;
        line-height: normal;
        left: 0;
        color: #056ab2;
        margin: 0 0 10px 0;
        height: auto;
        text-align: center;
    }
    h2,
    h2 a {
        font-size: 20px !important
    }
    h3 {
        font-size: 20px;
        margin-right: 15px !important;
    }
    .centre h1,
    .centre h2 {
        max-height: initial;
        margin-bottom: 10px;
        height: auto;
        line-height: normal;
    }
    /* MENU MOBILE */
    .mm-list {
        padding-top: 100px !important;
    }
    .mm-list>li>a,
    .mm-list>li>span {
        line-height: normal !important;
        padding: 30px 20px 30px 20px !important;
        font-size: 15px !important;
    }
    .mm-list a.mm-subopen {
        height: 23%!important;
    }
    .mm-list a.mm-subopen:after {
        border-top: none;
        border-left: none;
        right: 38px !important;
    }
    /* COMMUNES */
    .li_departements li,
    .li_communes li {
        margin-bottom: 20px;
        width: 100%;
    }
    .li_communes li a,
    .li_departements li a {}
    .li_departements {
        margin-top: -10px;
    }
    .georef {
        display: none;
    }
    .interview p .question,
    .interview p .answer {
        font-size: 20px !important;
        padding: 0;
    }
    .interview {
        width: auto;
        margin-bottom: 10px !important;
    }
    .work,
    .cell,
    .street-address,
    .postal-code,
    .locality,
    .fiche-diag i {
        font-size: 12px;
    }
    #tabs-2 {
        font-size: 16px !important;
    }
    #tabs-1 {
        width: auto !important;
    }
    .ui-tabs .ui-tabs-nav,
    .ui-tabs {
        padding: 0 !important;
    }
    .uitabs li a {
        font-size: 15px;
    }
    .first {
        height: auto;
    }
    .list_diag>div {
        height: auto;
        min-height: 100px;
    }
    iframe {
        width: 100%;
        margin-bottom: 10px;
    }
    .sep {
        padding: 0;
    }
    #map_canvas {
        width: 100%;
    }
    .list_diag .vcard {
        width: 100%;
    }
    .C1 {
        display: none;
    }
    /* AUTRE */
    .bgtop {
        background: none;
    }
    .ColCR {
        left: 0px;
        top: 0;
        width: 100%;
    }
    #tabGenerateur label {
        display: block;
        width: 100%!important;
        float: left;
        font-size: 33px!important;
        text-align: left!important;
        line-height: normal!important;
    }
    ul.ulError,
    ul.ulError li {
        font-size: 22px !important;
    }
    .mm-page {
        width: auto;
    }
    .ColC {
        padding: 0;
    }
    fieldset {
        border: none !important;
    }
    #f_complete #codepostal {
        border-color: #A6A6A6;
        padding: 0 !important;
        height: 50px !important;
        width: 100% !important;
    }
    h3 a {
        padding-left: 0;
        padding-right: 0;
        font-size: 15px !important;
    }
    input,
    textarea {
        color: #A1A1A1;
    }
    input:-moz-placeholder,
    textarea:-moz-placeholder {
        color: #3B3B3B;
    }
    .interview .answer {
        font-size: 17px !important;
    }
    .interview .question {
        font-size: 17px;
    }
    .fiche_GGmap {
        margin-left: 10px !important;
    }
    input::-webkit-input-placeholder,
    textarea::-webkit-input-placeholder {
        color: #3B3B3B;
    }
    input.placeholder,
    textarea.placeholder {
        color: #3B3B3B;
    }
    .center a {
        margin-left: 15px;
    }
    table.grise22 {
        margin-left: 15px;
        margin-right: 15px;
        width: auto !important;
        min-width: 100%;
    }
    table.grise22 p {
        margin: 0 !important;
    }
    table.grise22 a img {
        width: 80px !important;
        height: auto !important;
    }
    h2 {
        margin-top: 20px !important;
        margin-bottom: 20px !important;
        padding-left: 0 !important;
        font-size: 17px !important;
        padding-right: 0;
    }
    #centre ul {
        padding-right: 15px !important;
    }
    .keyBloc,
    .listecom,
    .actuBloc,
    .loiBloc {
        margin-left: 15px !important;
        margin-right: 15px !important;
        margin-bottom: 15px !important;
    }
    .greycap {
        margin-left: 0 !important;
    }
    .petit {
        padding-left: 15px !important;
        margin-right: 10px;
        display: block;
        margin-bottom: 20px;
    }
    .petit p {
        margin-left: 0 !important;
    }
    .scrisFooter1 {
        margin-left: 6px;
        margin-right: 5px;
    }
}

@media only screen and (max-width: 390px) {
    #footer {
        font-size: 9px;
    }
    #header {
        height: 115px!important;
    }
    .devisBandeau {
        margin-top: 133px!important;
    }
    .imgLogo img {
        max-width: 250px;
    }
    #centre ul {
        padding-right: 15px !important;
        padding-left: 15px !important;
    }
    #header-content {
        height: 120px;
        width: 100%;
        background: url(../img/header.jpg) bottom center no-repeat;
    }
}

@media only screen and (max-width: 800px) {
    h1 {
        font-size: 20px !important;
        background: none;
        padding: 15px 15px 10px 15px !important;
        line-height: normal;
        left: 0;
        color: #056ab2;
        margin: 0 0 10px 0;
        height: auto;
        text-align: center;
    }
    #centre p {
        margin-left: 0;
    }
    .fichediagnostiqueur div {
        float: none;
        max-width: 100%;
    }
    #centre ul {
        padding: 0;
    }
    .FL {
        margin-left: 0;
    }
    .fiche {
        margin: 0!important;
    }
    .liendevis {
        display: none
    }
}