a,
body,
center,
code,
div,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
html,
img,
li,
p,
s,
section,
span,
u,
ul {
  margin:0;
  padding:0;
  border:0;
  font-size:100%;
  vertical-align:baseline
}
footer,
header,
section {
  display:block
}
ul {
  list-style:none;
  list-style-type:disc;
  list-style-position:outside
}
body {
  line-height:1;
  font-size:62.5%;
  background:#e0f1f5;
  color:#444
}
a {
  color:#097182;
  cursor:pointer;
  border-bottom:1px dotted
}
a,
a:hover {
  text-decoration:none
}
a:hover {
  color:#000;
  border-bottom:1px solid
}
h1 {
  font-size:1.7em
}
h2 {
  font-size:1.5em
}
h3 {
  font-size:1.1em
}
h4 {
  font-size:1em
}
h5 {
  font-size:1.05em
}
h6 {
  font-size:.95em
}
input {
  padding:0;
  vertical-align:middle;
  font-size:100%
}
.center {
  text-align:center
}
.w50px {
  width:50px
}
.w50px,
.w70px {
  display:inline-block;
  text-align:right;
  margin-right:15px;
  margin-left:30px
}
.w70px {
  width:70px
}
.w80px {
  width:80px
}
.w80px,
.w100px {
  display:inline-block;
  text-align:right;
  margin-right:15px;
  margin-left:30px
}
.w100px {
  width:100px
}
.w150px {
  width:150px;
  display:inline-block;
  text-align:right;
  margin-right:15px;
  margin-left:30px
}
.zone-action {
  text-align:center;
  width:100%;
  margin-top:15px;
  margin-bottom:15px;
  position:relative
}
.section {
  background-color:#f1f1f1;
  padding:5px 15px 0;
  margin-bottom:3px;
  line-height:1.363em;
  font-weight:400
}
.section h2 {
  font-size:1.1em;
  line-height:1em;
  padding:7px 0 8px;
  color:#424558
}
.section h3 {
  line-height:1em;
  padding:7px 0 0;
  color:#444
}
.section p {
  padding:5px 0 7px;
  margin-bottom:3px;
  color:#000
}
.section ul li {
  list-style-type:disc;
  margin-left:30px
}
.section ul {
  margin-bottom:7px;
  color:#000
}
.section .ligne {
  clear:both;
  padding:3px 0 2px;
  margin-bottom:3px
}
.section input[type=checkbox],
.section input[type=radio] {
  height:22px;
  margin:0 3px 0 5px
}
.section input[type=file],
.section input[type=text] {
  height:20px;
  border:1px solid #ccc;
  background:#fff;
  line-height:20px;
  padding-left:2px
}
.section input[disabled] {
  height:20px;
  border:1px solid #ddd;
  background:#f8f8f8;
  line-height:20px;
  padding-left:2px
}
.section .zone-action {
  margin:0
}
.section .ligne:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden
}
* html .section .ligne {
  height:1%
}
body.js .js-invisible {
  position:absolute!important;
  top:-2000px!important;
  left:-2000px!important;
  display:block!important;
  width:0!important;
  height:0!important;
  line-height:0!important
}
#corps-de-page {
  background:#fff;
  padding:10px 20px;
  border-top:3px solid #04819e;
  min-height:558px;
  margin-bottom:15px
}
.message {
  padding-bottom:5px
}
.message .texte {
  color:#000;
  display:inline-block;
  width:80%
}
.message h5 {
  padding-bottom:12px;
  font-size:1.2em;
  color:#424558
}
.info-contenu {
  font-size:1em;
  padding:4px;
  background-color:#fffedb;
  border:1px solid #04819e
}
.lien {
  margin:0 15px;
  color:#097182;
  display:inline-block
}
.lien:hover {
  text-decoration:none;
  color:#000
}
.zone-info {
  line-height:1.363em;
  background-color:#e0f1f5;
  padding:6px 0 6px 15px;
  margin-bottom:3px
}
.zone-alerte {
  background-color:#fffcb1;
  background-image:url(/images/zoneMessage/picto_alerte.gif);
  border-top:1px solid #bb0f00
}
.zone-alerte,
.zone-message {
  line-height:1.363em;
  padding:5px 0 6px 30px;
  margin-bottom:3px;
  background-repeat:no-repeat;
  min-height:15px;
  color:#000
}
.zone-message {
  background-color:#ddf0a4;
  background-image:url(/images/zoneMessage/picto_message.gif);
  border-top:1px solid #ddf0a4
}
.btn_action .btn_fermer {
  background-repeat:no-repeat;
  background-image:url(/images/bib2v_sprite.png);
  background-position:left -2466px
}
.zone_champ_saisie .aide {
  background-position:left -222px;
  width:20px;
  height:20px;
  line-height:20px;
  display:inline-block
}
.zone_champ_saisie .aide,
.zone_champ_saisie .aide:hover {
  background-repeat:no-repeat;
  background-image:url(/images/bib1v_sprite.png)
}
.zone_champ_saisie .aide:hover {
  background-position:left -242px
}
.erreur {
  background-repeat:no-repeat;
  background-image:url(/images/bib1v_sprite.png);
  background-position:left -344px;
  line-height:20px
}
.aide,
.erreur {
  vertical-align:middle
}
.aide {
  margin-left:5px;
  margin-right:5px;
  padding-left:0
}
.zone_erreur {
  padding-left:10px;
  padding-right:5px;
  vertical-align:middle
}
.erreur_champ input[type=text] {
  border-color:#bb0f00;
  background-color:#fffedb
}
.message_erreur {
  display:inline-block;
  color:#bb0f00
}
.message_erreur_invisible {
  display:none
}
h1 a.app,
h1 a.app:hover,
h2 a.app,
h2 a.app:hover {
  color:#444
}
.page {
  padding:0 5px
}
a:hover.precedent {
  background-position:left -147px
}
a:hover.precedent,
a:hover.suivant {
  background-repeat:no-repeat;
  background-image:url(/images/bib1v_sprite.png)
}
a:hover.suivant {
  background-position:left -177px
}
a:hover.page {
  text-decoration:none;
  color:#000
}
a:hover.courant {
  color:#000
}
.w50 {
  width:50%
}
.w50,
.w70 {
  margin:auto
}
.w70 {
  width:70%
}
.w100 {
  width:100%;
  margin:0
}
.zone_texte {
  display:inline-block;
  vertical-align:top
}
.zone_texte .aide {
  background-position:left -222px;
  width:20px;
  height:20px;
  line-height:20px;
  display:inline-block
}
.zone_texte .aide,
.zone_texte .aide:hover {
  background-repeat:no-repeat;
  background-image:url(/images/bib1v_sprite.png)
}
.zone_texte .aide:hover {
  background-position:left -242px
}
* {
  font-family:Helvetica Neue,Helvetica,Arial,FreeSans,sans-serif
}
form {
  display:block
}
p {
  margin:.75em 0
}
*,
:after,
:before {
  box-sizing:border-box
}
.r_center {
  margin-right:auto;
  margin-left:auto
}
.gras {
  font-weight:700
}
a img {
  border:0
}
.r_lien_image,
.r_lien_image:hover {
  border-bottom:0
}
.champ,
.zone_champ_saisie input {
  background-color:#fff;
  background-image:none;
  border:1px solid #ccc;
  border-radius:0;
  box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
  color:#555;
  font-size:1em;
  height:34px;
  line-height:1.42857;
  padding:6px 12px;
  transition:border-color .15s ease-in-out 0,box-shadow .15s ease-in-out 0;
  margin-bottom:10px;
  vertical-align:baseline
}
.zone_champ_saisie input:disabled {
  background-color:#d3d3d3
}
input[type=file] {
  margin-bottom:10px;
  vertical-align:baseline;
  font-size:1em;
  height:34px;
  line-height:1.42857
}
input[type=file]::-webkit-file-upload-button {
  margin-bottom:10px;
  vertical-align:baseline;
  font-size:1em;
  height:34px;
  line-height:1.42857
}
.r_placeholder {
  color:#bebede
}
.erreur {
  background:transparent url(/images/biblicnam/champsaisie/picto_erreur.gif) no-repeat 0;
  width:21px;
  height:20px;
  margin-left:10px;
  margin-right:5px;
  margin-top:10px;
  float:right
}
.erreur,
.erreur:hover {
  border-bottom:0
}
.zone-alerte {
  border:1px solid #ebccd1;
  padding:15px;
  background-image:none;
  background-color:#f2dede;
  color:#a94442;
  display:table;
  width:100%
}
.zone-alerte .close {
  display:table-cell;
  vertical-align:middle
}
.msg_erreur {
  color:#c84294;
  font-weight:700
}
.r_btsubmit {
  background-color:#2c9ad2;
  color:#fff;
  moz-user-select:none;
  background-image:none;
  border:1px solid #2c9ad2;
  border-radius:0;
  cursor:pointer;
  display:inline-block;
  font-size:1em;
  font-weight:400;
  line-height:1.42857;
  padding:6px 12px;
  text-align:center;
  vertical-align:middle;
  white-space:nowrap;
  text-transform:uppercase;
  letter-spacing:.1em;
  margin:5px;
  min-width:30%
}
.r_btsubmit:focus,
.r_btsubmit:hover {
  background-color:#23aee5;
  border:1px solid #2c9ad2;
  color:#fff;
  text-decoration:none
}
.r_btsubmit:active {
  background-color:#1f6e8c;
  border:1px solid #1f6e8c;
  color:#fff;
  text-decoration:none
}
.r_btsubmit.r_disabled,
.r_btsubmit:disabled {
  cursor:not-allowed;
  pointer-events:none;
  opacity:.55
}
.zone_champ_saisie .aide {
  display:none;
  background:transparent url(/images/biblicnam/champsaisie/picto_aide.gif) no-repeat;
  border-bottom:0
}
.zone_champ_saisie .aide:focus,
.zone_champ_saisie .aide:hover {
  background:transparent url(/images/biblicnam/champsaisie/picto_aide_survol.gif) no-repeat;
  border-bottom:0
}
.r_cnx_page #id_r_cnx_btn_submit {
  width:43%;
  background-color:#2f71b1;
  border-color:#2f71b1;
  display:block;
  margin:auto
}
.r_cnx_page #id_r_cnx_btn_submit:active,
.r_cnx_page #id_r_cnx_btn_submit:focus,
.r_cnx_page #id_r_cnx_btn_submit:hover {
  background-color:#23aee5
}
body,
html {
  height:100%;
  padding:0;
  margin:0
}
body {
  display:table
}
footer {
  display:table-footer-group;
  height:1px;
  padding-top:15px;
  clear:both
}
.corps-de-page {
  padding:10px;
  margin-bottom:20px;
  min-height:200px
}
body {
  margin:0 auto;
  width:100%;
  height:100%;
  line-height:1.42857
}
@media only screen and (max-width:979px) {
  body {
    width:100%
  }
}
.tetiere {
  height:85px;
  text-align:center;
  background-color:#fff
}
.tetiere .r_btsubmit {
  background-color:#2f71b1;
  border:1px solid #2f71b1
}
.tetiere h1 {
  float:left;
  font-size:1.8em;
  color:#fff;
  padding-left:10px;
  font-style:italic;
  position:relative;
  height:36px
}
.tetiere .logoam {
  margin-top:-36px;
  border-bottom:1px solid #ccc;
  border-right:1px solid #ccc;
  border-left:1px solid #ccc;
  border-radius:0 0 10px 10px;
  background-color:#fff
}
footer #Footer {
  margin-top:20px;
  background-color:#0057a0!important
}
footer #Footer ul {
  list-style-type:none;
  list-style-position:outside;
  margin:0;
  padding:0;
  display:table
}
footer #Footer li:not(:first-child) {
  display:table-cell;
  margin-right:.5%;
  text-align:center;
  position:relative;
  background:url(/images/menu-separateur.png) no-repeat scroll right 54%
}
footer #Footer li:last-child {
  background:0
}
footer #Footer li:first-child {
  background-image:none;
  display:table-cell;
  margin-right:.5%;
  text-align:center;
  position:relative;
  padding:0!important
}
footer #Footer img {
  width:100px
}
footer #Footer li a {
  line-height:40px
}
@media only screen and (min-width:768px) {
  footer #Footer img {
    margin-top:14px;
    width:140px;
    height:60px;
    margin-bottom:14px
  }
}
@media only screen and (max-width:767px) {
  footer #Footer li:not(:first-child) {
    display:block;
    width:100%;
    height:40px;
    background-image:none;
    border-bottom:1px solid #fff
  }
  footer #Footer li:first-child {
    display:block!important;
    width:100%;
    background-image:none;
    border-bottom:1px solid #fff;
    margin-bottom:10px
  }
  footer #Footer ul {
    margin:0 auto
  }
}
.title-messagerie {
  width:80%;
  float:left
}
.contenu {
  margin:0 -10px
}
.contenu,
.contenu:after {
  clear:both
}
.cadre_form {
  width:97%
}
.cadre_connexion,
.cadre_form {
  padding:5px 4px 5px 2px;
  margin:10px 0 20px
}
.cadre_connexion {
  width:93%;
  border:1px solid #dedfe4
}
.centrepage {
  width:700px;
  line-height:1.5em;
  float:left
}
@media only screen and (max-width:700px) {
  .centrepage {
    width:100%
  }
}
.centrepage h2 {
  color:#25496d;
  font-size:1.2em;
  margin:10px 0;
  padding:0
}
.centrepage h3 {
  color:#25496d;
  font-size:1em;
  margin:0;
  padding:0
}
.centrepage ul {
  margin:0 0 10px 17px
}
.centrepage li {
  line-height:1.5em
}
.lien_droit {
  text-align:right
}
.didacticiel {
  top:133px;
  width:auto;
  margin-left:20px
}
.interrog {
  background:0 0!important
}
.page {
  display:inline-block;
  text-align:center;
  width:auto;
  height:15px;
  line-height:15px;
  margin:0 3px
}
.invisible {
  position:absolute!important;
  top:-3000px!important;
  left:-2000px!important;
  display:block!important;
  width:0!important;
  height:0!important;
  line-height:0!important
}
a:hover.precedent {
  background:url(/images/biblicnam/interPage/btn_precedent_survol.gif) no-repeat
}
a:hover.suivant {
  background:url(/images/biblicnam/interPage/btn_suivant_survol.gif) no-repeat
}
.btn_accueil {
  margin-top:15%;
  margin-bottom:38%
}
#bulleAideSaisieNir,
#bulleAideSaisieOTP {
  font-family:HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,sans-serif
}
.texte-center {
  text-align:center
}
.r_cnx .connexion-login .zone_champ_saisie input {
  width:80%;
  border:0;
  padding:5px;
  box-shadow:none;
  display:inline-block;
  margin:auto;
  margin-left:13%;
  margin-bottom:2px;
  outline:0
}
.r_cnx .connexion-login .zone_champ_saisie input::-ms-reveal {
  display:none
}
.connexion-login .zone_champ_saisie .erreur_champ input {
  background-color:#fff!important
}
#connexioncompte_2 #div_connexioncompte_2_nir_as {
  background:transparent url(/images/login.png);
  background-repeat:no-repeat;
  background-position:20px 3px;
  background-size:20px 20px;
  border-bottom:1px solid #255ea7;
  outline:0
}
#div_connexioncompte_2_code {
  background:transparent url(/images/password.png);
  background-repeat:no-repeat;
  background-position:20px 3px;
  background-size:18px 22px;
  border-bottom:1px solid #255ea7;
  margin-top:40px;
  outline:0
}
.connexion-login img {
  display:inline-block;
  margin:auto;
  width:5%;
  vertical-align:middle
}
.connexion-login .title {
  font-size:30px;
  font-family:HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,sans-serif;
  color:#2c2c2c;
  margin-top:0!important;
  margin-bottom:40px!important;
  font-weight:100
}
.connexion-login {
  width:460px;
  margin:0 auto
}
.connexion-login .r_cnx_cadre_gris {
  padding:0
}
.connexion-login .zone_champ_saisie input {
  font-size:17px;
  font-family:HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,sans-serif;
  color:#4a4a4a
}
.connexion-login .zone_champ_saisie input::-moz-placeholder {
  color:#4a4a4a;
  opacity:.8
}
.connexion-login .zone_champ_saisie input:-ms-input-placeholder {
  color:#4a4a4a;
  opacity:.8
}
.connexion-login .zone_champ_saisie input:-moz-placeholder {
  color:#4a4a4a;
  opacity:.8
}
.connexion-login .zone_champ_saisie input::-webkit-input-placeholder {
  color:#4a4a4a;
  opacity:.8
}
.En-savoir-plus {
  margin-left:60px;
  text-align:justify;
  margin-top:10px;
  color:#255ea7;
  font-size:14px;
  font-family:HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,sans-serif
}
#AideSaisieOTP {
  margin-left:2px;
  margin-top:20px
}
.btn-connection {
  margin-top:40px!important;
  width:240px!important;
  height:50px!important;
  background-color:#255ea7!important;
  border:none!important;
  webkitappearance:none
}
.connexion-login a {
  border-bottom:0
}
.r_cnx_maintenance {
  margin-bottom:54px
}
.r_cnx_maintenance:before {
  content:url(/images/alert-purple.svg);
  height:24px;
  width:24px;
  display:block;
  margin-left:-20px
}
.r_cnx_maintenance>div {
  border:2px solid #953570;
  border-radius:0 20px 20px 20px;
  padding:1.25em;
  color:#953570;
  font-weight:600
}
.cliquable {
  cursor:pointer
}
.imgco-FRCO {
  text-align:center
}
.imgco-FRCO img {
  display:inline-block;
  margin-top:50px;
  margin-bottom:4px;
  text-decoration:none;
  border-bottom:0;
  width:240px
}
.connexion-FRCO input:hover,
.imgco-FRCO img {
  background-color:#fff
}
.connexion-login p {
  margin:0
}
.connexion-FRCO p span {
  font-size:29px;
  Font-family:HelveticaNeue-Light,"Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
  color:#2c2c2c
}
.connexion-FRCO {
  margin-top:39px
}
.connexion-FRCO p span:after,
.connexion-FRCO p span:before {
  content:"";
  display:inline-block;
  vertical-align:middle;
  width:43%;
  height:1px;
  background:#2c2c2c
}
.connexion-FRCO p span:before {
  margin-right:.3rem
}
.connexion-FRCO p span:after {
  margin-left:.3rem
}
.lien-aide-FRCO {
  text-align:center
}
.connexion-login .hidden {
  display:none;
  height:0
}
#divAideSaisieNir,
#divAideSaisieOTP {
  background-color:hsla(0,0%,70%,.1);
  margin-left:0;
  padding:20px
}
#divAideSaisieNir img,
#divAideSaisieOTP img {
  width:20px;
  height:20px;
  float:right;
  cursor:pointer;
  margin-right:-10px;
  margin-top:-10px;
  filter:brightness(5%)
}
#divAideSaisieNir .title,
#divAideSaisieOTP .title {
  margin:0!important;
  font-size:16px;
  Font-family:Arial,sans-serif;
  font-weight:Bold;
  color:#2c2c2c
}
#divAideSaisieNir .contenu,
#divAideSaisieOTP .contenu {
  margin:0!important;
  font-size:14px;
  color:#2c2c2c;
  Font-family:HelveticaNeue-Light,"Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
  line-height:1.25em
}
#idBlocCnx .cnxRequis {
  padding-top:25px;
  font-style:italic;
  color:#2c2c2c
}
.connexion-login .erreur_champ {
  display:block;
  padding-right:0;
  margin-right:0;
  border-bottom:1px solid #e54d42!important;
  background:transparent url(/images/warning_30px.png)!important;
  background-repeat:no-repeat!important;
  background-position:15px 0!important;
  background-size:30px 30px!important;
  margin-bottom:-1px
}
.connexion-login .message_erreur {
  text-align:justify;
  margin-left:60px;
  margin-top:10px;
  color:#e54d42;
  font-size:17px;
  Font-family:HelveticaNeue-Light,"Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif
}
.connexion-login .zone-alerte {
  color:#ca0101;
  font-size:17px;
  font-family:HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,sans-serif;
  margin-bottom:40px;
  background-image:url(/images/warning_30px.png);
  background-repeat:no-repeat!important;
  background-size:30px 30px!important;
  background-position:20px 50%!important;
  padding-left:70px;
  background-color:#ffdada;
  border:0
}
.footer-connexion {
  background-color:#3b4654;
  width:100%
}
.footer-version {
  position:absolute;
  right:5px;
  bottom:0;
  font-size:9px;
  color:#fff
}
.footer-connexion a {
  border-bottom:0
}
footer .footer-connexion li a {
  line-height:unset!important;
  border-bottom:0
}
footer .footer-connexion img {
  width:148px!important;
  height:45px!important;
  margin:25px 57px 25px 56px!important
}
footer .footer-connexion li {
  padding:7px 27.5px 0!important;
  background-size:1px 15px!important;
  font-family:Arial,sans-serif!important;
  font-weight:Bold!important;
  font-size:12px!important;
  color:#fff;
  vertical-align:middle
}
.tetiere-connexion {
  background-color:#fff;
  box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px rgba(0,0,0,.14),0 1px 5px rgba(0,0,0,.12);
  margin-bottom:10px;
  position:absolute;
  width:100%
}
.tetiere-connexion .r_lien_image {
  margin:28px 0 28px 56px;
  float:left
}
.tetiere-connexion .r_lien_image:focus {
  outline-width:1px;
  outline-style:dotted
}
#Header .tetiere-connexion .r_btsubmit {
  background-color:#255ea7;
  padding:12px 10px;
  line-height:1.42857!important;
  letter-spacing:0!important;
  border:none!important;
  color:#fff;
  text-transform:none!important;
  font-family:HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,sans-serif!important;
  font-size:18px!important;
  text-decoration:none!important;
  min-width:0;
  margin:0;
  margin-right:60px;
  margin-top:19px;
  margin-bottom:19px;
  width:180px;
  height:50px
}
.connect-FRCO {
  font-size:30px;
  font-family:HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,sans-serif;
  color:#2c2c2c
}
.connect-FRCO span:after,
.connect-FRCO span:before {
  content:"";
  display:inline-block;
  vertical-align:middle;
  width:46%;
  height:1px;
  background:#2c2c2c
}
.connect-FRCO span:before {
  margin-right:.3rem
}
.connect-FRCO span:after {
  margin-left:.3rem
}
.image-FRCO {
  background-color:#fff;
  width:210px
}
@media only screen and (min-width:1440px) {
  footer #Footer ul {
    margin:0 auto;
    height:100px
  }
  footer #Footer li:first-child {
    position:absolute;
    left:0
  }
}
@media only screen and (max-width:1224px) and (min-width:768px) {
  footer .footer-connexion img {
    margin-left:0
  }
}
@media only screen and (max-width:993px) {
  .footer-connexion div {
    height:73px;
    width:100%
  }
  .footer-connexion .footer-version {
    height:inherit;
    text-align:center;
    right:0
  }
  footer .footer-connexion li {
    padding:7px 7px 0!important;
    border-bottom:none!important
  }
}
@media only screen and (max-width:767px) {
  footer .footer-connexion img {
    position:relative;
    height:45px!important;
    margin-bottom:0!important
  }
  footer .footer-connexion .logo-footer {
    margin-left:0
  }
  .tetiere-connexion .r_lien_image {
    margin:15px 0 13px 25px;
    float:left
  }
  .tetiere-connexion .logoam {
    width:50%
  }
  #Header .tetiere-connexion .r_btsubmit {
    margin-right:10px;
    margin-top:10px;
    margin-bottom:10px;
    width:auto;
    height:40px;
    font-size:14px!important;
    padding:10px!important
  }
  #problemeConnexion,
  .msg-connexion {
    Font-size:12px
  }
  .connexion-login .title {
    font-size:18px;
    margin-bottom:30px!important
  }
  .connexion-login {
    width:270px;
    margin:0 auto
  }
  .btn-connection {
    margin-bottom:15px!important;
    margin-top:20px!important
  }
  .connexion-FRCO p span {
    font-size:18px
  }
  .connexion-FRCO {
    margin-top:14px
  }
  .connexion-FRCO input {
    margin-bottom:40px
  }
  .connexion-login .zone_champ_saisie input {
    font-size:14px
  }
  #connexioncompte_2 #div_connexioncompte_2_nir_as {
    background-position:10px 8px
  }
  #connexioncompte_2 #div_connexioncompte_2_code {
    background-position:10px 5px;
    margin-top:20px
  }
  .En-savoir-plus {
    margin-left:40px;
    margin-top:5px;
    font-size:12px
  }
  .connexion-FRCO p span:after,
  .connexion-FRCO p span:before {
    width:43%
  }
  #divAideSaisieNir,
  #divAideSaisieOTP {
    padding:10px
  }
  #divAideSaisieNir img,
  #divAideSaisieOTP img {
    margin-right:-5px;
    margin-top:-5px
  }
  #divAideSaisieNir .contenu,
  #divAideSaisieNir .title,
  #divAideSaisieOTP .contenu,
  #divAideSaisieOTP .title {
    font-size:14px
  }
  .connexion-login .message_erreur {
    margin-left:40px;
    margin-top:5px;
    font-size:14px
  }
  .connexion-login .erreur_champ {
    background-position:10px 5px!important;
    background-size:20px 20px!important
  }
  .connexion-login .zone-alerte {
    font-size:14px;
    margin-bottom:20px;
    background-size:20px 20px!important;
    background-position:10px 50%!important;
    padding-left:40px;
    margin-top:-10px
  }
}
@media only screen and (max-width:480px) {
  .connexion-FRCO p span:after,
  .connexion-FRCO p span:before {
    width:42%
  }
}
@media only screen and (max-width:320px) {
  footer .footer-connexion img {
    margin-left:3%;
    float:none
  }
}
.btn-connection,
.btn-connection:focus,
.btn-connection:hover,
.logo-footer .logoam:focus,
.r_lien_image .logoam:focus,
.r_lien_image .logoam:hover,
.r_lien_image:hover,
footer .footer-connexion img:hover {
  outline:0
}
body,
html {
  background-color:#fff
}
body {
  font-family:Helvetica Neue,Helvetica,Arial,sans-serif;
  font-size:.875em;
  color:#000
}
a,
a:hover {
  color:#0062ad
}
a:hover.r_rose {
  color:#c84294
}
a:hover.r_bleu {
  color:#357bb1
}
a:hover.r_violet {
  color:#b75190
}
footer #Footer {
  background-color:#fff
}
footer #Footer li a {
  color:#fff
}
.r_cnx_cadre_gris {
  padding:15px;
  background-color:#fff!important;
  display:block;
  margin:auto
}
#as_login_page .corps-de-page {
  padding:0;
  margin-bottom:-15px;
  margin-top:1.5em
}
#navIncompatible {
  margin-bottom:15px
}
.r_cnx_page {
  padding:0
}
.r_cnx_page h3 {
  color:#2b84bf;
  font-size:1.14em;
  font-weight:700;
  margin:15px 0 20px
}
.r_cnx_page ul {
  color:#2b84bf;
  list-style:square inside;
  margin:15px 0 15px 15px
}
.r_cnx_page li span {
  color:#000
}
.r_cnx_avec_s1 {
  width:45%;
  float:left
}
.r_cnx_form {
  overflow:hidden
}
.r_acc_cadre_cgu {
  padding:10px
}
.r_acc_info_mail {
  margin:0
}
.r_acc_msg_mail {
  color:red
}
.lien {
  background-position:2px 2px;
  background-repeat:no-repeat;
  font-size:.7em;
  margin:5px 0;
  padding-left:20px;
  text-decoration:none;
  display:block
}
* {
  box-sizing:border-box
}
.r_msg_contenu {
  width:100%;
  height:300px;
  word-wrap:normal;
  resize:none;
  border:1px solid #0062ad;
  overflow:auto;
  padding:10px;
  font-size:.9em
}
.r_msg_contenu img {
  display:none
}
.r_msg_texte_accueil {
  float:left;
  width:200px;
  margin-left:20px;
  color:#fff
}
.r_msg_texte_accueil a,
.r_msg_texte_accueil h1 {
  font-size:.91em
}
#as_accueil_page .r_msg_lien_texte_accueil {
  color:#fff;
  text-decoration:none;
  border-bottom:1px dotted
}
#as_accueil_page .r_msg_lien_texte_accueil:hover {
  text-decoration:none;
  border-bottom:1px solid
}
.logo {
  width:200px;
  display:table-cell;
  padding:10px
}
.logo img {
  vertical-align:middle
}
.p_en_h3 {
  color:#777;
  font-size:1em;
  font-weight:700;
  line-height:24px;
  margin:0 0 0 5px;
  overflow:auto
}
.image_carte_vitale {
  display:table-cell;
  padding-right:25px
}
.zone-alerte h2 {
  color:#a94442
}
#as_france_connect_page .corps-de-page {
  min-height:0
}
.codePersonnel input::-ms-clear,
.codePersonnel input::-ms-reveal {
  display:none
}
.codePersonnel input:focus~.floating-label,
.codePersonnel input:not(:focus):valid~.floating-label {
  top:4px;
  bottom:10px;
  left:0;
  font-size:12px;
  opacity:1
}
.iconeToggleCode {
  cursor:pointer
}
@media only screen and (max-width:560px) {
  .tetiere .logoam {
    margin-top:0
  }
}
#connexioncompte_2 .centrepage {
  margin:auto;
  float:none
}
@media only screen and (min-width:993px) {
  #connexioncompte_2 .centrepage {
    width:500px
  }
}
@media only screen and (max-width:992px) {
  #connexioncompte_2 .centrepage {
    width:400px
  }
}
@media only screen and (max-width:767px) {
  #connexioncompte_2 .centrepage {
    width:400px
  }
}
@media only screen and (max-width:480px) {
  #connexioncompte_2 .centrepage {
    width:100%
  }
}
@media only screen and (max-width:320px) {
  #connexioncompte_2 .centrepage {
    width:100%
  }
}
#Header .tetiere-connexion .r_btsubmit {
  display:none
}
.margin-50 {
  margin:50px 0 4px
}
#connexioncompte_2 {
  padding-top:142px;
  margin-bottom:15px
}
@media only screen and (max-width:767px) {
  #Header .tetiere-connexion {
    margin-bottom:60px
  }
  #connexioncompte_2 {
    padding-top:80px
  }
  .connexioncompte_2 {
    padding-right:30px!important;
    padding-left:30px!important
  }
}
@media only screen and (min-width:768px) {
  #Header .tetiere-connexion {
    margin-bottom:88px
  }
}
@media screen and (min-width:768px) and (max-width:992px) {
  #connexioncompte_2 .centrepage {
    width:460px
  }
}
input:-webkit-autofill {
  -webkit-box-shadow:0 0 0 50px #fff inset!important
}
.france-connect-img {
  background-color:#fff;
  width:240px
}
.lien-creer-compte {
  margin:50px
}
.infosGenerique {
  margin:15px
}
.loginSaisieOTP {
  text-align:center;
  margin-top:15px;
  margin-bottom:10px
}
#BoutonEnvoyerOTP {
  color:#fff;
  cursor:pointer;
  display:block;
  margin:auto;
  background-color:#255ea7;
  border:medium none;
  letter-spacing:.1em;
  white-space:normal;
  padding:10px;
  margin-top:20px;
  margin-bottom:20px
}
#blocEnvoyerOTP,
#blocSaisieOTP,
.blocMaterielConfiance {
  color:#2c2c2c;
  font-family:Arial,sans-serif;
  text-align:justify
}
#blocSaisieOTP {
  margin-top:30px
}
#blocEnvoyerOTP {
  margin-top:30px;
  font-weight:700
}
#aideSaisieOTP,
#blocEnvoyerOTP a,
.infoOTPwarnAide a {
  text-decoration:underline
}
#aideSaisieOTP {
  margin-top:5px;
  font-style:italic
}
.ligneInfoOTP {
  margin-top:10px;
  margin-bottom:10px;
  text-align:justify;
  font-weight:700
}
#infoAuthentEnvoyerOTP2 {
  margin-bottom:5px
}
#mailEnvoiOTP {
  text-decoration:underline;
  color:blue
}
.saisieOTP {
  margin:auto;
  display:inline-block
}
.saisieOTP input {
  margin-left:3px;
  margin-top:5px;
  margin-bottom:5px;
  text-align:center;
  width:9px;
  border:1px solid #6b6b6b;
  box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
  font-size:1em;
  color:#555;
  box-sizing:content-box
}
.blocSaisieOTP {
  margin-top:10px;
  margin-bottom:10px
}
.blocOTP {
  margin-left:20px;
  margin-right:20px;
  margin-top:10px;
  font-family:Arial,sans-serif
}
.blocInfoOTP {
  float:left
}
.infoOTP {
  font-style:italic;
  margin-top:15px
}
.blocEnvoiOTP {
  display:inline-block;
  width:100%
}
#BoutonGenerationOTP {
  text-transform:none;
  border:1px solid #0070c0;
  padding:5px 10px;
  display:block;
  margin:30px auto;
  white-space:normal;
  background-color:#255ea7!important
}
.infoOTPwarn {
  margin-top:20px
}
.infoOTPwarnAide {
  display:block;
  margin-top:10px
}
.noteItalic {
  font-style:italic;
  font-size:small
}
@media(max-width:760px) {
  #BoutonGenerationOTP {
    font-size:12px
  }
  .saisieOTP input {
    padding:5px
  }
}
@media(min-width:761px) {
  #BoutonGenerationOTP {
    font-size:14px
  }
  .saisieOTP input {
    padding:7px
  }
}
.blocMaterielConfiance label {
  width:100%;
  padding:10px;
  padding-left:35px;
  display:block;
  cursor:pointer;
  position:relative;
  overflow:hidden
}
.blocMaterielConfiance label:before {
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%) scaleX(1);
  transition:all .3s cubic-bezier(.4,0,.2,1);
  opacity:0;
  z-index:-1
}
.blocMaterielConfiance label:after {
  width:20px;
  height:20px;
  content:"";
  border:1px solid #2c2c2c;
  background-color:#fff;
  background-image:url(/images/check.svg);
  background-repeat:no-repeat;
  background-position:0 -1px;
  background-size:20px;
  z-index:2;
  position:absolute;
  left:0;
  top:50%;
  transform:translateY(-50%);
  cursor:pointer;
  transition:all .2s ease-in;
  box-shadow:0 2px 4px rgba(0,0,0,.16)
}
.blocMaterielConfiance input:checked~label:before {
  transform:translate(-50%,-50%) scale3d(56,56,1);
  opacity:1
}
.blocMaterielConfiance input:checked~label:after {
  background-color:#2c2c2c
}
.blocMaterielConfiance input {
  position:absolute;
  left:-9999px
}
.blocMaterielConfiance input:not(:checked):focus~label:after {
  border:2px solid #2c2c2c
}
/* Placeholder */
body { font-family: Arial, sans-serif; }