﻿@import 'https://fonts.googleapis.com/css?family=Open+Sans:300&subset=latin,greek-ext,cyrillic-ext,greek,vietnamese,cyrillic,latin-ext';
.tableFormContact {background-color:#1A2223;position:absolute;top:0;left:0;height:100vh;width:100vw;z-index:10;padding:12px;font-size:14px;font-family:'Open Sans','Helvetica Neue', 'Helvetica'}
.tableFormContact input,
.tableFormContact textarea,
.tableFormContact select {background-color:#000;border:none;border-bottom: solid 1px rgba(255,255,255,0.2);color:#D3D3D3;padding:8px;width:100%}

/* Form */
.tableFormContact > ng-form,
.tableFormContact > div {position:absolute;top:0;left:0;height:100vh;width:100vw;z-index:11;padding:12px;-webkit-transition: all 0.5s cubic-bezier(0.25, 0.1, 0.25, 1); -moz-transition: all 0.5s cubic-bezier(0.25, 0.1, 0.25, 1);  -o-transition: all 0.5s cubic-bezier(0.25, 0.1, 0.25, 1); transition: all 0.5s cubic-bezier(0.25, 0.1, 0.25, 1)}
.tableFormContact > ng-form {top:-100%;}
.tableFormContact > ng-form.on {top:0;}
.tableFormContact > div {top:200%;}
.tableFormContact > div.on {top:0;}


.tableFormContact .bigtitle {margin:8px;text-align:center}
.tableFormContact section {margin:12px 0}
.tableFormContact section div {margin:0 12px}
.tableFormContact section div span {color:#fff;display:block}
.tableFormContact section div span.err {color:#c40;display:block}
.tableFormContact section div input {}
.tableFormContact section div select {padding: 7px 8px;}
.tableFormContact section div select[multiple] {padding:2px;height:181px}
.tableFormContact section div textarea {}
.tableFormContact section div select option {padding:4px;color:#757575;outline:none!important;}
.tableFormContact section div select option.subCategorie {margin-left:32px;}

.tableFormContact section div select[multiple]:focus option {color:#D3D3D3}
.tableFormContact section div select[multiple]:focus option:checked {background: #1A2223 linear-gradient(0deg, #1A2223 0%, #1A2223 100%);}*/
.tableFormContact section div select[multiple] option:checked {background: #757575 linear-gradient(0deg, #757575 0%, #757575 100%); color: #fff}

.tableFormContact section div.submit a,
.tableFormContact div.newBox a {text-align: center;color: #ffffff;background-color: #C33F22;padding: 12px;text-transform: uppercase;display:inline-block}
.tableFormContact div.newBox a {padding:48px;margin:auto}


/* masquage des volumes de garde */

table.vin-1006 > tbody > tr:nth-of-type(6) {display:none}