@font-face {font-family: 'Open Sans';src: url('Open_Sans/OpenSans-Light.ttf') format('truetype');font-weight: 300;font-style: normal;}
@font-face {font-family: 'Open Sans';src: url('Open_Sans/OpenSans-LightItalic.ttf') format('truetype');font-weight: 300;font-style: italic;}
@font-face {font-family: 'Open Sans';src: url('Open_Sans/OpenSans-Regular.ttf') format('truetype');font-weight: 400;font-style: normal;}
@font-face {font-family: 'Open Sans';src: url('Open_Sans/OpenSans-Italic.ttf') format('truetype');font-weight: 400;font-style: italic;}
@font-face {font-family: 'Open Sans';src: url('Open_Sans/OpenSans-Semibold.ttf') format('truetype');font-weight: 600;font-style: normal;}
@font-face {font-family: 'Open Sans';src: url('Open_Sans/OpenSans-SemiboldItalic.ttf') format('truetype');font-weight: 600;font-style: italic;}
@font-face {font-family: 'Open Sans';src: url('Open_Sans/OpenSans-Bold.ttf') format('truetype');font-weight: 700;font-style: normal;}
@font-face {font-family: 'Open Sans';src: url('Open_Sans/OpenSans-BoldItalic.ttf') format('truetype');font-weight: 700;font-style: italic;}
@font-face {font-family: 'Open Sans';src: url('Open_Sans/OpenSans-ExtraBold.ttf') format('truetype');font-weight: 800;font-style: normal;}
@font-face {font-family: 'Open Sans';src: url('Open_Sans/OpenSans-ExtraBoldItalic.ttf') format('truetype');font-weight: 800;font-style: italic;}

