body {
    margin: 0;
    padding: 0;
}

a
{
    color: #666;
    background: url(Images/puce-liens.png) no-repeat 0 1px;
    padding-left: 10px;
}
a.noPuce 
{
    background: none;
    padding: 0;
}
a:hover
{
    color: #D60074;
    text-decoration: underline;
}
hr
{
    color: #F3A117;
    background-color: #F3A117;
    height: 1px;
    margin: 10px 0;
    padding: 0;
    border: 0;
}

/*********************
 * EN-TETE CGI
 *********************/
.enteteCGI a 
{
    background: none;
    padding: 0;
}
.enteteCGI a:hover 
{
    color: White;
}

/*********************
 * MENU
 *********************/
.hautMenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: url(Images/menu-entete.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	color: #FFFFFF;
	text-align: center;
	height: 41px;
	font-size: 9px;
	vertical-align: bottom;
	padding-bottom: 4px;
}
.hautMenu strong {
    font-weight: bold;
    font-size: 9px;
    display: block;
	text-transform: uppercase;
}
.milieuMenu 
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background: #F4F8EC url(Images/menu-fond.png) no-repeat left bottom;
	position: relative;
}
.milieuMenu ul 
{
    margin: 20px 0 0 0;
    padding: 0;
    list-style-type: none;
    font-size: 11px;
}
html>body .milieuMenu ul 
{
    margin: 20px 0 0 5px;
}
.milieuMenu li 
{
    margin-top: 7px;
}
.milieuMenu li.titre 
{
    margin-left: 6px;
    margin-top: 15px;
    font-weight: bold;
    color: #6DA300;
}
.milieuMenu p {
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-weight: bold;
	font-style: italic;
}
.milieuMenu a 
{
    background: none;
    padding: 0;
}
.milieuMenu li a {
    background: url(Images/puce-menu-1.png) no-repeat 5px 1px;
    padding-left: 15px;
	color: #000000;
	text-decoration: none;
}
.milieuMenu a:hover {
	color: #D60074;
	text-decoration: underline;
}
.milieuMenu .menuBack a 
{
    background: none;
    padding: 0;
}

/*********************
 * CONTENU
 *********************/
.hautContenu 
{
    background: url(Images/contenu-haut.png) no-repeat bottom left;
}
.hautContenu h1 
{
    margin: 0;
    padding: 0;
    padding-left: 68px;
    padding-bottom: 5px;
    margin-right: -70px;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 14px;
    font-weight: normal;
    text-transform: uppercase;
}
.hautContenu .accueil
{
    display: block;
    margin: 0 0 -5px -68px;
    padding: 0;
    width: 592px;
    height: 33px;
    background: url(Images/contenu-haut-accueil.png) no-repeat bottom left;
    color: Black;
}
.contenu {
	background-image: url(Images/contenu-fond.png);
	background-repeat: repeat-y;
	background-position: left top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	position: relative;
	padding: 10px 7px 0 7px;
}
.contenu h1 
{
    font-size: 14px;
    margin: 2px -5px 2px -4px;
    padding: 10px 0 0 70px;
    height: 23px;
    background: #F3A117 url(Images/contenu-titre1-iconetribu.png) no-repeat top left;
    font-weight: normal;
    text-transform: uppercase;
}
.contenu h2 
{
    font-size: 12px;
    color: #6DA300;
    margin: 10px 0;
    padding: 0 13px;
    background: url(Images/puce-titre-2.png) no-repeat 0px 2px;
}
.contenu h3 
{
    font-size: 12px;
    color: Black;
    font-weight: bold;
}
.contenu p 
{
    margin-left: 10px;
}
.contenu .introduction {
	padding-left: 5px;
}
.contenu .introduction strong {
	color: #6DA300;
}
.contenu .listeScenarios 
{
    font-size: 12px;
    margin: 0;
    margin-top: 20px;
    padding: 0;
    font-weight: bold;
}
.contenu .listeScenarios td
{
    padding-bottom: 3px;
}
.contenu .accroche 
{
    font-size: 11px;
    margin: 5px 10px 0 10px;
}
.contenu .accroche img 
{
    margin: 7px 0;
}

