body {
	background-image: url(../images/fond.png);
	background-repeat: repeat-x;
	background-color: #b7b4a3;
	font-family: Verdana, sans-serif;
	font-size: 11px;
	color: #4c4c4c;
}

.clear { display:block; clear: both; float: none !important; }
a {
	text-decoration: none;
}
p {
	margin:0; padding: 7px 0;
}

.bleu 	{ color:#3cbbf4 !important; }
.bleufonce 	{ color:#1992c8 !important; }
.jaune 	{ color:#E3B014 !important; }
.vert 	{ color:#5A901A !important; }
.violet { color:#B037A6 !important; }
.gris 	{ color:#8E8C85 !important; }
.rouge 	{ color:#841515 !important; }
.rouge-vif 	{ color:#ad0b09 !important; }

.bouton {
	border-radius: 5px;
	display: block;
	height: 26px;
	line-height: 26px;
	color: #000;
	margin:0 auto;
	text-align: center;
	font-size: 12px;
	color: #FFF !important;
}
.bouton.bleu {
	background-color: #3cbbf4;
	background-image: -webkit-linear-gradient(#3cbbf4 0%, #2e8cad 100%);
	background-image: -moz-linear-gradient(#3cbbf4 0%, #2e8cad 100%);
	background-image: -ms-linear-gradient(#3cbbf4 0%, #2e8cad 100%);
	background-image: -o-linear-gradient(#3cbbf4 0%, #2e8cad 100%);
	background-image: linear-gradient(#3cbbf4 0%, #2e8cad 100%);
}
.bouton.gris {
	background-color: #4d4c4c;
	background-image: -webkit-linear-gradient(#4d4c4c 0%, #3b3936 100%);
	background-image: -moz-linear-gradient(#4d4c4c 0%, #3b3936 100%);
	background-image: -ms-linear-gradient(#4d4c4c 0%, #3b3936 100%);
	background-image: -o-linear-gradient(#4d4c4c 0%, #3b3936 100%);
	background-image: linear-gradient(#4d4c4c 0%, #3b3936 100%);
}
.bouton.vert {
	background-color: #7cc12a;
	background-image: -webkit-linear-gradient(#7cc12a 0%, #5e901e 100%);
	background-image: -moz-linear-gradient(#7cc12a 0%, #5e901e 100%);
	background-image: -ms-linear-gradient(#7cc12a 0%, #5e901e 100%);
	background-image: -o-linear-gradient(#7cc12a 0%, #5e901e 100%);
	background-image: linear-gradient(#7cc12a 0%, #5e901e 100%);
}
.bouton.jaune {
	background-color: #d8a813;
	background-image: -webkit-linear-gradient(#d8a813 0%, #a47d0d 100%);
	background-image: -moz-linear-gradient(#d8a813 0%, #a47d0d 100%);
	background-image: -ms-linear-gradient(#d8a813 0%, #a47d0d 100%);
	background-image: -o-linear-gradient(#d8a813 0%, #a47d0d 100%);
	background-image: linear-gradient(#d8a813 0%, #a47d0d 100%);
}
.bouton.violet {
	background-color: #e279d9;
	background-image: -webkit-linear-gradient(#e279d9 0%, #ac5a9a 100%);
	background-image: -moz-linear-gradient(#e279d9 0%, #ac5a9a 100%);
	background-image: -ms-linear-gradient(#e279d9 0%, #ac5a9a 100%);
	background-image: -o-linear-gradient(#e279d9 0%, #ac5a9a 100%);
	background-image: linear-gradient(#e279d9 0%, #ac5a9a 100%);
}
.bouton.rouge {
	background-color: #841515;
	background-image: -webkit-linear-gradient(#841515 0%, #3d0a0a 100%);
	background-image: -moz-linear-gradient(#841515 0%, #3d0a0a 100%);
	background-image: -ms-linear-gradient(#841515 0%, #3d0a0a 100%);
	background-image: -o-linear-gradient(#841515 0%, #3d0a0a 100%);
	background-image: linear-gradient(#841515 0%, #3d0a0a 100%);
}

.layer {
	position: absolute;
	width: 100%;
	height: 100%;
	top:0;
	left: 0;
	background-color: #FFF;
	background-image: url(../images/loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
	opacity: 0.8;
}
header {
	position: relative;
	z-index: 1;
	width:100%;
	height: 355px;
	background-image: url(../images/bandeau.jpg);
	background-repeat: repeat-x;
	background-position: center top;
}
header #lamicale {
	position: absolute;
	z-index: 5;
	top:50%;
	left:50%;
	margin-left:-576px;
	margin-top:-30px;
}
header #logo {
	position: absolute;
	z-index: 6;
	top:50%;
	left:50%;
	margin-left:-503px;
	margin-top:-178px;
}
header #top {
	width:924px;
	margin:0 auto;
	text-align: right;
}
header #top a,
header #top > div {
	position: relative;
	display: block;
	float: right;
	color:#FFF;
	line-height: 30px;
	text-decoration: none;
	margin-right: 5px;
}
header #top span {
	display: block;
	float: right;
	margin:0 10px;
}
header #top a img {
	vertical-align: middle;
	margin-bottom: -4px;
}
header #top > div div {
	font-style: normal;
	position: relative;
	display: none;
}
header #top > div div {
	position: absolute;
	top:28px;
	left: -11px;
}
header #top > div div {
	background-color: #61ad25;
	padding: 10px;
	line-height: normal;
}
header #top > div div p.titre {
	color: #FFF;
	margin: 0;
	padding: 10px 5px 5px;
	font-size: 15px;
}
header #top > div div label {
	display: block;
	border:1px solid #FFF;
	border-radius: 4px;
	background-color: #f2eee2;
	width: 200px;
	padding: 5px 0;
	margin: 0 auto;
}
header #top > div div label input {
	border: 0;
	background-color: transparent;
}
header #top > div div label a {
	display: block;
	float: right;
	padding: 0 10px;
	border-left: 1px solid #d4d1c2;
	font-weight: bold;
	color: #61AD25;
	line-height: normal;
}

nav {
	position: relative;
	z-index: 10;
	width:940px;
	margin:0 auto;
	margin-top:-50px;
}
nav > ul {
	margin:0;
	padding: 0;
	height: 26px;
}
nav ul > li {
	position: relative;
	margin:0;
	padding: 0;
	list-style: none;
	display: block;
	float: left;
	width:161px;
	height: 26px;
	background-repeat: no-repeat;
	margin-left: -40px;
}
nav ul > li:first-child {
	margin-left: 0;
}
nav ul li.bleu 	{ z-index: 6; background-image: url(../images/menu-bleu.png); }
nav ul li.gris 	{ z-index: 5; background-image: url(../images/menu-gris.png); }
nav ul li.jaune 	{ z-index: 4; background-image: url(../images/menu-jaune.png); }
nav ul li.violet { z-index: 3; background-image: url(../images/menu-violet.png); }
nav ul li.vert 	{ z-index: 2; background-image: url(../images/menu-vert.png); }
nav ul li.bleufonce 	{ z-index: 1; background-image: url(../images/menu-bleufonce.png); }
nav ul li.rouge { width:183px; float:right; z-index: 1; background-image: url(../images/menu-rouge.png); }
nav ul > li a {
	display: block;
	width:161px;
	height: 26px;
	text-align: center;
	color: #FFF;
	text-decoration: none;
	line-height: 26px;
	font-size: 13px;
}
nav ul > li a:hover {
	
}
nav ul > li.rouge a { width:183px; font-size: 11px; }
nav .submenu {
	height: 20px;
	background-color: #3cbbf4;
	background-repeat: no-repeat;
	background-image: url(../images/icon-menu-bleu.png); background-position: 63px center;
}
nav .submenu.bleu { background-color: #3cbbf4; background-image: url(../images/icon-menu-bleu.png); background-position: 63px center; }
nav .submenu.gris { background-color: #8e8c85; background-image: url(../images/icon-menu-gris.png); background-position: 183px center; }
nav .submenu.jaune { background-color: #e3b014; background-image: url(../images/icon-menu-jaune.png); background-position: 307px center; }
nav .submenu.violet { background-color: #b037a6; background-image: url(../images/icon-menu-violet.png); background-position: 428px center; }
nav .submenu.vert { background-color: #5a901a; background-image: url(../images/icon-menu-vert.png); background-position: 550px center; }
nav .submenu.bleu-fonce { background-color: #1992c8; background-image: url(../images/icon-menu-peche.png); background-position: 670px center; }
nav .submenu.rouge { background-color: #841515; background-image: none; }
nav span.coin.gauche {
	display: block;
	width:10px;
	height: 10px;
	float: left;
	background-image: url(../images/coin-bleu-g.png);
}
nav span.coin.droit {
	display: block;
	width:8px;
	height: 8px;
	float: right;
	background-image: url(../images/coin-bleu-d.png);
}
nav span.coin.gauche.bleu { background-image: url(../images/coin-bleu-g.png); }
nav span.coin.gauche.gris { background-image: url(../images/coin-gris-g.png); }
nav span.coin.gauche.jaune { background-image: url(../images/coin-jaune-g.png); }
nav span.coin.gauche.violet { background-image: url(../images/coin-violet-g.png); }
nav span.coin.gauche.vert { background-image: url(../images/coin-vert-g.png); }
nav span.coin.gauche.rouge { background-image: url(../images/coin-rouge-g.png); }
nav span.coin.droit.bleu { background-image: url(../images/coin-bleu-d.png); }
nav span.coin.droit.gris { background-image: url(../images/coin-gris-d.png); }
nav span.coin.droit.jaune { background-image: url(../images/coin-jaune-d.png); }
nav span.coin.droit.violet { background-image: url(../images/coin-violet-d.png); }
nav span.coin.droit.vert { background-image: url(../images/coin-vert-d.png); }
nav span.coin.droit.rouge { background-image: url(../images/coin-rouge-d.png); }

section#main {
	width:924px;
	/*background-image: url(../images/fond-main.png);
	background-repeat: repeat-x;
	background-position: bottom;*/
	background-color: #f4f3ee;
	margin:0 auto;
}
section#main .bouton img {
	vertical-align:  middle;
}
section#main #left {
	width:620px;
	padding-left: 20px;
	float: left;
}
section#main #left .decal {
	margin-left:-28px;
}
section#main #left .decal.diaporama {
	background-color: #bcb8a7;
	padding: 4px 5px;
}
section#main #left .decal.diaporama #diaporama {
	width:639px;height:246px;
}
section#main #left .coin.gauche,
section#main #leftin .coin.gauche {
	display: block;
	width:8px;
	height: 10px;
	float: left;
	background-image: url(../images/coin-g.png);
}
section#main #left .bottom-encart {
	position: relative;
	float: left;
	width:295px;
	/*height: 196px;*/
	margin-bottom: -10px;
	padding-right: 8px;
}
section#main #left .bottom-encart {
	margin-right: 5px;
}
section#main #left .bottom-encart .in {
	padding: 15px;
	min-height: 200px;
	background-color: #FFF;
	font-size: 10px;
}
section#main #left .bottom-encart .in .coin.droite {
	position: absolute;
	bottom: 0;
	right: 0;
	display: block;
	width:8px;
	height: 10px;
	background-image: url(../images/coin-d.png);
}
section#main #right {
	width:243px;
	float: right;
}
section#main #right .decal {
	margin-right:-8px;
}
section#main #right .login {
	background-color: #FFF;
	position: relative;
	padding-bottom: 20px;
}
section#main #right .login h2 {
	font-size: 15px;
	color: #8e8c85;
	padding: 10px;
	margin: 0;
	line-height: 33px;
	border-bottom: 1px solid #EDEDED;
}
section#main #right .login.online h2 {
	color: #3cbbf4;
}
section#main #right .login h2 img {
	float: right;
}
section#main #right .login label {
	color: #3cbbf4;
	display: block;
	padding: 10px;
}
section#main #right .login label input.inputText {
	margin-top:3px;
	border:1px solid #3cbbf4;
	border-radius: 4px;
	height: 20px;
	width: 175px;
	background-color: #f2eee2;
}
section#main #right .login label a.bouton {
	float: right;
	padding: 0 10px;
	color: #FFF;
	margin-top:3px;
	height: 24px;
}
section#main #right .login p {
	padding: 10px;
}
section#main #right .login p a {
	color:#8e8c85;
}
section#main #right .login p a.bouton {
	margin:0 auto;
	width: 170px;
	text-align: left;
	padding: 0 10px;
}
section#main #right .login #creer-compte {
	width:177px;
	height: 30px;
	line-height: 30px;
	background-image: url(../images/fond-creer-compte.png);
	background-repeat: no-repeat;
	position: absolute;
	left:-3px;
	bottom: -3px;
	color: #FFF;
}
section#main #right .login #creer-compte img {
	margin-left: 15px;
	margin-right: 10px;
	margin-top: 5px;
	float: left;
}

section#main #right .coin.droit,
section#main #rightin .coin.droit {
	display: block;
	width:8px;
	height: 10px;
	float: right;
	background-image: url(../images/coin-d.png);
}
section#main #right .amicale {
	height: 84px;
	background-image: url(../images/fond-encart-amicale.png);
}
section#main #right .amicale a {
	display: block;
	cursor: pointer;
	color: #4c4c4c;
	font-size: 13px;
	padding-left: 50px;
	padding-top: 17px;
	padding-right: 10px;
}
section#main #right .informations {
	background-color: #fff;
	padding: 5px;
}
section#main #right .informations .in {
	background-color: #3cbbf4;
}
section#main #right .informations .in p.titre {
	color: #FFF;
	margin: 0;
	padding: 10px 5px;
	font-size: 15px;
	border-bottom: 1px solid #FFF;
}
section#main #right .informations .in a {
	display: block;
	color: #FFF;
	padding: 10px 5px;
	border-bottom:1px solid #46a5ce;
	margin:0 5px;
}
section#main #right .informations .in a:hover {
	background-color: #2587b3;
}
section#main #right .newsletter {
	background-color: #fff;
	padding: 5px;
}
section#main #right .newsletter .in {
	background-color: #61ad25;
}
section#main #right .newsletter .in {
	padding-bottom: 10px;
}
section#main #right .newsletter .in p.titre {
	color: #FFF;
	margin: 0;
	padding: 10px 5px 5px;
	font-size: 15px;
}
section#main #right .newsletter label {
	display: block;
	border:1px solid #FFF;
	border-radius: 4px;
	background-color: #f2eee2;
	width: 200px;
	padding: 5px;
	margin: 0 auto;
}
section#main #right .newsletter label input {
	border: 0;
	background-color: transparent;
}
section#main #right .newsletter label a {
	display: block;
	float: right;
	padding: 0 10px;
	border-left: 1px solid #d4d1c2;
	font-weight: bold;
	color: #61AD25;
}


