@import url(https://arobiz.com/files/css/ico.css);
@import url(https://fonts.googleapis.com/css?family=Muli:400,400italic);
@import url(https://fonts.googleapis.com/css?family=Titillium+Web:900);
html * {
    margin: 0;
    padding: 0;
    position: relative;
    list-style: none;
    font-family: Arial;
    font-size: 14px;
}

fieldset {
    border: 0;
}

body>div.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable {
    z-index: 99999999999;
}

#body #content ul li {
    list-style-type: disc;
    margin-left: 20px;
}

#content ul.li_departements li,
#content ul.li_communes li,
#content ul.ui-tabs-nav li,
#content ul.li_inter li {
    list-style-type: none!important;
    margin-left: 0!important;
}

#content img {
    float: left;
    margin-right: 20px;
}

#content #regions_france {
    float: right;
    margin-right: auto;
}

a img {
    border: none;
}

a:active,
a:focus {
    outline: none;
}

::-webkit-input-placeholder {
    color: black;
}

:-moz-placeholder {
    /* Firefox 18- */
    color: black;
}

::-moz-placeholder {
    /* Firefox 19+ */
    color: black;
}

:-ms-input-placeholder {
    color: black;
}

.DEBUG {
    position: fixed;
    top: 0;
    right: 0;
    padding: 10px;
    background: #000;
    color: #FFF;
    opacity: 0.8;
}

.FL {
    float: left;
    z-index: 2;
}

.FR {
    float: right;
    z-index: 2;
}

.CLR {
    clear: both;
}

.CLR_L {
    clear: left;
}

.CLR_R {
    clear: right;
}

.TR {
    text-align: right;
}

.TL {
    text-align: left;
}

.TC {
    text-align: center;
}

.TJ {
    text-align: justify;
}

.P10 {
    padding: 10px;
}

.M10 {
    margin: 10px;
}

.FS11 {
    font-size: 11px;
}

.FS10 {
    font-size: 10px;
}

.HID {
    display: none;
}

.CP {
    cursor: pointer;
}

i {
    font-size: inherit;
}

h1,
h2,
h3,
.h1,
.h2,
.h3 {
    font-family: 'Muli', sans-serif, Arial;
    color: #0081C7;
    font-size: 16px;
}

#content a,
.firm a:hover {
    color: #85cae5;
}

#content ul.li_communes li:hover a,
#content ul.li_departements li:hover a {
    color: #fff;
}

#content ul.li_communes li.first:hover a,
#content ul.li_departements li.first:hover a {
    color: #fff;
}

.fover label>span {
    position: absolute;
    top: 0px;
    left: 10px;
    z-index: 2;
}

.fover label>span.off {
    z-index: 0;
    color: transparent;
}

.bgtop {
    width: 100%;
    top: 0;
    background-color: #8a8a8a;
    padding: 3px;
}

.centre {
    width: 1180px;
    margin: 0 auto;
    margin-bottom: 20px;
}


/*.centre:after, .centre:before{content:""; display:block; width:14px; height:550px; position:absolute; top:0; left:-15px;}*/

.centre:after {
    left: 980px;
    background-position: -15px -115px;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid #1b9d12!important;
    padding: 3px 10px;
    font-weight: 600;
    margin-bottom: 15px;
    background: #fbf9ee url("images/ui-bg_glass_55_fbf9ee_1x400.png") 50% 50% repeat-x;
    color: #1B9D12!important;
}


/* HEADER */

