* {
	margin:0;
	padding:0;
}

body {
	font-family: Arial;
	font-size: 12px;
	text-align: center;
	background: url("images/header-bg.png") top center no-repeat;
}



a img {
	border: 0;
}

p {
	margin: 10px 0;
}

a {
	color: #333;
}

h1{
	color: #004C16;
	font-weight: bold;
	margin-bottom:10px;
	font-size: 1.9em;
	clear: both;
}

h2 {
	color: #004C16;
	font-weight: normal;
	margin-bottom:10px;
	font-size: 1.9em;
}

h3 {
	color: #004C16;
	margin:10px 0;
	font-size: 1.2em;
}

#wrapper-0, #wrapper-1, #wrapper-2, #wrapper-3,#wrapper-4, #wrapper-5, #wrapper-6, #wrapper-7, #wrapper-8, #wrapper-9 {
	width: 948px;
	margin:0 auto;
	text-align: left;
}
#wrapper-0 { background: url("images/header-bg.png") top center no-repeat; }
#wrapper-1 { background: url("images/header-bg-1.png") top center no-repeat; }
#wrapper-2 { background: url("images/header-bg-2.png") top center no-repeat; }
#wrapper-3 { background: url("images/header-bg-3.png") top center no-repeat; }
#wrapper-4 { background: url("images/header-bg-4.png") top center no-repeat; }
#wrapper-5 { background: url("images/header-bg-5.png") top center no-repeat; }
#wrapper-6 { background: url("images/header-bg-6.png") top center no-repeat; }
#wrapper-7 { background: url("images/header-bg-7.png") top center no-repeat; }
#wrapper-8 { background: url("images/header-bg-8.png") top center no-repeat; }
#wrapper-9 { background: url("images/header-bg-9.png") top center no-repeat; }

#header {
	position: relative;
	height: 265px;
}

#header.expand {
	height: 274px !important;
}

#header p {
	margin: 0;
}

#header h1, #header-p2, #header-p3 {
	position: absolute;
}

#header h1 {
	position: absolute;
	text-indent: -3000px;
	background-image: url("images/le-sport-nous-inspire.gif");
	width: 321px;
	height: 54px;
	top:182px;
	right:41px;
}



#header-p1 {
	position: absolute;
	width: 188px;
	height: 19px;
	top: 135px;
	right: 15px;
	text-indent: -3000px;
	z-index: 20;
	background-image: url("images/montagne-authentique.gif");
	background-repeat: no-repeat;
}

#header-p2 {
	top: 182px;
	left: 30px;
	font-weight: bold;
	color: #97c000;
	font-size: 1.4em;
}


#header h2 {
	position: absolute;
	top: 146px;
	left: 30px;
	text-transform: uppercase;
	font-size: 2em;
	font-weight: bold;
	text-align: right;
	color: #004c15;
}


#flags {
	position: absolute;
	width: 204px;
	height: 13px;
	top: 7px;
	right:0px;
	z-index: 30;
}

#flags li {
	list-style-type: none;
}
	
#flags a {
	display: block;
	position: absolute;
	width: 35px;
	height: 13px;
	text-indent: -3000px;
	top: 0;
	background-repeat: no-repeat;
}

#flag-en a 		{	background-image: url("images/flag-england.gif");										}
#flag-fr a 		{	background-image: url("images/flag-france.gif");			left: 35px;		}
#flag-nl a		{	background-image: url("images/flag-netherland.gif");	left: 70px;		}
#flag-es a 		{	background-image: url("images/flag-spain.gif");				left: 105px;	}

#header form {
	position: absolute;
	right: 27px;
	top: 45px;
	width: 165px;
	color: #F1FCC2;
	text-transform: uppercase;
	font-size: 9px;
}

#header form input.text {
	border: 0;
	border-top: 1px solid #7FA939;
	border-left: 1px solid #7FA939;
	background-color: #EAF4BF;
	width: 95px;
}

#header form label {
	position: absolute;
	top:4px;
	width: 54px;
	text-align: right;
}

#header form p.relative {
	position: relative;
	margin:5px 0;
	padding:0;
}

#header form .margin {
	margin-left: 60px;
}

#header p.submit {
	text-align: right;
}

