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


/*///////////////////////////////////////////////////////////////////////////////////////////////
//                                                                                             //
//  PAGE COMPARAISON DES CARTES                                                                //
//                                                                                             //
///////////////////////////////////////////////////////////////////////////////////////////////*/


/*-------------------------------------------------------------------------------+
+ Introduction                                                                   +
+-------------------------------------------------------------------------------*/

#intro-comparaison-cartes h1 {
	text-align: center;
}

#intro-comparaison-cartes h1 span {
	font-weight: normal;
}

#intro-comparaison-cartes ul li .detail {
	position: relative;
}

#intro-comparaison-cartes ul li .detail h2 {
	color: #fff;
}

#intro-comparaison-cartes ul li .detail h2 span {
	font-weight: normal;
}

#intro-comparaison-cartes ul li .detail .lien-puce {
	background-position: left -150px;
	margin: 10px auto;
	color: #fff;
	width: 120px;
}

#intro-comparaison-cartes ul li p {
	color: #fff;
}

#intro-comparaison-cartes .mentions-legales {
	color: #fff;
}

#intro-comparaison-cartes .pastille {
	position: absolute;
	z-index: 100;
}

#intro-comparaison-cartes .pastille .contenu-pastille {
	color: #7fc405;
}

#intro-comparaison-cartes .pastille .contenu-pastille .a-partir {
	display: block;
	position: relative;
	text-transform: uppercase;
}

#intro-comparaison-cartes .pastille .contenu-pastille .prix {
	display: block;
}

#intro-comparaison-cartes .pastille .contenu-pastille .prix .euro {
	position: relative;
	font-weight: normal;
}

#intro-comparaison-cartes .pastille .contenu-pastille .periode {
	display: block;
	position: relative;
}

@media screen and (max-width: 767px) { /* Mobile */

	#intro-comparaison-cartes {
		padding: 0 10px;
	}

	#intro-comparaison-cartes .conteneur {
		max-width: 750px;
		padding: 20px 0 10px 0;
	}

	#intro-comparaison-cartes h1 {
		margin-bottom: 20px;
		font-size: 1.8em;
		text-align: center;
	}

	#intro-comparaison-cartes ul li {
		margin-bottom: 30px;
	}

	#intro-comparaison-cartes ul li .detail h2 {
		margin-bottom: 10px;
		font-size: 1.3em;
		text-align: center;
	}

	#intro-comparaison-cartes ul li .detail p {
		font-size: 1.1em;
		text-align: center;
	}

	#intro-comparaison-cartes ul li .detail img {
		display: block;
		width: 200px;
		margin: 0 auto;
	}

	#intro-comparaison-cartes ul li .detail .bt-noir {
		width: 97%;
	}

	#intro-comparaison-cartes ul li .detail .pastille {
		top: 15px;
		left: 50%;
		margin-left: -130px;
	}

	#intro-comparaison-cartes ul li .detail .pastille .contenu-pastille .a-partir {
		padding-top: 5px;
		font-size: 0.8em;
		letter-spacing: -0.1em;
	}

	#intro-comparaison-cartes ul li .detail .pastille .contenu-pastille .prix {
		padding-top: 2px;
		font-size: 3.5em;
		letter-spacing: -0.1em;
	}

	#intro-comparaison-cartes ul li .detail .pastille .contenu-pastille .prix .euro {
		top: -10px;
		left: 2px;
		font-size: 0.5em;
	}

	#intro-comparaison-cartes ul li .detail .pastille .contenu-pastille .periode {
		top: -4px;
		font-size: 1.3em;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	#intro-comparaison-cartes {
		position: relative;
	}
	
	#intro-comparaison-cartes .conteneur {
		min-height: 220px;
		padding: 30px 10px 10px 10px;
	}
	
	#intro-comparaison-cartes h1 {
		margin-bottom: 20px;
		font-size: 2.8em;
	}

	#intro-comparaison-cartes ul {
		margin-bottom: 20px;
		overflow: hidden;
	}

	#intro-comparaison-cartes ul li {
		float: left;
		border-right: 1px solid #fff;
	}

	#intro-comparaison-cartes ul li.dernier {
		border-right: none;
	}

	#intro-comparaison-cartes ul li .detail h2 {
		height: 40px;
		margin-bottom: 15px;
		font-size: 2em;
	}

	#intro-comparaison-cartes ul li .detail p {
		font-size: 1.2em;
	}

	#intro-comparaison-cartes ul li .detail .bouton {
		position: relative;
		left: 50%;
		width: 220px;
	}
	
	#intro-comparaison-cartes ul li .detail .bouton .bt {
		padding: 15px 0;
	}

	#intro-comparaison-cartes ul li .detail .pastille {
		width: 50px;
		height: 50px;
	}

	#intro-comparaison-cartes ul li .detail .pastille .contenu-pastille {
		width: 50px;
		height: 50px;
	}

	#intro-comparaison-cartes ul li .detail .pastille .contenu-pastille .a-partir {
		padding-top: 3px;
	}

	#intro-comparaison-cartes ul li .detail .pastille .contenu-pastille .prix {
		padding-top: 3px;
		font-size: 3.8em;
		letter-spacing: -0.1em;
	}

	#intro-comparaison-cartes ul li .detail .pastille .contenu-pastille .prix .euro {
		top: -18px;
		left: 0;
		font-size: 0.4em;
		letter-spacing: 0;
	}

	#intro-comparaison-cartes ul li .detail .pastille .contenu-pastille .periode {
		top: -5px;
		font-size: 1.2em;
	}

}

@media screen and (min-width: 768px) and (max-width: 1220px) { /* Tablette */

	#intro-comparaison-cartes {
		padding: 0 10px;
	}

	#intro-comparaison-cartes .conteneur {
		max-width: 940px;
	}

	#intro-comparaison-cartes ul li {
		width: 33%;
	}

	#intro-comparaison-cartes ul li .detail {
		padding: 0 20px;
	}

	#intro-comparaison-cartes ul li .detail h2 {
		text-align: center;
	}

	#intro-comparaison-cartes ul li .detail p {
		min-height: 60px;
		text-align: center;
	}

	#intro-comparaison-cartes ul li .detail img {
		display: block;
		width: 70%;
		margin: 0 auto;
	}

	#intro-comparaison-cartes ul li .detail .bouton {
		margin-left: -115px;
	}

	#intro-comparaison-cartes ul li .detail .pastille {
		top: 40px;
		left: 30px;
	}

}

@media screen and (min-width: 1221px) { /* Bureau */

	#intro-comparaison-cartes .conteneur {
		width: 960px;
	}

	#intro-comparaison-cartes ul li {
		width: 319px;
	}

	#intro-comparaison-cartes ul li .detail {
		padding: 0 20px 0 160px;
	}

	#intro-comparaison-cartes ul li .detail h2 {
		margin-left: -140px;
	}

	#intro-comparaison-cartes ul li .detail p {
		min-height: 90px;
	}

	#intro-comparaison-cartes ul li .detail img {
		position: absolute;
		left: 20px;
		top: 50px;
		width: 120px;
	}

	#intro-comparaison-cartes ul li .detail .bouton {
		margin-left: -185px;
	}

	#intro-comparaison-cartes ul li .detail .pastille {
		top: 30px;
		left: 5px;
	}
	
	#intro-comparaison-cartes ul li .detail .lien-puce {
		margin-left: -60px;
	}

}



/*-------------------------------------------------------------------------------+
+ Tableau des caracteristiques                                                   +
+-------------------------------------------------------------------------------*/

#tableaux-caracteristiques h2 {
	text-align: center;
}

#tableaux-caracteristiques h2 span {
	font-weight: normal;
}

@media screen and (max-width: 767px) { /* Mobile */

	#tableaux-caracteristiques {
		padding: 0 10px;
	}

	#tableaux-caracteristiques .conteneur {
		max-width: 750px;
		padding-bottom: 20px;
	}

	#tableaux-caracteristiques h2 {
		padding: 20px 0 20px 0;
		font-size: 1.6em;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	#tableaux-caracteristiques h2 {
		padding: 20px 0 15px 0;
		font-size: 2.5em;
	}

}

@media screen and (min-width: 768px) and (max-width: 1220px) { /* Tablette */

	#tableaux-caracteristiques {
		padding: 0 10px;
	}

}

@media screen and (min-width: 1221px) { /* Bureau */

	#tableaux-caracteristiques .conteneur {
		width: 980px;
		padding-bottom: 30px;
	}

}


/* Tableau caracteristiques ********************************************/


/* Version mobile */

@media screen and (max-width: 767px) { /* Mobile */

	#tableaux-caracteristiques .version-mobile .conteneur-detail {
		margin-bottom: 30px;
	}

	#tableaux-caracteristiques .version-mobile .conteneur-detail .identification-carte {
		padding-bottom: 5px;
		border-bottom: 7px solid #e0e0e0;
	}

	#tableaux-caracteristiques .version-mobile .conteneur-detail .identification-carte h4 {
		margin-bottom: 5px;
		font-size: 1.2em;
		text-align: center;
	}

	#tableaux-caracteristiques .version-mobile .conteneur-detail .detail {
		display: none;
		padding-bottom: 10px;
		border-bottom: 3px solid #e0e0e0;
	}

	#tableaux-caracteristiques .version-mobile .conteneur-detail .detail ul li {
		position: relative;
		padding: 8px 30px 8px 0;
		font-size: 1.1em;
		border-bottom: 1px solid #e0e0e0;
	}
	
	#tableaux-caracteristiques .version-mobile .conteneur-detail .detail ul li em {
		display: block;
		padding-top: 2px;
		color: #727272;
	}

	#tableaux-caracteristiques .version-mobile .conteneur-detail .detail ul li.dernier {
		border-bottom: none;
	}

	#tableaux-caracteristiques .version-mobile .conteneur-detail .detail ul li .nom {
		display: block;
		padding: 5px 0 8px 0;
		text-decoration: none;
	}

	#tableaux-caracteristiques .version-mobile .conteneur-detail .bt-deplier {
		position: relative;
		top: -15px;
		left: 47%;
	}

	#tableaux-caracteristiques .version-mobile .conteneur-detail .bt-replier {
		position: relative;
		top: -15px;
		left: 47%;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	#tableaux-caracteristiques .version-mobile {
		display: none;
	}

}


/* Version tablette + bureau */

@media screen and (max-width: 767px) { /* Mobile */

	#tableaux-caracteristiques .version-tablette-bureau {
		display: none;
	}
	
}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	#tableaux-caracteristiques .version-tablette-bureau table tr.separateur {
		border-top: 5px solid #e0e0e0;
	}

	#tableaux-caracteristiques .version-tablette-bureau table thead tr th {
		background-color: #7fc405;
		height: 40px;
		font-size: 1.6em;
		vertical-align: middle;
	}

	#tableaux-caracteristiques .version-tablette-bureau table thead tr th.col-caracteristiques {
		padding-left: 20px;
		color: #fff;
		font-weight: bold;
	}

	#tableaux-caracteristiques .version-tablette-bureau table thead tr th.col-carte {
		text-align: center;
		border-left: 1px solid #79b809;
	}
	
	#tableaux-caracteristiques .version-tablette-bureau table tbody tr {
		border-bottom: 1px solid #e0e0e0;
	}

	#tableaux-caracteristiques .version-tablette-bureau table tbody tr td {
		padding: 8px 0;
		color: #727272;
		font-size: 1.3em;
		line-height: 1.3em;
		vertical-align: middle;
	}

	#tableaux-caracteristiques .version-tablette-bureau table tbody tr td.col-caracteristiques {
		padding-left: 20px;
		padding-right: 10px;
	}

	#tableaux-caracteristiques .version-tablette-bureau table tbody tr td.col-carte {
		color: #7fc405;
		text-align: center;
		border-left: 1px solid #e0e0e0;
	}

	#tableaux-caracteristiques .version-tablette-bureau table tbody tr td .inclus {
		display: block;
		background: url(../img/puces/puce-cocher-vertclair.png) no-repeat left bottom;
		width: 24px;
		height: 22px;
		margin: 0 auto 8px auto;
	}

}

@media screen and (min-width: 768px) and (max-width: 1220px) { /* Tablette */

	#tableaux-caracteristiques .version-tablette-bureau table tr .col-caracteristiques {
		width: 35%;
	}

	#tableaux-caracteristiques .version-tablette-bureau table tr .col-carte {
		width: 20%;
	}

}

@media screen and (min-width: 1221px) { /* Bureau */

	#tableaux-caracteristiques .version-tablette-bureau table tr .col-caracteristiques {
		width: 360px;
	}

	#tableaux-caracteristiques .version-tablette-bureau table tr .col-carte {
		width: 199px;
	}

}




/*///////////////////////////////////////////////////////////////////////////////////////////////
//                                                                                             //
//  PAGE PRODUIT                                                                               //
//                                                                                             //
///////////////////////////////////////////////////////////////////////////////////////////////*/


/*-------------------------------------------------------------------------------+
+ Styles communs                                                                 +
+-------------------------------------------------------------------------------*/

/* Cartouche titre *****************************************************/

.cartouche-titre {
	display: inline-block;
	background-color: #7fc405;
	color: #fff;
}

@media screen and (max-width: 767px) { /* Mobile */

	.cartouche-titre {
		padding: 5px;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	.cartouche-titre {
		padding: 15px 10px;
		-moz-transform: rotate(355deg);
		-webkit-transform: rotate(355deg);
		transform: rotate(355deg);
	}

}



/*-------------------------------------------------------------------------------+
+ Introduction au produit                                                        +
+-------------------------------------------------------------------------------*/

#intro-produit h1 {
	color: #fff;
}

#intro-produit h1 span {
	font-weight: normal;
}

#intro-produit img {
	-moz-transform: rotate(357deg);
	-webkit-transform: rotate(357deg);
	transform: rotate(357deg);
}

#intro-produit p {
	color: #fff;
}

#intro-produit ul {
	color: #fff;
}

#intro-produit ul li {
	background-image: url(../img/puces/puce-cocher-blanc.png);
	background-repeat: no-repeat;
	font-weight: bold;
}

#intro-produit .pastille {
	position: absolute;
}

#intro-produit .pastille .contenu-pastille {
	color: #7fc405;
	left: 0;
	width: 120px;
}

#intro-produit .pastille .contenu-pastille span {
	display: block;
	position: relative;
}