.header .logo .site {
    text-shadow: 3px 3px 3px #333;
    filter: dropshadow(color=#333, offx=3, offy=3);
}

.header .logo span {
    display: block;
    text-align: right;
    font-size: 12px;
    top: -22px;
    text-transform: uppercase;
}

.header .slogan {
    color: #FFF;
    font-weight: bold;
    font-size: 11px;
}

.header .firstLine {
    position: absolute;
    top: 3px;
    left: 23px;
    color: #4fc8e8;
    font-weight: bold;
    font-size: 11px;
}


/* FOOTER */

.footer {
    background: #EDEDED;
    color: #FFF;
    text-align: center;
    padding: 5px 0 0 0;
    clear: both;
}

.footer .col-lg-3 {
    text-align: left
}

.bottomBar .col-lg-9 img {
    float: left;
    margin-right: 5px;
    margin-top: -10px;
}

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

.first .CP {
    top: -2px;
    float: right;
    width: 130px;
}

.first .detail {
    top: - 45px;
}

.fisrt .vcard img {
    top: 0 !important;
}

.vcard img {
    top: 0 !important;
}

.ColL {
    float: left;
    width: 240px;
    top: -24px;
}

.ColL h2 {
    color: #1bbbe9;
    margin: 20px 0 5px 0;
    font-style: italic;
    white-space: nowrap;
    margin-left: 20px;
    font-size: 13px;
    color: #1181C1;
    text-align: center;
}

.ColL li {
    margin: 2px 0 2px 30px;
}

.bl {
    display: none;
}

.ColL a {
    color: #89a0ac;
    text-decoration: none;
}

.ColL a {
    font-size: 12px;
}

.ColL a:hover {
    color: #0081C7;
}

.ColL .bloc {
    padding: 10px 10px 30px 10px;
    background: url(../img/app/blocL.png) no-repeat scroll -244px bottom transparent;
}

.ColL .inscription {
    text-align: center;
}

.ColL .mleft {
    margin-bottom: -10px;
}

.ColL .mleft li {
    background: url(../img/menu/bg-left.png) no-repeat left bottom;
    min-height: 30px;
    display: block;
    width: 200px;
    margin-bottom: 2px;
}

.ColL .mleft li.on,
.mleft li:hover {
    background-position: -200px bottom;
}

.ColL .mleft li a {
    background: url(../img/menu/cap-left.png) no-repeat;
    color: #FFF;
    display: block;
    padding: 5px 10px 10px 19px;
    text-decoration: none;
    top: -2px;
}

.ColL .mleft li.on a,
.ColL .mleft li:hover a {
    background-position: -200px top;
}

.ColL .col h2 {
    margin-left: 20px;
    font-size: 13px;
    color: #1181C1;
}

.ColL .b_offre {
    display: block;
    margin: 20px 0 -10px 5px;
}

.ColL .nowrap li {
    white-space: nowrap;
    width: 170px;
    overflow: hidden;
}

.ColL .nowrap li a {
    text-decoration: none;
}

.ColL .nowrap li a:hover {
    text-decoration: underline;
}

.ColL .nowrap {
    background-position: -290px bottom!important;
}

.ColL .pucelt li {
    margin: 5px 0;
}

.ColL .pucelt li:before {
    content: "";
    background: url(../img/app/puces.png) no-repeat;
    width: 6px;
    height: 6px;
    display: inline-block;
    position: relative;
    left: -1px;
}

.ariane,
.ariane a {
    color: #85cae5;
    font-size: 10px;
    text-decoration: none;
    z-index: 15;
}

.ariane li {
    float: left;
}

.ColCR h2,
.ColCR .t2,
.ColCR h1 {
    color: #34456b;
    font-size: 25px;
    font-family: 'Hind';
    margin: 15px 0;
    text-align: center;
    font-weight: bold !important;
}

.ColCR h1 a {
    color: #ec681b;
    font-size: 25px;
    font-family: 'Hind';
    margin: 15px 0;
    text-align: left;
    font-weight: bold !important;
}

.ColCR h2,
.ColCR .t2 {
    font-size: 20px;
}

.ColCR .bloc {
    background: url(../img/bg.png) repeat-x 0 -676px transparent;
    padding: 10px 0 0 0;
    margin: 20px 0 0 0;
}

.ColCR .bloc .tags {
    color: #89a0ac;
    margin: 10px 0;
}

.ColCR .onglet {
    background: url(../img/onglet.png) no-repeat center bottom;
    width: 387px;
    margin: 0 auto;
    padding: 10px;
    color: #89a0ac;
}

.ColCR {
    width: 820px;
    float: left;
    top: 20px;
    margin-bottom: 50px;
}


/*.li_communes, .li_departements, .li_regions {max-height:550px; overflow-x:auto;}
.li_communes li, .li_departements li, .li_regions li, .list_diag>div{border:1px solid transparent; padding:20px 2px; border-top:1px solid #89a0ac; cursor:pointer;}
.li_communes li.first, .li_departements li.first, .li_regions li.first, .list_diag>div.first{border:1px solid transparent;}
.li_communes li:hover, .li_departements li:hover, .li_regions li:hover, .list_diag>div:hover{background:#E6F8FF;background: -moz-linear-gradient(top,  #e6f8ff 0%, #ffffff 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6f8ff), color-stop(100%,#ffffff));background: -webkit-linear-gradient(top,  #e6f8ff 0%,#ffffff 100%);background: -o-linear-gradient(top,  #e6f8ff 0%,#ffffff 100%);background: -ms-linear-gradient(top,  #e6f8ff 0%,#ffffff 100%);background: linear-gradient(top,  #e6f8ff 0%,#ffffff 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6f8ff', endColorstr='#ffffff',GradientType=0 );}
*/

.li_communes li a,
.li_departements li a,
.li_regions li a,
.list_diag h2 a,
.list_diag .t2 a,
.list_diag h2,
.list_diag .t2,
.list_diag h3 {
    color: #85cae5;
    text-decoration: none;
    text-transform: none;
    font-family: 'Hind';
    font-weight: 500!important;
    font-size: 20px;
}

.chiffres img {
    margin: 10px 20px;
}

.list_diag .t2:before,
.list_diag h2:before {
    display: inline-block;
    width: 15px;
    height: 10px;
    background: #0081C7;
    margin-right: 10px;
}

.list_diag>div {
    min-height: 160px;
    padding: 15px;
    margin: 10px 0 10px 0;
    border: 0;
    border-bottom: 0 !important;
}

.list_diag .t2 {
    display: inline-block;
    padding: 0 !important;
}

.list_diag .coord:hover {
    background: #efefef;
}

.list_diag a {
    color: #89A0AC;
}

.list_diag .img {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #89a0ac;
    display: block;
    float: left;
    height: 70px;
    margin: 0 20px 0 0;
    overflow: hidden;
    width: 70px;
}

.list_diag .photo {
    width: 70px;
}

.list_diag .coord {
    padding: 15px;
}

.list_diag .coord:hover .img img {
    width: 90px;
    left: 0px;
    top: 0px;
}

.list_diag .adr {
    color: #8a8a8a;
    font-size: 14px;
    display: block;
}

.ui-tabs .ui-tabs-panel#tabs-1 {
    min-height: 150px;
    padding: 0;
}

.list_diag .adr:hover a {
    color: #ec681b;
}

.list_diag .vcard {
    width: 430px;
    height: 104px;
}

