/* Général */
*{padding:0px;margin:0px;}
body{font-family:Geneva,Helvetica,SunSans-Regular,sans-serif;}
ul li{list-style: none;}
a{color:#791C1B;text-decoration:none;cursor:pointer}
a:hover{text-decoration:underline;}
.floatLeft{float:left;margin-right: 15px;}
.floatRight{float:right;margin-left:15px;}
.clearBoth{clear:both;}
a img{border:none;}
body #all #content .hide{display: none;}
 .hide{display: none;}

/* mise en page */
body {
    background-color: #77775e;
    background-image: url("../../../medias/images/body_top.png");
    background-repeat: repeat-x;
}

#all {
    width: 796px;
    margin-left: auto;
    margin-right: auto;
    background-image: url("../../../medias/images/all.png");
}
h2 {
	color:#315D8F;
	font-family:Arial black,Arial,Helvetica,SunSans-Regular,sans-serif;
	font-size:14px;
	line-height:20px;
	text-transform:uppercase;
	margin-bottom:20px;
}

h2 span {
	color:#5785B8;
}
h3{
	background-color:#EAEADF;
	color:#315D8F;
	font-family:Geneva,Arial,Helvetica,SunSans-Regular,sans-serif;
	font-size:11px;
	font-weight:bold;
	padding-bottom:3px;
	padding-left:7px;
	padding-top:5px;
	text-transform:uppercase;
	margin-top:10px;
	margin-bottom:10px;
}
/* entete */
	#header{background-image:url("../../../medias/images/header.png");height:170px;background-repeat: no-repeat;}
		h1{display:none;}
		#header ul{float:right;margin-top: 147px;margin-right:21px;}
			#header ul li{display: inline;padding-right: 6px;}
				#header ul li a{font-size:9px;color:#FFF;text-decoration: none;text-transform:uppercase;}
					#header ul li a:hover{color:#CCC;cursor:pointer;}

/* menu de gauche */
	#navig{float:left;margin-left: 7px;margin-top: 20px;}
	  #navig ul{overflow:hidden;}
		#navig,#navig ul,#navig ul li,#navig span{width:195px;display: block;}
		#navig li{position:relative;}
      #navig a {
        color:#4D5442;
        display:block;
        font-size:10px;
        padding-bottom:5px;
        padding-left:10px;
        padding-top:4px;
        text-decoration:none;
        width:200px;
      }
      #navig span a {
        padding-left:0px;
        text-decoration:underline;
      }
	      #navig span a:hover{
	      	background-color:transparent;
	      }
			#navig a img{
				margin-right:5px;
      }
	    #navig a:hover{background-color:#D5D5C0;}
			#navig span {
				color:#4D5442;
				font-size:10px;
				font-weight:bold;
				padding-left:10px;
				padding-top:1px;
				text-transform:uppercase;
	    }

