body {
font-family: "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
font-size: 80%;
margin:0;
padding: 0;
background-image: url(http://jeanviet.info/v2/images/background.gif);
background-repeat: repeat-x-y 0 0;

}
#header1 {
height: 26px;
background-image: url(http://jeanviet.info/v2/images/haut.jpg);
background-repeat: no-repeat;
}
#header2 {
height: 86px;
background-image: url(http://jeanviet.info/v2/images/header_fond.png);
background-repeat: repeat-x;
width: 970px;
margin-left:9px;
}
#header2 img.logo {
position:absolute;
margin-left:18px;
margin-top:3px;
border:0;
}
#search {
padding:0;
position:absolute;
width:994px;
height:50px;
margin: 45px 0px 0px 0px;
text-align:center;
}

/* Search button */
#search-but {
  font-family: inherit;
  font-size: 1.2em;
  color: #ffffff;
  font-weight: bold;
  text-shadow: 0 1px 2px #000000;
  background-color: #ff6600;
  border: 1px solid;
  border-color: #ff6600;
    border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;


}
img {

border:0;

}

#header2 img.picto {
position:absolute;
margin-left:800px;
margin-top:65px;
border:0;
}

#header2 h1 {
position: absolute;
margin-top:10px;
margin-left:320px;
margin-right: 200px;
width: 400px;
text-align: center;
font-size: 1.0em;
}
#haut {
height: 20px;
background-image: url(http://jeanviet.info/v2/images/upline.jpg);
background-repeat: repeat-y;
}
#enhaut{
width:765px;
margin-left:15px;
}
/* ARIANE */
#ariane {
background-image: url(http://jeanviet.info/v2/images/barre_accueil.jpg);
background-repeat: repeat-x;
width:976px;
margin-left:9px;
text-align:left;
height:19px;
}
#ariane1{
margin-left:10px;
text-align:left;
}
#ariane1, #ariane1 a {

color:#fff;
}


#conteneur {
width: 994px;
text-align:left;
	margin: auto auto;

}

#milieu {
background-image:url(http://jeanviet.info/v2/images/centre.jpg);
background-repeat: repeat-y;
}
#vide{
height:5px;
margin:0;
padding:0;
font-size:0}

#media {
width:955px;
margin-left:15px;
}
#footmedia {
	margin:0;
	padding:3px;
	clear:both;
	text-align:center;
	font-size:0.9em;
	
}

#footmedia a {
border-bottom:1px dotted silver;
}

#spacepub {
position:relative;
margin-top:280px;
margin-bottom:0;
padding:0;
}

#publicite {
position:absolute;
width: 410px;
text-align:center;
margin:0;
padding:0;
}

#gc {
float:left;
width:746px;
text-align:center;
}

#gauche {
	float: left;
	width: 540px;
	text-align:justify;
background-color:#fff;
padding:0;
	}

#centre {
	float: left;
	margin-left: 6px;
	width: 200px;
	text-align:justify;
	background-color:#fff;
}

#droite {
	margin-left: 760px;
	text-align:justify;
	background-color:#fff;
}

#ciment {
clear:both;
}


#gauche h2 {
font-size: 1.3em;
background-image:url(http://jeanviet.info/v2/images/page_barre_titre_accueil.jpg);
background-repeat: repeat-x;
color: #006666;
font-weight:bold;
margin:0;
padding:0;
text-align:left;
margin-bottom:20px;
}


#gauche h2 a{

color: #006666;

}

#bloc-hp {
background-image:url(http://jeanviet.info/v2/images/bloc-hp-milieu.jpg);
background-repeat: repeat-y;
}

#bloc-hp img {
margin: 20px 20px;
}

#bloc-hp  ul{
margin: 0px 20px 0px 100px ;
padding:0;
list-style-type: none ;

display:block;
width:400px;
}

#bloc-hp ul li a {



display:block;
width:400px;
border-bottom:1px dotted silver;
font-size:1.1em;



}



/* menuh */

#menuhaut {
 margin-left: 9px;
background-color:#FFFEDF;
width: 970px;
}

#menuhaut ul
{
 margin-left: 19px;
 margin-top:0px;
  margin-bottom:0px;
height: 28px ;

padding: 0 ;
list-style-type: none ;
}
#menuhaut ul li
{
float: left ;
text-align: center;
}



