/* CSS Document */

body {
	margin: 0px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	background-color: #000000;
	color: #FFFFCC;
	background-image: url(motif_diago2.gif);
	background-repeat: repeat;
    scrollbar-face-color: #990000;
    scrollbar-shadow-color: #660000;
    scrollbar-highlight-color: #FFCC66;
    scrollbar-3dlight-color: #8fbc8b;
    scrollbar-darkshadow-color: #000000;
    scrollbar-track-color: #FFCC66;
    scrollbar-arrow-color: #FFCC66;
}

a img{
	border: none;
	text-decoration: none;
	margin: 4px;
}
	
#cadre {
	width: 780px;
	text-align: left;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#menugauche {
	float: left;
	width: 170px;
	background-image: url(menu_g.jpg);
	background-repeat: no-repeat;
	height: 550px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
}

#menugauche a {
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}

#menugauche a:hover {
	color: #FFFFCC;
	text-decoration: none;
}
#menugauche a.on {
	color: #FFFFCC;
	font-weight: bold;
}

#menugauche ul {
	margin-left: 0px;
	padding-left: 0px;
	list-style-type: none;
	margin-top: 40px;
}
#menugauche ul ul{
	margin-left: 15px;
	padding-left: 0px;
	list-style-type: none;
	margin-top: 5px;
	margin-bottom: 5px;
}

#menugauche ul ul ul{
	margin-left: 15px;
	padding-left: 0px;
	list-style-type: none;
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 8pt;
}

#menugauche li {
	margin-left: 0px;
	padding-left: 0px;
	list-style-type: none;
	margin-top: 4px;
	margin-bottom: 4px;
}

#menugauche li li{
	margin-left: 0px;
	padding-left: 0px;
	list-style-type: none;
	margin-top: 1px;
	margin-bottom: 1px;
}

#menugauche li li li{
	margin-left: 0px;
	padding-left: 0px;
	list-style-type: none;
	margin-top: 1px;
	margin-bottom: 1px;
}

#memearticle {
	margin: auto;
	width: 180px;
	padding: 0px;
}

#menugauche #memearticle ul {
	text-align: right;
	margin-right: 25px;
}

#menugauche #memearticle li {
	text-align: right;
	padding-right: 0px;
	padding-left: 0px;
	margin-right: 0px;
}
#menugauche #memearticle a {
	font-size: 9pt;
}
#menugauche #memearticle a:hover {
	color: #FFFFCC;
}
#contenu {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 200px;
	background-repeat: no-repeat;
	background-position: top;
	height: 550px;
	background-image: url(fond_contenu.jpg);
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
}
#contenu h1 {
	font-size: 10pt;
	font-weight: lighter;
	margin-top: 0px;
	margin-bottom: 30px;
}
#contenu h2 {
	font-size: 11pt;
	margin-top: 15px;
	margin-bottom: 4px;
	color: #FFCC66;
	font-weight: normal;
}

#contenu h2 a {
	color: #FFCC66;
	text-decoration: none;
}

#contenu h2 a:hover {
	color: #990000;
	text-decoration: none;
}
#contenu a {
	color: #990000;
	text-decoration: none;
}

#contenu table {
	text-align: center;
	margin-left: 25px;
}

#contenu img {
	margin: 6px;
}

#contenu ul {
	margin-left: 0px;
	padding-left: 0px;
	list-style-type: none;
}
#contenu li {
	margin-left: 15px;
	padding-left: 0px;
	margin-top: 2px;
	margin-bottom: 2px;
	font-size: 9pt;
}

.clearfloat { /* cette classe doit être placée pour un élément div ou break et doit être l'élément final avant la balise de fin d'un conteneur qui doit contenir entièrement un élément flottant */
    clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}	
.fltlft { /* cette classe permet de rendre flottant le côté gauche d'un élément dans la page */
    float: left;
    margin-right: 8px;
}

#documents_portfolio {
	margin-left: 50px;
	width: 450px;
	margin-top: 50px;
}
#texte {
	overflow: auto;
	margin: 3px;
	padding: 0px;
	height: 96%;
}

#saisie input, #saisie textarea
        {
	color: #FFFFCC;
	font-size: 10pt;
	background-color: #590000;
	padding: 3px;
	border: 1px solid #FFCC66;
	font-family: Arial, Helvetica, sans-serif;
}

/* The class to hide nested ULs */
.hide{
     position:absolute;
     top:0;
     left:-4000px;
}

/* The class to show nested ULs */
.show{
     position:static;
     display: table;
     top:0;
     left:1em;
}