@charset "UTF-8";
/* CSS Document */

* {
	PADDING-BOTTOM: 0px; MARGIN: 0px; OUTLINE-STYLE: none; OUTLINE-COLOR: invert; PADDING-LEFT: 0px; OUTLINE-WIDTH: medium; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
HTML {
	HEIGHT: 100.1%
}


/* 
BODY ---------------------------- */
	
	*{	
		margin: 0px;
		padding: 0px;
		outline: none;
		line-height:normal !important;
		}
		

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #454545;
	text-align:center;
	background-attachment: scroll;
	background-color: #113267;
	margin-top: 50px;
	
	background: url(images/fond.jpg) no-repeat center fixed; 
  -webkit-background-size: cover; /* pour Chrome et Safari */
  -moz-background-size: cover; /* pour Firefox */
  -o-background-size: cover; /* pour Opera */
  background-size: cover; /* version standardisée */

}
	

h1{
	font-size: 20px;
	color: #FFFF;
	text-align:left;

 }
 
h2{
	font-size: 12px;
	color: #e30044;
	text-align:left;
	line-height:40px;
 }
 

  
.txt-courant{


		line-height: 18px;

 }
 

 
a:link, a:active, a:visited {
    color: #e30044;
    text-decoration: none;
}

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


/* 
TOP ---------------------------- */

#top {
	width: 927px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	height: auto;
	bottom: 0px;
	background-color: #FFF;
	padding-top: 22px;
	text-align: right;
	padding-right: 33px;
	padding-bottom: 10px;
	font-size: 11px;

	}


/* 
HEADER ---------------------------- */

#header {
	width: 960px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	height: 98px;
	bottom: 0px;

	}

/* 
WRAPPER ---------------------------- */


#wrapper {
	width: 960px;
	margin: 0 auto;
	text-align: left;
	}

/* 
ARRONDI ---------------------------- */


#arrondi {
	}

/* --------------MENU------------- */
#content-menu {
	width:960px;
	height: 38px;
	border-top-style: none;
	text-align: right;
	padding-bottom: 0px;
	background-image: url(images/barre-menu.png);
	background-repeat: no-repeat;
	padding-top: 8px;
	text-align: center;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
 }
 .menu {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: normal;
	font-variant: small-caps;
} 

/* -----------------BARRE DE NAVIGATION--------------------- */


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


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

#navbar_ex1 a {
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 9px;
	height: 25px;
	vertical-align: bottom;
}

#navbar_ex1 a:link, #navbar_ex1 a:visited {
	color: #000000;
	text-decoration: none;

}

#navbar_ex1 a.dernier:link, #navbar_ex1 a.dernier:visited {
	color: #000000;
	text-decoration: none;
	border-right-width: thin;
	border-right-style: none;
	border-right-color: #FFF;
}

#navbar_ex1 a:hover {
    color: #FFFFFF;
    text-decoration: none;

}

.liens-menu-actifs {
	color:#FFFFFF;
	text-decoration: none;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;


}

.dernier-lien {
	color:#FFFFFF;
	border-right-style: none;

}
/* -----------------CONTENT 1--------------------- */


#content {
	overflow:hidden;
	background-color:#FFF;

	}

.intro {
	width:709px;
	height:276px;
	float: left;
	display:inline;
	text-align: left;
	background-image: url(images/fond-intro.jpg);
	background-repeat: no-repeat;
	}
	
.premier {
	width:709px;
	height:276px;
	float: left;
	display:inline;
	text-align: left;
	background-image: url(images/marques-leader.jpg);
	background-repeat: no-repeat;
	}

.foot {
	width:709px;
	height:276px;
	float: left;
	display:inline;
	text-align: left;
	background-image: url(images/fond-foot.jpg);
	background-repeat: no-repeat;
	}
	
.tennis {
	width:709px;
	height:276px;
	float: left;
	display:inline;
	text-align: left;
	background-image: url(images/fond-tennis.jpg);
	background-repeat: no-repeat;
	}

