/*********************/
/*    CSS by Kiwi    */
/*********************/

html {
	height:100%
}

body {
	background:#222;
	margin:0;
	padding:0;
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	height:100%;
}

#background {
	width:820px;
	margin:auto;
	background:url('../images/body-background2.png') repeat-y;
	background-position:center;
	min-height:94%;
	position:relative;
}

#fullbox {
	width:780px;
	margin:auto;
	padding:10px 0 10px 0;
}

#header {
	height:150px;
	margin-bottom:10px;
	position:relative;
	background: url('../images/header-background.png') no-repeat;
}

#logo {
	width:80px;
	height:320px;
	background: url('../images/logo.png') no-repeat;
	position:absolute;
	left:-90px;
}

#fond_random {
	width:550px;
	height:130px;
	padding:10px;
	padding-right:0px;
	float:left;
}

#random {
	display:block;
	height:130px;
	background:url('../images/headers/') no-repeat;
}

#update-photo {
	width:210px;
	height:150px;
	padding-left:10px;
	float:right;
}

#speedbar {
	height:40px;
	background:url('../images/speedbar-background.png') no-repeat;
}

#rss {
	width:136px;
	height:26px;
	margin:7px;
	float:left;
	background:url('../images/rss-background.png') no-repeat;
}

#rss p.rss {
	padding:1px 2px 0px 10px;
	margin:0;
}

#rss p.rss a {
	color:#ea7e01;
	font-variant:small-caps;
	text-align:center;
}

#rss p.rss img {
	position:relative;
	top:4px;
}

#link {
	list-style:none;
	height:26px;
	margin:7px 0px 0px 0px;
	padding:0;
	float:left;
}

#link li {
	display:inline;
}

#link li a {
	display:block;
	height:26px;
	float:left;
}

#link li a.accueil {
	width:87px;
	background:url('../images/menu/accueil.png') no-repeat;
}

#link li a.accueil:hover {
	background-position:0px -26px;
}

#link li a.photos {
	width:82px;
	background:url('../images/menu/photos.png') no-repeat;
}

#link li a.photos:hover {
	background-position:0px -26px;
}

#link li a.livre {
	width:103px;
	background:url('../images/menu/livre.png') no-repeat;
}

#link li a.livre:hover {
	background-position:0px -26px;
}

#link li a.liens {
	width:67px;
	background:url('../images/menu/liens.png') no-repeat;
}

#link li a.liens:hover {
	background-position:0px -26px;
}

#link li a.connexion {
	width:107px;
	background:url('../images/menu/connexion.png') no-repeat;
}

#link li a.connexion:hover {
	background-position:0px -26px;
}

#link li.date {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:white;
	position:relative;
	left:10px;
	top:5px;
}

#menu {
	width:150px;
	background:#313131;
	float:left;
}

#menu span.top-menu {
	display:block;
	margin:auto;
	width:136px;
	height:10px;
	background:url('../images/top-menu-background.png') no-repeat;
}

#menu span.bottom-menu {
	display:block;
	margin:auto;
	width:136px;
	height:10px;
	background:url('../images/bottom-menu-background.png') no-repeat;
}

#menu ul#rubrique {
	padding:0;
	margin:0 auto;
	width:136px;
	background:#FFFFFF;
	list-style:none;
}

#menu ul#rubrique li {
	padding-bottom:2px;
}

#menu ul#rubrique li a {
	width:116px;
	height:25px;
	margin:auto;
	margin-bottom:2px;
	font-weight:bold;
	color:#FFFFFF;
	font-size:16px;
	display:block;
	background:#feab1a url('../images/li-menu-background.png') no-repeat;
}

#menu ul#rubrique li a span {
	display:block;
	padding:1px 5px 0px 5px;
}

#menu ul#rubrique li a span:hover {
	padding:2px 5px 0px 5px;
}

#menu ul#rubrique li a:hover {
	background-position:0px -25px;
}

#menu ul li ul#pages {
	width:92px;
	margin:0 auto;
	background:#FFFFFF;
	padding:5px 4px 5px 25px;
	list-style:disc url('../images/puce.png');
}

#menu ul li ul#pages li {
	padding:0px;
	margin:0;
	background:none;
}

#menu ul li ul#pages li:hover {
	background:none;
}

#menu ul li ul#pages li a {
	font-weight:normal;
	color:#ea7e01;
	font-size:12px;
	display:inline;
	background:none;
}

#menu ul li ul#pages li a:hover {
	font-weight:normal;
	color:#333;
	font-size:12px;
	display:inline;
	padding-left:2px;
	background:none;
}