#header input.submit {
	position: relative;
}

#flash-tw {
	position: absolute;
	/* background-image: url("images/le-sport-nous-inspire.gif"); */
	width: 321px;
	height: 54px;
	top:182px;
	right:41px;
}

/* Content */


#content {
	margin:0 0;
	padding: 0 0 20px 35px;
}

#content ul {
	padding-left: 15px;
}


/**** MENU ****/

#menu ul {
	width: 545px;
	height: 28px;
	position: absolute;
	top: 217px;
	left: 10px;
	list-style: none;
	overflow: hidden;
	border-top: 1px solid #f8f8f8;

}

#menu li {
	list-style-type: none;
	display: block;
	float: left;
}

#menu a {
	height: 28px;
	padding-top: 7px;
	padding-left: 15px;
	padding-right: 7px;
	/* margin-right: 5px; */
	display: block;
	text-decoration: none;
	font-weight: bold;
	color: #fff;
	float: left;
	/*background-color: green;*/
	background: url("images/menu-bullet.png") top left no-repeat;
}

#menu strong a {
	background-position: 0 -28px;
}

/* catalogue */
#marque ul{	list-style: none; padding:0; margin:0; }
#marque ul li{
	margin: 3px;
	padding: 5px;
	display: block;
	float: left;
	border: 1px solid #ecf4e7;
}
#marque ul li a { border-bottom:none;}

/* SUBMENU */

#submenu {
	position: absolute;
	top: 246px;
	left: 40px;
}


#submenu ul {
	list-style: none;
	overflow: hidden;
}


#submenu li {
	list-style-type: none;
	display: block;
	float: left;
	border-right: 1px solid #7ABB00;
	padding: 9px 18px 2px 18px;
}

#submenu a{
	display: block;
	text-decoration: none;
	border-bottom: 1px dotted #629801;	
}

#submenu a:hover{ border-bottom:0px; background-color: #629801; color:#fff;}	

#submenu strong a{
	font-weight: bold;
}

/* cols */

.col-left {
	width: 580px;
	float: left;
}

.col-right {
	padding-top: 1px;
	margin-left: 623px;
	margin-right: 20px;

}

.col2-left {
	width: 270px;
	float: left;
}

.col2-right {
	padding-top: 1px;
	margin-left: 310px;
	margin-right: 0;
}



#map {
	width: 580px;
	height: 450px;
}

/*** FORMS ***/

form label {
	position: absolute;
	top: 4px;
	left: 0;
	display: block;
	width: 70px;
	text-align: right;
}

form span.margin {
	display: block;
}


input.text, textarea {
	border: 1px solid #969696;
	padding: 2px;
}

select {
	border: 1px solid #969696;
}



/*
#activites {
	height: 173px;
	margin: 30px 0;
	position: relative;
}

#activites ul {
	list-style: none;
	padding: 0;
}

#activites li {
	list-style-type: none;
	display: block;
}

#activites a {
	position: absolute;
	display: block;
	width: 132px;
	height: 173px;
	background-repeat: no-repeat;
	text-indent: -3000px;
	top: 0;
}

#activites a.btn-1 {	background-image: url("images/btn-activite-1.png");									}
#activites a.btn-2 {	background-image: url("images/btn-activite-2.png");		left: 210px;	}
#activites a.btn-3 {	background-image: url("images/btn-activite-3.png");		right:0;			}

#activites a.btn-1-alt {
	background-image: url("images/btn-activite-1-alt.png");
}
#activites a.btn-2-alt {
	background-image: url("images/btn-activite-2-alt.png");
	left: 210px;
}
#activites a.btn-3-alt {
	background-image: url("images/btn-activite-3-alt.png");
	right:0;
}

*/

/* page catalogue */
#activites {
	height: 173px;
	margin: 30px 0;
	position: relative;
}

#activites ul {
	list-style: none;
	padding: 0;
}

#activites li {
	list-style-type: none;
	display: block;
	float: left;
	width: 110px;
	height: 155px;
	padding-bottom:5px;
	background-position: 8px 0;
	background-repeat: no-repeat;
	position: relative;
}

