/*========================
Design réalisé par Delta
pour WebWorkNet
www.webworknet.ch
========================*/
body{
margin: 0px;
padding: 0px;
background: #920E0E;
}


/* gestion de la transparence des PNG sous IE*/
img.png {
behavior: url(Design/png.htc);
}


/*========================
en-tête
========================*/

#Header {
position: relative;
width: 87%;
/*margin: 0 auto;*/
margin-left: 106px;
margin-right: 106px;
margin-top: 20px;
background: white;
}

#Logo{
margin-left: 30px;
}

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

/*========================
la zone de recherche
========================*/

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

#ZoneRecherche a{
/*border: 1px inset #000000;*/
float: right;
width: 245px;
font-family: "Book Antiqua", "Arial Narrow", Arial, sans-serif;
font-size: 12pt;
margin-right: 0px;
margin-top: 5px;
text-align: right;
color: black;
text-decoration: none; /*élimine le soulignement automatique des liens*/
outline: 0; /*enlève les pointillés autour des liens cliquables du menu*/
}

#ZoneRecherche{
/*border: 1px inset #000000;*/
position: absolute;
right:20px;
top:60%;
width:245px;
height:30px;
text-align: right;
margin-left:-122.5px; /* Cette valeur doit être la moitié négative de la valeur du width */
margin-top:-15px; /* Cette valeur doit être la moitié négative de la valeur du height */
}

#ZoneRecherche input.text {
/*width: 40%;*/
/*margin-right: 625px;*/
border: 1px inset #000000;
background: url(FondInputText.png) repeat;
margin-bottom: 1px;
}

#AdminSearch  {
/*border: 1px inset #000000;*/
}


#AdminSearch input.text {
/*border: 1px inset #000000;*/
background: url(FondInputText.png) repeat;
margin-bottom: 1px;
}

#AdminSearch input.submit {
font-family: "Book Antiqua", "Arial Narrow", Arial, sans-serif;
font-size: 12pt;
font-weight: normal;
margin: 5px;
}



/*========================
contenu normal
========================*/

.NormalContent {
margin-right: 4px;
border : 0px;
}


.NormalContent  h1{
font-family: "Book Antiqua", "Arial Narrow", Arial, sans-serif;
font-size: 24pt;
text-align: center;
margin: 0px;
padding-top: 10px;
padding-bottom: 15px;
color: #920E0E;
}

.NormalContent  p{
font-family: "Book Antiqua", "Arial Narrow", Arial, sans-serif;
font-size: 12pt;
text-align: justify;
margin: 0px;
padding-top: 0px;
padding-bottom: 0px;
color: black;
}

.NormalContent  h2{
font-family: "Book Antiqua", "Arial Narrow", Arial, sans-serif;
font-size: 12pt;
text-align: center;
font-weight: bold;
margin: 0px;
padding-top: 5px;
padding-bottom: 5px;
color: black;
}

.NormalContent  a{
font-family: "Book Antiqua", "Arial Narrow", Arial, sans-serif;
font-size: 12pt;
text-align: center;
margin: 0px;
padding-top: 10px;
padding-bottom: 15px;
color: #920E0E;
text-decoration: none; /*élimine le soulignement automatique des liens*/
outline: 0; /*enlève les pointillés autour des liens cliquables du menu*/
}

.Presentation p{
font-family: "Book Antiqua", "Arial Narrow", Arial, sans-serif;
font-size: 12pt;
text-align: justify;
margin: 0px;
padding-right: 40px;
padding-left: 40px;
color: black;
}

.Presentation a{
font-family: "Book Antiqua", "Arial Narrow", Arial, sans-serif;
font-size: 12pt;
text-align: center;
color: #920E0E;
text-decoration: none; /*élimine le soulignement automatique des liens*/
outline: 0; /*enlève les pointillés autour des liens cliquables du menu*/
}

.Presentation  h1{
font-family: "Book Antiqua", "Arial Narrow", Arial, sans-serif;
font-size: 24pt;
text-align: center;
margin: 0px;
padding-top: 10px;
padding-bottom: 15px;
color: #920E0E;
}


