/*
  Feuille de style forumblanc.org 2011
  Elements de base
  08/07/10 - CITIA
*/

body, div#corps, div#corps_fb  { /* div#corps_fb : A supprimer */
  /*background: #ebebeb url(../interface/trame_fb2011.png) repeat-x 0 0;*/
   background: #ebebeb url(../interface/trame_fb2011.png) repeat-x 0 0px;
   color : #000;
   font-family: Trebuchet MS, Futura, Arial;
}

div#barre_citia {
  background-color: #d2d2d2;
  border-bottom : 1px solid #cacaca;
}

div#pied_page  {
  color: #fff;
  position: relative;
  z-index : 8;
  margin : 10px 0px;
  padding-top : 5px;
  padding-bottom : 5px;

}

div#pied_page p {
  position: relative;
}
div#pied_page a {
  color: #fff;
}

div#pied_page img {
  position: absolute;
  left : -143px;
  top : -65px;
}

#form_connexion
{
  background: #d2d2d2;
  padding:0px 40px;
}

div#header  {
  background: url(../interface/bck_fb2011.png) no-repeat 0px 90px;
}

a#retour_accueil  {
  position: absolute;
  display: block;
  left : -0px;
  top : 120px;
  width: 400px;
  height: 50px;
}

h2, h3, h4, h5, h6 {
   font-family: Trebuchet MS, Futura, Arial;
}

h3, h5.contact {
  color: #000000;
  font-size: 1.4em;
  margin: 10px 0px;
  padding-bottom: 10px;
  font-weight: bold;
  border-bottom: 1px solid #000000;
}

h4  {
  color: #000;
  font-size: 14px;
}

h6 {
  color: #000000;
  margin: 10px 0;
}

a, a:visited {
  color: #000;
}

div .elmt_focus, .ui-state-active {
  border: 1px solid #5c5c5c !important; /* solid #4c4a7c !important;*/
  color: #000 !important;
  box-shadow: 0px 0px 3px #5c5c5c;
  -moz-box-shadow: 0px 0px 3px #5c5c5c;
  -webkit-box-shadow: 0px 0px 3px #5c5c5c;
}

div .btn_valider.elmt_focus, div .btn_commun.elmt_focus, div .btn_2_lignes.elmt_focus, div .btn_haut.elmt_focus {
  color: #fff !important;
}
/* Styles pour les menus -------------------------------------------------------------- */
/* styles statiques */
div.menu_n1 {
  /*background-color: #ffa00b;*/
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  position: relative;
  z-index: 10;
}
div.menu_n1 a {
  display: block;
  height : 60px;
  width: 100%;
  text-indent: -1000em;
}

div.menu_n1 a:hover {
 /* height: 100px;*/
}
div.menu_n1 a.selected {
  height: 95px !important;
}
div.menu_n1 a.selected img {
  position: relative;
  display: block;
  top : 46px;
  left : 11px;
}
div.menu_n1 a img {
  display: none;
}

