/* ----------------------------------------------------------------- */
/* >>> GLOBAL */

/* http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0; padding: 0; 	border: 0;
}

body {
  background: #A6A5A4 url(../images/css/back_body.gif) repeat-x left top;
  color: #3B3B3B;
}

#main {
  margin: 0 auto;
  width: 993px;
}

p {
  margin: 5px 0;
  text-align: justify;
}

  p.text-center{
  text-align: center;
  }
a p {
  color: #3B3B3B;
  font-weight: normal;
}

img { display: block; }

div.left, img.left { margin: 0 10px 5px 0; }
div.right, img.right { margin: 0 0 5px 10px; }
div.center img, img.center { margin:0 auto 1.5em; }

#ezwt img, .doc img { display: inline; }
ol{
  overflow: hidden;
  padding-left: 22px;
}
ul {
  overflow: hidden;
  list-style: disc none outside;
  padding-left: 15px;
}
ul.fleche, .boite_lien ul, .nosServices ul, .nosServicesVert ul, .vousEtes ul {
  list-style: url(../images/css/arrow_grey_list.gif) none outside;
  margin: 0;
}
  .nosServices ul li {
    float: left;
    width: 105px;
  }
ul.nostyle { list-style: none none outside; }
ul.fleche.cols li { float: left; width: 305px; }

ul.plan_ressource li{
  list-style: url(../images/css/arrow_grey_list.gif) none outside; font-weight:bold;
  margin-bottom:15px;
  float:left;
  }
ul.plan_ressource li a{color:#423F3C; }
ul.plan_ressource li ul li {margin-bottom:0px; clear:both; }
ul.plan_ressource li ul li a {color:#347312; font-weight:normal;}

table { width: 100%; margin-bottom:10px; }
  table th, table td {
    text-align: left;
    vertical-align: top;
  }
  table th {
    background-color: #B5BEC7;
    color:#254B71;
    border: solid 1px #FFF;
    padding: 0.25em;
    font-weight: normal;
  }
  table tr.bglight, table tr.cv_liste_ligne_0 { background-color: #FAFAFA; }
  table tr.bgdark, table tr.cv_liste_ligne_1 { background-color: #E7E7E7; }
  table td { 
	padding: 0.25em; 
	/*vertical-align: middle;*/
	}
  td.text-left, th.text-left, p.text-left  { text-align:left; }
  td.text-center, th.text-center, p.text-center  { text-align:center; }
  td.text-right, th.text-right, p.text-right   { text-align:right; }
  td.text-justify, th.text-justify, p.text-justify   { text-align:justify; }

  .children_list th { width: 15px; }
  .children_list th.name { width: auto; }
  .children_list th, .children_list td { padding: 2px 3px 0 3px; }