.list_diag .vcard .img {
    background: url(https://www.dessinateur-projeteur.fr/files/img/logo-defaut.jpg) no-repeat top center;
}

.list_diag .org {
    font-size: 16px;
    font-weight: bold;
    padding: 0px 0 0 0;
}

.list_diag .info {
    display: inline-block;
    float: right;
    text-align: right;
    width: 200px;
    color: #abc0cb;
    margin-top: -20px;
}

.list_diag .filtre1:after {
    content: 'Opérateur qualifié en infiltrométrie';
    display: block;
    width: 386px;
    line-height: 16px;
    height: 16px;
    padding: 0 10px;
    font-size: 12px;
    position: absolute;
    top: 5px;
    right: 0;
    background: #89A0AC;
    color: #FFF;
}

.list_diag .ui-effects-wrapper {
    padding: 0!important;
    border: 0!important;
    min-height: inherit;
}

.list_diag h2,
.list_diag h2 strong,
.list_diag .t2,
.list_diag .t2 strong {
    margin: 0 0 5px 0;
    text-align: left;
    padding: 10px 0 10px 0;
    font-family: 'Hind';
    font-size: 20px;
}

.list_diag h3 strong {
    margin: 0 0 5px 0;
    text-align: left;
    font-family: 'Hind';
    font-size: 20px;
}

.figures h3,
.figures h3 strong {
    font-size: 26px;
    text-align: center;
    font-family: 'Hind', sans-serif;
    color: #ec681b;
}

.li_communes li a,
.li_departements li a,
.li_regions li a {
    font-size: 25px;
    display: block;
}

.li_communes li,
.li_departements li {
    display: inline-block;
    padding: 5px 5px;
    margin: 5px 0;
    background-color: rgba(133, 202, 229, 0.2);
    margin-right: 5px;
    border-radius: 5px;
    padding-top: 0;
    width: 405px;
}

.li_communes li a,
.li_departements li a {
    font-size: 16px;
    padding-top: 9px;
    font-family: 'Hind';
    font-weight: bold;
    color: #ec681b;
}

.li_communes li:hover,
.li_departements li:hover {
    background: #85cae5;
}

.li_communes li:hover a,
.li_departements li:hover a {
    color: #ebebeb;
}

.li_communes li:hover:before,
.li_departements li:hover:before {
    content: "";
    background: url(../img/puce-hover.png) no-repeat 0px 0;
    width: 27px;
    height: 27px;
    display: inline-block;
    margin: 6px 10px 0 0;
    float: left;
}

.li_communes li:before,
.li_departements li:before {
    content: "";
    background: url(../img/puce.png) no-repeat 0px 0;
    width: 27px;
    height: 27px;
    display: inline-block;
    margin: 6px 10px 0 0;
    float: left;
}

i.M10 {
    margin: 0;
}


/* Fiche */

.fiche-diag h1 {
    font-weight: bold;
}

.fiche-diag h1 strong {
    font-style: italic;
    font-size: 18px;
}

.fiche-diag .logo {
    z-index: 1;
    position: absolute;
    top: 2px;
    right: 2px;
    width: 100px;
}

.fiche-diag .visu {
    width: 160px;
    overflow: hidden;
    float: left;
    margin: 0 10px 10px 0;
    background: #FFF;
    top: 5px;
}

.fiche-diag .visu .photo {
    width: 80px;
    height: 40px;
    overflow: hidden;
    z-index: 0;
}

.fiche-diag .visu .photo:hover {
    width: 150px;
    height: 150px;
}

.fiche-diag .visu .photo img {
    width: 150px;
}

.fiche-diag .visu .photo:hover img {
    top: 0;
    left: 0;
}

.fiche-diag i {
    font-size: 10px;
}

.fiche-diag .adr,
.fiche-diag .tel,
.fiche-diag .siteweb {
    display: inline-block;
    margin: 0 0 0 10px;
}

.interview p {
    margin: 0 0 20px 0;
    font-size: 11px;
}

.interview p .question {
    display: block;
    padding: 5px;
    color: #89A0AC;
    font-family: 'Hind';
    color: #ec681b;
    font-weight: bold;
    font-size: 14px;
}

.interview p .question img {
    margin-right: 5px;
}

.interview p .answer {
    padding: 10px;
    display: block;
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dcedf2', GradientType=1);
    color: #8a8a8a;
}

.interview p .answer a {
    color: #49707C;
}

.li_inter li {
    float: left;
    margin: 0 2px;
}

.li_inter a {
    font-size: 11px;
    color: #89A0AC;
    text-decoration: none;
}

.li_inter a span {
    font-size: 9px;
}

.C1 {
    background: url("../img/bg_menu_L.png") no-repeat scroll -78px top transparent;
    width: 170px;
    float: left;
    text-align: center;
    padding: 10px 0 0 0;
}

.C1 img {
    max-width: 150px;
    max-height: 150px;
}

.C2 {
    float: left;
    margin: 0 0 10px 10px;
}

.sep {
    border: 0;
    background: #89A0AC;
    display: block;
    border-top: 5px solid #23BAE2;
    margin: 5px 0;
    color: #FFF;
    padding: 5px;
}

.certif {
    margin: 0 0 20px 0;
}

.certif div {
    width: 42%;
    float: left;
    text-align: center;
}

.certif div img {
    height: 70px;
}


/* JQUERY UI */

.ui-tabs-nav a {
    font-size: 12px;
}

.ui-tabs-panel {
    font-size: 12px;
}

.ui-dialog * {
    z-index: 2000;
}


/*
.ui-dialog button.ui-dialog-titlebar-close {
  
  width: 100px;
  height: 100px;
  margin: 50px auto;
  border-radius: 50% 50%;
  
  position: relative;
  transform: scale(1.3);
  &::before{
    background: url(../img/puce.png) no-repeat 0px 0;
      position: absolute;
      display:block;
      content:'';
      width: 70%;
      height: 6%;
      top: 47%;
      left: 15%;
      transform: rotate(45deg);
  } 
  &::after{
      background: #888;
      position: absolute;
      display:block;
      content:'';
      width: 6%;
      height: 70%;
      left: 47%;
      top: 15%;
      transform: rotate(45deg);
  } 
    
  &:hover {
      background: lighten(#c22, 15);
      box-shadow: inset 0 0 5px 1px #444;
    	-webkit-transition: background .3s;
	    -moz-transition: background .9s;

      &::before{
          background: #fff;
          box-shadow: 0px 0px 8px -1px #555;
        }
    &::after{
          background: #fff;
          box-shadow: 0px 0px 8px -1px #555;
        }
    }
}
*/

.ui-dialog button.ui-dialog-titlebar-close {
    background-color: initial;
    border: none;
    background: url(../img/cross.png) no-repeat;
    top: 12px;
    width: 30px;
    height: 30px;
}

.contactDiag input[type=text],
.contactDiag textarea {
    background-color: white;
    border-radius: 5px;
    border: #9b9b9b 1px solid;
    height: 35px;
    width: 200px;
    padding-left: 10px;
    color: #9b9b9b;
}

.contactDiag input[type=submit] {
    background-color: #85cae5;
    border-radius: 5px;
    color: white !important;
    font-weight: bold;
    text-transform: uppercase;
    border: none;
    width: 200px;
    height: 35px;
    margin: 5px;
}

.contactDiag input[type=submit]:hover {
    background-color: #34456b;
    border-radius: 5px;
    color: white !important;
    font-weight: bold;
    text-transform: uppercase;
    border: none;
    width: 200px;
    height: 35px;
    margin: 5px;
}

.georef {
    font-size: 11px;
    margin-top: 10px;
    text-align: justify;
}

.georef a {
    color: #000;
    text-decoration: none;
    font-size: 11px;
}

.georef img {
    margin: 0 10px 10px 0;
}

.georef img.dpe {
    width: 24px;
    float: left;
    margin: 0 20px 10px 0;
}

.georef img.dep {
    float: left;
    margin: 0 20px 10px 0;
}


/* FORMULAIRE TYPE */

.myForm {
    text-align: left;
    margin: 0 0 20px 0;
    padding: 10px;
    z-index: 20;
}

.myForm label {
    display: block;
    margin: 2px 0;
    padding: 4px;
    border: 1px solid transparent;
    text-align: left;
}

.myForm label:hover {
    border: 1px solid #DDD;
}

.myForm label.radio {
    display: inline-block;
    margin-left: 25px;
}

.myForm label>span {
    display: inline-block;
    width: 170px;
}

.dialog .myForm label>span {
    width: 232px;
}

.myForm label>input[type="text"] {
    width: 190px;
}

.dialog .myForm label>input[type="text"] {
    width: 270px;
}

.myForm label.error {
    background: #CD0A0A;
    color: #FFF;
    border: 1px solid #C99;
}

.page p {
    color: #999999;
    font-size: 14px;
    margin: 0 0 20px;
}

.page li {
    list-style-type: square;
    color: #1BBBE9;
    font-size: 14px;
    margin: 0 0 10px 25px;
    list-style-position: inside;
}

.trombi ul {
    width: 450px;
}

.trombi li {
    float: left;
    width: 65px;
    height: 65px;
    margin: 0 20px 30px 0;
}

.trombi li a {
    display: block;
    width: 65px;
    height: 65px;
    overflow: hidden;
}

.trombi li:before {
    display: none!important;
}

.trombi li img {
    width: 70px;
    margin: auto;
}

.trombi li img:hover {
    width: 80px;
    top: -5px;
    left: -5px;
}

.trombi .diagname {
    position: absolute;
    top: 70px;
    text-align: center;
    width: 590px;
    height: 20px;
    color: #000;
    font-size: 20px;
    font-weight: bold;
    color: #23BAE2;
}


/* ANNONCES IMMOSANTE */

.annonceimo .elogo {
    display: block;
    margin: 0 0 10px 0;
}

.annonceimo .elogo img {
    height: 40px;
}

.annonceimo li {
    float: left;
    margin: 0 3px 10px 0;
    border: 1px solid transparent;
    width: 131px;
    height: 160px;
}

.annonceimo li:hover {
    border: 1px solid #2C4C5B;
}

.annonceimo li:before {
    display: none;
}

.annonceimo li img {
    width: 125px;
}

.annonceimo li .img {
    width: 125px;
    height: 80px;
    overflow: hidden;
    display: block;
    padding: 3px;
    background: #2C4C5B;
    border-bottom: 4px solid #2C4C5B;
}

.annonceimo li .desc {
    padding: 5px;
    display: block;
}

.annonceimo li a {
    text-decoration: none;
    color: #9CA0BA;
    font-size: 11px;
}


/* DEMANDE DE DEVIS */

#f_complete label {
    font-size: 12px;
    padding: 2px 4px;
}