div.menu_n2 {
  /*background-color: #d2d2d2;*/
  position: relative;
  z-index: 100;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
div.menu_n2 div {
  margin: 10px 0px;
  height: 100%;
}
div.menu_n2 .col1, div.menu_n2 .col2  {
  background-image: url(../interface/trame_m2.png);
}
/*
div.menu_n2 .col2, div.menu_n2 .col3  {
  border-left: 1px #aaaaaa dotted;
}
*/
div.menu_n2 h4  {
  margin-left: 10px;
  margin-top : 10px;
  font-weight: bold;
  font-size: 12px;
  color: #000
}
div.menu_n2 ul  {
  list-style-type: none;
  margin-left: 20px;
}
div.menu_n2 a {
  text-decoration: none;
  color: #000;
}
div.menu_n2 a:hover {
  text-decoration: underline;
}

.coul_m1  { background: #c9e412; }
.coul_m2  { background: #f2b600; }
.coul_m3  { background: #fab7db; }
.coul_m4  { background: #ff9e98; }


a.btn_fermer_commun, a.fermer_ss_menu, a.nyroModalClose, a#close {
  width: 11px;
  height: 11px;
  position: absolute;
  top : 5px;
  right: 5px;
  background: url(../interface/pictos/fermer_menu.png) no-repeat 0 0; 
  text-decoration: none !important;
  text-indent: -999em;
}

a.btn_fermer_commun:hover, a.fermer_ss_menu:hover, a.nyroModalClose:hover, a#close:hover {
  background-position: 0 -11px;
}

a.btn_fermer_commun.superieur {
   top : -10px;
  right: -5px; 
}

a.nyroModalClose  {
  top : 28px;
  right : 10px;
}


/* styles à rendre dynamiques en fonction de l'arborescence */
div.menu_n1 a#mn1_240_fr { background: #b0c80c url(../interface/m1_240_fr.png) left bottom no-repeat; color: #b0c80c; }
div.menu_n1 a#mn1_240_fr:hover, div.menu_n1 a#mn1_240_fr.selected { background: #c9e412 url(../interface/m1_240_fr_hover.png) left bottom no-repeat; color: #c9e412; }

div.menu_n1 a#mn1_241_fr { background: #f29400 url(../interface/m1_241_fr.png) left bottom no-repeat; color: #f29400; }
div.menu_n1 a#mn1_241_fr:hover, div.menu_n1 a#mn1_241_fr.selected { background: #f2b600 url(../interface/m1_241_fr_hover.png) left bottom no-repeat; color: #f2b600; }

div.menu_n1 a#mn1_61_fr { background: #ed9ac7 url(../interface/m1_61_fr.png) left bottom no-repeat; color: #ed9ac7; }
div.menu_n1 a#mn1_61_fr:hover, div.menu_n1 a#mn1_61_fr.selected { background: #fab7db url(../interface/m1_61_fr_hover.png) left bottom no-repeat; color: #fab7db; }

div.menu_n1 a#mn1_114_fr { background: #f97870 url(../interface/m1_114_fr.png) left bottom no-repeat; color: #f97870; }
div.menu_n1 a#mn1_114_fr:hover, div.menu_n1 a#mn1_114_fr.selected { background: #ff9e98 url(../interface/m1_114_fr_hover.png) left bottom no-repeat; color: #ff9e98; }


div.menu_n1 a#mn1_240_en { background: #b0c80c url(../interface/m1_240_en.png) left bottom no-repeat; color: #b0c80c; }
div.menu_n1 a#mn1_240_en:hover, div.menu_n1 a#mn1_240_en.selected  { background: #c9e412 url(../interface/m1_240_en_hover.png) left bottom no-repeat; color: #c9e412; }

div.menu_n1 a#mn1_241_en { background: #f29400 url(../interface/m1_241_en.png) left bottom no-repeat; color: #f29400; }
div.menu_n1 a#mn1_241_en:hover, div.menu_n1 a#mn1_241_en.selected  { background: #f2b600 url(../interface/m1_241_en_hover.png) left bottom no-repeat; color: #f2b600; }

div.menu_n1 a#mn1_61_en { background: #ed9ac7 url(../interface/m1_61_en.png) left bottom no-repeat; color: #ed9ac7; }
div.menu_n1 a#mn1_61_en:hover, div.menu_n1 a#mn1_61_en.selected  { background: #fab7db url(../interface/m1_61_en_hover.png) left bottom no-repeat; color: #fab7db; }

div.menu_n1 a#mn1_114_en { background: #f97870 url(../interface/m1_114_en.png) left bottom no-repeat; color: #f97870; }
div.menu_n1 a#mn1_114_en:hover, div.menu_n1 a#mn1_114_en.selected  { background: #ff9e98 url(../interface/m1_114_en_hover.png) left bottom no-repeat; color: #ff9e98; }

/* Styles pour les menus - FIN ------------------------------------------------------- */

/* ---- Flash ---- */
div#flash {
  position: relative;
  z-index: 1;
  height: 19px;
  margin : 0px;
  margin-bottom : 10px;
  background: #eb6c64 url(../interface/img_flash.png) no-repeat 0 0;
  overflow:hidden;
}

div#flash p {
  color: #000;
  margin : 0;
  margin-left : 80px;
}

div#flash img {
  position: absolute;
  top : 0px;
  right : 0px;
}
/* visioneuse */
div#visio_home  {
  margin-top : 10px;
  position: relative;
  height: 270px;
  overflow:hidden;
}

div#visio_home ul.pagination {
  position: absolute;
  z-index: 150;
  right : 10px;
  top : 10px;
  list-style:none;
}

ul.pagination li  {
  float:left;
}

div#visio_home ul.pagination a   {
  background: url(../interface/picto_visio_fb2011.png) no-repeat 0 0;
  color : #b1c900;
  display: inline-block;
  width: 15px;
  height: 21px;
  font-weight: bold;
  text-decoration: none;
  text-indent: 0em;
  padding-left : 7px;
}

div#visio_home ul.pagination li.active a, div#visio_home ul.pagination a:hover {
  background-position: 0 -21px;
  color: #000;
}
/*
div#visio_home ul.pagination a span  {
  position: relative;
  left : 7px;
  top : 1px;
}
*/

