/** titillium-web **/

@font-face{
	font-family:'TitilliumWeb';
	font-style:normal;
	font-weight:200;
	src:url('https://taup-debouchage.fr/public/font/titillium-web-200.ttf') format('truetype');
}

@font-face{
	font-family:'TitilliumWeb';
	font-style:normal;
	font-weight:300;
	src:url('https://taup-debouchage.fr/public/font/titillium-web-300.ttf') format('truetype');
}

@font-face{
	font-family:'TitilliumWeb';
	font-style:normal;
	font-weight:400;
	src:url('https://taup-debouchage.fr/public/font/titillium-web-400.ttf') format('truetype');
}

@font-face{
	font-family:'TitilliumWeb';
	font-style:normal;
	font-weight:600;
	src:url('https://taup-debouchage.fr/public/font/titillium-web-600.ttf') format('truetype');
}

@font-face{
	font-family:'TitilliumWeb';
	font-style:normal;
	font-weight:700;
	src:url('https://taup-debouchage.fr/public/font/titillium-web-700.ttf') format('truetype');
}

@font-face{
	font-family:'TitilliumWeb';
	font-style:normal;
	font-weight:900;
	src:url('https://taup-debouchage.fr/public/font/titillium-web-900.ttf') format('truetype');
}


/** material-icons **/


