/* ----------Définitions générales----------- */
body {
	margin: 0;
  	padding: 0;
  	background-color: #323232;
  	color: white;
  	font-family: Arial, Helvetica, sans-serif; 
	}

body#antpublic {  
 	margin: 0;
  	padding: 0;
  	background: #323232 url(../images/trameHeader.png) repeat-x top left;
  	color: rgb(54,54,54);
  	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	min-width: 960px;
	text-align: center;
	}

/* Bloc de base */

div#level1 {
	/*background: rgb(255,255,255) url(../images/layer1_body1.jpg) no-repeat bottom left;*/
  	color: black;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	width: 960px;
  	padding: 0px;
	}

div#level1Priv {
	/*background: rgb(255,255,255) url(../images/layer1_body1.jpg) no-repeat bottom left;*/
  	color: black;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	width: 960px;
  	padding: 0px;
	text-align: left;
	}

/* Header */

#header {
	margin: 0;
	padding: 0;
  	text-align: center;
	height: 161px;
	}
	
div.banner {
	position: absolute;
	top: 160px;
	min-width: 876px;
	height: 16px;
	background-color: rgb(255,255,255);
	border-top: 1px solid rgb(109,0,5);
	border-bottom: 1px solid rgb(109,0,5);
	padding: 0;
	margin: 0;
	}

p.headerp{
	/*background-color: red;*/
	position: relative;
	margin: 2px 0 0 0;  /* problème margin:0 avec IE il faut absolument specifier le height*/
	padding: 0;
	height: 14px;
	}

span.header1 {
	margin: 0;
	font-Family : Verdana, Arial, Helvetica;
	font-Weight : normal; 
	font-Size : 0.6em;
	color : rgb(102,102,102);
	text-decoration : none;
	text-align : left;
	padding-top : 0px;
	padding-bottom : 0px;
	padding-left : 15px;
	padding-right : 10px;
	background :  url(../images/site-menu2-bg.gif) no-repeat 0px -2px;
	vertical-align: top;
	/*height : 20px;*/
	}
	
span.langues {
	margin: 0 0 0 10px;
	font-Family : Verdana,Arial,Helvetica;
	font-Weight : normal; 
	font-Size : 0.6em;
	color : rgb(255,255,255);
	text-decoration : none;
	text-align : left;
	padding-top : 0px;
	padding-bottom : 0px;
	padding-left : 5px;
	padding-right : 5px;
	background-color :  rgb(109,0,5);
	vertical-align: top;
	}
span.langues a{
	color : rgb(255,255,255);
	text-decoration : none;
	}
span.langues a:hover{
	color : rgb(191,221,84);
	text-decoration : underline;
	}

.imgleft{
	float:none;  /* necessaire pour ie pour qu'il n'ajoute pas en-dessous un bord d'environ 2px */
	position: relative;
	padding: 0;
	border: 0;
	margin: 0;
	}

/* Fin Header */

/* Main div */

#main {
  	width: 100%;
  	margin-top: 0px;
	background-color: #ffffff;
	}

#main2 {
  	margin-top: 0px;
  	/*background-image: url(../images/site-ctleft_bg.gif);
  	background-position: bottom left;
  	background-repeat: repeat-y;*/
	}

table#contentTable{
	margin: 0;
  	padding: 0;
	border-collapse: collapse;
	width: 100%;
	height: 450px;
	}

#contentLeft {
  	float: left;
  	width: 160px;
  	/*background-color: rgb(34,39,139);*/
  	color: black;
  	margin: 0;
  	padding: 0;
	}

#contentLeftTabl {
  	width: 160px;
  	color: black;
  	margin: 0;
  	padding: 0;
	vertical-align: top;   /*necessaire pour le td dans mode tableau */
	}

#contentLeft .inner,#contentLeftTabl .inner {
	margin: 0;
	padding: 0;
	text-align: left;
	}

#contentRight {
  	float: right;
  	width: 160px;
  	background-color: rgb(221,221,221);
  	color: white;
  	margin: 0;
  	padding: 0;
	}

#contentRightTabl {
  	width: 150px;
  	background-color: rgb(255,255,255);
  	color: white;
  	margin: 0;
  	padding: 0;
	vertical-align: top;   /*necessaire pour le td dans mode tableau */
	}