/*
ul.pagination { list-style:none; padding:0; margin:0; }
ul.pagination li  { float:left; }
ul.pagination li a { padding:2px 4px; }
ul.pagination li.active a { background:blue; color:white; }
*/
/* visioneuse */
/*
div#qel_visio  {
  position: relative;
  width: 950px;
  height: 240px;
  margin-bottom : 10px;
  overflow:hidden;
}
*/
div#visio_home .slides {
  position:absolute;
  margin-top:0;
  margin-left:0;
}

div#visio_home .slides div {
  position:absolute;
  top:0;
  width:950px;
}

div#visio_home a.btn_prec, div#visio_home a.btn_suiv {
    width: 20px;
    height: 20px;
    display: block;
    text-decoration: none !important;
    background-repeat: no-repeat;
    position: absolute;
    top : 5px;
}



/* ---- Accroches ---- */
ul#menu_accr  {
  list-style-type: none;
  margin-left : 0px;
  margin-top : 10px;
}
ul#menu_accr li {
  float : left;
}
ul#menu_accr li a {
  display: block;
  height : 90px;
  width: 190px;
  text-indent: -1000em;
}

ul#menu_accr.accr_fr a {
 background: url(../interface/sprite_accroches_fb_fr.png);
}

ul#menu_accr.accr_en a {
 background: url(../interface/sprite_accroches_fb_en.png);
}

ul#menu_accr a#accr_1 {         background-position:  0 0; }
ul#menu_accr a#accr_1:hover {   background-position:  0 -90px; }
ul#menu_accr a#accr_2 {         background-position:  -190px 0; }
ul#menu_accr a#accr_2:hover  {   background-position:  -190px -90px; }
ul#menu_accr a#accr_3 {         background-position:  -380px 0; }
ul#menu_accr a#accr_3:hover {   background-position:  -380px -90px; }
ul#menu_accr a#accr_4 {         background-position:  -570px 0; }
ul#menu_accr a#accr_4:hover {   background-position:  -570px -90px; }

div#tete_page  {
  background-color: #bfbebe;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding : 10px 0;
}

div#tete_page h2 {
  text-align: center;
}

div#blc_centre, .contraste, .contraste_corps, .blc_contrast  {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  position: relative;
}

div#blc_centre  {
  background-color: #d2d2d2;
  margin-top : 10px;
  padding-top : 35px;
}

.contraste_corps {
  background-color: #bfbebe;
  padding: 10px;
}

.contraste {
  background-color: #ed736b;
  padding: 5px;
}

.blc_contrast {
  background-color: #cccccc;
  padding: 5px;
}

.visionneuse {
  position: relative;
  height:270px;
  overflow:hidden;
  cursor:pointer;
}

.visionneuse .slides {
  position:absolute;
  margin-top:0;
  margin-left:0;
}

.visionneuse .slides div {
  position:absolute;
  top:0;
}

.visionneuse h4 {
  position: absolute;
  top: 5px;
  color: #bababa;
  font-size: 16px;
}

.visionneuse h5 {
  position: absolute;
  top: 25px;
  color: #e0e0e0;
  font-size: 11px;
}

.visionneuse a.btn_prec, .visionneuse a.btn_suiv {
    width: 20px;
    height: 20px;
    display: block;
    text-decoration: none !important;
    background-repeat: no-repeat;
    position: absolute;
    top: 5px;
}

/* Contact */
div.blc_contact {
  background-color: #bfbebe;
  padding: 10px;
  margin-bottom : 20px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

div.blc_contact a {
  font-weight: bold;
  text-decoration: none;
}

div.blc_contact a:hover, div.blc_contact:hover a {
  text-decoration: underline;
}

.btn_action {
  background-color: #bfbfbf;
}

.btn_action:hover {
  background-color: #e5e5e5;
}

/* Archives et/ou nouvelles parties */
.conf {
  border-bottom : 1px solid #000;
  padding-bottom : 10px;
}

.conf h5  {
  margin-bottom : 5px;
}

.conf .comp {
  position: relative;
} 

/* Liste particpants simple */
table#liste_part th, table#liste_part td  {
  text-align: left;
  padding : 2px;
}
table#liste_part tr  {
  border-bottom : 1px solid #000; 
}

/* Programme Archive */
div.blc_conf_archive  {
  border-top : 1px solid #000;
  padding-top : 10px;
}

div.blc_conf_archive h4 {
  border-bottom : 0px solid #000;
}