.hidden { display: none; }
.bold { font-weight: bold; }
.small { font-size: 0.9em; }
.big { font-size: 1.2em; }
.vert { color: #347312; }
.gris { color: #3B3B3B; }
.gris2 { color: #757575; }
.left { float: left; }
.right { float: right; }
.marge { margin-left: 15px; }
.margetop { margin-top: 2.5em; }
.margebottom { margin-bottom: 2.5em; }
.spacer { clear: both; }
.overflow-hidden { overflow: hidden; }
.margeplus { width: 940px; overflow: visible; }
.moitie{ width: 48%; margin-left: 0.5% }
.separator {
  display:block;
  width: 100%; height: 1em;
  /*border-bottom: 1px dotted #BEBDBC;*/
  clear:both;
}
  .boite_lien .content .separator {
  height: 2px;
  border-bottom:0px;
  }
/* ----------------------------------------------------------------- */
/* >>> TYPO and HEADINGS */

body {
  font: 68.75%/1.3em /*"Liberation Sans",*/ "Arial", sans-serif;
  quotes: '\0000ab\0000a0' '\0000a0\0000bb' '\00201c\0000a0' '\0000a0\00201d';
}

a, a:link {
  text-decoration: none;
  color: #347312;
}
a:hover { text-decoration: underline; }

a.gris { color: #3B3B3B; }
a.selected, .selected a, #bottom_page a:hover { color: #E4303C; }

a.bouton_lien {
  background: url(../images/css/sprite_ffe.png)   -0px -433px;
  display: block;
  overflow:hidden;
  width: 210px; height: 19px;
  margin: 6px 0 0 0;
  padding: 5px 0 0 7px;
  text-decoration: none;
  color: #FFFFFF;
}
a.bouton_lien.vert {
   background: url(../images/css/sprite_ffe.png)   -0px -408px;
}
a.fleche {
  background: url(../images/css/sprite_x.png)   -0px -333px no-repeat;
  padding-left: 19px;
  color: #347312;
}
a.fleche_reverse {
  background: url(../images/css/sprite_x.png)   -0px -345px no-repeat;
  font-weight:normal;
  margin-top:0px;
  padding-left: 19px;
  color: #FFFFFF;
}
a.bouton_lien_focus{
  background: url(../images/css/sprite_ffe.png)   -0px -379px;
  color: #FFF;
  display: block;
  width: 114px; height: 26px;
  line-height: 26px;
  margin: 6px 0 0 40px;
  text-decoration: none;
  text-align: center;
}
a.bouton_lien.carte{
  width: 110px;
  background: transparent url(../images/css/bouton_carte_gris.gif) left top no-repeat;
}

a.bouton_lien.carte.vert{
  background: transparent url(../images/css/bouton_carte_vert_0.gif) left top no-repeat;
}
a.chevron {
  background: transparent url(../images/css/arrow_green2.gif) no-repeat left 50%;
  padding-left: 10px;
  color: #347312;
}
a.voirSurCarte { font-size: 1.2em; }

ul.fleche, .boite_lien li a, .nosServices li a, .nosServicesVert li a, .infosSuppl li a  {
  font-weight: bold;
  color: #423F3C;
}
#plan_du_site a {
  font-size: 1.2em;
  display: block;
  width: 170px;
}

.pagination {
  clear: both;
  margin-top: 1em;
  text-align: right;
}
  .pagination a {
    display: inline-block;
    margin: 0 5px;
    border-bottom: 2px solid #BEBDBC;
    color: #757575;
    font-weight: bold;
    text-decoration: none;
  }
  .pagination a:hover {
    border-color: #757575;
  }

p.legend {
  font-size: 0.9em;
  font-style: italic;
  text-align: left;
}
/*style paragrahpes*/

.presentation{ font-weight: bold; color:#3B3B3B; }

.citation, .quote-design {
  background-color:#E7E7E7;
  border: 1px solid #757575;
  font-style:italic;
  padding:12px 5px;
}
.note{
  background-color:#E7E7E7;
  float: right;
  margin-left: 5px;
  padding: 12px 5px;
  width: 30%;
  font-size: 0.9em;
  border: 1px solid #757575;
}
/*fin style paragrahpes*/

h1 { font-size: 2em; margin: .67em 0; }

h2 {
  font-family: "Trebuchet MS", Verdana, sans-serif;
  font-size: 2em;
  line-height: 1em;
  font-weight: bold;
  margin: 0 0 1em;
  color: #347312;
}

#nav_sitemap h2 {
  font-size: 1.4em;
  margin-left: 0;
  color: #423F3C;
}

/* Boîtes h2 */
.top h2, .bloc_grd_rdv h2 {
  font-family: "Trebuchet MS", Verdana, sans-serif;
  font-size: 1.25em;
  line-height: 26px;  /* A synchro avec .top { height } */
  margin: 0px;
  padding-left: 12px;
}
.liste_thematique .top h2 {
  line-height: 38px;  /* A synchro avec .liste_thematique .top { height } */
}
  .liste_thematique .top h2.aide span {
    float:right;
    width:23px;
    background: transparent url(../images/css/sprite_x.png)  0px -660px no-repeat;
  }

.focus h2, .focus h3, .lastone h2 {
  font-size: 1.3em;
  margin: 0 0 .25em;
}
.bloc_ffetv h2 {
  float: left;
  width: 180px;
  color: #FFFFFF;
}
.focus h2, .focus h2 a { color: #A98820; }

.boite_lien h2, .vousEtes h2, .infosSuppl h2, .nosServicesVert h2, .a_la_une h2 {
  color: #FFFFFF;
}
.nosServices h2 {
  color: #423F3C;
}
#bloc_search_club h2 {
  font-size: 1.5em;
  margin: 0 5px;
  padding-top: 1em;
}

h3 {
  font-family: "Trebuchet MS", Verdana, sans-serif;
  font-size: 1.5em;
  margin: .5em 0;
  font-weight: bold;
  color: #347312;
}

  .content h3 { margin: 0 0 .25em; color: #3B3B3B; }
  .focus h3{ color: #A98820; }
  .reglo h3, .lastone h3 { color: #347312; }
  .lastoneref .content h3 { font-size: 2em;line-height:120%; margin: 0.3em  0 .25em; color: #3B3B3B; }

  h3.edit_closed {
     margin-top:15px;
     margin-bottom:15px;
     padding:5px 0 5px  0;
     border:1px solid #347312;
     border-right:0px;border-left:0px;
     cursor: pointer;
    }

    h3.edit_closed img{
     margin-right:15px;
    }

    #direct h3 { font-size: 1.3em; color: #347312; }
    .liste_thematique dd h3, .a_la_une dd h3 { font-size: 1.1em; margin: 0 0 5px; }
    .liste_thematique dd h3 a, .a_la_une dd h3 a { color: #423F3C; }
    .listitem h3 { font-size: 1.1em; }
    .listitem.left h3 {margin: 0;  }
    .listitem.comite.left h3 { color: #347312; }

.lastoneref .content p { margin-top:15px;margin-bottom:15px; }
h4 { font-size: 1.2em;margin: 1.2em 0 1em 0; }
.boite_lien .content h4 {  color: #347312;  }
.listitem h4 { margin: 0px;  }
h5 { font-size: 1em; color:#757575; }
h6 { font-size: 0.9em;  color:#757575; }


.toggle{
  cursor: pointer;
  font-size: 1.2em;
  margin: .5em 0;
  font-weight: bold;
  color: #347312;}
/* ----------------------------------------------------------------- */
/* >>> FORMS */

form {
  margin: 2em 0;
  text-align: left;
}
  label {
    cursor: pointer;
    float:left;
    margin-right:2%;
    text-align:right;
    width:30%;
  }

  .edition  legend{
   font-weight:bold;
  }
  .edition label {
      font-weight:bold;
      text-align:left;
      width:40%;
  }
  .edition select {
      float:left;
  }
  .edition.block, .edition.block .block, .content-edit .buttonblock{
    clear:both;
  }
  .edition p.description{
    clear:both;
  }
    .edition.block input.button-disabled{
      display:none;
    }
    .edition.block .block input{
      float:left;
      }
  .content label { width: 28%; }

  /* Formulaires de contribution */
  .content-edit fieldset {
    border: solid 1px #757575;
    margin: 1em;
    padding: 0.35em 0.625em 0.75em;
  }

    .content-edit legend {
      padding: 0 0.2em;
    }

    .content-edit table {
      clear: both;
      margin: 10px 0;
    }

      .buttonblock { margin: 10px 0; }

/* Messages de retour */
.message-error {
  background: transparent url(../images/css/exclamation.gif) no-repeat 10px center;

  margin: 10px 0;
  padding: 10px 5px 10px 45px;
  border: 1px solid #BDBDBD;
  font-weight: bold;
}

.message-warning {
  background-color: #FFFFFF;
  border: 5px solid #E9E730;
  margin: 10px 0;
  padding: 10px;
}

.message-warning h2 {
  margin: 0 0 10px 0;
  color: #A6A422;
}

.message-warning ul {
  list-style-type: disc;
  padding-left: 20px;
}

.feedback {
  background-color: #FFFFFF;
  border: 5px solid #57BD01;
  margin: 10px 0;
  padding: 10px;
}

.feedback h2 {
  margin: 0 0 10px 0;
  color: #3C760C;
}

#search   {
  background: transparent url(../images/css/back_search.gif) no-repeat left top;
  float: right;
  width: 249px; height: 24px;
  margin-top: 5px;
  padding: 5px 0 0 7px;
  color: #3A3434;
}

/*comment*/
#search.left   {
    float: left; margin-left:25px;
    width:350px;
}
  #search p, #bloc_search_club { margin: 0; }

  #search_text, #adresse {
    float: left;
    width: 210px; height: 14px;
    margin: 3px 0;
    border: 0;
  }

  #search_button { margin-right: 5px; }

#facet-list {
  float: left;
  width: 190px;
  margin: 10px 0;
}

  #facet-list ul { padding: 0; }
    #facet-list #active-facets-list { margin: 10px 0; }
    #facet-list ul li { float: none; width: auto; }
      #facet-list ul ul { margin: 5px 0 10px; padding-left: 20px; }

#search_result { width: 455px; }

#bloc_search_club {
  background: transparent url(../images/css/back_search_block.jpg) no-repeat left top;
  width: 308px; height: 123px;
  margin-bottom: 10px;
  padding-left: 10px;
}

  #content_right #bloc_search_club {
    background: transparent url(../images/css/back_recherche_droite.gif) no-repeat left top;
    width: 250px;   margin-bottom: 10px;
    padding-left: 10px;
  }

  #bloc_search_club p { margin: 5px; }
  .bloc_search_ex { color: #757575; }

  #home_search_form {
    background: transparent url(../images/css/home_back_input_rechercher_club.gif) no-repeat left top;
    height: 33px;
    margin: 0 0 0 3px;
  }
  #content_right #bloc_search_club #home_search_form {
      margin: 0 0 0 10px;
  }
  #home_search_form p { margin: 0px 0; }

    #home_search_form input { float: left; }
    #home_search_form #searchText {
      border: 0;
      width: 193px;
      height: 18px;
      margin: 6px 9px 0 6px;
      padding-top: 4px;
    }
    #content_right #bloc_search_club #searchText{
    width: 155px;
    }
    #content_right #bloc_search_club #search_button{
    margin-top:6px;
    }


#contact {
  float: left;
  width: 342px;
  margin-right: 28px;
}
  #contact fieldset {}
    #contact label {
      display: block;
      width: auto;
      margin: 10px 0 3px 0;
      font-size: 1.1em;
    }
    #contact input, #contact select, #contact textarea {
      width: 332px;
      border: 1px solid #B5B5B5;
    }
    #contact input {
      height: 12px;
      padding: 7px 4px;
    }
    #contact select {
      width: 342px; height: 28px;
      padding: 2px 4px;
    }
    #contact .checkbox{width: 30px; }

    #contact textarea {
      padding: 7px 4px;
    }
    #contact input#submit{
      float: left;
      width: 111px; height: 25px;
      margin-top: 10px; padding: 0 0 0 6px;
      background: transparent url(../images/css/back_submit_contact.gif) no-repeat left top;
      border: 0 none;
      color: #FFFFFF;
      font-size: 1.1em;
      text-align: left;
      cursor: pointer;
    }
    #contact span {
      display: block;
      float: left;
      width: 231px;
      margin-top: 8px;
      color: #423F3C;
      font-style: italic;
    }
    #contact span a { color: #347312; }


