/*
 *
 *	creation : 
 *			auteur : jean-yves BURGAUD
 *			date : 15 octobre 2003
 *	derniere modification :
 *			auteur : jean-yves BURGAUD
 *			date : 29 mars 2007
 *
 */ 


/* --------------------- */
/* --- tags generaux --- */
/* --------------------- */

* {
	margin: 0px;
	padding: 0px;
}

a {
	color: #f00;
}
	
a:hover {
	color: #c33;
}
	
body {
	font: normal 80%/1em "Trebuchet MS", Verdana, Arial, sans-serif;
	color: #333;
	background: #fff;
	line-height: 1.2;
}

.center {
	text-align: center;
}


/* ---------------- */
/* --- couleurs --- */
/* ---------------- */

.color_blue, .color_blue a { color: #000088;}
.color_gray, .color_gray a  { color: #666666;}
.color_green, .color_green a  { color: #008800;}
.color_red, .color_red a  { color: #880000;}
.color_white, .color_white a  { color: #000000;}
.color_yellow, .color_yellow a  { color: #888800;}


/* ----------------- */
/* --- skiplinks --- */
/* ----------------- */
#skiplinks {
	padding: 1px 2px 0px 2px;
	font-weight: bold;
	font-size: 90%;
	text-align: right;
	background-color: #9a9a9a;
}

#skiplinks ul {
    padding: 0px 15px 0px 10px;
    list-style: none;
}

#skiplinks li {
    padding: 1px 3px 1px 3px;
	display: inline;
}

#skiplinks li a {
	padding: 4px 3px 1px 3px;
	color: #fff;
	text-decoration: none;
}

#skiplinks li a:hover {
	color: #f00;
	text-decoration: none;
	background-color: transparent;
}


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


/* --- entete --- */
#entete {
	background: url(background_entete_t.png) 0 0 repeat-x;
}

/* --- entete_left --- */
#entete_left {
	background: url(background_entete_tl.png) 0 0 no-repeat;
}

/* --- entete_right --- */
#entete_right {
	height: 120px;
	background: url(background_entete_tr.png) 100% 0 no-repeat;
}

/* --- entete_slogan (main) --- */ /* test : pas affiché */
#entete_slogan {
	float: left;
	width: 50%;			/* width_main */
	margin-left: 50%;	/* width_left */
	padding : 0px 10px 0px 20px;
}
* html #entete_slogan {
	display: inline;
}

/* --- entete_label --- */
#entete_label {
	padding: 10px 15px 0px 20px;
}

/* --- entete h1 --- */
#entete h1 {
	text-indent: -5000px;
	font-size: 1px;
	line-height: 1px;
	text-decoration: none;
}


/* ----------------------- */
/* --- onglet_sections --- */
/* ----------------------- */

#onglet_sections {
	font-size : small;
	font-weight: bold;
    background: url(background_entete_b.png) 0 100% repeat-x;
}
    
/* --- onglet_sections_left --- */
#onglet_sections_left {
	background: url(background_entete_bl.png) 0 100% no-repeat;
}

/* --- onglet_sections_right --- */
#onglet_sections_right {
	height: 49px;
	background: url(background_entete_br.png) 100% 100% no-repeat;
}


#onglet_sections ul {
    padding: 0px 15px 0px 30px;
    list-style: none;
}

#onglet_sections li {
	margin: 0px;
    padding: 0px;
    display: inline;
}

#onglet_sections li a {
    /*padding: 0px 2px 5px 2px;*/
    text-decoration: none;
	float: left;
	padding: 49px 1px 0 1px;
	margin: 0px;
	overflow: hidden;
	height: 0px !important; 
	height /**/:49px; /* for IE5/Win */
	background-image: url(background_onglets.png);
	background-repeat: no-repeat;
}

/* --- onglet smd --- */
#onglet_smd a.onglet_section_selected  { width: 54px; background-position: -3px -98px;}
#onglet_smd a.onglet_section_unselected  { width: 54px; background-position: -3px 0px;}
#onglet_smd a.onglet_section_unselected:hover { background-position: -3px -49px;}

