* {margin: 0; padding: 0;} .break {clear: both; height: 1px; line-height: 1px; font-size: 1px;} body {background: #fff url(../../images/bgBody.gif) repeat-x;} body, textarea, input, select {font-family: "Trebuchet MS", Arial, sans-serif; font-size: 11px; color: #666;} #allContent { width: 910px; margin: 0 auto;} #enTete { height: 168px; width: 910px; position: relative; /*background: transparent url(../../images/bgEntete.jpg) no-repeat;*/} #enTete #zoneFlash { width: 500px; height: 30px; position: absolute; right: 60px; bottom: 20px;} #logo {border: 0;} a {color: #ec732f;} /*********************************************************************/ /* Flash ateliers */ /*********************************************************************/ #pageFlash {background-image: none;} #pageFlash #zoneFlash {width: 840px; height: 596px; margin: 20px auto; border: 1px #CFE3EE solid;} /*********************************************************************/ /* Navigation */ /*********************************************************************/ #navigation, #navigation ul {list-style: none;} #navigation {width: 910px; height: 30px; padding-left: 25px;} #navigation li {float: left; position: relative;} #navigation li a {display: block; height: 15px; background-repeat: no-repeat;} #navigation li a:hover {background-position: 0 -15px;} #navigation li a span {display: none;} #navigation li#btnNavA a {background-image: url(../../images/btnNavA.gif); width: 65px;} #navigation li#btnNavB a {background-image: url(../../images/btnNavB.gif); width: 93px;} #navigation li#btnNavC a {background-image: url(../../images/btnNavC.gif); width: 77px;} #navigation li#btnNavD a {background-image: url(../../images/btnNavD.gif); width: 123px;} #navigation li#btnNavE a {background-image: url(../../images/btnNavE.gif); width: 68px;} #navigation li#btnNavF a {background-image: url(../../images/btnNavF.gif); width: 140px;} #navigation li#btnNavG a {background-image: url(../../images/btnNavG.gif); width: 80px;} #navigation li#btnNavH a {background-image: url(../../images/btnNavH.gif); width: 107px;} #navigation li#btnNavI a {background-image: url(../../images/btnNavI.gif); width: 107px;} #navigation ul { position: absolute; left: 0; top: 15px; border-left: 1px #7FB6D6 solid; background: #E4EFF6 url(../../images/bgSousNav.jpg) repeat-x; z-index: 50; padding: 10px 6px 6px 6px; } #navigation ul li {float: none; font-size: 11px; padding-left: 0; line-height: 24px;} #navigation ul li a { color: #006eae; height: auto; width: 180px !important; background-image: none !important; text-decoration: none;} #navigation ul li a:hover {font-weight: bold;} #mainContent { margin-top: 10px; width: 860px; padding: 0 25px 25px 25px;} #pageAccueil #mainContent {padding: 0 25px 0 25px;} #mainContent h1 {width: 860px; height: 34px; margin-bottom: 18px;} #mainContent h1 span {display: none;} #mainContent h2 {font-size: 16px; color: #0364AA; text-transform: uppercase;} .pageActualites #mainContent h1 {background: transparent url(../../images/titreActualites.gif) no-repeat; width: 600px;} .pageDocumentation #mainContent h1 {background: transparent url(../../images/titreDocumentation.gif) no-repeat;} #pageDemandeInfo #mainContent h1 {background: transparent url(../../images/titreDemandeInfo.gif) no-repeat;} #pageMieuxConnaitre #mainContent h1 {background: transparent url(../../images/titreMieuxConnaitre.gif) no-repeat;} #pagePreInscription #mainContent h1 {background: transparent url(../../images/titrePreInscription.gif) no-repeat;} #pageConfirmation #mainContent h1 {background: transparent url(../../images/titreConfirmation.gif) no-repeat;} #pageTechniqueTherapeutique #mainContent h1 {background: transparent url(../../images/titreTechniqueTherapeutique.gif) no-repeat;} #pagePedagogie #mainContent h1 {background: transparent url(../../images/titrePedagogie.gif) no-repeat;} #pageBases #mainContent h1 {background: transparent url(../../images/titreBases.gif) no-repeat;} #pageCephalometrie #mainContent h1 {background: transparent url(../../images/titreCephalometrie.gif) no-repeat;} #pagePresentationAudio #mainContent h1 {background: transparent url(../../images/titrePresentationAudio.gif) no-repeat;} #pageEtudesCas #mainContent h1 {background: transparent url(../../images/titreEtudesCas.gif) no-repeat;} #pageCasTypes #mainContent h1 {background: transparent url(../../images/titreCasTypes.gif) no-repeat;} #pageSuiviFormation #mainContent h1 {background: transparent url(../../images/titreSuiviFormation.gif) no-repeat;} #pageInfosPratiques #mainContent h1 {background: transparent url(../../images/titreInfosPratiques.gif) no-repeat;} #pageMentionsLegales #mainContent h1 {background: transparent url(../../images/titreMentionsLegales.gif) no-repeat;} #pageContactPerso #mainContent h1 {background: transparent url(../../images/titreContactPerso.gif) no-repeat;} #pageCeto #mainContent h1 {background: transparent url(../../images/titreCeto.gif) no-repeat;} #pageEnseignants #mainContent h1 {background: transparent url(../../images/titreEnseignants.gif) no-repeat;} #pageConditions #mainContent h1 {background: transparent url(../../images/titreConditions.gif) no-repeat;} #pageIntervenants #mainContent h1 {background: transparent url(../../images/titreIntervenants.gif) no-repeat;} #pagePhototheque #mainContent h1 {background: transparent url(../../images/titrePhototheque.gif) no-repeat;} #pageVideotheque #mainContent h1 {background: transparent url(../../images/titreVideotheque.gif) no-repeat;} .pagePetitesAnnonces #mainContent h1 {background: transparent url(../../images/titreAnnonces.gif) no-repeat;} #pagePasserAnnonce #mainContent h1 {background: transparent url(../../images/titrePublierAnnonce.gif) no-repeat;} #ariane {list-style: none; width: 860px; height: 40px;} #ariane li {float: left; font-size: 11px; padding-left: 2px;} #ariane li a {text-decoration: none; color: #666;} /*********************************************************************/ /* Edito et actualités en page d'accueil */ /*********************************************************************/ #edito, #blocActualites {float: left;} #edito { width: 545px; font-size: 14px; line-height: 22px; margin-right: 17px; background: transparent url(../../images/bgEdito.jpg) no-repeat left bottom; } #edito p {margin-bottom: 30px;} #edito strong {color: #ec732f; font-size: 16px;} #btnPetitesAnnonces { display: block; width: 116px; height: 94px; margin-left: 20px; background: transparent url(../../images/btnPetitesAnnonces.jpg) no-repeat; text-indent: -5000px; overflow: hidden; float: right;} #blocActualites { width: 280px; padding-left: 17px; border-left: 1px #CFE3EE solid;} #blocActualites h3 { width: 280px; height: 34px; margin-bottom: 18px; background: transparent url(../../images/titreBlocActualites.gif) no-repeat;} #blocActualites h3 span {display: none;} #blocActualites .toutesActus { display: block; font-weight: bold; margin-top: -10px; padding-bottom: 10px; text-decoration: none;} .actu {margin-bottom: 20px;} #pageAccueil .actu h2 {margin-bottom: 5px;} #pageAccueil .actu .zoneTexte {margin-bottom: 5px;} .actu h2 a {color: #ec732f; font-size: 14px; text-decoration: none; text-transform: none; line-height: 13px;} .actu img, .zoneTexte img {padding: 2px; border: 1px #CFE3EE solid; float: left; margin-right: 12px;} .actu .btnSuite { font-weight: bold; font-size: 10px; color: #006baf; display: block; text-align: right; border-bottom: 1px #CFE3EE solid; text-decoration: none; padding-bottom: 1px;} #colonneHome {float: left; width: 307px; padding: 10px 0 10px 0;} #blocProgrammes { border: 1px #cfe3ee solid; width: 287px; height: 30px; padding: 25px 8px 6px 10px; margin-bottom: 5px; position: relative; background: #fff url(../../images/bgProgrammes.gif) no-repeat 10px 6px;} #blocProgrammes strong {display: none;} #blocProgrammes a { display: block; background: transparent url(../../images/fleche.gif) no-repeat 0 3px; font-size: 11px; font-weight: bold; text-decoration: none; color: #666; margin-left: 67px; padding-left: 12px; height: 13px; line-height: 13px !important;} #blocProgrammes a#ateliersInt {position: absolute; left: 120px; top: 25px;} #blocProgrammes a:hover {color: #ec732f;} #agenda { display: block; width: 287px; height: 51px; padding: 5px 8px 6px 10px; background: #fff url(../../images/bgAgenda.gif) no-repeat 10px 2px; border: 1px #cfe3ee solid; margin: 0 10px 0 0;} #agenda span {display: none;} #agenda:hover {background-position: 10px -54px;} #btnPhototheque { display: block; width: 200px; height: 50px; padding: 5px 8px 6px 10px; background: #fff url(../../images/btnPhototheque.gif) no-repeat 10px 12px; border: 1px #cfe3ee solid; float: left; margin: 10px 0 0 10px;} #btnVideotheque { display: block; width: 200px; height: 50px; padding: 5px 8px 6px 10px; background: #fff url(../../images/btnVideotheque.gif) no-repeat 10px 6px; border: 1px #cfe3ee solid; float: left; margin: 5px 0 0 10px;} #btnPhototheque span, #btnVideotheque span {display: none;} #btnPhototheque:hover {background-position: 10px -61px;} #btnVideotheque:hover {background-position: 10px -57px;} /*********************************************************************/ /* Actualités */ /*********************************************************************/ .btnRetour { text-align: right; display: block; margin-bottom: 10px; font-weight: bold; font-size: 11px; color: #ec732f; text-decoration: none;} .pageActualites #mainContent h3, .pageDocumentation #mainContent h3, .pagePetitesAnnonces #mainContent h3 { background-color: #7FB5D7; text-transform: uppercase; font-size: 12px; margin-bottom: 10px; color: #fff; padding: 0 5px;} #colActu, #blocNewsletter, #colInfosPlus {float: left;} #colActu {width: 600px; margin-right: 30px;} .pagePetitesAnnonces #colActu {width: 860px; margin-right: 0;} #colInfosPlus {width: 200px; padding-top: 30px;} .pageActualites #mainContent h2, .pagePetitesAnnonces #mainContent h2 { font-size: 14px !important; text-transform: none; color: #ec732f; margin-bottom: 10px;} .pagePetitesAnnonces #mainContent h2 {margin-bottom: 5px;} .date {float: right; font-size: 10px; font-weight: bold; color: #056EB0; margin-top: 10px;} .zoneTexte p {margin-bottom: 10px;} .zoneTexte img {margin-right: 15px; padding: 4px;} .zoneTexte ul {margin-left: 30px;} #blocNewsletter { width: 200px; height: 58px; border: 0; padding: 38px 15px 15px 15px; background: transparent url(../../images/bgBlocNewsletter.gif) no-repeat; display: none;} #blocNewsletter h4, #blocNewsletter label {display: none;} #blocNewsletter p {margin-bottom: 10px; line-height: 13px;} #blocNewsletter #mail {width: 150px; margin-right: 10px;} #blocNewsletter .btnOk { width: 28px; height: 18px; border: 0; text-align: center; background: transparent url(../../images/btnOk.gif) no-repeat; color: #fff; font-weight: bold; padding-bottom: 2px;} .listePhotos { list-style: none; border: 1px #fff solid;} .listePhotos li {float: left; padding: 5px; text-align: center; margin: 5px; width: 150px; height: 150px; background-color: #e4eff6;} .listePhotos li a {} .listePhotos li img {border: 0; display: block; margin: auto;} #pageCeto .listePhotos li {height: 190px; text-align: center;} #pageCeto .listePhotos li img {margin-bottom: 5px;} #pagePhototheque #mainContent {padding-bottom: 15px;} #pagePhototheque #mainContent h2 {padding-left: 5px;} #blocFiltre { width: 400px; float: right; border: 0; text-align: right; margin: 0 15px 10px 0;} #blocFiltre label {font-weight: bold;} .pagination {text-align: center; position: relative; padding-top: 10px;} .pagination a {text-decoration: none; font-weight: bold;} .pagination #btnPrecedent {position: absolute; left: 0; top: 10px;} .pagination #btnSuivant {position: absolute; right: 0; top: 10px;} /*********************************************************************/ /* Formulaires */ /*********************************************************************/ .mentions {font-size: 10px; line-height: 12px;} legend {background-color: #fff; padding: 10px; font-weight: bold; font-size: 13px; color: #026CB0;} .pageContact #mainContent fieldset { border: 1px #CFE3EE solid; padding: 15px;} .pageContact #mainContent fieldset label { text-align: right; display: block; float: left; color: #026CB0; padding-right: 3px; width: 230px;} .pageContact #mainContent .lineForm {margin-bottom: 5px;} .pageContact #mainContent .lineForm textarea {width: 550px; height: 60px;} .pageContact #mainContent p {margin-bottom: 10px;} .pagePasserAnnonce #mainContent fieldset { border: 1px #CFE3EE solid; padding: 15px;} .pagePasserAnnonce #mainContent fieldset label { text-align: right; display: block; float: left; color: #026CB0; padding-right: 3px; width: 230px;} .pagePasserAnnonce #mainContent .lineForm {margin-bottom: 5px;} .pagePasserAnnonce #mainContent .lineForm textarea {width: 550px; height: 60px;} .pagePasserAnnonce #dem_info_title_ { width: 550px; } .pagePasserAnnonce #mainContent p {margin-bottom: 10px;} #blocSearchMail p {width: 60%; float: left; margin-bottom: 0 !important;} #blocSearchMail .lineForm {width: 40%; float: left;} #blocSearchMail .lineForm label {width: 80px !important; padding-top: 3px;} #blocSearchMail .lineForm input#search_email {width: 120px;} .btnForm { width: 98px; height: 18px; border: 0; padding-bottom: 2px; color: #fff; font-weight: bold; background: transparent url(../../images/btnRechercher.gif) no-repeat; margin-left: 5px;} .colForm {width: 50%; float: left;} .colForm label {width: 150px !important;} .colForm input {width: 180px;} .lineSubmit {text-align: center;} #submitter { border: 0; width: 138px; height: 18px; padding-bottom: 2px; color: #fff; font-weight: bold; background: transparent url(../../images/btnEnvoyerDemande.gif) no-repeat; margin-top: 10px;} #colActu fieldset label {width: 85px !important;} #colActu textarea {width: 465px !important;} #colInfosPlus p, #colInfosPlus ul {margin-bottom: 10px; list-style: none;} #colInfosPlus ul li strong {color: #026CB0;} .journeeFormation { font-style: italic; } .journeeFormation strong { font-size: 14px; color: #EC732F; font-weight: bold; line-height: 18px;} #pagePreInscription #mainContent fieldset label {width: 185px;} #pagePreInscription #mainContent fieldset textarea {width: 595px;} #pagePreInscription .lineCheck {padding-left: 190px;} #pagePreInscription .colForm label {width: 185px !important;} #pagePreInscription #mainContent h2 {margin-bottom: 10px;} #colActu .lineCheck {padding-left: 88px;} .lineCheck input {margin-right: 5px;} .lineCheck label {float: none !important; display: inline !important;} .telecharger { display: block; height: 30px; float: right; text-align: center; color: #fff; font-weight: bold; text-decoration: none; line-height: 12px; padding-top: 5px; margin-left: 10px; width: 158px; margin-bottom: 15px; background: transparent url(../../images/btnTelechargerB.gif) no-repeat;} .telecharger:hover {text-decoration: underline;} #pagePreInscription .telecharger {margin-right: 8px; margin-left: 5px;} #errMsg { text-align: center; font-weight: bold; width: 300px !important; background-color: #EC732F; color: #fff; margin-top: 5px;} .aboNewsletter {padding-top: 10px;} .aboNewsletter label {color: #026CB0;} /*********************************************************************/ /* Corporate */ /*********************************************************************/ .liste {list-style: none; margin: 0 0 10px 30px;} .liste li {background: transparent url(../../images/fleche.gif) no-repeat 0 4px; padding-left: 12px;} .liste li a {text-decoration: none; color: #0364AA; font-size: 12px;} .pageCorporate #mainContent p {margin-bottom: 10px;} .pageCorporate #mainContent p strong, .pageCorporate #mainContent ul li strong {color: #EC732F;} #pageCeto #mainContent h2 {margin-bottom: 15px;} #pageCeto #mainContent h3 {font-size: 12px; color: #7FB5D7; margin-bottom: 10px;} #pageCeto #mainContent p {text-align: justify;} #mainContent dl dt {float: left; font-weight: bold; color: #EC732F; margin-right: 3px;} #zoneVideo { float: right; width: 480px; margin: 0 0 30px 30px;} #zoneVideo h4, #zoneVideoBis h4, #zoneVideoTer h4 { text-align: center; margin-bottom: 10px; font-size: 14px; color: #0364AA;} #pageTechniqueTherapeutique #zoneVideo {width: 320px;} #pageCeto #zoneVideo {width: 512px;} #zoneVideoBis, #zoneVideoTer {width: 430px; padding-bottom: 30px; float: left; text-align: center;} #pageEnseignants #mainContent ul#listeProfs {list-style: none; height: 210px; margin-top: 20px;} #pageEnseignants #mainContent ul#listeProfs li {width: 266px; float: left; padding-right: 20px; } #pageEnseignants #mainContent ul#listeProfs li p {position: relative; top: 30px;} #pageEnseignants #mainContent ul#listeProfs li strong {font-size: 14px; text-transform: uppercase; color: #EC732F; } #pageEnseignants #mainContent ul#listeProfs li b {font-size: 11px;} #pageEnseignants #mainContent ul#listeProfs li img { float: left; margin-right: 5px; padding: 2px; border: 1px #CFE3EE solid; margin-bottom: 10px;} #pageConditions #mainContent h2 {color: #EC732F; font-size: 18px; font-weight: normal; margin-bottom: 15px;} #pageConditions #mainContent h3 {color: #006BAF; margin-bottom: 10px;} #pageConditions #mainContent table {border-collapse: collapse; margin-bottom: 10px;} #pageConditions #mainContent table td, #pageConditions #mainContent table th {border: 1px #ddd solid; padding: 3px 6px; width: 50%;} #pageConditions #mainContent table th {font-size: 12px; color: #EC732F;} #colMapA, #colMapB {float: left;} #colMapA {width: 250px;} #colMapB {width: 610px; background-color: pink;} #pageLogiciels #mainContent h2 { margin-bottom: 10px; color: #ec732f;} /*********************************************************************/ /* Footer */ /*********************************************************************/ #footer {width: 860px; border-top: 1px #CFE3EE solid; clear: both; color: #7FB5D7; margin: 0 25px;} #footer a {text-decoration: none; color: #7FB5D7; font-size: 11px; } #footer a:hover {text-decoration: underline;} .validation-advice {color: #cc0000; display: block; font-weight: bold;} /***************************************************** Styles pour le wysiwyg ****************/ .titreRouge {color: #cc0000;} .titreOrange {color: #ec732f;} .titreBleu {color: #056eb0;} /*******************************************************************************/ /* Petites annonces */ /*******************************************************************************/ .annonce { width: 399px; float: left; margin-bottom: 15px; border-left: 1px #7fb6d6 solid; padding-left: 10px; padding-right: 20px;} .annonce .zoneTexte {margin-bottom: 10px;} .annonce .jsLayerReponseTrigger { display: block; padding-left: 30px; background: transparent url(../../images/contactAnnonce.gif) no-repeat; text-decoration: none; font-weight: bold; color: #0069a8; line-height: 11px; height: 20px; padding-top: 4px;} .annonce .jsLayerReponseTrigger:hover {color: #ec732f;} /* Pour le layer de réponse à l'auteur d'une annonce */ #layerReponse h3 { background-color: #7FB5D7; text-transform: uppercase; font-size: 12px; margin-bottom: 10px; color: #fff; padding: 0 5px;} #layerReponse h4 {font-size: 12px; margin-top: 15px; margin-bottom: 5px;} #layerReponse .lineForm {margin-bottom: 8px;} #layerReponse .lineForm input {width: 200px; border: 1px #ccc solid;} #layerReponse .lineText textarea {width: 250px; border: 1px #ccc solid;} #layerReponse label {width: 130px; display: block; float: left; font-size: 11px; text-align: right; padding-right: 3px;} #layerReponse span.mentions { text-transform: none; font-weight: normal; width: auto; margin: 3px 0 0 0 !important; display: block; text-align: center;} #layerReponse .obligatoire {margin: 0 0 0 0;} #layerReponse .lineSubmit {padding-top: 10px;} #reponseIntituleAnnonce {font-weight: bold;} .attention {padding-left: 230px; color: #ec732f; font-weight: bold; padding-top: 5px;}