@keyframes popin
{
  0%
  {
    transform : translateY(-50%) translateX(-100%);
  }
  70%
  {
    transform : translateY(-50%) translateX(-100%);
  }
  100%
  {
    transform : translateY(-50%) translateX(0);
  }
}

@keyframes popin-off
{
  0%
  {
    transform : translateY(-50%) translateX(0);
  }
  100%
  {
    transform : translateY(-50%) translateX(-100%);
  }
}

.bloc_login .titre
{
  margin-top     : 20px;
  font-size      : 14px;
  font-weight    : bold;
  text-transform : uppercase;
  color          : #323d89;
}

@media (max-width : 767px)
{
  .bloc_login .titre
  {
    padding-top : 10px;
  }
}

.bloc_login .fond_login
{
  margin-top : 10px;
  padding    : 5px;
  font-size  : 14px;
  background : #fff;
}

.bloc_login .fond_login label
{
  display        : block;
  text-transform : uppercase;
  padding        : 5px 0;
}

.bloc_login .fond_login .champ_ce
{
  width      : 100%;
  box-sizing : border-box;
}

.bloc_login .fond_login .oubli
{
  display     : inline-block;
  padding-top : 5px;
  color       : #000;
}

.bloc_login .fond_login .oubli:hover
{
  text-decoration : underline;
}

.bloc_login .fond_login .submit_login
{
  width : 100%;
}

.bloc_login .fond_login .erreur_login
{
  padding-top : 4px;
  color       : #e22a1e;
}

.ce .blue_background h2
{
  margin      : 15px 0;
  padding     : 8px 15px;
  font-size   : 14px;
  font-weight : bold;
  line-height : normal;
}

