/* éléments HTML en général du JDE
*******************************************************************************/
html, body{
	margin: 0;
	padding: 0;
}

body{
	color: #000;
 	font-family: Arial, Helvetica, sans-serif;
}

#wrapper{
	width: 1000px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	position: relative;
}

h1, h2, h3, h4{
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}

ul{
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
  margin: 0;
  padding: 0;
}

ul.puce{
  list-style-type: none;
  list-style-image: url(../images/puceli.png);
  list-style-position: inside;
}

textarea{
	background: #FFF url(../images/shadow.gif) repeat-x top;
	border-bottom: 1px solid #DDD;
	border-left: 1px solid #C3C3C3;
	border-right: 1px solid #C3C3C3;
	border-top: 1px solid #7C7C7C;
	color: #333;
	margin: 0;
	width: 320px;
	padding: 2px 0 0 3px;
}

input.text, input.text_search, input.text_mini{
	background: #FFF url(../images/shadow.gif) repeat-x top;
	border-bottom: 1px solid #DDD;
	border-left: 1px solid #C3C3C3;
	border-right: 1px solid #C3C3C3;
	border-top: 1px solid #7C7C7C;
	color: #333;
	font-size: 11px;
	margin: 0;
	padding: 2px 0 0 3px;
}

input.text{ width: 180px; }
input.text_search{ width: 100px; }
input.text_mini{ width: 170px; }

input.file{
  background: #FFF url(../images/shadow.gif) repeat-x top;
  border-bottom: 1px solid #DDD;
	border-left: 1px solid #C3C3C3;
	border-right: 1px solid #C3C3C3;
	border-top: 1px solid #7C7C7C;
	color: #333;
	font-size: 11px;
	width: 180px;
	margin: 0;
	padding: 2px 0;
}

select{
  background: #FFF url(../images/shadow.gif) repeat-x top;
	border-bottom: 1px solid #DDD;
	border-left: 1px solid #C3C3C3;
	border-right: 1px solid #C3C3C3;
	border-top: 1px solid #7C7C7C;
	color: #333;
	font-size: 11px;
	margin: 1px 0;
	padding: 1px 0 0;
}

/* Structure de page
*******************************************************************************/
/* groupe (top + bar_info + bar_search + menu) - voir theme */
#header{
  display: block;
  width: 990px;
  /*height: 190px;*/
	padding: 5px 5px 0 5px;
	margin: 0;
}

  /* groupe (logo + advertise) - voir theme */
  #top{
    display: block;
    width: 990px;
    height: 90px;
    margin: 0; 
    overflow: hidden;
  }

    #logo{
      float: left;
      width: 250px;
      height: 90px;
    }
    
      #logo a{
        display: block;
        width: 250px;
        height: 90px;
        cursor: pointer;
        text-decoration: none;
      }
      
        #logo a img{
          border: none;
        }

  /* barre de recherche - voir theme */
  #bar_search{
    margin: 0;
    overflow: hidden;
  }
  
    #bar_search .search{
      float: right;
      padding: 3px 0;
      overflow: hidden;
    }

      #bar_search .search li{
        float: left;
        margin: 0 5px 0 0;
      }

      #bar_search .search li .champ{
        height: 13px;
        border: 1px solid #DDD;
      }

  /* barre d'info - alert + connection */
  #bar_info{
    display: block;
    height: 18px;
    overflow: hidden;
  }

  #info_alert{
    float: left;
    height: 18px;
    width: 650px;
    /*background: #EEE;*/
  }

  /* form de connection sur la home */
  #connect{
    float: right;
    height: 18px;
    width: 285px;
    margin: 0;
    text-align: left;
    overflow: hidden;
  }
  
    #connect a{
      text-decoration: none;
      font-size: 12px;
      font-weight: bold;
    }
    
      #connect a img{
        border: none;
        vertical-align: bottom;
        margin: 0 5px 0 0;
      }
  
    #connect span{
      font-size: 11px;
      font-weight: bold;
    }

#page{
  display: block;
  width: 990px;
  padding: 0 5px;
  overflow: hidden;
  height: 1%;
  clear: both;
}

/* secret - boite slide
*******************************************************************************/
#secret{
  display: block;
  padding: 0 0 10px 0;
  overflow: hidden;
  height: 1%;
}

  #secret h1{
    color: #FFA519;
    font-size: 16px;
    margin: 0 0 5px 0;
    padding: 0;
  } 

  #secret h2{
    text-align: center;
    color: #FFA519;
    font-size: 16px;
    margin: 5px 0 10px 0;
  } 

    #secret h2 span{
      display: block;
      color: #000;
    } 

  #secret h3{
    /*width: 700px;*/
    margin: 5px auto;
    color: #000;
  } 
/*
    #secret .bloc_center{
      display: block;
      width: 550px;
      margin: 10px auto 5px auto;
      height: 1%;
      overflow: hidden;
    }
      
    #secret .bloc_center .illustration{
      float: left;
      width: 100px;
    }

    #secret .bloc_center .texte{
      float: left;
      width: 450px;
      font-size: 12px;
      text-align: justify;
    }
*/

  #secret table{
    margin: 0 auto;
  }

    #secret table tr td{
      width: 230px;
      font-size: 11px;
      vertical-align: top;
    }

  #secret .bouton{
    width: 700px;
    margin: 10px auto;
    font-size: 12px;
    text-align: right;
  }

.center{
  margin: 5px auto;
  width: 700px;
}

/* Page de connexion  
*******************************************************************************/
#form_connect{
  display: block;
  overflow: hidden;
  height: 1%;
}

  #form_connect .saisie{
    float: left;
    width: 500px;
    margin: 5px 5px 5px 50px;
  }

    #form_connect .saisie h2{
      text-align: left;
    }

    #form_connect .saisie fieldset{
      border: 1px solid #DDD;
      padding: 5px;
    }

      #form_connect .saisie fieldset legend{
        font-size: 16px;
        font-weight: bold;
        padding: 0 5px;
        color: #FFA519;
      }

      #form_connect .saisie p,
      #form_connect .saisie .bloc,
      #form_connect .saisie ul{
        display: block;
        font-size: 11px;
        height: 1%;
        margin: 5px 0 15px 20px;
        overflow: hidden;
      }
      
        #form_connect .saisie p img{
          float: left;
          margin: 0 10px 0 0;
        }
           
        #form_connect .saisie p a,
        #form_connect .saisie li a{
          text-decoration: none;
          color: #696969;
        }
        
          #form_connect .saisie p a:hover{
            color: #CCC;
          }

          #form_connect .saisie p a img{
            border: none;
            vertical-align: bottom;
          }
      
      #form_connect .saisie label{
        display: inline;
        float: left;
        width: 130px;
      }
 
        #form_connect .saisie .long{
          display: inline;
          float: left;
          width: 200px;
        }
      
  #form_connect .info{
    float: left;
    width: 310px;
    font-size: 11px;
    color: #696969;
    margin: 5px 5px 5px 40px;
  }
  
  #form_connect .info h2{
    
    font-size: 16px;
    text-align: left;
  }

    #form_connect .info a img{
      border: none;
      margin: 10px 0 0 0;
    }

    #form_connect .info p{
      display: block;
      height: 1%;
      overflow: hidden;
      text-align: justify;
      margin: 5px 0;
    }

      #form_connect .info p img{
        float: left;
        margin: 0 10px 0 0;
      }

      #form_connect .info p a{
        text-decoration: none;
        color: #696969;
      }
   
/* formulaire de connexion  
*******************************************************************************/
.form_connect{
  display: block;
  margin: 0;
  height: 1%;
  overflow: hidden;
}

    .form_connect fieldset{
      border: 1px solid #DDD;
      padding: 5px;
      margin: 5px 0;
    }

      .form_connect fieldset legend{
        font-size: 12px;
        padding: 0 5px;
        color: #696969;
      }

      .form_connect p{
        font-size: 11px;
        margin: 5px 0 15px 20px;
      }
      
        .form_connect p a{
          text-decoration: none;
          color: #696969;
        }
        
          .form_connect p a:hover{
            color: #CCC;
          }

          .form_connect p a img{
            border: none;
            vertical-align: bottom;
          }
      
      .form_connect label{
        display: inline;
        float: left;
        width: 150px;
      }

    .form_connect .go{
      vertical-align: bottom;
    }

.bottom_connect{
  display: block;
  font-size: 11px;
  text-align: center;
  margin: 10px auto;
  overflow: hidden;
}

  .bottom_connect a{
    text-decoration: none;
    color: #696969;
  }
    
    .bottom_connect a:hover{
      color: #CCC;
    }


/* Affichage du profil user
*******************************************************************************/
#show_tab_user{
  float: left;
  display: block;
  width: 650px;
  margin: 0 10px 10px 0;
}

  #show_tab_user h2{
    font-size: 14px;
    text-align: left;
  }

  #show_tab_user p{
    font-size: 11px;
    padding: 0;
    margin: 0 0 10px 10px;
  }

  #show_tab_user .tab_user{
    display: block;
    height: 1%;
    overflow: hidden;
    margin: 10px 0 0 8px;
  }
  
    #show_tab_user .tab_user li{
      float: left;
      height: 19px;
      width: 95px;
      margin: 0 2px;
      padding: 7px 0 0 35px;
      font-size: 11px;
      color: #FFF;
      font-weight: bold;
    }

      #show_tab_user .tab_user li a{
        display: block;
        text-decoration: none;
        width: 95px;
        color: #696969;
      }
  
        #show_tab_user .tab_user li a:hover{
          color: #FFF;
        }

.tab_compte_actif{ background: transparent url(../images/tab_user_compte.gif) no-repeat 0 0; }
.tab_invite_actif{ background: transparent url(../images/tab_user_invite.gif) no-repeat 0 0; }
.tab_ami_actif{ background: transparent url(../images/tab_user_ami.gif) no-repeat 0 0; }

.tab_compte_inactif{ background: transparent url(../images/tab_user_compte.gif) no-repeat 0 -26px; }
.tab_invite_inactif{ background: transparent url(../images/tab_user_invite.gif) no-repeat 0 -26px; }
.tab_ami_inactif{ background: transparent url(../images/tab_user_ami.gif) no-repeat 0 -26px; }

