span {color: #000}

p.ariane {color: #000; margin: 15px 0 15px 10px}
p.ariane a {color: #000; text-decoration: underline}

/*** commun ***/
div.inscription {width: 957px; padding: 0 0 10px 0; color: #000; margin-left: 10px}
div.inscription div.bandeau {height: 91px}
div.inscription h1 {padding: 17px 0 0 270px; font-size: 25px}
div.inscription .presta_etape_2 {font-size: 22px}
div.inscription h2 {padding: 5px 0 0 270px; font-size: 20px; color: #fff}
div.inscription img {display: inline}
div.inscription span.clear {line-height:0; font-size:0; overflow:hidden}
div.inscription p.bas {background: url(/img/site/ins_bas.gif) left top no-repeat; line-height: 0; font-size: 0; height: 4px}
div.inscription div.contener {border: solid #9f9f9f; border-width: 0 1px; padding: 0 1px}
div.inscription div.contenu {background: url(/img/site/ins_bg_contenu.jpg) left top repeat-x; padding: 41px 9px 0 2px;}
div.inscription div.etape3 p.fichier span.mineur_ital {font: normal 9px arial, sans-serif; font-style: italic; color: #000}
div.inscription .mgb10 {margin-bottom: 10px}

div.inscription div.gauche {width: 178px; float: left; display: inline}

div.inscription div.centre {width: 602px; float: left; display: inline;}
div.inscription div.centre p.note {font: normal 9px arial, sans-serif; margin: 10px 0}
div.inscription div.centre p.entete {font: bold 12px arial; margin-bottom: 5px}

div.inscription div.droit {width: 154px; padding-left: 8px; float: left; display: inline}

div.inscription p.timeline {width: 606px; margin: 0 0 30px 0; padding-left: 175px; height: 36px}
div.inscription div.form {position: relative; color: #000;background: #ebebeb url(/img/site/ins_cadre_gris_haut.gif) left top no-repeat; width: 602px; margin-bottom: 5px; z-index: 10;}
div.inscription div.etape2 {z-index:5;}
div.inscription div.form img.valid {vertical-align: -6px; margin-left: 10px;float: left;}
div.inscription div.form span.bas {display: block; line-height:0; font-size: 0;height: 3px; background: url(/img/site/ins_cadre_gris_bas.gif) left top no-repeat;}
div.inscription div.form fieldset {border: none; padding: 20px 0 0 0; position: relative;}
div.inscription div.form p.submit {text-align: right; padding-right: 12px;}
div.inscription div.form p.submit_centre {text-align: center; padding-right: 12px;}

div.inscription p.erreur {color: #b01b01; border: 1px solid #e6e6e6; padding: 5px; margin-bottom: 15px}
div.inscription input.texte, div.inscription textarea {background: url(/img/site/ins_input_bg.gif) left top no-repeat;border-left: 1px solid #7b7b7b; border-top: 1px solid #7b7b7b; border-right: 1px solid #d9d9d9; border-bottom: none}

/*** commun cote droit ***/
div.inscription div.droit p.encadre {background: url(/img/site/ins_bg_cadre_connect.jpg) left top no-repeat; width: 154px; height: 36px; padding: 7px 0 3px 0; font: bold 12px arial; text-align: center}
div.inscription div.droit p.encadre span  {text-transform: uppercase; font: bold 14px arial, sans-serif;color: #000}
div.inscription div.droit p.encadre a {color: #000; text-decoration: underline}

/*** commun cote gauche ***/
div.inscription div.gauche p.encadre {background: url(/img/site/ins_bg_cadre_inscription.jpg) left top no-repeat; width: 171px; height: 80px; padding: 10px 0 3px 0; font-size: 12px; text-align: center}
div.inscription div.gauche p.encadre span  {text-transform: uppercase; font: bold 14px arial, sans-serif;color: #000}
div.inscription div.gauche p.encadre a {color: #000; text-decoration: underline}

/*** inscription ***/
div.inscription p.choix_profil {margin: 10px 0 30px 0}
div.inscription div.form fieldset.inscription_choix {padding: 40px 0}
div.inscription p.font18 {font: normal 18px arial,sans-serif}
div.inscription p.bt_presta, div.inscription p.bt_emp {display: inline; width: 158px; height: 66px; padding-top: 20px; margin-bottom: 40px; color: #fff; text-align: center;}
div.inscription p.bt_presta {float: left; margin-left: 73px}
div.inscription p.bt_emp {float: right; margin-right: 73px}
div.inscription p.bt_presta label, div.inscription p.bt_emp label {display: block; text-transform: uppercase; font-size:14px; font-weight: bold; color: #fff; cursor: pointer }
div.inscription p.bt_presta label input, div.inscription p.bt_emp label input {margin-right: 9px}
div.inscription p.bt_presta {background: url(/img/site/ins_bt_presta.gif) left top no-repeat;}
div.inscription p.bt_emp {background: url(/img/site/ins_bt_emp.gif) left top no-repeat;}
div.inscription .sous-titre{text-transform:none;font-weight:normal;font-size:0.786em;color:#fff;}

/*** commun etape 1 ***/
div.inscription div.etape1 p {margin:0; padding:0 0 12px 0}
div.inscription div.etape1 p.note {margin-left: 210px; font: normal 9px arial, sans-serif; }
div.inscription div.etape1 label {width: 200px; float: left; text-align: right; margin-right: 10px; font: bold 11px arial,sans-serif}
div.inscription div.etape1 input, div.inscription div.etape1 select {float: left;}
div.inscription div.form span.message_erreur {color: #E72600; padding-left: 5px;float: left; width: 150px}
div.inscription div.form span.message_erreur_adresse {color: #E72600; padding-left: 5px;float: left; width: 70px}
div.inscription div.etape1 input.texte {width: 160px;}
div.inscription div.etape1 input.num {width: 30px}
div.inscription div.etape1 input.nom_rue {width: 130px}
div.inscription div.etape1 select {border-left: 1px solid #7b7b7b; border-top: 1px solid #7b7b7b; border-right: 1px solid #d9d9d9;}
div.inscription span.barre_secu {float: left;display: block; width: 360px; height: 10px; padding: 0; border: 1px solid #999999; background: #fff}
div.inscription span.barre_secu span {display: block; background: url(/img/site/inscription_barre_secu.gif) left top no-repeat; margin: 0; padding: 0; width:0; height: 10px; font-size: 1px}
div.inscription div.etape1 p.civilite input {vertical-align: -4px;float: none; margin-right: 4px}
div.inscription div.etape1 p.civilite label.civilite {float: left; width: 100px; font-weight: normal; color: #000; margin-right: 0; text-align: left}
div.inscription div.etape1 p.civilite label.w100 {width: 100px;}
div.inscription div.etape1 p.civilite label.w70 {width: 70px;}
div.inscription div.etape1 p.civilite span.message_erreur {width: 100px}
div.inscription input.calendar {background:url(/img/site/ats_bg_calendar2.gif) right center no-repeat #ffffff;margin:0;font-size:12px;font-family:arial, sans-serif;padding:2px 0 0 4px;vertical-align:middle;cursor:pointer;width:142px;height:16px;}
div.inscription img.reload_captcha {margin: 0 0 8px 5px}
div.inscription div.etape1 p.check {float: left; padding-left: 20px}
div.inscription div.etape1 p.check input {float: left; padding: 0; margin-top: 1px; margin-right: 8px}
div.inscription div.etape1 p.check input.square {height:15px; width:15px}
div.inscription div.etape1 p.check label {float: left; width: 520px; font-weight: normal; text-align: left}
div.inscription div.etape1 p.check label.conditions span {float: left}

div.inscription  p.submit_centre input, div.inscription div.etape1 p.submit input, div.inscription div.etape2 p.submit input
{border: none;background: url(/img/site/ins_bt_etape_suiv.gif) left top no-repeat; width: 125px; height: 30px; cursor: pointer;}
div.inscription div.etape3 p.submit input {border: none;background: url(/img/site/ins_bt_valider.gif) left top no-repeat; width: 125px; height: 30px; margin: 10px 0 15px 0; cursor: pointer;}
div.inscription div.etape1 p.submit input {float: right; margin: 15px 0}

/*** habillage prestataire ***/
div#content div.presta {background: url(/img/site/ins_bandeau.jpg) left top no-repeat;}
div#content div.presta div.gauche {background: url(/img/site/ins_homme_presta.jpg) left 130px no-repeat; height: 734px}
div#content div.presta div.droit {background: url(/img/site/ins_femme_presta.jpg) right 130px no-repeat;  height: 734px}
div#content div.presta div.gauche_etape2 {background: url(/img/site/ins_homme_presta.jpg) left 25px no-repeat; height: 734px}
div#content div.presta div.droit_etape2 {background: url(/img/site/ins_femme_presta.jpg) right 25px no-repeat;  height: 734px}

/*** habillage employeur ***/
div#content div.emp {background: url(/img/site/ins_bandeau.jpg) left top no-repeat;}
div#content div.emp div.gauche {background: url(/img/site/ins_homme_emp.jpg) left 130px no-repeat; height: 734px}
div#content div.emp div.droit {background: url(/img/site/ins_femme_emp.jpg) right 130px no-repeat;  height: 734px}
div#content div.emp div.gauche_choix {background: url(/img/site/ins_homme_emp.jpg) left 80px no-repeat; height: 734px}
div#content div.emp div.droit_choix {background: url(/img/site/ins_femme_emp.jpg) right 80px no-repeat;  height: 734px}
div#content div.emp div.gauche_etape2_emp {background: url(/img/site/ins_homme_emp.jpg) left 20px no-repeat; height: 734px}
div#content div.emp div.droit_etape2_emp {background: url(/img/site/ins_femme_emp.jpg) right 20px no-repeat;  height: 734px}
div#content div.emp div.gauche_etape3_emp {background: url(/img/site/ins_homme_emp.jpg) left top no-repeat; height: 734px}
div#content div.emp div.droit_etape3_emp {background: url(/img/site/ins_femme_emp.jpg) right top no-repeat;  height: 734px}

/*** commun etape2 ***/
div.inscription div.etape2 div.box_etape2, div.etape2 div.box_280 {background: url(/img/site/ins_box_tt_bg.gif) left top no-repeat; width: 267px;}
div.inscription div.etape2 div.box_etape2 span.bas_box, div.etape2 div.box_280 span.bas_box {display: block; line-height:0; font-size: 0; height: 4px; background: url(/img/site/ins_box_bas_bg.gif) left top no-repeat; width: 267px;}

div.inscription div.etape2 div.box_280 {background: url(/img/site/ins_box_tt_bg2.gif) left top no-repeat; width: 280px;}
div.inscription div.etape2 div.box_280 span.bas_box {background: url(/img/site/ins_box_bas_bg2.gif) left top no-repeat; width: 280px;}

div.inscription div.etape2 div.box_etape2 ul {list-style: none; margin: 0; padding: 0}
div.inscription div.etape2 div.box_etape2 li {margin: 0; padding: 0}
div.inscription div.etape2 div.box_etape2 li input {margin: 0 4px 0 0; *margin: 0;}

div.inscription div.etape2 div.box_etape2 li.categorie {color: #fff; font: bold 14px/11px arial; height: 18px; padding: 4px 2px 0 4px; *height: 18px; *padding: 0 2px 0 4px; _height: 14px; _padding: 0 2px 0 4px;}
div.inscription div.etape2 div.box_etape2 li.sous_categorie {background: #fff;color: #000; font-size: 12px; padding: 5px 2px 5px 4px; *padding: 2px 2px 2px 4px;}
div.inscription div.etape2 p.nb_categorie {background: url(/img/site/ins_bg_nb_categories.gif) left top no-repeat; width: 280px; height: 30px; padding-top: 14px; color: #fff; font: bold 14px/11px arial;float: right;display: inline; margin: 20px 12px 15px 0; text-align: center}

div.inscription div.etape2 div.box_267 {float: left; display: inline; margin: 0 0 15px 12px}
div.inscription div.etape2 div.box_280 {float: right; display: inline; margin: 0 12px 15px 0}

/*** etape2 presta ***/
div.inscription div.etape2 p.quotes, div.inscription div.etape3 p.quotes {text-align: center; font-size: 12px; margin-bottom: 15px}
div.inscription div.etape2 p.quotes span.quote_gauche, div.inscription div.etape3 p.quotes span.quote_gauche {background: url(/img/site/ins_quotes.gif) left top no-repeat;float: left; width: 45px; height: 30px; margin: 0 0 0 10px}
div.inscription div.etape2 p.quotes span.quote_droit, div.inscription div.etape3 p.quotes span.quote_droit {background: url(/img/site/ins_quotes2.gif) right top no-repeat; float: right; width: 45px; height: 30px; margin: 0 10px 0 0}
div.inscription div.etape2 textarea.presentation {width: 575px; margin: 0 0 15px 10px}

div.inscription div.etape2 p.tarif {width: 430px; float: left;}
div.inscription div.etape2 p.tarif input.texte {float: left;width: 84px; height: 22px; margin: 0 0 15px 10px; font-size: 20px; padding: 5px}
div.inscription div.etape2 p.tarif span.euro {float: left;font: bold 12px arial; vertical-align: 25px; color: #000; padding-top: 10px}
div.inscription div.etape2 p.tarif span.alerte {float: left;width: 220px; padding-left: 35px; margin-left: 20px; background: url(/img/site/info2.gif) left top no-repeat}

/*** etape2 emp ***/
div.inscription div.etape2_emp {}
div.inscription div.etape2_emp fieldset {padding: 10px 14px}
div.inscription div.etape2_emp label {font-weight: bold}
div.inscription div.etape2_emp label.full {display: block}
div.inscription div.etape2_emp label span {font-weight: normal; color: #000}
div.inscription div.etape2_emp input.titre_annonce, div.inscription div.etape2_emp textarea {width: 568px; margin-bottom: 15px}
div.inscription div.etape2_emp textarea {height: 130px}
div.inscription div.etape2_emp p {margin-bottom: 15px}
div.inscription div.etape2_emp label.type {margin-right: 20px}
div.inscription div.etape2_emp label.nobold {font-weight: normal}
div.inscription div.etape2_emp input.radio {vertical-align: -3px; margin-right: 3px}
div.inscription div.etape2_emp label.ville, div.inscription div.etape2_emp label.cp {margin-right: 10px}
div.inscription div.etape2_emp label.cp {margin-left: 15px}
div.inscription div.etape2_emp a.plus_detail {display: block; background: url(/img/site/ins_bt_plus_details.gif) left top no-repeat; width: 530px; padding: 5px 0 0 40px; height: 20px; color: #000; font-size: 12px}
div.inscription div.etape2_emp div.plus_detail {position: relative; padding: 5px 10px 0; margin-left: 1px; background: #fbf5e3; width: 546px; border: solid #ffdc7d; border-width: 0 1px 1px 1px}
div.inscription div.etape2_emp div.plus_detail p.entete {font: bold 12px arial, sans-serif; margin-bottom: 15px; color: #000}
div.inscription div.etape2_emp div.plus_detail label {width: 180px; float: left; text-align: right; margin-right: 10px; font: bold 11px arial,sans-serif}
div.inscription div.etape2_emp div#plus_detail {display: none}
div.inscription p.bt_etape2_emp {margin-top: 50px}
div.emp div.etape2 div.box_280  span.categorie, div.emp div.etape2 div.box_267 span.categorie {font-size: 14px; color: #fff; padding: 2px 0 0 8px; *padding: 6px 0 0 8px;  display: block; height: 14px}

/*** etape 3 ***/
div.inscription div.photos {padding-left: 45px; margin-bottom: 20px}
div.inscription div.titres_photos {padding-left: 45px;}
div.inscription div.etape3 label {font-weight: bold}
div.inscription div.etape3 label span {font-weight: normal}
div.inscription div.titres_photos span {float: left; display: block;width: 100px; margin-right: 30px; text-align: center}
div.inscription div.photos p.photo {float: left; display: inline; width: 100px; margin-right: 30px; text-align: center; position: relative}
div.inscription div.photos p.photo input.texte {width: 72px; margin-top: 5px}
div.inscription div.photos p.photo input.submit {background: url(/img/site/ins_bt_ok.gif) left top no-repeat; border: 0; width: 23px; height: 19px; margin-top: 5px}
div.inscription div.photos p.photo img.loader {position: absolute; top: 50px; left: 40px}
div.inscription div.photos span {display: block}
div.inscription div.photos span, div.photos a {color: #000}
div.inscription div.photos a {text-decoration: underline}
div.inscription div.photos span.liens {margin-top: 15px}
div.inscription div.etape3 p.fichier {width: 275px; float: left; display: inline; margin: 0 0 20px 25px}
div.inscription div.etape3 p.fichier input {margin-bottom: 10px}
div.inscription div.etape3 p.legende {width: 260px; float: left; display: inline;}
div.inscription div.etape3 p.legende input.submit {background: url(/img/site/ins_bt_ok.gif) left top no-repeat; border: 0; width: 23px; height: 19px}
div.inscription div.etape3 p.legende span {color: #000}
div.inscription div.etape3 p.legende input {width: 210px; margin-right: 10px}
div.inscription div.etape3 p.legende span.loader {display: block; margin: 5px 0 0 95px}
div.inscription div.etape3 p.legende span.message {display: block; color: #E72600; margin: 5px 0 0 50px}
div.inscription div.etape3 p.fichier label, div.inscription div.etape3 p.legende label {display: block; margin-bottom: 5px}

/*** etape 4 ***/
div.etape4 {margin-top: 20px}
div.etape4 p {padding: 20px; font-size: 13px}
div.etape4 p a {color: #000; text-decoration: underline}
div.etape4 p a:hover {color: #FF6406;}

/*** bulle ***/
span.bulle {display: block; background: url(/img/site/ins_bulle_haut.gif) left top no-repeat; width: 154px; padding-top: 13px; z-index: 500 }
span.bulle span  {display: block; background: url(/img/site/ins_bulle_bas.gif) left bottom no-repeat;padding: 0 4px 4px; color: #fff}

/*** Calendar ***/
div.calendar{z-index:50;}