#zoneMagasinPersonnalisation {
   height: 28px;
   padding-bottom: 22px;
}

#zonePersonnalisation {
   height: 100%;
   position: relative;
}

#zoneMagasin {
   display: none;
   position: relative;
    height: 344px; /* 51 + 20 + 166 + 22 + 55 + 22 + 28 */
    top: -319px;
   z-index: 1001;
    background-color: white;
    border-bottom: solid 1px;
}

#magasinTitre {
   background-color: #74a02a;
   line-height: 50px;
   vertical-align: middle;
   padding-left: 25px;
   font-size: 16px;
   text-decoration: none;
   color: white;
   width: 936px;
}

#explication {
   width: 170px;
   height: 255px;
   padding: 20px;
   font-size: 12px;
   border-left: solid 1px;
}

   

#personnalisationApplication {
   background:transparent;
   width: auto;
   cursor: pointer;
}

#zoneBureau {
   padding-bottom: 30px;
      float: left;
   width:694px;
}

#zoneDonneAuSuivant {
   padding-left: 12px;
      float: left;
   width:254px;
   height:420px;
}

#zoneDonneAuSuivant .ms-webpartzone-cell {
   margin: auto auto 5px;
   background-color: #ffffff;
}

#zoneDonneAuSuivant .ms-webpart-chrome-title {
   background: url(../images/forum/Je-donne-un-coup-de-pouce.jpg) no-repeat;
   height: 44px;
   padding-top:10px;
}



.ms-webpart-titleText.ms-webpart-titleText, .ms-webpart-titleText > a {
    color: white;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    font-style: none;
    text-decoration: none;
    font-weight: bold;
	font-size: 0.95em;
	padding-top: 3px;
}

.ms-webpart-titleText.ms-webpart-titleText, .ms-webpart-titleText > a:hover {
    color: white;
}

.ms-webpart-titleText.ms-webpart-titleText, .ms-webpart-titleText > a:visited {
    color: white;
}


#zoneDonneAuSuivant .ms-webpart-chrome-title .ms-webpart-titleText {
    text-align: left;
    height: 44px;
    margin-left: 54px;
}



/*
#zoneDonneAuSuivant .ms-webpart-chrome-title .ms-webpart-titleText {
   text-align: right;
   color: #ffffff;
   background: #5e5e5e;
   width: 150px;
   height: 44px;
   margin-left: 100px;
   padding-right: 5px;
}
*/

/*url(../images/forum/icon-man.png) no-repeat 5px center */

#zoneDonneAuSuivant .ms-comm-forumHeaderContainer {
   border: none;
}

#zoneDonneAuSuivant .ms-comm-postList {
   margin: 5px;
}

#ctlMagasinAP {
   border: 0;
   margin-left: 0;
   cursor: pointer;
}

#ctlFermer {
   position: absolute;
    height: 40px;
    width: 40px;
   top: 8px;
    right: 6px;
   cursor: pointer;
    background-repeat: no-repeat;
    background-image: url(../images/Magasin/bouton_fermerMagasin.png);
}

#ctlFermer:hover {
   background-image: url(../images/Magasin/bouton_fermerMagasinOver.png);
}

#ctlRetourAccueil {
   position: absolute;
   top: 298px;
   cursor: pointer;
   background-color: #74a02a;
   color: white;
	font-size: 12px;
   font-weight: bold;
   text-decoration: none;
   border: none;
}

#tabs {
   position: absolute;
   left: 210px;
   top: 50px;
   width: 748px;
   height: 295px;
   border-left: solid 2px #74a02a;
   border-right: solid 1px;
}

   .ap-tabs-nav {
   margin: 0;
   padding: 0;
   list-style: none;
}

      .ap-tabs-nav li {
         float: left;
         position: relative;
         padding-right: 30px;
         top: -33px;
      }

         .ap-tabs-nav li a {
            background-color: #74a02a;
            color: white;
            font-size: 12px;
            font-weight: bold;
            text-decoration: none;
            border: solid 1px;
            border-color: #74a02a;
            padding: 7px 10px 7px 10px;
         }

         .ap-tabs-nav li a:hover {
            border-color: white !important;
            color: white !important;
         }

.bordure-blanche {
   border: solid 1px;
   border-color: white !important;
   color: white !important;
}

/* DÉBUT : */
/* Les onglets n'utilisent pas les classes de JQuery ui car au moment où ça a été */
/* fait, le fichier css de JQuery ui n'était pas inclus dans la page. */
/* Pour ajouter le dialogue qui donne le choix d'un type de commentaire, le fichier css */
/* de JQuery ui devait être inclus. Donc pour que les onglets fonctionnent comme auparavant, */
/* des classes ont été "overridés" en attendant que les onglets soient refaits en utilisant */
/* vraiment les classes de JQuery ui. */
/* VOIR AUSSI ALLOPROFACCUEILLAYOUT.HTML POUR VOIR LE MÊME COMMENTAIRE */
#tabs .ui-state-hover, #tabs .ui-state-focus {
   color: transparent !important;
   background: transparent !important;
      border: 0 !important;
}

#tabs .ui-state-active {
   color: transparent !important;
   background: transparent !important;
      border: 0 !important;
}
/* FIN */

#tabs li {
   position: relative;
   float: left;
      padding-right: 0;
}

.contenuOnglet {
   position: absolute;
   top: 15px;
   left: 5px;
   width: 735px;
   height: 279px;
   overflow: auto;
}