section#main #leftin {
	width:223px;
	padding-left: 20px;
	float: left;
}
section#main #leftin .decal {
	margin-left:-28px;
}
section#main #leftin .decal.informations {
}
section#main #leftin .decal.informations .menu-produit {
	background-color: #fff;
	padding: 5px;
}
section#main #leftin .decal.informations .menu-produit .wrap {
	background-color: #3cbbf4;
}
section#main #leftin .decal.informations .menu-produit h3 {
	color: #FFF;
	border-bottom: 1px solid #FFF;
}
section#main #leftin .decal.informations .menu-produit ul li {
	background-color: transparent;
}
section#main #leftin .decal.informations .menu-produit ul li a {
	border-bottom:1px solid #46a5ce;
}
section#main #leftin .decal.informations .menu-produit ul li:hover {
	background-color: #2587b3;
}
section#main #leftin .menu-produit {
	background-color: #FFF;
}
section#main #leftin .menu-produit h3 {
	margin:0;
	padding: 15px 0 5px 15px;
	color: #e3b014;
	background-repeat: no-repeat;
	 background-position: right bottom;
}
section#main #leftin.billet .menu-produit h3 {  background-image: url(../images/icon-h3-billet.png); }
section#main #leftin.locations .menu-produit h3 { color: #b037a6; background-image: url(../images/icon-h3-location.png); }
section#main #leftin.secretariat .menu-produit h3 { color: #8e8c85; background-image: url(../images/icon-h3-secretariat.png); }
section#main #leftin.sortie .menu-produit h3 { color: #5a901a; background-image: url(../images/icon-h3-sortie.png); }
section#main #leftin.membre .menu-produit h3 { color: #3cbbf4; background-image: url(../images/icon-h3-compte.png); }
section#main #leftin.panier .menu-produit h3 { color: #841515; }
section#main #leftin.actualites .menu-produit h3 { color: #1A92C8; }
section#main #leftin .menu-produit h3.noimg {
	background-image: none !important;
}
section#main #leftin .menu-produit ul {
	margin:0;
	padding:5px;
}
section#main #leftin .menu-produit ul li {
	margin:0;
	padding:0 10px;
	list-style: none;
	background-color: #afac9d
}
section#main #leftin.actualites .menu-produit ul li {
	background-color: #3cbbf4
}
section#main #leftin .menu-produit ul li:hover,
section#main #leftin .menu-produit ul li.actif {
	background-color: #8f8d84;
}
section#main #leftin.actualites .menu-produit ul li:hover,
section#main #leftin.actualites .menu-produit ul li.actif {
	background-color: #40ade0;
}
section#main #leftin .menu-produit ul li a {
	display: block;
	color:#FFF;
	font-size: 12px;
	padding: 10px 25px 10px 0;
	border-bottom:1px solid #bdbaab;
}
section#main #leftin.actualites .menu-produit ul li a {
	border-bottom: 1px solid #46A5CE;
}

