/* FONT */
@font-face {
  font-family: 'Roboto';
  src: url("../fonts/roboto/roboto-thin-webfont.eot");
  src: url("../fonts/roboto/roboto-thin-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/roboto-thin-webfont.woff2") format("woff2"), url("../fonts/roboto/roboto-thin-webfont.woff") format("woff"), url("../fonts/roboto/roboto-thin-webfont.ttf") format("truetype"), url("../fonts/roboto/roboto-thin-webfont.svg#robotothin") format("svg");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url("../fonts/roboto/roboto-thinitalic-webfont.eot");
  src: url("../fonts/roboto/roboto-thinitalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/roboto-thinitalic-webfont.woff2") format("woff2"), url("../fonts/roboto/roboto-thinitalic-webfont.woff") format("woff"), url("../fonts/roboto/roboto-thinitalic-webfont.ttf") format("truetype"), url("../fonts/roboto/roboto-thinitalic-webfont.svg#robotothin_italic") format("svg");
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: 'Roboto';
  src: url("../fonts/roboto/roboto-light-webfont.eot");
  src: url("../fonts/roboto/roboto-light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/roboto-light-webfont.woff2") format("woff2"), url("../fonts/roboto/roboto-light-webfont.woff") format("woff"), url("../fonts/roboto/roboto-light-webfont.ttf") format("truetype"), url("../fonts/roboto/roboto-light-webfont.svg#robotolight") format("svg");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url("../fonts/roboto/roboto-lightitalic-webfont.eot");
  src: url("../fonts/roboto/roboto-lightitalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/roboto-lightitalic-webfont.woff2") format("woff2"), url("../fonts/roboto/roboto-lightitalic-webfont.woff") format("woff"), url("../fonts/roboto/roboto-lightitalic-webfont.ttf") format("truetype"), url("../fonts/roboto/roboto-lightitalic-webfont.svg#robotolight_italic") format("svg");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: 'Roboto';
  src: url("../fonts/roboto/roboto-regular-webfont.eot");
  src: url("../fonts/roboto/roboto-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/roboto-regular-webfont.woff2") format("woff2"), url("../fonts/roboto/roboto-regular-webfont.woff") format("woff"), url("../fonts/roboto/roboto-regular-webfont.ttf") format("truetype"), url("../fonts/roboto/roboto-regular-webfont.svg#robotoregular") format("svg");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url("../fonts/roboto/roboto-italic-webfont.eot");
  src: url("../fonts/roboto/roboto-italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/roboto-italic-webfont.woff2") format("woff2"), url("../fonts/roboto/roboto-italic-webfont.woff") format("woff"), url("../fonts/roboto/roboto-italic-webfont.ttf") format("truetype"), url("../fonts/roboto/roboto-italic-webfont.svg#robotoitalic") format("svg");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: 'Roboto';
  src: url("../fonts/roboto/roboto-medium-webfont.eot");
  src: url("../fonts/roboto/roboto-medium-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/roboto-medium-webfont.woff2") format("woff2"), url("../fonts/roboto/roboto-medium-webfont.woff") format("woff"), url("../fonts/roboto/roboto-medium-webfont.ttf") format("truetype"), url("../fonts/roboto/roboto-medium-webfont.svg#robotomedium") format("svg");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url("../fonts/roboto/roboto-mediumitalic-webfont.eot");
  src: url("../fonts/roboto/roboto-mediumitalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/roboto-mediumitalic-webfont.woff2") format("woff2"), url("../fonts/roboto/roboto-mediumitalic-webfont.woff") format("woff"), url("../fonts/roboto/roboto-mediumitalic-webfont.ttf") format("truetype"), url("../fonts/roboto/roboto-mediumitalic-webfont.svg#robotomedium_italic") format("svg");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: 'Roboto';
  src: url("../fonts/roboto/roboto-bold-webfont.eot");
  src: url("../fonts/roboto/roboto-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/roboto-bold-webfont.woff2") format("woff2"), url("../fonts/roboto/roboto-bold-webfont.woff") format("woff"), url("../fonts/roboto/roboto-bold-webfont.ttf") format("truetype"), url("../fonts/roboto/roboto-bold-webfont.svg#robotobold") format("svg");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url("../fonts/roboto/roboto-bolditalic-webfont.eot");
  src: url("../fonts/roboto/roboto-bolditalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/roboto-bolditalic-webfont.woff2") format("woff2"), url("../fonts/roboto/roboto-bolditalic-webfont.woff") format("woff"), url("../fonts/roboto/roboto-bolditalic-webfont.ttf") format("truetype"), url("../fonts/roboto/roboto-bolditalic-webfont.svg#robotobold_italic") format("svg");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: 'Roboto';
  src: url("../fonts/roboto/roboto-black-webfont.eot");
  src: url("../fonts/roboto/roboto-black-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/roboto-black-webfont.woff2") format("woff2"), url("../fonts/roboto/roboto-black-webfont.woff") format("woff"), url("../fonts/roboto/roboto-black-webfont.ttf") format("truetype"), url("../fonts/roboto/roboto-black-webfont.svg#robotoblack") format("svg");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url("../fonts/roboto/roboto-blackitalic-webfont.eot");
  src: url("../fonts/roboto/roboto-blackitalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/roboto-blackitalic-webfont.woff2") format("woff2"), url("../fonts/roboto/roboto-blackitalic-webfont.woff") format("woff"), url("../fonts/roboto/roboto-blackitalic-webfont.ttf") format("truetype"), url("../fonts/roboto/roboto-blackitalic-webfont.svg#robotoblack_italic") format("svg");
  font-weight: 700;
  font-style: italic;
}


