@charset "utf-8";
/* ==============================================
   FEUILLE DE STYLES DES GABARITS HTML/CSS --- 07
   © Elephorm & Alsacreations.com
   Conditions d'utilisation:
   http://creativecommons.org/licenses/by/2.0/fr/
   ============================================== */


/* --- COULEURS --- */

/* Note: vous pouvez modifier simplement l'aspect de ce gabarit en modifiant
   uniquement les couleurs de fond (propriétés background) et les couleurs
   du texte (propriété color).
   Pour modifier la disposition des blocs, voir plus bas dans la feuille de
   styles la partie «positionnement». */

/* Général */
body {
	color: #7b7b7b;
	background: #d0d4d5;
	background-image:url(../../image_site/fond_header.png);
	background-repeat:repeat-x;
}
a {
	text-decoration:none;
	color: #0071bc;
}
strong {
	color: #A1B55D;
}

/* Bloc central contenant #navigation et #contenu */
#centre {
	background: url(../../image_site/fond_page_right.png) repeat-y scroll right top, url(../../image_site/fond_page_left.png) repeat-y scroll LEFT top;
	background-color: white;
}

/* Navigation */
#navigation {
	margin-top: 5px;
	margin-left:12px;
    position: fixed;
}

.marginLeft{
	margin: 4px 10px -3px 10px;
}

/* Contenu principal */
#contenu {
	margin-top:5px;
	margin-right:12px;
	color: #363B29;
	font-weight:bold;
	min-height: 500px;
}

#contenu strong {
	color: #181A12;
}

.espaceHeure{
	height:0px;
}
/* --- POSITIONNEMENT --- */

/* Page */
body {
	padding: 0px 0px;
}
#global {
	width: 100%;
	min-width: 1002px;
	/*width: 1002px;*/
	margin: 0 auto; /* -> 4 */
}

/* En-tête */
#entete {
	background-image:url(../../image_site/header.png);
	height: 127px;
	width: 1030px;
	color: #999999;
	font-weight:bold;
	margin: auto;
}
#logo{
	height:85px;
	padding:12px 5px 0px 3px;
}
#logo > img{
	margin-right:50px;
}

#langue{
	float:right;
	padding-right:13px;
}

#logo-sport{
	padding-right:15px;
	float:right;
}

#logo-sport img{
	height:80px;
}

#choixSport{
	position:relative;
	padding: 0px 20px;
	height:34px;
}

#choixSport > a{
	display:inline-block;
	height:34px;
	background-image:url(../../image_site/onglet-gauche.png);
	text-decoration:none;
	margin:0px -2px;
}

#choixSport > span{
	display:inline-block;
	height:34px;
	background-image:url(../../image_site/onglet-sel-gauche.png);
	background-position:0px;
	text-decoration:none;
	margin: 0px -2px;
}

#choixSport > a > span{
	background-image:url(../../image_site/onglet-droite.png);
	background-position:right;
	background-repeat:no-repeat;
	background-position-y: 10px;
	padding:20px;
	position:relative;
	top:10px;
	text-transform:uppercase;
	color: #FFFFFF;
	font-weight:bold;
}


#choixSport > span > .sport_sel{
	background-image:url(../../image_site/onglet-sel-droite.png);
	background-position:right;
	background-repeat:no-repeat;
	background-position-y: 10px;
	padding:20px;
	position:relative;
	top:10px;
	text-transform:uppercase;
	color: #FFF;
	font-weight:bold;
}

/* En-tête */
#entete2 {
	position:relative;
	z-index:12;
	background-image:url(../../image_site/barre.png);
	height: 23px;
	width: 1002px;
	margin: auto;
}

#entete h1 img {
	float: left;
	margin: 7px 20px 10px 0;
}
#entete .sous-titre {
	margin: 4px 0 15px 0;
}

/* Bloc central contenant #navigation et #contenu */
#centre {
	width: 100%; /* -> 5 */
	overflow: hidden; /* -> 5 */
}

.hr_install{
	margin : 20px 10px 0px 10px;
	border-color: #0071bc;
	background-color: #0071bc;
	height:3px;
}

#navigation > ul>li{
	margin:11px 0px;
	color:#a6cbdb;
}

#navigation ul> li > a{
	text-decoration:none;	
	color:#0071bc;
	font-weight:bold;
}

/* Menu de navigation */
#navigation {
	width: 10%;
	min-width: 216px;
	height: 100%;/* -> 6 */
	padding:6px;
}
#navigation > ul {
	margin: 0;
	padding: 20px 10px 20px 10px;
	list-style: none;
}

#nom_sport, .thead{
	text-transform:uppercase;
	color: #1f7fa8;
	font-weight:bold;
}

.nom_personne{
	text-align:center;
	color: #1f7fa8;
	font-weight:bold;
	padding:10px;
}