#intro-produit .pastille .contenu-pastille .cumulez {
	font-size: 1.9em;
	top: 30px;
	text-transform: uppercase;
	word-spacing: -0.3em;
}	

#intro-produit .pastille .contenu-pastille .desEuros {
	display: block;
	top: 35px;
	font-size: 2em;
}

#intro-produit .ou {
	display: inline-block;
	color: #fff;
	text-transform: uppercase;
}

@media screen and (max-width: 479px) { /* Mini Mobile */

	#intro-produit .pastille {
		left: 25%;
	}
	
	#intro-produit .pastille .contenu-pastille .cumulez {
		top:10px;
		word-spacing: -0.3em;
	}

}

@media screen and (min-width: 479px) and (max-width: 767px) { /* Moyen Mobile */

	#intro-produit .pastille {
		left: 35%;
	}
	
	#intro-produit .pastille .contenu-pastille .cumulez {
		top:10px;
	}

}

@media screen and (max-width: 767px) { /* Mobile */

	#intro-produit {
		padding: 0 10px;
	}

	#intro-produit .conteneur {
		max-width: 750px;
		padding: 20px 0 10px 0;
	}

	#intro-produit h1 {
		margin-bottom: 20px;
		font-size: 1.8em;
		text-align: center;
	}

	#intro-produit img {
		display: block;
		width: 200px;
		margin: 0 auto;
	}

	#intro-produit .intro {
		font-size: 1.1em;
	}
	
	#intro-produit ul {
		margin-bottom: 10px;
	}

	#intro-produit ul li {
		background-position: left 4px;
		padding: 5px 0 5px 20px;
		font-size: 1.1em;
		line-height: 1.2em;
	}
	
	#intro-produit ul li sup{
		font-size: 0.7em;
	}

	#intro-produit .pastille {
		top: 100px;
		margin-left: -50px;
	}
	
	#intro-produit .pastille span {
		width: 75px;
		left: -1px;
	}

	#intro-produit .pastille .contenu-pastille .cumulez {
		padding-top: 5px;
		font-size: 1.1em;
		top:13px;
		word-spacing: -0.3em;
	}

	#intro-produit .pastille .contenu-pastille .desEuros {
		padding-top: 2px;
		font-size: 1.1em;
		top:15px
	}

	#intro-produit .bt-noir {
		width: 97%;
	}
	
	#intro-produit .ou {
		display: block;
		position: relative;
		left: 50%;
		width: 100px;
		margin: 8px 0 8px -10px;
		font-size: 1.1em;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	#intro-produit {
		position: relative;
	}
	
	#intro-produit .conteneur {
		min-height: 220px;
	}
	
	#intro-produit h1 {
		margin-bottom: 20px;
		font-size: 2.8em;
	}

	#intro-produit img {
		position: absolute;
	}

	#intro-produit .intro {
		font-size: 1.4em;
	}
	
	#intro-produit ul {
		margin-bottom: 10px;
	}

	#intro-produit ul li {
		background-position: left -272px;
		padding: 8px 0 8px 33px;
		font-size: 1.5em;
		line-height: 1.2em;
	}
	
	#intro-produit ul li sup{
		font-size: 0.5em;
	}

	#intro-produit .bt-noir .bt {
		padding: 14px 20px;
	}

	#intro-produit #bt-demande .bt {
		padding: 20px 20px;
	}
	
	#intro-produit .ou {
		font-size: 1.3em;
	}

}

@media screen and (min-width: 768px) and (max-width: 1220px) { /* Tablette */

	#intro-produit {
		padding: 0 10px;
	}

	#intro-produit .conteneur {
		padding: 50px 370px 100px 10px;
	}

	#intro-produit img {
		top: 110px;
		right: 50px;
	}

	#intro-produit .pastille {
		top: 30px;
		right: 120px;
	}

	#intro-produit .bt-noir {
		position: absolute;
		bottom: 20px;
	}

	#intro-produit #bt-demande {
		left: 10px;
	}

	#intro-produit #bt-comparaison {
		left: 320px;
	}
	
	#intro-produit .ou {
		position: absolute;
		left: 280px;
		bottom: 50px;
	}

}

@media screen and (min-width: 1221px) { /* Bureau */

	#intro-produit .conteneur {
		width: 500px;
		padding: 50px 400px 10px 20px;
	}

	#intro-produit img {
		top: 50px;
		right: 50px;
	}

	#intro-produit .pastille {
		top: 140px;
		right: 250px;
	}
	
	#intro-produit .ou {
		padding: 0 10px;
	}

}



/*-------------------------------------------------------------------------------+
+ Plus de souplesse                                                              +
+-------------------------------------------------------------------------------*/

#plus-souplesse {
	border-bottom: 1px solid #e0e0e0;
}

#plus-souplesse h1 .titre {
	display: block;
}

#plus-souplesse h1 .titre span {
	font-weight: normal;
}

#plus-souplesse .lien-puce {
	background-position: left -200px;
	color: #7fc405;
}

@media screen and (max-width: 767px) { /* Mobile */

	#plus-souplesse {
		padding: 0 10px;
	}

	#plus-souplesse .conteneur {
		max-width: 750px;
		padding-bottom: 20px;
	}

	#plus-souplesse h1 {
		padding: 20px 0 20px 0;
		font-size: 1.6em;
	}

	#plus-souplesse h1 .cartouche-titre {
		margin-bottom: 10px;
		font-size: 0.8em;
	}

	#plus-souplesse h1 img {
		display: none;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	#plus-souplesse .conteneur {
		overflow: hidden;
	}

	#plus-souplesse h1 {
		position: relative;
		padding: 30px 0 50px 180px;
		font-size: 2.5em;
	}

	#plus-souplesse h1 .cartouche-titre {
		position: absolute;
		top: 30px;
		left: 10px;
		font-size: 0.7em;
	}

	#plus-souplesse h1 .titre {
		padding-left: 20px;
		border-left: 2px solid #e0e0e0;
	}

	#plus-souplesse h1 .titre span {
		display: block;
	}

}

@media screen and (min-width: 768px) and (max-width: 1220px) { /* Tablette */

	#plus-souplesse {
		padding: 0 10px;
	}

	#plus-souplesse .conteneur {
		max-width: 960px;
	}

	#plus-souplesse h1 img {
		display: none;
	}

}

@media screen and (min-width: 1221px) { /* Bureau */

	#plus-souplesse .conteneur {
		width: 960px;
		padding-bottom: 30px;
	}
	
	#plus-souplesse .conteneur h1 img {
		display: block;
		position: absolute;
		top: 20px;
		right: 180px;
	}

}


/* Styles communs ******************************************************/

#plus-souplesse h2.partenaires {
	color: #7fc405;
	text-align: center;
	border-bottom: 1px solid #e0e0e0;
}

#plus-souplesse h2.partenaires span {
	display: inline-block;
	position: relative;
	background-color: #fff;
	padding: 5px 10px;
}

#plus-souplesse article {
	position: relative;
}

#plus-souplesse article h2 {
	color: #7fc405;
}

#plus-souplesse article h2 em {
	font-size: 0.8em;
	font-style: normal;
}

@media screen and (max-width: 767px) { /* Mobile */

	#plus-souplesse h2.partenaires {
		font-size: 1.4em;
	}

	#plus-souplesse h2.partenaires span {
		bottom: -12px;
	}

	#plus-souplesse article {
		margin-bottom: 20px;
	}

	#plus-souplesse article h2 {
		margin-bottom: 5px;
		font-size: 1.4em;
	}

	#plus-souplesse article p {
		font-size: 1.2em;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	#plus-souplesse h2.partenaires span {
		bottom: -15px;
	}

	#plus-souplesse article h2 {
		margin-bottom: 10px;
	}

	#plus-souplesse article p {
		font-size: 1.3em;
	}

}

@media screen and (min-width: 768px) and (max-width: 1220px) { /* Tablette */

	#plus-souplesse h2.partenaires {
		font-size: 2em;
	}

	#plus-souplesse article h2 {
		font-size: 2em;
	}

}

@media screen and (min-width: 1221px) { /* Bureau */

	#plus-souplesse h2.partenaires {
		font-size: 1.8em;
	}

	#plus-souplesse article h2 {
		font-size: 1.8em;
	}

}


/* Infos touches 1/2/3 et 4X *******************************************/

#plus-souplesse .colonnes article img {
	position: absolute;
	top: 0;
}

#plus-souplesse #exclusive-auchan {
    position: relative;
}

#plus-souplesse #exclusive-auchan .colonne {
	padding: 15px;
  	-moz-border-radius: 10px;
 	-webkit-border-radius: 10px;
  	border-radius: 10px;
    background-color: #ebebeb;
    margin-top: 20px;
    overflow: hidden;
}

#plus-souplesse #exclusive-auchan img.exclusivement {
	position: absolute;
	top: 0;	
	z-index:50;
}

#plus-souplesse #exclusive-auchan h3 span {
	color: #e2001a;
}


#plus-souplesse .colonnes .colonne article h2 span {
	text-transform: uppercase;
}
	
#plus-souplesse #exclusive-auchan #souplesse-touche3 h2, #plus-souplesse #exclusive-auchan #souplesse-touche4 h2 {
	color: #333;
}

#plus-souplesse #exclusive-auchan #souplesse-touche3 h2 span, #plus-souplesse #exclusive-auchan #souplesse-touche4 h2 span {
	color: #e2001a;
}

@media screen and (max-width: 767px) { /* Mobile */

	#plus-souplesse .colonnes article {
		min-height: 70px;
		padding-left: 90px;
	}

	#plus-souplesse .colonnes article img {
		left: 0;
	}
	
	#plus-souplesse #exclusive-auchan h3 {
		font-size: 1.6em;	
		padding: 40px 15px 15px 15px!important;
	}
		
	#plus-souplesse #exclusive-auchan img.exclusivement {
		top: -20px;
		left: 10px;	
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	#plus-souplesse .colonnes {
		overflow: hidden;
		margin-bottom: 20px;
	}
	
	#plus-souplesse .colonnes .colonne article {
		float: left;
	}
	
	#plus-souplesse .colonnes .colonne article h2 {
		position: absolute;
		left: 90px;
		top: 20px;
	}

	#plus-souplesse .colonnes .colonne article img {
		left: 10px;
	}

	#plus-souplesse .colonnes .colonne #souplesse-paiement4x h2 {
		left: 20px;
	}
	
	#plus-souplesse #exclusive-auchan h3 {
		font-size: 2.2em;	
		padding: 40px 30px 30px 30px!important;
	}
			
	#plus-souplesse #exclusive-auchan #souplesse-touche3, #plus-souplesse #exclusive-auchan #souplesse-touche4 {
		width: 45%;
		float: left;
	}

}

@media screen and (min-width: 768px) and (max-width: 1220px) { /* Tablette */

	#plus-souplesse .colonnes .colonne {
		float: left;
		margin: 0 2%;

	}

	#plus-souplesse .colonnes .colonne article {
		width: 29%;
		padding:80px 2% 0 2%;
	}

	#plus-souplesse .colonnes .colonne article h2 {
		width: 70%;
	}

	#plus-souplesse .colonnes .colonne #souplesse-paiement4x h2 {
		width: 100%;
	}

	#plus-souplesse #exclusive-auchan img.exclusivement {
		top: 0;
		left: 30px;	
	}

}

@media screen and (min-width: 1221px) { /* Bureau */

	#plus-souplesse .colonnes .colonne article {		
		width: 280px;
		padding: 80px 20px 0 20px;
		
	}
	
	#plus-souplesse .colonnes .colonne #souplesse-paiement4x h2 {
		width: 200px;
	}

	#plus-souplesse #exclusive-auchan img.exclusivement {
		top: 0;
		left: 10px;	
	}
}


/* Mentions reserve *******************************************/

#plus-souplesse #mentions-reserve {
	color: #727272;
}

@media screen and (max-width: 767px) { /* Mobile */

	#plus-souplesse #mentions-reserve .exemple {
		font-size: 1.2em;
		line-height: 1.6em;
	}
	
	#plus-souplesse #mentions-reserve .exemple strong {
		font-size: 1.45em;

	}
}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	#plus-souplesse #mentions-reserve p {
		font-size: 1.4em;
	}

	#plus-souplesse #mentions-reserve .exemple {
		font-size: 1.4em;
		line-height: 1.6em;
	}
	
	#plus-souplesse #mentions-reserve .exemple strong {
		font-size: 1.45em;
		font-weight: normal;
	}
}


/* Reseau et DAB *******************************************************/

#plus-simplicite #mentions-exemple {
	color:#727272;
	font-size:1.01em;
}

@media screen and (max-width: 767px) { /* Mobile */

	#plus-souplesse #souplesse-reseau-oney {
		margin-top: 25px;
	}

	#plus-souplesse #souplesse-reseau-oney img {
		display: block;
		margin: 0 auto;
		width: 260px;
	}
	
	#plus-souplesse #souplesse-reseau-oney .lien-puce {
		margin-top: 15px;
	}
	
	#plus-simplicite #simplicite-distributeurs-billets {
		margin-top: 25px;
	}

	#plus-simplicite #simplicite-distributeurs-billets img {
		display: block;
		margin: 0 auto;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	#plus-souplesse #souplesse-reseau-oney img {
		position: absolute;
		top: 0;
		right: 30px;
	}

	#plus-simplicite #simplicite-distributeurs-billets {
		min-height: 100px;
		margin: 30px auto 0 auto;
		padding-top: 20px;
		padding-left: 250px;
	}

	#plus-simplicite #simplicite-distributeurs-billets img {
		position: absolute;
		top: 0;
		left: 30px;
	}

}

@media screen and (min-width: 768px) and (max-width: 1220px) { /* Tablette */
		
	#plus-souplesse #souplesse-reseau-oney {
		min-height: 200px;
		margin: 30px auto 0 auto;
		padding-right: 410px;
		padding-top: 0;
	}
	
	#plus-souplesse #souplesse-reseau-oney .lien-puce {
		margin-top:50px;
	}
	
	#plus-souplesse #souplesse-reseau-oney img {
		position: absolute;
		top:10px;
		right: 0;
	}
	
}

@media screen and (min-width: 1221px) { /* Bureau */

	#plus-souplesse #souplesse-reseau-oney {
		min-height: 200px;
		margin: 30px auto 0 auto;
		padding-right: 440px;
		padding-top: 20px;
		width: 550px;
	}
	
	#plus-souplesse #souplesse-reseau-oney .lien-puce {
		margin: 15px 0 0 115px;
	}

	#plus-simplicite #simplicite-distributeurs-billets {
		width: 650px;
	}

}


