a img {
   border: none;
}
a:hover {
     text-decoration: none;
}

.separateur {
   clear: both;
}
.imgIcone {
    vertical-align: middle;
    margin-right: 3px;
}

.attention {
    color: #cc0000;
}
.commentaire {
    color: #999999 !important;
}
hr {
	display : block;
   height: 1px;
   padding: 0;
   color: transparent;
   background-color: transparent;
   border: none;
   border-top : 1px dashed #DFDFDF;
   margin : 10px auto 0px auto;
/*marges sous ie*/
   _margin: 13px auto;
}

/*******************************************************************************
**********************           MODULE KAMELEON          **********************
**********************          module-liste-index        **********************
*******************************************************************************/

.moduleKmlIndex h1 {

}
.moduleKmlIndex h1:first-letter {

}
.moduleKmlIndex h2 {

}
.moduleKmlIndex h3 {

}
.moduleKmlIndex p {
   text-align: justify;
}
.moduleKmlIndex .liste {
   float: right;
   width: 167px;
   border: 1px dotted #D0D0D0;
   padding:5px;
   margin-left:10px;
}
.moduleKmlIndex .liste ul {
   margin:0px;
   padding-left:20px;
}
.moduleKmlIndex .liste li {
	font-size:7pt;
	list-style-type: square;
}
.moduleKmlIndex .fiche {
	width:380px;	
   padding: 10px;
   padding-left:0;
   background-color: white;
   text-align: justify;
}

.moduleKmlIndex .fiche .imprime {
   text-align: right;
}
.moduleKmlIndex .infosResultat {
   color: #999999;
   font-size: 10px;
}
.moduleKmlIndex .photoMdl {
   float: left;
   /*width: 300px;*/
   text-align: center;
   margin-right: 15px;
}
.moduleKmlIndex .photoMdl img {
    /*max-width: 300px;
    width: expression(this.width > 300 ? 300: true);*/

    max-width: 300px;
    width: expression((this.width > 300 && this.width>=this.height) ? 300: true);
    max-height: 300px;
    height: expression((this.height > 300 && this.height>this.width) ? 300: true);
}
.moduleKmlIndex .photoMdl span{
    font-style: italic;
}
.moduleKmlIndex .videoMdl {
   float: left;
   /*width: 300px;*/
   text-align: center;
   margin-right: 15px;
}
.moduleKmlIndex .videoMdl span{
    font-style: italic;
}

/*******************************************************************************
**********************           MODULE KAMELEON          **********************
**********************            module-liste            **********************
*******************************************************************************/


/*Liste des actus*/

.moduleKmlArticles .fiche {
   /*margin-bottom: 20px;*/
}
.moduleKmlArticles h1 {

}
.moduleKmlArticles h1:first-letter {

}
.moduleKmlArticles h2 {

}
.moduleKmlArticles h3 {

}
.moduleKmlArticles .photoMdl {
   float: left;
   /*width: 300px;*/
   text-align: center;
   margin-right: 15px;
}
.moduleKmlArticles .photoMdl img {
    /*max-width: 300px;
    width: expression(this.width > 300 ? 300: true);*/
    max-width: 200px;
    width: expression((this.width > 200 && this.width>=this.height) ? 200: true);
    max-height: 200px;
    height: expression((this.height > 200 && this.height>this.width) ? 200: true);
}
.moduleKmlArticles .photoMdl span{
    font-style: italic;
}
.moduleKmlArticles .videoMdl {
   float: left;
   /*width: 300px;*/
   text-align: center;
   margin-right: 15px;
}
.moduleKmlArticles .videoMdl span{
    font-style: italic;
}
.moduleKmlArticles p {
   text-align: justify;
}
.moduleKmlArticles .infosResultat {
   color: #999999;
   font-size: 10px;
}
.moduleKmlArticles .commentaire {
    color: #666666;
    font-size: 10px;
}

/*******************************************************************************
**********************           MODULE KAMELEON          **********************
**********************         module-liste-agenda        **********************
*******************************************************************************/


