/* CSS de la page Tampon pour la promo du site RWD */
html, body {
	height: 100%;
	margin: 0;
	padding: 0;
	background: #E2E2E3 url(../img/promomobile.jpg) no-repeat top center;
	color: #544431;
	font-size: 16px;
}

.pagetampon {
	display: table;
	margin: auto;
}

@media only screen and (max-device-width:980px) {
	
	body {
	   font-size: 24px;
	}
	
	.pagetampon {
	  width: 90%;
  }
  
}

.pagetampon .encart-promo-rwd {
	/* Ombre */
	-moz-box-shadow: 0em 0em 1.125em #c5c5c5;
	-webkit-box-shadow: 0em 0em 1.125em #c5c5c5;
	box-shadow: 0em 0em 1.125em #c5c5c5;
	/* Bords arrondis */
	border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	background: #fff;
	margin-top: 9%;
	padding: 30px 40px;
}

.pagetampon .titre-promo-rwd {
	border-bottom: 2px solid #bbb4ae;
	font-family: Arial, Trebuchet MS, sans-serif;
	font-size: 1.2em;
	line-height: 1.2em;
	margin-bottom: 0.8em;
	padding-bottom: 0.6em;
}

.pagetampon .titre-promo-rwd .federation {
	font-size: 1.2em;
	font-weight: bold;
}

.pagetampon .texte-promo-rwd {
	font-family: Arial, Trebuchet MS, sans-serif;
	font-size: 1em;
}

.pagetampon .bouton-promo-rwd {
	display: block;
	font-family: Arial, Trebuchet MS, sans-serif;
	font-size: 1em;
	text-align: center;
  vertical-align: middle;
	color: #FFF;
	text-decoration: none;
	/* Bords arrondis */
	border-radius: 0.375em;
	-moz-border-radius: 0.375em;
	-webkit-border-radius: 0.375em;
	padding: 1em;
	margin-top: 1.3em;
	margin-bottom: 1.2em;
}

.pagetampon .site-rwd {
	/* Degrade rouge, pas de degrade pour les navigateurs <IE9 (sinon pas de bord arrondis) */
	background: #c0293a; /* Old Browsers, IE6-9 */
	background: -moz-linear-gradient(top, #c0293a 0%, #7c010f 100%);
	/* FF3.6+ */
	background: -webkit-gradient(left top, left bottom, color-stop(0%, #c0293a),
		color-stop(100%, #7c010f)); /* Chrome, Safari4+ */
	background: -webkit-linear-gradient(top, #c0293a 0%, #7c010f 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #c0293a 0%, #7c010f 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #c0293a 0%, #7c010f 100%);
	/* IE 10+ */
	background: linear-gradient(to bottom, #c0293a 0%, #7c010f 100%);
	/* W3C */
}

.pagetampon .site-classique {
	margin-bottom: 0;
	/* Degrade gris, pas de degrade pour les navigateurs <IE9 (sinon pas de bord arrondis) */
	background: #999999; /* Old Browsers, IE6-9 */
	background: -moz-linear-gradient(top, #999999 0%, #4d4d4d 100%);
	/* FF3.6+ */
	background: -webkit-gradient(left top, left bottom, color-stop(0%, #999999),
		color-stop(100%, #4d4d4d)); /* Chrome, Safari4+ */
	background: -webkit-linear-gradient(top, #999999 0%, #4d4d4d 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #999999 0%, #4d4d4d 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #999999 0%, #4d4d4d 100%);
	/* IE 10+ */
	background: linear-gradient(to bottom, #999999 0%, #4d4d4d 100%);
	/* W3C */
}