body { margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.69em; background-repeat: no-repeat; }
div, h1, h2, h3, h4, h5, h6, p, span, br, hr, dl, dd, dt, ul, ol, li, pre, blockquote, form, fieldset, label, input, th, td { margin: 0; padding: 0; }
.homeLogPass { background: url("/images/ModuleEdic/backHome.png");no-repeat}
.backEdic { background-image: url("/images/ModuleEdic/backModaleLevel01.png"); background-repeat: no-repeat; padding-left: 15px; padding-right: 15px; width: 728px; border:1px solid #999999; float:left ;position: relative;}
.backEdic div { float:left; width:100% }
h1 { color: #FFFFFF; font-size: 14px; line-height: 35px; width: 720px; float:left }
a#sb-nav-close { position: relative; }
a#sb-nav-close span { cursor: pointer; display: block; position: absolute; right: -12px; top: 9px; color: transparent; }
a { outline:none }
h2 { background-image: url("/images/ModuleEdic/ongletGaucheTitre1.png"); background-repeat: no-repeat; color: #FFFFFF; font-size: 15px; font-weight: normal; line-height: 27px; margin-top: 30px; /*IE7*/ *margin-top:55px;
padding-left: 6px; }
h2 span { background-image: url("/images/ModuleEdic/ongletDroiteTitre1.png"); background-repeat: no-repeat; display: block; }
h3 { background-image: url("/images/ModuleEdic/ongletGaucheTitre2.png"); background-repeat: no-repeat; color: #FFFFFF; display: block; float: left; line-height: 20px; padding-left: 6px; font-size:12px; }
h3 span { background-image: url("/images/ModuleEdic/ongletDroiteTitre2.png"); background-position: right center; background-repeat: no-repeat; display: block; padding-right: 6px; }
h3 span a { color:#FFFFFF; text-decoration:none }
ul.breadCrumb li { display: inline-block; height: 20px; line-height: 30px; color:#666666;/*IE7*/ *float:left;}
span.home {    background-repeat: no-repeat;  left: 5px;  position: absolute;    top: 41px;}
ul.breadCrumb {    display: block;    margin-right: -10px;    text-align: right;}
span.home a img{ border:none;}
li { list-style:none; margin-bottom: 5px; }
li.actif { background-image: url("/images/ModuleEdic/pointer.png"); background-position: center top; background-repeat: no-repeat; font-weight: bold; }
ul.breadCrumb li.invisible { color:#FFFFFF;}
.listeEvenement, .detailPerso, .cartoucheExam { border-top: 1px solid #d9d9d9; }
#adresseProBody, #adressePersoBody, #medicalBody, #specificBody, #postGraduateBody, #supervisorBody, #choixAdresseMailingBody { border-top: 1px solid #d9d9d9; margin-bottom: 20px; }
.listeEvenement ul, .detailPerso ul { padding:10px; }
input, select { height: 18px; }
input, textarea, select { font-size: 11px; font-family: Verdana,Arial,Helvetica,sans-serif;}
.obligatoire span, .avertissement span { color: #FF0000 }
/***********************************************/
.blocEtape label { /*text-align:right; padding-right:5px;*/}
.blocEtape h3 { }
.blocEtape li { float: left;}
.blocEtape li.datFinEtude, .blocEtape li.Specialite { position:relative;}
#calendardivCompletion { }
.backEdic #inscriptionForm .blocEtape span.avertissement { display: block; text-align: right; width: 100%; background:none; margin:0px; }
.backEdic #inscriptionForm .blocEtape .erreur, .erreurMessage .erreur { color:#FFFFFF; background-color: #850000; width: 720px; padding:3px; margin:5px}
.blocEtape .erreur li {float:none;}
.backEdic .navigation, .backEdic .avertissement, .backEdic #candidatDetail .avertissement { margin-left: -15px; width: 758px; }
.avertissement { background-color:#e5e5e5; background-image: url("/images/ModuleEdic/avertissement.png"); background-repeat: no-repeat; }
.avertissement p { margin-left: 60px; padding:4px; }
.backEdic .legende { background-color: #E5E5E5; margin-left: -15px; padding-left: 41px; width: 717px; }
.Precedent, .PayRegistration { float:left }
.Suivant, .Imprimer { float:right }
.Precedent, .Suivant, .modify, .Imprimer, .PayRegistration { background-image: url("/images/ModuleEdic/butonNextPrev-left.png"); background-repeat: no-repeat; height: 34px; line-height: 34px; text-align: center; font-weight:bold; color:#000000; font-size:12px; text-decoration:none; }
.Precedent span, .Suivant span, .modify span, .Imprimer span, .PayRegistration span { background-image: url("/images/ModuleEdic/butonNextPrev-right.png"); background-position: right top; display: block; padding-left: 10px; padding-right: 10px; }
/********** style formaulaire STEP01 ***********/
label span.obligatoire, label span.facultatif, label span.codePostal, label span.email { float: left; width: 120px; line-height: 16px; }
label.labelDte span.obligatoire { text-align: right; margin-right: 10px;}
.detailPerso input { float: left; }
.detailPerso li { width:80%; float: left; }
.detailPerso ul li ul { height: 13px; position: relative; }
.detailPerso ul li ul li.yes, .detailPerso ul li ul li.no { left: 120px; position: absolute;/*IE7*/ *left:0px;
}
.detailPerso ul li ul li.yes { top:0px; display: inline-block; /** IE**/width:415px;}
.detailPerso ul li ul li.yes span#spanrefMembre {display: block;position: absolute;right: 15px;top: 0;}
.detailPerso ul li ul li.no { top:20px; display: inline-block;}
.detailPerso ul li.yes input, .detailPerso ul li.no input {float: left;}
.detailPerso ul li.yes label, .detailPerso ul li.no label {float: left;line-height: 16px; margin-left:5px;}
input#refMembre { float:none }
.listeEvenement ul li { float:none;display: inline-block;width: 600px; }
.listeEvenement ul li input{float: left;}
.listeEvenement ul li label{float: left;line-height: 16px; margin-left:5px;}
/********** style formaulaire STEP02 ***********/
.adresseProHeadOn span, .adressePersoHeadOn span, .medicalHeadOn span, .specificHeadOn span, .postGraduateHeadOn span, .supervisorHeadOn span { background-image: url("/images/ModuleEdic/OnOn.png"); background-position: right center; background-repeat: no-repeat; display: block; height: 18px; text-indent: -1000px; }
.adresseProHeadOff span, .adressePersoHeadOff span, .medicalHeadOff span, .specificHeadOff span, .postGraduateHeadOff span, .supervisorHeadOff span { background-image: url("/images/ModuleEdic/OnOff.png"); background-position: right center; background-repeat: no-repeat; display: block; height: 18px; text-indent: -1000px; }
.intitulePro label { float: left; width: 100px; }
.intitulePro input { float: left; }
#postGraduateBody ul li { padding : 5px; }
#adresseProBody .adresseGche, #adressePersoBody .adresseGche, #adressePersoBody .adresseDte { width: 360px; }
.adresseGche ul, .adresseDte ul, .trainingCV, #medicalBody, #specificBody, #postGraduateBody, #supervisorBody { padding-top:10px; }
.adresseGche label { float: left; width: 120px; }
.adresseGche input, .adresseGche select, .adresseGche textarea, #supervisorBody .gauche textarea, #supervisorBody .gauche input, #supervisorBody .droite input { float: left; width: 229px;}
textarea#adressePro, textarea#adressePerso, #supervisorBody .gauche textarea { height: 60px; font-family: Verdana,Arial,Helvetica,sans-serif;}
li label.phone { background-image: url("/images/ModuleEdic/phone.png"); background-position: right center; background-repeat: no-repeat; height: 18px; padding-right: 20px; text-align: right; width: 45px; }
li label.faxBis { width: 120px; background-image: url("/images/ModuleEdic/fax.png"); background-position: 30px center; background-repeat: no-repeat; height: 18px; }
li.fax { margin-top: 19px;/*IE7*/ *margin-top: 10px;
}
.separateur { height: 20px; }
#adresseProBody .adresseDte { width: 360px; }
.adresseDte label { float: left; width: 120px;padding-left: 7px;line-height: 20px;}
.adresseDte input, .adresseGche select { float: left; width: 229px}
input.tailleMini { width: 80px; float: left; }
/********** style formaulaire STEP03 ***********/
#detail, .detail { margin-bottom:10px; }
#supervisorBody .detail label { float: left; width: 100px; }
#supervisorBody .gauche { width: 358px;}
#supervisorBody { }
#medicalBody label { float: left; width: 100px; }
#medicalBody input { float: left; width: 200px; }
.trainingCV .obligatoire { width: 215px; line-height: 26px;}
.trainingCV input#uploadCV { float: left; width: 200px; }
#medicalBody li.datFinEtude label, #medicalBody label span.datFinEtude { padding-right: 20px; text-align: right; width: 226px; }
#medicalBody #datFinEtude { width: 100px; }
#medicalBody li.uploadDiplome label, #medicalBody li.uploadDiplome label span { width: 303px; }
#medicalBody ul.estSpecialist, #medicalBody ul.estTraining { position: relative; width: 185px; height: 32px; float: left; }
#medicalBody li.estSpecialistA, #medicalBody li.estSpecialistB, #medicalBody li.estTrainingA, #medicalBody li.estTrainingB { position:absolute; left:130px; }
#medicalBody li.estSpecialistA, #medicalBody li.estTrainingA { top: 0px; }
#medicalBody li.estSpecialistB, #medicalBody li.estTrainingB { top: 15px; }
#medicalBody li.estSpecialistA input, #medicalBody li.estSpecialistA label, #medicalBody li.estSpecialistB input, #medicalBody li.estSpecialistB label,
#medicalBody li.estTrainingA input, #medicalBody li.estTrainingA label, #medicalBody li.estTrainingB input, #medicalBody li.estTrainingB label { width:25px; }
#spePrimaireDetail, #traPrimaireDetail { margin-left: 165px; width: 378px; }
#spePrimaireDetail li.datDiplomeSpePrimaire, #traPrimaireDetail li.datCompletionPrimaire { width: 370px; }
#spePrimaireDetail li.datDiplomeSpePrimaire label, #traPrimaireDetail li.datCompletionPrimaire label { width: 200px; }
#spePrimaireDetail li.datDiplomeSpePrimaire input, #traPrimaireDetail li.datCompletionPrimaire input { width: 100px; }
#medicalBody li.Specialite label { width: 200px; }
#medicalBody ul.preuveSpecialite li label, #medicalBody ul.preuveSpecialite li label span { width:303px; }
#specificBody table { border-bottom:1px solid #D9D9D9; margin-bottom: 20px; padding-bottom: 5px;}
#specificBody table thead { background-image: url("/images/ModuleEdic/ongletCentreTitre1.png"); color: #FFFFFF; height: 20px; }
#specificBody table thead th{ font-weight:normal;}
#specificBody table td input { width: 100px; }
#specificBody table tr.liste { background-color:#edecec }
#specificBody table td.date input { width: 65px; }
#specificBody table td a img { border:none; }
#supervisorBody span.information { float: left; color:#3f7e97; text-align: center; /*IE7*/ width:100% }
#supervisorBody .droite { width: 368px;}
#specificBody  li.totalMonth {line-height: 22px;}
#specificBody  li.totalMonth span{ font-weight:bold;}
#specificBody  li.trainingProof{ margin-left:7px;}
#specificBody  li.trainingProof{width: 590px;}
#specificBody  li.trainingProof .file{width: 310px;}
.preferred {font-weight:bold;}
/********** style formaulaire STEP04 ***********/
#detailPerso { margin-top: 30px; position: relative; width: 350px; height: 110px; border:1px solid #3f7e97; background-color:#f7f7f7 }
#detailPerso h3, #cotisationExamen h3, #adressePro h3,#adressePerso h3, #formation h3, #postDiplome h3, #responsable h3 ,#history h3 { left: -2px; position: absolute; top: -21px; }
#detailPerso img { height: 89px; left: 10px; position: absolute; top: 10px; width: 69px; }
#detailPerso ul { left: 87px; position: absolute; top: 10px; }
#detailPerso ul li, #cotisationExamen ul li, #adressePro ul li, #adressePerso ul li, #ecoleFormation ul li, #fichierJustificatif ul li { width:100%;  /*IE7*/ *width:200px
}
#detailPerso ul li span#intituleCandidat, #cotisationExamen ul li span, #adressePerso ul li span, #ecoleFormation ul li span, #fichierJustificatif ul li span, #formationSpecifique ul li span, #postDiplome ul li span { font-weight: bold; }
/***********/
#resume { margin:0px; /*IE7*/*margin-top:-25px;}
#cotisationExamen { margin-left: 20px; margin-top: 30px; width: 350px; height: 55px; border-top:1px solid #D9D9D9; position: relative; }
#history{ border-top: 1px solid #D9D9D9;height: 55px;margin-left: 20px;margin-top: 30px;position: relative;width: 350px;}
#cotisationExamen ul, #adressePro ul, #adressePerso ul, #ecoleFormation ul, #fichierJustificatif ul, #postDiplome ul, #responsable ul, #history ul{ left: 10px; position: absolute; top: 10px; }
/***********/
#detailContact, #formation, #postDiplome, #responsable { margin-top: 30px; border-top:1px solid #D9D9D9; }
#detailContact #adressePro, #detailContact #adressePerso, #ecoleFormation { position: relative; height: 130px; width: 350px; }
/***********/
#detailContact #adressePerso { margin-left: 20px; }
/***********/
#formation { position: relative; }
#formation .calendardivTrai { display:none;}
/***********/
#fichierJustificatif { height: 150px; margin-top: 10px; position: relative; width: 350px; border:1px solid #3f7e97; background-color:#f7f7f7 }
#fichierJustificatif li a { text-decoration:none; }
#fichierJustificatif li a img { border:none; }
#fichierJustificatif li a span {     color: #666666;    font-weight: normal;    text-decoration: underline;}
/***********/
#formationSpecifique { margin-top: 20px; }
#formationSpecifique table { width:100%; }
#formationSpecifique table thead { background-image: url("/images/ModuleEdic/ongletCentreTitre1.png"); color: #FFFFFF; height: 20px; }
#formationSpecifique table thead th{ font-weight:normal;}
#formationSpecifique ul li { width:100%; }
/***********/
#postDiplome { position: relative; height: 30px; }
/***********/
#responsable { position: relative; height:130px; }
#responsable ul li { width:100%;  /*IE7*/ *width:400px}
/***********/
#backFile { float: left; width: 200px; }
#backFile a {    color: #666666;    text-decoration: underline;}
#backFile a img { border:none }
/******Info canditat*****/
#candidatDetail .candidatEtat {    margin-top: 77px;    width: 300px;}
#candidatDetail .informationCandidat div {padding:3px;}
#candidatDetail .informationCandidat {float: right;width: 308px;margin-top: 53px;}
#candidatDetail .candidatEtat .candidatEtat h1,
#candidatDetail .candidatEtat .candidatEtat7 h1, 
#candidatDetail .candidatEtat .candidatEtat10 h1,
#candidatDetail .candidatEtat .candidatEtat11 h1, 
#candidatDetail .candidatEtat .candidatEtat13 h1,
#candidatDetail .candidatEtat .candidatEtat15 h1, 
#candidatDetail .candidatEtat .candidatEtat16 h1,
#candidatDetail .candidatEtat .candidatEtat17 h1,
#candidatDetail .candidatEtat .candidatEtat18 h1,
#candidatDetail .candidatEtat .candidatEtat19 h1{ color:#666666; background-image: url("/images/ModuleEdic/waitingFor.png"); background-position: left top;background-repeat: no-repeat; height: 85px; padding-left: 50px;width: 355px;}
#candidatDetail .candidatEtat a span,
#candidatDetail .candidatEtat a {text-decoration:none;color:#666666;}
#candidatDetail .cartoucheCandidat, #candidatDetail .cartoucheExam  {width: 300px;background-color: #F7F7F7; border:1px solid #3F7E97;}
#candidatDetail .cartoucheCandidat { margin-bottom:20px;}
#candidatDetail h2, #candidatDetail h2 span {background-image: none;color: #000000;font-size: 11px;font-weight: bold;line-height: inherit;margin-top: 0;padding-left: 0;}
#candidatDetail h2 {display: block; width: 216px; position: relative;  /*IE7*/ *margin-top:0px}
#candidatDetail h2 span {    display: block;    position: absolute;    right: 0;    top: 0;}
#candidatDetail h2 span.contactCandidatLogOut { display : none; }
#candidatDetail .cartoucheExam  { background:none; border-top:1px solid #D9D9D9; border-bottom:none; border-left:none; border-right:none;}
#candidatDetail .candidatPhoto {height: 89px; width: 69px; border:1px solid #D9D9D9;}
#candidatDetail .candidatPhoto img{height: 89px; width: 69px;}
#candidatDetail .contactCandidat {width: 214px;}
#candidatDetail a.email { text-decoration:none; color:#44839b}
#candidatDetail .contactCandidat .adresse { width: 206px;padding-left: 0;}
#candidatDetail .modify {float: right;}
#candidatDetail .modify span {background-image: url("/images/ModuleEdic/butonNextPrev-right-grey.png");}
#candidatDetail .cartoucheExam ul li {display: inline-block;width: 295px;}
#candidatDetail .cartoucheExam ul li span, #Candidat .legende ul li span  {    display: block;    float: left;    height: 20px;    line-height: 19px;}
#candidatDetail .cartoucheExam ul li span.dossierEtat,
#candidatDetail .cartoucheExam ul li span.dossierEtat0{background-image: url("/Images/Pictos/picto-supprimerEdic.png");background-repeat: no-repeat;padding-left: 20px; font-weight:bold;}
#candidatDetail .cartoucheExam ul li span.dossierEtat1{background-image: url("/Images/Pictos/picto-validEdic.png");background-repeat: no-repeat;padding-left: 20px; font-weight:bold;}
#candidatDetail .cartoucheExam ul li span.dossierEtat2{background-image: url("/Images/Pictos/picto-IncompletEdic.png");background-repeat: no-repeat;padding-left: 20px; font-weight:bold;}
#Candidat .legende{width: 748px; padding:5px; margin-top:20px; }
.legende ul li span.dossierEtat, 
.legende ul li span.dossierEtat0{background-image: url("/Images/Pictos/picto-supprimerEdic.png");background-repeat: no-repeat;padding-left: 20px; font-weight:bold;}
.legende ul li span.dossierEtat1{background-image: url("/Images/Pictos/picto-validEdic.png");background-repeat: no-repeat;padding-left: 20px; font-weight:bold;}
.legende ul li span.dossierEtat2{background-image: url("/Images/Pictos/picto-IncompletEdic.png");background-repeat: no-repeat;padding-left: 20px; font-weight:bold;}
#Candidat .legende ul li {display: inline-block;width:375px;}
/************* rappel login *******************/
#rappelMail {   margin-bottom: 20px;    margin-top: 48px;    position: relative;}
#rappelMail ul{ display:inline-block }
#rappelMail ul li{    float: left;    line-height: 20px;    margin-right: 5px;}
/************* suppression de la légende ******/
#Candidat .legende{display:none}
#candidatDetail .cartoucheExam ul li span.status0{font-weight:bold; color:#FF0000;}
#candidatDetail .cartoucheExam ul li span.status1{font-weight:bold; color:#009900;}
#candidatDetail .cartoucheExam ul li span.status2{font-weight:bold; color:#CC6600;}
/************* iframe de paiement *************/
#iFramePaiementOgone {border:0px;width:730px;height:430px;margin-top: 95px;}
/************* tableau des événements *********/
.tabCentres {border-collapse: collapse;margin-top: 20px; margin-bottom:20px;}
.tabCentres .entete{width:150px;}
.tabCentres .centreDetail {height:26px;}
.tabCentres .centreDetail td{border-bottom: thin solid #CCCCCC;border-collapse: collapse;text-align:left;}
.tabCentres .centreDetail td.chiffres,
.tabCentres .centreDetail td.chiffresRouges
{text-align:center;}
.tabCentres .centreDetail td.chiffresRouges{color:#FF0000; font-weight:bold;}
/************* séparation *********************/
.separation{clear:both}
/************* Positionnement des calendriers ************************/
.objCalendrier{background-color: #FFFFFF; height: 135px; position: absolute; width: 150px; z-index: 500; visibility: hidden; layer-background-color: white; left: 200px; top:200px;}