#menuhaut ul  li a.accueil
{
display: block ;
text-decoration: none ;
    width: 60px;
height:28px;
    background-image: url(http://jeanviet.info/v2/images/menu-accueil.jpg);
    margin-left: 3px;
list-style-type: none ;
}
#menuhaut a:hover.accueil
{
background: transparent url(http://jeanviet.info/v2/images/menu-accueil.jpg) 0px -28px no-repeat;
}


#menuhaut ul  li a.blog
{
display: block ;
text-decoration: none ;
    width: 76px;
height:28px;
    background-image: url(http://jeanviet.info/v2/images/menu-blog.jpg);
    margin-left: 3px;
list-style-type: none ;
}
#menuhaut a:hover.blog
{
background: transparent url(http://jeanviet.info/v2/images/menu-blog.jpg) 0px -28px no-repeat;
}

#menuhaut ul  li a.astuces
{
display: block ;
text-decoration: none ;
    width: 75px;
height:28px;
    background-image: url(http://jeanviet.info/v2/images/menu-astuces.jpg);
    margin-left: 3px;
list-style-type: none ;
}
#menuhaut a:hover.astuces
{
background: transparent url(http://jeanviet.info/v2/images/menu-astuces.jpg) 0px -28px no-repeat;
}

#menuhaut ul  li a.sites
{
display: block ;
text-decoration: none ;
    width: 98px;
height:28px;
    background-image: url(http://jeanviet.info/v2/images/menu-sites.jpg);
    margin-left: 3px;
list-style-type: none ;
}
#menuhaut a:hover.sites
{
background: transparent url(http://jeanviet.info/v2/images/menu-sites.jpg) 0px -28px no-repeat;
}

#menuhaut ul  li a.telecharger
{
display: block ;
text-decoration: none ;
    width: 81px;
height:28px;
    background: url(http://jeanviet.info/v2/images/menu-telecharger.jpg);
    margin-left: 3px;
list-style-type: none ;
}
#menuhaut a:hover.telecharger
{
background: transparent url(http://jeanviet.info/v2/images/menu-telecharger.jpg) 0px -28px no-repeat;
}
#menuhaut ul  li a.forum
{
display: block ;
text-decoration: none ;
    width: 97px;
height:28px;
    background-image: url(http://jeanviet.info/v2/images/menu-forum.jpg);
    margin-left: 3px;
list-style-type: none ;
}
#menuhaut a:hover.forum
{
background: transparent url(http://jeanviet.info/v2/images/menu-forum.jpg) 0px -28px no-repeat;
}
#menuhaut ul  li a.a_propos
{
display: block ;
text-decoration: none ;
    width: 76px;
height:28px;
    background-image: url(http://jeanviet.info/v2/images/menu-apropos.jpg);
    margin-left: 3px;
list-style-type: none ;
}
#menuhaut a:hover.a_propos
{
background: transparent url(http://jeanviet.info/v2/images/menu-apropos.jpg) 0px -28px no-repeat;
}
#menuhaut ul  li a.contact
{
display: block ;
text-decoration: none ;
    width: 75px;
height:28px;
    background-image: url(http://jeanviet.info/v2/images/menu-contact.jpg);
    margin-left: 3px;
list-style-type: none ;
}
#menuhaut a:hover.contact
{
background: transparent url(http://jeanviet.info/v2/images/menu-contact.jpg) 0px -28px no-repeat;
}

#menuhaut span {
display:none;
}



/* menuh */
#footer {
background-image:url(http://jeanviet.info/v2/images/bas.jpg);
background-repeat: no-repeat;
height:24px;

}


#fond {
background-image: url(http://jeanviet.info/v2/images/background.gif);
background-repeat: repeat-x-y;
}


p {
margin:0;
padding:0;
font-size:1em;
}




a {
color: #000;
text-decoration:none;
font-size:1em;
}
a:hover {
background-color:#FFE1CE;
color:#ff6600;
font-size:1em;
}

#bloc1-contour {
border: 0;
width:200px;
background-color:#F2F2F2;
text-align:justify;
}

#bloc1-contour  ul {
margin:0 0 0 20px;
padding:0;
font-size:1.1em;
}



#bloc2-contour {
border: 0;
width:200px;
background-color:#FEDCD3;
}

#bloc2-contour  ul {
margin:0 0 0 20px;
padding:0;
font-size:1.1em;
}


#bloc3-contour {

border: 0;
width:200px;
background-color:#EBF6FC;

}


#centre ul li a,#droite ul li a{



display:block;
width:190px;
border-bottom:1px dotted silver;
font-size:0.9em;



}



#centre ul ,#droite ul {

margin:0 0 0 5px;
padding:0;
list-style-type: none ;

display:block;
width:190px;




}



#contenu h2 {
margin:0em;
text-align:left;
font-size:1.2em;
text-align:center;
}

h2 {
margin:0em;
text-align:left;
font-size:1.2em;
text-align:center;
color:#777;
font-weight: normal;
}
.centre{
text-align:center;
position: absolute;
width:970px;
}


#miniSitemap {
margin-left: 60px;

}

#miniSitemap a {
border-bottom:1px dotted silver;

}



#miniSitemap .col {
	width: 280px;
	padding: 0px;
	margin-left: 15px;
	float: left;
	background-image: url(http://jeanviet.info/v2/images/background.gif);
background-repeat: repeat-x-y;
}
#miniSitemap .col ul {
list-style-type: none ;
}

#content a {
border-bottom:1px dotted silver;

}

a.tip {
	position: relative;
}

a.tip span {
	display: none;
	position: absolute;
	top: 20px;
	left: -10px;
	width: 80px;
	padding: 5px;
	z-index: 100;
	font-size:0.8em;
	background: #FFE1CE;
	color: #000;
	-moz-border-radius: 5px; /* this works only in camino/firefox */
	-webkit-border-radius: 5px; /* this is just for Safari */
}

a:hover.tip {
	font-size: 99%; /* this is just for IE */
}

a:hover.tip span {
	display: block;
}