/*========================
menu
========================*/
#menu{
height : 50px;
width: 87%;
/*margin: 0 auto;*/
margin-left: 106px;
margin-right: 106px;
margin-top: 10px;
}

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.bouton {
    background: transparent url('bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: right;
	font-family: "Book Antiqua", "Arial Narrow", Arial, sans-serif;
	font-size: 16pt;
    height: 46px;
    margin-right: 6px;
    padding-right: 20px; /* sliding doors padding */
    text-decoration: none;
}

a.bouton span {
    background: transparent url('bg_button_span.gif') no-repeat;
    display: block;
    line-height: 36px;
    padding: 5px 0 5px 20px;
}

a.bouton:active, a.bouton:hover {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.bouton:active span , a.bouton:hover span {
    background-position: bottom left;
    padding: 6px 0 4px 20px; /* push text down 1px */
}

/*========================
boutons actifs, pour contrer le blème "active" inconnu à cause des Includes
========================*/

a.BoutonEnCours {
    background: transparent url('bg_button_a.gif') no-repeat scroll top right;
    /*color: #444;*/
    display: block;
    float: right;
	font-family: "Book Antiqua", "Arial Narrow", Arial, sans-serif;
	font-size: 16pt;
    height: 46px;
    margin-right: 6px;
    padding-right: 20px; /* sliding doors padding */
    text-decoration: none;
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */	
}

a.BoutonEnCours span {
    background: transparent url('bg_button_span.gif') no-repeat;
    display: block;
    line-height: 36px;
    /*padding: 5px 0 5px 20px;*/
    background-position: bottom left;
    padding: 6px 0 4px 20px; /* push text down 1px */
}



/*========================
nouveautés
========================*/

#Nouveautés {
position: relative;
width: 87%;
/*margin: 0 auto;*/
margin-left: 106px;
margin-right: 106px;
background: white;
}

#Nouveautés table {
margin: auto; /* Centre le tableau */
/*border: 2px ridge black;*/
/*border-collapse: collapse; /* Colle les bordures entre elles */
vertical-align: middle;
}

#Nouveautés td {
border: 0px;
height: 320px;
width: 235px;
font-family: "Book Antiqua", "Arial Narrow", Arial, sans-serif;
font-size: 16pt;
text-align: center; 
vertical-align: middle;
padding: 25px;
}


#Nouveautés a  {
color: black;
text-decoration: none; /*élimine le soulignement automatique des liens*/
outline: 0; /*enlève les pointillés autour des liens cliquables du menu*/
}


/*========================
contenu
========================*/

#Contenu  {
font-family: "Book Antiqua", "Arial Narrow", Arial, sans-serif;
font-size: 16pt;
height: 543px;
margin-left: 106px;
margin-right: 106px;
background: url(GrandContenu.jpg) repeat-x;
}


#Contenu  h1{
font-family: "Book Antiqua", "Arial Narrow", Arial, sans-serif;
font-size: 24pt;
text-align: center;
margin: 0px;
padding-top: 10px;
padding-bottom: 15px;
color: #920E0E;
}

#Contenu td {
/*border: 1px solid black;*/
border: 0px;
height: 20px;
width: 235px;
font-family: "Book Antiqua", "Arial Narrow", Arial, sans-serif;
font-size: 16pt;
text-align: center; 
padding: 5px;
}

.TrouGauche{
position:absolute;
left:16px;
top:50%;
width:31px;
height:113px;
margin-left:-15.5px; /* Cette valeur doit être la moitié négative de la valeur du width */
margin-top:-56.5px; /* Cette valeur doit être la moitié négative de la valeur du height */
}

.TrouDroite{
position:absolute;
right:0px;
top:50%;
width:32px;
height:111px;
margin-left:-16px; /* Cette valeur doit être la moitié négative de la valeur du width */
margin-top:-55.5px; /* Cette valeur doit être la moitié négative de la valeur du height */
}

.FlecheGauche{
position:absolute;
left:1px;
top:50%;
width:61px;
height:113px;
margin-left:-30.5px; /* Cette valeur doit être la moitié négative de la valeur du width */
margin-top:-56.5px; /* Cette valeur doit être la moitié négative de la valeur du height */
}