#zone_content{
  border-style: solid;
  border-color: #6AA7FA;
  border-width: 4px 2px 2px 2px;
  padding: 5px;
}

  #zone_content h4{
    display: block;
    background: #EEE none;
    border-bottom: 1px solid #DDD;
    margin: 10px 0;
    padding: 2px 0 2px 5px;
    height: 1%;
    overflow: hidden;
  }

    #zone_content h4 b{
      float: left;
      font-size: 13px;
      color: #696969;
    }
    
    #zone_content h4 span{
      float: right;
    }
    
      #zone_content h4 span a img{
        border: none;
      }

  #zone_content p{
    display: block;
    font-size: 11px;
    margin: 5px 10px;
  }

  #zone_content p label{
    float: left;
    width: 180px;
  }

    #zone_content p a{
      text-decoration: none;
      color: #696969;
    }
    
      #zone_content p a:hover{
        color: #CCC;
      }
      
      #zone_content p a img{
        border: none;
        vertical-align: bottom;
      }
      
  #zone_content .school{
    display: block;
    margin: 5px 10px;
    height: 1%;
    font-size: 11px;
    overflow: hidden;
    clear: both;
  }

    #zone_content .school img{
      float: left;
      width: 100px;
      text-align: center;
      margin: 0 5px 0 0;
    }
    
      #zone_content .school a img {
        border: none;
      }

    #zone_content .school h3{
      font-size: 12px;
      font-weight: bold;
      margin: 5px 0;
    }
    
      #zone_content .school h3 a{
        text-decoration: none;
        color: #696969;
      }
      
        #zone_content .school h3 a:hover{
          color: #CCC;
        }

  #zone_content .list_friend{
    display: block;
    height: 1%;
    overflow: hidden;
  }

    #zone_content .list_friend li{
      float: left;
      width: 80px;
      margin: 5px;
      padding: 5px 2px;
      text-align: center;
      font-size: 11px;
      border: 1px solid #DDD;
    }
    
      #zone_content .list_friend li a{
        text-decoration: none;
        color: #696969;
      }
      
      #zone_content .list_friend li a:hover{
        color: #CCC;
      }

    #zone_content fieldset{
      border: 1px solid #DDD;
      padding: 5px;
    }

      #zone_content fieldset legend{
        font-size: 11px;
        color: #696969;
      }

/* fiche recapitualive du user */
#info_for_user{
  float: left;
  width: 300px;
}

  #info_for_user h2{
    text-align: left;
    font-size: 14px;
  }

  #info_for_user .show_info_user{
    display: block;
    background: #EEE;
    padding: 5px;
    margin: 0 0 10px 0;
    font-size: 11px;
    height: 1%;
    overflow: hidden;
    border: 1px solid #E7E7E7;
  }
  
    #info_for_user .show_info_user img{
      float: left;
      background: #FFF;
      border: 1px solid #DDD;
      padding: 5px;
      margin: 0 10px 0 0;
    }
  
    #info_for_user .show_info_user span{
      color: #696969;
    }

  #info_for_user p{
    display: block;
    font-size: 11px;
    color: #696969;
    height: 1%;
    overflow: hidden;
  }

    #info_for_user p img{
      float: left;
      margin: 0 10px 0 0;
    }

/* advertise
*******************************************************************************/
#ad_banner{
  float: right;
  width: 728px;
  height: 90px;
  text-align: right;
  vertical-align: middle;
  margin: 0;
  padding: 0;
}

  #ad_banner a img, #ad_banner img{
    border: none;
  }

.ad_pave{
  width: 300px;
  text-align: center;
  margin: 2px auto;
  border: none;
}

  .ad_pave a img, .ad_pave img{
    border: none;
  }

.ad_autopromo, .ad_pave_edito{
  float: left;
  display: block;
  width: 300px;
  margin: 10px;
}

  .ad_autopromo a img, .ad_autopromo img, .ad_pave_edito a img, .ad_pave_edito img{
    border: none;
  }

#autopromo_services{
  display: block;
  text-align: center;
}


/* Menu
*******************************************************************************/
#menu{
  display: block;
  height: 50px;
  overflow: hidden;
}

  #menu ul{
    float: left;
  }

#tab01, #tab02, #tab03, #tab04, #tab05, #tab06{
  float: left;
  cursor: pointer;
}

  #tab01 a, #tab02 a, #tab03 a, #tab04 a, #tab05 a, #tab06 a{
    display: block;
    text-decoration: none;
  }

/* Container
*******************************************************************************/

.title a{
  text-decoration: none;
  padding: 7px 0 0 0;
}

  .title a img{
    border: none;
    margin: 5px 0 0 0;
  }

/* content */
#content{
  float: left;
  display: block;
  width: 680px;
  _width: 675px;
  padding: 0 0 5px 0;
  margin: 0 5px;
  overflow: hidden;
  height: 1%;
}

#content_dialog{  /* version large */
  width: 100%;
  padding: 0;
  margin: 2px auto;
}

  #content_dialog .bloc_texte{
    padding: 5px 0 10px 0;
  }

/* Affichage des icones en colonne
*******************************************************************************/
ul.icones_col{
  display: block;
}

  ul.icones_col li{
    margin: 2px 0;
    font-size: 11px;
  }

    ul.icones_col li img{
      vertical-align: bottom;
      margin: 0 10px 0 0;
    }

    ul.icones_col li a{
      text-decoration: none;
      color: #696969;
    }
  
      ul.icones_col li a img{
        border: none;
        vertical-align: bottom;
        padding: 0 5px 0 0;
      }

/* Affichage des icones en ligne
*******************************************************************************/
ul.icones_ligne{
  display: block;
  width: 99%;
  overflow: hidden;
  height: 1%;
}

  ul.icones_ligne li{
    float: left;
    font-size: 11px;
    margin: 0 5px;
  }

  ul.icones_ligne li a{
    text-decoration: none;
    color: #696969;
  }

    ul.icones_ligne li a img,
    ul.icones_ligne li img{
      border: none;
      vertical-align: bottom;
      padding: 0 2px 0 0;
    }

/* Affichage des articles
*******************************************************************************/
.separator{
  display: block;
  width: 99%;
  height: 2px;
  background-color: #DDD;
  overflow: hidden;
}

.article{
  display: block;
  margin: 2px 0;
  overflow: hidden;
}

  .article h2 a{
    font-size: 11px;
    color: #494949;
    padding: 0;
    margin: 5px 0 0 0;
    text-decoration: none;
  }
  
    .article h2 a:hover{
      color: #CCC;
    }

.part_left{
  float: left;
  display: block;
  width: 250px;
  overflow: hidden;
  padding: 0 10px 0 0;
}

  .part_left .photo{
    width: 250px;
  }

    .part_left .photo a img{
      width: 250px;
      border: 0;
    }

  .part_left .tags{
    display: block;
    color: #696969;
    font-size: 11px;
    margin: 5px 0;
  }  

    .part_left .tags a{
      text-decoration: none;
      color: #C3020D;
    } 

      .part_left .tags a:hover{
        color: #696969;
      } 

.part_right{
  float: left;
  display: block;
  width: 400px;
  overflow: hidden;
}

  .part_right .date{
    float: left;
    display: block;
    width: 250px;
    height: 20px;
    color: #696969;
    font-size: 11px;
  }

  .part_right .icons{
    float: right;
    display: block;
    width: 99%;
    height: 20px;
    font-size: 11px;
    overflow: hidden;
  }

    .part_right .icons li{
      float: right;
      margin: 0 2px;
    }

    .part_right .icons li a{
      text-decoration: none;
      color: #696969;
    }
    
    .part_right .icons li img{
      border: none;
      vertical-align: middle;
      margin: 0 2px;
    }

  .part_right .text{
    display: block;
    color: #000;
    font-size: 12px;
    text-align: justify;
    
  }
  
  .part_right .more{
    font-size: 11px;
    text-align: right;
  }

    .part_right .more a{
      color: #000;
      text-decoration: none;
    }

      .part_right .more a:hover{
        color: red;
        text-decoration: underline;
      }

.about{
  
}

  .bloc_texte h2{
    font-size: 14px;
    margin: 5px 10px;
  }

  .bloc_texte p{
    font-size: 12px;
    text-align: justify;
    margin: 5px 10px 5px 20px;
  }
  
  .bloc_texte ul{
    margin: 0 0 0 15px;
    font-size: 12px;
  }


/* vignette */
#show_vignette{
  display: block;
  width: 100%;
  margin: 0;
  overflow: hidden;
}

.vignette{
  float: left;
  width: 180px;
  /*height: 200px;*/
  border: 1px solid #CCC;
  background: #FFF none no-repeat left top;
  padding: 5px;
  margin: 5px 7px;
  text-align: center;
}

  .vignette .photo{
    width: 175px;
    margin: 0 auto 2px auto;
    height: 125px;
    overflow: hidden;
  }

    .vignette .photo a img{
      width: 175px;
      /*height: 120px;*/
      border: 0;
    }

  .vignette .title{
    height: 55px;
    font-size: 11px;
    margin: 3px 0;
    padding: 0;
  }
  
    .vignette .title a{
      text-decoration: none;
      font-weight: bold;
      color: #494949;
    }
    
      .vignette .title a:hover{
        color: #CCC;
      }
  
  .vignette .date{
    height: 16px;
    font-size: 10px;
    font-weight: normal;
    color: #696969;
  }
  
  .vignette .tags{
    height: 16px;
    font-size: 10px;
  }  

    .vignette .tags a{
      text-decoration: none;
      color: #C3020D;
    }

      .vignette .tags a:hover{
        color: #696969;
      }

/* Sidebar
*******************************************************************************/
#sidebar{
  float: left;
  display: block;
  width: 300px;
  padding: 5px 0;
  overflow: hidden;
}

.block{
  display: block; 
  width: 290px;
  margin: 5px;
  overflow: hidden;
  clear: both;
}

  .block .top{
    display: block;
    height: 1%;
    overflow: hidden;
  }

  .block h3{
    float: left;
    font-size: 13px;
    margin: 0;
  }
  
    .block h3 a img{
      border: none;
      vertical-align: bottom;
    }  

  .block .plus{
    float: right;
    width: 60px;
    text-align: right;
    font-size: 11px;
    margin: 0;
    padding: 6px 3px 0 0;
  }

    .block .plus a{
      text-decoration: none;
      font-weight: bold;
    }
    
    .block ul li a{
      text-decoration: none;
      font-weight: normal;
      color: #494949;
    }
    
      .block ul li a:hover{
        color: #CCC;
      }

  .block .bottom{
    display: block;
    width: 290px;
    font-size: 1px;
  }

/* Boite services
*******************************************************************************/  
  .block .services{
    display: block;
    padding: 5px;
  }

    .block .services ul{
      display: block;
      height: 1%;
      overflow: hidden;
    }    
    
    .block .services ul li{
      float: left;
      width: 85px;
      font-size: 11px;
      text-align: center;
      margin: 0 2px;
      padding: 0;
    }

      .block .services ul li img{
        width: 50px;
        height: 50px;
        border: 0;
        vertical-align: bottom;
      }

      .block .services .savoir_plus{
        text-align: right;
        font-size: 11px;
        margin: 0 5px 0 0;
        border: none;
      }
      
        .block .services .savoir_plus a{
          text-decoration: none;
          color: #696969;
        }

          .block .services .savoir_plus a:hover{
            color: #CCC;
          }

  #liste_theme{
    display: none;
  }

