body{
	padding:0;
 	margin:0;	
	font-size:12px;  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background:url(../images/background_sale.jpg) repeat center top;
}

#conteneur{
	position:absolute;
	width:895px;		
	left:50%;		
	margin-left:-447.5px;
	/* Le BackGround Header avec les pictos logos */
	background:url(../images/pictos_darkdog_wintertour.gif) no-repeat center top;
}

/* ############### DEBUT DEFINITION DU CONTENU DU HEADER ############### */

	/* La Box Header */
	#conteneur #header_box{
		position:relative;
		width:895px;
		float:left;
		height:220px;
	}
	
	/* Le lien image "Connectez vous" */
	#header_box #connectez_vous{
		position: absolute;
		left:251px;
	}
	
	/* le lien vers le player son */
	#header_box #lien_son{
		position: absolute;
		left:738px;
		top: 36px;
	}
	
	/* La Box de la barre de menu */
	#header_box #menu_box{
		position: absolute;
		top: 150px;
		left:18px;
	}

/* ############### FIN DEFINITION DU CONTENU DU HEADER ############### */

/* ############### DEBUT DEFINITION DU CONTENU DU MAIN : ZONE CENTRALE ############### */

	/* La Box "centrale */
	#conteneur #main_box{
		position:relative;
		width:895px;
		float:left;
	}
	
	/* La Box de la zone de contenu texte */
	#main_box #zone_text_box{
		position:relative;
		float: left;
		margin-top:40px;
		width:525px;
		text-align:justify;
	}
	
	/* ------------ DEBUT DES STYLES AFFICHAGE GALERIE ------------ */
		
			/* La Zone de contenu de la galerie */
			#main_box #zone_affiche_galerie{
				position:relative;
				float: left;
				margin-top:40px;
				padding-left:83px;
				text-align:justify;
			}
			
			/* La Zone de contenu des liens multipages */
			#main_box #liens_multipage{
				position:relative;
				float: left;
				width:895px;
			}
			
			/* La Box contenant tous le visuel et ses infos */
			#zone_affiche_galerie .box_visuel{
				width:220px; 
				height:264px;
				padding-left:20px;
				margin-top:20px;
				position:relative; 
				float:left;
			}
			
			/* L'illus du visuel */
			#zone_affiche_galerie .ze_visuel{
				position:absolute; 
				z-index:1; 
				margin-top:31px; 
				margin-left:12px;
			}
			
			/* L'illus du cadre */
			#zone_affiche_galerie .contour_cadre{
				position:absolute; 
				z-index:2
			}
			
			/* Le bouton du Zoom pour la galerie par défaut */
			#zone_affiche_galerie .bouton_zoom{
				position:absolute; 
				z-index:3; 
				margin-top:228px; 
				margin-left:50px;
			}
			
			/* Le bouton du Zoom pour la galerie des visuels finalistes et des votes */
			#zone_affiche_galerie .bouton_zoom_final{
				position:absolute; 
				z-index:3; 
				margin-top:230px; 
				margin-left:32px;
			}
			/* Le bouton du Vote pour la galerie des visuels finalistes et des votes */
			#zone_affiche_galerie .bouton_vote_final{
				position:absolute; 
				z-index:3; 
				margin-top:230px; 
				margin-left:118px;
			}
			
			/* Le Titre du visuel */
			#zone_affiche_galerie .titre_visuel{
				position:absolute; 
				z-index:4;  
				margin-top:8px; 
				margin-left:8px; 
				color:#e20026; 
				width:170px; 
				font-weight:bold; 
				font-size:11px; 
				font-family:Arial, Helvetica, sans-serif;
			}
			
			/* Le Numéro du visuel */
			#zone_affiche_galerie .numero_visuel{
				position:absolute; 
				z-index:5;  
				margin-top:4px; 
				color:#e20026; 
				width:170px; 
				font-weight:bold; 
				font-size:15px; 
				font-family:Arial, Helvetica, sans-serif;
				width:220px;
			}
			
			#zone_affiche_galerie .msg_accueil_utilisateur{
				color:#e20026; 
				font-weight:bold; 
				font-size:13px; 
				font-family:Arial, Helvetica, sans-serif;
			}
				
	/* ------------ FIN DES STYLES AFFICHAGE GALERIE ------------ */
	
	/* La Box de Newsletter */
	#main_box #newsletter_box{
		position:relative;
		float:left;
		top:70px;
		padding-left:80px;
		width:165px;
		padding-bottom:140px;
		background: url(../images/newsletter-dark-dog-contest.gif) no-repeat top left;
		background-position:20px 0px;
	}

	/* La Box de telechargement du gabarit et charte de la rubrique inscription */
	#main_box #telecharge_doc_inscription_box{
		position:relative;
		float:left;
		margin-top:90px;
		padding-left:123px;
	}
	/* La Box du formulaire d'enregistrement de la rubrique inscription */
	#main_box #formulaire_inscription_box{
		position:relative;
		float:left;
		margin-top:10px;
		margin-left:10px;
		width:440px;
	}
	/* La Box du formulaire d'inscription au dark Dog Visa dans la zone d'inscription */
	#main_box #formulaire_inscription_ddvisa_box{
		position:relative;
		float:left;
		margin-top:10px;
		margin-left:45px;
		width:368px;
	}
	#main_box #picto_creer_ddvisa{
		position:relative;
		float:left;
		margin-left:14px;
		margin-top:25px;
	}	

