@charset "iso-8859-1";

html, body {
  margin: 0;
  padding: 0;
  width: 100%;
}

div {
  margin: 0;
  padding: 0;
}

p {
  margin: 0;
}

.clear {
  clear: both;
}

#page {
  position: absolute;
  left: 50%;
  margin-left: -500px;
  width: 1000px;
  top: 0;
  min-height: 850px;
  height: 850px;
}
#pagePetite {
  position: absolute;
  left: 50%;
  margin-left: -397px;
  width: 795px;
  top: 0;
  min-height: 595px;
  height: 595px;
}

.gauche {
  position: absolute;
  left: 0;
  top: 0;
  width: 148px;
  height: 850px;
}

.entete {
  position: absolute;
  left: 148px;
  top: 0;
  width: 852px;
  height: 82px;
}
.titrePage {
  position: absolute;
  left: 34px;
  top: 29px;
}
#menu {
  position: absolute;
  right: 0;
  top: 64px;
  margin: 0;
  padding: 0;
  list-style-type: none;
  z-index: 1000;
}
#menu li {
  float: left;
  height: 18px;
}
#menu li.btnSeparateur {
  width: 2px;
  height: 18px;
}
#menu li a {
  display: block;
  height: 18px;
}
#menu li a#btnAccueil, #menu li#btnAccueilOn {
  width: 106px;
  margin-right: -12px;
}
#menu li a#btnEsprit, #menu li#btnEspritOn {
  width: 124px;
}
#menu li a#btnFormations, #menu li#btnFormationsOn, #menu li.submenu {
  width: 81px;
}
#menu li a#btnModeles, #menu li#btnModelesOn {
  width: 67px;
}
#menu li a#btnProfessionnels, #menu li#btnProfessionnelsOn {
  width: 101px;
}
#menu li a#btnActu, #menu li#btnActuOn {
  width: 69px;
}
#menu li a#btnEleves, #menu li#btnElevesOn {
  width: 114px;
}
#menu ul {
  display: none;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#menu ul li {
  clear: both;
  width: 81px;
  height: 12px;
  padding-top: 3px
}
#menu ul li a {
  display: block;
}
#menu ul.niv2 {
  margin-top: 18px;
}
ul#menu li.submenu:hover ul.niv2 {
  display: block;
}
.innerPage {
  position: absolute;
  left: 148px;
  top: 82px;
  min-height: 748px;
  width: 812px;
  margin: 0;
  padding: 0;
}
a#btnContact {
  display: block;
  position: absolute;
  top: 611px;
  left: 128px;
  width: 19px;
  height: 89px;
}
#mentions {
  position: absolute;
  left: 180px;
  bottom: 5px;
}

/* page accueil */
#pageAccueil {
  position: absolute;
  left: 50%;
  margin-left: -500px;
  width: 1000px;
  top: 0;
  min-height: 700px;
  height: 700px;
}
#pageAccueil #mannequins {
  position: absolute;
  left: 0;
  top: 0;
  width: 345px;
  height: 700px;
}
#pageAccueil #entete {
  position: absolute;
  left: 346px;
  top: 0;
  width: 655px;
  height: 163px;
}
#pageAccueil #innerPage {
  position: absolute;
  left: 346px;
  top: 163px;
  width: 655px;
  height: 700px;
}
#pageAccueil #innerPage #colGauche {
  position: absolute;
  left: 0;
  top: 0;
  width: 192px;
  height: 507px;
  padding: 30px 0 0 42px;
}
#pageAccueil #innerPage #colDroite {
  position: absolute;
  left: 235px;
  top: 0;
  width: 462px;
  height: 537px;
}
#pageAccueil #innerPage #colDroite #boutons {
  position: absolute;
  left: 30px;
  top: 12px;
}
#pageAccueil #innerPage #colDroite #actus {
  position: absolute;
  left: 52px;
  top: 325px;
  width: 307px;
  height: 177px;
}
#pageAccueil #innerPage #colDroite #actus a#lnkActus {
  display: block;
  position: absolute;
  left: 4px;
  top: 3px;
  width: 130px;
  height: 20px;
}
#pageAccueil #innerPage #colDroite #actus #actusLoading {
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
  display: block;
}
#pageAccueil #innerPage #colDroite #actus #listeActus {
  position: absolute;
  top: 44px;
  left: 0;
  margin: 0;
  padding: 0;
  display: none;
}
#pageAccueil #innerPage #colDroite #actus #listeActus li {
  margin: 0 0 6px 25px;
}
#message {
  width: 460px;
  height: 500px;
  display: none;
  padding-bottom:14px;
}
#mentionsAccueil {
  position: absolute;
  left: 368px;
  bottom: 5px;
}

