/**** Accréditations marque blanche V2 09/09/22 ****/
/*
div#barre_citia ul li a {
  color: #fff;
}
div#barre_citia ul li a:hover {
  background-color: #9cadb6;
  color: #fff;
}
div#barre_citia ul li a span {
  display: none;
  color: #fff;
  margin-right: 5px;
}
div#barre_citia ul li a:hover span {
  display: inline;
}
.picto_fb {
  background: url( "../interface/logos/picto_forum.png" ) no-repeat top left;
  padding-left: 15px;
}
.picto_citia {
  background: url( "../interface/logos/picto_citia.png" ) no-repeat top left;
  padding-left: 15px;
}
.picto_annecy {
  background: url( "../interface/logos/picto_annecy.png" ) no-repeat top left;
  padding-left: 15px;
}
.picto_naaow {
  background: url( "../interface/logos/picto_naaow.png" ) no-repeat top left;
  padding-left: 15px;
}
*/
a.btn_inscription {
  background: url( "../interface/button/btn_fb_300.png" ) no-repeat top left;
  text-align: center;
  display: block;
  width: 300px;
  height : 25px;
  padding-top : 10px;
  vertical-align: middle;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
}

a.btn_inscription:hover {
  background: url( "../interface/button/btn_fb_300.png" ) no-repeat bottom left;
}


/*************** FIN STD ********/

div.accred_pro, div.accred_etu  {
  width: 315px;
  /*margin-left : 35px;*/
  margin-bottom : 20px;
  float: left;
}

div.accred_pro p, div.accred_etu p {
  margin-left : 10px;
}

div.accred_pro ul, div.accred_etu ul  {
  list-style-type: none;
  margin-left : 10px;
}

div.accred_pro ul li, div.accred_etu ul li {
  margin-top : 5px;
}

div.accred_pro ul li a, div.accred_etu ul li a  {
    background: url( "../interface/pictos/flm_mini.gif" ) no-repeat 0px 5px;
    padding-left : 8px;
}

div.accred_pro ul li a:hover, div.accred_etu ul li a:hover  {
    background: url( "../interface/pictos/flm_mini.gif" ) no-repeat 0px 5px;
    padding-left : 8px;
}

div.blc_accred_generique {
  position: relative;
  width : 405px;
  padding-right : 10px;
  margin-top : 20px;
  margin-bottom : 10px;
  margin-left : 40px;
  border-right: 1px #000 solid;
  padding-bottom : 32px;
}

div.blc_accred_generique h6  {
  margin-top : 10px;
  margin-bottom : 10px;
}

div.blc_accred_generique ul  {
  margin-top : 0px;
  margin-left : 10px;
  margin-bottom : 10px;
}

div.blc_accred_generique ul li {
  margin-top : 3px;
  margin-bottom : 3px;
}

div.blc_accred_generique a.btn_detail_aff  {
  display : block;
  position : absolute;
  width : 210px;
  height : 14px;
  left : 0px;
  bottom : 0px;
  padding : 3px 10px;
  padding-left : 20px;
  background : #9c8574 url( "../interface/pictos/flb_mini.gif" ) no-repeat 10px 8px;
  color : #fff;
  text-decoration: none;
}

div.blc_accred_generique a.btn_detail_aff:hover  {
  background-color: #b39886;
}

div.blc_accred_generique a.btn_detail_msk  {
  background : #9c8574 url( "../interface/pictos/flb2_mini.gif" ) no-repeat 10px 8px;
}


div.blc_accred_detail1, div.blc_accred_detail2 {
  display: none;
}

div.blc_accred_comp  {
  margin-left : 35px;
  margin-top : 10px;
  width: 230px;
}

span.tarif  {
  display: block;
  font-weight: bold;
  width: 230px;
  padding-top : 15px;
  padding-bottom : 10px;
  margin-top : 10px;
  height : 15px;
  text-align: center;
  background-color: #000;
  color : #fff;
}

a.btn_accred, a.btn_accred:hover {
  display: block;
  width: 230px;
  height : 18px;
  padding-top : 2px;
  text-align: center;
  font-weight: bold;
  text-decoration: none;
  background : #9c9793 url( "../interface/btn_accreditation.gif" ) no-repeat top left;
  color : #000;
  margin-top : 10px;
}

a.btn_accred:hover {
    background : #9c9793 url( "../interface/btn_accreditation.gif" ) no-repeat bottom left;
}

ul.select_scroll {
  background-color:#f5f5f5;
  list-style-type: none;

  border-color:#373737 #B2B2B2 #B2B2B2 #373737;
  border-style:solid;
  border-width:1px;
  height:74px;
  padding-left : 5px;
  margin-left : 20px;
  margin-bottom:10px;
  margin-top:5px;
  overflow:auto;
  text-align:left;
  width:224px;
  
}


/***************** RECAP ACCRED ********************/
div.blc_etape {
  width: 500px;
  margin : 10px;
  padding : 5px;
  background-color: #f5f6f7;
  border : 1px solid #f0f1f2;
}

div.blc_etape a.btn_etape {
  float: right;
  display: block;
  vertical-align: middle;
  width: 150px;
  height : 30px;
  padding-top : 20px;
  text-align: center;
  font-weight: bold;
  text-decoration: none;
  background : url( "../interface/button/btn_fb_action.png" ) no-repeat top left;
  color : #fff;
}

