/***************** GENERALITES *****************/
/*
Couleurs / banniere / hauteurs par concours -> fichier de theme (:root{--brand,--banner,...})
NE PAS mettre de valeur de theme en dur ici : ce fichier est COMMUN aux 3 sites becomev.
*/
table {
}
img {
	border: 0 none;
}
html, button, input, select, textarea {
	/*height: 100%;*/
	height: auto;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
	display: block;
}
.clear {
	clear: both;
	display: block;
	font-size: 1px;
	line-height: 0px;
}
.label {
	font: bold 12px/12px Arial, Helvetica, sans-serif;
	letter-spacing: 0.5px;
	text-shadow: 1px 1px 1px #FFFFFF;
}
.field {
}
/*****************   DEBUT   *****************/
body {
	background-color: #FFF8F2;
	height: 100%;
	/* font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; */
	font-family: Tahoma,Geneva,sans-serif;
    font-size: 87.5%;
}
#page {
	height: auto;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	width: 900px;
}
#header {
	background: var(--banner) no-repeat;
	background-color: var(--header-bg);
	box-shadow: 2px 2px 2px 2px var(--shadow);
	height: var(--header-h);
	width: auto;
}
#header, #content, #navigation, .region-sidebar-first, .region-sidebar-second, #footer {
	padding-left: 10px;
	padding-right: 10px;
	word-wrap: break-word;
}
#logo {
	float: left;
	margin: 0;
	padding: 0;
}
#logo img {
	margin-left: 60px;
	margin-top: 60px;
	top: 100px;
}

#main {
	/* background-color: #363839; */
	background-color: #FAFAFA;
	box-shadow: 2px 2px 2px 2px var(--shadow);
	padding-top: 5px;
	position: relative;
	margin-bottom: 0px;
	display: block;
	min-height: 500px;
}
#content {
	padding: 10px 20px;
	color: #4a2e25;
}
#content p {
	line-height: 1.2em;
    margin-bottom: 1.4em;
}
#footer {
	clear: both;
	background-color: var(--footer-bg);
	position: relative;
	margin-bottom: 25px;
	display: block;
	box-shadow: 2px 2px 2px 2px var(--footer-shadow);
	color : #CCCCCC;
	padding: 10px 20px;
}

#footer a {
    color: var(--footer-link);
    text-decoration: none;
}
#footer .left {
	float: left;
	/* display: block; */
}
#footer .right {
	float: right;
	/* display: block; */
    text-align: right;
}
h1.title {
	color: #911116;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-top: 25px;
}
h1 {
	font-family: AvantGarde,Andalus,Aparajita,Arial,sans-serif;
    font-size: 2.2em;
    line-height: 1.2em;
    color: #6e2716;
	margin-bottom: 0.75em;
	margin-top: 25px;
	margin-bottom: 10px;
    padding: 4px 8px;
}
/* h1 img {
	height: 16px;
	margin: 0 10px 0 0;
	position: relative;
	top: 1px;
	width: 16px;
} */
h2 {
	color: #6e2716;
    font-family: AvantGarde,Andalus,Aparajita,Arial,sans-serif;
/*
    height: 27px;
*/
    font-size: 1.25em;
    line-height: 1em;
    margin: 4px 0 2px;
    padding: 2px 0;
}
h3 {
	color: var(--h3);
    font-family: AvantGarde,Andalus,Aparajita,Arial,sans-serif;
    font-size: 1.4em;
    line-height: 1.2em;
    margin-bottom: 0.8em;
    padding: 0;
}
h4 {
	font-family: AvantGarde,Andalus,Aparajita,Arial,sans-serif;
    font-size: 1.1em;
    line-height: 1.2em;
    margin-bottom: 0.8em;
    padding: 0;	
}
/***************   Menu   ****************/
ul#menu_bbc {
	padding: 0;
	margin-left: 10px;
	margin-bottom: 10px;
}
ul#menu_bbc li {
	/* inline-block (et non "inline") : sinon le padding vertical du <a> deborde et les
	   items se superposent quand le menu passe sur 2 lignes (textes longs / langues) */
	display: inline-block;
	margin-right: 5px;
	margin-bottom: 6px; /* espace entre les lignes quand ca wrappe */
	vertical-align: top;
}
ul#menu_bbc li a {
	display: inline-block; /* padding vertical pris en compte -> pas de chevauchement au wrap */
	background: none repeat scroll 0 0 transparent;
	background-color: var(--brand);
	color: white;
	/* font: bold 15px/30px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; */
	font-family: Tahoma,Geneva,sans-serif;
    font-size: 14px;
	text-decoration: none;
	padding: 10px 15px;
}
ul#menu_bbc li a:hover {
	background-color: #481A0D; 
}

