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

p{margin:0 10px;}

/* ---- liens ----*/
 a {color: #666;}
 


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

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

#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 li, #contenu ul.spip li{line-height:1.4}

/* ----- entete Club-----*/
#logo {background: #074d07 url(../img/jpg/entete1.jpg) 0 0 no-repeat;height: 95px;color: #fff;}
#nomsite {float:left;}
#nomsite a h1{
	height:95px;
	width: 400px;
	font-family: Georgia, Times, serif;
	line-height:95px;
	font-size: 250%;
	margin:0;
  	padding-left:100px;
  	background: none;
  	color: #79B30B;
}
#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:#128012; 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 #128012;}

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

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

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

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

/* 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 Club-----*/

body.asso #logo a h1{width: 600px;}

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

/*- menu asso -*/



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


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

#haut, #recherche, #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;text-align: right;}
#calendar h3 a {font-size: 90%;color: #128012}
#calendar h3 a:hover {text-decoration: none;color: #ff8539;}


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

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

#recherche 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 #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;}

.page_article #documents_joints {margin: 20px 0 0 10px;}

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

#sponsors {width: 95%; margin: 0 auto;}
#sponsors p {margin-left: 0;font-size: 120%;font-weight: bold;color: #80124b}
#sponsors .logos {height: 70px;border-top: 1px solid red;}
#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 td.dates {color: #FFCC33;}
.competitions td.compet {font-weight: bold;}
.competitions td a {color: #edb;}
.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-top: 10px;}
.contact #contenu #col-droite p {background: #ccc; margin-top: 10px;padding: 5px 8px;}
/* ----- /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;}