div#header
	{	
		width : 826px;
		height: 181px;
		margin: 20px auto 0px auto;
		padding:0px;
		background-repeat:	no-repeat;
		background-position: top right ;
		background-image: url(design/header_g404000000000000.jpg);
	}

	div.remonter{
		background-color:transparent;
		color:blue;
		float:right;
		position:fixed;
		margin-top:100px;
		margin-right:0px;
		margin-left:796px;
		z-index:1000;
	}
	
body {
   /* font: 100% verdana, arial, sans-serif;*/
	font: 0.75em sans-serif ;
    background-color: #dde;
    margin: 0px;
	padding:0;
	color:#000;
}
div#page{
	clear:both;
	width : 826px;
	margin: 0px auto 20px auto;
	background-repeat:repeat-y;
	padding:0px;
	background-position: top right ;
	background-image: url(design/main_middle_g4.jpg);
	color:#000;
	background-color:#fff;
}
div#contenu, div#contentmov
{
	width : 748px;
	margin:0px auto;
	padding:1px 1px 20px 1px;
	color:#000;
	background-color:inherit;
}
div#footer {
	
	width : 826px;
	margin: 0px auto;
	padding:0px 0px 20px 0px;
	color:#000;	
	background-color:transparent;
	background-repeat:	no-repeat;
	background-position: bottom right ;
	background-image: url(design/main_footer_g4.jpg);
	text-align:center;
	font: normal 0.7em verdana, arial, sans-serif;
}
img{
	border:0px;
}
div#menu {
        width: 100%;
        padding: 0px;
        margin: auto;
		 top : 0px;
		 left: 0px;
        border: 0px solid #ccc;
        background: #fff;
		 position : fixed; 
		 height: auto;
		 color:#000;
}
ul#tabnav {
    list-style-type: none;
    border-bottom: 0px solid #aaa;
    margin: 0px;
	padding:0px;	
}
#ld:hover {
 /**/
}
ul#tabnav {
	/*padding-top:142px;*/
	padding-left:50px;
}
ul#tabnav li {
    float: left;
    margin: 0px;
	padding:0px;
    border: 0px solid #aaa;
	color:#000;
	background-color:inherit;
}
ul#tabnav li.menu span{
	display:none;
}
ul#tabnav li.menu:hover{
	background-position:0px -28px;
}
ul#tabnav li.actus {
	height:28px;
	width:62px;
	background:url(design/actus.jpg) 0px 0px no-repeat;
}
ul#tabnav li.portfolio {
	height:28px;
	width:90px;
	background:url(design/portfolio.jpg) 0px 0px no-repeat;
}
ul#tabnav li.cv {
	height:28px;
	width:41px;
	background:url(design/cv.jpg) 0px 0px no-repeat;
}
ul#tabnav li.tutoriels{
	height:28px;
	width:89px;
	background:url(design/tutoriels.jpg) 0px 0px no-repeat;
}
ul#tabnav li.contact {
	height:28px;
	width:85px;
	background:url(design/contact.jpg) 0px 0px no-repeat;
}
ul#tabnav li a {height:28px;}
ul#tabnav li.actus a{width:62px;}
ul#tabnav li.portfolio a{width:90px;}
ul#tabnav li.cv a{width:41px;}
ul#tabnav li.tutoriels a{width:89px;}
ul#tabnav li.contact a{width:85px;}
div#homelink a{width:764px;height:112px;display:block;margin-left:28px;margin-bottom:2px;margin-top:-2px;}
div#homelink a span{display:none;}


fieldset#t_mat a.menu_s{
	padding-left: 15px ;
	background-color: inherit;
	color:inherit;
	background-repeat :no-repeat ;
	background-position :left center ;
	background-image: url(menu_click.png) ;
}

#tabnav a {
    float: left;
    display: block;
    text-decoration: none;
	
}



div#contenu h2, div#contentmov h2
{
	padding-left: 25px ;
	width:700px;
	line-height: 25px ;
	margin-top: 30px ;
	font-size: 1.4em ;
	background-image: url(swi.png);
	background-repeat:	no-repeat;
	background-position: left bottom ;
	color: #9b2 ;
	border-bottom: 1px solid #9b2 ;
	background-color: transparent;
}

div#contenu h3, div#contentmov h3
{
	margin-left: 20px ;
	width : 620px;
	margin-top: 30px ;
	padding-left: 25px ;
	font-size: 1.2em ;
	background-image: url(swix.png) ;
	background-repeat:no-repeat; 
	background-position:left bottom;
	background-color:	transparent;
	color: #69c ;
	border-bottom: 1px solid #69c ;
}

div#contenu p, div#contentmov p
{
	text-align: justify ;
	text-indent: 2em ;
	line-height: 1.7em ;
	margin-right:20px;
	margin-left:20px;
	display:block;
}

div#contenu a, div#contentmov a
{
	color: #69c ;
	background: inherit;
	text-decoration:none;
	background-color: transparent;
	background-image: url(images/blank.gif);
	background-repeat:no-repeat; 
	background-position:center right;
}

div#contenu a:hover, div#contentmov a:hover
{
	color: #9b2 ;
	background-color: transparent;
	background-image: url(images/blank.gif);
	background-repeat:no-repeat; 
	background-position:center right;
	text-decoration:none;
}

