/**** STYLES GENERAUX ****/
*   { color: #ffffeb; font-size: 12px; font-family: Arial, Helvetica, sans-serif }
#fond_de_page { margin: 10px auto; padding-bottom: 10px; width: 800px }
body    { background-image: url(http://www.ett-4x4.com/Images/interface_publique/Fond_bruit_jaune_FBD741.jpg); background-repeat: repeat-x ;background-color: #FBD741; margin: 0; padding: 0 }
.centrage_contenu {text-align: center}
p {text-align:left}
/**** FIN DE STYLES GENERAUX ****/

/****  TITRES ****/

h1  { color: #cc0000; font-size: 48px; font-weight: bold; display: inline }
h2  { color: #cc0000; font-size: 36px; font-weight: bold; display: inline }
h3 { color: #cc0000; font-size: 24px; font-weight: bold; display: inline }
h4  { color: #cc0000; font-size: 18px; font-weight: bold;display: inline }
h5  { color: #cc0000; font-size: 16px; font-weight: bold; display: inline }
h6  { color: #cc0000; font-size: 14px; font-weight: bold; display: inline }

/**** FIN DES TITRES ****/

/**** LIENS ****/
a        { color: #ffd700; font-size: inherit; text-decoration: none }
a:hover  { text-decoration: underline }
/**** FIN des LIENS ****/

/**** VARIANTES DE TEXTE GENERALES****/
.emphase_couleur_1 {color:#f60}
.leger1 { color: #7c7c7c }
/**** FIN des VARIANTES DE TEXTE GENERALES ****/

/**** VARIANTES DE TEXTE SPECIFIQUES ****/
.prix {text-align: right}
/**** FIN des VARIANTES DE TEXTE SPECIFIQUES ****/

/* TABLEAUX */
td { text-align: left }
td.retrait_gauche  { padding-left: 3px }
table.table_bord_fin { background-color: #696969 }
td.table_bord_fin  { background-color: black; padding: 2px }
td.table_bord_fin_align-centre  { background-color: black; padding: 2px; text-align: center}
table.details_occ { background-color: #696969; width: 610px}
td.details_occ_titre_ligne  { background-color: #333333; padding: 3px; text-align: right; width: 190px }
td.details_occ_contenu_ligne  { background-color: black; padding: 3px}
table.details_article { background-color: #696969; width: 196px}
td.details_article_titre_ligne  { background-color: #333333; padding: 3px; text-align: right; width: 108px }
td.details_article_contenu_ligne  { background-color: black; padding: 3px}
/*FIN DE TABLEAUX */


/* NAVBAR */
.element_nav    { padding-left: 15px; padding-right: 15px }
#navbar       { background-image: url("../Images/interface_publique/navbar_beta.gif"); background-repeat: no-repeat; text-align: center; margin-top: 10px; margin-right: auto; margin-left: auto; padding-top: 46px; padding-right: 35px; padding-left: 20px; width: 786px; height: 25px }
#navbar a  { color: #ffffeb; font-weight: normal }
/* FIN DE NAVBAR */

/* CORPS*/
#en-tete_corps      { background-image: url(../Images/interface_publique/en-tete_corps_beta.gif); background-repeat: no-repeat;  margin-right: auto; margin-left: auto; width: 786px; height: 27px; padding-right: 35px; padding-left: 20px; padding-top: 15px}
#corps         { background-image: url("../Images/interface_publique/fond_corps_beta.gif"); background-repeat: repeat-y; margin-right: auto; margin-bottom: -12px; margin-left: auto; padding-top: 10px; padding-right: 35px; padding-left: 20px; width: 786px }
#corps_gauche     { width: 600px; float: left }
#corps_droit_1        { margin-left: 616px; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; border-bottom: 1px solid #cc0000}
#corps_droit_2 { margin-left: 616px; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; border-bottom: 1px solid #cc0000}
#corps_droit_3  { margin-left: 616px; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; border-bottom: 1px solid #cc0000}
#corps_droit_4  { margin-left: 616px; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; border-bottom: 1px solid #cc0000}
#en-tete_corps h4 {color: #ffcc00; padding-left: 50px}
#corps_droit_1 a      { color: #ffffeb; font-size: inherit; font-weight: bold; text-decoration: none }
#corps_droit_2 a      { color: #ffffeb; font-size: inherit; font-weight: bold; text-decoration: none }
#corps_droit_3 a      { color: #ffffeb; font-size: inherit; font-weight: bold; text-decoration: none }
#corps_droit_4 a      { color: #ffffeb; font-size: inherit; font-weight: bold; text-decoration: none }
#corps_droit_1 a:hover  { text-decoration: underline }
#corps_droit_2 a:hover  { text-decoration: underline }
#corps_droit_3 a:hover  { text-decoration: underline }
#corps_droit_4 a:hover  { text-decoration: underline }
#pied_de_corps      { width: 600px; border-top: #cc0000 solid 1px; padding-top: 10px}
hr { clear: both; visibility:hidden}

/* FIN DE CORPS */

/*Pied de page*/
#pied_de_page      { background-image: url("../Images/interface_publique/pied_beta.gif"); background-repeat: no-repeat; margin-right: auto; margin-left: auto; padding-top: 16px; padding-right: 35px; padding-left: 20px; width: 786px; height: 75px }
#nav_pied    { padding-top: 2px; text-align: left; padding-left: 27px; width: 60px; float:left}
#text_pied    { padding-top: 2px; text-align: right; padding-right: 20px}
#pied_de_page a  { color: #ffffeb; font-weight: normal }
/*Fin de Pied de page*/

/* CONTENUS GENERAUX */
#details_occ_class {padding: 5px}
#txt_info_1 { margin-left: 10px ; width: 365px; float: left }
#txt_info_1 a   { color: #ffd700; font-size: 12px; font-weight: normal }
#txt_info_1 a:hover   { color: #c00; text-decoration: underline }
#txt_info_1 h5 { color: #ffd700 }
#img_info_1 { width: 225px; float: left}
#txt_info_2 {  margin-top: 10px; margin-left: 10px; width: 150px; float: left}
#txt_info_2 a  { color: #cc0000; font-size: 12px; font-weight: normal}
#txt_info_2 a:hover  { color: #cc0000; font-size: 12px; text-decoration: underline}
#img_info_2 { margin-top: 10px; width: 125px; float: left}
#txt_info_3 { margin-top: 10px; margin-left: 10px; width: 150px; float: left}
#txt_info_3 a  { color: #cc0000; font-size: 12px; font-weight: normal}
#txt_info_3 a:hover  { color: #cc0000; font-size: 12px; text-decoration: underline}
#img_info_3 { margin-top: 10px; margin-left: 20px; width: 125px; float: left}
#details_occ_des  { color: #ff5800; font-size: 16px; font-weight: bold; background-color: #fff; text-align: center; padding: 5px; height: 20px; border-top: 1px solid #696969; border-right: 1px solid #696969; border-left: 1px solid #696969 }
#details_article { width: 196px; float: left }
#actions_occ { background-image: url(../Images/Boutons_et_Puces/flech_plate_horizontale.gif); background-repeat: no-repeat; background-position: center top; text-align: center; margin-left: 206px; padding-top: 20px }
#actions_article { background-image: url(../Images/Boutons_et_Puces/flech_plate_verticale.gif); background-repeat: no-repeat; background-position: left center; margin-top: 30px; margin-left: 206px; padding-left: 23px; height: 140px }
#pied_corps_gauche { margin-top: 50px; clear: both }
/* FIN DE CONTENUS GENERAUX */

/* CONTENUS PARTICULIERS */
#VO_col_droite   { width: 299px; float: left; border-bottom: 1px solid #696969; border-left: 1px solid #696969 }
#VO_col_gauche   { width: 299px; float: left; border-bottom: 1px solid #696969 }
#detail_VO_col_droite   { width: 285px; float: left; border-left: 1px solid #696969 ; padding-left: 5px}
#detail_VO_col_gauche   { width: 309px; float: left}
#detail_VO_photo   { width: 300px ; height: 225px; padding-bottom: 10px}
#prepa_col_droite  { width: 299px; float: left; border-bottom: 1px solid #696969; border-left: 1px solid #696969; padding-bottom: 10px; padding-top: 10px}
#prepa_col_gauche    { width: 299px; float: left; border-bottom: 1px solid #696969 ; padding-bottom: 10px; padding-top: 10px}
/* FIN DE CONTENUS PARTICULIERS */

/* FENETRES DE DIALOGUE*/
#dialogbox  { text-align: center; margin-top: 20%; margin-right: 10%; margin-left: 10%; width: 80% }
#dialogbox h1  { line-height: 150px }
/* FIN DE FENETRES DE DIALOGUE*/

/* TABLEAUX EQUIPEMENTS */
#en-tete_tab_liste  {height: 2.3em; padding: 5px; border-left: 1px solid #7c7c7c; border-right: 1px solid #7c7c7c; border-top: 1px solid #7c7c7c}
#titre_en-tete_tab_liste {width: 250px; float: left }
#rech_en-tete_tab_liste {text-align: right; margin-left:250px; float: none }
#corps_tab_liste_verticale  { background-image: url(../Images/interface_publique/fond_tableau_3_col.gif); background-repeat: repeat-y; text-align: center; margin-bottom: 15px; padding-top: 5px; padding-bottom: 5px; border: solid 1px #7c7c7c }
#corps_tab_liste_verticale_4col   { background-image: url("../Images/interface_publique/fond_tableau_4_col.gif"); background-repeat: repeat-y; text-align: center; margin-bottom: 15px; padding-top: 5px; padding-bottom: 5px; border: solid 1px #7c7c7c }
#corps_tab_liste_enligne {text-align: center; border-bottom: 1px solid #7c7c7c; border-top: 1px solid #7c7c7c; padding-bottom: 5px; padding-top: 5px; border-left: 1px solid #7c7c7c; border-right: 1px solid #7c7c7c; margin-bottom: 15px}
#pied_tab_liste {padding: 5px; position: relative; bottom: 15px; border-bottom: 1px solid #7c7c7c ; border-left: 1px solid #7c7c7c; border-right: 1px solid #7c7c7c}
/* FIN DE TABLEAUX EQUIPEMENTS */

/* TABLEAUX PIECES */
#en-tete_tab_liste_pieces   { padding: 5px; height: 2 em; border-top: 1px solid #7c7c7c; border-right: 1px solid #7c7c7c; border-left: 1px solid #7c7c7c }
#titre_en-tete_tab_liste_pieces  { width: 250px }
#rech_en-tete_tab_liste_pieces {text-align: right; margin-left:250px; float: none }
#corps_tab_liste_pieces_verticale  { background-image: url(../Images/interface_publique/fond_tableau_3_col.gif); background-repeat: repeat-y; text-align: center; margin-bottom: 15px; padding-top: 5px; padding-bottom: 5px; border: solid 1px #7c7c7c }
#corps_tab_liste_pieces_enligne {text-align: center; border-bottom: 1px solid #7c7c7c; border-top: 1px solid #7c7c7c; padding-bottom: 5px; padding-top: 5px; border-left: 1px solid #7c7c7c; border-right: 1px solid #7c7c7c; margin-bottom: 15px}
#pied_tab_liste_pieces {padding: 5px; position: relative; bottom: 15px; border-bottom: 1px solid #7c7c7c ; border-left: 1px solid #7c7c7c; border-right: 1px solid #7c7c7c}
/* FIN DE TABLEAUX EQUIPEMENTS */


/* FORMULAIRES */
input     {color: black}
textarea { color: black }
option { color: black }
/* FIN DE FORMULAIRES */