.FlecheDroite{
position:absolute;
right:-36px;
top:50%;
width:68px;
height:109px;
margin-left:-34px; /* Cette valeur doit être la moitié négative de la valeur du width */
margin-top:-54.5px; /* Cette valeur doit être la moitié négative de la valeur du height */
}

/*========================
catalogue
========================*/
#Catalogue{
font-family: "Book Antiqua", "Arial Narrow", Arial, sans-serif;
font-size: 12pt;
}


#Catalogue  h1{
font-family: "Book Antiqua", "Arial Narrow", Arial, sans-serif;
font-size: 24pt;
text-align: center;
margin: 0px;
padding-top: 10px;
padding-bottom: 15px;
color: #920E0E;
}

#Catalogue table {
margin: auto; /* Centre le tableau */
/*border: 2px ridge black;*/
border: 0px;
border-collapse: collapse; /* Colle les bordures entre elles */
vertical-align: top;
}

#Catalogue td {
/*border: 1px solid red;*/
border: 0px;
height: 200px;
width: 200px;
font-family: "Book Antiqua", "Arial Narrow", Arial, sans-serif;
font-size: 10pt;
vertical-align: bottom;
text-align: center; 
padding-left: 10px;
padding-right: 10px;
padding-bottom: 15px;
}


#Catalogue img {
border : 0px;
margin: 0px;
text-decoration: none; /*élimine le soulignement automatique des liens*/
outline: 0; /*enlève les pointillés autour des liens cliquables du menu*/
}


#Catalogue a  {
color: black;
text-decoration: none; /*élimine le soulignement automatique des liens*/
outline: 0; /*enlève les pointillés autour des liens cliquables du menu*/
}

#Catalogue p {
font-family: "Book Antiqua", "Arial Narrow", Arial, sans-serif;
font-size: 12pt;
color: black;
text-align: justify; 
}

#Catalogue select  {
width: 250px;
}


#Pagination  {
font-family: "Book Antiqua", "Arial Narrow", Arial, sans-serif;
font-size: 14pt;
color: #920E0E;
padding-top: 10px;
text-align: center;
text-decoration: none; /*élimine le soulignement automatique des liens*/
outline: 0; /*enlève les pointillés autour des liens cliquables du menu*/
}

#Pagination a {
text-align: center;
font-size: 10pt;
color: black;
text-decoration: none; /*élimine le soulignement automatique des liens*/
outline: 0; /*enlève les pointillés autour des liens cliquables du menu*/
}

/*========================
Fiche
========================*/
#Fiche table {
margin: auto; /* Centre le tableau */
/*border: 2px ridge black;*/
border: 0px;
/*border-collapse: collapse; /* Colle les bordures entre elles */
/*vertical-align: middle;*/
margin-right: 20px;
margin-left: 30px;
}

#Fiche td {
text-align: center;
vertical-align: top;
padding-left: 20px;
}

#Fiche img {
text-align: center;
vertical-align: top;
}

.mini  {
font-family: "Book Antiqua", "Arial Narrow", Arial, sans-serif;
font-size: 11pt;
text-align: center;
padding-top: 10px;
color: black;
}

.droite  h1{
font-family: "Book Antiqua", "Arial Narrow", Arial, sans-serif;
font-size: 24pt;
text-align: center;
margin: 0px;
padding-top: 10px;
padding-bottom: 15px;
color: black;
}

.droite  h2{
font-family: "Book Antiqua", "Arial Narrow", Arial, sans-serif;
font-size: 18pt;
text-align: center;
margin: 0px;
padding-top: 10px;
padding-bottom: 15px;
color: black;
}

.droite  {
font-family: "Book Antiqua", "Arial Narrow", Arial, sans-serif;
font-size: 12pt;
text-align: justify;
color: black;
padding-right: 30px;
padding-left: 30px;
vertical-align: top;
}


/*========================
Le panier
========================*/
#panier table {
border: 2px ridge black;
border-collapse: collapse; /* Colle les bordures entre elles */
}

