/* --------------------------------------------------------------------------------------------------- */

/* --------------------------------------- ALTHEO by ALEXANCE ---------------------------------------- */

/* --------------------------------------------------------------------------------------------------- */

	body{

		background-color: #FFFFFF;

		margin:10px 0 10px 0;

		text-align:center;

		color: #0072B4; font: 11px Verdana, Arial, Helvetica, sans-serif;

		scrollbar-face-color :#FFFFFF;

		scrollbar-arrow-color :#0072B4;

		scrollbar-track-color :#E5F2FD;

		scrollbar-3dlight-color :#CBD4D9;

		scrollbar-highlight-color :#F4F4F4;

		scrollbar-shadow-color :#A2B2BA;

		scrollbar-darkshadow-Color :#000000;

		background-image:url(img/shotokan_karate_antony.jpg);

		background-repeat:repeat;

	}

/* --------------------------------------------- CONTENEUR --------------------------------------------- */

	#conteneur{

	width:760px;

	margin:auto;

	text-align:left;

	border: 1px solid #000000;

	}

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

	#header{

	float:left;

	background: url("img/header.jpg") no-repeat;

	width:760px;

	height:90px;

	cursor:pointer;

	}
		#header-index{

	float:left;

	background: url("img/header.jpg") no-repeat;

	width:760px;

	height:90px;

	}
	#header-index h1 {color: #000000; font:bold 16px Verdana, Arial, Helvetica, sans-serif;text-decoration: none; padding-left:108px; padding-top: 17px;}
	
	#header h1 {color: #000000; font:bold 16px Verdana, Arial, Helvetica, sans-serif;text-decoration: none; padding-left:108px; padding-top: 17px;}

