/* feuille de style du serveur ASMB-Volley - css commun au site

http://www.jokconcept.net/generateur-nuancier-degrade-couleurs.php?PHPSESSID=a6309addfc82b84f5688bfd8545562b7

#FFFFD1 ->  Couleur jaune des tableaux differents + fond cellule matchs joues
*/

body {
	font-family: Arial, sans-serif;
}

.jaune {
	background-color: #FFFFD1;
}

#bodyContent{
	border: none;
	width: 1001px;
}

div#entete {
	background-image:url("images/banniere2011.jpg");
	width: 1000px;
	height: 169px;
}

div#breadcrumb {
	float: left;
	width: 400px;
	height: 26px;
	padding-top: 5px;
	background-image: url(images/puce_droite.gif);
	background-repeat: no-repeat;
	background-position: 1px 25%;
	padding-left: 19px;
	font-size: 11px;
	color: #333;
}

div#cse-search-form {
	float: left;
	width: 400px;
	height: 26px;
	padding-top: 5px;
}

div#color_site {
	float: right;
	width: 148px;
	height: 26px;
	padding-top: 5px;
	text-align: right;
	color: #ccc;
}

.formelement {
	font-size: 10px;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
}

.formelement2 {
	font-size: 10px;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
	background-color: #FFFFD1;
}

.nuancier {
	float: left;
	padding: 4px 2px 0 0;
}

.cse input.gsc-search-button,
input.gsc-search-button {
	font-size: 10px;
	margin-top: 0;
	padding: 1px;
	background-color: #FFFFD1;
}

td.donnees2{
        border: 1px solid #FFCC00;
	background-color: #FFFFD1;
        padding: 0 5px 0 5px;
        line-height: 22px;
        font-size: 10px;
}

.joues {
        border: 1px solid #FFCC00;
        background-color:#FFFFD1;
        font-size: 11px;
        padding: 2px;
}

.menu_horiz {
	margin: 0px;
}

.choix_result {
        font-size: 11px;
        font-style: normal;
        font-weight: bold;
        color: #333333;
}

div#ctc_bur {
        float: left;
        width: 497px;
        border: 1px solid #ddd;
}
        
div#ctc_ent {
        float: left;
        width: 497px;
        margin-left: 2px;
        border: 1px solid #ddd;
}

.focus {
        background: #FFFF00;
}

.texte10 {
        font-size: 10px;
        font-style: normal;
        font-weight: normal;
        color: #000000;
}

.trajets {
        font-size: 10px;
        text-align: justify;
}

.switchcontent {
        width: 262px;
        background-color: #FFFFD1;
        font-size: 10px;
        text-align: justify;
	   margin: 3px 0 3px 5px;
        border: 1px solid #ccc;
        padding: 2px;
}

a.cflplink:link {
	color: black;
	font-size: 9px;
	font-weight: normal;
}

a.cflplink:visited {
	color: black;
	font-size: 9px;
}

a.cflplink:hover {
	color: black;
	font-size: 9px;
	font-weight: bold;
}

.organigramme {
	float: left;
	border: none;
	margin-left: 80px;
	margin-top: 30px;
}

/***************************************************************** infobulles diverses et alerte (rouge et rose) */
.gfbulle {
	width: 180px;
	font-size: 10px;
	font-style: italic;
	padding: 4px;
	border: 1px solid #FF0000;
	background-color: #FFE8E8;
}

.alerte {
	float: left;
        width: 700px;
        font-size: 11px;
        color: #FF0000;
        background-image: url(images/puce_rouge.gif);
        background-repeat: no-repeat;
        background-position: 3px 50%;
        background-color: #FFE8E8;
        border: 1px solid #FF0000;
        margin: 20px 0 10px 150px;
	padding: 7px 0 5px 25px;
}

.new {
        color: #FF0000;
        background-color: #FFE8E8;
	display: block;
}

/***************************************************************** Matchs de la semaine */
a.match_we {
        padding: 1px;
	text-decoration: none;
	font-size: 10px;
}

a.match_we span {
	display: none;
}

