/*******************************************************************************

  Général

*******************************************************************************/
body {
  background: white url(/images/portal/clubeo_background.png) repeat-x scroll 0 0;
}

/* Commentaires
------------------------------------------------------------------------------*/
body.clubeo div.comments dt {
  background:  #f7c098 url(/images/portal/clubeo_comment_background.png) repeat-y !important;
}

body.clubeo div.comments div.text {
  background:  #f7c098 url(/images/portal/clubeo_comment_background.png) repeat-y !important;
}

/*******************************************************************************

  En-tête

*******************************************************************************/

body.clubeo div.clubeo-home #header-menu {
  float: right;
  color: #000;
}

body.clubeo #header-menu li {
  color: #000;
}

body.clubeo #header-menu a {
  color: #000;
}

/*******************************************************************************

  Conteneur principal

*******************************************************************************/
body.clubeo #main.sport-id-7 {
  background: url(/images/portal/clubeo_handball_main_background.jpg) no-repeat -4px -4px !important;
}

body.clubeo #main.sport-id-8 {
  background: url(/images/portal/clubeo_petanque_main_background.jpg) no-repeat -4px -4px !important;
}

body.clubeo #main.sport-id-9 {
  background: url(/images/portal/clubeo_rugby_main_background.jpg) no-repeat -4px -4px !important;
}

body.clubeo #main.sport-id-22 {
  background: url(/images/portal/clubeo_cyclisme_main_background.jpg) no-repeat -4px -4px !important;
}

body.clubeo #main {
  background: url(/images/portal/clubeo_main_background.jpg) no-repeat -1px -2px;
}

body.clubeo #main h1 {
  top:      27px;
  left:     33px;
}

body.clubeo #club-registration-button {
  top:        91px;
  background: url(/images/portal/clubeo_button_creez_le_site_de_votre_club.gif);
}

body.clubeo #account-registration-button {
  top:        31px;
  background: url(/images/portal/button_creez_votre_compte_clubeo.gif);
}

body.clubeo #account-registration-button {
  top:        31px;
  background: url(/images/portal/button_creez_votre_compte_clubeo.gif);
}

body.clubeo #account-registration-button:hover,
body.clubeo #club-registration-button:hover {
  background-position: 0 -52px;
}

body.clubeo #club-registration-asterisk {
  color: #000000;
}

/*******************************************************************************

  Accueil

*******************************************************************************/
body.clubeo #home {
  background: white url(/images/portal/clubeo_home_background.png) repeat-x;
  padding:    0 !important;
  height:     auto;
}

body.clubeo #home #home-content {
  background: url(/images/portal/clubeo_home_athletic.jpg) no-repeat 513px 70px;
}

body.clubeo div.sport-id-7 #home-content {
  position:   relative;
  background: url(/images/portal/clubeo_home_handball.jpg) no-repeat 545px 75px !important;
}

body.clubeo div.sport-id-8 #home-content {
  position:   relative;
  background: url(/images/portal/clubeo_home_petanque.jpg) no-repeat 568px 148px !important;
}

body.clubeo div.sport-id-9 #home-content {
  position:   relative;
  background: url(/images/portal/clubeo_home_rugby.jpg) no-repeat 534px 59px !important;
}

body.clubeo div.sport-id-22 #home-content {
  position:   relative;
  background: url(/images/portal/clubeo_home_cyclisme.jpg) no-repeat 562px 148px !important;
}

body.clubeo div.sport-id-7 h3.macaroon,
body.clubeo div.sport-id-8 h3.macaroon,
body.clubeo div.sport-id-9 h3.macaroon,
body.clubeo div.sport-id-22 h3.macaroon{
  display: none;
}

body.clubeo #home div.club-box li.foot {
  background: url(/images/portal/clubeo_club_box_club.png) no-repeat;
}

body.clubeo #home div.club-box li.customizable {
  background: url(/images/portal/clubeo_club_box_customizable.png) no-repeat;
}

body.clubeo #home div.club-box li.easy {
  background: url(/images/portal/clubeo_club_box_easy.png) no-repeat;
}

body.clubeo #home div.club-box li.free {
  background: url(/images/portal/clubeo_club_box_free.png) no-repeat;
}

body.clubeo #home div.club-box h3 a {
  background: url(/images/portal/clubeo_club_box_button.gif) no-repeat;
}