/* --- onglet danse --- */
#onglet_danse a.onglet_section_selected  { width: 44px; background-position: -60px -98px;}
#onglet_danse a.onglet_section_unselected  { width: 44px; background-position: -60px 0px;}
#onglet_danse a.onglet_section_unselected:hover { background-position: -60px -49px;}

/* --- onglet basket --- */
#onglet_basket a.onglet_section_selected  { width: 50px; background-position: -108px -98px;}
#onglet_basket a.onglet_section_unselected  { width: 50px; background-position: -108px 0px;}
#onglet_basket a.onglet_section_unselected:hover { background-position: -108px -49px;}

/* --- onglet football --- */
#onglet_football a.onglet_section_selected  { width: 56px; background-position: -162px -98px;}
#onglet_football a.onglet_section_unselected  { width: 56px; background-position: -162px 0px;}
#onglet_football a.onglet_section_unselected:hover { background-position: -162px -49px;}

/* --- onglet gym_entretien --- */
#onglet_gym_entretien a.onglet_section_selected  { width: 97px; background-position: -222px -98px;}
#onglet_gym_entretien a.onglet_section_unselected  { width: 97px; background-position: -222px 0px;}
#onglet_gym_entretien a.onglet_section_unselected:hover { background-position: -222px -49px;}

/* --- onglet gym_feminine --- */
#onglet_gym_feminine a.onglet_section_selected  { width: 96px; background-position: -323px -98px;}
#onglet_gym_feminine a.onglet_section_unselected  { width: 96px; background-position: -323px 0px;}
#onglet_gym_feminine a.onglet_section_unselected:hover { background-position: -323px -49px;}

/* --- onglet loisirs --- */
#onglet_loisirs a.onglet_section_selected  { width: 48px; background-position: -423px -98px;}
#onglet_loisirs a.onglet_section_unselected  { width: 48px; background-position: -423px 0px;}
#onglet_loisirs a.onglet_section_unselected:hover { background-position: -423px -49px;}

/* --- onglet petanque --- */
#onglet_petanque a.onglet_section_selected  { width: 64px; background-position: -475px -98px;}
#onglet_petanque a.onglet_section_unselected  { width: 64px; background-position: -475px 0px;}
#onglet_petanque a.onglet_section_unselected:hover { background-position: -475px -49px;}

/* --- onglet tennis_table --- */
#onglet_tennis_table a.onglet_section_selected  { width: 104px; background-position: -543px -98px;}
#onglet_tennis_table a.onglet_section_unselected  { width: 104px; background-position: -543px 0px;}
#onglet_tennis_table a.onglet_section_unselected:hover { background-position: -543px -49px;}

/* --- onglet omnisport --- */
#onglet_omnisport a.onglet_section_selected  { width: 73px; background-position: -651px -98px;}
#onglet_omnisport a.onglet_section_unselected  { width: 73px; background-position: -651px 0px;}
#onglet_omnisport a.onglet_section_unselected:hover { background-position: -651px -49px;}



/* ---------------------- */
/* --- entete_section --- */
/* ---------------------- */

/*
  entete_section = wrapper
  entete_section_title = main
  entete_section_date_update = left
  entete_section_logo = right
*/

/* --- entete_section (wrapper) --- */
#entete_section {
	float: left;
	float/**/: none;
}
#entete_section:after {
	content: '[DO NOT LEAVE IT IS NOT REAL]'; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
#entete_section {
	display: inline-block;
}
/*\*/
#entete_section {
	display: block;
}

/* --- entete_section_title (main) --- */
#entete_section_title {
	float: left;
	width: 72%;			/* width_main */
	margin-left: 12%;	/* width_left */
	text-align: left;
}
* html #entete_section_title {
	display: inline;
}

/* --- entete_section_date_update (left) --- */
#entete_section_date_update {
	float: left;
	width: 12%;			/* width_left */
	margin-left: -85%;	/* width_right-100 */
	text-align: center;
	font-weight: bold;
	font-size: 90%;
	color: #333;
	padding: 3px;
}

/* --- entete_section_logo (right) --- */
#entete_section_logo {
	float: left;
	width: 15%;			/* width_right */
	text-align: center;
	padding: 2px 2px 2px 2px;
}

/* --- entete_section h2 --- */
#entete_section h2 {
	text-indent: -5000px;
	font-size: 1px;
	line-height: 1px;
	text-decoration: none;
}


