.offre.jaune.en, .offre.bleu.haut.en, .offre.rose.haut.en, .offre.entreprise.haut.en{
    height: 344px!important;
}
.offre.jaune.pt, .offre.bleu.haut.pt, .offre.rose.haut.pt, .offre.entreprise.haut.pt{
    height: 308px!important;
}
.offre.jaune.bas.en, .offre.bleu.bas.en, .offre.rose.bas.en, .offre.entreprise.bas.en{
    height: 332px!important;
}
.offre.jaune.nl, .offre.bleu.haut.nl, .offre.rose.haut.nl, .offre.entreprise.haut.nl{
    height: 354px!important;
}
.publicInternetExplorer.ie8 .offre.jaune.nl, .publicInternetExplorer.ie8 .offre.bleu.haut.nl, .publicInternetExplorer.ie8 .offre.rose.haut.nl, .publicInternetExplorer.ie8 .offre.entreprise.haut.nl{
    height: 354px!important;
}
.offre.jaune.haut.it, .offre.bleu.haut.it, .offre.rose.haut.it, .offre.entreprise.haut.it{
    height: 335px!important;
}
.publicInternetExplorer.ie8 .offre.jaune.haut.it, .publicInternetExplorer.ie8 .offre.bleu.haut.it, .publicInternetExplorer.ie8 .offre.rose.haut.it, .publicInternetExplorer.ie8 .offre.entreprise.haut.it{
    height: 400px!important;
}
.offre.jaune.bas.nl, .offre.bleu.bas.nl, .offre.rose.bas.nl, .offre.entreprise.bas.nl{
    height: 300px!important;
}
.publicInternetExplorer.ie8 .offre.jaune.bas.nl, .publicInternetExplorer.ie8 .offre.bleu.bas.nl, .publicInternetExplorer.ie8 .offre.rose.bas.nl, .publicInternetExplorer.ie8 .offre.entreprise.bas.nl{
    height: 308px!important;
}
.offre.jaune.de, .offre.bleu.haut.de, .offre.rose.haut.de, .offre.entreprise.haut.de{
    height: 300px!important;
}
.offre.jaune.bas.de, .offre.bleu.bas.de, .offre.rose.bas.de, .offre.entreprise.bas.de{
    height: 350px!important;
}

.offre.entreprise.bas.es .sinscrire.es {
    margin-top: -28px;
}

@media screen and (min-width: 1025px) {
    #plans{
        width: 1070px!important;
    }
}


#plans header {
	margin-bottom: 25px;
}

#plans hr {
	position: relative;
	top: -20px;
	/*background: url("/images/plans/tiret.png");
	border: none;*/
	
	border:1px dashed #CBCBCB;
	z-index: 2;
}

#plans .btn {
	background-color: #84BA37;
	color: #FFF;
	font-weight: normal;	
	padding: 8px;
}

#plans .btn:hover {
	font-weight: bold;
	-moz-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}

#plans > section {
	margin-bottom: 30px;
}

#plans .credits {
	width: 100%;	
	border-collapse: collapse;
}

#plans .credits td {
	border-right: 1px solid #CBCBCB;
	border-top: 1px solid #CBCBCB;
	padding: 5px;
	text-align: center;
	font-size: 13px;
	line-height: 15px;
}

#plans .credits small {
	font-size: 10px;	
	font-weight: normal;
}

#plans .more-details {
	text-align: right;
	font-size: 10px;
	font-style: italic;
	position: relative;
	top: -10px;
}

#plans .credits td:last-child {
	border-right: none;	
}

#plans .block {
	display:inline-block;
	margin-right: 25px;
	text-align: left;
	margin-top: 20px;
}
#offreParticulierIframe {
	text-align: left;
	
}

#offreParticulierIframe .block {
	margin-right: 5px;
	
}
#plans .block > footer {
	text-align: center;	
}

#plans .subscribe-block {
	position: relative;
	width: 390px;
	border-radius: 5px;
	font-size: 14px;
	margin-bottom: 15px;
}