div.blc_etape a.btn_etape:hover {
    background : url( "../interface/button/btn_fb_action.png" ) no-repeat bottom left;
}

div.blc_etape a.btn_etape.ap  {
  height : 35px;
  padding-top : 15px;
}

/***************** ETAPE 2 *********************/

.blc_form p span.msg_erreur {
  margin-left : 5px;
}




.btn_150  {
  display: block;
  width : 150px;
  height : 16px;
  padding-top : 4px;
  text-align: center;
  background : #e5e5e5 url( "../interface/button/btn_150.png" ) no-repeat top left;
  border : 0px;
  cursor: pointer;
  text-decoration: none;
}

.btn_150:hover  {
 background-position: left bottom;

}

.btn_508 {
  width: 508px;
  display: block;
  }
  /*
  background: url( "../interface/button/btn_fb_508.png" ) no-repeat top left;
  text-align: center;
  display: block;
  width: 508px;
  height : 27px;
  vertical-align: middle;
  font-weight: bold;
  color: #fff;
  cursor: pointer;
  text-decoration: none;
}
*/
/*
.btn_508:hover {
  background: url( "../interface/button/btn_fb_508.png" ) no-repeat bottom left;
}
*/
/***************** ETAPE 4 *********************/

p.txt_paiement  {
  width: 500px;
}

div#choix_paiement  {
  /*margin-left : 35px;*/
  margin-top : 10px;
}

ul.recap_personne {
  margin-left : 15px;
}

ul.recap_personne li {
  margin : 10px 0px;
}

.blc_paiement {
  width: 500px;
  float: left;
  padding : 15px;
  /*
  margin-right : 15px;
  border-right: 1px #000 solid;
  */
}

div#reglement {
  width: 495px;
  height : 60px;
  padding : 5px;
  font-size: 0.9em;
  overflow: auto;
  margin-bottom : 5px;
  border : 1px solid #e5e5e5;
}
/********************** GENERIQUES ***************************/

/********** FORMULAIRES *********/

/********** Infobille *********/
/*
.bubbleInfo {
    position: relative;
    top: 150px;
    left: 100px;
    width: 500px;
}*/
.trigger {
   /* position: absolute;*/
}

div#popup {
	position: absolute;
	display: none;
	z-index: 50;
	border-collapse: collapse;
	background: url("../interface/tooltip/fleche.gif")  no-repeat 70px 35px; 
	color : #fff;
	padding : 5px;
	padding-bottom : 15px;
	height : 25px;
}

div#popup div  {
  margin : 0;
  height : 20px;
  padding : 5px;
  position : relative;
  background-color: #000;
}

div#popup div span {
  display : block;
  width : 5px;
  height : 30px;
  float : left;
  position : absolute;
  padding : 0px;
}

div#popup div span.border_left  {
  top : 0px;
  left : 0px;
  background: url("../interface/tooltip/gauche.gif")  no-repeat top left; 
}

div#popup div p.txt_bulle  {
  width : auto;
  height : auto;
  position: relative;
  display: inline;
  padding: 0;
  border:0;
  color : #fff;
}

div#popup div span.border_right  {
  right : -1px;
  top : 0px;
  background: url("../interface/tooltip/droite.gif")  no-repeat top left; 
}

.picto_attention  {
  margin-right : 5px;
  position: relative;
  top : -3px;
}
/********** CLEANERS *********/
.cleaner_vide {
  clear: both;
  width: 100%;
  height : 1px;
  border : 0px;
}

.cleaner_comp {
  clear: both;
  width: 100%;
  height : 1px;
  border-top : 1px solid #000;
}

.cleaner_simple {
  clear: both;
  height : 1px;
  border-top : 1px solid #000;
  margin : 0px 40px;
}

/*********** PADDING **********/

.pt_5  {
  padding-top: 10px;
}

/*********** MARGES **********/
.m_5 {
  margin: 5px; 
}

.m_20 {
  margin: 20px; 
}

.mt_0  {
  margin-top: 0px !important;
}

.mt_5  {
  margin-top: 5px !important;
}

.mt_10  {
  margin-top: 10px;
}

.mt_15  {
  margin-top: 15px;
}

.mt_20  {
  margin-top: 20px;
}

.mt_30  {
  margin-top: 30px;
}

.mt_35  {
  margin-top: 35px;
}

.mb_5 {
    margin-bottom : 5px;
}

.mb_10  {
  margin-bottom: 10px;
}

.mb_20  {
  margin-bottom: 20px;
}

.ml_10  {
  margin-left: 10px;
}

.ml_20  {
  margin-left: 20px;
}

.ml_25  {
  margin-left: 25px;
}

.ml_35  {
  margin-left: 35px;
}

.mr_5  {
  margin-right: 5px;
}

.mr_20  {
  margin-right: 20px;
}

.mr_35  {
  margin-right: 35px;
}

.mb_20  {
  margin-bottom: 20px;
}
/******** ALIGNEMENTS *******/
div.blc_left  {
  float : left;
}

.ta_left, .ta_left *   {
  text-align: left;
}

.ta_centre {
  text-align: center;
}

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

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