/*
.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}
*/

body
{
	background-color:#F5F5F5;
	color:#333;
}

.bandeauCouleur
{
	background-color:#333;
	color:#d8d8d8;
}


.bandeauCouleur a

{
	color:#9a9aff;
}

.bandeauCouleur a:hover
{
	color:#d8d8d8;
}


.bandeauInput
{
  color: #333;
  background-color: white;
  border: 1px solid #333;
  border-radius:6px;
  padding:4px;
  margin: 0px 5px 5px 0px;
}

.bandeauPadding
{
 padding: 0px 10px 30px 10px;
 margin: 0px 0px 0px 0px;
}


/*Ajout d'un style de bouton Jonathan*/
.bandeauBouton {
  color: #F5F5F5;
  background-color: rgba(0,0,0,0.7);
  border: 1px solid #F5F5F5;
  border-radius:6px;
  padding:4px;
}
.bandeauBouton:hover,
.bandeauBouton:focus,
.bandeauBouton.focus,
.bandeauBouton:active,
.bandeauBouton.active,
.open > .dropdown-toggle.bandeauBouton {
  color: #fff;
  background-color: rgba(0,0,0,0.5);
  border-color: #fff;
}
.bandeauBouton:active,
.bandeauBouton.active,
.open > .dropdown-toggle.bandeauBouton {
  background-image: none;
}
.bandeauBouton.disabled,
.bandeauBouton[disabled],
fieldset[disabled] .bandeauBouton,
.bandeauBouton.disabled:hover,
.bandeauBouton[disabled]:hover,
fieldset[disabled] .bandeauBouton:hover,
.bandeauBouton.disabled:focus,
.bandeauBouton[disabled]:focus,
fieldset[disabled] .bandeauBouton:focus,
.bandeauBouton.disabled.focus,
.bandeauBouton[disabled].focus,
fieldset[disabled] .bandeauBouton.focus,
.bandeauBouton.disabled:active,
.bandeauBouton[disabled]:active,
fieldset[disabled] .bandeauBouton:active,
.bandeauBouton.disabled.active,
.bandeauBouton[disabled].active,
fieldset[disabled] .bandeauBouton.active {
  background-color: #337ab7;
  border-color: #2e6da4;
}
.bandeauBouton .badge {
  color: #337ab7;
  background-color: #fff;
}



/********************************
THUMBNAIL pour les imagettes
********************************/


.thumbnailBPG img {
	padding:0 0 0 0;
	margin:0 0 5px 0;
	border-style:solid;
	border-color:gray;
	border-width:1px;
	/*shadow around the box*/
	-moz-box-shadow:0px 0px 15px black;
	-webkit-box-shadow:0px 0px 15px black;
	box-shadow:0px 0px 15px black;	/*shadow around the rounded corner boxes*/
	vertical-align:middle;
	behavior: url(../system/javascript/PIE.htc);

        /*images doivent faire 220px de large!...*/

}

.thumbnailBPG {
	border-color:gray;		/*draw a box around each thumbnail picture*/
	border-style:solid;
	border-width:1px;
	height:330px;
	/*width:185px;*/
	min-width:250px;
	/*float:left;*/
	text-align:center;
	line-height:1em;
	padding:10px 5px 0 5px;	
	margin:5px;
	/*overflow:auto;*/
	overflow-y:auto !important;
	overflow-x:hidden !important;
	/*font-size:12px;*/ /*ici on peut enlever si min-width:250px*/
}

.thumbnailBPG a {
	text-decoration:none;
	font-style:italic;
}
.thumbnailBPG a:hover {
	text-decoration:underline;
	font-style:normal;
}


/****************
POUR LES LIENS DANS LES IMAGETTES
*****************/


.boutonCartFormulaireLigne input[type=submit] {
	/*text-decoration:underline;*/
	background-color:transparent;
	/*background-color:#3366FF;
	color:#FFFFFF;
	font-weight : bold;
	height : 0px;	
	border:2px solid #FFFFFF;*/
	border:none;
	cursor:pointer;
	display:inline;
	/*padding:10px 10px 10px 20px;*/
	margin-left:5px;
	height:20px;
	width:25px;
}

.boutonCartFormulaireLigne, .boutonLienFormulaireLigne 
{
	display:inline;
}

.cartEmpty input[type=submit]
{
	background: url(../icon/cart_empty_clear_20px.png) bottom left no-repeat;
}
.cartFull input[type=submit]
{
	background: url(../icon/cart_full_clear_20px.png) bottom left no-repeat;
}


/************************
au cas où utile pour les tires apparaissant sous les images agrandies
*****************************************/

.formatCaption
{
	color:red;
	top:0;
	margin-left: auto;
	margin-right: auto;
	position:relative;
	padding: 0px 0px 0px 0px;
	text-align:center;
	width:90%;
}