/* ---------------------------------------------- NAVIGATION -------------------------------------------- */

	#nav{

		clear:both;

		background-color: #000000;

		border: 1px solid #000000;

		width:758px;

		height:19px;

		text-align:center;

		padding-top:4px;

		padding-bottom:0px;

		color: #fff;

	}

	#nav a{color: #FFFFFF; font:bold 10px Verdana, sans-serif; text-decoration: none;margin: 0 3px;}

	#nav a:link, a:visited{color: #FFFFFF; font:bold 10px Verdana, sans-serif; text-decoration: none;}

	#nav a:hover{color: #BF0222; font:bold 10px Verdana, sans-serif; text-decoration: none;}

	.here{color: #fff;}

/* ----------------------------------------------- CONTENU ---------------------------------------------- */

	/* ------------------------- INDEX ------------------------- */

	#totemg{

	float:left;

	background: url("img/totema.jpg") no-repeat;

	border: 1px solid #035889;

	width:152px;

	height:400px;

	}

	#totemg p{

	color: #035889; font: 11px Verdana, Arial, Helvetica, sans-serif;

	margin:0;

	padding:10px;

	}

	#totemg a{color: #990000; font:11px Verdana, Arial, Helvetica, sans-serif;text-decoration: none;}

	#totemg a:link, a:visited{color: #990000; font:11px Verdana, Arial, Helvetica, sans-serif;text-decoration: none;}

	#totemg a:hover{color: #990000; font:11px Verdana, Arial, Helvetica, sans-serif;text-decoration: underline;}

	

	#content{

	float:left;

	background-color: #FFFFFF;

	border: 1px solid #035889;

	width:452px;

	height:400px;

	text-align:center;

	}

	#content p{

	color: #035889; font: 11px Verdana, Arial, Helvetica, sans-serif;

	margin:0;

	padding:10px;

	}

	

	#totemd{

	float:left;

	background-color: #9AB8D2;

	border: 1px solid #035889;

	width:150px;

	height:400px;

	}

	#totemd a{color:#990000;font:11px Verdana, Arial, Helvetica, sans-serif;text-decoration:none;}

	#totemd a:link, a:visited{color:#990000;font:11px Verdana, Arial, Helvetica, sans-serif;text-decoration:none;}

	#totemd a:hover {color:#FFF;font:11px Verdana, Arial, Helvetica, sans-serif; text-decoration:none; background-color:#0068B5;

	}

	#totemd01 , #totemd03{

	float:left;

	background-color: #990000;

	width:150px;

	height:14px;

	padding-top:3px;

	padding-bottom:2px;

	text-align:center;

	color: #fff; font:bold 11px Verdana, Arial, Helvetica, sans-serif;

	}

	#totemd02 , #totemd04 ,#totemd0{

	float:left;

	background-color: #9AB8D2;

	color: #0D455E;

	width:150px;	

	}

	#totemd0{height:18px;}

	#totemd02{height:250px;}

	#totemd04{height:84px;

	}

	#totemd02 strong, #totemd04 strong{

	color: #0D455E; font:bold 11px Verdana, Arial, Helvetica, sans-serif;

	}

	#totemd02 p{

	color: #0D455E; font: 10px Verdana, Arial, Helvetica, sans-serif;

	margin:0;

	padding:10px 6px 10px 4px;

	}

	#totemd04 p{

	color: #0D455E; font: 10px Verdana, Arial, Helvetica, sans-serif;

	margin:0;

	padding:10px 4px 10px 4px;

	}

	/* ------------------------- INTERN ------------------------- */

	#totem-prof, #totem00, #totem01 , #totem02 , #totem03 , #totem04 , #totem05 , #totem06 , #totem07 , #totem08 , #totem09 , #totem10{

	float:left;

	border: 1px solid #000000;

	width:155px;

	height:400px;

	}

	#totem00 {background-color:#BF0222; padding-top: 20px;}

	#totem01 {background: url("img/totem01.jpg") no-repeat;}

	#totem02 {background: url("img/totem02.jpg") no-repeat;}

	#totem03 {background: url("img/totem03.jpg") no-repeat;}

	#totem04 {background: url("img/totem04.jpg") no-repeat;}

	#totem05 {background: url("img/totem05.jpg") no-repeat;}

	#totem06 {background: url("img/totem06.jpg") no-repeat;}

	#totem07 {background: url("img/totem07.jpg") no-repeat;}

	#totem08 {background: url("img/totem08.jpg") no-repeat;}

	#totem09 {background: url("img/totem09.jpg") no-repeat;}

	#totem10 {background: url("img/totem10.jpg") no-repeat;

	}

	#totem-prof p, #totem01 p, #totem02 p, #totem03 p, #totem04 p, #totem05 p, #totem06 p, #totem07 p, #totem08 p, #totem09 p, #totem10 p{

	color: #035889; font: 11px Verdana, Arial, Helvetica, sans-serif;

	margin:0;

	padding:10px;

	}

	

	#totem-faq a, #totem-prof a, #totem00 a, #totem01 a,#totem02 a,#totem03 a,#totem04 a,#totem05 a,#totem06 a,#totem07 a,#totem08 a,#totem09 a,#totem10 a,{color: #FFFFFF; font:11px Verdana, Arial, Helvetica, sans-serif;text-decoration: none; margin-left: 15px;}

	#totem-faq a:link, #totem-prof a:link, #totem00 a:link, #totem01 a:link,#totem02 a:link,#totem03 a:link,#totem04 a:link,#totem05 a:link,#totem06 a:link,#totem07 a:link,#totem08 a:link,#totem09 a:link,#totem10 a:link{color: #FFFFFF; font:11px Verdana, Arial, Helvetica, sans-serif;text-decoration: none; margin-left: 15px;}

	#totem-faq a:visited, #totem-prof a:visited, #totem00 a:visited, #totem01 a:visited,#totem02 a:visited,#totem03 a:visited,#totem04 a:visited,#totem05 a:visited,#totem06 a:visited,#totem07 a:visited,#totem08 a:visited,#totem09 a:visited,#totem10 a:visited{color: #FFFFFF; font:11px Verdana, Arial, Helvetica, sans-serif;text-decoration: none; margin-left: 15px;}

	#totem-faq a:hover, #totem-prof a:hover, #totem00 a:hover, #totem01 a:hover,#totem02 a:hover,#totem03 a:hover,#totem04 a:hover,#totem05 a:hover,#totem06 a:hover,#totem07 a:hover,#totem08 a:hover,#totem09 a:hover,#totem10 a:hover{color: #FFFFFF; font:11px Verdana, Arial, Helvetica, sans-serif;text-decoration: underline; margin-left: 15px;}

	
	#contenu{

	float:left;

	overflow:auto;

	background-color: #FFF;

	width:603px;

	height:421px;

	text-align:justify;

	border-bottom: 1px solid black;
	}

	#contenu p{

	color: #000000; font: 11px Verdana, Arial, Helvetica, sans-serif;

	margin:0;

	padding:5px 25px 10px 20px;

	}

	#contenu a{color:#BF0222;font:11px Verdana, Arial, Helvetica, sans-serif;text-decoration:none;}

	#contenu a:link, a:visited{color:#BF0222;font:11px Verdana, Arial, Helvetica, sans-serif;text-decoration:none;}

	#contenu a:hover{color:#BF0222;font:11px Verdana, Arial, Helvetica, sans-serif;text-decoration:underline;}