/* DEVIS EXPRESS */

.devisexpress {
    background: url("../img/app/menu.png") repeat-x;
    display: block;
    height: 30px;
    padding: 5px;
}

.devisexpress .h2 {
    display: inline-block;
    float: left;
    margin: 3px 0 0 10px;
    width: 120px;
    color: #23BAE2;
}

.devisexpress label {
    float: left;
    margin: 2px 3px;
}

.devisexpress select {
    width: 150px;
    height: 25px;
}

.devisexpress input {
    height: 23px;
    margin: 0;
    width: 120px;
}

.devisexpress input,
.devisexpress select {
    border: 1px solid #23BAE2;
}

.devisexpress input[type="submit"] {
    margin: 2px;
    line-height: 16px;
    padding: 5px;
    height: 25px;
    font-weight: bold;
    width: 30px;
    background: #23BAE2;
    background: -moz-linear-gradient(top, #23BAE2 0%, #1F9ED4 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #23BAE2), color-stop(100%, #1F9ED4));
    background: -webkit-linear-gradient(top, #23BAE2 0%, #1F9ED4 100%);
    background: -o-linear-gradient(top, #23BAE2 0%, #1F9ED4 100%);
    background: -ms-linear-gradient(top, #23BAE2 0%, #1F9ED4 100%);
    background: linear-gradient(to bottom, #23BAE2 0%, #1F9ED4 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#23BAE2', endColorstr='#1F9ED4', GradientType=0);
}

.devisexpress .fcp {
    top: 5px;
    font-size: 12px;
}


/* DEVIS  */

.colDevis {
    float: right;
    margin: 0;
    width: 689px;
    height: 160px;
    top: -24px;
    background: url("../img/bg_devis.png") no-repeat scroll left top transparent;
}

.colDevis form {
    width: 490px;
    height: 160px;
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    z-index: 10;
}

.colDevis form fieldset {
    left: 169px;
    top: 50px;
    width: 200px;
}

.colDevis form label {
    display: block;
    margin: 7px 0 0 5px;
    text-align: left;
}

.colDevis form label input[type="text"] {
    width: 162px;
    height: 25px;
    background: url(../img/devis_input.png) no-repeat left top;
    margin: 0;
    border: none;
}

.colDevis form .fover {
    color: #fff;
    font-size: 12px;
    line-height: 20px;
}

.colDevis form .fover span {
    left: none;
    right: 20px;
}

.colDevis form input[type="submit"] {
    width: 200px;
    height: 24px;
    background: none;
    font-size: 0;
    color: transparent;
    border: 0;
    cursor: pointer;
}

.colDevis .fover label>span {
    position: absolute;
    top: 2px;
    left: 10px;
    z-index: 2;
}

.colDevis div.selector span {
    width: 162px;
    height: 25px;
    background: url("../img/devis_input.png") no-repeat left -33px;
    padding: 2px 0 0 10px;
    color: #fff;
    text-shadow: none;
}

.colDevis div.selector {
    padding: 0;
}

.colDevis form input[type="submit"] {
    left: 190px;
    top: -47px;
    width: 108px;
    height: 44px;
    background: url("../img/devis_ok.png") no-repeat left top;
    font-size: 0;
    color: transparent;
    border: 0;
    cursor: pointer;
}

.cnil {
    margin: 0 0 20px 0;
    color: #999999;
    font-size: 10px;
    font-style: italic;
    background: url(../img/cnil.png) no-repeat left 8px;
    position: absolute;
    bottom: -50px;
    padding: 0 0 0 70px;
    line-height: 12px;
}


/* commentaire sur actualite */

.comments {
    margin: 30px 0 0 0;
    background: #E0EAED;
    padding: 10px;
    border: 1px solid #E0E0E0
}

.comments form label {
    float: left;
}

.comments form textarea {
    width: 260px;
    height: 50px;
}

.comments form label span {
    display: block;
}

.comments form input {
    width: 260px;
    height: 50px;
}

.comments form input[type="submit"] {
    width: 100px;
    height: 50px;
    position: absolute;
    bottom: 0;
    right: 0;
    font-family: Muli;
    font-size: 20px;
}

.comments ul {
    margin: 20px 0 0 0;
}

.comments ul li {
    border-bottom: 1px solid #DDD;
    padding: 10px 5px 0 5px;
    margin: 0;
}

.comments ul li:hover {
    background: #FBFBFB;
}

.comments .date {
    float: right;
    font-size: 10px;
    line-height: 10px;
}

.actus .li_actu li {
    display: block;
    float: left;
    margin: 10px 0;
    border: 1px solid transparent;
    padding: 5px;
}

.actus .li_actu li:hover {
    background: #F8FAFB;
    border: 1px solid #EEE;
}

.actus .li_actu li .pic {
    float: left;
    margin: 10px 10px 10px 0;
}

.actus .li_actu li>i {
    float: right;
    font-size: 11px;
}

.actus .li_actu .titre {
    display: block;
    color: #1BD2F8;
}

.contactDiag * {
    z-index: 2010;
    /*font-family: 'PT Sans Caption'!important;*/
    font-size: 12px;
}

.contactDiag fieldset {
    border: 0;
}

.contactDiag label {
    display: block;
    padding: 5px 0;
}

.contactDiag label span {
    display: block;
    width: 180px;
    float: left;
    top: 9px;
}

.contactDiag input,
.contactDiag textarea {
    width: 200px;
}

.contactDiag input[type="radio"] {
    width: 20px;
}

.contactAg .img,
.contactDiag .img {
    width: 50px;
    height: 50px;
    overflow: hidden;
    float: left;
    margin: 0 10px 0 0;
}

.contactAg .img img,
.contactDiag .img img,
.contactDiag .photo {
    width: 50px;
    margin: 0 10px 10px 0;
    float: left;
}


/* CARTE MAP */

a.linkMap {
    color: #67B3D3;
}

a.linkMap:hover {
    color: #226E8E;
}

.pre_foot>div {
    float: left;
}

.pre_foot>div .bis li {
    float: left;
    width: 50%;
}

.pre_foot a {
    color: #89A0AC;
    font-size: 12px;
}

.pre_foot .li_left {
    float: left;
}

label.error {
    color: #ec681b
}

#slider1_container {
    height: 270px !important;
    width: 100% !important;
}


/* MENU */

#menu2 {
    margin-top: 0;
    z-index: 10;
    height: 100px;
    width: 1170px;
    margin-left: auto;
    margin-right: auto;
    z-index: 999999999999999;
}

.left {
    text-align: left
}

#menu2 ul {
    margin: 0 auto;
    padding: 0;
    float: right;
}

#menu2>ul>li {
    display: inline-block;
    float: left;
    letter-spacing: 0;
    list-style: outside none none;
    padding-top: 72px !important;
    padding-bottom: 0;
    margin: 0 7px;
    text-align: left;
    margin-top: 0;
}

#menu2>ul>li:hover {
    background: #85cae5;
}

