/* ------------------------------------------------------------------------------------
CSS MEDIA SCREEN : master.css
CLIENT : Tennis 13
CREATION : 28.08.2008
AUTEUR : ASPIX MEDIA - www.aspixmedia.com
----------------------------------------------------------------------------------- */


* {
	margin:0px;
	padding:0px;
	border:0px;
  -moz-outline:none;
}

body {
	background-color:#ffffff;
	color:#4e4e4e;
	font-family:Verdana, Helvetica, sans-serif;
	font-size:11px;
	position:absolute;
	width:100%;
}

a {
  color:#6cb23f;
	font-weight:bold;
	text-decoration:none;
}

a:hover {
   color:#bfe724;
}

h3 {
   color:#004d43;
   font-size:16px;
   font-weight:normal;
}

p {
    color:#4e4e4e;
}

.print {display:none;}
.alignRight {text-align:right;}
.alignTop {vertical-align:top;}

/* ---------------------------------------------------------------------------| conteneurs |*/

/*.silhouettes {
	background:#ffffff url(../images/bg_silhouettes.jpg) no-repeat bottom left;
height:100%;
}*/

#conteneur {
	margin-left:auto;
  margin-right:auto;
	width:920px;
}

#left {
  float:left;
	padding-left:20px;
	width:235px;
}

#right {
	float:left;
	width:665px;
}

#right-top {
    float:left;
    width:100%;
    height:282px;
    background-image:url(../images/bg_header.jpg);
    background-repeat:no-repeat;
}

#right-bottom {
    float:left;
    width:630px;
    padding:0px 15px 0px 17px;
    background-image:url(../images/bg_main.jpg);
    background-repeat:repeat-y;
		height: 500px;
}

html>body #right-bottom {
height: auto;
min-height: 500px;
} 



/* ----------------------------------------------------------- */
/* -- FOOTER ------------------------------------------------- */
/* ----------------------------------------------------------- */
#footer { 
    background:#ffffff url(../images/bg_footer.jpg) repeat-x;
    clear:both;
    font-size:10px;
    font-weight:bold;
    height:250px;
}
#footer-top {
    width:665px;
    height:40px;
    margin:0 auto;
    padding-left:255px;
}
#footer-top p.copy {
    color:#bebebe;
    float:left;
    padding-left:20px;
}
#footer-top p.am {
    float:right;
    padding-right:20px;
}
#footer-top a {
    color:#bebebe;
}
#footer-bottom {
    clear:both;
    width:665px;
    margin:0 auto;
    padding:25px 0 10px 270px;
   line-height:15px;
}


/* ---------------------------------------------------------------------------| main |*/

#main {
	padding:0px 8px;
}

h1 {
	color:#004d43;
  font-size:16px;
	margin:30px 0 5px;
}

/*#main h1 {
	color:#004d43;
  font-size:16px;
	margin:30px 0 5px;
}*/

#main h1.titre {
	margin-top:0;
}

/*#main h2 {
    padding:5px 10px 0px 10px;
    font-size:14px;
    font-weight:bold;
    color:#004d43;
}*/

h2 {
    padding:5px 10px 0px 10px;
    font-size:14px;
    font-weight:bold;
    color:#004d43;
}

#main h3 {
	font-size:12px;
	padding-top:10px;
font-weight:bold;
}

#main p {
    /*padding-top:6px;*/
		/*margin:10px 0;*/
    font-size:11px;
    line-height:15px;
    color:#4e4e4e;
}

#main ul {
    font-size:11px;
    color:#4e4e4e;
    font-weight:normal;
    padding-left:30px;
}

#main li {
    line-height:18px;
}

/*#main1 table {
    width:100%;
    background-color:#ffffff;
    border-collapse:collapse;
    border:1px solid #cccccc;
    font-size:11px;   
    color:#4e4e4e;
}
*/
/*#main1 table td, #main1 table th {
    border:1px solid #cccccc;
    height:20px;
    padding:2px 5px;
    text-align:center;
}*/



/* ---------------------------------------------------------------------------| divers |*/
.tennis13 {
	color:#6cb23f;
	font-style:italic;
	font-weight:bold;
}
.tennis13 span {
	color:#004d43;
}


