body {
margin: 0; padding: 0; width: 765px;
font-family: verdana, helvetica; font-weight: normal; color: #666666; font-size: 107%;}

#contenu {
margin: 25px 0 0 29px; padding: 0;}


/* LOGO *********************************/

.logo {
margin: 27px 62px 0 20px;
padding: 0;
float: left;
}


/* MISE EN EVIDENCE IMAGE *********************************/

#evidenceimg {
margin: 0;
padding: 0;
float: left;
width: 217px;
height: 139px;
background: #E5E5E5;
background-image: url(/pedagogie/jeuxdepiste/images/fleche.gif);
background-position: 0;
background-repeat: no-repeat;
}

.evi {
margin: 21px 0 0 97px;
padding: 0;
}


/* MISE EN EVIDENCE TEXTE *********************************/

#evidencetexte {
margin: 0;
padding: 0;
float: left;
width: 295px;
height: 139px;
background: #F1EFEF;
}

html>body #evidencetexte {
height: auto;
min-height: 139px;
} 

#evidencetexte p {
margin: 21px 0 0 16px;
padding: 0;
font-size: 0.6em;
width: 246px;
}

#evidencetexte a {
font-size: 1.2em; font-weight:bold; color:#339999;text-decoration:underline;}
#evidencetexte a:hover {
text-decoration:none;}

#rectangle {
width: 15px;
height: 139px;
float: left;
background: #83D5DD;
}


/* SEPARATION  *********************************/
#separateur {
clear: both;
margin: 0;
padding: 0;
height: 70px;
width: 100%;
}


/* PARTIE COLLECTION *********************************/

#gauche {
margin: 0 43px 0 0;
padding: 0;
float: left;
width: 277px;
}

#colltitre {
margin: 0; padding: 0;
background: #F2F2F2;
background-image: url(/pedagogie/jeuxdepiste/images/cassure1.gif);
background-repeat: no-repeat;
}

h1 {
font-size: 1em;
font-weight: bold;
color: #339999;
letter-spacing: 1px;
margin: 0 0 0 7px;
padding: 0;
line-height: 37px;
}

#colldetails {
margin: 0; padding: 0;
background: #F2F2F2;
height: 170px;
border-style: solid; 
border-color: #83D5DD;
border-width: 0 0 2px 0;
}

html>body #colldetails {
height: auto;
min-height: 170px;
} 

h2 {
font-size: 0.8em;
font-weight: bold;
color: #333;
margin: 0 0 5px 7px;
padding: 0;
}

#colldetails p {font-size:0.6em; margin: 0 0 15px 7px; padding: 0; width: 263px;}

#menu {
margin: 0; padding: 0; border-style: solid; border-color: #83D5DD; border-width: 0 0 2px 0;}

#menu ul{
margin: 8px 0 13px 7px; padding: 0; list-style-type: none;}

#menu a {
font-size:0.6em; text-decoration:underline; color:#666666;}
#menu a:hover {
text-decoration:none;}

#fincassure {
height: 38px;
background-image: url(/pedagogie/jeuxdepiste/images/cassure2.gif);
background-repeat: no-repeat;
}


/* PARTIE DOSSIERS *********************************/

#droite {
margin: 0;
padding: 0;
float: left;
width: 411px;
border-style: solid;
border-width: 0 0 0 5px;
border-color: #83D5DD;
}

.bloc {
display: block;
margin: 0 0 34px 0;
width: 411px;
height: 75px;
padding: 0;
}

.imgdossier {
float: left;
margin: 0 18px 0 18px;
padding: 0;
border-width: 2px;
border-style: solid;
border-color:#999999
}

#droite p {
margin: 0;
padding: 0;
float: left;
font-size:0.6em;
width: 311px;
}

#droite a {
font-size:1.1em; font-weight:bold; color:#339999;text-decoration:underline;}
#droite a:hover{
font-weight:bold; color:#339999;text-decoration:none;}


/* SEPARATION 2  *********************************/
#separateur2 {
clear: both;
margin: 0;
padding: 0;
}


/* BANDEAU ROUGE ET COPYRIGHT  ****************************/

#bandeau {
padding: 0; margin: 40px 0 0 0; width: 765px; height: 15px; background: #F33; clear:both;}

#bandeau ul {
margin: 0 0 0 200px;padding: 0;list-style-type: none;font-size:10px;font-family:arial, helvetica;}
 
#bandeau li {
margin: 0 10px 0 0;float: left;}

#bandeau a {
color: #FFF;text-decoration:underline;}

#bandeau a:hover {
text-decoration:none;}

p.copyright {
clear: both;margin: 0 0 0 5px;font-size:11px;font-family:arial, helvetica;color:#999999;font-weight:normal;}