.contenu .introAccueil 
{
    line-height: 160%;
    margin: 20px 0 0 0;
}
.contenu .preparer
{
    background: url(Images/preparer-fond.png) repeat-y top left;
    padding: 0 15px;
}
.contenu p.preparer 
{
    height: 29px;
    width: 510px;
    padding-top: 7px;
    background: url(Images/preparer-dvd.png) no-repeat top left;
}

/* DOCUMENTS */
.contenu .document 
{
    border: 1px solid #6DA300;
    border-width: 0 1px 0 0;
	empty-cells: show;
	border-collapse: collapse;
}
.contenu .document td
{
    border: 1px solid #6DA300;
    border-width: 1px 0 0 1px;
    height: 60px;
    padding: 5px 0 0 0;
}


/* LIENS BOUTONS */
.contenu .lienRetour 
{
    color: Black;
    display: block;
    height: 20px;
    width: 210px;
    padding-left: 20px;
    padding-top: 3px;
    background: url(Images/icone-retour.png) no-repeat top left;
    text-decoration: none;
    position: relative;
    font-weight: bold;
}
.contenu .lienRetour:hover 
{
    text-decoration: none;
}
.contenu .lienRetour span 
{
    background: url(Images/icone-retour-coindroit.png) no-repeat top left;
    display: block;
    width: 10px;
    height: 20px;
    position: absolute;
    top: 0;
    right: 0;
}

.contenu .lienAvancer
{
    color: Black;
    display: block;
    height: 20px;
    width: 210px;
    padding-right: 20px;
    padding-top: 3px;
    background: url(Images/icone-avancer.png) no-repeat top right;
    text-decoration: none;
    position: relative;
    font-weight: bold;
    text-align: right;
}
.contenu .lienAvancer:hover 
{
    text-decoration: none;
}
.contenu .lienAvancer span 
{
    background: url(Images/icone-avancer-coingauche.png) no-repeat top left;
    display: block;
    width: 10px;
    height: 20px;
    position: absolute;
    top: 0;
    left: 0;
}

.contenu .boutonEntoure 
{
    text-align: center;
	font-size: 12px;
	font-weight: bold;
	color: Black;
    display: block;
    width: 280px;
	height: 17px;
	margin: 0 auto;
	padding: 0;
	padding-top: 3px;
	border: 0;
	background: transparent url(Images/bouton-fond.png) no-repeat center top;
}
.contenu .boutonEntoure:hover 
{
    color: #D60074;
    text-decoration: none;
}


/* BLOC ELEVES */
.contenu .eleves 
{
	background-color: #FFFFFF;
	border: 1px solid #22ACDF;
	color: Black;
	margin: 0 5px;
	height: 200px;
}
.contenu .eleves h2 {
	font-size: 11px;
	text-transform: uppercase;
	background-color: #22ACDF;
	background-image: none;
	text-align: center;
	padding: 3px 0;
	margin: 0;
	color: white;
	display: block;
}
.contenu .eleves a 
{
    background: none;
    padding: 0;
    color: #22ACDF;
    text-decoration: none;
}
.contenu .eleves a:hover 
{
    color: #22ACDF;
    text-decoration: underline;
}
.contenu .eleves ul {
	padding: 0px;
	color: #22ACDF;
	margin: 0px 0px 0px 20px;
}
.contenu .eleves strong {
	font-size: 12px;
}
.contenu .eleves li {
	margin-top: 10px;
}

.contenu .eleves p {
	margin: 5px 10px 0 10px;
	font-size: 10px;
	text-align: justify;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
}
.contenu .eleves img 
{
    margin-right: 5px;
}

