@charset "utf-8";
/* CSS Document */
body{ 
	font-family:Verdana, Geneva, sans-serif;
	background-color:#000;
	color:#fff;
}

.fondIntro{ 
	height:768px;
	width:1024px;
	background-color:#2e2e2e;
	background: url(images/gifAnimeLogoIntro.gif) no-repeat;
	position: relative;
	margin:0 auto 0 auto;
}

.logoIntro{
	position:absolute;
	width:186px;
	height:149px;
}




/*.fond{
	max-width:1024px;
	background-color:#2e2e2e;
	background-color:red;
	position: relative;
	margin:0 auto 0 auto;
}*/


.logo{
	width: 148px;
	height: 123px;
	top:8px;
	left:8px;
	position:absolute;
	z-index: 1;
}

.entete{
	max-width:1024px;
	height:130px;
}
.wrapper{
	max-width:1024px;
	position: relative;
	margin:0 auto 0 auto;
	height:100%;
}

.piedPage{
	text-align:center;
	color:#ffffff;
	font-size:12px;
	margin-top:20px;
	margin-bottom:20px;
/*	top:743px;
	left:175px;	*/
}

.logoHS{
	position:absolute;
	left:290px;
	top:0px;	
}

ul.topnav {
	position:absolute;
	list-style: none;
	padding: 0;	
	margin: 0;
	float: left;
	font-size: 14px;
	font-weight:bold;
	top:80px;
	left: 180px;
	z-index: 100;
	
}
ul.topnav li {
	float: left;
	margin: 0;
	padding: 0 15px 0 0;
	position: relative; /*--Declare X and Y axis base for sub navigation--*/
}
ul.topnav li a{
	padding: 10px 5px;
	color: #EE3A32;
	display: block;
	text-decoration: none;
	float: left;
}
ul.topnav li a:hover{
	color: #FFF
}

ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0; top: 31px;
	background: #333;
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 195px;
	border: 1px solid #2e2e2e;
}
ul.topnav li ul.subnav li{
	margin: 0; padding: 0;
	border-top: 1px solid #2e2e2e; /*--Create bevel effect--*/
	border-bottom: 1px solid #444; /*--Create bevel effect--*/
	clear: both;
	width: 195px;
}
html ul.topnav li ul.subnav li a {
	float: left;
	width: 195px;
	padding-left: 5px;
}

/* PAGE TRANSITION */
.fondContenuTransformation{
   /* min-height: 560px;
	height:100%;
	width:100%;*/
	background-color:#343635;
	padding:15px 15px 15px 15px;
	top:135px;
	min-height:657px;
}
#txtIntro{
	/*position:relative;
	left: -400px;
	top:-540px;
	width:540px;
	z-index:1;*/
}

.contenuAccueil{
	/*z-index:3;
	position:absolute;*/
	/*margin-left:300px;*/
}

.lienDepliant{
	position:absolute;
	z-index:20;
	top:545px;
	left:705px;
}

.titrePage{
	font-size:16px;
	font-weight:bold;
	color:#EE3B33;	
}

textarea {
  background-color:#343635;
  border: 1px solid #EE3B33; 
  color:#fff;
}

input.zone{
  background-color:#343635;
  border: 1px solid #EE3B33;
  color:#fff;
}

.titreTableau{
	font-size:14px;
	font-weight:bold;
	color:#EE3B33;	
}

.inclus{
	font-size:14px;
	color:#ffffff;	
}

.texte{
	font-size:12px;
	color:#ffffff;
	line-height:40px;	
}

.texte2{
	font-size:12px;
	color:#ffffff;
	line-height:20px;	
}

.texteEn11{
	font-size:11px;
	color:#ffffff;
	line-height:20px;
}
.gras{
	font-weight:bold;	
}

hr{
	color: #666666;
 	background-color: #666666;
 	height: 1px;
 	border: 0;
}
.note{
	position:relative;
	font-size:11px;
	color:#ffffff;
	line-height:15px;
	margin-top:4px;	
}

