/*le commun de base*/
a{text-decoration:none;text-transform:none;cursor:pointer;}
a:hover {text-decoration:underline;}
img{border:0}
body,input,select,form,a,span{margin:0;padding:0;display:inline;}
 ul{display: block;}
hr,h1,h2,h3,h4,h5,h6{margin:0;padding:0}
h2 {font-size:1.3em;}
table{border-collapse:collapse}
body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
   height: 100%;
}
.clear{clear:both;height:1px;overflow:hidden}

h2 a,h3 a{font-family:Segoe UI, Arial, sans-serif;color: white;}

/*le menu du haut*/
#page{width:1010px;margin-left:auto;margin-right:auto;}
#bloc_ligne_haut{height:30px;}

#les_liens_et_infos{height: 25px;margin:0 auto;padding-left:30px;background:url(../images/ligne_haut.png) no-repeat;color: #ffc400;}

#enveloppe {position:relative;top:4px;}
#deconnecte{position:relative;top:2px;height:21px;float:right;margin-right:55px;}
#heure_serveur {position:relative;left:5px;top:7px;float:left;width:60px;font-size:11px;font-weight:bold;color: white;}
#ligne_haut {position:relative;left:25px;float:left;font-weight:bold;margin-right:50px;}
#ligne_haut a{color: white;font-weight:normal;}
#reseau_social {position:relative;top:3px;}
#reseau_social img{height:20px;}
#footer {text-align: center;}
/*le bandeau*/
#bandeau{position:relative;width:100%;height:140px;background: url(../images/fond_bandeau.png) }
#info_equipe {width:250px;margin:2px;padding:1px;}
#banniere_pub {margin:5px;}
.logo_equipe_accueil{float: left;margin-right:10px;}
#cymlogo_left{float:left;width:448px;margin:2px;padding:1px;}
#cymlogo_right, #cymlogo_right_vip{float:right;	width:400px;height:115px;margin-top:22px;}

/* publicite */
#pub_haute{margin: 5px auto 5px auto;width: 728px;}

#resultat td{padding:2px 0;}

/****************************/
/* 	Corps de la page	*/
/****************************/
#corps{position:relative;width:100%;background: url(../images/fond_corps.png) repeat-y;}
#corps_page_droite{float:right;width:220px;margin-right:25px;}
#bas_du_corps{position:relative;width:100%;height:20px;background: url(../images/fond_bas_corps.png)}
#colonne_centrale{overflow: hidden;margin-left:25px;margin-right:25px;}
#onglet, #contenu{min-width:630px;}

