body{
    background-image:url("../images/fond.jpg");
    font-family:arial-black, arial;
}

#page-et-liens {
    width:900px;
    margin:auto;
    margin-top:30px;
 }

 #page {
     background-color:#F3F4F1;
}

#banniere{
    height:150px;
}

/*************************************/
/*     INFOS ICECAST                 */
/*************************************/
#infos-icecast{
    margin-left:15px;
    margin-bottom:5px;
}
/*************************************/
/*      NAVIGATEUR OBSOLETE          */
/*************************************/
#navigateur-obsolete{
    margin:auto;
    width:900px;
    height:700px;
    background-image:url('../images/navigateur_obsolete.jpg');
    background-repeat:no-repeat;
}

#navigateur-obsolete #texte{
    text-align:center;
    margin-top:250px;
}

#navigateur-obsolete #texte p{
    width:550px;
    font-weight:bold;
}

/*************************************/
/*            MESSAGE                */
/*************************************/
#message-info{
    font-weight:bold;
    font-size:16px;
    margin-top:300px;
    text-align:center;
}
/*************************************/
/*            CONTACT                */
/*************************************/
#liens-contact{
    text-align:right;
    margin-bottom:0;
 }

 #liens-contact a{
     margin-left:10px;
     font-size:12px;
     text-decoration:none;
     color:black;
     font-weight:bold;
}


/*************************************/
/*         MENU PRINCIPAL            */
/*************************************/
#menu-principal{
    position:relative;
    left:-5px;
    height:40px;
    width:915px;
    background-image:url("../images/menu_principal.png");
    background-repeat:no-repeat;
    padding-left:15px;
    clear:both;
    margin-bottom:0;
}

#menu-principal li{
    display:block;
}

#menu-principal ul{
    margin:0;
    padding:0;
}

#menu-principal .rubrique{
    float:left;
}

#menu-principal .rubrique a{
    color:black;
    font-weight:bold;
    text-decoration:none;
    font-size:15px;
    height:21px;
    display:block;
    padding-top:2px;
    margin-left:10px;
    margin-right:10px;
}

#menu-principal .rubrique:hover {
    background-image:url("../images/menu_principal_hover.png");
}

#menu-principal .rubrique ul{
    border:solid 1px black;
    background-image:url("../images/menu_deroulant.png");
    background-repeat:repeat;
}

#menu-principal .sous-rubriques{
    position:absolute;
    display:none;
}

#menu-principal li.sous-rubrique,
#menu-principal li.article{
    height:20px;
    width:185px;
}

#menu-principal .sous-rubriques a{
    font-size:12px;
}

#menu-principal .rubrique li:hover{
    background-image:url("../images/menu_deroulant_hover.png");
}

#menu-principal .niveau3{
    position:relative;
    left:180px;
    bottom:18px;
    display:none;
}


/*************************************/
/*         BLOC NAVIGATION           */
/*************************************/
#navigation{
    width:171px;
    float:left;
    text-align:center;
    margin-left:15px;
}

/*************************************/
/*    INSCRIPTION NEWSLETTER         */
/*************************************/
.newsletter-inscription  label{
    font-size:small;
}
/*************************************/
/*           BLOC ECOUTE             */
/*************************************/
#ecoute{
    margin-bottom:10px;
}

#ecoute a{
    display:block;
    background-repeat:no-repeat;
}

#ecoute .bdcone-distant{
    height:92px;
    background-image:url("../images/ecoute_bdcone_distant.png");
}

#ecoute .frequence-girondins{
    height:92px;
    margin-bottom:3px;
    background-image:url("../images/ecoute_frequence_girondins.png");
}

#ecoute .bdcone-local{
    height:46px;
    margin-bottom:3px;
    background-image:url("../images/ecoute_bdcone_local.png");
}

/*************************************/
/*             WEBZINE               */
/*************************************/
.webzine {
    font-size:12px;
}

.webzine .pair,
.webzine .impair{
    width:49%;
    height:150px;
}

.webzine .pair .contenu,
.webzine .impair .contenu{
    height:100px;
}

.webzine .pair{
    float:right;
 }

 .webzine .impair{
     float:left;
 }

 .webzine h3 {
     float:left;
     font-size:12px;
     font-weight:bold;
     margin:2px;
     padding:1.5px;
}

.webzine h3 a {
    text-decoration:none;
    color:#006666;
}

.webzine h3 a:after{
    content:" :";
}

    .webzine h4 {
    border-bottom:solid 1px #006666;
    font-size:0.9em;
    margin:2px;
    padding:1.5px;
}

    .webzine h4 a{
    text-decoration:none;
}

    .webzine .contenu{
    width:98%;
}

    .webzine .image{
    float:left;
    padding:2px;
}

.webzine .metadonnees{
    clear:both;
    font-size:10px;
    text-align:right;
}

/*************************************/
/*           BLOC CONTENU            */
/*************************************/
#corps-page{
  width:688px;
  margin-top:0;
  text-align:left;
  margin-left:195px;
}