/* BLOC ENSEIGNANTS */
.contenu .enseignants {
	background-color: #FFFFFF;
	border: 1px solid #D60074;
	margin: 0 5px;
	height: 200px;
}
.contenu .enseignants h2 {
	font-size: 11px;
	text-transform: uppercase;
	background-color: #D60074;
	background-image: none;
	text-align: center;
	padding: 3px 0;
	margin: 0px;
	color: white;
	display: block;
}
.contenu .enseignants ul {
	padding: 0px;
	color: #D60074;
	margin: 0px 0px 0px 20px;
}
.contenu .enseignants a 
{
    background: none;
    padding: 0;
    color: #D60074;
    text-decoration: none;
}
.contenu .enseignants a:hover 
{
    text-decoration: underline;
}
.contenu .enseignants strong {
	font-size: 12px;
}
.contenu .enseignants li {
	margin-top: 10px;
}
.contenu .enseignants p {
	margin: 5px 10px 0 10px;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 10px;
	text-align: justify;
}
.contenu .enseignants img 
{
    margin-right: 5px;
}
/* TABLE NOTIONS */
.contenu .tableNotions 
{
    width: 170px;
    margin: 0 7px;
}
.contenu .tableNotions td
{
    background: url(Images/notions-fond.png) repeat-y top left;
    padding: 0 7px;
}
.contenu .tableNotions td td 
{
    background: none;
}
.contenu .tableNotions th 
{
    text-align: left;
    background: #F3A117 url(Images/notions-haut.png) no-repeat top left;
    height: 45px;
    width: 170px;
    margin: 0;
    padding: 0;
    text-align: center;
}
.contenu .tableNotions .notions 
{
    font-size: 11px;
    padding-top: 10px;
}
.contenu .tableNotions .notions td
{
    padding-bottom: 3px;
}
.contenu .tableNotions .notions h3
{
    color: #6DA300;
    font-size: 11px;
    margin: 0;
    padding: 0;
    margin-bottom: 7px;
    margin-left: 5px;
}
.contenu .tableNotions .lienImprimerNotions 
{
    color: black;
    font-size: 10px;
    display: block;
    padding: 0;
    width: 72px;
    height: 17px;
    padding-top: 3px;
    background: url(Images/lien-imprimer-fond.png) no-repeat top left;
    font-weight: bold;
}
.contenu .tableNotions .lienImprimerNotions:hover
{
    text-decoration: none;
    color: #D60074;
}
.contenu .tableNotions .basTableau 
{
    background: url(Images/notions-bas.png) no-repeat top left;
    height: 20px;
}
.notionSurlignee 
{
    border: 1px solid #F3A117;
}


/* PIED DE PAGE VERT */
.piedpageVert {
	background-image: url(Images/footer-fond.png);
	background-repeat: repeat-x;
	background-position: left top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-transform: uppercase;
	background-color: #6DA300;
}
.piedpageVert a {
    font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	background: none;
	padding: 0;
}
.piedpageVert a:hover 
{
    color: White;
}
.piedpageVert img {
	vertical-align: middle;
}

/* PIED DE PAGE */
.piedpage {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	text-align: center;
}
.piedpage a {
	color: #8CC2BA;
	text-decoration: none;
	background: none;
	padding: 0;
}
.piedpage a:hover 
{
    color: #8CC2BA;
	text-decoration: underline;
}

/* BALISES ASP */
.aspGridView 
{
    margin-left: 10px;
    margin-right: 10px;
}
.aspGridView a 
{
    background: none;
    padding: 0;
}
.aspFormView 
{
    margin-left: 10px;
    margin-right: 10px;
}

.aspLogin 
{
    margin-left: 10px;
    margin-right: 10px;
}

.aspDataList
{
    margin-left: 10px;
    margin-right: 10px;
}
.aspDataList-notions
{
    margin: 0 auto;
    text-align: center;
}
.aspDataList-documents 
{
    margin: auto 10px;
}
.aspDataList-documents td 
{
    margin: 0;
    padding: 0 2px;
}
.aspDataList-documents p 
{
    margin: 5px 20px;
}
.aspDataList-documents a img 
{
    border: 0;
}
.aspDataList-scenarios
{
    margin-left: 10px;
    margin-right: 10px;
}
.aspDataList-scenarios a 
{
    background: none;
    padding: 0;
}


/*********************
 * IMPRESSION
 *********************/
/*
@media print 
{
    * { width: auto !important; position: relative !important; float: none !important; }
    .noprint, .hautMenu, .milieuMenu, .piedpage, .piedpageVert, .lienRetour, .lienAvancer, .boutonEntoure, .lienImprimerNotions { display: none !important; }
    .hautContenu h1 { color: #F3A117; font-weight: bold; }
}
*/