/******************************************************************/
/*              Définition des éléments du design                 */
/******************************************************************/
/* Le corps */
body
{
    margin: 0px;
    font-family:arial, sans-serif;
    font-size: 12px;
}

/* Définition des diagonales dans le body */
.Fond_Design
{
    background-image:url("../images/design/fond_diagonale.jpg");
    background-repeat : repeat-x;
}

/* Le conteneur global du design */
.Global
{
    position:absolute;
    width:780px;
    left:50%;
    margin-left:-390px;
    background-image:url("../images/design/fond_design.jpg");
}

/* Le header */
.Header
{
    width:780px;
    height:180px;
    background-image:url("../images/design/header.jpg");
}

/* Le menu */
.Menu
{
    position:absolute;
    left:0px;
    width:181px;
    background-image:url("../images/design/menu.jpg");
    background-repeat : repeat-y;
}

/* Le contenu */
.Contenu
{
    text-align:left;
    margin-left:181px;
    width:586px;
    background-image:url("../images/design/contenu.jpg");
    background-repeat : repeat-x;
}

/***********************************************************/
/* Les zones réactives : Présentation & Contact & Accueil  */
/***********************************************************/
.Presentation
{
    float:left;
    width:60px;
    height:30px;
    margin-left:610px;
    margin-top:10px;
}

.Contact
{
    float:right;
    width:60px;
    height:35px;
    margin-right:20px;
    margin-top:5px;
}

.Accueil
{
    float:left;
    width:220px;
    height:100px;
    margin-left:50px;
    margin-top:0px;
}

/*******************************************/
/*    Définition des éléments du menu      */
/*******************************************/
/* Marge des logos, titres dans le menu */
.Logo_Titre_Menu
{
    margin-left:18px;
}

/* Définition des paragraphes */
.Texte_Menu
{
    text-align:left;
    margin-left:25px;
    margin-right:20px;
    color:#EDF4F4;
}

/* Définition de la liste des rubriques */
.Menu_Gauche
{
    margin-top:0px;
    list-style-type:disc;
    color:#FAC522;
}
.Menu_Gauche li
{
    text-align:left;
    padding:4px;
}
.Menu_Gauche a
{
    color: #FAC522;
    text-decoration: underline;
}
.Menu_Gauche a:hover
{
    text-decoration: none;
}

/* Définition des traits de séparation */
hr.Trait_Menu
{
    text-align:left;
    color:#B5B7BC;
    margin-left:25px;
    width:120px;
}

/* Champ texte recherche */
.Champ_Txt_Recherche
{
    margin-left:22px;
}

/* Placement du bouton permettant la validation de la recherche */
.Bouton_Validation_Recherche
{
    float:right;
    border:0px;
    margin-top:-29px;
    margin-right:15px;
    margin-bottom:15px;
}

/* Lien */
a.Lien_Menu
{
    margin-left:5px;

    text-decoration:underline;
    color:#E9B604;
}
a:hover.Lien_Menu
{
    text-decoration:none;
}

/****************************************/
/* DEFINITION DES MISES EN PAGE DE BASE */
/****************************************/
    /**********/
    /* Images */
    /**********/
/* Centrage du logo "valider" */
.Centrage_Bouton_Valider
{
    margin-left:200px;
    margin-top:20px;
}

    /**********/
    /* Textes */
    /**********/
/* Titre des chapitres */
h2
{
    text-align:left;
    margin-top:0px;
    margin-left:10px;
    
    font-size:20pt;
    font-weight:bold;
    color:#E9B604;
}

/* Définition des attributs du texte */
.Contenu_Texte
{
    width:520px;
    margin-left:25px;
    margin-right:20px;
    margin-top:0px;
    padding:0px;
    text-align:left;
    color:#656D71;
}

    /**********/
    /* Marges */
    /**********/

/* Définition de différentes marges pour aligner certaines images */
.Marge_40_Px
{
    margin-left:40px;
}

.Marge_80_Px
{
    margin-left:80px;
}

    /**********/
    /* Liens */
    /**********/

a.Lien_Texte
{
    margin-left:0px;

    text-decoration:underline;
    color:#E9B604;
}
a:hover.Lien_Texte
{
    text-decoration:none;
}

    /******/
    /* HR */
    /******/
