/* CSS Document */

#global{
    background-image:url(../images/bas_image_fond.jpg);
    background-position:bottom;
    background-repeat:no-repeat;
    padding-bottom:145px;
}


div#global #bas_art{

}

div#bas_art #gauche{
    float:left;
    width:220px;
    border-right:1px solid #feA900;
}

div#gauche h2#titre_rub a{
    color:#ffa208;
}

div#bas_art #droite{
    float:right;
    width:700px;
    margin-top:0px;
    margin-right:0px;
    padding-top:0px;
    padding-right:30px;

}

div#hierarchie{
    text-align:left;
    font-weight:normal;
    color:#8b94a5;
    font-size:1em;
    font-family:'Trebuchet MS', Verdana, sans-serif;
}

div#hierarchie strong.on{
    color:#8b94a5;
    font-size:1.1em;
    font-family:'Trebuchet MS', Verdana, sans-serif;
}

div#hierarchie a{
    color:#8b94a5;
    font-size:0.9em;
}

div#hierarchie a:hover{
    color:#ffa208;
    font-size:0.9em;
}

h1#titre{
    text-align:left;
    font-size:1.6em;
    color:#ffa208;
}

h2#soustitre{
    text-align:left;
    font-weight:bold;
    color:#4aa2d3;
    font-size:1.1em;}

div#logo_art{
    float:left;
    width:205px;
    margin-right:10px;
}

div#chapo{
    color:#8b94a5;
    text-align:left;
    font-size:1.1em;
    font-style:italic;

}

div#chapo p{
    color:#000000;
    text-align:left;
    font-size:1em;
    font-style:italic;
}

div#texte{
    color:#333333;
    text-align:left;
    font-size:1.1em;
    margin-top:10px;
    line-height:160%
}

div#texte p{
    color:#333333;
    text-align:left;
    font-size:1em;
    margin-bottom:12px;
}

div#texte a {
    color:#1386c5;
}

div#texte a:hover{
    color:#ffa208;
}

/* INTERTITRE ffa208 */

div#texte h3.spip{
    color:#ffa208;
    font-size:1.1em;
}
/* HR SPIP */
div#texte hr.spip{
    width:80%;
    margin-left:10%;
    border:1px solid #ffa208;
    color:#fff;}

/* ENCADRE */
div#texte blockquote.spip{
    border:1px solid #ffa208;
    margin-left:10px;
    margin-right:10px;
    -moz-border-radius : 10px 10px;
    width:90%;
    margin:0 auto;
    text-align:center;
}

div#texte blockquote.spip p{
    text-align:center;
}

/* CITATION */

/* InsËre des guillemets avant et aprËs le contenu d'un ÈlÈment Q */

div#texte Q{
    display:block;
    padding:3px;
    margin:2px;
    text-align:center;/* 19 mai center */
    margin-left:0px;
    margin-top:2px;
    color:#8b94a5;
    width:445px;
    position:relative;
    left:140px;
} /* 445 - 21 janv */

div#texte Q:before { line-height:20px; font-family:Georgia, "Times New Roman", Times, serif; content: open-quote; color:#ffa208; font-weight:bold; font-size: 24px; margin:5px;}
div#texte Q:after  { line-height:20px; font-family:Georgia, "Times New Roman", Times, serif; content: close-quote; color:#ffa208; font-weight:bold; font-size: 24px; margin:5px;}

/* TABLEAU */

#texte table.spip{
    width:90%;
    color:#FFFFFF;}

#texte table.spip tr.row_first{
    background-color:#4aa2d3;
    color:#FFFFFF;
}

#texte table.spip tr.row_event{
    background-color:#ccc;
    color:#8b94a5;
}

#texte table.spip tr.row_old{
    background-color:#ccc;
    color:#8b94a5;}

#texte table.spip th strong{
    color:#FFFFFF;}

#texte table.spip th{
    text-align:center;
    color:#FFFFFF;
    background-color:#4aa2d3;
    border:1px solid #4aa2d3;
    border-bottom:1px solid #ffa208;
    -moz-border-radius : 10px 10px;
}

#texte table.spip td{
    text-align:center;
    border:1px solid #ffa208;
    color:#8b94a5;
}

div#gauche ul#dernier_eve{
    width:180px;
} 

/* listes */

div#texte ul.spip li{
    color: #000000;
    /*color:#8b94a5;*/
}