section#main #rightin,
section#main .rightin {
	width:645px;
	padding-right: 10px;
	float: right;
}
section#main #rightin h3 {
	color: #e3b014;
	font-size: 16px;
	padding-bottom: 4px;
	border-bottom:1px solid #afac9d;
}
section#main #rightin.sortie h3 { color: #5a901a; }
section#main #rightin.membre h3 { color: #3cbbf4; }
section#main #rightin.panier h3 { color: #841515; }
section#main #rightin .billet.ponctuel {
	float: left;
	width:150px;
	height: 290px;
	margin-right: 10px;
	background-image: none;
}
section#main #rightin .billet.ponctuel .image {
	position: relative;
	width:150px;
	height: 183px;
	background-color: #FFF;
}
section#main #rightin .billet.ponctuel .image div {
	width:150px;
	height: 183px;
	overflow: hidden;
}
section#main #rightin .billet.ponctuel .image .masque {
	position: absolute;
	z-index: 1;
	width:150px;
	height: 183px;
	top:0;
	left:0;
	background-image: url(../images/masque-billet-ponctuels.png);
}
section#main #rightin .billet.ponctuel .image .masque a {
	display: block;
	width: 100%;
	height: 100%;
}
section#main #rightin .billet.ponctuel .intitule {
	background-color: transparent;
	padding: 5px 0;
	text-align: center;
	font-size: 13px;
	height: 40px;
}
section#main #rightin .billet.ponctuel .bouton {
	display: block;
	width:140px;
	height: 26px;
	line-height: 26px;
	color: #000;
	margin:0 auto;
	text-align: center;
	font-size: 12px;
	background-color: #d8a813;
	background-image: -webkit-linear-gradient(#d8a813 0%, #a47d0d 100%);
	background-image: -moz-linear-gradient(#d8a813 0%, #a47d0d 100%);
	background-image: -ms-linear-gradient(#d8a813 0%, #a47d0d 100%);
	background-image: -o-linear-gradient(#d8a813 0%, #a47d0d 100%);
	background-image: linear-gradient(#d8a813 0%, #a47d0d 100%);
}
section#main #rightin .billet.ponctuel span.ombre {
	display: block;
	width:140px;
	height: 14px;
	margin:0 auto;
	background-image: url(../images/bouton-ombre.png);
	background-repeat: no-repeat;
	background-position: center center;
}
section#main #rightin .billet,
section#main #rightin .sortie {
	float: left;
	width:108px;
	height: 240px;
	margin-right: 21px;
	margin-bottom: 15px;
	background-image: url(../images/fond-billet-generique.png);
	background-repeat: no-repeat;
}
section#main #rightin .billet .image {
	position: relative;
	width:108px;
	height: 120px;
}
section#main #rightin .billet .image div {
	width:108px;
	height: 120px;
	overflow: hidden;
}
section#main #rightin .billet .image .masque {
	position: absolute;
	z-index: 1;
	width:108px;
	height: 120px;
	top:0;
	left:0;
	background-image: url(../images/masque-billet.png);
}
section#main #rightin .billet .image .masque a {
	display: block;
	width: 100%;
	height: 100%;
}
section#main #rightin .billet .intitule,
section#main #rightin .sortie .intitule {
	text-align: center;
	font-size: 12px;
	height: 70px;
	margin-bottom: 10px;
}
section#main #rightin .billet .bouton,
section#main #rightin .sortie .bouton {
	display: block;
	width:108px;
	height: 26px;
	line-height: 26px;
	color: #000;
	margin:0 auto;
	text-align: center;
	font-size: 12px;
	background-color: #d8a813;
	background-image: -webkit-linear-gradient(#d8a813 0%, #a47d0d 100%);
	background-image: -moz-linear-gradient(#d8a813 0%, #a47d0d 100%);
	background-image: -ms-linear-gradient(#d8a813 0%, #a47d0d 100%);
	background-image: -o-linear-gradient(#d8a813 0%, #a47d0d 100%);
	background-image: linear-gradient(#d8a813 0%, #a47d0d 100%);
}
section#main #rightin .billet span.ombre,
section#main #rightin .sortie span.ombre {
	display: block;
	width:108px;
	height: 14px;
	margin:0 auto;
	background-image: url(../images/bouton-ombre.png);
	background-repeat: no-repeat;
	background-position: center center;
}

section#main #rightin .bandeau {
	position: relative;
	width:627px;
	height: 175px;
	padding: 5px;
	background-color: #dcd8cb;
}
section#main #rightin .bandeau .image {
	width:627px;
	height: 175px;
	overflow: hidden;
}
section#main #rightin h1 {
	font-size: 22px;
	color: #bc9009;
	font-weight: normal;
}
section#main #rightin.locations h1 { color: #b037a6; }
section#main #rightin.sortie h1 { color: #5A901A; }
section#main #rightin.panier h1 { color: #841515; }
section#main #rightin.secretariat h1 { color: #8E8C85; }
section#main #rightin h2 {
	font-size: 15px;
	color: #bc9009;
	font-weight: normal;
}
section#main #rightin.locations h2 { color: #b037a6; }
section#main #rightin.sortie h2 { color: #5A901A; }
section#main #rightin.secretariat h2 { color: #8E8C85; }
section#main #rightin.panier h2 { 
	color: #3d0a0a; 
	border-bottom:1px solid #8e8c85;
	padding-bottom: 5px;
}
section#main .rightin.secretariat form {
	display: block;
	width:450px;
	margin: 0 auto;
}
section#main .rightin.secretariat form label {
	display: block;
	margin-top: 15px;
	padding-bottom: 3px;
}
section#main .rightin.secretariat form input[type=text] {
	border:1px solid #EDEDED;
	width: 300px;
}
section#main .rightin.secretariat form textarea {
	border:1px solid #EDEDED;
	width: 400px;
	height: 200px;
}
section#main .rightin.secretariat form a.bouton {
	width: 150px;
	margin: 10px 0;
}
section#main #rightin.sortie .sortie {
	position: relative;
	width: 150px;
	height: auto;
	margin-right: 11px;
	background-image: none;
}
section#main #rightin.sortie .sortie .image {
	background-color: white;
	width: 140px;
	height: 173px;
	overflow: hidden;
	padding: 5px;
	margin-bottom: 10px;
}
section#main #rightin.sortie .sortie .intitule {
	margin-top: 10px;
	height: 30px;
}
section#main #rightin.sortie .sortie .bouton {
	background-color: #7cc12a;
	background-image: -webkit-linear-gradient(#7cc12a 0%, #5e901e 100%);
	background-image: -moz-linear-gradient(#7cc12a 0%, #5e901e 100%);
	background-image: -ms-linear-gradient(#7cc12a 0%, #5e901e 100%);
	background-image: -o-linear-gradient(#7cc12a 0%, #5e901e 100%);
	background-image: linear-gradient(#7cc12a 0%, #5e901e 100%);
}

section#main #rightin #produit-description {
	float: left;
	width:400px;
}
section#main #rightin .bandeau.location .location-bandeau-infos {
	position: absolute;
	top:0;
	right: 0;
	margin-top:5px;
	margin-right:5px;
	width:180px;
	height: 175px;
	background-image: url(../images/rgba-0.8.png);
}
section#main #rightin .bandeau.location .location-bandeau-infos h4 {
	color: #b037a6;
	font-weight: normal;
	font-size: 18px;
	margin:0;
	padding: 10px;
}
section#main #rightin .bandeau.location .location-bandeau-infos div {
	color: #FFF;
	padding: 0 10px 10px 10px;
}
section#main #rightin .bandeau.location .location-bandeau-infos .bouton {
	display: block;
	height: 26px;
	line-height: 26px;
	color: #000;
	margin:0 15px;
	padding: 0 5px;
	text-align: center;
	font-size: 12px;
	background-color: #e279d9;
	background-image: -webkit-linear-gradient(#e279d9 0%, #ae5c9c 100%);
	background-image: -moz-linear-gradient(#e279d9 0%, #ae5c9c 100%);
	background-image: -ms-linear-gradient(#e279d9 0%, #ae5c9c 100%);
	background-image: -o-linear-gradient(#e279d9 0%, #ae5c9c 100%);
	background-image: linear-gradient(#e279d9 0%, #ae5c9c 100%);
}

section#main #rightin.panier table {
	width:100%;
	font-size: 12px;
}
section#main #rightin.panier table tr.second {
	background-color: #f0eee9;
	color: #8e8c85;
}
section#main #rightin.panier table th {
	border:1px solid #8e8c85;
	border-collapse: collapse;
	color: #8e8c85;
	font-size: 15px;
	padding: 5px 0;
}
section#main #rightin.panier table td {
	border:1px solid #8e8c85;
	border-bottom:1px solid #d3d2ce;
	border-collapse: collapse;
	padding: 5px;
}
section#main #rightin.panier table tr.light td {
	border-bottom:1px solid #d3d2ce;
}
section#main #rightin.panier table td.col1 {
	width:400px;
}
section#main #rightin.panier table tr.light td.col1 {
	text-align: right;
}
section#main #rightin.panier table td.col2 {
	text-align: center;
}
section#main #rightin.panier table td.col3 {
	text-align: center;
}
section#main #rightin.panier table td.col4 {
	text-align: center;
}
section#main #rightin.panier table tr th:first-child,
section#main #rightin.panier table tr td:first-child {
	border-left:0;
}
section#main #rightin.panier table tr th:last-child,
section#main #rightin.panier table tr td:last-child {
	border-right:0;
}
section#main #rightin.panier table tr.total {
	font-weight: bold;
}
section#main #rightin.panier table tr.total .col3 {
	text-align: right;
}
section#main #rightin.panier table img.maj-qte {
	vertical-align: middle;
}
section#main #rightin.panier .bouton {
	padding: 0 10px;
}
section#main #rightin.panier .case {
	float: left;
	width: 300px;
}
section#main #rightin.panier .paiement-case {
	float: left;
	width: 150px;
	border-right: 1px solid #8e8c85;
	text-align: center;
}
section#main #rightin.panier .paiement-case:last-child {
	border:0;
}
section#main #rightin.panier .paiement-case a {
	display: block;
	cursor: pointer;
}
section#main #rightin.panier .paiement-case span {
	color: #4C4C4C;
	display: block;
	text-align: center;
	padding: 0 0 10px 0;
}