/* Info promo **********************************************************/

#plus-souplesse #souplesse-reseau-oney .focus-avantages {
	position: relative;
	background-color: #ebebeb;
}

#plus-souplesse #souplesse-reseau-oney .focus-avantages p {
	margin-bottom: 0.5em;
	color: #333;
	font-style: italic;
}


@media screen and (max-width: 767px) { /* Mobile */

	#plus-souplesse #souplesse-reseau-oney .focus-avantages {
		padding: 10px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}
	
	#plus-souplesse #souplesse-reseau-oney .focus-avantages p {
		font-size: 1.1em;
	}
	
	#plus-souplesse #souplesse-reseau-oney .focus-avantages img {
		display: none;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	#plus-souplesse #souplesse-reseau-oney .focus-avantages {
		padding: 15px 15px 15px 100px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		width: 100%;
	}
	
	#plus-souplesse #souplesse-reseau-oney .focus-avantages p {
		margin-bottom: 0;
	}
	
	#plus-souplesse #souplesse-reseau-oney .focus-avantages img {
		position: absolute;
		top: -15px;
		left: -15px;
	}	

}

@media screen and (min-width: 768px) and (max-width: 1220px) { /* Tablette */
	
	#plus-souplesse #souplesse-reseau-oney .focus-avantages {
		margin-top: 25px;
	}
	
	#plus-souplesse #souplesse-reseau-oney .focus-avantages p {
		padding-right: 30px;
		font-size: 1.3em;
	}
	
}


@media screen and (min-width: 1221px) { /* Bureau */

	#plus-souplesse #souplesse-reseau-oney .focus-avantages {
		margin-top: 25px;
	}

	#plus-souplesse #souplesse-reseau-oney .focus-avantages p {
		padding-right: 100px;
		font-size: 1.3em;
	}
		
	#plus-souplesse #souplesse-reseau-oney .focus-avantages img {
		position: absolute;
		top: -15px;
		left: -15px;
	}

}


/*-------------------------------------------------------------------------------+
+ Plus de services                                                               +
+-------------------------------------------------------------------------------*/

#plus-services {
	border-bottom: 1px solid #e0e0e0;
}

#plus-services h2 .titre {
	display: block;
}

#plus-services h2 .titre span {
	font-weight: normal;
}

#plus-services .lien-puce {
	background-position: left -200px;
	color: #7fc405;
}

@media screen and (max-width: 767px) { /* Mobile */

	#plus-services {
		padding: 0 10px;
	}

	#plus-services .conteneur {
		max-width: 750px;
		padding-bottom: 20px;
	}

	#plus-services h2 {
		padding: 20px 0 30px 0;
		font-size: 1.6em;
	}

	#plus-services h2 .cartouche-titre {
		margin-bottom: 10px;
		font-size: 0.8em;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	#plus-services .conteneur {
		padding-bottom: 30px;
		overflow: hidden;
	}

	#plus-services h2 {
		position: relative;
		padding: 30px 0 50px 180px;
		font-size: 2.5em;
	}

	#plus-services h2 .cartouche-titre {
		position: absolute;
		top: 30px;
		left: 10px;
		font-size: 0.7em;
	}

	#plus-services h2 .titre {
		padding-left: 20px;
		border-left: 2px solid #e0e0e0;
	}

	#plus-services h2 .titre span {
		display: block;
	}

}

@media screen and (min-width: 768px) and (max-width: 1220px) { /* Tablette */

	#plus-services {
		padding: 0 10px;
	}

	#plus-services .conteneur {
		max-width: 960px;
	}

}

@media screen and (min-width: 1221px) { /* Bureau */

	#plus-services .conteneur {
		width: 960px;
	}

}


/* Mise en forme des articles ******************************************/

#plus-services article {
	position: relative;
}

#plus-services article h3 {
	color: #7fc405;
	line-height: 1.2em;
	text-transform: uppercase;
}

#plus-services article p {
	color: #727272;
}

#plus-services article ul {
	margin: 0.5em 0 0.8em 0;
	padding-left: 15px;
	color: #727272;
}

#plus-services article ul li {
	padding: 0.2em 0;
	list-style-type: disc;
	line-height: 1.3em;
}

#plus-services article img {
	position: absolute;
}

#plus-services article#services-carte-internationale #mentionsCompletes-sanscontact img {
	position: relative;
	left: 0;
    vertical-align: middle;
}

#plus-services article#services-carte-internationale img.lg-paypass {
	position: static;
	vertical-align: middle;
}

#plus-services article#services-3dsecure a {
	display: inline-block;
	color: #7FC405;
}

#plus-services article#services-assurance-assistance .pastille {
    position: absolute;	
	color: #333
}

#plus-services article#services-assurance-assistance .pastille .nouveau {
	text-transform: uppercase;
}

#plus-services article#services-assurance-assistance .pastille .nouveau strong {
	display: block;
	text-transform: uppercase;
	color: #e2001a;
}

#plus-services article#services-assurance-assistance .pastille .infos {
	display: block;
	font-weight: normal;
}

#plus-services article#services-carte-internationale #mentionsCompletes-sanscontact {
	margin-bottom: 5px;
	padding: 20px;
	background-color: #ebebeb;
	border-radius: 10px;
}

#plus-services article#services-carte-internationale #mentionsCompletes-sanscontact p {
	font-size: 1em;
}

#plus-services article#services-carte-internationale .lien-ensavoirplus {
	display: block;
	margin: 10px 0;
}

#plus-services article#services-carte-internationale #mentionsCompletes-sanscontact .separateur {
	display: block;
	width: 100%;
	height: 10px;
	background-image: url(../img/visuels/produits/cartes/carte-bancaire/vsl-separateur.png);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: top center;
	
}

@media screen and (max-width: 767px) { /* Mobile */

	#plus-services article {
		margin-bottom: 30px;
	}

	#plus-services article h3 {
		margin-bottom: 10px;
		font-size: 1.3em;
	}

	#plus-services article p {
		font-size: 1.2em;
	}

	#plus-services article ul li {
		font-size: 1.2em;
	}
	
	#plus-services article img {
		top: 0;
		max-width: 100px;
		max-height: 100px;
	}

	#plus-services article#services-carte-internationale {
		padding-left: 120px;
	}

	#plus-services article#services-carte-internationale img {
		left: 0;
	}

	#plus-services article#services-carte-internationale img.lg-paypass {
		width: 60px;
	}

	#plus-services article#services-assurance-assistance {
		padding-right: 125px;
	}

	#plus-services article#services-assurance-assistance img {
		right: 0;
	}

	#plus-services article#services-suivi-compte {
		padding-left: 130px;
	}

	#plus-services article#services-suivi-compte img {
		left: 0;
	}

	#plus-services article#services-ereleve img {
		right: 0;
	}

	#plus-services article#services-gestion {
		padding-left: 120px;
	}

	#plus-services article#services-gestion img {
		left: 0;
	}

	#plus-services article#services-assurance-assistance .pastille {
		width: 110px;
	    height: 110px;
		top: 80px;
		right: 0px;	
	}
	
	#plus-services article#services-assurance-assistance .pastille .contenu-pastille {
	    width: 110px;
	    height: 110px;
	}
	
	#plus-services article#services-assurance-assistance .pastille .nouveau {
		margin-bottom:5px;
		font-size: 0.8em;
	}
	
	#plus-services article#services-assurance-assistance .pastille .nouveau strong {
		font-size: 1.4em;
		margin-top: 10px;
		margin-bottom:5px;
	}
	
	#plus-services article#services-assurance-assistance .pastille .infos {
		margin-top:5px;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	#plus-services article {
		min-height: 150px;
		margin-bottom: 50px;
	}

	#plus-services article h3 {
		margin-bottom: 20px;
		font-size: 1.8em;
	}
	
	#plus-services article img {
		top: 0;
	}

	#plus-services article#services-carte-internationale {
		padding-left: 300px;
	}

	#plus-services article#services-carte-internationale img {
		left: 20px;
	}

	#plus-services article#services-assurance-assistance {
		padding-right: 300px;
	}

	#plus-services article#services-assurance-assistance img {
		right: 20px;
	}

	#plus-services article#services-suivi-compte {
		padding-left: 300px;
	}

	#plus-services article#services-suivi-compte img {
		left: 20px;
	}

	#plus-services article#services-ereleve img {
		right: 70px;
	}

	#plus-services article#services-gestion {
		min-height: 170px;
		padding-left: 300px;
	}

	#plus-services article#services-gestion img {
		left: 45px;
	}

	#plus-services article#services-assurance-assistance .pastille {
		width: 125px;
	    height: 125px;
		top: 60px;	
	}

	#plus-services article#services-assurance-assistance .pastille .contenu-pastille {
	    width: 125px;
	    height: 125px;
	}

	#plus-services article#services-assurance-assistance .pastille .nouveau {
		margin-bottom:5px;
		font-size: 0.9em;
	}

	#plus-services article#services-assurance-assistance .pastille .nouveau strong {
		font-size: 2.3em;
		margin-top:15px;
		margin-bottom:5px;
	}

	#plus-services article#services-assurance-assistance .pastille .infos {
		margin-top:5px;
	}

}

@media screen and (min-width: 768px) and (max-width: 1220px) { /* Tablette */

	#plus-services article p {
		font-size: 1.4em;
	}

	#plus-services article ul li {
		font-size: 1.4em;
	}

	#plus-services article#services-assurance-assistance .pastille {
		right: 150px;	
	}

}

@media screen and (min-width: 1221px) { /* Bureau */

	#plus-services article {
		margin-left: 130px;
	}

	#plus-services article p {
		font-size: 1.3em;
	}

	#plus-services article ul li {
		font-size: 1.3em;
	}

	#plus-services article#services-assurance-assistance .pastille {
		right: 160px;	
	}

}



/*-------------------------------------------------------------------------------+
+ Plus d'economies                                                               +
+-------------------------------------------------------------------------------*/

#plus-economies {
	border-bottom: 1px solid #e0e0e0;
}

#plus-economies h2 .titre {
	display: block;
}

#plus-economies h2 .titre span {
	font-weight: normal;
}

#plus-economies .lien-puce {
	background-position: left -200px;
	color: #7fc405;
}

@media screen and (max-width: 767px) { /* Mobile */

	#plus-economies {
		padding: 0 10px;
	}

	#plus-economies .conteneur {
		max-width: 750px;
		padding-bottom: 20px;
	}

	#plus-economies h2 {
		padding: 20px 0 30px 0;
		font-size: 1.6em;
	}

	#plus-economies h2 .cartouche-titre {
		margin-bottom: 10px;
		font-size: 0.8em;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	#plus-economies .conteneur {
		padding-bottom: 30px;
		overflow: hidden;
	}

	#plus-economies h2 {
		position: relative;
		padding: 30px 0 50px 180px;
		font-size: 2.5em;
	}

	#plus-economies h2 .cartouche-titre {
		position: absolute;
		top: 30px;
		left: 10px;
		font-size: 0.7em;
	}

	#plus-economies h2 .titre {
		padding-left: 20px;
		border-left: 2px solid #e0e0e0;
	}

	#plus-economies h2 .titre span {
		display: block;
	}

}

@media screen and (min-width: 768px) and (max-width: 1220px) { /* Tablette */

	#plus-economies {
		padding: 0 10px;
	}

	#plus-economies .conteneur {
		max-width: 960px;
	}

}

@media screen and (min-width: 1221px) { /* Bureau */

	#plus-economies .conteneur {
		width: 960px;
	}

}


/* Mise en forme des economies *****************************************/

#plus-economies .economies-majeur {
	position: relative;
	z-index: 10;
}

#plus-economies .economies-majeur img {
	position: absolute;
	left: 0;
	z-index: 11;
}

#plus-economies .economie {
	position: relative;
}

#plus-economies .economies-majeur article {
	z-index: 20;
}

#plus-economies .economie h3 {
	margin-bottom: 0.5em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	line-height: 1.2em;
}

#plus-economies .economie h3 em {
	text-transform: uppercase;
	font-style: normal;
	font-weight: bold;
}
	
#plus-economies .economies-majeur .economie h3 em {
	display: block;
}

#plus-economies .economies-majeur #economies-gagner-80euros.economie h3 em span {
	font-weight: normal;
}

#plus-economies .economie h3 .pastille {
	position: absolute;
	top: -5px;
	left: 5px;
	-moz-box-shadow: 0 1px 10px 0 #bababa;
	-webkit-box-shadow: 0 1px 10px 0 #bababa;
	box-shadow: 0 1px 10px 0 #bababa;
}
	
#plus-economies .economie h3 .pastille .contenu-pastille {
	color: #7fc405;
}

#plus-economies .economie p {
	color: #727272;
}

#plus-economies .economie p.cheque {
	text-align:center;
}
	
#plus-economies .economie ul {
	margin: 0.5em 0;
	padding-left: 15px;
	color: #727272;
}
	
#plus-economies .economie ul li {
	padding: 0.5em 0;
	list-style-type: disc;
	line-height: 1.3em;
}

#plus-economies .economie ul li img {
	vertical-align: middle;
}

#plus-economies .economie ul li span.club {
	margin-top: -20px;
}
	
#plus-economies .economie ul li#auchan-familly span {
	text-transform: uppercase; 
	font-weight: bold;
}
		
#plus-economies .economie ul li#auchan-familly h5{
	margin-bottom: 8px;
	font-size: 1.3em;
}

#plus-economies .economie ul li#auchan-familly h5 img {
	margin-left:5px;
}

#plus-economies .economie ul li#auchan-familly span.precision {
	display: block;
	font-size: 0.8em;
	font-weight: normal;
	text-transform: none;
	line-height: normal;
	margin-top: 6px;
}

#plus-economies .economie .lien-ensavoirplus {
	color: #7FC405;
}

#plus-economies #economies-magazines .telephone {
	font-size: 1.3em;
	font-weight: bold;
	text-decoration: none;
}

