@charset "UTF-8";
/* CSS Document */

.paiements-titre {
	font-size: 14px;
	max-width : 500px;
	margin: 2px auto;
	padding : 10px;
	font-weight: bold;
	text-align: left;
	text-transform: uppercase;
	border-radius: 6px 6px 0 0;
	}
	
	.paiements-cadre {
	font-size: 14px;
	max-width : 500px;
	margin: -2px auto;
	padding : 10px;
	color: #000;
	text-align: left;
	background-color: #FFF;
	}
	
	.background_rouge {
	background-color: #990033;
	color: #FFF;
	}
	
	.background_bleu {
	background-color: #06C;
	color: #FFF;
	}
	
	.dessin-sumup{
		max-width : 100px;
		height : auto;
		margin : 2px 10px 2px 2px;
		float : left;
		visibility : visible;
		}
		.texte-sumup{
		display : inline-block;
		align : left;
		padding: 0 0 0 10px;
		}

.nouveau{
		max-width : 130px;
		display : block;
		position : absolute;
		top : 350px;
		left: 65%;
		height : auto;
		z-index : 2;
		}	
	
/*Affichage selon device*/
@media screen and (max-width: 1000px) and (min-width:581px)
{
	.nouveau{
		max-width : 110px;
		top : 360px;
		left: 70%;
		height : auto;
}
}
	
@media screen and (max-width: 580px)
{

.paiements-titre, .paiements-cadre {
	font-size: 11px;
	max-width : 310px;
	margin: 2px auto;
	padding : 5px;
	}

.paiements-cadre {
	margin: -4px auto;
	}
	
.nouveau{
		max-width : 90px;
		top : 280px;
		left: 60%;
		height : auto;
}
.dessin-sumup{
		width : 0%;
		visibility : hidden;
		}	
	}