#plans .subscribe-block .header,
#plans .subscribe-block .description-list ,
#plans .subscribe-block .footer {
	padding: 10px;
}

#plans .subscribe-block .header {
	font-size: 20px;
	border-radius: 5px 5px 0 0;
	text-align: center;
}

#plans .subscribe-block .header .price {
	float: right;
	font-size: 0.6em;
	font-weight: normal;
}

#plans .subscribe-block .header .price em {
	font-weight: bold;
	font-size: 18px;
}

#plans .subscribe-block .description-list {
	list-style: none;
	list-style-position:inside;
	line-height: 18px;
	font-size: 13px;
    background-color: #a9e6db;
    border-radius: 5px;
}

#plans .subscribe-block .description-list li {
    color: black!important;
}

#offreParticulierIframe .description-list.first {
    background-color: #ECECEC!important;
}
#offreParticulierIframe .description-list.second {
    background-color: #feda66!important;
}
#offreParticulierIframe .subscribe-block {
    width: 371.2px !important;
}
#offreParticulierIframe .header {
    text-transform: uppercase !important;
    font-size: 20px !important;
    font-family: Calibri, sans-serif !important;
}

#offreParticulierIframe .mdl-button{
    height: 30px!important;
    line-height: 30px!important;
    margin-top: 0px;
    color: black;
    min-width: 96%;
    padding: 0 8px!important;
}
table.forfaitPremium{
    width: 100%;
}
#offreParticulierIframe .navigButton {
    padding-top: 31px;
    width: 747px;
    text-align: center;
}
.forfaitPremium td {
    border-top: 2px solid white;
    width: 100%;
    padding: 5px;
    padding-left: 10px;
    text-align: center;
}

#plans .subscribe-block .footer {
	text-align: center;
	padding-top: 0;
}

#plans .subscribe-block .footer .btn {
	font-size: 14px;
}

#entreprise .price {
    position: relative;
    top: 5px;
}

#plans #credit > div, 
#plans #entreprise > div, 
#plans #abo > div {
	text-align: center;
}


#plans .icon {
	position: absolute;
  	top: -25px;
    width: 65px;
}

#plans .icon2 {
    left: 8px;
    position: absolute;
    top: -32px;
    width: 52px;
}

#abo p.msgIndication{
	color:#3651ED;
	text-align: center;
	width: 700px;
	text-align: justify;
	padding:5px;
}

