/* Mise en page globale */

/* Disposition du site */
/*  Partie conteneur du site */
body {
    padding: 0;
    margin: 0;
    background: #fdd;
    font: 0.8em Verdana, Arial, Helvetica, sans-serif;
} 
.visible { 
visibility:visible; 
}
.cache  { 
display:none; 
}
.conteneur {
	width: 800px; /* La somme des largeurs des composants contenus (gauche, centre et droite) doit ètre inférieure ou égale à cette valeur */
	margin: 0;
	background-image: url("img/fond.jpg");

}

/*  Partie en-tête du site */
.header {
    width:800px;
    height:102px;
	background-image: url(img/titre.jpg);
    background-repeat: no-repeat;
	margin: 0;
}
.header2 {
    width:800px;
    height:102px;
	background-image: url(img/netschool.jpg);
    background-repeat: no-repeat;
	margin: 0;
}
.flash {
    width:800px;
    height:60px;
	text-align:center;
}

/*  Partie principal du site */
.centre {
    float: left;
    width: 450px; /* 500px - 2*2px de marges */
	height: 278px; 
	margin: 0;
}
.page{
	overflow:auto;
	border:solid blue 1px;
	margin-top: 1em;
	margin-left: 3.5em;
    width: 688px;
    height: 278px;
    background-image: url("img/div.gif");
	background-position:top;
	background-repeat:repeat-x;
	background-color:#ffffff;
	margin-bottom: 0.5em;
	padding: 0.5em;
	}
 .center1{
	border:solid blue 1px;
	margin-top: 1em;
    width: 448px;
    height: 150px;
    background-image: url("img/div.gif");
	background-position:top;
	background-repeat:repeat-x;
	background-color:#ffffff;
	}
.center2{
	border:solid blue 1px;
	margin-top: 1em;
    width: 448px;
    height: 115px;
    background-image: url("img/div.gif");
	background-position:top;
	background-repeat:repeat-x;
	background-color:#ffffff;
}
.center3{
	border:solid blue 1px;
	margin-top: 1em;
    width: 448px;
    height: 270px;
    background-image: url("img/div.gif");
	background-position:top;
	background-repeat:repeat-x;
	background-color:#ffffff;
}
.center4{
	border:solid blue 1px;
	margin-top: 1em;
    width: 638px;
    height: 270px;
    background-image: url("img/div.gif");
	background-position:top;
	background-repeat:repeat-x;
	background-color:#ffffff;
}
.center5{
	overflow:auto;
	float: left;
	border:solid blue 1px;
	margin-top: 1em;
    width: 590px;
    height: 270px;
    background-image: url("img/div.gif");
	background-position:top;
	background-repeat:repeat-x;
	background-color:#ffffff;
	margin-left: 0.5em;
}
/*  Partie menu de gauche */
.gauche {
    float: left;
    width: 150px; 
	height: 300px; 
	margin: 0;
}
.gauche1{
	border:solid blue 1px;
	margin-top: 1em;
    width: 130px;
    height: 115px;
    background-image: url("img/div.gif");
	background-position:top;
	background-repeat:repeat-x;
	background-color:#ffffff;
    margin-left: 0.5em;
    margin-right: 0.5em;

}
.gauche2{
	border:solid blue 1px;
	background-image: url("img/div.gif");
	background-position:top;
	background-repeat:repeat-x;
	background-color:#ffffff;
	margin-top: 1em;
    width: 130px;
    height: 50px;
    margin-left: 0.5em;
    margin-right: 0.5em;
	text-align:center;
}
.gauche3{
	margin-top: 1em;
    width: 130px;
    height: 40px;
    margin-left: 0.5em;
    margin-right: 0.5em;
	text-align:center;
}
.gauche4{
	border:solid blue 1px;
	background-image: url("img/div.gif");
	background-position:top;
	background-repeat:repeat-x;
	background-color:#ffffff;
	margin-top: 1em;
    width: 130px;
    height: 90px;
    margin-left: 0.5em;
    margin-right: 0.5em;
	text-align:center;
}
/*  Partie menu de droite */
.droite {
    float: left;
    width: 200px;  
    height: 300px; 
	margin: 0;
}
 
/*  Partie pied du site */
.pied {
    clear: both;
    width: 800px;
    height: 36px;
    text-align: right;
	color : white ;
	font:normal 14px sans-serif;
    background: red;
}
/* fin de disposition */
td.foo { 
background: url('img/entete2.jpg') repeat;
height: 20px;
margin: 0 0 0 0;
padding: 0 0 0 0;
}
.titre {
background-color:#0000CC;
color:red;
border : 0;
width : 80px; 
height : 30px;
}

#najout{ 
border:solid blue 1px;
margin-top: 1em;
width: 178px;
height: 120px;
background-image: url("img/div.gif");
background-position:top;
background-repeat:repeat-x;
background-color:#ffffff;
margin-left: 1em;
text-align:center;
} 
#question { 
width : 188px; 
height : 128px;
border:solid red 1px;  
font:normal 12px sans-serif;
color : white;
background-color:blue;
}
.table{
	border:solid blue 1px;
	margin-top: 1em;
    width: 178px;
    height: 120px;
    background-image: url("img/div.gif");
	background-position:top;
	background-repeat:repeat-x;
	background-color:#ffffff;
    margin-left: 1em;
	font:normal 12px sans-serif;
	color : blue;
	padding:0px; 
}
.menu {
text-align: center;
color: #ffffff;
padding:0.5em;
}