/* ----------------------- */
/* --- menu_horizontal --- */
/* ----------------------- */

#menu_horizontal {
	clear: both;
	font-size : small;
	font-weight: bold;
    text-align: left;
	padding: 2px 10px 5px 50px;
}

#menu_horizontal ul {
    list-style: none;
}
	
#menu_horizontal li {
	display: inline;
}
#menu_horizontal li a {
	padding: 0px 4px 0px 4px;
}

#menu_horizontal li a.selected {
	border-bottom: 2px solid #c33;
}
	
#menu_horizontal li a:hover {
	border-bottom: 2px solid #c33;
}



/* ---------------------- */
/* --- entete_section --- */
/* ---------------------- */

/*
  page_body_center = wrapper
  si 3 colonnes (i.e. avec post-it)
  	page_content_main_3 = main
  	menu_vertical_3 = left
  si 2 colonnes (i.e. sans post-it)
  	page_content_main_2 = main
  	menu_vertical_2 = left
  postits = right
*/

/* --- page_body_center (wrapper) --- */
#page_body_center {
	float: left;
	float/**/: none;
}
#page_body_center:after {
	content: '[DO NOT LEAVE IT IS NOT REAL]'; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
#page_body_center {
	display: inline-block;
}
/*\*/
#page_body_center {
	display: block;
}

/* --- page_content_main (main) --- */
#page_content_main_3 {
	float: left;
	width: 57%;			/* width_main */
	margin-left: 22%;	/* width_left */
}
#page_content_main_2 {
	float: left;
	width: 74%;			/* width_main */
	margin-left: 25%;	/* width_left */
}
* html #page_content_main_3, * html #page_content_main_2 {
	display: inline;
}

/* ----------------------------- */
/* --- h2.page_content_title --- */
/* ----------------------------- */
h2.page_content_title {
	text-align: left;
	font-weight: bold;
	font-size: x-large;
	margin: 8px 10px 3px 5px;
	padding: 2px 10px 2px 15px;
	background-color: #f6f6f6;
}


/* --------------------- */
/* --- menu_vertical --- */
/* --------------------- */

/* --- menu_vertical (left) --- */
#menu_vertical_3 {
	float: left;
	width: 22%;			/* width_left */
	margin-left: -80%;	/* width_right-100 */
}
#menu_vertical_2 {
	float: left;
	width: 25%;			/* width_left */
	margin-left: -100%;	/* width_right-100 */
}

/* ------------------------- */
/* --- menu_vertical_box --- */
/* ------------------------- */

/*
.menu_vertical_box .color_blue a:hover { color: #33c;}
.menu_vertical_box .color_gray a:hover { color: #333;}
.menu_vertical_box .color_green a:hover { color: #0c0;}
.menu_vertical_box .color_red a:hover { color: #933;}
.menu_vertical_box .color_white a:hover { color: #000;}
.menu_vertical_box .color_yellow a:hover { color: #cc3;}
*/

.menu_vertical_box a { color: #fff;}

.menu_vertical_box {
	padding: 2px 2px 2px 10px;
	font-size: 100%;
	text-align: left;
}

/* --- menu_vertical_box_t --- */
.menu_vertical_box_t {
	background: url(background_menu_vertical_box_t.png) top repeat-x;
}

/* --- menu_vertical_box_tl --- */
.menu_vertical_box_tl {
	background: url(background_menu_vertical_box_tl.png) top left no-repeat;
}

/* --- menu_vertical_box_tr --- */
.menu_vertical_box_tr {
	background: url(background_menu_vertical_box_tr.png) top right no-repeat;
}

/* --- menu_vertical_box_b --- */
.menu_vertical_box_b {
	background: url(background_menu_vertical_box_b.png) bottom repeat-x;
}

/* --- menu_vertical_box_bl --- */
.menu_vertical_box_bl {
	background: url(background_menu_vertical_box_bl.png) bottom left no-repeat;
}

/* --- menu_vertical_box_br --- */
.menu_vertical_box_br {
	background: url(background_menu_vertical_box_br.png) bottom right no-repeat;
}

/* --- menu_vertical_box p.title --- */
.menu_vertical_box p.title {
	padding: 15px 10px 10px 10px;
	font-weight: bold;
	text-align: center;
	color: #fff;
}

/* --- menu_vertical_box ul --- */
.menu_vertical_box ul {
	padding: 0px 10px 20px 10px;
	list-style: none;
}

.menu_vertical_box li {
	border-bottom: 1px solid #f00; /* bug FF */
}

.menu_vertical_box li a {
	display: block ;
	padding: 3px 2px 1px 10px;
}

.menu_vertical_box li a.selected {
	font-weight: bold;
	color: #fff !important;
	background: #f00;	
}

.menu_vertical_box li a:hover {
	color: #fff !important;
	background: #f00;
}


/* ------------------- */
/* --- form_search --- */
/* ------------------- */

#form_search {
	padding: 2px 2px 2px 10px;
	font-size: 100%;
}

