/**************************************************************/
/*         CREATION : LATOUR ALAIN - BUJINKAN LAXOU           */
/*                   Tous droits réservés                     */
/**************************************************************/

/********************** COMMUNS ***************************/
*  	{margin:0; padding:0; border:0;}
h2 {font-size:20px;font-weight:bolder;}
h3 {font-size:16px;font-weight:bold;}
a {color:#000;outline:none;}
ul {list-style-type:none;}
input,textarea, select {border:2px inset #D4D0C8;}
/*fieldset{border:1px solid;}*/

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#maintenance {
	width:100%;height:100%;
	padding:120px 0 0 0;
	background:#fbf9f0 url(../images/back.jpg) repeat-x 0 0;color:#4d6360;
	font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:bold;
	text-align:center;
}
#maintenance span {font-size:16px;}
#maintenance img {margin:50px auto 50px auto;}
#err404 .content{
	padding:120px 0 0 0;
	background:#fbf9f0 url(../images/back.jpg) repeat-x 0 0;color:#4d6360;
	font-weight:bold;text-align:center;
}
#err404 .content span {font-size:16px;}
#err404 .content img {margin:50px auto 50px auto;}

/***/

body {background-color:#000;}

.conteneur {
	position:relative;
	width:850px;
	margin:0 auto;
	font-family:Arial, Helvetica, sans-serif;font-size: 11px;
}

.conteneur #ban {
	display:block;
	width:850px;height:205px;
	background:url(../images/head.jpg) no-repeat 0 0 ;
}

.conteneur #menu {
	height:40px;
	margin-top:5px;
}
.conteneur #menu li {
	float:left;
}
.conteneur #menu li a {
	display:block;
	width:146px;height:40px;
}
.conteneur #menu li.push {margin-right:3px;}
.conteneur #menu li.menuBujin a 		{background:url(../images/menu_bujin.jpg) no-repeat 0 0;}
.conteneur #menu li.menuDojo a 			{background:url(../images/menu_dojo.jpg) no-repeat 0 0;}
.conteneur #menu li.menuActu a 			{background:url(../images/menu_actu.jpg) no-repeat 0 0;}
.conteneur #menu li.menuGalerie a 		{background:url(../images/menu_galerie.jpg) no-repeat 0 0;}
.conteneur #menu li.menuConnexion a 	{background:url(../images/menu_connexion.jpg) no-repeat 0 0;}
.conteneur #menu li.menuDeconnexion a 	{background:url(../images/menu_deconnexion.jpg) no-repeat 0 0;}
.conteneur #menu li.rightCollapse  	{float:right;}
.conteneur #menu li a:hover	{background-position:0 -40px;}
.conteneur #menu li a.on	{background-position:0 -40px;}

.conteneur #sousmenu {
	height:28px;
	background:#a29f8e;
}
.conteneur #sousmenu li {
	float:right;
}
.conteneur #sousmenu li a {
	display:block;
	width:128px;height:28px;
}
.conteneur #sousmenu li#bonjour  	{float:left;}
.conteneur #sousmenu li#bonjour img {float:left;}
.conteneur #sousmenu li#bonjour p   {float:left;padding:7px 0 0 5px;font-weight:bold;}
.conteneur #sousmenu li.compte a 	{background:url(../images/admin/smenu_compte.jpg) no-repeat 0 0;}
.conteneur #sousmenu li.pratique a 	{background:url(../images/admin/smenu_pratique.jpg) no-repeat 0 0;}
.conteneur #sousmenu li.actu a 		{background:url(../images/admin/smenu_actus.jpg) no-repeat 0 0;}
.conteneur #sousmenu li.membres a 	{background:url(../images/admin/smenu_membres.jpg) no-repeat 0 0;}
.conteneur #sousmenu li a:hover		{background-position:0 -28px;}
.conteneur #sousmenu li a.on		{background-position:0 -28px;}

.conteneur #footer {
	clear:both;
	height:32px;
	background:url(../images/foot.jpg) no-repeat 0 0;
}
.conteneur #footer p {
	padding-top:10px;
	color:#FFF;
	font-size:10px;font-weight:bold;
	text-align:center;
}
.conteneur #footer a {color:#FFF;}


/*********************** SEO **************************/
h1 {position:absolute;left:-10000px}

/********************** PAGES *************************/
/**
 ** index
 */
#index .content {
	height:564px;
	background:url(../images/index/back.jpg) no-repeat 0 0;
}

#index .content p {
	width:360px;
	padding:105px 0 0 442px;
	color:#5e5c55;
	font-size:13px;font-weight:bold;
	text-align:right;
}

/**
 ** bujinkan
 */
#bujinkan .content {
	height:965px;
	background: #e0ded2 url(../images/bujinkan/back.jpg) no-repeat 0 0;
}