#date_res{
	background-image:url(../../image_site/date_fond.png);
	background-repeat:no-repeat;
	height:22px;
	width : 200px;
	padding-left:5px;
	border: 0px;
	cursor:pointer;
	color: #1f7fa8;
	font-weight:bold;
}

.thead {
	margin-top:15px;
	height:50px;
	text-align:center;
	font-size:16px;
}
tfoot{
	text-align:center;
	word-spacing:20px;
	height:50px;
}
table.display td.css_small {
    font-size: 0.7em;
    line-height: 1.45em;
	border-collapse: collapse;
	border-spacing: 0;
}
.list > tbody td{
	border: 1px solid #0071bc;
	padding: 4px 5px;
	text-align:center;
}

.list > tbody td:first-child{
	border: 1px solid #0071bc;
	padding: 4px 5px;
	text-align:left;
}

.list > tbody tr:first-child{
	color: #FFFFFF;
	text-transform:uppercase;
	text-align:center;
	vertical-align:central;
	background-color: #0071bc;
}
.list > tbody tr:first-child td:first-child{
	text-align:center;
}

.list2 > tbody td{
	border: 0;
}

.list2 > tbody td:first-child{
	border: 0;
}

.list3 > tbody td{
	border: 1px solid #0071bc;
	padding: 4px 5px;
	text-align:left;
	vertical-align:top;
}

.list3 > thead{
	color: #FFFFFF;
	text-transform:uppercase;
	text-align:center;
	vertical-align:central;
	background-color: #0071bc;
}


.formulaire{
	vertical-align:top;
	text-align:left;
}

.error_tab{
	background:url(../new/image_site/cross.png) no-repeat;
	background-position: 10px 9px;
	width:250px;
	vertical-align:central;
	color : red;	
}
.ok_tab{
	background:url(../image_site/check.png) no-repeat;
	padding-left:35px;
	vertical-align:central;
	height: 20px;
	color : red;	
}

.error_tab_vide{
	vertical-align:central;
	color : red;	
	padding-left:35px;
}

.bouton,  .bouton2{
	text-decoration:none;
	font-weight:100;
     border:none;
     color:#fff;
	 padding:3px 5px;
     background: #0071bc;
	 cursor:pointer;
}

.bouton:hover, .bouton2:hover{
	background-color: #79c9ec;
     color:#026890;
}

a:hover, #navigation ul> li > a:hover{
	color: #026890;
}

a.active, #navigation ul> li > a.active{
	cursor: default;
	color: #6eac2c;
}

.suivant{
	margin-top:15px;
	float:right;
}

#nom_saison{
	display:block;
	color:#999999;
	text-transform:uppercase;
	padding-bottom:30px;
}

#choix_jour{	
	padding-bottom:20px;
}

#choix_jour > select{
	font-size: 1.1em;
}

#menu{
	padding-bottom: 20px;
}

#menu > ul > li{
	padding:3px;
	color : #0071bc;
}

.connexion_champ{
	border: 1px solid #cccccc;
	margin: 2px 0px;
	padding-right:0px;
	color: #cccccc;
}


.connexion_champ:focus{
	color: #000000;
}

.pwd_perdu a{
	color:#cccccc;
	padding: 1px;
	margin: 0px;
	padding-bottom:20px;
}

#legende{
	color:#999999;
	font-weight:bold;
}

.legende{
	padding-top:5px;
	margin-top: 5px;
	color : #FFFFFF;
	font-weight:bold;
	padding-left: 4px;
	height:20px;
	width:150px;
	text-transform:uppercase;
}

/* Contenu */
.click{
	cursor:pointer;
}

.hidden{
	display:none;
	color:red;
	font-weight:bold;
	text-align:center;
	font-size:14px;
}

.hidde{
	display:none;
}

input {
	padding:2px 0 2px 5px; 
	border:1px solid #ccc ; 
	line-height:15px; 
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;
}

#contenu {
	float:right;
	width:74%;
	min-width: 710px;
	padding: 0px 20px;
}
#contenuConnect {
	margin: auto;
	width:1000px;
}
#contenu p, #contenu li {
	line-height: 1.5;
}

#contenuHeader {
	overflow:hidden;	
}

#texte{
	float:left;
	font-weight:100;
}

#filtre{
	float:right;
	font-weight:100;
}
.table{
	vertical-align:central;
	text-align:center;
	padding:1px;
}

.table td, .groupe_terrain{
	cursor:pointer;
	width:20px;
	height:20px;
	font-weight:bold;
	background-color:#29abe2;
	color:#FFFFFF;
}

.groupe_terrain{
	margin: 2px 0px 0px 2px;
	vertical-align:central;
	text-align:center;
	width: 95px;
	padding-top:2px;
	height:20px;
}

