@charset "UTF-8";
/* CSS Document */

/*-----------------------------------------------
	ELEMENTS HTML
-----------------------------------------------*/
body {
	background:url("../graphismes/underdogs/background.jpg") center top no-repeat fixed #FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:justify;
	color:#000;
}

img { border:none; }

a:link, a:visited { color:#F90; text-decoration:underline; }
a:hover, a:active { color:#666; text-decoration:none; }

input, select, textarea { border:1px solid #999; background-color:#E6E6E6; }

blockquote { font-family:Georgia, "Times New Roman", Times, serif; }

h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-align:left;
	color:#36C;
	background:#CCC;
	border:1px solid #FFF;
	font-size:15px;
	font-variant:small-caps;
	padding:0 10px;
	line-height:28px;
	margin:0;
}

h1 a:link, h1 a:visited { text-decoration:none; color:#36C; }
h1 a:hover, h1 a:active { text-decoration:underline; color:#36C; }

h2 {
	font-size:13px;
	font-weight:normal;
	font-variant:small-caps;
	border-bottom:1px solid;
	margin:10px 0;
	color:#36C;	
}
h3 {
	font-size:13px;
	font-weight:normal;
	font-variant:small-caps;
	margin:0;
	color:#36C;	
}

.message { color:#FF0000; }

/*-----------------------------------------------
	MISE EN PAGE
-----------------------------------------------*/
.img {
	padding:4px;
	background:transparent;
	border:1px solid #999;
}

#conteneur {
	width:900px;
	margin-left:auto;
	margin-right:auto;
}

#top {
	margin-left:1px;
	width:900px;
	height:110px;
}

#pub {
	border:1px solid #999;
	height:80px;
	width:420px;
	margin:10px 15px 10px 0;
}

#page {
	width:880px;
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
}
#titre_page {
	border-bottom:1px solid #CCC;
	border-top:1px solid #CCC;
	padding:5px 0;
	text-align:center;	
}

.titre {
	height:30px;
	border:1px solid #999;
	width:640px;
}

.cadre {
	border:1px solid #999;
	height:auto;
	width:610px;
	padding:0 15px;
	margin-bottom:10px;
	background:#F2F2F2;
}

.comments { background:url("../graphismes/underdogs/quote.gif") top left no-repeat; min-height:40px; }

#footer {
	font-size:10px;
	color:#666;
	text-align:center;
	margin-top:10px;
}

/*-----------------------------------------------
	MENU
-----------------------------------------------*/
#menu {
	width:880px;
	height:32px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-variant:small-caps;
	color:#36C;
	background:#CCC;
	border:1px solid #999;
	margin-left:auto;
	margin-right:auto;
}

#menu table {
	border:1px solid #FFF;
	height:32px;
	padding:0 10px;
	text-align:center;
}

#menu table td { padding:5px; }

#menu table a:link, #menu table a:visited {	color:#36C; text-decoration:none; }
#menu table a:hover, #menu table a:active {	color:#F90;	text-decoration:none; }

/*-----------------------------------------------
	PICS TOP
-----------------------------------------------*/
#pics {
	width:900px;
	text-align:center;
	margin-top:20px;
}

.pic_top { border:1px solid #999; padding:1px; }

/*-----------------------------------------------
	INFOS
-----------------------------------------------*/
/* DROITE */
.infos_right {
	font-size:10px;
	color:#666;
	text-align:right;
	margin-top:10px;
}

/* GAUCHE */
.infos_left {
	font-size:10px;
	color:#666;
	text-align:left;
	margin-top:10px;
}

/* CENTRE */
.infos {
	font-size:10px;
	color:#666;
	text-align:center;
	margin-top:10px;
}

.infos_right a, .infos_left a, .infos a { color:#666; text-decoration:none; }
.infos_right a:hover, .infos_left a:hover, .infos a:hover  { text-decoration:underline; }

/*-----------------------------------------------
	SIDEBAR
-----------------------------------------------*/
.cadre_s {
	border:1px solid #999;
	height:auto;
	margin-bottom:10px;
	background:#F2F2F2;
}


ul {
	list-style:none;
	padding:0 5px;	
}
li {
	list-style:none;
	padding:4px 5px;
	border-top:1px solid #CCC;
	height:30px;
	width:200px;
}

.img_part { margin-bottom:6px; }

/*-----------------------------------------------------
	PAGINATION
-----------------------------------------------------*/
div.pagination {
    font:12px Arial, Helvetica, sans-serif;
    padding:3px;
    margin:3px
}
div.pagination a {
    background-color:#F2F2F2;
    border:1px solid #999;
    color:#000;
    margin:1px;
    padding:2px 3px;
    text-decoration:none
}
div.pagination a:hover,active {
	font-size:14px;
    color:#F90;
    font-weight:bold;
    margin:1px;
    padding:2px 3px;
}
div.pagination span.courante {
    background-color:#CCC;
    border:1px solid #999;
	font-size:14px;
    color:#F90;
    font-weight:bold;
    margin:1px;
    padding:3px 4px
}

/*-----------------------------------------------------
	INDEX
-----------------------------------------------------*/
#index { background:#FFF; margin-top:25px; }

#index h1 {
	color:#777;
	font-size:11px;
	font-variant:normal;
	background:none;
	height:15px;
	text-align:center;
	border:none;
}
#index h1 a:link, #index h1 a:visited {	color:#777;	text-decoration:none; }
#index h1 a:hover, #index h1 a:active { color:#36C; text-decoration:underline; }

#index p {
	color:#333;
	font-size:13px;
	font-variant:normal;
	background:none;
}
#index p a:link, #index p a:visited { color:#333; text-decoration:none; }
#index p a:hover, #index p a:active { text-decoration:underline; }

#index #conteneur {
	text-align:center;
	margin-top:10px;
}