/* ############### FIN DEFINITION DU CONTENU DU MAIN : ZONE CENTRALE ############### */


/* ############### DEBUT DEFINITION DU CONTENU DU MAIN : ZONE CENTRALE ############### */

/* La Box du Footer */
#conteneur #footer_box{
	position:relative;
	width:895px;
	float:left;
	text-align:center;
	padding-bottom:10px;
	margin-top:20px;
	font-size:11px;
}	

#footer_box a{
	text-decoration:none;
	color:#000000;
}

#footer_box a:hover{
	text-decoration:underline;
}

/* ############### FIN DEFINITION DU CONTENU DU MAIN : ZONE CENTRALE ############### */

/* La Box "Creer UN dark Dog Visa" */
	#main_box #darkdogvisa_box{
		position:relative;
		float:left;
		background: url(../images/illus_dark_dog_visa.gif) no-repeat top left;
		background-position:20px 0px;
		width:255px;
	}
	
/* La Box "Connexion dark Dog Visa" */
	#main_box #connexion_darkdogvisa_box{
		position:relative;
		float:left;
		background: url(../images/illus_jai_dark_dog_visa.gif) no-repeat top left;
		background-position:20px 0px;
		width:260px;
	}
	
	#main_box #connexion_galerie_darkdogvisa_box{
		position:relative;
		float:left;
		background: url(../images/illus_jai_dark_dog_visa.gif) no-repeat top left;
		background-position:20px 0px;
		width:720px;
	}
	
/* La classe des champs Input */
form .input_jaune_newsletter{
	background-color:#feba01;
	border:1px solid #000000;
	width:125px;
}

/* Si erreur de saisie */
form .erreur_champ{
	background:#990000;
	color:#FFFFFF;
}

/* style du formulaire d'inscription */
form .inscription{
	background: url(../images/fond-input.gif);
	color:#000000;
	border:none;
}
/* style du formulaire d'inscription */
form .upload_fichier{
	border:1px solid #000000;
	background-color:#feba01;
}

/* style du formulaire d'inscription */
form .bouton_participer_concour{
	background:url(../images/bouton-participer.gif);
	border:none;
	width:217px;
	height:33px;
	text-indent:-5000px;
	line-height:0px;
}

form .bouton_inscription_ddvisa{
	background:url(../images/btn_valider_inscription_ddvisa.gif);
	border:none;
	width:217px;
	height:33px;
	text-indent:-5000px;
	line-height:0px;
}

/* style du formulaire de commentaire */
form .bouton_envoyer{
	background: url(../images/bouton-poster.gif);
	border:none;
	width:79px;
	height:24px;
	text-indent:-5000;
	line-height:0px;
}

/* le style des fonds des champs de saisie */
form .commentaire{
	background: url(../images/fond_commentaire.gif);
	color:#000000;
	border: 1px solid #000000; 
}

a{
	text-decoration:none;
	color:#000000;
}

a:hover{
	text-decoration:underline;
}

.min_txt{
	font-size:10px;
}

.middle-txt{
	font-size:11px;
}

.attention{
	color:#990000;
}

.msg_error{
	color:#f7cb01;
	font-weight:bold;
}

input.sujet_obligatoire{	
	visibility:hidden;
	display:none;
}

/* Gestion des tyles des n° de l'affichage multipage */

.nombre a{	
	color: #000000;
	text-decoration:none;
	font-weight:bold;
	padding-left:3px;
	padding-right:3px;
	padding-top:1px;
	padding-bottom:1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
}
.nombre a:hover{	
	text-decoration:underline;
	background:#e24a1a;
	color:#FFCC00;
}
.tiret{
	color:#000000;
}
.grand{
	font-weight:bold;
	font-size:13px;
	font-family: Arial, Helvetica, sans-serif;
}
.grand a{
	color:#FFCC00;
	text-decoration:none;
	background:#e24a1a;
	padding-left:5px;
	padding-right:5px;
	padding-top:2px;
	padding-bottom:2px;
}

.txt_jaune{
	color:#fbbe01;
}

.contour_noir{
	border:1px solid #000000;
}

.erreur_identification{
	color:#e10026;
}