@charset "utf-8";
/* CSS Document */
body
{
	background-color:#FFFFFF;
	background-image:url('images/fond.png');
	background-repeat:repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align:justify;
	margin-top:48px;
	padding:0;
}
#contener
{
	margin-left:auto;
	margin-right:auto;
	width:1000px;
	height:768px;
	background-color:#FFFFFF;
	border-style:ridge;
	border-width:2px;
	border-color:#182983;
}
#top
{	
	background-image:url('images/top.png');
	width:1000px;
	height:216px;
}
#logo
{
	width:129px;
	height:129px;
	margin-top:46px;
	margin-left:27px;
	position:relative;
	float:left;
}
#facebook
{
	/*background-image:url('images/facebook.png');*/
	width:56px;
	height:61px;
	margin-top:20px;
	position:relative;
	float:left;
}
#antony
{
	width:1000px;
	height:500px;
	position:relative;
	float:left;
}
.texte
{
	background-color:#ffffff;
	color: #182983;
	width:575px;
	height:250px;
	position:relative;
	float:left;
	border-left: 10px solid #182983;
	border-right: 10px solid #182983;
	border-bottom: 10px solid #182983;
	padding :5px;
}
img{
	border:none;
}
a{
	text-decoration:none;
}
/*********************************** MENU *****************************************/
#nav{
	position:relative;
	float:left;
	width:924px;
	height:226px;
}
#menu{
	width:600px;
	margin-top:100px;	
	margin-left:90px;
}
ul {
	list-style:none;
	margin-left:50px;
}

#actif a {
	text-decoration:none;
	background-color:#ff9000;
}

a:hover{
	text-decoration:none;
	/*color:#ff9000;*/
}
li {
	float:left;
	width:100px;
	margin:0;
	padding:0;
	text-align:center;
}
li a {
	display:block;
	padding:5px 10px;
	height:16px;
	color:#FFFFFF;
	text-decoration:none;
	border-right:1px solid #FFFFFF;
	background:url(images/bg.png) ;
}

/************************************ NEWS ******************************************/
#news
{
	width:334px;
	height:472px;
	position:relative;
	float:left;
	margin-left:20px;
	margin-top:10px;
	margin-bottom:50px;
}
#titre_news
{
	background-image:url('images/titre_news.png');
	width:334px;
	height:27px;
	position:relative;
	float:left;
}
#texte_news
{
	background-color:#bfbfc1;
	width:314px;
	height:425px;
	padding:10px;
	position:relative;
	float:left;
	overflow:auto;
}

/************************************ HOME ******************************************/
#presentation
{
	width:605px;
	height:472px;
	position:relative;
	float:left;
	margin-left:20px;
	margin-top:10px;
	margin-bottom:50px;
}
#titre_presentation
{
	background-image:url('images/titre_presentation.png');
	width:605px;
	height:27px;
	position:relative;
	float:left;
}
#texte_presentation
{
	background-color:#ffffff;
	color: #182983;
	width:575px;
	height:250px;
	position:relative;
	float:left;
	border-left: 10px solid #182983;
	border-right: 10px solid #182983;
	border-bottom: 10px solid #182983;
	padding :5px;
}
#diapo
{
	background-image:url('images/diapo/home/home1.jpg');
	width:585px;
	height:174px;
	border-left: 10px solid #182983;
	border-right: 10px solid #182983;
	position:relative;
	float:left;
}
/************************************ EQUIPES ******************************************/