section#main #rightin #right {
	margin-right: -10px;
}
section#main #rightin #right .decal {
	position: relative;
}
section#main #rightin #right .decal > .in {
	background-color: #FFF;
	padding: 5px;
}
section#main #rightin #right .decal .in .in {
	background-color: #dcd8cb;
	padding: 10px 0;
}
section#main #rightin #right .decal .in .in h4 {
	margin:0;
	padding: 0 10px;
	border-bottom: 1px solid #FFF;
	line-height: 32px;
	color: #bc9009;
	font-size: 14px;
}
section#main #rightin.locations #right .decal .in .in h4 { color: #b037a6; }
section#main #rightin.sortie #right .decal .in .in h4 { color: #5A901A; }
section#main #rightin #right .decal .in .in h4 img {
	float: right;
}
section#main #rightin #right .decal .in .in p {
	padding: 5px 10px;
	font-weight: bold;
	color: #FFF;
	font-size: 12px;
}
section#main #rightin #right .decal .in .in.nobold p {
	font-weight: normal;
}
section#main #rightin #right .decal .in .in input.quantite {
	background-color: #f2eee2;
	border:1px solid #FFF;
	border-radius: 3px;
	width: 30px;
	height: 20px;
	text-align: center;
}
section#main #rightin #right .decal .in .in .total {
	margin: 10px;
	padding: 5px;
	border-top:1px solid #aeaeae;
	border-bottom:1px solid #aeaeae;
	text-align: right;
	font-weight: bold;
	font-size: 13px;
	color: #000;
}
section#main #rightin #right .decal .in .in .total span { color: #bc9009; }
section#main #rightin #right .decal .in .in #cloture span { color: #bc9009; }