#contentRight .inner,#contentRightTabl .inner {
	margin: 0;
	padding: 0;
	text-align: left;
	}

div#contentMain {
  	margin: 0 160px 0 160px;
  	color: black;
	}

td#contentMain {
  	margin: 0 160px 0 160px;
	padding: 0;
  	color: black;
	vertical-align: top;  /*necessaire pour le td dans mode tableau */
	background: #ffffff url(../images/content_ombre.jpg) repeat-y top left;
	}

div#contentMain .inner {
  	margin: 0;
  	padding: 5px 15px 5px 25px;
	}

td#contentMain .inner {
  	margin: 0;
  	padding: 5px 15px 5px 25px;
	}

#clearone {
  	clear: both;
  	height: 1px;
}

/* Fin Main div */

/* Footer */

#footer {
	font-Size : 70%;
	color : #ffffff;
	background: url(../images/footer.png) no-repeat top left;
	text-align : center;
	vertical-align : middle;
	padding : 7px 7px 7px 47px;
	height : 45px;
	/*width: 100%;*/
  	margin-top: 0px;
  	clear: both;
	}

#footer a {
	color: #f56829; /*#f92b96*/
	text-decoration: underline;
	}

#footer a:hover {
	color: #ffffff;
	text-decoration: underline;
	}

/* Fin Footer */

/* Boxes */

div.boxleft {
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 8px 0px;
	background: url(../images/menu_bg.jpg) repeat-y top left;
	width: 160px;
	border-bottom: 1px solid #e7e3e6; 
	}

div.boxleft h3{
  	font-size: 80%;
	height: 22px;
	width: 160px;
	padding: 5px 0px 0px 0px;
	margin: 0px;
	font-weight: bold;
	color: #ffffff;
	text-decoration : none;
	text-align: center;
	background: url(../images/box_h3.jpg) repeat-x top left;
	}

div.boxleft p{
	margin: 0px;
	padding: 3px 5px 3px 15px;
	font-size: 70%;
	color: rgb(31,34,36);
	/*background-color: rgb(204,204,204);*/
	}

div.boxleft p a{
	color: #888088;
	}

div.boxleft p a:hover{
	color: rgb(31,34,36);
	}

input.authincludeinput{
	font-size: 10px;
	color: rgb(31,34,36);
	text-decoration: none;
	text-align: left;
	padding-top: 1px;
	padding-bottom: 1px;	
	padding-right: 5px;	
	padding-left: 5px;
	width: 108px;
	border: 1px solid #a4a0a3;
	}

input.authincludesubmit {
	font-weight: bold; 
	font-size: 9px;
	color: #ffffff;
	background: url(../images/bouton_clients.jpg) no-repeat center left;
	text-decoration: none;
	text-align: left;
	padding: 0px 0px 0px 35px;
	height: 20px;
	width: 119px;
	border: 0px;
	cursor: pointer;
	}

/*left or right depending on where die auth is located */

div.boxleft div{
	margin: 0px;
	padding: 5px 15px 5px 15px;
	font-size: 70%;
	color: rgb(31,34,36);
	}
	
/* necessaire pour IE si on veut controler la position */
div.boxleft div form{
	margin: 0px;
	padding: 0px 0px 0px 0px;
	}


/* BOX RIGHT NON ACTIVÉ SUR JUSTOGYM -----------------------------------------------------*/
div.boxright {
	margin: 5px 5px 10px 5px;
	padding: 0;
	}
	
div.boxright div form{
	margin:0px;
	padding:0px;
	}

div.boxright h3{
	font-size:  80%;
	height: 18px;
	width: 140px;
	padding: 2px 0px 0px 0px;
	background: rgb(255,255,255) url(../images/layer1_fixed.gif) no-repeat top left;
	margin: 0;
	font-weight: bold;
	color : rgb(31,34,36);
	text-decoration : none;
	text-align: center;
	}

div.boxright p{
	display: block;
	margin:0px;
	padding:3px 3px 3px 15px;
	font-size: 70%;
	color: rgb(54,54,54);
	background: rgb(184,184,184) url(../images/site-menu2-bg.gif) no-repeat 0px -1px;
	}
	