#menu {
}

/***************   Menu Langue   ****************/
ul#langues {
	float: right;
	display: block;
	/* top: 0;
	right: 10px; */
	padding: 0;
	margin-left: 5px;
	margin-bottom: 5px;
}
ul#langues li {
	display: inline;
	margin-left: 5px;
}
ul#langues li a {
	background: none repeat scroll 0 0 transparent;
	background-color: var(--brand);
	color: white;
	font-family: Tahoma,Geneva,sans-serif;
    font-size: 14px;
	text-decoration: none;
	padding: 10px 15px;
}
ul#langues li a:hover {
	background-color: #481A0D; 
}
ul#langues li a.langueActive
{
	background-color : #481A0D; 
}

/***************   Messages   ****************/
.message_error, .message_warning, .message_confirm, .error_message, .message_info {
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 5px 5px;
	border: 2px solid #A63700;
	color: #A63700;
	font-size: 13px;
	font-weight: bold;
	margin: 10px 0;
	padding: 20px 20px 20px 60px;
	text-align: center;
	vertical-align: middle;
}
.message_normal {
	background-color: #f1dec0;
	font-size: 13px;
	border: 2px solid #cab598;
	margin: 10px 0px;
	padding: 20px 20px 20px 20px;
	text-align: center;
	background-position: center left;
}
.message_error, .error_message {
	background-image: url(../images/app/error.png);
}
.message_error a, .error_message a {
	color: #A63700;
}
.message_warning {
	background-image: url(../images/app/warning.png);
}
.message_info{
  background-image: url(../images/app/info_32.png);
  background-position : 15px 15px;
  font-size: 14px;
}

.message_confirm {
	background-image: url(../images/app/correct.png);
	color: #6aa800;
	border: 2px solid #6aa800;
}
/*************** Forms - Boutons ****************/
.buttons {
	overflow: hidden;
}
select {
	border: 1px solid #ddc897;
	max-width: 300px;
}
input, textarea {
	/* background: url("../images/formInputBG.jpg") no-repeat scroll left top transparent; */
	border: 2px solid #CCCCCC;
	padding: 1px;
	/* width: 20em; */	
}
#ProdStockQtt {
  width: 5em;
}
select {
	/* background: url("../images/formInputBG.jpg") no-repeat scroll left top #FFFFFF; */
	border: 2px solid #CCCCCC;
	padding: 1px;
}
/* textarea { */
	/* width: 20em; */
/* } */

input[type="submit"], input[type="reset"], input[type="button"], .negative, .a_button {
	display: block;
	float: left;
	color: var(--brand-text);
	background: var(--brand);
	cursor: pointer;
	font: bold 12px/16px arial, helvetica, sans-serif;
	margin: 25px 5px 25px 0;
	padding: 6px 10px;
	position: relative;
	text-decoration: none;
}
.inline_button {
	color: var(--brand-text);
	background: var(--brand);
	cursor: pointer;
	font: bold 12px/16px arial, helvetica, sans-serif;
	/* margin: 25px 5px 25px 0; */
	padding: 2px;
	position: relative;
	text-decoration: none;
}
.negative, .a_button {
	text-align: center;
	margin: 15px 5px 10px 0;	
}
input[type="submit"], input[type="reset"], input[type="button"], .a_button {
	padding: 7px 10px;
}
input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, .negative:hover, .a_button:hover {
	background: var(--brand);
	color: var(--btn-hover-text);
	border: 1px solid var(--btn-hover-text);
}
input[readOnly=true] {
	background: #f3ecdb;
}
.inputreadonly {
	background: #f3ecdb;
}
input[type="checkbox"], input[type="radio"] {
  width: auto;
  margin: 0 0 0 25px;
}
input[type="radio"] {
  margin: 0 5px;
}
.a_button img {
	top: 2px;
}
.buttons button img, .buttons a img {
	margin: 0 3px -3px 0 !important;
	padding: 0;
	border: none;
	width: 16px;
	height: 16px;
}