.moduleKmlAgenda .fiche {
   /*margin-bottom: 20px;*/
}
.moduleKmlAgenda h1 {

}
.moduleKmlAgenda h1:first-letter {

}
.moduleKmlAgenda h2 {

}
.moduleKmlAgenda h3 {
    margin: 0;
    padding: 0;
    font-size: 1.2em;
}
.moduleKmlAgenda .photoMdl {
   float: right;
   /*width: 300px;*/
   text-align: center;
   margin-left: 15px;
}
.moduleKmlAgenda .photoMdl img {
    /*max-width: 150px;
    width: expression(this.width > 150 ? 150: true);
    max-height: 150px;
    height: expression(this.height > 150 ? 150: true);*/
    max-width: 150px;
    width: expression((this.width > 150 && this.width>=this.height) ? 150: true);
    max-height: 300px;
    height: expression((this.height > 150 && this.height>this.width) ? 150: true);
}
.moduleKmlAgenda .photoMdl span{
    font-style: italic;
}
.moduleKmlAgenda .videoMdl {
   float: left;
   /*width: 300px;*/
   text-align: center;
   margin-right: 15px;
}
.moduleKmlAgenda .videoMdl span{
    font-style: italic;
}
.moduleKmlAgenda p {
   text-align: justify;
}
.moduleKmlAgenda .infosResultat {
   color: #999999;
   font-size: 10px;
}
.moduleKmlAgenda .commentaire {
    color: #666666;
    font-size: 10px;
}
#rechercheAgenda {
    text-align: center;
}
#rechercheAgenda h3 {
    margin-bottom: 5px;
}


/*******************************************************************************
**********************           MODULE KAMELEON          **********************
**********************         module-liste-resume        **********************
*******************************************************************************/

/*Liste des titres des fiches (colonne de résumé des fiches)*/
.moduleKmlResume {
   width: 250px;
}
.moduleKmlResume h1 {

}
.moduleKmlResume h1:first-letter {

}
.moduleKmlResume h2 {

}
.moduleKmlResume h3 {

}
.moduleKmlResume img {
   float: right;
   margin-left: 10px;

    /*max-width: 100px;
    width: expression(this.width > 100 ? 100: true);*/

    max-width: 100px;
    width: expression((this.width > 100 && this.width>=this.height) ? 100: true);
    max-height: 100px;
    height: expression((this.height > 100 && this.height>this.width) ? 100: true);
}
.moduleKmlResume p {
   text-align: justify;
}
.moduleKmlResume .infosResultat {
   color: #999999;
   font-size: 10px;
}
.moduleKmlResume hr {

}

/*******************************************************************************
**********************           MODULE KAMELEON          **********************
**********************         module-liste-titre         **********************
*******************************************************************************/

.moduleKmlTitre .commentaire {
    color: #666666;
    font-size: 10px;
    margin-left: 20px;
}
.moduleKmlTitre img{
    /*max-width: 150px;
    width: expression(this.width > 150 ? 150: true);*/

    max-width: 150px;
    width: expression((this.width > 150 && this.width>=this.height) ? 150: true);
    max-height: 150px;
    height: expression((this.height > 150 && this.height>this.width) ? 150: true);
}

.moduleKmlTitre .image {
    float: left;
    margin-right: 15px;
}


/*******************************************************************************
**********************           MODULE KAMELEON          **********************
**********************          module-liste-une          **********************
*******************************************************************************/

/*actus à la une*/

.moduleKmlUne {
   /*background-color: #eeeeee;
   border: 1px solid black;*/
   width: 100%;
}

.moduleKmlUne h1 {
   margin: 0;
   padding: 0;
   /*border-bottom: 1px dashed black;*/
}
.moduleKmlUne h2 {
    text-indent: 0;
    margin: 0;
    padding: 0;
}
.moduleKmlUne h2:first-letter {
    /*font-size: 20px;*/
    text-transform: uppercase;
}
.moduleKmlUne h3 {
   margin: 0;
}
.moduleKmlUne .pTexte {
   text-align: justify;
}
.moduleKmlUne img {
   /*max-width: 100px;
   width: expression(this.width > 100 ? 100: true);
   max-height: 100px;
   height: expression(this.height > 100 ? 100: true);*/

   max-width: 220px;
   width: expression((this.width > 220 && this.width>=this.height) ? 220: true);
   max-height: 200px;
   height: expression(this.height > 200 ? 200: true);
   
}
.moduleKmlUne p {
   text-align: justify;
   margin-top: 10px;

}
.moduleKmlUne .lireSuite{
   text-align: right;
}