.bloc_contact {
  float: right;
  width: 261px;
  margin-top: 27px;
  padding: 15px;
  border: 1px solid #BDBDBD;
}

/* Recherche club */
#recherche_club {
  width: 40%;
}

.recherche_club_aide {
  float: right;
  width: 55%;
}

#listeMarqueurs {
  clear: both;
  overflow: none;
  float: left;
  width: 300px;
}
  #listeMarqueurs.comite{
  width: 380px;
  height: auto;
  }
  #listeMarqueurs.comitefull{
  width: 940px;
  height: auto;
  }
 .selecteurComite{
  width:200px;
  margin:0 25px 25px 0;
  float: right;
  }
  .tdCarteLabel {
    background: transparent url(../images/css/picto_lieu_gmaps.png) center top no-repeat;
    width:21px;
    height: 36px;
    padding: 4px 0 0 0;
    text-align: center;
    vertical-align:top;
    font-weight: bold;
  }

  .tdCarteLabel.M_0 {
    background-image:url('http://www.google.com/intl/en_us/mapfiles/ms/micons/blue.png');
  }

  .tdCarteLabel.M_2 { /* label ecole franc equitation */
    background-image:url(../images/css/picto_cqf_gmaps.png);
}

  .tdCarteLabel.M_3 { /* Ecurie de competition */
    background-image:url(../images/css/picto_eqc_gmaps.png);
}

  .tdCarteLabel.M_4 { /* Centre de Tourisme Equestre */
    background-image:url(../images/css/picto_cte_gmaps.png);
  }

  .tdCarteLabel.M_23 { 
    background-image:url(../images/css/picto_cqf_gmaps.png);
  }
  .tdCarteLabel.M_24 { 
    background-image:url(../images/css/picto_cqf_gmaps.png);
  }
  .tdCarteLabel.M_34 {
    background-image:url(../images/css/picto_eqc_gmaps.png);
  }

#carte {
  float: right;
  width: 610px;
  height: 650px;
}
  #carte.carteClub{
    width: 522px;
  }

/* > jquery-dropdown */

.dropdownCell{
  width: 220px;
  height: 16px;
  max-height: 16px;
  padding: 5px 0 0 6px;
  background: #FFFFFF url(../images/css/picto_dropdown.gif) 200px 1px no-repeat ;
  border: 1px solid #A6A6A6;
  cursor: pointer;
}

.dropdownPanel {
  position: absolute;
  width: 226px; /* .dropdownCell { width + padding-left } */
  border: 1px solid #BBBBBB;
  background-color: #FFFFFF;
}

  .dropdownOpt { padding: 1px 5px; }
  .dropdownOptSelected{ background-color: #CCCCCC; }

    .dropdownOpt a {
      display: block;
      width: 100%; height: 100%;
      background: transparent url(../images/css/arrow_grey_footer.gif) left 50% no-repeat;
      padding-left: 8px;
      font-size: 0.9em;
      color: #000000;
      text-decoration: none;
    }
  dl.comite dt{ margin-left:5px; clear:left; float:left;  width:60px; font-weight:bold; color: #757575; }
  dl.comite dd{ float:left;}
	.listitem.comite.elus.left dl.comite{
		float:left;
	}
		.listitem.comite.elus.left dl.comite dt{
			margin-left:0px;
			color:#3B3B3B;
		}
		.listitem.comite.elus.left dl.comite dd, 
		.listitem.comite.elus.left dl.comite dt,
		.listitem.comite.elus.left br{
		  display:none;
		  }
		.comitefull div.listitem.comite.elus.left dl.comite dd.president, .comitefull div.listitem.comite.elus.left dl.comite dt.president{
		  display:block;
		  }
  /*.CRE dl.comite dt.president,  .CRE dl.comite dd.president{ display:none;}*/
/* sélecteur de disciplines */
#select_disciplines { float: right; }

/* ----------------------------------------------------------------- */
/* >>> HEADER */

#header {
  overflow:hidden;
  width: 980px;
  margin-top: 10px;
}

  #header div { float: left; }

    #header #right_header {
      float: right;
      width: 290px;
      text-align: right;
    }
      #links_header { width: 100%; }
        #links_header ul {
          list-style: none;
          float: right;
        }
          #links_header li {
            float: left;
            padding: 0 2px;
          }
            #links_header li a {
              font-size: 0.9em;
              color: #3A3434;
            }

