/* TABLE DES MATIÈRES:
	- Éléments à cacher
	- Éléments de base à personnaliser
	- Pied de page
	- Textes
----------------------------------------------------------------------------------------*/

/* ELEMENTS A CACHER 
--------------------------------------------------------------------------------------- */
#header .menuTop, #header #menuLien, #menu, #menuClub, .subMenu, .subMenuA, #blocNewsletter, #piedPage, #socialBookmarker, #socialBookmarkerPrefix, .bookmarkIconesVisibles, #bookmarkHoverPopup {position: absolute; visibility: hidden;}


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;}
			
/* 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 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;}

/* 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.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;}

/* 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;}
		.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;}