

* { padding: 0; margin: 0; }
/* Titres */
h1, h2, h3, h4, h5, h6 {margin: 1em 0 .5em 0; /* -> 6 */}
h1, h2 {font-family: Georgia, "Bitstream Vera Serif", Norasi, serif;	font-weight: normal; /* -> 7 */}
h1 {font-size: 3em; /* -> 8 */font-style: italic;}
h2 {font-size: 1.8em;}
div#contenu h2 { border-bottom: 1px solid blue;
    background: transparent url(picto/petitlogoijs.jpg) no-repeat scroll left top;
    -moz-background-clip: initial;
    -moz-background-origin: initial;
    -moz-background-inline-policy: initial;
    padding-left: 70px;
    line-height: 50px;
    font-size:2em;
    color: blue;
    }
h3 {font-size: 1.2em;}
h4 {font-size: 1em;}
div#contenu h4 {    background: transparent url(puce.jpg) no-repeat scroll left top;
     -moz-background-clip: initial;
    -moz-background-origin: initial;
    -moz-background-inline-policy: initial;
    padding-left: 20px;  color: blue;
    } 
#copyright {	margin: 0px 0 5px 0;	text-align: left;font-size: .8em;color: blue;}
#copyright a {	color: blue;	text-decoration: none;}
#copyright a:hover, #copyright a:focus {	text-decoration: underline;}

#nav {background:transparent;}
#nav a {color: #blue;}
#nav a:hover, #navigation a:focus {color: white ;background: transparent;}
#nav a {display: block;
	height: 1%;
	padding: 6px 10px 6px 10px;
	line-height: 1.5em;/* hauteur de ligne */
	font-size: .9em;
	text-decoration: none;
}


pre, code {	font-size: 100%;	font-family: "Bitstream Vera Mono", "Lucida Console", "Courier New", monospace;}
pre {	width: 90%;
	overflow: auto;
	overflow-y: hidden;
	margin: .75em 0;
	padding: 12px;
	background: white;
	color: blue;
}
pre strong {	font-weight: normal;	color: blue;}

/* Listes */
ul, ol {margin: .75em 0 .75em 24px;padding: 0; /* -> 9 */}
ul {list-style: none;}
li {margin: 0;	padding: 0;}


body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
background: #199FD4;/*exture.jpg)*/;
}
#wrapper { 
 margin: 0 auto;
 width: 822px;
}
#faux {border: 0px solid blue;
 background: white;
 margin-bottom: 0px;
 overflow: auto; 
 width: 100%
}
#header {

 color: white;
 width: 822px;
 padding: 0px;
 height: 200px;
 margin: 0px 0px 0px 0px;
background:transparent; 
}
#navigation {
 color: blue;
 padding: 0px;
 margin: 0px 0px 0px 0px;
 background: transparent;
}


#leftcolumn { 
 display: inline;
 color: blue;
 margin: 10px;
 padding: 0px;
 width: 400px;
 float: left;
}
#content { 
 float: left;
 color: blue;
 margin: 10px 13px;
 padding: 0px;
 width: 350px;
 display: inline;
 position: relative;
}
#contentinfo { 
 float: left;
 color: blue;
 margin: 10px 13px;
 padding: 0px;
 width: 800px;
 display: inline;
 position: relative;
}

/*
#rightcolumn { 
 display: inline;
 position: relative;
 color: blue;
 margin: 10px 10px 10px 0px;
 padding: 0px;
 width: 80px;
 float:left;
 background: lavender;
}
*/
#footer { 
 width: 800px;
 clear: both;
 color: white;
 background: /* transparent */url(footerijs.jpg) repeat-x scroll left top;
 margin: 0px 0px 10px 0px;
 padding: 10px;
}
.clear { clear: both; background: none; }

.grise {
border-style:solid; 
border-width:0px; 
border-color:black; 
/*background-color:silver; */
width:450px; 
padding:10px; 
height:120px;
float:left;
}

.blue {
border-style:solid; 
border-width:0px; 
border-color:blue; 
margin-left:600px; 
padding:10px; 
height:120px;
}