#tabPartenaires {
width:100%;
empty-cells:hide;
border-spacing:5px;

}
#tabPartenaires td {
border-collapse:collapse;
empty-cells:hide;
border:1px dotted #c0c0c0;
text-align:center;
width:300px;
height:130px;
overflow:hidden;
padding:5px;
}
#tabPartenaires p {
margin-top:10px;

}
ul.partenariat {
		list-style-image:url(../images/bullet_check.jpg);
		margin:0 30px;
}
ul.partenariat li {
		font-weight:bold;
		padding:4px 0;
}


#logo {
    text-align:right;
}
#logo p {
    color:#6cb23f;
    font-size:11px;
    font-style:italic;
    font-weight:bold;
    margin-bottom:20px;
    padding-right:10px;
}

#right-top ul {
    text-align:right;
    padding-top:20px;
    color:#6cb23f;
    font-weight:bold;
    list-style-type:none;
    font-size:11px;
}

#right-top li {
    padding-right:18px;
    display:inline;
}
/* ==================== */

#infolettre {
	background:#ffffff url(../images/bg_infolettre.jpg) no-repeat;
	height:140px;
	margin:20px 0;
}

#infolettre span {
	display:block;
	font-size:10px;
	font-weight:bold;
	padding:25px 15px 0px 90px;
	text-align:right;
}

#infolettre b.titre {
	color:#d50021;
	font-size:16px;
}

#infolettre a span {
	color:#4e4e4e;
}
#infolettre b.inscription {
	color:#d50021;
	font-size:12px;
}
/* ==================== */
/* ---------------------------------------------------------------------------| Nouvelles / Références |*/

#nouvellesBref {
	background:#ffffff url(../images/bg_nouvelles.jpg) no-repeat; 
	float:left;
	height:392px;
	-margin-right:-3px; /* HACK IE6 */
	margin-right:10px;
    padding:10px;
    width:318px;
}
#nouvellesBref a {
   cursor:pointer;
   font-weight:bold;
   font-size:11px;
}
#nouvellesBref p {
	border-top:1px dotted #c0c0c0;
	font-weight:bold;
	margin-top:10px;
	padding:5px;
	width:100%;
}
#nouvellesBref p.toutes {
    padding-top:40px;
    width:308px;
}
#nouvellesBref table  {
	width:308px;
}

/* -------------------- */
#references {
	-margin-left:-3px; /* CORRECTIF POUR IE6 */

	background:#ffffff url(../images/bg_references.jpg) no-repeat; 
	float:left;
	font-weight:bold;
	height:392px;
  padding:10px;
  width:257px;
}
#references #ref {
	height:362px;
}
#references #ref h1 {
	margin:0;
}
#references #ref h2 {
	color:#D50021;
	margin:6px 0 0 0;
	padding:0;
}
#references #ref h2 img {
	margin-right:5px;
}
#references #ref p {
	font-size:11px;
	margin-left:17px;
	width:175px;
}
#references p {
	font-size:10px;
	margin:0;
	width:240px;
}
/* ---------------------------------------------------------------------------| --- |*/

#main h3.nouvellesTitre {
		color:#6cb23f;
		margin:10px 0;
}
#main hr.nouvellesDivision {
	margin:20px 50px 0;
	border:none;
	border:1px dotted #6cb23f;
}
#information {
    width:560px;
    height:128px;
    padding:10px 25px;
    background-image:url(../images/tennis_adultes.jpg);
    background-repeat:no-repeat;
}

.ulTour {
    list-style-image:url(../images/bullet_tourbillon.jpg);
}

.ulCheck {
    list-style-image:url(../images/bullet_check.jpg);
}

.cacher {
    display:none;
}

.upper {
     text-transform:uppercase;
}
#main p.note,  #main .promo_milieu p.note  {
	border-top:1px dotted #FFFFFF;
	font-style:italic;
	font-size:10px;
	/*padding-left:15px;*/
	padding-top:5px;
margin-left:0;
}
.legende {
  font-style:italic;
	font-size:10px;

}

