* { margin: 0; padding: 0; border: 0; }
body { 
        position:relative; 
        font-size: 62.5%; 
        font-family: verdana, "lucida grande", tahoma, helvetica, Sans-Serif;
        background:#ccc;
}
acronym, abbr{cursor: help;}

strong { color: green; font-weight: bold; font-size: 110%; }
h1 { color: orange; text-align: center; font-weight: bold; margin: 1em; font-size: 145%; }
h1 em { color: red; }
h2 { margin: 1em 0; color: navy; }
h3 { margin-top: 1em; }
p { margin: 0 0 0 1em; }

#page {
        position: relative; 
        margin: 1em auto; 
        width: 560px;
        background:#fff;
        padding:1em;
        border: 5px solid orange;
}

.samp {
width:60%;
font-size:110%;
background:#fff;
padding:10px;
border:1px solid #f4eb02;
border-left:1em solid #f4eb02;
display:block;
text-align:left;
padding-left:15%;
margin: 10px;
}

.samp img { float: right; margin-right: 1em; margin-top: 0; }

#redbull {
	width: 510px;
	font-size: 115%;
	background: #fff;
	border: 1px solid red;
	border-left: 8px solid red;
	padding: 10px 10px 10px 0;
	margin: 10px auto;
	position: relative; 
}
#redbull a { font-weight: 600; }
#redbull strong { font-weight: 900; }
.heberge { float: left; width: 250px; clear: both; }
.redir { float: right; width: 220px; }
.complet { clear: both; visibility: hidden; }

abbr, acronym, .help { border-bottom: 1px dotted #333; cursor: help; }
#footer { margin: 3em auto; width: 60%; text-align: center; background-color: red; padding: 10px; }
#footer a { color: white; font-size: 130%; font-weight: bold; text-decoration: none; }