.cymtable tr:nth-child(even) {background-color: #e2e2e2;}
.cymtable tr:nth-child(odd) {background-color: #ffffff;}

.centrer_image img{display: block;margin-left: auto;margin-right: auto}

/* 	Pour l'ancien menu	*/
#corps_page_gauche{float:left;margin-top:5px;}

.colonne_droite {width:225px;margin: 5px 0px 5px 0px;float:right;}
.categorie1, .categorie2, .categorie3{font-weight:bold;}
.categorie1{color:#f58400;}
.categorie2{color:lightgrey;}
.categorie3{color:grey;}

/* 	Spécial page UCC   	*/
#commission_UCC li {display: list-item;}
.tabulation20 {padding-left:20px}

/* Formulaire specifique ajax accueil */
.focusField{  
	border:solid 1px #f58400;  
	color:#000;  
}  
.idleField{  
	background:#EEE;  
	color: #6F6F6F;  
	border: solid 1px #f58400;  
}
.inputcoef {
	width: 20px;
	text-align: center;
}

/*Menu */
.menu, .menu ul li, .menu ul li.active a, .menu ul li:hover a {
  background:url(../images/fond_menu.png);
  font-style: normal;
}
.menu, .menu ul li.first a {
  border-bottom-left-radius:4px;
  border-top-left-radius:4px;
  -moz-border-radius-topleft:4px;
  -moz-border-radius-bottomleft:4px;
  -webkit-border-top-left-radius:4px;
  -webkit-border-bottom-left-radius:4px;
}
.menu, .menu ul li.last a {
  border-top-right-radius:4px;
  -moz-border-radius-topright:4px;
  -webkit-border-top-right-radius:4px;
  border-bottom-right-radius:4px;
  -moz-border-radius-bottomright:4px;
  -webkit-border-bottom-right-radius:4px;
}
.menu {
  background-position:left -116px;
  background-repeat:repeat-x;
  font-size: 1.05em;
  font-weight: bold;
  height: 34px;
  margin:0 auto 10px auto;
  width:940px;
}
.menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.menu ul li {
  float: left;
  line-height: 1.7em;
  margin: 0;
  position: relative;
  z-index:4;
  background-position:0 -78px;
  background-repeat:no-repeat;
  padding-left:2px;
}
.menu ul li a {
  display: block;
  font-weight:normal;
  outline: none;
  padding: 9px 0;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  width: 233px;
}
.menu ul li a, .menu ul li a:link, .menu ul li a:visited {
  color:#555;
}
.menu li ul li a:link, .menu li ul li a:visited {
  color:#000;
}
.menu ul li.first {
  background: none;
  padding-left:0;
}
.menu ul li.last a {
  padding-right: 0;
  width:235px;
}
.menu ul li ul {
  background-color:#f8f8f8;
  border:1px solid #ccc;
  display:none;
  position:absolute;
  left:2px;
  top:32px;
  list-style:none;
  padding:0;
  margin:0;
  -moz-border-radius: 4px;
  -webkit-border-radius:4px;
  border-radius:4px;
  -moz-box-shadow:0 2px 5px #CCCCCC;
  -webkit-box-shadow: 0 2px 5px #CCC;
  box-shadow: 0 2px 5px #CCC;
  z-index:3;
}
.menu ul li ul li ul {
  -moz-box-shadow:none;
  -webkit-box-shadow:none;
  box-shadow:none;
}
.menu ul li.first ul li ul a, .menu ul li ul li ul a, .menu ul li.first ul li a, .menu ul li.last ul li ul a, .menu ul li.last ul li a, .menu ul li ul li a {
  -moz-border-radius:0;
  -webkit-border-radius:0;
  border-radius:0;
}
.menu ul li.first ul {
  left:0px;
}
*html .menu ul li {
  position:relative;
  z-index:6;
}
.menu li:hover ul, li.mouseover ul {
  display: block;
  z-index:5;
}
.menu ul li:hover a, .menu ul li.active a {
  background-position:0 -39px;
  color:#fff;
}
.menu ul li:hover li a {
  background-image:none;
}
.menu ul li ul li {
  float:left;
  background:none;
  border-bottom:#e8e8e8 1px solid;
}
.menu ul li ul li {
  padding:0;
  margin:0;
  float:left;
  width:229px;
  background:none;
  border-bottom:#e8e8e8 1px solid;
}
.menu ul li.last-menu ul li {
  padding:0;
  margin:0;
  float:left;
  width:229px;
  background:none;
  border-bottom:#e8e8e8 1px solid;
}
.menu ul li ul li a {
  width:210px;
  color: #000;
  height: auto;
  line-height: normal;
  margin:0;
  padding:1em 0 1em 1.5em;
  text-align:left;
  text-transform: none;
  background-image:none;
}
.menu ul li ul li a, .menu ul li a {
  font-weight:bold;
}
.menu ul li ul li a{
  border:#f8f8f8 2px solid;
 }
.menu ul li ul li a:visited {
  color: #000;
}
.menu ul li.last ul li a {
  width:212px;
  color: #000;
  height: auto;
  line-height: normal;
  margin:0;
  padding:1em 0 1em 1.5em;
  text-align:left;
  text-transform: none;
}
.menu ul li ul li a:hover {
  background-image:none;
  background-color:#dedede;
  text-decoration:none;
  border:#f58400 2px solid;
  border-radius: 4px;
}

/*la page d'accueil*/
#accueil_info_equipe {position:relative;float:left;width:417px;}
#accueil_info_presse {position:relative;float:right;width:417px;}

/* Icons
----------------------------------*/

/* states and images */
.message-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }

/* Layout helpers
----------------------------------*/
.message-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.message-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .message-helper-clearfix { height:1%; }
.message-helper-clearfix { display:block; }
/* end clearfix */

/* Component containers
----------------------------------*/
.message-widget { font-family: Segoe UI, Arial, sans-serif; font-size: 1.1em; }
.message-widget .message-widget { font-size: 1em; }
.message-widget input, .message-widget select, .message-widget textarea, .message-widget button { font-family: Segoe UI, Arial, sans-serif; font-size: 1em; }
.message-widget-content {background-image:url(custom-theme/images/mon_bg_ffffff_trans.png); color: #000000; }
/*.message-widget-content a { color: #000000; }*/
.message_lu-widget-header {background: #dddddd url(custom-theme/images/ui-bg_diagonals-thick_30_dddddd_40x40.png) 50% 50% repeat; color: #000000;}
.message-widget-header {background-color: #ffc400; color: #000000;}
/*.message-widget-header a { color: #ffffff; }*/

/* Icons
----------------------------------*/

/* states and images */
.message-icon { width: 16px; height: 16px; background-image: url(custom-theme/images/ui-icons_222222_256x240.png); }
.message-widget-content .message-icon {background-image: url(custom-theme/images/ui-icons_cccccc_256x240.png); }
.message-widget-header .message-icon {background-image: url(custom-theme/images/ui-icons_222222_256x240.png); }

/* positioning */
.message-icon-plusthick { background-position: -32px -128px; }
.message-icon-minusthick { background-position: -64px -128px; }

/* Misc visuals
----------------------------------*/

/* Corner radius */
.message-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.message ,.message_envoi { margin: 0 1em 1em 0; }
.message-header_nouveau, .message_envoi-header, .message-header_lu, .message-footer{ margin: 0.3em; padding-bottom: 4px; padding-left: 0.2em; }
.message_envoi-header_nouveau .message-icon, .message_envoi-header_lu .message-icon, .message-header_nouveau .message-icon, .message-header_lu .message-icon { float: right; }
.message-content, .message_envoi-content{ padding: 0.4em; }
.message-footer{border-top: 2px solid #cccccc;; color: #000000;}

.vignette{max-width:620px;}

/*la page d'accueil*/
#accueil_info_equipe {position:relative;float:left;width:417px;}
#accueil_info_presse {position:relative;float:right;width:417px;}
.portlet,.portlet_bis {margin-left: 5px;margin-right: 5px;}
.portlet-header,.portlet_bis-header,.portlet-header_formulaire { margin: 0.3em; padding-bottom: 4px; padding-left: 0.2em; }
.portlet-header .ui-icon,.portlet_bis-header .ui-icon,.portlet-header_formulaire .ui-icon{ float: right; }
#lateral_ancien_menu .ui-icon { float: right; vertical-align:middle;}
.portlet-content,.portlet_bis-content { padding: 0.4em;;overflow:hidden;}
.ui-sortable-placeholder { border: 1px dotted black; visibility: visible !important; height: 50px !important; }
.ui-sortable-placeholder * { visibility: hidden; }

.une_colonne { width: 700px; float: left;}

/*la page liste des transferts*/
#sortable { list-style-type: none; margin: 0; padding: 0; }
#sortable li { margin: 2px 2px 0 0; padding: 1px; float: left; width: 345px;background:none;border:none;}
.nom_coureur {font-size: 1.2em;color:#f58400;}
	
/* ------------- Têtes de coureurs --------- */
.visageCont {float: left;position:relative;right:0px;width: 120px;height: 140px;}
.yeux {position:absolute;left:26px;top:55px;}
.lunettes {position:absolute;left:26px;top:55px;}
.surcils {position:absolute;left:27px;top:50px;}
.bouche {position:absolute;left:35px;top:76px;}
.barbe {position:absolute;left:35px;top:76px;}
.nez {position:absolute;left:40px;top:58px;}
.coiffure {position:absolute;left:0px;top:0px;}
.coiffure_nuque {position:absolute;left:0px;top:0px;}
.visage {position:absolute;top:11px;left:17px;}
.maillot {position:absolute;top:94px;left:0px;}

/*-------de l'ancien design-----------------*/
.red{
color: red;
}
.dotted a{
	text-decoration-line: underline;
	text-decoration-style: dotted;    
}
.sondage {
  background-color: #FFFFFF;
  padding: 10px;
  font-size: 110%;
  line-height: 1.5em;;
}
.sondage_question{
  padding: 10px;
}
.sondage_form{
  padding: 10px;
}
.backRed {
	color: white;
	background-color: red;
}

.green {
color: green;
}
.tableau_materiel table {
width: 90%;
margin: auto;
text-align: center;
}

#cal_off table {
width: 100%;
margin: auto;
}

#cal_priv table {
width: 100%;
margin: auto;
border-collapse: collapse;
border: 1px solid #FF9933;
}

#cal_priv td {
border: 1px solid #FF9933;
}

#cal_priv td, th {
padding: 3px;
}

/***********************************/
/* Info Bulle                      */
/***********************************/
a.info {
   position: relative;
   /*color: black;*/
   text-decoration: none;
  /* border-bottom: 1px gray dotted; /* on souligne le texte */
}
a.info span {
   display: none; /* on masque l'infobulle */
}
a.info:hover {
   background: none; /* correction d'un bug IE */
   z-index: 500; /* on d?finit une valeur pour l'ordre d'affichage */

   /*cursor: help;  on change le curseur par d?faut en curseur d'aide */
}
a.info:hover span {
   display: inline; /* on affiche l'infobulle */
   position: absolute;

   /*white-space: nowrap; /* on change la valeur de la propri?t? white-space pour qu'il n'y ait pas de retour ? la ligne non-d?sir? */

   top: 5px; /* on positionne notre infobulle */
   left: 20px;
	
	width:200px;
	
	background: #FFFFFF;

   color: #FF9933;
   padding: 3px;

   border: 1px solid #FF9933;
   border-left: 4px solid #FF9933;
}

/***********************************/
/* Info Bulle TTT                  */
/***********************************/
a.ttt {
   position: relative;
   /*color: black;*/
   text-decoration: none;
  /* border-bottom: 1px gray dotted; /* on souligne le texte */
}
a.ttt span {
   display: none; /* on masque l'infobulle */
}
a.ttt:hover {
   background: none; /* correction d'un bug IE */
   z-index: 500; /* on d�finit une valeur pour l'ordre d'affichage */

   /*cursor: help;  on change le curseur par d�faut en curseur d'aide */
}
a.ttt:hover span {
   display: inline; /* on affiche l'infobulle */
   position: absolute;

   /*white-space: nowrap; /* on change la valeur de la propri�t� white-space pour qu'il n'y ait pas de retour � la ligne non-d�sir� */

   top: 0px; /* on positionne notre infobulle */
   left: 100px;
	
	width:300px;
	
	background: #FFFFFF;

   color: #FF9933;
   padding: 3px;
   font-style: normal;

   border: 1px solid #FF9933;
   border-top: 5px solid #FF9933;
   border-bottom: 4px solid #FF9933;
}
a img {
border: none; 
}

#classement input
{
margin-left: 30px;
}

#classement table
{
width: 75%;
margin: auto;
border-collapse: collapse;
}

#classement td
{
text-align: center;
}

.joueur_ligne_classement
{
border-bottom: 1px solid #aaaaaa;
}

.equipe_ligne_classement_fin
{
border-top: 1px solid #aaaaaa;
}

.equipe_ligne_classement_fin tr
{
border-top: 1px solid #aaaaaa;
}

.fondrouge td
{
background-color: red;
color: white;
}

.fondrouge a
{
color: white;
}

.fondor td, .even{
background-color: #eeeeee;
}

.tab-insc{
	border-left: 1px solid  #F58400;
	border-right: 1px solid  #F58400;
	border-top: 1px solid  #EEEEEE;
	border-bottom: 1px solid  #EEEEEE;
}

.fondblanc td
{
background-color: white;
color: #FF9933;
padding-left: 8px;
}
.inputCarac{
	width: 40px;
}

/*
 * Tchat cymanager
 */
#tchat{
	border: 1px solid #f58400;
	bottom:0px;
	right:10px;
	position:fixed;
	width:250px;
	background-color:#ccc;
}
#tchatconversation{
	display:none;
}
#tchatentete{
	background-color:#f58400;
	color:#FFF;
	height:20px;
}
#tchatcontent{
	height: 250px;
	overflow:auto;
}
#tchatform #message{
	width:75%;
}
#tchatform #send{
	width:20%;
	
}
#messages{
margin-bottom: 9px;
}
.message {
	padding-top: 2px;
	width:98%;
	margin:auto;
	background-color: #FFF;
	font-weight: normal;
}
.message p{
	padding-top: 0;
	padding-bottom:0;
	padding-left:10px;
	padding-right:10px;
}
.sep {
height: 7px;
}
.date{
font-style:italic;
color: #4d4d4d;
}
#users{
	margin: 1px;
	height: 250px;
	background-color:#FFF;
	font-weight:normal;
}
#usersv1, #usersv2{
	list-style-type: none;
	padding: 0;
	margin:0;
}
/*#users li .v1{
	list-style-image: url('../images/bullet_blue.png');
}
#users li .v2{
	list-style-image: url('../images/bullet_green.png');
}*/