#diapo {
  position: relative;
  height: 328px;
}

  #onglets_diaporama {
    position: absolute;
    top: 20px; right: 20px;
    list-style: none none inside;
  }

    #onglets_diaporama li { float: left; }

      #onglets_diaporama li a {
        background: transparent url(../images/css/sprite_ffe.png)  -265px -80px;
        display: block;
        width: 27px;
        height: 26px;
        font-family: "Trebuchet MS", Verdana, sans-serif;
        font-weight: bold;
        font-size: 14px;
        line-height: 26px; /*/!\ à synchro avec height /!\*/
        text-align: center;
        text-decoration: none;
        color: #FFFFFF;
      }

      #onglets_diaporama .ui-tabs-selected a {
        background: url(../images/css/sprite_ffe.png)  -237px -80px;
      }

  .ui-tabs-hide {
    display: none;
  }

  .bandeau_accueil {
    height: 126px;
    padding-top: 202px;
  }

    .over_bandeau {
      background: url(../images/css/fond_cadre_header.png) no-repeat left top;
      width: 335px; height: 95px;
      padding: 15px 17px 17px 20px;
      color: #FFFFFF;
      font-size: 1.1em;
    }

      .over_bandeau a { color: #FFFFFF; }
      .over_bandeau_title {
        font-size: 1.5em;
        line-height: 1.2em;
        font-weight: bold;
        margin-bottom: 10px;
      }

/* ----------------------------------------------------------------- */
/* >>> CONTENT */

#page_body_wrap {
  background: transparent url(../images/css/page_shadow.gif) repeat-y left top;
  width: 993px;
}

  #page_body {
    background: transparent url(../images/css/top_page.gif) no-repeat left top;
    padding: 4px 0 0 5px;
    width: 993px;
    min-height: 165px;
  }

    #page_content {
      background-color: #FFFFFF;
      width: 980px;
      overflow:hidden;
    }

      #content {
        background: #F2F2F2 url(../images/css/back_content.gif) left top repeat-x scroll;
        overflow: hidden; clear: both;
        padding-bottom: 30px;
      }

        #content_deuxTiers {
          float: left;
          margin: 10px 0 0 15px;
          width: 664px;
        }

        #content_children{
          background: #F2F2F2 url(../images/css/back_content.gif) left top repeat-x scroll;
          overflow: hidden; clear: both;
          padding:10px;
          width: 960px;
          margin:0 auto;
        }

          /* multi-colonnes */
          #content_left, #content_center {
            float: left;
            width: 322px;
          }
          #content_center { margin-left: 20px; }

          .content p { text-align: left; }

.listitem {
  overflow: hidden;
  padding: 10px 0;
  border-bottom: 1px dotted #BEBDBC;
}

div.listitem.left {
  width: 150px; 
  height: 260px;
  border: none;
}
div.listitem.comite.left {
  width: 290px; height: 300px;
}
	div.listitem.comite.left.adresse {
	 height: 120px;
	}
	div.listitem.comite.left.topoguide{
	 height: 130px;
	}
	div.listitem.comite.left.elus {
	 height: 250px;
	}
		div.listitem.comite.left.elus  div.left.w_100{
			margin-right:5px;
		}

/*utilisé dans les custom tag intégrés dans EZ*/
.separator-design{
  /*border-bottom: 1px dotted #BEBDBC; */
  }
.quote-design {}
.quote-design p { padding: 0 15px; }
.quote-begin, .quote-end { color: #3A3434; }
.quote-begin .hide, .quote-end .hide {
  display: block;
  font-size: 30px;
  width: 100%;
  margin-bottom: -10px;
}
.quote-end { text-align: right; }
p.author { width: 90%; text-align: right; }

ul.listeSousElements, ul.sommaire {
  list-style: url(../images/css/arrow_green2.gif) outside;
  overflow: hidden;
  margin: 20px 0 20px 15px;
}

  .listeSousElements li {
    float: left;
    width: 200px;
  }
  .listeSousElements li.selected, .sommaire li.selected {
    list-style: url(../images/css/arrow_red.gif) outside;
    color:#E4303C;
  }

.article { margin-left: 5px; }

.liste_disciplines_gauche, .liste_disciplines_droite {
  float: left;
  width: 195px;
  margin: 0;
}
.liste_disciplines_gauche { margin-left: 20px; }
  .liste_disciplines_gauche li, .liste_disciplines_droite li {
    margin-bottom: 0.5em;
  }

#plan_du_site li {
  float: left;
  width: 210px;
  margin-bottom: 2em;
}
  #plan_du_site li ul { margin-left: 0; }
  #plan_du_site li li { margin: 8px 0 0 0; }

.reglement ul , .browse_img ul   { list-style: none none outside; }
  .reglement ul li ,  .browse_img ul  li{ margin-top: 15px; }
  .reglement.lettreFed ul  li { min-height:210px}

  /*.browse_img ul li{float: left; height:170px; width:125px;}*/
  .browse_img img{max-height:120px;max-width:120px;}

.bloc_diaporama {
  width: 604px; /* largeur de #content_deuxTiers - 2*30 */
  margin: 0 30px;
}
  .bloc_diaporama img{
  margin:0 auto;
  }
.planche-contact {
  list-style: none none outside;
  padding: 0;
}
  .planche-contact li {
    float: left;
    display: block;
    width: 33%;
    margin-bottom: 10px;
  }
    .planche-contact li a {
      display: block;
      width: 100%;
    }
      .planche-contact li a img { margin: 0 auto; }

p.legend { margin: 0px; }
p.legend.left { clear: left; }
p.legend.right { clear: right; }

#tabs ul.ui-tabs-nav {
  list-style: none;
  position: relative;
  top: 1px; left: 0;
  width: 100%; height: 28px;
  padding: 0;
}
  #tabs .ui-tabs-nav li {
    background: transparent url(../images/css/sprite_x.png)  0px -270px;
    float: left;
    height: 100%;
    margin-left: 5px;
  }
    #tabs .ui-tabs-nav li a {
      font-size: 1.2em;
      line-height: 28px;
      font-weight: bold;
      text-decoration: none;
    }
    #tabs .ui-tabs-nav li.ui-tabs-selected a { color: #3B3B3B; }

    #tabs .ui-tabs-nav li div { width: 20px; height: 100%; }
    #tabs .ui-tabs-nav li div.left {
       background:  #FCFCFC url(../images/css/sprite_ffe.png)  -159px -77px;
    }
    #tabs .ui-tabs-nav li div.right {
     background:  #FCFCFC url(../images/css/sprite_ffe.png)  -179px -77px;
    }

  #tabs .ui-tabs-nav li.ui-tabs-selected {
   background: transparent url(../images/css/sprite_x.png)  0px -301px;
  }
    #tabs .ui-tabs-nav li.ui-tabs-selected div.left {
    background: #FCFCFC url(../images/css/sprite_ffe.png)  -201px -77px;
    }
    #tabs .ui-tabs-nav li.ui-tabs-selected div.right {
     background:  #FCFCFC url(../images/css/sprite_ffe.png)  -216px -77px;
    }