#menu2>ul>li:last-child {}

#menu2>ul>li>a {
    color: #34456b;
    display: inline-block;
    font-size: 16px;
    font-family: 'Hind', sans-serif;
    margin-bottom: 18px;
    height: auto;
    padding: 60px 5px 0;
    text-align: center;
    font-weight: 500;
    margin-top: -50px;
    min-width: 95px;
}

#menu2 a {
    cursor: pointer;
    text-decoration: none;
}

#menu2>ul>li:hover>a {
    color: white;
    display: inline-block;
    font-family: 'Hind', sans-serif;
}

#menu2 ul ul {
    position: absolute;
    background: #6d6d6d;
    display: none;
    padding-bottom: 0;
    min-width: 100%;
    margin: 0 !important;
    transition: 1s max-height 0.9s;
    z-index: 9999;
}

#menu2 ul ul li:hover {
    background: #1d1d1b;
}

#menu2 ul ul li {
    padding-bottom: 5px;
}

#menu2 ul ul li a {
    padding: 8px 10px;
    color: white;
    height: 20px;
    display: inline-block;
    width: 100%;
    font-size: 14px;
    text-transform: none;
    margin: 0;
}

#menu2 ul ul li a:hover {
    color: white !important;
}

#menu2 ul ul a {
    white-space: nowrap;
    text-align: left;
    display: block;
    text-decoration: none;
    font-weight: lighter;
}

