/* 
Document   : giz
Created on : 21 juin 2009, 17:29:30
Author     : HP_Administrateur
Description:
Purpose of the stylesheet follows.
*/

@font-face {
  font-family: 'ChunkFive Regular';
  src: url('fonts/Chunkfive.eot');
  src: local('ChunkFive Regular'), local('ChunkFive'), url('fonts/Chunkfive.woff') format('woff'), url('fonts/Chunkfive.svg#ChunkFive') format('svg'), url('fonts/Chunkfive.otf') format('opentype');
}

body { 
    background-image:url(../img/fondgiz2.gif);
    /*font-family: "Trebuchet MS",Verdana,Arial,sans-serif;*/
	font-family:Helvetica,Tahoma,Verdana,sans-serif;
    font-size: 14px;
    line-height: 1.6;
	
	margin:25px;
	overflow-y: scroll;
}

div#site{
    position:relative;
    width:776px;
    left:50%;
    margin-left:-388px;  
}
div.top1 { 
    background: url(../img/top111n.gif);
    height:113px;
    position:relative;
    /*width:776px;
    left:50%;
    margin-left:-388px;*/
    
}

div.top2 { 
    background: url(../img/top222n.gif);
    height:64px;
    position:relative;
    /*width:776px;
    left:50%;
    margin-left:-388px;*/
    
}

/*div.menu { 
background: url(../img/barre_menu.gif);
position:relative;
height:30px;
width:776px;
left:50%;
margin-left:-388px;

}*/

div.contenu { 
    background-color: #151314;
    position:relative;
    padding: 20px;
    /*background: #FFF;	
    border: 1px solid #CCC;*/
    
}
div.contenu p {     
    padding: 10px;
    color: #FFF;
    
}

div.pied { 
    background: url(../img/barre_menu.gif);
    height:30px;
    position:relative;
    
}


/*
#content {
width: 750px;
margin: 50px auto;
padding: 20px;
background: #FFF;	
border: 1px solid #CCC;
}*/

h1 {
    margin: 0;
}

h3 {
	color:#ffffff;
	font-family:'ChunkFive Regular',Tahoma,Helvetica;
	font-size:1.8em;
	/*font-weight:normal;
	padding-top:20px;*/
	text-shadow:1px 1px 1px gray;
	text-transform:uppercase;
}

hr {
    border: none;
    height: 1px; line-height: 1px;
    background: #CCC;	
    margin-bottom: 20px;
    padding: 0;
}

p {
    margin: 0;	
    padding: 7px 0;
}



/************	style pour menu **************/

.menu { 
    height: 45px;
    display: block;
}

.menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.menu ul li {
    /* width and height of the menu items */  
    float: left;
    overflow: hidden;
    position: relative;
    text-align: center;
    line-height: 45px;
}

.menu ul li a {
    /* must be postioned relative  */ 
    position: relative;
    display: block;
    width: 110px;
    height: 45px;
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer;
}

.menu ul li a span {
    /* all layers will be absolute positioned */
    position: absolute;
    left: 0;
    width: 110px;
}

.menu ul li a span.out {
    top: 0px;
}

.menu ul li a span.over,
.menu ul li a span.bg {
    /* hide */  
    top: -45px;
}


#menu2 {
    background: #151314;		
}

#menu2 ul li a {
    color: #FFF;
}

#menu2 ul li a span.over {
    background: #FFF;
    color: #000;
}

#liste_tuto {
	list-style-type: circle;
}
#liste_tuto li{

 	color:#ffffff;
	font-family:'ChunkFive Regular',Tahoma,Helvetica;
	font-size:1.2em;
	/*font-weight:normal;
	padding-top:20px;*/
	text-shadow:1px 1px 1px gray;
	text-transform:uppercase;
}

#liste_tuto li a{

color:white;
}


/************ autre ************/

img{vertical-align: baseline;}

tabble{
	line-height:0;
	margin:0;
	padding:0;
}