/* --- #form_search p.title --- */
#form_search p.title {
	padding: 15px 10px 10px 10px;
	font-weight: bold;
	text-align: center;
	color: #fff;
}

.form_search_item {
	padding: 4px 2px 2px 15px;
}

.input_bouton_search {
	text-align: center;
	padding: 8px 2px 20px 2px;
}


/* ------------------------------ */
/* --- menu_vertical_sponsors --- */
/* ------------------------------ */

#menu_vertical_sponsors {
	text-align: center;
	padding: 5px;
}

#menu_vertical_sponsors img {
	margin: 5px;
}


/* -------------------------- */
/* --- articles_personnes --- */
/* -------------------------- */

/* --- articles_personnes --- */
#articles_personnes {
	margin: 2px;
	padding: 1px;
}


/* ------------------------------------------------------- */
/* --- box_info : article, personne, bulletin, post-it --- */
/* ------------------------------------------------------- */
.box_info a {
	font-weight: normal;
}

/* -------------------------------------------------------- */
/* --- box_info_no_postit : article, personne, bulletin --- */
/* -------------------------------------------------------- */

.box_info_no_postit {
	padding: 2px;
	font-size: 100%;
}

/* --- .box_info_no_postit .box_xx --- */
.box_info_no_postit .box_t {
	background: url(background_article_t.png) top repeat-x;
}
.box_info_no_postit .box_tl {
	background: url(background_article_tl.png) top left no-repeat;
}
.box_info_no_postit .box_tr {
	background: url(background_article_tr.png) top right no-repeat;
}
.box_info_no_postit .box_b {
	background: url(background_article_b.png) bottom repeat-x;
}
.box_info_no_postit .box_bl {
	background: url(background_article_bl.png) bottom left no-repeat;
}
.box_info_no_postit .box_br {
	background: url(background_article_br.png) bottom right no-repeat;
}

/* --- h3.title  --- */
.box_info_no_postit h3.title {
	margin: 0px 15px 0px 15px;
	padding: 10px 10px 5px 10px;
	font-weight: bold;
	font-size: 200%;
	text-align: left;
	border-bottom: 1px solid #ccc;
}

/* --- information_content --- */
.box_info_no_postit .information_content {
	padding: 0px 15px 15px 15px;
	font-weight: normal;
	font-size: 100%;
	text-align: left;
}

/* --- information_content p.date_author --- */
.box_info_no_postit .information_content p.date_author {
	font-size: 90%;
	font-style: italic;
	padding: 3px 5px 5px 10px;
}

/* --- information_content personne coordonnées --- */
.personne .information_content p.fonction {
	font-weight: bold;
}

.personne .information_content p.telephone {
	font-weight: bold;
}

.personne .information_content p.email {
	font-weight: bold;
}
	
/* --- information_content h1 h2 h3 h4 --- */
.box_info_no_postit .information_content h1,
.box_info_no_postit .information_content h2,
.box_info_no_postit .information_content h3,
.box_info_no_postit .information_content h4 {
	font-size: 200%;
	font-weight: bold;
	text-align: center;
	margin: 3px;
	padding: 3px;
}

.box_info_no_postit .information_content h5 {
	font-size: 150%;
	font-weight: bold;
	text-align: left;
	margin: 1px;
	padding: 1px;
}