/* Boite connected
*******************************************************************************/
  .connected{
    display: block;
    font-size: 11px;
    padding: 5px;
  }  

  .connected ul{
    display: block;
    height: 1%;
    overflow: hidden;
  }
    
    .connected ul li{
      float: left;
      width: 80px;
      text-align: center;
      margin: 2px;
      padding: 0;
    }
  
      .connected ul li img{
        width: 18px;
        height: 18px;
        border: 0;
        vertical-align: bottom;
      }

  .add_friend{
    border: 0;
    padding: 0;
    margin: 0;
    text-align: right;
  }
  
    .add_friend a{
      text-decoration: none;
    }

/* Boite play
*******************************************************************************/
  .block .play{
    display: block;
    padding: 5px 5px 5px 10px;
  }

/* Boite last_comments
*******************************************************************************/
  .block .comments{
    display: block;
    padding: 0 5px 0 10px;
  } 

    .block .comments .comment{
      display: block;
      text-align: left;
      font-size: 11px;
      padding: 5px 0;
      margin: 5px 0;
      height: 1%;
      overflow: hidden;
    }
    
      .block .comments .comment .date{
        float: left;
        font-size: 11px;
        /*height: 40px;*/
        width: 60px;
        color: #696969;
        text-align: center;
        margin: 0 10px 0 0;
      }

      .block .comments .comment h2,
      .block .comments .comment p{
        font-size: 11px;
        margin: 0;
        padding: 0;
      }

        .block .comments .comment h2 a,
        .block .comments .comment p a{
          text-decoration: none;
          color: #000;
        }
  
          .block .comments .comment h2 a:hover,
          .block .comments .comment p a:hover{
            color: #CCC;
          }
.border1, .border2, .border3, .border4, .border5{
  border-bottom: 1px solid #DDD;
}
       
/* Boite cloud tags
*******************************************************************************/
  .cloud_tags{
    display: block;
    padding: 5px 5px 5px 10px;
    text-align: justify;
    line-height: 1.8em;
  }

  .cloud_tags a.micro{
    display: inline;
    text-decoration: none;
    color: #696969;
    font-size: 11px; 
    font-weight: normal;
    margin: 0 5px;
  }
  
  .cloud_tags a.mini{
    display: inline;
    text-decoration: none;
    color: #DF1F68;
    font-size: 14px; 
    font-weight: bold;
    margin: 0 5px;
  }  

  .cloud_tags a.petit{
    display: inline;
    text-decoration: none;
    color: #56BC3C;
    font-size: 16px; 
    font-weight: bold;
    margin: 0 5px;
  } 

  .cloud_tags a.moyen{
    display: inline;
    text-decoration: none;
    color: #5091F9;
    font-size: 18px; 
    font-weight: bold;
    margin: 0 5px;
  }    

  .cloud_tags a.micro:hover, 
  .cloud_tags a.mini:hover,
  .cloud_tags a.petit:hover,
  .cloud_tags a.moyen:hover{
    text-decoration: none;
    color: #CCC;
  }

/* Boite categories
*******************************************************************************/
  .categories{
    font-size: 11px;
    padding: 5px 5px 5px 10px;
  }

  .categories p{
    display: block;
    text-align: right;
    margin: 0 5px 0 0;
  }
  
    .categories p a{
      text-decoration: none;
      color: #696969;
    }
    
      .categories p a:hover{
        color: #CCC;
      }
  
/* Boite participants
*******************************************************************************/
  .participants{
    font-size: 11px;
  }
  
    .participants ul{
      margin: 5px auto;
      width: 280px;
      overflow: hidden;
    }
    
    .participants ul li{
      float: left;
      width: 85px;
      font-size: 10px;
      text-align: center;
      margin: 0 3px;
      overflow: hidden;
    }

      .participants ul li a img{
        border: none;
      }

  .participants p{
    display: block;
    text-align: right;
    margin: 0 5px 0 0;
  }
  
    .participants p a{
      text-decoration: none;
      color: #696969;
    }
    
      .participants p a:hover{
        color: #CCC;
      }
      
/* Boite flux rss
*******************************************************************************/
  .flux_rss{
    font-size: 11px;
    padding: 5px;
  }

    .flux_rss a img{
      border: none;
      padding: 0 5px 0 0;
    }

  .flux_rss p{
    display: block;
    text-align: right;
    margin: 5px 5px 0 0;
  }

    .flux_rss p a{
      text-decoration: none;
      color: #696969;
    }
    
      .flux_rss p a:hover{
        color: #CCC;
      }

/* Boite articles les plus
*******************************************************************************/
.articles_more{
  display: block;
  width: 288px;
  height: 1%;
  margin: 0;
  font-size: 11px;
}

  .articles_more .tabs{
    display: block;
    width: 280px;
    height: 16px;
    margin: 0 3px;
    padding: 5px 0 0 0;
    overflow: hidden;
    clear: both;
  }

    .articles_more .tabs li{
      float: left;
      width: 90px;
      height: 14px;
      text-align: center;
      cursor: pointer;
      color: #696969;
      border-top: 1px solid #DDD;
      border-left: 1px solid #DDD;
      border-right: 1px solid #DDD;
    }

      .articles_more .tabs li a{
        display: block;
        width: 90px;
        text-decoration: none;
      }

  .articles_more .tab_actif{
    background: #EEE;
    border-bottom: 1px solid #EEE;
  }
    
  .articles_more .tab_inactif{
    border-bottom: 1px solid #DDD;
  }

  #article_tab01{ margin: 0 1px 0 0; }
  #article_tab02{ margin: 0 1px 0 1px; }
  #article_tab03{ margin: 0 0 0 1px; }

  .articles_more .show_result{
    display: block;
    background: #EEE;
    border-style: solid;
    border-color: #DDD;
    border-width: 0 1px 1px 1px;
    width: 278px;
    _width: 277px;
    height: 1%;
    padding: 0;
    margin: 0 3px;
    clear: both;
  }

#more_see, 
#more_comment,
#more_share{
  padding: 5px 2px;
}

  #more_see li, 
  #more_comment li,
  #more_share li{
    display: block;
    height: 1%;
    margin: 2px 0;
    overflow: hidden;
    clear: both;
  }

  .articles_more .nb_fois{
    float: left;
    width: 52px;
    height: 26px;
    margin: 0 5px 0 0;
    text-align: center;
    background: transparent url(../images/bg_vote.gif) no-repeat left top;
    border: none !important;
  }
  
  .articles_more .texte{
    float: left;
    width: 200px;
    border: none !important;
  }

/* Boite filtre mémo
*******************************************************************************/
  .filter{
    display: block;
    padding: 5px;
    font-size: 11px;
  }

/* Boite tools mémo
*******************************************************************************/
  .tools_memo{
    display: block;
    padding: 5px;
  }

    .tools_memo ul{
      display: block;
      height: 1%;
      overflow: hidden;
      
    }    
    
      .tools_memo ul li{
        float: left;
        width: 120px;
        font-size: 11px;
        text-align: center;
        margin: 0 2px;
        padding: 0;
      }

        .tools_memo ul li img{
          width: 50px;
          height: 50px;
          border: 0;
          vertical-align: bottom;
        }

/* Boite help search
*******************************************************************************/
  .help_search{
    padding: 5px;
    background: #EEE;
  }

    .help_search h3{
      font-size: 13px;
      color: #696969;
    }

    .help_search ul{
      font-size: 11px;
      display: block;
      text-align: left;
      margin: 10px 5px 0 15px;
    }

/* Boite ecole
*******************************************************************************/
  .ecoles{
    display: block;
    padding: 5px;
  }

    .ecoles .ecole{
      display: block;
      height: 60px;
      margin: 5px 0;
      border: none;
      overflow: hidden;
    }

      .ecoles .ecole .photo{
        float: left;
        width: 80px;
        height: 60px;
        border: none;
        overflow: hidden;
      }

        .ecoles .ecole .photo img{
          width: 80px;
          height: 60px;
        }

      .ecoles .ecole .texte{
        float: left;
        width: 180px;
        _width: 175px;
        font-size: 11px;
        margin: 0 0 0 5px;
        border: none;
      }
      
        .ecoles .ecole .texte a{
          text-decoration: none;
          color: #696969;
        }

          .ecoles .ecole .texte a:hover{
            color: #CCC;
           }

/* Boite decouverte
*******************************************************************************/
.abo_offer{
  display: block;
  padding: 5px 5px 5px 10px;
  
  height: 1%;
  overflow: hidden;
}

  .abo_offer .illustration{
    float: left;
    width: 130px;
    border: none;
  }
  
  .abo_offer .texte{
    float: left;
    font-size: 11px;
    text-align: justify;
    width: 140px;
    border: none;
  }
 
  .abo_offer p{
    clear: both;
    font-size: 11px;
    text-align: right;
    padding: 0;
    margin: 0 5px 0 0;
  } 
  
    .abo_offer p a{
      text-decoration: none;
      font-weight: bold;
      color: #696969;
    }

      .abo_offer p a:hover{
        color: #CCC;
      }

/* La une
*******************************************************************************/
#bloc_une{
  display: block;
  overflow: hidden;
  height: 1%;
  clear: both;
}

  #bloc_une h1{
    background: #FFF url(../images/line.gif) repeat-x left 15px;
    font-size: 16px;
  }
  
    #bloc_une h1 span{
      background-color: #FFF;
      padding: 0 5px 0 0;
      color: #FFA519;
    }

      #bloc_une h1 span a{
        text-decoration: none;
        color: #FFA519;
      }
      
        #bloc_une h1 span a:hover{
          color: #CCC;
        }
    
      #bloc_une h1 span img{
        border: none;
        vertical-align: bottom;
      }

/* 1er article */
.une_a{
  display: block;
  margin: 5px 0 0 10px;
  font-size: 11px;
  overflow: hidden;
  height: 1%;
}

  .une_a h2{
    font-size: 13px;
    margin: 0 0 10px 0;
    color: #181818;
  }
  
  .une_a h2 a{
    text-decoration: none;
    font-size: 14px;
    color: #181818;
  }
  
    .une_a h2 a:hover{
      color: #CCC;
    }

  .une_a .photo{
    float: left;
    width: 400px;
    max-height: 350px;
    overflow: hidden;
  }
  
    .une_a .photo img{
      width: 390px;
      margin: ;
    }
    
    .une_a .photo a img{
      border: none;
    }

  .une_a .description{
     float: left;
     width: 260px;
     overflow: hidden;
  }

    .une_a .description .texte{
       margin: 5px 0 0 0;
       font-size: 12px;
       text-align: justify;
    }
    
      .une_a .description .texte p a{
        text-decoration: none;
        color: #696969;
        font-weight:bold;
        float: right;
      }
    
      .une_a .description .texte p a:hover{
        text-decoration: underline;
      }
  
      .une_a .description .texte .continue{
        float: right;        
        color: #696969;
        font-size: 90%;
        font-weight: bold;
      }
  
      .une_a .description .texte .accroche{
        margin: 0;
        padding: 0;
      }
 