body.clubeo #home div.club-box h3 a:hover {
  background-position: 0 -63px;
}

body.clubeo #home div.club-box p.asterisk {
  color: #000000;
}

body.clubeo #home h1 {
  height:        118px;
  position:      static;
  margin-bottom: 29px;
  padding:       30px 0 0 35px;
}


body.clubeo #home div.account-box h3 a {
  background: url(/images/portal/clubeo_account_box_button.gif) no-repeat;
}

body.clubeo #home div.account-box h3 a:hover {
  background-position: 0 -63px;
}

body.clubeo #home h3.macaroon {
  left:    773px;
  top:     348px;
  z-index: 100;
}

body.clubeo #home ul.argument {
  height:          231px;
  margin:          0 0 0 83px;
  width:           420px;
  list-style-type: none;
  padding:         0;
  position:        relative;
}

body.clubeo #home div.argument ul {
  margin:          29px 0 0 83px;
  padding:         0;
  list-style-type: none;
  width:           420px;
}

body.clubeo #home ul.argument li.participatif {
  position: absolute;
  top: 0;
  left: 185px;
}

body.clubeo #home ul.argument li.adapte {
  width:  185px;
  height: 75px;
}

body.clubeo #home ul.argument li.simple {
  position: absolute;
  top:      75px;
  left:     0;
}

body.clubeo #home ul.argument li.personnalise {
  position: absolute;
  top:      75px;
  left:     185px;
}

body.clubeo #home ul.argument li.gratuit {
  position: absolute;
  top:      151px;
  left:     0;
}

body.clubeo #home ul.argument li.more {
  position: absolute;
  top:      149px;
  left:     224px;
}

body.clubeo #home div.sport-bar {
  height:   60px;
  position: relative;
}

body.clubeo #home form.sport-form {
  position: absolute;
  top:      10px;
  left:     83px;
  height:   40px;
}

body.clubeo #home form.sport-form select,
body.clubeo #home form.sport-form input {
  vertical-align: middle;
}

body.clubeo #home form.sport-form select {
  margin-right: 20px;
  font-size:    1.5em;
}

body.clubeo #home  option.main-sport {
  font-weight: bold;
}

body.clubeo #home div.sport-bar p {
  position:  absolute;
  color:     #D3D3D3;
  font-size: 0.75em;
  margin:    0;
  padding:   0;
  bottom:    0;
  left:      83px;
}

body.clubeo #home div.sport-bar p a {
  color: #81ae3c;
}

#home div.home-block {
  position:   relative;
  height:     320px;
  background: url(/images/portal/home_block_background.png) repeat-x bottom;
}

#home div.home-block a {
  color:      #848484;
  font-size:  1em;
  font-style: italic;
}

#home div.uhl-contest-block,
#home div.testimonial-block,
#home div.directory-block,
#home div.movie-block {
  position:   absolute;
  top:        25px;
  min-height: 200px;
  color:      #848484;
}

#home div.movie-block h3 {
  /*width: 250px;*/
}

#home div.uhl-contest-block {
  left:  83px;
  width: 305px;
}

#home div.uhl-contest-block h3 a {
  color: #000000;
  font-style: normal;
}

#home div.uhl-contest-block p {
  /*word-spacing: 32px;*/
  padding-right: 5px;
}

#home div.uhl-contest-block img.canterbury {
  /*: middle;*/
  position: absolute;
  left:     190px;
}

#home div.uhl-contest-block img.kempa{
  /*margin-right: 26px;*/
  position:   absolute;
  left:       -10px;
  margin-top: 25px;
}

#home div.uhl-contest-block img.spalding{
  /*margin-right: 25px;*/
  position:   absolute;
  left:       90px;
  margin-top: 7px;
}

#home div.testimonial-block {
  left:       314px;
  width:      200px;
  padding:    0 15px 0 16px;
  background: url(/images/portal/clubeo_block_separator.png) no-repeat 0 0;
}

#home div.directory-block {
  left:       545px;
  width:      200px;
  padding:    0 15px 0 16px;
  background: url(/images/portal/clubeo_block_separator.png) no-repeat 0 0;
}

#home div.directory-block strong {
  display:   block;
  font-size: 1.2em;
}

#home div.directory-block ul {
  margin:     10px 0 10px 0;
  padding:    0;
  list-style: none;
}

