/*div, li { border:1px solid #000000; }  */         /* pour débogage */
body{ FONT-FAMILY: Verdana, Arial, Helvetica; font-size: 1em; }
#conteneur { position: absolute; width: 900px; top:0; left: 50%; margin-left: -450px; height:100%; }

/* Titres */
h1, h2, h3, h4, h5, h6 {  font-weight:normal; margin: 1em 0 .5em 0; line-height: 1.2; color:#444444; }
h1 {  font-size: 1.8em; text-align: center; border-bottom:4px solid #CCCCFF; margin-top:0; }
h2 {  font-size: 1.5em; margin:2em 0 0.8em 0; }
h3 {  font-size: 1.2em; color:#000000; font-style:italic; }
h4 {  font-size: 1em; }

/* Classes */
.submit_ADD { left:10em; padding:1em; background-color:#D3DE25; font-size:1em; }
.attention { position:absolute; top:70px; right:0; width:100px; text-align:center; font-weight:bold; margin: 0 auto; padding:0; border:2px solide #CCCCCC; }
.box-list-item { margin-bottom:1.5em; border:none; border-bottom: 1px dashed #999999; }
.page { width:auto; padding: 0.5em 1em; text-align:justify; }
.intro { float:left; width:50%; text-align:justify; }
.intro h1 { margin-top:0; }
.impair {background-color:#CCCCCC}
.label { float: left; width: 8em; }
.form-input { margin:0.5em; }
.leftmenu, .leftmenusel, .leftmenumodedit  { width:150px; display:block; border:1px solid #24618E; padding: 3px; margin:2px; }
.leftmenumodeedit    { background-color: #FFFF00; color:#FF0000; border:2px solid #FF0000; }
.mainmenu { width:95%; }
.mainmenu li a { float:left; background-color:#FFCC00; border:1px solid #FF00FF; }


/* HTML elements */
img { margin-left: 0.5em; }

a {  text-decoration: underline; }
a:link {  color: mediumblue; }
a:visited {  color: indigo; }
a:hover, a:focus, a:active { color: crimson; }
a img { border: none; }

em { font-style: italic; }
strong { font-weight: bold; }

ul li { list-style-type: circle; }
li {  padding:0.2em; }
p { margin: 0 auto; }
img { margin: 0 1em 1em 0; }
input[type="text"] { width:20em; }
td { padding:0 3em; background-color:#DDDDDD; border:1px solid #D3DE25; }

#bodydiv{ position:absolute; top:2em; width: 100%; margin: 0 auto; }
#box-content-normal { text-align:left; margin:0; height:13em; overflow:auto;  }
#box-content { text-align:left; margin:0 auto; padding:1em; }

#box-left, #box-right, #box-middle { text-align:left; margin:0 auto; }
#box-left { float:left; width:70%; color:#333333; margin:0 auto; }
#box-left h2, #box-middle h2 { background-image:url("../image/bgheader-blue-light.gif"); background-repeat: repeat-x ; text-align:center; border-bottom:1px solid #AAAAAA; margin:0; }
#box-left p, #box-right p, #box-middle p { padding: 0; }


#box-right { float:right; width:45%; color:#333333; }
#box-middle { width:98%; color:#333333; left: 52%; }

#footer-logos{ position:relative; width:100%;  margin:0 auto; font-size: 0.8em; color: #333333; text-align:center; }
#footer{ position:relative; width:100%; height:60px; margin:0 auto; font-size: 0.8em; color: #333333; text-align:center;
    background-image:url("../image/pied-page-vert-900.gif");
    background-repeat: no-repeat; background-position:bottom; 
    background-color:#D3DE25;
    border-top: 2px solid #CCCCCC;
}

#footer img#logo-left { position:absolute; right:2em; top:0.3em; border:0; }


#mainheader{ position:relative; width:100%; height:140px; margin:0 auto; padding:0; }
#mainheader img#logo { position:absolute; bottom:0; left:0; }
#mainheader h2 { position:absolute;  top:30%; left:100px; margin:0; font-size:1em; text-decoration:none; color:#FFFFFF;  border:0; }
#mainheader h2 strong { font-size:1.3em; }
#mainheader p#subtitle { position:absolute; top:45%; left:100px; font-size:0.8em; color:#FFCC00; margin:0; }

#menu-top-right { position:absolute; top:2em; right:2em; }
#menu-top-right a { font-size:0.8em; margin:0 0.3em;}
#menu-top-right  a.selected { font-size:0.8em; font-weight:normal; }

#top-right-box { position:absolute; top:1.5em; right:1em; border:1px solid #CCCCCC; width:15%; padding:0.5em; text-align:left; border:2px solid #D3DE25; }
#top-right-box h2 { position:relative; top:0; margin:0; }
#top-right-box ul { margin:0; }
#top-right-box li { padding: 0.2em 0; }
#top-right-box li a { font-weight:normal; }

#leftcol {  position:absolute; left:0; margin: 0; width:150px; }

#content{ width:600px; margin: 0; padding-left:2em; padding-right:2em; }
#content p li {  font-size: 1em;  color:#A0A0A0; list-style-type:circle; }
#content{  width:600px; margin: 0; padding-left:2em; padding-right:2em; }
#content_box { font-size:0.9em; position:relative; width:100%; margin: 0 auto; padding:0; min-height: 25em; text-align:justify; background-color:#FEFEFE; background-image:url("../image/tete-page-bleu-900.gif"); background-repeat: no-repeat; background-position:top; }
#content_box_footer { clear:both; position:relative; background-image:url("../image/pied-page-bleu-900.gif"); }

#loginform{ float:center;  width:100%;  font-size: 12px; text-align:center;  background-color: #FFFFFF; }

#tabsJ { position: absolute; bottom:0; right:0; width:90%; font-size:90%; line-height:normal;  /*border-bottom:2px solid #24618E; */}
#tabsJ ul {  margin:0;  padding:10px 10px 0 10px; list-style:none; }
#tabsJ li {  display:inline; margin:0; padding:0; }
#tabsJ a {  float:left; background:url("../image/tableftJ.gif") no-repeat left top; margin:0; padding:0 0 0 5px; text-decoration:none; font-weight:normal; }
#tabsJ a span { float:left; display:block; background:url("../image/tabrightJ.gif") no-repeat right top; padding:5px 15px 4px 6px; color:#24618E;  font-weight:normal; }

/* Commented Backslash Hack hides rule from IE5-Mac \*/

#tabsJ a span { float:none;}
    /* End IE5-Mac hack */
#tabsJ a:hover span { color:#FFF; }
#tabsJ a:hover { background:#1C529C; }
#tabsJ a:hover span { background:#1C529C; }
#tabsJ a.selected { background:#1C529C; }
#tabsJ a.selected span { background:#1C529C; color:#FFF; }