div.blc_conf_archive.blc_selected {
  background-color: #bfbebe;
}
a.btn_info,  a.btn_bio, a.nyroModalPrev, a.nyroModalNext {
  background-color: #000;
  color: #fff;
  text-decoration: none;
  padding: 0px 4px;
  font-size: 11px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

a.btn_info:hover, a.btn_bio:hover, a.nyroModalPrev:hover, a.nyroModalNext:hover {
  background-color: #fff;
  color: #000;
}

a.btn_bio {
  padding: 0px 6px;
}

div.blc_conf_archive div.blc_comp {
  display: none;
  border-top : 1px solid #000;
  background-color: #d2d2d2;
  padding : 10px; 
  padding-bottom : 20px;
}

/* Nyro */
div#nyroModalContent  {
  background-color: #d8d8d8;
  padding : 40px;
}

a.nyroModalNext {
  margin-left : 10px;
}

/* Photos */
div.blc_photo {
  margin-top : 60px;
}

.photo
{
  padding : 6px 6px 0px 4px;
  margin-bottom : 4px;
}

.photo:hover  {
  background-color: transparent;
}

.photo img  {
  border : 4px solid #fff;
    -moz-box-shadow: 2px 2px 6px #9e9e9e;  
    -webkit-box-shadow: 2px 2px 6px #9e9e9e;  
    box-shadow: 2px 2px 6px #9e9e9e;  
}

/****************** Accred *******************/
.btn_commun, .btn_valider, .btn_2_lignes, .btn_haut,
.btn_commun:visited, .btn_valider:visited, .btn_2_lignes:visited, .btn_haut:visited,
a.btn_2_lignes_block, a.btn_petit_1, input.btn_petit_1, a.btn_petit_2,
a.btn_100, a.btn_100.disabled:hover   {
  background-color: #000;
  color: #e9e9e9;
  display: block;
  text-align: center;
  font-weight: bold;
  text-decoration: none;
  padding: 4px;
  font-size: 11px;
  border-width : 0px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  cursor: pointer;
}

.btn_valider, .btn_valider:visited  {
  width: 100%;
  height : 30px;
  font-weight: bold;
  font-size: 12px;
  font-family: Trebuchet MS;
  text-transform: uppercase;
}

.btn_2_lignes, .btn_2_lignes:visited   {
  height : 32px;
}

.btn_2_lignes span  {
  font-weight : normal;
}

.btn_haut, .btn_haut:visited  {
  height : 26px;
  padding-top : 10px;
}

/*
a.btn_2_lignes_block  {
  height : 32px;
}
*/
a.btn_100 {
  width: 100px;
}

a.btn_petit_1, input.btn_petit_1, a.btn_petit_2
 {
  width: 131px;
  height : 18px;
  display: block;
}

.btn_commun:hover, .btn_valider:hover, .btn_2_lignes:hover, .btn_haut:hover,
.btn_2_lignes_block:hover, a.btn_100:hover,
a.btn_petit_1:hover, input.btn_petit_1:hover, a.btn_petit_2:hover  {
  background-color: #272727;
  color: #fff;
}

.btn_important, .btn_important:visited  {
  background-color: #ec6d65;
  color: #000;
}
.btn_important:hover {
  background-color: #ff594f;
  color: #000;
}

.btn_action, .btn_action:visited  {
  background-color: #e5e5e5;
  color: #555555;
}
.btn_action:hover {
  background-color: #fafafa;
  color: #444444;
}

/*********** Element informatif *******************/
div.info_sup  {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-color: #999797;
  margin-top : 15px;
}

div.info_sup p {
  padding : 5px;
  text-align: center;
}
/*********** Programme *******************/

ul.menu_jour  {
  list-style-type: none;
  margin-left : 0px;
}

ul.menu_jour li {
  float: left;
  display: block;
  margin-right : 10px;
}

ul.menu_jour li.last  {
  margin-right: 0px;
}

ul.menu_jour li a {
  background-color: #dfdfdf;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  display: block;
  text-align: center;
  padding : 20px 0px 10px 0px;
  font-size: 26px;
  text-decoration: none;
  line-height: 14px;
  letter-spacing: 1px;
}

ul.menu_jour li a span  {
  font-size: 12px;
  letter-spacing: 3px;
}
ul.menu_jour li a:hover {
  background-color: #cacaca;
}

ul.menu_jour li.jour_select a {
  background-color: #cacaca;
}

div#jours_details {
  position: relative;
  margin-top : 62px;
  background-color: #cacaca;
  padding : 30px;
  z-index: 25; 
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
/*********** Programme *******************/
div.img_inter {
  width: 45px;
  padding-right : 10px;
  float: left;
}
div.img_inter a.btn_commun {
  padding: 0 2px;
  font-weight: normal;
}

/********************* tab_tarifs *****************************/
table#tab_tarifs  {

}

table#tab_tarifs td {
  padding: 10px;
  border : 1px solid grey;
}

/* Pubs */
div#pub_sky {
  top: 285px;
}