/* taille typo
 * Base				100%
 * -------------------------------------
 * 20px				1.27em
 * 19px				1.21em
 * 18px				1.15em
 * 17px				1.09em
 * 16px				1.03em
 * 15px				0.96em
 * 14px				0.88em
 * 13px				0.82em
 * 12px				0.77em
 * 11px				0.71em
 * 10px				0.65em
 *  9px				0.59em
 * Attention : en dessous de 0.71em le texte devient illisible en text smallest sur MSIE
 */


/* Espaceur de blocs */
.nettoyeur { clear: both; margin: 0; padding: 0; border: none; height: 0; line-height: 1px; font-size: 1px; }

/* Non visible a l'ecran */
.invisible { position: absolute; top: -3000em; height: 1%; }

html, body, ul, li, ul.spip {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 0.88em;
	font-family: "Luxi sans", "Lucida Grande", Lucida, "Lucida Sans Unicode", sans-serif;
	color: #666; 
}

body {background: #c0aea4 url(../img/jpg/bg.jpg) 0 0 repeat-x;}

p {margin:0 10px;}
h3.spip {margin: 10px;}

/* Couleurs des liens
---------------------------------------------- */
a.spip_out, a.spip_in {color: #666;font-weight: bold;}
a.spip_out {background: url(../img/gif/out.gif) right no-repeat;padding-right: 14px;}
/*a.spip_in {background: url(../img/gif/in.gif) right 3px no-repeat;padding-right: 14px;}*/
/*a.iframe {background: url(../img/gif/picto_plus.gif) right no-repeat;padding-right: 14px;}
#espace a.spip_out {background: none;padding: 0;}*/
 


/* ------------------------------------------
/* Disposition a l'ecran des blocs principaux
/* ------------------------------------------ */

#page{width:960px;margin:0 auto; text-align: left;background: #fff;border-left: 1px solid #a2632d;border-right: 1px solid #a2632d;}

#conteneur{background: url(../img/gif/bg_page.gif) repeat-y;text-align:left;}
#contenu{float:right;width:710px;}
#navigation{float:left;width:250px;background:#ecebea;text-align: center;}
#extra{float:left;clear:left;width:250px;background:#ecebea;padding-bottom: 10px;}

#hierarchie {border-bottom: 1px solid #ccc;width: 500px;}
.page_rubrique #hierarchie {float: left;border-bottom: 1px solid #ccc;width: 500px;}
#ss_rub {float: right; margin-right: 25px;}
#ss_rub .offre {float: right;padding-left: 10px;color: #128012;}

#pied{clear:both;width:100%;}

/* ------------------------------------------
/* Typographie générale
/* ------------------------------------------ */

#contenu { padding: 10px 0;font-family:Arial, Helvetica, sans-serif;}
#contenu p, #contenu ul.spip li{line-height:1.4}

/* ----- page_accueil ----- */

.page_accueil #page {background : none;border: none;}
.page_accueil #acces {float: none;margin-top: 0;}
.page_accueil #acces h2 {text-align: center;}

.page_accueil #nomsite {float: left;margin: 0;text-align: left;}
.page_accueil #nomsite h1 a {margin: 0;} /* couleur du lien ci-dessous */
.page_accueil a.legolf {display: block;float: left;margin: 30px 0 0 260px;}

/* ----- entete -----*/
#logo {background: #074d07 url(../img/jpg/entete.jpg) 0 0 no-repeat;height: 95px;color: #fff;}

#header_ref {
	position: absolute;
	margin-left: 80px;
	width: 840px;
	height: 20px;
	text-align: center;
}

#header_ref span p{
	font-size: 11px;
	color: #7fa17f;
	background: none;
	padding: 0 5px;
	margin: 0;
}

.page_accueil #header_ref span p {color: #d4d2b5;}

