CSS avant design hiver 2016 pour couleurs accordéon

/* -------------  Arrière plan ---------- */
body {background: #4a4daf url("http://img11.hostingpics.net/pics/576321fond.jpg") top center no-repeat ;}
/* -------------  Couleur des liens ---------- */

a:link {text-decoration: none;color: #0c1908;}

a:hover {text-decoration: none;  color: #3a2d7c;}

/* Navigation */
a.mainmenu:link {color: #660808!important;}

/* Fil d'ariane */
a.nav {color: #3a2d7c;}

/* Fil d'ariane Indicateur de l'espace */
a.nav:link {color: #3a2d7c;}

.postbody a, a.postlink {color: #1D5F81!important;}

/* Titre de la chatBox et du QEEL */
.cattitle, .cattitle a, .cattitle:link, .cattitle strong {color: #ffffff;}

/* Fil d'ariane Indicateur de l'espace bas du listing des posts */
.catBottom, .catBottom .nav, .catBottom .nav a.nav:link  {color: #ffffff;}
i

/* ----------- Cadres ----------- */

/* Cadre publicité */
#fa_ticker_block .forumline {border: none;}
/* Cadre avatars */
            .avatar_profil {
    background-color:#142118; /* couleur de fond */
    padding:5px; /* marge interne */
    -webkit-border-radius: 10px; /* contour arrondi */
    -moz-border-radius: 10px; /* contour arrondi */
    border-radius: 10px; /* contour arrondi */}

/* ----------- Tableau ----------- */
.tableau {border-collapse : collapse;}
.tableau td {border: 1px solid #000; padding: 2px;}
.tableau .entete {background-color: #C2DCDD; font-weight: bold}

/* ----------- Présentation des sections ----------- */

/* Espace entre les sections */
.forumline {margin : 10px 0;}

/* Taille de la colonne des infos (dernier message, nr de post et sujet) */
td.row3 {min-width : 150px;}

/* ---------------- Chatbox -------------- */

/* Code pour la couleur du fond de la chatbox */
body.chatbox {background-color: #F7F7F7;}

.chatbox-options span{color: #F7F7F7;}

/* ---------------- Qui est en ligne ---------------- */

/* Code pour changer l‘alignement de la phrase qeel */
.cattitle {padding-left: 100px;}

td.catHead, th.thHead {padding: 0 15px;}

/* ------------- Gestion des titres ---------- */

/* Titre des en tête de section */
.secondarytitle {padding: 4px 0;}

.secondarytitle h2 {font-size :18px; letter-spacing: 1px; font-variant: small-caps;color: #F7F7F7;}

/* Titre des salles */
.hierarchy {font-variant: small-caps;}

/* Titre des en tête des salles */
th {color: #F7F7F7;}

/* ------------- Elements de texte ---------- */

/* Titre des en tête des options lorsque l'on poste un message */
.thHead .gen {color: #F7F7F7}

/* ------------- Elements d'image ---------- */
.signature_div img {max-width: 600px; max-height: 200px;}

/* ------------- Gestion dde l'accordeon ---------- */

/*************************************************!
*
*  project:    liteAccordion - a horizontal accordion plugin for jQuery
*  author:    Nicola Hibbert
*  url:        http://nicolahibbert.com/liteaccordion-v2/
*  demo:      http://www.nicolahibbert.com/demo/liteAccordion/
*
*  Version:    2.0.2
*  Copyright:  (c) 2010-2011 Nicola Hibbert
*  Licence:    MIT
*
**************************************************/
/****************************************** Core */
.accordion { text-align: left; font: Open Sans, Arial, sans-serif }
.accordion > ol { position: relative; overflow: hidden; height: 100%; margin: 0; padding: 0; list-style-type: none }
.accordion .slide > h2 {
    letter-spacing: 1px;
    color: #DEEBEF;
    font-size: 16px;
    font-weight: normal;
    margin: 0;
    z-index: 100;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translateX(-100%) rotate(-90deg);
    -webkit-transform-origin: right top;
    -moz-transform: translateX(-100%) rotate(-90deg);
    -moz-transform-origin: right top;
    -o-transform: translateX(-100%) rotate(-90deg);
    -o-transform-origin: right top;
    transform: translateX(-100%) rotate(-90deg);
    transform-origin: right top;
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.accordion .slide > h2 span {
    display: block;
    padding-right: 8%;
    text-align: right;
    height: 90%;
    margin-top: 5px;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}
.accordion .slide > h2 b {
    display: inline-block;
    position: absolute;
    top: 13%;
    left: 10%;
    text-align: center;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
.accordion .slide > h2:hover { cursor: pointer }

.accordion .slide > div { height: 100%; position: absolute; top: 0; z-index: 10; overflow: hidden; background: white; font-size: 14px}

.accordion noscript p { padding: 10px; margin: 0; background: white }

/*************************************** Theme */
/* Cadre accordeon */
.accordion {
    border: 7px solid #263a1a;
    border-bottom-width: 8px;
    padding: 5px 5px 6px 0;
    background: #fff;
}

/* Couleur du texte des panels de l'accordéon */
.accordion .slide > div a {text-decoration: none;color: #660709;}
/* Titre des panels */
.accordion .slide > h2 { background: #fff; text-shadow: 0 -1px 0 #000; line-height: 265% }
/* Fond des panels */
.accordion .slide > h2 span { background: #7cb1e4 url('http://img11.hostingpics.net/pics/713832acc1a.jpg') top left; color: #FFFFFF; }
/* Chiffre des panels */
.accordion .slide > h2 b {color: #fff; text-shadow: -1px 1px 0 #000000}
/* Fond du panel en cours */
.accordion .slide > h2.selected span, .accordion .slide > h2.selected span:hover {
    background: #7cb1e4 url('http://img11.hostingpics.net/pics/728708acc1b.jpg') top left;
}
/* Chiffre du panel en cours */
.accordion .slide > h2.selected b {}
.accordion .slide > div { background: #fff; margin: 15px 10px 5px 10px}

/*************************************** Rounded */
.rounded, .rounded > ol { -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px }
.rounded .slide > h2 span { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px }

/******************************************** IE */
.ie .slide > h2 b { top: 42%; left: 5% }
.ie9 .slide > h2 { filter: none; -ms-transform: translateX(-100%) rotate(-90deg); -ms-transform-origin: right top }
.ie.accordion .slide > h2 b { top: 44% }
.ie9.accordion .slide > h2.selected span, .ie9.accordion .slide > h2.selected span:hover { filter: none }

/******************************************** FA */
.accordion figure .full { width: 100%; height: 100%; }
.accordion h2 { border: none; }

/* centrer l'accordéon */
.accordion { margin: auto; }