#container
{
	margin: 0 auto;
	width: 1000px;
	background-image:url(mages/lightgray1.gif);
	padding: 20px 0 20px 0;
}


#header
{
	background: #000;
	padding: 10px;
	background-image:url(images/brick-noir15.gif);
}

#header h1 { margin: 0; }

/*----------------------------------------------------------------------------------------------------------*/
/*-- Menu --*/
/*----------------------------------------------------------------------------------------------------------*/
#navigation
{
	float: left;
	width: 1000px;
	font-family:verdana,arial,sans-serif;
	font:96%; 
	background-image:url(images/conc-grise.gif);
	border: 1px black solid;
}

#navigation ul
{
	margin: 0;
	padding: 0;
}

#navigation ul li
{
	list-style-type: none;
	display: inline;
}

#navigation li a
{
	display: block;
	float: left;
	padding: 5px 10px;
	color: #fff;
	text-decoration: none;
	border-right: 1px solid #fff;
}

#navigation li a:hover { background: #f6eb16; color: black;}
/*----------------------------------------------------------------------------------------------------------*/
/*-- Menu --*/
/*----------------------------------------------------------------------------------------------------------*/



/*----------------------------------------------------------------------------------------------------------*/
/*-- page accueil --*/
/*----------------------------------------------------------------------------------------------------------*/
.body-acc {
	width:100%; height:100%; padding:0; margin:0; font:76%; font-family:verdana,arial,sans-serif;
	min-width:1024px; max-width:2000px; background-color:transparent; background-image:url(images/steel.gif); 
	background-repeat:repeat; color:818180;
}
a.acc:link { text-decoration: none; color:818180;}
a.acc:active { text-decoration: none; color:818180;}
a.acc:visited { text-decoration: none; color:818180;}
a.acc:hover { text-decoration: none; color:f6eb16;}
#div-bien {
	width:98%; height:auto; border:0px solid; overflow:auto; margin:0px; padding:5px; text-align:justify;
	background-color:transparent;
}
#div-offerts-affilie {
	width:98%; height:auto; border:0px solid; margin:0px; padding:5px; text-align:center;
}
#acc-hr {
	 height:1px; width:20%; padding:0%; margin:0%; color:#818180; background-color:#818180; border:0;
}
#acc-h5 { color:d6d8d5 }
img.acc { margin:0px; padding:0px; border:0px; height:40px; cellpadding:0px; cellspacing:0px;
}
#header-acc
{
	background: #000;
	padding: 10px;
	background-image:url(images/brick-noir15.gif); border-left: 1px black solid; border-top: 1px black solid; border-right: 1px black solid;
}
#content-container-acc
{
	float: left; width: 1000px; background-image:url(images/brick-noir15.gif); border-left: 1px black solid; border-right: 1px black solid;
}
#left-acc {
	float: left; width: 186px; padding: 0 0 0 0; margin: 0px 10px 10px 10px; display: inline; border: 0px black solid;
}

#left-acc ul {
	margin: 0; padding: 0;
}

#left-acc ul li {
	margin: 0 0 1em; padding: 0; list-style-type: none;
}

#centre-acc {
	float: left; width: 580px; padding: 0 0 0 0; margin: 0 0 0 0; border: 0px black solid;
}

#centre-acc h2 { margin: 0; }

#right-acc {
	float: right; width: 186px; padding: 0 0 0 0; margin: 10px 10px 10px 10px; display: inline; border: 0px black solid;
}

#right-acc h3 { margin: 0; }