.tabs-separator {
  border-bottom: 1px solid #A6A6A6;
  margin-bottom: 15px;
}

/* ----------------------------------------------------------------- */
/* >>> CONTENT_RIGHT */

#content_right {
  background: url(../images/css/back_colonne3.gif) no-repeat left top;
  float: right;
  width: 250px;
  min-height: 556px;
  margin: 10px 15px 0 0;
  padding: 0 0 0 31px;
}

/* ----------------------------------------------------------------- */
/* >>> NAVIGATION */

#nav {
  background: white url(../images/css/sprite_x.png)  0px 0px;
  list-style: none none outside;
  width: 100%; height: 44px;
  margin: 0 0 10px; padding: 0;
}

  #nav li {
    background: transparent  url(../images/css/sprite_x.png)  0px -590px  no-repeat ;
    float: left;
    margin: 10px 0 0 17px;
    padding: 3px 0 0 16px;
  }

  #nav li.home {
    background-image: none;
    padding-left: 3px;
  }
    #nav li.home a {
      width:18px;
      height:20px;
      display:block;
     background: transparent  url(../images/css/sprite_x.png)  0px -520px;
    }
    #nav li.home a.white {
     background: transparent  url(../images/css/sprite_x.png)  0px -550px;
    }

    #nav li a {
      font-family: "Trebuchet MS", Verdana, sans-serif;
      font-size: 1.3em;
      font-weight: bold;
      color: white;
    }
    #nav li a.selected { color:#E4303C; }

#fil_ariane { list-style: none none outside; float: left; }

  #fil_ariane li { float: left; margin-right: 0.2em; }
  #fil_ariane li.actual { color: #347312; }
    #fil_ariane li a { color: #3B3B3B; }

#connected {
  float: right;
  margin-right: 10px;
  list-style: none none outside;
}

  #connected li { float: left; }

#nav_sitemap {
  background: #DADADA url(../images/css/back_footer_sitemap.gif) repeat-x left top;
  min-height: 159px;
  padding: 20px;
}

  #nav_sitemap div {
    float: left;
    min-height: 140px;
    margin-left: 15px;
    padding-left: 10px;
  }

  #nav_sitemap .left {
    width: 210px;
    margin: 0 0 0 25px;
  }
  #nav_sitemap .center, #nav_sitemap .right {
    background: url(../images/css/back_colonne3.jpg) repeat-y left top;
    width: 320px;
  }

    #nav_sitemap ul {
      list-style: url(../images/css/arrow_grey_footer.gif) none outside;
    }

      #nav_sitemap li {
        float: left;
        width: 140px;
      }
        #nav_sitemap li a {
          color: #423F3C;
        }

/* ----------------------------------------------------------------- */
/* >>> BOITES */

/* > Générique */
.top ,   .boite_lien.noir .top{
  background:  white url(../images/css/sprite_x.png)  0px -46px;
  width: 100%; height: 26px;
  line-height: 26px;
}

  .top_r {
    background: #F2F2F2 url(../images/css/sprite_ffe.png)   -223px -37px;
    float: right;
    width: 5px; height: 100%;
  }
  .top_l {
    background: #F2F2F2 url(../images/css/sprite_ffe.png)   -200px -37px;
    float: left;
    width: 5px; height: 100%;
  }

.content {
  background-color:#FFF;
  padding: 10px 10px 5px;
  border-left: 1px solid #E7E7E7;
  border-right: 1px solid #E7E7E7;
  overflow: hidden;
}

.bottom {
  background: transparent url(../images/css/sprite_x.png)  0px -228px;
  width: 100%; height:7px;
  margin-bottom:10px;
}
  .bottom_l{
     background: #F2F2F2  url(../images/css/sprite_ffe.png)   -267px -69px;
    float:left;
    width:5px; height: 100%;
  }
  .bottom_r{
    background: #F2F2F2  url(../images/css/sprite_ffe.png)   -282px -69px;
    float:right;
    width:5px; height: 100%;
  }

  #content_right .boite_lien { width: 100%; }

  .top.degrade { height: 20px; }

  .boite_lien .top,
  .boite_lien.noir .top,
  .a_la_une .top,
  .vousEtes .top,
  .infosSuppl .top {
    clear: both;
     background: transparent url(../images/css/sprite_x.png)  0px -88px;
    color: #FFFFFF;
  }

    .boite_lien .top_l,.boite_lien.noir .top_l,
    .a_la_une .top_l,
    .vousEtes .top_l,
    .infosSuppl .top_l {
       background: #f2f2f2 url(../images/css/sprite_ffe.png)   -233px -49px;
    }

    .boite_lien .top_r,.boite_lien.noir .top_r,
    .a_la_une .top_r,
    .vousEtes .top_r,
    .infosSuppl .top_r {
       background: #f2f2f2 url(../images/css/sprite_ffe.png)   -243px -49px;
    }

  .infosSuppl {
    margin-top: 20px;
    width: 300px;
  }
  .boite_lien.vert .top, .nosServicesVert .top, .a_la_une .top  {
    background: transparent url(../images/css/sprite_x.png)  0px -151px;
    color: #423F3C; /* c'est une css eziesque, pratiquons la surcharge ... */
  }
  .boite_lien.vert .top_l,   .nosServicesVert .top_l, .a_la_une .top_l{
     background: #f2f2f2 url(../images/css/sprite_ffe.png)   -303px -43px;
  }
  .boite_lien.vert .top_r, .nosServicesVert .top_r, .a_la_une .top_r{
     background:#f2f2f2 url(../images/css/sprite_ffe.png)   -316px -43px;
  }

  .nosServices .top, .boite_lien.gris .top {
     background: transparent url(../images/css/sprite_x.png)  0px -119px;
    color: #423F3C; /* c'est une css eziesque, pratiquons la surcharge ... */
  }
  .nosServices .top_l , .boite_lien.gris .top_l{
     background: #f2f2f2 url(../images/css/sprite_ffe.png)   -250px -49px;
  }
  .nosServices .top_r , .boite_lien.gris .top_r{
        background: #f2f2f2 url(../images/css/sprite_ffe.png)   -259px -49px;
  }



  .focus .top, .focus .top_l, .focus .top_r,
  .reglo .top, .reglo .top_l, .reglo .top_r,
  .lastone .top, .lastone .top_l, .lastone .top_r ,
  .lastoneref .top, .lastoneref .top_l, .lastoneref .top_r{
    height: 7px;
  }

  .reglo .top_l,  .lastone .top_l {
    background: #f2f2f2 url(../images/css/sprite_ffe.png)   -254px -35px;
  }
  .reglo.gris .top_l{
     background:#f2f2f2 url(../images/css/sprite_ffe.png)   -288px -49px;
  }
  .reglo .top_r,  .lastone .top_r {
    background: #f2f2f2 url(../images/css/sprite_ffe.png)   -259px -35px;
  }
  .reglo.gris .top_r{
    background: #f2f2f2  url(../images/css/sprite_ffe.png)   -297px -49px;
  }
  .reglo .top, .reglo .content,
  .lastone .top, .lastone .content {
    background: #f2f2f2 url(../images/css/center_reglementations.gif) center top repeat-y;
    border: solid 0px #E9E9E9;
  }
  .reglo.gris .top, .reglo.gris .content{
  background:  #f2f2f2 url(../images/css/center_degradeGris.png) center top repeat-y;
  /*background:  #f2f2f2 url(../images/css/boite_inner.png) center top repeat-y;*/
  }
  .reglo .content,
  .lastone .content,
  .lastoneref .content  {
    border-width: 0px 1px 0px 1px;
    padding: 0px 10px;
  }

  .boite_lien.vert  .content p {
    color:#3B3B3B;
  }

    .content .lastone-list {
      list-style: none none inside;
      margin: 10px 0;
      padding: 0;
    }
    .lastone .content img { display: inline; }

  .reglo .bottom , .lastone .bottom {
    background: transparent url(../images/css/bottom_regl.gif) center top no-repeat;
  }
 .reglo .bottom_l, .lastone .bottom_l {
     background: #f2f2f2 url(../images/css/sprite_ffe.png)   -254px -41px;
  }
  .reglo .bottom_r, .lastone .bottom_r {
    background: #f2f2f2 url(../images/css/sprite_ffe.png)   -259px -41px;
  }
  .reglo.gris .bottom  {
    background: transparent url(../images/css/bottom_degradeGris.png) center top no-repeat;
  }
  .reglo.gris .bottom_l {
    background:#f2f2f2  url(../images/css/sprite_ffe.png)   -288px -57px;
  }
  .reglo.gris .bottom_r {
    background: #f2f2f2 url(../images/css/sprite_ffe.png)   -297px -57px;
  }
  .focus .top,.lastoneref .top {
    background: transparent url(../images/css/sprite_x.png)  0px -196px;
  }
    .focus .top_l ,.lastoneref .top_l {
      background: #F2F2F2 url(../images/css/sprite_ffe.png)   -270px -37px;
    }
    .focus .top_r, .lastoneref .top_r  {
      background: #F2F2F2   url(../images/css/sprite_ffe.png)   -279px -37px;
    }
