#abonnementSommaire {width: 100%;}
#abonnementSommaireBlocTexte {max-width: 700px; height: auto; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;float: left;}
#abonnementSommaireBlocFaq {width: 200px;height: auto; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 10px;border: 1px solid #333;float: left;}
#abonnementSommaireBlocFaq .Millieu80 {height: 80px;overflow: hidden;}
#abonnementSommaireBlocAbonnement {width: 100%;height: auto; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
    #abonnementSommaireBlocAbonnement.boiteconfirmation {
        background:#f5f5f5;
    }
#abonnementSommaireBlocGauche { vertical-align:top; display:table-cell; width:25%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;float: left;}
#abonnementSommaireBlocMillieu{ vertical-align:top; display:table-cell; width:25%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;float: left;}
#abonnementSommaireBlocDroit  { vertical-align:top; display:table-cell; width:25%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;float: left;}
#abonnementSommaireBlocModTarifaire {vertical-align: top;display:table-cell; width: 50%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;float: left;}
#abonnementSommaireBlocBtnDetail    {vertical-align: top;display: table-cell;width: 50%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;float: left;text-align:right}
#abonnementSommaire .MargeHaut{ margin-top: 10px;height: auto;}
#abonnementSommaire .MargeHaut:after { content: " "; display: block; clear: both;} 
#abonnementSommaire .btnDetail { margin-bottom:10px} 
#BoiteGeneriqueBas {width: 32%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;height: 225px;padding: 10px;border: 1px solid #333;float: left;margin-bottom: 10px;margin-top: 10px;} 
#BoiteGeneriqueBasPadDroit {width: 32%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;height: 225px;padding: 10px;border: 1px solid #333;float: left;margin-right: 10px;margin-bottom: 10px;margin-top: 10px;} 
#BoiteGeneriqueBasPadGauche {width: 32%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;height: 225px;padding: 10px;border: 1px solid #333;float: left;margin-left: 10px;margin-bottom: 10px;margin-top: 10px;} 
#abonnementSommaire .Titre {text-align: center;}
#abonnementSommaire .Millieu { height: 110px;overflow: hidden;}
#abonnementSommaire .Bas {text-align: center;}

#abonnementSommaireBoiteMessageImportant {margin-bottom:40px; border-style: solid;border-width: 2px; border-color:#FF0000; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 10px 10px 20px 10px;width: 100%;height: auto;display: block;margin-top: 15px;}
#abonnementSommaireBoiteMessageImportant .Titre {width: 100%;font-weight: bold;color: #FF0000;font-size: large;margin-bottom: 10px;}
    #abonnementSommaireBoiteMessageImportant ul li {
        list-style: none;
    }

#infoProchainPrelevement .BlocGauche{width:51%; vertical-align:top; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;float: left;} 
#infoProchainPrelevement .BlocDroit{width:49%; vertical-align:top; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;float: left;} 

#btnGererMidas input[type="button"], button[type="button"] { background:#f26d0c; border:medium none; -webkit-border-radius: 3px; -moz-border-radius:3px; border-radius:3px; color:#fff; font:normal 15px open_sansbold,"Myriad Pro",Arial,Tahoma,Verdana,sans-serif; font:normal 1.5rem open_sansbold,"Myriad Pro",Arial,Tahoma,Verdana,sans-serif; padding:5px 25px; }
#btnGererMidas input[type="button"]:hover, button[type="button"]:hover { background:#d45c04; }

#btnGererAbonne input[type="button"], button[type="button"] { background:#f26d0c; border:medium none; -webkit-border-radius: 3px; -moz-border-radius:3px; border-radius:3px; color:#fff; font:normal 15px open_sansbold,"Myriad Pro",Arial,Tahoma,Verdana,sans-serif; font:normal 1.5rem open_sansbold,"Myriad Pro",Arial,Tahoma,Verdana,sans-serif; padding:5px 25px; }
#btnGererAbonne input[type="button"]:hover, button[type="button"]:hover { background:#d45c04; }

#RecuClient {width: 100%;}
#RecuClient .MargeHaut{ margin-top: 7px;height: auto;}
#RecuClient .MargeHaut:after { content: " "; display: block; clear: both;} 
#RecuClientBoiteRecu {padding:3px; border-bottom: 1px solid #d7dcdf;}
#RecuClientBoiteRecuSection1 {vertical-align:top; display: table-cell; width: 60%; height: 38px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; }
#RecuClientBoiteRecuSection2  { vertical-align:top; display:table-cell; width:20%; height:38px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;float: left;}
#RecuClientBoiteRecuSection3  { vertical-align:top; display:table-cell; width:7%; height:38px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;float: left;}
#RecuClientBoiteRecuSection4  { vertical-align:top; display:table-cell; width:13%; height:38px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;float: left;}

#mesInfos .HrOu {
    margin-top: 10px;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 0;
    width: 40%;
    height: 5px;
    /*float: left;*/
    display: inline-block;

}

#mesInfos .HrSepAdresse {
    margin: 0;
    width: 100%;
    text-align: center;
    display: inline-block;
    height: 10px;
}

#mesInfos .Ou {
    /*float: left;*/
    display: inline-block;
}

#mesInfos .MargeHaut{ height: auto;}
#mesInfos .MargeHaut:after { content: " "; display: block; clear: both;} 

#mesInfosDivOu {
    width: 100%;
    text-align: center;
}

#ProchainPrelevement {width: 100%;}
#ProchainPrelevement .MargeHaut{ margin-top: 7px;height: auto;}
#ProchainPrelevement .MargeHaut:after { content: " "; display: block; clear: both;} 
#ProchainPrelevementSectionLigne {width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;display: block;margin-top: 2px;margin-bottom: 2px;} 
#ProchainPrelevementSectionGauche { width: 60%; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;display: table-cell; float: left} 
#ProchainPrelevementSectionDroite { width: 40%; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;display: table-cell; float: left; text-align: right; }
#ProchainPrelevement .HrSep {margin: 0; width: 100%; text-align: center; display: block; height: 10px;}