/*---------------------- Styles de la page des ressources -----------------*/
/* Contient les style pour faq, annonces, chartes... */


/****************************************************************/
/**************--------- partie DROITE ---------***************/
/****************************************************************/
div#menu_ressource {
  float : right;
  position: relative;
  right : -10px;
  top : 15px;
  width : 155px;
  height : 350px;
  text-align: left;
}

div#menu_ressource h5  {
  font-size: 1.5em;
  text-align : left;
  position: relative;
  left : 10px;
  color : #E20074;
}

div#menu_ressource ul  {
  list-style-type: none;
  position: relative;
  top : -3px;
  float : right;
}

div#menu_ressource ul li {
  position: relative;
  width: 145px;
  height : 20px;
  margin-top : 3px;
  margin-bottom : 2px;
  cursor: pointer;
  background : url("../interface/menu/fond_sous_menu.gif") no-repeat 0 0;
}

div#menu_ressource ul li.menu_sep {
  background : url("../interface/cleaner_1.gif") repeat-x 0 3px;
  height: 10px;
  margin : 0px !important;
}

div#menu_ressource ul li a {
  position: relative;
  text-decoration: none;
  left : 10px;
  top : 3px;
}

div#menu_ressource ul li img.menu_onglet  {
  position: absolute;
  visibility: hidden;
  top : 0px;
  left : 0px;
}

img.menu_actif {
  position: absolute;
  top : 0px;
  left : -15px;
  
}
/*******************************************************************************************/
/****************************--------- partie centrale ---------****************************/
/*******************************************************************************************/
/***----------generique--------***/
div#centre_ressources  {
  background: #333333 url(../interface/ressources_img.jpg) no-repeat bottom right;
  margin-bottom:10px;
  min-height:345px;
  padding:10px;
  position:relative;
  width:788px;
}

/********------------Sous menu généraique gauche------------**********/
div.ss_menu_ress  {
  background-color: #333333;
  margin-bottom:10px;
  min-height:285px;
  padding:10px;
  position:relative;
  width:228px;
  float: left;
}

div#detail_annonce, div#detail_intw {
  background-color: #333333;
  margin-bottom:10px;
  min-height:285px;
  margin-left : 10px;
  padding:10px;
  position:relative;
  width:473px;
  float: left;
}

div.ss_menu_ress ul {
  list-style-type: none;
  margin-bottom: 10px;
}
div.ss_menu_ress ul>li {
  margin-top : 10px;
  margin-bottom : 2px;
}

div.ss_menu_ress ul p.titre_ress  {
  cursor : pointer;
  background : url(../interface/pictos/picto_dossier_lien.gif) no-repeat 0px 0px; 
  padding-left : 20px;
}

div.ss_menu_ress ul p.titre_ress img {
  display: inline;
  position: relative;
  top : 3px;
}


div.ss_menu_ress ul li ul.cont_ress {
  margin-left : 10px;
  margin-top : 5px;
}

div.ss_menu_ress ul li ul.cont_ress li {
   margin-bottom : 4px;
}

div.ss_menu_ress a#btn_ajout_annonce {
  position: absolute;
  display: block;
  bottom : 10px;
  width: 210px;
  text-align: center;
  background-image : url(none) !important;
}

div.ss_menu_ress ul li ul li a {
  text-decoration: none;
  display: block;
}

div.ss_menu_ress ul li ul li a span {
  display: block;
  margin-top : 5px;
}

div.ss_menu_ress ul li ul li.actif {
  background-color: #666666 !important;
}

div.ss_menu_ress ul li ul.cat_visible {
  display: block;
}

div.ss_menu_ress ul.spe_intw li ul li {
    width: 100px;
    padding : 5px;
    background-image: none;
    background-color: #3d3d3d;
}

div.ss_menu_ress ul.spe_intw li ul li a {
  width: 100px;
}

div.ss_menu_ress ul.spe_intw li ul li a:hover {
    background-color: #666666;
}

div.ss_menu_ress ul.spe_intw li ul.cont_ress {
  margin-left : 0px;
  padding-left: 0px;
  text-align: center;
}

.acco_actif {
  color: #e2e2e2 !important;
}

/********------------ANNONCES------------**********/
div#detail_annonce .lien_interne  {
  position: absolute;
  display: block;
  bottom : 10px;
  width: 455px;
  text-align: center;
  background-image : url(none) !important;
}

/********------------INTERVIEW------------**********/
div div#ss_menu_intw  {
  width:110px;
}

div#detail_intw {
  width:613px;
}

div#txt_intw, div#player {
  width : 400px;
  margin-top : 10px;
  float: left;
}

div#detail_intw div.intw_publi_asso {
    /*float: left;*/
    background: url(../interface/cleaner_3.gif) repeat-x top;
    margin-top : 10px;
    padding-top : 10px;
    clear: both;
}