div#contenu a.out, div#contentmov a.out
{
	text-decoration:none;
	background-image: url(images/external.gif) ;
	background-repeat:no-repeat; 
	background-position:center right;
	background-color:	inherit;
	color: #69c ;
	padding-right:15px;
}
div#contenu a.out:hover, div#contentmov a.out:hover
{
	text-decoration:none;
	background-image: url(images/externalh.gif) ;
	background-repeat:no-repeat; 
	background-position:center right;
	background-color:	inherit;
	color: #9b2 ;
	padding-right:15px;
}
div.note{
	text-align:justify;
	margin:5px 10px 10px 75px;
	width:600px;
	padding:0 5px;
	font-style:italic;
	font-size:0.8em;
	border-right:1px dashed #369;
	
}
div.note span{
	background-image: url(images/Note.png) ;
	background-repeat:no-repeat; 
	background-position:center left;
	padding-left:12px;
	padding-right:5px;
	font-weight:bold;
	float:left;
	margin-left:-50px;
	color:#258;
	font-size:1.1em;
	background-color:#fff;
}
pre
{
	overflow: auto ;
	background: #dfd ;
	border-bottom: 1px dashed #9b2 ;
	border-top: 1px dashed #9b2 ;
	border-left: 4px solid #9b2 ;
	border-right: 1px dashed #9b2 ;
	padding: 5px 0 5px 5px ;
	font-size: 1.1em ;
	color:#000;
}

p.ev
{
	overflow: auto ;
	background: #eef ;
	border-bottom: 1px dashed #47d ;
	border-top: 1px dashed #47d ;
	border-left: 4px solid #47d ;
	border-right: 1px dashed #47d ;
	padding: 5px 0 5px 5px ;
	font-size: 1.1em ;
	color:#000;
}

p.pev 
{
	overflow: auto ;
	background: #dfd ;
	border-bottom: 1px dashed #9b2 ;
	border-top: 1px dashed #9b2 ;
	border-left: 4px solid #9b2 ;
	border-right: 1px dashed #9b2 ;
	padding: 5px 0 5px 5px ;
	font-size: 1.1em ;
	color:#000;
}

div.ev
{
	overflow: auto ;
	background: #eef ;
	border-bottom: 1px dashed #47d ;
	border-top: 1px dashed #47d ;
	border-left: 4px solid #47d ;
	border-right: 1px dashed #47d ;
	padding: 5px 0 5px 5px ;
	font-size: 1.1em ;
	color:#000;
}

div.pev 
{
	overflow: auto ;
	background: #dfd ;
	border-bottom: 1px dashed #9b2 ;
	border-top: 1px dashed #9b2 ;
	border-left: 4px solid #9b2 ;
	border-right: 1px dashed #9b2 ;
	padding: 5px 0 5px 5px ;
	font-size: 1.1em ;
	color:#000;
}

div#footer a.end{
	background-image   : url(images/end.gif) ;
	background-repeat  : no-repeat; 
	background-position: center right;
	background-color   : transparent;
	padding-right      : 12px;
	margin-right       : 20px;
	font-size          : 1.2em;
	color              : #69c ;
	font-weight        : bold;
	float              : right;
	/*text-decoration    : overline underline*/
	text-decoration    : none;
	border-bottom      : dashed 1px
}
div#footer a.end:hover{
	background-image   : url(images/endh.gif) ;
	background-repeat  : no-repeat; 
	background-position: center right;
	background-color   : transparent;
	padding-right      : 12px;
	font-size          : 1.2em;
	color              : #9b2 ;
	float              : right;
	font-weight        : bold;
	/*text-decoration    : overline underline*/
	text-decoration    : none;
	border-bottom      : dashed 1px
}
div#footer hr{
	width:600px;
	margin-top:20px;
	border-top: 4px ridge #679;
	height: 1px;
}

* html pre
{
	width: 636px ;
}

pre span
{
	color: #47d ;
	background:inherit;
}

pre span.comment
{
	color: #b00 ;
	background:inherit;
}

fieldset#f_head{
padding: 10px;
color:#000;
background-color: #eef;
border: 1px solid #47d;
margin: 15px 0 15px 0px;
display: inline;
width:450px;
}

fieldset#t_mat{
padding: 1em;
color:#000;
background-color: #eef;
border: 1px solid #47d;
float:right;
display: inline;
width:auto !important;

}

fieldset{
padding: 1em;
background: #eef;
border: 1px solid #47d;
margin: 15px 0 15px 15px;
width: 450px;
display: block;
color:#000;
}

legend{
border: 1px dashed #4475ce;
background: #eef;
padding : 1px 4px 1px 4px;
color:#000;
}

form label {
        cursor: pointer;
}

a.tutopack{
color: rgb(51, 102, 255);
background-color:	inherit;
text-decoration:none;
}

div#contenu a.tutolien{
	text-decoration:none;
	background-image: url(ld.png) ;
	background-repeat:no-repeat; 
	background-position:center left;
	background-color:	inherit;
	color: inherit;
	padding-left:15px;
}

li.lics {
list-style-image : url('images/css.gif');
vertical-align : middle;
font-size : 13px;
padding-left:5px;
}
li.lipd {
list-style-image : url('images/pdark.gif');
vertical-align : middle;
font-size : 13px;
padding-left:5px;
}
li.lidy {
list-style-image : url('images/dystopia.gif');
vertical-align : middle;
font-size : 13px;
padding-left:5px;
}
li.lidod {
list-style-image : url('images/dods.png');
vertical-align : middle;
font-size : 13px;
padding-left:5px;
}
li.lihl {
list-style-image : url('images/Hl.gif');
vertical-align : middle;
font-size : 13px;
padding-left:5px;
}
li.lis {
list-style-image : url('images/source.gif');
vertical-align : middle;
font-size : 13px;
padding-left:5px;
}
li.lit {
list-style-image : url('images/point_v.gif');
vertical-align : middle;
font-size : 13px;
padding-left:5px;
}
li.lie {
list-style-image : url('images/point_r.gif');
vertical-align : middle;
font-size : 13px;
padding-left:5px;
}
li.lidl {
list-style-image : url('images/download.gif');
vertical-align : middle;
font-size : 13px;
padding-left:5px;
}