/*
 * TKDv - CSS template for Taekwondo Varennes
 */
html { 
		font-size: 62.5%;	
} 

html, body{ 
 			margin:0; 
 			padding:0; 
 			text-align:center; 
} 

#pagewidth{ 
 			width:750px; 
 			text-align:left;  
			margin-left:auto; 
			 margin-right:auto;
} 

#header{
 		position:relative; 
 		height:211px; 
 		width:100%;
} 

#bgd {
		position: absolute; 
		top=0; 
		width: 100%; 
		height: 160px; 
		z-index: 1; 
		background:url('images/Varennesbg.gif') repeat-x fixed;
}

#toplogo {
		position: absolute;	
		align: center;
		left: 27px; 	
		top: 11px; 
		width: 207px;
		height: 207px;
		z-index: 2; 
		background-image:url('images/varenneslogo.gif'); background-repeat:no-repeat;
}

#title {
		position: absolute; 
		left: 238px; 
		top: 16px; 
/*		width:500;  */
		font-size:3em; font-family:"Arial Rounded MT Bold"; color:#FFF; 
		z-index:3;
}

 /* *** Float containers fix:*/ 
:after.clearfix {
 				content: "."; 
 				display: block; 
				height: 0; 
 				clear: both; 
 				visibility: hidden;

 }
 
.clearfix{
			display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix{
					height: 1%;
}
.clearfix{
			display: block;
}

#maincol{  
/* 		float: right; 
 		display:inline; */
		position: relative; 
		width:100%; 

 }
#mainstuff {
			position: absolute; 
			left: 246px; 
			top: 1px; 
			float: left;
		    padding: 0.5em;
		    font-size: 1.30em;
		    line-height: 1.5em;
			width: 501px;
			height: 500px;
			z-index: -1; 
			background:url('images/yop.gif') no-repeat;
			
}

#underMNU	{
				position: absolute; 
				width: 212px; 
				height: 350px; 
				z-index: 2; 
				left: -2px; 
				top: 220px; 
				border-style: solid; 
				border-width: 1px; 
				padding: 4px 4px 1px 1px;
			}
#rightbox {
    float: right;
    padding: 0.5em;
    font-size: 1.50em;
    line-height: 1.0em;
    color: #6E7267;
    width: 30%;
    text-align: right;
    font-family: "Book Antiqua"; font-weight:bold;
    margin:0.2em 0.4em 0.2em 0.2em;
}

#leftbox {
    float: left;
    padding: 0.5em;
    font-size: 1.5em;
    line-height: 1.0em;
    color: #000;
    width: 30%;
    text-align: left;
    font-family: "Book Antiqua"; font-weight:bold; font-style:italic;
    margin:0.2em 0.4em 0em 0.2em;
}

p.main {
    margin: 0.5em 0em;
    font-family: "Arial"; font-size:1.3em; color:#000000; text-align:justify
}

/* ===================Bullets with the logo ======================= */
#tkdBullets {
			 list-style-image: url('images/Varennesico.gif'); 
			 font-family: Verdana; 
			 font-size: 0.9em; 
			 font-style: italic; 
			 padding: 2em;
			 margin: 0.2em 0.4em 0em 0.2em; 
			 text-align:left;
}
#tkdBullets li {
				padding: 0.2em 1em 0.2em;
}
/* ===================Bullets with the logo ======================= */

H1 {font-size:3em; font-family:"Arial Rounded MT Bold"; color:#669900;

}

table {
	border-collapse: collapse;
  	margin: 10px;
  	border: 0;
  	width: 98%;
  	background:  #669900;
   	color: #FFF;
}

tr.odd {
  	border: 0;
	font-weight: bold;
  	background:  #fff;
  	color: #669900;
}

td {
  	padding: 5px;
}

#pictbox {
    float: left;
    padding: 0.5em;
    font-size: 1.0em;
    line-height: 1.3em;
    color: #6E7267;
    width: 25%;
    text-align: left;
    font-family: "Book Antiqua"; font-weight:bold; font-style:italic;
    margin:0.2em 0.4em 0em 0.2em;
}
#PhotoRight {    
		float: right;
	    padding: 0em 0em 0em 0em;
	    margin: 0.5em 0.5em 0.5em 0.5em;
}
#PhotoRightWrap {    
		float: right;
	    padding-left: 0.6em;
	    margin: 0em 0em 0em 0em;
}
#PhotoLeft {    
		float: left;
	    padding: 0em;
	    margin: 0em 0em 0em 0em;
	    width: 35%;
}

#photoExam {float:left; width:35%; border: none;}

#alignRight { text-align:right;}

#titreArticle {
	font-weight: bold ;
	color: #669900 ;
}