div#detail_intw div.intw_publi_asso .blc_2_1, div#detail_intw div.intw_publi_asso .blc_2_2, div#detail_intw div.intw_publi_asso .blc_2_3 {
  float: left;
  margin-bottom : 10px;
}

div#detail_intw div.intw_publi_asso .blc_2_1  {
  width : 190px;
}

div#detail_intw div.intw_publi_asso .blc_2_2  {
  width : 290px;
}

div#detail_intw div.intw_publi_asso .blc_2_3  {
  width : 390px;
}




div#detail_intw div.intw_publi_asso .sep_r {
  padding-right: 10px;
  background : url(../interface/sep_v.gif) repeat-y right; 
}

div#detail_intw div.intw_publi_asso .sep_l {
  padding-left: 10px;
  position: relative;
  left : -2px;
  background : url(../interface/sep_v.gif) repeat-y left; 
}

div.intw_publi_asso p {
  line-height: 1.5em;
  margin-left : 15px;
  margin-bottom : 10px;
  padding-right : 15px;
}

div.intw_publi_asso a.lien_intw_vignette  {
  width : 120px;
  height : 120px;
  display: block;
  float: left;
  margin-left : 5px;
  margin-right : 5px;
  margin-bottom : 10px;
  padding : 5px;
}

div.intw_publi_asso a.lien_intw_vignette img {
  
}

div.intw_publi_asso .media {
  float : left;
  margin-bottom : 20px;
}

div.intw_publi_asso ul {
  margin-bottom : 10px;
  margin-left : 16px;
  list-style-type: none;
}

div.intw_publi_asso ul li {
  background: url(../interface/puces/fls_b3b3b3.gif) no-repeat 0 5px;
  padding-left : 10px;
  padding-top : 2px;
}

div.intw_publi_asso ul.liste_img  {
 margin-left :0px;
}

div.intw_publi_asso ul.liste_img li {
  background: #3d3d3d;
  margin : 5px;
  padding : 5px;
  float : left;
  line-height: 0em;
}

div.intw_publi_asso ul.liste_img li:hover {
  background: #666666;
}
/********------------Charte------------**********/
div#cont_charte {
  width : 450px;
}

div#cont_charte h4 {
  margin-left : 5px;
}

div#cont_charte p {
  margin : 5px 0 10px 15px;
}
/********------------FAQ------------**********/

ul.liste_question {
  list-style-position: outside;
  list-style-type : none;  
  float: left;
  height : auto;
  /*background-color: blue;*/
  width:360px;
}

ul.liste_question li {
  margin : 0;
  padding : 0;
  height : auto;
  margin-top : 6px;
  margin-bottom : 4px;
}

div#centre_ressources div#contenu_ress {
  margin : 0;
  padding : 0;
  width : 450px;
  margin : 0;
  padding : 0;
  padding-bottom : 5px;
  margin-top : 0;
  padding-top : 10px;
  clear : both;
}

div#centre_ressources div#contenu_ress h4 {
  margin-top: 20px;
}

div#centre_ressources div#contenu_ress h4 a  {
  float : right;
  width : 11px;
  height : 6px;
  margin : 0;
  padding : 0;
  margin-right : 5px;
  margin-top : 3px;
  text-decoration : none;
  background: url("../interface/puces/haut.gif") no-repeat 0 0;
}

div#centre_ressources div#contenu_ress p, div#centre_ressources div#contenu_ress img  {
  margin : 0;
  padding : 0;
  margin : 5px 0px 5px 10px;
}

/********------------NEWS------------**********/
div.news_unique, div.news_resume {
  width : 500px;
  margin-top : 10px;
  padding-bottom : 26px;
  position: relative;
}

div.news_resume {
  background: url(../interface/cleaner_3.gif) repeat-x bottom; 
}


div.news_resume h4, div.news_unique h4 {
  margin-bottom : 10px;
}

div.news_unique a.lien_interne, div.news_resume a.lien_interne {
  position: absolute;
  bottom: 10px;
  right : 0px;
}

div.news_unique a.btn_action {
    width: 150px;
}

div.news_unique ul {
  list-style-type: none;
  margin : 5px 0px 5px 5px;
}

div.news_unique ul li {
  background: url(../interface/puces/fls_b3b3b3.gif) no-repeat 0px 5px;
  padding-left : 10px;
  margin-left : 0px;
}
/***************************DOSSIER RECURSSIF********************************************/

div#arbre_recurssif {
  margin : 0;
  padding : 0;
  margin : 15px 10px 10px 10px;
  background-color: #F3F8E4;
  border-left : 1px solid #353D5A;
}

.lien_pub {
  background: url("../interface/picto/picto_fichier.png") no-repeat left;
  padding-left : 20px;
}
.lien_dossier {
  background: url("../interface/picto/picto_dossier.png") no-repeat left;
  padding-left : 20px;
}


/************************** PICTOGRAMMES *******************************/
.picto_annonce {
  background : url("../interface/pictos/picto_annonces.gif") no-repeat 0px 5px;
  padding-left : 16px;
}