/* 2eme - 3eme 4eme articles */
.une_b{
  display: block;
  margin: 10px 0;
  overflow: hidden;
}

  .une_b .article{
    float: left;
    width: 200px;
    /*height: 250px;
    _height: 255px; *//* IE6 */
    margin: 5px 3px;
    padding: 5px;
    background-color: #FFF;
  }

  .une_b .tag{
    background: #FFF url(../images/line.gif) repeat-x left 12px;
    height: 15px;
  } 

    .une_b .tag span{
      background-color: #FFF;
      padding: 0 5px 0 0;
    } 

    .une_b .tag a{
      text-decoration: none;
      font-size: 1em;
      font-weight: bold;
      color: #FFA519;
    } 

      .une_b .tag a:hover{
        color: #CCC;
      }   
  
    .une_b .article .photo{
      width: 200px;
      height: 125px;
      overflow: hidden;
    }
    
      .une_b .article .photo img{
        width: 200px;
        border: 0;
      }

    .une_b .article h2{
      margin: 5px 0;
      font-size: 14px;
      height: 26px;
    }

      .une_b .article h2 a{
        text-decoration: none;
        color: #696969;
      }
      
        .une_b .article h2 a:hover{
          color: #CCC;
        }

    .une_b .article .texte{
      text-align: justify;
      font-size: 11px;
      font-weight: normal;
    }
    
      .une_b .article .texte p a{
        text-decoration: none;
        color: #696969;
        font-weight:bold;
        float: right;
      }
    
      .une_b .article .texte p a:hover{
        text-decoration: underline;
      }
  
      .une_b .article .texte .continue{
        float: right;        
        color: #696969;
        font-weight: bold;
      }

/* Affichage des Jeux
*******************************************************************************/
#boite_jeu{
  display: block;
  width: 640px;
  height: 235px;
  margin: 5px auto;
  background: transparent url(../images/bg_jeu.jpg) no-repeat left top;
  clear: both;
}

  #boite_jeu ul{
    display: block;
    padding: 30px 5px 0 10px;
    height: 200px;
    overflow: hidden;
  }

    #boite_jeu ul li{
      float: left;
      width: 200px;
      text-align: center;
    }

      #boite_jeu ul li h2{
        font-size: 12px;
        margin: 2px 0;
        height: 30px;
      }
      
      #boite_jeu ul li h2 a{
        text-decoration: none;
        color: #181818;
      }

      #boite_jeu ul li .photo{
        display: block;
        width: 110px;
        margin: 5px auto;
      }
      
        #boite_jeu ul li .photo a img{
          border: none;
          width: 110px;
          height: 75px;
        }
  
      #boite_jeu ul li .text{
        font-size: 11px;
        height: 40px;
        padding: 5px;
      }
  
      #boite_jeu ul li .link{
        text-align: center;
        height: 30px;
      }
      
      #boite_jeu ul li .link a{
        display: block;
        text-decoration: none;
        height: 30px;
      }
      
      #boite_jeu ul li .link a img{
        border: none;
      }

  .bord1, .bord2{
    border-right: 1px solid #FFF;
    margin: 0 5px 0 0;
  }

/* page du jeu */
#show_jeu{
  display: block;
}

  #show_jeu .show_top_jeu{
    display: block;
    width: 100%;
    height: 1%;
    overflow: hidden;
  }

    #show_jeu .show_top_jeu .photo{
      float: left;
      width: 380px;
    }
    
      #show_jeu .show_top_jeu .photo img{
        width: 380px;
        height: ;
      }    

    #show_jeu .show_top_jeu .infos{
      float: left;
      font-size: 11px;
      width: 260px !important;
      margin: 0 0 0 10px;
    }

      #show_jeu .show_top_jeu .infos .date{
        color: #696969;
        margin: 0 0 5px 0;
      }

      #show_jeu .show_top_jeu .infos .legende{
        color: #000;
      }

    #show_jeu .show_top_jeu .description{
      display: block;
      font-size: 11px;
      text-align: justify;
      clear: both;
    }

.title_jeu{
  background: transparent url(../images/line.gif) repeat-x left 14px;
  font-size: 14px;
  margin: 0 0 10px 0;
}

.title_jeu b{
  background: #FFF;
  color: #FFA519;
  padding: 0 5px 0 0;
}

.questions{
  display: block;
  margin: 10px 5px;
}

  .questions h2{
    background: transparent url(../images/line.gif) repeat-x left 16px;
    font-size: 14px;
  }
  
    .questions h2 b{
      background: #FFF;
      color: #FFA519;
      padding: 0 5px 0 0;
    }
  
      .questions h2 b img{
        vertical-align: bottom;
      }

    .questions p{
      font-size: 11px;
      margin: 5px 35px;
    }

  .questions ol{
    display: block;
  }

    .questions ol li{
      font-weight: bold;
      font-size: 12px;
      margin: 5px 0 0 10px;
    }

  .questions .reponse{
    font-weight: normal;
    font-size: 11px;
  }
  
    .questions .reponse .valid{
      color: #FFA519;
    }  
    
    .questions .reponse .no_valid{
      color: #696969;
    }

    .questions .reponse a{
      text-decoration: none;
      color: #000;
    }
    
    .questions .reponse a:hover{
      color: #696969;
    }
    
    .questions .reponse a img{
       border: none;
    }

/* Sondage
*******************************************************************************/
.sondage{
  display: block;
  padding: 5px 0 0 0;
  overflow: hidden;
  height: 1%;
}

  .sondage .top_bloc{
    display: block;
    overflow: hidden;
    height: 1%;
    border: none;
  }

    .sondage .top_bloc .nb_vote{
      float: left;
      width: 52px;
      height: 28px;
      font-size: 10px;
      text-align: center;
      vertical-align: middle;
      line-height: 1em;
      background: transparent url(../images/bg_vote.gif) no-repeat left top;
      padding: 2px 0 0 0;
      margin: 0 0 0 5px;
      border: none;
    }
 
    .sondage .top_bloc .question{
      float: left;
      width: 200px;
      _width: 195px;
      margin: 0 0 0 10px;
      font-size: 11px;
      font-weight: bold;
      text-align: justify;
      color: #000;
      border: none;
    }

  .sondage .reponse{
    display: block;
    width: 260px;
    padding: 5px 0 5px 25px;
    font-size: 11px;
    overflow: hidden;
    border: none;
  }

      .sondage .reponse a{
        text-decoration: none;
        font-weight: normal !important;
        color: #696969;
        border: none;
      }
      
        .sondage .reponse a:hover{
          color: #CCC;
          
        }

    .sondage .reponse .result{
      display: block;
      overflow: hidden;
      height: 1%;
      border: none;
    }

    .sondage .reponse .barre{ 
      float: left;
      width: 210px;
      height: 18px; 
      font-size: 1px;
      border: none;
    } 
  
    .sondage .reponse .barre .ligne{
      height: 4px;
      margin: 5px 0 0 0;
      border: none;
    }
  
  .coul01 {background-color: #F9DF06; }  /* tranche 0-25 */
  .coul02 {background-color: #FFA519; }  /* tranche 25-50 */
  .coul03 {background-color: #F50613; }  /* tranche 50-75 */
  .coul04 {background-color: #C3020D; }  /* tranche 75-100 */

  .sondage .reponse .percent{ 
    float: left;
    width: 40px;
    height: 18px;
    font-weight: normal !important;
    vertical-align: middle;
    border: none;
  }

/* Fiche utilisateur
*******************************************************************************/
#card_user{
  display: block;
}

  #card_user h1{
    display: block;
    font-size: 14px;
    color: #FFA519;
  }
  
  #card_user .user{
    display: bloc;
    margin: 10px 0;
    padding: 0 0 5px 0;
    overflow: hidden;
    height: 1%;   /* pour IE6*/
  }
  
    #card_user .user .avatar{
      float: left;
      width: 80px;
      text-align: center;
      overflow: hidden;
    }
    
    #card_user .user .infos{
      float: left;
      width: 550px;
      overflow: hidden;
    }

      #card_user .user .infos h4{
        color: #000;
      }
      
      #card_user .user .infos .create{
        color: #696969;
        font-size: 11px;
      }
      
      #card_user .user .infos p{
        text-align: juistify;
        font-size: 11px;
        margin: 0;
      }

#user_assoc{
  display: block;
}

  #user_assoc h1{
    display: block;
    font-size: 14px;
    background: transparent url(../images/line.gif) repeat-x left 12px;
  }

    #user_assoc h1 span{
      background: #FFF;
      color: #FFA519;
      padding: 0 5px 0 0;
    }

  #user_assoc ul{
    display: block;
    margin: 10px 5px;
    overflow: hidden;
    height: 1%;  /* pour IE6*/
  }

    #user_assoc ul li{
      float: left;
      width: 80px;
      text-align: center;
      margin: 0 5px;
      padding: 2px;
      border: 1px solid #DDD;
      overflow: hidden;
    }

      #user_assoc ul li a{
        text-decoration: none;
        color: #696969;
        font-size: 11px;
      }
      
        #user_assoc ul li a:hover{
          color: #CCC;
        }

#my_comments{
  display: block;
  margin: 10px 0 0 0;
  overflow: hidden;
  height: 1%;  /* pour IE6*/
}

  #my_comments h1{
    display: block;
    font-size: 14px;
    background: transparent url(../images/line.gif) repeat-x left 12px;
  }

    #my_comments h1 span{
      background: #FFF;
      color: #FFA519;
      padding: 0 5px 0 0;
    }            

  #my_comments .comment{
    margin: 10px 5px;
    padding: 5px 0;
    border-bottom: 1px solid #DDD;
    height: 1%;
    overflow: hidden;
    clear: both;
  }

    #my_comments .comment .date{
      float: left;
      font-size: 11px;
      height: 40px;
      width: 60px;
      color: #696969;
      text-align: center;
      margin: 0 10px 0 0;
    }

    #my_comments .comment .info{
      float: left;
      font-size: 11px;
      width: 565px;
      
      margin: 0 10px 0 0;
    }

    #my_comments .comment .info h3{
      font-size: 11px;
      padding: 0;
      margin: 0;
    }

      #my_comments .comment .info h3 a{
        text-decoration: none;
        color: #000;
      }

        #my_comments .comment .info h3 a:hover{
          color: #CCC;
        }

    #my_comments .comment p{
      color: #000;
      font-size: 11px;
      text-align: justify;
      padding: 0;
      margin: 0;
    }
      
      #my_comments .comment p a{
        text-decoration: none;
        color: #696969;
      }
    
        #my_comments .comment p a:hover{
          color: #CCC;
        }   

    #my_comments .comment .tags{
      display: block;
      color: #000;
      font-size: 11px;
      overflow: hidden;
    }

      #my_comments .comment .tags ul li{
        float: left;
        margin: 0 5px 0 0;
        overflow: hidden;
      }
      
        #my_comments .comment .tags ul li a{
          text-decoration: none;
          color: #696969;
        }

          #my_comments .comment .tags ul li a:hover{
            color: #CCC;
          }