.alert {
  padding: 8px 35px 8px 14px;
  width: 700px;
  margin-bottom: 20px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #fcf8e3;
  border: 1px solid #fbeed5;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

.alert,
.alert p {
  color: #c09853;
}


.alert-danger,
.alert-error {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
  font-weight: bold;
}
.plansOffres
{
   height: 504px;
}
.offre-freemium
{
    width: 24%;
    float:left;
    text-align: center;
    color: #ffffff;
}
.offre-freemium .offre.rose.haut
{
    background-color: #f47f54;
    height: 280px;
    margin-top: 11px;
    border-radius: 14px;
}
.publicInternetExplorer.ie8 .offre-freemium .offre.rose.haut
{
    height: 400px;
}.publicInternetExplorer9 .offre-freemium .offre.rose.haut
{
    height: 350px!important;
}
.offre-premium
{
    width: 24%;
    float:left;
    text-align: center;
    margin-left: 8px;
    color: #ffffff;
}
#plans.renouvellement .offre-premium
{
    width: 32%;
    float:left;
    text-align: center;
    margin-left: 8px;
    color: #ffffff;
}
.offre-premium .offre.bleu.haut
{
   background-color: #54C9F4;
   height: 280px;
   margin-top: 11px;
   border-top-left-radius: 14px;
   border-top-right-radius: 14px;
}
.publicInternetExplorer.ie8 .offre-premium .offre.bleu.haut
{
    height: 400px;
}
.publicInternetExplorer9 .offre-premium .offre.bleu.haut
{
    height: 350px!important;
}
.offre-premium .offre.bleu.bas
{
   background-color: #54C9F4;
   height: 308px;
   margin-top: 8px;
   border-bottom-left-radius: 14px;
   border-bottom-right-radius: 14px;
}
.publicInternetExplorer.ie8 .offre-premium .offre.bleu.bas
{
    height: 400px;
}
.publicInternetExplorer9 .offre-premium .offre.bleu.bas
{
    height: 350px!important;
}
.offre-premium .offre.bleu.bas.arrondi
{
   border-radius: 14px;
}
.offre-pro .offre.jaune.haut
{
   background-color: #F4AF54;
   height: 280px;
   margin-top: 11px;
   border-top-left-radius: 14px;
   border-top-right-radius: 14px;
}
.publicInternetExplorer.ie8 .offre-pro .offre.jaune.haut
{
    height: 400px;
}
.publicInternetExplorer.ie8 .offre-pro .offre.jaune.bas.pt
{
    height: 400px!important;
}
.publicInternetExplorer9 .offre-pro .offre.jaune.haut
{
    height: 350px!important;
}
.offre-pro .offre.jaune.bas
{
   background-color: #F4AF54;
   height: 308px;
   margin-top: 8px;
   border-bottom-left-radius: 14px;
   border-bottom-right-radius: 14px;
}
.publicInternetExplorer.ie8 .offre-pro .offre.jaune.bas
{
    height: 400px;
}
.publicInternetExplorer9 .offre-pro .offre.jaune.bas
{
    height: 350px!important;
}
.offre-pro .offre.jaune.bas.arrondi{
    border-radius: 14px;
}
.grands-volumes .offre.haut
{
   background-color: #32D0B4;
   height: 280px;
   margin-top: 11px;
   border-top-left-radius: 14px;
   border-top-right-radius: 14px;
}
.publicInternetExplorer.ie8 .grands-volumes .offre.haut
{
    height: 400px;
}
.publicInternetExplorer9 .grands-volumes .offre.haut
{
    height: 350px!important;
}


.renouvellement .offre.jaune.haut div.sinscrire.essai.fr, .renouvellement .offre.jaune.haut div.sinscrire.essai.es, .renouvellement .offre.jaune.haut div.sinscrire.pt{
    margin-top: 13px;
}
.renouvellement .offre.bleu.haut div.sinscrire.fr, .renouvellement .offre.bleu.haut div.sinscrire.es , .renouvellement .offre.bleu.haut div.sinscrire.pt {
    margin-top: 13px;
}
.renouvellement .offre.bleu.bas div.sinscrire.fr, .renouvellement .offre.bleu.bas div.sinscrire.es, .renouvellement .offre.bleu.bas div.sinscrire.pt{
    margin-top: 41px;
}
.renouvellement .offre.bleu.bas div.sinscrire.nl{
    margin-top: 33px!important;
}
.renouvellement .offre.jaune.bas div.sinscrire.fr, .renouvellement .offre.jaune.bas div.sinscrire.es, .renouvellement .offre.jaune.bas div.sinscrire.pt{
    margin-top: 41px;
}
.renouvellement .offre.jaune.bas div.sinscrire.nl{
    margin-top: 33px!important;
}
.renouvellement .offre.entreprise.haut .sinscrire.de {
    margin-top: 27px;
}
.renouvellement .offre.entreprise.bas .sinscrire.pt {
     margin-top: 0px;
}

.grands-volumes .offre.bas
{
   background-color: #32D0B4;
   height: 308px;
   margin-top: 8px;
   border-bottom-left-radius: 14px;
   border-bottom-right-radius: 14px;
}
.publicInternetExplorer.ie8 .grands-volumes .offre.bas
{
    height: 400px;
}
.publicInternetExplorer9 .grands-volumes .offre.bas
{
    height: 350px!important;
}
.offre-pro
{
    width: 24%;
    float:left;
    margin-left: 8px;
    text-align: center;
    color: #ffffff;
}
#plans.renouvellement .offre-pro
{
    width: 32%;
    float:left;
    margin-left: 8px;
    text-align: center;
    color: #ffffff;
}

.grands-volumes
{
    width: 24%;
    float: left;
    margin-left: 10px;
    text-align: center;
    color: #ffffff;
}
#plans.renouvellement .grands-volumes
{
    width: 32%;
    float: left;
    margin-left: 10px;
    text-align: center;
    color: #ffffff;
}

.offre-title
{
    text-transform: uppercase;
    font-size: 20px;
    font-family: "Open Sans", Helvetica, Calibri, Sans-Serif;
}
.offre-title.freemium
{
    color: #F47F54;
}
.offre-title.premium
{
    color: #54C9F4;
}
.offre-title.pro
{
    color: #F4AF54;
}
.offre-title.grandsVolumes
{
    color: #32D0B4;
}
.plansOffres .offre .price{
    text-transform: uppercase;
    font-family: Calibri, sans-serif;
    font-size: 23px;
    width: 74%;
    margin-left: 33px;
    border-bottom: 1px solid white;
    padding-top: 8px;
    padding-bottom: 4px;
    margin-bottom: 25px;
}
.plansOffres .offre.rose.haut .price, .plansOffres .offre.jaune.haut .price, .plansOffres .offre.jaune.bas .price, .plansOffres .offre.bleu.bas .price, .plansOffres .offre.bleu.haut .price, .plansOffres .offre.entreprise.haut .price{
    padding-bottom: 20px;
    padding-top: 20px;
}
.plansOffres .offre.entreprise.haut .price .businessType {
    padding-left: 21px;
}
.plansOffres .offre.jaune.haut .price .businessType {
    padding-left: 21px;
}
.plansOffres .offre.jaune.bas .price .businessType {
    padding-left: 21px;
}
.plansOffres .offre .description-list{
    text-align: left;
    margin-left: 8px;
    list-style: none;
    margin-bottom: 14px;
    line-height: 1.4;
    width: 94%;
    font-family: Calibri, sans-serif;
    font-size: 14px;
}

@media screen and (max-width: 1025px) {
    .plansOffres .offre .description-list{
        font-size: 13px;
    }
}

.plansOffres .offre.entreprise.bas .description-list{
    width: 95%;
    margin-left: 6px;
    margin-bottom: 58px;
}
.plansOffres .offre.bas .description-list{
    margin-bottom: 17px;
}
.plansOffres .offre.entreprise.haut .description-list{
    margin-bottom: 8px;
}
.plansOffres .offre .description-list td:nth-child(2){
    padding-left: 4px;
    float: right;
}
.plansOffres .offre .sinscrire.es, .plansOffres .offre .sinscrire.nl, .plansOffres .offre .sinscrire.de , .plansOffres .offre .sinscrire.pt , .plansOffres .offre .sinscrire.it {
    width: 186px;
}
.plansOffres .offre .sinscrire.nl {
    margin-top: 73px;
}
.plansOffres .offre.entreprise.haut.nl .sinscrire.nl {
    margin-top: 4px;
}

.plansOffres .offre.bleu.bas.nl .sinscrire.nl {
    margin-top: 14px;
}
.plansOffres .offre.entreprise.bas.nl .sinscrire.nl {
    margin-top: -8px;
}


.plansOffres .offre .sinscrire {
    display: inline-block;
    -moz-box-shadow: inset -2px -5px 5px 0px #D7D7D7;
    -webkit-box-shadow: inset -2px -5px 5px 0px #D7D7D7;
    -o-box-shadow: inset -2px -5px 5px 0px #D7D7D7;
    box-shadow: inset -2px -5px 5px 0px #D7D7D7;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#D7D7D7, Direction=315, Strength=5);
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
    border-radius: 14px;
    height: 24px;
    width: 131px;
    text-align: center;
    background-color: #ffffff;
}

.plansOffres .offre .sinscrire a {
    color: #6d838d;
    font-size: 12px;
    display: inline-block;
    height: 45px;
    line-height: 24px;
    position: relative;
    font-family: "knockout_Middleweight", Calibri, Sans-Serif;
    text-transform: uppercase;
    width: 100%;
    top: -1px;
}
.plansOffres .offre .sinscrire a:hover {
    color: #ffcc33;
}
.businessType{
    float: left;
}
.businessType.grandCompte{
    float: none;
}
.apartirde{
    font-family: Arial;
    font-size: 12px;
    text-transform: none;
    width: 44px;
    text-align: right;
    float: left;
    margin-left: 0px;
    margin-right: 3px;
}
.price.type{
    width: 85%!important;
    margin-left: 19px!important;
}
.price.typepme{
    width: 90%!important;
    margin-left: 13px!important;
}
.price.entreprise{
    border-bottom: 0px !important;
    padding-top: 79px !important;
    padding-bottom: 30px !important;
}
td.nbreUserPme{
    padding-left: 0px !important;
}
.moyenPaiement{
    font-family: Calibri, sans-serif;
    text-transform: uppercase;
    font-size: 16px;
    text-align: center;
    color: #9B9B9B;
    margin-top: 130px;
}
.moyenPaiement.it, .moyenPaiement.pt, .moyenPaiement.en, .moyenPaiement.es, .moyenPaiement.nl, .moyenPaiement.fr{
    padding-top: 110px;
}

.publicInternetExplorer.ie8 .moyenPaiement.es, .publicInternetExplorer.ie8 .moyenPaiement.pt, .publicInternetExplorer.ie8 .moyenPaiement.it, .publicInternetExplorer.ie8 .moyenPaiement.fr{
    padding-top: 300px!important;
}

.spanMoyenPaiement{
    font-size: 14px;
}
/*.tarifPage{
    height: 18px !important;
}*/
.tarifPage{
    height: 60px !important;
}
.plansOffres.en{
    height: 567px;
}
.plansOffres.nl{
    height: 590px;
}
.plansOffres.de{
    height: 600px;
}
.sinscrire.hautButton{
    margin-top: 14px;
}
.sinscrire.hautButton.it{
    margin-top: 68px;
}
.sinscrire.hautButton.pt{
    margin-top: 41px;
}
.offre.entreprise.bas .sinscrire.pt{
    margin-top: -28px;
}
.offre.entreprise.bas .sinscrire.it{
    margin-top: -28px;
}
.sinscrire.basButton{
    margin-top: 41.5px;
}
.sinscrire.basButton.es{
    margin-top: 67.5px;
}
.sinscrire.nl{
    margin-top: 28px;
}
.sinscrire.de{
    margin-top: 41px;
}
.offre.entreprise.haut .sinscrire.de{
    margin-top: 2px;
}
.sinscrire.en{
    margin-top: 8px;
}
.offre.entreprise.bas .sinscrire.en{
    margin-top: 14px;
}
.offre.rose.haut .sinscrire.en, .offre.bleu.haut .sinscrire.en{
    margin-top: 77px;
}
.sinscrire.premiumOffer.en{
    margin-top: 56px;
}
.sinscrire.premiumOffer.nl{
    margin-top: 43px;
}
.essai.en, .essai.nl, .essai.de{
    margin-top: 1px;
}
.offre.jaune.haut .essai.de{
    margin-top: 42px;
}
.offre.jaune.haut .essai.en {
    margin-top: 78px;
}

.offre.jaune.bas.nl .essai.nl{
    margin-top: 15px;
}
.offre.entreprise.bas.es .price.entreprise{
    font-size: 18px;
    margin-bottom: 33px;
}
.offre.entreprise.bas.pt .price.entreprise{
    font-size: 17px;
    margin-bottom: 33px;
}
.offre.entreprise.bas.nl .price.entreprise{
   padding-top: 108px !important;
}
.plansOffres.nl .offre-title{
    font-size: 24px;
}
.internetExplorer .plansOffres.nl .offre-title{
    font-size: 18px!important;
}
td.nl{
    width: 67%;
}
.offre.bleu.bas.de .sinscrire.premiumOffer.de{
    margin-top: 85px;
}
.offre.entreprise.bas.de .sinscrire.de{
    margin-top: 43px;
}
.offre.entreprise.bas.de .price.entreprise{
    font-size: 20px;
    margin-left: 18px;
}
section#abo{
    margin-left: 20px;
}