.l1>a {
    background: url(../img/l1.png) center 1px no-repeat;
}

.l1:hover>a {
    background: url(../img/l1-hover.png) center 0px no-repeat;
}

.l2>a {
    background: url(../img/l2.png) center 1px no-repeat;
}

.l2:hover>a {
    background: url(../img/l2-hover.png) center 0px no-repeat;
}

.l3>a {
    background: url(../img/l3.png) center 1px no-repeat;
}

.l3:hover>a {
    background: url(../img/l3-hover.png) center 0px no-repeat;
}

.l4>a {
    background: url(../img/l4.png) center 1px no-repeat;
}

.l4:hover>a {
    background: url(../img/l4-hover.png) center 0px no-repeat;
}

.l5>a {
    background: url(../img/l5.png) center 1px no-repeat;
}

.l5:hover>a {
    background: url(../img/l5-hover.png) center 0px no-repeat;
}

.l6>a {
    background: url(../img/l6.png) center 1px no-repeat;
}

.l6:hover>a {
    background: url(../img/l6-hover.png) center 0px no-repeat;
}

#menu2 ul li.l7 {
    background-color: #85cae5!important;
    z-index: 1;
}

.l7>a {
    background: url(../img/l7-hover.png) center 0px no-repeat;
    color: white!important;
}

.search {
    background: #a2a2a2;
    height: 52px;
    clear: both;
}

#devis .cp {}

.logo {
    margin-top: 10px !important;
    margin-right: 0;
    float: left;
}

.devisbandeau2 {
    background: url(../img/bg-slider.jpg) top center no-repeat;
    border-top: 4px solid #85cae5;
    display: inline-block;
    padding: 33px 0;
    margin-top: -18px;
    width: 100%;
}

.devisbandeau2 .accroche {
    margin-top: 80px;
}


/*SLIDER*/

.slider {
    position: relative;
    border-top: #ec681b solid 3px;
}

.headerfull {
    height: 120px;
}

#slider1_container>div:nth-child(1),
#slider1_container>div:nth-child(1)>div,
#slider1_container>div:nth-child(1)>div>div:nth-child(2),
#slider1_container>div:nth-child(1)>div>div:nth-child(3),
#slider1_container>div:nth-child(1)>div>div:nth-child(3)>div:nth-child(2),
#slider1_container>div:nth-child(1)>div>div:nth-child(3)>div:nth-child(2)>img,
#slider1_container>div:nth-child(1)>div>div:nth-child(3)>div:nth-child(3),
#slider1_container>div>div>div:nth-child(4),
#slider1_container>div>div>div:nth-child(4)>div:nth-child(2)>img {
    width: 100% !important;
    height: 270px !important;
    transform: none !important;
}

.devisForm {
    z-index: 9;
    background-color: #34456b;
    border-radius: 5px;
    padding: 20px;
    text-align: center;
}

.devisForm .selector {
    height: 35px;
    padding: 5px;
    width: 200px;
    background: white;
    border: 1px solid #9b9b9b;
    border-radius: 5px;
    margin: 5px;
}

div.selector span {
    background: white !important;
    text-align: left;
    padding: 0 !important;
    padding-left: 5px !important;
    color: #94a7aa !important;
}

.devisForm input[type=text],
.devisForm select {
    background-color: white;
    border-radius: 5px;
    border: #9b9b9b 1px solid;
    height: 35px;
    width: 200px;
    margin: 5px;
    padding-left: 10px;
    color: #9b9b9b;
}

.devisForm input[type=submit] {
    background-color: #85cae5;
    border-radius: 5px;
    color: white !important;
    font-weight: bold;
    text-transform: uppercase;
    border: none;
    width: 200px;
    height: 35px;
    margin: 5px;
}

.devisForm .s1 {
    font-family: 'Hind';
    color: white;
    font-size: 30px;
    text-transform: uppercase;
    font-weight: lighter;
}

.devisForm .s2 {
    font-family: 'Hind';
    color: white;
    font-size: 23px;
    font-weight: lighter;
}

.b1 {
    z-index: 9;
    background-color: #85cae5;
    color: white;
    padding: 10px;
    font-size: 20px;
    text-transform: uppercase;
}