/* Fiche article
*******************************************************************************/
#top_article{
  display: block;
  /*height: 42px;*/
  overflow: hidden;
}

  #top_article .titre{
    float: left;
    /*height: 40px;*/
    clear: both;
  }
  
  #top_article .type{
    float: right;
    width: 50px;
    height: 40px;
  }

    #top_article .titre h3 a{
      text-decoration: none;
      color: #FFA519;
      font-size: 12px;
    }

    #top_article .titre h1{
      color: #181818;
      font-size: 16px;
    }

#show_article{
  display: block;
}

  #show_article .show_top_article{
    display: block;
    width: 100%;
    overflow: hidden;
  }

    #show_article .show_top_article .photo{
      float: left;
      width: 380px;
    }
    
      #show_article .show_top_article .photo img{
        width: 380px;
        height: ;
      }    

    #show_article .show_top_article .legende{
      font-size: 11px;
      color: #696969;
    }

    #show_article .show_top_article .infos{
      float: left;
      width: 260px !important;
      margin: 0 0 0 10px;
    }

      #show_article .show_top_article .infos .date,
      #show_article .show_top_article .infos .auteur,
      #show_article .show_top_article .infos .nb_vue,
      #show_article .show_top_article .infos .nb_recommande,
      #show_article .show_top_article .infos .note{
        color: #696969;
        font-size: 11px;
        margin: 2px 0 5px 0;
      }    
  
      #show_article .show_top_article .infos .icons{
        border: 1px solid #DDD;
        width: 240px;
        background: #EEE url() no-repeat left top;
        margin: 15px 0 0 0;
      }
  
        #show_article .show_top_article .infos .icons h3{
          margin: 2px;
          padding: 0 5px;
          background-color: #DDD;
          font-size: 14px;
          color: #696969;
        }
      
        #show_article .show_top_article .infos .icons ul{
          margin: 5px;
        }
        
          #show_article .show_top_article .infos .icons ul li a{
            text-decoration: none;
            color: #696969;
            font-size: 11px;
          }
  
          #show_article .show_top_article .infos .icons ul li a img{
            border: none;
            vertical-align: bottom;
            margin: 0 10px 0 0;
          }

    #show_article .description{
      display: block;
      margin: 5px 0;
      text-align: justify;
      font-size: 12px;
    }
    
      #show_article .description a{
        text-decoration: none;
        color: #696969;
      }
      
        #show_article .description a:hover{
          color: #CCC;
        }
    
      #show_article .description .tags{
        display: block;
        margin: 5px 0;
      }
      
        #show_article .description .tags a{
          text-decoration: none;
          color: #696969;
        }

#media{
  display: block;
  text-align: center;
  width: 500px;
  margin: 5px auto;
}

/* Afficher un commentaire
*******************************************************************************/
#show_comments_article{
  display: block;
}

  #show_comments_article h3{
    color: #FFA519;
    font-size: 14px;
    margin: 0 0 0 10px;
    padding: 0 0 0 5px;
    background: #EEE none;
    border-bottom: 1px solid #DDD;
  }

  #show_comments_article .title{
    display: block;
    background-color: #EEE;
    padding: 0 0 0 5px;
    margin: 5px 0;
    overflow: hidden;
  }
   
    #show_comments_article .title .avis{
      float: left;
      font-weight: normal;
      font-size: 11px;
      color: #000;
    }

      #show_comments_article .title .avis b{
        font-size: 16px;
        color: #FFA519;
      } 

    #show_comments_article .title .connect{
      float: right;
      font-weight: normal;
      font-size: 11px;
      margin: 3px 0 0 0;
    }

      #show_comments_article .title .connect a{
        text-decoration: none;
        color: #696969;
      }

        #show_comments_article .title .connect a:hover{
          color: #CCC;
        }


.nav_bloc_comment{
  display: block;
  width: 100%;
  height: 25px;
}

  .nav_bloc_comment .tri{
    float: left;
    width: 400px;
  }
  
    .nav_bloc_comment .tri ul{
      
    }
      
      .nav_bloc_comment .tri ul li{
        float: left;
        margin: 0 5px;
        font-size: 11px;
        color: #696969;
      }

        .nav_bloc_comment .tri ul li.inactif{
          color: #CCC;
        }
      
        .nav_bloc_comment .tri ul li a{
          text-decoration: none;
          color: #FFA519;
        }

          .nav_bloc_comment .tri ul li a:hover{
            color: #696969;
          }
       
          .nav_bloc_comment .tri ul li a img{
            border: 0;
            vertical-align: middle;
          }

  .nav_bloc_comment .etat{
    float: right;
    /*width: 100px;*/
  }
  
    .nav_bloc_comment .etat ul{
      float: right;
      margin: ;
    }
    
    .nav_bloc_comment .etat ul li{
      float: left;
      font-size: 11px;
      margin: 0 2px;
    }

      .nav_bloc_comment .etat ul li a{
        text-decoration: none;
        color: #696969;
      }
      
        .nav_bloc_comment .etat ul li a:hover{
          color: #CCC;
        }

        .nav_bloc_comment .etat ul li a img{
          border: none;
          padding: 0 5px 0 0;
        }

#bloc_comments{
  width: 100%;
}

  #bloc_comments ul li{
    overflow: hidden;
    margin: 2px 0;
    padding: 0;
  }

  #bloc_comments .comment{
    margin: 5px 0 0 10px;
    overflow: hidden;
  }

    #bloc_comments .comment .avatar{
      float: left;
      width: 50px;
      margin: 0 10px 0 0;
      overflow: hidden;
    }
    
      #bloc_comments .comment .avatar a img{
        width: 50px;
        height: 50px;
        border: 0;
      }
  
    #bloc_comments .comment .texte{
      /*float: left;*/
      overflow: hidden;
    }

      #bloc_comments .comment .texte h2{
        font-size: 11px;
        font-weight: normal;
        color: #696969;
        overflow: hidden;
      }
      
        #bloc_comments .comment .texte h2 b{
          font-size: 14px;
          color: #000;
        }
  
        #bloc_comments .comment .texte h2 a{
          text-decoration: none;
          color: #696969;
        }
  
          #bloc_comments .comment .texte h2 a:hover{
            color: #CCC;
          }
  
      #bloc_comments .comment .texte span{
        font-size: 11px;
        color: #000;
        text-align: justify;
      }
  
      #bloc_comments .comment .texte img{
        border: 0;
        text-decoration: none;
        vertical-align: bottom;
      }

      #bloc_comments .comment .texte .comm_cite{
        margin: 2px 0 0 10px;
      }
      
#msgsimple{
  font-size: 11px;
  color: #696969;
}

  #msgsimple a{
    text-decoration: none;
    color: #696969;
    font-weight: bold;
  }

    #msgsimple a:hover{
      color: #CCC;
    }

.msg_comment{
  font-size: 11px;
  color: #FF0000;
}

/* critique d'un commentaire */
.critique_comment{
  display: block;
  font-size: 11px;
  color: #FF0000;
  overflow: hidden;
}

  .critique_comment ul{
    margin: 0;
  }
  
    .critique_comment ul li{
      float: left;
      margin: 0 5px 0 0;
      color: #000;
      height: 18px;
      font-size: 11px;
    }
    
      .critique_comment ul li a img{
        text-decoration: none;
        vertical-align: top;
        padding: 0 2px;
        border: 0;
      }

.txt_middle{
  padding: 2px 0 0 0;
}

/* repondre au commentaire */
#show_comments_article .reponse_comment{
  display: block;
  margin: 0 0 4px 20px;
  padding: 0 0 0 5px;
  font-size: 11px;
  color: #000;
  border-left: 2px solid #DDD;
  overflow: hidden;
}

/* Ajouter un commentaire
*******************************************************************************/

#add_comment{
  display: block;
  overflow: hidden;
}

  #add_comment h3{
    display: block;
    font-size: 16px;
    color: #FFA519;
    background: #EEE none;
    border-bottom: 1px solid #DDD;
    padding: 0 0 0 5px;
    margin: 5px 0;
  }

  #add_comment .item_gauche{
    float: left;
    width: 190px;
    font-size: 11px;
    margin: 5px 0;
  }
  
  #add_comment .item_droite{
    float: left;
    width: 450px;
    font-size: 11px;
    margin: 5px 0 5px 5px;
  }

  .mceEditor tr td{
    text-align: left;
  }

.checkbox{
  text-align: left;
  height: 20px;
  font-size: 11px;
}


/* Articles associées
*******************************************************************************/
.block .article_assoc{
  display: block;
  padding: 5px 5px 5px 10px;
}

  .block .article_assoc .article{
    display: block;
    text-align: left;
    border: 0;
    margin: 5px 0;
    overflow: hidden;
    height: 1%;  /* pour IE6*/
  }

    .block .article_assoc .article .photo{
      float: left;
      clear: none;
      width: 80px;
      height: 60px;
      border: 0;
    }
  
      .block .article_assoc .article .photo img{
        width: 80px;
      }
  
    .block .article_assoc .article .texte{
      float: left;
      clear: none;
      width: 180px;
      border: 0;
      margin: 0 0 0 5px;
    }
    
      .block .article_assoc .article .texte a{
        text-decoration: none;
        font-size: 12px;
        color: #000;
        text-align: justify;
      }