#main ul.liens {
		list-style-type:none;
		padding:0 0 0 10px;
}
#main ul.liens li {
		padding:2px 0;
}

/* ---------- forfaits ---------- */

#forfait_top, .forfait_top, .horaire_top, .contact_top, .evenement_top {
    width:612px;
    height:11px;
    background-image:url(../images/forfait_top.jpg);
    background-repeat:no-repeat;
		margin-top:10px;
		-margin-bottom:-3px; /* CORRECTIF POUR IE6 */
}

.contact_top, .horaire_top, .evenement_top  {
	margin-top:30px;

}
#forfait_center, .forfait_center, .horaire_center, .contact_center, .evenement_center {
    width:592px;
		/*width:612px;*/
    background-image:url(../images/forfait_center.jpg);
    background-repeat:repeat-y;
    padding:0px 10px;
		-margin-top:-3px; /* CORRECTIF POUR IE6 */
}
.evenement_center table td, .contact_center table td {
		vertical-align:top;
}
#forfait_bottom, .forfait_bottom, .horaire_bottom, .contact_bottom, .evenement_bottom  {
    width:612px;
    height:11px;
    background-image:url(../images/forfait_bottom.jpg);
    background-repeat:no-repeat;
}

#forfait_center table, .forfait_center table {
    /*text-align:center;*/
    border-collapse:collapse;
    font-size:11px;
		width:100%;
}
.teaser {
font-weight:bold;

}


#forfait_center table ul, .forfait_center table ul {
    color:#adbe11;
}

#forfait_center table span, .forfait_center table span {
    color:#4e4e4e;
}
#forfait_center table td, .forfait_center table td {
	padding:3px 0;
}

.typeForfait {
	font-size:10px;
}


#contact {
    width:612px;
    height:173px;
    background-image:url(../images/bg_contact.jpg);
    background-repeat:no-repeat;
}

#contact_mini, .contact_mini2 {
    width:612px;
    height:94px;
    background-image:url(../images/bg_contact_mini.jpg);
    background-repeat:no-repeat;
}

#contact_top {
    width:612px;
    height:200px;
    background-image:url(../images/bg_contact_top.jpg);
    background-repeat:no-repeat;
    background-color:#f9f9f9;
}

.missionL {
    clear:both;
    float:left;
    width:20px;
    padding:2px 3px 0px 0px;
}

.missionR {
    float:left;
    width:550px;
}

.retraitH {
	margin:0 30px;
}

/* ----------------------------------------------------------- */
/* -- ENCADRÉS - COMMUN -------------------------------------- */
/* ----------------------------------------------------------- */
.camp_haut, .contact_haut, .event_haut, .forfaits_haut, .heures_haut, .horaire_haut, .promo_haut, .speciaux_haut {   
    height:9px;
	-margin-bottom:-3px; /* IE6 */
	margin-top:10px;
	width:610px;
}
.camp_milieu, .contact_milieu, .event_milieu, .forfaits_milieu, .heures_milieu, .horaire_milieu, .promo_milieu, .speciaux_milieu  {
	-margin-top:-3px; /* IE6 */
	padding:0 10px;
	width:590px;
}
.camp_bas, .contact_bas, .event_bas, .forfaits_bas, .heures_bas, .horaire_bas, .promo_bas, .speciaux_bas {
    height:9px;
	width:610px;
}
#main .camp_milieu table td, #main .contact_milieu table td, #main .event_milieu table td, #main .promo_milieu table td  {
	vertical-align:top;
}

