
/* ---------------------------------------------------------------------------------------------body--------------------------------------------------------------- */
body
{
width: 100%;
margin-left: auto;
margin-right: auto;
text-align: center;
background-color: #F5FAF9;
}
/* ---------------------------------------------------------------------------------------------bordure image--------------------------------------------------------------- */
img
{
border: none;
}
/* ---------------------------------------------------------------------------------------corps haut + pied de page--------------------------------------------------------------- */
#header_haut_1000
{
margin: auto;
text-align: center;
width: 1000px;
height: 250px;
border-collapse: collapse;
background-image: url("design/header_haut_1000.jpg");
}
#header_haut_1000 #banniere_header
{
margin: auto;
text-align: center;
padding-top: 80px;
}
#header_haut_1000 h1
{
text-indent: -50000px;
}
#pied_de_page
{
margin: auto;
text-align: center;
width: 1000px;
height: 30px;
background-image: url("design/header_intermediaire_1000.jpg");
}
/* ---------------------------------------------------------------------------------------tableau intermediaire-------------------------------------------------------------- */
#intermediaire
{
margin: auto;
text-align: center;
width: 1000px;
height: 35px;
border-collapse: collapse;
background-image: url("design/header_intermediaire_1000.jpg");
}
#intermediaire td
{
width: 250px;
background-image: url("design/ban_blanc_intermediaire.png");
}
#intermediaire a
{
font-family: Arial, Verdana;
font-size: 12pt;
font-weight: bold;
text-decoration: none;
color: black;
}
#intermediaire a:hover
{
text-decoration: underline overline;
font-style: italic;
color: red;
}
/* ---------------------------------------------------------------------------------------corps central--------------------------------------------------------------- */
#central
{
margin: auto;
text-align: center;
width: 1000px;
height: 500px;
border-collapse: collapse;
}
#central_gauche
{
padding-top: 10px;
vertical-align: top;
width: 200px;
background-image: url("design/colonne_menu_gauche.jpg");
}
#central_centre
{
padding-top: 10px;
vertical-align: top;
width: 600px;
}
#central_droit
{
padding-top: 10px;
vertical-align: top;
width: 200px;
background-image: url("design/colonne_menu_droit.jpg");
}
/* ----------------------------------------------------------------------------dimension rubrique dans corps central gauche et droit--------------------------------------------------------- */
#colonne_menu
{
border-collapse: collapse;
width: 200px;
}
.colonne_menu_titre
{
height: 30px;
background-image: url("design/menu_titre.png");
}
.colonne_menu_milieu
{
vertical-align: top;
text-align: left;
padding-left: 5px;
height: 30px;
background-image: url("design/menu_milieu.png");
}
.colonne_menu_bas
{
height: 25px;
background-image: url("design/menu_bas.png");
}
.colonne_menu_milieu_pub
{
vertical-align: middle;
text-align: center;
padding-left: 5px;
padding-bottom: 5px;
background-image: url("design/menu_milieu.png");
}
.fond_visite
{
width: 200px;
height: 40px;
background-image: url("design/ban_blanc_200x40.png");
vertical-align: middle;
text-align: center;
margin: auto;
}
.colonne_menu_titre_ban
{
width: 200px;
height: 40px;
background-image: url("design/ban_blanc_200x20.png");
vertical-align: bottom;
}
/* ----------------------------------------------------------------------------ecriture rubrique dans corps central gauche et droit--------------------------------------------------------- */
.colonne_menu_titre span, .colonne_menu_titre_ban a
{
font-family: "Comic Sans MS", Arial, Verdana;
font-size: 11pt;
font-weight: bold;
color: Black;
text-decoration: none;
}
.colonne_menu_milieu a
{
padding-left: 1px;
font-size: 10pt;
font-family: Arial, Verdana;
text-decoration: none;
line-height: 1.8em;
color: Black;
}
.colonne_menu_milieu a:hover, .colonne_menu_titre_ban a:hover
{
color: red;
text-decoration: underline overline;
font-style: italic;
font-weight: bold;
}
.colonne_menu_milieu  img
{
padding-left: 1px;
}
strong
{
font-weight: normal;
}
/* ---------------------------------------------------------------------------tableau en bas de central gauche--------------------------------------------------------- */
#tableau_bas_colonne_gauche
{
width: 100px;
height: 40px;
margin: auto;
}
/* ---------------------------------------------------------------------------------------tableau 468x60 + ecriture titre-------------------------------------------------------------- */
.tableau_468x60
{
margin: auto;
width: 480px;
height: 50px;
border-collapse: collapse;
}
.tab_468_titre
{
background-image: url("design/tab_468_titre.png");
height: 35px;
}
.tab_468_titre span, .tab_468_titre a
{
padding: 3px 0 0 15px;
text-align: left;
vertical-align: middle;
font-size: 15pt;
font-family: "Bradley Hand ITC", Arial, Verdana;
font-weight: bold;
color: blue;
text-decoration: none;
}
.tab_468_titre a:hover
{
color: green;
}
.tab_468_milieu
{
background-image: url("design/tab_468_milieu.png");
height: 45px;
}
.tab_468_bas
{
background-image: url("design/tab_468_bas.png");
height: 40px;
}
/* ----------------------------------------------------------------------------ecriture dans corps central centre--------------------------------------------------------- */
#central_centre h1
{
font-size: 15pt;
font-family: "Calligraph421 BT", Arial, Verdana;
font-weight: bold;
text-decoration: underline;
}
#central_centre h2
{
font-size: 12pt;
font-family: "Tempus Sans ITC", "Comic Sans MS", "Calligraph421 BT", Arial, Verdana;
font-weight: bold;
text-decoration: underline;
color: maroon;
padding-top: 15px;
}
p
{
padding: 5px 3px 3px 3px;
font-size: 8pt;
font-family: Verdana, Arial;
line-height: 1.3em;
}
/*--lien haut de page--*/
.haut a
{
font-size: 8pt;
font-family: Verdana, Arial;
text-decoration: none;
color: black;
}
.haut a:hover
{
font-size: 10pt;
font-family: Verdana, Arial;
text-decoration: underline overline;
color: black;
}
span
{
font-size: 8pt;
font-family: Verdana, Arial;
line-height: 1.3em;
}
.texte_gras
{
font-size: 8pt;
font-family: Verdana, Arial;
text-decoration: underline;
font-weight: bold;
}
/*----puce categorie + ecriture -----*/
#puce_categorie
{
text-align: center;
margin: auto;
width: 450px;
line-height: 1.3em;
}
#puce_categorie a
{
text-align: left;
font-size: 9pt;
font-family: Verdana, Arial;
text-decoration: none;
color: blue;
}
#puce_categorie a:hover
{
color: green;
font-style: italic;
}
/*--puce tableau + ecriture ---2 parties--*/
.tableau_puce
{
width: 470px;
height: 40px;
text-align: center;
}
.tableau_puce td
{
width: 235px;
}
.cellule_puce
{
text-align: left;
padding-left: 5px;
}
li
{
text-align: left;
font-size: 8pt;
font-family: Verdana, Arial;
padding: 0 5px 0 0;
}
/*--puce tableau + ecriture -------1 partie----*/
.simple_tableau_puce
{
width: 450px;
height: 40px;
text-align: center;
}
.simple_tableau_puce .cellule_puce
{
text-align: left;
padding-left: 10px;
}
li
{
text-align: left;
font-size: 8pt;
font-family: Verdana, Arial;
padding: 0 5px 0 0;
line-height: 1.4em;
}
/*--puce tableau logement - emploi - formation + ecriture -------1 partie----*/
.tableau_puce_logement, .tableau_puce_emploi
{
width: 450px;
height: 40px;
text-align: center;
}
.cellule_puce_logement, .cellule_puce_emploi
{
text-align: left;
padding-left: 20px;
}
.cellule_puce_logement li a, .cellule_puce_emploi li a
{
text-align: left;
font-size: 10pt;
font-family: Verdana, Arial;
padding: 0 5px 0 0;
line-height: 1.5em;
text-decoration: none;
}
.cellule_puce_logement li a:hover, .cellule_puce_emploi li a:hover
{
text-decoration: underline overline;
color: green;
font-weight: bold;
}
/*--lien vers une pg code promo--*/
.lien_promo a
{
text-decoration: none;
font-size: 10pt;
font-family: Verdana, Arial;
color: blue;	
}
.lien_promo a:hover
{
text-decoration: underline overline;
color: green;
font-weight: bold;
}
/* ----------------------------------------------------------------------------page jeu flash--------------------------------------------------------- */
.jeux
{
width: 480px;
margin: auto;
border-collapse: collapse;
}
.jeux td, .jeux td a
{
width: 120px;
height: 90px;
vertical-align: top;
font-size: 8pt;
text-decoration: none;
font-weight: bold;
font-family: Verdana, Arial;
}
.jeux td a:hover
{
text-decoration: underline overline;
color: green;
font-weight: normal;
}
.centre
{
text-align: center;
margin: auto;
width: 205px;
}
/* ----------------------------------------------------------------------------Page promotion--------------------------------------------------------- */
.code_promo
{
font-size: 10pt;
font-family: "Comic Sans MS", "Calligraph421 BT", Arial, Verdana;
text-decoration: underline;
}
/* ----------------------------------------------------------------------------Page jaune--------------------------------------------------------- */
#page_jaune
{
text-align: center;
margin: auto;
width: 365px;
}
#pub_ban250x250
{
text-align: center;
margin: auto;
}
#pub_ban250x250 td
{
width: 260px;
height: 260px;
text-align: center;
margin: auto;
}
/* ----------------------------------------------------------------------------Page telechargement music-------------------------------------------- */
#liste_music
{
margin: auto;
text-align: center;
width: 480px;
border-collapse: collapse;
margin-top: 5px;
}
#liste_music td
{
text-align: center;
width: 380px;
vertical-align: top;
}
#liste
{
font-size: 12pt;
font-family: Arial, Verdana;
text-decoration: underline;
font-weight: bold;
}
.page
{
font-size: 12pt;
font-family: Verdana, Arial;
font-weight: bold;
color: maroon;
}
.puce_music
{
text-align: center;
margin: auto;
width: 140px;
}
/*--ancre--*/
.puce_music li, .puce_music a
{
text-align: left;
font-size: 12pt;
font-family: Verdana, Arial;
text-decoration: none;
color: blue;
}
.puce_music a:hover
{
color: green;
font-style: italic;
}
/* ----------------------------------------------------------------------------Page grattage et flash: tableau liste jeux-------------------------------------------- */
#liste_jeux
{
margin: auto;
text-align: left;
width: 480px;
border-collapse: collapse;
margin-top: 5px;
}
#liste_jeux td
{
text-align: center;
width: 160px;
vertical-align: top;
}
#liste
{
font-size: 11pt;
font-family: Arial, Verdana;
text-decoration: underline;
font-weight: bold;
}
.page
{
font-size: 10pt;
font-family: Verdana, Arial;
font-weight: bold;
color: maroon;
}
.puce_jeux
{
text-align: center;
margin: auto;
width: 140px;
}
/*--ancre--*/
.puce_jeux li, .puce_jeux a
{
text-align: left;
font-size: 10pt;
font-family: Verdana, Arial;
text-decoration: none;
color: blue;
}
.puce_jeux a:hover
{
color: green;
font-style: italic;
}