/* --- information_content div.text --- */
.box_info_no_postit .information_content div.text {
	clear: both;
	padding: 5px 10px 0px 10px;
}

.box_info_no_postit .information_content div.text ul, .box_info_no_postit .information_content div.text ol {
	padding: 10px;
}

.box_info_no_postit .information_content div.text ul li, .box_info_no_postit .information_content div.text ol li{
	margin: 0px 0px 1px 20px;
	padding: 0px 0px 1px 10px;
}

/* --- information_content div.image --- */
.box_info_no_postit .information_content div.image {
	clear: both;
	padding: 10px;
	text-align: center;
}

/* --- information_content div.document --- */
.box_info_no_postit .information_content div.document {
	clear: both;
	padding: 10px;
	border-top: 1px solid #ccc;
	font-weight: normal;
}

.box_info_no_postit .information_content div.document ul {
	padding: 0px 5px;
   	list-style: none;
}

.box_info_no_postit .information_content div.document ul li {
	margin: 0px;
	padding: 3px 0px;
}

/* --- information_content div.lien --- */
.box_info_no_postit .information_content div.lien {
	clear: both;
	padding: 10px;
	border-top: 1px solid #ccc;
	font-weight: normal;
}

.box_info_no_postit .information_content div.lien ul {
	padding: 0px 5px;
   	list-style: none;
}

.box_info_no_postit .information_content div.lien ul li {
	margin: 0px;
	padding: 3px 0px;
}


/*
  information_coordonnees_images = wrapper
  information_coordonnees = main
  information_images = right
*/

/* --- information_coordonnees_images (wrapper) --- */
.personne .information_content div.information_coordonnees_images {
	float: left;
	float/**/: none;
}
.personne .information_content div.information_coordonnees_images:after {
	content: '[DO NOT LEAVE IT IS NOT REAL]'; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.personne .information_content div.information_coordonnees_images {
	display: inline-block;
}
/*\*/
.personne .information_content div.information_coordonnees_images {
	display: block;
}

/* --- information_coordonnees (main) --- */
.personne .information_content div.information_coordonnees {
	float: left;
	width: 68%;			/* width_main */
	text-align: left;
}
* html .personne .information_content div.information_coordonnees {
	display: inline;
}

/* --- information_images (right) --- */
.personne .information_content div.information_images {
	float: left;
	width: 29%;			/* width_right */
	text-align: center;
	padding: 2px 2px 2px 2px;
}


/* --------------- */
/* --- postits --- */
/* --------------- */

/* --- postits --- */
#postits {
	float: left;
	width: 20%;
}

#postits a {
	border-bottom: 1px dashed;
}
	
/* --------------- */
/* --- post-it --- */
/* --------------- */

.postit {
	padding: 2px;
	font-size: 90%;
}

/* --- postit_xx --- */
.postit_t {
	background: url(background_postit_t.png) top repeat-x;
}
.postit_tl {
	background: url(background_postit_tl.png) top left no-repeat;
}
.postit_tr {
	background: url(background_postit_tr.png) top right no-repeat;
}
.postit_b {
	background: url(background_postit_b.png) bottom repeat-x;
}
.postit_bl {
	background: url(background_postit_bl.png) bottom left no-repeat;
}
.postit_br {
	background: url(background_postit_br.png) bottom right no-repeat;
}

/* --- #postits h4.title --- */
.postit h4.title {
	min-height: 1em; /* pour FF mais sans effet sous IE6 */
	margin: 0px;
	padding: 15px 15px 5px 15px;
	font-weight: bold;
	text-align: center;
	font-size: 100%;
}

/* --- information_content --- */
.postit .information_content {
	padding: 0px 15px 0px 15px;
}

.postit .information_content {
	padding: 0px 15px 10px 15px;
}

.postit .information_content .text {
	padding: 0px 0px 10px 0px;
}

.postit .information_content div.lien ul {
	margin: 0px;
	padding: 0px;
    list-style: none;
}

.postit .information_content div.lien ul li {
	margin: 0px;
	padding: 0px;
}

.postit .information_content div.lien ul li a {
	display: block;
	border: none;
	border-bottom: 1px dashed;
}

.postit .information_content div.lien ul li a:hover {
	color: #fff;
	text-decoration: none;
	background-color: #f00;
}