.Separateur_Pied_De_Page
{
    margin-left:130px;

    width:360px;
    
    border-width:1px;
    border-style:solid;
    border-color:#DAE0E0;
}


/*******************************************/
/*  Définition des éléments du contenu     */
/*******************************************/
/* Définition des textes d'information en petit caractères */
.Informations
{
    margin-left:25px;
    margin-right:20px;
    text-align:left;

    font-size:8pt;
    color:#9B9FA1;
}

/* Mise en page d'un message de type avertissement */
.Avertissement
{
    font-size:12pt;
    font-weight:bold;
    color:#E9B604;
    text-align:left;
    margin-top:10px;
    margin-left:30px;
}

/* Style des listes */
.Liste_Contenu
{
    list-style-type:disc;
    color:#656D71;
}
.Liste_Contenu li
{
    text-align:left;
    margin-left:20px;
    padding:4px;
}

/* Liste pour les liens */
.Liste_Lien
{
    list-style-type:disc;
    color:#DEA803;
}
.Liste_Lien li
{
    text-align:left;
    margin-left:20px;
    padding:4px;
}
.Liste_Lien a
{
    color: #DEA803;
    text-decoration: underline;
}
.Liste_Lien a:hover
{
    text-decoration: none;
}

.Adresse_Centree
{
    width:150px;
    text-align:center;
    margin-left:200px;
    margin-top:20px;
    margin-bottom:20px;
    padding:10px;

    color:#656D71;
    font-weight:bold;

    border-width:1px;
    border-color:#DAE0E0;
    border-style:dashed;
}

/**********************************************/
/*  Tableau de présentation des produits      */
/*  accueil.php / Presentation_categorie.php  */
/**********************************************/
.Tab_Presentation_Produit
{
    width:520px;
    margin-left:30px;
    margin-bottom:20px;
    
    border-width:1px;
    border-color:#DAE0E0;
    border-style:dashed;

    /*border-collapse:collapse;*/
}

.Titre_Tab_Presentation_Produit
{
    text-align:center;
    padding:6px;

    border-top-width:0px;
    border-left-width:0px;
    border-right-width:0px;
    border-bottom-width:1px;
    border-style:dashed;
    border-color:#DAE0E0;

    font-size:13pt;
    font-weight:bold;
    color:#656D71;
}
.Image_Tab_Presentation_Produit
{
    width:250px;
    padding:6px;
    text-align:center;

    border-top-width:0px;
    border-left-width:0px;
    border-right-width:1px;
    border-bottom-width:0px;
    border-style:dashed;
    border-color:#DAE0E0;
}

/* Permet d'enlever les bordures de la cellule contenant les caractéristiques du produit */
.Tableau_Caracteristique
{
    border-top-width:0px;
    border-left-width:0px;
    border-right-width:0px;
    border-bottom-width:0px;
}

.Image_Presentation_Produit
{
    border-width:0px;
    border-color:black;
}

/* Liste dans les tableaux de présentation des produits */
.Liste_Presentation_Produit
{
    font-size:12px;
    list-style-type:disc;
    color:#656D71;
}
.Liste_Presentation_Produit li
{
    text-align:left;
    margin-left:10px;
    padding:4px;
}
.Liste_Presentation_Produit a
{
    color: #DEA803;
    text-decoration: underline;
}
.Liste_Presentation_Produit a:hover
{
    text-decoration: none;
}

.Fleche_Retour_Haut
{
    float:right;
    margin-right:10px;
}



/*****************************************************/
/* Tableau de mise en forme du formulaire de contact */
/*   contact.php                                     */
/*****************************************************/
.Tab_Formulaire
{
    width:560px;
    margin-left:10px;
}

.Cellule_Tab_Formulaire
{
    color:#656D71;
    padding:8px;
}

/* Cellules contenant les champs à remplir absolument */
.Cellule_Tab_Formulaire_Obligatoire
{
    color:#656D71;
    padding:10px;
    font-weight:bold;
}

/* Cellule contenant le bouton valider */
.Cellule_Bouton_Valider
{
    text-align:center;
}

