body { margin: 0; padding: 0; font-size: 20px; color: #18445F; font-family: Arial, Helvetica, sans-serif; font-stretch: extra-expanded; background-color: #FFF; }
input, textarea, select { border-radius: 5px; font-size: 14px; font-family: Verdana, Geneva, sans-serif; color: #18445F; padding: 5px; margin: 4px; font-weight: 100; width: 300px; border: solid 1px #dcdcdc; box-sizing: border-box; }
input:focus, textarea:focus, select:focus { border: solid 1px #000; box-shadow: 0 0 2px 2px #A4D38E; outline: none; }
.bouton { background-color: #EFBF00; cursor: pointer; width: 300px; }
h1 { font-size: 40px; padding: 0; margin: 50px 0; text-align: center; font-weight: 300; color: #18445F; }
h2 { font-size: 28px; color: #18445F; }
.back_top { position: fixed; bottom: 30px; margin: 10px; right: 30px; width: 80px; height: 80px; display: block; opacity: 0.4; transition: .5s; background-image: url(../creation-sites-internet-34/fleche-page.png); cursor: pointer; background-repeat: no-repeat; background-size: contain; border: 0; background-color: transparent; }
.back_top:hover, .back_top:focus { opacity: 0.9; transition: .5s; outline: 2px solid #18445F; }
a:link, a:visited { color: #18445F; text-decoration: none; transition: all .5s; }
a:hover { color: #000; text-decoration: none; transition: all .5s; }
.vermi { vertical-align: middle; transition: all .5s; }
.vermi:hover { transform: scale(1.1) rotate(90deg); transition: all .5s; box-sizing: border-box; }
.menu-button { width: 38px; display: block; cursor: pointer; background-color: #3C3C3A; text-align: center; float: left; vertical-align: middle; padding: 2px 5px 10px 5px; }
.bar { width: 65%; height: 3px; background-color: #FFF; border-radius: 3px; margin: 8px auto 0 auto; }
.centre { text-align: center !important; }
.alignleft { text-align: left; }
.alignright { text-align: right; }
.cent { width: 100%; }
.pad30 { padding: 30px; }
.reveal-loaded .reveal [class*="reveal-"] { opacity: 0; transform: translateY(50px); }
.reveal-loaded [class*="reveal"] { transition: 1s cubic-bezier(.5, 0, 0, 1); }
.reveal-loaded .reveal-2 { transition-delay: .1s; transform: translateX(30px); }
.reveal-loaded .reveal-3 { transition-delay: .2s; }
.reveal-loaded .reveal-4 { transition-delay: .3s; transform: translateX(-30px); }
.linkbas:link { color:#18445F; text-decoration:none; padding:8px;border:1px solid #226288;line-height:45px } 
.linkbas:visited { color:#18445F; text-decoration:none;border:1px solid #226288 } 
.linkbas:hover { color:#D426CD; text-decoration:none;border:1px solid #FFF } 
.majuscule { width: 50%; margin: 0 auto; padding: 40px 10px; border: 1px solid #42B6D6; }
.informatique-mons-34390 { max-width: 1150px; margin: 0 auto; padding: 40px; }
.slidebackground { width: 100%; height: auto; position: relative; z-index: 100 !important; }
.global { padding: 0; margin: 0; display: table; width: 100%; vertical-align: top; box-sizing: border-box; }
.left { display: table-cell; width: 400px !important; vertical-align: top; margin: 0; padding: 40px !important; border-right: 1px solid #999; box-sizing: border-box; }
.droit { display: table-cell; font-size: 18px; vertical-align: top; padding: 40px; margin: 15px; box-sizing: border-box; text-align: justify; background-color: #FFF; }
.droit a:link, .droit a:visited { color: #18445F; font-weight: bold; }
.droit a:hover { color: #900; font-weight: bold; }
.info, .infocontact { padding: 0; margin: 0; display: table; width: 100%; vertical-align: top; box-sizing: border-box; }
.info .tr, .infocontact .tr { display: table-row; }
.info .gauche, .infocontact .gauche { display: table-cell; width: 280px; vertical-align: top; margin: 0; padding: 0; text-align: center; border-top: 5px solid #E7E7EB; background-color: #FFF; }
.info .droite, .infocontact .droite { display: table-cell; font-size: 18px; vertical-align: top; padding: 40px 0 0 40px; margin: 0; text-align: justify; border-top: 5px solid #E7E7EB; }
.info h2, .infocontact h2 { color: #18445F; }
.denis { width: 100%; height: auto; max-width: 600px; }
.info .gauche .rdv, .infocontact .gauche .rdv { font-size: 24px; font-weight: bold; padding: 20px 0; text-align: center; }
#portfolio { list-style: none; padding: 0; margin: 0; }
#portfolio li { display: inline-block; }
.gallery { margin: 40px 0; padding: 0; text-align: center; }
.informatique_herault_button { max-width: 250px; color: #FFF !important; padding: 8px 15px; background-color: #18445F; margin: 25px auto; display: block; border-radius: 4px; transition: all .5s; cursor: pointer; text-align: center; }
.informatique_herault_button:hover { transition: all .5s; transform: scale(1.05); background-color: #FF5C5C; }
.informatique_herault_div { width: 250px; min-height: 250px; background-color: #FFF; margin: 10px; display: inline-block; border: 1px #000000 solid; transition: all .5s; vertical-align: top; }
.informatique_herault_div:hover { margin: 4px 6px 16px 14px; transition: all .5s; box-shadow: -8px 8px 12px #666666; }
.informatique_herault_img { width: 250px; height: 250px; background-size: cover; background-position: center; }
.informatique_herault_txtimg { color: #18445F; padding: 8px; font-size: 16px; }
.txtpetit { font-size: 14px; }
.denis_billo { width: 100%; margin: 0; padding: 0; }
#button { font-size: 22px; line-height: 28px; color: #18445F; border: 1px #333 solid; margin: 8px; padding: 8px; text-align: center; width: 300px; text-decoration: none; background: linear-gradient(#EEEEEE, #42B6D6); display: inline-block; transition: all .4s; box-shadow: 0 0 5px rgba(0,0,0,0.5), 0 -1px 0 rgba(255,255,255,0.4); text-shadow: 0px 1px 0px rgba(255,255,255,0.2); font-weight: bold; }
#button:hover { background: linear-gradient(#42B6D6, #EEEEEE); transition: all .4s; text-decoration: none; color: #000; cursor: pointer; }
#map_canvas { width: 100%; height: 450px; }
.btnpdf { border: #FFF 1px solid; max-width: 450px; width: 100%; margin: 15px auto; padding: 10px; background-color: #DADBDC; transition: all .5s; text-align: center; display: block; }
.btnpdf:hover { border: #1C3A36 1px solid; background-color: #FFF; transition: all .5s; }
.btns { position: fixed; right: 0; top: 20px; z-index: 1000; overflow: hidden; background-color: #C6E0F0; }
.btnlangue { transition: all .4s; margin: 7px; display: inline-block; font-size: 18px; color: #18445F; }
.btnlangue:hover { opacity: 0.7; transition: all .4s; color: #900; }
.sarl_dbc_informatique_site_internet { max-width: 1150px; margin: 0 auto; padding: 40px; }
#cssmenu, #cssmenu ul, #cssmenu li, #cssmenu a { margin: 0; padding: 0; border: 0; list-style: none; font-weight: normal; text-decoration: none; line-height: 1; font-size: 16px; position: relative; }
#cssmenu a { line-height: 1.3; }
#cssmenu { width: 100%; }
#cssmenu > ul > li > a > span { background-color: #FFF; padding: 15px; display: block; font-size: 16px; font-weight: 300; transition: all .3s; }
#cssmenu > ul > li > a > span:hover { text-decoration: none; background-color: #D2F4FF; transition: all .3s; }
#cssmenu > ul > li > a:hover { text-decoration: none; background-color: #D2F4FF; transition: all .3s; }
#cssmenu > ul > li.active > a > span { color: #18445F; background-color: #E0E1E2; }
#cssmenu .active > ul[id] { display: block; }
.activee a { background-color: #F2F2F2 !important; font-weight: bold !important; }
.activee:hover { background-color: #D2F4FF !important; }
.activea span { background-color: #E0E1E2 !important; font-weight: bold !important; }
.contactc { font-size: 24px !important; font-weight: bold !important; }
#cssmenu span.cnt { position: absolute; top: 16px; right: 10px; padding: 0; margin: 0; background: none; font-size: 16px; }
#cssmenu ul ul { display: none; }
#cssmenu ul ul li { border-bottom: 1px solid #E7E7EB; border-top: 0; background-color: #FFF; }
#cssmenu ul ul a { padding: 10px 30px; display: block; font-size: 16px; }
#cssmenu ul ul a:hover { background-color: #D2F4FF; transition: all .3s; }
.cale { height: 1px; display: none; width: 400px; }
.caleok { display: block; width: 400px; }
#smarphone { width: 100%; overflow: hidden; padding: 0; margin: 0; background-color: #CCC; display: none; z-index: 2000000000; position: relative; }
#divmenu { overflow: hidden; float: left; width: 400px; margin: 0; position: relative; z-index: 2000; background-color: #E0E1E2; }
.fixNavigation { z-index: 9999; position: fixed !important; top: 20px; transition: all .5s; }
.rslides { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; display: block; }
.rslides li { position: absolute; display: block; width: 100%; left: 0; top: 0; }
.rslides li:first-child { position: relative; }
.rslides img { display: block; height: auto; width: 100%; border: 0; }
.rslides_container { margin: 0 auto; position: relative; width: 100%; }
.centered-btns_tabs { position: relative; margin-top: -55px; text-align: center; z-index: 1000; padding: 0; list-style: none; }
.centered-btns_tabs li { display: inline-block; margin-right: 5px; }
.centered-btns_tabs a { text-indent: -9999px; overflow: hidden; border-radius: 20px; background: rgba(0,0,0,0.2); display: inline-block; box-shadow: inset 0 0 2px 0 rgba(0,0,0,0.3); width: 15px; height: 15px; border: #CCC 1px solid; margin: 5px; }
.centered-btns_tabs a:hover { background: rgba(0,0,0,0.5); }
.centered-btns_here a { background: rgba(0,0,0,0.8) !important; }
.slider1 { background-color: #FFF; display: block; position: relative; width: 100%; }
#slider1 { position: relative; }
.infoSmartphone { display: none; }
.txtinfo { font-size: 22px; color: #FFF; }
.basliens {width:100%;text-align:center;margin:0;color:#FFF;background-color:#18445F; height:600px; padding: 60px 20px; box-sizing: border-box;}
.basliens a:link {color:#FFF}
.basliens a:visited {color:#FFF}
.basliens a:hover {color:#4FD1FE}
.bleu { color: #4FD1FE; }

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; }
    .reveal-loaded .reveal [class*="reveal-"] { opacity: 1 !important; transform: none !important; }
}

@media only screen and (max-width: 1000px) {
    .imgdbc { display: none !important; }
}

@media only screen and (max-width: 768px) {
    body { background: no-repeat center; background-size: cover; background-position: bottom; }
    h1 { font-size: 30px; padding: 10px 0; }
    h2 { font-size: 22px; }
    .back_top { bottom: 10px; right: 10px; width: 40px; height: 40px; background-size: cover; }
    #cssmenu { display: none; width: 100%; margin: 0 auto; box-sizing: border-box; padding: 0; }
    #cssmenu > ul > li > a > span { padding: 14px; background-color: rgba(79,172,234,0.8); border-radius: 15px; }
    #cssmenu > ul > li.active > a > span { color: #FFF; background-color: #40A0E1 !important; border-radius: 15px; }
    #cssmenu ul ul a { background-color: #B3ECFF; border-radius: 15px; }
    .activee a { border-radius: 15px; background-color: #B0D8F2; }
    .activea span { border-radius: 15px; background-color: #B0D8F2; }
    #divmenu { display: none; position: absolute; top: 130px; width: 100%; margin: 0 auto; box-sizing: border-box; padding: 0; float: none; }
    #smarphone { display: block; margin: 0; position: relative; }
    input, textarea, select { width: 100%; max-width: 250px; border: solid 1px #dcdcdc; }
    .btns { display: none; }
    .left { width: 1px; padding: 0 !important; display: block; }
    .droit { padding: 10px !important; display: block; box-sizing: border-box; }
    .centered-btns_tabs { display: none; }
    .majuscule { width: 90%; }
    .caleok { display: none; }
    .cale { display: none; }
    .basliens { min-height: 700px; padding: 40px 10px; box-sizing: border-box; }
    .infocontact { display: none; }
    .infoSmartphone { display: block; }
    .info .gauche, .infocontact .gauche { display: block; width: 100%; padding: 0; box-sizing: border-box; }
    .info .droite, .infocontact .droite { display: block; width: 100%; padding: 0; box-sizing: border-box; border-top: none; }
}