@media screen and (max-width: 767px) { /* Mobile */

	#plus-economies .economies-majeur {
		margin-bottom: 40px;
		padding-left: 130px;
	}

	#plus-economies .economie {
		margin-bottom: 30px;
		padding-left: 75px;
	}
	
	#plus-economies .economies-majeur .economie {
		min-height: 60px;
		margin-left: -80px;
	}

	#plus-economies .economies-mineur .economie {
		min-height: 80px;
		padding-left: 100px;
	}
	
	#plus-economies .economies-majeur .economie .mentions-legales p {
		font-size:1em;
	}

	#plus-economies .economie h3 {
		font-size: 1.2em;
	}
		
	#plus-economies #economies-gagner-80euros .lien-ensavoirplus {
		font-size: 1.2em;
	}

	#plus-economies .economie h3 .pastille {
		padding: 5px;
		width: 50px;
		height: 50px;
		font-size: 0.8em;
		-moz-border-radius: 50px;
		-webkit-border-radius: 50px;
		border-radius: 50px;
		border-width: 0;
	}
	
	#plus-economies .economies-mineur .economie h3 .pastille {
		width: 60px;
		height: 60px;
		padding: 10px;
		font-size: 0.8475em;
	}

	#plus-economies .economie h3 .pastille .contenu-pastille {
		top: 5px;
		left: 5px;
		width: 50px;
		height: 50px;
	}
	
	#plus-economies .economies-mineur .economie h3 .pastille .contenu-pastille {
		top: 10px;
		left: 10px;
		width: 60px;
		height: 60px;
	}

	#plus-economies .economie p {
		font-size: 1.2em;
	}
	
	#plus-economies .economie ul li {
		font-size: 1.2em;
	}

	#plus-economies .economies-majeur img {
		width: 100px;
		top: 30px;
	}
	
	#plus-economies .economies-mineur .economie ul li .mentions-legales {
		margin-top: 10px;
	}
	
	#plus-economies .economies-mineur .economie ul li .mentions-legales p {
		font-size: 0.8em;
	}
		
}

@media screen and (min-width: 768px) { /* Tablette + Bureau */
	
	#plus-economies .economies-majeur {
		margin-bottom: 60px;
		padding-left: 230px;
	}

	#plus-economies .economies-mineur {
		float: left;
	}

	#plus-economies .economie {
		min-height: 100px;
		margin-bottom: 30px;
		padding-left: 110px;
	}
	
	#plus-economies .economies-majeur .economie {
		margin-left: -110px;
	}
		
	#plus-economies .economies-majeur #economies-gagner-80euros.economie h3 em span {
		font-size: 0.85em;
	}

	#plus-economies .economie h3 .pastille {
		padding: 10px;
		width: 60px;
		height: 60px;
		-moz-border-radius: 60px;
		-webkit-border-radius: 60px;
		border-radius: 60px;
		border-width: 0;
	}

	#plus-economies .economie h3 .pastille .contenu-pastille {
		top: 10px;
		left: 10px;
		width: 60px;
		height: 60px;
	}
	
	#plus-economies #economies-magazines h3 .pastille .contenu-pastille {
		width: 80px;
		left: 0;
		top: 5px;
	}

	#plus-economies .economies-majeur .economie .lien-ensavoirplus {
		font-size: 1.2em;
	}
	
	#plus-economies .economies-mineur .economie .lien-ensavoirplus {
		display: block;
		margin-top: 10px;
	}
	
	#plus-economies .economies-mineur #economies-auchan-voyages p.premier {
		margin-bottom: -8px;
	}
	
	#plus-economies .economies-mineur #economies-auchan-voyages .tarif-majoree {
		margin: 5px 5px 10px 0;
	}
	
	#plus-economies .economies-mineur #economies-magazines .tarif-majoree {
		margin: 5px;
	}
				
	#plus-economies .economies-majeur .economie .mentions-legales p {
		font-size: 1em;
	}
			
	#plus-economies .economies-mineur .economie ul li .mentions-legales {
		margin-top: 10px;
	}
	
	#plus-economies .economies-mineur .economie ul li .mentions-legales p {
		font-size: 0.8em;
	}
}

@media screen and (min-width: 768px) and (max-width: 1220px) { /* Tablette */

	#plus-economies .economies-mineur {
		width: 47%;
	}

	#plus-economies .dernier {
		margin-left: 6%;
	}

	#plus-economies .economie h3 {
		font-size: 1.5em;
	}

	#plus-economies .economies-majeur .economie h3 {
		font-size: 1.6em;
	}

	#plus-economies .economie h3 .pastille {
		font-size: 0.67em;
	}

	#plus-economies .economies-majeur .economie h3 .pastille {
		font-size: 0.63em;
	}
	
	#plus-economies .economie p {
		font-size: 1.4em;
	}

	#plus-economies .economies-majeur .economie p {
		font-size: 1.5em;
	}
	
	#plus-economies .economie ul li {
		font-size: 1.4em;
	}
		
	#plus-economies .economies-majeur img {
		top: 40px;
	}
	
}

@media screen and (min-width: 1221px) { /* Bureau */

	#plus-economies .economies-mineur {
		width: 470px;
	}

	#plus-economies .dernier {
		margin-left: 20px;
	}

	#plus-economies .economie h3 {
		font-size: 1.4em;
	}

	#plus-economies .economies-majeur .economie h3 {
		font-size: 1.5em;
	}

	#plus-economies .economie h3 .pastille {
		font-size: 0.71em;
	}

	#plus-economies .economies-majeur .economie h3 .pastille {
		font-size: 0.67em;
	}

	#plus-economies .economie p {
		font-size: 1.3em;
	}

	#plus-economies .economies-majeur .economie p {
		font-size: 1.4em;
	}
	
	#plus-economies .economie ul li {
		font-size: 1.3em;
	}	
	
	#plus-economies .economies-majeur img {
		top: 10px;
	}
	
}


/* Personnalisation des pastilles */


#plus-economies #economies-gagner-80euros h3 .pastille .contenu-pastille .prix {
	display: block;
}

#plus-economies #economies-gagner-80euros h3 .pastille .contenu-pastille .prix .euro {
	position: relative;
	font-weight: normal;
}

#plus-economies #economies-gagner-80euros h3 .pastille .contenu-pastille .type {
	display: block;
	position: relative;
	text-transform: uppercase;
}

#plus-economies #economies-15euros-reduction h3 .pastille .contenu-pastille .prix {
	display: block;
}

#plus-economies #economies-15euros-reduction h3 .pastille .contenu-pastille .prix .euro {
	position: relative;
	font-weight: normal;
}

#plus-economies #economies-15euros-reduction h3 .pastille .contenu-pastille .type {
	display: block;
	position: relative;
	text-transform: uppercase;
}

#plus-economies #economies-10pourcent-mardi h3 .pastille .contenu-pastille .taux {
	display: block;
}

#plus-economies #economies-10pourcent-mardi h3 .pastille .contenu-pastille .taux .pourcent {
	position: relative;
	font-weight: normal;
}

#plus-economies #economies-10pourcent-mardi h3 .pastille .contenu-pastille .type {
	display: block;
	position: relative;
	text-transform: uppercase;
}
	
#plus-economies #economies-10pourcent-mardi h3 .pastille .contenu-pastille img {
	position: relative;
}

#plus-economies #economies-cash-back .titre {
	display: block;
	text-transform: uppercase;
}
	
#plus-economies #economies-cash-back .titre .titre2 {
	display: block;
	font-weight: normal;
}

#plus-economies #economies-waaoh h3 .pastille .contenu-pastille .jusqua {
	display: block;
}

#plus-economies #economies-waaoh h3 .pastille .contenu-pastille .taux {
	display: block;
}

#plus-economies #economies-waaoh h3 .pastille .contenu-pastille .taux .pourcent {
	position: relative;
	font-weight: normal;
}

#plus-economies #economies-waaoh h3 .pastille .contenu-pastille .type {
	display: block;
	position: relative;
	text-transform: uppercase;
}

#plus-economies #economies-auchan-voyages h3 .pastille .contenu-pastille .prix {
	display: block;
}

#plus-economies #economies-auchan-voyages h3 .pastille .contenu-pastille .prix .euro {
	position: relative;
	font-weight: normal;
}

#plus-economies #economies-auchan-voyages h3 .pastille .contenu-pastille .type {
	display: block;
	position: relative;
	text-transform: uppercase;
}

#plus-economies #economies-auchan-voyages h3 .pastille .contenu-pastille img {
	position:relative;
}

#plus-economies #economies-tv-envie h3 .pastille .contenu-pastille .duree {
	display: block;
}

#plus-economies #economies-tv-envie h3 .pastille .contenu-pastille .duree .mois {
	display: block;
	font-weight: normal;
	text-transform: uppercase;
}

#plus-economies #economies-tv-envie h3 .pastille .contenu-pastille .type {
	display: block;
	position: relative;
	text-transform: uppercase;
}

#plus-economies #economies-magazines h3 .pastille .contenu-pastille .jusqua {
	display: block;
}

#plus-economies #economies-magazines h3 .pastille .contenu-pastille .taux {
	display: block;
}

#plus-economies #economies-magazines h3 .pastille .contenu-pastille .taux .pourcent {
	position: relative;
	font-weight: normal;
}

#plus-economies #economies-magazines h3 .pastille .contenu-pastille .type {
	display: block;
	position: relative;
	text-transform: uppercase;
}

#plus-economies #economies-magazines h3 .pastille .contenu-pastille img {
	position: relative;
}


@media screen and (max-width: 767px) { /* Mobile */


#plus-economies #economies-gagner-80euros h3 .pastille .contenu-pastille .prix {
		margin-left: -5px;
		padding-top: 4px;
		font-size: 3.5em;
		letter-spacing: -0.1em;
	}

	#plus-economies #economies-gagner-80euros h3 .pastille .contenu-pastille .prix .euro {
		top: -15px;
		left: 3px;
		font-size: 0.4em;
	}

	#plus-economies #economies-gagner-80euros h3 .pastille .contenu-pastille .type {
		top: -3px;
		font-size: 1.1em;
	}

	#plus-economies #economies-15euros-reduction h3 .pastille .contenu-pastille .prix {
		margin-left: -5px;
		padding-top: 4px;
		font-size: 3.5em;
		letter-spacing: -0.1em;
	}

	#plus-economies #economies-15euros-reduction h3 .pastille .contenu-pastille .prix .euro {
		top: -15px;
		left: 3px;
		font-size: 0.4em;
	}

	#plus-economies #economies-15euros-reduction h3 .pastille .contenu-pastille .type {
		top: -3px;
		font-size: 1.1em;
	}

	#plus-economies #economies-10pourcent-mardi h3 .pastille .contenu-pastille .taux {
		margin-left: -5px;
		padding-top: 4px;
		font-size: 3.5em;
		letter-spacing: -0.1em;
	}
	
	#plus-economies #economies-10pourcent-mardi h3 .pastille .contenu-pastille .taux .pourcent {
		top: -15px;
		left: 3px;
		font-size: 0.4em;
	}
	
	#plus-economies #economies-10pourcent-mardi h3 .pastille .contenu-pastille .type {
		top: -3px;
		margin-left: -4px;
		font-size: 0.8em;
	}
	
	#plus-economies #economies-10pourcent-mardi h3 .pastille .contenu-pastille img {
		max-width : 45px;
		top : -2px;
	}
	
	#plus-economies #economies-cash-back .titre {
		margin-top: 14px;
		margin-left: -7px;
		font-size: 1.3em;
		word-spacing: -0.2em;
		width: 75px;
	}
	
	#plus-economies #economies-cash-back .titre .titre2 {
		font-size:0.9em;
		margin-top:5px;
	}
	
	#plus-economies #economies-waaoh h3 .pastille .contenu-pastille .taux {
		margin-left: -5px;
		padding-top: 2px;
		font-size: 3.5em;
		letter-spacing: -0.1em;
		line-height: 1em;
	}
	
	#plus-economies #economies-waaoh h3 .pastille .contenu-pastille .taux .pourcent {
		top: -15px;
		left: 3px;
		font-size: 0.4em;
	}
	
	#plus-economies #economies-waaoh h3 .pastille .contenu-pastille .type {
		top: -3px;
		margin: 0 -8px;
		font-size: 0.9em;
	}

	#plus-economies #economies-auchan-voyages h3 .pastille .contenu-pastille .prix {
		margin-left: -5px;
		padding-top: 4px;
		font-size: 3.5em;
		letter-spacing: -0.1em;
	}

	#plus-economies #economies-auchan-voyages h3 .pastille .contenu-pastille .prix .euro {
		top: -15px;
		left: 3px;
		font-size: 0.4em;
	}

	#plus-economies #economies-auchan-voyages h3 .pastille .contenu-pastille .type {
		top: -3px;
		font-size: 1.1em;
	}
	
	#plus-economies #economies-auchan-voyages h3 .pastille .contenu-pastille img {
		top: 0;
		left: -10px;
	}

	#plus-economies #economies-tv-envie h3 .pastille .contenu-pastille .duree {
		margin-top: -2px;
		font-size: 3.5em;
	}
	
	#plus-economies #economies-tv-envie h3 .pastille .contenu-pastille .duree .mois {
		margin-top: -5px;
		font-size: 0.3em;
	}
	
	#plus-economies #economies-tv-envie h3 .pastille .contenu-pastille .type {
		top: 2px;
		margin: 0 -7px;
		font-size: 0.8em;
	}

	#plus-economies #economies-magazines h3 .pastille .contenu-pastille {
		left: 0;
		width: 80px;
	}
	
	#plus-economies #economies-magazines h3 .pastille .contenu-pastille .taux {
		margin-left: -5px;
		padding-top: 2px;
		font-size: 3.5em;
		letter-spacing: -0.1em;
		line-height: 1em;
	}
	
	#plus-economies #economies-magazines h3 .pastille .contenu-pastille .taux .pourcent {
		top: -15px;
		left: 3px;
		font-size: 0.4em;
	}
	
	#plus-economies #economies-magazines h3 .pastille .contenu-pastille .type {
		top: -5px;
		margin: 0 -8px;
		font-size: 0.8em;
	}
	
	#plus-economies #economies-magazines h3 .pastille .contenu-pastille img {
		top: -5px;
		left: 0;
		width: 65px;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */


