body { background-position: 0px 0px; margin: 0px; padding: 0px; background-image: url("/img/fond.png"); background-repeat: repeat-y}

p { line-height: 15px}
h1 { font-weight: bold; font-size: 12px; line-height: 8px; margin: 0px; padding: 0px}
h2 { font-weight: bold; font-size: 12px; line-height: 13px; margin: 0px; padding: 0px}

#gabarit { width: 807px; border: 0px}
#gabarit .gauche { background-color: #FFFFFF}
#gabarit .droite { background-color: #EBDDC2; font-family: Geneva, Arial, Helvetica, sans-serif; color: #BFB7A6; font-size: 10px; text-align:center; vertical-align: top}
#gabarit a { color: #BFB7A6; text-decoration: none}
#gabarit a:hover {color: #A2C0DE} 
#gabarit .barre_h { background-color: #D4D5D6; height: 11px; width: 24px;}
#gabarit .barre_v { background-color: #D4D5D6; width: 13px; height: 100px}
#gabarit .barre_bleu { background-color: #A2C0DE; height: 19px; width: 150px}
#gabarit .barre_cyan { background-color: #A2CFDE; height: 19px}
#gabarit .barre_verte { background-color: #B1D6A9; height: 19px}
#gabarit .barre_jaune { background-color: #E5E4A5; height: 19px}
#gabarit .barre_rouge { background-color: #E89695; height: 19px}
#gabarit .barre_violet { background-color: #DBA0D5; height: 19px}
#gabarit .barre_orange { background-color: #F0CE8D; height: 19px}

#menu { width: 100%; border: 0px}
#menu td { padding-top: 1px; padding-left: 0px; padding-bottom: 1px; padding-right: 0px}

#menu2 { background-color: #EBDDC2; width: 100%; border: 0px}
#menu2 td { padding-top: 1px; padding-left: 0px; padding-bottom: 1px; padding-right: 0px}

#menu3 { background-color: #EBDDC2; width: 100%; border: 0px}
#menu3 td { padding-top: 0px; padding-left: 0px; padding-bottom: 0px; padding-right: 0px; text-align: center}

#menu4 { background-color: #FFFFFF; width: 100%; height: 102px; border: 0px}
#menu4 td { text-align: center; vertical-align: bottom}

#footer { width: 100%; border: 0px; height: 55px}
#footer td { font-family: Geneva, Arial, Helvetica, sans-serif; font-weight: bold; color: #696A6B; font-size: 10px; text-align:center}
#footer a { color: #696A6B; text-decoration: none}
#footer a:hover {color: #A2C0DE} 

#content { width: 100%; height: 360px; border: 0px}
#content td { background-color: #FFFFFF; vertical-align: top; padding: 5px 10px 5px 10px; font-family: "Verdana";  font-size: 12px; color: #333333}
#content .text_small { font-size: 10px}

#index { border: 1px dashed #A2C0DE; width: 100%; height: 100%}
#index a { color: #000000; text-decoration: none}
#index .mailto { color: #000000}
#index .mailto { color: #A2C0DE}
#index .gold { color: #B0AE56}
#index .gold:hover { color: #E9E8A5}
#index .silver { color: #949799}
#index .silver:hover { color: #CCCCCC}
#index .bronze { color: #8C754A}
#index .bronze:hover { color: #DBC396}
#index td { text-align: justify}
#index .gabarit_cellule_droite { border-left: 1px dashed #A2C0DE; background-color: #EBDDC2}

#contact { border: 1px dashed #A2C0DE; width: 100%; height: 96%}
#contact td { padding: 7px 3px 1px 3px; margin: 5px; vertical-align: middle}
#contact td .telephone { font-family: Arial, Helvetica, "Sans serif"; font-size: 18px; font-weight: bold; color: #000000}
#contact td .message { color: #990000; font-weight: bold}
#contact a { color: #A2C0DE; text-decoration: none}
#contact a:hover { color: #333333; text-decoration: none}
#contact input { border: 1px solid #A2C0DE; font-size: 11px; font-family: "Courier New"}
#contact select { border: 1px solid #A2C0DE; font-size: 11px; font-family: "Courier New"}
#contact textarea { border: 1px solid #A2C0DE; font-size: 11px; font-family: "Courier New"}
#contact .encart { border: 1px dashed #A2C0DE; border-right: 1px dashed #A2C0DE; width: 180px;}
#contact .encart td { font-family : Verdana, Arial, "Sans serif"; font-size: 10px;}
#contact .form_gauche { text-align: right; font-size: 10px}