/* -- ENCADRÉS - TOUS ---------------------------------------- */
.promo_haut, .speciaux_haut {
    background:#c0e827 url(../images/bg_hautRond_LGR.gif) no-repeat;
}
.promo_milieu, .speciaux_milieu {
    background:#c0e827 url(../images/bg_milieuRond_LGR.gif) repeat-y;
}
.promo_bas, .speciaux_bas {
    background:#c0e827 url(../images/bg_basRond_LGR.gif) no-repeat;    
}
.camp_haut, .contact_haut, .event_haut, .forfaits_haut, .heures_haut, .horaire_haut {
    background:#fafafa url(../images/bg_hautRond_LGY.gif) no-repeat;
}
.camp_milieu, .contact_milieu, .event_milieu, .forfaits_milieu, .heures_milieu, .horaire_milieu  {
    background:#fafafa url(../images/bg_milieuRond_LGY.gif) repeat-y;
}
.camp_bas, .contact_bas, .event_bas, .forfaits_bas, .heures_bas, .horaire_bas  {
    background:#fafafa url(../images/bg_basRond_LGY.gif) no-repeat;    
}
#main .promo_milieu h2 {
	color:#ffffff;
	font-size:16px;
	margin:0;
	padding:0;
}
#main .camp_milieu h3 {
	color:#6cb23f;
	font-size:12px;
	margin:0;
	padding:0;
}
#main .promo_milieu p {
	color:#004d43;
	font-size:12px;
	font-weight:bold;
	margin:5px 0;
}
#main .event_milieu h3 {
	color:#ff6600;
	font-size:14px;
	margin:0;
}
#main .heures_milieu h2, #main .horaire_milieu h2 {
    color:#004d43;
	margin:0;
	padding:0;
}
#main .event_milieu h2 {
    color:#FF6600;
	margin:0;
	padding:0;
}
.horaire_milieu td.horaire_heures  {
	width:100px;
}
.horaire_center table h3, #main .heures_milieu h3 {
    color:#004d43;
    font-size:14px;
	margin:0;
	padding:0;
}

#main .event_milieu p, #main .horaire_milieu p {
	font-size:11px;
	font-weight:normal;
	margin:0;
}
#main .contact_milieu p {
	font-size:11px;
	font-weight:normal;
	margin:0;
}
#main .promo_milieu table {
    width:100%;
}

#main .promo_milieu p.note {
	text-align:right;
}

/* ---------- ##### ---------- */

.horaire {
    clear:both;
    width:610px;
    height:113px;
    background-image:url(../images/bg_contact_medium.jpg);
    background-repeat:no-repeat;
}

/*.tabAvantages td {
	padding:10px 0;
}
*/
table.tabAvantages {
	/*margin:0 10px;*/
	width:100%;
}
.tabAvantages td.bordure{
	border-bottom:1px dotted #c0c0c0;
	padding:10px 0;
}
.tabAvantages td img {
	margin-right:10px;
}
.cadeau h3 {
text-align:center;
color:#4e4e4e;

}
/*#avantages ul {
    list-style-type:decimal;
    color:#6cb23f;
    font-weight:bold;
}
#avantages li {
	padding:2px 0;
}
#avantages span {
    color:#4e4e4e;
    font-weight:normal;
}*/

.separateur {
    border-bottom:1px dotted #c0c0c0;  
}
.bordureTop {
    border-top:1px dotted #c0c0c0;  
}
.voirAbonnement {
 		padding-left:15px;
		padding-top:5px;
}
.icone {
		margin-right:20px;
}
.ico_width {
width:55px;
background-color:#CCCCCC;
}
.evenement_center h1 {
		color:#FF6600;
		/*font-size:16px;*/
		margin:0;
}
.forfaitCorpo {
		background:#FFFFFF url(../images/img_forfait-corporatif.jpg) no-repeat;
		height:244px;
		padding-left:230px;
		padding-top:30px;
}
.jourCorpo {
		background:#ffffff url(../images/bg_postItGY.gif) no-repeat;
		height:342px;
		margin:10px auto;
		width:485px;
}

/* ---------------------------------------------------------------------------| tableaux |*/

.tabF2 .bgGY, .tabAerobie .bgGY, .tabMieuxEtre .bg, .tabActivites .bg, .tabPiscine .bg {
		background-color:#f7f7f7;
		height:5px;
}
.tablocal, .tablocalP, .tabF2, .tabAerobie, .tabMieuxEtre, .tabActivites, .tabPiscine {
    width:620px;
    border-collapse:collapse;
    text-align:center;
}
.tablocal th, .tablocalP th, .tabF2 th, .tabAerobie th, .tabMieuxEtre th, .tabActivites th, .tabPiscine th {
    width:87px;
    height:30px;
    color:#004d43;
    border:1px solid #dddddd;
}
.tabPiscine .case, .case {
    background-color:#a7d7f0;
    color:#a7d7f0;
}