a.match_we:hover span { 
	display: block;
	position: absolute;
	top: 10px;
	left: 20px;
	width: 185px;
        border: 1px solid #ccc;
	background: #efefef;
	-moz-opacity:0.9;
	opacity: 0.9;
	filter:alpha(opacity="90");
	line-height: 14px;
	color: #000;
	padding: 1px;
}

/***************************************************************** feuille de style des listes */
ul {
        list-style-type:none;
        color: black;
        padding:0px;
        margin:0px;
}

li.anniv {
        line-height: 18px;
        background-image:url(images/puce.png);
        background-repeat:no-repeat;
        background-position:0px 4px; 
        padding-left:14px;
        margin-left:10px;
	font-size: 10px;
	color: black;
}

/***************************************************************** feuille de style des titres des cellules */
.rouge {
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	color: #FF0000;
	text-align: center;
}

.texte12 {
        font-size: 12px;
        font-style: normal;
        font-weight: bold;
        color: #000000;
}

/***************************************************************** Votesite */
.votesite {
        font-size:16px;
        vertical-align: 20px;
}


/*************************************************************** Calendrier */
.date_selector, .date_selector * {
  width: auto;
  height: auto;
  border: none;
  background: none;
  margin: 0;
  padding: 0;
  text-align: left;
  text-decoration: none;
}
.date_selector {
  background: #F2F2F2;
  border: 1px solid #bbb;
  padding: 5px;
  margin: -1px 0 0 0;
  position: absolute;
  z-index: 100000;
  display: none;
}
.date_selector_ieframe {
  position: absolute;
  z-index: 99999;
  display: none;
}
  .date_selector .nav {
    width: 17.5em; /* 7 * 2.5em */
  }
  .date_selector .month_nav, .date_selector .year_nav {
    margin: 0 0 3px 0;
    padding: 0;
    display: block;
    position: relative;
    text-align: center;
  }
  .date_selector .month_nav {
    float: left;
    width: 55%;
  }
  .date_selector .year_nav {
    float: right;
    width: 35%;
    margin-right: -8px; /* Compensates for cell borders */
  }
  .date_selector .month_name, .date_selector .year_name {
    font-weight: bold;
    line-height: 20px;
  }
  .date_selector .button {
    display: block;
    position: absolute;
    top: 0;
    width: 18px;
    height: 18px;
    line-height: 17px;
    font-weight: bold;
    color: #003C78;
    text-align: center;
    font-size: 120%;
    overflow: hidden;
    border: 1px solid #F2F2F2;
  }
    .date_selector .button:hover, .date_selector .button.hover {
      background: none;
      color: #003C78;
      cursor: pointer;
      border-color: #ccc;
    }
  .date_selector .prev {
    left: 0;
  }
  .date_selector .next {
    right: 0;
  }
  .date_selector table {
    border-spacing: 0;
    border-collapse: collapse;
    clear: both;
  }
    .date_selector th, .date_selector td {
      width: 2.5em;
      height: 2em;
      padding: 0;
      text-align: center;
      color: black;
    }
    .date_selector td {
      border: 1px solid #ccc;
      line-height: 2em;
      text-align: center;
      white-space: nowrap;
      color: #003C78;
      background: white;
    }
    .date_selector td.today {
      background: #FFFEB3;
    }
    .date_selector td.unselected_month {
      color: #ccc;
    }
    .date_selector td.selectable_day {
      cursor: pointer;
    }
    .date_selector td.selected {
      background: #D8DFE5;
      font-weight: bold;
    }
    .date_selector td.selectable_day:hover, .date_selector td.selectable_day.hover {
      background: #003C78;
      color: white;
    }

/**************************************************************** Moteur de recherche */
/* Slight reset to make the preview have ample padding. */
.cse .gsc-control-cse,
.gsc-control-cse {
  padding: 2%;
  width: 98%;
}
.cse .gsc-branding,
.gsc-branding {
  display: none;
}
.cse .gsc-control-cse div,
.gsc-control-cse div {
  position: normal;
}
/* Selector for entire element. */
.cse .gsc-control-cse,
.gsc-control-cse {
  background-color: #ffffff;
  border: 1px solid;
  border-color: #ffffff;
}
.cse .gsc-control-cse:after,
.gsc-control-cse:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
.cse .gsc-resultsHeader,
.gsc-resultsHeader {
  border: block;
}

