/* CSS compressé pour Jobhr.fr */
html {max-width:1920px; margin:0 auto; padding:0; background:url('data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAACJCAMAAAA8AWlKAAAARVBMVEXkIivkIirjISngISjhIiniIyrQ0NDU1NTR0dHY2NjZ2dnT09PDw8PPz8/W1tbV1dXX19fS0tL////6+vr39/f09PTr6+sclaf6AAAAdklEQVR42u3EQQLCIBADwCS7QKn/f6sILfHg0SfoHAYAQAGOpJAs3OpaR+Rdn5JnRESdSj4PkY+ZpJv2xqXbI1RWH2G4iiemcKGprfbSoKEDowjZd7CMGufEHey26toWihAsKOw2M21/KgDSAPIGIPz7tZLfvQEqNzCPWDPJ0AAAAABJRU5ErkJggg==') repeat-x top left, url('data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAEeBAMAAAC5zGJAAAAAG1BMVEXn5+fe3t7h4eHj4+Pl5eXm5uY0NDQyMjIzMzN+w+gVAAAAIElEQVR42mNgYBBggkAGMB6FQx1+AMckJC4VgDyaxSoAALAEufLSHXIAAAAASUVORK5CYII=') repeat-x bottom left; background-color:#F4F4F4; }
body {position:relative; font-family:Verdana, sans-serif; font-size:13px; color:black; text-align:justify; padding:140px 5% 36px; max-width:1072px; min-width:280px; margin:32px auto; }
@media screen and (max-width:650px)  {body {max-width:100%; }}
@media screen and (max-width:400px) {body {-webkit-hyphens:auto; -moz-hyphens:auto; hyphens:auto; }}
p, ul {margin:1% 0; line-height:1.4em; }
h1 {font-family:Candara, Corbel, Verdana, sans-serif; text-align:center; margin:0 0 2em; font-weight:normal; font-size:1.7em; padding-bottom:4px; }
h2 {text-align:center; margin:3em 0 1em; font-size:1.2em; color:#555; text-transform:uppercase; background:url('data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAJBAMAAAD9fXAdAAAAJ1BMVEXc3Nzy8vLx8fHb29vz8/Pe3t709PTd3d319fXa2tr39/f29vbW1tb1xTUSAAAANUlEQVR42mNglDjWwiCY7tHJkMLtWMjQubp1EwObmFkKg2KzhwCDYGFiIYOrYIIgA6OQiSMACDYKjjG7kIYAAAAASUVORK5CYII=') repeat-x center center; text-shadow:0 0 5px #F3F3F3; }
h3, strong.titre {font-size:medium; font-family:Candara, Corbel, Verdana, sans-serif; padding-top:1em; }
hr {border:none; border-bottom:1px dashed #f99; margin:2em 0; }
main {display:block;  min-height:390px; }
main.texte, p.texte {background-color:white; padding:2% 6%; border-radius:4px; border:1px solid #ddd; }
form.champs {text-align:right; padding:2% 10% 2% 10%; border:1px solid silver; border-radius:4px; background-color:white; }
form.champs legend {text-align:left; font-weight:bold; font-size:1.2em; font-family:Candara, Corbel, Verdana, sans-serif; padding:0 10px; }
form.champs fieldset {margin:3em 0 1em; border:none; border-top:1px dashed #f99; padding-left:3%; }
form.champs label {color:#666; }
input, textarea, select {background-color:#F3F3F3; border-radius:2px; padding:2px 4px; border:1px solid #ccc; }
textarea {min-width:240px; width:60%; margin-top:0.5em; }
input[type="text"], input[type="password"], input[type="email"], input[type="number"], input[type="phone"] {min-width:26ex; width:30%; margin-bottom:10px; }
textarea, input, button, select, optgroup {font-family:"Segoe UI", Candara, Corbel, monospace; font-size:1.2em; }
optgroup {font-size:small;  }
input:focus, textarea:focus, select:focus {box-shadow:0 0 4px #8c5; background-color:#F9F9F9; -webkit-transition:box-shadow 1s ease; -moz-transition:box-shadow 1s ease; transition:box-shadow 1s ease; }
button {    background-color:#d22; border:none; border-top:solid 2px #e22; border-bottom:solid 4px #c22;     border-radius:6px;     color:white;     padding:4px 30px 3px;     cursor:pointer; }
button:hover {background-color:#e22; border-bottom:solid 4px #d22; box-shadow:1px 1px 2px #999; }
option[selected="selected"] {color:#2d3; }
p.valide {padding:2%; text-align:center;  font-family:"Segoe UI", Candara, Corbel, "Lucida Console", serif; font-size:1.4em; border-radius:4px; border:1px solid #593; box-shadow:0 0 3px #593; color:#065; background-color:#E8FAF0; }
p.erreur {padding:2%; text-align:center;  font-family:"Segoe UI", Candara, Corbel, "Lucida Console", serif; font-size:1.4em; border-radius:4px; border:1px solid #d22; box-shadow:0 0 3px #d22; color:#e31; background-color:#FDF2F2; }
p.pagination {text-align:center; font-weight:bold; }
p.arborescence {font-size:x-small; color:#aaa; }
small {font-size:x-small; }
ul.annonces {list-style-type:none; padding:0; }
ul.annonces li {margin-bottom:1%; }
ul.annonces li a {display:block; text-decoration:none; padding:8px 2%; border:1px solid silver; background-color:white; min-height:58px; border-radius:4px; clear:both;  }
ul.annonces li a em, p.annonce em {color:gray; }
ul.annonces li a:hover {color:black; background-color:#F7FBF4; border:1px solid #2d3;  }
ul.annonces li img {float:left; margin-right:4%; width:60px; height:60px; }
ul.ventes li a:hover {background-color:#FFFDF2; border:1px solid #fd2; }
p.annonce {padding:2%; border:1px solid #2d3;  background-color:white; border-radius:4px; }
main.compte p.annonce, main.compte p.hotel {padding-bottom:2em; }
p#bouton_postuler {text-align:center; }
div#postuler {margin-bottom:2em; height:0; opacity:0; transition:height 1s, opacity 1s; position:relative; z-index:-1; }
p.cv {display:inline-block; width:200px; text-align:center; vertical-align:top; margin-left:1%; }
p.déco {position:absolute; height:150px; width:100%; left:0; overflow:hidden; background-size:cover; background-position:50% 50%; border-radius:6px; box-shadow:1px 1px 2px #999; }
p.hotel {padding:2%; border-radius:4px; border:1px solid #e22; background-color:white; }
p.hotel img {float:left; margin-right:4%; }
div.photographie {text-align:center; }
div.photographie p {display:inline-block; width:60%; text-align:center; font-style:italic; margin:3em 3% 0; border:10px solid white;  background-color:white; box-shadow:0 3px 10px #ccc; transform:rotate(3deg); transition:all 1s ease; }
div.photographie p img { width:100%;  }
div.photographie p:hover {transform:rotate(1deg); box-shadow:0 3px 10px #666; }
@media screen and (min-width:650px) {div.photographie {cursor:pointer; cursor:-webkit-zoom-out; cursor:-moz-zoom-out; }
div.photographie p {width:180px; cursor:move; cursor:-webkit-zoom-in; cursor:-moz-zoom-in; }
div.photographie p:focus {transform:rotate(-2deg) scale(2); width:300px; max-width:40%; box-shadow:0 3px 10px #666; cursor:default; position:relative; z-index:2; }}
img.loupe {position:absolute; margin-top:-30px; margin-left:81px; padding:7px; background-color:white; border:1px dashed #8c5; border-radius:4px; cursor:zoom-in; }
img.cv {width:186px; height:263px; border:1px dashed #8c5; transition:all 0.2s ease; }
img.cvgros {width:186px; height:263px; border:1px dashed #8c5; transform:scale(2) translate(-36px,-50px); transition:all 0.6s ease; cursor:zoom-out; }
form.formules, div.formules {text-align:center; padding:1% 0; }
form.formules label {display:block; cursor:pointer; -webkit-transition:background-color 1s; -moz-transition:background-color 1s; transition:background-color 1s; }
.formules label:active {background-color:#F7FBF4; transition:none; }
div.formules form {display:inline; }
.formules p {display:inline-block; text-align:center; vertical-align:top; width:22%; min-width:30ex;  margin:1%; background-color:white; line-height:2em; box-shadow:2px 2px 5px #666; }
.formules p strong {display:block; background-color:#8c5; padding:2ex; text-shadow:1px 1px 4px white; }
div.présentation {float:right; width:350px; padding:0; margin:3em 0 2em 5px; -webkit-hyphens:auto; -moz-hyphens:auto; hyphens:auto; }
div.candidats div, div.présentation div {margin-top:1em; padding:10px 20px; background-color:white; border:1px solid #ddd; }
div.candidats {float:left; width:680px; }
div.candidats div {border-bottom-color:#2d3; text-align:center; }
div.candidats div p#france {background:url('france/france.png') center center no-repeat; height:461px; }
@media screen and (max-width:1166px) {div.présentation {float:none; width:auto; }
div.présentation div {display:inline-block; width:auto; margin-left:380px; margin-top:0; vertical-align:top; }
div.présentation img {position:absolute; }
div.présentation img#ventes {margin-top:-163px; }
div.candidats {float:none; clear:both; width:auto; }}
@media screen and (max-width:805px) {div.présentation {text-align:center; }
div.présentation div {margin-left:0; }
div.présentation img, div.présentation img#ventes {position:static; display:block; margin:15px auto; }}
@media screen and (max-width:520px) {div.candidats div p#france {display:none; }}
p.jobhr {position:absolute; top:2px; left:7%; }
p.menu {position:absolute; top:30px; right:7%; text-align:right; font-size:0.9em; font-weight:bold; width:50%; }
p.menu a {margin-left:2%; text-decoration:none; white-space:nowrap; }
p.menu a:hover {text-decoration:underline; }
@media screen and (max-width:600px) {p.menu {width:25ex; top:4px; line-height:180%; }}
div.pied {min-height:200px; margin-top:70px; color:gray; font-size:smaller; }
div.pied p {display:inline-block; vertical-align:bottom; }
div.pied p#présentation {width:30%; margin-right:8%; }
div.pied p#recruteurs {width:30%; min-width:44ex; margin-right:10%; }
div.pied p#candidats {width:38ex; margin-bottom:0; }
div.pied p#candidats img {opacity:0.6; }
@media screen and (max-width:1190px) {div.pied {background-color:#E6E6E6; border-top:3px solid #ddd; margin:4% -5.6% 0; padding:0 5%; }
div.pied p#présentation {display:block; width:auto; }}
p.suivre {margin:0; position:absolute; bottom:-15px; right:7%; font-size:smaller; }
p.suivre img {margin-bottom:-10px; }
a:link, a:visited {text-decoration:underline; color:#555; }
p.arborescence a, div.candidats a, p.pagination a, p.suivre a, a.suite {text-decoration:none; }
a.suite {float:right; }
a:hover, a.suite:hover {text-decoration:underline; color:#999; }
a:active {color:red; }
a.ext {padding-right:12px; background:url('data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKAQMAAAC3/F3+AAAABlBMVEX///+AgIBizNOVAAAAAXRSTlMAQObYZgAAACBJREFUeNpjYD7AwHCAgdGB4ZMDQwsDQwcDQxMM/WMAAGPUBoexGRcoAAAAAElFTkSuQmCC') right center no-repeat; }
a img {border:none; }