/* CSS Document */

	body{
		margin:0;
		padding:20px 0 20px 0;
		background-color:#000;
		color:#fff;
		font-family:verdana;
		font-size:10px;
		background-image:url(images/fond-page.gif);
		background-repeat:no-repeat;
		background-position:center 20px;
	}
	
	a img{
		border:0;
	}
	
	form{
		margin:0;
		padding:0;
	}
	
	.clear{
		clear:both;
		height:1px;
	}
	
	#repere{
		position:absolute;
		right:0;
		bottom:0;
		width:1px;
		height:1px;
		z-index:20;
	}
	
	#globalCentre{
		margin:auto;
		width:993px;
		height:548px;
		border:1px solid #fff;
		background-color:#000;
		background-image:url(images/fond-accueil.jpg);
		background-repeat:no-repeat;
		background-position:42px 48px;
	}
	
	#menuAccueil{
		width:993px;
		height:37px;
		padding:11px 0 0 0;
		text-align:center;
		font-size:140%;
	}
	
	#menuAccueil span{
		font-size:140%;
	}
	
	#menuAccueil a{
		color:#fff;
		text-decoration:none;
		padding:0 5px 0 5px;
	}
	
	#menuAccueil a:hover{
		color:#000;
		background-color:#d0af4a;
	}
	
	#lienAccueil{
		display:block;
		width:993px;
		height:427px;
	}
	
	#piedAccueil{
		text-align:center;
		font-size:210%;
	}
	
	#piedAccueil a{
		color:#fff;
		text-decoration:none;
	}
	
	#piedAccueil a:hover{
		text-decoration:underline;
	}
	
	#global{
		margin:auto;
		width:993px;
		border:1px solid #fff;
		background-color:#000;
		background-image:url(images/fond-page.jpg);
		background-repeat:no-repeat;
	}
	
	#entete{
		width:993px;
		height:174px;
	}
	
	#bourgesTatouages{
		padding:14px 0 0 221px;
	}
	
	#menuPage{
		margin:5px 0 0 186px;
		font-size:120%;
	}
	
	#menuPage span{
		font-size:140%;
	}
	
	#menuPage a{
		color:#fff;
		text-decoration:none;
		padding:0 5px 0 5px;
	}
	
	#menuPage a:hover{
		color:#000;
		background-color:#d0af4a;
	}
	
	#menuPage a.actif{
		color:#d0af4a;
	}
	
	#menuPage a.actif:hover{
		color:#d0af4a;
		background-color:#000;
	}
	
	#page{
		padding:0 15px 25px 55px;
		font-size:110%;
	}
	
	#page h1{
		margin:0 0 20px 0;
	}
	
	#page h2{
		font-size:200%;
		font-weight:bold;
		margin:0 0 8px 0;
	}
	
	#page p{
		margin:0 0 12px 0;
	}
	
	.couleur{
		color:#d0af4a;
	}
	
	.plusGrand{
		font-size:110%;
	}
	
	.plusGrand2{
		font-size:130%;
	}
	
	.tresGrand{
		font-size:170%;
	}
	
	#page a{
		color:#fff;
		font-weight:bold;
		text-decoration:underline;
	}
	
	#page a:hover{
		color:#d0af4a;
	}
	
	#piedPage{
		text-align:center;
		padding:0 0 2px 0;
		font-size:140%;
	}
	
	#piedPage a{
		color:#fff;
		text-decoration:none;
	}
	
	#piedPage a:hover{
		text-decoration:underline;
	}
	
	#boutiquePlan{
		float:left;
		width:350px;
		margin:0 28px 20px 0;
		padding:10px 0 0 0;
	}
	
	#boutiqueCoordonnees{
		float:left;
		width:400px;
		margin:10px 0 20px 0;
	}
	
	#deontologieVisuel{
		float:left;
		width:344px;
		margin:0 28px 20px 0;
		padding:10px 0 0 0;
	}
	
	#deontologieTexte{
		float:left;
		width:500px;
		margin:10px 0 20px 0;
	}
	
	#deontologieTexte ol{
		margin:0 0 0 5px;
		padding:0 0 0 25px;
	}
	
	#deontologieTexte li{
		margin:0 0 12px 0;
	}
	
	#formulaire{
		margin:30px 0 0 0;
		padding:0 0 0 179px;
	}
	
	.label{
		float:left;
		width:124px;
		font-size:110%;
		color:#d0af4a;
		padding:3px 0 0 0;
	}
	
	.champ{
		float:left;
		width:450px;
		margin:0 0 4px 0;
	}
	
	.champNormal{
		width:180px;
		padding:2px 3px 2px 3px;
		border:2px solid #000;
		font-family:verdana;
		font-size:12px;
		color:#000;
		background-color:#f3f0f0;
	}
	
	.zoneAdresse{
		width:220px;
		height:30px;
		padding:2px 3px 2px 3px;
		border:2px solid #000;
		font-family:verdana;
		font-size:12px;
		color:#000;
		background-color:#f3f0f0;
	}
	
	.champPetit{
		width:45px;
		padding:2px 3px 2px 3px;
		border:2px solid #000;
		font-family:verdana;
		font-size:12px;
		color:#000;
		background-color:#f3f0f0;
	}
	
	.champGrand{
		width:270px;
		padding:2px 3px 2px 3px;
		border:2px solid #000;
		font-family:verdana;
		font-size:12px;
		color:#000;
		background-color:#f3f0f0;
	}
	
	.zoneMessage{
		width:270px;
		height:105px;
		padding:2px 3px 2px 3px;
		border:2px solid #000;
		font-family:verdana;
		font-size:12px;
		color:#000;
		background-color:#f3f0f0;
	}
	
	#envoyer{
		margin:4px 0 0 196px;
	}
	
	#conteneurListeDiaporamas{
		margin:28px 0 120px 0;
	}
	
	#page a.lienDiaporama{
		float:left;
		display:block;
		width:202px;
		height:21px;
		padding:6px 0 0 15px;
		margin:0 6px 5px 0;
		border:1px solid #fff;
		color:#fff;
		font-size:110%;
		text-decoration:none;
		background-image:url(images/fond-liste-album.gif);
		background-repeat:no-repeat;
		background-position:0 0;
	}
	
	#page a.lienDiaporama:hover{
		color:#000;
		background-position:0 -27px;
	}
	
	#nomAlbum{
		float:left;
		width:656px;
		padding:0 0 0 38px;
		margin:0 0 15px 0;
		font-size:110%;
		font-weight:bold;
	}
	
	#retourListeAlbums{
		float:left;
		width:140px;
		margin:0 0 15px 0;
	}
	
	#diaporama{
		margin:0 0 0 38px;
	}
	
	#diaporamaZoom{
		float:left;
		width:388px;
		margin:0 16px 0 0;
		height:388px;
		border:1px solid #2e2e2e;
	}
	
	#diaporamaZoom table, #diaporamaZoom table td{
		width:388px;
		height:388px;
		text-align:center;
		vertical-align:middle;
	}
	
	#diaporamaVignettes{
		float:left;
		width:388px;
		height:388px;
		border:1px solid #2e2e2e;
	}
	
	#diaporamaVignettes table{
		width:388px;
		height:388px;
		background-color:#151515;
	}
	
	#diaporamaVignettes table td.photoActive{
		border:1px solid #d0af4a;
	}
	
	#diaporamaVignettes table td{
		width:90px;
		height:90px;
		border:1px solid #292929;
		text-align:center;
		background-color:#000;
	}
	
	#diaporamaVignettes table td a img{
		filter:alpha(opacity=50); 
        -moz-opacity:0.5; 
        opacity:0.5;
	}
	
	#diaporamaVignettes table td a:hover img{
		filter:alpha(opacity=100); 
        -moz-opacity:1; 
        opacity:1;
	}
	
	#diaporamaVignettes table td.photoActive a img{
		filter:alpha(opacity=100); 
        -moz-opacity:1; 
        opacity:1;
	}
	
	#diaporamaVignettes table td.photoActive a:hover img{
		filter:alpha(opacity=100); 
        -moz-opacity:1; 
        opacity:1;
	}
	
	#compteurPages{
		width:796px;
		margin:6px 0 0 0;
		text-align:right;
	}
	
	.pageActive{
		color:#666;
	}