html {
	height: 100%;
	width: 100%;

}


body {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	height: 100%;
	margin: 0;
	padding: 0;
	background: #CCCCCC url(../bgdeg2.png) repeat-y center;
}

img {
	margin: 0px 0px 0px 20px;
	border: none;
}


.vignette {
	margin-top: 20px;
	margin-bottom: .7em;
	background-color: #F2F2F2;

}

.vignettes {
	margin-left: 20px;
	width: 600px;
}

.slideshow, .reportagevideo, .lien, .fiche {
	margin-left: 20px;
	width: 600px;
}

.nav {  
	margin-top: 40px;
  	font-weight: bold;
	background-color: #F2F2F2;
}

.langues {
	margin-top: 20px;
	margin-left: 17px;
}

a:link {
	color: #005FA9;
	text-decoration: none;
}

a:visited {
	color: #A367B1;
	text-decoration: none;
}

a:hover, a:visited:hover  { 
	background-color: #DDEEFF;
}

h4 a, .index a {
	color: #005FA9;
}

h4 a:visited, .index a:visited {
	color: #005FA9;
}

h1 { 

	margin-top: 0em;
	margin-bottom: .7em;
	margin-left: 20px;
	width: 600px;
}

h2 {   

	margin-top: 1.4em;
	margin-bottom: .7em;
	margin-left: 20px;
	width: 600px;
}

h3 {  

	margin-top: 1.2em;
	margin-bottom: .7em; 
	margin-left: 20px;
	width: 600px;
}

h4 { 
	font-weight: bold;
	margin-top: 1.2em;
	margin-bottom: .6em; 
	width: 600px;
}

hr { 
	color: #000000;
	height: 1px;
	margin-top: 0em;
	margin-bottom: 0em; 	
}

ol p, ul p {  
	margin-top: .7em;
	margin-bottom: 0;
}

ol {
	margin-top: .5em; 
	margin-bottom: 0em; 
	margin-left: 4.5em;
}

ul {
	margin-top: .5em; 
	margin-bottom: 0em; 
}

ol ul, ul ul {
	list-style: square; 
	margin-top: .5em;
}

ol ol {
	list-style: lower-alpha; 
	margin-top: .5em;
}

li {
	margin-bottom: .7em; 
	margin-left: -2em;
}


* html .listing {
   width: 96%;
   padding-left: 1%;
   padding-right: 5px;
   padding-top: 2px;
   padding-bottom: 17px;
   overflow-x: auto;	
   background-color: #F2F2F2;
}

* html .signature {
	font-weight: bold;
	font-family: "Courier New", Courier, mono;
}