/* le contenu de la page */
	#page{margin-left:200px;padding: 20px;width:550px;}
	#page p{color:#606060;font-size:11px;margin-top:10px;margin-bottom:10px;padding-left:7px;padding-right:7px;}
	#page li{color:#606060;font-size:11px;}
	#page a{
  	color:#315D8F;
    font-family:Geneva,Arial,Helvetica,SunSans-Regular,sans-serif;
    font-size:11px;
    font-weight:bold;
		text-decoration:underline;
  }
  div.grayLine{border-bottom:1px solid #cccccc;width:100%;}
  li.grayLine{border-bottom:1px solid #cccccc;width:100%;}
  #page div.grayLine{border-bottom:1px solid #cccccc;width:99%;margin-left:1%;margin-bottom:20px;}
	#page a.stLink{
		color:#315D8F;
		font-family:Geneva,Arial,Helvetica,SunSans-Regular,sans-serif;
		font-size:11px;
		font-weight:bold;
		text-decoration:underline;
		padding-left:5px;
	}
	#page p.textAtriumHoraireTarifs .texte_credit {font-size:10px;}
  #page table.tarifsAtrium{
		background-color:#FFFFFF;
		color:#606060;
		font-family:Geneva,Arial,Helvetica,SunSans-Regular,sans-serif;
		font-size:11px;
		padding-left:7px;
		margin-bottom:15px;
  }
  #page span.notes a{
    color:#959595;
    text-decoration:underline;
  }
  body #page .notes a{
    font-size:9px;
  }
  #page p.notes{
    padding-left:5px;
    font-size:9px;
    display:block;
    margin-top:10px;
  }
	#page span.notes{
    font-size:9px;
  }
	#page span.emphase{color:#315D8F;font-weight:bold;font-size:11px;}
	#page p.emphase{color:#315D8F;font-weight:bold;font-size:11px;}
  #page div.forfait img{float:right;}
  #page div. p{width:350px;float:left}
  #page div.forfait {margin-top:20px;margin-bottom:20px;}
	
	#page img.imgFeteEnfant{float:left;padding-right:15px; height:278px;}
	#page ul li {padding-left:10px;}
	
	#page .externalLink{color:#959595;text-decoration:underline;font-weight:normal;}
	#page .inlineLink{color:#959595;text-decoration:underline;font-weight:normal;}
	#page div.inlineImg img{display:inline;margin:5px;}
	#page p.importantBox{
		color:#910D0D;
		font-size:11px;
		padding-left:7px;
    border-bottom:1px solid #CCCCCC;
    border-top:1px solid #CCCCCC;
		padding-bottom:5px;
    padding-top:5px;
  }
  #page ul.skatingRinkRules li{margin-top:15px;margin-bottom:15px;}
  #page ul.skatingRinkRules img{margin-left:-5px;margin-right:10px;position:absolute;}
  #page ul.skatingRinkRules span{margin-left:20px;display:inline-block;}
	
  #page div.imgGroup{display:inline-block;width:185px;}
  #page div.imgGroup img{margin-left:5px;height: 72px;}
	#page .tableConf{margin-top:25px;margin-bottom:15px;}
	
	#page .imgEquipment{float:left;padding-right:12px;}
	
	#page .imgHoraireEtTarifs{float:left;width:220px;text-align:center;margin-top:20px;}
  #page .imgHoraireEtTarifs img{margin-right:10px;margin-bottom:10px;}
  #page .horaireEttarifsColonneDroite{width:320px;float:right;}
  #page .horaireEttarifsColonneDroite h3{margin-top:20px;}
  #page .horaireEttarifsColonneDroite .grayLine{margin-top:25px;margin-bottom:3px;}
	
  #page div.colonneGauche {
    float:left;
    width:270px;
  }
  #page div.colonneDroite {
    float:right;
    width:270px;
  }
  #page div.colonneGauche p{
    color:#000;
  }
	#page div.colonneGauche h3,#page div.colonneDroite h3{
		color:#625540;
		font-family:Arial,Helvetica,Geneva,SunSans-Regular,sans-serif;
		font-size:13px;
		font-weight:bold;
		background-color:#fff;
  }
  #page div.colonneDroite p{
    color:#000;
  }
	#page div.colonneGauche span.h4,#page div.colonneDroite span.h4{
		color:#315D8F;
		font-family:Arial,Helvetica,SunSans-Regular,sans-serif !important;
		font-size:11px;
	}
  .frame_contenu {
    color:#606060;
    font-family:Geneva,Arial,Helvetica,SunSans-Regular,sans-serif;
    font-size:11px;
  }
	.calendrier{
		padding-top:10px;
		padding-bottom:10px;
	}
	.calendrier_gym_jour {
		text-align:center;
		padding:10px;
		color:#ffffff;
		background-color:#006e96;
		font-weight:bold;
		font-size:11px;
		font-family: Arial, Helvetica, SunSans-Regular, sans-serif!important; 
	}
	
.calendrier_sup {
		font-size:9px;
		font-family: Arial, Helvetica, SunSans-Regular, sans-serif!important; 
	}
	.calendrier_gym_box {
	  text-align:center;
	  padding:5px;
	  font-size:10px;
	  background-color:#ffffff;
  }
  .calendrier_gym_act {
    color:#006e96;
    font-size:11px;
    font-family: Arial, Helvetica, SunSans-Regular, sans-serif!important; 
  }
  
   .calendrier_gym_act_red {
    color:#9e0909;
    font-size:11px;
    font-family: Arial, Helvetica, SunSans-Regular, sans-serif!important; 
  }
  
  #page .calendrier_gym_box table{
    margin-left:auto;
		margin-right:auto;
  }
	
	.image-sculpte-pour-l-ete{
		float:left;
		width:200px;
	}
  .text-sculpte-pour-l-ete{
  	float:right;
		width:350px;
  }
	#page p.rappel{
		color:#900;
		font-size:12px;
	}
	.ranger{
    clear:both;

	}
	  .rangerGauche{
	  	float:left;
	    width:250px;
		}
	  .rangerDroite{
	  	float:right;
			width:250px;
		}
    .grayLineLeft{
      float:left;
      width:250px;
      border-bottom:1px solid #CCCCCC;
    }
    .grayLineRight{
      float:right;
      width:250px;
      border-bottom:1px solid #CCCCCC;
			margin-right:10px;
    }
	
	.lienPopupCarte{
		float:left;
		margin-right:15px;
	}
	.contact{
		display:inline-block;
		width:250px;
	}
