/****************************************************************
*************************GENERAL*********************************
*****************************************************************/

/*Dive container = ce qui permet de centrer le texte*/
.row {
	padding-left: 12px;
	padding-right: 16px;
}
/*Titre de la page*/
.page-titre {
	margin: 30px 0;
	text-transform: uppercase;
}
.texte{
	text-align:center;
}
/*Sous-menu*/
.bandeau {
	position: relative;
	margin-bottom: 2rem;
	border-bottom: 2px solid #f8ac00;
	background-size: cover;
	background-repeat: no-repeat;
}
.bandeau .page-menu {
	position: relative;
	z-index: 10;
}
.page-menu {
	display: table;
	width: 100%;
}

/*Paragraphe*/
p {
	margin-bottom: 1rem;
	font-size: inherit;
	line-height: 1.6;
	text-rendering: optimizeLegibility;
}

h5{
	text-align:left;
}

h3{
	text-align: center;
}

/*liens*/
.link {
	color :red;
}

span{
	color: rgb(248, 172, 0);
}

.row #ulmesure li::before {
	content: "•";
	position: absolute;
	top: -10px;
	left: 0px;
	line-height: 1;
	font-size: 40px;
	color: rgb(248, 172, 0);
}
.row #ulmesure li {
	position: relative;
	padding: 0 0 0 30px;
}

/* Formulaire */
.formulaire_contact{
	/*max-width: 73.125rem;*/
	/*margin-right: auto;
	margin-left: auto;*/
	max-width: 600px;
	margin: 20px auto;
}
/* Message error Zend Form*/
.errors{
	color:red;
}

input[type='text'] {
	display: block;
	box-sizing: border-box;
	height: 2.4375rem;
	margin: 0 0 1rem;
	padding: .5rem;
	border: 1px solid #cacaca;
	border-radius: 0;
	background-color: #fefefe;
	box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
	font-family: inherit;
	font-size: 1rem;
	font-weight: normal;
	color: #0a0a0a;
	transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
	-webkit-appearance: none;
	 text-align: center;
}

#terminer, #retour, #continuer,#client-setcoordonnees #Envoyer{
	background-color: #F8AE00;
	border: none;
	font-weight: bold;
	color: black;
	padding: 15px 32px;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	margin: 4px 2px;
	cursor: pointer;
	border-bottom: 4px solid #d78808;
	font-family: 'Titillium Web', sans-serif;
}

.error{
	float:right;
	color:red;
}

/************* SET COORDONNEES *******************/
#client-setcoordonnees .off-canvas-content {
	margin-top: 3%;
	margin-left: 20%;
	margin-right: 20%;
}

/****************************************************************
*************************CLIENT**********************************
*****************************************************************/

/************************
***** MON COMPTE ********
*************************/
#compte td,#moncompte td, #centrale td{
	border-bottom : 1px solid black;
	background-color: white;
	width: 20%;
}

/************************
**** DECLARATION ********
*************************/
.finalisationmesure{
	color:darkolivegreen;
}

#table_historesistance, #table_histofabrication,#table_histomesure{
	display: table;
	border-collapse: separate;
	border-spacing: 1px;
}

/*#table_historesistance_wrapper,#table_histofabrication_wrapper,#table_histomesure_wrapper,#table_declarerresistance_wrapper, #table_declarerfabrication_wrapper{
	overflow-x: auto;
}*/

#table_historesistance, #table_historesistance td, #table_historesistance th ,#table_histofabrication table,#table_histofabrication td,#table_histofabrication th,#table_histomesure th,#table_histomesure td,#table_histomesure th,#table_declarerresistance, #table_declarerresistance td, #table_declarerresistance th,#table_declarerfabrication,#table_declarerfabrication td,#table_declarerfabrication th
,#table_mesureretrait, #table_mesureretrait td, #table_mesureretrait th
{
	border: 1px solid #ddd;
	text-align: center;
}
#table_historesistance th,#table_histofabrication th,#table_histomesure th,#table_declarerresistance th,#table_declarerfabrication th, #table_mesureretrait th {
	background-color: #000000;
	color: white;
}
#table_declarerresistance,#table_declarerfabrication, #table_mesureretrait{
	border-collapse: collapse;

}
#table_declarerresistance th, #table_declarerresistance td,#table_declarerfabrication th,#table_declarerfabrication td
,#table_mesureretrait th, #table_mesureretrait td
{
	padding: 15px;
}

.bouton_declaration #declres, .bouton_declaration #declfra, .bouton_declaration #declmes {
	background-color: #F8AE00;
	float:left;
	border: none;
	font-weight: bold;
	color: black;
	padding: 10px 20px;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	margin: 4px 3px;
	cursor: pointer;
	font-family: 'Titillium Web', sans-serif;
	border-radius: 12px; 
}

input:disabled, input[readonly], textarea:disabled, textarea[readonly] {
	background-color: #e6e6e6;
	cursor: not-allowed;
}

#datepicker{
	background-color: white;
	cursor: pointer;
}

#client-declarerresistance .error, #client-mesureretrait .error {
	float : initial;
}

#continuer-label,#justif-label,#laboratoire-label{
	clear:both;
}
#fax-label, #fax-element, #nodeclaration-element, #nodeclaration-label, #finalisedeclaration-label, #finalisedeclaration-element {
	float: left;
	margin-right: 5px;
}
#finalisedeclaration-label label {
	font-style: italic;
}

#client-setrgpd #pageTexte{
	margin-right: 366.500px;
	margin-left: 366.500px;
}
#index-contact #rgpd-element input{
	height: 2em !important;
}
/* Permet de modifier les figures de style selon la taille de l'écran */

@media(max-width: 960px){
	
	#table_historesistance_wrapper,#table_histofabrication_wrapper,#table_histomesure_wrapper,#table_declarerresistance_wrapper, #table_declarerfabrication_wrapper{
		overflow-x: auto;
	}
	.bouton_declaration #declfra, .bouton_declaration #declmes {
		clear:both;
	}
	#compte td,#moncompte td, #centrale td{
		border-bottom : 1px solid black;
		background-color: white;
		width: 50%;
	}
}

@media(max-width: 400px){
	#compte .tdgrand,#moncompte .tdgrand, #centrale .tdgrand{
		border-bottom : 1px solid black;
		background-color: white;
		width: 30%;
	}
	/************* SET COORDONNEES *******************/
	#client-setcoordonnees .off-canvas-content {
		margin-top: 1%;
		margin-left: 1%;
		margin-right: 1%;
	}
}

#client-declarerfabrication .ui-datepicker-calendar, #client-declarerresistance .ui-datepicker-calendar,
#client-historesistance .ui-datepicker-calendar, #client-histofabrication .ui-datepicker-calendar
{
    display: none;
}
#client-declarerresistance .ui-datepicker-close, #client-historesistance .ui-datepicker-close {
	display: none;
}
#client-historesistance .valnonconforme-majeure, #client-histomesure .valnonconforme-majeure {
	background-color: red
}
#client-historesistance .valnonconforme-mineure {
	background-color: orange;
}

.btn-retour {
	padding: 0.3rem 0.75rem;
	display: inline-block;
	background-color: white;
	border: 1px solid #f8ae00;
	margin: 1rem .5rem 0;
	font-weight: bold;
}
.btn-retour:hover {
	background-color: #f8ae00;
}