/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}



html,body {margin:0;padding:0; width: 100%;margin:0;height:100%;min-height:100%}
body { background-color:white;color:#000000;font: 76% Verdana,Arial,sans-serif;}

a, a:visited { color: #0000FF; text-decoration: none }
a:hover { color: #FF0000 }

#master {width: 100%;margin:0;min-height:100%; height:auto;left:0;top:0;position:absolute}
#main {height:auto;margin:0 auto;min-width:1000px;width:100%;overflow:hidden;margin-bottom:1.25em;padding-bottom:170px}
#footmast {clear:both;bottom:0;width:100%;position:absolute}

div.my_logo {float:left;padding:0 5px}
div.fpub {float:right;padding:0 5px}
div.clear { clear: both }

p.footer1 {vertical-align: bottom; background: url('/img2/footbg2.png') no-repeat center center; height: 30px; text-align: center; margin:auto}

div.colred { text-align: center; color: red }
div.bigheader { font: 14px Verdana,Arial,sans-serif; padding: 3px; font-weight: bold; text-align: center; background: url('/img2/fond2.jpg') center }
div.tableau1 {width: 700px; margin: 0 auto; font-weight: normal; color: #000000; padding:20px}
div.cadre1 { padding: 6px 10px; line-height: 1.3em; border: 1px solid #cccccc }

ul.head_menu {margin:0 auto; padding:0; height:30px; width:100%; display:block; background:url("/img/topMenuImages.png") repeat-x;}
ul.head_menu li {padding:0; margin:0; list-style:none; display:inline; position:relative; float: left}
ul.head_menu li a{float:left; padding-left:15px; display:block; color:rgb(0,0,0); text-decoration:none; font:12px Verdana, Arial, Helvetica, sans-serif; cursor:pointer; background:url("/img/topMenuImages.png") 0px -30px no-repeat; outline:none;}
ul.head_menu li a span{line-height:30px; float:left; display:block; padding-right:15px; background:url("/img/topMenuImages.png") 100% -30px no-repeat}
ul.head_menu li a:hover{background-position:0px -60px; color:rgb(0,0,0)}
ul.head_menu li a:hover span{background-position:100% -60px}
ul.head_menu li a.active, .head_menu li a.active:hover{line-height:30px; font:12px Verdana, Arial, Helvetica, sans-serif; background:url("/img/topMenuImages.png") 0px -90px no-repeat; color:rgb(0,0,0)}
ul.head_menu li a.active span, .head_menu li a.active:hover span{background:url("/img/topMenuImages.png") 100% -90px no-repeat}

ul.head_menu li:hover ul{display:block}
ul.head_menu li ul {background:#ffffff;border:1px solid #aaaaff;height:auto;z-index:200;margin-top:30px; position:absolute; display: none}

ul.head_menu li ul li {display:block;float:none}

ul.head_menu li ul li a {display:block;line-height:20px;text-decoration:none;padding:0 10px 0 15px;margin:0;text-align:left;background:none;position:relative; float: none; white-space: nowrap;}
ul.head_menu li ul li a:hover {background:#ccccff;opacity:1.0;filter:alpha(opacity=100)}


.ul1 {padding: 10px; line-height: 18px}
.ul1 li {list-style: disc inside}
.ul1 ul li {list-style: circle inside;padding-left: 15px}


.center {text-align:center;margin:auto}
.left {text-align:left}
.bold {font-weight:bold}

.liste1 li {list-style: url("/img2/dot1.gif") }
strong { font-weight: bold }


table.tbl2v1 { padding: 0px; width: 100%; border: 1px solid #cccccc }
.tbl2v1 td { padding: 5px; border: 1px solid #cccccc; font-size: 10px; text-align: center }
.tbl2v1 th { text-align: center; font-size: 12px; font-weight: bold }

table.tbl3v1 { padding: 0px; width: 90%; border: 1px solid #cccccc;margin:auto }
.tbl3v1 td { padding: 5px; border: 1px solid #cccccc; font-size: 12px; text-align: center }
.tbl3v1 th { text-align: center; font-size: 12px; font-weight: bold }
.tbl3v1 a  { font-weight: bold }

table.tbl2v2 { padding: 0px; width: 370px; border: 1px solid #cccccc; margin: auto; }
.tbl2v2 td { padding: 5px; font: 12px Verdana,Arial,sans-serif; text-align: left; line-height: 1.3em }

table.tbl2v3 { width: 350px; margin: auto; text-align: left }
.tbl2v3 td { padding: 4px }

table.tbl2v4 { width: 100%; margin: auto; border: 1px solid #cccccc; padding: 10px }
.tbl2v4 td { padding: 4px; text-align: center; border-bottom: 1px solid #cccccc; font: 11px Verdana,Arial,sans-serif }
.tbl2v4 th { padding: 4px; text-align: center; border-bottom: 1px solid #cccccc; font-size: 11px;font-weight: bold }
.tbl2v4 tr:hover { background-color: #fffca0 }

table.tbl2v5 { padding: 0px; width: 100%; border: 1px solid #cccccc; margin: auto }
.tbl2v5 td { padding: 10px; border: 1px solid #cccccc; font-size: 12px; text-align: center }
.tbl2v5 th { padding: 10px; text-align: center; font-size: 12px; font-weight: bold }
.tbl2v5 select { margin:3px;border:1px solid #cccccc }
.tbl2v5 input[type=radio] { margin: 3px }

div.inscr { width: 420px; margin-left: 110px; text-align: right }

.inscr label { padding-right: 10px }
input[type=text],input[type=password] { border: 1px solid #cccccc; padding: 2px; margin: 2px; text-align: right }
input[type=text]:focus,input[type=password]:focus { background-color: #fffca0 }
.inscr select { text-align: right; border: 1px solid #cccccc }

table.storage0 { width:250px;padding:10px;margin: 5px 10px;float:left }
table.storage0 td { padding:3px }
table.storage0 th { text-align:center;font-weight:bold;padding:3px }

table.storage1 { width:300px;padding:10px;margin: 5px 10px;float:right }
table.storage1 td { padding: 3px }
table.storage1 th { text-align:center;font-weight:bold;padding:3px }

table.storage2 { width:500px;padding:10px;margin: 5px auto }
table.storage2 td { padding: 5px }
table.storage2 th { text-align:left;font-weight:bold;padding:5px;padding-left:8px }

table.storage3 { width:600px;padding:10px;margin: 5px auto }
table.storage3 td { padding: 5px; text-align:center }
table.storage3 th { text-align:center;font-weight:bold;padding:5px;padding-left:8px }

table.sstorage1 td { text-align:left }


span.select {
  position: absolute;
  width: 158px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
  height: 21px;
  padding: 0 24px 0 8px;
  color: #fff;
  font: 12px/21px arial,sans-serif;
  background: url('/img2/select.gif') no-repeat;
  overflow: hidden;
}