/* Articles de la même rubrique
*******************************************************************************/
.block .same_rubrique{
  display: block;
  padding: 5px 5px 5px 10px;
}

  .block .same_rubrique .article{
    display: block;
    text-align: left;
    border: 0;
    margin: 5px 0;
    overflow: hidden;
    height: 1%;  /* pour IE6*/
  }

    .block .same_rubrique .article .photo{
      float: left;
      width: 80px;
      height: 60px;
      border: none;
      overflow: hidden;
    }
  
      .block .same_rubrique .article .photo img{
        width: 80px;
      }
  
    .block .same_rubrique .article .texte{
      float: left;
      width: 180px;
      border: none;
      margin: 0 0 0 5px;
    }
    
      .block .same_rubrique .article .texte h2 a{
        text-decoration: none;
        font-size: 13px; 
        font-weight: bold;
        color: #000;
        text-align: left;
      }

      .block .same_rubrique .article .texte a{
        text-decoration: none;
        font-size: 12px;
        color: #000;
        text-align: justify;
      }
  
    .block .same_rubrique .all{
      font-size: 11px;
      text-align: right;
      border: 0;
    }
    
      .block .same_rubrique .all a{
        text-decoration: none;
        color: #696969;
      }
      
        .block .same_rubrique .all a:hover{
          color: #CCC;
        }
  

/* Boite Calendrier
*******************************************************************************/
#bloc_calendar{
  display: block;
  padding: 5px;
}

  #bloc_calendar .entete{
    display: block;
    overflow: hidden;
    border: none;
  }
  
    #bloc_calendar .entete .prec,
    #bloc_calendar .entete .suiv{
      float: left;
      width: 18px;
      border: none;
    }
    
      #bloc_calendar .entete .prec a img,
      #bloc_calendar .entete .suiv a img{
        border: none;
      }
    
    #bloc_calendar .entete .mois{
      float: left;
      width: 240px;
      font-weight: bold;
      text-align: center;
      border: none;
    }
 
  #bloc_calendar table{
    width: 100%;
    text-align: center;
    font-size: 11px;
  } 
  
    #bloc_calendar table tr td{
      border: 1px solid #EEE;
      padding: 0;
      margin: 0;
    }
    
      #bloc_calendar table tr td a{
        text-decoration: none;
        font-weight: bold;
        color: #FFA519;
      }

    #bloc_calendar .jours{
      font-weight: bold;
    } 

    #bloc_calendar .today{
      text-align: center;
      font-weight: bold;
      background: #DDD;
      width: 36px;
    } 
    
    #bloc_calendar .today a{
      text-decoration: none;
      font-weight: bold;
      color: #FFA519;
    }

/* Page Ecole + emplacement de boites
*******************************************************************************/
#show_ecole{
  display: block;
  width: 99%;
  margin: 0 auto;
  overflow: hidden;
}

  .title_ecole{
    display: block;
    font-size: 14px;
    color: #FFA519;
    overflow: hidden;
  }

.bloc_large{
  margin: 0 0 10px 0;
  width: 100%;
}

  .bloc_large h3{
    display: block;
    background: #EEE none;
    border-bottom: 1px solid #DDD;
    font-size: 13px;
    margin: 10px 0;
    color: #696969;
    overflow: hidden;
    height: 1%;
  }
  
    .bloc_large h3 b{
      float: left;
      padding: 0 5px;
    }
  
    .bloc_large h3 span{
      float: right;
      font-size: 11px;
      font-weight: normal;
      padding: 0 5px 0 0;
    }
  
      .bloc_large h3 span a{
        text-decoration: none;
        color: #696969;
      }

        .bloc_large h3 span a:hover{
          color: #CCC;
        }
  
        .bloc_large h3 span a img{
          border: none;
          vertical-align: bottom;
        }

.bloc_etroit{
  float: left;
  width: 300px;
  overflow: hidden;
  margin: 0 10px 5px 0;
  height: 1%;
}

/* Outils manager */
.ecole_outils{
  display: block;
  padding: 5px;
  overflow: hidden;
}

  .ecole_outils ul{
    display: block;
    overflow: hidden;
  }

    .ecole_outils ul li{
      float: left;
      width: 80px;
      font-size: 11px;
      text-align: center;
      margin: 0 3px;
    }

    .ecole_outils ul li a img{
      border: none;
    }

  .ecole_outils p{
    font-size: 11px;
    color: #FF0000;
  }
   
/* fiche général de l'ecole */
#general{  
  display: block;
  overflow: hidden;
  height: 1%;
}

  #general .photo{
    float: left;
    width: 150px;
    margin: 5px;
    overflow: hidden;
  }
  
    #general .photo img{
      width: 150px;
      height: px;
    }

  #general .description{
    float: left;
    width: 460px;
    _width: 450px;
    margin: 5px 0;
    font-size: 11px;
    overflow: hidden;
  }

    #general .description h4{
      font-size: 12px;
      color: #000;
      margin: 0 0 5px 0;
    }

    #general .description .edito{
      font-style: italic;
      margin: 2px 0 5px 0; 
    }
    
  #general fieldset{
    border: 1px solid #DDD;
  }

/* Les élèves */
#membres{  
  display: block;
  overflow: hidden;
}

  #membres .register{  
    display: block;
    height: 1%;
    overflow: hidden;
  }

    #membres .register p{  
      display: block;
      float: left;
      width: 310px;
      font-size: 11px;
      margin: 0 5px;
      overflow: hidden;
    }
    
      #membres .register p a img{  
        border: none;
      }

  #membres ul{  
    display: block;
    margin: 5px 0;
    overflow: hidden;
    height: 1%;
  }

    #membres ul li{  
      float: left;
      width: 80px;
      padding: 5px 2px;
      background: #FFF none;
      border: 1px solid #DDD;
      text-align: center;
      font-size: 11px;
      font-weight: normal;
      margin: 5px;
    }

    #membres ul li a{  
      text-decoration: none;
      color: #696969;
    }

      #membres ul li a:hover{  
        color: #CCC;
      }

      #membres ul li a img{  
        border: none;
        vertical-align: bottom;
      }

  #membres p{  
    font-size: 11px;
    margin: 10px;
  }

/* derniers info */
#emplacement21{
  display: block;
  width: 300px;
}

  .infos_ecole{
    display: block;
    padding: 5px;
    font-size: 11px;
    border: none;
  }

    .infos_ecole .info{
      display: block;
      overflow: hidden;
    }

      .infos_ecole .info h2{
        font-size: 13px;
      }

        .infos_ecole .info h2 a{
          text-decoration: none;
          color: #181818;
        }
        
          .infos_ecole .info h2 a img{
            border: none;
            vertical-align: bottom;
            padding: 0 0 0 5px;
          }
  
      .infos_ecole .info span{
        display: block;
        color: #696969;
      }

    .infos_ecole .all{
      font-size: 12px;
      text-align: right;
      padding: 0 5px 0 0;
      border: none;
    }
      
      .infos_ecole .all a{
        text-decoration: none;
        color: #696969;
      }
      
        .infos_ecole .all a:hover{
          color: #CCC;
        }

/* album */
#emplacement31{
  display: block;
  width: 300px;
}

.play_album{
  display: block;
  background: transparent url(../images/bg_play_album.jpg) no-repeat left top;
  width: 290px;
  margin: 0 auto;
  overflow: hidden;
  height: 1%;
}

  .play_album h3{
    display: block;
    color: #FFF;
    height: 24px;
    padding: 6px 0 0 30px;
    overflow: hidden;
  }

    .play_album h3 b{
      float: left;
      font-size: 11px;
      height: 24px;
    }
    
    .play_album h3 span{
      float: right;
      height: 24px;
    }

    .play_album h3 span a img{
      border: none;
      vertical-align: top;
    }

  .play_album .add_album{
    display: block;
    overflow: hidden;
    height: 1%;
  }

  .form_galerie{
    display: block;
    background: #FFF;
    overflow: hidden;
    height: 1%;
  }
  
    .form_galerie fieldset{
      margin: 5px;
      
      border: 1px solid #EEE;
    }

    .form_galerie .legend{
      font-size: 11px;
    }

    .form_galerie ul{
      display: block;
      overflow: hidden;
    }
   
      .form_galerie ul li{
        float: left;
        width: 130px;
        height: 120px;
        margin: 5px;
        overflow: hidden;
      } 
    
        .form_galerie ul li .photo{
          width: 130px;
          height: 90px;
        } 
  
        .form_galerie ul li a{
          text-decoration: none;
          font-size: 11px;
          color: #696969;
        } 
  
          .form_galerie ul li a:hover{
            color: #CCC;
          }
    
          .form_galerie ul li a img{
            border: none;
            vertical-align: bottom;
            padding: 0 5px 0 0;
          }       
          
    .form_galerie .reset{
      text-align: right;
      padding: 0 5px 0 0;
    }         
  
      .form_galerie .reset a{
        text-decoration: none;
        font-size: 11px;
        color: #696969;
      } 
      
        .form_galerie .reset a:hover{
          color: #CCC;
        } 
      
/* documents */
.show_list_doc{
  display: block;
  background: transparent url(../images/bg_folder_list.jpg) no-repeat left top;
  width: 290px;
  margin: 0 auto;
  overflow: hidden;
  height: 1%;
}

  .show_list_doc h3{
    display: block;
    height: 24px;
    padding: 6px 0 0 30px;
    overflow: hidden;
    height: 1%;
  }

    .show_list_doc h3 b{
      float: left;
      color: #181818;
      font-size: 11px;
    }

    .show_list_doc h3 span{
      float: right;
      height: 24px;
    }

      .show_list_doc h3 span a img{
        border: none;
        vertical-align: top;
      }


  .show_list_doc .add_file{
    display: block;
    background: #FFF;
    margin: 0 auto;
    width: 280px;
  }
  
    .show_list_doc .add_file a{
      text-decoration: none;
      padding: 0 5px 0 0;
      color: #696969;
    }
  
      .show_list_doc .add_file a:hover{
        color: #CCC;
      }

    .show_list_doc .add_file ul{
      display: block;
      margin: 5px 3px;
      _margin: 5px 2px;
      overflow: hidden;
      height: 1%;
    }
  
      .show_list_doc .add_file ul li{
        float: left;
        width: 85px;
        font-size: 10px;
        text-align: center;
        border: 1px solid #EEE;
        margin: 3px 2px;
      }
      
        .show_list_doc .add_file ul li a{
          text-decoration: none;
          color: #696969;
        }
      
          .show_list_doc .add_file ul li a:hover{
            color: #CCC;
          }
          
          .show_list_doc .add_file ul li a img{
            border: none;
            padding: 0 5px 0 0;
            vertical-align: bottom;
          }

    .show_list_doc .add_file fieldset{
      border: 1px solid #EEE;
      font-size: 11px;
    }

    .show_list_doc .reset a{
      text-decoration: none;
      font-size: 11px;
      color: #696969;
    } 
    
      .show_list_doc .reset a:hover{
        color: #CCC;
      }
      