#home div.directory-block li {
  padding-left: 12px;
  background:   url(/images/portal/puce1.gif) no-repeat left center;
}

#home div.directory-block li a {
  font-style: normal;
}

#home div.directory-block p.more {
  text-align: right;
  margin:     10px 0 0 0;
}

#home div.movie-block {
  left:       545px;
  /*width:      144px;*/
  padding:    0 15px 0 16px;
  background: url(/images/portal/clubeo_block_separator.png) no-repeat 0 0;
}

#home div.directory-block h3 {
  margin:    0;
  padding:   0;
  font-size: 1.2em;
  color:     #000;
}

#home div.uhl-contest-block h3,
#home div.testimonial-block h3,
#home div.movie-block h3 {
  margin:    0;
  padding:   0;
  font-size: 1.333em;
  color:     #000;
}



/*#home div.uhl-contest-block img.uhlsport {
  margin: 0 12px 0 16px;
  float:  left;
}

#home div.uhl-contest-block h3 {
  display: inline;
}

#home div.uhl-contest-block p {
  margin: 0 40px 30px 103px;
}*/

#home div.uhl-contest-block p,
#home div.testimonial-block p,
#home div.directory-block p,
#home div.movie-block p {
  font-size:  0.917em;
  margin-top: 10px;
}

#home div.testimonial-block p {
  line-height: 1.4em;
  text-align:  justify;
}

#home div.testimonial-block p.picture {
  margin:  0 6px 0 0;
  padding: 0;
  float:   left;
}

#home div.testimonial-block p.signer {
  margin:      0;
  padding:     0;
  font-style:  italic;
  line-height: 12px;
}

#home div.testimonial-block p.more {
  text-align: right;
  margin:     10px 0 0 0;
}

/*******************************************************************************

  Procédures de création compte et site

*******************************************************************************/
div.club-registration option.main-sport {
  font-weight: bold;
}

/* Spécifique site
------------------------------------------------------------------------------*/

body.clubeo div.club-registration {
	width:      684px;
	background: url(/images/portal/clubeo_club_registration_background2.gif) no-repeat bottom right;
}

body.clubeo div.club-registration ul.stages {
	width:      450px;
	background: url(/images/portal/clubeo_club_registration_background1.gif) no-repeat right 15px;
}

body.clubeo div.club-registration ul.stages li {
	background: url(/images/portal/clubeo_club_registration_stage_new.gif) no-repeat top right;
}

body.clubeo div.club-registration ul.stages li.current,
body.clubeo div.club-registration ul.stages li.complete {
	background: url(/images/portal/clubeo_club_registration_stage_complete.gif) no-repeat top right;
}
body.clubeo div.club-registration h2.stage-title strong {
	color: #eb6909;
}

body.clubeo div.club-registration h3.stage-title {
	margin:        16px 0 8px 250px;
	padding:       0 0 8px 0;
	border-bottom: 1px dotted #eb6909;
	color:         #eb6909;
	font-size:     1.5em;
}

body.clubeo #sport-question {
  font-weight: bold;
}

/* Live Club
------------------------------------------------------------------------------*/
body.clubeo #pre-footer div.live-club-latest-news {
  background: url(/images/portal/clubeo_pre_footer_live_club_background.png);
}

/*******************************************************************************

  Blog

*******************************************************************************/

/* Liste des articles
------------------------------------------------------------------------------*/
div.blog-list li.article {
  background: url(/images/portal/clubeo_blog_article_list_background.png) repeat-x 0 35px !important;
}

body.clubeo div.blog-list h3 {
  border-bottom: 1px solid #eb6909;
}

body.clubeo div.blog-list h3 a,
body.clubeo div.blog-list p.nb-comments a {
  color: #eb6909;
}

body.clubeo div.blog-list h3 span.date {
  position:     absolute;
  bottom:       0;
  left:         0;
  width:        36px;
  height:       34px;
  overflow:     hidden;
  margin-right: 8px;
  background:   url(/images/portal/clubeo_ephemeris_background.png) no-repeat;
  color:        white;
  font-size:    .6em;
  line-height:  12px;
  text-align:   center;
}

/* Article
------------------------------------------------------------------------------*/
body.clubeo div.blog-article {
  background: url(/images/portal/clubeo_blog_article_background.png) repeat-x scroll 0 35px
}