/* page esprit */
#titreEsprit{
  width: 515px;
  height: 41px;
}
#innerEsprit #colGauche {
  position: absolute;
  left: 34px;
  top: 10px;
  width: 464px;
  height: 100%;
}
#innerEsprit #colDroite {
  position: absolute;
  left: 500px;
  top: 44px;
  padding: 15px 0 0 0;
  width: 309px;
}

/* pages formations */
a.btnDossier {
  display: block;
  position: absolute;
  left: 45px;
  top: 104px;
  width: 142px;
  height: 44px;
}
#divIdent {
  width: 460px;
  display: none;
  padding-bottom:14px;
}
#divIdent #frmIdent {
  margin: 20px 0 0 44px;
  width: 374px;
}
#divIdent #frmIdent table {
  margin: 15px 0 0 47px;
}
#divIdent #frmIdent input {
  width: 210px;
}
#divIdent #frmIdent a.btnEnvoyer {
  display: block;
  width: 210px;
  height: 20px;
}
#modalContainer a.modalCloseImg {
  width:18px;
  height:18px;
  display:inline;
  z-index:3200;
  position:absolute;
  top:-10px;
  right:-10px;
}

/* page CAP */
#titreCAP{
  width: 481px;
  height: 48px;
}
#innerCAP #colGauche {
  position: absolute;
  left: 90px;
  top: 30px;
  width: 348px;
  height: 100%;
}
#innerCAP #colDroite {
  position: absolute;
  left: 438px;
  top: 30px;
  width: 350px;
}
#divIdent #titreCAP {
  width: 460px;
  height: 106px;
}

/* page BP */
#titreBP{
  width: 481px;
  height: 48px;
}
#innerBP #colGauche {
  position: absolute;
  left: 90px;
  top: 30px;
  width: 348px;
  height: 100%;
}
#innerBP #colDroite {
  position: absolute;
  left: 438px;
  top: 30px;
  width: 350px;
}
#divIdent #titreBP {
  width: 460px;
  height: 106px;
}
#divIdent #btnImprimer {
  display:block;
  margin-left: 94px;
  width: 144px;
  height: 44px;
}

/* page Modèles */
#titreModeles{
  width: 150px;
  height: 38px;
}
#innerModeles #colGauche {
  position: absolute;
  left: 34px;
  top: 30px;
  width: 465px;
  height: 100%;
}
#innerModeles #colDroite {
  position: absolute;
  left: 500px;
  top: 44px;
  padding: 0;
  width: 275px;
}
#innerModeles #colDroite #txtInfos {
  position: relative;
}
#innerModeles #colDroite #txtInfos #infosLoading {
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}

/* page Professionnels */
#titreProfessionnels{
  width: 233px;
  height: 38px;
}
#innerProfessionnels #colGauche {
  position: absolute;
  left: 38px;
  top: 22px;
  width: 228px;
}
#innerProfessionnels #colDroite {
  position: absolute;
  left: 268px;
  top: 22px;
  padding: 0;
  width: 510px;
}

/* page contact */
#titreContact{
  width: 481px;
  height: 48px;
}
#innerContact #colGauche {
  position: absolute;
  left: 70px;
  top: 20px;
  width: 355px;
  height: 100%;
}
#innerContact #colDroite {
  position: absolute;
  left: 426px;
  top: 85px;
  width: 320px;
  height: 480px;
  padding: 32px 0 0 31px;
}
#frmContact div {
  width: 310px;
  padding: 5px 5px 5px 13px;
}
#frmContact input {
  width:190px;
}
#frmContact textarea#message {
  width: 190px;
  height: 80px;
  display: block;
}
#frmContact a.btnEnvoyer {
  display: block;
  width: 328px;
  height: 20px;
  margin-top:5px;
}
#btnImprPlan {
  display: block;
  position: absolute;
  right: 50px;
  top: 90px;
  width: 144px;
  height: 44px;
}

