.arial {
	font-family: Arial, Helvetica, sans-serif;
}
.taille11 {
	font-size: 11px;
}
.taille10 {
	font-size: 10px;
}
.taille12 {
	font-size: 12px;
}

.taille9 {
	font-size: 9px;
}
.couleur-arriereplan-blanc {
	background-color: #FFFFFF;
}
.couleur-arriereplan-gris-clair {
}

.couleur-blanc {
	color: #FFFFFF;
}
.gras {
	font-weight: bold;
}
.nongras {
	font-weight: normal;
}
.non-soulign {
	text-decoration: none;
}
.couleur-gris {
	color: #5c5c5c;
}
.couleur-rouge {
	color: #ce0004;
}

.interlignage9 {
	line-height: 9px;
}

.non-soulign:hover {
	text-decoration: underline;
}
.interlignage10 {
	line-height: 10px;
}
.interlignage11 {
	line-height: 11px;
}
.majuscules {
	text-transform: uppercase;
}

.interlignage12 {
	line-height: 12px;
}
.barre {
	text-decoration: line-through;
}
.champs-catalogue-quantites1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #5C5C5C;
	width: 40px;
}


.couleur-arriereplan-gris-clair {
	background-color: #EDEEEE;
}
.couleur-gris-clair {
	color: #a9a9a9;
}
.couleur-picto-disponible {
	color: #4ca31e;
}
.couleur-vert {
	color: #399805;
}
.champs-catalogue-quantites2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #5C5C5C;
	width: 50px;
}
.champs-recherche {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #5C5C5C;
	width: 70px;
	height: 12px;
}
.interlignage14 {
	line-height: 14px;
}
.accueil-champs-rouge1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CB0003;
	height: 12px;
	width: 115px;
	border: 1px solid #FFFFFF;
}
.accueil-champs-rouge2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CB0003;
	height: 12px;
	width: 79px;
	border: 1px solid #FFFFFF;
}
.couleur-vert-sombre {
	color: #5e6001;
}
.accueil-champs-bleu1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #17709C;
	height: 12px;
	width: 115px;
	border: 1px solid #FFFFFF;
}
.accueil-champs-bleu2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #18719D;
	height: 12px;
	width: 79px;
	border: 1px solid #FFFFFF;
}
form {
margin: 0px;
padding: 0px;
}
.taille16 {
	font-size: 16px;
}
.taille18 {
	font-size: 18px;
}
.couleur-picto-non-disponible {
	color: #ff8800;
}
.couleur-picto-epuise {
	color: #c60013;
}
.couleur-picto-non-paru {
	color: #22569c;
}
.champs-largeur200 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #555555;
	width: 200px;
	border: 1px solid #CCCCCC;
}
.champs-largeur150 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #555555;
	width: 150px;
	border: 1px solid #CCCCCC;
}
.champs-largeur100 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #555555;
	width: 100px;
	border: 1px solid #CCCCCC;
}

.champs-largeur60 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #555555;
	width: 60px;
	border: 1px solid #CCCCCC;
}

.champs-largeur50 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #555555;
	width: 50px;
	border: 1px solid #CCCCCC;
}
.champs-largeur20 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #A9A9A9;
	width: 20px;
	border: 1px solid #CCCCCC;
}
.champs-hauteur12 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #A9A9A9;
	border: 1px solid #CCCCCC;
	height: 17px;
}
.couleur-gris-sombre {
	color: #555555;
}
.taille14 {
	font-size: 14px;
}
.couleur-orange {
	color: #fa6f0a;
}
.couleur-arriereplan-orange {
	background-color: #FA6D07;
}
.couleur-arriereplan-gris-moyen {
	background-color: #d9d9d9;
}
.couleur-arriereplan-gris-sombre {
	background-color: #b1b1b1;
}
.champs-largeur400 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #555555;
	width: 400px;
	border: 1px solid #CCCCCC;
}
.couleur-arriereplan-gris-noir {
	background-color: #676767;
}
.panier-confirmation-entete1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #797979;
}
.panier-confirmation-entete2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #929597;
}
.panier-confirmation-entete3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #b8b8b8;
}
.panier-confirmation-entete4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #a0a0a0;
}
.panier-confirmation-entete5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #898989;
}
.panier-confirmation-colonne1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #606060;
	background-color: #FFFFFF;
}
.panier-confirmation-colonne2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #606060;
	background-color: #E6E6E6;
}
.panier-confirmation-colonne3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #606060;
	font-weight: bold;
	background-color: #dddddd;
}
.panier-confirmation-colonne4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #606060;
	background-color: #cecece;
}
.panier-confirmation-colonne5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #b9b9b9;
}.champs {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #555555;
	border: 1px solid #CCCCCC;
}
.bouton {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #FF6B00;
	border: 0px solid #FFFFFF;
}
.bouton-lien {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #FF6B00;
	border: 0px solid #FFFFFF;
	padding: 1px 2px 2px 2px;
}
.bouton-14 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #FF6B00;
	border: 0px solid #FFFFFF;
}
#tableau_reliquat .arial.taille12.catalogue-couleur2.gras {
    background: none repeat scroll 0 0 #FFFFFF;
    border-bottom:#fff 1px solid;
    border-left: none;
	border-top:none;
	border-right:none;
}
#tableau_reliquat  .panier-entete1 td, #tableau_reliquat .panier-confirmation-colonne4 td,#tableau_reliquat  .panier-confirmation-colonne2 td {
    border: 1px solid #fff;
}
#tableau_reliquat {
	border-collapse:collapse;
}