/* > ffetv */
#bloc_ffetv,.bloc_grd_rdv , .nosServices  {
  margin-bottom: 10px;
}
    #allvideos {
      float: right;
      font-size:12px;
      width: 102px;
    }

    #bloc_ffetv .content {
      background-color: #FAFAFA;
      border-left: 1px solid #D4D4D4;
      border-right: 1px solid #D4D4D4;
      padding: 3px 8px;
    }
/*ajout boite parions cheval*/
  .week_end  {
    margin-bottom: 5px;
    padding:5px;
    border: solid 1px #3B3B3B;
    background: #F2F2F2;
  }
    .content .week_end  h4{
      color: #347312;
      margin:0;
    }
    .week_end  ul{
      margin-left: 15px;
    }
     .week_end  span{
      font-weight:bold;
    }
    .week_end.green{
      background: #EAFACB;
    }

/* Carousel - bloc_grd_rdv*/
.bloc_grd_rdv {
  background: url(../images/css/back_grd_rdv.gif) no-repeat left top;
  padding: 10px;
  width: 298px;
}
  .bloc_grd_rdv_buttons {
    float: right;
  }
  .bloc_grd_rdv_buttons img {
    margin-left: 3px;
  }

/* > Liste thématique */
.liste_thematique .top {
  height: 38px;
  line-height: 38px;
}

  .liste_thematique dl { margin-bottom: 10px; }
    .liste_thematique dt { color: #347312; }
      .liste_thematique dt.uneligne a { color: #3B3B3B; }
    .liste_thematique dd { overflow: hidden; }

  .greybox {
    /*background: transparent url(../images/css/boite_inner.png) repeat-y center top;*/
    background: transparent url(../images/css/center_degradeGris.png) repeat-y center top;

    padding: 0 8px;
  }
    .greybox p { margin: 0 0 5px 0; }

  dt.greybox { padding-top: 8px; }
    dt.greybox .top_l {
      position: relative; top: -8px; left: -8px;
      background:#f2f2f2 url(../images/css/sprite_ffe.png)   -288px -49px;
      width: 5px; height: 8px;
    }
    dt.greybox .top_r {
      position: relative; top: -8px; left: 8px;
       background: #f2f2f2 url(../images/css/sprite_ffe.png)   -297px -49px;
      width: 5px; height: 8px;
    }
    dd.greybox .bottom_l {
      position: relative; top: 0; left: -8px;
      background: #f2f2f2 url(../images/css/sprite_ffe.png)   -288px -57px;
      width: 5px; height: 8px;
    }
    dd.greybox .bottom_r {
      position: relative; top: 0; left: 8px;
      background:#f2f2f2  url(../images/css/sprite_ffe.png)   -297px -57px;
      width: 5px; height: 8px;
    }
    .interligne {
      background: transparent url(../images/css/inter_inner_article.gif) no-repeat scroll left top;
      margin-top: 5px; height: 1px;
    }
  .liste_thematique ul.fleche a{
      color:#423F3C;
  }
    .liste_thematique ul.fleche ul{
      font-weight:normal;
      list-style:none outside url("../images/css/arrow_grey_footer.gif");
    }
/* Fiche Technique (voir biographies) */
.fiche_tech {
  float: left;
  margin-right: 10px;
  width: 250px;
}
  .fiche_tech ul { margin: 5px 0 5px 10px; }

/* ----------------------------------------------------------------- */
/* >>> FOOTER */

#footer { width: 980px; }

  dl#partenaire_fournisseur {
    background-color: #FFFFFF;
    overflow: hidden;
    height: 100px;
    padding-top: 10px;
    padding-left:10px;
  }

  dl#partenaire_fournisseur.horsFrontPage {
    padding-top: 5px;
    height: auto;
  }

    dl#partenaire_fournisseur dt {
      float: left;
      width: 100px; height: 100%;
      padding-top: 25px;
      text-align: center;
    }

    dl#partenaire_fournisseur.horsFrontPage dt { padding: 5px 0; }

    dl#partenaire_fournisseur dd {
      float: left;
      padding-right: 20px;
      min-height: 50%;
    }

    #bottom_partenaire_fournisseur {
      background: url(../images/css/back_bottom_footer.gif) repeat-x left top;
      height: 20px;
    }