#stats {
	color:#FFFFFF;
	padding:10px 10px 0px 10px;
	margin:0 7px 0 7px;
	list-style:none;
}

#stats em {
	color:#FFCCFF;
	font-weight:bold;
}

#menu span.bottom-nav {
	height:10px;
	width:150px;
	display:block;
	margin:auto;
	background:url('../images/bottom-nav-background.png') no-repeat;
}

#round {
	float:left;
	width:10px;
	height:10px;
	background:url('../images/round-background.png') no-repeat;
}

#fullcorps {
	float:left;
	width:620px;
	margin:10px 0px 0px 0px;
}

#top-corps {
	height:10px;
	background:url('../images/top-corps-background.png') no-repeat;
}

#corps {
	background:#FFFFFF;
	padding:10px 5px 10px 5px;
	padding-top:0px;
}

#corps h1 {
	font-size:20px;
	color:#fd6600;
	padding:5px;
	padding-left:38px;
	margin:0px 0 5px 0;
	font-weight:normal;
	background:url('../images/h1.png') no-repeat;
	background-position:left;
}

#corps h2 {
	font-size:14px;
	color:#fd6600;
	padding:5px;
	padding-left:15px;
	margin:7px 0 5px 0;
	font-weight:normal;
	background:url('../images/h2.png') no-repeat;
	background-position:left;
}

#corps ul {
	list-style:disc url('../images/puce.png');
}

#corps a {
	color:#333333;
}

#corps a:hover {
	text-decoration:underline;
}

#bottom-corps {
	height:10px;
	background:url('../images/bottom-corps-background.png') no-repeat;
}

#footer {
	margin:auto;
	width:800px;
	height:50px;
	background:url('../images/footer-background.png') no-repeat;
}

#footer p {
	margin:0;
	padding:5px;
	color:#FFFFFF;
	text-align:center;
}

#footer a {
	color:#FFFFFF;
	font-weight:bold;
}

#footer a:hover {
	text-decoration:underline;
}

#news {
	width:290px;
	float:left;
}

#photos-home {
	margin-top:10px;
	width:290px;
	float:left;
	margin-left:20px;
}

p.photo, p.centre, p.alt, p.sport, p.dossier, p.presse, p.recrutement {
	margin:2px;
	padding-left:18px;
	background-position:0px;
	line-height:14px;
}

p.photo {
	background:url('../images/photo-puce.png') no-repeat;
}

p.centre {
	background:url('../images/centre-puce.png') no-repeat;
}

p.sport {
	background:url('../images/sport-puce.png') no-repeat;
}

p.dossier {
	background:url('../images/dossier-puce.png') no-repeat;
}

p.presse {
	background:url('../images/presse-puce.png') no-repeat;
}

p.recrutement {
	background:url('../images/recrutement-puce.png') no-repeat;
}

p.alt {
	background:url('../images/alt-puce.png') no-repeat;
}

p.error {
	width:90%;
	margin:auto;
	border:1px solid #ea7e01;
	padding:10px;
	color:#3f3f3f;
	border-radius:10px;
	background:#fff1f1;
	margin-bottom:10px;
}

.reset {
	clear:both;
}

a {
	text-decoration:none;
	color:#333333;
}

img {
	border:none;
}

img.borded {
	display:block;
	margin:auto;
	border:1px solid #CCCCCC;
	padding:5px;
	margin-bottom:5px;
}

img.imgblock {
	display:block;
	margin:auto;
}

.nodisplay {
	display:none;
}

table.index {
	margin:auto;
	padding-top:30px;
	padding-bottom:30px;
}

table.index td {
	padding:2px;
	text-align:center;
}

table.index td span {
	position:relative;
	font-weight:bold;
	top:-5px;
	padding-top:2px;
	padding-left:20px;
	background:url('../images/up.png') no-repeat;
}

table.inter td{
	padding:2px;
	border:1px solid #c3c3c3;
}

a.back {
	padding-left:21px;
	background:url('../images/back.png') no-repeat;
}

a.go, span.go {
	padding-left:21px;
	background:url('../images/go.png') no-repeat;
}

img.thumb {
	position:relative;
	top:3px;
}

table.livredor {
	margin-top:10px;
	width:100%;
}

table.livredor td {
	padding:4px;
	background:#faf1e6;
}

table.livredor th {
	color:#ea7e01;
	font-size:14px;
	text-align:left;
	padding-left:40px;
	font-weight:normal;
}

table.liste {
	margin:auto;
	width:580px;
}

