/*  Parts based on the original subSilver Theme for phpBB version 2+ (Created by subBlue design http://www.subBlue.com)  */
body,body.popup {font-family:"Verdana";font-size:13px;background-color: #cccc99;margin:0px;padding:0px;}
body.popup {background-color:#FFFFcc;}

/*La fenetre de chat */
iframe.chatframe {height:240px;width:320px;position:absolute;top:20px;left:20px;}

/*Le haut de page, les deux cases sont affichées en haut, avec des images de fond pour constituer l'en-tete de la page, le logo est affiché par dessus*/
#tete {height:160px; background:url(/themes/360/fh-centre.gif) no-repeat top left;}
.tete-droit {position:absolute; top:0px; left:0px; width:100%; height:160px; text-align:center; background:url(/themes/360/fh-droit.gif) no-repeat top right;}
.logo {display:block;width:300px;margin:auto;margin-top:30px;}

/*Le bas de la page*/
#pied,#pied-nopub {position:relative;height:80px;text-align:center;background-color:#666633;color:#cccc99;font-size:12px;clear:both;}
a.pied,a.pied:hover {color:#cccc99;font-size:12px;}
#pied-nopub {height:20px;}
#pub1 {position:absolute; bottom:5px;left:20px;}
#pub2 {position:absolute; bottom:5px;right:20px;}

/* Le fond de page contenant les principaux éléments*/
#conteneur,#submenus {position:absolute; top:160px;left:0px;margin:0px;width:80%;background-color:#FFFFcc;border:ridge 6px #C0C0C0;color:#666633;}

/*Définition des "modules", particulièrement utiles pour la page d'index*/
.module-tour{display:block;width:49%;position:relative;float:left;}
.module-tete{position:relative;width:90%;height:90%;margin:auto;margin-bottom:10px;background-color:#c0c0c0;text-align:center;color:#006600;font-weight:bold;font-size:15px;font-family:arial;}
.module-contenu {position:relative;width:100%;height:90%;top:10%;background-color:#cccc99;border:none;color:#666633;font-size:10px;text-align:left;}
.module-rss,.module-rss:hover{display:block;position:absolute;top:3px;right:3px;width:36px;height:14px;background:url(/logos/rss.gif) top left no-repeat;text-decoration:none;}

/*La case de fermeture*/
.button-close,.button-close:hover{display:block;position:absolute;top:3px;right:3px;width:21px;height:21px;background:url(/themes/360/close.gif) top right no-repeat;text-decoration:none;}
/*La case d'aide*/
.button-help,.button-help:hover{display:block;position:absolute;top:3px;left:3px;width:21px;height:21px;background:url(/themes/360/help-button.gif) top right no-repeat;text-decoration:none;}
/*Le bouton d'im*/
.button-im,.button-im:hover{display:block;position:absolute;top:3px;right:3px;width:29px;height:21px;background:url(/themes/360/im.gif) top right no-repeat;text-decoration:none;}
/*Le bouton bug report*/
.button-bug,.button-bug:hover{display:block;position:absolute;top:3px;left:30px;width:21px;height:21px;background:url(/themes/360/bug-button.gif) top right no-repeat;text-decoration:none;}

/*Le positionnement des infos de logon et autre*/
#logon {position:absolute;right:0px; top: 160px; width:18%;margin:0;background-color:#FFFFcc;padding-top:10px;padding-bottom:10px;border:ridge 6px #C0C0C0;text-align:center;text-decoration:none;font-size:10px;color:#006600;}
.connect-menu,.connect-menu1,.connect-menu2,.connect-menu3{display:block;height:11px;width:120px;color:#cccc99;font-size:9px;font-family:arial;text-decoration:none;background-color:#006600;text-align:center;border:solid 1px #FFFFFF;position:relative;margin-right:auto;margin-left:auto;margin-top:0px;}
a.connect-menu:hover {background-color:#FFFFFF;color:#000000;border-color:#000000;}
div.inframe,div.inframe-Attention {position:relative;margin-right:auto;margin-left:auto;margin-top:10px;color:#666633;padding:0px;font-size:9px;width:130px;height:180px;background-color:#FFFFcc;text-align:left;overflow:hidden;}
div.inframe-Attention {background-color:yellow;color:red;font-weight:bold;}
.inframe-titre{text-align:center;text-decoration:none;font-size:10px;color:#006600;font-weight:bold;}
.inframe-zoom{width:16px;height:16px;position:absolute;bottom:2px;right:2px;border-style:none;}

/*Positionnement des menus en utilisant la double image fond-menu.gif*/
li.menu a.menu:hover {color: #fff;background: transparent url(/themes/360/fond-menu.gif) top left no-repeat;}
ul.menu,li.menu {list-style-type:none;margin:0;padding:0;}
#dispmenu {position:absolute;right:100px;top:0px;width:160px;height:140px;padding:0;text-align:center;visibility:hidden;}
ul.menu {text-align:center;padding-top:20px;height:140px;background:url(/themes/360/fond-menu.gif);}
li.menu {display: inline;height:18px;width:160px;}
a.menu {display: block;height: 18px;width: 160px;color: #cccc99;font-size: 16px;font-family: arial;font-weight:700;text-decoration: none;line-height: 18px;}
a.menu:hover {color:#00ffff;}
a#menuhome:hover {background-position: 0% -180px;}
a#menuphoto:hover {background-position: 0% -198px;}
a#menulive:hover {background-position: 0% -216px;}
a#menucommu:hover {background-position: 0% -234px;}
a#menummo:hover {background-position: 0% -252px;}
a#menucast:hover {background-position: 0% -270px;}
a#menuforum:hover {background-position: 0% -288px;}
a#menuadmin {display:block;position:absolute;top:30px;right:30px;width:34px;height:120px;text-decoration:none;}
a.menu-top{display:block;position:absolute;right:113px; top:35px; height:90px;width:90px;font-family:arial;font-weight:700;text-decoration:none;text-align:center;}
/* Le style des cases de sous-menu */
a.submenus{display:block;height:14px;width:120px;color:#cccc99;font-size:12px;font-family:arial;font-weight:700;text-decoration:none;background-color:#006600;text-align:center;border:solid 1px #FFFFFF;float:left;}
a.submenus:hover {background-color:#FFFFFF;color:#000000;border-color:#000000;}

/* Titre des pages de contenu du site */
h1,h2,.maintitle {text-align:center;font-family:"Verdana"; font-size:20px;color:#006600;font-weight:bold;margin-bottom:20px;text-decoration:none;}

/* Formattage des zones d'édition */
.edition {}

/*rappel (cadre en hautr de page) */
.reminder {font-family:"Verdana";font-size:10px;background-color:#ffff66;color:#ff0000;position:absolute;top:30px;left:50%;padding:0px;margin-left:-400px;border-width:1px;border-color:#ff0000;border-style:solid;}

/*Mise en page des pages de photos */
.photo{width:100%;border-style:none;text-align:center;}
.photo_comment {text-align:left;}
.photo_comment_auteur{text-align:right;}
.commentaire {background-color:#C0C0C0;}
#photo_legende {clear:both;width:100%;background-color:#666633;color:#cccc99;text-align:right;font-size:9px;}


/* This is the border line & background colour round the entire page */

.bodyline {background-color: #FFFFFF; border: 1px #E4E4E4 solid;}

/* This is the outline round the main forum tables */

.forumline {background-color: #FFFFFF; border: 2px #747575 solid;}

/* Main table cell colours and backgrounds */

td.row1 {background-color: #EFEFEF;}

td.row2	{background-color: #DEE3E7;}

td.row3	{background-color: #D1D7DC;}

/* Header cells - the blue and silver gradient backgrounds */

th { color: #DFDFDF; font-size: 11px; font-weight : bold; background-color: #717171; height: 25px; background-image: url(images/cellpic3.gif);}td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {background-image: url(images/cellpic1.gif);background-color:#D1D7DC; border: #FFFFFF; border-style: solid; height: 28px;}

/*  Setting additional nice inner borders for the main table cells.  The names indicate which sides the border will be on.  Don't worry if you don't understand this, just ignore it :-)*/

td.cat,td.catHead,td.catBottom {height: 29px;	border-width: 0px 0px 0px 0px;}th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {font-weight: bold; border: #FFFFFF; border-style: solid; height: 28px;}

td.row3Right,td.spaceRow {background-color: #D1D7DC; border: #FFFFFF; border-style: solid;}

th.thHead,td.catHead {font-size: 12px; border-width: 1px 1px 0px 1px;}

th.thSides,td.catSides,td.spaceRow {border-width: 0px 1px 0px 1px;}

th.thRight,td.catRight,td.row3Right {border-width: 0px 1px 0px 0px;}

th.thLeft,td.catLeft {border-width: 0px 0px 0px 1px;}

th.thBottom,td.catBottom  {border-width: 0px 1px 1px 1px;}

th.thTop {border-width: 1px 0px 0px 0px;}

th.thCornerL {border-width: 1px 0px 0px 1px;}

th.thCornerR {border-width: 1px 1px 0px 0px;}

/* General text */

.gen {font-size : 12px;}

.genmed {font-size : 11px;}

.gensmall {font-size : 9px;}

.gen,.genmed,.gensmall {color : #666633;}

a.gen,a.genmed,a.gensmall {color: #666633; text-decoration: none;}

a.gen:hover,a.genmed:hover,a.gensmall:hover {color: #000000; text-decoration: underline;}

/* Forum title: Text and link to the forums used in: index.php */

.forumlink {font-weight: bold; font-size: 12px; color : #8B8B8B;}

a.forumlink {text-decoration: none; color : #A4A4A4;}

a.forumlink:hover {text-decoration: underline; color : #C1C1C1;}

/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */

.nav {font-weight: bold; font-size: 11px; color : #666633;}

a.nav {text-decoration: none; color : #666633;}

a.nav:hover {text-decoration: underline;color:#000000;}

/* titles for the topics: could specify viewed link colour too */

.topictitle {font-weight: bold; font-size: 11px; color : #000000;}

a.topictitle:link {text-decoration: none; color : #006699;}

a.topictitle:visited {text-decoration: none; color : #5493B4;}

a.topictitle:hover {text-decoration: underline; color : #DD6900;}

/* Name of poster in viewmsg.php and viewtopic.php and other places */

.name {font-size : 11px; color : #666633;}

/* Location, number of posts, post date etc */

.postdetails {font-size : 10px; color : #666633;}

/* The content of the posts (body of text) */

.postbody {font-size : 12px;}

a.postlink:link	{text-decoration: none; color : #969696}

a.postlink:visited {text-decoration: none; color : #B3B3B3;}

a.postlink:hover {text-decoration: underline; color : #686868}

/* Quote & Code blocks */

.code {font-family: Courier, 'Courier New', sans-serif; font-size: 11px; color: #000000;background-color: #FAFAFA;border: #D1D7DC;border-style: solid;	border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px}

.quote {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; line-height: 125%;	background-color: #FAFAFA; border: #D1D7DC; border-style: solid;	border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px}

/* Form elements */

input,textarea, select {color : #000000;font: normal 11px Verdana, Arial, Helvetica, sans-serif;border-color : #000000;}

/* The text input fields background colour */

input.post, textarea.post, select {background-color : #FFFFFF;}

input {text-indent : 2px;}

/* The buttons used for bbCode styling in message post */

input.button {background-color : #EFEFEF;color : #000000;font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;}

/* The main submit button option */

input.mainoption {background-color : #FAFAFA;	font-weight : bold;}

/* None-bold submit button */

input.liteoption {background-color : #FAFAFA;	font-weight : normal;}

/* This is the line in the posting page which shows the rollover  help line. This is actually a text box, but if set to be the same  colour as the background no one will know ;)*/

.helpline {background-color: #DEE3E7; border-style: none;}