body.clubeo div.blog-article h2 {
  border-bottom: 1px solid #eb6909;
  color:         #eb6909;
}

body.clubeo div.blog-article h2 span.date {
  background: transparent url(/images/portal/clubeo_ephemeris_background.png) no-repeat;
}

body.clubeo div.blog-article p.nb-comments a {
  color:  #eb6909;
}

body.clubeo div.blog-article div.poll {
  border: 1px solid #eb6909;
}

body.clubeo div.blog-article div.poll h3 {
  color: #eb6909;
}

body.clubeo div.blog-article div.poll div.results {
  color: #eb6909;
}


/*******************************************************************************

  Pré-Pied de page

*******************************************************************************/
body.clubeo #pre-footer {
  background: url(/images/portal/clubeo_pre_footer_background.png) repeat-x;
  color:      #679a18;
}

body.clubeo #pre-footer div.blog-lead h3 span.date {
  color:  #679a18;
}

/*******************************************************************************

  OpenInviter

*******************************************************************************/

body.clubeo .club-registration h3.openinviter-title {
  margin:        0;
  padding:       0 0 8px 0;
  border-bottom: 1px dotted #eb6909;
  color:         #eb6909;
  font-size:     1.5em;
}

/*******************************************************************************

  UhlSport

*******************************************************************************/

body.clubeo #main.uhlsport {
  background: url(/images/portal/clubeo_uhlsport_background.jpg) no-repeat;
}

body.clubeo a.uhlsport-logo {
  width:    220px;
  display:  block;
  float:    left;
}

body.clubeo a.uhlsport-logo-kempa {
  width:    240px;
}

body.clubeo #main.uhlsport div.blog-list {
  display:  block;
  float:    left;
  width :   600px;
  margin:   0 15px 0 0;
}

body.clubeo #main.uhlsport div.uhlsport-rankings {
  display:  block;
  float:    left;
  width:    355px;
}
body.clubeo #main.uhlsport div.uhlsport-rankings-large {
  width:    100%;
}

body.clubeo #main.uhlsport div.uhlsport-rankings h3 {
  border-bottom:    1px solid #EB6909;
  font-size:        1.4em !important;
  line-height:      34px;
  margin:           0 0 8px;
  padding:          0;
  position:         relative;
  color:            #EB6909;
}

body.clubeo #main.uhlsport div.uhlsport-rankings h3 a {
  color:            #EB6909;
  text-decoration:  none;
}
body.clubeo #main.uhlsport div.uhlsport-rankings h3 a:hover {
  text-decoration:  underline;
}

body.clubeo #main.uhlsport div.uhlsport-rankings table {
  text-align:       left;
  border-collapse:  collapse;
  width:            355px;
}
body.clubeo #main.uhlsport div.uhlsport-rankings-large table{
  width:            100%;
  margin:           0 0 16px 0;
}

body.clubeo #main.uhlsport div.uhlsport-rankings table thead th {
  background: #EB6909 none repeat scroll 0 0;
  color:      white;
}

body.clubeo #main.uhlsport div.uhlsport-rankings table tbody tr.line1 {
  background: #fcece0 none repeat scroll 0 0;
}


body.clubeo #main.uhlsport div.uhlsport-rankings a.read-more {
  display:    block;
  font-style: italic;
  margin:     8px 0 16px 0;
  text-align: right;
}

/*******************************************************************************

  Block welcome call

*******************************************************************************/

div.welcome-call-block {
  position:     absolute;
  top:          25px;
/*  left:         484px;*/
  left:         83px;
/*  padding-left: 16px;*/
/*  background:   url(/images/portal/clubeo_block_separator.png) no-repeat 0 0;*/
}

div.home-block div.welcome-call {
  background: url(/images/portal/club_registration_welcome_call_background.jpg) no-repeat;
  width:      215px;
  height:     202px;
}

div.home-block div.welcome-call p.welcome-call-text {
  padding:     97px 16px 0 16px !important;
  line-height: 20px;
  font-size:   1.25em;
}

div.home-block div.welcome-call p.welcome-call-contact {
  padding:     4px 16px 0 16px !important;
  font-size:   18px;
  line-height: 22px;
  font-weight: bold;
}

div.home-block div.welcome-call p.welcome-call-contact a {
  margin-left: 0px;
  color:       #fff !important;
}