#panier td {
vertical-align: center;
padding-left: 20px;
background: #999999;
}

#panier tr {
font-family: "Book Antiqua", "Arial Narrow", Arial, sans-serif;
border: 2px ridge black;
}



/*===========================*/
/*la section des liens       */
/*===========================*/

#liens ul
{
margin: 0px;
text-align: center; /*centrage des textes pour une meilleure présentation*/
}



#liens li/*pour la mise en page globale de la section des liens listés dans le corps*/
{
list-style-position: outside; /*mise en retrait des paragraphes pour être alignés APRES la puce*/
list-style-type: circle; /*liste à puces en cercles*/
font-size: 12px;
text-align: center; /*centrage des textes pour une meilleure présentation*/
padding-top: 10px;
padding-bottom : 10px;
}

#liens a/*pour le format des liens inscrits*/
{
text-decoration: none; /*élimine le soulignement automatique des liens*/
font-family: "Book Antiqua", "Arial Narrow", Arial, sans-serif;
font-size: 12pt;
color: black;
}
#liens a:hover /* Quand le visiteur pointe sur le lien */
{
color: #920E0E;
}

#liens li img
{
vertical-align : middle;
}


/*========================
pied de page
========================*/
#Footer  {
font-family: "Book Antiqua", "Arial Narrow", Arial, sans-serif;
text-align: center;
font-size: 10pt;
margin: 0px;
padding: 0px;
color: white;
}

/*========================
zone d'administration
========================*/
#AdminContent  h1{
font-family: "Arial Narrow", Arial, sans-serif;
text-align: center;}

#AdminContent  p{
font-family: "Arial Narrow", Arial, sans-serif;
text-align: center;}

#AdminFooter  {
font-family: "Book Antica", "Arial Narrow", Arial, sans-serif;
text-align: center;
font-size: 12pt;
color: white;
}

.BoutonsAdmin a {
font-family: "Arial Narrow", Arial, sans-serif;
font-size: 10pt;
outline: 0; /*enlève les pointillés autour des liens cliquables*/
text-decoration: none; /*supprime le soulignement des liens*/
}

.BoutonsAdmin table 
{margin: auto; /* Centre le tableau */
border: 0px;
border-collapse: collapse;
vertical-align: middle;
padding:10px;}

.BoutonsAdmin td /* Les cellules normales */
{border: 0px;
font-family: "Arial Narrow", Arial, sans-serif;
text-align: center;
padding-left: 50px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
padding-right: 50px;
padding-bottom: 0px;}

.BoutonsAdmin th /* Les cellules de titre */
{border: 0px;
font-family: "Arial Narrow", Arial, sans-serif;
text-align: center;
padding: 3px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */}


.BoutonsAdmin h1{
font-family: "Book Antiqua", "Arial Narrow", Arial, sans-serif;
font-size: 24pt;
text-align: center;
margin: 0px;
padding-top: 10px;
padding-bottom: 15px;
color: #920E0E;
}

#RechercheAdmin table {
margin: auto; /* Centre le tableau */
/*border: 2px ridge black;*/
border: 0px;
border-collapse: collapse; /* Colle les bordures entre elles */
/*vertical-align: middle;*/
margin-right: 20px;
margin-left: 30px;
}

#RechercheAdmin .EnTete {
font-family: "Book Antiqua", "Arial Narrow", Arial, sans-serif;
font-size: 10pt;
font-weight: bold;
padding-right: 5px;
}

#RechercheAdmin tr {
vertical-align: middle;
border: 2px ridge #920E0E;
}

#RechercheAdmin td {
vertical-align: middle;
}

#RechercheAdmin  .CA_Gauche  {
font-family: "Book Antiqua", "Arial Narrow", Arial, sans-serif;
width : 220px;
font-size: 12pt;
text-align: center;
padding: 10px;
color: black;
}

#RechercheAdmin  .CA_Milieu  {
font-family: "Book Antiqua", "Arial Narrow", Arial, sans-serif;
width: 280px;
font-size: 12pt;
text-align: left;
padding: 10px;
color: black;
}