#plus-economies #economies-gagner-80euros h3 .pastille .contenu-pastille .prix {
		margin-left: -5px;
		padding-top: 5px;
		font-size: 5em;
		letter-spacing: -0.1em;
	}

	#plus-economies #economies-gagner-80euros h3 .pastille .contenu-pastille .prix .euro {
		top: -20px;
		left: 3px;
		font-size: 0.4em;
	}

	#plus-economies #economies-gagner-80euros h3 .pastille .contenu-pastille .type {
		top: -6px;
		font-size: 1.2em;
	}


	#plus-economies #economies-15euros-reduction h3 .pastille .contenu-pastille .prix {
		margin-left: -5px;
		font-size: 5em;
		letter-spacing: -0.1em;
	}

	#plus-economies #economies-15euros-reduction h3 .pastille .contenu-pastille .prix .euro {
		top: -20px;
		left: 3px;
		font-size: 0.4em;
	}

	#plus-economies #economies-15euros-reduction h3 .pastille .contenu-pastille .type {
		top: -6px;
		font-size: 1.2em;
	}

	#plus-economies #economies-10pourcent-mardi h3 .pastille .contenu-pastille .taux {
		margin-left: -5px;
		font-size: 5em;
		letter-spacing: -0.1em;
	}
	
	#plus-economies #economies-10pourcent-mardi h3 .pastille .contenu-pastille .taux .pourcent {
		top: -20px;
		left: 3px;
		font-size: 0.4em;
	}
	#plus-economies #economies-10pourcent-mardi h3 .pastille .contenu-pastille .type {
		top: -3px;
		font-size: 0.8em;
	}
	
	#plus-economies #economies-10pourcent-mardi h3 .pastille .contenu-pastille img {
		top: -6px;
	}
	
	#plus-economies #economies-cash-back .titre {
		margin-top: 20px;
		margin-left: -7px;
		font-size: 1.1em;
		word-spacing: -0.2em;
		width: 75px;
	}
	
	#plus-economies #economies-cash-back .titre .titre2 {
		font-size:0.9em;
		margin-top: 5px;
	}

	#plus-economies #economies-waaoh h3 .pastille .contenu-pastille .taux {
		margin-left: -5px;
		padding-top: 2px;
		font-size: 4em;
		letter-spacing: -0.1em;
		line-height: 1em;
	}
	
	#plus-economies #economies-waaoh h3 .pastille .contenu-pastille .taux .pourcent {
		top: -20px;
		left: 3px;
		font-size: 0.4em;
	}
	
	#plus-economies #economies-waaoh h3 .pastille .contenu-pastille .type {
		top: -3px;
		margin: 0 -5px;
		font-size: 0.9em;
	}

	#plus-economies #economies-auchan-voyages h3 .pastille .contenu-pastille .prix {
		margin-left: -5px;
		padding-top: 5px;
		font-size: 5em;
		letter-spacing: -0.1em;
	}

	#plus-economies #economies-auchan-voyages h3 .pastille .contenu-pastille .prix .euro {
		top: -20px;
		left: 3px;
		font-size: 0.4em;
	}

	#plus-economies #economies-auchan-voyages h3 .pastille .contenu-pastille .type {
		top: -6px;
		font-size: 1.2em;
	}
	
	#plus-economies #economies-auchan-voyages h3 .pastille .contenu-pastille img {
		top: -6px;
		left: -10px;
	}

	#plus-economies #economies-tv-envie h3 .pastille .contenu-pastille .duree {
		margin-top: -7px;
		font-size: 5em;
	}
	
	#plus-economies #economies-tv-envie h3 .pastille .contenu-pastille .duree .mois {
		margin-top: -8px;
		font-size: 0.3em;
	}
	
	#plus-economies #economies-tv-envie h3 .pastille .contenu-pastille .type {
		margin: 0 -5px;
		font-size: 0.9em;
	}
	
	#plus-economies #economies-magazines h3 .pastille .contenu-pastille .taux {
		margin-left: 0;
		padding-top: 2px;
		font-size: 4em;
		letter-spacing: -0.1em;
		line-height: 0.95em;
	}
	
	#plus-economies #economies-magazines h3 .pastille .contenu-pastille .taux .pourcent {
		top: -20px;
		left: 3px;
		font-size: 0.4em;
	}
	
	#plus-economies #economies-magazines h3 .pastille .contenu-pastille .type {
		top: -2px;
		margin: 0 -5px;
		font-size: 0.6em!importante;
		lettre-spacing: -0.05em;
		font-size: 0.9em;
	}
	
	#plus-economies #economies-magazines h3 .pastille .contenu-pastille img {
		top: -1px;
	}

}



/*-------------------------------------------------------------------------------+
+ Avantages du mois                                                              +
+-------------------------------------------------------------------------------*/

#avantages-du-mois h2 .titre {
	display: block;
}

#avantages-du-mois h2 .titre span {
	font-weight: normal;
}

@media screen and (max-width: 767px) { /* Mobile */

	#avantages-du-mois {
		padding: 0 10px;
	}

	#avantages-du-mois .conteneur {
		max-width: 750px;
		padding-bottom: 30px;
	}

	#avantages-du-mois h2 {
		padding-top: 20px;
		font-size: 1.6em;
	}

	#avantages-du-mois h2 .cartouche-titre {
		margin-bottom: 10px;
		font-size: 0.8em;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	#avantages-du-mois .conteneur {
		padding-bottom: 50px;
	}

	#avantages-du-mois h2 {
		position: relative;
		padding: 20px 0 60px 0;
		font-size: 2.5em;
		z-index: 200;
	}

	#avantages-du-mois h2 .cartouche-titre {
		position: absolute;
		top: 30px;
		left: 10px;
		font-size: 0.7em;
	}

}

@media screen and (min-width: 768px) and (max-width: 1220px) { /* Tablette */

	#avantages-du-mois {
		padding: 0 10px;
	}

	#avantages-du-mois .conteneur {
		max-width: 960px;
	}

}

@media screen and (min-width: 1221px) { /* Bureau */

	#avantages-du-mois .conteneur {
		width: 960px;
	}

}


/* Carrousel des offres ************************************************/

#conteneur-carrousel-avantages {
	z-index: 10;
}




/*///////////////////////////////////////////////////////////////////////////////////////////////
//                                                                                             //
//  SOUSCRIPTION                                                                               //
//                                                                                             //
///////////////////////////////////////////////////////////////////////////////////////////////*/


/*-------------------------------------------------------------------------------+
+ Styles communs                                                                 +
+-------------------------------------------------------------------------------*/

.formulaire #form-detailprojet legend {
	background-image: url(../img/pictos/fd-vert/picto-homme-palette.png)
}

.formulaire #form-coordonneesemprunteur legend {
	background-image: url(../img/pictos/fd-vert/picto-homme-bulle.png)
}

.formulaire #form-coordonneescoemprunteur legend {
	background-image: url(../img/pictos/fd-vert/picto-couple.png)
}

.formulaire #form-len legend {
	background-image: url(../img/pictos/fd-vert/picto-megaphone.png)
}

.formulaire #form-foyer legend {
	background-image: url(../img/pictos/fd-vert/picto-homme-enfant.png)
}

.formulaire #form-logement legend {
	background-image: url(../img/pictos/fd-vert/picto-maison.png)
}

.formulaire #form-professionemprunteur legend {
	background-image: url(../img/pictos/fd-vert/picto-homme-costume.png)
}

.formulaire #form-professioncoemprunteur legend {
	background-image: url(../img/pictos/fd-vert/picto-couple.png)
}

.formulaire #form-revenusemprunteur legend {
	background-image: url(../img/pictos/fd-vert/picto-tirelire.png)
}

.formulaire #form-revenuscoemprunteur legend {
	background-image: url(../img/pictos/fd-vert/picto-couple.png)
}

.formulaire #form-charges legend {
	background-image: url(../img/pictos/fd-vert/picto-chariot.png)
}

.formulaire #form-banque legend {
	background-image: url(../img/pictos/fd-vert/picto-graphique.png)
}



/*-------------------------------------------------------------------------------+
+ Etape 1 - A propos de vous                                                     +
+-------------------------------------------------------------------------------*/

#infos-carte h3 {
	color: #fff;
	line-height: 1.2em;
}

#infos-carte ul {
	margin-bottom: 15px;
	padding-bottom: 10px;
	color: #fff;
	border-bottom: 1px solid #fff;
}

#infos-carte ul li {
	background-image: url(../img/puces/puce-cocher-blanc.png);
	background-repeat: no-repeat;
}
	
#infos-carte .tableau-recapitulatif {
	background-color: #f8f8f8;
}

#infos-carte .tableau-recapitulatif table {
	width: 100%;
	
}

#infos-carte .tableau-recapitulatif table tbody {
	color: #7fc405;
}

#infos-carte .tableau-recapitulatif table tr .gauche {
	width: 65%;
}

#infos-carte .tableau-recapitulatif table tr .droite {
	width: 35%;
	text-align: right;
}

#infos-carte .tableau-recapitulatif table tbody tr td {
	background-image: url(../img/divers/filet-pointille-vert.gif);
	background-repeat: repeat-x;
	vertical-align: top;
}

#infos-carte .tableau-recapitulatif table tr td .cellule {
	display: inline-block;
	position: relative;
	background-color: #f8f8f8;
}

#infos-carte .tableau-recapitulatif table tr .droite .cellule select {
	position: absolute;
	top: 1px;
	right: 10px;
	width: 100px;
}

#infos-carte .tableau-recapitulatif table .montant-demande .gauche .cellule {
	display: block;
	border: 1px solid #7fc405;
	border-right: none;
	-moz-border-radius: 15px 0 0 15px;
	-webkit-border-radius: 15px 0 0 15px;
	border-radius: 15px 0 0 15px;
}

#infos-carte .tableau-recapitulatif table .montant-demande .droite .cellule {
	display: block;
	/*padding: 1px 10px 1px 5px;*/
	border: 1px solid #7fc405;
	border-left: none;
	-moz-border-radius: 0 15px 15px 0;
	-webkit-border-radius: 0 15px 15px 0;
	border-radius: 0 15px 15px 0;
}

#infos-carte .tableau-recapitulatif table .montant-total td {
	color: #fff;
}

#infos-carte .tableau-recapitulatif table .montant-total .gauche .cellule {
	display: block;
	background-color: #7fc405;
	-moz-border-radius: 15px 0 0 15px;
	-webkit-border-radius: 15px 0 0 15px;
	border-radius: 15px 0 0 15px;
}

#infos-carte .tableau-recapitulatif table .montant-total .droite .cellule {
	display: block;
	background-color: #7fc405;
	-moz-border-radius: 0 15px 15px 0;
	-webkit-border-radius: 0 15px 15px 0;
	border-radius: 0 15px 15px 0;
}

#infos-carte .tableau-recapitulatif table .mensualite .droite .cellule {
	padding: 0 10px 0 5px;
}
	
#infos-carte .tableau-recapitulatif table select, #infos-carte .tableau-recapitulatif table select option {
	font-family: Arial, Helvetica, sans-serif;
}

#infos-carte .tableau-recapitulatif p#cotisation-abonne {
	margin-top: -5px;
	padding: 10px;
	color: #7fc405;
	
	font-size: 1.2em;
}

.formulaire #form-len .ligne {
	min-height: 20px;
}

@media screen and (max-width: 767px) { /* Mobile */

	#infos-carte {
		padding: 15px 6px 0 6px;
	}

	#infos-carte h3 {
		margin-bottom: 5px;
		padding: 0 15px;
		font-size: 1.2em;
	}

	#infos-carte ul {
		padding: 0 15px;
	}

	#infos-carte ul li {
		background-position: left 4px;
		padding: 5px 0 5px 20px;
		font-size: 1.1em;
		line-height: 1.2em;
	}

	#infos-carte p {
		padding: 0 15px;
	}

	#infos-carte .tableau-recapitulatif {
		width: 260px;
		margin: 30px auto 30px auto;
		padding: 20px;
	}

	#infos-carte .tableau-recapitulatif .bord-haut {
		top: -26px;
		background: url(../img/fonds/papier-volume/fd-papier-volume-blanc-300.png) no-repeat left top;
		width: 300px;
		height: 6px;
		margin: 0 -20px -6px -20px;
	}

	#infos-carte .tableau-recapitulatif .bord-bas {
		bottom: -51px;
		background: url(../img/fonds/papier-volume/fd-papier-volume-blanc-300.png) no-repeat left bottom;
		width: 300px;
		height: 31px;
		margin: -31px -20px 0 -20px;
	}

	#infos-carte .tableau-recapitulatif table {
		font-size: 1.1em;
	}

	#infos-carte .tableau-recapitulatif table tr .gauche .cellule {
		padding: 5px 5px 5px 10px;
	}
	
	#infos-carte .tableau-recapitulatif table tr .droite .cellule {
		padding: 5px 10px 5px 5px;
	}
	
	#infos-carte .tableau-recapitulatif table tbody tr td {
		background-position: left 14px;
	}
	
	#infos-carte .tableau-recapitulatif table tr td .cellule select, #infos-carte .tableau-recapitulatif table tr td .cellule select option {
		height: 20px;
		font-size: 0.8em;
	}

	#infos-carte .tableau-recapitulatif table .montant-demande .cellule {
		margin-bottom: 8px;
	}

	#infos-carte .tableau-recapitulatif table .montant-total .cellule {
		margin-top: 8px;
	}
	
	#infos-carte .tableau-recapitulatif table select#codeNatureTitulaire, #infos-carte .tableau-recapitulatif table select#codeNatureTitulaire option{
		width:150px;
	}
	
}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	#infos-carte {
		position: relative;
		min-height: 200px;
	}
	
	#infos-carte h3 {
		margin-bottom: 10px;
		font-size: 1.8em;
	}

	#infos-carte ul li {
		background-position: left -272px;
		padding: 8px 0 8px 33px;
		font-size: 1.6em;
		line-height: 1.2em;
	}

	#infos-carte p {
		font-size: 1.4em;
	}

	#infos-carte .tableau-recapitulatif table tr .gauche .cellule {
		padding: 8px 5px 8px 10px;
	}
	
	#infos-carte .tableau-recapitulatif table tr .droite .cellule {
		padding: 8px 10px 8px 5px;
	}
	
	#infos-carte .tableau-recapitulatif table tbody tr td {
		background-position: left 17px;
	}
	
	#infos-carte .tableau-recapitulatif table tr td .cellule select {
		height: 26px;
		font-size: 0.9em;
	}
	
	#infos-carte .tableau-recapitulatif table tr td .cellule select#codeNatureTitulaire{
		width:180px;
	}

	#infos-carte .tableau-recapitulatif table tr td .cellule select option {
		font-size: 0.9em;
	}

	#infos-carte .tableau-recapitulatif table .montant-demande .cellule {
		margin-bottom: 10px;
	}

	#infos-carte .tableau-recapitulatif table .montant-total .cellule {
		margin-top: 10px;
	}

}