/* Page Blog
*******************************************************************************/
#blog{
  display: block;
  margin: 0 0 10px 0;
  overflow: hidden;
}

  #blog h1{
    font-size: 16px;
    color: #FFA519;
  }
  
    #blog h1 a{
      text-decoration: none;
      font-size: 14px;
      color: #FFA519;
    }
    
      #blog h1 a:hover{
        color: #CCC;
      }

  #blog .texte{
    font-size: 12px;
    text-align: justify;
    margin: 10px 5px;
  }
  
    #blog .texte a{
      text-decoration: none;
      color: #696969;
    }
    
      #blog .texte a:hover{
        color: #CCC;
      }

#posts{
  display: block;
}

  #posts .news{
    display: block;
    /*width: 99%;*/
    margin: 5px 5px 0 5px;
    overflow: hidden;
  }

    #posts .news .avatar{
      float: left;
      width: 70px;
      margin: 0;
      text-align: center;
      overflow: hidden;
    }
    
      #posts .news .avatar a{
        text-decoration: none;
        color: #696969;
        font-size: 11px;
        
      }
    
    #posts .news .content{
      float: left;
      width: 425px;
      margin: 0 5px 0 0;
      overflow: hidden;
    }
    
      #posts .news .content h3{
        font-size: 14px;
      }

      #posts .news .content h3 a{
        text-decoration: none;
        color: #000;
      }
      
        #posts .news .content h3 a:hover{
          color: #CCC;
        }

      #posts .news .content .date{
        font-size: 11px;
        color: #696969;
      }
      
      #posts .news .content p{
        font-size: 11px;
        text-align: justify;
      }
    
    #posts .news .services{
      float: right;
      width: 155px;
      margin: 0 0 0 0;
      overflow: hidden;
    }

      #posts .news .services .nb_lu{
        background-color: #EEE;
        padding: 0 0 0 5px;
        color: #696969;
        font-size: 11px;
      }

.line_separator{
  display: block;
  background: #DDD;
  height: 1px;
  font-size: 1px;
  width: 99%;
  clear: both;
}

/* Page En images
*******************************************************************************/
#en_images{
  display: block;
}

  #en_images h2{
    font-size: 16px;
    color: #FFA519;
  }

  #en_images p{
    font-size: 12px;
  }

/* Page flipbook 
*******************************************************************************/
#show_flipbook{
  margin: 5px;
  text-align: center;
}

  #show_flipbook img{
    margin: 5px 0;
  }

  #show_flipbook p{
    font-size: 12px;
  }

    #show_flipbook p a{
      text-decoration: none;
      color: #696969;
    }
    
      #show_flipbook p a:hover{
        color: #CCC;
      }
      
      #show_flipbook p a img{
        border: none;
        margin: 10px 0 0 0;
      }

/* choix de l'abonnement */
#choice_abo_flip{
  display: block;
  margin: 5px;
}

  #choice_abo_flip ul{
    display: block;
    width: 700px;
    margin: 0 auto;
    overflow: hidden;
    height: 1%;
  }
  
  #choice_abo_flip ul li{
    float: left;
    width: 200px;
    margin: 5px;
    font-size: 12px;
    text-align: center;
  }

  #choice_abo_flip p{
    width: 700px;
  }

  #choice_abo_flip .center{
    width: 700px;
    text-align: center;
  }

/* affichage du résumé du choix de l'abonnement */
#show_abo{
  display: block;
  width: 700px;
  text-align: center;
  margin: 5px auto;
}

  #show_abo h2{
    color: #FFA519;
    font-size: 14px;
  }

  #show_abo h3{
    color: #696969;
    font-size: 14px;
  }
  
  #show_abo p{
    font-size: 12px;
  }
  
  #show_abo p a img{
    border: none;
    margin: 10px 0 0 0;
  }

#show_connect_CM{
  display: block;
  text-align: center;
  margin: 10px 0;
}

/* Page affiche école
*******************************************************************************/
#search_school{
  display: block;
  margin: 0 0 10px 0;
  overflow: hidden;
  min-height: 500px;
}

  #search_school h1{
    font-size: 16px;
    color: #FFA519;
  }

  #search_school .saisie{
    display: block;
    margin: 5px 0 10px 0;
    clear: both;
  }

    #search_school .saisie fieldset{
      border: 1px solid #DDD;
      padding: 5px;
    }

      #search_school .saisie fieldset legend{
        font-size: 13px;
        font-weight: bold;
        padding: 0 5px;
        color: #696969;
      }

      #search_school .saisie p{
        font-size: 11px;
        margin: 5px 0 5px 20px;
      }
      
      #search_school .saisie ul{
        display: block;
        height: 1%;
        overflow: hidden;
        margin: 10px 0 0 20px;
      }
      
        #search_school .saisie ul li{
          float: left;
          font-size: 11px;
          height: 35px;
          width: 180px;
          margin: 0 5px 0 0;
        }
      
        #search_school .saisie ul .bouton{
          padding: 8px 0 0 0;
        }

  #search_school .list_school{
    display: block;
  }
  
    #search_school .list_school h2{
      background: #EEE none;
      border-bottom: 1px solid #DDD;
      font-size: 14px;
      padding: 0 5px;
      color: #FFA915;
    }
  
    #search_school .list_school .school{
      display: block;
      margin: 5px 10px;
      height: ;
      font-size: 11px;
      overflow: hidden;
      border: 1px solid #DDD;
    }

      #search_school .list_school .school img{
        float: left;
        width: 100px;
        text-align: center;
        margin: 0 5px 0 0;
      }
      
        #search_school .list_school .school a img {
          border: none;
        }

      #search_school .list_school .school h3{
        font-size: 12px;
        font-weight: bold;
        margin: 5px 0;
      }
      
        #search_school .list_school .school h3 a{
          text-decoration: none;
          color: #696969;
        }
        
          #search_school .list_school .school h3 a:hover{
            color: #CCC;
          }
          
/* Page d'inscription en tant qu'administrateur d'école
*******************************************************************************/
#register_admin_school{
  display: block;
  margin: 0 0 10px 0;
}

  #register_admin_school h1{
    font-size: 16px;
    color: #FFA519; 
  }

  #register_admin_school p{
    font-size: 11px;
    margin: 5px; 
  }

  #register_admin_school  ul{
    font-size: 11px;
    margin: 5px; 
  }

/* Trombinoscope
*******************************************************************************/
#show_trombi{
  display: block;
}

  #show_trombi h1{
    color: #FFA519;
    font-size: 16px;
  }

  #show_trombi .list{
    display: block;
    margin: 10px 5px;
    height: 1%;
    overflow: hidden;
    clear: both;
  }
  
    #show_trombi .list li{
      float: left; 
      width: 115px;
      padding: 2px;
      margin: 0 2px 5px 2px;
      font-size: 11px;
      text-align: center;
      border: 1px solid #DDD;
    }

      #show_trombi .list li a{
        text-decoration: none;
        color: #696969;
      }
      
      #show_trombi .list li a:hover{
        color: #CCC;
      }

  #show_trombi .bloc_navigation{
    display: block;
    margin: 10px 0;
    width: 100%;
    font-size: 11px;
    color: #696969;
    height: 1%;
    overflow: hidden;
    clear: both;
  }    

    #show_trombi .bloc_navigation .tri_desc{
      display: block;
      width: 60%;
      float: left;
      overflow: hidden;
    }  
    
    #show_trombi .bloc_navigation .tri_alpha{
      display: block;
      width: 40%;
      float: right;
      overflow: hidden;
    }  
    
      #show_trombi .bloc_navigation .tri_desc li{
        float: left;
        text-align: left;
        vertical-align: bottom;
        margin: 0 5px;
      }
      
      #show_trombi .bloc_navigation .tri_alpha li{
        float: left;
        text-align: rigth;
        vertical-align: bottom;
        margin: 0 5px;
      } 

        #show_trombi .bloc_navigation .tri_desc li a,
        #show_trombi .bloc_navigation .tri_alpha li a{
          text-decoration: none;
          color: #FFA519;
        }
        
          #show_trombi .bloc_navigation .tri_desc li a:hover,
          #show_trombi .bloc_navigation .tri_alpha li a:hover{
            color: #696969;
          }
        
        #show_trombi .bloc_navigation .tri_desc li a img,
        #show_trombi .bloc_navigation .tri_alpha li a img{
          border: none;
          vertical-align: bottom;
        } 

        #show_trombi .bloc_navigation .inactif{
          color: #CCC;
        }

/* Page affiche liste des tags
*******************************************************************************/
#list_tags{
  display: block;
}

  #list_tags h1{
    background: transparent url(../images/line.gif) repeat-x left 15px;
    font-size: 16px;
    color: #FFA519;
  }

    #list_tags h1 span{ 
      background-color: #FFF;
      padding: 0 5px 0 0;
      color: #FFA519;
    }

      #list_tags h1 span img{
        border: none;
        vertical-align: bottom;
      }

  #list_tags .article{
    display: block;
    margin: 5px;
    padding: 2px 0 5px 0;
    border-bottom: 1px solid #DDD;
    overflow: hidden;
  }

    #list_tags .article .titre{
      font-size: 12px;
      font-weight: bold;
    }
      
      #list_tags .article .titre a{
        text-decoration: none;
        color: #696969;
      }
  
        #list_tags .article .titre a:hover{
          color: #CCC;
        }

      #list_tags .article .titre span{
        font-size: 11px;
        color: #000;
      }
  
    #list_tags .article .infos{
      display: block;
      width: 620px;
      margin: 5px 0 0 0;
      overflow: hidden;
      height: 1%;
      clear: both;
    }

      #list_tags .article .infos .photo{
        float: left;
        width: 100px;
        height: 80px;
        margin: 0 5px;
      }

        #list_tags .article .infos .photo img{
          width: 100px;
        }

        #list_tags .article .infos .photo a img{
          border: none;
        }

      #list_tags .article .infos .texte{
        float: left;
        width: 500px;
        font-size: 11px;
        text-align: justify;
      }

        #list_tags .article .infos .texte .tags{
          display: block;
          font-size: 11px;
        }

          #list_tags .article .infos .texte .tags a{
            text-decoration: none;
            color: #696969;
          }

            #list_tags .article .infos .texte .tags a:hover{
              color: #CCC;
            }