/*******************************************************************************
**********************           MODULE KAMELEON          **********************
**********************           module-recherche         **********************
*******************************************************************************/


/*Liste des actus*/


.moduleKmlRecherche h1 {

}
.moduleKmlRecherche h1:first-letter {

}
.moduleKmlRecherche h2 {

}
.moduleKmlRecherche h3 {

}
.moduleKmlRecherche .photoMdl {
   float: left;
   text-align: center;
   margin-right: 5px;
}
.moduleKmlRecherche .photoMdl img {
    /*max-width: 40px;
    width: expression(this.width > 40 ? 40: true);
    max-height: 40px;
    height: expression(this.height > 40 ? 40: true);*/

    max-width: 40px;
    width: expression((this.width > 40 && this.width>=this.height) ? 40: true);
    max-height: 40px;
    height: expression((this.height > 40 && this.height>this.width) ? 40: true);
}
.moduleKmlRecherche .photoMdl span{
    font-style: italic;
}
.moduleKmlRecherche .videoMdl {
   float: left;
   text-align: center;
   margin-right: 5px;

   /*max-width: 50px;
   width: expression(this.width > 50 ? 50: true);
   max-height: 50px;
   height: expression(this.height > 50 ? 50: true);*/

    max-width: 50px;
    width: expression((this.width > 50 && this.width>=this.height) ? 50: true);
    max-height: 50px;
    height: expression((this.height > 50 && this.height>this.width) ? 50: true);
}
.moduleKmlRecherche .videoMdl span{
    font-style: italic;
}
.moduleKmlRecherche p {
   text-align: justify;
}
.moduleKmlRecherche .infosResultat {
   color: #999999;
   font-size: 10px;
}
.moduleKmlRecherche .commentaire {
    color: #666666;
    font-size: 10px;
}


/*******************************************************************************
**********************          MODULE ADHERENTS          **********************
*******************************************************************************/


/*Liste des adérents*/

.moduleAdherents h1 {

}
.moduleAdherents h2 {

}
.moduleAdherents h3 {

}
.moduleAdherents img {
   float: right;
   margin-left: 10px;
}
.moduleAdherents p {
   text-align: justify;
}
.moduleAdherents .infosResultat {
   color: #999999;
   font-size: 10px;
}
.moduleAdherents hr {

}
.moduleAdherents .formulaire {
   width: 100%;
   background-color: #eeeeff;
}
.moduleAdherents .formulaire .entete {
   color: white;
   text-align: center;
   font-weight: bold;
   background-color: black;
}
.moduleAdherents .formulaire td {
   height: 35px;
}


/*******************************************************************************
************************          MODULE FORUM          ************************
*******************************************************************************/


.moduleForum h1 {

}
.moduleForum h2 {

}
.moduleForum li {
   margin-bottom: 10px;
}
.moduleForum li a {
   font-weight: bold;
}
.moduleForum .commentaire {
   color: #999999;
   font-size: 12px;
}
.moduleForum .action {
   font-size: 12px;
}
.moduleForum .enteteMessage {
   /*background-color: red;*/
   padding: 2px;
   /*border: 1px solid black;*/
   border-bottom: 1px solid black;
}
.moduleForum .message {
   padding: 10px;
   padding-bottom: 25px;
   text-align: justify;
   /*border: 1px solid black;
   border-top: none;*/
}
.moduleForum .ficheSaisie {
   width: 100%;
}
.moduleForum .messageConfirmation {
   text-align: center;
}
.moduleForum hr {
   display : block;
   height: 1px;
   padding: 0;
   color: transparent;
   background-color: transparent;
   border: none;
   border-top : 1px dashed #999999;
   margin : 10px auto 0px auto;
/*marges sous ie*/
   _margin: 13px auto;
}



/*******************************************************************************
************************          MODULE AGENDA          ***********************
*******************************************************************************/