/* Inactive tab */
.cse .gsc-tabHeader.gsc-tabhInactive,
.gsc-tabHeader.gsc-tabhInactive {
  border-bottom: none;
  color: #666666;
  background-color: #e9e9e9;
  border: 1px solid;
  border-color: #e9e9e9;
}
/* Active tab */
.cse .gsc-tabHeader.gsc-tabhActive,
.gsc-tabHeader.gsc-tabhActive {
  background-color: #FFFFFF;
  border: 1px solid;
  border-top: 2px solid;
  border-color: #e9e9e9;
  border-top-color: #FF9900;
  border-bottom: none;
}
/* This is the tab bar bottom border. */
.cse .gsc-tabsArea,
.gsc-tabsArea {
  margin-top: 1em;
  border-bottom: 1px solid #e9e9e9;
}
/* Inner wrapper for a result */
.cse .gsc-webResult.gsc-result,
.gsc-webResult.gsc-result {
  border: 1px solid;
  border-color: #ffffff;
  margin-bottom: 1em;
}
/* Result hover event styling */
.cse .gsc-webResult.gsc-result:hover,
.gsc-webResult.gsc-result:hover {
  border: 1px solid;
  border-color: #FFFFFF;
}
/*Promotion Settings*/
/* The entire promo */
.cse .gs-promotion,
.gs-promotion {
  background-color: #FFFFFF;
  border: 1px solid;
  border-color: #336699;
}
/* Promotion image */
.cse .gs-promotion .gs-promotion-image,
.gs-promotion .gs-promotion-image {}
/* Promotion links */
.cse .gs-promotion a.gs-title:link,
.gs-promotion a.gs-title:link,
.cse .gs-promotion a.gs-title:link *,
.gs-promotion a.gs-title:link *,
.cse .gs-promotion .gs-snippet a:link,
.gs-promotion .gs-snippet a:link {
  color: #0000CC;
}
.cse .gs-promotion a.gs-title:visited,
.gs-promotion a.gs-title:visited,
.cse .gs-promotion a.gs-title:visited *,
.gs-promotion a.gs-title:visited *,
.cse .gs-promotion .gs-snippet a:visited,
.gs-promotion .gs-snippet a:visited {
  color: #0000CC;
}
.cse .gs-promotion a.gs-title:hover,
.gs-promotion a.gs-title:hover,
.cse .gs-promotion a.gs-title:hover *,
.gs-promotion a.gs-title:hover *,
.cse .gs-promotion .gs-snippet a:hover,
.gs-promotion .gs-snippet a:hover {
  color: #0000CC;
}
.cse .gs-promotion a.gs-title:active,
.gs-promotion a.gs-title:active,
.cse .gs-promotion a.gs-title:active *,
.gs-promotion a.gs-title:active *,
.cse .gs-promotion .gs-snippet a:active,
.gs-promotion .gs-snippet a:active {
  color: #0000CC;
}
/* Promotion snippet */
.cse .gs-promotion .gs-snippet,
.gs-promotion .gs-snippet,
.cse .gs-promotion .gs-title .gs-promotion-title-right,
.gs-promotion .gs-title .gs-promotion-title-right,
.cse .gs-promotion .gs-title .gs-promotion-title-right *,
.gs-promotion .gs-title .gs-promotion-title-right * {
  color: #000000;
}
/* Promotion url */
.cse .gs-promotion .gs-visibleUrl,
.gs-promotion .gs-visibleUrl {
  color: #008000;
}
/* Style for auto-completion table
 * .gsc-completion-selected : styling for a suggested query which the user has moused-over
 * .gsc-completion-container : styling for the table which contains the completions
 */