#corps-page .spip_documents_center{
    clear:none;
 }

 .cartouche .spip_logos{
     float:left;
}

#corps-page .cartouche{
    padding-top:5px;
}

#corps-page .cartouche .titre{
    padding-left:5px;
    padding-bottom:0;
}

/*************************************/
/*         FOND GRIS                 */
/*************************************/
#corps-page .cartouche{
  padding:10px;
  width:676px;
  background-image:url("../images/fond-articles-haut.png");
  background-repeat:no-repeat;
}

#corps-page .corps-article,
#corps-page .corps-rubrique,
#corps-page .bloc-commentaires{
  padding:10px;
  width:676px;
  background-image:url("../images/fond-articles-milieu.png");
  background-repeat:repeat-y;
}

#corps-page .bloc-commentaires #declencheur-nouveau-commentaire {
    position:relative;
    bottom:-15px;
}

#corps-page .corps-article{
  min-height:535px;
}

#corps-page .corps-rubrique{
  min-height:645px;
}

#corps-page .corps-rubrique .pagination{
  position:absolute;
  top:1010px;
}

#corps-page .pied-article,
#corps-page .pied-rubrique{
    padding:10px;
    height:13px;
    width:676px;
    background-image:url("../images/fond-articles-bas.png");
    background-repeat:no-repeat;
}

#corps-page .corps-rubrique .webzine{
    height:500px;
}

/*************************************/
/*         FIL D'ARIANNE             */
/*************************************/
#ariane {
    margin:0;
    padding:3px;
    padding-top:0;
    margin-top:-10px;
    margin-bottom:10px;
    font-style: italic;
    font-size:10px;
    color:#999999;
}

#ariane a {
    color:#888
}

/*************************************/
/*            PAGE ECOUTE            */
/*************************************/
#page-ecoute
{
   background-image:url('../images/webcams_chat-fond.png');
   background-repeat:no-repeat;
   width:900px;
   height:700px;
}

 #page-ecoute #Layer1 {
     position:absolute;
     left:50px;
     top:20px;
     width:535px;
     height:99px;
     z-index:1;
}

 #page-ecoute #webcam-technique,
 #page-ecoute #webcam-studio
 {
    display:block;
    width:255px;
    height:205px;
    position:absolute;
    left:25px;
 }

 #page-ecoute #webcam-technique
 {
     position:absolute;
     top: 90px;
 }

#page-ecoute #webcam-studio
 {
     position:absolute;
     top: 315px;
 }

 #chat
 {
     position:absolute;
     top: 90px;
     left:295px;
 }



/*************************************/
/*        CONTENU RUBRIQUE           */
/*************************************/
.liste-contenu-rubrique .liste-articles .titre,
.liste-contenu-rubrique .liste-rubriques .titre{
    font-size:12px;
    text-decoration:none;
}

.liste-contenu-rubrique .liste-articles a,
.liste-contenu-rubrique .liste-rubriques a{
    color:#7c0092;
}

.liste-contenu-rubrique .liste-rubriques li{
    height:50px;
}

/*************************************/
/*          COMMENTAIRES             */
/*************************************/

.bloc-commentaires a {
    text-decoration:none;
    font-size:small;
    color:black;
}

.commentaire {
    padding:7px;
    margin:3px 20px;
    background-color:#EEE;
    border:1px solid #B0EAFF;
    color:#003E3E;
}

.commentaire .titre{
    font-weight:bold;
}

/*************************************/
/*             CADRES                */
/*************************************/
.cadre{
    margin-bottom:10px;
    margin-top:0;
    width:100%;
}

.cadre .entete-cadre{
    height:31px;
    margin-bottom:0;
    margin-top:0;
}

.cadre .titre-cadre{
    padding-top:6px;
    margin-top:0px;
    margin-bottom:0;
    font-size:15px;
    float:left;
}

.cadre .titre-cadre a{
    text-decoration:none;
    color:black;
 }

 .cadre .entete-cadre .image{
     padding-top:3px;
     position:relative;
     left:600px;
 }

 .cadre .entete-cadre .image img{
     height:25px;
     width:25px;
 }

 .cadre .contenu-cadre {
     text-align:left;
     margin:0;
     padding-top:3px;
     padding-left:8px;
     padding-right:20px;
     padding-bottom:3px;
}

/*       PETITS CADRES        */
#navigation .cadre .entete-cadre{
    width:165px;
    padding-left:10px;
    background-repeat:no-repeat;
    background-image:url("../images/cadre_petit-barre_haut.png");
}

#navigation .cadre .titre-cadre{
    font-weight:bold;
    text-align:left;
}

#navigation .cadre .contenu-cadre {
    background-image:url("../images/cadre_petit-barre_milieu.png");
    background-repeat:repeat-y;
}

#navigation .cadre .bas{
    background-repeat:no-repeat;
    background-image:url("../images/cadre_petit-barre_bas.png");
    height:6px;
}