.tablocal td { 
    height:85px;
    border:1px solid #dddddd;
    padding:2px;
		vertical-align:top;
		font-size:10px;

}
.tabPiscine td {
    height:15px;
    font-weight:bold;
}

.tabF2 td, .tabAerobie td, .tabMieuxEtre td, .tabActivites td, .tabPiscine td {
    border:1px solid #dddddd;
    padding:2px;
		vertical-align:top;
		font-size:10px;
}
.tabGolf h4 {
	font-size:11px;
}
.tabGolf  {
	width:100%;
}
.tabGolf td.abonnement {
 	padding:5px 0;
	border-bottom:1px dotted #c0c0c0;

}
.tabGolf .slogan {
font-style:italic;

}
.tabJourCorpo  {
		margin:25px;
		width:435px;
}
.tabJourCorpo td {
		border-bottom:1px dotted #6cb23f;
}
.tabJourCorpo p {
		padding:5px;
}

.tablocalP td {
    height:15px;
    font-size:10px;
    border:1px solid #dddddd;
    font-weight:bold;
}

.tablocp td {
    padding-bottom:5px;
}
table.tabForfaits, table.tabMiniForfaits {
		width:100%;
}
.tabMiniForfaits td, .tabForfaits td {
 	padding:5px 0;
	border-bottom:1px dotted #c0c0c0;
}
.tabMiniForfaits td.bottom, .tabForfaits td.bottom {
	border:none;
}
#main table.tabForfaits h3 {
		font-size:11px;
		font-weight:bold;
		margin:0;
		padding:0 10px;
}
#main table.tabForfaits p {
		margin:0;
		padding:0 10px;
}
.tabDiffusion {
	border-collapse:collapse;
	width:80%;
}
.tabDiffusion td {
	padding:2px;
width:50%;
}

h3.bordure {
	border-bottom:1px dotted #c0c0c0;
margin:10px 0;
padding-bottom:5px; 
}
.tabEnvoiCourriel {
  border-collapse:collapse;
  empty-cells:hide;
  margin:20px 30px 0;
  width:540px;
  }
.tabEnvoiCourriel td {
  padding:3px;
  white-space:nowrap;
  }

/* ---------------------------------------------------------------------------| formulaire |*/
.btnForm {
	background:#999999 url(../images/bgBtnForm.gif) repeat-x left top;
	border:outset 1px #999999;
  color:#6ab13c;
	cursor:pointer;
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	margin-top:20px;
	padding:4px;
  }
input[type="text"], input[type="password"], textarea {
  border:inset 1px #999999;
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	padding:2px;
  }

input.bgFormElement {
	background-color:#F7F3D2;
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	border:1px solid #CCCCCC;
}

input.bgFormElement2, select.bgFormElement2, textarea.bgFormElement2 {
	background-color:#FFFFFF;
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	padding:2px;
	border:1px inset #CCCCCC;
}

p.y, span.y {		/* champ obligatoire - indicatif */
	font-weight:normal;
}
p.yerr, span.yerr, #main .tabDiffusion p.yerr, #main .yerr  {		/* champ obligatoire - erreur  */
	color:#CC0000;
	font-weight:bold;
}


.txtContact {
    background-color:#ffffff;
    font-size:12px;
    color:#4e4e4e;
    width:250px;
}

/* ----------------------------------------------------------- */
/* -- PARTENAIRES -------------------------------------------- */
/* ----------------------------------------------------------- */
#partenaires h1 {
    font-size:14px;
    margin-top:20px;
}
#partenaires p {
    margin:0 10px;
    padding:0;
}


/* ---------------------------------------------------------------------------| modal popup |*/
.modalBackground {
	background-color:#ffffff;
	filter:alpha(opacity=80);
	opacity:0.8;
  }
.modalPopup {
	border:2px solid #676767;
	width:625px;
	height:265px;
	padding:130px 20px 0px 0px;
	font-size:11px;
	font-weight:bold;
	color:#333333;
   /* background-image:url(../images/bg_referer.jpg);*/
    background-repeat:no-repeat;
}

