html {
	height: 100%;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: lighter;
	color: #7F7F7F;
	background-color: #000000;
	margin: 0;
	padding: 0;
	border: 0;
	height: 100%;
	overflow-y: hidden ; /* fonction microsoft supprimant les ascenseurs sous IE */
}

html > body {
	overflow-y: auto
} /* annule le overflow-y pour firefox 1.5 et supérieur */





/* ************************************* */
/*      style des blocks principaux      */
/* ************************************* */
.content { /* boite prenant toute la page sauf le footer fixe*/
	height: 100%; /* la hauteur de la boite occupe 100% de l'écran */
	overflow: auto
} /* on rajoute un ascenseur droit à la boite */
/* fin du hack "fixed" permettant de fixer le menu fixe sous IE */

.blog_block {
	margin: 66px 0 0 10px;
	padding: 0;
	height: 1%;
	width: 552px;
	float: left;
}

.portfolio_block {
	margin: 66px 0 0 10px;
	padding: 0;
	height: 1%;
	width: 552px;
	float: left;
}

.about_block {
	margin: 66px 0 0 10px;
	padding: 0;
	height: 1%;
	width: 552px;
	float: left;
}

.clients_block {
	margin: 66px 0 0 10px;
	padding: 0;
	height: 1%;
	width: 552px;
	float: left;
}

.goodies_block {
	margin: 66px 0 0 10px;
	padding: 0;
	height: 100%;
	width: 570px;
	float: left;
	overflow: auto;
}

.contact_block {
	margin: 66px 0 0 10px;
	padding: 0;
	height: 1%;
	width: 300px;
	float: left;
	text-align: center;
}

.menu_block {
	height: 1%;
	margin: 8px 0 0 8px;
	padding: 0;
	float: left;
}

.menu_logo img {
	border: 0;
}

.footer_block { /* menu fixe en bas de l'écran */
	position: absolute ; /* position du menu = par rapport à la boite parent (ici le body) */
	bottom: 0 ; /* Le bas du menu est à 0 pixels du bas de l'écran */ 
	left: 0 ; /* La gauche du menu est à 0 pixels du bas de l'écran */ 
	width: 704px ; /* largeur du menu = 98% de l'écran */
	height: 20px ; /* hauteur du menu = 20 pixels */
	padding: 4px 0 0 0px;
	margin: 0 0 0 16px;
	background-color : #000000 ; /* la couleur du menu */
	border-top:1px solid #7F7F7F;
} /* Bordure haute du menu */

.footer_block a, .footer_block a:visited {
	color: #FFFFFF;
	text-decoration: none;
}

.footer_block a:hover {
	text-decoration: underline;
}

body>.footer_block {position:fixed} /* annule le hack "fixed" pour les autres navigateurs que IE */





/* ************************************* */
/*      style du blog                    */
/* ************************************* */
.blog_date {
	margin: 0;
	padding: 6px 0 6px 0;
	border-bottom:1px solid #7F7F7F;
	border-top:1px solid #7F7F7F;
}

.blog_titre {
	margin: 0;
	padding: 12px 0 0 0;
	font-weight: bold;
}

.blog_image {
	margin: 12px 0 0 0;
	padding: 0;
	border:1px solid #7F7F7F;
}

.blog_texte {
	margin: 0;
	padding: 12px 0 26px 0;
	text-align: justify;
}

.blog_texte a, .blog_texte a:visited {
	color: #01AD4E;
	text-decoration: none;
}

.blog_texte a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

.blog_nav {
	font-size: 10px;
	padding: 12px 0 50px 0;
}

.blog_nav a, .blog_nav a:visited {
	color: #01AD4E;
	text-decoration: none;
}

.blog_nav a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

.blog_nav_gauche {
	float: left;
	text-align: left;
	width: 50%;
}

.blog_nav_droite {
	text-align: right;
	float: left;
	width: 50%;
}





/* ************************************* */
/*      style du portfolio               */
/* ************************************* */

.portfolio_image {
	margin: 0;
	padding: 0;
}

.portfolio_image_src {
	margin: 0;
	padding: 0;
	border:1px solid #7F7F7F;
}

.portfolio_texte {
	margin: 0;
	padding: 12px 0 26px 0;
	text-align: justify;
}

.portfolio_texte a, .portfolio_texte a:visited {
	color: #01AD4E;
	text-decoration: none;
}

.portfolio_texte a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

.portfolio_nav {
	font-size: 10px;
	padding: 12px 0 50px 0;
}

.portfolio_nav_gauche {
	float: left;
	text-align: left;
	width: 50%;
}

.portfolio_nav_droite {
	text-align: right;
	float: left;
	width: 50%;
}




/* ************************************* */
/*      style about                      */
/* ************************************* */
.about_block a, .about_block a:visited {
	color: #01AD4E;
	text-decoration: none;
}

.about_block a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}





/* ************************************* */
/*      style contact                    */
/* ************************************* */
.contact_block a, .contact_block a:visited {
	color: #01AD4E;
	text-decoration: none;
}

.contact_block a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

.contact_logo {
	margin: 0;
	padding: 0 0 2px 0;
	text-align: center;
	width: 100%;
}

.contact_texte {
	margin: 0;
	padding: 0;
	text-align: center;
	width: 100%;
}





/* ************************************* */
/*      style clients                    */
/* ************************************* */
.clients_colonne {
	float: left;
	width: 100px;
	padding: 0 0 0 10px;
}





/* ************************************* */
/*      style goodies                    */
/* ************************************* */
.goodies {
	float: left;
	margin: 0px 5px 5px 0px;
}

.goodies a img {
	border:1px solid #7F7F7F;
}

.goodies a:hover img {
	border:1px solid #01AD4E;
}