/***************************************************************/
/*      Theme memoryoff_01 de ToutFr.com - par memoryoff       */
/*             Date de création : 24 avril 2005                */
/*               Révision 01 : 01 mai 2005                     */
/*               Révision 02 (Veekee) : 29 aout 2005           */
/*               Révision 03 (Veekee) : 2 fevrier 2006         */
/*               Révision 04 (Veekee) : 9 fevrier 2006         */
/*               Révision 05 (Rg12) : 22 mars 2006             */
/***************************************************************/


/***************************************************************/
/*                       Mise en page                          */
/***************************************************************/

/* - Corps du document - */
body {

	background: url(backg.png);
	font-size: 12px;
	font-family: arial, verdana, helvetica, tahoma, sans-serif;
	text-align: justify;
    color: #000000;
}

/* - Preformatage du texte - */
pre {
	font-size: small;
	font-family: arial, verdana, helvetica, tahoma, sans-serif;
	text-align: justify;
	white-space: pre-wrap;       /* CSS-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

/* - Boîte principale - */
div#PageComplete {
/*    position: absolute; <---- Incompatibilite IE */
	position: absolute;
    top: 0px;
    left: 0px;
    right:0px;
    bottom: 0px;
    width: 100%;   
}

/* - En-tête boîte principale (menus, logo) - */
div#Header {
    position: relative;
    top: 0px;
    left: 0px;
    height: 75px;
    background: url(header.png);
}

/* - Corps boîte principale (englobe toutes les boîtes) - */
div#PageBody {
	margin: 40px 30px 0px 300px;
}

/* - Pied boîte principale (N° version du site, etc...) - */
div#Footer {
    top: 10%;
	height: 70px;
    margin: 40px 30px 0px 300px;
    font-weight:bold;
    text-align: center;
}

div#divAds {
    position: absolute;
    top: 365px;
    left: 40px;
    width: 120px;
    height: 600px;
    margin: 0px;
    padding: 0px;
	text-align: left;
}

hr {visibility: hidden}


/***************************************************************/
/*                     Design des boîtes                       */
/***************************************************************/

/* - Général - */
div.Bloc {
    width: 100%;
    height: 100%;
    background-color: #f0f3f5;
    border: #000066 4px double;
    margin: 5px auto 20px auto;
    text-align: justify;
    line-height: 16px;
}

/* - En-tête boîte (titre) - */
div.Bloc h2 {
    margin: 0px 0px 0px 0px;
	padding: 6px 0px 6px 5px;
	font-size: 16px;
	background-color: #6282af;
	border-top: 1px #f1f2f5 solid;
	border-right: 1px #cfd7e2 solid;
	border-left: 1px #f1f2f5 solid;
	border-bottom: #cfd7e2 3px solid;
	color: #ffffff;
}

/* - Contenu boîte - */
div.Bloc blockquote {
    margin: 15px;
	padding: 0px 0px 5px;
	
}

/***************************************************************/
/*          Mise en page des 6 boîtes :                        */
/*                - Les dernières nouvelles                    */
/*                - Traductions                                */
/*                - Derniers ajouts                            */
/*                - Dernières mises à jour                     */
/*                - Les plus téléchargées depuis 30 jours      */
/*                - Les 10 derniers messages du forum          */
/***************************************************************/

/* tableaux englobant les boîtes */
       /* lastworks (Derniers ajouts, Dernières mises à jour)  */
       /* search_n_news (Les dernières nouvelles, Traductions) */
table.lastworks, table.search_n_news {
	width: 98%;
	height: 100%;
	margin-top: 0px;
    margin-bottom: 30px;
    margin-left: 10px;
	padding: 0px 0px 0px 0px; 
}

/* Cellules des tableaux */
td {
    width: 50%;
    vertical-align: top;
}

div#programs_search td {
    width: 0px;
    vertical-align: top;
}

/* Boîte 'Bienvenue sur ToutFr.com' */
div#main_intro {	
	width: 96%;
	height: 100%;
    float: left;  
	margin: 0px 0px 0px 0px;
	voice-family: "\"}\"";    /* Astuce - Deux lignes pour régler les normes CSS, standard W3C et propriétaire Microsoft */
	voice-family: inherit;    /* Tout ce qui suit ces deux lignes sont cachés à IE. Seul les navigateurs respectant le standard W3C en tiendront compte */
	height: 94%;
}