.moduleAgenda h1 {

}
.moduleAgenda h2 {

}
.moduleAgenda h3 {

}
.moduleAgenda .commentaire {
   color: #999999;
   font-size: 10px;
}
.moduleAgenda .selectSalles {
   text-align: center;
}
/*Liste des rendez vous sur une semaine*/
.moduleAgenda .semaine {
   /*background-color: white;*/
}
.moduleAgenda .semaine hr {

}
.moduleAgenda .semaine .annee {
   font-size: 20px;
   font-weight: bold;
   text-align: center;
}
.moduleAgenda .semaine .navigation {
   font-size: 10px;
}
.moduleAgenda .semaine .dateAujourdhui {
   text-align: center;
   font-size: 10px;
}
.moduleAgenda .semaine .enteteJours {
   text-align: center;
}
.moduleAgenda .semaine .enteteJours td{
   border: 1px solid black;
}
.moduleAgenda .semaine .enteteJours td{
   width: 110px;
}
.moduleAgenda .semaine .numeroJour {
   color: #cc0000;
   font-size: 20px;
   font-weight: bold;
}
.moduleAgenda .semaine .nomJour {
   color: #000000;
   font-weight: bold;
}
.moduleAgenda .semaine .mois {
   color: #000000;
   font-size: 10px;
}

.moduleAgenda .semaine .rdvJours {
   text-align: left;
   vertical-align: top;
   height: 250px;
}
.moduleAgenda .semaine .rdvJours td{
   border: 1px solid black;
}
.moduleAgenda .semaine .rdvJours .heure {
   font-size: 10px;
   font-style: italic;
   text-decoration: underline;
}
.moduleAgenda .semaine .rdvJours .evenement {
   color: black;
   font-size: 12px;
   font-weight: bold;
   text-decoration: none;
}
.moduleAgenda .semaine .rdvJours img {
   /*vertical-align : middle;*/
/*   float: left;*/
}
.moduleAgenda .semaine .ajout {
   text-align: center;
   font-size: 10px;
}
.moduleAgenda .semaine .aujourdhui {
   background-color: #ffcc99;
}
.moduleAgenda .semaine .jour {
   background-color: #ffffcc;
}
.moduleAgenda .semaine .weekend {
   background-color: #ffff99;
}

/*** fiche **/

.moduleAgenda #fiche {
   background-color: #ffff99;
   height: 172px;
}
.moduleAgenda #fiche .titre {
   background-color: #ffffcc;
   font-weight: bold;
   height: 10px;
}
.moduleAgenda #fiche .corps {
   vertical-align: top;
   text-align: justify;
}
.moduleAgenda #fiche .corps .date {
   font-style: italic;
   font-size: 12px;
   text-align: left;
}
.moduleAgenda .footer {
   font-size: 10px;
}


/*******************************************************************************
**********************          MODULE CATALOGUE          **********************
*******************************************************************************/


.moduleCatalogue .liste {
   width: 100%;
   border-collapse: collapse;
}
.moduleCatalogue .liste td, .moduleCatalogue .liste th {
   /*padding: 0 2px;*/
}
.moduleCatalogue .liste th {
   background-color: navy;
   color: white;
   text-align: center;
}
.moduleCatalogue .liste .impaire {
   background-color: white;
}
.moduleCatalogue .liste .paire {
   background-color: #e5e5e5;
}
.moduleCatalogue .liste .image {
   /*width: 60px;*/
   height: 60px;
}

.moduleCatalogue .fiche {
   width: 100%;
   background-color: white;
   border: 1px solid black;
   padding: 3px;
}
.moduleCatalogue .fiche h1{
   color: white;
   background-color: #0066cc;
   padding: 0;
   margin: 0 0 10px 0;
   text-align: center;
}
.moduleCatalogue .fiche h1:first-letter {

}
.moduleCatalogue .fiche h2 {
    color: #9dc82e;
    background: none;
}
.moduleCatalogue .fiche p {
   text-align: justify;
}
.moduleCatalogue .fiche img {
   float: right;
   margin-left: 15px;
    /*max-width: 100px;
    width: expression(this.width > 100 ? 100: true);*/

    max-width: 100px;
    width: expression((this.width > 100 && this.width>=this.height) ? 100: true);
    max-height: 60px;
    height: expression((this.height > 60 && this.height>this.width) ? 60: true);
}

