/* CSS ANNONCE INTERIM V1.0 */

html { overflow-y:scroll; min-height:100%; }
body { margin:0; padding:0; font-family: 'Roboto Condensed', sans-serif; text-rendering:optimizeLegibility; -webkit-font-smoothing:antialiased; font-size:14px; line-height:1.0; font-weight:400; color:#213246; background-color:#f6f6f6; min-height:100%; }
h1, h2, h3 { text-align:left; font-family: 'Roboto Condensed', sans-serif; font-weight:700; text-transform:none; margin:0; padding:0; margin-bottom:10px; margin-top:20px; border:0; line-height:1.2; letter-spacing:0.5px; }
h1 { margin-top:0; color:#213246; font-size:34px; margin-bottom:30px; }
h1 b { color:#36a8e4; }
h2 { font-size:24px; color:#213246; text-transform:none; margin-bottom:10px; }
h3 { font-size:20px; color:#213246; }
div > h2:first-child, div > h3:first-child { margin-top:0; }
p { text-align:justify; line-height:1.5; margin:0; padding:0; margin-bottom:10px; font-family: 'Roboto Condensed', sans-serif; font-weight:400; word-spacing:2px; font-size:16px; }
.centre, .centre p { text-align:center; }
ul { text-align:justify; line-height:1.5; margin:0; padding:0; margin-left:20px; margin-bottom:10px; font-family: 'Roboto Condensed', sans-serif; font-weight:400; word-spacing:2px; font-size:14px; }
a, a:hover, a:visited, a:active { text-decoration:none; cursor:pointer; }
a { color:#7e8f8d; transition: all 0.2s ease; }
a:hover { color:#36a8e4; }
a.droite { float:right; }
div { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; background-size:cover; background-position:center; position:relative; }
input, select, textarea { font-family: 'Roboto Condensed', sans-serif; font-size:16px; padding:8px 15px; background:none; border:1px solid #CCC; margin-bottom:10px; width:100%; color:#213246; font-weight:400; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
textarea { padding:10px 0px; height:100px; }
select { -webkit-appearance:none; background:#FFF; }
select option.placeholder { color:#7e8f8d; }

.bleu { color:#36a8e4; }
.vert { color:#36bc99; }
.gris { color:#888; }

.mobileonly { display:none !important; }
.ecart { margin-top:20px; }
.ecartbas { margin-bottom:20px; }

.ai_main { width:1100px; margin:0 auto; position:relative; z-index:20; }
.ai_clear { clear:both; }

header { background:#FFF; position:relative; z-index:50; }
#ai_compte { float:right; margin-left:40px; }
#ai_compte .ai_menu_item { padding:15px 20px; box-shadow:0 0 20px #CCC; font-size:16px; text-align:center; color:#36a8e4; transition:all 0.5s ease; }
#ai_compte .ai_menu_item:hover { background:#F6F6F6; }
#ai_compte .ai_menu_item img { display:inline-block; height:25px; margin-bottom:5px; }
#ai_menu { float:right; margin-left:40px; padding:28px 0; }
#ai_menu .ai_menu_item { display:inline-block; margin-right:40px; font-size:16px; }
#ai_menu .ai_menu_item img { display:inline-block; margin-bottom:-3px; height:20px; margin-right:5px; }
#ai_menu .ai_menu_item.colore { color:#36a8e4; padding-left:40px; border-left:1px solid #CCC; transition:color 0.5s ease; }
#ai_logo { float:left; padding:17px 0; }
#ai_logo img { width:300px; }
#ai_menu_mobile { float:right; font-size:32px; padding:20px; margin-top:5px; }

#ai_recherche { padding:70px 0 20px 0; margin-bottom:20px; position:relative; z-index:51; background-image:url(../images/header-bg.jpg); }
#ai_recherche .ai_main > p { text-align:center; font-size:30px; font-weight:300; color:#FFF; margin-bottom:20px;}
#ai_recherche form  p { text-align:right; margin-top:40px; }
#ai_recherche form p a { color:#FFF; }
#ai_recherche form > input, #ai_recherche form > select { background:#FFF; border:1px solid #FFF; padding:12px 22px; color:#213246; float:left; width:37%; margin-right:2%; }
#ai_recherche form > input::placeholder { color:#7e8f8d; }
#ai_recherche form > input[type=submit] { background:none; color:#FFF; text-align:center; width:22%; margin-right:0; text-transform:uppercase; transition:all 0.5s ease; }
#ai_recherche form > input[type=submit]:hover { background:#213246; border-color:#213246; }
#ai_metier { padding-left:40px !important; background-image:url(../images/recherche.svg) !important; background-position:10px 12px !important; background-size:auto 20px !important; background-repeat:no-repeat !important; }
#ai_ville { padding-left:40px !important; background-image:url(../images/lieu.svg) !important; background-position:10px 10px !important; background-size:auto 24px !important; background-repeat:no-repeat !important; }
.ai_masque { position:absolute; z-index:10; width:100%; height:100%; top:0; left:0; background-color:#36a8e4; opacity:0.9; }
#ai_metier_chosen { background-color:#FFF; border:1px solid #FFF; padding:0; float:left; width:37%; margin-right:2%; font-size:16px !important; }
#ai_metier_chosen .chosen-choices { padding:8px 12px !important; color:#213246 !important; border:0 !important; }
#ai_metier_chosen .chosen-single { padding:9.5px 12px !important; color:#213246 !important; border:0 !important; height:auto; padding-left:40px !important; background-image:url(../images/recherche.svg) !important; background-position:10px 12px !important; background-size:auto 20px !important; background-repeat:no-repeat !important; }
#ai_metier_chosen .chosen-single > div > b, #ai_metier_chosen .chosen-single > abbr { margin-top:9px; }
#ai_metier_chosen .chosen-search-input default { padding:0 !important; }
#ai_ville_chosen { background-color:#FFF; border:1px solid #FFF; padding:0; float:left; width:37%; margin-right:2%; font-size:16px !important; }
#ai_ville_chosen .chosen-choices { padding:8px 12px !important; color:#213246 !important; border:0 !important; }
#ai_ville_chosen .chosen-single { padding:9.5px 12px !important; color:#213246 !important; border:0 !important; height:auto; padding-left:40px !important; background-image:url(../images/recherche.svg) !important; background-position:10px 12px !important; background-size:auto 20px !important; background-repeat:no-repeat !important; }
#ai_ville_chosen .chosen-single > div > b, #ai_ville_chosen .chosen-single > abbr { margin-top:9px; }
#ai_ville_chosen .chosen-search-input default { padding:0 !important; }
.chosen-container .chosen-drop { box-shadow:none !important; border:0 !important; }
.chosen-container-active .chosen-choices { box-shadow:none !important; padding:0; background-image:url(../images/recherche.svg) !important; background-position:10px 12px !important; background-size:auto 20px !important; background-repeat:no-repeat !important; }
.chosen-search-input.default { color:#7e8f8d !important; }
#ai_form_publication .chosen-single, #ai_form_inscription .chosen-single, #ai_form_maj .chosen-single, #ai_form_publication .chosen-single, #ai_form_contact .chosen-single { background:none !important; padding:8px 15px !important; color:#213246 !important; border:1px solid #CCC !important; height:auto; border-radius:0 !important; font-size:16px !important; }
#ai_form_publication .chosen-container, #ai_form_contact .chosen-container { border:0 !important; margin-bottom:10px !important; }
#ai_form_inscription .chosen-container, #ai_form_maj .chosen-container, #ai_form_publication .chosen-container, #ai_form_contact .chosen-container { margin-bottom:10px !important; }
#ai_form_publication .chosen-container .chosen-drop, #ai_form_inscription .chosen-container .chosen-drop, #ai_form_maj .chosen-container .chosen-drop, #ai_form_publication .chosen-container .chosen-drop, #ai_form_contact .chosen-container .chosen-drop { border:1px solid #CCC !important; }
#ai_form_contact textarea { padding:10px 20px; height:150px; }
#ai_form_contact input[type=text], #ai_form_contact input[type=email], #ai_form_contact select, #ai_form_contact textarea { background:#FFF; }

#page-16 #ai_recherche .ai_main, #page-16 .ai_first_content { max-width:500px; margin:0 auto; }
#page-16 #ai_recherche form input, #page-16 #ai_recherche form input[type=submit] { float:none; width:100%; margin-right:0; }

.ai_annonce { transition:all 0.5s ease; margin-right:0; }
.ai_annonce:hover { box-shadow:0 0 20px #CCC; cursor:pointer; }
.ai_annonce.form:hover { cursor:default; }
.ai_annonce p { font-size:14px; margin:0; margin-bottom:10px; }
.ai_annonce p.maj { text-transform:uppercase; font-size:13px; }
.ai_annonce h3 { margin:0; margin-bottom:5px; }
.ai_annonce img { height:15px; }
.ai_annonce img.ml20 { margin-left:20px; }
.ai_bloc_blanc.ai_annonce { margin-bottom:10px; }
.ai_bloc_blanc.zoom { background-color:#36a8e4; }
.ai_bloc_blanc.zoom  h2, .ai_bloc_blanc.zoom  p { color:#FFF; text-align:left; }
.ai_bloc_blanc.zoom .ai_annonce_photo { margin:0; margin-left:-60px; margin-bottom:20px;}
#page-12 .ai_bloc_blanc.zoom .ai_clear.ignore { clear:none; }
#page-12 .ai_bloc_blanc.zoom .ai_annonce_photo { margin-right:20px; }
#page-12 .ai_bloc_blanc.zoom .ai_bouton { display:inline-block; }
#page-12 .ai_bloc_blanc.zoom { margin-bottom:20px; }
#ai_bloc_infos i.fa-check { color:green; }
#ai_bloc_infos i.fa-warning { color:orange; }

.ai_annonce_photo { float:left; width:200px; height:159px; margin:-20px -30px; background:#DDD; margin-right:20px; background-size:cover; background-position:center; }
.ai_annonce_logo { float:right; text-align:right; padding-top:0px; font-weight:bold; width:150px; height:22px; old-background-image:url(../images/logo_annonceinterim.png); background-size:contain; background-repeat:no-repeat; background-position:top right; }
.ai_bloc_blanc form h3 { margin-top:10px; }
.ai_bloc_blanc form h3:first-of-type { margin-top:0px; }
.ai_bloc_blanc.ai_annonce_admin { margin-bottom:0px !important; border-bottom:1px solid #DDD; padding:10px 30px 10px 15px; }
.ai_annonce_admin a { float:right; margin-left:20px; color:#888; }
.ai_annonce_admin a:hover { color:#36a8e4; }
.ai_annonce_admin span { color:#888; }
.ai_annonce_admin span i { color:#888; }
.ai_annonce_admin span.bleu, .ai_annonce p.bleu, .ai_annonce .colonne.bleu { color:#36a8e4; font-weight:bold; }
.ai_annonce_admin span.bleu i { color:#36a8e4; font-weight:bold; }
.ai_annonce_admin i { margin-right:3px; }
.ai_annonce.form { display:none; margin-top:-10px; }
.ai_annonces_nb { float:right; color:#213246; font-weight:bold; padding-top:28px; }
.ai_cv { display:none; }
.ai_form_postuler .ai_bouton.cv { margin-bottom:10px; width:49%; }

.ai_logo_agence { max-width:80%; max-height:150px; }
.ai_candidatures { display:none; }
.ai_candidatures .colonne { padding:5px 0; }

#ai_ariane { margin-bottom:20px; }
#ai_ariane_empty { margin-bottom:40px; }
#ai_ariane a { color:#36a8e4; }
#ai_ariane a:hover { color:#7e8f8d; }
#ai_ariane .ai_ariane_chevron { margin-left:10px; margin-right:10px; }
#ai_ariane .ai_ariane_home { margin-bottom:-2px; width:15px; }

.ai_first_content { min-height:450px; }

#ai_reassurance { margin:40px 0; }
.ai_bloc_reassurance { background-color:rgba(54,168,228,0.2); color:#213246; padding:20px 30px; font-size:18px; padding-right:60px; }
.ai_bloc_reassurance img { margin-top:-35px; height:50px; margin-bottom:20px; }
.ai_bloc_reassurance b { display:block; font-size:24px; }
#ai_reassurance .colonne25.last { padding-top:30px; }
#ai_reassurance .colonne25.last .ai_bouton { margin-top:15px; }

#ai_etapes { margin-top:40px; }
.ai_etape { float:left; width:33.33%; color:#213246; font-size:16px; margin-right:0 !important; }
.ai_etape img { float:left; margin-right:0px; margin-top:-80px; }
.ai_etape_numero { display:block; font-weight:bold; font-size:30px; margin-bottom:5px; }

.ai_bouton { padding:12px 20px; font-size:16px; font-weight:400; text-align:center; color:#FFF; border:0; background-color:#36a8e4; transition:all 0.5s ease; }
.ai_bouton:hover { background-color:#213246; }
.ai_bouton img { display:inline-block; margin-bottom:-3px; height:20px; margin-right:5px; }
h3 img { display:inline-block; margin-bottom:-6px; height:30px; margin-right:5px; }
.ai_bouton.petit { float:left; clear:both; padding:10px 15px; margin-bottom:5px; }
.ai_bouton.inline { display:inline-block; padding:10px 15px; margin-bottom:5px; margin-right:5px; }
.ai_bouton.flottant { float:right; }
.ai_bouton.grand { padding:15px 25px; font-size:20px; }
.ai_bouton.encadre { background:none; border:1px solid #36a8e4; color:#36a8e4; }
.ai_bouton.encadre:hover { background:#36a8e4; border-color:#36a8e4; color:#FFF; }
.ai_bouton.encadre.blanc { border:1px solid #FFF; color:#FFF; }
.ai_bouton.encadre.blanc:hover { background:#213246; border-color:#213246; }

.ai_bouton_incruste { margin-top:20px; padding:20px 30px 20px 30px; border-top:1px solid #DDD; text-transform:uppercase; color:#36a8e4; text-align:center; margin-left:-30px; margin-right:-30px; margin-bottom:-20px; transition:all 0.5s ease; }
.ai_bouton_incruste:hover { border-color:#213246; color:#213246; }

.ai_bouton.inactif { opacity:0.5; }
.ai_bouton.inactif i.fa { display:none; }

#ai_form_inscription { max-width:700px; margin:0 auto; }

.ai_carte_details { margin-top:20px; padding:20px 30px 20px 30px; border-top:1px solid #DDD; margin-left:-30px; margin-right:-30px; margin-bottom:-20px; }
.ai_carte_details p { font-size:14px; color:#7e8f8d; }
.ai_carte_details h3 { margin-top:0; }
.ai_carte_details a.droite { margin-top:5px; }

.ai_form_candidat { display:none; }

.ai_photo_metier { float:left; width:45%; height:300px; margin-right:30px; margin-bottom:10px; }

form input.ai_demi, .ai_bouton.ai_demi { float:left; width:49%; margin-right:2%; }
.ai_bouton.ai_demi { cursor:pointer; margin-bottom:10px; }
form input.ai_demi.last, .ai_bouton.ai_demi.last { margin-right:0; }
form input[type=checkbox] { float:left; width:auto; margin-right:10px; margin-bottom:25px; }
form input[type=checkbox] + label { color:#444; line-height:1.2; }

.colonne { float:left; margin-right:2%; }
.colonne17 { width:17%; }
.colonne25 { width:23.5%; }
.colonne60 { width:60%; }
.colonne30 { width:30%; }
.colonne50 { width:49%; }
.colonne.last { margin-right:0; }
.colonne.droite { float:right; }

.ai_erreur { margin-bottom:20px; padding:10px 20px; background-color:orange; color:#FFF; font-weight:400; font-size:16px; text-align:left; }
.ai_erreur i.fa { margin-right:5px; }

.ai_succes { margin-bottom:20px; padding:10px 20px; background-color:green; color:#FFF; font-weight:400; font-size:16px; text-align:left; }
.ai_succes i.fa { margin-right:5px; }

#ai_carte { width:600px; height:600px; max-width:100%; position:relative; margin:20px 0; }
#ai_carte_container { margin:20px 0; }
.jqvmap-label { z-index:50; }

#ai_couleurs { position:fixed; z-index:200; left:0; top:30%; background-color:#FFF; padding:20px; width:100px; text-align:center; border-radius:0 5px 5px 0; box-shadow:0 0 30px #DDD; transition:all 0.5s ease; }
#ai_couleurs:hover { top:20%; }
#ai_couleurs .ai_couleurs_bouton { position:relative; z-index:40; }
#ai_couleurs .ai_couleurs_bouton img { height:30px; margin-bottom:5px; }
#ai_couleurs p { margin:0; text-align:center; font-weight:bold; text-transform:uppercase; font-size:14px; line-height:1.0; }
.ai_couleur { display:none; width:30px; height:30px; margin-bottom:5px; border-radius:40px; background-color:#CCC; transition:opacity 0.5s ease; }
.ai_couleur:hover { cursor:pointer; opacity:0.7; }
#couleur1 { margin-top:20px; background-color:#8874e0; }
#couleur2 { background-color:#36a8e4; }
#couleur3 { background-color:#36bc99; }
#couleur4 { background-color:#ec5564; }
#couleur5 { background-color:#ff9e7c; }
#couleur6 { background-color:#fdca67; }
#ai_couleurs:hover .ai_couleur { display:inline-block; }
#ai_couleurs .ai_message { position:absolute; z-index:30; left:-50px; }
#ai_couleurs .ai_message img { width:750px; }

.ai_bloc_blanc { background-color:#FFF; padding:20px 30px; margin-bottom:40px; }
#ai_conseils { padding-bottom:30px; }
.ai_bloc_conseil { box-shadow:0 0 20px #CCC; display:none; margin-bottom:20px; }
.ai_bloc_conseil:first-of-type { display:block; }
.ai_bloc_conseil_image { background-color:#F2F2F2; height:180px; margin:-20px -30px; margin-bottom:20px; }
.ai_bloc_conseil p { font-size:14px; color:#7e8f8d; text-align:left; }
.ai_bloc_conseil h2 { color:#36a8e4; font-size:20px; }
.ai_bloc_conseil img { position:absolute; right:-10px; margin-top:-35px; height:50px; }
#ai_conseils_fleches { clear:both; margin-top:-30px; }
.ai_conseil_fleche { margin-right:30px; height:20px; cursor:pointer; transition:opacity 0.5s ease; }
.ai_conseil_fleche:hover { opacity:0.5; }

#ai_footer { background:#FFF; padding:30px 0; margin-top:20px; }
#ai_footer_menu { float:right; margin-left:40px; padding-top:10px; }
#ai_footer_menu .ai_menu_item { display:inline-block; margin-left:40px; font-size:16px; }
#ai_footer_logo { float:left; }
#ai_footer_logo img { width:200px; }
#ai_copyright { color:#7e8f8d; margin-top:20px; }

/* CORRECTIFS */

.ui-state-highlight, .ui-widget-content .ui-state-highlight { border: 1px solid #CCC !important; background: #FFF !important; color: #213246 !important; }
.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #36a8e4 !important; background: #36a8e4 !important; color: #FFF !important; }
.chosen-container .chosen-results li.highlighted { background:none !important; background-color:#36a8e4 !important; }