/* CSS Document */

body {
	margin:0;
	padding:0;
	background-color:#161616;
	color:#FFFFFF;
	font-family:Trebuchet MS,Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

h1 {
	margin:0px;
	font-size:18px;
	font-weight:bold;
	padding-top:25px;
	letter-spacing:2px;
}

h2 {
	margin:0px;
	font-size:16px;
	font-weight:bold;
	letter-spacing:1px;
	text-align:center;
	padding-bottom:10px;
	border-bottom:1px solid #232323;
}

p {
	margin:0px;
	padding:0px;
}

a {
	color:#fff;
	text-decoration:underline;
}

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

option {
	height:14px;
}

.clear {
	clear:both;
}

.clear_10 {
	clear:both;
	height:10px;
	overflow:hidden;
}

.input {
	border:1px solid #232323;
	background-color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:4px;
}

.submit {
	background-color:#FFFFFF;
	border:1px solid #232323;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:4px;
}

.colonne_50 {
	position:relative;
	float:left;
	width:50px;
}

.colonne_100 {
	position:relative;
	float:left;
	width:100px;
}

.colonne_150 {
	position:relative;
	float:left;
	width:150px;
}

.colonne_200 {
	position:relative;
	float:left;
	width:200px;
}

.colonne_250 {
	position:relative;
	float:left;
	width:250px;
}

.colonne_300 {
	position:relative;
	float:left;
	width:300px;
}

.colonne_350 {
	position:relative;
	float:left;
	width:350px;
}


.colonne_400 {
	position:relative;
	float:left;
	width:400px;
}

.colonne_450 {
	position:relative;
	float:left;
	width:450px;
}

.colonne_500 {
	position:relative;
	float:left;
	width:500px;
}

.colonne_550 {
	position:relative;
	float:left;
	width:550px;
}


/* Main */
#main {
	position:relative;
	background-image:url(../img/bg/tranche.jpg);
	background-repeat:repeat-y;
	width:1000px;
	margin:auto;
}

/*  Footer  */
#bottom {
	position:relative;
	background-image:url(../img/bg/footer.jpg);
	background-repeat:repeat-x;
	height:150px;
}

#footer {
	width:1000px;
	margin:auto;
	color:#FFFFFF;
}

#footer a {
	color:#FFFFFF;
	text-decoration:none;
}

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

#fille {
	position:absolute;
	background-image:url(../img/bg/fille.jpg);
	height:419px;
	width:250px;
	top:-269px;
}

#fille img {
	margin-top:106px;
}

#menu_bas {
	text-align:right;
	padding-top:10px;
	letter-spacing:2px;
}


/*  Menu de gauche  */
#index_gauche {
	position:relative;
	float:left;
}

#menu {
	background-image:url(../img/bg/menu.jpg);
	background-repeat:no-repeat;
	width:220px;
	height:280px;
	padding-bottom:269px;
}

#menu a {
	display:block;
}

#menu_select {
	background-image:url(../img/bg/menu-click.gif);
	color:#FFFFFF
}

#menu_select a {
	color:#FFFFFF;
	text-decoration:none;
}

.menu_lien {
	font-weight:bold;
	color:#000000;
	letter-spacing:2px;
	line-height:30px;
	padding-left:10px;
	text-decoration:none;
}

.menu_lien a {
	color:#000000;
	text-decoration:none;
}

.menu_lien a:hover {
	color:#000000;
	text-decoration:none;
}


/*  Banniere  */
#text_haut {
	height:58px;
}

#menu_haut {
	position:absolute;
	top:40px;
	right:25px;
	letter-spacing:2px;
}

#menu_haut a {
	text-decoration:none;
	color:#FFFFFF;
}

#menu_haut a:hover {
	text-decoration:underline;
}


/*   Bandeau news   */
.news {
	position:relative;
	float:right;
	margin-right:10px;
	width:264px;
	border-left:1px solid #FFB001;
}

.titre_news {
	color:#FFEA00;
	background-image:url(../img/bg/bandeau.jpg);
	background-repeat:no-repeat;
	height:26px;
	padding-top:5px;
	padding-left:10px;
}

.contenu_news {
	text-align:justify;
	padding:10px 
}

.lien_news {
	position:relative;
	float:right;
	color:#FFEA00;
}

.lien_news img{
	vertical-align:middle;
}

.lien_news a {
	padding-right:5px;
	color:#FFEA00;
	text-decoration:underline;
}

.lien_news a:hover {
	text-decoration:none;
}


/*  Accueil  */
#contenu_accueil {
	text-align:justify;
}


/*   Index droite  */
#index_droite {
	position:relative;
	float:left;
	margin-left:30px;
	width:750px;
	overflow:hidden;
}


/* Contenu */
#contenu {
	position:relative;
	margin-top:30px;
	width:750px;
}


/*  Page entrainement  */
#tab_entrainement {
	position:relative;
	margin:auto;
	width:740px;
	overflow:hidden;
	padding-bottom:10px;
}

#bandeau_entrainement {
	background-image:url(../img/bg/bandeau-entrainement.jpg);
	width:740px;
	height:39px;
	border-bottom:1px solid #000;
}