.moduleCatalogue h1 {

}
.moduleCatalogue h2 {

}
.moduleCatalogue h3 {

}
.moduleCatalogue .infosResultat {
   color: #999999;
   font-size: 10px;
}
.moduleCatalogue .ajoutPanier {
   float: left;
   width: 230px;
   margin: 10px;
   background-color: #eeeeee;
   border: 1px solid black;
}
.moduleCatalogue .ajoutPanier .enteteFenetre {
   height: 12px;
   padding : 1px;
   background-color: navy;
}
.moduleCatalogue .ajoutPanier .icone {
   float: right;
}
.moduleCatalogue .ajoutPanier .corpsFenetre {
   padding: 5px;
}
.moduleCatalogue .infosResultat {
   color: #999999;
   font-size: 10px;
}
.moduleCatalogue #lieu {
   background-color: #D4DBEE;
   width: 300px;
}


/*******************************************************************************
***********************          MODULE GALERIE          ***********************
*******************************************************************************/


.moduleGalerie h1 {

}
.moduleGalerie h1:first-letter {

}
.moduleGalerie .listeMiniatures {
   border-collapse: collapse;
   border: 1px solid black;
   background-color: #eeeeee;
}
.moduleGalerie .listeMiniatures th {
   color: white;
   text-align: center;
   padding: 5px;
   background-color: navy;
}
.moduleGalerie .listeMiniatures .descriptionGalerie {
   text-align: justify;
   border-bottom: 1px dashed grey;
   padding: 5px;
}
.moduleGalerie .listeMiniatures td {
   padding: 5px;
   text-align: center;
}
.moduleGalerie .listeMiniatures img {
   width:160px;
}
.moduleGalerie .listeMiniatures .titreImg{
   /*font-style: italic;*/
   /*font-weight: bold;*/
}



/*******************************************************************************
**********************              GESTION               **********************
*******************************************************************************/


/**** Menu principal ****/
body{
    font-family: Arial, sans-serif;
    font-size: 11px;
}

.moduleGestion {
   font-family: arial, sans-serif;
   margin: 0;
}
.moduleGestion h1 {
    font-size: 14px;
    text-align: center;
    background-color: #ffe067;
    margin-bottom: 0;
}
.moduleGestion iframe{
    border: 1px solid black;
}
.moduleGestion .hautPage {
   width: 100%;
   height: 34px;
   text-align: center;
   font-weight: bold;
   font-size: 14px;
   margin: 0px auto;
   background: url(../modules/gestion/images/barre_grise_milieux.gif) repeat-x;
}
.moduleGestion .hautPage .texte {
   padding-top: 5px;
}
.moduleGestion .entete {
   width: 452px;
   height: 20px;
   color: black;
   text-align: center;
   font-weight: bold;
   font-size: 14px;
   margin: 0px auto;
   background: url(../modules/gestion/images/barre_jaune_milieu.gif) repeat-x;
}
.moduleGestion .entete .texte {
   padding-top: 2px;
}
.moduleGestion .menu {
   width: 450px;
   border-left: 1px solid #a9a298;
   border-right: 1px solid #a9a298;
   border-bottom: 1px solid #a9a298;
   margin: 0px auto;
   padding: 10px 0   ;
   background-color: #ededed;
}
.moduleGestion .menu h2 {
    text-align:center
}
.moduleGestion ul{
   width: 90%;
   padding: 0px;
   margin: 10px;
}

.moduleGestion li{
   text-align: left;
   list-style: none;
   margin: 0px;
   padding: 0px;
}
.moduleGestion li a {
   display: block;
   width: 100%;
   margin-top: 0px;
   padding: 5px 0 5px 15px;
   font-size: 12px;
   text-decoration: none;
   color: Black;
   font-weight: bold;
}
.moduleGestion li a:hover {
  background-color: #ffd729;
  padding-left: 5px;
  border-left: 10px solid black;
}

.listeCateg {
    margin: 0px;
    margin: 0px 10px 0px 25px;
    font-family: Arial;
    font-size: 12px;
    color: #666666;
}