* {padding:0;margin:0;-webkit-tap-highlight-color: rgba(0,0,0,0);outline:0;-webkit-appearance:none;}
html,body {width:100%;height:100%;font-family:"Open Sans";font-size:14px;font-weight:300;background-color:rgba(0,0,0,0.01);box-sizing:border-box;}
svg {vertical-align:bottom}
input[type=range] {background-color:#f1f1f1;border:1px solid rgba(0,0,0,0.1);background: transparent;background: transparent;border-color: transparent;color: transparent;}
input[type=range]::-webkit-slider-thumb {border: 1px solid rgba(0,0,0,0.1);border-radius: 3px;background: #ffffff;cursor: pointer;margin-top:-4px;box-shadow: 1px 1px 1px rgba(0,0,0,0.1);}
input[type=range]::-webkit-slider-runnable-track {width: 100%;height:8px;cursor: pointer;box-shadow: 1px 1px 1px rgba(0,0,0,0.1);background:rgba(0,0,0,0.1);border-radius:2px; border:1px solid rgba(0,0,0,0.1);}

#header {width:100%;background-color:#1e2c32;background-image:URL('../graph/boweb_pic_c.png');background-repeat:no-repeat;background-position:center center;background-size:contain;border-bottom:1px solid rgba(0,0,0,0.1);}
#header table {width:100%;height:100px;border:0;}
#logo {display:inline-block;width:300px;height:100px;background-image:URL('../graph/boweb_logo_white.png');background-repeat:no-repeat;background-position:center center;background-size:66%;margin:0}
#menu {display:inline-block;width:100%;line-height:100px;vertical-align:middle;color:#fff;text-align:right;padding-right:1em;box-sizing:border-box}
#menu a {text-decoration:none;color:#fff;margin:0 0.5em}
#menu a:hover {text-decoration:underline}
#about {position:relative;padding:2em 4em;background-color:#fff;box-sizing:border-box}
#tool {position:relative;padding:2em 4em;background-color:#2b97de;color:#fff;box-sizing:border-box}
#admin {position:relative;padding:2em 4em;background-color:#f1f1f1;box-sizing:border-box}
#solution {position:relative;padding:2em 4em;background-color:#3aac98;color:#fff;box-sizing:border-box}
#contact {position:relative;padding:2em 4em;background-color:#1e2c32;color:#fff;box-sizing:border-box}
#contact_form {position:relative;width:50%;margin:2em auto;text-aglin:center;color:#fff}
#connection {position:relative;width:33%;margin:1em auto 5em auto;text-align:center;color:#fff}
#signup {position:relative;padding:2em;background-color:#fff;box-sizing:border-box}
#signup_form {position:relative;width:100%;margin:2em auto;text-aglin:center;color:#000}
#form {position:relative;width:33%;margin:1em auto 5em auto;text-align:center;color:#fff}
#promise {position:relative;width:75%;margin:1em auto 5em auto;text-align:center;color:#fff}
#content {position:relative;padding:2em;background-color:#fff;box-sizing:border-box}
#content .text {width:66%;margin:2em auto;font-size:1em}
#footer {background-color:rgba(0,0,0,0.01);padding:2em}
.s {color:#aaa}
.white {color:#fff}
.black {color:#000}
.blue {color:#2b97de}
.center {text-align:center}

.action_black, .action_white, .action_blue {display:inline-block;padding:1em;font-size:1em;font-weight:600;margin:2em 0;cursor:pointer}
.action_black:hover, .action_white:hover, .action_blue:hover {box-shadow:5px 5px 0 rgba(0,0,0,0.1)}
.action_black {border:1px solid #000;background-color:#000}
.action_blue {border:1px solid #2b97de;background-color:#2b97de}
.action_white {display:inline-block;border:1px solid #fff;background-color:#fff}
.compat {width:2em;height:2em;background-repeat:no-repeat;background-size:50%;background-position:center center}

.tablesolution {width:50%;border:0;padding:0;margin:2em auto;border-collapse:0;border-spacing:1em}
.tablesolution td {padding:1em;border:1px solid #fff;vertical-align:top;text-align:center}
.tablesolution td.items {text-align:right}
.tablesolution td.checked {background-image:URL('../graph/boweb_ico_checked.png');background-repeat:no-repeat;background-position:center center;background-size:20px 20px}
.tablesolution td.noborder {border:0}
.tablesolution td.amount {color:#3aac98;background-color:#fff}
.tablesolution td .price {font-weight:600;font-size:3em}

.tableindex {width:100%;border:0;padding:0;margin:0;border-collapse:0;border-spacing:0}
#about .tableindex {width:50%;margin:auto;}
.tableindex_contact {margin-top:2em}
.tableindex td {vertical-align:top}
.tableindex_about {width:15%;text-align:left;margin:auto}
.tableindex_about img {width:75%;max-width:200px}
.tableindex_tool {width:50%;text-align:center;}
.tableindex_tool img {width:100%;;max-width:600px;}
.tableindex_backoffice {width:50%;text-align:center;}
.tableindex_backoffice img {width:100%;max-width:600px;}
.tableindex_contact_gap {width:10%}
.tableindex_contact_form, .tableindex_contact_coords {width:45%}

.title {font-size:3em;font-weight:600}
.text {font-size:1.5em; opacity:.66}
#subtitle {font-size:1em;font-weight:400;color:#aaa}
#subtitle a {color:#aaa;text-decoration:none}

.zone {border-top:1px solid rgba(0,0,0,0.1);border-bottom:1px solid rgba(0,0,0,0.1);box-shadow:inset 0 8px 8px rgba(0,0,0,0.025);padding:1em;margin:1em auto}
.form_std input[type=text], .form_std input[type=password] {font-size:1em;text-indent:0.5em;width:100%;height:3em;line-height:3em;border:1px solid rgba(0,0,0,0.1);vertical-align:bottom;box-sizing:border-box}
.form_std input[type=submit] {font-size:1em;width:100%;height:3em;border:0;color:#fff;font-weight:600;background-color:#2b97de;text-transform:uppercase;vertical-align:bottom;box-sizing:border-box}
.form_std textarea {font-size:1em;width:100%;height:200px;padding:1em 0.5em;border:1px solid rgba(0,0,0,0.1);resize:none;box-sizing:border-box}
.form_std input.margin-bottom {margin-bottom:1em}
.section {text-transform:uppercase;font-weight:600;color:1e2c32}

.case {float:left;width:25%;min-width:250px;border:1px solid rgba(0,0,0,0.1);background-color:#fff;box-shadow:inset 0 2px 2px rgba(0,0,0,0.025);padding:1em;margin:1em}
.bloc {border:1px solid rgba(0,0,0,0.1);background-color:#fff;box-shadow:inset 0 2px 2px rgba(0,0,0,0.025);padding:1em;margin:1em auto;box-sizing:border-box}

.WEB_code_textarea {width:300px;height:3em;font-size:0.75em;resize:none;border:1px solid rgba(0,0,0,0.1);padding:0.5em}

#response_ok {position:fixed;top:1em;right:1em;font-size:1em;background-color:rgba(184,216,176,0.8);color:#000;padding:1em}
#response_ok_ico {display:inline-block;width:1em;height:1em;background-image:URL('../graph/boweb_ico_response_ok.png');background-repeat:no-repeat;background-position:bottom center;background-size:100%;margin-right:0.5em;vertical-align:middle}
#response_ko {position:fixed;top:1em;right:1em;font-size:1em;background-color:rgba(247,46,56,0.8);color:#fff;padding:1em}
#response_ko_ico {display:inline-block;width:1em;height:1em;background-image:URL('../graph/boweb_ico_response_ko.png');background-repeat:no-repeat;background-position:bottom center;background-size:100%;margin-right:0.5em;vertical-align:middle}
#response_info {position:fixed;top:1em;right:1em;font-size:1em;background-color:rgba(238,224,155,0.8);color:#000;padding:1em}
#response_info_ico {display:inline-block;width:1em;height:1em;background-image:URL('../graph/boweb_ico_response_info.png');background-repeat:no-repeat;background-position:bottom center;background-size:100%;margin-right:0.5em;vertical-align:middle}
.response_close {margin-left:2em;cursor:pointer}
.response_info {position:relative;padding:1em;margin:1em auto;font-size:1em;background-color:rgba(238,224,155,0.8);color:#000;padding:1em}
.response_info_ico {display:inline-block;width:1em;height:1em;background-image:URL('../graph/boweb_ico_response_info.png');background-repeat:no-repeat;background-position:bottom center;background-size:100%;margin-right:0.5em;vertical-align:middle}

.item_del {display:inline-block;width:1em;height:1em;background-image:URL('../graph/boweb_ico_delete.png');background-repeat:no-repeat;background-position:bottom center;background-size:100%;margin-right:0.5em;vertical-align:middle}
.item_mood_good, .item_mood_bad {display:inline-block;width:1em;height:1em;background-repeat:no-repeat;background-position:bottom center;background-size:100%;margin-right:0.5em;vertical-align:middle}
.item_mood_good {background-image:URL('../graph/backop_ico_good.png');}
.item_mood_bad {background-image:URL('../graph/backop_ico_bad.png');}
.item_important_on, .item_important_off {display:inline-block;width:1em;height:1em;background-repeat:no-repeat;background-position:bottom center;background-size:100%;margin-right:0.5em;vertical-align:middle}
.item_important_on {background-image:URL('../graph/boweb_ico_important.png')}
.item_important_off {}
.item_bans {display:inline-block;width:1em;height:1em;background-image:URL('../graph/boweb_ico_bans.png');background-repeat:no-repeat;background-position:bottom center;background-size:100%;margin-right:0.5em;vertical-align:middle}

.dash_name {text-align:center;font-weight:600;color:#000}
.dash_name a {text-decoration:none}
.dash_url {text-align:center;color:#aaa}
.dash_url a {text-decoration:none;color:#aaa}
.dash_button {width:100%;font-size:0.75em;font-weight:600;background-color:#2b97de;color:#fff;text-transform:uppercase;height:32px;vertical-align:bottom;border:0;margin-top:2em;box-sizing:border-box}
.dashtable {width:100%;margin:2em auto;border:0}
.dashtable_ico {width:50px;vertical-align:top}
.dashtable_txt {vertical-align:top;color:#aaa;padding:0.5em}

.tablefooter {width:100%;border-spacing:0;font-size:1em}
.tdfooter_links {text-align:right}
.tdfooter_links a {color:#000;text-decoration:none}
.tdfooter_links a:hover {color:#000;text-decoration:underline}

@media only screen and (max-width: 640px) {
	#logo {display:block;width:50%;background-size:contain;margin:auto}
	#menu {display:block;width:100%;line-height:1.5em;text-align:center}
	#menu a {text-decoration:none;color:#fff;margin:0}
	#about, #tool, #admin, #solution, #contact {padding:2em}
	.tablesolution {width:100%;border-spacing:0.5em}
	.tablesolution td {padding:0.5em}
	.tableindex_about, .tableindex_tool, .tableindex_backoffice {width:100%;text-align:center;margin:auto}
	.tableindex td {display:block;width:100%}
	#about .tableindex {width:100%}
	#contact_form {width:100%}
	#signup_form {width:100%}
	#content .text {width:100%}
	#connection {width:75%;margin-top:3em}
	#form {width:75%;margin-top:3em}
	.tablefooter td {display:block;width:100%;text-align:left}
}