/* 
#00ccff : bleu Sonia 
#ae1623 : rouge sang

#b00000 rouge sang tab
#dcccaf inactive tab
*/

html
{
font-family: Verdana, Arial, sans-serif;
}

body
{
font-size: 11px;
background-color: #ffffff;
color: #333333;
margin-top: 2px;
}

a { text-decoration: underline; }

a:link    {	color: #000; }
a:active  {	color: #000; }
a:visited {	color: #555555; }
a:hover   {	color: #ae1623; }

li.active_tab a:hover   {	color: #ffffff; }

#header {
border-top: 1px solid #ae1623;
}

#contour {
background-color : #ffffff;
border-top: 1px solid #ae1623;
border-left: 1px solid #ae1623;
border-right: 1px solid #ae1623;
min-height: 60px;
}

#bottom {
height: 30px;
background: url('/lib/images/bottom.jpg') no-repeat;
font-size: 10px;
color: #ffffff;
}

#bottom a:link    {	color: #8faecc; }
#bottom a:active  {	color: #8faecc; }
#bottom a:visited {	color: #aaaaaa; }
#bottom a:hover   {	color: #ffffff; }

.tab, .tab ul {
margin: 0;
padding: 0;
list-style: none;
}

.tab li {
display: block;
float: left;
padding: 0px 0px 0px 0px;
margin: 0 0.15em;
font-size: 13px;
font-weight: bold;
}

.active_tab {
height: 20px;
background-color: transparent;
background-image: url(/lib/images/elmt/tabubckgnd.png);
background-repeat: repeat;
font-family: Verdana, Arial, sans-serif;
color: white;
}

.inactive_tab {
height: 20px;
background-color: transparent;
background-image: url(/lib/images/elmt/tabdbckgnd.png);
background-repeat: repeat;
font-family: Verdana, Arial, sans-serif;
color: #333333;
}

#leftbar {
background: url('/lib/images/elmt/3l.png');
background-repeat: repeat-y;
}

#framebody {
color: #333333;
font-size: 11px;
font-weight: normal;
}

#rightbar {
background: url('/lib/images/elmt/3r.png');
background-repeat: repeat-y;
}

#tabmatbackgnd {
background: url('/lib/images/elmt/tabmatbckgnd.png');
background-repeat: repeat-x;
}

#tabfootbackgnd {
background: url('/lib/images/elmt/tabfootbckgnd.png');
background-repeat: repeat-x;
}

#contents {
width: 600px;
text-align: justify;
margin-left: 8px;
margin-right: 4px;
}

#contents h1 {
padding-top: 15px;
font-size: 14px;
font-weight: bold;
}

#contents h2 {
padding-top: 10px;
font-size: 12px;
font-weight: bold;
}

#contents p {
margin-bottom: 15px;
}

#contents p.outstanding {
background-color: #dddddd;
color: #000055;
}


#contents li {
height: 20px;
list-style: none;
background-image: url('/lib/images/elmt/circle.gif');
background-repeat: no-repeat;
padding-left: 10px;
padding-top: 4px;
}

/* floating images */
.floating_r 
{
margin: 2px 4px 2px 4px;
float : right;
border: 0px;
}

.floating_l
{
margin: 2px 4px 2px 4px;
float : left;
border: 0px;
}

#frmMail {
padding: 0px 0px 30px;
width: 450px;
}

.div_input {
padding-top: 5px;
}

.input {
width: 250px;
font-size: 12px;
border: solid 1px #b00000;
background-color: white;
padding-left: 2px;
}

.input_textarea {
font-size: 12px;
border: solid 1px #b00000;
background-color: white;
width: 500px;
height: 250px;
padding: 1px;
}

#div_submit {
height: 30px;
width: 400px;
}

#input_submit {
font-size: 11px;
width: 90px;
height: 20px;
background-color: #eceeec;
border: solid 1px #00ccff;
color: black;
position: relative;
top: 2px;
left: 414px;
}
extarea {
font-size: 12px;
border: solid 1px #b00000;
background-color: white;
width: 500px;
height: 250px;
padding: 1px;
}

#div_submit {
height: 30px;
width: 400px;
}

#input_submit {
font-size: 11px;
width: 90px;
height: 20px;
background-color: #eceeec;
border: solid 1px #00ccff;
color: black;
position: relative;
top: 2px;
left: 414px;
}