.ligne_entrainement {
	background-image:url(../img/bg/ligne-entrainement.jpg);
	width:750px;
	border-bottom:1px solid #000;
}

.colonne_entrainement1 {
	position:relative;
	float:left;
	width:264px;
	line-height:30px;
	padding-left:20px;
}

.colonne_entrainement2 {
	position:relative;
	float:left;
	width:200px;
	line-height:30px;
	padding-left:20px;
}

.colonne_entrainement3 {
	position:relative;
	float:left;
	width:216px;
	line-height:30px;
	padding-left:20px;
}

#fin_entrainement {
	border-top:1px solid #000000;
	width:740px;
	height:5px;
}

/*  Membre du judo club  */
#tab_personnel {
	position:relative;
	margin:auto;
	width:750px;
	padding-bottom:10px;
}

#bandeau_personnel {
	background-image:url(../img/bg/bandeau-personnel.jpg);
	width:750px;
	height:39px;
}

.ligne_personnel {
	background-image:url(../img/bg/ligne-personnel.jpg);
	width:750px;
	border-bottom:1px solid #000;
}

.colonne_personnel1 {
	position:relative;
	float:left;
	width:190px;
	line-height:30px;
	padding-left:20px;
}

.colonne_personnel2 {
	position:relative;
	float:left;
	width:149px;
	line-height:30px;
	padding-left:20px;
}

.colonne_personnel3 {
	position:relative;
	float:left;
	width:184px;
	line-height:30px;
	padding-left:20px;
}

.colonne_personnel4 {
	position:relative;
	float:left;
	width:129px;
	line-height:30px;
	padding-left:20px;
}

.c_personnel1 {
	position:relative;
	float:left;
	width:359px;
	line-height:30px;
	padding-left:20px;
}

.c_personnel2 {
	position:relative;
	float:left;
	width:333px;
	line-height:30px;
	padding-left:20px;
}

#fin_personnel {
	border-top:1px solid #000000;
	width:750px;
	height:5px;
}

/*  Page section  */
#ligne_photo_section {
	text-align:justify;
}

.photo_section {
	position:relative;
	margin-left:10px;
	margin-right:30px;
	margin-bottom:10px;
	width:200px;
	float:left;
	text-align:center;
	vertical-align:middle;
}

.photo_section a {
	color:#fff;
	text-decoration:none;
}

.photo_section a:hover {
	color:#fff;
	text-decoration:underline;
}

/* Page Actualites */
.actu {
	position:relative;
	width:710px;
	text-align:justify;
	border-left:1px solid #171717;
}

.titre_actu {
	position:relative;
	background-image:url(../img/bg/entete-actu.gif);
	background-repeat:no-repeat;
	width:695px;
	height:28px;
	padding-left:15px;
	padding-top:3px;
}

.titre_actu a {
	color:#FFEA00;
	letter-spacing:1px;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
}


/* Page album photo */
.album_photo {
	position:relative;
	background-color:#02547C;
	float:left;
	width:165px;
	text-align:center;
	margin-right:5px;
	margin-bottom:5px;
	height:130px;
	border:2px solid #000;
	padding:5px;
	font-size:11px;
	border-radius:10px;
	-moz-border-radius:10px;
	overflow:hidden;
	background-image:url(../img/bt/banniere.jpg);
	background-repeat:no-repeat;
	background-position:-360px -20px;
}

.album_photo:hover {
	/*background-color:#363636;*/
	border:2px solid #FFDB01;
}

.album_photo img {
	border:2px solid #FFF;
	margin-bottom:5px;
}

.ap_titre {
	display:block;
	position:absolute;
	top:86px;
	width:165px;
	text-decoration:none;
}

.ap_photo {
	position:relative;
	float:left;
	text-align:center;
	overflow:hidden;
	width:120px;
	height:80px;
	margin-right:5px;
	margin-bottom:5px;
}

.ap_photo img {
	vertical-align:middle;
	border:2px solid #FFF;
	margin-bottom:10px;
}


/* Page Manifestations */
.manif {
	position:relative;
	width:710px;
	text-align:justify;
	border-left:1px solid #171717;
}

.titre_manif {
	position:relative;
	background-image:url(../img/bg/entete-actu.gif);
	background-repeat:no-repeat;
	width:695px;
	height:28px;
	padding-left:15px;
	padding-top:3px;
	color:#FFEA00;
	letter-spacing:1px;
	font-size:16px;
}

.contenu_manif {
	width:680px;
	padding-left:15px;
}

/*  Bouton  */
.btn_a {
	position:relative;
	background-image:url(../img/bt/bulle-jaune.jpg);
	background-repeat:no-repeat;
	padding-left:20px;
	font-weight:bold;
	font-size:14px;
	color:#FFFFFF;
	text-decoration:none;
}

.btn_a:hover {
	text-decoration:underline;
}

/*  Google map  */
#plan {
	border:1px solid #242424;
	width:600px;
	height:400px;
	margin-top:10px;
	margin-bottom:20px;
}

.map_bulle {
	line-height:20px;
	letter-spacing:1px;
}