section#main #rightin.locations #right .decal .in .in .total span { color: #b037a6; }
section#main #rightin.locations #right .decal .in .in #cloture span { color: #b037a6; }

section#main #rightin.sortie #right .decal .in .in .total span { color: #5A901A; }
section#main #rightin.sortie #right .decal .in .in #cloture span { color: #5A901A; }

section#main #rightin #right .decal.addtocart .check {
	padding: 0 10px;
}
section#main #rightin #right .decal.addtocart {
	color:#5d5d5d;
}
section#main #rightin #right .decal.addtocart .check input.checkbox {
	float: left;
	margin-right: 10px;
}
section#main #rightin #right .decal.addtocart .check span.intitule {
	float:left;
	width:155px;
}
section#main #rightin #right .decal.addtocart span.prix {
	float: right;
	margin-right: 0px;
	font-weight: bold;
	color: #000;
	font-size: 11px;
}
section#main #rightin #right .decal.addtocart .check input.inputText {
	width: 100%;
	border:1px solid #fff;
	background-color: #f2eee2;
	border-radius: 3px;
	height: 20px;
	color: #5d5d5d;
	margin-bottom: 3px;
}
section#main #rightin #right .decal.addtocart .check input.inputText::-webkit-input-placeholder,
section#main #rightin #right .decal.addtocart .check input.inputText::-moz-placeholder {
	font-style: italic;
}
section#main #rightin #right .decal.addtocart textarea {
	width: 200px;
	height: 100px;
	border:1px solid #fff;
	background-color: #f2eee2;
	border-radius: 3px;
	color: #5d5d5d;
	margin-bottom: 3px;
}
section#main #rightin #right .decal.addtocart select {
	width:150px;
}
section#main #rightin #right .decal.addtocart .sep {
	height: 1px;
	line-height: 1px;
	font-size: 1px;
	background-color: #e6e2d5;
	margin: 5px 0;
}
section#main #rightin #right .decal .in .in .bouton {
	display: block;
	float: right;
	height: 26px;
	line-height: 26px;
	color: #000;
	margin:0;
	padding: 0 15px;
	text-align: center;
	font-size: 12px;
}