.ski {
	width:709px;
	height:276px;
	float: left;
	display:inline;
	text-align: left;
	background-image: url(images/fond-ski.jpg);
	background-repeat: no-repeat;
	}

.locations {
	width:709px;
	height:276px;
	float: left;
	display:inline;
	text-align: left;
	background-image: url(images/fond-locations.jpg);
	background-repeat: no-repeat;
	}
	
.running {
	width:709px;
	height:276px;
	float: left;
	display:inline;
	text-align: left;
	background-image: url(images/fond-running.jpg);
	background-repeat: no-repeat;
	}	

.textiles {
	width:709px;
	height:276px;
	float: left;
	display:inline;
	text-align: left;
	background-image: url(images/fond-textiles.jpg);
	background-repeat: no-repeat;
	}
	
.contact {
	width:709px;
	height:276px;
	float: left;
	display:inline;
	text-align: left;
	background-image: url(images/fond-contact.jpg);
	background-repeat: no-repeat;
	}

.deuxieme {
	width:245px;
	height:276px;
	float: right;
	display:inline;
	margin-right: 6px;
	background-image: url(images/news.jpg);
	}	
	
.news_general {
	width:245px;
	height:276px;
	float: right;
	display:inline;
	margin-right: 6px;
	background-image: url(images/news.jpg);
	}	

.news_foot {
	width:245px;
	height:276px;
	float: right;
	display:inline;
	margin-right: 6px;
	background-image: url(images/news_foot.jpg);
	}	
	
.news_tennis {
	width:245px;
	height:276px;
	float: right;
	display:inline;
	margin-right: 6px;
	background-image: url(images/news_tennis.jpg);
	}	

.news_ski {
	width:245px;
	height:276px;
	float: right;
	display:inline;
	margin-right: 6px;
	}	
	
.news_running {
	width:245px;
	height:276px;
	float: right;
	display:inline;
	margin-right: 6px;
	background-image: url(images/news_running.jpg);
	}	

.news_textiles {
	width:245px;
	height:276px;
	float: right;
	display:inline;
	margin-right: 6px;
	background-image: url(images/news_textiles.jpg);
	}
.news_locations {
	width:245px;
	height:276px;
	float: right;
	display:inline;
	margin-right: 6px;
	background-image: url(images/news_locations.jpg);
	}	
	
.troisieme {
	width:300px;
	float: left;
	display:inline;
	margin-left: 6px;
	margin-right: 30px;
	text-align: left;
	margin-top: 0px;
	padding-top: 30px;
	padding-left: 40px;
	}

	
	
.quatrieme {
	width:546px;
	float: right;
	display:inline;

	}	


/* --------------CONTENT CARTE------------- */
#content-carte {
	width:960px;
	background-color: #FFF;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	height: auto;

 }


/* 
MARQUES ---------------------------- */

#contentMARQUES {
	width:200px;
	overflow:hidden;
	text-align:left;
	font-weight: bold;
	padding-top: 40px;
	padding-right: 50px;
	padding-bottom: 50px;
	padding-left: 47px;

	}
 

.marques-grises{
	word-spacing: 0.5em;
	line-height: 18px;
	color: #454545;
 }

.titre-marques{
	font-size: 20px;
	color: #FFF;
	text-align:left;
 }
 
/* 
NEWS ---------------------------- */

#contentNEWS {
	text-align:left;
	font-weight: bold;
	padding-left: 5px;
	color: #FFF;
	height: auto;
	width: 230px;
	margin-top: 220px;
	margin-left: 0px;
	top: 18
	2px;
	left: 945px;
	}	
/* 
FOOTER ---------------------------- */


#footer {
	width:808px;
	margin-top: 0px;
	margin-left: auto;
	height: 23px;
	border-top-style: none;
	text-align: right;
	background-repeat: no-repeat;
	background-color:#FFF;
	padding-top: 20px;
	padding-right: 152px;
	}


.txtFOOTER {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #454545;
}	