table.statsVIP tr:nth-child(even) {
    background-color: #eee;
}
table.statsVIP tr:nth-child(odd) {
    background-color: #fff;
}

table.cymRanking tr:nth-child(even) {
   background-color: #eee;
	padding-right: 2px;
	text-align: center;
}
table.cymRanking tr:nth-child(odd) {
   background-color: #fff;
	padding-right: 2px;
	text-align: center;
}

table.palmares tr:nth-child(even) {
   background-color: #eee;
	padding-right: 2px;
	text-align: left;
}
table.palmares tr:nth-child(odd) {
   background-color: #fff;
	padding-right: 2px;
	text-align: left;
}

#tab-insc thead tr .header,#tab-ent thead tr .header, #tab-salaire thead tr .header,#tab-valeur thead tr .header{
	cursor: pointer;
}

/****************************/
/* 	Page index              */
/****************************/
#logo_index {height: 110px;}
#page_index{width:890px;margin-left:auto;margin-right:auto;}
#les_liens_et_infos_i{height: 10px;margin:0 auto;padding-left:0px;}



#slides{
  margin-left: auto;
  margin-right: auto;
  width: 600px;
}  
#bouton_connexion{
   font-size:100%;
   float:right;
   padding: 3px 2px 3px 2px;
   cursor:pointer;
   border: 1px;
   border-color:yellow;
   -webkit-border-radius: 4px;
   border-radius: 3px;
   background: darkgrey;
}
.footer_index{
   color:black;
   float: left;
   text-align: center;
   width: 100%;
}
.footer_index a{
   color:black;
}
.text_bouton{
	font-size: 1.3em;
	color:#444;
}
.bouton_inscription{
   background-image: radial-gradient(closest-side ellipse at center, #eee, #ccc);
   width : 360px;
   margin: 10px 10px;
   text-align:center;
   border-radius:8px;
   padding: 10px 0px;
   border: 2px solid #f58400;
}
.bouton_inscription1{
   background-image: radial-gradient(closest-side ellipse at center, #e4e4e4, #ccc);
   width : 360px;
   margin: 10px 10px;
   text-align:center;
   border-radius:8px;
   padding: 10px 0px;
   border: 2px solid #f58400;
}

/******************************/
/* Customisation de jQuery UI */
/******************************/
.ui-widget-content-red { border: 1px solid #DF0101; background: #ffffff url(images/ui-bg_flat_0_ffffff_40x100.png) 50% 50% repeat-x; color: #000000; }
.ui-widget-header-red { border: 1px solid #DF0101; background: linear-gradient(to bottom, #DF0101, #FA5858); color: #ffffff; font-weight: bold;color: #ffffff; }
.ui-widget-header-red a { color: #ffffff; }
.ui-widget.ui-widget-content {
	border: 1px solid #f58400;
}
.ui-widget-content {
	border: 1px solid #f58400;
	background: #ffffff url("images/ui-bg_highlight-soft_100_ffffff_1x100.png") 50% top repeat-x;
	color: #333333;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 4px;
	background: none;
}

.rainbowMC {
  background: linear-gradient(to right, #007fff, #ff0000 25%, #000000 50%, #ffff00 75%, #007f00 100%);
  color:#ffffff;
  border-radius:5px 5px 5px 5px;
  font-weight: bolder;
  width: 170px;
  display: inline-block;
  padding: 5px;
  margin: 2px 10px;
}

.live_bandeau_ecran_principal {
  white-space: nowrap;
}
.liveul {
  padding: 1em 0 0 2em;
  margin: 0;
  list-style: none;
  position: relative;
  z-index: 0;
}
.liveul::before {
  content: ' ';
  height: 100%;
  width: 1px;
  background-color: #ff9933 !important;
  position: absolute;
  top: 0;
  left: 2.5em;
  z-index: -1;
}
.liveli div {
  display: inline-block;
  margin: 3px 0;
  vertical-align: top;
}
.timeline .bullet {
  margin-top: 1em;
  width: 1em;
  height: 1em;
  box-sizing: border-box;
  border-radius: 50%;
  background: #fff;
  margin-right: 1em;
}
.timeline .bullet.orange {
  border: 2px solid #ff9933;
}
.timeline .desc_evennement {
  width: 90%;
  margin-bottom: 6px;
  display: inline-block;
  background: #eeeeee;
  padding : 3px;
  border-radius: 10px;
}
.timeline .desc_evennement .kilometre{
  width: 10%;
  font-size: 0.75em;
  padding-top: 0.25em;
}
.timeline .desc_evennement .desc {
  width: 89%;
}
.timeline h3 {
  font-size: 0.9em;
  margin: 0;
  width: 100%;
}
.profil {
  position: relative;
  width: 600px;
}
.overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #ff9933;
  opacity: 0.33;
  overflow: hidden;
  height: 100%;
  transition: 3s ease;
  margin-left: 9px;
  width: 0%;
}
.flex-center{
  display: flex;
  justify-content: center;
}
.round-border h1{
  text-align: center;
  background-color: #f58400;
  color:#fff;
}
.round-border {
  border: 1px solid #f58400;
  border-radius: 4px;
}