@media screen and (min-width: 768px) and (max-width: 1220px) { /* Tablette */

	#infos-carte {
		padding: 40px 420px 0 10px; 
	}

	#infos-carte .tableau-recapitulatif {
		position: absolute;
		top: 30px;
		right: 10px;
		width: 340px;
		padding: 20px;
	}

	#infos-carte .tableau-recapitulatif .bord-haut {
		top: -26px;
		background: url(../img/fonds/papier-volume/fd-papier-volume-blanc-380.png) no-repeat left top;
		width: 380px;
		height: 6px;
		margin: 0 -20px -6px -20px;
	}

	#infos-carte .tableau-recapitulatif .bord-bas {
		bottom: -55px;
		background: url(../img/fonds/papier-volume/fd-papier-volume-blanc-380.png) no-repeat left bottom;
		width: 380px;
		height: 35px;
		margin: -35px -20px 0 -20px;
	}

	#infos-carte .tableau-recapitulatif table {
		font-size: 1.3em;
	}
	
}

@media screen and (min-width: 1221px) { /* Bureau */

	#infos-carte {
		max-width: 430px;
		margin: 0 auto;
		padding: 40px 370px 0 0;
		margin-bottom: -25px;
	}

	#infos-carte h3 {
		margin-bottom: 10px;
		font-size: 1.8em;
	}

	#infos-carte ul li {
		font-size: 1.6em;
	}

	#infos-carte .tableau-recapitulatif {
		position: absolute;
		top: 30px;
		right: 0;
		width: 320px;
		padding: 20px 10px;
	}

	#infos-carte .tableau-recapitulatif .bord-haut {
		top: -27px;
		background: url(../img/fonds/papier-volume/fd-papier-volume-blanc-340.png) no-repeat left top;
		width: 340px;
		height: 7px;
		margin: 0 -10px -7px -10px;
	}

	#infos-carte .tableau-recapitulatif .bord-bas {
		bottom: -54px;
		background: url(../img/fonds/papier-volume/fd-papier-volume-blanc-340.png) no-repeat left bottom;
		width: 340px;
		height: 34px;
		margin: -34px -10px 0 -10px;
	}

	#infos-carte .tableau-recapitulatif table {
		font-size: 1.2em;
	}

}



/*-------------------------------------------------------------------------------+
+ Demande en cours - appel conseiller                                            +
+-------------------------------------------------------------------------------*/

#demande-en-cours {
	min-height: 400px;
}

#demande-en-cours h5 {
	color: #fff;
	text-align: center;
}

#demande-en-cours h5 span {
	font-weight: normal;
}

@media screen and (max-width: 767px) { /* Mobile */

	#demande-en-cours h5 {
		padding-bottom: 15px;
		padding-top:10px;
		font-size: 1.7em;
		line-height:1.3em;
	}
	
	#demande-en-cours h5 span{
		display:block;
	}
}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	#demande-en-cours h5 {
		padding-bottom: 20px;
		padding-top:15px;
		font-size: 2em;
	}

}

#demande-en-cours #appeler-conseiller {
	background-color: #f8f8f8;
	margin-right: auto;
	margin-left: auto;
}

#demande-en-cours #appeler-conseiller h6 {
	margin-bottom: 1.2em;
	text-align: center;
	color: #7fc405;
}

#demande-en-cours #appeler-conseiller .detail {
	margin: 0 auto;
}

#demande-en-cours #appeler-conseiller .detail .contact-telephone .infos-telephone .tarif {
	color: #9d9d9d;
	font-size: 0.9em;
	font-style: italic;
}

#demande-en-cours #appeler-conseiller .detail .boutons {
	text-align: center;
	border-top: 1px solid #cfcfcf;
}

@media screen and (max-width: 767px) { /* Mobile */

	#demande-en-cours #appeler-conseiller {
		width: 260px;
		margin-bottom: 40px;
		padding: 20px;
	}

	#demande-en-cours #appeler-conseiller h6 {
		font-size: 1.1em;
	}

	#demande-en-cours #appeler-conseiller .bord-haut {
		top: -26px;
		background: url(../img/fonds/papier-volume/fd-papier-volume-blanc-300.png) no-repeat left top;
		width: 300px;
		height: 6px;
		margin: 0 -20px -6px -20px;
	}

	#demande-en-cours #appeler-conseiller .bord-bas {
		bottom: -51px;
		background: url(../img/fonds/papier-volume/fd-papier-volume-blanc-300.png) no-repeat left bottom;
		width: 300px;
		height: 31px;
		margin: -31px -20px 0 -20px;
	}
	
	#demande-en-cours #appeler-conseiller .detail .contact-telephone {
		padding: 10px 0;
	}
	
	#demande-en-cours #appeler-conseiller .detail .contact-telephone .numtel {
		margin: 0 0 10px 60px;
	}
	
	#demande-en-cours #appeler-conseiller .detail .contact-telephone .infos-telephone {
		display: block;
		width: 200px;
		margin: 0 auto;
		text-align: center;
	}

	#demande-en-cours #appeler-conseiller .detail .boutons {
		margin-top: 15px;
		padding-top: 15px;
	}

	#demande-en-cours #appeler-conseiller .detail .boutons .bt-orange {
		width: 220px;
	}

	#demande-en-cours #appeler-conseiller .detail .boutons .bt-orange .bt {
		font-size: 1em;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	#demande-en-cours #appeler-conseiller {
		margin-bottom: 60px;
	}

	#demande-en-cours #appeler-conseiller .bord-haut {
		top: -37px;
		background: url(../img/fonds/papier-volume/fd-papier-volume-blanc-700.png) no-repeat left top;
		width: 700px;
		height: 7px;
	}

	#demande-en-cours #appeler-conseiller .bord-bas {
		bottom: -77px;
		background: url(../img/fonds/papier-volume/fd-papier-volume-blanc-700.png) no-repeat left bottom;
		width: 700px;
		height: 47px;
	}
	
	#demande-en-cours #appeler-conseiller .detail {
		width: 560px;
	}
	
	#demande-en-cours #appeler-conseiller .detail .contact-telephone {
		padding: 10px 0 10px 50px;
	}
	
	#demande-en-cours #appeler-conseiller .detail .contact-telephone .numtel {
		margin-right: 10px;
		vertical-align: middle;
	}
	
	#demande-en-cours #appeler-conseiller .detail .contact-telephone .infos-telephone {
		display: inline-block;
		width: 250px;
		font-size: 0.9em;
		vertical-align: middle;
	}
	
	#demande-en-cours #appeler-conseiller .detail .boutons {
		margin-top: 30px;
		padding-top: 20px;
	}

	#demande-en-cours #appeler-conseiller .detail .boutons .bt-orange .bt {
		font-size: 1.1em;
	}

	#demande-en-cours #appeler-conseiller .detail .boutons .bt-orange .bt .puce-gauche {
		background-position: left top;
		width: 17px;
		height: 12px;
		margin-right: 6px;
		vertical-align: -2px;
	}

}

@media screen and (min-width: 768px) and (max-width: 1220px) { /* Tablette */

	#demande-en-cours #appeler-conseiller {
		width: 660px;
		padding: 30px 20px;
	}

	#demande-en-cours #appeler-conseiller .bord-haut {
		margin: 0 -20px -7px -20px;
	}

	#demande-en-cours #appeler-conseiller .bord-bas {
		margin: -47px -20px 0 -20px;
	}

	#demande-en-cours #appeler-conseiller h6 {
		font-size: 1.8em;
	}

	#demande-en-cours #appeler-conseiller .detail p {
		font-size: 1.5em;
	}

}

@media screen and (min-width: 1221px) { /* Bureau */

	#demande-en-cours #appeler-conseiller {
		width: 640px;
		padding: 30px;
	}

	#demande-en-cours #appeler-conseiller h6 {
		font-size: 1.6em;
	}

	#demande-en-cours.deux-produits #appeler-conseiller {
		float: left;
		margin-left: 30px;
	}

	#demande-en-cours #appeler-conseiller .bord-haut {
		margin: 0 -30px -7px -30px;
	}

	#demande-en-cours #appeler-conseiller .bord-bas {
		margin: -47px -30px 0 -30px;
	}

	#demande-en-cours #appeler-conseiller .detail p {
		font-size: 1.3em;
	}

}


/*-------------------------------------------------------------------------------+
+ Etape 4 - Assurance                                                            +
+-------------------------------------------------------------------------------*/

#form-assurance-securite .intro .nom {
	font-weight: bold;
}

#form-assurance-securite .intro .description {
	font-size:1.4em;
}

#form-assurance-securite .infos-assurance h6 {
	background-image: url(../img/pictos/produits/picto-passeport-cle-gch.png);
	background-repeat: no-repeat;
	line-height: 1.2em;
}

#form-assurance-securite .choix select {
	/*width: 100%;*/
}

#form-assurance-securite .choix {
	margin-bottom: 5px;
}

#form-assurance-securite .choix span {
	padding-bottom: 5px;
	color: #7fc405;
	
	font-weight: bold;
	padding-right:15px;
}

#form-assurance-securite #notice-assurance {
	position: relative;
	
}

#form-assurance-securite #notice-assurance label {
	font-weight: bold;
}

#form-assurance-securite #notice-assurance .input {
	position: absolute;
}

#form-assurance-securite #notice-assurance.erreur {
	background-color: #ffe5e5;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

#form-assurance-securite #notice-assurance.erreur .erreur-locale {
	background-image: url(../img/puces/puce-erreur.png);
	background-repeat: no-repeat;
	margin-top: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	color: #FF0000;
}

#form-assurance-securite #notice-assurance.erreur .erreur-locale p {
	margin-bottom: 0;
	font-size: 0.8em;
}

#form-assurance-securite #delaicontrat-prelevement {
	background-color: #ebebeb;
	margin-bottom: 15px;
	padding: 15px;
	font-size: 1.3em;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

#form-assurance-securite #delaicontrat-prelevement li{
	padding-bottom: 10px;
}

@media screen and (max-width: 767px) { /* Mobile */

	#form-assurance-securite .conteneur, #form-assurance-securite-2 .conteneur {
		padding: 30px 6px 0 6px;
	}

	#form-assurance-securite .intro p {
		font-size: 1.2em;
	}

	#form-assurance-securite .intro .nom {
		font-size: 1.3em;
	}
	
	#form-assurance-securite .infos-assurance {
		padding: 5px 0 5px 0;
	}
	
	#form-assurance-securite .infos-assurance h6 {
		background-position: left top;
		min-height: 17px;
		margin-bottom: 10px;
		padding-left: 30px;
		font-size: 1.3em;
	}
	
	#form-assurance-securite .choix {
		margin-bottom: 5px;
		font-size: 1.2em;
	}
	
	#form-assurance-securite .choix span {
		display: inline-block;
		padding-bottom: 5px;
	}
	
	#form-assurance-securite .choix select {
		font-size:0.95em;
	}

	#form-assurance-securite #notice-assurance {
		margin-bottom: 5px;
		padding: 10px 10px 10px 30px;
		font-size: 1.2em;
	}
	
	#form-assurance-securite #notice-assurance .input {
		top: 9px;
		left: 10px;
	}

	#form-assurance-securite #notice-assurance.erreur .erreur-locale {
		background-position: left top;
		padding-left: 20px;
	}
	
	#form-assurance-securite #delaicontrat-prelevement {
		margin-top: 2px;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */
	
	#form-assurance-securite .infos-assurance {
		padding: 5px 0 5px 0;
	}
	
	#form-assurance-securite .infos-assurance h6 {
		background-position: left -114px;
		min-height: 48px;
		margin-bottom: 5px;
		padding-left: 70px;
	}
	
	#form-assurance-securite #notice-assurance {
		margin-bottom: 30px;
		padding: 15px 10px 5px 40px;
	}
	
	#form-assurance-securite #notice-assurance .input {
		top: 15px;
		left: 15px;
	}

	#form-assurance-securite #notice-assurance.erreur .erreur-locale {
		background-position: left -275px;
		min-height: 20px;
		padding-top: 8px;
		padding-bottom: 2px;
		padding-left: 30px;
	}
	
	#form-assurance-securite #delaicontrat-prelevement{
		margin-top:10px;
	}
	
}

@media screen and (min-width: 768px) and (max-width: 1220px) { /* Tablette */

	#form-assurance-securite .conteneur, #form-assurance-securite-2 .conteneur {
		padding: 40px 10px 0 10px;
	}

	#form-assurance-securite .intro p {
		font-size: 1.8em;
	}

	#form-assurance-securite .intro .nom {
		font-size: 2em;
	}
	
	#form-assurance-securite .infos-assurance h6 {
		font-size: 1.8em;
	}
	
	#form-assurance-securite .choix {
		font-size: 1.8em;
	}

	#form-assurance-securite .choix select {
		font-size: 0.75em;
	}
	
	#form-assurance-securite #notice-assurance {
		margin-bottom: 0;
		font-size: 1.6em;
	}
	
	#form-assurance-securite .retour-validation {
		margin-top: 5px;
	}
	
}

@media screen and (min-width: 1221px) { /* Bureau */

	#form-assurance-securite .conteneur, #form-assurance-securite-2 .conteneur {
		max-width: 800px;
		padding: 40px 0 10px 0;
	}

	#form-assurance-securite .intro p {
		font-size: 1.6em;
	}

	#form-assurance-securite .intro .nom {
		font-size: 1.8em;
	}
	
	#form-assurance-securite .infos-assurance .description{
		float: left;
		border: 1px solid red;
	}
	
	#form-assurance-securite .infos-assurance h6 {
		font-size: 1.6em;
	}
	
	#form-assurance-securite .choix {
		margin-bottom: 5px;
		font-size: 1.6em;
	}
	
	#form-assurance-securite .choix span {
		padding-bottom: 5px;
	}
	
	#form-assurance-securite .choix select {
		font-size: 0.85em;
	}
	
	#form-assurance-securite #notice-assurance {
		clear: both;
		margin-bottom: 0;
		font-size: 1.4em;
	}
	
	#form-assurance-securite .retour-validation {
		margin-top: 5px;
	}

}


/* Fenetre modale assurance securite (version courte) ******************/

#popup-form-assurance-securite .infos-assurance h6 {
	background-image: url(../img/pictos/produits/picto-passeport-cle-gch.png);
	background-repeat: no-repeat;
	line-height: 1.2em;
}