.ce .champ_ce, .ce input[type=text], .ce select
{
  background    : linear-gradient(to bottom, #f4f6f7 50%, #dee3e7 50%);
  box-shadow    : inset rgba(0, 0, 0, 0.5) 1px 1px 1px;
  border        : solid 1px #dee0e2;
  height        : 22px;
  font-size     : 12px;
  padding       : 0 5px;
  margin        : 0;
  margin-bottom : 8px;
  color         : #000;
}

@media (min-width : 992px) and (max-width : 1199px)
{
  .ce .champ_ce, .ce input[type=text], .ce select
  {
    width : 55%;
  }
}

@media (min-width : 768px) and (max-width : 991px)
{
  .ce .champ_ce, .ce input[type=text], .ce select
  {
    width : 68%;
  }
}

@media (max-width : 767px)
{
  .ce .champ_ce, .ce input[type=text], .ce select
  {
    width : 95%;
  }
}

.ce select option
{
  background : #fff;
}

.ce optgroup
{
  font-weight      : bold;
  background-color : #fff;
}

.ce .submit_ce
{
  margin-top  : 10px;
  margin-left : 5px;
  padding     : 5px 40px;
  height      : 30px;
}

@media (min-width : 768px) and (max-width : 991px)
{
  .ce .submit_ce
  {
    margin-bottom : 20px;
  }
}

@media (max-width : 767px)
{
  .ce .submit_ce
  {
    margin-bottom : 20px;
    margin-left   : 0;
    padding       : 5px 24px;
  }
}

.ce .button_ce
{
  text-transform   : uppercase;
  border           : none;
  color            : #fff;
  background-color : #323d89;
}

.ce #form_modif, .ce .form_modif
{
  margin-left : 50px;
}

@media (max-width : 767px)
{
  .ce #form_modif, .ce .form_modif
  {
    margin-left : 0;
  }
}

.ce #form_modif label, .ce .form_modif label
{
  display       : inline-block;
  width         : 188px;
  padding-right : 5px;
  text-align    : right;
}

@media (min-width : 768px) and (max-width : 991px)
{
  .ce #form_modif label, .ce .form_modif label
  {
    width : 118px;
  }
}

@media (max-width : 767px)
{
  .ce #form_modif label, .ce .form_modif label
  {
    width      : 100%;
    text-align : left;
  }
}

.ce #form_modif .label_radio, .ce .form_modif .label_radio
{
  width        : auto;
  padding-left : 5px;
  text-align   : left;
}

@media (max-width : 767px)
{
  .ce #form_modif .label_cu label, .ce .form_modif .label_cu label
  {
    width : 91%;
  }
}

.ce #form_modif .label_cu input, .ce .form_modif .label_cu input
{
  position    : absolute;
  margin-top  : 4%;
  margin-left : 5px;
}

@media (min-width : 768px) and (max-width : 991px)
{
  .ce #form_modif .label_cu input, .ce .form_modif .label_cu input
  {
    margin-top : 8%;
  }
}

@media (max-width : 767px)
{
  .ce #form_modif .label_cu input, .ce .form_modif .label_cu input
  {
    margin-top : 5px;
  }
}

.ce #form_modif .legende, .ce .form_modif .legende
{
  font-size  : 12px;
  font-style : italic;
}

@media (min-width : 992px) and (max-width : 1199px)
{
  .ce #form_modif .legende, .ce .form_modif .legende
  {
    position     : relative;
    top          : 6px;
    display      : inline-block;
    width        : 240px;
    padding-left : 5px;
  }
}

.ce #form_modif input[type=radio], .ce .form_modif input[type=radio]
{
  margin-right : 5px;
}

.ce #form_modif .textarea label, .ce .form_modif .textarea label
{
  vertical-align : top;
}

.ce #form_modif .textarea textarea, .ce .form_modif .textarea textarea
{
  width         : 400px;
  margin-bottom : 10px;
  color         : #000;
}

@media (min-width : 768px) and (max-width : 991px)
{
  .ce #form_modif .textarea textarea, .ce .form_modif .textarea textarea
  {
    width : 328px;
  }
}

@media (max-width : 767px)
{
  .ce #form_modif .textarea textarea, .ce .form_modif .textarea textarea
  {
    width : 96%;
  }
}

.ce #form_modif .profil, .ce .form_modif .profil
{
  display : flex;
}

@media (max-width : 767px)
{
  .ce #form_modif .profil label, .ce .form_modif .profil label
  {
    width : auto;
  }
}

.ce #form_modif .profil .checkbox_list, .ce .form_modif .profil .checkbox_list
{
  padding-bottom : 10px;
  padding-left   : 5px;
}

@media (min-width : 768px) and (max-width : 991px)
{
  .ce #form_modif .profil .checkbox_list, .ce .form_modif .profil .checkbox_list
  {
    font-size : 11px;
  }
}

.ce #form_modif .profil .checkbox_list label, .ce .form_modif .profil .checkbox_list label
{
  width : auto;
}

.ce #form_modif .profil .checkbox_list label input, .ce .form_modif .profil .checkbox_list label input
{
  margin-right : 5px;
}

.ce #form_oe
{
  margin-top  : -12px;
  margin-left : 15px;
}

@media (min-width : 992px) and (max-width : 1199px)
{
  .ce #form_oe select
  {
    width : 44%;
  }
}

@media (min-width : 768px) and (max-width : 991px)
{
  .ce #form_oe select
  {
    width : 42%;
  }
}

.ce .recherche_ce
{
  margin-bottom : 10px;
}

.ce .recherche_ce h2
{
  margin-bottom : 0;
}

@media (max-width : 767px)
{
  .ce .recherche_ce h2
  {
    margin-bottom : 10px;
  }
}

.ce .recherche_ce .submit_ce
{
  height         : 22px;
  line-height    : 22px;
  vertical-align : middle;
  padding        : 0 10px;
  margin-bottom  : 12px;
  color          : #323d89;
  background     : #fff;
}

.ce .table_offres p
{
  margin         : 0;
  line-height    : 18px;
  font-weight    : bold;
  text-transform : uppercase;
}

@media (max-width : 767px)
{
  .ce .table_offres .blue_background div
  {
    padding-left : 0;
  }
}

.ce .table_offres .blue_background div p
{
  text-align : left;
}

.ce .table_offres .blue_background div.prenom
{
  margin-left : -7px;
}

@media (max-width : 767px)
{
  .ce .table_offres .blue_background div.prenom
  {
    margin-left : initial;
  }
}

.ce .table_offres a
{
  color : #323d89;
}

.ce .table_offres .resultat div
{
  margin-top  : 5px;
  line-height : 25px;
  background  : #f7f8f9;
  background  : linear-gradient(to bottom, #bdcad2 2%, #f7f8f9 2%, #e5ebee 48%, #d9dee3 48%, #f3f5f7 100%);
}

@media (min-width : 768px) and (max-width : 991px)
{
  .ce .table_offres .resultat div
  {
    height : 50px;
  }
}

@media (max-width : 767px)
{
  .ce .table_offres .resultat div
  {
    text-align : left;
  }
}

@media (max-width : 767px)
{
  .ce .table_offres .resultat div.prenom
  {
    padding-left : 0;
  }
}

@media (max-width : 991px)
{
  .ce .table_offres .resultat:last-child div:last-child
  {
    margin-bottom : 25px;
  }
}

.checkbox_group
{
  display        : inline-block;
  margin         : 5px 0;
  text-transform : uppercase;
}

.submit_login, .submit_ce
{
  height           : 24px;
  text-transform   : uppercase;
  color            : #fff;
  margin           : 10px 0 0 0;
  border           : none;
  background-color : #323d89;
}

.bouton_ce
{
  display         : block;
  width           : 72px;
  padding         : 24px 8px 0 0;
  height          : 62px;
  color           : #fff;
  text-decoration : none;
  text-transform  : uppercase;
  text-align      : center;
  font-size       : 11px;
}

.bouton_ce:hover
{
  color           : #fff;
  text-decoration : underline;
}

.bouton_ce.bleu
{
  background : url("/images/bouton_bleu.jpg");
}

.bouton_feuille
{
  display        : inline-block;
  background     : url(/images/feuille_bouton_bleu.png);
  padding        : 30px 47px 44px 33px;
  width          : 66px;
  height         : 32px;
  line-height    : 40px;
  text-transform : uppercase;
  font-size      : 14px;
  margin-top     : 40px;
  font-weight    : bold;
}

.bouton_feuille:last-child
{
  margin-bottom : 30px;
}

.bouton_feuille.inscription
{
  margin-bottom : 200px;
}

@media (max-width : 767px)
{
  .bouton_feuille.inscription
  {
    margin : 20px 0 10px 0;
  }
}

/*# sourceMappingURL=ce.css.map */