@page {size: portrait;}
body {color: #000000; background-color: #eeeeee; margin: 10px; padding: 0;}
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html body {width:97.2%; margin-left:1.3%;}
/* End hide from IE5/mac */
body td, p, div {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;}
table {width: 100%; margin: 0; padding: 0;}
table td {padding: 0; border-width: 0; vertical-align: top; font-family: Verdana, Arial, Helvetica, sans-serif;}
a:link, a:active, a:visited {color: #006699; text-decoration: none;}
a:hover {color: #DD6900; text-decoration: underline;}
h1 {font-size: 20px;}
h2 {font-size: 18px;}
h3 {font-size: 14px;}
h4 {font-size: 13px;}
h5 {font-size: 12px;}
ul {margin: 2px; padding: 2px; list-style: decimal inside; text-align: left;}
li {margin-left: 2px; list-style: square inside; text-align: left;}
img {border: 0px;}
form {margin:0; padding:0;}
select, textarea {color: #000000; background-color: white; border: 1px solid #006699; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 1px;}
input.formButton {}
.item {margin-bottom: 8px;}
.itemHead {font-weight: bold; padding: 4px; border: 1px solid #98aab1; background-image: url(images/cellpic_title.gif); background-repeat: repeat-x; background-color: #E1E8F1; color: #000000;}
.itemInfo {padding: 4px; text-align: center; border-bottom: 1px solid #006699; color: #000000;}
.itemTitle a {}
.itemPoster {font-size: 90%;}
.itemPostDate {font-size: 90%;}
.itemStats {font-size: 90%;}
.itemBody {padding: 8px;}
.itemText {line-height: 1.5em; margin: 0px;}
.itemText:first-letter {}
.itemFoot {text-align: center; padding: 4px; border: 1px solid #006699; color: #000000;}
.itemAdminLink {font-size: 90%;}
.itemPermaLink {font-size: 90%;}
th {background-color: #006699; color: #FFFFFF; padding : 4px; vertical-align : middle; font-size: 11px;}
th a:link, th a:active, th a:visited {color: #FFFFFF; text-decoration: none;}
th a:hover {color: #FFFFFF; text-decoration: underline;}
td#headerbanner {}
td#headerbar {}
#footerbar {}
.mainmenu a {display: block; margin-bottom: 1px; padding: 4px; color: #334D55; background-color: #FFFFFF; border-left: 8px solid #BDCEE0;}
.mainmenu a:hover {color: #FFFFFF; text-decoration: none; background-color: #BDCEE0; border-left: 8px solid #DD6900;}
.mainmenu a::visited {color: #334D55;}
.mainmenu a.menuTop {}
.mainmenu a.menuMain {}
.mainmenu a.menuSub {padding-left: 20px;}
#usermenu a {display: none; margin-bottom: 1px; padding: 4px; color: #334D55; background-color: #FFFFFF; border-left: 8px solid #BDCEE0;}
#usermenu a:hover {color: #FFFFFF; text-decoration: none; background-color: #BDCEE0; border-left: 8px solid #DD6900;}
#usermenu a.menuTop {}
#usermenu a.highlight {color: #334D55; background-color: #FFFFFF;}
#usermenu a:hover.highlight {color: #FFFFFF; background-color: #BDCEE0;}
.headMembers {background-color: #006699; color: #FFFFFF; padding : 4px; vertical-align : middle; font-size: 11px;}
.headMembers a:link {color: #ffffff; text-decoration: none;}
.headMembers a:hover {color: #DD6900; text-decoration: underline;}
#Modules .headMembers {border:none; color: #FFFFFF; padding : 4px; vertical-align : middle; font-size: 11px;}
#Modules .headMembers a:link {color: #006699; text-decoration: none;}
#Modules .headMembers a:hover {color: #DD6900; text-decoration: underline;}
.outer {border: 1px solid #B2C1E0; background-color: #FFFFFF;}
.head {background-color: #BDCEE0; color: #FFFFFF; padding: 4px; font-weight: bold;}
.head2 {background-color: #006699; color: #000000; margin:0; padding:0;}
.head th {text-align:center;}
.even {background-color: #E5EAF5; padding: 4px;}
.odd {background-color: #F0F3F9; padding: 4px;}
.foot {background-color: #BDCEE0; padding: 4px; font-weight: bold;}
.even td {background-color: #E5EAF5; padding: 4px;}
.even td a:link {color: #006699; text-decoration: none;}
.even td a:hover {color: #DD6900; text-decoration: underline;}
.odd td {background-color: #BDCEE0; padding: 4px;}
.odd td a:link {color: #006699; text-decoration: none;}
.odd td a:hover {color: #DD6900; text-decoration: underline;}
.errorMsg {background-color: #FFCCCC; text-align: center; border-top: 1px solid #DDDDFF; border-left: 1px solid #DDDDFF; border-right: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA; font-weight: bold; padding: 10px;}
.confirmMsg {background-color: #DDFFDF; color: #136C99; text-align: center; border-top: 1px solid #DDDDFF; border-left: 1px solid #DDDDFF; border-right: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA; font-weight: bold; padding: 10px;}
.resultMsg {background-color : #CCCCCC; color: #333333; text-align: center; border-top: 1px solid silver; border-left: 1px solid silver; font-weight: bold; border-right: 1px solid #666666; border-bottom: 1px solid #666666; padding: 10px;}
.xoopsCode {font-size: 90%; background-color: #FFFFFF; border: 1px dashed #B2C1E0; padding: 4px;}
.xoopsQuote {font-size: 90%; background-color: #FFFFFF; border: 1px dashed #B2C1E0; padding: 4px;}
.comTitle {font-weight: bold; margin-bottom: 2px;}
.comText {padding: 2px;}
.comUserStat {font-size: 10px; color: #6685C2; font-weight: bold; border: 1px solid #7F99CC; background-color: #FFFFFF; margin: 2px; padding: 2px;}
.comUserStatCaption {font-weight: normal;}
.comUserStatus {margin-left: 2px; margin-top: 10px; font-weight: bold; font-size: 10px;}
.comUserRank {margin: 2px;}
.comUserRankText {font-size: 10px;font-weight: bold;}
.comUserRankImg {border: 0;}
.comUserName {}
.comUserImg {margin: 2px;}
.comDate {font-weight: normal; font-style: italic; font-size: smaller}
.comDateCaption {font-weight: bold; font-style: normal;}
.xoopsCode pre {margin: 0px;}
.xoopsQuote blockquote {margin: 0px;}
#maintable {width: 98%; margin: auto;}
.statstable { margin:0px; padding:0px; width:auto; font-size: small; color:#000000; font-weight: normal;}
.stats { vertical-align: bottom; width:625px; margin:0; border: 0;}
.statsimg { vertical-align: bottom; width:25px; text-align:center;}
.statsimgweekday { vertical-align: bottom; font-size: small; font-weight: normal;}
.statswords { border-width: 0; font-size: x-small; background-color: transparent; font-weight: normal; text-align:center; width:25px;}
.statsfore { width: 30%; padding:2px;}
.statsdiv { text-align:center; padding:0px; margin-left:auto; margin-right:auto; width:100%;}

/* classes communes personnalisées */
.tailleauto {margin-left:auto; margin-right:auto; width:100%;}
.centre {text-align:center;}
.alignementGauche {text-align:left;}
.alignementDroite {text-align:right;}
.verticalHaut {vertical-align:top;}
.verticalHautCentre {vertical-align:top; text-align:center;}
.verticalHautDroite {vertical-align:top; text-align:right;}
.verticalMilieu {vertical-align:middle;}
.verticalMilieuCentre {vertical-align:middle; text-align:center;}
.verticalMilieuDroite {vertical-align:middle; text-align:right;}
.imageCentree {text-align: center;}
.imageCentree a:hover {text-decoration: none;}
.liste {display: list-item; list-style-image: url(images/puce.gif); margin-left: 40px;}
.texteImportant {color: red;}
.texteSouligne {text-decoration: underline;}
.titreTuto {text-align:center; margin-top:12px;}
.titrePage {font-size: 13px; font-weight: bold; text-align:left; margin-bottom: 10px;}
.titreTH {background-color: #006699; color: #FFFFFF; padding : 4px; margin:1px; vertical-align : middle; font-size: 11px; font-weight: bold;}
.tri a:hover {text-decoration: none;}
.spacer {clear:both; visibility:hidden;}

/* classes et id des modules */
#loginConteneur{text-align:left; margin-left:4px; margin-right:4px; padding-top:4px; padding-bottom:4px; }
.loginEtiquette {margin:0; padding-left:10px;}
.loginCentre {margin:0; padding:0; text-align:center;}
.loginGauche {margin:0; padding:4px;}
#rechercheConteneur {margin:0; padding:4px; text-align:center;}
.rechercheContenu {margin:0; padding-top:4px;}
#attenteBlock {margin:0; padding:4px;}
#online {margin:0; padding:2px;}
#infoSite {margin-bottom:4px; padding:4px; text-align:center; display:block;}
#titreSpotlight {color:#ff6600; font-weight: bold;}
#footerSpotlight{text-align:center; margin:0; padding-bottom:10px; font-style:italic;}
#partnersBlockFooter {text-align:center; padding-top:4px; padding-bottom:4px;}
#istatFooter {display:none;}
.multimenuNote {padding: 2px; font-weight: bold; font-style:italic; color: #006699; line-height:14pt;}
.liensRecents {margin:0; padding-left:4px; padding-right:4px; padding-bottom: 8px;}
.liensRecentsTous {text-align:center; padding-bottom: 8px; font-style: italic;}
#newsNavig {text-align:center; font-weight: bold;}
#newsNavig td {width:50%;}
.newsPageNav {text-align: right; margin: 10px;}
.newsArchive {margin-top:8px; margin-left:auto; margin-right:auto; width:100%;}
.newsArchiveTotal {margin:4px;}
#faqTop {font-weight:bold; margin-bottom: 10px;}
#faqContenu img {padding-top: 2px;}
#faqContenu li {padding-left: 10px; vertical-align:middle;  list-style-type: none; }
#faqComments {margin:3px; padding: 3px;}
#welcomeBlock {text-align:justify; margin-left:4px; margin-right:8px;}
#stats {display: none;}

/* Menus déroulants et boites de sélection */
#timezone_offset {width:440px;}
#notify_mode {width:440px;}
#disclaimer {width:440px;}
#bio {width:440px;}
#user_sig {width:440px;}
#message {width:440px;}
#subject {width:440px;}
#hometextAddtext {width:440px;}
#hometext {width:440px;}
#bodytextAddtext {width:440px;}
#bodytext {width:440px;}
#usersComments {width:440px;}
#com_text {width:440px;}

/* fafane84style */
.fond {background-color:#eeeeee;}
#header {
display: none;
margin-bottom:10px;
width:100%;
height: 140px;
border: solid 1px #006699;
background-image: url(images/cellpic_bkg.gif);
}
#logo{
display: none;
height: 110px;
text-align: center; 
vertical-align: middle; 
border: none; 
margin: 0; 
padding:0;
}
#navig {
display: none;
color:#dd6900;
vertical-align: middle;
text-align: center;
height:30px;
margin: 0;
padding-top: 4px;
font-size: 11px;
background: url(images/cellpic_nav.gif) repeat-x;
}
#navig img {
vertical-align: middle;
margin-right: 4px;
margin-left: 0px;
margin-top: 2px;
padding-bottom: 3px;
voice-family:"\"}\"";
voice-family:inherit;
margin-top: 1px;
}
html> body #navig img {
margin-top: 1px;
}
#conteneur {
background-color:white;
width:100%;
}
#gauche {
display: none;
float:left;
width: 140px;
margin-top:8px;
margin-left: 4px;
voice-family:"\"}\"";
voice-family:inherit;
margin-left: 8px;
}
html> body #gauche {
margin-left: 8px;
}
#gauche .blockTitle {
display: none;
padding: 4px; 
color: #000000; 
background-image: url(images/cellpic_title.gif);
background-repeat: repeat-x;
background-color: #E1E8F1;
font-weight: bold; 
border: solid 1px #98aab1; 
text-align: center;
}
#gauche .blockContent {
display: none;
line-height: 120%; 
background-color: #eaedf4; 
border-left: solid 1px #98aab1; 
border-right: solid 1px #98aab1; 
border-bottom: solid 1px #98aab1;
}
#droite {
display: none;
float:right;
width: 140px;
margin-top:8px;
margin-right: 4px;
voice-family:"\"}\"";
voice-family:inherit;
margin-right: 8px;
}
html> body #droite {
margin-right: 8px;
}
#droite .blockTitle {
display: none;
padding: 4px; 
color: #000000; 
background-image: url(images/cellpic_title.gif);
background-repeat: repeat-x;
background-color: #E1E8F1;
font-weight: bold;
border: solid 1px #98aab1; 
text-align: center;
}
#droite .blockContent {
display: none;
line-height: 120%; 
background-color: #eaedf4; 
border-left: solid 1px #98aab1; 
border-right: solid 1px #98aab1; 
border-bottom: solid 1px #98aab1;
}
#centre {
margin-left:14px;
margin-right:14px;
background-color: white;
margin-top:8px;
width: auto;
}
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html #centre {
height: 1%;
/*margin-left:154px;
margin-right:158px;
voice-family:"\"}\"";
voice-family:inherit;
margin-right: 154px;
}
html> body #centre {
margin-right: 154px;*/
}
/* End hide from IE5/mac */
#centre .blockTitle {
font-weight: bold; 
padding: 4px; 
border: 1px solid #98aab1; 
background-image: url(images/cellpic_title.gif);
background-repeat: repeat-x;
background-color: #E1E8F1;
color: #000000;
}
#centre .blockContent {
padding: 0px; 
margin-bottom: 8px; 
line-height: 120%;
}
#centreMaxi {
margin-top:8px;
margin-left:14px;
margin-right:14px;
background-color: white;
padding-left: 0px;
padding-right:0px;
text-align: center;
}
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html #centreMaxi {
height: 1%;
/*margin-left:154px;
margin-right: 12px;
padding-left:0px;
padding-right:0px;
voice-family:"\"}\"";
voice-family:inherit;
margin-right: 8px;
}
html> body #centreMaxi {
margin-right: 8px;*/
}
/* End hide from IE5/mac */
#centreMaxi .blockTitle {
font-weight: bold; 
padding: 4px; 
border: 1px solid #98aab1; 
background-image: url(images/cellpic_title.gif);
background-repeat: repeat-x;
background-color: #E1E8F1;
color: #000000;
}
#centreMaxi .blockContent {
padding: 0px; 
margin-bottom: 8px; 
line-height: 120%;
}
#centreCentre {
width:100%;
background-color:white;
text-align: left;
}
#centreGauche {
width:49%;
/*en principe 50%, mais toujours cette mauvaise gestion des pourcentages par IE */
float:left;
background-color:white;
text-align: left;
}
#centreDroite {
width:49%;
/*en principe 50%, mais toujours cette mauvaise gestion des pourcentages par IE */
float:right;
background-color:white;
text-align: left;
}
#modules {
width:100%;
background-color: white;
text-align: left;
}
#footer {
clear:both;
margin-top:10px;
padding-top:4px;
padding-bottom:4px;
width:100%;
text-align:center;
/*vertical-align: middle;*/
background-color: white;
font-size: 10px;
}