/**********************************************************************
BASIC HTML ELEMENTS 
**********************************************************************/
html {
	margin: 0;
	padding: 0;
	background:#8995B1;
	voice-family: "\"}\"";
	voice-family:inherit;
}
html>body {
	overflow: hidden;
	}


body {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	color: #002233;
	margin: 0;
	padding: 0;
} html>body {font-size: small;}

a:link {
	color: #FFFFFF; 
	text-decoration: none;
}
a:visited {
	color: #FFFFFF;   /* 658 = soft purple */
	text-decoration: none;
}
a:hover {
	color: #000;
	/*text-decoration: underline;*/
	border: 0;
}
a.image:link, a.image:visited{ 
	border: 0;  /* don't underline image links */
}

li { margin-left:15px; }

img {border:0;}

p {text-indent: 1cm}

input { 
     border:1px solid #000;
     margin:2px;
     background:#D4D0C8;
     }

#global {
     position: relative; /* on positionne le conteneur */
     margin-left: auto;
     margin-right: auto;
     margin-top:0;
     width: 770px;    
}
div[id] #global {
   height:auto;
   }
#megatop {
     float:left;
     width:770px;
	 height:25px;
}	 

#top {
     float:left;
     width:772px;
	 height:155px;
	 font-size:10px;
	 color:#fff;
	 padding-left:2px;
	 background:#fff;
 	 voice-family: "\"}\"";
	 voice-family:inherit;
     width:773px;
     margin-left:2px;
     margin-top:-3px;
}
html>body #top {
	width:772px;
    margin-left:5px;
    margin-top:0px;
}


#time {
     position:absolute;
	 top:40px;
	 left:350px;
	 color:#000;
	 font-size:10px;
	 voice-family: "\"}\"";
     voice-family:inherit;
     top:40px;	 
}
html>body #count {
     top:40px;
}

#count {
     position:absolute;
	 top:40px;
	 left:680px;
	 color:#000;
	 font-size:10px;
	 voice-family: "\"}\"";
     voice-family:inherit;
     top:40px;
}
html>body #count {
     top:40px;
}

#main {
 	 float:left;
     width:764px;
     min-height:350px;
     height:350px;
	 font-size:10px;
	 color:#000;
	 margin-left:5px;
	 padding-bottom:30px;
	 padding-left:10px;
	 padding-top:10px;
	 background:#fff;
 	 voice-family: "\"}\"";
	 voice-family:inherit;	 
	 margin-left:2px;	 
	 width:765px;
}
html>body #main {
	 margin-left:5px;
	 width:764px;
}
div[id] #main {
   height:auto;
   }

#footer {
 	 float:left;
     width:774px;
	 height:28px;
	 font-size:10px;
	 color:#fff;
	 padding-left:20px;
	 padding-top:2px;
	 line-height:20px;
	 background: transparent url(http://magicwanduk.co.uk/v2/images/magictranches_03.jpg) top left no-repeat;	 
}

#top .menu {
     margin-top:-25px;
	 margin-left:300px;
	 voice-family: "\"}\"";
	 voice-family:inherit;
	 margin-top:-26px;
}
html>body .menu {
	 margin-top:-25px;
	 }

#main .left {
     float:left;
	 width: 420px;
	 margin-top:10px;
}


.left p {
     width:350px;
	 text-align:justify;
	 margin-left:50px;
	 }

#main .right {
     float:left;
	 width: 330px;
}

#main .bottom {
     float:left;
	 width: 770px;
	 margin-top:20px;
}	 

#main a {
	color: #9B68AD;
	border: 0;
}
#main a:hover {
	color: #E99330;
	border: 0;
}

.Topic {
     color:#000080;
	 font-size:15px;
	 font-weight:900;
	 margin-left:35px;
}

.menuS {
  float: left;
  width: 150px;
  text-align: left;
  margin-right:10px;
  margin-left:25px;
  margin-top:25px;
  padding:5px;
  border:1px dashed #9E70AE; 
  voice-family: "\"}\"";
  voice-family:inherit;
  margin-left:12px;
}
html>body .menuS {
  margin-left:25px;
}

.trainingS {
  float: left;
  width: 650px;
  text-align: left;
  margin-right:10px;
  margin-left:25px;
  margin-bottom:30px;
  margin-top:25px;
  padding:15px;
  border:1px dashed #9E70AE; 
  voice-family: "\"}\"";
  voice-family:inherit;
  margin-left:12px;
}
html>body .trainingS {
  margin-left:25px;
}


.menuS a:hover {
	color: #000;
	border: 0;
}
.services {
     margin-top:25px;
	 margin-left:25px;
	 margin-right:25px;
}	 

.services h4 {
     font-size:14px;
}

#osp {
   float:left;
   width:500px;
   text-align:center;
}

#osp2 {
   float:left;
   width:700px;
}

.isp {
float:left;
width:80px;
}
.isp2 {
float:left;
width:80px;
text-align:center;
}

.ispT {
     font-size:14px;
     font-weight:bold;
}
.ispC {
     font-size:11px;
     font-weight:bold;
}

.tdm { 
  float: left;
  font-size: 10px; 
  color: #ffffff;
  width:550px;
}
html>body .tdm a { line-height:15px; }

.tdma { 
  float: left;
  margin-left:5px;
  font-size: 10px; 
  color: #ffffff;
}
html>body .tdma a { line-height:15px; }

.square { 
  width: 6px;
  height: 6px;
  float: left;
  margin: 8px 0px 0px 2px;
  background-color:#FFFFFF; 
}

.top {
   margin-left:620px;
   }

/**
  SPACER
  **/
.spacer {
  clear: both;
}

/**
  PAT FORM
  **/
#patForm {
 width:550px;
 }

#patForm .patFormLeft {
 float:left;
 width:150px;
 }
#patForm .patFormRight {
 float:left;
 width:400px;
 }