@charset "utf-8";
/* Import de la CSS d'initialisation
----------------------------------------------------------*/
@import url(structure.css);

/* Construction (Montage)
----------------------------------------------------------*/
body { color:#6f8c2c; font-size:12px; font-family: Verdana, "Trebuchet MS", helvetica, "Bitstream Vera Sans", sans-serif; }
h1, h2, h3, h4, h5 h6 { color:#50690D; }
h1 { font-weight:700; font-size:1.1em; font-size:12px; font-weight:bold; padding-bottom:20px; line-height:20px; }
h2 { font-weight:700; font-size:1.3em; /*text-transform: uppercase;*/ padding-bottom:10px; }
h3 { font-weight:700; font-size:1.17em; /*text-transform: uppercase;*/ padding-bottom:10px; }
h4 { font-weight:700; font-size:1em; /*text-transform: uppercase;*/ }
h5 { font-size:0.83em; }
h6 { font-size:0.67em; }
p { color:#6f8c2c; font-size:1em; }
ul, ol{ color:#6f8c2c; font-size:1em; }
li { color:#6f8c2c; font-size:1em; }
a { color:#6f8c2c; text-decoration:underline; }
a:hover { text-decoration:none; } /* si changement de couleur au survol */
textarea { color:#6f8c2c; padding:3px; }
input { color:#6f8c2c; padding:3px; }

/* Liens de bas de page */
#liens_bas p, #liens_bas a {color:#50690D; } /* couleur des liens de bas de page */
#liens_bas p { font-size:.92em; }

/* Image de validation W3C  - Activer le CSS si le fond du site est blanc */
#validator a img { background-color:#50690D; }


/* Éléments Particuliers
----------------------------------------------------------*/
/* Placement d'images */
.imgLeft { float:left; padding:0 2em 0 0; }
.imgRight { float:right; padding:0 0 0 2em; }

/* Des classes d'alignement d'objets */
.aligntop { vertical-align:top; }
.alignmiddle { vertical-align:middle; }
.alignbottom { vertical-align:bottom; }
.aligncenter { margin-left:auto; margin-right:auto; }
.left { text-align:left; }
.right { text-align:right; }
.center { text-align:center; }
.justify { text-align:justify; }

/* Des classes de formatage du texte en ligne */
em, .italic, .italique { font-style:italic; }
strong, .bold, .gras { font-weight:700; }
.strike, .barre { text-decoration:line-through; }
.souligne { text-decoration:underline; }

/* Des classes flotante */
.floatleft { float:left; }
.floatright { float:right; }

/* Les "nettoyeurs" */
.clearb { clear:both; }
.clearer { clear:both; width:0; height:0; line-height:0; }

/*	Mise en page
----------------------------------------------------------*/

/* Page d'accueil */
.illustration { float:left; padding:0 2em 0 0; }
h1#chapeau { padding:1em 0 2em; }

/*	Site en cours de réalisation */
#site { text-align:center; padding-top:5em; }

/*	Mentions Légales */
#infoclient { float:left; padding:0 0 2em; width:323px;}
#hebergeur { float:right; padding:0; }


.fixtemplateha
{
width:1004px;
margin:0 auto;
}

.plancenterha
{
width:810px;
margin:0 auto;
}


.spaceha1
{
word-spacing:26px;}
.spaceha2
{
word-spacing:14px;
text-align:center;}

sup
{
font-size:10px;
vertical-align:super;
}

.bulletL{float:left; padding-bottom:0px; margin-top:5px; padding-left:0px; padding-right:7px;}
.bulletL2{padding-bottom:0px; margin-top:0px; padding-left:0px; padding-right:7px; vertical-align:middle;}
.bulleth2{margin-bottom:20px; margin-top:4px;}
.bulleth3{margin-bottom:40px; margin-top:4px;}
.bulleth4{margin-bottom:60px; margin-top:4px;}
.bulleth5{margin-bottom:90px; margin-top:4px;}
.bullet6{float:left; padding-bottom:0px; margin-top:5px; padding-left:0px; padding-right:7px; padding-left:20px;}
.bullet7{float:left; padding-bottom:0px; margin-top:5px; padding-left:0px; padding-right:7px; padding-left:20px;padding-bottom:20px;}
.bullet8{float:left; padding-bottom:0px; margin-top:5px; padding-left:0px; padding-right:7px; padding-left:20px;padding-bottom:50px;}


.bulletN{float:left; padding-bottom:0px; margin-top:2px; padding-left:20px; padding-right:7px;}
.placebullet
{
width:350px;
float:left;
margin-left:80px;
}

.logogiua
{
vertical-align:middle;
margin-top:-1px;
}

.colha1
{
width:300px;
float:left;
}
.colha2
{
width:480px;
float:right;
}

.specbut
{
margin-top:10px;
width:312px;
float:left;
margin-left:84px;
}

.marginright
{
margin-right:90px;
}

.margintopha1
{
margin-top:0px;
}
.margintopha2
{
margin-top:0px;
}

.fixbut1
{
text-align:center;
}
.fixbut2
{
margin-top:-5px;
}
#butie7 p
{
}
.totalbut
{
width:650px;
margin:0 auto;
}

.imagehar
{
float:right;
margin-left:10px;
}
.img-1{
margin-left:18px;
}
.img-2{
margin-left:8px;
}
.div-1{
width:370px;
}
.div-2{
width:300px;
}
.text-1{
font-size:14px;
}
.text-2{
font-size:14px;
color:#8b4879;
}
.mar-txt{
margin-left:40px;
}
.div-cv{
padding:20px;
text-align:justify;
background-color:#d3d6b9;
}
.div-3{
margin-left:40px;
}
.adultes{
background:transparent url('../images/arts-martiaux/cours-type-adultes.jpg') no-repeat;
}

/*-------------Fieldset Hanh --------------------*/
.fieldset-depot-h { border: 1px solid #5b402b; padding:10px;}
.legend-depot-h { font-size:14px; font-weight:bold; border-left:2px solid #5b402b; padding-left:10px; padding-right:10px; color:#5b402b;}
.space-field-h { height:0px; height /*\**/:12px\9;#height /*\**/:16px\9;}

.wid170-h {width:170px;}
.wid210-h { width:210px;}
.wid280-h { width:280px;}
.wid350-h { width:350px;}
.wid520-h { width:520px;}
.wid640-h { width:640px;}
.mg-l-27-h { margin-left:27px;}


.div-4{
padding:10px;
border:1px solid #5b402b;
}

/* ============== Plan Aces ================ */
.plan {
	width: 600px;
	height: 480px;
	border:5px solid;
	border-color:#d3d6b9;
}
#map .infosbulle {
	width: 210px;
	border: none;
	margin: 0;
	padding: 0;
	text-align:center;
}
#map .infosbulle p {
	display: block;
	margin: 0;
	padding: 0;
	font-family: Verdana, "Trebuchet MS", helvetica, "Bitstream Vera Sans", sans-serif;
	font-style: normal;
}
.plan-titre {
	font-size: 14px;
	color: #5F0666;
	font-weight: bold;
	margin-bottom: 1em;
}
.plan-adresse {
	font-size: 12px;
	color: #333;
}
.plan-printer {
	display:block;
	text-align: right;
}
.plan-printer img, 
.plan-printer a {
	border: none;
}
#googlemap a.googlemap-icon { display: block; background:url(../images/googlemap.jpg) no-repeat; width: 80px; height: 68px; margin:0 auto; }
#googlemap a.googlemap-icon:hover { background: url(../images/googlemap-hover.jpg) no-repeat; }
#googlemap a.googlemap-icon:active { background: url(../images/googlemap.jpg) no-repeat; }
#googlemap a.googlemap-icon span { display:none; }
.alignCenter{
	text-align:-moz-center;
	!text-align:center;	
	text-align:center;
}
/*------------- Hanh SI --------------------*/
.bullet-hanh { padding-bottom:0px; margin-top:5px; padding-left:0px; padding-right:7px;}
.bullet2-hanh { padding-bottom:20px; margin-top:5px; padding-left:0px; padding-right:7px;}
.bullet3-hanh { padding-bottom:35px; margin-top:5px; padding-left:0px; padding-right:7px;}

.magasin-1-hanh { width:270px; float:left;}
.magasin-2-hanh { width:240px; float:left; margin-left:80px;}
.magasin-3-hanh { width:200px; float:right;}

.style-txt-hanh { font-size:15px; color:#503520; border:1px solid #503520; margin: 0; padding: 0; background-color:#a6ea61;} 
.style-txt-hanh22 { font-size:12px; color:#503520; border:1px solid #503520; margin: 0; padding: 0; background-color:#a6ea61;} 
.border-hanh {  border:1px solid #503520; margin: 0; padding: 7px;} 
#anniversares-show-hanh {float:right; width:250px; padding-left:15px;}
.wid250hanh { width:250px;}
.wid300hanh { width:300px;}
.wid230hanh { width:230px;}
.mgleft60hanh { margin-left:60px;}
.wid400hanh { width:400px;}
#show-activiteshanh {margin-left:2px;padding-bottom:10px;/padding-bottom:5px;  }

#index-imgleft {float:left; padding:0.5em 2em 1em 0;}
.mgleft18 { margin-left:18px;}

/*------------- Nhung SI --------------------*/
.kt{padding:7px; text-align:center;}
.mid{text-align:center; padding-top:1px;}
.c2{width:48%;}
.ls{margin-left:300px; }
.bdr{border:1px solid #503520; padding:10px; }
.textl{font-size:15px; color:#503520; text-align: center; font-weight:bold;}
.d1{width:550px;}
.d2{width:200px;}
.d3{width:600px;}

.tb1-nhung{width:100%;}

.tb1-nhung td{padding:8px 0px 1px 0px; }

.w-td{width:220px;}

.table-nohon { width:100%;border-collapse:collapse;}
.table-nohon td { padding:7px; border:1px solid #FFFFFF;}
/*------------- End --------------------*/



.mar1-li{margin-top:7px; margin-bottom:25px;}

.div1-li{width:46%;}






.mauha
{
color:#442103;
}
.mauha2
{
color:#442103;
}
.titleha
{
color:#e24129;
font-size:15px;
font-weight:bold;
padding-bottom:10px;
}

.mailha
{
vertical-align:middle;
margin-top:-1px;
}

.spacehabut
{
word-spacing:50px;
}

.kc-n{margin-left:214px;}
.wtd{width:120px;}
.nhung2{width:40%;}
.nhung21{width:55%;}





.iconv1{ margin-left:15px; margin-right:5px;}

.iconv2{  margin-right:7px; margin-bottom:30px; float:left; margin-top:5px;}

.iconv3{ margin-right:7px; margin-bottom:20px; float:left; margin-top:5px;}

.iconv{  margin-right:7px; margin-top:2px;}

.div-v1{ width:300px;}

.bullet-hau{ margin-right:10px; margin-left:10px;}
.list-hau{ float:left; margin-bottom:20px; margin-top:3px;}





/*===============Xay=============*/
.icon3{ margin-right:7px; margin-left:20px; vertical-align:middle;}

.mar-left{ margin-right:40px;}

.txt-color{ font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; color:#50690D;}


.color-v1{ color:#563b26;}

.mar-right{ margin-right:50px;}
.mar-right2{ margin-right:150px;}

.wid-txt1{ float:left; width:330px;}
.wid-txt2{ float:right; width:450px;}

.wid-txt3{ float:left; width:370px;}
.wid-txt4{ float:right; width:370px;}


.icon{ margin-right:7px; vertical-align:middle;}
.icon2{ float:left; margin-bottom:20px; margin-top:3px; margin-right:7px; vertical-align:middle;}
.icon33{ float:left; margin-bottom:40px; margin-top:3px; margin-right:7px; vertical-align:middle;}
.icon34{ float:left; margin-bottom:50px; margin-top:3px; margin-right:7px; vertical-align:middle;}

.icon-a{ margin-left:20px; margin-right:7px; vertical-align:middle;}
.icon-a2{ margin-left:20px; float:left; margin-bottom:20px; margin-top:3px; margin-right:7px; vertical-align:middle;}
.icon-a3{ margin-left:20px; float:left; margin-bottom:40px; margin-top:3px; margin-right:7px; vertical-align:middle;}

.wid-img1{ float:left; width:228px; text-align:center; margin-left:10px; margin-right:50px;}
.wid-img2{ float:left; width:228px; text-align:center; margin-right:50px;}
.wid-img3{ float:left; width:228px; text-align:center;}


.hei{ height:205px;}

.hei2{ height:180px;}

.mL{ margin-left:150px;}