/*Feuille de Style pour Sharkland pièces*/

/*Boutons d'action Bleus HTML*/
a[role="button_index"] {
    color: #fff;
    background-color: #6194bf;
    border: solid 1px #357ebd;
    text-decoration: none;
    border-radius: 4px;
    display: inline-block;
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	transition-duration: 0.2s;	
    width: 85px;
    padding: 1px 0;
    text-align: center;
}

a[role="button_index"]:hover, [role="button_index"].bouton:focus {
	color: #fff;
	background-color: #3071a9;
	border: solid 1px #285e8e;
	text-decoration: none;
}

a[role="button_index"]:active {
	color: #fff;
	background-color: #3071a9;
	border: solid 1px #12314c;
}

/*Boutons de navigation Verts HTML*/
a[role="button_index_vert"] {
	color: #fff;
	background-color: #5cb85c;
	border: solid 1px #357ebd;
	line-height:1.3em;
	text-decoration: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	transition-duration: 0.2s;
	padding: 5px;
}

a[role="button_index_vert"]:hover, [role="button_index_vert"].bouton:focus {
	color: #fff;
	background-color: #449d44;
	border: solid 1px #285e8e;
	text-decoration: none;
}

a[role="button_index_vert"]:active {
	color: #fff;
	background-color: #449d44;
	border: solid 1px #12314c;
}

/*Boutons de navigation Rouges HTML*/
a[role="button_index_rouge"] {
	color: #fff;
	background-color: #c46a6a;
	border: solid 1px #357ebd;
	line-height:1.3em;
	text-decoration: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	transition-duration: 0.2s;
	padding: 5px;
}

a[role="button_index_rouge"]:hover, [role="button_index_vert"].bouton:focus {
	color: #fff;
	background-color: #a94442;
	border: solid 1px #285e8e;
	text-decoration: none;
}

a[role="button_index_rouge"]:active {
	color: #fff;
	background-color: #a94442;
	border: solid 1px #12314c;
}

/*Boutons de navigation Fond blanc HTML*/
a[role="button_index1"] {
	color: #fff;
	background-color: #ffffff;
	border: solid 1px #357ebd;
	line-height:1.3em;
    text-decoration: none;
    border-radius: 4px;
    display: inline-block;
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	transition-duration: 0.2s;	
    width: 85px;
    padding: 1px 0;
    text-align: center;
}

a[role="button_index1"]:hover, [role="button_index1"].bouton:focus {
	color: #fff;
	background-color: #e8eef2;
	border: solid 1px #285e8e;
	text-decoration: none;
}

a[role="button_index1"]:active {
	color: #fff;
	background-color: #e8eef2;
	border: solid 1px #12314c;
}

/*Boutons d'action Bleus Form*/
input.button_index {
	font-family: inherit;
	font-size: inherit;
	color: #fff;
	background-color: #6194bf;
	border: solid 1px #357ebd;
	line-height: 1.3em;
	text-decoration: none;
	border-radius: 4px;
	transition-duration: 0.2s;
	padding: 5px;
	cursor: pointer;
}

input.button_index:hover {
	color: #fff;
	background-color: #3071a9;
	border: solid 1px #285e8e;
}

input.button_index:active {
	color: #fff;
	background-color: #3071a9;
	border: solid 1px #12314c;
}

/*Boutons d'action Verts Form*/
input.button_index_vert {
	font-family: inherit;
	font-size: inherit;
	color: #fff;
	background-color: #5cb85c;
	border: solid 1px #357ebd;
	line-height: 1.3em;
	text-decoration: none;
	border-radius: 4px;
	transition-duration: 0.2s;
	padding: 5px;
	cursor: pointer;
}

input.button_index_vert:hover {
	color: #fff;
	background-color: #449d44;
	border: solid 1px #285e8e;
}

input.button_index_vert:active {
	color: #fff;
	background-color: #449d44;
	border: solid 1px #12314c;
}


/*Boutons d'action Bleus Admin*/
a[role="button_admin"] {
	color: #fff;
	background-color: #6194bf;
	border: solid 1px #357ebd;
	line-height:1.6em;
	text-decoration: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	transition-duration: 0.2s;
	padding-right: 1em;
	padding-left: 1em;
}

a[role="button_admin"]:hover, [role="button_admin"].bouton:focus {
	color: #fff;
	background-color: #3071a9;
	border: solid 1px #285e8e;
	text-decoration: none;
}

a[role="button_admin"]:active {
	color: #fff;
	background-color: #3071a9;
	border: solid 1px #12314c;
}

/*Première ligne de tableau de sh_liste et sh_liste1*/
.titreliste {
	background: linear-gradient(180deg, #000037,#a2a0a0);
	text-align: center;
	color: #ffffff;
}

/*Libellé de la pièce dans l'index*/
.nomdepiece {
	color: #3430ba;
	text-decoration: none;
}

.lignepiece td {
    padding: 8px 0;
}

/*Survol des pièces et de la liste backoffice*/
tr:hover.lignetab { background: yellow; }
tr:hover.lignepiece { background: #fff6b3; }

/*Texte de présentation de la page index*/
.table_init {
	border-width : 3px;
	border-style : solid;
	border-color:#356a95;
	width : 60%;
	margin : auto;
	background-color : #fff;
	padding: 0.5em;
}

.PopBoxImageSmall {
	box-shadow: 0 2px 4px 0 #000000b0, 0 3px 10px 0 rgba(0, 0, 0, 0.5);
}

/*Cadre rouge de l'index si aucune série n'est sélectionnée*/
.cadre_rouge {
    border: 3px solid red;
    animation: pulse 1.5s infinite;
}

@keyframes pulse {
    0% {
        box-shadow: 0 0 0px red;
    }

    50% {
        box-shadow: 0 0 15px red;
    }

    100% {
        box-shadow: 0 0 0px red;
    }
}

/*Animation icone panier*/
.panier {
	transition: all 0.2s ease;
}

.panier:hover {
	transform: scale(1.20);
}

/*Zone de saisie coordonnées client*/
input[type=text],
input[type=email],
input[type=tel] {
    height: 30px;
    font-family: 'Lexend', sans-serif;
    font-size: 12pt;
    border: 1px solid #999;
    border-radius: 3px;
    padding-left: 5px;
}
textarea {
    font-family: 'Lexend', sans-serif;
    font-size: 12pt;
	padding:5px;
}

a,
a:link,
a:visited {
	text-decoration: none;
}

/*Vignettes du fichier upload*/
img.vig {
  width: 250px;
  box-shadow: 0 4px 8px 0 #000000b0, 0 6px 20px 0 rgba(0, 0, 0, 0.7);
}

.bloc_bas h3 {
    margin-top: 0;
    margin-bottom: 5px;
    padding: 0;
}