body { background: #f5f2f5;margin: 0px; padding: 0px;font-family: arial;font-size: 11px;}
#bodyblock {background: url(../medias/template/bgbody.png) repeat-y; width: 711px;height:100% ; margin : 0 auto; padding: 0px 8px 8px 8px }

/* top */
#bodyblock #top {  width: 711px;height: 14px; background: black }
#top a{display:inline-block  ; text-decoration: none ; color:white ;  font-family: tahoma;font-size: 11px; margin:0 6px 0 6px; float:right}
#top a:hover{ color: #fff; text-decoration:  underline }

/* middle */
#bodyblock #middle {width:711px;height:768px; background: url(../medias/template/bgmiddle.png) repeat-y;   }

#middle #logo {margin:30px 0px 0 20px  ; background: url(../medias/template/logo-ntr.png) no-repeat;width:160px ; height:90px ; float:left}
#middle #menu {margin:auto; width:100% ; height:35px ; float:left ; border-bottom:1px #333333 solid; }

#middle #menu1 {margin:auto; width:100% ; height:30px ; float:left ; border-bottom:1px #333333 solid; background-color:#F5F2F5;}
#menu1 a{display:inline-block  ;text-decoration:none; color:#743772; text-transform:uppercase; font-weight:bold ;padding:2px;font-size: 12px;  text-align:center;  margin:0 1px 0 1px; min-width:120px;height:22px; line-height:180%}
#menu1 a:first-letter{font-size:13px;}
#menu1 a:hover{color:#fff;text-decoration:none;background:#743772 ;}
#menu1 a.active{color:#000;text-decoration:none;}




#middle #logo1 {margin:0px 0px 0 39px  ; background: url(../medias/template/logo-ntr.png) no-repeat;width:160px ; height:86px ;  /*float:left*/}
#middle #Banniere1 {margin:auto; border:thin;width:100% ; height:189px ; float:left;}


#menu a{display:inline-block  ;text-decoration:none; color:#743772; text-transform:uppercase; font-weight:bold ;padding:2px;font-size: 11px;  text-align:center;  margin:0 1px 0 1px; min-width:60px;height:22px; line-height:180%}
#menu a:first-letter{font-size:13px;}
/*#menu a:hover{color:#fff;text-decoration:none;background:#743772 ;}*/
#menu a.active{color:#000;text-decoration:none;}

#middle #content {margin:20px 0 0 180px ; width:500px ; float:left}

#content h1 { }
#content h2{color: #6A2968;}

#content p  {font-size: 12px;  color:#111111} 
#content p.highlight1  {font-size: 12px;  color:#6A2968} 
#content li {font-size: 12px;  color:#111111; list-style: none ; list-style-image: url(../medias/template/puce.png); line-height:100%} 

/* bottom  */
#bodyblock #bottom {  width: 711px;height: 54px; background: #6A2968}
#bottom a{text-decoration: none ; color:white ;  font-family: tahoma;font-size: 11px; margin:0 6px 0 6px;}
#bottom a:hover{ color: #fff; text-decoration:  underline }
#bottom #mleft {float:left; margin:14px 0 0 30px; color:#FFFFFF; }
#bottom #mright {float:right;  margin:14px 10px 0 0;}
#bottom #mright1 {float:right;  margin-right:10px; color: #fff; width: 500px; text-align: center;}
#bottom #Sep {float:right;  margin:14px 10px 0 0; color:#FFFFFF }
/* misc */
.clearer{clear: both;height: 1px;}
.clleft{clear: left;height: 1px;}
.clright{clear: right;height: 1px;}