/*       GRANDS CADRES        */
#corps-page .cadre .entete-cadre{
    padding-left:10px;
    background-repeat:no-repeat;
    background-image:url("../images/cadre_grand-barre_haut.png");
}

#corps-page .cadre .titre-cadre{
    font-weight:bold;
    text-align:left;
}

#corps-page .cadre .contenu-cadre {
    background-image:url("../images/cadre_grand-barre_milieu.png");
    background-repeat:repeat-y;
}

#corps-page .cadre .bas{
    background-repeat:no-repeat;
    background-image:url("../images/cadre_grand-barre_bas.png");
    height:6px;
}

/*       CADRE WEBZINE        */

.webzine.cadre .contenu-cadre{
    height:465px;
    border:none;
}

.cadre.webzine .pagination{
    clear:both;
   position:absolute;
   top:1370px;
}



/*       CADRE BANNIERE EMISSIONS        */

#corps-page #bannieres-emissions.cadre{
    width:419px;
}

#corps-page #bannieres-emissions.cadre .entete-cadre{
    background-repeat:no-repeat;
    background-image:url("../images/cadre_emissions-barre_haut.png");
}

#corps-page #bannieres-emissions.cadre .contenu-cadre {
    background-image:url("../images/cadre_emissions-barre_milieu.png");
    background-repeat:repeat-y;
    height:210px;
    padding-left:5px;
}

#corps-page #bannieres-emissions.cadre .bas{
    background-repeat:no-repeat;
    background-image:url("../images/cadre_emissions-barre_bas.png");
    height:6px;
}


/*       CADRE PUB        */
#corps-page #pub.cadre{
    float:right;
    width:262px;
    margin-left:0;
 }

 #corps-page #pub.cadre .entete-cadre{
     background-image:url("../images/cadre_pub-barre_haut.png");
}

#corps-page #pub.cadre .contenu-cadre {
    background-image:url("../images/cadre_pub-barre_milieu.png");
    background-repeat:repeat-y;
    height:210px;
}

#corps-page #pub.cadre .bas{
    background-repeat:no-repeat;
    background-image:url("../images/cadre_pub-barre_bas.png");
    height:6px;
}



/*************************************/
/*        MENU SECONDAIRE            */
/*************************************/
#menu-secondaire{
    margin-left:-5px;
    margin-top:10px;
    margin-bottom:10px;
}

#menu-secondaire a{
    padding-right:4px;
    display:block;
    text-decoration:none;
    color:black;
    font-size:14px;
    padding-top:3px;
    background-image:url("../images/menu_secondaire.png");
    background-repeat:no-repeat;
    height:36px;
    margin-bottom:5px;
}

/*************************************/
/*              NEWS                 */
/*************************************/
.news{
    font-size:10px;
    padding-left:2px;
    padding-right:10px;
    padding-top:0;
}

.news .titre{
    margin:0;
    margin-bottom:5px;
    border-bottom:solid 1px #006666;
    width:500px;
}

.news .titre a{
    text-decoration:none;
    color:#006666;
    font-weight:bold;
    font-size:12px;
}

.news .pair,
.news .impair{
    padding-top:5px;
    padding-left:5px;
    padding-right:5px;
    height:85px;
}

.news .image{
    float:left;
}

.news .metadonnees{
    float:right;
    font-size:10px;
    font-weight:normal;
    margin-top:5px;
    padding-bottom:3px;
}

.news .resume{
    margin:0;
    font-size:12px;
    font-weight:normal;
    margin-left:20px;
    margin-right:20px;
    height:45px;
}

.cadre.news .pagination {
    margin-left:10px;
}

/*************************************/
/*         PIED DE PAGE              */
/*************************************/
#pied-de-page{
    background-image:url("../images/pied_de_page.png");
    background-repeat:no-repeat;
    width:100%;
    clear:both;
    height:50px;
    padding:7px;
    padding-bottom:0;
}


/*************************************/
/*       MENTIONS LEGALES            */
/*************************************/
#mentions-legales{
    font-size:10px;
}

#mentions-legales p{
    margin:0;
}

/*************************************/
/*        lecteur playlist           */
/*************************************/
#musiques-jointes .radiobox{
    float:right;
    border:1px solid white;
 }


 /*************************************/
 /*        DOCUMENTS JOINTS           */
 /*************************************/
 #documents-joints{
     width:100%;
     padding-bottom:90px;
}

#documents-joints h2{
    margin-top:100px;
}

#documents-joints .document-joint{
    text-align:center;
    width:120px;
    font-size:10px;
    float:left;
    margin-bottom:20px;
}

#documents-joints .document-joint .logo{
    width:100%;
}

#documents-joints .document-joint .titre{
    width:100%;
    margin-bottom:2px;
}

#documents-joints .document-joint .type{
    width:100%;
    display:inline;
}

#documents-joints .document-joint .taille{
    width:100%;
    display:inline;
}