/* -----------------------------------------------------------------------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;
}
/* ------debut-------attention pas utilisé----en attente--------------------- */
.rubrique_contenu_part
{
text-align: left;
width: 150px;
height: 15px;
background-image: url("fond/rubrique_contenu.png");
font-size: 8pt;
line-height: 1.8em;
font-weight: normal;
font-family: Verdana, Arial;
padding-left: 10px;
}
/* ------fin-------attention pas utilisé----en attente--------------------- */
.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.5em;
}
.rubrique_contenu a
{
font-family: Verdana, Arial;
font-size: 8pt;
color: black;
padding-left: 3px;
text-decoration: none;
color: blue;
line-height: 1.5em;
}
.rubrique_contenu a:hover
{
text-decoration: underline overline;
font-style: italic;
color: green;
}
/* ------debut-------attention pas utilisé----en attente--------------------- */
.rubrique_contenu_part a
{
text-decoration: none;
padding-left: 3px;
font-size: 8pt;
font-family: Verdana, Arial;
color: blue;
font-weight: normal;
}
.rubrique_contenu_part a:hover
{
color: green;
font-style: italic;
font-weight: bold;
}
/* ------fin-------attention pas utilisé----en attente--------------------- */
/* -----------------------------------------------------------------rubrique dans colonne centre------------------------------------------------------------------- */
.rubrique_titre_acceuil
{
background-image: url("fond/rubrique_titre_acceuil.png");
width: 150px;
height: 52px;
padding-top: 5px;
margin: auto;
text-align: center;

}
.rubrique_contenu_acceuil
{
background-image: url("fond/rubrique_contenu.png");
width: 150px;
height: 25px;
margin: auto;
text-align: center;


}
.rubrique_bas_acceuil_gauche
{
background-image: url("fond/rubrique_bas_acceuil_gauche.png");
width: 75px;
height: 30px;
margin: auto;
text-align: center;

}
.rubrique_bas_acceuil_droite
{
background-image: url("fond/rubrique_bas_acceuil_droite.png");
width: 75px;
height: 20px;
margin: auto;
text-align: center;

}
/* -----------------------------------------------------------------écriture dans colonne centre //rubrique acceuil//------------------------------------------------------------------- */
.rubrique_titre_acceuil h1
{
font-family: "Bitstream Vera Sans", Verdana, Arial;
font-size: 10pt;
font-weight: bold;
color: blue;
text-decoration: none;
}
.rubrique_bas_acceuil_gauche a, .rubrique_bas_acceuil_droite a
{
font-family: Verdana, Arial;
font-size: 9pt;
font-weight: bold;
color: blue;
letter-spacing: 0.3px;
text-decoration: none;
}
.rubrique_bas_acceuil_gauche a:hover, .rubrique_bas_acceuil_droite a:hover
{
text-decoration: underline overline;
font-style: italic;
color: green;
}
.no_galerie
{
font-family: Verdana, Arial;
font-size: 9pt;
font-weight: bold;
color: red;
letter-spacing: 0.3px;
text-decoration: line-through;
}
/* ----------------------------------------------------------------tableau dans colonne centre //rubrique acceuil//------------------------------------------------------------------- */
#tableau_photo_video, #video_payante
{
margin: auto;
text-align: center;
}
.banniere_titre
{
width: 300px;
height: 35px;
margin: auto;
text-align: center;
padding-top: 20px;
background-image: url("fond/banniere_titre.png");
padding: 5px 0 5px 0;
}
/* ----------------ecriture--------- */
.banniere_titre h1
{
font-family: "Calligraph421 BT", "Bitstream Vera Sans", Verdana, Arial;
font-size: 13pt;
font-weight: bold;
color: black;
text-decoration: none;
}
/* ----------------------------------------------------------------tableau 468x60------------------------------------------------------------------- */
.tableau468x60_haut
{
background-image: url("fond/tableau468x60_haut.png");
width: 480px;
height: 30px;
margin: auto;
text-align: center;
}
.tableau468x60_milieu
{
background-image: url("fond/tableau468x60_milieu.png");
width: 480px;
height: 65px;
margin: auto;
text-align: center;
}
.tableau468x60_milieu_2
{
background-image: url("fond/tableau468x60_milieu.png");
width: 480px;
height: 75px;
margin: auto;
text-align: center;
}
.tableau468x60_bas
{
background-image: url("fond/tableau468x60_bas.png");
width: 480px;
height: 10px;
margin: auto;
text-align: center;
}
/* ----------------------------------------------------------------tableau 620 partenaire------------------------------------------------------------------- */
.tableau620_haut
{
background-image: url("fond/tableau620_haut.png");
width: 620px;
height: 40px;
margin: auto;
text-align: center;
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;
}
.tableau620_milieu
{
background-image: url("fond/tableau620_milieu.png");
width: 620px;
height: 150px;
margin: auto;
text-align: center;
vertical-align: top;
}
.tableau620_bas
{
background-image: url("fond/tableau620_bas.png");
width: 620px;
height: 30px;
margin: auto;
text-align: center;
}
.tableau620_milieu a
{
font-family: Verdana, Arial;
font-size: 9pt;
font-weight: bold;
color: blue;
text-decoration: none;
padding-top: 10px;
}
/* -----tableau grand logo  et petit logo    dans     tableau620 partenaire--------- */
.tres_grand_logo, .tres_grand_logo a, .tres_grand_logo div, .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 td
{
vertical-align: top;
width: 170px;
height: 80px;
}
.grand_logo td
{
vertical-align: top;
width: 130px;
height: 90px;
}
.petit_logo td
{
width: 95px;
height: 40px;
}
.petit_logo_texte td
{
width: 95px;
height: 40px;
}
.petit_logo_texte
{
margin: auto;
text-align: center;
}
#partenaires p
{
font-family: Verdana, Arial;
font-size: 10pt;
font-weight: bold;
color: blue;
text-decoration: none;
}
#partenaires 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: 610px;
margin: auto;
text-align: center;
}
.pub_bas
{
background-image: url("fond/rubrique_bas.png");
width: 155px;
height: 20px;
margin: auto;
}
/* ----------------------------------------------------------------tableau film dvd------------------------------------------------------------------- */
#film_dvd
{
width: 650px;
height: 140px;
margin: auto;
text-align: center;
}
#film_dvd td
{
width: 325px;
}
/* ------------------------- tableau zone_privilege_xp------------------------*/
#zone_privilege_xp
{
margin: auto;
text-align: center;
}
.zone_privilege_xp_fond
{
text-align: center;
margin: auto;
background-image: url("fond/ban350x240.png");
width: 360px;
height: 260px;
}