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;
}
#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;
}
#gc img {
padding:5px;
border:0;

}

#gc img.bas {
margin-top:20px;

}

#header2 img.picto {
position:absolute;
margin-left:770px;
margin-top:63px;
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;
font-size: 0.9em;
}
#ariane1{
margin-left:10px;
text-align:left;
}
#ariane1, #ariane1 a {

color:#fff;
}


/* ARIANE */
#conteneur {
position: absolute;
width: 994px;
left: 50%;
margin-left: -497px;


}

#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;
}

#gc p {
margin-top:5px;
padding:2px;
line-height:2em;
text-align:justify;}

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

}


#gc  h3{
font-size: 1.2em;
background: url(http://jeanviet.info/telecharger/images/star.gif) no-repeat left top;
color: #000;
padding-left: 28px;
margin:0;
line-height:30px;
}
#gc h2{
display: block;
padding-left:5px;
margin:0;
font-size:1.2em;
font-weight:bold;
background-color:#666666;
color:#FFFFFF;
}

#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;
}



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;
}



#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;

}


	/* Layout properties for your question  */
	.question{
		font-weight:bold;	/* Bold font */		
		color: #FF6600;		/* The questions is in red */
		cursor:pointer;		/* Cursor is like a hand when someone rolls the mouse over the question */
		border-bottom:1px dotted #FF3C00;

	}
		
	.answer{
		/* Layout properties - You can change these */
		
	
		padding:3px;

		
		/* This one should not be changed */
		display:none;	
	}