/*##############################################################################
                     STYLE DES CONTENUS DE LA PAGE
##############################################################################*/


/* Initialisation des marges des balises formulaire */
form{
	margin:0px;
	padding:0px;
}

/* Séparateur par défaut */
hr{
  height: 1px;
  background-color: none;
  border-bottom: none;
  border-left: none;
  border-right: none;
  border-top: 1px dashed #999999;
}


/*----------------------------------------------------------------------------*/
/* CONTENU CLASSIQUE                                                          */
/*----------------------------------------------------------------------------*/


/* TITRE CLIENT */
#nom-client{
  float: left;
  width: 500px;
  height: 34px;
  margin-top: 70px;
  margin-left: 26px;
  font-size: 26px;
  font-weight: bold;
  color: #4a4a4a;
}

/* TITRE CLIENT EN PAGE DE CONNEXION; */
#connexion-nom-client{
  float: left;
  width: 500px;
  height: 34px;
  margin-top: 61px;
  margin-left: 8px;
  font-size: 26px;
  font-weight: bold;
  color: #4a4a4a;
}

h2{  
  font-family: Verdana;
  font-size: 16px;
  font-weight: bold;
  font-style: italic;
  text-align: left;  
  border-spacing: 2px;
  color : #1e6291;
  margin-bottom: 8px;
}

h3{  
  font-family: Verdana;
  font-size: 12px;
  font-weight: bold;
  font-style: italic;
  text-align: left;  
  border-spacing: 2px;
  color : #1e6291;
  margin-bottom: 8px;
}

p{
  border-spacing: 2px;
  font-family: Verdana;
  font-size: 11px;
  font-weight: normal;
  text-align: left;  
  color : #666666;
  background-color: #ffffff;
  margin-bottom: 10px;
}

/* Style général des images */
.vignette{
  border: 1px solid #999999;
  padding: 4px;
  background-color: #ffffff;
}


/*----------------------------------------------------------------------------*/
/* GALERIE IMAGES                                                            */
/*----------------------------------------------------------------------------*/

#arborescence{
	float: left;
	width: 190px;
	overflow-x:auto;
}

#zone_galerie{
	float: left;
	width: 680px;
}

#zone_action{
	margin-top: 8px;
	padding-top: 6px;
	border-top: 1px dashed #999999;
}

/* Style du conteneur de la vignette image */
.conteneur_vignette{
	float:left;
	width:108px;
	background-color:#eeeeee;
	padding:4px;
	margin-right:12px;
	margin-bottom:12px;
	border:1px solid #999999;
}

/* Style du conteneur des boutons d'action des vignettes */
.conteneur_commandes{
	float:left;
	width:20px;
}

/* Style du conteneur de vignettes */
.bloc_vignette{
	float:left;
	width:88px;
}

/* Style général des images */
.vignette{
  border: 1px solid #999999;
  padding: 4px;
  background-color: #ffffff;
}


/*----------------------------------------------------------------------------*/
/* CONFIRMATION DE SUPPRESSION                                                */
/*----------------------------------------------------------------------------*/

/* Bloc contenant le message de confirmation de suppression */
.zone-confirmation-suppression{
  padding: 10px;
  margin-top: 12px;
  margin-bottom: 12px;
}

/* Titre visuel du bloc de confirmation de suppression */
.titre-confirmation-suppression{
  height: 40px;
  margin-top: 12px;
  margin-bottom: 4px;
  background-image: url('../images/titres/titre-demande-confirmation.png');
  background-repeat: no-repeat;
}

/* Sous-titre du bloc de confirmation de suppression */
.sous-titre-confirmation-suppression{
  font-family: Verdana;
  font-size: 12px;
  font-weight: bold;
  font-style: italic;
  text-align: left;  
  border-spacing: 2px;
  color : #bb3300;
  margin-bottom: 8px;
}

/* Bloc de confirmation de suppression */
.bloc-confirmation-suppression{
  padding: 10px;
  background-color: #ffcccc;
}

/* Bloc contenant les boutons de la demande de confirmation */
.form-confirmation-suppression{
  height: 36px;
  padding: 0px;
  margin: 0px;
  text-align: center;
  background-color: #ffcccc;
  border-top: 2px solid #ffffff;
}



/*----------------------------------------------------------------------------*/
/* LIENS PAR DEFAUT                                                           */
/*----------------------------------------------------------------------------*/

a:link{
  font-size: 11px;
  font-weight: bold;
  color: #1e6291; 
  text-decoration: none;  
}

a:visited{
  font-size: 11px;
  font-weight: bold;
  color: #1e6291; 
  text-decoration: none;   
}

a:hover{
  font-size: 11px;
  font-weight: bold;
  color: #666666; 
  text-decoration: none; 
}


/*----------------------------------------------------------------------------*/
/* LIEN SIGNATURE PUBLICOM                                                    */
/*----------------------------------------------------------------------------*/

/* SIGNATURE ADMIN */
#signature{
  width: 200px;
  margin-left: 30px;
  padding-top: 34px;
  height: 20px;
  text-align: left;
}

#signature a:link{
  font-size: 14px;
  font-weight: bold;
  color: #959595; 
  text-decoration: none;  
}

#signature a:visited{
  font-size: 14px;
  font-weight: bold;
  color: #959595; 
  text-decoration: none;   
}

#signature a:hover{
  font-size: 14px;
  font-weight: bold;
  color: #1e6291; 
  text-decoration: none; 
}

/* SIGNATURE CONNEXION */
#signature-connexion{
  width: 400px;
  margin-left : 28px;
  padding-top: 20px;
  text-align: left;
}

#signature-connexion a:link{
  font-size: 9px;
  color: #999999; 
  text-decoration: none;  
}

#signature-connexion a:visited{
  font-size: 9px;
  color: #999999; 
  text-decoration: none;   
}

#signature-connexion a:hover{
  font-size: 9px;
  color: #3399cc; 
  text-decoration: none; 
}

#connexion-rappel-codes{
  padding: 16px 0px 0px 22px;
}