* {
	margin: 0;
}
html, body {
	height: 100%;
}

body {
	background : white;
	color : black;
	font-family : sans-serif, arial, helvetica;
}

#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -3em; /* the bottom margin is the negative value of the footer's height */
}
#footer, #push {
	height: 2.8em; /* .push must be the same height as .footer */
}

a img {
	border : none;
}
ul, li {
	margin : 0;
	padding: 0;
	list-style-type : none;
}
h1, h2, #description {
	display : none;
}

#twitter_widget, #retaggr_widget {
	position : absolute;
	top : 15px;
	right : 15px;
	z-index : 1000;
}

#conteneur_sites {
	margin : auto;
	position : relative;
	overflow : auto;
}

.site {
	margin-left : 30%;
	margin-top : 7%;
}

#technoblogies, #enoctis {
	display : none;
}


#autres_sites {
	text-align : left;
	margin-top : 5%;
	margin-left : 40%;
}
#autres_sites h2 {
	display : block;
	padding-right : 2em;
}
#autres_sites li {
	margin-left : 3em;
	margin-bottom : 5px;
}
#autres_sites a {
	color : black;
	font-weight : bold;
}

#footer {
	padding-top : 0.2em;
	background : black;
}

#autres_liens {
	bottom : 20px;
	text-align : center;
	width : 100%;
	background : #2F2F2F;
	height : 1.8em;
	font-size : 1em;
	width : 58em;
	margin : 0.4em auto;
	margin-left : auto;
	margin-right : auto;
	-moz-border-radius: 0.8em;
}
#autres_liens li {
	display : inline;
	margin : 0 1.2em;
}
#autres_liens li a {
	font-weight : bold;
	text-transform : uppercase;
	color : white;
	text-decoration : none;
}
#autres_liens li a:hover {
	color : #CFCFCF;
}