/* Boîte 'Les dernières nouvelles' */
div#main_lastnews {
	width: 96%;
	height: 100%;
    float: left;  
	margin: 0px 0px 0px 0px;
	voice-family: "\"}\"";    /* Astuce - Deux lignes pour régler les normes CSS, standard W3C et propriétaire Microsoft */
	voice-family: inherit;    /* Tout ce qui suit ces deux lignes sont cachés à IE. Seul les navigateurs respectant le standard W3C en tiendront compte */
	height: 94%;
}

/* Boîte 'Publicité' */
div#program_ads {
	width: 96%;
	height: 100%;
    float: right;  
	margin: 0px 0px 0px 0px;
	voice-family: "\"}\"";    /* Astuce - Deux lignes pour régler les normes CSS, standard W3C et propriétaire Microsoft */
	voice-family: inherit;    /* Tout ce qui suit ces deux lignes sont cachés à IE. Seul les navigateurs respectant le standard W3C en tiendront compte */
	height: 94%;
}

/* Boîte 'Traductions' */
div#main_search {
	width: 96%;
	height: 100%;
    float: right;  
	margin: 0px 0px 0px 0px;
	voice-family: "\"}\"";    /* Astuce - Deux lignes pour régler les normes CSS, standard W3C et propriétaire Microsoft */
	voice-family: inherit;    /* Tout ce qui suit ces deux lignes sont cachés à IE. Seul les navigateurs respectant le standard W3C en tiendront compte */
	height: 94%;
}

/* Boîte 'Derniers ajouts' */
div#main_lastworks {
	width: 96%;
	height: 100%;
    float: left;  
	margin: 0px 0px 0px 0px;
	voice-family: "\"}\"";    /* Astuce - Deux lignes pour régler les normes CSS, standard W3C et propriétaire Microsoft */
	voice-family: inherit;    /* Tout ce qui suit ces deux lignes sont cachés à IE. Seul les navigateurs respectant le standard W3C en tiendront compte */
	height: 94%;
}

/* Boîte 'Dernières mises à jour' */
div#main_lastupdates {
    width: 96%;
	height: 100%;
    float: right; 
	margin: 0px 0px 0px 0px;
	voice-family: "\"}\"";    /* Astuce - Deux lignes pour régler les normes CSS, standard W3C et propriétaire Microsoft */
	voice-family: inherit;    /* Tout ce qui suit ces deux lignes sont cachés à IE. Seul les navigateurs respectant le standard W3C en tiendront compte */
	height: 94%;
}

/* Boîte 'Les plus téléchargées depuis 30 jours' */
div#main_lastdl {
    width: 96%;
	height: 100%;
    float: left; 
	margin: 0px 0px 0px 0px;
	voice-family: "\"}\"";    /* Astuce - Deux lignes pour régler les normes CSS, standard W3C et propriétaire Microsoft */
	voice-family: inherit;    /* Tout ce qui suit ces deux lignes sont cachés à IE. Seul les navigateurs respectant le standard W3C en tiendront compte */
	height: 94%;
}

/* Boîte 'Les 10 derniers messages du wiki' */
div#main_lastwikiposts {
	width: 96%;
	height: 100%;
    float: left;  
	margin: 0px 0px 0px 0px;
	voice-family: "\"}\"";    /* Astuce - Deux lignes pour régler les normes CSS, standard W3C et propriétaire Microsoft */
	voice-family: inherit;    /* Tout ce qui suit ces deux lignes sont cachés à IE. Seul les navigateurs respectant le standard W3C en tiendront compte */
	height: 94%;
}

/* Boîte 'Les 10 derniers messages du forum' */
div#main_lastposts {
    width: 96%;
	height: 100%;
    float: right; 
	margin: 0px 0px 0px 0px;
	voice-family: "\"}\"";    /* Astuce - Deux lignes pour régler les normes CSS, standard W3C et propriétaire Microsoft */
	voice-family: inherit;    /* Tout ce qui suit ces deux lignes sont cachés à IE. Seul les navigateurs respectant le standard W3C en tiendront compte */
	height: 94%;
}

tr.search_n_news_row {
	vertical-align: baseline;
}

tr.lastworks_row {
	vertical-align: baseline;
}

td.lastworks_col {
	height: 50%;
}

div.hideMe {
	visibility: hidden;
	position: absolute;
}

dt {
	font-weight:bold;
}

dd {
	color: #3b3da3;
    padding: 1px;
    
}


/***************************************************************/
/*                            Menus                            */
/***************************************************************/

