html {color:#7b7b7b; font-size:12px; font-family:Arial, Verdana, Helvetica;}
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, img {border:0; margin:0; padding:0;}
/* MENUS
--------------------------------------------------------------------------------------- */
/* MENU FIXE */
#header .menuTop {float:right;}
#menuLien ul {float:right; height:25px; margin:0px; padding:0px;}
#menuLien ul li {float:left; font-size:11px; height:14px; margin:0px; padding:7px 0px 0px 0px; display:inline; list-style-type:none; border-right:1px solid #a7a7a7;}
#menuLien ul li.last {border-right:0px solid #a7a7a7;}
#menuLien ul li a, #menuLien ul li a:link, #menuLien ul li a:visited {padding:7px 11px 0px 11px; color:#585857; line-height:12px; text-decoration:none;}
#menuLien ul li a:hover, #menuLien ul li a:visited:hover {color:#369426; background:url(gx/bg_menuLien.gif) top left repeat-x;}
#menuLien ul li a.actif, #menuLien ul li a.actif:visited {color:#369426; background:url(gx/bg_menuLien.gif) top left repeat-x;}
.button {float:left; width:174px; height:38px; font-size:11px; font-weight:bold; display:inline; text-decoration:none;}
.button2 {float:right; width:165px; height:28px; font-size:11px; font-weight:bold; display:inline; text-decoration:none;}
p.lien {padding-left:50px; padding-top:8px; text-decoration:none;}
p.lien2 {color:#FFFFFF; padding:4px 0px 0px 50px; text-decoration:none; text-transform:none; letter-spacing:0px;}
a:hover p.lien, a:hover p.lien2 {color:#459b36; text-decoration:none; cursor:pointer;}
.bgButton1 {background:url(gx/bt_reservation.gif) top left no-repeat;}
.bgButton2 {background:url(gx/bt_handicap.gif) top left no-repeat;}
.bgButton3 {background:url(gx/bt_handicap2.gif) top left no-repeat;}
/* MENU PRINCIPAL GROUPE BEAUDET */
#menu {width:963px; padding:0;}
#menu ul {clear:both; height:38px; margin:0; padding:0;}
#menu ul li {float:left; margin-right:1px; list-style-type:none; letter-spacing:-1px; padding:11px 0px;}
#menu ul li.btHandicap {float:right; list-style-type:none; padding:4px 0px 0px 0px;}
#menu ul li a, #menu ul li a:link, #menu ul li a:visited {font-family:helvetica; color:#c9c9c9; font-size:15px; font-weight:bold; padding:12px 8px 12px 8px; text-decoration:none; text-transform:uppercase;}
#menu ul li a:hover, #menu ul li a:visited:hover {color:#c9c9c9; background:url(gx/bg_menu_over.gif) top left repeat-x;}
#menu ul li.btHandicap a:hover {background:none;}
#menu ul li a.actif, #menu ul li a.actif:visited {color:#33ae44;}
/* MENU CLUBS */
#menuClub ul {height:56px; margin:0px; padding-left:19px; background:url(gx/bg_menuClub.png) repeat; list-style-type:none;}
/*#menuClub ul li {float:left; font-family:helvetica; font-size:18px; font-weight:normal; text-transform:uppercase; margin-right:13px; padding:17px 0px 17px 0px; letter-spacing:-1px; list-style-type:none;}*/
#menuClub ul li.last {margin-right:0px;}
#menuClub ul li.bullet {width:6px; height:56px; padding:0px; background:url(gx/ic_bullet.gif) no-repeat;}
#menuClub ul li a {position:relative;/*color:#FFFFFF; text-decoration:none; padding:17px 11px 17px 11px;*/}
#menuClub ul li a:hover {/*position:relative;z-index:100;*/color:#dccc00; background:#121600; text-decoration:none;}
/* SOUS MENU SECTION */
.subMenu {height:auto; margin-top:20px; padding:0;}
.subMenu ul.smenu {padding:0;}
.subMenu ul.smenu li {width:166px; height:30px; font-size:16px; color:#202702; font-weight:bold; list-style:none; padding:6px 0px 0px 22px; background:url(gx/m/bg_subMenu.gif);}
.subMenu ul.smenu li.first {width:166px; height:28px; font-size:16px; color:#202702; font-weight:bold; list-style:none; padding:15px 0px 0px 22px; background:url(gx/m/bg_subMenuTop.gif);}
.subMenu ul.smenu li.last {width:166px; height:34px; font-size:16px; color:#202702; font-weight:bold; list-style:none; padding:6px 0px 0px 22px; background:url(gx/m/bg_subMenuBottom.gif);}
.subMenu ul.smenu li a {color:#202702; text-decoration:none;}
.subMenu ul.smenu li a:hover {color:#39b54a; text-decoration:none;}
.subMenu ul.smenu li a:visited {color:#202702; text-decoration:none;}
.subMenu ul.smenu li.small {font-size:14px; line-height:12px;}
.subMenu ul.smenu li.actif {background:url(gx/m/bg_subMenu_over.gif);}
.subMenu ul.smenu li.first.actifT {background:url(gx/m/bg_subMenuTop_over.gif);}
.subMenu ul.smenu li.last.actifB {background:url(gx/m/bg_subMenuBottom_over.gif);}
.subMenu ul.smenu li a.actif,.subMenu ul.smenu li.first a.actif,.subMenu ul.smenu li.last a.actif {color:#39b54a; text-decoration:none;}
/* SOUS MENU ANCHORS PRODUITS */
.subMenuA {width:500px;}
.subMenuA a {color:#202702; font-weight:bold; text-decoration:none;}
.subMenuA a:hover {color:#202702; text-decoration:underline;}
/* CONTENEURS ET CLASSES GÉNÉRALES
--------------------------------------------------------------------------------------- */
#conteneur {width:963px; margin: 0 auto 0 auto; text-align:left;}
#header .logo {float:left;}
.content {min-height:360px; width:946px; padding:0px 0px 0px 14px; background:#FFFFFF url(gx/bg_content.gif) top left repeat-x; border-left:1px solid #8e8e8e; border-right:1px solid #8e8e8e;}
*html .content {height:360px;}
.contentBottom {clear:both; height:27px;}
.both {clear:both;}
/* PAGE ACCUEIL GROUPE BEAUDET
--------------------------------------------------------------------------------------- */
.row {clear:both; height:127px;}
.item {float:left; width:311px; height:127px; background:url(gx/m/bg_box.png) top left no-repeat;}
.item2 {float:left; width:306px; height:122px; padding:5px 0px 0px 5px; background:url(gx/m/bg_boxPub.png) top left no-repeat;}
.item3 {float:left; width:306px; height:84px; background:url(gx/m/bg_newsletter.gif) top left no-repeat; padding-left:12px;}
.textIntro {float:left; width:580px; padding:0px 40px 0px 4px;}
.picItem {float:left; width:83px; height:98px; padding:14px 0px 0px 19px;}
.itemContent {float:right; width:185px; padding:10px 10px 0px 0px;}
.itemContent .btCta {width:178px; height:15px; padding:2px 0px 0px 7px; background:url(gx/m/bg_btCta.gif) top left no-repeat; text-decoration:none;}
.itemContent p {height:50px; font-size:11px; color:#545454; line-height:11px; margin-bottom:0px;}
.itemContent a {font-size:11px; color:#FFFFFF;}
.itemContent a:hover {color:#FFFFFF; text-decoration:none; cursor:pointer;}
.itemContent ol {height:50px; color:#545454; margin:0px 0px 14px 0px; padding-left:0px; overflow:hidden;}
/* PAGE ACCUEIL CLUBS
--------------------------------------------------------------------------------------- */
.column1 {float:left; width:635px; padding-top:10px;}
.column2 {float:left; width:295px; padding-top:20px; text-align:justify;}
/* PAGE CONTENU
--------------------------------------------------------------------------------------- */
.colLeft {float:left; width:201px;}
.colRight {float:left; padding:24px 0px 0px 14px;}
.colRight .colTextGen {float:left; width:721px; padding-right:14px;}
.colRight .colText {float:left; width:520px; padding-right:14px;}
.colRight .colPromo {float:right; padding-top:25px;}
.colRight .colPromo .picPromo {clear:both; width:179px; height:212px; padding:6px 0px 0px 6px; background:url(gx/m/bg_content_picPromo.gif) top left no-repeat;}
/* PAGE EVENEMENT
--------------------------------------------------------------------------------------- */
.itemEvent1 {width:685px; min-height:115px; background:#f7f7f7; margin-top:10px; padding:15px;}
.itemEvent2 {width:685px; background:#f7f7f7; margin-top:10px; padding:15px;}
/* PAGE CONTACT
--------------------------------------------------------------------------------------- */
.boxAdresse {float:left; display:block; width:235px; margin-bottom:10px;}
/* ICONES GÉNÉRALES
--------------------------------------------------------------------------------------- */
.lienRSS{background: url(Gx/icone_RSS.gif) no-repeat left; padding:5px 0 5px 20px;}
/* .lienPDF{background: url(Gx/icone_PDF.gif) no-repeat left;padding:5px 0 5px 20px;} */
/* TEXTES ET HYPERLIENS GLOBAUX
--------------------------------------------------------------------------------------- */
h1 {color:#39b54a; font-size:20px; margin-bottom:12px;}
h1 a, h1 a:link, h1 a:visited {color:#39b54a;}
h2 {color:#363636; font-size:18px; font-weight:normal; letter-spacing:-1px;}
h2 a, h2 a:link, h2 a:visited {color:#363636;}
h3 {color:#ee3a43; font-size:18px; font-weight:bold; letter-spacing:-1px;}
h3 a, h1 a:link, h3 a:visited {color:#ee3a43;}
p {color:#7b7b7b; font-size:12px; line-height:20px;}
p a, p a:link, p a:visited, ul li a, ul li a:visited, ol li a, ol li a:visited {color:#7b7b7b; text-decoration:underline;}
p a:hover, p a:visited:hover, ul li a:hover, ul li a:visited:hover, ol li a:hover, ol li a:visited:hover {color:#231f20; text-decoration:underline;}
p.textePetit {font-size:10px;}
p.tiEvents {color:#39b54a; font-weight:bold;}
ul {margin:0px 0px 5px 16px; padding-left:0px;}
ol {margin:0px 0px 5px 22px; padding-left:0px;}
ol li {margin-bottom:10px;}
ul.text {margin-bottom:15px;}
ul.text li {color:#231f20; font-size:11px; line-height:15px; list-style-image:url(gx/ic_arrowList2.gif); margin:0px 0px 5px 16px; padding-left:0px;}
ul.formApp {margin:0px; padding:8px 0px 22px 15px; background:#EEEEEE;}
ul.formApp li {float:left; font-weight:bold; list-style:none; margin-right:50px;}
.lienPDF{background: url(Gx/icone_PDF.gif) no-repeat left;padding:5px 0 5px 20px;}
div a {cursor:pointer;}
/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPage {color:#c3c3c3; font-size:10px; height:100px; padding:0; width:963px;}
#piedPage a {color:#c3c3c3; text-decoration:none;}
#piedPage a:hover {color:#FFFFFF;}
#piedPage #copyrights{float:left; margin:0; text-align:left;}
#piedPage #copyrights a {font-weight:bold;}
#piedPage #copyrights #lienCopyrights {font-weight:normal; text-decoration:none; color:#c3c3c3;}
#piedPage #copyrights #lienCopyrights:hover {font-weight:normal; text-decoration:none; color: #FFFFFF;}
#piedPage #menuBas {float:left; height:15px; text-align:right;}
#piedPage .btEmploye {float:left; width:205px; height:37px; font-size:11px; font-weight:bold; background:url(gx/bt_employe.png) top left no-repeat; display:inline; text-decoration:none;}
p.lienEmploye {margin-left:95px; margin-top:8px;}
/* Partager cette page (bookmarker) */
#socialBookmarker {float:left; width:169px; height:20px; margin-bottom:10px; padding:4px 0px 0px 26px; background:url(gx/bg_bookmark.gif) top left no-repeat;}
#socialBookmarkerPrefix {float:left;cursor:default; font-size:11px; font-weight:bold; text-transform:uppercase;}
.bookmarkIconesVisibles {float:left;margin-left:2px;}
#bookmarkHoverPopup {position:absolute; border:solid 1px; background-color:white; text-align:left; padding:4px; width:315px; display:none;}
#bookmarkHoverPopup .bookmarkHoverPopupItems {float:left; width:150px; height:25px; margin-right:4px;}
#bookmarkHoverPopup .bookmarkHoverPopupItems a {line-height:25px; height:25px;}
#bookmarkHoverPopup .bookmarkHoverPopupItems a:link, #bookmarkHoverPopup .bookmarkHoverPopupItems a:visited {border:none; color:black; display:block; text-decoration: none; width:150px; padding-left:2px; border: 1px solid #fff;}
#bookmarkHoverPopup .bookmarkHoverPopupItems a:active, #bookmarkHoverPopup .bookmarkHoverPopupItems a:hover {text-decoration: none; color:#333333; border: 1px solid #666; width:150px; height:25px; display:block; background-color:#eee; padding-left:2px;}
/* FORMULAIRES
--------------------------------------------------------------------------------------- */
fieldset {border:0px solid #000; font-size: 11px; margin:12px 0px 10px 0px;}
fieldset legend {border: 0px solid #999; color:#000; font-size:14px; font-weight:bold; padding:3px;}
fieldset label {font-size:12px; color:#7b7b7b; margin:2px 0 2px 0;}
/* Formulaire contact */
#formulaireQuestion fieldset label {float:left; width:150px;}
#formulaireQuestion .champTexte {float:left; width:295px; padding:3px 0px 3px 5px;}
#formulaireQuestion .listeDeroulante {float:left; width:300px;}
#formulaireQuestion .boiteTexte {float:left; height:70px; width:330px;}
/* Formulaire newsletter */
#formulaireNewsletter label {float:left; width:auto;}
#formulaireNewsletter .labelTitre {font-size:11px; margin:3px 15px 0px 5px;}
#formulaireNewsletter .champTexte {float:left; width:225px; height:18px; margin-right:4px; padding:5px 0px 2px 8px;}
/* Formulaire appréciation */
#formulaireAppreciation label {clear:both; width:100%;}
#formulaireAppreciation .group {clear:both; margin:10px 0px 15px 20px;}
#formulaireAppreciation .group .itemG {float:left; width:50px; margin:5px 50px 0px 12px; text-align:center;}
#formulaireAppreciation .group .itemG2 {float:left; width:330px; margin:5px 0px 0px 12px;}
#formulaireAppreciation input.radioApp {float:none; margin-top:5px;}
#formulaireAppreciation .boiteTexte {float:left; height:70px; width:330px;}
#formulaireAppreciation .champTexte {float:left; width:100px; padding:3px 0px 3px 5px;}
/* Formulaire cotisation */
#formulaireCotisation label {float:left; width:200px;}
#formulaireCotisation .champTexte {float:left; width:285px; height:14px; margin-right:4px; padding:3px 0px 2px 8px;}
#formulaireCotisation .boiteTexte {float:left; height:90px; width:350px;}
/* Formulaire login */
#formulaireLogin .champTexte {width:140px; height:18px; margin-right:4px; padding:5px 0px 2px 8px;}
.champTexte {background: #FFFFFF; border: 1px solid #dcdcdc; color: #7b7b7b; font-size: 11px; margin:2px 0 2px 0;}
.listeDeroulante {background: #FFFFFF; border: 1px solid #dcdcdc; color: #7b7b7b; font-size: 11px; margin:2px 0 2px 0;}
.boiteTexte {background: #FFFFFF; border: 1px solid #dcdcdc; color: #7b7b7b; font-family: "Trebuchet MS"; font-size: 11px; margin:2px 0 2px 0;}
.bouton {background-color: #EEF3F7; color: #498ECB; font-family: "Trebuchet MS"; font-size: 13px; font-weight: bold;}
.bouton:hover {background-color:#1A80B6; color:#FFF;}
.champCache {display:none; visibility:hidden;} /* Utilisé pour l'anti-spam */
.erreur {color:#FF0000;}
input {float:left;}
input.radio {margin:3px 5px 0px 0px; padding:0px;}
html* input.radio {margin:0px 5px 0px 0px; padding:0px;}
/* TABLE
--------------------------------------------------------------------------------------- */
.tableau {width:520px; border:0px;}
.tableau th {font-size:15px; color:#FFFFFF; background:#39b54a; padding:3px 0px 3px 5px;}
.tableau td {color:#7b7b7b; width:420px;}
.tableau td a {color:#7b7b7b;}
.tableau td a:hover {color:#000000;}
.tableau2 {width:660px; border:0px;}
.tableau2 th {font-size:15px; color:#FFFFFF; background:#39b54a; padding:3px 0px 3px 5px;}
.tableau2 td {color:#7b7b7b;}
.tableau2 td a {color:#7b7b7b;}
.tableau2 td a:hover {color:#000000;}
/* PANIER
--------------------------------------------------------------------------------------- */
div#PanierHeader{ display:block; margin:0;padding:0;}
div#PanierHeader ul{
margin:0;
padding:0;
}
div#PanierHeader ul li{
display:block; float:left;
list-style:none;
font-size:14px;
text-align: center;
margin:0 7px 10px 0;
padding:2px 20px;
border: 1px solid #cfd4d9;
color:#989898;
line-height:18px;
}
div#PanierHeader ul li a, div#PanierHeader ul li a:hover{
text-decoration:none;color:#39b54a;
}
div#PanierHeader ul li.actif{ border: 1px solid #39b54a; color:#39b54a; background: url(gx/m/bgBtn.gif) repeat-x;}