Philippe Ramette

Webnote

header,footer,
article,section,
hgroup,nav,
figure{
/* Giving a display value to the HTML5 rendered elements: */
display:block;
}

article .line{
/* The dividing line inside of the article is darker: */
background-color:#15242a;
border-bottom-color:#204656;
margin:1.3em 0;
}

footer .line{
margin:2em 0;
}

nav{
background:url(img/gradient_light.jpg) repeat-x 50% 50% #f8f8f8;
padding:0 5px;
position:absolute;
right:0;
top:4em;

border:1px solid #FCFCFC;

-moz-box-shadow:0 1px 1px #333333;
-webkit-box-shadow:0 1px 1px #333333;
box-shadow:0 1px 1px #333333;
}

nav ul li{
display:inline;
}

nav ul li a,
nav ul li a:visited{
color:#565656;
display:block;
float:left;
font-size:1.25em;
font-weight:bold;
margin:5px 2px;
padding:7px 10px 4px;
text-shadow:0 1px 1px white;
text-transform:uppercase;
}

nav ul li a:hover{
text-decoration:none;
background-color:#f0f0f0;
}

nav, article, nav ul li a,figure{
/* Applying CSS3 rounded corners: */
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
}

/* Article styles: */

#page{
width:960px;
margin:0 auto;
position:relative;
}

article{
background-color:#213E4A;
margin:3em 0;
padding:20px;

text-shadow:0 2px 0 black;
}

figure{
border:3px solid #142830;
float:right;
height:300px;
margin-left:15px;
overflow:hidden;
width:500px;
}

figure:hover{
-moz-box-shadow:0 0 2px #4D7788;
-webkit-box-shadow:0 0 2px #4D7788;
box-shadow:0 0 2px #4D7788;
}

figure img{
margin-left:-60px;
}

/* Footer styling: */

footer{
margin-bottom:30px;
text-align:center;
font-size:0.825em;
}

footer p{
margin-bottom:-2.5em;
position:relative;
}

footer a,footer a:visited{
color:#cccccc;
background-color:#213e4a;
display:block;
padding:2px 4px;
z-index:100;
position:relative;
}

footer a:hover{
text-decoration:none;
background-color:#142830;
}

footer a.by{
float:left;

}

footer a.up{
float:right;
}

FORMATION 2


le code de goggle maps

<meta charset="iso-8859-1">
<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;sensor=false
&amp;key=ABQIAAAA8JXb0YDVa4otOLnM95w50BSeC_rwpfX9fQb-
nbMGMDH8BB4BVRTjxWS14T5WLZf7TpXaaAtk_SIb-Q"
type="text/javascript">
</script>