body { 
	color : #325D18; 
	margin: 0 0 0 0; 
	padding: 0 0 0 0; 
	background-color : #85ADE8;
	font-family : Times New Roman, Bodoni, serif;
}

div#containermenu {
	position: absolute;
	top: 10px;
	left: 0;
	width: 200px;
	background-color: #5C8F36;
}

div.corps {
	position: absolute;
	top : 10px;
	left : 170px;
}

div.info {
	position: absolute;
	top : 250px;
	left: 0;
	width : 150px;
}

div.news {
	position: absolute;
	top : 500px;
	left: 0;
	width : 150px;
}


/*------------------------------------------*/
a:link { color : #005ca2 }
a:hover { color : #F0A }
:active { color : #FFF; border-width : 0 }
:visited { color : #005ca2 }

img { border-width : 0 }

h1 { text-align : center;
	 margin: 1em 2em 1em 2em;
}
h1 span { 
	background: url('images/fond_argent2.gif') 0px 0px;
	padding: 0 2em 0 2em; 
}
h2 { 
	margin-top : 60px;
	padding: 0 1em 0 1em;
    background: url('images/fond_argent.gif') 0px 0px;
}
h3 { margin-top : 40px;
	margin-left : 40px; }
h3 span { 	
	background: url('images/fond_argent2.gif') 0px 0px;
	padding: 0 2em 0 2em; 
 }

h4 { background-color: #009; color : white }

/*---------------------------------*/

span.t { color : #9F0000 }
span.r { color : #57019E }
span.f { background-color: #FFECBC }
span.c { color : #325D18 }

/*---------------------------------*/

p {	color : #04423F; margin : 10px 40px 0 40px }
p.n { margin : 0 0 0 0 }
p.q { color : #060; font-weight: bold; margin : 10px 0 0 20px }
p.i { margin-left : 10px }
p.o { margin : 0 0 0 30px }
p.c { margin : 5px 100px 0 100px }
p.citation { color : #000; margin-left: 30px }
p.signature { color : #000; font-style: italic; text-align: right; margin: 0 150px 0 0 }
p.e { color : #000; font-weight: bold }
p.s { color : #AAA; font-size: x-small }
p.s a { color : #AAA }
p.rem { 
	margin-left: 5em;
	margin-right : 5em;
	padding : 10px;
	background-color: #E9FFFD;
}
p.lien {
	font-size: small;
	font-style: italic;
	margin-left: 5em;
}
p.origine {
	margin-left: 5em;
}

/*---------------------------------*/
div.texte {
	background-color : #FAF6EA;
	margin-top : 10px;
	margin-left: 40px;
	margin-right: 40px;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

div.texte img { padding: 1em }

div.texte ol {
	margin : 10px 0 0 40px;
	padding : 0 0 0 0;
}

div#intro {
	margin : 10px 150px 10px 150px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color : #FFECBC;
	color : #2a6e21;
	border-top:  5px solid #FFFFFF; 
	border-left: 5px solid #FFFFFF; 
	border-bottom:  5px solid #000000;
	border-right:  5px solid #000000;

}

div.i { margin-left: 30px }

div#menu_barre {
	margin-top:0;
	padding-bottom: 40px;
	padding-top: 0;
	text-align: center;
}


div#pathos { 
	margin-left: 2em;
	background-color : #FAF6EA;
}
div#pathos li { margin-bottom: 1em;}
div#pathos li li { margin-bottom: 0 }
div#pathos ul ul { margin-top: 0; padding-top: 0 }

div#contact { 
    font:10px verdana;
	color : #000000;
	margin-top: 2em;
	margin-bottom: 2em;
	text-align: center;
	border-top:  1px solid #999;
	border-bottom:  1px solid #999;
	background-color: #aaa;
    background: url('images/fond_argent.gif') 0px 0px;
	padding-top: 2px;
	padding-bottom: 2px;
}

div.cit { 
	margin: 1em 6em 1em 6em;
	padding: 1em 1em 1em 1em;
	background-color : #FAF6EA;
	text-align: center; 
	border-top:  2px solid #FFFFFF; 
	border-left: 2px solid #FFFFFF; 
	border-bottom:  2px solid #000000;
	border-right:  2px solid #000000;
}

div.entete {
	margin: 1em 6em 1em 6em;
	padding: 1em 1em 1em 1em;
	background-color : #FAF6EA;
	text-align: left; 
	border-top:  2px solid #FFFFFF; 
	border-left: 2px solid #FFFFFF; 
	border-bottom:  2px solid #000000;
	border-right:  2px solid #000000;
}

/*---------------------------------*/

table { vertical-align : text-top }
table.gauche { text-align: right }

table.tableau {
	background-color: #E9FFFD;
	margin: 1em 1em 1em 5em;
	border-top:  2px solid #FFFFFF; 
	border-left: 2px solid #FFFFFF; 
	border-bottom:  2px solid #000000;
	border-right:  2px solid #000000;
}

table.tableau tbody td {
	padding-left: 2em;
	padding-right: 2em;
}

table.tableau thead {
	background: url('images/fond_argent2.gif') 0 0;
	text-align: center;
	font-weight: bold;
}

table.tarif {
	text-align: center;
	margin: 1em 1em 1em 5em;
	padding: 1em 1em 1em 1em;
	border-top:  2px solid #FFFFFF; 
	border-left: 2px solid #FFFFFF; 
	border-bottom:  2px solid #000000;
	border-right:  2px solid #000000;
}
table.tarif thead {
	background: url('images/fond_argent2.gif') 0 0;
	text-align: center;
	font-weight: bold;
}

table.tarif tbody td {
	padding-left: 2em;
	padding-right: 2em;
}


dt {  font-weight: bold  }

/*---------------------------------*/

ol { margin : 0 0 0 30px }
ol#plan li { padding-bottom: 0.5em }

li { color : #003aa8; margin : 0 0 0 30px; padding-bottom: 1em }
li.n { color : #000; margin : 0 0 0 0 }

ul.ref { 
	margin-bottom: 2em;
	padding-top: 0;
}
ul.ref li { 
	padding-bottom: 0.5em; 
	padding-top: 0.5em; 
}

ul.refsci { 
	list-style: decimal;
	margin: 10px 40px 10px 40px;
	padding-bottom: 10px;
}
ul.refsci li { 
	background-color : #FAF6EA;
	border-top:  1px solid #FFFFFF; 
	border-left: 1px solid #FFFFFF; 
	border-bottom:  1px solid #000000;
	border-right:  1px solid #000000;
	margin-bottom: 5px;
	padding-left : 1em;
	padding-right: 1em;
}
ul.refsci li span { 
	background-color: #FFECBC;
	text-decoration: underline;
}

ul.biblio { 
	list-style: decimal;
	margin: 10px 40px 10px 40px;
	padding-bottom: 10px;
}

ul.biblio li { 
	background-color : #FAF6EA;
	border-top:  1px solid #FFFFFF; 
	border-left: 1px solid #FFFFFF; 
	border-bottom:  1px solid #000000;
	border-right:  1px solid #000000;
	margin-bottom: 5px;
	padding-left : 1em;
	padding-right: 1em;
}

ul.humour {
	list-style: none;
	margin: 10px 40px 10px 40px;
	padding-bottom: 10px;
}

ul.humour li {
	background-color : #E9FFFD;
	border-top:  2px solid #FFFFFF; 
	border-left: 2px solid #FFFFFF; 
	border-bottom:  2px solid #000000;
	border-right:  2px solid #000000;
	margin-bottom: 15px;
	padding: 1em 1em 1em 1em;
}

ul.liste {
	background-color : #FAF6EA;
	list-style: decimal;
	padding: 1em 1em 1em 1em;
}

ul.liste li { margin-top: 1em; }
ul.liste li li { margin-top: 0; }

ul.liste a { 
	font-weight: bold; 
}
/*----------------------------------*/

/***** menu CSS *****/
@media print {
	.menu, .ssmenu {
		visibility:hidden;
	}
}
.ssmenu li { margin: 0; }

.menu a.sub {
	background-image: url('images/tri.gif');
	background-position: center right;
	background-repeat:no-repeat;
}
.menu a.titre {
	background-image: url('images/bouton_fond.gif');
	font-weight: bold;
}

.menu, .ssmenu {
	background-color : #E1E1EA;
	color:black;
	font-size:10px;
	border:1px solid #04423f;
	padding:1px;
	width:150px;
	margin:1em;
}
.menu {
	text-align:center;
}
.ssmenu {
	background-image: url('images/gris.gif');
	background-attachment: fixed;
	background-repeat:repeat-y;
} 

.menu span, .ssmenu span {
	display:none;
}

.ssmenu ul, .ssmenu li {
	padding:0;
	list-style-type:none;
}

.menu a, .ssmenu a, .menu a:visited, .ssmenu a:visited {
	font-family: verdana;
	text-decoration:none;
	color:#04423F;
	padding:4px 3px;
	display:block;
	margin:0px;
	width:100%;
}
html>body .menu a, html>body .menu a:visited, html>body .menu a:hover, html>body .menu a:active,
html>body .ssmenu a, html>body .ssmenu a:visited, html>body .ssmenu a:hover, html>body .ssmenu a:active {
	width :auto;
}


.ssmenu ul:hover, .ssmenu a:hover, .ssmenu a:focus, .menu a:hover, .menu a:focus {
	border:1px solid #316BC6;
	background-color:#FFFFFF;
	color:black;
	text-decoration:none;
	padding:3px 2px;
}

.menu img {
	border:none;
	position: absolute;
	left: 0;
}

.ssmenu img {
	margin-right:8px;
}


.ssmenu img.hr {
	margin-top:1px;
	margin-bottom:1px;
	margin-left:0;
	margin-right:0;
	width:100%;
	height:1px;
	display:block;
}

/*--------------------------------- */

.news {
	font-size: 12px;
	border: 1px solid black;
	margin: 0;
	padding: 2px;
	background-color : #E1E1E1;
}
.news p {
	background: url('images/fond_argent2.gif') 0px 0px;
	font-size: 14px;
	font-weight: bold;
	text-align : center;	
	margin: 0;
	padding: 0;
}

.news ul {
	margin: 0;
	padding: 0;
}
.news ul li {
	background-color : #F7F7F7;
	list-style-type:none;
	padding: 1em 2px;
	margin: 2px;
	border-bottom: 1px solid black;
}
.news ul li a {
	text-decoration: none;
}

.info {
	font-size: 14px;
	border: 1px solid black;
	margin: 0;
	padding: 2px;
	background-color : #E1E1E1;
}

.info h1 {
	background: url('images/fond_argent2.gif') 0px 0px;
	font-size: 18px;
	font-weight: bold;
	text-align : center;	
	color : #FF3737;
	margin: 0;
	padding: 0;
}

.info p {
	background-color : #FFFBEF;
	padding: 5px;
	margin: 0;
	text-align: center;
}

.info a:link, .info a:visited {
	text-decoration: none;
}

.info span {
	font-size: 16px;
	font-weight: bold;
}
/*------------- FIN ---------------*/