section#main #rightin.membre .bouton {
	background-color: #3cbbf4;
	background-image: -webkit-linear-gradient(#3cbbf4 0%, #2e8cad 100%);
	background-image: -moz-linear-gradient(#3cbbf4 0%, #2e8cad 100%);
	background-image: -ms-linear-gradient(#3cbbf4 0%, #2e8cad 100%);
	background-image: -o-linear-gradient(#3cbbf4 0%, #2e8cad 100%);
	background-image: linear-gradient(#3cbbf4 0%, #2e8cad 100%);
}
section#main #rightin.membre form#form-modif-infos .bouton {
	float: right;
	padding: 0 15px;
}
section#main #rightin.membre div.wrap {
	background-color: #e2decf;
	margin-bottom: 10px;
	padding: 5px 10px;
}
section#main #rightin.membre div span {
	color: #3cbbf4;
}
section#main #rightin.membre div p.left {
	float: left;
}
section#main #rightin.membre div p.right {
	float: right;
}
section#main #rightin.membre div.left {
	float: left;
	width: 300px;
	padding-left:10px;
	padding-right:10px;
}
section#main #rightin.membre div.right {
	float: right;
	width: 300px;
	padding-left:10px;
	padding-right:10px;
}
section#main #rightin.membre div.left .wrap,
section#main #rightin.membre div.right .wrap {
	padding: 5px 0;
}
section#main #rightin.membre div label {
	display: block;
	float: left;
	clear: left;
	width: 130px;
	text-align: right;
	line-height: 30px;
	padding-right: 10px;
}
section#main #rightin.membre div div.input {
	float: left;
	width: 155px;
	line-height: 30px;
}
section#main #rightin.membre div div.input input {
	width:140px;
	border:1px solid #fff;
	background-color: #f2eee2;
	border-radius: 3px;
	height: 20px;
	color: #5d5d5d;
}
section#main #rightin.membre div div.input select {
	border:1px solid #fff;
	background-color: #f2eee2;
}
section#main #rightin.membre div div.check {
	text-align: right;
	padding: 5px 14px 0 0;
}
section#main #rightin.membre div div.del {
	text-align: center;
	padding: 5px 0;
}
section#main #rightin.membre div div.del a {
	color: red;
}
section#main #rightin.membre div div.add {
	text-align: right;
	padding: 0 10px;
}
section#main #rightin.membre div div.add a {
	color: #3cbbf4;
	text-decoration: underline;
	font-size: 14px;
}
section#main #rightin.membre div h4 {
	margin: 0;
	padding: 0 10px;
	font-weight: normal;
	font-size: 16px;
}
section#main #rightin.membre .list-commandes a {
	color: #4C4C4C;
	display: block;
	border-bottom: 1px solid #bebebe;
	padding: 5px 0;
}
section#main #rightin.membre .list-commandes a:hover {
	background-color: #d4d4d4
}
section#main #rightin.membre .list-commandes a div,
section#main #rightin.membre .list-commandes div.head {
	float: left;
	width: 150px;
	/*height: 20px;*/
	/*line-height: 20px;*/
	padding: 0 3px;
}
section#main #rightin.membre .list-commandes div.head {
	text-align: center;
	font-weight: bold;
}
section#main #rightin.membre .list-commandes a div.center {
	text-align: center;
}
section#main #rightin.membre .list-commandes div.long {
	width: 220px;
}
section#main #rightin.membre .list-commandes div.court {
	width: 100px;
}

footer {
	margin-top:25px;
	padding-top:70px;
	padding-bottom: 30px;
	background-image: url(../images/footer-ombre.png);
	background-repeat: no-repeat;
	background-position: center top;
	text-align: center;
}
footer a {
	text-decoration: none;
	color:#4c4c4c;
}
footer > a {
	color:#056590;
	font-size: 14px;
}