/**** barre de recherche ****/
.gestionRecherche {
   color: #FFFFFF;
   font-family: arial;
   font-size: 11px;
   width: 100%;
   height: 150px;
   /*padding: 10px 0;*/
   background: url(../modules/gestion/images/fondBarreRechercheGauche.png) top left no-repeat;
}
.gestionRechercheFond {
   background: url(../modules/gestion/images/fondBarreRecherche.png) top repeat-x;
}
.gestionRechercheFond2 {
   background: url(../modules/gestion/images/fondBarreRechercheDroite.png) top right no-repeat;
}
.gestionRechercheFond3 {
   height: 100%;
   background: black url(../modules/gestion/images/fondBarreRechercheEtendu.png) top left repeat-y;
}
.gestionRecherche h1 {
   /*position: relative;
   top: -8px;
   left: -5px;*/
   color: black;
   font-size: 18px;
   font-weight: bold;
   /*text-align: center;*/
   /*vertical-align: top;*/
   margin: 0;
   /*margin-top: -27px;*/
   padding: 15px 10px 0px 0;
   text-indent: 10px;
   /*padding: 0 10px;*/
}
.gestionRecherche td {
   vertical-align: bottom;
   padding: 0 5px;
}
.gestionRecherche a {
   color: #ffd200;
   font-weight: bold;
   text-decoration: none;
}
.gestionRecherche a:hover {
   text-decoration: underline;
}
.gestionRecherche .titreModule {
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    color: #ffcc00;
}
.gestionRecherche .logo {
   max-width: 120px;
   width: expression(this.width > 120 ? 120: true);
}
html>body .gestionRecherche .logo {
   max-width: 120px;
   width: expression((this.width > 120 && this.width>=this.height) ? 120: true);
   max-height: 55px;
   height: expression((this.height > 60 && this.height>this.width) ? 60: true);
}


.gestionCorps {
   background-color: white;
   margin: 0;
   padding: 10px 20px;
}

/**** liste des fiches ****/
.gestionListe {
   height: 500px;
   font-size: 12px;
}
html>body .gestionListe {
   height: auto;
   min-height: 500px;
}
.gestionListe .infosResultat {
   color: #999999;
   font-size: 10px;
}
.gestionListe h1 {
   color: black;
   text-align: center;
   /*margin-bottom: 0;
   padding: 0 0 0 10px;*/
   font-family: arial;
    font-size: 16px;
    /*padding-left: 150px;*/
}
.gestionListe h2 {
   color: black;
   font-family: arial;
   font-size: 12px;
}
.gestionListe hr {
   display : block;
   clear: both;
   height: 1px;
   padding: 0;
   color: transparent;
   background-color: transparent;
   border: none;
   border-top : 1px dashed #999999;
   margin : 10px auto 0px auto;
/*marges sous ie*/
   _margin: 13px auto;
}
.gestionListe p {
   text-align: center;
}
.gestionListe a {
   color: black;
   text-decoration: none;
}
.gestionListe a:hover {
   text-decoration: underline;
}
.gestionListe .cadre{

}
.gestionListe .cadre h1{
    padding: 5px;
/*    background-color: #ffd200;*/
    font-size: 14px;
    color: #ffd200;
    background-color: black;
    text-align: center;
    margin: 0px;
}
.gestionListe .actionGlob {
    font-weight: bold;
    font-size: 11px;
    text-align: center;
    color: #999999;
}
.gestionListe .fiche {
   width: 600px;
   margin: auto;
   padding: 0 20px;
   margin-bottom: 10px;
}
.gestionListe .fiche h1 {
   color: black;
   font-family: arial;
   font-size: 12px;
   margin-bottom: 0;
   padding: 0 0 0 10px;
   background-color: #ffe067;
   text-align: left;
   /*text-transform: capitalize;*/
}
.gestionListe .fiche h1:first-letter {
   text-transform: uppercase;
}
.gestionListe .fiche p {
   text-align: justify;
   margin: 0;
}
.gestionListe .action {
   font-size: 11px;
   float: right;
   color: #999999;
}
.gestionListe .dateModif {
   font-size: 10px;
}
.gestionFooterFond {
    background: black url(../modules/gestion/images/fondBarreFooter.png) top repeat-x;
}
.gestionFooterFond2 {
    background: url(../modules/gestion/images/fondBarreFooterDroite.png) top right no-repeat;
}
.gestionFooter {
   width: 100%;
   color: white;
   font-size: 10px;
   padding: 5px 0 3px 0;
   text-align: center;
   background: url(../modules/gestion/images/fondBarreFooterGauche.png) top left no-repeat;
}
.gestionFooter a {
   color: #ffd200;
   text-decoration: none;
}
.gestionListe .attention {
   color: #ee0000;
}
.gestionListe .commentaire {
   color: #999999;
   font-size: 12px;
}
.gestionListe .photoMdl {
   float: right;
   text-align: center;
   margin-left: 15px;
}
.gestionListe .photoMdl img {
   max-width: 200px;
   /*width: expression(this.width > 200 ? 200: true);
   max-height: 200px;
   height: expression(this.height > 200 ? 200: true);*/

   max-width: 200px;
   width: expression((this.width > 200 && this.width>=this.height) ? 200: true);
   max-height: 200px;
   height: expression((this.height > 200 && this.height>this.width) ? 200: true);
}
.gestionListe .photoMdl span{
    font-style: italic;
}
.gestionListe .videoMdl {
   float: left;
   /*width: 300px;*/
   text-align: center;
   margin-right: 15px;
}
.gestionListe .videoMdl span{
    font-style: italic;
}