.patin td{
	padding:5px;
}
/* CSS récupéré de l'encien site web */
	.frame_color_title {
		background-color:#EAEADF;
		color:#315D8F;
		font-family:Geneva,Arial,Helvetica,SunSans-Regular,sans-serif;
		font-size:11px;
		font-weight:bold;
		padding-bottom:3px;
		padding-left:7px;
		padding-top:5px;
		text-transform:uppercase;
  }
	.frame_contenu {
		background-color:#FFFFFF;
		color:#606060;
		font-family:Geneva,Arial,Helvetica,SunSans-Regular,sans-serif;
		font-size:11px;
		padding-left:7px;
	}
	.color_title {
		color:#315D8F;
		font-family:Geneva,Arial,Helvetica,SunSans-Regular,sans-serif;
		font-size:11px;
		font-weight:bold;
	}
/* --- */




	.accueilFirstContent{
    width:539px;
    background-color:#ffffff;
		background-image:url(../../../medias/images/pages/accueil/ac_bg_atrium.gif);
		background-position:top;
		background-repeat:no-repeat;
padding:8px 0px 0px 10px;
border:1px solid #fff; 
min-height:300px;
overflow:auto;
  }
	body #page .accueilFirstContent p{
	
    color:#4D5442;
    font-size:10px;
	margin-left:10px;
	margin-right:20px;
  }
  .accueilContenuDroite{
	  float:left;
	  padding-top:10px;
    padding-left:15px;
	padding-right:2px;
  }
  .accueilContenuDroite img{
  	margin-bottom:15px;
  }
  .accueilContenuGauche{
    float:left;
	width:202px;
	margin-left:8px;
	margin-right:10px;
  }
  #accueilSecondContent{
    margin-top:5px;
  }
	  #accueilSecondContent div.ac-secc-colonne{
	    width:179px;
			padding-left:2px;
			padding-right:2px;
      margin-bottom:25px;	
      display:table-cell;
	  }
			#page div.ac-secc-colonne p{
				font-size:10px;
				color:#4D5442;
			}/*
		#ac-secc-colonne1{
      float:left;
		}
		#ac-secc-colonne2{
      float:left;
		}
		#ac-secc-colonne3{
      float:right;
		}*/
		
    #brochuresColonneGauche{
      float:left;
      width:300px;
    }
			#brochuresColonneGauche h3{
        margin-top:0px;
	    }
			body #brochuresColonneGauche form p label{width:70px;}
	    body #brochuresColonneGauche input.std,textarea,select{width:215px;}
	    body #brochuresColonneGauche input,textarea,select{left:70px;}
			body #brochuresColonneGauche .errorMessage{left:70px;}
	    body #brochuresColonneGauche .inputEmail{width:215px;}
			body #brochuresColonneGauche .inputCP{width:100px;}
			body #brochuresColonneGauche .inputPhone{width:150px;}
			body #brochuresColonneGauche .errorMessage{width:230px;display:block;font-size:9px;}
	    body #brochuresColonneGauche .checkBox-label{
	      width:200px;
	      line-height:10px;
	    }
	    body #brochuresColonneGauche .checkBox-parent{
	      margin-bottom:15px;
	    }
      body #brochuresColonneGauche .checkBox{left:220px;}
      body #brochuresColonneGauche .checkBoxErrorMessage{left:0px;}

		#brochuresColonneDroite{
      margin-left:305px;
			margin-top:10px;
			}
			#page p.brochuresH4{
	      background-color:#eaeaea;
			}
			
			.brochure{
				display:inline-block;
				width:110px;
				text-align:center;
			}
			#page .brochure p{
			  color:#315D8F;
				font-size:11px;
				font-weight:bold;
			}
			.textSurUneLigne{
				position:relative;
				bottom:5px;
			}
			
		#atriumFirstContent{
			
		}
    #atriumColonneGauche{
    	float:left;
			width:225px;
    }
    #atriumColonneDroite{
    	margin-left:225px;
    }
		#atriumSecondContent{
		}
    #membreMontreal{
      float:left;
			margin-top:15px;
    }
      #membreMontreal span{
				color:#606060;
				font-size:10px;
      }
    #grandPrix{
      margin-top:15px;
    	margin-left:20px;
    }
    #atriumSecondContent .notes{
      margin-left:2px;
    }
		.logo-mm_page-CentreConf1000{
			margin-left:8px;
		}
		#page .importantTxt{
		  color:#990000;
		}
		#uneEvasionVersMieuxetre{
      margin-left:15px;
			margin-bottom:17px;
		}
		#sculptePourEte{
			float:left;
			margin-top:13px;
      margin-left:15px;
		}
		#centreCondPhysiqueContent{
			margin-left:5px;
		}
		#centreCondPhysiqueSecContent{
			margin-left:5px;
		}
		
		body #page p.ac-type-h2, body #page p.ac-type2-h2{
			color:#076896;
			font-weight:normal;
			font-size:11px;
			margin-bottom:0px;
		}
		body #page p.ac-type-h2{
			color:#505050;
		}
    #page div.accueilContenuDroite p{
      margin-top:0px;
    }
    #page #accueilSecondContent p{
      margin-top:0px;
    }
		#page #accueilSecondContent p.ac-type-h2{
      margin-top:10px;
    }
		
		#pageActivites img{
      margin-right:10px;
      margin-bottom:10px;
			margin-top:5px;
		}
    #pageActivites .act-type-h2{
      font-size:12px;
      color:#333;
    }
    #pageActivites .act-type-h2 span{
      font-size:11px;
    }
		