/* page actus */
#titreActus{
  width: 481px;
  height: 48px;
  top: 27px;
}
#innerActus #logo {
  position: absolute;
  top: 4px;
  left: 35px;
  width: 120px;
  height: 88px;
}
#innerActus #menuActus {
  position:absolute;
  top: 88px;
  left: 188px;
  padding-left: 22px;
}
#innerActus #menuActus ul {
  margin: 0;
  padding: 0;
}
#innerActus #menuActus ul li {
  float: left;
  margin-left: 7px;
}
#innerActus #menuActus ul li.on {
  width: 82px;
  height: 19px;	
  padding: 6px 0 0 8px;
}
#innerActus #menuActus ul li a {
  display: block;
  width: 82px;
  height: 19px;	
  padding: 6px 0 0 8px;
}
#innerActus #listeActus {
  position:absolute;
  top: 170px;
  left: 210px;
}
#innerActus #listeActus ul {
  margin: 0;
  padding: 0;
}
#innerActus #listeActus ul li {
  margin-bottom: 3px;
}
#detailActu {
  width: 460px;
  min-height: 450px;
  height: auto;
  display: none;
  padding: 20px;
}

/* mentions légales */
#innerMentions {
  position: absolute;
  left: 148px;
  top: 82px;
  min-height: 480px;
  height: 480px;
  width: 495px;
  margin: 0;
  padding: 0;
}

/* popup message */
#pageMessage {
  position: absolute;
  left: 50%;
  margin-left: -200px;
  width: 400px;
  top: 0;
  min-height: 300px;
  height: 300px;
}
#innerMessage {
  margin: 30px 30px;
}
#innerMessage img {
  margin-bottom: 40px;
}

/* espace élèves */
#innerAlbums {
  width: 852px;
  min-height: 768px;
}
#enteteAlbums {
  position: absolute;
  left: 148px;
  top: 0;
  width: 852px;
  height: 82px;
}
#titreAlbums {
  top: 27px;
  width: 818px;
  height: 36px;
}
#listeAlbums, #detailAlbum {
  width: 534px;
  min-height: 768px;
}
#listeAlbums p.msgErr, #listeImages p.msgErr {
  padding-top: 50px;
  text-align: center;
}
.galerie {
  width: 500px;
  padding: 18px 0 18px 34px;
}
#galerie0 {
  padding-top: 38px;
}
.imgGal {
  float: left;
  position: relative;
  width: 154px;
  height: 143px;
}
.imgGal div {
  position: absolute;
  right: 18px;
  bottom: 12px;
  width: 105px;
  height: 105px;
  overflow: hidden;
}
.txtGal {
  float: left;
  width: 280px;
  margin-left: 12px;
}
.txtGal .dateGal {
  margin-top: 15px;
  width: 100%;
}
.titreGal {
  width: 100%;
  margin: 20px 0 15px 0; 
}
#infosGalerie {
  width: 446px;
  padding: 18px 48px 18px 40px;
}
#infosGalerie .dateGal {
  margin-top: 15px;
  width: 280px;
}
#listeImages {
  width: 460px;
  padding: 21px 41px 21px 33px;
}
#listeImages div {
  float: left;
  width: 96px;
  height: 96px;
  margin: 7px 9px;
  overflow: hidden;
}
#pagePopup {
  width: 100%;
  min-height: 650px;
}
#divMP {
  width: 250px;
  display: none;
  padding-bottom:14px;
}
#divMP #frmIdent {
  margin: 0;
  padding: 0 20px 0 20px;;
  width: 210px;
}
#divMP #frmIdent input {
  width: 210px;
  margin: 0;
  padding: 0;
}
#divMP #frmIdent a.btnEnvoyer {
  display: block;
  width: 210px;
  height: 20px;
  margin: 10px 0 0 0;
}