#nomsite {float:left;}
#nomsite h1 a{
	height:95px;
	width: 400px;
	font-family: Georgia, Times, serif;
	line-height:95px;
	font-size: 150%;
	margin:0;
  	padding-left:100px;
  	background: none;
  	color: #6d3f18; /* marron */
}
.page_accueil #nomsite h1 a {color: #a2632d;}  /* marron */
#nomsite a:hover {text-decoration: none;}
#surmenu ul {float: right;margin-top: 75px;}
#surmenu ul li {display: inline;margin-right: 15px;}
#surmenu ul li a {font-size: 150%;font-weight: bold;color: #ff8539;font-family:arial, verdana, sans-serif;}
#surmenu ul li a:hover {text-decoration: none;color: #79B30B;}
#menu {height: 2px; background: #ccc;}
#entete #bandeau {height: 235px;background: #fff;}
#bandeau p {margin: 0;}

/*- menu Club -*/

#menu1 {padding:0; width:960px; margin:0; list-style:none; height:28px; position:relative; z-index:500; font-family:arial, verdana, sans-serif; background:#6d3f18; border-bottom:1px solid #edb;}
#menu1 li.top {display:block; float:left;}

#menu1 li a.top_link {display:block; height:25px; float:left; line-height:22px; font-size:12px; font-weight:bold; padding:0 20px 0 10px; color:#edb; text-decoration:none; border-top:3px solid #6d3f18;}

#menu1 li a.top_link:hover {color:#cca192; border-color:#cca192;}

#menu1 li:hover > a.top_link {color:#cca192; border-color:#cca192;}

#menu1 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

#menu1 li.top a#on {color:#cca192; border-color:#cca192;}
#menu1 li.top a#eclaire {color:#cca192; border-color:#cca192;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

#menu1 a:hover {visibility:visible; position:relative; z-index:200;}
#menu1 li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
#menu1 ul, 
#menu1 :hover ul ul, 
#menu1 :hover ul :hover ul ul,
#menu1 :hover ul :hover ul :hover ul ul,
#menu1 :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; height:0; margin:0; padding:0; list-style:none;}

#menu1 :hover ul.sub {left:0; top:25px; white-space:nowrap; width:120px; height:auto; z-index:300; padding-top:5px; background:url(../img/gif/trans.gif);}
#menu1 :hover ul.sub li {display:block; float:left; width:100%; height:25px;}
#menu1 :hover ul.sub li span {display:block; height:25px; float:left; width:90px; font-weight:normal;}
#menu1 :hover ul.sub li b {display:block; height:25px; float:left; width:30px; font-weight:normal;}

#menu1 :hover ul.sub li a {display:block; position:relative; font-size:11px; height:25px; width:120px; margin-right:-30px; line-height:25px; text-indent:10px; color:#edb; text-decoration:none; background:url(../img/gif/trans.gif);}

#menu1 :hover ul.sub li span a:hover {color:#f97;}

#menu1 :hover ul.sub li:hover > span a {color:#f97;}

#menu1 :hover ul :hover ul,
#menu1 :hover ul :hover ul :hover ul,
#menu1 :hover ul :hover ul :hover ul :hover ul,
#menu1 :hover ul :hover ul :hover ul :hover ul :hover ul
{left:120px; top:0; white-space:nowrap; width:120px; z-index:400; height:auto;}

#menu1 :hover ul.wide {width:150px;}
#menu1 :hover ul.wide li span {width:120px;}
#menu1 :hover ul.wide li a {width:150px;}

#menu1 :hover ul.narrow {width:90px;}
#menu1 :hover ul.narrow li span {width:60px;}
#menu1 :hover ul.narrow li a {width:90px;}

#menu1 :hover ul.narrow.wide {width:150px;}
#menu1 :hover ul.narrow.wide li span {width:120px;}
#menu1 :hover ul.narrow.wide li a {width:150px;}

#menu1 :hover ul.narrow :hover ul,
#menu1 :hover ul :hover ul.narrow :hover ul,
#menu1 :hover ul :hover ul :hover ul.narrow :hover ul,
#menu1 :hover ul :hover ul :hover ul :hover ul.narrow :hover ul
{left:90px;}

