/* Couleurs de base
clair  = rgb(242, 245, 225);
medium = rgb(183, 206, 66);
sombre = rgb(0, 117, 117);
*/

/* === clair  === */

ul#onglets a,
div.liste_deco1{
background-color: rgb(242, 245, 225);
}

/* === medium  === */

p.commentaires_titre{
background-color: rgb(183, 206, 66);
color: rgb(0, 117, 117);
}

body div.encadre_fiche h3,
body div.encadre_auto_fiche h3{
background-color: rgb(183, 206, 66);
}

/* === sombre  === */

p#commenter a,
p#afficher_masquer_commentaires a,
div#repondre_offre a,
p.repondre a,
body div.encadre_generique h3,
body div.encadre_rubrique h3,
body div.encadre_nav_auto h3,
body div.commentaires_deco2 h3{
background-color: rgb(0, 117, 117);
}

div.style4 h3,
div.style5 h3,
body dt,
body h6{
color: rgb(0, 117, 117);
}

/* === */

div#page{
background-image: url(img_0/page.png);
}

/* === Contenu central === */
body.actualite p#thematique,
body.article p#thematique,
body.document p#thematique,
body.document p#type,
body.offresstagesemplois p#thematique,
body.associationetudiant p#thematique,
body.associationetudiant p#type,
body.actualite p#type,
ul#onglets{
color: rgb(183, 206, 66);
}

dt, h6{
background-image: url(img_0/dt.png);
}

/* === Style 1 */

div.style1 h3,
.style1_generique{
background-image: url(img_0/style1/h3.png);
color: rgb(0, 117, 117);
}

/* === Style 2 */

div.style2 h3{
background-image: url(img_0/style2/h3.png);
color: rgb(0, 117, 117);
}

/* === Style 3 */

div.style3{
background-color: rgb(242, 245, 225);
background-image: url(img_0/style3/style3.png);
}

div.style3 h3{
background-image: url(img_0/style3/h3.png);
}

div.style3_contenu{
background-image: url(img_0/style3/contenu.png);
}

div.style3_deco{
background-image: url(img_0/style3/deco.png);
}

/* --- Commentaires --- */

p#commenter a{
background-image: url(img_0/commenter.png);
}

div.commentaires_deco2 h3{
background-image: url(img_0/commentaires.png);
}

p.commentaires_date,
p.commentaires_site{
background: rgb(242, 245, 225);
border-color: rgb(0, 117, 117);
}

/* === */

div.encadre_fiche h3,
div.encadre_auto_fiche h3{
background-image: url(img_0/encadre_fiche.png);
}

div.encadre_fiche_contenu,
div.encadre_auto_fiche_contenu{
background-color: rgb(242, 245, 225);
background-image: url(img_0/encadre_fiche_contenu.png);
}

/* === Onglets === */

body.formation ul#onglets a{
background-image: url(img_0/formation/onglet.png);
}

body.defaultstructureksup ul#onglets a{
background-image: url(img_0/structure/onglet.png);
}

ul#onglets li#actif a,
ul#onglets li a:hover,
ul#onglets li#actif a:focus{
background-color: rgb(183, 206, 66) !important;
}

body.formation ul#onglets li#actif a,
body.formation ul#onglets li a:hover,
body.formation ul#onglets li#actif a:focus{
background-image: url(img_0/formation/onglet_actif.png);
}

body.defaultstructureksup ul#onglets li#actif a,
body.defaultstructureksup ul#onglets li a:hover,
body.defaultstructureksup ul#onglets li#actif a:focus{
background-image: url(img_0/structure/onglet_actif.png);
}

/* === Listes d'objets === */

div.liste_deco1{
background-image: url(img_0/listes/deco1.png);
}

div.liste_deco2{
background-image: url(img_0/listes/deco2.png);
}

div.liste_deco3{
background-image: url(img_0/listes/deco3.png);
}

div.liste_deco4{
background-image: url(img_0/listes/deco4.png);
}

/* --- liste d'objets sur fond clair --- */

div.style3 div.liste_deco1{
background-image: url(img_0/listes/fond_clair/deco1.png);
}

div.style3 div.liste_deco2{
background-image: url(img_0/listes/fond_clair/deco2.png);
}

div.style3 div.liste_deco3{
background-image: url(img_0/listes/fond_clair/deco3.png);
}

div.style3 div.liste_deco4{
background-image: url(img_0/listes/fond_clair/deco4.png);
}

/* === Puces === */

ul li {
list-style-image: url(img_0/puce1.png);
}

ul ul li{
list-style-image: url(img_0/puce2.png);
}

/* === Puces specifiques pour les parcours dans la fiche formation === */

body.formation #parcours ul li{
list-style-image:url(img_0/dt.png);	
}

body.formation #parcours ul li li{
list-style-image:url(img_0/puce1.png);	
}

body.formation #parcours ul li li li{
list-style-image:url(img_0/puce2.png);	
}

/* === repondre offre & repondre === */
div#repondre_offre a,
p.repondre a{
background-image: url(img_0/repondre.png);
}