/******************************************************
** CLASSES
******************************************************/
.nom_societe {
	font-family: 'Lato', sans-serif;
	font-weight: bold;
	font-variant: small-caps;
	font-size: 25px;
}
address {
	padding: 20px 0;
}
address .adr-company {
	font-weight: bold;
	margin-top: 15px;
	margin-bottom: 15px;
}
.exposant {
	vertical-align: 50%;
	font-size: 70%;
}
.label {
	font-size: 0.6875em;
	font-style: italic;
}
.summary {
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
}
.souligne {
	text-decoration: underline;
}
.separateur {
	position: relative;
	width: 100%;
	border-bottom: solid 1px #706f6f;
	margin-top: 20px;
	margin-bottom: 20px;
}

.traced {
	background-color: #FC6;
	border-radius: 20px;
}
.msg_erreur {
	color: #F03;
}
.msg_confirm {
	color: #3C0;
}
.msg_ok {
	color: #3C0;
}
.msg_info {
	color: #F90;
}
div.msg_erreur {
	background-color: #F03;
	color: #FFF;
	padding: 1em;
	margin: 2em 0;
}
div.msg_confirm {
	background-color: #3C0;
	color: #FFF;
	padding: 1em;
	margin: 2em 0;
}
div.msg_ok {
	background-color: #3C0;
	color: #FFF;
	padding: 1em;
	margin: 2em 0;
}
div.msg_info {
	background-color: #F90;
	color: #FFF;
	padding: 1em;
	margin: 2em 0;
}

div.rules-list {
	font-size: 11px;
	font-style: italic;
}
div.rules-list li.ko::before {
    content: '×';
    font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
}
div.rules-list li.ok::before {
    content: '☺';
    font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
}


.prix, .nombre, .prix form, .nombre form {
	text-align: right !important;
}
.codepromo {
	font-family: "Courier New", Courier, monospace;
	font-size: 1.5em;
	font-weight: bold;
	letter-spacing: 1;
}
.ppeuro_decimals {
	vertical-align: text-top;
	font-size: 50%;
}
.important {
	font-size: 110%;
	font-weight: bold;
}
.hide {
	display: none;
}
.nounderline {
	text-decoration: none;
}
.droite, .right {
	text-align: right;
}
.gauche, .left {
	text-align: right;
}
.centre, .center {
	text-align: center;
}
.lead {
	font-family: 'Lato', sans-serif;
	font-size: 30px;
	line-height: 30px;
	font-weight: bold;
	text-align: center;
	margin-top: 1em;
	margin-bottom: 1.5em;
}
.highlight {
	font-family: 'Lato', sans-serif;
	font-weight: bold;
	font-size: 30px;
	text-align: center;
	letter-spacing: 1px;
	margin-top: 2em;
	margin-bottom: 1.5em;
}
.remarque {
	font-size: 0.825em;
	font-style: italic;
}
.note {
	font-size: 0.75em;
	font-style: italic;
}
.sous-titre {
	margin-top: -1em;
	font-size: 90%;
	font-style: italic;
}
.tampon {
	display: inline-block;
	text-align: center;
	margin: 0 10px;
	vertical-align: middle;
}
.watermark {
	font-style: italic;
	font-size: 16px;
}
.morelink {
	margin: 0;
	text-align: right;
}
.code-info {
	font-family: "Courier New", Courier, monospace;
	font-size: 18px;
}

/******************************************************
** HIGHLIGHT
******************************************************/

.encadre {
	border: solid 1px #cdcccd;
	padding-left: 10px;
	padding-right: 10px;
	margin: 2em 0;
}
.rounded,
.round-corner {
	border-radius: 10px;
  border: 5px solid;
	padding: 1em;
	margin: 2em 0;
}
.rounded-alt,
.round-corner-alt {
	background-color: #fbfbfb;
	border-radius: 10px;
  border: 5px solid;
	padding: 1em;
	margin: 2em 0;
}

.addliseret {
	position: relative;
	padding-top: 0;
	margin-top: 0.5em;
} 
.liseret {
	position: absolute;
	width: 100%;
	height: 5px;
	left: 0;
	top: 47px;
} 
.liseret-inner {
	position: relative;
	padding: 0 1em;
} 

/******************************************************
** IMAGES
******************************************************/
.vignette {
	float: left;
	margin-top: 0px;
	margin-right: 1em;
	margin-bottom: 0.3em;
	margin-left: 0px;
}
.vignette_content {
	float: left;
	margin-top: 0px;
	margin-right: 9px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding: 3px;
}
.illustration_img {
	margin-top: 0px;
	margin-bottom: 5px;
	padding: 3px;
}
.illustration_legende {
	margin-top: -15px;
	margin-bottom: 10px;
	font-size: 9pt;
	font-style: italic;
	text-align: center;
}
.code_anti_spam {
	vertical-align: bottom;
}

.frise-parallax {
	width: 100%;
	height: 200px;
	background: center center scroll;
}

.design-img {
	position: absolute;
	top: 0;
	left: 0;
}

/******************************************************
** TABLE
******************************************************/
table.space {
	margin: 1em 0;
	border-collapse: separate;
	border-spacing: 1px;
}
table.space td {
	vertical-align: middle;
}
.table {
	display: table;
	width: 100%;
	max-width: 100%;
}
.table-row {
	display: table-row;
	width: 100%;
}
.table-row-group {
	display: table-row-group;
}
.table-row.total {
	font-size: 120%;
	font-weight: bold;
	border: none;
}
.table-cell {
	display: table-cell;
	vertical-align: top;
	padding: 1px 3px;
	text-align: left;
}
.table-row.titre .table-cell { /* comme les th - voir styles.css et colors.css.php */
	padding: 0.3125em;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
  border-radius: 5px;
	background-color: #ffffff;
  color: #595959;
}
.cellule_boutons {
	text-align: center;
}
.collapsed {
	display: none;
}
.expanded {
	display: block;
}
.table-row.expanded {
	display: table-row;
}

.pair_impair .pair {
	background-color: transparent;
}
.pair_impair  .impair {
	background-color: #f3f3f3;
}
.pair_impair  tr:hover,
.pair_impair  .table-row:hover {
	background-color: #dddddd;
}

/******************************************************
** SPECIFIC
******************************************************/