.grh-card-body{
	margin: 0px;
	padding: 0px;
	background: #f1f1f1;
	font-family: arial;
	box-sizing: border-box;
}
.grh-card-container{
	width: 300px;
	height: 450px;
	background: #FFF;
	border-radius: 6px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	box-shadow: 0px 1px 10px 1px #000;
	overflow: hidden;
	display: inline-block;
}
.grh-upper-container{
	height: 100px;
	background: #ff7f00;
}
.grh-image-container{
	background: white;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	padding: 5px;
	transform: translate(100px,50px);
}
.grh-image-container img{
	width: 100px;
	height: 100px;
	border-radius: 50%;
}
.grh-lower-container{
	height: 280px;
	background: #FFF;
	padding: 20px;
	padding-top: 40px;
	text-align: center;
}
.grh-lower-container h3, h4{
	box-sizing: border-box;
	line-height: .6;
	font-weight: lighter;
}
.grh-lower-container h4{
	color: blue;
	opacity: .6;
	font-weight: bold;
}
.grh-lower-container p{
	font-size: 16px;
	color: green;
	margin-bottom: 30px;
}
.grh-lower-container .btn{
	padding: 12px 20px;
	background: #ff7f00;
	border: none;
	color: white;
	border-radius: 30px;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	transition: all .3s ease-in;
}
.grh-lower-container .btn:hover{
	background: transparent;
	color: #ff7f00;
	border: 2px solid #ff7f00;
}









.portail-button {
	
	--bg-color: dodgerblue;
	background-color: var(--bg-color, dodgerblue);
	width: 150px;
	height: 100px;
	border: 2px solid var(--bg-color, dodgerblue);
	border-radius: 4px;
	box-shadow: 3px 3px 3px #ccc;
	cursor:pointer;
}



.portail-button i {
  -webkit-text-stroke-color: var(--bg-color, dodgerblue);
  -webkit-text-stroke-width: 0.02em;
}

.portail-button:hover {
  text-shadow: 0 0 24px var(--bg-color, dodgerblue);
  box-shadow: 0 0 12px var(--bg-color, dodgerblue);
}


.portail-image {
	width: 80px;
	height: 60px;
	display: block;
	margin: 10px auto 0px auto;
}

.portail-text {
	color: white;
	margin: 10px auto 0px auto;
	font-size: 8pt;
	text-align: center;
	font-family: Arial;
}

.portail-text-black {
	color: black;
	font-weight:bold;
	margin: 10px auto 0px auto;
	font-size: 10pt;
	text-align: center;
	font-family: Arial;
}

.portail-text-white {
	color: white;
	font-weight:bold;
	margin: 10px auto 0px auto;
	font-size: 10pt;
	text-align: center;
	font-family: Arial;
}

.portail-text-2 {
	color: #A2A2D0;
	font-weight:bold;
	margin: 10px auto 0px auto;
	font-size: 10pt;
	text-align: center;
	font-family: Arial;
}

.portail-text-3 {
	color: #006A4E;
	font-weight:bold;
	margin: 10px auto 0px auto;
	font-size: 15pt;
	text-align: center;
	font-family: Arial;
}


.portail-button.com1 {
  --bg-color: #A93226;
}
.portail-button.com2 {
  --bg-color: #2E4053;
}
.portail-button.com3 {
  --bg-color: #585858;
}

.portail-button.com4 {
  --bg-color: #088A85;
}

.portail-button.instagram {
  --bg-color: #cd486b;
}

.portail-button.blanche {
  --bg-color: GhostWhite;
  border-color:#A2A2D0;
}

.portail-button.youtube {
  --bg-color: #cc181e;
}

.portail-button.youtube i {
  vertical-align: sub;
}

..portail-button.twitter {
  --bg-color: #00aced;
}

.portail-button.twitter i {
  vertical-align: sub;
}

.portail-button.pinterest {
  --bg-color: #c92228;
}

.portail-button.email {
  --bg-color: gray;
}

.portail-button.rose {
  --bg-color: deepPink;
}

.portail-button.blueyonder {
  --bg-color: #5072A7;
}

.portail-button.amazon {
  --bg-color: #ff9900;
}

.portail-button.amazon i {
  vertical-align: super;
}

.portail-button.whatsapp {
  --bg-color: #25d366;
}

..portail-button.hearta {
  --bg-color: deepPink;
}


.portail-button.paypal {
  --bg-color: #003087;
}

.portail-button.paypal i {
  vertical-align: middle;
}




.tg-T-icon {
	width: 10px;
	margin-right: 4px;
	height: 10px;
	vertical-align: -1px;
	background: url('../images/action/tranche.png') no-repeat -3px -3px;
}

.tg-FB-icon {
	width: 10px;
	margin-right: 4px;
	height: 10px;
	vertical-align: -1px;
	background: url('../images/action/fborne.png') no-repeat -3px -3px;
}

.tg-FS-icon {
	width: 10px;
	margin-right: 4px;
	height: 10px;
	vertical-align: -1px;
	background: url('../images/action/fsimple.png') no-repeat -3px -3px;
}

.tg-F-icon {
	width: 10px;
	margin-right: 4px;
	height: 10px;
	vertical-align: -1px;
	background: url('../images/action/formule.png') no-repeat -3px -3px;
}

.tg-GF-icon {
	width: 10px;
	margin-right: 4px;
	height: 10px;
	vertical-align: -1px;
	background: url('../images/action/gfixe.png') no-repeat -3px -3px;
}

.tg-GV-icon {
	width: 10px;
	margin-right: 4px;
	height: 10px;
	vertical-align: -1px;
	background: url('../images/action/gvariable.png') no-repeat -3px -3px;
}

.tg-CP-icon {
	width: 10px;
	margin-right: 4px;
	height: 10px;
	vertical-align: -1px;
	background: url('../images/action/pret.png') no-repeat -3px -3px;
}

.tg-ALL-icon {
	width: 10px;
	margin-right: 4px;
	height: 10px;
	vertical-align: -1px;
	background: url('../images/action/normal.png') no-repeat -3px -3px;
}

.row-red {
	background-color: red;
	width: 400px;
}

.changeColorRed {
	color: red
}