.modalEnvoiCourriel {
  background:#ffffff url(../images/bg_popup_contact.jpg) no-repeat;
	border:2px solid #676767;
  font-size:11px;
  height:425px;
  width:600px;
  }
.modalConfirm {
	width:300px;
	padding:50px 0px 15px 300px;
	text-align:center;
}

.modalEnvoiCourrielEtat {
	padding:135px 0 0 120px;
  }

#modalFormLeft {
	width:385px;
	height:140px;
	float:left;
	padding-top:2px;
	text-align:right;
}

#modalFormLeftContact, .modalFormLeftContact1 {
    float:left;    
    width:115px;
    height:200px;
    padding:30px 12px 0px 0px;
    text-align:right;
}

#modalFormLeft p, #modalFormRight p, #modalFormLeftContact p, .modalFormLeftContact1 p, #modalFormRightContact p, .modalFormRightContact1 p {
	height:25px;
}
#pnlForm1 span {float:left;width:90px;text-align:right;padding-right:10px;


}
#modalFormRight {
	width:225px;
	height:140px;
	float:left;
	padding-left:15px;
}

#modalFormRightContact, .modalFormRightContact1 {
	width:450px;
	height:200px;
	float:left;
	padding-top:30px;
}

.modalFormButtons {
	padding-top:15px;
}

.modalFormButtons input, .modalConfirm input, .modalConfirmContact input {
	padding:3px 14px 3px 14px;
	color:#6cb23f;
}

#modalFormRightContact h1, .modalFormRightContact1 h1 {
	color:#004d43;
	font-size:16px;
margin:0 0 5px;
}
/*#########################################################################*/

.modalEnvoiCourriel div.frm2col {
	/* Empêcher le dépassement des flottants */
	overflow: hidden;
	/* Idem pour IE6 */
	width: 100%;
}
.modalEnvoiCourriel div.frm2col label {
	float: left;
	width: 150px;
	text-align: right;
	font-weight: bold;
	cursor: pointer;
}
.modalEnvoiCourriel div.frm2col input, .modalEnvoiCourriel div.frm2col textarea {
	width: 250px;
	margin-left: 12px;
	border: solid 1px midnightblue;
	padding: 2px 4px;
}
.modalEnvoiCourriel div.frm2col textarea {
	padding: 2px 0 0 4px;
	width: 320px;
	height: 6em;
}
.modalEnvoiCourriel div.frm1col {
	margin-left: 160px;
}



/*#########################################################################*/

/* ---------------------------------------------------------------------------| accordeon |*/

.accordionHeader, .accordionHeaderSelected {
		border-top:1px dotted #c0c0c0;
		color:#004d43;
    cursor:pointer;
		font-size:11px;
		font-weight:bold;
		padding:6px 10px 6px 0px;
		text-align:right;
}

.accordionContent {
		color:#6cb23f;
		font-size:11px;
    line-height:17px;
    margin-top:2px;	
		padding:0px 10px 8px 0px;
		text-align:right;
}

.accordionContent a {
		color:#6cb23f;
}

.accordionContent a:hover {
		color:#bfe724;
}
/* ---------------------------------------------------------------------------| splash page |*/
.splash {
  margin:0 auto;
  width:980px;
  }
.splashLang {
  float:right;
  font-size:11px;
  padding:10px 10px 0 0;
  text-align:right;
  width:80px;
  }
.splashLang a {
  color:#004d43; 
  }
.splashLang a:hover {
  color:#6cb23f; 
  }
.splashSports {
  background-repeat:no-repeat;
  height:395px;
  width:980px;
  }
.splashFooter {
  font-size:10px;
  line-height:16px;
  margin-bottom:50px;
  }
p.splashAcces {
  margin:20px 0;
  }
.splashAcces a {
  color:#004d43;
  font-size:20px;
  font-style:italic;
  }
.splashAcces a:after {
  color:#6cb23f; 
  content:url(../images/flecheSplash.gif)" ";
  }
.splashAcces a:hover {
  color:#6cb23f; 
  }