/* CSS LINKS */

body
{
text-align: center; /* pour corriger le bug de centrage IE */
width: 600px;
margin: auto;
margin-top: 150px;
background-image: url("../../images/Backgrounds/BG-Page/bgpage_links.jpg");
background-repeat: no-repeat;
background-attachment: fixed;
}

.titlestick
{
background-image: url("../../images/Titlesticks/titlestick_links.png");
background-repeat: no-repeat;
height: 21px;
width: 600px;
font-family: "Trebuchet MS", Verdana, Arial, "Times New Roman", Times, serif;
font-size: 0.9em;
font-weight: bold;
text-align: left;
text-indent: 3px;
color: white;
}

#header /*la grande bannière de la rubrique*/
{
width: 600px;
height: 90px;
background-repeat: no-repeat;
background-image: url("../../images/Headers/header_links.png");
margin-bottom: 10px;
text-align: left;
}

#header1 /*la grande bannière de la rubrique links selection*/
{
width: 600px;
height: 90px;
background-repeat: no-repeat;
background-image: url("../../images/Headers/header_linkselection.png");
margin-bottom: 10px;
text-align: left;
}

#header2 /*la grande bannière de la rubrique link to me*/
{
width: 600px;
height: 90px;
background-repeat: no-repeat;
background-image: url("../../images/Headers/header_linktome.png");
margin-bottom: 10px;
text-align: left;
}


.themelinks a /* les liens de "themes" sont ceux dans la petite bande de couleur en dessous de la grande bannière */
{
font-family: Verdana, Arial, "Times New Roman", Times, serif;
font-size: 0.7em;
font-weight: bold;
text-align: left;
text-decoration: none;
position: relative;
top: 70px;
left: 5px;
color: white;
}

.themelinks a:hover
{
font-family: Verdana, Arial, "Times New Roman", Times, serif;
font-size: 0.7em;
font-weight: bold;
text-align: left;
text-decoration: none;
position: relative;
top: 70px;
left: 5px;
background-color: #40b1a4;
color: white;
}


.paragraphe
{
background-image: url("../../images/Titlesticks/paragraphe_links.png");
background-repeat: no-repeat;
height: 25px;
width: 600px;
font-family: Georgia, Verdana, Arial, "Times New Roman", Times, serif;
font-size: 0.9em;
font-weight: bold;
font-style: italic;
text-align: left;
text-indent: 6px;
color: #2f2f2f;
}
.cells
{
background-image: url("../../images/Backgrounds/BG-Cells/bgcell_shadowright.jpg");
width: 600px;
}

.menucell
{
margin-right: auto;
text-align: center;
width: 200px;
background-color: #ff048b;
}

.menucell a /*liens du menu de la page d'accueil*/
{
font-family: Verdana, Arial, "Times New Roman", Times, serif;
font-weight: bold;
font-size: 0.8em;
color: white;
text-decoration: none;
}

.menutextcell /*texte explicatif du lien*/
{
width: 400px;
text-align: center;
font-family: Verdana, Arial, "Times New Roman", Times, serif;
font-weight: bold;
font-size: 0.8em;
font-style: italic;
color: #ff048b;
}

/*##############################################################*/

table
{
width: 590px;
text-align: left;
font-family: "Trebuchet MS", Verdana, Arial, "Times New Roman", Times, serif;
font-size: 0.8em;
color: black;
vertical-align: top;
}

tr:hover
{
background-color: #e3ffff;
}

td
{
vertical-align: top;
}

#contents /* le contenu des surfaces blanches*/
{
background-image: url("../../images/Backgrounds/BG-Cells/bgcell_shadowright.jpg");
min-height: 105px;
width: 600px;
margin: auto;
clear: both;
}

.name /* noms des dessins...à effacer? */
{
font-family: Verdana, Arial, "Times New Roman", Times, serif;
font-size: 1em;
font-weight: bold;
text-align: left;
color: #FF048B;
}

.comment1 /* commentaires des links en noir */
{
width: 480px;
font-family: "Trebuchet MS", Verdana, Arial, "Times New Roman", Times, serif;
font-size: 0.8em;
text-align: justify;
color: black;
}

.text /* texte de la page d'accueil links en noir */
{
width: 585px;
font-family: "Trebuchet MS", Verdana, Arial, "Times New Roman", Times, serif;
font-size: 0.8em;
text-align: justify;
color: black;
}


.thumbnail-L
{
float: left;
}

.thumbnail-R
{
float: right;
}

/*##############################################################*/

.quote /*la citation à la fin de la page */
{
font-size: 0.7em;
font-style: italic;
font-weight: bold;
text-align: center;
color: black;
}

.quote-author /*la citation à la fin de la page */
{
margin-bottom: 20px;
font-size: 0.7em;
font-style: italic;
text-align: center;
color: black;
}

#footer
{
width: 600px;
height: 60px;
background-repeat: no-repeat;
background-image: url("../../images/Footers/footer_links.png");
}

.logofooter
{
float: left;
padding: 5px;
}

.copyrights
{
padding: 15px;
font-family: Verdana, Arial, "Times New Roman", Times, serif;
font-size: 0.7em;
text-align: justify;
color: white;
}

/*##############################################################*/

#navcontainer ul
{
text-align: center;
padding-bottom: 5px;
padding-top: 5px;
padding-left: 0;
margin-top: 0;
/* cancels gap caused by top padding in Opera 7.54 */
margin-left: 0;
width: 100%;
font-size: 0.6em;
font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
line-height: 18px;
/* fixes Firefox 0.9.3 */
}

#navcontainer ul li
{
display: inline;
padding-left: 0;
padding-right: 0;
padding-bottom: 5px;
/* matches link padding except for left and right */
padding-top: 5px;
color: #a9a9a9;
}

#navcontainer ul li a
{
padding-left: 10px;
padding-right: 10px;
padding-bottom: 5px;
padding-top: 5px;
color: #a9a9a9;
text-decoration: none;
border-right: 1px solid #fff;
}

#navcontainer ul li a:hover
{
background-color: #696969;
color: white;
}

#navcontainer #active { border-left: 1px solid #fff; }