.reservation{
	/*position:relative;*/
	clear:both;
	width:100%;
	/*padding:1px;*/
}

.reservation td{
	background-color:#EEEEEE;
	width:auto;
	min-width: 50px;
}

.reservation td.noReservation{
	background-color: white;
	cursor: default;
}

.resBig td{
	background-color:#EEEEEE;
	width:auto;
	min-width: 0px;
}

.reservation thead th{
	text-align:center;
	vertical-align:central;
	height:20px;
	background-color:#CCCCCC;
	color:#FFFFFF;
}

.reservation tr:first-child th:first-child{
	background-color:#FFFFFF;
	min-width: 45px;
}

.reservation td:first-child{
	background-color:#FFFFFF;
	height:20px;
}

.center{
	text-align:center;
}

.left{
	text-align:left;
}

.red{
	color:red;
}

table.display>tbody td.magenta{
	color:magenta;
}

.blue {
	color: blue;
}

.cursor, .click{
	cursor:pointer;
	text-align:center;
}

.cursor.isPaye{
	cursor:url('../../image_site/no-drop.png'), auto;
}

.progress{
	cursor:progress;	
}

.reservation .semainier td, .reservation .semainier tr:first-child td:first-child, .reservation .semainier tr>td:first-child{
	min-width:23px;
	background-color: #EEEEEE;
	height: 20px;
}

/* Pied de page */
#pied {
	height:22px;
	padding: 12px 12px 0px 12px;
	font-size: .85em;
	text-align:center;
}

/* Mention de copyright */
#copyright {
	margin: 8px 0 0 0;
	font-size: 1em;
	text-align: left;
}

.alert-wrapper { font-weight:bold; font-size:16px; width:100%; padding:17px 0 18px; margin-bottom:5px; }
.alert-wrapper .alert-text { position:relative; line-height:26px; min-height: 26px; padding:0 30px; margin:0 2%; background:url('../../image_site/alert_icon_error.png') no-repeat top left; }
.alert-wrapper .alert-text .close { position:absolute; top:0; right:0; width:26px; height:26px; display:block; background:url('../../image_site/alert_icon_close.png') no-repeat; text-indent:-9999px; }

.push-down .alert-wrapper .grid_4 { margin-bottom:0 !important; }

.alert-wrapper.error { color:#E83D0E; background:#ffeeee url('../../image_site/alert_pattern.png') repeat top left; }
.alert-wrapper.error .alert-text { background:url('../../image_site/alert_icon_error.png') no-repeat top left; }
.alert-wrapper.warning { color:#e8a911; background:#ffffd7 url('../../image_site/alert_pattern.png') repeat top left; }
.alert-wrapper.warning .alert-text { background:url('../../image_site/alert_icon_warning.png') no-repeat top left; }
.alert-wrapper.confirm { color:#54a306; background:#deffbd url('../../image_site/alert_pattern.png') repeat top left; }
.alert-wrapper.confirm .alert-text { background:url('../../image_site/alert_icon_confirm.png') no-repeat top left; }
.alert-wrapper.info { color:#2766a1; background:#dbeeff url('../../image_site/alert_pattern.png') repeat top left; }
.alert-wrapper.info .alert-text { background:url('../../image_site/alert_icon_info.png') no-repeat top left; }

#login-form .alert-wrapper { margin:0 0 15px; padding:8px 0; }
#login-form .alert-wrapper .alert-text { font-size:14px; margin:0 10px; }

/* The style of the dragger when mouse is down and move */
.eDragHighLighter {
	width: 0px;
	height: 0px;
	background: rgba(0,153,101,.5);
	border:1px dotted #333333;
	border: 1px solid rgba(0,153,101,.3);
	position: absolute;
}

/* eHighLight is a class name that will added to an element if selected and highlighted*/
.reservation td.eHighLight, .reservation .semainier tr:first-child td.eHighLight:first-child, .reservation .semainier tr>td.eHighLight:first-child {
	background:#99cccc;
	border:1px solid #66cc99;
	border: 1px solid rgba(0, 153, 101, 0.2);
}

.left{
	text-align: left;
	color: #0071bc;
}

.moveRes{
	position: absolute;
	moz-opacity:0.5;
	webkit-opacity:0.5;
	opacity:0.5;
	top:-2000px;
	left: -2000px;
	text-align: center;
}

.table_reservation tr td{
	text-align: center;
}

input[type=text].inputModify{
	border: 0px; 
	background-color: transparent; 
	width:100%; 
	font-weight:bold;
}

.openArticle{
	cursor: pointer;
	text-decoration:none;
	color: #0071bc;
}

.jsonSuggest{
	min-width: 150px;
}

.blue{
	color: blue;
}

.align{
	text-align: right;
}

.logoSponsor{
	max-width: 200px;
	max-height: 90px;
}