#activites li.btn-1{ background-image: url(images/catalogue/btcatalogues_01.jpg);}
#activites li.btn-2{ background-image: url(images/catalogue/btcatalogues_02.jpg);}
#activites li.btn-3{ background-image: url(images/catalogue/btcatalogues_03.jpg);}
#activites li.btn-4{ background-image: url(images/catalogue/btcatalogues_04.jpg);}
#activites li.btn-5{ background-image: url(images/catalogue/btcatalogues_05.jpg);}
#activites li.btn-6{ background-image: url(images/catalogue/btcatalogues_06.jpg);}
#activites li.btn-7{ background-image: url(images/catalogue/btcatalogues_07.jpg);}
#activites li.btn-8{ background-image: url(images/catalogue/btcatalogues_08.jpg);}
#activites li.btn-9{ background-image: url(images/catalogue/btcatalogues_09.jpg);}
#activites li.btn-10{ background-image: url(images/catalogue/btcatalogues_10.jpg);}

#activites li a{
	position: absolute;
	padding-top: 140px;
	display: block;
	width: 110px;
	text-align:center;
}

#activites-details {
	overflow: hidden;
}

#activites-details .slider {
	height: 180px;
	overflow: auto;
}

#activites-details .inner-slider {
	width: 1000px;
}

#activites-details .slider p {
	margin:0;
	padding: 0;
}

#activites-details .slider a {
	margin-right: 1px;
	border-top: 5px solid #aaa;
	float: left;
	height: 70px;
	vertical-align: middle;
}

#activites-details .slider a.selected, #activites-details .slider a:hover  {
	border-top-color: #98C101;
}

#activites-details .details {
	clear: left;
	position: relative;
	height: 330px;
	overflow: hidden;
}

#activites-details .image {
	margin:0;
	position: absolute;
	width: 340px;
	height: 330px;
}

#activites-details .description {
	position: absolute;
	right: 0;
	top: 0;
	height: 330px;
	width: 203px;
	overflow: auto;
}


/* misc classes */

.extra-padding {
	margin-top: 10px !important;

}

.bottom-dot {
	border-bottom: 1px dotted #999;
	margin-bottom: 20px;
}

.dotted-box {
	padding: 5px 10px;
	border: 1px dotted #8D8D8D;
	margin-bottom: 10px;
}

.dotted-box-2 {
	padding: 5px;
	border: 1px dotted #8D8D8D;
	background-color: #eee;
	margin-bottom: 10px;
}
.dotted-box-2 h3, .dotted-box-2 p{
	margin:0;
	padding:0;
	color:#000;
}

#presentation_twinner{
	text-align: justify;
}

/* misc classes */

.clear-left {
	clear: left;
}

hr.clear-left {
	height: 1px;
	font-size: 1px;
	overflow: hidden;
	visibility: hidden;
}
.col-left hr, hr.clear-all {
	clear : both;
	height: 1px;
	font-size: 1px;
	overflow: hidden;
	visibility: hidden;
}


img.float-left {
	float: left;
	display: block;
	margin-right: 10px;
}

img.float-right {
	float: right;
	display: block;
	margin-left: 10px;
}

p.relative, div.relative {
	position: relative;
}


/* new stuffs */

/* sport thumbs */

#sports-thumbs {
	height: 108px;
	overflow: hidden;
	margin-bottom: 20px;
	clear: left;
}

#sports-thumbs ul {
	list-style: none;
	margin:0;
	padding: 0;
}

#sports-thumbs li {
	display: block;
	float: left;
}

#sports-thumbs li a {
	list-style-type: none;
	height: 108px;
	width: 82px;
	display: block;
	float: left;
	margin-right: 1px;
	background: #98BF00 url("images/sports-thumbs-small.jpg") 0 18px no-repeat;
	color: #fff;
	text-decoration: none;
	font-size: 0.8em;
	text-align: center;
}

#sports-thumbs li.sp6 a {
	margin-right: 0 !important;
}

#sports-thumbs span {
	display: block;
	background: #98BF00;
	padding: 4px 0;
}

#sports-thumbs a:hover, #sports-thumbs a:hover span {
	background-color: #669A07;
}

#sports-thumbs .sp1 a {
	
}
#sports-thumbs .sp5 a { background-position: -83px 18px;}

#sports-thumbs .sp6 a { background-position: -166px 18px;}