#menu1 li > span {
background: url(../img/png/tab-midleft.png);
}
#menu1 li > b {
background: url(../img/png/tab-midright.png)
}
#menu1 li.fly > b {
background: url(../img/png/tab-midright-sub.png)
}

#menu1 li.subtop > span,
#menu1 li.flytop > span { 
background:url(../img/png/tab-topleft.png);
}
#menu1 li.subtop > b {
background:url(../img/png/tab-topright.png);
}

#menu1 li.flytop > b {
background:url(../img/png/tab-topright-sub.png);
}

#menu1 li.subbot > span,
#menu1 li.flybot > span {
height:35px !important; background:url(../img/png/tab-botleft.png);
}

#menu1 li.subbot > b {
height:35px !important; background:url(../img/png/tab-botright.png);
}
#menu1 li.flybot > b {
height:35px !important; background:url(../img/png/tab-botright-sub.png);
}

/* ----- /entete -----*/



/* ----- sommaire -----*/

#contenu #col-gauche {float: left; width: 395px; text-align: justify;}
#contenu #col-gauche h1, #contenu #col-droite h1 {font-size: 200%;}
#col-gauche h1.titre {margin-bottom: 15px;font-family:Arial, Helvetica, sans-serif; color: #6d3f18;}
#col-gauche .une {margin-left: 10px;}
#col-gauche .une h1.titre {border-bottom: 1px solid;color: #80124b;}
#col-gauche .une h2 {color: #ff8539;}
#col-gauche .une ul {margin-bottom: 10px;}
#col-gauche .une ul li {margin: 3px 0 0 20px;}

#col-droite h1 {color: #471280;margin-left: 10px;}

.editorial {margin-bottom: 15px;}
.editorial h1.titre, .editorial .image {margin-left: 10px;}

.editorial .image {float: right;margin-right: 10px;}

#contenu #col-droite {float: right; width: 315px; text-align: justify;}

#contenu #col-droite .droite-suite {text-align: left;padding: 0;}
#contenu #col-droite .droite-suite p {margin: 5px 0 0 5px;}

.banniere_haut {text-align: center;}

/* ----- NAVIGATION -----*/

#extra .menu h2 {
	color:#128012;
	padding-bottom:4px;
	font-size: 180%;
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
}

#haut ul, #bas ul {margin-left: 15px; text-align: right;width: 70%}
#haut ul li, #bas ul li {font-family:Arial, Helvetica, sans-serif; font-size: 12px;}
.une-gauche ul.spip {margin: 0 0 10px 0;}
.une-gauche p a.spip-in {text-align: right;}
.une-gauche a {font-weight: bold;color: #128012;}
.une-gauche a:hover {text-decoration: none;color: #ff8539;}

.virtuelle{padding-top: 30px;text-align: center;}
.golf_ngf {padding-top: 35px;text-align: center;}


/* ----- inc-haut -----*/

#haut, #larecherche, #calendar {font-family:Arial, Helvetica, sans-serif;}

#haut, #calendar {
	
	border:1px solid #E5E5E5;
	color:#666666;
	text-align: left;
	font-size:12px;
	margin:10px;
	padding-bottom: 10px;
	padding-right: 10px;
	}

.une-gauche {background:#F5F4F3 url(../img/jpg/ballestee.jpg) right bottom no-repeat;}

#calendar {background:#F5F4F3;}
#calendar table {margin: 0 auto;}

#calendar table {width: 90%;text-align: center;}
#calendar table td.horsperiode {color: #ccc;}

#calendar table td.occupe {background-color: #128012;}
#calendar table td.occupe:hover {background-color: #ff8539;}
#calendar table td.occupe a{color: #fff;}
#calendar table td.occupe a:hover{text-decoration: none;}

#calendar h3 {margin: 15px 0 0 10px;}
#calendar h3 a {font-size: 90%;color: #128012}
#calendar h3 a:hover {text-decoration: none;color: #ff8539;}


#haut .titre, #calendar .titre, #larecherche .titre {
	color:#FFCC33;
	padding-bottom:4px;
	font-size: 180%;
}

#larecherche {
	color:#666666;
	text-align: left;
	font-size:12px;
	margin:10px;
}