div#texte ol.spip li{
    color:#8b94a5;
}
/* Document joints pdf */
div#conteneur_pdf{
    float: left;
    width:875px;
    text-align:left;
    margin-right:0px;
    padding-top:0px;
    margin-top:15px;
    margin-bottom: 25px;
    color:#1386c5;
}
div#conteneur_pdf h6{
    float: left;
    width:875px;
    text-align:left;
    color:#ffa208;
    font-size:1.1em;
    font-weight: bold;
    margin-bottom: 10px;
}
div#conteneur_pdf a{
    color:#1386c5;
}
/* PORTFOLIO et BANDEAU  */

div#bandeau_art #un{
    float:left;
    margin:0px;
    padding:0px;
    width:90px;
}

div#bandeau_art #deux{
    float:right;
    width:875px;
    text-align:left;
    margin-right:0px;
    padding-top:0px;
    margin-top:0px;
    position:relative;
    left:-5px;

}

div#deux ul#portfolio{
    list-style:none;
    margin:0 auto;
    padding:0px;
    padding-top:0px;
    height:115px;
    text-align:left;
    width:880px;
    position:relative;
    left:-5px;
}

ul#portfolio{
    list-style:none;
    margin:0 auto;
    padding:0px;
    padding-top:5px;
    height:115px;
    /* position:relative;
	top:5px;
	left:-20px; */
    text-align:center;
    width:880px;
}

div#global #bandeau_art{
    height:120px;

}

/* CADRE DOC DIAPO */

div#bas_article{
    text-align:left;
    color:#FFFFFF;
    margin-left:50px;
}

div#clic{
    color:#8b94a5;
    font-weight:bold;
}

div#ho_cadre_doc{
    background-image:url(../images/ho_cadre_doc.jpg);
    background-repeat:no-repeat;
    width:600px;
    height:27px;
}

div#centre_cadre_doc{
    background-image:url(../images/centre_cadre_doc.jpg);
    background-repeat:repeat-y;
    width:600px;
    padding:3px;
    padding-left:5px;
}

div#centre_cadre_doc .portfolio{
    float:left;
    width:165px;
    text-align:center;
    color:#FFFFFF;
}

div#centre_cadre_doc .portfolio h3{
    color:#FFFFFF;
    font-family:'Trebuchet MS', Verdana, sans-serif;
    font-size:1em;
    font-weight:bold;
}


div#centre_cadre_doc .portfolio p{
    color:#FFFFFF;
    font-family:'Trebuchet MS', Verdana, sans-serif;
    font-size:0.9em;
}

div#bas_cadre_doc{
    background-image:url(../images/bas_cadre_doc.jpg);
    background-repeat:no-repeat;
    width:600px;
    height:19px;
}

/* CADRE PS */

div#cadre_ps{
    text-align:left;
    color:#FFFFFF;
    margin-left:50px;
}

div#cadre_ps p{
    text-align:left;
    color:#FFFFFF;
    width: 578px;
}

div#ho_cadre_ps, div#ho_cadre_ps_fr{
    background-image:url(../images/ho_en_savoir.jpg);
    background-repeat:no-repeat;
    width:600px;
    height:38px;
}
div#ho_cadre_ps_en{
    background-image:url(../images/ho_cadre_ps_en.jpg);
    background-repeat:no-repeat;
    width:600px;
    height:38px;
}

div#centre_cadre_ps{
    background-image:url(../images/centre_en_savoir.jpg);
    background-repeat:repeat-y;
    width:600px;
    padding:3px;
    padding-left:5px;
    text-align:left;
} 

div#centre_cadre_ps ul.spip{
    color:#FFFFFF;
    margin-left:30px;
} 

div#centre_cadre_ps ul.spip li{
    color:#FFFFFF;
} 

div#bas_cadre_ps_fr, div#bas_cadre_ps {
    background-image:url(../images/bas_en_savoir.jpg);
    background-repeat:no-repeat;
    width:600px;
    height:25px;
}

div#centre_cadre_ps a{
    color:#FFFFFF;
    font-family:'Trebuchet MS', Verdana, sans-serif;
    font-size:1em;
}

/* SPIPBOUTIK */

div#droite #cadre_commander{
    text-align:left;
    margin:5px;
}

/* Evenement */

div#droite div#eve_article{
    margin-top:5px;
    text-align:left;
}

/* musik */

div#droite ul#musik{
    margin-top:5px;
    margin-left:0px;
    list-style:none;
    text-align:left;
}

div#droite ul#musik li{
    margin-left:0px;
    padding-left:20px;
    text-align:left;
}

/* AUTEUR - RESP - RUB */