.Tab_Test
{
    width:500px;
}

/* Application de la couleur aux zones de texte */
textarea
{
    color:#213C4A;
}

/* Tous les champs texte */
input
{
    color:#213C4A;
}

/* Tous les listes dérounates */
select
{
    color:#213C4A;
}

/* Définition de la mise en page des informations tanit */
.Cadre_Pointille
{
    width:250px;
    text-align:right;
    margin-left:305px;
    margin-top:-50px;
    margin-bottom:20px;
    padding:10px;

    color:#656D71;
    font-weight:bold;

    border-width:1px;
    border-color:#DAE0E0;
    border-style:dashed;
}

/*************************************************************************/
/* Tableau de mise en forme de la sasie des caractéristiques d'un produit */
/*   saisie_caracteristique_produit.php                                   */
/**************************************************************************/
.Tab_Saisie_Caracteristique_Produit
{
    margin-left:40px;

    border-width:0px;
}

.Cellule_Intitule_Saisie_Caracteristique_Produit
{
    padding:6px;

    color:#656D71;
    border-width:0px;
}

/************************************/
/* traitement_formulaire_contact.php
/************************************/
/* Lien */
a.Lien
{
    margin-left:40px;

    text-decoration:underline;
    color:#E9B604;
}
a:hover.Lien
{
    text-decoration:none;
}

/******************/
/* Sur mesure.php */
/******************/
/* Permet le centrage du logo Fleche */
.Alignement_Central_Fleche
{
    float:left;
    margin-top:-160px;
    margin-left:40px;
}

/* Mise en page de la case Votre demande */
.Case_Demande
{
    width:200px;
    margin-left:270px;
    padding:12px;

    text-align:center;
    color:#656D71;

    border-width:2px;
    border-color:#DAE0E0;
    border-style:dashed;
}

/* Mise en page de la case Notre proposition */
.Case_Proposition
{
    width:200px;
    margin-top:60px;
    margin-left:270px;
    padding:12px;

    text-align:center;
    color:#656D71;

    border-width:2px;
    border-color:#DAE0E0;
    border-style:dashed;
}

/* Mise en page de la case Votre satisfaction */
.Case_Satisfaction
{
    width:200px;
    margin-top:60px;
    margin-left:270px;
    padding:8px;

    text-align:center;
    color:#656D71;

    border-width:2px;
    border-color:#DAE0E0;
    border-style:dashed;
}


/****************************/
/*       Pied de page       */
/****************************/

/* Mise en forme du pied de page */
.Footer
{
    text-align:center;
    color:#656D71;
    margin-top:0px;
    font-size:8pt;
}

/***************************************/
/* Définition des éléments des popup's */
/***************************************/
/* Emplacement de la photo des classeurs à droite de la popup */
.Classeur_Popup
{
    float:right;
}

/* Mise en page de la photo du produit */
.Image_Produit
{
    float:left;
    margin-top:15px;
    margin-left:20px;
}

/* Titre du pop => nom du produit */
h3
{
    margin-left:5px;

    font-size:13pt;
    font-weight:bold;
    color:#E9B604;
}

h3.Slogan
{
    margin-left:25px;

    font-size:13pt;
    font-weight:bold;
    color:#E9B604;
}

/* Référence du produit */
h4
{
    margin-left:15px;
    margin-top:-5px;
   
    font-size:12px;
    color:#E9B604;

}

/* Contient la description du produit */
.Descriptif
{
    margin-left:20px;
    margin-right:160px;
    margin-bottom:10px;
    padding:5px;

    color:#656D71;
    border-width:1px;
    border-color:#DAE0E0;
    border-style:dashed;
}

/* Contient la description du produit */
.Tab_Caracteristique
{
    width:630px;

    color:#656D71;
}

.Cellule_Tab_Caracteristique
{
    padding:15px;
    margin-top:10px;
    
    font-size:12px;
}

/* Style de la liste des caractéristiques */
.Liste_Caracteristique
{
    list-style-type:disc;
    color:#656D71;
}
.Liste_Caracteristique li
{
    text-align:left;
    margin-left:-15px;
    padding:4px;
}

.Test
{
    margin-top:100px;
}