BODY { margin:0; padding:0; font-size:18px;color:#18445F;font-family: Arial, Helvetica, sans-serif;font-size:20px;font-stretch:extra-expanded;background-color:#FFF } 
h1 {font-size:40px;padding:0;margin:50px 0;text-align:center;font-weight:300; color:#18445F}
h2 {font-size:28px; color:#18445F; text-align:center; font-weight:bold}
.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;}
.back_top:hover {opacity:0.9;transition: .5s;}
a:link, a:visited { color:#18445F; text-decoration:none;transition:all .5s } 
a:hover { color:#000; text-decoration:none;transition:all .5s }
.centre, .liens {text-align:center}
.liens a:link {margin:3px; color:#000; font-size:16px; text-decoration:none; display:inline-block; padding:8px 15px; background-color:#DEE0E2; border-radius:3px; transition: .5s; } 
.liens a:visited { color:#000; text-decoration:none;transition:.5s; } 
.liens a:hover { color:#069; text-decoration:none;background-color:#3FF;transition: .5s; }
.mons {width:100%; height:auto;vertical-align:top}
.herault {line-height:60px; text-align:center; background-color:#3FA8CA; color:#000 !important; vertical-align:top;transition:.3s}
.herault:hover {background-color:#2DDEFF; color:#069;transition:.3s}
.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 } 
.basliens {width:100%;text-align:center;margin:0;color:#FFF;background-color:#18445F; height:600px;}
.basliens a:link {color:#FFF}
.basliens a:visited {color:#FFF}
.basliens a:hover {color:#4FD1FE}
.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;width:100%;vertical-align:top;box-sizing: border-box;}
.global .txt{font-size:18px;vertical-align:top;padding:40px;margin:0 auto;text-align:justify; background-color:#FFF;width:100%;max-width:1000px;box-sizing: border-box;  }
.global .txt li a:link{color:#18445F; font-weight:bold; display:block; padding:10px 5px; background-color:#F0F0F0; margin:4px 0; border-radius:3px;box-sizing: border-box;}
.global .txt li a:visited{color:#18445F; font-weight:bold}
.global .txt li a:hover{color:#3DBFF9; font-weight:bold}
.info {padding:0; margin:0; display:table;width:100%;vertical-align:top}
.info .tr{display:table-row; }
.info .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 {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{color:#18445F}
.denis {width:100%; max-width:600px; height:auto;}
.info .gauche .rdv {font-size:24px;font-weight:bold;padding:20px 0; text-align:center}
.informatique_herault_button { max-width:250px;color:#FFF !important; padding:8px 15px; 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 }
.btns {position:absolute;right:0;top:20px;z-index:1000;overflow:hidden;background-color:#C6E0F0;position: fixed;}
.btnlangue {transition:all .4s;margin:7px;display:inline-block;font-size:18px; color:#18445F;transition:all .4s}
.btnlangue:hover {opacity:0.7;transition:all .4s;color:#900}
.sarl_dbc {width:auto; padding:50px 0; text-align:center; }
.sarl_dbc .txtinfo {font-size:22px; color:#18445F}
.sarl_dbc .bleu {color:#4FD1FE}
.herault {line-height:60px; text-align:center; background-color:#3FA8CA; color:#FFF; vertical-align:top; transition:.3s; }
.herault:hover {background-color:#2DDEFF; color:#069;transition:.3s}
.infoSmartphone {display:none}

@media only screen and (max-width:1200px){
	.info {display:none}
	.infoSmartphone {display:block;padding:15px; box-sizing: border-box;}	
	.infoSmartphone h2{font-size:22px; }
}

@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}
	.btns {display:none}
	.global .txt {padding:10px;}
}