/* le pied de page */
div#footer{margin-left:209px;padding-bottom:10px;}
	div.footerTop{background-image:url("../../../medias/images/footer_top.gif");background-repeat: no-repeat;height:9px;}
	div.footerMiddle{background-image:url("../../../medias/images/footer_middle.gif");background-repeat: repeat-y;}
		div.footerMiddle p{float: left;margin-top:5px;margin-left:15px;color:#716E63;font-size:10px;}
		div.footerMiddle a{color:#716E63;text-decoration:underline}
		div.footerMiddle img{float:right;margin-right:25px;}
	div.footerBottom{background-image:url("../../../medias/images/footer_bottom.gif");background-repeat: no-repeat;height:8px}

/* Formulaire */
#all form p{position:relative;}
#all form p label{position:absolute;width:170px;}
#all .inputEmail{width:250px;}
#all input,#all textarea,#all select{position:relative;left:170px;}
#all textarea{width:250px;}
#all .inputNbr{width:25px;}
#all .inputDate{width:100px;}
#all .inputCP{width:65px;}
#all .inputPhone{width:100px;}
#all .errorMessage{
	position:relative;
	left:170px;
	color:#F00;
	display:block;
	width:400px;
}
#all .inputHre{width:45px;}
body .ui-datepicker{font-size:0.8em;}
body .ui-dialog .errorMessage{color:#F00;}
#all .inlineRadioBtn{
	display: inline;
}
#confirmMail{
	color:#000;
	font-weight:bold;
	text-align:center;
  margin-top:50px;
  margin-bottom:50px;
	width:100%;
	display:block;
	font-size:14px;
}

/* fb accueil */
#fbAdd{
	text-decoration:none;
	
}
body #all .texte_facebook  {
	color:#4662A7;
	font-family:Arial,Helvetica,Geneva,SunSans-Regular,sans-serif;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
}
/* fb dans la navigation princiale */
body #navig a.fbInNavig{
	left:6em;
	position:absolute;
	top:0.2em;
}
/* reggle d'or */
span.sousRegleOr{
  margin-left:10px;
  display:block;
}


.rouge_important {
    color:#ff0000;
    font-size:14px;
    font-family: Arial, Helvetica, SunSans-Regular, sans-serif!important; 
  }
  
  .enfant {
    color:#00a5d4!important; 
  }
  .parent {
    color:#fea722!important; 
  }
  
  
.fb_accueil{
	width:202px;
	float:left;
	padding:0px 0px 0px 0px;
} 
.accueil_activitees{
	width:320px; 
	float:left; 
	padding:8px 0px 20px 5px;
}