/**** fiche ****/
.gestionEdition {
   background-color: white;
   margin: 0;
   padding-top: 10px;
   padding-bottom: 10px;
}
.gestionEdition .champs {
    border: 1px solid black;
}
.gestionEdition #fiche {
   margin: auto;
   width: 600px;
   background-color: #ededed;
   border: 2px solid black;
   font-size: 12px;
}
.gestionEdition #fiche .image {
  /*max-width: 250px;
  width: expression(this.width > 250 ? 250: true);
  max-height: 250px;
  height: expression(this.height > 250 ? 250: true);*/
  float: left;
  margin-right: 10px;

   max-width: 250px;
   width: expression((this.width > 250 && this.width>=this.height) ? 250: true);
   max-height: 250px;
   height: expression((this.height > 250 && this.height>this.width) ? 250: true);
}
.gestionEdition h1 {
   color: black;
   width: 100%;
   font-family: arial;
   font-size: 16px;
   text-align: center;
   margin-bottom: 0;
   padding: 8px 0;
   margin: 0;
   background-color: #ffd200;
}
.gestionEdition .action {
   display: block;
   font-size: 12px;
   text-align: right;
   padding-right: 10px;
}
.gestionEdition .commentaire {
   color: #999999;
   font-size: 12px;
}
.gestionEdition .attention {
   color: #ee0000;
}
.gestionEdition hr {
   display : block;
   height: 1px;
   padding: 0;
   color: transparent;
   background-color: transparent;
   border: none;
   border-top : 1px solid black;
   margin : 20px auto;
/*marges sous ie*/
   _margin: 13px auto;
}
.gestionEdition a {
   color: black;
   /*text-decoration: none;*/
}
.gestionEdition a:hover {
   text-decoration: underline;
}
.gestionEdition .footer {
   width: 100%;
   padding: 0;
   margin: 0;
   text-align: center;
   color: white;
   background-color: black;
}
.gestionEdition .footer a {
   color: #ffd200;
}
.gestionEdition .bouton {
   color: white;
   background: black url(../modules/gestion/images/fondBarreFooter.png) top left repeat-x;
   border: 1px solid black;
   border-left: 2px solid black;
   border-right: 2px solid black;
   padding: 5px 30px 2px 30px;
}


#gestionNavigation {
    background-color: #eeeeee;
}
#gestionNavigation h1 {
    font-size: 13px;
    /*text-align: center;*/
    padding: 0 0 0 8px;
    margin: 15px 0 5px 0;
    background-color: #ffe067;
}
#gestionNavigation ul {
    padding-left: 20px;
    margin-left: 0;
    margin-top: 10px;
}
#gestionNavigation li {
    color: #ffcc00;
}
#gestionNavigation a {
    color: black;
    text-decoration: none;
}


.raccourcis {
    display: inline !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;

    background: none !important;
    font-size: 12px !important;
    color: #666666 !important;
    font-weight: normal!important;
}

.raccourcis:hover {
   text-decoration: underline;
   border-left: none!important;
}