#infogerance { border: 1px dashed #A2CFDE; width: 100%; height: 100%}
#infogerance .tableau { border: 1px solid #A2CFDE; padding: 0px 0px 0px 0px; width: 523px}
#infogerance .tableau td { background-color: #EBDDC2; font-family: Verdana; font-size: 10px; vertical-align: middle; text-align: left}
.tableau_gold { border: 1px solid #C4C27E; padding: 0px 0px 0px 0px}
.tableau_gold td { background-color: #EBDDC2; font-family: Verdana; font-size: 10px; vertical-align: middle; color: #333333}
.tableau_gold a { color: #000000; text-decoration: none}
#infogerance .tableau_silver { border: 1px solid #A2CFDE; padding: 0px 0px 0px 0px; width: 52%}
#infogerance .tableau_silver td { background-color: #DDDDDD; font-family: Verdana; font-size: 10px; vertical-align: middle; text-align: center}
.tableau_silver { border: 1px solid #A2CFDE; padding: 0px 0px 0px 0px}
.tableau_silver td { background-color: #DDDDDD; font-family: Verdana; font-size: 10px; vertical-align: middle; text-align: center; color: #333333}
.tableau_silver a { color: #000000; text-decoration: none}
.tableau_bronze { border: 1px solid #A2CFDE; padding: 0px 0px 0px 0px; width: 100%}
.tableau_bronze td { background-color: #EBDDC2; font-family: Verdana; font-size: 10px; vertical-align: middle; color: #333333}
.tableau_bronze a { color: #000000; text-decoration: none}

#resosecurite { border: 1px dashed #B1D6A9; width: 100%; height: 100%}
#resosecurite td {}
#resosecurite .gabarit_cellule_droite { border-top: 1px dashed #B1D6A9; background-color: #EBDDC2; height: 90px; background-image: url(/img/contenu/resosecu.jpg)}

#audit { border: 1px dashed #E5E4A5; width: 100%; height: 100%}
#audit td {}
#audit .gabarit_cellule_droite { border-left: 1px dashed #E5E4A5; background-color: #EBDDC2}

#formation { border: 1px dashed #E89695; width: 100%; height: 100%}
#formation a {color: #000000;text-decoration: none}
#formation a:hover { color: #E89695}
#formation td {}
#formation .gabarit_cellule_droite { border-left: 1px dashed #E89695; background-color: #EBDDC2}

#developpement { border: 1px dashed #DBA0D5; width: 100%; height: 100%}
#developpement a { color: #000000}
#developpement a:hover { color: #DBA0D5}
#developpement td {}
#developpement .gabarit_cellule_droite { border-left: 1px dashed #DBA0D5; background-color: #EBDDC2}

#plus { border: 1px dashed #F0CE8D; width: 100%; height: 100%}
#plus a {color: #000000;text-decoration: none}
#plus a:hover { color: #F7E4C1}
#plus .tarifs { height: 284px}
#plus .tarifs td { border: 1px solid #F0CE8E; border-collapse: collapse; font-family: Verdana; font-size: 10px; vertical-align: middle; text-align: center}
#plus .tarifs_blanc { background-color: #FFFFFF}
#plus .tarifs_tres_clair { background-color: #F8E6C2}
#plus .tarifs_clair { background-color: #F3D7A3}
#plus .tarifs_fonce { background-color: #F0CE8E; font-weight: bold}
#plus .encart td { border: 1px solid #F7E4C1; border-collapse: collapse; font-family: Verdana; font-size: 10px; vertical-align: top; text-align: left; background-color: #EBDDC2; width: 102%}

#admin { border: 1px dashed #A2C0DE; vertical-align: top}
#admin th {font-weight: bold; font-size: 11px; background-color: #EBDDC2; line-height: 20px}
#admin td {font-weight: normal; font-size: 11px}
#admin a {color: #000000; font-weight: bold; text-decoration: none}
#admin a:hover {color: #A2C0DE; font-weight: bold; text-decoration: none}
#admin input { border: 1px solid #A2C0DE; font-size: 11px; font-family: "Courier New"}
#admin select { border: 1px solid #A2C0DE; font-size: 11px; font-family: "Courier New"}
#admin textarea { border: 1px solid #A2C0DE; font-size: 11px; font-family: "Courier New"}