#equipes
{
	width:605px;
	height:472px;
	position:relative;
	float:left;
	margin-left:20px;
	margin-top:10px;
	margin-bottom:50px;
}
#titre_equipes
{
	background-image:url('images/titre_equipe.png');
	width:605px;
	height:27px;
	position:relative;
	float:left;
}
#diapo_equipes
{
	width:585px;
	height:195px;
	border-left: 10px solid #182983;
	border-right: 10px solid #182983;
	position:relative;
	float:left;
}
#texte_equipes
{
	width:420px;
	height:250px;
	color: #182983;	
	position:relative;
	float:left;
}
#liste_equipes
{
	width:150px;
	/*height:250px;*/
	color: #182983;	
	position:relative;
	float:left;
	border-right:2px solid #182983;
}
.navs {
	width:150px;
	margin-left:5px;
	color:#484849;
	cursor:  pointer;
}
.contenus {
	position:absolute;
	width:405px;
	height:230px;
	padding:10px;
	visibility:hidden;
	overflow:auto;
}
#contenu1 {
	visibility:visible;
}
#nav1 {
	color:#ff9000;
}
/************************************ INSCRIRE ******************************************/

#inscrire
{
	width:605px;
	height:472px;
	position:relative;
	float:left;
	margin-left:20px;
	margin-top:10px;
	margin-bottom:50px;
}
#titre_inscrire
{
	background-image:url('images/titre_inscrire.png');
	width:605px;
	height:27px;
	position:relative;
	float:left;
}
#planning
{
	width:585px;
	height:387px;
	border-left: 10px solid #182983;
	border-right: 10px solid #182983;
	position:relative;
	float:left;
}
#texte_inscrire
{
	background-color:#ffffff;
	color: #182983;
	width:585px;
	height:46px;
	position:relative;
	float:left;
	border-left: 10px solid #182983;
	border-right: 10px solid #182983;
	border-bottom: 10px solid #182983;
}
a#texte_inscrire{
	text-decoration:none;
}
/************************************ GYMNASES ******************************************/

#gymnases
{
	width:605px;
	height:472px;
	position:relative;
	float:left;
	margin-left:20px;
	margin-top:10px;
	margin-bottom:50px;
}
#titre_gymnases
{
	background-image:url('images/titre_gymnases.png');
	width:605px;
	height:27px;
	position:relative;
	float:left;
}
#map
{
	color: #182983;
	width:293px;
	height:435px;
	position:relative;
	float:left;
	border-right: 10px solid #182983;
	border-bottom: 10px solid #182983;
}
#texte_gymnases
{
	color: #182983;
	width:272px;
	height:415px;
	position:relative;
	float:left;
	padding:10px;
	border-left: 10px solid #182983;
	border-bottom: 10px solid #182983;
}
.gym{
	width:150px;
	color:#484849;
	cursor:  pointer;
}
.carte {
	position:absolute;
	width:290px;
	height:435px;
	visibility:hidden;
}
#map1 {
	visibility:visible;
}
#gym1 {
	color:#ff9000;
}
/************************************ CONTACT ******************************************/

#contact
{
	width:605px;
	height:472px;
	position:relative;
	float:left;
	margin-left:20px;
	margin-top:10px;
	margin-bottom:50px;
}
#titre_contact
{
	background-image:url('images/titre_contact.png');
	width:605px;
	height:27px;
	position:relative;
	float:left;
}
#diapo_contact
{
	width:292px;
	height:435px;
	border-left: 10px solid #182983;
	border-bottom: 10px solid #182983;
	position:relative;
	float:left;
}
#texte_contact
{
	color: #182983;
	width:293px;
	height:435px;
	position:relative;
	float:left;
	border-right: 10px solid #182983;
	border-bottom: 10px solid #182983;
}
/************************************ MENTIONS ******************************************/
#mentions
{
	width:980px;
	height:500px;
	padding-left:10px;
	padding-right:10px;
	overflow:auto;
}
/************************************ FOOTER ******************************************/
#footer
{
	color:#182983;
	width:320px;
	height:12px;
	font-size:10px;
	margin-top:20px;
	margin-left:345px;
	position:relative;
	float:left;
}
#footer a{
	text-decoration:none;
	color:#182983;
}
#footer a:hover{
	text-decoration:none;
	color:#ff9000;
}