#bottom_page {
  background: transparent url(../images/css/bottom_page.gif) no-repeat left top;
  padding-top: 30px;
}

  #bottom_page p { text-align: center; }

/* ----------------------------------------------------------------- */
/* >>> JCAROUSEL */

/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
  position: relative;
  margin-top:-32px;
}

.jcarousel-clip {
  z-index: 2;
  padding: 0;
  margin: 0;
  overflow: hidden;
  position: relative;
}

.jcarousel-list {
  z-index: 1;
  overflow: hidden;
  position: relative;
  top: 0; left: 0;
  margin: 0; padding: 0;
  cursor:pointer;
}

.jcarousel-list li,
.jcarousel-item {
  float: left;
  list-style: none;
  /* We set the width/height explicitly. No width/height causes infinite loops. */
  width: 144px;
  height: 96px;
  margin: 0 3px;
  background: none;
}

#bloc_disciplines .jcarousel-list li, #bloc_disciplines .jcarousel-item {
  width: 93px;
  height: 110px;
  margin-left: 9px;
}
#bloc_disciplines .jcarousel-list li span, #bloc_disciplines .jcarousel-item span {
  display: block;
  position: relative;
  text-align: center;
  width: 92px;
}
#bloc_disciplines .jcarousel-container {
  margin-top: 0;
}
#bloc_disciplines .jcarousel-clip {
  margin: -27px 0 0 -10px;
}
#bloc_disciplines .jcarousel-prev {
  top: -19px;
}
#bloc_disciplines .jcarousel-next {
  top: -37px;
}

#carousel_diapo .jcarousel-container {
  margin-top:15px;
  width: 600px;
}
#carousel_diapo .jcarousel-prev {
  height: 120px;
  width: 20px;
  position: static;
 background:  url(../images/css/sprite_ffe.png)   -51px -2px;
  cursor: pointer;
  float: left;
}
#carousel_diapo .jcarousel-prev:hover {
  background:  url(../images/css/sprite_ffe.png)   -0px -2px;
}
#carousel_diapo .jcarousel-next {
  height: 120px;
  width: 20px;
  position: static;
   background:  url(../images/css/sprite_ffe.png)   -76px -2px;
  cursor: pointer;
  float: right;
}
#carousel_diapo .jcarousel-next:hover {
   background:  url(../images/css/sprite_ffe.png)   -26px -2px;
}
#carousel_diapo .jcarousel-list li, #carousel_diapo .jcarousel-item {
  list-style: none;
  float: left;
  width: 180px; height: 120px;
  text-align: center;
}
#carousel_diapo #wrap {
  width: 600px;
  height: 120px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
  z-index: 3;
  position: relative;
  width: 42px; height: 18px;
  top: -10px; left: 254px;
  background:  url(../images/css/sprite_ffe.png)   -110px -62px;
  cursor: pointer;
}
.jcarousel-next:hover {
   background:  url(../images/css/sprite_ffe.png)   -110px -43px;
}

.jcarousel-prev {
  z-index: 3;
  position: relative;
  width: 42px; height: 18px;
  top: 8px; left: 204px;
   background:  url(../images/css/sprite_ffe.png)   -110px -23px;
  cursor: pointer;
}
.jcarousel-prev:hover {
   background:  url(../images/css/sprite_ffe.png)   -110px -3px;
}

/* ----------------------------------------------------------------- */
/* >>> THICKBOX */

#TB_window { font-size: 1.1em;}
#TB_secondLine { font-size: 0.9em; }

#TB_window a:link { color: #3B3B3B; }
#TB_window a:visited { color: #3B3B3B; }
#TB_window a:hover { color: #000000; }
#TB_window a:active { color: #3B3B3B; }
#TB_window a:focus { color: #3B3B3B; }

#TB_overlay {
  position: fixed;
  z-index:100;
  top: 0px; left: 0px;
  width:100%; height:100%;
}

.TB_overlayMacFFBGHack {
  transparent background: url(../images/css/macFFBgHack.png) left top repeat;
}
.TB_overlayBG {
  background-color: #000000;
  filter:alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
}

#TB_window {
  position: fixed;
  background: #FFFFFF;
  z-index: 102;
  color:#000000;
  display:none;
  text-align:left;
  top:50%; left:50%;
}

#TB_window img#TB_Image {
  margin: 15px 0 0 15px;
}

#TB_caption{
  float:left;
  height:25px;
  padding:7px 30px 10px 25px;
}

#TB_closeWindow{
  float:right;
  height:25px;
  padding:11px 25px 10px 0;
  width:130px;
}

#TB_closeAjaxWindow{
  padding:7px 10px 5px 0;
  margin-bottom:1px;
  text-align:right;
  float:right;
}

#TB_ajaxWindowTitle{
  float:left;
  padding:7px 0 5px 10px;
  margin-bottom:1px;
}

#TB_title{
  background-color: #3B3B3B;
  height:27px;
}

#TB_ajaxContent{
  clear:both;
  padding:2px 15px 15px 15px;
  overflow:auto;
  text-align:left;
  line-height:1.4em;
}

#TB_ajaxContent.TB_modal { padding:15px; }

#TB_ajaxContent p { padding:5px 0px 5px 0px; }

#TB_load {
  position: fixed;
  display: none;
  z-index: 103;
  width: 208px; height: 13px;
  top: 50%; left: 50%;
  margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

#TB_HideSelect {
  z-index:99;
  position:fixed;
  top: 0; left: 0;
  background-color:#FFFFFF;
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  height:100%;
  width:100%;
}

#TB_iframeContent{
  clear:both;
  margin-bottom:-1px;
  margin-top:1px;
}

/* ----------------------------------------------------------------- */
/* Pirobox http://www.pirolba.it/pirobox/ */

.piro_html {position:absolute; top:0; left:0; padding:0; width:500px; height: 500px; margin:0; display:block; padding:0; z-index:150001; padding:0;  }
.piro_html table,.piro_html tbody,.piro_html tr,.piro_html th,.piro_html td{margin:0;padding:0;border:none;}
.piro_html img{ margin:0; padding:0; border:none;}

.piro_html .h_t_l{ width:10px; height:10px; background: url(../images/css/pirobox/caption.png);}
.piro_html .h_t_r{ width:10px; height:10px; background: url(../images/css/pirobox/caption.png);}
.piro_html .h_t_c{ cursor:move; height:10px;background: url(../images/css/pirobox/caption.png);}

