body
{
	margin: 10px 0 ;
	padding: 0 ;
	text-align: center ;
	font: 0.8em "tahoma", helvetica, sans-serif;
	background: #E7E6E6 ;

}

div#conteneur
{
	width: 770px ;
	margin: 0 auto ;
	text-align: left ;
	border: 1px solid #A1A0A0;
	background: #fff ;
}

h1#head
{
	height: 106px ;
	background: url(images/bandeau.png) no-repeat left top;
	margin: 0 ;
}



/******************** Menu ***********************/

#header 
{
    padding-left:40px;
    float:left;
    width:730px;
    background:url("images/bg.gif") repeat-x bottom;
    font-size:93%;
    line-height:normal;
}

#header ul 
{
    margin:0;
    padding:0;
    list-style:none;
}

#header li 
{
    float:left;
    margin:0;
    padding:0;
	font: 12px "tahoma";
    background:url("images/norm_right1.gif") no-repeat right top;
}

#header a 
{
	display:block;
	background:url("images/norm_left1.gif") no-repeat left top;
	padding:5px 15px 4px;
	color: #000000 ;
	text-decoration: none
}

#header #current 
{
    background-image:url("images/norm_right_on.gif");
}

#header #current a 
{
    background-image:url("images/norm_left_on.gif");
    padding-bottom:5px;
    color: #000000;
}
    

#header a:hover
 {
    color: #CC3333 ;

}

/************************ Contenu de la page courante ****************************/

div#contenu
{
	padding: 0 30px 0 30px ;
}



div#contenu h2
{
	padding-left: 60px ;
	line-height: 45px ;
	font-size: 1.4em ;
 	color: #83A3F5 ;
	border-bottom: 1px solid #83A3F5 ;
}

div#contenu h2#etat
{
	background: url(images/contact.png) no-repeat left  ;
}

div#contenu h2#info
{
	background: url(images/contact1.png) no-repeat left  ;
}

div#contenu h2#formation
{
	background: url(images/formation.png) no-repeat left  ;
}

div#contenu h2#bts
{
	background: url(images/bts.png) no-repeat left  ;
}

div#contenu h2#bac
{
	background: url(images/bac.png) no-repeat left  ;
}

div#contenu h2#resto
{
	background: url(images/resto.png) no-repeat left  ;
}

div#contenu h2#bts
{
	background: url(images/bts.png) no-repeat left  ;
}

div#contenu h2#systeme
{
	background: url(images/info.png) no-repeat left  ;
}

div#contenu h2#reseau
{
	background: url(images/reseau.png) no-repeat left  ;
}

div#contenu h2#web
{
	background: url(images/web.png) no-repeat left  ;
}

div#contenu h2#divers
{
	background: url(images/divers.png) no-repeat left  ;
}

div#contenu h2#loisir
{
	background: url(images/loisirs.png) no-repeat left  ;
}

div#contenu h2#sport
{
	background: url(images/sport.png) no-repeat left  ;
}

div#contenu h2#langues
{
	background: url(images/langues.png) no-repeat left  ;
}

div#contenu h2#info_tech
{
	background: url(images/tool.png) no-repeat left  ;
}

div#contenu h2#auteur
{
	background: url(images/fav.png) no-repeat left  ;
}

div#contenu h2#w3c
{
	background: url(images/w3c.png) no-repeat left  ;
}

/*
img#photo
{
	border: 0;

}
*/

div#contenu a
{
	color: #CC3333 ;
	text-decoration:underline ;

}

div#contenu h5
{
	list-style-type: none;
	background-image: url(images/pointer.gif);
	background-repeat: no-repeat;
	background-position: 3% 50%;
	padding-left: 30px;
	line-height: 10px ;

}

div#contenu p
{
	list-style-type: none;
	padding-left: 70px;
	line-height: 1.1em ;
}

span#pdf
{
	font: 0.8em "tahoma", helvetica, sans-serif;
	color: #CC3333 ;
	text-decoration:underline ;
	padding-left:515px;

}

div#contenu p#credit
{
	padding-left: 70px;
	font-size: 0.7em ;
}

div#footer
{
	width: 770px ;
	margin: 0 auto ;
	text-align: left ;
	border: 1px solid #C1C1C1;
	background: #fff ;
	margin-top:2px;
}

p#foot
{
	margin: 0 ;
    font-size: 0.7em ;
    padding-right:10px;
    text-align: right;
	line-height: 15px ;
    color: #666666 ;
}

p#foot a
{
	color: #666666 ;
	text-decoration:underline;
	font-weight:bold;
}

.red
{
	color: #CC3333 ;
}

.underline
{
	text-decoration:underline ;
}

.bold
{
	font-weight:bold ;
}

.rsi
{
background: url(images/rsi.png) no-repeat left  ;
}

.photo
{
	border: 0;

}

pre
{
	overflow: auto ;
	background: #dea ;
	border: 2px solid #9b2 ;
	padding: 5px 0 0 5px ;
	font-size: 1.2em ;
}