.gsc-completion-selected {
  background: #D5E2FF;
}
.gsc-completion-container {
  font-family: Arial, sans-serif;
  font-size: 12px;
  position: absolute;
  background: white;
  border: 1px solid #666666;
  margin-left: 0;
  margin-right: 0;
  /* The top, left, and width are set in JavaScript. */
}

/* Full URL */
.gs-webResult div.gs-visibleUrl-short {
  display: none;
}
.gs-webResult div.gs-visibleUrl-long {
  display: block;
}


/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/menus/pro_dropline_2.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#pro_linedrop {
height:30px;
width:1000px;
background:url(menu/lrimages/black_0.gif);
position:relative; 
font-family:arial, verdana, sans-serif; 
font-size:11px;
z-index:100;
}

#pro_linedrop .select {
margin:0; 
padding:0; 
list-style:none; 
white-space:nowrap;
}

#pro_linedrop li {
float:left;
background:url(menu/lrimages/black_1.gif);
}

#pro_linedrop li.lrt {
float:right;
background:url(menu/lrimages/blue_1.gif);
}


#pro_linedrop .select a {
display:block; 
height:30px; 
float:left; 
background: url(menu/lrimages/black_0.gif); 
padding:0 0 0 10px; 
text-decoration:none; 
line-height:28px; 
white-space:nowrap; 
color:#fff;
}


#pro_linedrop .select li.lrt a {color:#0ff;}


#pro_linedrop .select a b {
display:block;
padding:0 21px 0 11px; 
background:url(menu/lrimages/black_0.gif) right top;
}

#pro_linedrop .select li.line a b {
background:url(menu/lrimages/black_0a.gif) right top;
}

#pro_linedrop .select a:hover, 
#pro_linedrop .select li:hover a {
background: url(menu/lrimages/black_1.gif); 
padding:0 0 0 10px;
cursor:pointer; 
color:#ccc;
}

#pro_linedrop .select li.lrt a:hover, 
#pro_linedrop .select li.lrt:hover a {
background: url(menu/lrimages/blue_1.gif); 
}

#pro_linedrop .select a:hover b, 
#pro_linedrop .select li:hover a b {
display:block; 
float:left;
padding:0 21px 0 11px; 
background:url(menu/lrimages/black_1.gif) right top; 
cursor:pointer;
}

#pro_linedrop .select li.line a:hover b, 
#pro_linedrop .select li.line:hover a b {
background:url(menu/lrimages/black_1.gif) right top; 
}

#pro_linedrop .select li.lrt a:hover b, 
#pro_linedrop .select li.lrt:hover a b {
background:url(menu/lrimages/blue_1.gif) right top; 
}

#pro_linedrop .select li.lrt a:hover b.arrow, 
#pro_linedrop .select li.lrt:hover a b.arrow {
background:url(menu/lrimages/blue_1a.gif) right top; 
}

#pro_linedrop .sub {
position:absolute; left:-9999px; width:0;
}

/* IE6 only */
#pro_linedrop table {
border-collapse:collapse; 
margin:-1px -10px -1px -1px; 
font-size:1em; 
width:0; 
height:0;
}

#pro_linedrop .sub {
margin:0; 
padding:0;
list-style:none;
}

#pro_linedrop .sub li {background:transparent;}

#pro_linedrop .select :hover .sub {
height:23px;
position:absolute;
width:100%;
top:30px; 
left:0; 
text-align:center;
background:#fff url(menu/lrimages/fade.gif);
border-bottom:1px solid #aaa;
}

#pro_linedrop .select :hover .rt li {float:right;}

#pro_linedrop .select :hover .sub li a 
{display:block; height:23px; line-height:24px; float:left; background:#fff url(menu/lrimages/fade.gif); padding:0 16px; margin:0; white-space:nowrap; color:#333;font-size:10px;}

#pro_linedrop .select :hover .sub li.subline a {color:#c00;}

#pro_linedrop .select :hover .sub li a:hover,
#pro_linedrop .select :hover .sub li:hover
{color:#000; line-height:23px; position:relative; background:#fff url(menu/lrimages/fade.gif) left bottom;}