div.boxright p.image{
	display: block;
	margin:0px;
	padding:3px 3px 3px 15px;
	font-size: 70%;
	color: rgb(54,54,54);
	background-color: rgb(184,184,184);
	background-image: none;
	}

div.boxright p a{
	color: rgb(54,54,54);
	text-decoration: underline;
	}

div.boxright p a:hover{
	color: rgb(109,0,5);
	text-decoration: underline;
	}

div.boxright p.image img{
	border: 1px solid rgb(104,104,104);
	margin:0px 15px 0px 15px;
	}
	
div.boxright p img.Bouton{
	border: 0px solid rgb(204,204,204);
	}
	
div.boxright p.lm_text{
	display: block;
	margin:0px;
	padding:3px 3px 3px 15px;
	font-size: 70%;
	color: rgb(74,74,74);
	background: rgb(184,184,184) url(../images/site-menu2-bg-sel.gif) no-repeat 0px -1px;
	}
/*----------------------------------------------------------------------------------------*/


#newsTicker{
	position: relative;
	width: 150px;
	height: 35px;
	overflow: hidden;
	}
#newsScroller{
	position: absolute;
	position/**/: relative; 
	height: 35px
	line-height: 35px;
	white-space: nowrap;
	}
	
#newsTickerVert{
	padding-top: 10px;
	position: relative; 
	width: 150px; 
	height: 100px;  
	overflow: hidden; 
	background-color: rgb(184,184,184);
	}
#newsScrollerVert{
	position: absolute;
	position/**/: relative; 
	width: 130px; 
	padding: 3px 5px 3px 15px;
	font-size: 70%;
	color: rgb(54,54,54);
	}
	
div#newsScrollerVert a{
	color: rgb(109,0,5);
	}
	
div#newsScrollerVert p{
	display: block;
	font-size: 1em;
	background-color: rgb(184,184,184);
	background-image: none;
	padding: 3px 0px 3px 0px;
	}
	
span.infodefile {
	font-size: 1em;
	font-weight: bold;
}

/* Fin boxes */

/* site map style */
ul.antsitemap {
	list-style-type: none;
	list-style-position: outside;
	/*list-style-image: url(../images/site-bgmenus2.jpg);*/
	padding-top: 2px;
	margin-left: 0px;
	color: #e61782;
	text-align: left;
	}

ul.antsitemap li.map1 {
	font-size: 80%;
  	color: rgb(31,34,36);	
  	text-decoration:none;
	padding: 5px 0px;
	border-bottom: 1px dotted #949494;
	}
ul.antsitemap li.map1 a {
	font-weight: bold;
  	color: #e61782;	
  	text-decoration:none;
	}
ul.antsitemap li.map1 a:hover {
   color: rgb(31,34,36);
   text-decoration:none;
	}	
	
ul.antsitemap li.map2 {
	font-size: 70%;
  	color: rgb(31,34,36);	
  	text-decoration:none;
	padding: 2px 0px;
	}
ul.antsitemap li.map2 a {
	font-weight: bold;
  	color: #e61782;	
  	text-decoration:none;
	}
ul.antsitemap li.map2 a:hover {
   color: rgb(31,34,36);
   text-decoration:none;
	}

ul.antsitemap li {
	font-size: 70%;
  	color: rgb(31,34,36);	
  	text-decoration:none;
	}
ul.antsitemap li a {
  	color: #e61782;	
  	text-decoration:none;
	}
ul.antsitemap li a:hover {
   color: rgb(31,34,36);
   text-decoration:none;
	}
	
div.antspace{
	height: 20px;
}

/* 
** Float containers fix: http://www.csscreator.com/attributes/containedfloat.php  
*/ 
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix{display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */

/* new for IE7 not supporting before and after , but a simple break seams to be enough */

br.antclearfix{
	font-size: 1px;
	line-height: 0; 
	height: 0; 
	clear: both;
	}  
 
/* printer styles*/ 
@media print{ 
	/*hide the left and right column when printing*/ 
	#contentLeftTabl, #contentRightTabl{display:none;} 
	#contentMain{width:100%; float:none;}
}
/* end printer styles */