#popup-form-assurance-securite .zone-defilement {
	overflow: hidden;
}

#popup-form-assurance-securite .infos-assurance ul li {
	color: #00abe6;
}

#popup-form-assurance-securite .infos-assurance ul li strong {
	display: block;
	padding-bottom: 0.3em;
}
	
#popup-form-assurance-securite .choix span {
	
}

#popup-form-assurance-securite .pastille {
	position: absolute;
}

#popup-form-assurance-securite .pastille .contenu-pastille .prix {
	display: block;
}

#popup-form-assurance-securite .pastille .contenu-pastille .prix .euro {
	position: relative;
	font-weight: normal;
}

#popup-form-assurance-securite .pastille .contenu-pastille .periode {
	display: block;
	position: relative;
}

#popup-form-assurance-securite .pastille .contenu-pastille .cout-annuel {
	display: block;
	position: relative;
}

@media screen and (max-width: 767px) { /* Mobile */

	#popup-form-assurance-securite .infos-assurance h6 {
		background-position: left top;
		min-height: 24px;
		margin-bottom: 5px;
		padding-left: 35px;
		font-size: 1.2em;
	}
	
	#popup-form-assurance-securite .infos-assurance ul {
		padding-left: 35px;
		margin-bottom:15px;
	}
	
	#popup-form-assurance-securite .infos-assurance ul li {
		padding: 5px 0;
		font-size: 1.1em;
	}
	
	#popup-form-assurance-securite .infos-assurance img {
		display: none;
	}
	
	#popup-form-assurance-securite .choix {
		margin: 20px 0;
		font-size: 1.1em;
		font-weight: bold;
	}
	
	#popup-form-assurance-securite .choix span {
		display: block;
		width: 100%;
		padding-bottom: 10px;
		text-align: center;
	}
	
	#popup-form-assurance-securite .choix select {
		width: 100%;
		font-size: 1.1em;
	}
	
	#popup-form-assurance-securite .bt-vert {
		width: 94%;
	}
	
	#popup-form-assurance-securite .bt-vert .puce-droite {
		background-position: left top;
		width: 17px;
		height: 12px;
		margin-right: 6px;
		vertical-align: -2px;
	}
	
	#popup-form-assurance-securite .pastille-conteneur {
		display: none;
	}
	
	#popup-form-assurance-securite .pastille {
		display: none;
	}
	
}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	#popup-form-assurance-securite .logo {
		background-image: url("../img/logos/lg-oney-entete-vert-D.png");
	}

	#popup-form-assurance-securite .infos-assurance {
		position: relative;
		margin-top: 30px;
		padding: 10px;
		font-size: 2em;
		text-align: center;
		font-weight: bold;
	}

	#popup-form-assurance-securite .infos-assurance-mention {
		font-size: 1.2em;
		font-weight: bold;
	}

	#popup-form-assurance-securite .infos-assurance h6 {
		background-position: left -114px;
		min-height: 48px;
		padding-left: 70px;
	}
	
	#popup-form-assurance-securite .infos-assurance ul {
		padding-left: 70px;
	}
	
	#popup-form-assurance-securite .infos-assurance ul li {
		padding: 15px 0;
	}
	
	#popup-form-assurance-securite .infos-assurance img {
		position: absolute;
		top: 0;
		left: 0;
	}
	
	#popup-form-assurance-securite .choix {
		margin: 30px 0;
		font-size: 1.6em;
		font-weight: bold;
	}
	
	#popup-form-assurance-securite .bt-vert .puce-droite {
		background-position: left -80px;
		width: 24px;
		height: 16px;
		margin-right: 10px;
		vertical-align: -3px;
	}
	
	#popup-form-assurance-securite form {
		margin-left: 270px;
	}
	
	#popup-form-assurance-securite .pastille .contenu-pastille .prix {
		padding-top: 5px;
		font-size: 6em;
	}

	#popup-form-assurance-securite .pastille .contenu-pastille .prix .euro {
		top: -20px;
		left: -5px;
		font-size: 0.5em;
	}

	#popup-form-assurance-securite .pastille .contenu-pastille .periode {
		top: -8px;
		font-size: 1.8em;
	}

	#popup-form-assurance-securite .pastille .contenu-pastille .cout-annuel {
		top: -5px;
		font-size: 1.2em;
	}
	
	#popup-form-assurance-securite .pastille {
		top: 170px;
		left: 120px;
	}
	
}

@media screen and (min-width: 768px) and (max-width: 1220px) { /* Tablette */

	#popup-form-assurance-securite .infos-assurance h6 {
		margin-bottom: 10px;
		font-size: 1.8em;
	}
	
	#popup-form-assurance-securite .infos-assurance ul li {
		font-size: 1.5em;
	}

}

@media screen and (min-width: 1221px) { /* Bureau */

	#popup-form-assurance-securite {
		width: 720px;
	}

	#popup-form-assurance-securite .infos-assurance h6 {
		font-size: 1.6em;
	}
	
	#popup-form-assurance-securite .infos-assurance ul li {
		font-size: 1.4em;
	}

}


/* Fenetre modale assurance securite (version longue) ******************/

#popup-infos-assurance h5 {
	text-align: center;
	font-weight: normal;
}

#popup-infos-assurance h5 strong {
	font-weight: bold;
}

#popup-infos-assurance p.intro strong {
	font-weight: bold;
}

#popup-infos-assurance  .liste-caracteristiques .caracteristique h3 {
	background-repeat: no-repeat;
	color: #00abe6;
	text-transform: uppercase;
}

#popup-infos-assurance  .liste-caracteristiques #caract-moyen-paiement h3 {
	background-image: url(../img/pictos/fd-transparent/assurance/picto-moyens-paiement.png);
}

#popup-infos-assurance  .liste-caracteristiques #caract-cles-serrure h3 {
	background-image: url(../img/pictos/fd-transparent/assurance/picto-cles.png);
}

#popup-infos-assurance  .liste-caracteristiques #caract-achat-online h3 {
	background-image: url(../img/pictos/fd-transparent/assurance/picto-ordi-curseur-camion.png);
}

#popup-infos-assurance  .liste-caracteristiques #caract-papiers h3 {
	background-image: url(../img/pictos/fd-transparent/assurance/picto-passeport.png);
}

#popup-infos-assurance p, #popup-infos-assurance  p a {
	color: #727272;
}

#popup-infos-assurance p strong {
	color: #00abe6;
	font-weight: normal;
}

@media screen and (max-width: 767px) { /* Mobile */

	#popup-infos-assurance  .liste-caracteristiques .caracteristique h3 {
		background-position: left top;
		min-height: 12px;
		padding: 8px 0 8px 36px;
		font-size: 1.2em;
	}
	
	#popup-infos-assurance h5 {
		padding-bottom: 10px;
		font-size: 1.4em;
	}
	
}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	#popup-infos-assurance h5 {
		padding: 0 30px 5px 30px;
		font-size: 2.8em;
	}
	
	#popup-infos-assurance  .liste-caracteristiques .caracteristique {
		padding-left: 50px;
	}

	#popup-infos-assurance  .liste-caracteristiques .caracteristique h3 {
		background-position: left -160px;
		min-height: 25px;
		margin-left: -50px;
		padding: 10px 0 5px 50px;
		font-size: 1.7em;
	}
	
	#popup-infos-assurance p.intro {
		padding: 10px 20px;
	}
	
	#popup-infos-assurance .mentions-legales {
		padding: 10px 20px;
	}
	
}

@media screen and (min-width: 768px) and (max-width: 1220px) { /* Tablette */

	#popup-infos-assurance  .liste-caracteristiques .caracteristique {
		margin-bottom: 40px;
	}

	#popup-infos-assurance  p {
		font-size: 1.4em;
	}
	
	#popup-infos-assurance .mentions-legales {
		font-size: 1.4em;
	}

}

@media screen and (min-width: 1221px) { /* Bureau */

	#popup-infos-assurance {
		width: 950px;
	}
	
	#popup-infos-assurance  .conteneur {
		overflow: hidden;
	}

	#popup-infos-assurance  .liste-caracteristiques {
		float: left;
		width: 430px;
		padding-left: 30px;
	}

	#popup-infos-assurance  .liste-caracteristiques .caracteristique {
		margin-bottom: 30px;
	}

	#popup-infos-assurance p {
		font-size: 1.3em;
	}
	
	#popup-infos-assurance .mentions-legales {
		font-size: 1.3em;
	}

}



/*-------------------------------------------------------------------------------+
+ Etape 5 - Reponse                                                              +
+-------------------------------------------------------------------------------*/

/* Reponse *************************************************************/

#form-reponse {
	text-align: center;
}

#form-reponse h1 {
	font-weight: normal;
	line-height: 1.2em;
}

#form-reponse h1 strong {
	display: block;
	font-weight: bold;
}

#form-reponse #numero-dossier strong {
	display: block;
}

#form-reponse #numero-dossier .numero {
	color: #f09700;
}

@media screen and (max-width: 767px) { /* Mobile */

	#form-reponse .conteneur {
		padding: 20px 6px;
	}
	
	#form-reponse h1 {
		margin-bottom: 10px;
		font-size: 1.6em;
	}

	#form-reponse h1 strong span {
		display: block;
	}

	#form-reponse p {
		font-size: 1.1em;
	}

	#form-reponse #numero-dossier .numero {
		padding-top: 10px;
		font-size: 2em;
	}
	
}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	#form-reponse .conteneur {
		padding: 40px 10px 20px 10px;
	}

	#form-reponse #numero-dossier .numero {
		padding-top: 15px;
		font-size: 2.2em;
	}
	
}

@media screen and (min-width: 768px) and (max-width: 1220px) { /* Tablette */

	#form-reponse h1 {
		margin-bottom: 10px;
		font-size: 3em;
	}

	#form-reponse h1 strong span {
		display: block;
	}

	#form-reponse p {
		font-size: 1.8em;
	}

}

@media screen and (min-width: 1221px) { /* Bureau */

	#form-reponse .conteneur {
		max-width: 800px;
	}

	#form-reponse h1 {
		margin-bottom: 20px;
		font-size: 2.6em;
	}

	#form-reponse p {
		font-size: 1.6em;
	}

}


/* Etapes de finalisation **********************************************/

/* Telecharger le contrat */

#form-telecharger-contrat h2 {
	background-image: url(../img/pictos/fd-vert/picto-telecharger.png)
}

#form-telecharger-contrat .alternatives .choix-telechargement p {
	color: #727272;
	text-align: center;
}

#form-telecharger-contrat .alternatives .choix-telechargement .bouton .bt .format {
	display: block;
	font-weight: normal;
	text-transform: lowercase;
}

#form-telecharger-contrat .alternatives .ou {
	text-align: center;
	text-transform: uppercase;
}

#form-telecharger-contrat .alternatives .ou:before {
	content: "- ";
}

#form-telecharger-contrat .alternatives .ou:after {
	content: " -";
}

#form-telecharger-contrat .alternatives .choix-courrier p {
	color: #727272;
	text-align: center;
}

#form-telecharger-contrat .alternatives .choix-courrier .bouton .bt .recevoir {
	display: block;
	margin-bottom: 5px;
	font-weight: normal;
	text-transform: capitalize;
}

#form-telecharger-contrat .alternatives p a {
	color: #727272;
}

#form-telecharger-contrat .envoi-courrier {
	padding: 20px 0;
}

#form-telecharger-contrat .envoi-courrier p {
	background: url(../img/pictos/valide-vert-xl.png) no-repeat left center;
	min-height: 30px;
	padding-left: 40px;
}

#form-telecharger-contrat .envoi-courrier p strong {
	display: block;
}

@media screen and (max-width: 767px) { /* Mobile */

	#form-telecharger-contrat .alternatives .choix-telechargement {
		padding-top: 10px;
		text-align: center;
	}

	#form-telecharger-contrat .alternatives .choix-telechargement .bouton {
		margin-bottom: 10px;
	}

	#form-telecharger-contrat .alternatives .choix-telechargement .bouton .bt {
		padding: 15px;
		font-size: 1.4em;
	}

	#form-telecharger-contrat .alternatives .choix-telechargement .bouton .bt .format {
		margin-top: 3px;
	}

	#form-telecharger-contrat .alternatives .choix-telechargement p {
		padding: 0 18%;
		font-size: 1.1em;
	}

	#form-telecharger-contrat .alternatives .ou {
		display: block;
		padding: 10px 0;
		font-size: 1.3em;
	}

	#form-telecharger-contrat .alternatives .choix-courrier {
		padding-top: 10px;
		text-align: center;
	}

	#form-telecharger-contrat .alternatives .choix-courrier .bouton {
		margin-bottom: 10px;
	}

	#form-telecharger-contrat .alternatives .choix-courrier .bouton .bt {
		font-size: 1.1em;
	}

	#form-telecharger-contrat .alternatives .choix-courrier p {
		padding: 0 18%;
		font-size: 1.1em;
	}
	
}

@media screen and (min-width: 768px) and (max-width: 1220px) { /* Tablette */

	#form-telecharger-contrat .alternatives .choix-telechargement {
		padding-top: 20px;
		text-align: center;
	}

	#form-telecharger-contrat .alternatives .choix-telechargement .bouton {
		margin-bottom: 15px;
	}

	#form-telecharger-contrat .alternatives .choix-telechargement .bouton .bt {
		padding: 20px;
		font-size: 1.7em;
	}

	#form-telecharger-contrat .alternatives .choix-telechargement .bouton .bt .format {
		margin-top: 3px;
	}

	#form-telecharger-contrat .alternatives .choix-telechargement p {
		padding: 0 18%;
		font-size: 1.6em;
	}

	#form-telecharger-contrat .alternatives .ou {
		display: block;
		padding: 25px 0;
		font-size: 2.3em;
	}

	#form-telecharger-contrat .alternatives .choix-courrier {
		padding-top: 20px;
		text-align: center;
	}

	#form-telecharger-contrat .alternatives .choix-courrier .bouton {
		margin-bottom: 15px;
	}

	#form-telecharger-contrat .alternatives .choix-courrier .bouton .bt {
		font-size: 1.7em;
	}

	#form-telecharger-contrat .alternatives .choix-courrier p {
		padding: 0 18%;
		font-size: 1.6em;
	}

}