/* ------------------ */
/* --- page_empty --- */
/* ------------------ */
div#page_empty {
	margin: 0px;
	padding: 40px;
	font-size: 200%;
	font-weight: bold;
	text-align: center;
	color: #f00;
}


/* ---------------------------------- */
/* --- message_under_construction --- */
/* ---------------------------------- */
div#message_under_construction {
	margin: 0px;
	padding: 40px;
	font-size: 200%;
	font-weight: bold;
	text-align: center;
	color: #f00;
}


/* --------------------- */
/* --- message_error --- */
/* --------------------- */
div#message_error {
	margin: 0px;
	padding: 40px;
	font-size: 200%;
	font-weight: bold;
	text-align: center;
	color: #f00;
}


/* ---------------------- */
/* --- search et news --- */
/* ---------------------- */
#draw_search_result #message_parameter, #draw_news_result #message_parameter {
	margin: 5px;
	padding: 5px 18px;
	font-size: 120%;
	font-weight: bold;
	text-align: left;
	color: #f00;
}

#draw_search_result #message_no_result, #draw_news_result #message_no_result {
	margin: 0px;
	padding: 40px;
	font-size: 200%;
	font-weight: bold;
	text-align: center;
	color: #f00;
}

#draw_search_result a, #draw_news_result a {
	border-bottom: 1px dashed;
}

#draw_search_result a:hover, #draw_news_result a:hover {
	color: #fff;
	text-decoration: none;
	background-color: #f00;
}

/* ------------ */
/* --- ours --- */
/* ------------ */
#ours {
	margin: 10px 0px 0px 0px;
	padding: 10px;
	background-color: #f0f0f0;
	font-size: 80%;
	font-weight: bold;
	text-align: center;
	color: #333;
	background: url(background_footer.png) top repeat-x;
}

#ours a {
	color: #333;
	border-bottom: 1px dashed;
}
	
#ours a:hover {
	color: #fff;
	text-decoration: none;
	background-color: #f00;
}

/* ------------------- */
/* --- smd_adresse --- */
/* ------------------- */
#smd_adresse {
	margin: 5px;
	padding: 5px;
}

/* ------------------- */
/* --- smd_info_legales --- */
/* ------------------- */
#smd_info_legales {
	margin: 5px;
	padding: 5px;
}

/* ----------------- */
/* --- site_info --- */
/* ----------------- */

/*
  site_info = wrapper
  arrow_top_left = left
  site_info_webmaster = main
  site_info_designer = right_1
  w3c_validator = right_2
  arrow_top_right = right_3 (le plus à droite)
*/

/* --- site_info (wrapper) --- */
#site_info {
	float: left;
	float/**/: none;
}
#site_info:after {
	content: '[DO NOT LEAVE IT IS NOT REAL]'; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
#site_info {
	display: inline-block;
}
/*\*/
#site_info {
	display: block;
}

/* --- site_info_webmaster (main) --- */
#site_info_webmaster {
	float: left;
	width: 43%;			/* width_main */
	margin-left: 2%;	/* width_left */
	text-align: left;
}
* html #site_info_webmaster {
	display: inline;
}
#site_info_webmaster .date_update {
	padding: 8px;
}


/* --- arrow_top_left (left) --- */
#arrow_top_left {
	float: left;
	width: 2%;			/* width_left */
	margin-left: -42%;	/* -(width_main+width_left) */
	text-align: center;
}

/* --- site_info_designer (right_1) --- */
#site_info_designer {
	float: left;
	width: 40%;		/* width_right */
	text-align: right;
}
#site_info_designer .date_update {
	padding: 8px;
}

/* --- w3c_validator (right_2) --- */
#w3c_validator {
	float: left;
	width: 10%;		/* width_right */
	width: 50px;
	padding : 1px 3px 1px 5px;
	color: white;
	font-size: small;
	text-align: center;
}

/* --- arrow_top_right (right_3) --- */
#arrow_top_right {
	float: left;
	width: 2%;		/* width_right */
	text-align: center;
}

/* --- arrows_top --- */
a#arrow_top_left, a#arrow_top_right {
	width: 11px;
	height: 11px;
	padding: 0px;
	margin: 2px;
}