/* BOX AJAX --------------------------------------------------------------- */	
.ajaxpadding {
	padding: 30px;
	font-size: 12px;
}
.ajaxpadding h4 {	
	background-color: #6a6a6a;
	background-image: -webkit-linear-gradient(#6a6a6a 0%, #4e4e4e 100%);
	background-image: -moz-linear-gradient(#6a6a6a 0%, #4e4e4e 100%);
	background-image: -ms-linear-gradient(#6a6a6a 0%, #4e4e4e 100%);
	background-image: -o-linear-gradient(#6a6a6a 0%, #4e4e4e 100%);
	background-image: linear-gradient(#6a6a6a 0%, #4e4e4e 100%);
	color: #FFF;
	padding: 10px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
}
.ajaxpadding form label {
	width:150px;
	display: block;
float: left;
padding: 3px 0 6px 0;
text-align: left;
}
.ajaxpadding form div.inputbox {
	width: auto;
	margin-right: 50px;
	padding: 5px 0;
}
.ajaxpadding form div.inputbox div.input {
	width: auto;
	float: left;
}
.ajaxpadding form div.inputbox div.input input.inputText {
	border:1px solid #acacac;
	border-radius: 5px;
	height: 20px;
	line-height: 20px;
	width:150px;
}
.ajaxpadding form div.inputbox div.input input.file.inputText {
	width:200px !important;
}
.ajaxpadding form div.inputbox div.input textarea.inputTextarea {
	border:1px solid #acacac;
	border-radius: 5px;
	height: 100px;
	line-height: normal;
	width:400px;
}
.ajaxpadding form div.inputbox div.input a.exfilewrapper {
	margin:0 5px;
}
.ajaxpadding form .bouton {
	padding: 0 10px;
	margin: 0 auto;
	width: 150px;
}


/* MESSAGES --------------------------------------------------------------- */	
.message	{
	margin-bottom: 5px;
	cursor: pointer;
	height: 0;
	overflow: hidden;
	opacity: 0;
	}
.message table,
.message td {
	font-size: 12px;
}
.message .left	{
	
	
	padding: 0 0 0 20px;
	}
.message .left a	{
	
	font-weight: normal;
	text-decoration: underline;
	}
.message .right {
	width: 55px;
}
.message .right a	{
	cursor: pointer;
	}
.message .right a.close	{
	display: block;
	float: right;
	width: 55px;
	height: 35px;
	}

.message.yellow .left	{ 
	background: url(../images/table/message_yellow.png) top left no-repeat;
	color: #e79300;
}
.message.yellow .left a	{
	color: #e79300;
}
.message.yellow .right a.close	{
	background-image: url(../images/table/icon_close_yellow.png);
}

.message.blue .left	{ 
	background: url(../images/table/message_blue.png) top left no-repeat;
	color: #2e74b2;
}
.message.blue .left a	{
	color: #2e74b2;
}
.message.blue .right a.close	{
	background-image: url(../images/table/icon_close_blue.png);
}

.message.red .left	{ 
	background: url(../images/table/message_red.png) top left no-repeat;
	color: #ce2700;
}
.message.red .left a	{
	color: #ce2700;
}
.message.red .right a.close	{
	background-image: url(../images/table/icon_close_red.png);
}

.message.green .left	{ 
	background: url(../images/table/message_green.png) top left no-repeat;
	color: #6da827;
}
.message.green .left a	{
	color: #6da827;
}
.message.green .right a.close	{
	background-image: url(../images/table/icon_close_green.png);
}


table.panier-recap {
	width:100%;
	font-size: 12px;
}
table.panier-recap tr.second {
	background-color: #f0eee9;
	color: #8e8c85;
}
table.panier-recap th {
	border:1px solid #8e8c85;
	border-collapse: collapse;
	color: #8e8c85;
	font-size: 15px;
	padding: 5px 0;
}
table.panier-recap td {
	border:1px solid #8e8c85;
	border-bottom:1px solid #d3d2ce;
	border-collapse: collapse;
	padding: 5px;
}
table.panier-recap tr.light td {
	border-bottom:1px solid #d3d2ce;
}
table.panier-recap td.col1 {
	width:400px;
}
table.panier-recap tr.light td.col1 {
	text-align: right;
}
table.panier-recap td.col2 {
	text-align: center;
}
table.panier-recap td.col3 {
	text-align: center;
}
table.panier-recap td.col4 {
	text-align: center;
}
table.panier-recap tr th:first-child,
table.panier-recap tr td:first-child {
}
table.panier-recap tr th:last-child,
table.panier-recap tr td:last-child {
}
table.panier-recap tr.total {
	font-weight: bold;
}
table.panier-recap tr.total .col3 {
	text-align: right;
}
.case {
	float: left;
	width: 300px;
}
#noty_center_layout_container {
  box-shadow: rgb(0, 0, 0,0.5) 4px 6px 20px 6px;
}

/* ------------------------------------------------------------------
   Choix du moyen de paiement - renouvellement d'adhesion
   (mvc/membre/view/renouvellement.php)

   Bloc autonome : ne reprend pas .paiement-case, qui reste reserve au
   tunnel panier (billetterie / locations / sorties) et garde son rendu
   d'origine. Les deux ecrans n'ont ni les memes moyens de paiement ni
   les memes consequences.
   ------------------------------------------------------------------ */

section#main #rightin.membre .choix-paiement {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	margin: 0 0 14px 0;
}
section#main #rightin.membre .choix-paiement.solo {
	max-width: 340px;
}
section#main #rightin.membre .choix-paiement-form {
	flex: 1 1 260px;
	display: flex;
	margin: 0;
}

/* Le bouton porte toute la carte : cliquable au clavier comme a la
   souris, et fonctionnel sans JavaScript (c'est un vrai submit). */
section#main #rightin.membre .choix-paiement-case {
	display: flex;
	flex-direction: column;
	width: 100%;
	margin: 0;
	padding: 16px 14px 14px 14px;
	background-color: #FFF;
	border: 2px solid #cfcabb;
	border-radius: 6px;
	text-align: center;
	font-family: inherit;
	cursor: pointer;
	-webkit-appearance: none;
	appearance: none;
	transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}
section#main #rightin.membre .choix-paiement-case:hover,
section#main #rightin.membre .choix-paiement-case:focus,
section#main #rightin.membre .choix-paiement-case.en-attente {
	border-color: #3cbbf4;
	box-shadow: 0 2px 8px rgba(0,0,0,.12);
	transform: translateY(-2px);
	outline: none;
}
section#main #rightin.membre .choix-paiement-case .cp-icone {
	display: block;
	color: #4C4C4C;
	margin: 0 0 10px 0;
	line-height: 0;
}
section#main #rightin.membre .choix-paiement-case .cp-titre {
	display: block;
	color: #4C4C4C;
	font-size: 15px;
	font-weight: bold;
	margin: 0 0 6px 0;
}
section#main #rightin.membre .choix-paiement-case .cp-desc {
	display: block;
	color: #6b6a66;
	font-size: 12px;
	line-height: 1.4;
	margin: 0 0 14px 0;
}
/* margin-top:auto : quelles que soient les longueurs de texte, les deux
   pastilles d'action restent alignees sur la meme ligne. */
section#main #rightin.membre .choix-paiement-case .cp-action {
	display: block;
	margin-top: auto;
	padding: 7px 12px;
	border-radius: 5px;
	font-size: 13px;
	line-height: 1.2;
}
section#main #rightin.membre .choix-paiement-case.cb .cp-action {
	background-color: #3cbbf4;
	background-image: linear-gradient(#3cbbf4 0%, #2e8cad 100%);
	color: #FFF;
}
section#main #rightin.membre .choix-paiement-case.cheque .cp-action {
	border: 1px solid #8e8c85;
	color: #4C4C4C;
}

/* Confirmation intercalee avant le chien de garde du cheque : une fois la
   demande enregistree, renouvellement_en_cours=1 referme les deux
   parcours, carte comprise. Masque par defaut, revele en JS. */
section#main #rightin.membre .choix-paiement-confirm {
	display: none;
	margin: 0 0 14px 0;
	padding: 12px 14px;
	background-color: #fbf3dd;
	border-left: 4px solid #d8a813;
	border-radius: 3px;
}
section#main #rightin.membre .choix-paiement-confirm p {
	margin: 0 0 8px 0;
	font-size: 13px;
	line-height: 1.45;
}
section#main #rightin.membre .choix-paiement-confirm .cpc-titre {
	color: #a47d0d;
	font-size: 14px;
	font-weight: bold;
}
section#main #rightin.membre .choix-paiement-confirm .cpc-titre:before {
	content: "\26A0";
	margin-right: 6px;
	font-size: 15px;
}
section#main #rightin.membre .choix-paiement-confirm .cpc-actions {
	margin: 12px 0 0 0;
}
section#main #rightin.membre .choix-paiement-confirm .cpc-actions .bouton {
	display: inline-block;
	margin: 0 14px 0 0;
	padding: 0 14px;
	vertical-align: middle;
}
section#main #rightin.membre .choix-paiement-confirm .cpc-annuler {
	color: #4C4C4C;
	font-size: 13px;
	text-decoration: underline;
	vertical-align: middle;
}
section#main #rightin.membre .choix-paiement-note {
	color: #6b6a66;
	font-size: 12px;
	line-height: 1.4;
}

