.upgrade {display: none;}

/* * * * * * */
/* ELEMENTS */
/* * * * * */
body, td, th, p {
                  font-family: Helvetica, Verdana, Geneva, Arial, sans-serif;
                  font-size: .95em;
                  color: #000;                 
                  }

body {
       padding: 0;
       margin: 0;
       background: #c60 url(../../../images/motif_dark.jpg) repeat 0 0;  
       }

hr {
     color: #e94;
     background-color: #e94;
     margin: 20px auto;
     height: 1px;
     border: 0;
     width: 80%;
     }

img {padding: 0; border: 0; margin: 0;}

ul { margin: 0; padding: 0;}

.spacer { clear: both; line-height: 0.4em; }
/*
/*----- links -------*/
a { color: #068; text-decoration: underline;}
a:hover {color: #026; text-decoration: underline;}
a:visited {color: #54a; text-decoration: underline;}

/*----- title style -----*/
h1 { 
     font-size: 1.25em;
     font-weight: bold;
     color: #930;
     text-align: left;
     margin: 0px 0 20px 0;
     line-height: 1.4em;
     }

h2 { 
     font-size: 1.1em;
     font-weight: bold;    
     color: #000;
     padding: 5px 0 0 20px;
     margin: 0 0 10px 0;
     border-bottom: 1px #e94 solid;
     }

h3 { 
     text-align: left;
     font-size: 1.3em;
     font-weight: bold;
     color: #000;
     padding: 0px 0 0 0px;
     margin: 0;
      }

/* * * * * * * * * * * * */
/* Layout IDs & Classes */
/* * * * * * * * * * * */

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* WRAP is used to wrap all the content                  */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.wrap {
        margin: 0 auto 0 auto;
        padding: 0;            
        background:  #f8e2cf url(../../../images/bg_1col.jpg) repeat-y top right;
        border-left:3px #000 solid;
        border-right:3px #000 solid;
        width: 966px;
        voice-family: "\"}\"";
        voice-family:inherit;
        width: 960px;
            }
html>body .wrap { width: 960px;}

/* * * * * * * * * * * * * * * * * */
/* HeadHome (top-image Myshrink)   */
/* * * * * * * * * * * * * * * * * */

.headhome {      
        background: transparent url(../images/head_home.jpg) no-repeat top left;    
        width: 960px;
        height: 123px;
        margin: 0; 
        padding: 4px 2px 0 0;
	text-align: right;
	font-size: 0.8em;
	letter-spacing: 0.05em;	
        }

.headhome span {display: none;}

.headhome a, .headhome a:visited { color:#000; text-decoration:none;}
.headhome a:hover { color:#930;text-decoration:none;}


/* ---------- Psycafe Top Links --------------- */
.psycafe-link  {
	margin:0px;
	padding:0px;
	float:right;
}

.psycafe-link a, .psycafe-link a:visited , .psycafe-link a:active {
	background: #f9deb6;
	color:#961e20;
	text-decoration:none;
	font-size: 9pt;
	font-weight: normal;
	padding:5px;
	letter-spacing: normal;
	-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 7px;
-moz-border-radius-bottomleft: 7px;
-webkit-border-radius: 0px 0px 7px 7px;
border-radius: 0px 0px 7px 7px;
}

.psycafe-link a:hover {
	background:#fad091;
	color:#961e20;
	letter-spacing: normal;
}

.psycafe-link .invert-it, .psycafe-link .invert-it:visited, .psycafe-link .invert-it:active{
	background: #ae484a;
	color:#f9deb6;
}


.psycafe-link .invert-it:hover {
	background: #961e20;
	color:#f9deb6;
}

/* ---------- End of Psycafe Top Links --------------- */


/*-------------------- Horizontal menu--------------------*/

#horzmenuhome {
             background: #f94 url(../../../images/motif_medium.jpg) repeat 0 0; 
             text-align: center;
             padding: 0 0 8px 0;              
             margin: 0 0 20px 0;
                border-bottom: 2px #000 solid; 
             }
			 
.menurow {
background: #7a2e0a url(../../../images/motif_darker.jpg) repeat 0 0;

}

/* * * * * * * * * * * * * * * * * * * * */
/* #MAIN is wrapper for the content      */
/* * * * * * * * * * * * * * * * * * * * /

   /* Commented Backslash Hack
      hides rule from IE5-Mac \*/
   #main {clear:left; margin: 0; padding: 0;}
/* End IE5-Mac hack */

#main { margin: 0 80px; }

#leftcolumn { 
           float: left; 
           width: 300px; 
           margin: 0px 0 0 0px;
           padding: 0;         
           display: inline;
           }

#rightcolumn {
               float: left;
               display: inline;
               text-align: justify;              
               margin: 0 0 0 40px; 
               padding: 0px 0px 0 0px;
               width: 460px; 
               }


/*========================= Colonne Left ===============================*/
/*--------menu icones-------------*/
/*the rollover style is at the end*/

.menuicones { 
        background-color: #fff;  
        border: 1px #e94 solid;
        border-top: 3px #e94 solid;
        padding: 0px 0px 10px 0;
        margin: 0;
        color: #000;
        }
		
.menuiconesflash { 
        border: 1px solid #e94;
        padding: 0;
        margin: 5px 79px 25px 79px;
        }

.menuicones hr {
     color: #e94;
     background-color: #e94;
     margin: 0px auto 8px auto;
     height: 1px;
     border: 0;
     width: 80%;
     }

.menuicones h2 { 
                 font-size: 1.1em;
                 font-weight: bold;    
                 color: #000;
                 padding: 5px 0 0 20px;
                 margin: 0 0 10px 0;
                 border-bottom: 1px #e94 solid;
                 background: transparent url(../images/motif_lighter.jpg) repeat;
                 }
			
.menuicones img {float: left;}

.textmenu {        
            margin: 0 0 0 100px;
            font-size: 0.9em;
            line-height:1.3em;
            text-align: left;
            padding: 0 10px 0px 0;
            }

.textmenu a, .textmenu a:visited { color:#000;text-decoration:none; }
.textmenu a:hover { color:#930;  background-color: #fec; text-decoration:none;}

.title {font-size: 1.1em; font-weight: bold; color:#930;}
.title a {font-size: 1.1em; font-weight: bold; color:#930;text-decoration:none;}
.title a:visited {color:#510;text-decoration:none;}
.title a:hover {color:#000; background-color: transparent;text-decoration:none;}

/*---------Newsletter-----------*/
.newsletter {  
              border: 1px #e94 solid; 
              border-top: 3px #e94 solid;
              background-color: #fff;
              text-align: center;
              line-height:1.3em;
              margin: 15px 0 0px 0; 
              padding: 0;
              font-size: 0.9em;
              }

.newsletter h2 { 
                 font-size: 1.4em;
                 font-weight: bold;
                 text-align: left;     
                 color: #000;
                 padding: 5px 0 0 20px;
                 margin: 0 0 10px 0;
                 border-bottom: 1px #e94 solid;
                 }

.newsletter span { color: #8CD; }

.newsletter p{font-style: italic; padding: 0 10px;}

.newsletter a, .newsletter a:visited { color: #068; text-decoration: none; }
.newsletter a:hover, .newsletter a:active { color:#026; text-decoration: none;  }

.nameemail {   
             color:#8CD; 
             font-weight: bold; 
             text-align: left;
             padding: 0 0 10px 110px; 
             background:  transparent url(../images/reptileletter.jpg) no-repeat bottom left; 
             /*height: 55px;*/
             }

/*=================colonne right===================*/
/*---------intro-----------*/
.intro h1 {     
            /*font-family: Georgia, "Times New Roman", Times, serif;*/
            font-size: 1.3em;
            font-weight: bold;
            color: #930;
            text-align: center;
            margin: 0px 0 5px 0;
            padding: 0 0 10px 0;
            background:  transparent url(../../../images/deco_title.jpg) no-repeat bottom center;
            }

.intro { 
         line-height: 1.3em;
         font-size: 1em;
         text-align: center;
         margin: 0 0 35px 0; 
         padding: 0;
         border: 0;
         }

.intro a, .intro a:visited { color: #068; text-decoration: none; font-weight: bold; }
.intro a:hover, a:active { color:#026; text-decoration: none;   font-weight: bold;}

/*------What's news on the site -----*/
.news {  
        background: #f8e2cf url(../images/motif_lighter.jpg) repeat 0 0; 
        margin: 0 0px 0 0;       
        border-top: 3px #e94 solid;
       /* padding: 0 20px 20px 20px; */
        }
.news h2 {      margin: 0 0 2px 0; }

.news img { float: left; padding: 0 5px 0 0;}
.newsfeed img { float: none;}

.newsitem {
            width: 80%;
            float: right;
            }

.newsfeed {
            text-align: right;
            clear: both;
            padding: 8px 12px 10px 12px;
            }
		  
.date {
        padding: 8px 0 8px 5px;
        width: 80px;
        height: 40px;
        color: #456924;
        line-height: 2em;
        font-size: 12px;
        }

.textnews {        
            margin: 0 0 0 10px;
            font-size: 0.9em;
            line-height:1.3em;
            text-align: left;
            padding: 8px 12px 0 0;
            }

.textnews a { color:#068; text-decoration: underline; }
.textnews a:visited {color: #54a;text-decoration: underline;}
.textnews a:hover { color:#026;  text-decoration: underline;}

.titlenews a {font-size: 1.1em; font-weight: bold; color:#930;}
.titlenews a:visited {color:#930;}
.titlenews a:hover {color:#000; background-color: transparent;}

.shrinklady { 
              font-size: 0.9em; 
              font-style: italic;
              text-align: right; 
              padding:0 15px 5px 0; 
              }
.shrinklady a, .shrinklady a:visited {color: #068; text-decoration: none;  }
.shrinklady a:hover, .shrinklady a:active { color:#026; text-decoration: none; }
/*---------who's on site------*/
.who {  
       background-color: #fff; 
       border: 1px #e94 solid;
       margin: 20px 0 20px 0;       
       padding: 0;
       min-height: 20px; /*IE Win does not support min-height */
       height: 20px;
       }		
html>body .who {height: auto;}

.who h2 { 
          font-size: 1.1em;
          font-weight: bold;    
          color: #000;
          padding: 5px 0 0 20px;
          margin: 0 0 0px 0;
          border-bottom: 1px #e94 solid;
          background: transparent url(../images/fleur_orange.jpg) repeat;
          }
				
.emoticons { float: left; }

.whotext {
           float: right;
           padding: 0 20px 10px 0; 
           color:#a41;
           font-style: italic; 
           font-size: 0.9em;
           line-height: 1.1em;
           text-align: center;
           min-height: 20px; /*IE Win does not support min-height */
           height: 20px;
           }
html>body .whotext { height: auto;}


/*--------- Guide 460x340 --------------*/
 .guide{ text-align: center;
         margin: 0px;
         padding: 0;
         border: 1px #e94 solid;
        }
		  
.guide h2 { text-align: left;
            font-size: 1.1em;
            font-weight: bold;    
            color: #000;
            padding: 5px 0 0 20px;
            margin: 0 0 0 0;
            border-bottom: 1px #e94 solid;
            background: transparent url(../images/fleur_white.jpg) repeat;
            }

/* * * * * * * * * * * * * * * * */
/*      .CONTENT HOME (text)     */
/* * * * * * * * * * * * * * * * */
.contenthome {
               font-size: 0.9em;
               line-height: 1.4em;
               margin:  0;
               padding:  15px 80px 40px 80px;   
               text-align: justify;
               background:  transparent url(../images/foot_home.jpg) no-repeat bottom right;
               } 
             
.contenthome span { 
                    display: block; 
                    margin: 0 0 0 0; 
                    font-style: italic; 
                    color: #620; 
                    }

/* ----------Home page letter styles------------- */

#letterbody {
              background-image: url(../images/letter-header.gif);
              background-repeat:no-repeat;
              padding: 5px 25px 0 25px;
              }

#letterbody p, li, blockquote {font-size: 1.1em;}
#letterbody ul {margin-left: 35px;}
#letterbody li {
                 text-align:left;
                 font-style: italic;
                 margin-bottom: 10px;
                 list-style-type: none;
                 background: transparent url(../images/puce.gif) no-repeat center left;
                 padding: 0 0 0 10px;
                 }

/*--ancre--*/
#letterbody span { visibility: hidden; }

/* * * * * * * * * * * * * * * * * */
/*        Footer                   */
/* Terms of Service -- Privacy...  */
/* * * * * * * * * * * * * * * * * */

#footer {
              position: relative;              
              clear: both; 
              background: #620  url(../../../images/motif_darker.jpg) repeat 0 0; 
              font-size: 0.8em;
              color: #000;
              padding: 5px;
              border-top: 1px solid #000;
              } 

#footer a {color: #fb7;  text-decoration: none; letter-spacing: 0.05em;}
#footer a:hover { color: #fff; }

    
/* * * * * * * * * * * * */
/*     SIGNATURE         */
/* * * * * * * * * * * * */

#signature {                          
                padding: 5px;
                margin: 0;
                background-color: #000;
                border-top: 1px solid #e94;
                font-size: 0.7em;
                text-align: left;
                line-height: 1.1em;
                color: #fb7;
                }

#signature a {              
              text-decoration: none;
              color: #e94;          
              }
#signature a:visited { color: #e94;}
#signature a:hover {  color: #fff;}


/*================================*/
/*-----------icones rollover---------*/
/*================================*/

.icone1 span, .icone2 span, .icone3 span, .icone4 span, .icone5 span, .icone6 span, .icone7 span, .icone8 span, .icone9 span, .icone10 span, .icone11 span { visibility: hidden;}

.icone1, .icone2, .icone3, .icone4, .icone5, .icone6, .icone7, .icone8, .icone9, .icone10, .icone11 {
	float: left;
 	height: 70px; 
        width: 91px;
	}

.icone1 a, .icone2 a, .icone3 a, .icone4 a, .icone5 a, .icone6 a, .icone7 a, .icone8 a, .icone9 a, .icone10 a, .icone11 a {   
	display: block;
	height: 70px; 
        width: 91px;
 text-decoration: none;
	}

.icone1 a{ background: transparent url(../images/icone1.jpg) 0px 0px no-repeat;}   
.icone1 a:hover {background: transparent url(../images/icone1.jpg) -91px 0px no-repeat;}

.icone2 a{ background: transparent url(../images/icone2.jpg) 0px 0px no-repeat;}   
.icone2 a:hover {background: transparent url(../images/icone2.jpg) -91px 0px no-repeat;}

.icone3 a{ background: transparent url(../images/icone3.jpg) 0px 0px no-repeat;}   
.icone3 a:hover {background: transparent url(../images/icone3.jpg) -91px 0px no-repeat;}

.icone4 a{ background: transparent url(../images/icone4.jpg) 0px 0px no-repeat;}   
.icone4 a:hover {background: transparent url(../images/icone4.jpg) -91px 0px no-repeat;}

.icone5 a{ background: transparent url(../images/icone5.jpg) 0px 0px no-repeat;}   
.icone5 a:hover {background: transparent url(../images/icone5.jpg) -91px 0px no-repeat;}

.icone6 a{ background: transparent url(../images/icone6.jpg) 0px 0px no-repeat;}   
.icone6 a:hover {background: transparent url(../images/icone6.jpg) -91px 0px no-repeat;}

.icone7 a{ background: transparent url(../images/icone7.jpg) 0px 0px no-repeat;}   
.icone7 a:hover {background: transparent url(../images/icone7.jpg) -91px 0px no-repeat;}

.icone8 a{ background: transparent url(../images/icone8.jpg) 0px 0px no-repeat;}   
.icone8 a:hover {background: transparent url(../images/icone8.jpg) -91px 0px no-repeat;}


.icone9 a{ background: transparent url(../images/icone9.jpg) 0px 0px no-repeat;}   
.icone9 a:hover {background: transparent url(../images/icone9.jpg) -91px 0px no-repeat;}

.icone10 a{ background: transparent url(../images/icone10.jpg) 0px 0px no-repeat;}   
.icone10 a:hover {background: transparent url(../images/icone10.jpg) -91px 0px no-repeat;}

.icone11 a{ background: transparent url(../images/icone11.jpg) 0px 0px no-repeat;}   
.icone11 a:hover {background: transparent url(../images/icone11.jpg) -91px 0px no-repeat;}

.bookmark img {
  border: 0;
  vertical-align:bottom; 
}  

.bookmark a {
	padding:0; 
	margin:0; 
	text-decoration: none;  
	white-space: nowrap;
}

#contentright {float: right; width: 120px; text-align: center; padding: 0 0 10px 0; margin: 0 0 600px 50px; display: inline}
.famfriend {margin:10px 0}