/************ général ************/

body {
margin: 0;
padding: 0;
/*position: absolute;*/
width: 100%;
height: 100%;
font-family: comic sans ms , Arial;
font-size: 11pt;
}

ul {
list-style-type: square;
margin: 10px;
padding: 0px;

}

li {
margin: 0px 30px;
padding: 0px;

}

/*
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}*/

td {
padding: 10px;
}

.lien {
font-family: Arial;
font-style: italic;
color : blue;
/*font-weight: bold;*/
}

.lien img{
border-width: 0;
}

.lien a:hover {
background: #F0F0F8;
color: black;
}

.lien a:link, a:visited {
text-decoration: none;
color: blue;
}

/************* menus ***************/

.menu {
width: 200px;
background: #26BA53;
text-decoration: none;
text-align: center;
margin: 0;
padding: 0;
/*font-weight: bold;*/
font-family: comic sans ms , Arial;
font-size: 11pt;

}

.menu a {
color: white;
text-decoration: none;
text-align: center;
display: block;
height: 100%;
border: 0 none;
background: #26BA53;
}


.menu .titre{
font-size: 13pt;
color: white;
}

.menu a:hover{
background: #F0F0F8;
color: black;
}

.menu a:link , a:visited{
color: black;
}



.menu .menu_large {
width: 250px;
}


/*************** objets de présentation ****************/


.titre_large {
width: 250px;
background: #26BA53;
text-decoration: none;
text-align: center;
margin: 0;
padding: 0;
/*font-weight: bold;*/
font-family: comic sans ms , Arial;
font-size: 13pt;
}

.titre_page {
text-align: center;
font-size: 24pt;
font-weight: bold;
}

.titre_chapitre {
font-size: 13pt;
text-decoration:underline;
color: blue;
/*font-weight: bold;*/
}

.sommaire a:hover {
color: black;
background: #F0F0F8;
}

.sommaire a:link, a:visited {
text-decoration: none;
color: blue;
}

.nom_SD {
/*font-weight: bold;*/
/*color: blue;*/
color: #26BA53;
font-size: 14pt;
font-style: italic;
}

.gras_bleu {
font-weight: bold;
color: blue;
/*font-size: 14pt;*/
font-style: italic;
}

.separateur {
line-height: 10px;
}

.accueil {
/*position:relative; /* par défaut */
z-index:-1;
margin: 0px;
padding: 0px;
border-width: 0;
/*overflow: hidden;*/
}

.accueil img {
border-width: 0;
border: none;
margin: 0px;
padding: 0px;
width: 199px;
height: 270px;
}


.accueil2 {
position:relative;
/*position: absolute;*/
left:63px;
top:-360px;
z-index:0;
margin: 0px;
padding: 0px;
width: 700px;
height: 0;
/*overflow: visible;*/
}

.accueil2 img {
//*border: none;*/
margin: 0;
padding: 0 20px;
width: 180px;
height: 180px;
/*border-style: solid; 
border-width: 1px;*/
}


/*************** modules **********************/

.haut {
/*margin-left: 0px;*/  /* on place ce bloc à droite du bloc menu de 180px de large */
/*position: relative;*/
background-color: #FFE9C7;
padding: 0px;
width: 796px;
height: auto;
overflow: auto; /* cette propriété va permettre le scroll de ce bloc */
/*border: 1px solid #4682b4 ;*/
}

.frame {
/*margin-left: 0px;*/  /* on place ce bloc à droite du bloc menu de 180px de large */
/*position: relative;*/
background-color: #FFE9C7;
padding: 0px;
width: 796px;
height: auto;
overflow: auto; /* cette propriété va permettre le scroll de ce bloc */
/*border: 1px solid #4682b4 ;*/
font-family: comic sans ms , Arial;
font-size: 11pt;
}

.frame.li {
list-style: square;
}

.bas {
position: relative;
background-color: #26BA53;
color:#ffffff;
padding:0px;
width:796px;
height: auto;
font-size: 12pt;
font-style: italic;
text-align: center;
}

/*******************************************************************************/