/*----------------------------------------------------------------------------------------------------------*/
/*-- page gymnase --*/
/*----------------------------------------------------------------------------------------------------------*/
.html-gym {
	width:100%; height:100%
}
.body-gym {
	width:100%; margin:0px; padding:0px; font:76%; font-family:verdana,arial,sans-serif;
	min-width:600px; max-width:2000px; background-color:transparent;
	background:transparent; color:#ba2026; background-repeat:repeat; background-image:url(images/steel.gif); 
}
#content-container-gym
{
	float: left; width: 1000px; background-image:url(images/brick-rouge.gif); border-left: 1px black solid; border-right: 1px black solid;
}
#left-gym {
	float: left; width: 186px; padding: 0 0 0 0; margin: 0px 10px 10px 10px; display: inline; border: 0px black solid;
}
#centre-gym {
	float: left; width: 580px; padding: 0 0 0 0; margin: 0 0 0 0; border-left: 1px black solid; border-right: 1px black solid; background-color: faf4f4;
}
#right-gym {
	float: right; width: 186px; padding: 0 0 0 0; margin: 10px 10px 10px 10px; display: inline; border: 0px black solid;
}
#gym-title {
	 width:40%; background-color:ba2026; height:20; border:0px solid; text-align:middle; margin:2;
}
#gym-divtable {
	background-color:faf4f4; width:95%; height:auto; overflow:auto; border:0px solid; 
	border-color:ba2026; align:center;
}
#gym-hr {
	height:1px; color:#ba2026; background-color:#ba2026; width:15%; margin:0; padding:0; border:0px;
}
a.gym:link { text-decoration: none; color:#ba2026; }
a.gym:active { text-decoration: none; color:#ba2026; }
a.gym:visited { text-decoration: none; color:#ba2026; }
a.gym:hover { text-decoration: none; color:#bc3a2d; }
a.gym2:link { text-decoration: none; color:#ebbec0; }
a.gym2:active { text-decoration: none; color:#ebbec0; }
a.gym2:visited { text-decoration: none; color:#ebbec0; }
a.gym2:hover { text-decoration: none; color:#ffffff; }
/*a.gym2:hover img { background-image:url(photos-gym/trophee2p.png); background-repeat:no-repeat}*/
/*hover img { border:1px solid #ba2026}*/
a.gym-popup { 
	position: relative; text-decoration: none; 
} 
a.gym-popup span { 
	display: none; text-decoration: none; 
} 
a.gym-popup:hover span { 
	position:absolute; left:-10%; top:center; padding: 5px; display: block; text-decoration: none; 
	border: 1px solid #ba2026; background: #faf4f4; z-index:100px; color:#ba2026; font-size:70%; 
} 
/*a.gym-popup:hover { font-size: 72%; }*/
a.pic-popup:link {  
	text-decoration: none; color: #ffffff; 
}
a.pic-popup:active { 
	color: #ffffff; 
}
a.pic-popup:visited { 
	text-decoration: none; color: #ffffff; 
}
a.pic-popup:hover { 
	color: #f6eb16; letter-spacing: 0; text-decoration: none; 
}
/*----------------------------------------------------------------------------------------------------------*/
/*-- page evenements et resultats --*/
/*----------------------------------------------------------------------------------------------------------*/
.body-gala {
	width:100%; padding:0; margin:0; font:76%; font-family:verdana,arial,sans-serif; color:#8b850d;
	min-width:600px; max-width:2000px; background-color:transparent; background-image:url(none.jpg); 
	background:transparent;
}
.body-eve {
	width:100%; padding:0; margin:0; font:76%; font-family:verdana,arial,sans-serif; color:#8b850d;
	min-width:600px; max-width:2000px; background-color:transparent; background-image:url(none.jpg); 
	background:transparent;	background-repeat:repeat; background-image:url(images/steel.gif);
}
#header-eve
{
	background: #000;
	padding: 10px;
	background-image:url(images/brick-jaune.gif); border-left: 1px black solid; border-top: 1px black solid; border-right: 1px black solid;
}
#content-container-eve
{
	float: left; width: 1000px; background-image:url(images/brick-jaune.gif); border-left: 1px black solid; border-right: 1px black solid;
}
#left-eve {
	float: left; width: 186px; padding: 0 0 0 0; margin: 0px 10px 10px 10px; display: inline; border: 0px black solid;
}
#centre-eve {
	float: left; width: 580px; padding: 0 0 0 0; margin: 0 0 0 0; border-left: 1px black solid; border-right: 1px black solid; background-color: fafaf3;
}
#right-eve {
	float: right; width: 186px; padding: 0 0 0 0; margin: 10px 10px 10px 10px; display: inline; border: 0px black solid;
}
a.eve:link { text-decoration: none; color:8b850d;}
a.eve:active { text-decoration: none; color:8b850d;}
a.eve:visited { text-decoration: none; color:8b850d;}
a.eve:hover { text-decoration: none; color:ffffcc;}
.eve-divtable {
	background-color:transparent; width:95%; height:auto; overflow:auto; border:0px solid; 
	border-color:f6eb16; align:center;
}
#eve-title {
	 width:40%; background-color:ffff66; height:20; border:0px solid; text-align:middle; margin:2;
}
#eve-title2 {
	 width:60%; background-color:ffff66; height:20; border:0px solid; text-align:middle; margin:2;
}
hr.eve { 
	height:1px; color:#8b850d; background-color:#f6eb16; width:15%; margin:0; padding:0; border:0px;
}
a.eve-popup { 
	position: relative; text-decoration: none; color:#8b850d;
} 
a.eve-popup span { 
	display: none; text-decoration: none; 
} 
a.eve-popup:hover span { 
	position:absolute; left:-10%; top:center; padding: 5px; display: block; text-decoration: none; 
	border: 1px solid #8b850d; background: #ffffff; z-index:100px; color:#8b850d; font-size:70%; 
} 
/*a.eve-popup:hover { font-size: 72%; }*/
a.pic-popup:link {  
	text-decoration: none; color: #ffffff; 
}
/*----------------------------------------------------------------------------------------------------------*/
/*-- page produits --*/
/*----------------------------------------------------------------------------------------------------------*/
.body-pro {
	width:100%; padding:0; margin:0; font:76%; font-family:verdana,arial,sans-serif; color=#3b3b3b;
	min-width:600px; max-width:2000px; background-color:transparent; background-image:url(none.jpg); 
	background:transparent;	background-repeat:repeat; background-image:url(images/steel.gif);
}
a.pro:link { text-decoration: none; color:3d3334;}
a.pro:active { text-decoration: none; color:3d3334;}
a.pro:visited { text-decoration: none; color:3d3334;}
a.pro:hover { text-decoration: none; color:bc3a2d;}
/*a.pro:hover img { border:1px solid #3b3b3b}*/
a.pro-popup { position: relative; text-decoration: none; } 
a.pro-popup span { display: none; text-decoration: none; } 
a.pro-popup:hover span { 
	position:absolute; left:-5%; top:center; padding: 5px; display: block; text-decoration: none; 
	border: 1px solid #3b3b3b; background: #fcfdfb; z-index:100px; color:#3b3b3b; font-size:72%; 
} 
#content-container-pro
{
	float: left; width: 1000px; background-image:url(images/brick-grise.gif); border-left: 1px black solid; border-right: 1px black solid; 
}
#left-pro {
	float: left; width: 186px; padding: 0 0 0 0; margin: 0px 10px 10px 10px; display: inline; border: 0px black solid;
}
#centre-pro {
	float: left; width: 580px; padding: 0 0 0 0; margin: 0 0 0 0; border-left: 1px black solid; border-right: 1px black solid; background-color: fcfdfb;
	padding:0 0 30px 0;}
#right-pro {
	float: right; width: 186px; padding: 0 0 0 0; margin: 10px 10px 10px 10px; display: inline; border: 0px black solid;
}
#pro-title {
	 width:40%; background-color:d6d8d5; height:20; border:0px solid; text-align:middle; margin:2;
}
/*----------------------------------------------------------------------------------------------------------*/
/*-- page information generale --*/
/*----------------------------------------------------------------------------------------------------------*/
.body-inf {
	width:100%; padding:0; margin:0; font:76%; font-family:verdana,arial,sans-serif; color:#8b850d;
	min-width:600px; max-width:2000px; background-color:transparent; background-image:url(none.jpg); 
	background:transparent;	background-repeat:repeat; background-image:url(images/steel.gif);
}
a.inf:link {  text-decoration: none; color:8b850d }
a.inf:active { text-decoration: none; color:8b850d }
a.inf:visited { text-decoration: none; color:8b850d }
a.inf:hover { text-decoration: none; color:ffffcc }
#content-container-inf
{
	float: left; width: 1000px; background-image:url(images/brick-jaune.gif); border-left: 1px black solid; border-right: 1px black solid; 
}
#left-inf {
	float: left; width: 186px; padding: 0 0 0 0; margin: 0px 10px 10px 10px; display: inline; border: 0px black solid;
}
#centre-inf {
	float: left; width: 580px; padding: 0 0 0 0; margin: 0 0 0 0; border-left: 1px black solid; border-right: 1px black solid; background-color: fafaf3;
}
#right-inf {
	float: right; width: 186px; padding: 0 0 0 0; margin: 10px 10px 10px 10px; display: inline; border: 0px black solid;
}
#inf-title {
	width:40%; background-color:ffff66; height:20; border:0px solid; text-align:middle; margin:2; color:#8b850d;
}
hr.inf { 
	height:1px; color:#8b850d; background-color:#8b850d; width:15%; margin:0; padding:0; border:0px;
}
/*----------------------------------------------------------------------------------------------------------*/
/*-- page coordonnees --*/
/*----------------------------------------------------------------------------------------------------------*/
.body-coo {
	width:100%; padding:0; margin:0; font:76%; font-family:verdana,arial,sans-serif; color:#3b3b3b;
	min-width:600px; max-width:2000px; background-color:transparent; background-image:url(none.jpg); 
	background:transparent;	background-repeat:repeat; background-image:url(images/steel.gif);
}
a.coo:link {  text-decoration: none; color:3d3334;}
a.coo:active { text-decoration: none; color:3d3334;}
a.coo:visited { text-decoration: none; color:3d3334;}
a.coo:hover { text-decoration: none; color:bc3a2d;}
#content-container-coo
{
	float: left; width: 1000px; background-image:url(images/brick-grise.gif); border-left: 1px black solid; border-right: 1px black solid; 
}
#left-coo {
	float: left; width: 186px; padding: 0 0 0 0; margin: 0px 10px 10px 10px; display: inline; border: 0px black solid;
}
#centre-coo {
	float: left; width: 580px; padding: 0 0 0 0; margin: 0 0 0 0; border-left: 1px black solid; border-right: 1px black solid; background-color: fcfdfb;
}
#right-coo {
	float: right; width: 186px; padding: 0 0 0 0; margin: 10px 10px 10px 10px; display: inline; border: 0px black solid;
}
#coo-title {
	 width:40%; background-color:d6d8d5; height:20; border:0px solid; text-align:middle; margin:2;
}
hr.coo { 
	height:1px; color:#3d3334; background-color:#3d3334; width:15%; margin:0; padding:0; border:0px;
}
/*----------------------------------------------------------------------------------------------------------*/
/*-- page description --*/
/*----------------------------------------------------------------------------------------------------------*/
.body-descr {
	width:100%; padding:0; margin:0; font:76%; font-family:verdana,arial,sans-serif;
	min-width:600px; max-width:2000px; background-color:transparent; background-image:url(mages/bg1.jpg);
	color:818180; background-repeat:repeat; background-image:url(images/steel.gif);
}
a.desc:link { text-decoration: none; color:818180;}
a.desc:active { text-decoration: none; color:818180;}
a.desc:visited { text-decoration: none; color:818180;}
a.desc:hover { text-decoration: none; color:f6eb16;}
.thumbrow {
    text-align: center;
}
#content-container-descr
{
	float: left; width: 1000px; background-image:url(images/brick-noir15.gif); border-left: 1px black solid; border-right: 1px black solid; 
}
#left-descr {
	float: left; width: 186px; padding: 0 0 0 0; margin: 0px 10px 10px 10px; display: inline; border: 0px black solid;
}
#centre-descr {
	float: left; width: 580px; padding: 0 0 0 0; margin: 0 0 0 0; border-left: 0px black solid; border-right: 0px black solid; background-color: transparent;
}
#right-descr {
	float: right; width: 186px; padding: 42px 0 0 0; margin: 10px 10px 10px 10px; display: inline; border: 0px black solid;
}
.div-desc {
	width:98%; height:auto; border:0px solid; overflow:auto; margin:0px; padding:5px; text-align: justify;
	background-color:transparent;
}
.desc-hr {
	 height:1px; width:20%; padding:0%; margin:0%; color:#818180; background-color:#818180; border:0;
}
.desc-h5 { color:d6d8d5 }
img.desc1 {
	 height:85px; border:0px solid black; float:left; margin:5px;
}
img.desc2 {
	 height:70px; border:0px solid black; float:left; margin:5px;
}
img.desc3 {
	 width:90%; border:0px dashed #818180; margin:0px; padding:0px;
}


#footer {
	clear: left; 
	background-image:url(images/conc-grise.gif); 
	text-align: center; 
	padding: 10px; 
	margin-top: 0px;  
	height: 2%;
	border-top: 1px black solid;
        border-bottom: 1px black solid;
}