table.liste td {
	padding:5px;
	border-bottom:1px solid #CCC;
}
label.cara { display:block; margin-bottom:4px; padding-left:10px; margin-top:10px; font-weight:bold; }
#livredor form p { margin:0; }
#livredor p span { font-weight:bold; }
#livredor p.pages { color:#ea7e01; padding-left:10px; text-align:center;}
#livredor p.pages span.current-page { color:#ea7e01; padding-right:3px; font-weight:normal; font-style:italic;  }

span.q-open, span.q-close {
	width:19px;
	height:16px;
	display:block;
}

span.q-open {
	float:left;
	position:relative;
	top:-12px;
	margin-right:5px;
	background:url('../images/dquote-open.png') no-repeat;
}

span.q-close {
	float:right;
	background:url('../images/dquote-close.png') no-repeat;
	position:relative;
	top:10px;
}



label.form {
	display:block;
	width:100px;
	float:left;
	position:relative;
	top:4px;
	font-weight:bold;
}

input {
	background:#FFFFFF;
	border:1px solid #CCC;
	padding:5px;
	border-radius:10px;
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

input:focus, textarea:focus { background:#EEE; }
input.date { background:url('../../../images/commun/input_date.gif') no-repeat; }

fieldset { border:1px dotted #BBB; margin-bottom:8px; }
legend { font-style:italic; }
input.no-borded { border:none; }
select { padding:5px; }

textarea {
	background:#FFFFFF;
	border:1px solid #CCC;
	padding:5px;
	border-radius:10px;
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

a.pdf {
	padding-right:32px;
	margin-right:5px;
	background:url('../images/pdf.png') no-repeat;
	background-position:right center;
}


a.info {
   position: relative;
   color: black;
   text-decoration: none;
}
a.info span {
   display: none; /* on masque l'infobulle */
}
a.info:hover {
   background: none; /* correction d'un bug IE */
   z-index: 500; /* on définit une valeur pour l'ordre d'affichage */
}
a.info:hover span {
   display: inline; /* on affiche l'infobulle */
   position: absolute;
   white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
   right: 20px; /* on positionne notre infobulle */
   bottom: 50px;
   background: white;
   padding: 3px;
}
/******** INTERVENTIONS **********/
div#interventions div.day { }
div#interventions h3 { border-left:8px groove #CCC; padding:2px; font-weight:normal; color:#777; padding-left:8px; font-size:11px;  margin:2px 0px 2px 10px; font-style:italic; }
div#interventions h4 { background:#EEE; padding:2px; padding-left:4px; margin:0; font-weight:normal; border-bottom:1px solid #CCC; cursor:pointer; }
div#interventions ul { padding:4px 0px 2px 30px; margin:0; }


/******** TCHAT **********/

div#tchat p strong.pilou, span.pilou { color: #ff9933; }
div#tchat p strong.gege, span.gege { color: #0a3550; }
div#tchat p strong.mat, span.mat { color: #ff0000; }
div#tchat p strong.dam, span.dam { color: #009933; }
div#tchat p strong.francis, span.francis { color: #9900ff; }
div#tchat p strong.fred, span.fred { color: #003399; }
div#tchat p strong.kiwi, span.kiwi { color: #b0da35; }
div#tchat p strong.jean-luc, span.jean-luc { color: #4e005c; }
div#tchat p strong.yaya, span.yaya { color: #2172a6; }
div#tchat p strong.ben, span.ben { color: #00b1f3; }
div#tchat { background:#EEE; padding:10px; overflow:auto; height:350px; }
div#tchat h4 { margin:2px; border-bottom:1px solid #CCC; }
textarea#messagetext { width:97%; display:block; height:100px; }
div#tchat p { margin:0; padding:2px; }
div#tchat p a { color:#F30; }
div#tchat p.pair { background:#EEE; }
div#tchat p.impair { background:#FFF; }

div#smileys { padding:4px; background:#CCC; }
div#smileys img { cursor:pointer; }

/******** BOARD **********/

#board_add_message { background:#faf1e6; padding:5px; }
#board_add_message p { margin:0; }
#board_add_message label { display:block; margin-bottom:5px; font-weight:bold; }
p.board { margin-bottom:5px; padding:4px; }
p.board span.date { display:block; float:left; width:67px; height:44px; margin-right:10px; text-align:center; color:#FFF; background:url(../images/date_background.png) no-repeat; padding-top:1px; margin-bottom:2px; }
p.board span.date strong { font-weight:normal; font-size:1.5em; }
p.board span.author { display:block; font-weight:bold; }
p.board_pages { margin-top:20px; clear:both; }
#corps p.board_pages a { color:#F30; }

/******** SMILEYS **********/

img.smiley { position:relative; top:4px; }