table.PaimentTable {
	padding-left: 20px; 
	border-collapse: collapse; 
	border: 1px solid black; 
	empty-cells: hide; 
	} 

.PaimentTable td { 
	/* border: 1px solid black; */
	/* text-align: left; */
	/* padding: 3px; */
	/* margin: 0px; */
	min-width: 80px;
	} 
	
table.PaimentTable tr { 
	/* text-align: left; */
	border: 1px solid black; 
	} 

table.PaimentTable.th, table.PaimentTable.td {
  padding: 15px;
  border: 1px solid black; 
}

table.XFormularTable th label {
	display: block;
	min-width: 120px;
/*	max-width: 200px; */
	text-align: left;
	padding: 3px;
	//width: 180px;
	}

table.displayonly th label {
	position: relative;
	top: 2px;
	}

	span.required img {
		width: 16px;
		height: 16px;
		position: relative;
		top: 3px;
		//position: static;
		}
.XFormularTable {
	padding-left: 10px;
}
.XFormularTable tr {
	height: 15px;
}
.XFormularTable td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	vertical-align: top;
}
td select {
}
.XFormularTable th{
display: block;
font: bold 12px/12px Arial,Helvetica,sans-serif;
margin: 3px 5px 0 0;
position: relative;
text-align: left;
}
.XFormularTable th label{
display: block;
font: 12px/12px Arial,Helvetica,sans-serif;
margin: 5px 0 0 0;
position: relative;
text-align: right;
}
.XFormularTable hr {
	border: 1px solid #5F4E32;
	margin: 5px auto;
}
.required img {
	height: 12px;
	width: 12px;
	padding: 0 7px 0 0;
	position: relative;
	top: 1px;
}
.form_info {
	z-index: 999;
	background-image: url("../images/app/form_msg.png");
	background-repeat: no-repeat;
	font: normal 11px/16px Arial, Helvetica, sans-serif;
  margin: 2px 0 0 0;
  padding: 0 10px 0 18px;
	position: absolute;
	text-align: justify;
	visibility: hidden;
	width: 13em;
}
.form_msg {
  /* background: url("../images/BGtranslucide35.png") no-repeat scroll left top transparent; */ 
}
.account_message {
	margin: 30px 0px 10px 0;
}
.account_message img {
	position: relative;
	float: left;
	padding: 0 10px 0;
	width: 32px;
	height: 32px;
}
.account_company_name {
	margin: 0 0 20px 0;
}
.account_company_name img {
	position: relative;
	top: 4px;
	width: 24px;
	height: 24px;
}
.account_company_adrs {
	border: 1px solid #cab598;
	margin: 0 10px 0 0;
	font: 12px/15px Arial, Helvetica, sans-serif;
	padding: 15px;
	text-align: justify;
	text-shadow: 1px 1px 0 #FFFFFF;
}
.account_company_adrs img {
	position: relative;
	float: left;
	margin: 0 0 0 -44px;
	width: 24px;
	height: 24px;
	border: none;
}
.account_company_adrs span {
	display: block;
	margin: 0 0 7px 0;
	font: bold italic 14px arial, helvetica, sans-serif;
	letter-spacing: -0.2pt;
	color: #5F4E32;
}
.reg_regfile_product {
	background: none repeat scroll 0 0 #E0E6EC;
	border: medium none;
	border-radius: 5px;
	margin: 5px 0 10px;
	padding: 5px;
	width: 100%;
}
.reg_regfile img.regbox_img {
	float: left;
	margin: 0 0 15px 5px;
	padding: 10px 10px 0 0;
	position: relative;
	width: 50px;
}
.reg_regfile {
	background: none repeat scroll 0 0 transparent;
	border: 2px solid #5f4e32;
	padding: 0;
	overflow: hidden;
	position: relative;
	height: auto;
}
.reg_regfile_id {
	overflow: hidden;
	padding-top: 10px;
}
.reg_regfile_id a {
	font: bold 18px "Lucida-Grande", arial, helvetica, sans-serif;
	color: #5f4e32;
}
.reg_regfile_details {
	position: relative;
	float: left;
	width: 770px;
	padding: 0;
	display: block;
}
.reg_bloc {
	background: none repeat scroll 0 0 transparent;
	border: 2px solid #5f4e32;
	padding: 0 10px 10px 10px;
}
.reg_bloc h2 {
	color: #5f4e32;
	font: normal bold 18px georgia, "times new roman", times, serif;
/*
	padding: 10px 0 10px 10px;
	position: relative;
	top: -10px;
*/
	overflow: hidden;
}
.reg_bloc h2 img {
	position: relative;
	float: left;
	top: -6px;
	padding-right: 8px;
	/*
	//margin-top: -20px;
	//top: 14px;
	//width: 32px;
	//height: 32px;
	*/
}
.reg_bloc .reg_bloc {
	background: none transparent;
	border: none;
	padding: 10px;
}
.reg_bloc h3 {
	display: block;
	position: relative;
	margin: 0;
	top: -10px;
	left: -10px;
	padding: 5px;
	width: 656px;
	background: #F7ECDB;
	font: bold 14px "Lucida grande", arial, helvetica, sans-serif;
	color: #b40e1c;
	/*
	//padding: 10px 0 10px 10px;
	//float: left;
	//width: 656px;
	*/
}
.reg_bloc h3 img {
	position: relative;
	float: left;
	top: -2px;
	padding-right: 8px;
	/*
	//margin-top: -16px;
	//top: 14px;
	//width: 24px;
	//height: 24px;
	//overflow: hidden;
	*/
}
.reg_form {
	background: #F1DEC0;
	border: 1px solid #cab598;
	padding: 10px;
}
.reg_form h3 {
	margin: 0 0 10px 0;
	padding: 5px 5px;
}
.reg_form, .reg_bloc, .reg_regfile {
	margin: auto auto 5px;
}
/* Account */
.account_company_name {
	margin-left: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #ae0917;
}
.account_company_adrsbloc {
	padding-left: 10px;
}
.reg_file_id{
	font-weight:bold;
}
.reg_file_id a{
	font-weight:bold;
}
.reg_regfile_product {
	border: 1px solid #cab598;
}
.reg_regfile_product_name{
  display:block;
	font-weight:bold;
}
.reg_regfile_product_name a, .reg_regfile_product_name a:hover {
	text-decoration : none;
	color : #462D27;
}
.reg_regfile_product_contact {
  display:block;
}
.reg_regfile_product_buttons {
	position: relative;
	float: right;
}
.reg_regfile_title {
    color: #000;
    font: bold 15px "Lucida-Grande",arial,helvetica,sans-serif;
}

/*** Stylage des champs de formulaire ***/

table.XFormularTable input,
table.XFormularTable textarea,
table.XFormularTable select {
	padding: 3px;
	/* background: #efd9b4; */
	border: 1px solid #9a8371;
	//background: 0;
	}

table.XFormularTable td { vertical-align: bottom; }
table.XFormularTable td.form_msg { vertical-align: top; }

table.XFormularTable input:focus,
table.XFormularTable textarea:focus,
table.XFormularTable select:focus { background: #fff; }

table.XFormularTable .inputreadonly {
   background: #f3ecdb;
}

.form_info{
	z-index: 999;
	position: absolute;
	width: 20em;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	padding-left: 18px;
	vertical-align: bottom;
	background-image: url(../images/form_msg.png);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	/* background-color : #D1E5F9; */
	background-color : #E0E6EC;
	border-style : none;
	border-width : 1px;
	visibility : hidden;
}