.menu table {
margin-left: auto; 
margin-right: auto;
}
.table th {
	background: #faa;
}
.tscore{
width : 438px;
height : 230px;
font:normal 12px sans-serif;
color : blue;
padding:5px; 
background-color:white; 

} 
#vide {
	border:solid blue 1px;
	margin-top: 1em;
    width: 178px;
    height: 120px;
    background-image: url("img/div.gif");
	background-position:top;
	background-repeat:repeat-x;
	background-color:#ffffff;
    margin-left: 1em;
	text-align:center;
}
.vide2 {
	border:solid blue 1px;
	margin-top: 1em;
    width: 140px;
    height: 120px;
    background-image: url("img/div.gif");
	background-position:top;
	background-repeat:repeat-x;
	background-color:#ffffff;
    margin-left: 1em;
	text-align:center;
}
a 
{ 
color : blue; 
} 
a:hover 
{ 
color : red; 
} 

#formulaire 
{ 
width : 446px; 
height : 210px; 
text-align : center; 
border : 1px solid; 
border-color : #999999; 
border-style : inset; 
margin-right : auto; 
margin-left : auto;
border : 0 ;
} 


.start2
{ 
font: 10px Verdana;
font-weight: bold;
color: #000000;
border-right: 1px solid #6B6B6B;
border-bottom: 1px solid #6B6B6B;
margin: 1px 0px 8px 0px; 
height : 20px;
text-align:center;
} 

.commentaires 
{ 
width : 250px; 
height : 50px; 
color : red; 
font-size : 15px;
overflow:auto
} 

.entete
{ 
height : 20px; 
background: url('img/entete.jpg') repeat;
color : white;
margin: 0;
text-align : center;
} 

.calcul
{
border:solid blue 1px;
width : 160px; 
height : 50px;
color : blue; 
font-size : 24px; 
text-align : center;
background-color:#ffffff;
}

#centpourcent {
  height: 100%;
  width: 100%;
  }

.score
{
margin-right: auto; 
margin-left: auto;
width : 50px; 
height : 23px; 
color : red; 
font-size : 12px; 
border : 0 ;
text-align : center;
}

/*Button Style*/
.button {
    float:left;
    height:auto;
    font:76%/150% "Lucida Grande", Geneva, 
    Verdana, Arial, Helvetica, sans-serif;
    width:15em;
    text-align:center;
    white-space:nowrap;
}
/*Button Arrow Styles*/
.arrows {
    font-size:90%;
    margin:0.2em;
}
/*Button link styles*/
.button a:link, .button a:visited {
    color: #eee;
    background-color:red;
    font-size:1em;
    font-weight:bolder;
    text-decoration: none;
    border-bottom:0.1em solid #555;
    border-right:0.1em solid #555;
    border-top:0.1em solid #ccc;
    border-left:0.1em solid #ccc;
	/*  margin: 0.2em; */
	margin-right: 1em;
    padding:0.2em;
    display:block;
}
.button a:hover {
    background-color:blue;
    color:#999;
    border-top:0.1em solid #777;
    border-left:0.1em solid #777;
    border-bottom:0.1em solid #aaa;
    border-right:0.1em solid #aaa;
    padding:0.2em;
   /* margin: 0.2em; */
   margin-right: 1em;
}
.btsub {
   width: 100px;
   height: 60px;
   margin: 0;
   padding: 0;
   border: 0;
   background: transparent url(img/up.png) no-repeat top left ;/* on place l'image en arrière plan */
   cursor: pointer;  /* pour transformer de pointeur en main */
}
.btsub:hover {
  background: transparent url(img/down.png) no-repeat top left ;
}
/* Menu */
#dolphincontainer{
position:relative;
border-bottom: 2px solid navy; 
color:#E0E0E0;
background:#143D55;
width:800px;
font-family:Helvetica,Arial,Verdana,sans-serif;
}
#dolphinnav{
position:relative;
height:33px;
font-size:12px;
text-transform:uppercase;
font-weight:bold;
background:#ffffff url(img/dolphin_bg.gif) repeat-x bottom left;padding:0 0 0 20px;
}
#dolphinnav ul{margin:0;padding:0;list-style-type:none;width:auto;float:left;}
#dolphinnav ul li{display:block;float:left;margin:0 1px;}
#dolphinnav ul li a{display:block;float:left;color:#EAF3F8;text-decoration:none;padding:0 0 0 20px;height:33px;}
#dolphinnav ul li a span{padding:12px 20px 0 0;height:21px;float:left;}
#dolphinnav ul li a:hover{color:#fff;background:transparent url(img/dolphin_bg-OVER.gif) repeat-x bottom left;}
#dolphinnav ul li a:hover span{display:block;width:auto;cursor:pointer;}
#dolphinnav ul li a.current,#dolphinnav ul li a.current:hover{color:#fff;background:#1D6893 url(img/dolphin_left-ON.gif) no-repeat top left;line-height:275%;}
#dolphinnav ul li a.current span{display:block;padding:0 20px 0 0;width:auto;background:#1D6893 url(img/dolphin_right-ON.gif) no-repeat top right;height:33px;}

#dolphin_inner{color: white; padding: 5px; font-size: 80%; height: 1em}

#dolphin_inner a:link, #dolphin_inner a:visited, #dolphin_inner a:active{color: white}
#dolphin_inner a:hover{color: yellow}

.innercontent{
display: none;
font-size:16px;
}