div#cadre_resp_rub{
    background-image:url(../images/fond_rub_resp.gif);
    background-repeat:no-repeat;
    width:227px;
    position:relative;
    left:3px;
    z-index:100;
}

div#cadre_resp_rub #contenant{
    padding:5px;
    padding-top:10px;
    width:190px;
}

div#bas_cadre_resp_rub{
    background-image:url(../images/bas_fond_rub_resp.gif);
    background-repeat:no-repeat;
    background-position:bottom;
    width:219px;
    height:19px;
    position:relative;
    left:1px;
}

div#cadre_resp_rub ul#oeuvre_resp_rub{
    text-align:left;
    margin-left:0px;
    padding:0px;
    color:#ffa208;
    list-style-position:inside;
    position:relative;
    left:3px;
}

div#cadre_resp_rub ul#oeuvre_resp_rub li{
    text-align:left;
    margin-left:0px;
    padding:0px;
    color:#ffa208;
}

div#cadre_resp_rub ul#oeuvre_resp_rub a{
    color:#ffa208;
    font-weight:bold;
    font-size:0.9em;
} 

div#votre_ecoute{
    font-weight:bold;
    font-size:1em;}

div#nom_auteur a{
    color:#ffa208;
    font-weight:bold;
}

#cadre_resp_rub #contenant div#logo_auteur{
    float: left;
    position: relative;
    border:1px solid #ffa208;
    float:left;
    width:75px;
    margin-left: 3px;
}

div#picto_adresse{
    width:21px;
    float:left}

div#texte_adresse{
    width:80px;
    float:right}

#cadre_resp_rub #contenant div#droite_auteur{
    float:right;
    width:105px;
    text-align:left;
    font-size:0.9em;
}

div#cadre_resp_rub ul#oeuvre_resp_rub a.on 

{

    font-weight: bold;

    color: #0981c3;

}

/* FORMULAIRE - Mai 09 */

div#texte .spip_forms{
    border:none;
}

div#texte fieldset{
    border:1px solid #ffa208;

}

div#texte legend{
    color:#ffa208;

}

div#texte .spip_bouton{
    text-align:left;
}

div#texte .spip_bouton input{
    border:1px solid #ffa208;
    color:#ffa208;
}

/* FORM */

div#texte .spip_form_ok{
    background-color: transparent;
    border:1px solid #ffa208;
    color: #ffa208;
    font-weight: 700;
    text-align: center;


}

/* ENLUMINURES */

div#texte .caractencadre-spip{
    color:#1386c5;
    font-weight: 700;

}

div#texte .texteencadre-spip{
    background-color:#f8f5e9;
    border:1px solid #ffa208;
    padding: 2px;

}

div#texte h2.spip, div#chapo h2.spip{
    color:#ffa208;
    font-size: 1.5em;
    font-family:'Trebuchet MS', Verdana, sans-serif;

}

div#texte h3.spip, div#chapo h3.spip{
    color:#ffa208;
    font-size: 1.3em;
    font-family:'Trebuchet MS', Verdana, sans-serif;

}

div#texte h3.spip{
    color:#ffa208;
    font-size: 1.2em;
    text-align: left;
}

div#texte h4.spip, div#chapo h4.spip{
    color: #4aa2d3; /* bleue */
    font-size: 1.2em;
    font-family:'Trebuchet MS', Verdana, sans-serif;
    text-align: center;
    margin-bottom: 1.2em;

}

div#texte h5.spip, div#chapo h5.spip{
    color: #4aa2d3;
    font-size: 1.1em;
    font-family:'Trebuchet MS', Verdana, sans-serif;
    text-align: center;
    margin-bottom: 1em;

}

div#gauche h2#titre_rub a{

    color: #ffa208;

    text-align: left;

    padding-left: 10px;

    font-size: 1.1em;

}

div.socialtags { margin: 2px 0 0px 0; padding 0;}


.socialtags ul {
    display: inline;
    margin: 0 !important;
    padding: 0 !important;
}
.socialtags ul li {
    background: none;
    display: inline;
    list-style-type: none;
    margin: 0;
    padding: 1px;
}
.socialtags ul li:before { content: ""; }
.socialtags img {
    float: none;
    width: 16px;
    height: 16px;
    border: 0;
    margin: 0;
    padding: 0;
}

.socialtags-hovers {
    opacity: .4;
    -moz-opacity: .4;
    filter: alpha(opacity=40);
}
.socialtags-hovers:hover {
    opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
}

#conteneur_galerie{
    float: left;
    padding-top: 20px;
    display: inline-block;
}