#bujinkan .content p#bujin {
	width:360px;
	padding:96px 0 0 57px;
	color:#5e5c55;
	font-size:11px;font-weight:bold;
}

#bujinkan .content ul {margin:30px 0 0 57px;}
#bujinkan .content ul li {float:left;width:179px;}
#bujinkan .content ul li.push {margin-right:7px;}
#bujinkan .content p#hatsumi {
	clear:left;
	width:737px;
	margin:0 auto;padding:10px 0 0 0;
	color:#1b0909;
	font-size:11px;font-weight:bold;
}
#bujinkan .content p#hatsumi span {font-size:12px;}

/**
 ** dojo
 */
#dojo .content {
	position:relative;
	background:#fbf9f0 url(../images/dojo/back.jpg) no-repeat 0 0;
}

#dojo .content #intro {
	width:800px;height:120px;
	padding:104px 0 0 50px;
	font-size:11px;
}

#dojo .content #association {
	float:left;
	width:365px;
}
#dojo .content #projetPedagogique {
	float:left;
	width:360px;
	padding-left:25px;
}

#dojo .content #photos {
	margin:5px 0 0 50px;
}
#dojo .content #photos li {
	float:left;
	width:179px;
	margin-right:15px;
}
#dojo .content #photos li p {text-align:center;}
#dojo .content #photos li p .prenom{color:#5e5c55;font-size:12px;font-weight:bold;}
#dojo .content #photos li p .titre{color:#408f9a;font-size:11px;font-weight:bold;}
#dojo .content #photos li p .grade{color:#9e9d99;font-size:12px;font-weight:bold;}

#dojo .content #informations {margin:25px 0 0 65px;font-size:11px;font-weight:bold;}
#dojo .content #informations .titre {
	height:28px;
	margin:25px 0 0 0;
	color:#fbf9f0;
	font-size:15px;font-weight:bold;
	text-transform:uppercase;
}
#dojo .content #informations .titre2 {text-transform:uppercase;font-size:11px;}
#dojo .content #informations .titre3 {color:#408f9a;font-size:11px;}
#dojo .content #informations .horaire {font-size:11px;}
#dojo .content #informations .adresse {color:#605954;font-size:9px;}
#dojo .content #informations .info {font-size:10px;}

#dojo .content #informations .first {
	float:left;
	width:364px;
	background: #d6d4c8 url(../images/dojo/top_cours.jpg) no-repeat 0 0;
}
#dojo .content #informations .first .titre {
	height:22px;
	padding:6px 0 1px 56px;
	background:url(../images/dojo/onglet_cours.png) no-repeat 0 0;
}
*+html #dojo .content #informations .first .titre {height:26px;}

#dojo .content #informations .first #coursDojo {margin:5px 10px 0 15px;padding:0 0 8px 0;border-bottom:dashed 1px;}
#dojo .content #informations .first #coursExt {margin:8px 10px 0 15px;padding:0 0 8px 0;border-bottom:dashed 1px;}
#dojo .content #informations .first #coursMolsheim {margin:8px 10px 10px 15px;}

#dojo .content #informations .second {
	float:left;
	width:362px;height:364px;
	margin-left:10px;
	background:#d6d4c8;
	font-size:10px;
}
#dojo .content #informations .second .titre {
	height:22px;
	padding:6px 0 1px 56px;
	background:url(../images/dojo/onglet_tarifs.png) no-repeat 0 0;
}
*+html #dojo .content #informations .second .titre {height:26px;}

#dojo .content #informations .second #insc {padding:5px 10px 0 15px;}
#dojo .content #informations .second #insc .intro {font-size:11px;}
#dojo .content #informations .second #insc .list {font-weight:normal;}
#dojo .content #informations .second #insc .contact {font-size:11px;}

#dojo .content #informations .third {
	float:left;
	width:736px;height:340px;
	margin:10px 0 10px 0;
	background:#d6d4c8 url(../images/dojo/pushEquip.jpg) no-repeat 0 100%;
	font-size:10px;
}
#dojo .content #informations .third .titre {
	height:22px;
	padding:5px 0 1px 56px;
	background:url(../images/dojo/onglet_equipement.png) no-repeat 0 0;
}
*+html #dojo .content #informations .third .titre {height:26px;}

#dojo .content #informations .third #manuels {
	float:left;
	width:330px;
	margin:18px 15px 0 15px;
}
#dojo .content #informations .third #manuel {
	display:block;
	margin:10px 0 10px 50px;
}
#dojo .content #informations .third #tenue {
	float:left;
	width:260px;
	margin-top:-30px;
}

#dojo .content #visuel {
	display:block;
	margin:0 auto;
}

/**
 ** actu
 */
#actualites .content {
	padding:130px 0 20px 45px;
	background:#fbf9f0 url(../images/actus/back.jpg) no-repeat 0 0;
}

