@charset "iso-8859-1";
/* my base styles */
img{ border:0; }
div{ margin: 0; padding: 0;}
table{ border: 0px; border-collapse: collapse; }
td{ vertical-align: top;font-size: 100%; text-align: left; }
.just{text-align:justify;}
.left{ text-align: left; }
.right{ text-align: right; }
.center{ text-align: center; }
.bold{ font-weight: bold; }
.small{ font-size: small; }
.xsmall{ font-size: x-small; }
.l { font-size: large; }
.xl{ font-size: x-large; }
.just{ text-align: justify; }
ol, ul, li { font-size: 100%; }
.pad10{ padding: 10px; }
.padl10{ padding-left: 10px; }
.padr10{ padding-right: 10px; }
/* base styles */

html { overflow-y: scroll; }
body{
	margin: 0;
	padding: 0;
	height: 100%;
	font-size: 100%;
	line-height: 1.4em;
}

DIV.wrap-page{
	width:900px;
	margin:0 auto 10px auto;
}
DIV.wrap-content{
	width:800px;
	padding-bottom:12px;
	margin:0 auto;
	background:#fff;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
}

.w700{ width: 700px; }

DIV#wotwarewen P{
	margin-top:0px;
	margin-bottom:0px;
	padding-top:5px;
	padding-bottom:5px;
}
DIV#wotwarewen span.l{
	font-size:17px;
	font-weight:bold;
}

a:active {outline:none;}
:focus {-moz-outline-style:none;}

div.clear { clear: both; }
/* use as follows (including the comment) */
/* <div class="clear"><!-- --></div> */
/*
body{
font-family:verdana,georgia,arial,helvetica,sans-serif;
font-size:95%;
margin:0px;
padding:0px;
text-align: center;
}
*/
DIV#pagewrapper{
width:808px;
margin-right:auto;
margin-left:auto;
margin-top:0px;
padding:0px;
text-align:left;
border:1px solid gray;
}
DIV#menudiv{
	width:800px;
	margin: 0 auto 5px auto;
}
/*
h1{ font-size:22px; }
h2{ font-size:20px; }
h3{ font-size:18px; }
h4{ font-size:16px; }
h5{ font-size:14px; }
h6{ font-size:12px; }
p{ font-size:14px; }
*/
p.bold14{ font-size: 14px; font-weight: bold; }
td.p13{ font-size: 13px; }
.p13{ font-size: 13px; }
.p14{ font-size: 14px; }
pre{
font-size:11pt;
font-style:italic;
font-weight:bold;
padding-left:30pt;
padding-right:30pt;
}
sub{ font-size:9pt; }
sup{ z-index:9pt; }

.areatxt{
font-size:small;
text-align:right;
}
.areatxtleft{
font-size:small;
text-align:left;
}
.copy{
font-family:sans-serif,verdana,arial,helvetica;
font-size:x-small;
}
.adcell{
	font-size: 12px;
	font-weight: bold;
}
P.navbar{
font-family:arial,verdana,helvetica,sans-serif;
font-size:x-small;
font-weight:normal;
text-align: center;
padding:0;
margin:0;
}

.rubrique{
font-size:14pt;
font-weight:bold;
}
UL#ulnav{
	list-style:none;
	padding-left:0px;
	margin-left:0px;
	
}
UL.bold14 LI{
	font-weight:normal;
	font-size: 14px;
	list-style: square;
}


#navlist ul{
font: normal normal 12px Verdana,arial,helvetica,sans-serif;
list-style-type:none;
margin:0;
padding: 6px 0px 6px 0px;
text-align:center;
width:100%;
}
html>body #navlist li a{width:auto;}
#navlist li{
display:inline;
border-left:1px solid #006600;
}
#navlist li a{
border:0px;
/*padding: .0em .2em .0em .2em;*/
padding: 6px 3px 6px 3px;
text-decoration:none;
font-weight: bold;
}
#navlist li a#flag{
background-color:transparent;
border-left:1px none #9ec0e0;
border-right:1px none #9ec0e0;
border-top:1px none #9ec0e0;
border-bottom:1px none #9ec0e0;
}
#navlist li a:hover{
text-decoration:none;}
#navlist li a:active{
text-decoration:underline;}

DIV.formwrap {
	background-color: #eaffea;
	width: 570px;
	border: 3px solid gray;
	padding: 10px 10px 5px 12px;
}
TABLE.blanc TD{ background-color: #fff; }
TABLE.form TD{
	text-align: left;
	padding: 2px 2px 2px 4px;
}	
TABLE.white{
	background-color: #fff;
	border-top: 3px solid #ce9d6c;
	border-right: 3px solid #996633;
	border-bottom: 3px solid #996633;
	border-left: 3px solid #ce9d6c;
}
TABLE.white TD{
	background-color: #fff;
	padding: 4px 2px 2px 5px;
}
P.white16{
	font-size: large;
	font-weight: bold;
	color: #fff;
	text-align: center;
}
TABLE#tblformules TH{
	font-weight: normal;
	text-align:left;
	color: #75004f;
}




/* rounded corner dialog boxes with fixed width graphics*/
/* shadow uses 2 images - no shadow uses css border for mid/content section */
/* single bck image is 30px high and uses sliding doors to push it 15px for footer */

DIV.box800 {
width: 800px;
background-color: #fff;
border: 0px solid gray;
}

DIV.box800 .hd { 
	background-position: 0px 0px;
	height: 15px;
}
DIV.box800 .ft {
	background-position: 0px -15px;
	height: 15px;
}
DIV.box800 .content {
width: 800px;
padding: 0 0px 0 0px;
border-left: 0px solid gray;
border-right: 0px solid gray;
background-repeat: repeat-y;
}

DIV.box800 P{
text-align: left;
padding: 10px;
margin: 0 15px 0 10px;
}


DIV.box600 { 
	width: 600px; 
	background-color: #fff; 
	border: 0px solid gray; }

DIV.box600 .hd { 
	background-position: 0px 0px;
	height: 15px;
}
DIV.box600 .ft {
	background-position: 0px -15px;
	height: 15px;
}
DIV.box600 .content { 
	width: 600px;
	padding: 0 15px 0 10px;
	border-left: 0px solid gray;
	border-right: 0px solid gray;
	background-repeat: repeat-y;
}

DIV.box600 P{
text-align: left;
padding: 0 18px 10px 10px;
margin: 0;
}

DIV.box600 .content A, DIV.box600 .content A:active, DIV.box800 .content A, DIV.box800 .content A:active{
	color: blue;
}