/* 
	DEFAULT STYLESHEET
	All pages inherrit from this stylesheet, so anything reusable, 
	site-wide or generic goes here.
*/

/* ------------------------------------------------------------------------
	HTML BODY tag and Page div
------------------------------------------------------------------------ */
body
{
	margin: 0;
  	padding: 0;
	font-family:Arial, Helvetica, sans-seri;
	text-align:center;
	background:#606045;
}

#container
{
	width:814px;	
	margin:0 auto;
	text-align:left;
	background:url(../images/corps-cercle.gif) no-repeat 35px 0;
	padding-top: 13px;
}

h1
{
	font-size:1.5em;
	font-family:Arial, Helvetica, sans-seri;
	color:#666633;
	margin:0;
	padding-bottom:10px;
}

h2
{
	font-family:Arial, Helvetica, sans-seri;
	font-size:1.3em;
	color:#002D62;
	margin:0;
}

h3{
	font-family:Arial, Helvetica, sans-seri;
	font-size:1.1em;
	color:#9C600D;
	margin:0;
}

p
{
	font-size:1em;
	color:#666633;
	margin:0;
	padding:0;
}

/* ----------------------------
   Liens
---------------------------- */

a:link {color: #666633; }
a:visited{color: #666600; }
a:active{color: #fff; }

/* ------------------------------------------- */
/* --------------- Corps --------------------- */
/* ------------------------------------------- */

/* ------------------------------------------- */
/* --------------- Zone logo ----------------- */
/* ------------------------------------------- */
#logoDegrade
{
	background:url(../images/logo-degrade.gif) repeat-x top left; 
	width:213px;
	float:left;
}

#zoneLogo{padding:52px 0 79px 14px;}
#logoDegrade h1{margin:0;}

#logoDegrade img{display:block;}

/* -------------------------------------------- */
/* --------------- Zone admin ----------------- */
/* -------------------------------------------- */

#zoneAdmin
{
	float:left;
	width:524px;
	background:#F2F2CD;
	margin-left:11px;
	margin-bottom:20px;
	color:#999966;
}

/* ----------------------- zone login ------------------------- */
#adminBordDr{background:url(../images/admin-bordDr.gif) no-repeat top right;}

#loginCoinGau{background:url(../images/admin-coinGauTop.gif) no-repeat top left;}
#loginCoinDr{background:transparent url(../images/admin-coinDrTop.gif) no-repeat scroll right top;}

#login
{	
	padding:3px 0 5px 0;
	font-size:0.9em;
	width:460px;
}

#login-header
{	
	padding:3px 0 5px 0;
	font-size:0.9em;
	width:517px;
}

#login p#langu
{
    float: right;
    padding: 4px 12px 0 0;
    margin: 0;
}

#invalide
{
    color:Red;
}

#login p#langu a, #login p#langu a:link, #login p#langu a:visited, #login p#langu a:active
{color: #666633;}

#login p#langu a:hover
{color: #E48A0E;}

/* ----------------------- photo central de la zone admin ------------------------- */

#adminPhoto
{
	height:206px;
}

#photoBandeGauche
{background:url(../images/admin-bordDr.gif) no-repeat top right;}

/* ---------------------------------------- */
/* ------------ Menu principal -------------*/
/* ---------------------------------------- */
#menuDegrade{background:#F2F2CD url(../images/menu-degrade.gif) repeat-x top left; width: 524px;}
#menuOmbreDr{background:url(../images/menu-ombreDr.gif) repeat-y top right;}
#menuCoinGau{ background:url(../images/menu-bas.gif) no-repeat bottom left;}

#menu
{
    width: 524px;
}
	
#menu ul
{	
	margin:0;
	list-style:none;
	padding-left:25px;
}

#menu ul li
{
	float:left;
	font-size:1em;	
	margin:0;
	padding:0 11px 0px 0;
	font-weight:bold;		
}

#menu a:link, #menu a:visited, #menu a:active 
{
	float:left;	
	padding: 7px 6px 15px 7px;
	text-decoration:none;
	color:#666633;
	height:16px;
}

/* Commented Backslash Hack
hides rule from IE5-Mac \*/
#menu a {float:none;}
/* End IE5-Mac hack */

#menu a:hover
{color:#E48A0E;}

/* ------------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------- Zone de contenu Page Accueil-----------------------------------------------------*/
/* ------------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------- */

#contenuBandeGau{background:#F7F7DD url(../images/contenu-bandeGau.gif) repeat-y top left; width:741px;}
#contenuBandeHaut{background:url(../images/contenu-bandeHaut.gif) repeat-x top left;}

#contenuCoinGauTop{background:url(../images/contenu-coinGauTop.gif) no-repeat top left; }
#contenuCoinDrTop{background:url(../images/contenu-coinDrTop.gif) no-repeat top right;}
#contenuCoinGauBas{background:url(../images/contenu-coinGauBas.gif) no-repeat bottom left;}
#contenuCoinDrBas{background:url(../images/contenu-coinDrBas.gif) no-repeat bottom right;}

#contenu
{
	width:741px;
	padding-bottom:10px;
}

#colCentre
{
	float:left;
	width:735px;
	margin-bottom:10px;
}

#colGauche
{
	float:left;
	width:275px;
	margin:25px 20px 10px 20px;
}

#colDroite
{
	float:left;
	width:400px;
}

/* ---------------------- Colonne gauche Page Accueil --------------------------------*/

.boxGau_coinGT{background:#8D8D6C url(images/boxColGau_coinGT.gif) no-repeat top left;}
.boxGau_coinDT{background:url(images/boxColGau_coinDT.gif) no-repeat top right;}
.boxGau_coinGB{background:url(images/boxColGau_coinGB.gif) no-repeat bottom left;}
.boxGau_coinDB{background:url(images/boxColGau_coinDB.gif) no-repeat bottom right;}

#colGauche img
{margin:25px 0 20px 20px;}

#colGauche h1{ color:#fff; padding:10px 5px 0 10px;}

#colGauche p{ color:#fff; padding:10px 10px 10px 10px;}
#colGauche p.pLast{ color:#fff; padding:10px 5px 20px 10px;}

#colGauche ul
{
	list-style:none;
	margin:10px 15px 0 20px;
	font-size:0.95em;
	color:#fff;
}

#colGauche ul li
{
	background:url(images/contenu-listeImg-gau.gif) no-repeat 0 3px;
	margin:0;
	padding:0 0 13px 40px;
}

/* ---------------------- Colonne droite Page Accueil --------------------------------*/
#colDroite h1{padding:25px 5px 10px 0;}

#colDroite p.motifs{padding:0 0 10px 27px;}

#colDroite ul
{
	list-style:none;
	margin:0 35px 0 0px;
	font-size:0.95em;
	color:#666633;
}

#colDroite ul li
{
	background:url(../images/contenu-listeImg.gif) no-repeat 0 3px;
	margin:0;
	padding:0 0 13px 40px;
}

#colDroite p{ color:#666633; padding:10px 10px 10px 10px;}


/* ------------------------------------------------------------------------------------------------------------------------------------- */

#colCentre p{ color:#666633; padding:10px 10px 10px 10px;}




/* ------------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------- Zone de contenu Pages Intérieures -----------------------------------------------*/
/* ------------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------- */

/* ------------------------------------------------------------------------------------------------- */
/* -------------------------------------- Pieds ---------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------- */

#pied
{		
	font-size:0.9em;
	padding:6px 0;
	color:#fff;
	text-align:center;	
}

#pied a:link, #pied a:visited, #pied a:active 
{
	color:#F7F7DE;
	text-decoration:none;
}

#pied a:hover
{text-decoration:underline;}

/* ------------------------------------------------------------------------------------------------- */
/* -------------------------------------- Zone des membres------------------------------------------ */
/* ------------------------------------------------------------------------------------------------- */

.grilleLstMembre
{		
	font-size:0.8em;
	width: 488px;
}

.erreur
{
    color: #9c000d;
}

.membermenu
{
	list-style:none;
	margin: 16px 35px 8px 14px;
	font-size:0.95em;
	color:#666633;
}

.membermenu li
{
	background:url(../images/contenu-listeImg.gif) no-repeat 0 3px;
	margin:0;
	padding:0 0 8px 40px;
}

.membertete
{
    margin-top: 10px;
    margin-left: 14px;
}

#connectedwelcome
{
    padding:4px 10px 0 10px;
	margin:0;
	text-align:right;
}

/************************* Zone login  ***********************/

#box-login
{
	background:#CECD97 url(images/boxLogin_coinGT.gif) no-repeat top left;
	width:470px;
	margin:25px 0 0 0;
}

#box-login-centre
{
	background:#CECD97 url(images/boxLogin_coinGT.gif) no-repeat top left;
	width:470px;
	margin:25px 0px 0px 115px;
}

.boxLogin_coinDT{background:url(images/boxLogin_coinDT.gif) no-repeat top right;}
.boxLogin_coinGB{background:url(images/boxLogin_coinGB.gif) no-repeat bottom left;}
.boxLogin_coinDB{background:url(images/boxLogin_coinDB.gif) no-repeat bottom right;}

h2.box-login
{
	padding:12px 0 3px 0;
	color:#666633;
}

/* --------------- Champ login --------------- */
#champsLogin
{
	width:460px;
	padding:0 0 8px 10px;
}

.lesChamps
{float:left;}

#champsLogin label
{
    vertical-align: middle;
	padding:5px 0 0 0;
	color:#666633;
	font-size:0.9em;
	margin:0px 5px 0px 0px;
}

#champsLogin input.iusername
{
   margin-right:20px;
}

#champsLogin input
{
    vertical-align: middle;
	margin:7px 4px 0 0;
	width:100px;
}
#champsLogin .checkbox
{
	display: block;
	padding: 10px 0 0 25px;
	float:left;
}

#champsLogin .checkbox input
{
	margin: 0 5px 0 0;
	vertical-align:middle;
	width: auto;
}

#champsLogin .retrouveMDP
{
	padding:13px 0 0 30px;
	float:left;
	font-size:0.9em;
}

#champsLogin input.go
{width:32px;}

#champsLogin .erreur
{
	padding: 15px 0 0 30px;
	text-align:center;
}

#champsLogin .erreurLogin
{
	padding: 21px 0px 0px 40px;
	text-align:center;
	display: block;
	float:left;
}

#champsLogin .erreurLoginText
{
	text-align:center;
	display: block;
	float:left;
	color:Red;
}

#champsLogin .erreurLoginText
{
	padding:10px 0px 0px 0px;
}

#champsLogin p.erreurLoginText
{
	color:Red;
	margin:0px 15px 0px 20px;
}

#champsLogin .textFailed
{
	padding:12px 0pt 3px 10px;	
}

/******************* Réservation ***************************/

#colGau-reservation 
{
    float:left;
    width:240px;
}

#colDr-reservation 
{
    float:left;
    margin-left:18px;
}

/****************** Liste des membres *************************/
#listeMembres
{
	border-collapse: collapse;
	border-spacing: 0;
	width:98%;
}

#listeMembres th
{
	background-color: #666633;
	border-spacing: 0;
	color: #FFF;
	padding: 4px;
}

#listeMembres th a:link, #listeMembres th a:active, #listeMembres th a:visited
{color: #FFF;}

#listeMembres th a:hover
{color: #b4b47A;}

#listeMembres tr.alt td
{
	background-color: #CDCD93;
}

#listeMembres td
{
	border-spacing: 0;
	padding: 4px;
}

img.noeud
{
	cursor: pointer;
}

#listeMembres td.infoComplete
{
	display: none;
	padding: 5px 20px 20px 25px;
}


/***********  Zone de recherche d'un membre ****/

#colGau-club-recherche
{
	float:left;
	width:380px;
	margin-right:15px;
    margin-bottom:15px;
}

#colGau-clubinfo-recherche
{
	float:left;
	width:385px;
	background:#CECD97 url(images/boxLogin_coinGT.gif) no-repeat top left;
	margin:10px 0 0 0;
}

#boxClubInfo_coinDT-recherche{background:url(images/boxLogin_coinDT.gif) no-repeat top right;}
#boxClubInfo_coinGB-recherche{background:url(images/boxLogin_coinGB.gif) no-repeat bottom left;}
#boxClubInfo_coinDB-recherche{background:url(images/boxLogin_coinDB.gif) no-repeat bottom right; padding-bottom:0px;}

#colGau-club-recherche
{padding:0 0 5px 0px;}

#colGau-club-recherche p
{
    padding:10px 5px 10px 20px;
    margin:0px 0px 0px 0px;
}

/*********************************** Page du site ********************/
#colGauchePage
{
	float:left;
	width:220px;
}

#colDroitePage
{
	float:left;
	width:490px;
	margin-left:10px;
}

/* ---------------------- Colonne gauche --------------------------------*/

#colGauchePage img
{margin:25px 0 20px 20px;}

#colGauchePage h1{ color:#666633; padding:10px 5px 0 10px;}

#colGauchePage h3
{
    margin:0px 0px 0px 15px    
}

#colGauchePage p{ color:#fff; padding:10px 10px 10px 10px;}
#colGauchePage p.pLast{ color:#fff; padding:10px 5px 20px 10px;}

#colGauchePage ul
{
	list-style:none;
	margin:10px 5px 0 20px;
	font-size:0.95em;
	color:#fff;
}

#colGauchePage ul li
{
	background:transparent url(../images/contenu-listeImg.gif) no-repeat scroll 0pt 3px
	margin:0;
	padding:0 0 13px 40px;
}

/* ---------------------- Colonne droite Page Accueil --------------------------------*/
#colDroitePage h1{padding:25px 5px 10px 0;}

#colDroitePage p.motifs{padding:0 0 10px 27px;}

#colDroitePage ul
{
	list-style:none;
	margin:0 35px 0 0px;
	font-size:0.95em;
	color:#666633;
}

#colDroitePage ul li
{
	background:url(../images/contenu-listeImg.gif) no-repeat 0 3px;
	margin:0;
	padding:0 0 13px 40px;
}

#colDroitePage p{ color:#666633; padding:10px 10px 10px 10px;}


/**************************** Validation *******************************/
#validationWrap 
{
    padding: 10px 0;
}

#validationWrap .validation 
{
    background-color: #FFC0C0;
    border: 1px solid #FF0000;
    color: #666666;
    padding: 10px;
    width: 420px;
}

#validationWrap .validation ul 
{
	list-style-type: square;
	margin: 0;
	padding: 0;
}

#validationWrap .validation li 
{
	margin: 0 0 0 40px;
	padding: 0;
	list-style:disc;
	background: none;
}


/* ---------------------- Colonne droite Page Accueil --------------------------------*/
#col-acc
{
	float:left;
	width:722px;
	padding:0px 0pt 20px 20px;
}

#col-acc h1{padding:25px 5px 10px 0;}

#col-acc p.motifs{padding:0 0 10px 27px;}

#col-acc ul
{
	list-style:none;
	margin:0 35px 0 0px;
	font-size:0.95em;
	color:#666633;
}

#col-acc ul li
{
	background:url(../images/contenu-listeImg.gif) no-repeat 0 3px;
	margin:0;
	padding:0 0 13px 40px;
}

#col-acc p{ color:#666633; padding:10px 10px 10px 10px;}