.b2 {
    z-index: 9;
    background-color: #34456b;
    color: white;
    padding: 10px;
    display: block;
    font-size: 18px;
    margin-right: 180px;
}

@media (max-width: 425px) {
    .b2 {
        z-index: 9;
        background-color: #34456b;
        color: white;
        padding: 10px;
        display: block;
        font-size: 18px;
        margin-right: 0px;
    }
}


/*SEARCH*/

.search form {
    padding-top: 10px;
}

.search span {
    font-size: 15px;
    color: white;
    font-family: "Open Sans", sans-serif;
    width: auto;
    float: left;
    top: 14px;
    font-weight: 600;
}

.search input {
    display: inline-block;
}

.search input[type=text] {
    border-radius: 5px;
    height: 30px;
    width: 350px;
    border: none;
    margin-right: 10px;
    background-color: #8a8a8a;
    padding-left: 10px;
}

.search select {
    border-radius: 5px;
    padding-left: 10px;
    height: 30px;
    width: 300px;
    margin-right: 10px;
    border: none;
    background-color: #bad7de;
    color: #94a7aa;
}

.btnSearch {
    background: url(../img/btnSearch.png) no-repeat;
    width: 284px;
    height: 40px;
    border: none;
    float: right;
}

.myForm {
    padding-right: 0;
}

.myForm select {
    background-color: #34456b;
    color: #fff;
    width: 20%;
}

input,
textarea {
    color: #94a7aa;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
    color: #94a7aa;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #94a7aa;
}

input.placeholder,
textarea.placeholder {
    color: #94a7aa;
}

.search input,
textarea {
    color: white;
}

.search input:-moz-placeholder,
.search textarea:-moz-placeholder {
    color: white;
}

.search input::-webkit-input-placeholder,
.search textarea::-webkit-input-placeholder {
    color: white;
}

.search input.placeholder,
.search textarea.placeholder {
    color: white;
}


/*COLR*/

.colR {
    float: right;
    background-color: #d3d0d0;
    width: 310px;
    padding: 10px;
    padding-bottom: 0;
}

.colR img {
    margin-bottom: 10px;
}


/*DONNEES*/

.figures {
    clear: both;
}

.figures div {
    background: url(../img/bgChiffres.png) no-repeat;
    height: 260px;
    width: 230px;
    display: inline-block;
    margin-right: 20px;
    margin-left: 20px;
    text-align: center;
    padding: 29px;
}

.figures span.s1 {
    font-size: 25px;
    color: #ec681b;
    font-family: 'Hind', sans-serif;
}

.figures span.s2 {
    font-size: 15px;
    color: #ec681b;
    font-family: 'Hind', sans-serif;
}


/*FOOTER*/

.geoamiante {
    clear: both;
    padding-top: 40px;
}

.geoamiante span {
    margin-left: 225px;
}

.geoamiante h3,
.geoamiante h3 strong {
    font-size: 26px;
    font-family: 'Hind', sans-serif;
    color: #ec681b;
    text-align: center;
}

.geoamiante a:hover {
    text-decoration: none;
    color: white;
}

.lienDemo {
    position: absolute;
    left: 500px;
    bottom: -5px;
    text-transform: uppercase;
    font-size: 15px;
    font-family: 'Hind';
    background-color: #ec681b;
    padding: 10px;
    color: white;
    border-radius: 5px;
}

.footer {
    background: url(../img/bg-footer.png) repeat;
    border-top: 3px solid #85cae5;
}

.footer .t3 {
    color: #85cae5;
    font-family: 'Hind';
    font-size: 16px;
    border-bottom: solid 2px #85cae5;
    margin-top: 10px;
    text-transform: uppercase;
    font-weight: bold;
}

.footer li a {
    color: #fff;
    line-height: 23px;
}

.footer p {
    color: #fff;
}

.footer a {
    text-decoration: none;
}

.bottomBar {
    padding-top: 20px;
    color: white;
    padding-bottom: 10px;
    height: auto;
    background: #263453;
}

.white {
    color: white !important;
    font-weight: bold;
    margin-left: 10px;
}

.blanc {
    color: white !important;
    font-weight: bold;
}

.blue {
    color: #85cae5 !important;
}

.bottomBar a {
    color: #85cae5;
}

.bottomBar a:hover {
    text-decoration: none;
    color: #fff;
}

.arobiz {
    float: right;
}

.arobiz p {
    float: left;
    text-align: right;
}

div.firm {
    float: left;
}

div.firm img,
div.firm div {
    float: left;
}

div.firm img {
    margin-right: 10px;
    margin-top: -5px;
}

.arobiz img {
    float: right;
    margin-left: 15px;
}

.list_diag .vcard {
    width: 70%;
}

.contact {
    float: right;
    right: 0;
    text-align: center;
}

#tabs .detail {
    background: url(../img/detail.png) top no-repeat;
}

#tabs .detail a:hover,
.detail a:hover {
    background: url(../img/contact-hover.png) top no-repeat;
}

.detail {
    text-align: center;
    width: auto;
    height: auto;
    display: inline-block;
    margin: 0 auto;
}

.detail a {
    text-align: center;
    background: url(../img/contact.png) top center no-repeat;
    top: 0;
    color: #8a8a8a !important;
    padding-top: 55px;
    margin: 0 auto;
    width: auto;
    float: left;
}

.buttonsact {
    display: inline-block;
    width: 30%;
}

.contact {
    text-align: center;
    background: url(../img/detail.png) top no-repeat;
    width: 90px;
    height: 90px;
    padding-top: 60px;
    color: #8a8a8a !important;
}

.contact span {
    top: -5px;
    color: #8a8a8a;
}

.contact span:hover,
.detail span:hover,
.site span:hover,
.phone span:hover,
.detail a:hover {
    color: #85cae5;
}

