*{margin:0;padding:0;border:none;outline:none;position:relative;}

body{background-color:#303a3a;}

div#body{
	position:relative;
	width:800px;
	margin:0 auto;
	padding:100px 0 100px 0;
	font:13px "Tahoma";
	color:#303a3a;
}

img#bandeau{position:absolute;top:127px;left:-9px;z-index:99999;}

div#icones_haut{
	float:right;
	padding:12px 10px 0 0;
	width:205px;
	height:24px;
	text-align:right;
	background-image:url('bg_icones_haut.png');
}
div#icones_haut img{margin:0 2px 0 2px;}

#conteneur{
	width:800px;
	background-color:white;
	z-index:9;
}

div#contenu{
	width:780px;
	height:361px;
	padding:10px;
	background-image:url('bg.png');
	z-index:9999;
}

div#cadre{width:780px;height:361px;}
div#cadre.home{background-image:url('bg_home.jpg');}
div#cadre.photo{background-image:url('photo/bg_photo.png');}
div#cadre.geo{background-image:url('geo/bg_geo.png');}
div#cadre.web{background-image:url('web/bg_web.png');}

div#sidebar
{
	top:-10px;
	margin:0 auto;
	width:780px;
	background-image:url('photo/bg_photo_2.png');
	background-repeat:no-repeat;
	z-index:99;
}
div#sidebar.photo{background-image:url('photo/bg_photo_2.png');}
div#sidebar.geo{background-image:url('geo/bg_geo_2.png');}
div#sidebar.web{background-image:url('web/bg_web_2.png');}

div#icones_bas{
	float:left;
	padding:4px 0 0 10px;
	width:205px;
	height:32px;
	text-align:left;
	background-image:url('bg_icones_bas.png');
}
div#icones_bas img{margin:0 5px 0 5px;}

/***** ***** GAUCHE ***** *****/

div#gauche{
	float:left;
	width:180px;
	height:361px;
	padding-left:20px;
	text-align:left;
}

div#gauche ul{list-style-type:none;}
div#gauche ul.home{margin:100px 0 50px 0;}
div#gauche ul.photo{margin:155px 0 0 10px;}
div#gauche ul.geo{margin:155px 0 0 10px;}
div#gauche ul.web{margin:155px 0 0 10px;}

div#gauche ul li{
	padding-left:10px;
	margin-bottom:5px;
	background:url('puce.jpg') center left no-repeat;
}

div#gauche ul li a, div#gauche ul li a:link, div#gauche ul li a:visited, div#gauche ul li a:active{color:#303a3a;text-decoration:none;}
div#gauche ul li a:hover{text-decoration:underline;}

div#gauche a#cv, div#gauche a#cv:link, div#gauche a#cv:visited, div#gauche a#cv:active{
	padding:10px;
	background-color:#303a3a;
	color:white;
	text-decoration:none;
}
div#gauche a#cv:hover{color:rgb(210,210,210);}

/***** ***** DROITE ***** *****/

div#droite{
	position:relative;
	float:right;
	width:365px;
	height:361px;
	text-align:right;
}

div#droite div#titre{
	position:absolute;
	top:15px;
	right:0px;
	width:222px;
	height:28px;
	padding-top:6px;
	padding-right:15px;
	text-align:right;
	background-image:url('bg_titre.png');
	font:16px "Trebuchet MS";
}
div#droite div#titre.photo{color:#4a7f9e;}
div#droite div#titre.geo{color:#8ca748;}
div#droite div#titre.web{color:#cc4818;}

div#droite div#frame{
	position:absolute;
	top:63px;
	left:2px;
	width:345px;
	text-align:center;
}
div#droite div#frame img{padding:1px;margin:2px;border:2px solid #e0e2e1;}
div#droite div#frame img.ico_galerie{padding:1px;margin:5px 0 6px 0;border:2px solid #e0e2e1;}

div#droite img#retour{position:absolute;top:15px;left:0px;}
div#droite img#precedent{position:absolute;bottom:15px;left:0px;}
div#droite img#commentaires{position:absolute;bottom:21px;left:160px;}
div#droite img#suivant{position:absolute;bottom:15px;right:15px;}