* { margin: 0; padding: 0; border: 0; }
body {position:relative;font-size: 62.5%;font-family: tahoma, verdana, helvetica, Sans-Serif; background: #fefefe url(/i/background.png) repeat-y 0 0; }
#page {position:relative; margin: 0 auto; width:780px; background:#fff; border: 3px solid red;}

#menu, #annuaire, #ecommerce, #powered { clear: both; text-align: center; }
#menu, #annuaire, #contenu, #ecommerce, #powered { display:block; }
#menu { float: left; width: 776px; min-height: 130px; border: 2px solid black; background: #51bf97 url(/i/cosmos.jpg) repeat-y 0 0; }
#menu { text-align: right; }
#annuaire {  float:left; width: 12em; font-size:1em; background-color: #fff; padding: 10px 0 20px 0; margin: 10px 0; }
#contenu { float:left; width: 52%; border-left: 3px solid navy; padding: 6px;}
#ecommerce { float: left; width: 100%; font-size: 87%; color: black; }
#powered {  font-size: 120%; color: #fff; background: #51bf97 url(/i/cosmos.jpg) repeat-y 0 0; border: 2px solid orange; padding: 10px; font-weight: bold; }
#info { float: left; margin: 10px 5px; padding: 7px; text-align: center; font-size: 99%; width: 16em; border: 3px double orange; }
#rub, #boss { float: left; margin: 10px 5px; padding: 7px; text-align: center; font-size: 99%; width: 16em; border: 3px dashed green; }
#rub h2, #boss h2, #plan h2 { color: orange; font-size: 120%; margin: 5px; }
#syn { float: right; margin: 10px 20px 10px 5px; padding: 7px; text-align: center; font-size: 99%; width: 16em; border: 3px inset red; }
#syn h2 { color: navy; font-size: 120%; margin: 5px; }
#boss { border: 3px solid olive; }
#boss ul { margin: 5px; }
#boss li { list-style: none; font-size: 105%; }

#rss { border: 1px solid orange; padding: 2px; float: left; width: 18em; margin: 5px 6px; }
#rss ul { margin: 3px; }
#rss li { list-style: none; margin-left: 5px; margin-top: 2px; }

.flux_rss { border: 1px solid olive; padding: 2px; overflow: auto; height: auto; max-height: 280px;  margin: 5px; }
.flux_rss h2 { margin: 10px; }
.flux_rss ul { margin: 5px; }
.flux_rss li { list-style: square; font-size: 105%;  margin-top: 10px; margin-left: 15px;  }

h1, h2, h3, h4 { text-align: center; }
hr { width: 100%; height: 5px; margin: 15px auto 0 auto; border: none; clear: both; background-color: #7992cc; }
abbr, acronym, .help { border-bottom: 1px dotted #333; cursor: help; }
blockquote { background: #fff; }

#menu h1 { margin-bottom:1.5em; padding-top:1em; font-size:1.6em; font-family: "lucida grande",tahoma,Sans-Serif; color: yellow; }
#menu a { color: #fff; font-size: 110%; font-weight: bold; }
#menu img { float: left; margin: 1em; margin: 0.8em;}

#annuaire a:link, #annuaire a:visited, #annuaire a:hover, #annuaire a:active { color: black; font-weight: 900; text-decoration: none; }
#annuaire .simp {
	font-size: 110%;
	background: #fff;
	padding: 5px;
	border: 1px solid #CAD0D8;
	border-left: 5px solid #CAD0D8;
	margin: 20px 10px;
}
#annuaire h2 { margin: 8px 0; color: red; font-size:125%; font-family: helvetica,tahoma,Sans-Serif; }
#annuaire h3 { margin: 5px 0 0 0; font-size: 120%; color: navy; }

#info p { text-align: left; }

#ecommerce .promo { float: left; width: 24em; margin: 3px; padding: 3px; }
#ecommerce p { width: 90%; text-align: left; background-image: url(/i/sky.jpg); font-weight: bold; color: navy; font-size: 105%; padding: 3px; }
#ecommerce img { margin: 3px; }
#ecommerce h2 { margin: 10px 0; width: 100%; color: navy; font-size:140%; font-family: helvetica,tahoma,Sans-Serif; }
#ecommerce h3 { margin: 0; font-size: 150%; color: red; }
#ecommerce a, #ecommerce a:visited, #ecommerce a:link { color: blue; font-size: 110%; }

#powered a:link, #powered a:visited, #powered a:hover, #powered a:active { color: #5eb85f; }

#index h2 { width: 80%; text-align: center; font-size: 145%; color: maroon; margin: 25px 0 15px 0; clear: both; }
#index .samp {
	width: 85%;
	font-size: 118%;
	background: #fdf5e4;
	padding: 10px;
	border: 1px solid #f4eb02;
	border-left: 1em solid #f4eb02;
	display: block;
	text-align: left;
	padding-left: 5px;
	margin: 15px auto;
}
#index .samp img { float: left; margin: 5px; }

.code { 
	clear: both;
	background-color: #fde8be; 
	display: block; 
	margin: 10px auto;
	padding: 5px;
	width: 90%;
	min-height: 100px;
	border: 2px solid pink;
}
.code h2 { margin: 1em 0 0 0 ; font-family: helvetica,tahoma,Sans-Serif; }
.code p { color: navy; margin: 5px; font-size: 110%; }
.code img { float:left; margin: 5px 10px 5px 5px; border: 1px solid navy; vertical-align: top; }
.code .info { text-align: right; }
.code a:link, .code a:visited, .code a:hover, .code a:active { color: green; }
.code .info a:link, .code .info a:visited, .code .info a:hover, .code .info a:active { color: red; }
.code span { color: red; font-weight: bold; font-size: 1.2em; }

.presentation { margin: 30px auto; padding: 10px; border: 2px solid orange; width: 80%;}
.presentation ul { margin: 10px 50px; }
.presentation li { list-style: square; font-size: 120%; }
.presentation li a { color: maroon; }

h2 { margin: 1em 0 0 0 ; color: red; font-size:120%; font-family:helvetica,tahoma,Sans-Serif; }
h3 { margin: 8px 0 0 0; font-size: 130%; color: navy; }
h4 { font-size: 120%; color: green; }
p { font-size:1.1em;font-family: verdana,tahoma,Sans-Serif; }
.linuvers { float: right; margin: 1em;}
.index li { display: inline; margin-left:1em; }
.index a { color:#087CAE; }
.index a:hover { color:orange; }
#info strong { color: purple; }
.domaine { color:orange; font-size:0.8em; }
.pr { padding:8px; margin:10px; font-size:130%; }
table {width: 96%; border: 1px solid black; float: left; }
td { text-align: center; }
#age { font-size: 120%; }
.petit { font-size: 85%; color: navy; }
.sign { margin: 50px 0; }
.sign img { margin: 0; padding:0; border:0; }

#navigation { text-align: center; margin: 10px; font-size: 110%; color: navy; }

.bienvenue { margin: 2em; clear: both; }