#larecherche p.titre {margin-bottom: 0;padding-bottom: 0;border-bottom: 1px solid #ccc;}

/* ----- inc-bas -----*/

#bas .menu, #bas #calendar {margin: 0 10px;}
#bas #infos p.titre, #bas .menu p.titre {
	color:#128012;
	padding-bottom:4px;
	font-size: 180%;
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
}

#bas .menu ul, #bas #infos ul {text-align: left;width: 90%}
#bas #infos ul li {line-height: 15px;}

/* ----- /inc-bas -----*/

.menu ul li { margin: 0.20em 0; padding: 0.20em; border-top: none; }



/* ----- rubrique -----*/

.page_rubrique #contenu #col-gauche {width: 95%;}
.page_rubrique #contenu #hierarchie, .page_rubrique #contenu .cartouche,
.page_rubrique #contenu .chapo, .page_rubrique #contenu .articles,
.page_article #contenu #hierarchie, .page_article #contenu .cartouche,
.page_rubrique #contenu .chapo, .page_rubrique #contenu .texte,
.page_rubrique #contenu #documents_joints, #col-gauche h2 {margin-left: 10px;}

.page_rubrique #col-gauche h2{font-size: 18px;color: #128012;border-bottom: 1px solid #ccc;}
.page_rubrique #col-gauche h1.titre {margin-bottom: 0;}
.page_rubrique #col-gauche .menu ul {padding-bottom: 3px;}
.page_rubrique #col-gauche .menu .spip_logos {float: left;margin: 0 5px 3px 0;}
.page_rubrique .cartouche p small{margin: 0;color: #ccc;}

/* ----- article -----*/

.page_article #contenu p {margin-bottom: 5px;}
.page_article #contenu .chapo ul {margin-left: 10px;}
.page_article #contenu .chapo ul li{margin-left: 20px;padding-left: 10px;list-style: disc inside;}
.page_article #contenu .spip_logos {float: left;margin: 0 10px 0 0;}

.page_article .cartouche p {clear: none;}

.page_article #extra .menu h2 {margin-left: 20px;}

.page_article .ligne {border-bottom: 1px solid #ccc;margin: 10px 10px 0 10px;;}
.page_article #contenu .texte {margin-top: 15px;}
.page_article ul.spip {margin-left: 10px;font-size: 110%;}
.page_article ul.spip li {margin-left: 15px;padding-left: 0;list-style: disc inside;}
.page_article .entry-content ul.spip {margin-bottom: 10px;}

/* Portfolio */
#documents_portfolio { clear: both; margin: 2em auto; padding: 0 20px;text-align: left; }
#documents_portfolio h2 {margin-bottom: 15px;}
#documents_portfolio .spip_logos { margin: 6px 3px 0 3px; border: 4px solid #DDD; }
#documents_portfolio a.on .spip_logos {border-color: #F57900; }
#documents_portfolio a:focus .spip_logos,
#documents_portfolio a:hover .spip_logos,
#documents_portfolio a:active .spip_logos { border-color: #8B6F92; }

.page_article #documents_joints {margin: 20px 0 10px 10px;padding-top: 20px;}
.page_article #documents_joints h2 {margin: 0 0 10px 0;border-bottom: 1px solid #ccc;}

hr.notes {margin: 0 10px 5px 10px;border: 0;color: #ccc;background-color: #ccc;height: 1px;}
.page_article h2.pas_surlignable {margin: 0 0 0 10px;}

/* ----- plan -----*/
.plan #contenu #col-gauche {width: 330px;margin-left: 10px;}
.plan #contenu #col-droite {width: 330px;}
.plan #contenu #col-gauche h2.secteur, .plan #contenu #col-droite h2.secteur {margin-bottom: 20px;}
.plan #contenu #col-gauche h3, .plan #contenu #col-droite h3 {font-size: 1.3em;line-height: 1.3em;}
.plan #contenu #col-gauche h3 a {color: #128012;}
.plan #contenu ul li {margin-left: 15px;}
.plan #contenu #col-droite ul ul li a{font-size: 1.4em;line-height: 1.3em;}

/* ----- /plan -----*/

/* ----- pied -----*/
#pied{background: #a2632d;color: #fff; height: 25px;}
#pied p{margin:0;padding:5px 10px;font-size: 90%;}
#pied a {color: #fff;}

#supporters {width: 100%; margin: 0 auto;}
#supporters p {margin-left: 0;font-size: 120%;font-weight: bold;color: #80124b}
#supporters .leslogos {height: 70px;border-top: 1px solid red;margin-top: 5px;}
#pied .gauche {float: left;}
#pied .droite {float: right;}
/* ----- /pied -----*/

/* ----- page competitions.html -----*/
.competitions table {margin-left: 10px;border-collapse: separate;border-top: 1px solid;border-bottom: 1px solid;}
.competitions table td {padding: 0 5px;}
.competitions td.dates {color: #ff8539;}
.competitions td.compet {font-weight: bold;}
.competitions td a {color: #79B30B;}
.competitions td a:hover {color: #ff8539;text-decoration: none;}
/* ----- /page competitions.html -----*/

/* ----- page competitions-voir.html -----*/
.competitions-voir #contenu {width: 700px;}
.competitions-voir .cartouche {margin-bottom: 15px;}
.competitions-voir .competition-texte {padding: 5px 0;background:#F5F4F3;font-size: 120%;width: 650px;border: 1px solid;}
.competitions-voir .competition-texte p {margin-left: 0;}
.competitions-voir .competition-texte li {margin-left: 10px;}
.competitions-voir .competition-texte li ul.spip li {margin-left: 10px;list-style: disc inside;}

.competitions-voir .inscrire-titre {margin-top: 20px; font-size: 16px;font-weight: bold;}
.competitions-voir .inscrire-tel {width: 630px;padding: 0 10px;margin: 10px 0 0 0;background: #ff8539;font-size: 16px;color: color: #79B30B;}
.competitions-voir .inscrire-tel span {font-size: 18px;color: #fff;}

.formulaire_participer_evenement- {width: 400px;margin: 15px 0 0 30px;}
.formulaire_participer_evenement- fieldset {border: 1px solid #ccc;}
/* ----- /page competitions-voir.html -----*/

/* ----- page contact.html -----*/

.contact #contenu #col-droite {width: 280px;text-align: left;}
.contact #contenu #col-droite h3 {margin: 10px 0;font-size: 150%;}
.contact #contenu #col-droite p {background: #ccc; margin-top: 10px;padding: 5px 8px;}
.contact #contenu #col-droite p.club {background: #b9d6b9;}

.page_contact h3, .page_upload h3{
	margin-bottom: 10px;
}

.contact .vcard {
	font-size: 120%;
	line-height: 1.3em;
}

.contact .contacter {
	display: none;
}

.vcard p {
	font-weight: bold;
}

.vcard p a {
	font-size: 110%;
}
/* ----- /page contact.html -----*/

/* ----- page meteo.html -----*/
.meteo #contenu .texte {margin-left: 20px;}
.meteo #contenu .texte dt span {font-weight: bold;}

.meteo #contenu #col-droite {width: 280px;text-align: left;}
.meteo #contenu #col-droite h3 {margin-top: 10px;}
.meteo #contenu #col-droite p {background: #ccc; margin-top: 10px;padding: 5px 8px;}

/* ----- /page meteo.html -----*/

.meteo #col-droite div {width: 85%;background-color: #128012;line-height: 2em;text-align: center;}
.meteo #col-droite div a {color: #edb;text-decoration: none;}
.meteo #col-droite div:hover {background-color: #ffcc33;}
.meteo #col-droite div a:hover {color: #128012;}

/* ----- tableaux spip -----*/

.page_article table.spip {width: 85%;}

/* ----- /tableaux spip -----*/


/* -- correctif diaporama --*/
a {outline: none !important;}