/* CSS ART */

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_comics.jpg");
background-repeat: no-repeat;
background-attachment: fixed;
}


/*############*/
/*   HEADER   */
/*############*/


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

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

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

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

#header4 /*la grande bannière de la rubrique comics 4*/
{
width: 600px;
height: 90px;
background-repeat: no-repeat;
background-image: url("../../images/Headers/header_comics4.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: #aaaaaa;
color: white;
}

/*############*/
/*   CENTER   */
/*############*/

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

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


.cells
{
background-image: url("../../images/Backgrounds/BG-Cells/bgcell_shadowright.jpg");
width: 600px;
}

.image
{
float: left;
}

.image-right
{
float: right;
}

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


.name2 /* noms des dessins dans l'autre langue*/
{
font-family: "Trebuchet MS", Verdana, Arial, "Times New Roman", Times, serif;
font-size: 0.8em;
font-weight: bold;
text-align: left;
color: #f68214;
}

.comment1 /* commentaires des comics 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 comics 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 /*avant: float left et pas de margin-right */
{
float: right;
margin-right: 10px;
border: 2px solid #f68214;
}

/*############*/
/*   FOOTER   */
/*############*/


.quote /*la citation à la fin de la page */
{
font-size: 0.7em;
font-style: italic;
font-weight: bold;
fobt-family: Georgia, Verdana, Arial, "Times New Roman", Times, serif;
text-align: center;
color: black;
}

.quote-author /*l'auteur de la citation à la fin de la page */
{
margin-bottom: 20px;
font-size: 0.7em;
font-style: italic;
font-family: Georgia, Verdana, Arial, "Times New Roman", Times, serif;
text-align: center;
color: black;
}

#footer
{
width: 600px;
height: 60px;
background-repeat: no-repeat;
background-image: url("../../images/Footers/footer_comics.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: black;
}


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

#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: #ffa500;
color: white;
}

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