.contact:hover,
.contact:hover span,
.detail:hover a,
.detail a:hover {
    color: #85cae5 !important;
    text-decoration: none
}

.mailme:hover {
    text-decoration: none;
}

.contact:hover {
    background: url(../img/detail-hover.png) top no-repeat;
}

.contact a {
    float: left;
}

.ico,
.ico_s {
    background: none;
    margin: 0;
    width: initial !important;
}


/*fiche diag*/

span.img>div {
    float: left;
}

#tabs span.img img {
    width: 100px;
    margin-right: 10px;
    margin-top: 0;
}

.vcard {
    margin-left: 0 !important;
    width: 285px;
    float: left;
}

.vcard h2 {
    text-align: left;
}

.vcard h2 a {
    font-weight: bold!important;
    color: #ec681b;
    font-family: 'Hind';
    text-transform: uppercase;
    font-size: 16px;
}

.vcard .adr,
.locality a {
    color: #8a8a8a;
}

#tabs .phone,
#tabs .site,
#tabs .detail {
    width: 100px;
    margin-top: 10px;
    margin: 0 !important;
    display: inline-block;
}

#tabs {
    background: white;
    border: none;
    border-bottom: solid 2px #ec681b;
}

.ui-tabs-nav {
    background: #85cae5 !important;
    border: none !important;
}

.ui-tabs-nav li {
    border: none !important;
    background: none !important;
    margin-left: 43px !important;
    margin-right: 22px !important;
}

.ui-tabs-nav li:hover,
#tabs .ui-state-active {
    background: white !important;
}

.ui-tabs-nav li:hover a,
#tabs .ui-state-active a {
    color: #85cae5 !important;
    font-weight: bold;
}

.ui-tabs-nav li a {
    color: white !important;
}

.site a {
    text-align: center;
    background: url(../img/site.png) top center no-repeat;
    width: 65px;
    height: 90px;
    padding-top: 55px;
    display: inline-block;
    color: #8a8a8a !important;
}

.site a:hover {
    background: url(../img/site-hover.png) top no-repeat;
    text-decoration: none;
    color: #85cae5 !important;
}

.phone {
    text-align: center;
    background: url(../img/phone.png) top no-repeat;
    width: 90px;
    height: 90px;
}

.phone span {
    top: 55px;
    color: #8a8a8a;
}

.phone:hover {
    background: url(../img/phone-hover.png) top no-repeat;
}

#tabs-1 {
    min-height: 150px;
}

#tabs-3 {
    min-height: 100px;
}

#tabs .detail {
    margin-top: 12px;
}

.certification {
    float: left;
    left: 50px;
}

.assurance {
    float: right;
    right: 50px;
}

.lienInterv {
    color: #89A0AC;
    font-family: 'Hind';
    font-size: 16px;
    font-weight: bold;
    margin-top: 20px;
    font-weight: bold;
    clear: both;
}

.lienInterv img {
    margin-right: 5px;
}


/*TABLEAU*/

.tablePage {
    border-collapse: collapse;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    margin-top: 35px;
}

.tablePage td,
.tablePage th {
    border: 2px solid #51a0c2;
    padding: 3px !important;
}

.tablePage th {
    text-align: center !important;
}

.repPrev {
    text-align: center !important;
}

img {
    max-width: 100%;
}

.top img {
    display: none;
}

.formcontact label {
    width: 200px;
    color: #ec681b;
    vertical-align: top;
    font-weight: 500;
    font-size: 16px;
}

.formcontact textarea {
    min-height: 120px;
}

.formcontact input[type=text],
.formcontact input[type=email],
.formcontact textarea {
    width: 60%;
    height: 35px;
    border: #9b9b9b 1px solid;
    background-color: white;
    border-radius: 5px;
    color: #9b9b9b;
    margin-bottom: 10px;
}

.formcontact input[type=submit] {
    background-color: #ec681b;
    border-radius: 5px;
    color: white !important;
    font-weight: bold;
    text-transform: uppercase;
    border: none;
    width: 200px;
    height: auto;
    padding: 10px;
    margin: 5px 5px 5px 0;
    float: none !important;
    margin-top: 30px;
    border: 1px solid #ec681b!important;
}

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

.arrete img {
    float: left;
    margin-right: 10px;
    width: 150px;
    height: auto;
}

.devisForm .selector::after {
    content: "";
    background: url(../img/arrow1.png) center no-repeat;
    background-size: 20px;
    z-index: 99999999999;
    position: absolute;
    top: 7px;
    width: 10px;
    right: 8px;
    color: white;
    height: 20px;
}

.devisForm .focus select {
    height: 30px !important;
    margin-left: 0;
}

.ui-widget-content {
    border: none !important;
    background: white !important;
    border-radius: 5px;
    height: auto !important;
}

.ui-draggable .ui-dialog-titlebar {
    border: none !important;
    background: #34456b !important;
    border-radius: 5px;
    color: #85cae5;
}

#f_complete select,
#f_complete input[type=text] {
    width: 50%;
    border: #9b9b9b 1px solid !important;
    border-radius: 5px !important;
    height: 25px;
}

#f_complete input[type=text] {
    padding-left: 5px;
}

#f_complete input[type=submit] {
    background-color: #85cae5;
    border-radius: 5px;
    color: white !important;
    font-weight: bold;
    text-transform: uppercase;
    border: none;
    width: 200px;
    height: 35px;
    padding: 10px;
    margin: 5px;
}

#menu,
.devisBandeau {
    display: none;
}

.imgNb p {
    position: absolute;
    bottom: 0px;
    color: #fff;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 200px;
}

.imgNb p span {
    font-size: 35px;
    font-weight: bold;
}