* {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;}
    
   
/*********************************************************************/
/*                                                        Navigation */
/*********************************************************************/
    
#navigation,
#navigation ul {list-style: none;}

#navigation {width: 910px; height: 30px;}
#navigation li {float: left; padding-left: 15px; 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: 59px;}
#navigation li#btnNavB a {background-image: url(../../images/btnNavB.gif); width: 91px;}
#navigation li#btnNavC a {background-image: url(../../images/btnNavC.gif); width: 72px;}
#navigation li#btnNavD a {background-image: url(../../images/btnNavD.gif); width: 121px;}
#navigation li#btnNavE a {background-image: url(../../images/btnNavE.gif); width: 109px;}
#navigation li#btnNavF a {background-image: url(../../images/btnNavF.gif); width: 140px;}
#navigation li#btnNavG a {background-image: url(../../images/btnNavG.gif); width: 76px;}
#navigation li#btnNavH a {background-image: url(../../images/btnNavH.gif); width: 105px;}

#navigation ul {
    position: absolute; left: 15px; 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;}

#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;}

#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;}

#brochure {
   display: block; width: 287px; height: 50px; padding: 5px 8px 6px 10px;
   background: #fff url(../../images/bgBrochure.gif) no-repeat 10px 8px;
   border: 1px #cfe3ee solid; margin: 0 10px 0 0;}
#brochure span {display: none;}
#brochure:hover {background-position: 10px -52px;}

#agenda {
   width: 305px; height: 61px; position: relative; margin-top: 5px;
   background: #fff url(../../images/bgAgenda.gif) no-repeat 10px 5px; 
   border: 1px #cfe3ee solid;}
#agenda p {display: none;}
#agenda ul {list-style: none; position: absolute; left: 90px; top: 30px;}
#agenda ul li {height: 18px; line-height: 18px; float: left; width: 100px;}
#agenda ul li#agendaA {width: 90px;}
#agenda ul li#agendaB {width: 110px;}
#agenda ul li a {
   display: block; height: 18px; line-height: 18px; padding-left: 12px;
   font-size: 11px; font-weight: bold; text-decoration: none; color: #666;
   background: transparent url(../../images/fleche.gif) no-repeat 0 5px;}
#agenda ul li a:hover {text-decoration: underline;}

#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 {
    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;} 

#colInfosPlus {width: 200px; padding-top: 30px;}

.pageActualites #mainContent h2 {
    font-size: 14px !important; text-transform: none; 
    color: #ec732f; margin-bottom: 10px;}

.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;}

#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;}

#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;}

#colActu .lineCheck {padding-left: 88px;}
.lineCheck input {margin-right: 5px;}
.lineCheck label {float: none !important; display: inline !important;}

#telecharger {
    display: block; width: 288px; height: 30px;
    float: right; text-align: center; color: #fff;
    font-weight: bold; text-decoration: none;
    line-height: 12px; padding-top: 5px;
    background: transparent url(../../images/btnTelechargerA.gif) no-repeat;}

#telecharger:hover {text-decoration: underline;}

#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;}

#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;}

#zoneVideoBis,
#zoneVideoTer {width: 430px; padding-bottom: 30px; float: left; text-align: center;}

#pageEnseignants #mainContent ul#listeProfs {list-style: none; height: 132px;}
#pageEnseignants #mainContent ul#listeProfs li {width: 281px; float: left; padding-right: 5px; padding-top: 30px;}
#pageEnseignants #mainContent ul#listeProfs li strong {font-size: 14px; text-transform: uppercase; color: #EC732F; }
#pageEnseignants #mainContent ul#listeProfs li img {
    float: left; margin-right: 5px; padding: 2px; 
    border: 1px #CFE3EE solid; position: relative; top: -30px;}

#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;}

#pageConditions #telecharger {
    width: 168px; 
    background: transparent url(../../images/btnTelechargerB.gif) no-repeat;}

#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;}