﻿body {
}
div {
   font-family: verdana;
}
div.imgPerso {
    float:left;
    position:relative;
    left:0px;
    top:0px;    
    margin-bottom:12px;
    background: transparent url("/_assets/GuillaumeShSmall.png");
    width: 139px;
    height: 180px;
}
div.headerTitle {
    float:left;
    position:relative;
    left:0px;
    top:0px;
    margin:12px;
    margin-top:0px;
    width:441px;
    height:110px;
    text-align:justify;
    font-size:15px;
}
div.headerContainer {
    float:left;
    position:relative;
    left:0px;
    top:0px;    
    width:461px;
    height: 212px;
}
div.headerButtonContainer {
    float:left;
    position:relative;
    left:0px;
    top:0px;    
    width:461px;
    height: 60px;
    margin:12px;
}


div.mainContainer {
    width:100%;
    text-align:center;
    margin:0;
}
div.viewStack {
    margin:0 auto 0 auto;
    text-align:left;
    width:600px;
}
div.headerButtonContainerContent {
    position:absolute;
    width:441px;
    visibility:hidden;
    text-align:justify;
    font-size:80%;
}
div.relatedContent {
    float:left;
    position:relative;
    left:0px;
    top:0px;    
    width:438px;
    min-height:380px;
	background-color: #ffffFF;
    border: 1px solid #444444;
    border-left-style: none;
}

div.buttonContainer {
    float:left;
    position:relative;
    left:0px;
    top:0px;    
    width:160px;  
}
div.buttonSpacer {
    float:right;
	width: 150px;
	height: 5px;
    border: 1px solid #444444;
    border-bottom-style: none;
    border-top-style: none;
    border-left-style: none;
}
div.buttonSpacerEnd {
    float:right;
	width: 150px;
    border: 1px solid #444444;
    border-bottom-style: none;
    border-top-style: none;
    border-left-style: none;
}
div.buttonCanvas {
    cursor:pointer;
    float:right;
	width: 162px;
	height: 50px;
	background-color: #ffffFF;
    border: 1px solid #444444;
    border-right-style: none;
}
div.buttonCanvas img { 
    cursor:pointer;
    display: inline;
    margin: 3px;
} 


div.content {
    position:absolute;
    float:left;
    visibility:hidden;
    width:100%;
    margin: 8px;
}
div.contentEnd {
    position:absolute;
    visibility:hidden;
    float:right;
    width:424px;
    top:350px;
    text-align:right;
    height:100%;
    margin: 8px;
}
div.itemContainer {
    float:left;
    margin: 0px 10px 10px 0px;
}
div.back {
    background: #AAAAAA;  
    width: 90px; 
    height: 55px;
}
.buzzScreenshot00Small {
    position: absolute;
    margin: -3px 0 3px -3px;
    background: transparent url("/_assets/buzzMath/screenshot0_small.png");
    width: 90px; 
    height: 55px;
    cursor: pointer; 
}
.buzzScreenshot01Small {
    position: absolute;
    margin: -3px 0 3px -3px;
    background: transparent url("/_assets/buzzMath/small_home.png");
    width: 90px; 
    height: 55px;
    cursor: pointer;
}
.buzzScreenshot02Small {
    position: absolute;
    margin: -3px 0 3px -3px;
    background: transparent url("/_assets/buzzMath/small_home_teacher.png");
    width: 90px; 
    height: 55px;
    cursor: pointer; 
}
.buzzScreenshot03Small {
    position: absolute;
    margin: -3px 0 3px -3px;
    background: transparent url("/_assets/buzzMath/screenshot1_small.png");
    width: 90px; 
    height: 55px;
    cursor: pointer; 
}
.netmathsScreenshot01Small {
    position: absolute;
    margin: -3px 0 3px -3px;
    background: transparent url("/_assets/_nm3/screenshot1_small.png");
    width: 90px; 
    height: 55px;
    cursor: pointer; 
}
.netmathsScreenshot02Small {
    position: absolute;
    margin: -3px 0 3px -3px;
    background: transparent url("/_assets/_nm3/screenshot2_small.png");
    width: 90px; 
    height: 55px;
    cursor: pointer; 
}
.netmathsScreenshot03Small {
    position: absolute;
    margin: -3px 0 3px -3px;
    background: transparent url("/_assets/_nm3/screenshot3_small.png");
    width: 90px; 
    height: 55px;
    cursor: pointer; 
}
.netmathsScreenshot04Small {
    position: absolute;
    margin: -3px 0 3px -3px;
    background: transparent url("/_assets/_nm3/screenshot4_small.png");
    width: 90px; 
    height: 55px;
    cursor: pointer; 
}
.netmathsScreenshot05Small {
    position: absolute;
    margin: -3px 0 3px -3px;
    background: transparent url("/_assets/_nm3/screenshot5_small.png");
    width: 90px; 
    height: 55px;
    cursor: pointer; 
}


.zoneEntraideScreenshot00Small {
    position: absolute;
    margin: -3px 0 3px -3px;
    background: transparent url("/_assets/zoneEntraide/screenshot0_small.png");
    width: 90px; 
    height: 55px;
    cursor: pointer; 
}
.zoneEntraideScreenshot01Small {
    position: absolute;
    margin: -3px 0 3px -3px;
    background: transparent url("/_assets/zoneEntraide/screenshot1_small.png");
    width: 90px; 
    height: 55px;
    cursor: pointer; 
}
.zoneEntraideScreenshot02Small {
    position: absolute;
    margin: -3px 0 3px -3px;
    background: transparent url("/_assets/zoneEntraide/screenshot2_small.png");
    width: 90px; 
    height: 55px;
    cursor: pointer; 
}