/* ----------------------------------------------- FOOTER ---------------------------------------------- */

	#footer{

		clear:both;

		background-color: #000000;

		border: 1px solid #000000;

		width:758px;

		height:14px;

		padding-top:3px;

		padding-bottom:2px;

		text-align:center;

		color: #FFFFFF;

	}

	#footer a{margin: 0 6px; font-size:10px;}

	#footer a:link, a:visited{color: #FFFFFF; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size:10px;  text-decoration: none;}

	#footer a:hover {color: #BF0222; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size:10px;  text-decoration: none;}

/* ----------------------------------------------- RIGHTS ---------------------------------------------- */

	#rights{

	height:19px;

	padding-top:3px;

	padding-bottom:0px;

	text-align:center;

	color: #000000;

	background-color:#FFFFFF;

	}

	#rights a:link{color: #000000; font:11px Verdana, Arial, Helvetica, sans-serif;text-decoration: none;}

	#rights a:visited{color: #000000; font:11px Verdana, Arial, Helvetica, sans-serif;text-decoration: none;}

	#rights a:hover{color: #000000; font:11px Verdana, Arial, Helvetica, sans-serif;text-decoration: underline;}

	

/* ------------------------------------------------------------------------------------------------------------- */

/* ----------------------------------------------- STYLES / CLASS ---------------------------------------------- */

/* ---- LISTE ---- */

	ul{

		margin-top: 0px;

		margin-left: 40px;

		padding: 0 6px;

	}

	li{

		list-style-image:  url("img/nav/btn.gif");

		list-style-position: outside;

	}

/* ---- H1 / H2 / H3 ---- */