#actualites .content #wrapper {float:left;width:576px;}
#actualites .content #wrapper a {display:block;color:#4d6360;font-weight:bold;text-align:right;text-decoration:none;}

#actualites .content .contenu {
    width:576px;
}
#actualites .content .contenu .bordered {
    padding:22px;
    border-left:3px solid #cac8ba;
    border-right:3px solid #cac8ba;
}

#actualites .content .contenu .titre_news {
    height:28px;
    background:url(../images/actus/actu_top.jpg) no-repeat 0 0;color:#8faaaa;
    font-weight:bold;
    line-height:28px;text-indent:30px;
}
#actualites .content .contenu .post_infos {
    height:29px;
    padding-right:25px;
    background:url(../images/actus/actu_bottom.jpg) no-repeat 0 0;color:#fbf9f0;
    font-weight:bold;
    line-height:29px;text-align:right;
}

#actualites .content .content_news {margin:0 0 10px 0;}

#actualites .content .content_news .titre_news {
    height:27px;
    background:url(../images/actus/actu_top.jpg) no-repeat 0 0;color:#8faaaa;
}
#actualites .content #content_cours {
    margin:20px 0 10px 0;
}
#actualites .content #content_cours .titre_news {
    height:27px;
    background:url(../images/actus/cours_top_on.jpg) no-repeat 0 0;color:#fbf9f0;
}

#actualites #links {
    float:right;
    width:190px;
}
#actualites #links a.lien_img {display:block;width:190px;height:59px;margin:10px 0 5px 0;}

#actualites #links #lien_fb 		{background:url(../images/actus/btn_fb.png) no-repeat 0 0;}
#actualites #links #lien_buyukai	{background:url(../images/actus/btn_buyu.png) no-repeat 0 0;}
#actualites #links #lien_links	{background:url(../images/actus/btn_links.png) no-repeat 0 0;}
#actualites #links #lien_dl		{background:url(../images/actus/btn_dl.png) no-repeat 0 0;}
#actualites #links #lien_fb:hover, #actualites #links #lien_buyukai:hover, #actualites #links #lien_links:hover, #actualites #links #lien_dl:hover 	{background-position:0 -59px;}

#actualites #links a {display:block;width:190px;color:#4d6360;text-indent:25px;font-weight:bold;text-decoration:none;}
#actualites #links a:hover {color:#000;}

/**
 ** galerie
 */
#galerie .content {
	padding:20px;
	background:#fbf9f0 url(../images/galerie/back.jpg) no-repeat 0 0;;
}
#galerie .content .gallery {clear:both;padding:100px 0 10px 0;}
#galerie .content .gallery ul {width:760px;list-style: none;margin:0 auto;}
#galerie .content .gallery ul li {
	float:left;
	width:180px;height:180px;
	margin:0 10px 10px 0;padding:0;
	/*background:transparent url(../images/cadre.png) no-repeat 0 0;*/
}
#galerie .content .gallery ul a img {}
#galerie .content .gallery ul a:hover img {}
#galerie .content .gallery ul a:hover {color: #fff;}

#galerie .content object, #galerie .content a#player {display:block;clear:both;width:480px;margin:10px auto 0 auto;}

/**
 ** register
 */
#register .content {
	padding:20px;
	background:#fbf9f0 url(../images/register/back.jpg) no-repeat 0 0;
}

#register .content img {display:block}
#register .content #formulaire {width:623px;margin:80px auto 0 auto;}
#register .content form {padding: 0 140px;background:url(../images/register/cadre_fond.png) repeat-y 0 0;}
#register .content form th{text-align:right;}
#register .content form .star{color:red;}
#register .content form .btn{text-align:center;}
#register .content form .btn input {width:76px;height:21px;margin:10px 10px 10px 0;background:transparent url(../images/connexion/btn.gif) no-repeat 0 0;color:#FFF;border:none;font-size:10px;font-weight:bold;cursor:pointer;}
#register .content form .btn input:hover {background:transparent url(../images/connexion/btn_on.gif) no-repeat 0 0;}

#register .content p.infoReg {padding:10px 0 0 0;font-size:9px;text-align:justify;}

/**
 ** register confirm
 */
#register_confirm .content {
	padding:20px;
	background:#fbf9f0 url(../images/register_confirm/back.jpg) no-repeat 0 0;
}

#register_confirm .content p{margin-top:95px;color:#4d6360;font-weight:bold;text-align:center;}
#register_confirm .content p a{display:block;width:134px;height:18px;margin:2px auto;padding:3px 0 0 0;background:transparent url(../images/register_confirm/btn_off.jpg) no-repeat 0 0;color:#FFF;text-decoration:none;}
#register_confirm .content p a:hover{background:transparent url(../images/register_confirm/btn_on.jpg) no-repeat 0 0;}
#register_confirm .content img{display:block;margin:40px auto 10px auto;}
#register_confirm .content {}