.piro_html .h_c_l{width:10px; background: url(../images/css/pirobox/caption.png); }
.piro_html .h_c_c{background: url(../images/css/pirobox/caption.png);margin:0; padding:0;}
.piro_html .h_c_c .div_reg{ background: url(../images/css/pirobox/caption.png); width:480px; overflow:hidden; height:480px; margin:0; padding:0; }
.piro_html .h_c_c .div_reg img{ cursor:move;}
.piro_html .h_c_r{width:10px; background: url(../images/css/pirobox/caption.png);}

.piro_html .h_b_c{ cursor:move; height:10px;background: url(../images/css/pirobox/caption.png);}
.piro_html .h_b_l{ width:10px; height:10px;background: url(../images/css/pirobox/caption.png);}
.piro_html .h_b_r{ width:10px; height:10px;background: url(../images/css/pirobox/caption.png);}

.piro_overlay{position:fixed; top:0; left:0; width:100%; height:100%;  z-index:150000;background:#fff;display:none; cursor:pointer;}
.piro_loader{position:absolute;top:50%;left:50%;margin:-59px 0 0 -59px;width:118px;height:118px;display:block;z-index:150005;  cursor:pointer; }
.piro_loader span{position:absolute;top:50%;left:50%;margin-top:-36px;margin-left:-36px;width:72px;height:72px;display:block;z-index:150009; background: url(../images/css/pirobox/loadinfo.gif) center top no-repeat; }
.piro_title{position:fixed; background: url(../images/css/pirobox/bg_title.png) bottom repeat-x;top:0;left:0;width:100%; text-align:center;display:block; padding:6px 0 10px 0; color:white; z-index:150000; font-size:18px; display:none;}
.btn_info{position:absolute;bottom:-7px;right:-7px;width:25px; height:25px;margin:0;display:block; padding:0px; color:black; cursor:pointer; background: url(../images/css/pirobox/b_w/info.png) no-repeat; z-index:1500440}
.caption{position:absolute;bottom:10px;left:10px;margin:0;display:block; padding:0px; color:black; cursor:text; background: url(../images/css/pirobox/caption.png); z-index:150018}
.caption p{ display:block; margin:0;padding:7px 5px; text-align:center; font-weight:normal; font-size:14px; color:white; z-index:150019; color:white;}

.nav_container{position:absolute; top:10px; right:0; height:20px; width:30px; background: url(../images/css/pirobox/caption.png); z-index:1500190000000;}
.piro_close{position:absolute;right:10px;height:20px;width:20px;background: transparent url(../images/css/pirobox/close.png) no-repeat center center;cursor:pointer;margin:0 0 0 0;z-index:150022;display:none;}
a.piro_next{display: none;}
.piro_next_fake{display: none;}
.piro_prev_fake{display: none;}
a.piro_prev{display: none;}
a.close_pirobox{color:#bb0f05;}
/* ----------------------------------------------------------------- */
#multiupload {
    clear: both;
    height: 0;
}

#thumbnails {
    margin-top: 10px;
}

.thumbnail-block {
    padding: 5px;
    margin: 5px;
    border: 3px solid #eee;
    float: left;
    width: 130px;
    height: 150px;
}

.thumbnail-class-name {
    clear: both;
    padding: 3px;
    background-color: #efefef;
    text-align: center;
}

.thumbnail-movie-icon {
    text-align: center;
}

#multiuploadProgress {
    width: 600x;
    display: none;
    opacity: 0;
    margin: 10px 0;
    padding: 3px;
    border: 1px solid #ffcc00;
    background-color: #fff8eb;
}

#multiuploadProgress p {
    word-break:keep-all;
    line-height: 1;
    font-weight:bold;
}

#multiuploadProgress #multiuploadProgressMessage {
    color: #347312;
    font-weight:normal;
}

#multiuploadProgressBarOutline {
    width: 600px;
    padding: 1px;
    border: 1px solid #ccc;
}

#multiuploadProgressBar {
    width: 0px;
    height: 8px;
    background-color: #fc8c00;
}

#cancelUploadButton {
    visibility: hidden;
}
/* ----------------------------------------------------------------- */
/* Simulateur de calcul de paye sur espace ressource*/
 .calculator{
      padding:5px;
     }
       .calculator h3 span{
        color:#3B3B3B;
        font-size:12px;
       }
     .calculator a.btn{
        border:1px solid #E7E7E7;
        background-color: #3B3B3B;
        font-size:10px;
        color:#E7E7E7;
        padding:2px 5px 2px 5px ;
        float:right;
     }
      .calculator a.btn:hover {
        color:red;
      }
     .calculator .explic{
        font-weight:normal;
        font-size:10px;
        text-align:right;

     }

     .calculator .numb{
        text-align:right;
        padding-right:15px;
     }

     .calculator label{
        text-align:left;
        width:250px;
     }
       .calculator label.numb{
          text-align:right;
       }
     .calculator input{
        text-align:left;
        width:30px;
        margin-right:10px;
        font-size:10px;
     }
     .calculator table{
        font-size:10px;
     }

.legende_carte {
    float: right;
}
    .legende_carte_item {
        float: left;
        width: 305px;
    }

    .legende_carte_item img {
        float: left;
    }

    .legende_carte_item label {
        text-align: left;
        width: 278px;
        margin-left: 5px;
    }

    .legende_carte_item div {
        float: left;
        width: 278px;
        margin-left: 5px;
    }


ul.tabs {
    float:left;
    position:relative;
    padding:5px 5px 0px 5px;
    width:99%;
    margin-bottom:0px;
}

ul.tabs li {
    float:left;
    height:100%;
    font-weight:bold;
    padding-top:5px;
    position:relative;
    z-index:1;
    border:1px solid #A6A6A6;
    border-bottom:0;
    background:url("http://www.ffecompet.com/images/ffe/sprite_x.png") repeat scroll 0 -271px transparent;
    margin-left:5px;
    list-style: none outside none;
}
ul.tabs li a {
  color:#347312;
  display:block;
  margin:2px 5px 1px;
  text-align:center;
  width:auto;
  padding-bottom: 4px;
  text-decoration: none;
}
ul.tabs li a:hover {
    margin-right:5px;
    text-align:center;
    width:auto;
}
html ul.tabs li.active, html ul.tabs li.active a:hover  {
    background: #fff;
    border-bottom: 1px solid #fff;
    z-index:5;
}

html ul.tabs li.active a:hover  {
    border-bottom: none;
}

#listeMarqueurs .tab_container {
  border:1px solid #A6A6A6;
  background-color:#FEFEFE;
  clear:both;
  padding:10px;
  position:relative;
  top:-1px;
  z-index:2;
  height:597px;
  overflow:auto;
}