h1  {color: #FFFFFF; font:bold 11px Verdana, Arial, Helvetica, sans-serif;text-decoration: none; padding-left:30px; padding-top: 6px;}

.titre {  background-image: url(img/titre1.jpg); background-repeat: no-repeat; margin-left: 20px; height: 30px; margin-top : 10px;}

.titre2 {  background-image: url(img/titre2.jpg); background-repeat: no-repeat; height: 40px; margin-top : 10px;}

h2  {color: #0072B4; font:bold 12px Verdana, Arial, Helvetica, sans-serif;text-decoration: none;margin:0;padding:0px 12px 0px 12px;}

h2  a:link{color: #0072B4; font:bold 12px Verdana, Arial, Helvetica, sans-serif;text-decoration: none;margin:0;padding:0px 12px 0px 12px;}

h2  a:visited{color: #0072B4; font:bold 12px Verdana, Arial, Helvetica, sans-serif;text-decoration: none;margin:0;padding:0px 12px 0px 12px;}

h2  a:hover{color: #0072B4; font:bold 12px Verdana, Arial, Helvetica, sans-serif;text-decoration: underline;margin:0;padding:0px 12px 0px 12px;}



h3  {font:bold 11px Verdana, Arial, Helvetica, sans-serif; text-decoration:none; color:#E4A001;margin:0;padding:0px 10px 0px 10px;}

h3 a:link{font:bold 11px Verdana, Arial, Helvetica, sans-serif; text-decoration:none; color:#E4A001;margin:0;padding:0px 10px 0px 10px;}

h3 a:visited{font:bold 11px Verdana, Arial, Helvetica, sans-serif; text-decoration:none; color:#E4A001;margin:0;padding:0px 10px 0px 10px;}

h3 a:hover{font:bold 11px Verdana, Arial, Helvetica, sans-serif; text-decoration:underline; color:#FFF;margin:0;padding:0px 10px 0px 10px;}



/* DIAPORAMA ******************************************************************************************/



.titre-diaporama {

	color: #BF0222; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif;

}





/*PAGE PROFESSEURS ***************************************************************/

#contenu-prof{

	float:left;

	overflow:auto;

	background-color: #FFF;

	width:601px;

	height:950px;

	text-align:justify;

	color: #000000;

}



#totem-prof{

	float:left;

	border: 1px solid #000000;

	width:155px;

	height:950px;

}



#totem-prof {

	background-color:#BF0222; padding-top: 20px;

}



/*BORDURE *******************/

.bordure {

	border: 1px solid #A7A4A4;

}

.bordure-tarifs-bottom1 {

	border-bottom: 1px solid #A7A4A4;

}

.bordure-tarifs-bottom {

	border-bottom: 1px solid #A7A4A4;

	border-right: 1px solid #A7A4A4;

}

.bordure-tarifs-right {

	border-right: 1px solid #A7A4A4;

}

.bordure-tarifs-left {

	border-left: 1px solid #A7A4A4;

}

.bordure-tarifs {

	border: 1px solid #BF0222;

}



/*PAGE HISTORIQUE KARATE*/

#contenu-historique{

	float:left;

	overflow:auto;

	background-color: #FFF;

	width:601px;

	height:500px;

	text-align:justify;

	color: #000000;

}

#totem-historique{

	float:left;

	border: 1px solid #000000;

	width:155px;

	height:500px;

	background-color:#BF0222;

	padding-top: 20px;

}

/*PAGE FAQ*/

#contenu-faq{

	float:left;

	overflow:auto;

	background-color: #FFF;

	width:601px;

	height:900px;

	text-align:justify;

	color: #000000;

}

#totem-faq{

	float:left;

	border: 1px solid #000000;

	width:155px;

	height:900px;

	background-color:#BF0222;

	padding-top: 20px;

}

#contenu-faq a{

	color: #BF0222;

}

#contenu-faq a:hover{

	text-decoration: underline;

}



/*-----------------------------------------------ROUGE---------------------------------------------*/

.rouge {
	color:#BF0222;
}

/*------------------------------------------------LIEN -------------------------------------------------*/

.redinput {
	background-color:#CF0000;
	color:#FFFFFF;
}

.formulaire table tr td {
	font-weight:bold;
	font-size:10px;
	color:#000000;
}

input, select {
	background-color:#FFFFFF;
	border:1px solid #BF0222;
	font-weight:bold;
	height:16px;
	font-size:10px;
	color:#000000;
}

textarea {
	background-color:#FFFFFF;
	border:1px solid #BF0222;
	font-weight:bold;
	width:300px;
	height:100px;
	color:#000000;
}

.resume {
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.index {
	padding-top: 30px;
	padding-left: 20px;
	padding-right: 20px;
}
.texte-index-border p{
	color: #000000;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	font-size: 11px; /*10px*/
}
.texte-index p{
	color: #000000;
	text-align:justify;
}
/*.texte-index-border{
	border: 1px solid #E1E1E1; */
}
.texte-index-border p{
	color: #000000;
	text-align:center;
}

.index-titre1{
	color: #BF0222;
	font-size:16px;
	padding-top: 20px;
	font-weight:bold;
	padding-left: 20px;
}

.bloc2-index{
	background-image: url(img/images/index2_02.gif);
	background-repeat:no-repeat;
	height: 234px;
	width: 415px;
}

/* SAVE ------------------------#contenu-index{
	float:left;
	overflow:auto;
	background-color: #FFF;
	width:760px;
	height:415px;
	text-align:justify;
	border-bottom: 1px solid black;
}*/

#contenu-index{
	float:left;
	overflow:auto;
	background-color: #FFF;
	width:760px;
	height:415px; /*650*/
	text-align:justify;
	border-bottom: 1px solid black;
}
.bloc-droit-index {
	background-color: #FFFFFF;
}
.bloc-central-2 {
	height: 268px;
}
.lien1 a {
	color: #000000;
	text-decoration:underline;
}
.lien1 a:hover {
	color: #000000;
	text-decoration:none;
}

.photo-historique img {
	float: left;


}