body{
  text-align:center;
     width:700px;
  margin:0 auto;
  background : url(../images/bg_body.png) top center repeat-x #ccc;
  font-family : "Trebuchet MS",arial, sans-serif;
  color : #555;
  font-size : 13px;
}
html,body,#wrap {
 
  
  height : 100%;
}
div {
        cursor : default;
}
a:focus,a:hover,a:active {
    text-decoration : none;
}
h1 a {
    outline : 0;
}   
#wrap {
  border-left:solid #aaa 1px;
  border-right:solid #aaa 1px;
  text-align:left;
  background : url(../images/bg_content.png) top center repeat-x #e6e6e6 ;
        
  }
#wrap2 {
background : url(../images/bg_content.png) top center repeat-x #e6e6e6 ;
 margin:-1px;
  border-left:solid #aaa 1px;
  border-right:solid #aaa 1px;
}

#header {
  height : 100px;
  background : url(../images/stars.gif) top right no-repeat;
}

#header H1 {
  margin : 0px;
  padding : 0px;
  height : 70px;
}
a {
  margin : 0px;
  padding : 0px;
  color : #369;

}
#header H2 {
  margin : 0 0 15px 20px;
  padding : 0;
  font-family : "Trebuchet MS";
  font-size : 13px;
  font-weight : normal;
  text-transform  : uppercase;
  letter-spacing : 0.3px;
  color : #888;
  
}

a img {
  border : 0px;
  margin : 0px;
  padding : 0px;
}

#nav {
  background : #aaa;
  border-top : #999 solid 1px;
  border-bottom : #999 solid 1px;
  
  height : 20px;
  
  width : 100%;
  
  
}
#nav a {
  padding: 0 15px;
    text-transform  : uppercase;
  text-decoration : none;
  color : white;
  line-height : 20px;
  display : block; 
  float : left;
}
#nav a:hover, #nav a.selected {
  background-color : #888;

}

#nav a:hover, #nav a:active, #nav a:focus {
  background-color : #999;
    outline:0;

}
#nav ul {
  margin : 0;
  padding : 0;

}

#nav li {
  list-style:none;
  display : inline;
}

* html #content {height: 1%;} /* FIX IE PEEK-A-BOO BUG :( */




#footer {
  text-align : center;
  color : #aaa;
  font-size : 11px;
  padding-top : 30px;
padding-bottom : 20px;
    clear : both;
}

#footer a {
  color : #aaa;
  font-size : 11px;

}


H3 {
  color : #ac1d4f;
  color :   #c43567;
  font-weight : normal;
  font-size : 17px;
  letter-spacing : 0.5px;
  padding : 0;
  margin : 10px 0 5px 0;
} 



#side {
  float : left;
 z-index : 10;
 
  padding-top : 20px!important;
 
  padding-top : 0px;
 
 
}
#side img.visuel {
  border : solid #444 1px;
  padding : 1px;
  background : #AAA;
  margin-left : 20px;
  margin-top : 0px!important;
  margin-top : 20px;
  margin-bottom : 20px;
}

#content {
  margin : 20px;
/*  margin-left : 280px;*/
  margin-right : 10px;
}

#content p {
  padding : 0;
  margin : 0;
  margin-bottom : 5px; 
  line-height : 1.3em;
}
#content p b,#content p strong {
color : #666;
}

#side div {
  width : 245px;
  margin-top : 0px!important;
  margin-top : 20px;
  margin-left : 20px;
}
#side div p {
  margin-top:0;
}
.right {
  text-align : left;
}

.thumb {
  float : left; 
  margin-right : 20px;
  margin-bottom : 10px;
}


table.tablo {
  border-collapse : collapse;
  border : solid #AAA 1px;
  border-right : none;
  background : #eee;
}
table.tablo td  {
  border-right :solid #AAA 1px; 
  padding : 3px;
}
table.tablo td.span  {
  border-bottom :solid #AAA 1px; 
  border-top :solid #AAA 1px; 
  background : #e6e6e6;
}