/* Page affiche mémo
*******************************************************************************/
#show_memo{
  display: block;
  overflow: hidden;
}

  #show_memo h1{
    font-size: 14px;
    color: #FFA519;
  }

  #show_memo h2{
    font-size: 11px;
    color: #000;
    margin: 5px 0 0 0;
    background: transparent url(../images/line.gif) repeat-x left 10px;
  }
  
    #show_memo h2 span{
      background: #FFF;
      padding: 0 5px 0 0;
    }

  #show_memo .memo{
    display: block;
    margin: 5px;
    overflow: hidden;
  }

    #show_memo .memo .top{
      display: block;
      height: 20px;
      overflow: hidden;
    }

      #show_memo .memo .top .title{
        float: left;
        font-size: 12px;
        font-weight: bold;
      }
      
        #show_memo .memo .top .title a{
          text-decoration: none;
          color: #696969;
        }
  
          #show_memo .memo .top .title a:hover{
            color: #CCC;
          }

        #show_memo .memo .top .title span{
          font-size: 11px;
          color: #000;
        }
  
      #show_memo .memo .top .expand{
        float: right;
        width: 20px;
      }

      #show_memo .memo .top .expand a img{
        border: none;
      }

    #show_memo .memo .infos{
      width: 620px;
      margin: 0 0 0 20px;
    }

      #show_memo .memo .infos .description{
        display: block;
        overflow: hidden;
      }
      
        #show_memo .memo .infos .description .photo{
          float: left;
          width: 100px;
          margin: 0 5px;
        }

        #show_memo .memo .infos .description .photo img{
          width: 100px;
        }

        #show_memo .memo .infos .description .texte{
          float: left;
          width: 500px;
          _width: 490px;
          font-size: 11px;
          text-align: justify;
        }

/* En savoir plus
*******************************************************************************/
#ensavoir_plus{
  display: block;
}

  #ensavoir_plus h2{
    font-size: 14px;
    color: #FFA519;
  }

  #ensavoir_plus h3{
    color: #FFA519;
    margin: 10px 0 0 0;
  }

  #ensavoir_plus p{
    font-size: 11px;
    margin: 10px 5px 10px 10px;
  }

  #ensavoir_plus .info{
    float: left;
    width: 320px;
    height: 90px;
    padding: 5px 0;
    margin: 5px 2px;
  }

    #ensavoir_plus .info img{
      float: left;
      margin: 0 5px 0 0;
    }
 
    #ensavoir_plus .info h4{
      color: #696969;
      font-size: 13px;
      font-weight: bold;
      margin: 0;
      padding: 5px 0 0 0;
    } 
    
    #ensavoir_plus .info p{
      text-align: justify;
      font-size: 11px;
      margin: 0;
      padding: 0;
    } 

/* Flux RSS
*******************************************************************************/
#flux_rss{
  
}

#flux_rss h1{
  font-size: 14px;
  color: #FFA519;
}

#flux_rss .texte{
  font-size: 12px;
  text-align: justify;
  margin: 10px 5px;
}

  #flux_rss .texte ul{
    margin: 10px auto;
    width: 500px;
  }

  #flux_rss .texte ul li{
    float: left;
    width: 100px;
    margin: 0 10px;
    text-align: center;
    vertical-align: middle;
  }


  #flux_rss .texte a{
    text-decoration: none;
    color: #696969;
  }

    #flux_rss .texte a:hover{
      color: #CCC;
    }
  
    #flux_rss .texte a img{
      border: none;
    }

  #flux_rss .list_flux{
    display: block;
    overflow: hidden;
  }

    #flux_rss .list_flux ul{
      display: block;
      margin: 5px 0;
      overflow: hidden;
      height: 1%;
      clear: both;
    }
    
      #flux_rss .list_flux ul li{
        float: left;
        margin: 0 2px;
      }
      
        #flux_rss .list_flux ul li a img{
          border: none;
        }

      #flux_rss .list_flux ul .titre{
        width: 180px;
        font-size: 11px;
        font-weight: bold;
      } 

      #flux_rss .list_flux ul .logo{
        width: 110px;
        text-align: center;
      }        
        
  
.what_rss{
  display: block;
}

  .what_rss h4{
    font-size: 12px;
    color: #000;
    padding: 5px 0 5px 5px;
    margin: 0;
  } 
  
  .what_rss p{
    font-size: 11px;
    text-align: justify;
    padding: 0 5px;
    margin: 0;
  } 

    .what_rss p a{
      text-decoration: none;
      color: #696969;
    } 
    
      .what_rss p a:hover{
        color: CCC;
      } 

/* Affichage des résultats du module de recherche
*******************************************************************************/
#result_search{
  display: block;
}

  #result_search h2{
    display: block;
    background: #EEE none;
    border-bottom: 1px solid #DDD;
    padding: 0 5px;
    height: 1%;
    overflow: hidden;
  }

    #result_search h2 b{
      float: left;
      font-size: 14px;
      color: #FFA519;
    }
    
      #result_search h2 b i{
        font-size: 12px;
        color: #696969;
      }
    
    #result_search h2 span{
      float: right;
      font-size: 11px;
      color: #000;
    } 
      
  #result_search p{
    font-size: 12px;
    margin: 5px 0 0 5px;
  }   

  #result_search .result{
    display: block;
    margin: 10px 5px;
    height: 1%;
    overflow: hidden;
    border-bottom: 1px solid #DDD;
  }

    #result_search .result .illus{
      float: left;
      width: 80px;
      height: 40px;
      font-size: 11px;
      font-weight: bold;
      text-align: center;
      margin: 0 10px 0 0;
    }  

      #result_search .result .illus a{
        text-decoration: none;
        color: #696969;
      }

        #result_search .result .illus a:hover{
          color: #CCC;
        }   

    #result_search .result h3{
      font-size: 12px;
    }

      #result_search .result h3 a{
        text-decoration: none;
        color: #696969;
      }
  
        #result_search .result h3 a:hover{
          color: #CCC;
        }

    #result_search .result p{
      font-size: 11px;
      margin: 0;
    }



.block .result_images{
  display: block;
  padding: 5px 5px 5px 10px;
}

  .block .result_images .result{
    display: block;
    text-align: left;
    border: 0;
    margin: 5px 0;
    height: 1%;
    overflow: hidden;
  }

    .block .result_images .result .photo{
      float: left;
      clear: none;
      width: 80px;
      height: 60px;
      border: 0;
      overflow: hidden;
    }
  
      .block .result_images .result .photo img{
        width: 80px;
      }
  
    .block .result_images .result .texte{
      float: left;
      clear: none;
      width: 180px;
      border: 0;
      margin: 0 0 0 5px;
    }
    
      .block .result_images .result .texte a{
        text-decoration: none;
        font-size: 12px;
        color: #000;
        text-align: justify;
      }
  
/* Navigation
*******************************************************************************/	 
#navigation{
  display: block;
  height: 30px;
  overflow: hidden;
} 

  #navigation ul{
    display: block;
    width: 380px;
    margin: 5px auto;
  } 
  
    #navigation ul li{
      float: left;
      margin: 0 10px;
    } 
    
      #navigation ul li a{
        text-decoration: none;
        font-size: 11px;
        color: #696969;
      } 

        #navigation ul li a:hover{
          color: #CCC;
        } 


/* Pagination
*******************************************************************************/
#articles_pager{
  display: block;
  margin: 5px auto;
  text-align: center;
  color: #000;
}

  #articles_pager span{
    font-size: 12px;
    font-weight: bold;
    color: #696969;
    padding: 0 0 5px 0;
  }

  #articles_pager .current{
    color: #FFA519;
    font-weight: bold;
    font-size: 14px;
    padding: 0 3px;
  }

  #articles_pager img{
    vertical-align: bottom;
    padding: 0 3px;
  }

  #articles_pager a{
    text-decoration: none;
    font-size: 11px;
    color: #696969;
    
    padding: 0 3px;
  }
  
    #articles_pager a:hover{
      color: #CCC;
    }
    
    #articles_pager a img{
      border: none;
      vertical-align: bottom;
      padding: 0;
    }

    #articles_pager .inactif{
      color: #CCC;
      font-size: 11px;
    }


/* Retour
*******************************************************************************/
#go_home, #go_back{
  display: block;
}

  #go_home a, #go_back a{
    text-decoration: none;
    font-size: 12px;
    font-weight: normal !important;
    color: #696969 !important;
  }
  
    #go_home a:hover, #go_back a:hover{
      color: #CCC !important;
    }

    #go_home a img, #go_back a img{
      border: none;
      vertical-align: bottom !important;
    }

/* links footer
*******************************************************************************/
#link_footer{
  display: block;
}

  #link_footer h2{
    font-size: 14px;
    color: #FFA519;
  }

  #link_footer h3{
    font-size: 13px;
    color: #000;
    margin: 0 0 0 15px;
  }
  
  #link_footer .bloc_texte{
    font-size: 11px;
    text-align: justify;
  }

    #link_footer .bloc_texte a{
      text-decoration: none;
      color: #696969;
    }
    
      #link_footer .bloc_texte a:hover{
        color: #CCC;
      }

    #link_footer .bloc_texte a img{
      border: none;
      vertical-align: bottom;
    }

    #link_footer .bloc_texte .center{
      text-align: center;
    }
    
    #link_footer .bloc_texte ul li{
      margin: 0 0 0 10px;
    }

/* CGV
*******************************************************************************/	 
#cgv{
  margin: 5px;
}

  #cgv h1{
    color: #FFA519;
    font-size: 16px;
  }

  #cgv h3{
    color: #696969;
    font-size: 13px;
    margin: 10px 5px 5px 10px;
  }

  #cgv h4{
    font-size: 12px;
    margin: 10px 0;
  }

  #cgv .texte{
    text-align: justify;
    font-size: 12px;
    margin: 5px 5px 5px 20px;
  }

    #cgv .texte a{
      text-decoration: none;
      color: #000;
      font-weight: bold;
    }

    #cgv .texte a:hover{
      color: #CCC;
    }

/* Footer
*******************************************************************************/	
#footer{
  width: 990px;
  height: 35px;
	margin: 5px auto;
	padding: 0 5px;
	text-align: center;
	overflow: hidden;
}

  #footer ul{
    display: block;
    text-align: center;
    margin: 0 auto;
    padding: 10px 0; 
    overflow: hidden;
  }

  #footer ul li{
    float: left;
    text-align: center;
    font-size: 11px;
    font-weight: bold;
    padding: 0 0 0 15px;
  }

    #footer ul li a{
      text-decoration: none;
    }

/* Indicator
*******************************************************************************/	
.indicator{
  display: none;
}

/* Affichage des messages dans le layout
*******************************************************************************/
.msg_layout{
  color: #FF0000;
  padding: 0 5px 0 10px;
}

/* Affichage des messages erreur de formulaire
*******************************************************************************/
.alert{
  display: block;
  color: #FF0000;
  margin: 0;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
}

.alert_layout{
  position: absolute;
  /*background: #EEE;*/
  width: 665px;
  color: #000;
  margin: 0 5px 0 10px;
  padding: 0 5px;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
}

  .alert_layout img{
    vertical-align: bottom;
  }

/* Affichage du nombre de résultat par
*******************************************************************************/
.nb_results_by{
  font-size: 12px;
  text-align: right;
}