ul#item_menu {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 267px;
    height: 315px;
    background: url(menu.png) no-repeat top right;
    font-weight: bold;
    list-style-type: none;
    margin: 0px;
    padding: 100px 0px 0px 0px;
}

ul#item_menu li {
    position: relative;
    vertical-align: top;
    left: 15px;
    height: 26px;
    width: 170px;
    background: url(menuoff.png);
}

#item_menu li a {
   float: left;
   display: box;
   color: #224a87;
   text-decoration: none;
   padding: 4px 0px 0px 40px;
   font-style: normal;
   height: 20px;
   width: 130px;
   background: url(menuoff.png);
}

#item_menu li.active a, #item_menu li.activefirst a {
    color: #ff0000;
    height: 20px;
    width: 130px;
    background: url(menuon.png);
}

#item_menu li a:hover, #item_menu li.active a:hover, #item_menu li.activefirst a:hover {
	color: #0000ff;
    height: 20px;
    width: 130px;	
	background: url(menuon.png);
}


/***************************************************************/
/*                           Listes                            */
/***************************************************************/

#item_current li {
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
	border-right: 1px #625a3c solid;
	padding-left: 4px;
	padding-right: 2px;
}

#item_current li.notlast {
	padding-right: 10px;
	padding-left: 10px;
}


#item_current li.last {
    padding-left: 10px;
 
}

#item_current li.last, #item_current li.Detail {
	border-right: 1px #6282af none;
	padding-right: 0px;
}

#item_current li.RubriqueDescription, #item_current li.User {
	display: none;
    
}

/* séparateur */
#item_submenu li {
	margin: 0px;
	padding: 0px;
	display: inline;
	list-style-type: none;
	border-left: 2px #6282af solid;
	padding-right: 2px;
	padding-left: 6px;
}

#item_submenu li.first, #item_submenu li.Detail {
	margin: 0px;
	padding: 0px;
	display: inline;
	list-style-type: none;
	border-left: 0px #6282af solid;
	padding-right: 2px;
	padding-left: 6px;
}

/* position Sous-rubrique */
ul#item_submenu, ul#item_current {
    position: relative;
    top: 54px;
    left: 267px;
    margin: 0px;
    padding: 0px 0px 8px 0px;
    width: 550px;
}

.Detail {
    color: #000066;
}

/* Le first signifie que le lien n'est pas cliquable */
#item_treemenu li.first, #item_treemenu li.first {
	margin: 0px;
	padding: 0px;
	display: inline;
	list-style-type: none;
    
}

#item_treemenu li.active, #item_submenu li.active {
	margin: 0px;
	padding-left: 1ex;
	padding-right: 1ex;
	display: inline;
	list-style-type: none;
}

#item_treemenu li.activefirst, #item_submenu li.activefirst {
	margin: 0px;
	padding-left: 1ex;
	padding-right: 1ex;
	display: inline;
	border: #6282af double 5px;
	list-style-type: none;
}


/***************************************************************/
/*                           Liens                             */
/***************************************************************/

a,a:active,a:visited {
    color: #0000aa;
    text-decoration: none;
    font-weight: bold;
    
}

a:hover {
    color: #0000ff;
    border-width: 2px;
    font-weight: bold;
}

/* Liens externes */
a.jscript {
	cursor: pointer;
}

/* Liens externes */
a.external, a.external:active, a.external:visited {
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}

/* Liens externes */
a.external:hover {
	color: #FF9900;
	text-decoration: underline;
	font-weight:bold;
}

/* Aides */
span.help, span.help:visited, span.help:active {
	color: #6189FC;
	text-decoration: none;
	font-weight: bold;
	cursor: help;
}

span.help:hover {
	color: #FF9900;
	text-decoration: underline;
	font-weight:bold;
}


/***************************************************************/
/*                           Boutons                           */
/***************************************************************/

div.button {
    text-align: center;
}

div.button a {
    text-align: center;
    margin: 0px 20px 0px 20px;
}


/***************************************************************/
/*                        Formulaires                          */
/***************************************************************/

/* - Design des formulaires (titre) - */
.form_text, .form_password, select {
	color: #000066;
	background-color: #ffffff;
	border: 3px double #4a63a5;
	padding-left: 5px;
	margin: 5px 0px 5px 0px;
}

.form_submit, .form_button {
	color: #ffffff;
	background-color: #4a63a5;
	border: 2px outset #4a63a5;
	font-weight: bold;
	margin: 5px 0px 5px 0px;
}