@media print {
	#tableau_reliquat .arial.taille12.catalogue-couleur2.gras {
		background: none repeat scroll 0 0 #FFFFFF;
		border-bottom:#ccc 1px solid;
		border-left: none;
		border-top:none;
		border-right:none;
		}
	#tableau_reliquat .panier-entete1 td,#tableau_reliquat  .panier-confirmation-colonne4 td,#tableau_reliquat  .panier-confirmation-colonne2 td {
		border: 1px solid #ccc;
	}
}

#tableau-tva-ht-bilan{
	margin-top : 10px;
}
#blocConnexionCaptcha{
	margin-top: 10px;
}

#tableau-tva-ht-bilan td , #tableau-tva-ht-bilan th {
	padding : 3px;
}
#envoyerBut:hover{
	height: 16px;
	width: 28px;
	border-style: none;
	background-image: url('../images/connexion/bleu-bt-ok-on.gif');
	background-repeat: no-repeat;
}
#envoyerBut{
	height: 16px;
	width: 28px;
	border-style: none;
	background-image: url('../images/connexion/bleu-bt-ok-off.gif');
	background-repeat: no-repeat;
}

.ui-datepicker.ui-widget .ui-widget-header {
    background: none repeat scroll 0 0 #696b00;
    color: #fff;
}
.ui-datepicker.ui-widget .ui-state-default {
    background: none repeat scroll 0 0 #e4df5b;
}
.ui-datepicker.ui-widget .ui-state-hover {
    background: none repeat scroll 0 0 #919300;
}
.ui-datepicker-calendar td.vacance a {
    background: none repeat scroll 0 0 #919300;
}

.ui-datepicker.ui-widget .alerte .ui-state-default {
background: #ffa900;
}
.ui-datepicker.ui-widget .vacance .ui-state-default {
background: #0086c8;
}


.v-spacing
{
	margin-top: 30px;
	margin-bottom: 30px;
}

.h-center
{
	width: 75%;
	margin-left: auto;
	margin-right: auto;
}

#loader{
	display: none;
	width: 100%;
	height:100%;
	top: 0;
	left:0;
	position: fixed;
	z-index: 999999;
	background: rgba(255 ,255 ,255, 0.8);
}

.spinner {
	width: 40px;
	height: 40px;

	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -20px;
	margin-top: -20px;
}

.double-bounce1, .double-bounce2 {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-color: #333;
	opacity: 0.6;
	position: absolute;
	top: 0;
	left: 0;

	-webkit-animation: sk-bounce 2.0s infinite ease-in-out;
	animation: sk-bounce 2.0s infinite ease-in-out;
}

.double-bounce2 {
	-webkit-animation-delay: -1.0s;
	animation-delay: -1.0s;
}

@-webkit-keyframes sk-bounce {
	0%, 100% { -webkit-transform: scale(0.0) }
	50% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bounce {
	0%, 100% {
		transform: scale(0.0);
		-webkit-transform: scale(0.0);
	} 50% {
		  transform: scale(1.0);
		  -webkit-transform: scale(1.0);
	  }
}

.text-infos
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #555555;
	width: 500px;
	border: 1px solid #CCCCCC;
	box-sizing: border-box;
}