/*stylesheet 1/5 | http://wistiiti.dme.unedic.fr/pole-webdesign/maquettes/Internet/pole-emploi-framework/css/bootstrap.css*/
html { font-family: sans-serif; }
body { margin: 0px; }
footer,header { display: block; }
a:active,a:hover { outline: 0px; }
h1 { margin: 0.67em 0px; font-size: 2em; }
small { font-size: 80%; }
img { border: 0px; }
hr { height: 0px;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box; }
* { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
html {-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
body { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.42857; color: #333; background-color: #fff; }
a {text-decoration:none;color:#4f86a8;}
a:hover { color: #23527c; text-decoration: underline; }
img { vertical-align: middle; }
hr { margin-top: 20px; margin-bottom: 20px; border-width: 1px 0px 0px; border-top-style: solid; border-top-color: #eee; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px 0px 0px 0px); border: 0px; }
[role="button"] { cursor: pointer; }
h1 { font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; }
h1 { margin-top: 20px; margin-bottom: 10px; }
h1 { font-size: 36px; }
p { margin: 0px 0px 10px; }
li {font-size:14px;margin-bottom:5px;text-align:left;font-family: Roboto, Helvetica, Arial, Sans-serif;}
small,.small { font-size: 85%; }
.text-left { text-align:left; }
.text-center { text-align: center; }
.small {font-family: Roboto, Helvetica, Arial, sans-serif;color:#6d6f71;}
.italic {font-style:italic;}
.container { margin-right: auto; margin-left: auto; }
.container-fluid { margin-right: auto; margin-left: auto; }
/*.row { margin-right: -15px; margin-left: -15px; }*/
.col-xs-12 { position: relative; min-height: 1px;}
.col-xs-12 { float: left; }
.col-xs-12 { width: 100%; }
.btn { margin-bottom: 0px; text-align: center; white-space: nowrap; vertical-align: middle; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; border: 1px solid transparent; background-image: none; }
.btn:hover { color: #333; text-decoration: none; }
.btn:active { outline: 0px; box-shadow: rgba(0, 0, 0, 0.121569) 0px 3px 5px inset; background-image: none; }
.btn-primary:active { color: #fff; border-color: #204d74; background-color: #286090; }
.btn-primary:active:hover { color: #fff; border-color: #122b40; background-color: #204d74; }
.btn-primary:active { background-image: none; }
.btn-lg { line-height: 1.33333;}
.btn-block { display: block;}
.container-fluid:after,.container-fluid:before,.container:after,.container:before,.row:after,.row:before { display: table; content: " "; }
.container-fluid:after,.container:after,.row:after { clear: both; }
.center-block { display: block; margin-right: auto; margin-left: auto; }

/*stylesheet 2/5 | http://wistiiti.dme.unedic.fr/pole-webdesign/maquettes/Internet/pole-emploi-framework/css/theme-pole-emploi.css*/
body { font-size: 13px; color: #414042; background: #3c3c3c; }
h1 { margin: 0px; }
.t2,.t5 { font-family: Roboto, Helvetica, Arial, sans-serif; }
.t2 { font-weight: 300; }
.t5 { font-weight: 400; }
.t2 { font-size: 30px; }
.t5 { font-size: 14px; }

.text-entreprise { color: #579d78; }
a.text-entreprise:hover,a.text-entreprise:active { color: #4d8869; }
button.text-entreprise:hover,button.text-entreprise:active { color: #4d8869; }

.text-candidat { color:#ff5950; }
a.text-candidat:hover,a.text-candidat:active { color: #ff291d; }
button.text-candidat:hover,button.text-candidat:active { color: #ff291d; }

.text-transverse{ color:#337ab7; }
a.text-transverse:hover,a.text-transverse:active { color: #ff291d; }
button.text-transverse:hover,button.text-transverse:active { color: #ff291d; }

.text-particulier { color:#4eb6af; }
a.text-particulier:hover,a.text-particulier:active { color: #4eb6af; }
button.text-particulier:hover,button.text-particulier:active { color: #4eb6af; }

a:active,a:hover { outline: none; text-decoration: underline; }
div[class^="container"] { }

.btn-primary:hover { color: #fff; border-color: #204d74; background-color: #286090; }
.btn-primary:active { color: #fff; border-color: #122b40; background-color: #204d74; }
.btn-primary { color: #fff; border-color: #337ab7; background-color: #337ab7; }

.entreprise .btn-primary:hover { color: #fff; border-color: #457c5f; background-color: #457c5f; }
.entreprise .btn-primary:active { color: #fff; border-color: #41765a; background-color: #41765a; }
.entreprise .btn-primary { color: #fff; border-color: #579d78; background-color: #579d78; }

.candidat .btn-primary:hover { color: #fff; border-color: #ff291d; background-color: #ff291d; }
.candidat .btn-primary:active { color: #fff; border-color: #ff1f13; background-color: #ff1f13; }
.candidat .btn-primary { color: #fff; border-color: #ff5950; background-color: #ff5950; }

.transverse .btn-primary:hover { color: #fff; border-color: #204d74; background-color: #286090; }
.transverse  .btn-primary:active { color: #fff; border-color: #122b40; background-color: #204d74; }
.transverse  .btn-primary { color: #fff; border-color: #337ab7; background-color: #337ab7; }

.particulier .btn-primary:hover { color: #fff; border-color: #24a29a; background-color: #24a29a; }
.particulier .btn-primary:active { color: #fff; border-color: #22948D; background-color: #22948D; }
.particulier .btn-primary { color: #fff; border-color: #4eb6af; background-color: #4eb6af; }

.btn { font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 400; text-transform: uppercase; min-height: 34px; transition: all 0.2s ease-out; }
.btn:active { outline: none; text-decoration: none; }
a.btn { padding: 12px 40px 11px; }
.btn-lg { font-size: 12px;}
.btn,.btn-lg { border-radius: 100px; }

/*stylesheet 5/5 | http://wistiiti.dme.unedic.fr/pole-webdesign/maquettes/Internet/2016-refonte/css/pe-connect.css*/
body { color: #555; background: #e5e6e8; }
body > .container { margin-top: 30px; padding: 30px 45px; box-shadow: #ccc 0px 0px 8px; border-radius: 6px; position: relative; background: #fff; }
body > .small-container { width: 390px; }
.btn { margin-top: 30px; }
.footer { width: 390px; padding: 20px; box-shadow: none; border: none; background: none; }
.footer .container-fluid { box-shadow: none; }
.footer small { color: #555; }
header img { width: 72px; }
header h1 { color: #666; margin-top: 30px; margin-bottom: 10px; }
header h1.t2 { font-weight: 200; }
a:hover { color: #6a6b6e; text-decoration: underline; }

/* media queries */
@media only screen and (max-width: 390px){
body > .container {margin: 0; border-radius: 0; padding: 20px 15px;}
body > .container, .footer {width: 100%;}
header {margin: 0px;}
}
ul li{list-style-type: none;}
.hide { display:none !important;}