.noteHS{
	position:relative;
	font-size:11px;
	color:#ffffff;
	line-height:15px;
}

.noteEval{
	position:relative;
	font-size:11px;
	color:#ffffff;
	line-height:15px;
	margin-top:0px;
}
.noteMesure{
	position:relative;
	font-size:11px;
	color:#ffffff;
	line-height:15px;
	margin-top:118px;
}

.noteProgramme{
	position:relative;
	font-size:11px;
	color:#ffffff;
	line-height:15px;
	margin-top:312px;
}

.noteEntrainement{
	position:relative;
	font-size:11px;
	color:#ffffff;
	line-height:15px;
	margin-top:65px;	
}

.noteEntrainementQC{
	position:relative;
	font-size:11px;
	color:#ffffff;
	line-height:15px;
	margin-top:45px;	
}

a.lien{
	font-size:12px;
	color:#ee3b33;
	font-weight:bold;
	text-decoration:none;
	border-bottom:1px solid #ee3b33;
	padding-bottom:2px
}

a.lien:hover{
	color:#ffffff;
	/*text-decoration:none;
	border-bottom:1px solid #ffffff;
	padding-bottom:2px*/
}

.tableauPrixTransformation{
	position:absolute;
	height:auto;
	width:auto;
	background-color:#3d3e3f;
	top:150px;
	left:160px;
}

table.tableNouveau{
	padding:10px;
	border-bottom-color:#666666;
	border-style:solid;
	border-bottom-width:1px;
	border-top-color:#666666;
	border-top-width:1px;
	border-left-width:0px;
	border-right:0px;
	color:#ffffff;
	font-size:12px;
	valign:bottom;
}

.promotion{
	color:#ee3b33;
	text-align:right;	
}

.alignementDroit{
	text-align:right;
}

.escompte{
	color:#ee3b33;
	text-align:left;
}

#tableauPrixTrans {
	display:none;	
}
#tableauPrixPrive60 {
	display:none;	
}
#tableauPrixPrive45 {
	display:none;	
}
#tableauPrixPrive30 {
	display:none;	
}

#tableauPrixSemiPrive60 {
	display:none;	
}
#tableauPrixSemiPrive45 {
	display:none;	
}
#tableauPrixSemiPrive30 {
	display:none;	
}

#tableauPrixGroupe60 {
	display:none;	
}
#tableauPrixGroupe45 {
	display:none;	
}
#tableauPrixGroupe30 {
	display:none;	
}
#tableauPrixHStotal {
	display:none;	
}
#tableauPrixHSbase {
	display:none;	
}

#tableauPrixHStotal-virtuel {
	display:none;	
}
#tableauPrixHSbase-virtuel {
	display:none;	
}

/*bxslider*/


.bx-prev {
position: absolute;
/*top: 470px;*/
left: 0px;
width: 120px;
height: 42px;
text-indent: -999999px;
background: url(images/flecheGrise_prev.png) no-repeat ;

}

.bx-next {
position: absolute;
/*top: 470px;*/
left: 750px;
width: 100px;
height: 42px;
text-indent: -999999px;
background: url(images/flecheGrise_next.png) no-repeat ;

}

.txtOrange{
	color:#ee3b33;	
	font-size:12px;
}


.button {
   border: 1px solid #ee3b33;
   background: #2e2e2e;
   background: -webkit-gradient(linear, left top, left bottom, from(#343635), to(#2e2e2e));
   padding: 6px 20px;

 
   color: #ee3d33;
   font-size: 12px;
   font-family: Verdana, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
   }
 .button:hover {
   border-top-color: #ee3b33;
   background: #2e2e2e;
   color: #ffffff;
   }
 .button:active {
   border-top-color: #ee3b33;
   background: #2e2e2e;
   }
   

#slideshow {
    position:absolute;
	/*height:550px;
	width:850px;
	padding:-15px -15px -15px -15px;*/
	top:-15px;
	left:-15px;
	z-index:3;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}