#sports-thumbs .sp7 a { background-position: -249px 18px;}

#sports-thumbs .sp8 a {	background-position: -332px 18px;}

#sports-thumbs .sp9 a { background-position: -415px 18px;}

#sports-thumbs .sp10 a { background-position: -498px 18px;}

/* welcome box */

#welcome-box {
	margin-bottom: 20px;
}

#welcome-msg {
	width: 174px;
	height: 246px;
	padding: 6px;
	float: left;
	background: url("images/welcome-msg-degrade.jpg") repeat-x;
	text-align: center;
}

#welcome-msg .image {
	margin:0;
	padding: 0;
}

#welcome-news {
	position: relative;
	margin-left: 200px;
}

#welcome-news .newsitem {
	position: relative !important;
	border-bottom: 1px dotted #333;
}
#welcome-news .newsitem h3 {
	color:#000;
}
#welcome-news .newsitem p {
	margin: 0 70px 0 0;
}

#welcome-news .newsitem .image {
	
}

/*
#welcome-news .newsitem img {
	position: absolute;
	left: 315px;
	top: 0;
}
*/
/* team */

#team .employe {

	height: 200px;
	width: 156px;
	float: left;

	margin-right: 52px;
}

#team .alt {
	margin-right: 0;
}


#team .image, #team .nom, #team .fonction {
	margin:0;
}

#team .fonction {
	color: #aaa;
}

/* marques */

.marque {
	border-bottom: 1px dotted #999;
}

#marques-2 {
	list-style: none;
	padding: 0 !important;
}

#marques-2 li {
	list-style-type: none;
	padding: 0;
	display: block;
	float: left;
}

#marques-2 a {
	display: block;
	border-bottom: 1px dotted #999;
	float: left;
	margin:0;
	padding: 0;
}


/* engagement */

#engagement {
	
}

#engagement dt {
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 4px;
}

#engagement dd {
	margin-bottom: 20px;
}

/* fiche-box */

#fiche-box {
	border-top: 1px dotted #999;
	padding-top: 10px;
	position: relative;
	height: 130px;
}

#fiche-box .image {
	margin-top: 4px;
	position: absolute;
	left: 0;
	top: 10px;
}

#fiche-box .content {
	margin-left: 160px;
}


/* items */

#items-menu {

}

#items-menu ul {
	list-style: none;
	margin:0;
	padding: 0;
	margin-bottom: 5px;
	background-color: #eee;
	border-bottom: 1px solid #aaa;
	background-color: red;
	height: 34px;
	overflow: hidden;
	background: url("images/items-menu-bg.jpg") no-repeat;
}

#items-menu li {
	list-style-type: none;
	display: block;
	float: left;	
	padding: 0 0;
	background-color: blue;
}

#items-menu li.first a {
	border-left: 0 !important;
}

#items-menu li.last a {
	border-right: 1px solid #aaa !important;
}

#items-menu a {
	padding: 10px 25px 11px 25px;
	background: red url("images/items-menu.jpg") repeat-x;
	background-position: 0 -100px;
	float: left;
	display: block;
	text-decoration: none;
	border-left: 1px solid #aaa;
	border-right: 1px solid #eee;
}


#items-menu strong a, #items-menu a:hover  {
	font-weight: normal;
	background-position: 0 0;
}

#items .item {
	width: 100px;
	padding: 1px 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	background-color: #eee;
	float: left;
}

#items .item .image {
	text-align: center;
	padding-bottom: 0px;
	line-height: 0;
}

#items .item .infos {
	color: #999;
	font-size: 0.9em;
	padding: 0;
}

/* produit */

#produit {
	background: #ededed url("images/produit-bg.jpg") bottom right no-repeat;
	margin-bottom: 10px;
	padding: 1px 10px 10px 10px;
}

#produit h2 {
	padding-top: 8px;
}

#produit h2, #produit h3 {
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom: 0;
	margin-top: 0;
}

#produit h3 {
	color: #98BF02;
}

#produit .content {
	margin-left: 340px;
	margin-right: 10px;
}


.tw-bottom, .tw-bottom a{
	color: #999;
	text-decoration: none;
	margin: 0;
	padding: 0;
}