/* -----------------------------------------------------------------------body--------------------------------------------------------------- */
body
{
width: 100%;
margin-left: auto;
margin-right: auto;
text-align: center;
background-color: #FFCCFF;
}
/* --------------------------------------------------------------bordure image--------------------------------------------------------------- */
img
{
border: none;
}
/* --------------------------------------------------------------header haut------------------------------------------------------------------- */
#header_haut
{
background: url("fond/fond_header_haut.jpg") no-repeat;
width: 1000px;
height: 250px;
margin: auto;
text-align: center;
border-style: solid;
border-color: red;
border-width: 1px;
}
#header_haut #banniere_header
{
margin: auto;
text-align: center;
padding-top: 90px;
}
#header_haut h1
{
text-indent: -50000px;
}
/* --------------------------------------------------------------header bas------------------------------------------------------------------- */
#header_bas
{
background: url("fond/fond_header_bas.jpg") no-repeat;
width: 1000px;
height: 25px;
margin: auto;
text-align: center;
border-style: solid;
border-color: red;
border-width: 0 1px 1px 1px;
}
/* ------------------------------------------------------------------corps principal---------------------------------------------------------------- */
#corps_principal
{
margin: auto;
text-align: center;
border-collapse: collapse;
background-image: url("fond/fond_header_bas.jpg");
border-style: solid;
border-color: red;
border-width: 0 1px 0 1px;
}
table
{
border-collapse: collapse;
}
/* -------------------------------------------------------------colonne dans corps principal-------------------------------------------------------- */
.colonne_gauche, .colonne_droite
{
vertical-align: top;
width: 155px;
height: 500px;
}
.colonne_centre
{
vertical-align: top;
width: 680px;
height: 100px;
}
/* -----------------------------------------------------------------rubrique dans colonne------------------------------------------------------------------- */
.rubrique_titre
{
background-image: url("fond/rubrique_titre.png");
width: 155px;
height: 50px;
vertical-align: middle;
}
.rubrique_titre2
{
background-image: url("fond/rubrique_titre2.png");
width: 155px;
height: 50px;
vertical-align: middle;
padding-top: 15px;
}
.rubrique_contenu
{
background-image: url("fond/rubrique_contenu.png");
width: 155px;
height: 25px;
text-align: left;
vertical-align: top;
padding: 0 5px 0 5px;
}
.rubrique_bas
{
background-image: url("fond/rubrique_bas.png");
width: 155px;
height: 25px;
}
/* -----------------------------------------------------------------écriture dans rubrique------------------------------------------------------------------- */
.rubrique_titre span, .rubrique_titre2 a
{
font-family: "Bitstream Vera Serif", "Calligraph421 BT", "Avery Standard", Verdana, Arial;
font-size: 9pt;
font-weight: bold;
color: black;
letter-spacing: 0.3px;
text-decoration: none;
}
.rubrique_titre2 a:hover
{
text-decoration: underline overline;
font-style: italic;
color: green;
}
.rubrique_contenu span
{
font-family: Verdana, Arial;
font-size: 8pt;
color: black;
padding-left: 3px;
text-decoration: none;
line-height: 1.8em;
}
.rubrique_contenu a
{
font-family: Verdana, Arial;
font-size: 8pt;
color: black;
padding-left: 3px;
text-decoration: none;
color: blue;
line-height: 1.8em;
}
.rubrique_contenu a:hover
{
text-decoration: underline overline;
font-style: italic;
color: green;
}
/* -----tableau tres grand logo - grand logo  et petit logo --------- */
.grand_logo, .grand_logo a, .grand_logo table, .grand_logo div, .petit_logo, .petit_logo a, .petit_logo table
{
margin: auto;
text-align: center;
font-family: Verdana, Arial;
font-size: 7pt;
font-weight: normal;
color: blue;
text-decoration: none;
margin-top: 10px;
}
.tres_grand_logo
{
margin: auto;
text-align: center;
}
.tres_grand_logo td
{
vertical-align: top;
margin: auto;
text-align: center;
}
.grand_logo td
{
vertical-align: top;
width: 130px;
height: 90px;
}
.petit_logo td
{
width: 100px;
height: 50px;
vertical-align: top;
}
/* -----partenaire texte + ecriture--------- */
#partenaire_texte
{
margin: auto;
text-align: center;
width: 630px;
height: 20px;
}
#partenaire_texte td
{
width: 210px;
text-align: left;
vertical-align: top;
}
#partenaire_texte a
{
font-family: Verdana, Arial;
font-size: 8pt;
font-weight: normal;
color: black;
text-decoration: none;
line-height: 2em;
}
#partenaire_texte a:hover
{
text-decoration: underline overline;
font-style: italic;
color: green;
}
/* ----------------------------------------------------------------tableau pub------------------------------------------------------------------- */
.pub_haut
{
background-image: url("fond/rubrique_haut.png");
width: 155px;
height: 30px;
margin: auto;
}
.pub_milieu
{
background-image: url("fond/rubrique_contenu.png");
width: 155px;
height: 310px;
margin: auto;
text-align: center;
}
.pub_milieu_2/*--carpediem-*/
{
background-image: url("fond/rubrique_contenu.png");
width: 155px;
height: 100px;
margin: auto;
text-align: center;
}
.pub_bas
{
background-image: url("fond/rubrique_bas.png");
width: 155px;
height: 20px;
margin: auto;
}