/* ******************************************************************************************** */
/*                                            COMMUN                                            */
/* ******************************************************************************************** */
@charset "utf-8";

@font-face {
    font-family: "Century Gothic";
    src: url('../../fonts/gothic.ttf');
}
@font-face {
    font-family: "Century Gothic";
    font-style: italic;
    src: url('../../fonts/gothici.ttf');
}
@font-face {
    font-family: "Century Gothic";
    font-weight: bold;
    src: url('../../fonts/gothicb.ttf');
}

/* Palette de couleurs */
:root {
	--blue0: #004A99;
	--blue1: #0f7ed9;
	--blue1bis: #0C65AF;
	--blue2: #A5BECD;
	--blue3: #D1DFE6;
	--blue4: #EDF2F5;
	--grey0: #4D4D4D;
	--grey1: #A5A5A5;
	--grey2: #D1D1D1;
	--grey3: #E0E0E0;
	--grey4: #F8F8F8;
}

*{
    margin: 0px;
    padding: 0px;
    font-weight: normal;
}

body {
	font-family: Arial, Sans-Serif;
    margin: 0px;
    padding: 0px;
}

.clear-both {
    clear: both;
}

/************ POUR IE ************/
a img{
    outline: none;
    border: none;
}

header, section, aside, nav, footer, figure, figcaptio {
    display: block; 
	z-Index: 9999;
}

/* ******************************************************************************************** */
/*                                          SPECIFIQUE                                          */
/* ******************************************************************************************** */

form {
	margin: 25px;
}

label {
	display: block;
	font-size: 12pt;
	color: var(--grey0);
}

input {
	font-size: 14pt;
}

input[name=firstname], input[name=lastname], input[name=email], input[name=phone] {
	width: 200px;
}

div.box {
	float: left;
	margin-bottom: 15px;
	margin-right: 25px;
}

div#request {
	margin-top: 10px;
}

span.label-radio {
	font-size: 12pt;
	color: var(--grey0);
}

label[for=nbviews] {
	display: inline;
	color: var(--grey0);
	font-size: 12pt;
}

input[name=nbviews] {
	width: 60px;
	text-align: right;
}

label[for=sound] {
	display: inline;
	color: var(--grey0);
	font-size: 12pt;
}

div#estimate {
	margin-bottom: 25px;
}

table,th,td {
	border: 1px solid;
	border-color: var(--grey2);
	border-collapse: collapse;
}

th,td {
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 4px;
	padding-bottom: 4px;
}

th {
	font-weight: bold;
}


table th.designation {
	text-align: left;
	width: 220px;
}

table th.pu {
	text-align: center;
	width: 100px;
}

table th.qte {
	text-align: center;
	width: 50px;
}

table th.amount {
	text-align: center;
	width: 100px;
}

table td.designation {
	text-align: left;
}

table td.pu {
	text-align: right;
	white-space: nowrap;
}

table td.qte {
	text-align: center;
}

table td.amount {
	text-align: right;
	white-space: nowrap;
}

table td.total {
	text-align: right;
	font-weight: bold;
	white-space: nowrap;
}

table td.totalamount {
	text-align: right;
	font-weight: bold;
	white-space: nowrap;
}

table td.tva {
	text-align: center;
	font-size: 10pt;
}

textarea {
	width: 528px;
}

div#submit {
	width: 528px;
	text-align: center;
}

input[type=submit] {
	width: 150px;
	border: 1px solid var(--grey1);
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 7px;
	padding-right: 7px;
	border-radius: 30px;
}

/* Captcha */
.g-recaptcha {
	margin-top: 5px;
	margin-bottom: 15px;
	margin-left: 0px;
}

#messageRetourDevis {
	margin-left: 25px;
	margin-top: 25px;
}

#buttonRetourDevis {
	margin-left: 25px;
	margin-top: 25px;
	font-size: 10pt;
	border: 1px solid var(--grey1);
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 7px;
	padding-right: 7px;
	border-radius: 30px;
}