@font-face{
	font-family:'MaterialIcons';
	font-style:normal;
	font-weight:400;
	src: url(https://taup-debouchage.fr/public/font/material-icons.ttf) format('truetype');
}

mi{
	display:inline-block;
	top:-0.08em;
	font-family:'MaterialIcons';
	vertical-align:middle;
	font-weight:normal;
	font-style:normal;
	text-transform:none;
	-webkit-font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
	-moz-osx-font-smoothing:grayscale;
	font-feature-settings:'liga';
}



/** default **/

/* Tags */

*, :before, :after{position:relative;box-sizing:border-box;padding:0;margin:0;border:0;}
html{width:100%;height:100%;overflow:hidden;font-size:16px;}
body{width:100%;height:100%;overflow:auto;color:#333;background-color:#eee;}
header, footer, content, section, main, aisde, nav, iframe{display:block;}
a{text-decoration:none;color:inherit;}
input, select, textarea, button{font-family:inherit;outline:none;}
button{background:none;color:inherit;}
label[for], a[href], input[type=submit], button{cursor:pointer;}
blockquote, q{font-style:italic;color:#666;}
blockquote:before, q:before{content:"« ";}
blockquote:after, q:after{content:" »";}
ul, ol{list-style:none;}


/* Basic CSS */

/* display */
.wg-db{display:block;}
.wg-di{display:inline;}
.wg-dib{display:inline-block;}
/* float */
.wg-fl{float:left;}
.wg-fr{float:right;}
.wg-cl{clear:left;}
.wg-cr{clear:right;}
.wg-cb{clear:both;}
/* margin */
.wg-ma{margin-left:auto;margin-right:auto;}
.wg-mla{margin-left:auto;}
.wg-mra{margin-right:auto;}
/* text-align */
.wg-tal{text-align:left;}
.wg-tac{text-align:center;}
.wg-tar{text-align:right;}
.wg-taj{text-align:justify;}
/* text-transform */
.wg-ttn{text-transform:none;}
.wg-ttc{text-transform:capitalize;}
.wg-ttu{text-transform:uppercase;}
.wg-ttl{text-transform:lowercase;}
/* overflow */
.wg-ov{overflow:visible;}
.wg-oa{overflow:auto;}
.wg-os{overflow:scroll;}
.wg-oh{overflow:hidden;}
/* background-attachment */
.wg-bas{background-attachment:scroll;}
.wg-bal{background-attachment:local;}
.wg-baf{background-attachment:fixed;}
/* font-size */
.wg-fs0{font-size:0;}


/* Complex CSS */

.wg-ib{display:inline-block;vertical-align:middle;line-height:normal;}
.wg-full{top:0;left:0;width:100%;height:100%;}
.wg-toh{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.wg-tdu:hover{text-decoration:underline;}
.wg-cba:after{display:block;clear:both;content:'';}


/* Width */

.wg-100{width:100%;}
.wg-66{width:66.666%;}
.wg-50{width:50%;}
.wg-33{width:33.333%;}
.wg-25{width:25%;}
.wg-10{width:10%;}


/* Colors */

.wg-white{background-color:#fff;}
.wg-black{background-color:#333;}
.wg-grey{background-color:#777;}
.wg-pink{background-color:#bd4895;}
.wg-orange{background-color:#c37f4a;}
.wg-green{background-color:#70b949;}
.wg-blue{background-color:#2186de;}
.wg-red{background-color:#a54040;}



/** front **/

/* Tags */
html{font-family:TitilliumWeb;padding:50px 0 50px;}
body{color:#333;background:#eee url('https://d2v9y0dukr6mq2.cloudfront.net/video/thumbnail/Rp3ZIJe/videoblocks-blurred-background-of-apple-garden-in-sun-light-prores-footage_bpneqsnkw_thumbnail-full01.png') no-repeat center center;background-size:cover;}


/* Connection */
.connection{}
.connection-form{width:300px;margin:auto;background-color:white;padding:36px;box-shadow:0 0 50px 0 rgba(0, 0, 0, 0.3);}
.connection-title{margin:-36px -36px 36px -36px;background-color:#796a64;padding:12px 36px;font-size:30px;font-weight:100;color:white;text-align:center;}
.connection-label{font-weight:600;margin:24px 0 3px 0;}
.connection .input{margin-bottom:36px;}
.connection-button{display:block;height:40px;width:100%;background-color:#796a64;text-align:center;font-size:18px;text-transform:uppercase;font-family:inherit;color:white;}
.connection-button:hover{opacity:0.9;}

/* Footer */
.footer{position:fixed;bottom:0;left:0;right:0;height:50px;line-height:50px;background-color:white;box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.2);z-index:100;}
.footer{font-size:16px;font-style:italic;text-align:center;}
.footer a:hover{text-decoration:underline;color:#796a64;}

/* Global */
.full{display:flex;width:100%;min-height:100%;}
.input-label{font-weight:600;padding-bottom:3px;}
.input-icon{position:absolute;font-family:MaterialIcons;color:#796a64;font-size:20px;width:40px;line-height:40px;text-align:center;z-index:1;}
.input{display:block;width:100%;height:40px;border-bottom:2px solid #eee;padding:0 8px;font-family:inherit;font-size:16px;background:none;}
.input-icon + .input{padding-left:40px;}
.input::placeholder{color:#aaa;}
.input:-ms-input-placeholder{color:#aaa;}
.input:-webkit-input-placeholder{color:#aaa;}
.input:focus{border-color:#796a64;}
.input option{padding:0 8px;}

/* Header */
.header{position:fixed;top:0;left:0;right:0;height:50px;line-height:50px;background-color:white;box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.2);z-index:100;}
.header-content{max-width:1200px;margin:0 auto;text-align:center;}
.header-home{float:left;}
.header-logo{display:inline-block;vertical-align:top;max-height:50px;padding:4px;}
.header-title{display:inline-block;vertical-align:top;font-size:20px;padding:4px 0;line-height:normal;font-family:'Comic Sans MS', TitilliumWeb;}
.header-nav{display:inline-block;vertical-align:top;}
.header-link{display:inline-block;padding:0 20px;font-size:18px;font-weight:600;border:2px solid transparent;line-height:46px;}
.header-link:hover{color:#796a64;}
.header-link.selected{color:#796a64;border-bottom-color:#796a64;}
.header-account{float:right;display:flex;height:50px;align-items:center;background-color:rgba(121, 106, 100, 0.2);}
.header-contact{line-height:1.2;padding:0 24px;}
.header-contact-name{font-size:16px;color:#796a64;font-weight:600;}
.header-contact-mail{font-size:14px;}
.header-contact-form{line-height:normal;margin:0 8px 0 -16px;}
.header-disconnect{width:40px;height:40px;line-height:40px;border-radius:50%;font-family:MaterialIcons;font-size:20px;}
.header-disconnect:hover{color:#796a64;background-color:rgba(121, 106, 100, 0.2);}

/* List */
.list{}
.list-title{margin:50px auto;max-width:1000px;background-color:#796a64;color:white;font-size:24px;font-weight:100;text-transform:uppercase;text-align:center;box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.2);padding:12px 24px;}
.list-search{margin:50px auto;max-width:1000px;background-color:white;box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.2);padding:24px;}
.list-inputs{display:flex;margin:-12px;align-items:flex-end;}
.list-inputs > *{margin:12px;}
.list-inputs > div{flex:1 1;}
.list-results{margin:50px auto;max-width:1000px;background-color:white;box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.2);min-height:400px;padding:24px;}
.list-head{margin:-24px -24px 24px -24px;background-color:rgba(121, 106, 100, 0.2);color:#796a64;font-weight:700;padding:6px 24px;font-size:16px;}
.list-button{display:inline-block;height:40px;padding:0 24px;color:white;background-color:#796a64;font-size:16px;}

/* Popup */
.popup{position:fixed;display:flex;top:0;left:0;right:0;bottom:0;z-index:1000;}
.popup-out{position:absolute;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.5);cursor:pointer;}
.popup-content{margin:auto;background-color:white;box-shadow:0 0 50px 0 rgba(0, 0, 0, 0.3);}
.popup-head{background-color:#796a64;color:white;padding:12px 36px;font-size:18px;font-weight:700;text-transform:uppercase;}
.popup-text{padding:36px;white-space:pre-wrap;font-size:18px;}
.popup-foot{padding:0 36px 36px;text-align:center;}
.popup-foot .button{display:inline-block;height:40px;background-color:#796a64;color:white;font-size:18px;padding:0 36px;}
.popup-foot .button:hover{opacity:0.9;}

/* Table */
.table{width:100%;border-spacing:0;font-size:17px;}
.table th{padding:9px 12px;text-transform:uppercase;font-weight:700;color:#796a64;border-bottom:2px solid #796a64;}
.table td{padding:9px 12px;}
.table tbody tr:nth-child(2n+1){background-color:rgba(121, 106, 100, 0.1);}
.table .table-sortable{padding:0;}
.table .table-sortable.asc > a:before{vertical-align:middle;font-size:20px;font-family:MaterialIcons;content:"\e5c7";}
.table .table-sortable.desc > a:before{vertical-align:middle;font-size:20px;font-family:MaterialIcons;content:"\e5c5";}
.table .table-sortable > a{display:block;padding:9px 12px;}
.table .table-sortable > a:hover{background-color:rgba(121, 106, 100, 0.2);}
.table-button{display:inline-block;background-color:#796a64;color:white;padding:6px 12px;margin:-6px 0;font-size:16px;}
.table-button:hover{opacity:0.9;}

/* Scrollbar Chrome */
::-webkit-scrollbar{width:12px;height:12px;background-color:rgba(121, 106, 100, 0.2);}
::-webkit-scrollbar-thumb{background-color:rgba(121, 106, 100, 0.8);}
::-webkit-scrollbar-thumb:hover{background-color:#796a64;}