/* ------------------------------------------------------------------
   Recapitulatif de l'adhesion - espace membre
   (mvc/membre/view/adhesion.php)

   L'historique reprend la grille de .list-commandes (colonnes, filets)
   mais sur des lignes non cliquables : rien a ouvrir derriere un
   reglement, d'ou .ligne au lieu du <a> de la liste des commandes.
   ------------------------------------------------------------------ */

section#main #rightin.membre .adhesion-statut {
	border-left: 4px solid #bebebe;
	background-color: #f7f5ec;
	padding: 12px 14px;
	margin: 0 0 16px 0;
}
section#main #rightin.membre .adhesion-statut.ok {
	border-left-color: #7fb800;
}
section#main #rightin.membre .adhesion-statut.attente {
	border-left-color: #d8a813;
}
section#main #rightin.membre .adhesion-statut.non {
	border-left-color: #3cbbf4;
}
section#main #rightin.membre .adhesion-statut p {
	margin: 0 0 6px 0;
}
section#main #rightin.membre .adhesion-statut p:last-child {
	margin-bottom: 0;
}
section#main #rightin.membre .adhesion-statut .as-titre {
	font-size: 15px;
	font-weight: bold;
}
section#main #rightin.membre .adhesion-statut .as-actions {
	margin-top: 12px;
}
section#main #rightin.membre .adhesion-statut .as-actions .bouton {
	display: inline-block;
	margin: 0;
	padding: 0 14px;
}
section#main #rightin.membre .adhesion-statut .as-note {
	color: #6b6a66;
	font-size: 12px;
	line-height: 1.4;
	margin-top: 10px;
}
section#main #rightin.membre .adhesion-infos {
	margin: 0 0 18px 0;
}
section#main #rightin.membre .adhesion-infos p {
	margin: 0 0 4px 0;
}
section#main #rightin.membre .adhesion-infos p span {
	display: inline-block;
	min-width: 160px;
	color: #6b6a66;
}
section#main #rightin.membre h4.adhesion-h4 {
	padding-left: 0;
	margin-bottom: 8px;
	font-weight: bold;
}
section#main #rightin.membre .adhesion-historique div.head {
	text-align: left;
}
section#main #rightin.membre .adhesion-historique div.head.court {
	text-align: center;
}
section#main #rightin.membre .adhesion-historique .ligne {
	border-bottom: 1px solid #bebebe;
	padding: 5px 0;
}
section#main #rightin.membre .adhesion-historique .ligne div {
	float: left;
	width: 150px;
	padding: 0 3px;
}
section#main #rightin.membre .adhesion-historique .ligne div.center {
	text-align: center;
}
section#main #rightin.membre .adhesion-historique .ligne div.long {
	width: 220px;
}
section#main #rightin.membre .adhesion-historique .ligne div.court {
	width: 100px;
}
section#main #rightin.membre .adhesion-note {
	color: #6b6a66;
	font-size: 12px;
	line-height: 1.4;
	margin-top: 12px;
}

/* ------------------------------------------------------------------
   Retour de paiement Stripe - espace membre
   (mvc/membre/view/renouvellement-merci.php)

   Le webhook fait seul foi et arrive en general dans la seconde, mais
   apres le retour du navigateur : la page affiche donc un etat
   d'attente qui bascule tout seul en confirmation des que le reglement
   est enregistre. Les deux blocs coexistent dans le markup, l'un est
   masque - c'est le JS qui les permute.
   ------------------------------------------------------------------ */

section#main #rightin.membre .paiement-etat {
	margin: 0 0 14px 0;
	padding: 12px 14px;
	border-radius: 3px;
}
section#main #rightin.membre .paiement-etat p {
	margin: 0 0 8px 0;
	font-size: 13px;
	line-height: 1.45;
}
section#main #rightin.membre .paiement-etat p:last-child {
	margin-bottom: 0;
}
section#main #rightin.membre .paiement-etat .pe-titre {
	font-size: 14px;
	font-weight: bold;
}

/* Attente : meme jaune que la confirmation intercalee du parcours cheque. */
section#main #rightin.membre .paiement-etat.attente {
	background-color: #fbf3dd;
	border-left: 4px solid #d8a813;
}
section#main #rightin.membre .paiement-etat.attente .pe-titre {
	color: #a47d0d;
}

/* Confirme. */
section#main #rightin.membre .paiement-etat.confirme {
	background-color: #eef6e6;
	border-left: 4px solid #7aab3f;
}
section#main #rightin.membre .paiement-etat.confirme .pe-titre {
	color: #55801f;
}
section#main #rightin.membre .paiement-etat.confirme .pe-titre:before {
	content: "\2714";
	margin-right: 6px;
	font-size: 15px;
}

/* Le webhook n'est pas arrive dans le delai d'interrogation : ni erreur,
   ni confirmation - on renvoie vers le recapitulatif d'adhesion. */
section#main #rightin.membre .paiement-etat.differe {
	background-color: #f2f2f0;
	border-left: 4px solid #bebebe;
}
section#main #rightin.membre .paiement-etat.differe .pe-titre {
	color: #4C4C4C;
}

section#main #rightin.membre .pe-attente-anim:after {
	content: "...";
	display: inline-block;
	width: 0;
	overflow: hidden;
	vertical-align: bottom;
	-webkit-animation: pe-points 1.2s steps(4) infinite;
	animation: pe-points 1.2s steps(4) infinite;
}
@-webkit-keyframes pe-points { to { width: 1.2em; } }
@keyframes pe-points { to { width: 1.2em; } }

section#main #rightin.membre .paiement-etat .pe-actions {
	margin: 12px 0 0 0;
}
section#main #rightin.membre .paiement-etat .pe-actions .bouton {
	display: inline-block;
	margin: 0 14px 0 0;
	padding: 0 14px;
	vertical-align: middle;
}