label {
	font-style: italic;
	text-decoration: underline;
}

/* - Boîtes de sélection des formulaires - */
textarea {
    width: 90%;
	color: #000066;
	background-color: #ffffff;
	border: 3px double #4a63a5;
	padding-left: 5px;
	margin: 5px 0px 5px 0px;  
}


/***************************************************************/
/*                          Polices                            */
/***************************************************************/

h1 {
color: #6282af;
	text-align: center;
	font-weight: bold;
    font-size: 16px;
}

/* - Police d'incident (Alerte) - */
h5.error {
	color: #ff0000;
	border: 1px solid #ff6953;
}

/* - Police boîte 'Traductions/Résultats'(N° version, dates) - */
strong.info {
    color: #5c7aa4;
    font-style: italic;
}

div#ErrorStack {
    position: absolute;
    text-align: left;
    width: auto;
	top: -1000px;
}

dt.enhance {
	font-size: large;
}

dd.enhance {
	margin-left: 10px;
	margin-right: 20px;
	padding-left: 10px;
	border-left: 1px solid #000000;
}


/***************************************************************/
/*                            Icônes                           */
/***************************************************************/

/* - Logo toutfr - */
div#logo {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 230px;
    height: 75px;
    background: url(logo.png) no-repeat;
 }

/* - Dernières nouvelles - */
dt.news {
   background: url(news.png) no-repeat left;
   padding: 3px 0px 0px 22px;
}

/* - Messages du wiki - */
dt.wiki {
   background: url(posts.png) no-repeat left;
   padding: 3px 0px 0px 20px;
}

/* - Derniers commentaires - */
dd.item_lastcomments {
   background: url(posts.png) no-repeat left;
   padding: 3px 0px 0px 20px;
}

/* - Messages du forum - */
dt.forum {
   background: url(posts.png) no-repeat left;
   padding: 3px 0px 0px 20px;
}

/* - Membres - */
dt.item_members, dd.item_members {
   background: url(users.png) no-repeat left;
   padding: 6px 0px 0px 20px;
}

/* - Administrateurs - */
#about_website dt {
   background: url(admin.png) no-repeat left;
   padding-left: 22px;
   padding-top: 4px;
   margin-left: 14px;
}

/* - Telechargements - */
dd.download {
   background: url(download.png) no-repeat left;
   padding: 3px 0px 0px 20px;
}

/* - Fil RSS - */
dt.rss {
   background-position: 0px 0px;
   background: url(rss.png) no-repeat left;
   padding-left: 22px;
}

/* - Traductions officielles - */
dt.official {
   background: url(official.png) no-repeat left;
   padding: 3px 0px 0px 20px;
}

/* - Traductions non officielles - */
dt.unofficial {
   background: url(unofficial.png) no-repeat left;
   padding: 3px 0px 0px 20px;
}

/* - Note des traductions (off) - */
span.unstared {
   color: #000066;
   background: url(etoileKO.png) no-repeat left;
   padding-left: 14px;
}

/* - Note des traductions (on) - */
span.stared {
   color: #ff0000;
   background: url(etoileOK.png) no-repeat left;
   padding-left: 14px;
}


/***************************************************************/
/*               Default DOM Tooltip Style                     */
/***************************************************************/

/* - Général - */
div.domTT {
    border: 3px groove #000066;
    text-align: left;
    background-color: #ffff00;
    width: auto;
    height: auto;
}

/* - En-tête (titre) - */
div.domTTCaption {
    font-family: serif;
    font-size: 12px;
    font-weight: bold;
    color: #000066;
}

/* - Contenu - */
div.domTTContent {
    font-size: 12px;
    font-family: sans-serif;
    padding: 2px 4px 2px 4px;
}


/***************************************************************/
/*               Definition des normes W3C                     */
/***************************************************************/

table#validators {
    text-align: center;
    width: auto;
    margin-left: auto;
    margin-right: auto;
}

span#w3c_xhtml_validator {
    display: block;
    width: 80px;
    height: 15px;
    background: url(valid-xhtml.png) no-repeat;
    background-position: bottom left;
}

span#w3c_css_validator {
    display: block;
    width: 80px;
    height: 15px;
    background: url(valid-css.png) no-repeat;
    background-position: bottom left;
}

span#w3c_rss_validator {
    display: block;
    width: 80px;
    height: 15px;
    background: url(rss.gif) no-repeat;
    background-position: bottom left;
}