/*div, li { border:1px solid #000000; }  */         /* pour débogage */

body{ FONT-FAMILY: Verdana, Arial, Helvetica; background-color:#1C4E78; font-size: 1em; }

#conteneur { position: absolute; width: 900px; top:0; left: 50%; margin-left: -450px; height:100%;
/*background:url("../image/worldfromspace.gif") no-repeat left top;*/ /*border:1px solid;*/
}

/* Titres */
h1, h2, h3, h4, h5 {  font-weight:normal; color: #1A4267; margin:0.3em 0; text-align:left; }
h1 { font-size: 1.5em; }
h2 { font-size: 1.4em; }
h3 { font-size: 1.3em; }
h4 { font-size: 1.2em; }
h5 { font-size: 1.1em; }

/* Classes */
.attention { position:absolute; top:70px; right:0; width:100px; text-align:center; font-weight:bold; margin: 0 auto; padding:0; border:2px solide #CCCCCC; /*background-color:#FF0000;*/ }
.box-list-item { margin-bottom:1.5em; border:none; border-bottom:1px dashed #999999; }
.frame {
/*height: 26em;*/ /*margin-right:20%;*/ width:auto; padding: 0.5em 1em; text-align:justify; 
/*position:absolute;
left:0;
width: 600px;
height: 350px;*/
/*background-color:#FFFFDD;*/
/*overflow: auto;*/
}



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

/* Divers éléments de type en-ligne (8) */
em { font-style: italic; }
strong { font-weight: bold; }

/* Listes et paragraphes */
ul li { list-style-type: circle; }
li {  padding:0.2em; }
p { margin: 0 auto; }
img { margin: 0 1em 1em 0; }

.intro { float:left; width:50%; text-align:justify; }
.intro h1 { margin-top:0; }

#bodydiv{ position:absolute; top:2em; width: 100%; margin: 0 auto; }


#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 ; 
/*background-color:#EEEEEE;*/ text-align:center; border-bottom:1px solid #AAAAAA; margin:0; /*color:#FFFFFF; */
}
#box-content-normal { text-align:left; margin:0; height:13em; overflow:auto; /*background-color:#EEEEFF;*/ }
#box-content { text-align:left; margin:0 auto; /*height:200px; overflow:auto; */ border:1px solid #CCCCCC; padding:1em; }
#box-left p, #box-right p, #box-middle p { padding: 0; }
#box-right { float:right; width:45%; color:#333333; /*border:1px solid #CCCCCC;*/ }
#box-middle { width:98%; color:#333333; left: 52%; }


#footer{ position:relative; width:100%;  margin:0 auto; font-size: 0.8em; color: #333333; text-align:center;
    background-image:url("../image/pied-page-gris-900.gif");
    background-repeat: no-repeat; background-position:bottom; 
    background-color:#DDDDDD; height:60px;
  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; /*font-weight:bold;*/ 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_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{ 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_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: #6699FF; }
.impair {background-color:#CCCCCC}

/****************** LINKS *****************/
.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; }


#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 50px; 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;*/ background-position:0% -42px; }
#tabsJ a:hover span { /*background:#1C529C;*/ background-position:100% -42px; }
#tabsJ a.selected { /*background:#FFFFFF;*/ background-position:0% -42px; }
#tabsJ a.selected span { /*background:#FFFFFF;*/ background-position:100% -42px; color:#FFF; }