@media screen and (min-width: 1221px) { /* Bureau */

	#form-telecharger-contrat .alternatives {
		overflow: hidden;
	}

	#form-telecharger-contrat .alternatives .choix-telechargement {
		position: relative;
		float: left;
		width: 360px;
		padding-top: 120px;
	}

	#form-telecharger-contrat .alternatives .choix-telechargement .bouton {
		position: absolute;
		top: 30px;
		left: 50px;
	}

	#form-telecharger-contrat .alternatives .choix-telechargement .bouton .bt .format {
		margin-top: 3px;
		font-size: 0.8em;
	}

	#form-telecharger-contrat .alternatives .choix-telechargement p {
		font-size: 1.2em;
	}

	#form-telecharger-contrat .alternatives .ou {
		float: left;
		width: 80px;
		padding-top: 50px;
		font-size: 1.6em;
	}

	#form-telecharger-contrat .alternatives .choix-courrier {
		position: relative;
		float: left;
		width: 280px;
		padding-top: 120px;
	}

	#form-telecharger-contrat .alternatives .choix-courrier .bouton {
		position: absolute;
		top: 30px;
		left: 25px;
	}

	#form-telecharger-contrat .alternatives .choix-courrier .bouton .bt {
		font-size: 1.2em;
	}

	#form-telecharger-contrat .alternatives .choix-courrier p {
		font-size: 1.2em;
	}

}


/* Renvoyer le contrat */

#form-renvoyer-contrat h2 {
	background-image: url(../img/pictos/fd-vert/picto-camion-vitesse.png)
}

#form-renvoyer-contrat ol li h3 .numero {
	display: inline-block;
	background-color: #8bbc06;
	margin-right: 5px;
	color: #fff;
}

#form-renvoyer-contrat ol li .detail {
	background-color: #f4f4f4;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
}

#form-renvoyer-contrat ol li .detail h4 {
	margin-bottom: 0.5em;
}
	
#form-renvoyer-contrat ol li .detail ul {
	margin-bottom: 15px;
}

#form-renvoyer-contrat ol li .detail ul li {
	background: url(../img/puces/puce-cocher-vert.png);
	background-repeat: no-repeat;
	padding: 5px 0 5px 20px;
}

#form-renvoyer-contrat ol li .detail h5 {
	margin-bottom: 0.3em;
}

#form-renvoyer-contrat ol li .detail .lien-puce {
	background-position: left -250px;
	color: #8bbc06;
}


@media screen and (max-width: 767px) { /* Mobile */

	#form-renvoyer-contrat ol li h3 {
		margin-bottom: 10px;
		font-size: 1.2em;
	}

	#form-renvoyer-contrat ol li h3 .numero {
		padding: 5px 7px;
		vertical-align: -1px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
	}

	#form-renvoyer-contrat ol li .detail {
		margin-bottom: 20px;
		padding: 10px;
	}
	
	#form-renvoyer-contrat ol li .detail h4 {
		font-size: 1.2em;
	}

	#form-renvoyer-contrat ol li .detail ul li {
		background-position: left 6px;
		font-size: 1.1em;
	}
	
	#form-renvoyer-contrat ol li .detail h5 {
		font-size: 1.1em;
	}

	#form-renvoyer-contrat ol li .detail .lien-puce {
		display: none;
	}
	
}

@media screen and (min-width: 768px) and (max-width: 1220px) { /* Tablette */

	#form-renvoyer-contrat ol {
		margin: 0 70px 0 30px;
	}

	#form-renvoyer-contrat ol li h3 {
		margin-bottom: 15px;
		font-size: 1.8em;
	}

	#form-renvoyer-contrat ol li h3 .numero {
		padding: 5px 9px;
		vertical-align: -1px;
		-moz-border-radius: 15px;
		-webkit-border-radius: 15px;
		border-radius: 15px;
	}

	#form-renvoyer-contrat ol li .detail {
		margin-bottom: 40px;
		padding: 20px;
	}
	
	#form-renvoyer-contrat ol li .detail h4 {
		font-size: 1.9em;
	}

	#form-renvoyer-contrat ol li .detail ul li {
		background-position: left -270px;
		padding: 8px 0 8px 35px;
		font-size: 1.8em;
	}
	
	#form-renvoyer-contrat ol li .detail h5 {
		font-size: 1.8em;
	}

	#form-renvoyer-contrat ol li .detail .lien-puce {
		display: none;
	}

}

@media screen and (min-width: 1221px) { /* Bureau */

	#form-renvoyer-contrat ol {
		width: 700px;
	}

	#form-renvoyer-contrat ol li {
		padding-left: 35px;
	}

	#form-renvoyer-contrat ol li h3 {
		margin: 0 0 10px -35px;
		font-size: 1.4em;
	}

	#form-renvoyer-contrat ol li h3 .numero {
		padding: 5px 8px;
		vertical-align: -1px;
		-moz-border-radius: 15px;
		-webkit-border-radius: 15px;
		border-radius: 15px;
	}
	
	#form-renvoyer-contrat ol li .detail {
		margin-bottom: 30px;
		padding: 15px 20px;
	}
	
	#form-renvoyer-contrat ol li .detail h4 {
		font-size: 1.5em;
	}

	#form-renvoyer-contrat ol li .detail ul li {
		background-position: left 6px;
		font-size: 1.4em;
	}
	
	#form-renvoyer-contrat ol li .detail h5 {
		font-size: 1.4em;
	}

}


/* Suivi de dossier */

#form-suivi-dossier h2 {
	background-image: url(../img/pictos/fd-vert/picto-ordi-curseur.png)
}

#form-suivi-dossier img {
	display: block;
	margin: 0 auto;
}

@media screen and (max-width: 767px) { /* Mobile */

	#form-suivi-dossier img {
		max-width: 100%;
		margin-top: 20px;
	}
	
}

@media screen and (min-width: 768px) and (max-width: 1220px) { /* Tablette */

	#form-suivi-dossier img {
		margin-top: 40px;
	}

}

@media screen and (min-width: 1221px) { /* Bureau */

	#form-suivi-dossier img {
		margin-top: 40px;
	}

}


/* Rebond **************************************************************/

#rebond .conteneur {
	padding-bottom: 40px;
	text-align: center;
}

@media screen and (max-width: 767px) { /* Mobile */

	#rebond .bouton .bt {
		font-size: 1.4em;
	}

	#rebond .bouton .bt .puce-gauche {
		background-position: left -80px;
		width: 24px;
		height: 16px;
		margin-right: 10px;
		vertical-align: -3px;
	}
	
}

@media screen and (min-width: 768px) and (max-width: 1220px) { /* Tablette */

	#rebond .bouton .bt {
		padding: 20px;
		font-size: 2em;
	}

	#rebond .bouton .bt .puce-gauche {
		background-position: left -277px;
		width: 36px;
		height: 23px;
		margin-right: 14px;
		vertical-align: -3px;
	}

}

@media screen and (min-width: 1221px) { /* Bureau */

	#rebond .bouton .bt {
		padding: 20px;
		font-size: 1.8em;
	}

	#rebond .bouton .bt .puce-gauche {
		background-position: left -173px;
		width: 31px;
		height: 20px;
		margin-right: 14px;
		vertical-align: -3px;
	}

}

 /** ASSURANCE SECURITE */
 
#form-assurance-securite-2 .mentions {
	margin: 10px 0 0 10px;
	color: #888;
}

 
#form-assurance-securite-2 .liste-choix {
	padding: 0 15px;
	font-size: 1.3em;
	margin-bottom: 10px;
}

#form-assurance-securite-2 .separation {
	border-top: 1px solid #e4e4e4;
	margin: 10px 0 20px 0;
}

.ie #form-assurance-securite-2 #delaicontrat-prelevement {
	behavior: url(/site/ressources/htc/PIE.htc);
	position: relative;
}

#form-assurance-securite-2 #information-notice p, #form-assurance-securite-2 #subscribe-confirmation p {
	font-size: 1.16em;
}

#form-assurance-securite-2 #notice-information li {
	padding: 15px;
}

#form-assurance-securite-2 #notice-information, #form-assurance-securite-2 #subscribe-confirmation {
	position: relative;
	color: #444;
}

#form-assurance-securite-2 .limelight {
	margin:0 auto;
	width:700px;
}

#form-assurance-securite-2 #notice-assurance {
	margin-bottom: 20px;
}

#form-assurance-securite-2 #notice-assurance .topAssurance {
	font-weight: bold;
	letter-spacing: normal;
	background-color: #e4e4e4;
	text-align: left;
	font-size: 13px;
	padding: 10px;
	margin-left: -20px;
	width: 100%;
	display:block;
}

#form-assurance-securite-2 .mentions {
	margin: 10px 0 0 10px;
	color: #888;
}

#form-assurance-securite-2 .mentions p, #form-assurance-securite-2 .infos p {
	font-size: 1em;
}

#form-assurance-securite-2 #notice-information .input, #form-assurance-securite-2 #subscribe-confirmation .input {
	position: absolute;
}

#form-assurance-securite-2 #notice-information.erreur, #form-assurance-securite-2 #delaicontrat-prelevement.erreur, #form-assurance-securite-2 #subscribe-confirmation.erreur {
	background-color: #ffe5e5;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.ie #form-assurance-securite-2 #notice-information.erreur, .ie #form-assurance-securite-2 #delaicontrat-prelevement.erreur, .ie #form-assurance-securite-2 #subscribe-confirmation.erreur {
	behavior: url(/site/ressources/htc/PIE.htc);
	position: relative;
}

#form-assurance-securite-2 #notice-information p.erreur-locale, #form-assurance-securite-2 #subscribe-confirmation p.erreur-locale {
	background-image: url(../img/puces/puce-erreur.png);
	background-repeat: no-repeat;
	margin-top: 10px;
	padding:0 0 0 16px;
	color: #FF0000;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
}

#form-assurance-securite-2 .erreur-locale p {
	margin-bottom: 0;
	font-size: 0.8em;
}

#form-assurance-securite-2 #delaicontrat-prelevement.erreur .erreur-locale p {
 	font-size: 1em;
}
 
#form-assurance-securite-2 .choixSelection {
	margin:10px 0 0 10px;
}

#form-assurance-securite-2 .choixSelection span.info {
	display:block;
}

#form-assurance-securite-2 .choixSelection span.info input{
	padding-bottom:10px;
}

#form-assurance-securite-2 #notice-information, #form-assurance-securite-2 #subscribe-confirmation {
	padding:10px;
}

#form-assurance-securite-2 #notice-information.erreur-locale label {
	font-weight:normal;
}

#form-assurance-securite-2 div.bulleAide {
	position:relative;
	background:#FFAAAA;
	color:#ff0000;
	padding:10px;
	font-weight:bold;
	border:1px solid #ff0000;
	border-radius:4px;
	top:-5px;
}

@media screen and (max-width: 767px) { /* Mobile */

	#form-assurance-securite-2 .liste-choix {
		padding: 0 15px;
		font-size: 1.1em;
	}
	
	.choixSelection span.info {
		margin-bottom:7px;
	}

	#form-assurance-securite-2 #notice-information {
		margin-top: 20px;
		margin-bottom: 5px;
		font-size: 1.2em;
	}

	#form-assurance-securite-2 #subscribe-confirmation {
		margin-top: 0;
		margin-bottom: 5px;
		font-size: 1.2em;
	}
	
	#form-assurance-securite-2 #notice-information label, #form-assurance-securite-2 #subscribe-confirmation label {
		display: block;
		margin-left: 20px;
	}
	
	#form-assurance-securite-2 #notice-information input, #form-assurance-securite-2 #subscribe-confirmation input {
		clear: left;
		float: left; 
	}

	#form-assurance-securite-2 #notice-information .erreur .erreur-locale, #form-assurance-securite-2 #delaicontrat-prelevement.erreur .erreur-locale, #form-assurance-securite-2 #subscribe-confirmation .erreur .erreur-locale {
		background-position: left top;
		padding-left: 20px;
	}
	
	#form-assurance-securite-2 #delaicontrat-prelevement {
		margin-top: 2px;
	}
	
	#form-assurance-securite-2 .limelight  {
		width:300px;
		text-align:center;
	}
	
	#form-assurance-securite-2 .limelight iframe {
		width:300px;
	}

	#form-assurance-securite-2 .renonciation-mention p, #form-assurance-securite-2 .notice-mention p {
		font-size: 1em;
	}
}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	#form-assurance-securite-2 .liste-choix {
		padding: 0 15px;
		font-size: 1.3em;
	}
	
	.choixSelection span.info {
		display:block;
		margin-bottom:5px;
	}
		
	#form-assurance-securite-2 #notice-information, #form-assurance-securite-2 #subscribe-confirmation {
		margin-bottom: 30px;
		padding-left: 15px;
	}
	
	#form-assurance-securite-2 #notice-information label, #form-assurance-securite-2 #subscribe-confirmation label {
		display: block;
		margin-left: 20px;
	}
	
	#form-assurance-securite-2 #notice-information input, #form-assurance-securite-2 #subscribe-confirmation input {
		clear: left;
		float: left; 
	}

	#form-assurance-securite-2 #notice-information .erreur .erreur-locale , #form-assurance-securite-2 #delaicontrat-prelevement.erreur .erreur-locale, #form-assurance-securite-2 #subscribe-confirmation .erreur .erreur-locale {
		background-position: left -275px;
		min-height: 20px;
		padding-top: 8px;
		padding-bottom: 2px;
		padding-left: 30px;
	}
	
	#form-assurance-securite-2 .limelight iframe {
		width:700px;
	}

	#form-assurance-securite-2 .renonciation-mention p, #form-assurance-securite-2 .notice-mention p {
		font-size: 1.2em;
	}
	
}

@media screen and (min-width: 768px) and (max-width: 1024px) { /* Tablette */

	#form-assurance-securite-2 #notice-information {
		margin-bottom: 0;
		margin-top:40px;
		font-size: 1.6em;
		padding-left:15px;
	}

	#form-assurance-securite-2 #subscribe-confirmation {
		margin-bottom: 0;
		margin-top:10px;
		font-size: 1.6em;
		padding-left:15px;
	}
	
}

@media screen and (min-width: 1025px) { /* Bureau */
	
	#form-assurance-securite-2 #notice-information {
		clear: both;
		margin-bottom: 0;
		margin-top:40px;
		font-size: 1.4em;
		padding-left:15px;
	}
	
	#form-assurance-securite-2 #subscribe-confirmation {
		clear: both;
		margin-bottom: 0;
		margin-top:10px;
		font-size: 1.4em;
		padding-left:15px;
	}
	
}