#RechercheAdmin .CA_Droite  {
font-family: "Book Antiqua", "Arial Narrow", Arial, sans-serif;
font-size: 12pt;
text-align: justify;
padding: 10px;
}

#RechercheAdmin .CA_Droite  p {
font-family: "Book Antiqua", "Arial Narrow", Arial, sans-serif;
font-size: 12pt;
text-align: justify;
padding: 10px;
}

#RechercheAdmin .CA_Droite  h1 {
font-family: "Book Antiqua", "Arial Narrow", Arial, sans-serif;
font-size: 14pt;
text-align: center;
padding: 10px;
color: #920E0E;
}

#RechercheAdmin .CA_Modif  {
float: left;
width: 64px;
margin-left: 100px;
}

#RechercheAdmin .CA_Supprim {
float: right;
width: 64px;
margin-right: 100px;
}


/*========================
les tables d'affichage de la base de données
========================*/

.TableEntrées table /* Le tableau en lui-même */
{margin: auto; /* Centre le tableau */
border: 3px outset #999999;
border-collapse: collapse;
vertical-align: middle;
margin-right: 20px;
margin-left: 20px;}

.TableEntrées td /* Les cellules normales */
{border: 2px outset black;
background: #999999;
font-family: "Arial Narrow", Arial, sans-serif;
text-align: left;
padding: 3px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */}

.TableEntrées p {
margin-top: 0px;
}

.TableEntrées a {
font-family: "Arial Narrow", Arial, sans-serif;
font-size: 12pt;
font-weight: bold;
outline: 0; /*enlève les pointillés autour des liens cliquables*/
text-decoration: none; /*supprime le soulignement des liens*/
}

.TableEntrées th /* Les cellules de titre */
{border: 1px solid black;
background: #FFFDFE;
color: black;
font-family: "Arial Narrow", Arial, sans-serif;
text-align: center;
padding: 3px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */}


/*======================*/
/*les formulaires de la zone d'administration*/
/*======================*/
#Formulaire {margin-right: 130px;}

#Formulaire p{text-align: left;}

legend /* On met un peu plus en valeur les titres des fieldset */{
font-family: Arial, "Arial Black", Georgia, "Times New Roman", Times, serif;
font-size: 14pt;
color: black;
font-weight: bold;
text-align: left;}
 
fieldset{
margin-bottom: 20px; /* Une marge pour séparer les fieldset */
width: 1000px;
margin-left: 130px;
margin-right: auto;
}

label.text {
display: block;
float: left;
width: 25%;
text-align: right;
margin: 0 1em 0 0;
padding: 0.1em;}

input.text {
/*width: 40%;*/
/*margin-right: 625px;*/
border: 1px inset #000000;
background: url(FondInputText.png) repeat;}

textarea {
border: 1px inset #000000;
background: url(FondInputText.png) repeat;
margin-left: 10px;}



/*//////////////////////\\\\\\\\\\\\\\\\\\\\\
Contenu normal CSS liquide
\\\\\\\\\\\\\\\\\\\\\\\\////////////////////*/
/* Layout globals */

#full {
position: relative;
width: 87%;
margin: auto;
margin-left: 106px;
margin-right: 106px;
text-align: left;
background: white;
}


.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

/* Layout frame */

#topRight, #bottomRight {
	float: right;
}
#topRight {
	background: transparent url(top_right.gif) no-repeat;
}
#bottomRight {
	background: transparent url(bottom_right.gif) no-repeat;
}
#topLeft, #topRight, #bottomLeft, #bottomRight {
	width: 26px;
	height: 26px;
}
#topLeft {
	background: transparent url(top_left.gif) no-repeat;
}
#bottomLeft {
	background: transparent url(bottom_left.gif) no-repeat;
}
#sideLeft {
	background: transparent url(side_left.gif) top left repeat-y;
}
#sideRight {
	background: transparent url(side_right.gif) top right repeat-y;
}
.sideTop, .sideBottom {
	width: auto;
	height: 26px;
}
#sideTop {
	background: transparent url(side_top.gif) repeat-x;
}
#sideBottom {
	background: transparent url(side_bottom.gif) repeat-x;
}