/*div, li { border:1px solid #000000; }  */         /* pour débogage */
/*body{ FONT-FAMILY: "Trebuchet MS", Verdana, Arial, Helvetica; font-size: 1em; color:#555; background:url("../image/posterA0_mosaique_img_vert.gif") repeat right top; background-color:#A4D27C; }*/
/* Couleurs charte graphique
bleu fonce  1C528C
bleu claire EFF4FA
vert foncé  A4D27C (RGB : 164-210-124
*/

body{ FONT-FAMILY: "Trebuchet MS", Verdana, Arial, Helvetica; font-size: 1em; color:#444; /*background:url("../image/bg_bande_etroite_vertical_bleu_vert.gif") repeat-x; background-color:#A4D27C;*/}
body { background:url("../image/bg_header_bleugreen.png") repeat-x; background-color:#A6D37D; }
#conteneur { position: absolute; width: 900px; top:0; left: 50%; margin-left: -450px; height:100%; }
#bgmosaique_right_top { position:absolute; top:0; right:0; background:url("../image/posterA0_mosaique_img_vert_3.gif") no-repeat right top; width:500px; height:800px; }

/* Titres */
h1, h2, h3, h4, h5, h6 { font-weight:normal; margin: 1em 0 0.5em 0; line-height: 1.2; /*color:#B4925C;*/ color:#1C528C; }
h1 {  font-size: 1.6em; text-align: left; border-bottom:1px solid #A4D27C; margin-top:0; }
h2 {  font-size: 1.3em; margin:2em 0 0.8em 0; }
h3 {  font-size: 1.2em; color:#000000; font-style:italic; }
h4 {  font-size: 1em; }

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

a {  text-decoration: underline; }
a:link {  color: #3C7ABC; }
a:visited {  color: #3C7ABC;  }
a:hover, a:focus, a:active { color: #3C7ABC;  }
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.2em 0.3em; }
input[type="text"] { width:20em; }

table.cotisations { background-color: #92CF6F; }
th { background-color:#1C528C; color:#FFF; }
td { padding:0.2em; margin:0; background-color:#FFF; text-align:center; }
textarea { width:50em; heigth:40em; }

/* 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: 2em 1em; text-align:justify; }
.intro { float:left; width:50%; text-align:justify; margin-bottom:1em; }
.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; }
.mainnews { clear:both; padding:1em; margin:0 0 1em 0; border-bottom:1px dashed #AAA; }
.mainnews h2 { border:0; margin-bottom:1em; text-align:left; }
.mainnews p { text-align:justify; }

/* Elements */
#bodydiv{ position:absolute; top:2em; width: 100%; margin: 0 auto; }
#box-content-normal { text-align:left; margin:0; margin-bottom:2em; height:13em; overflow:auto; }
#box-content { text-align:left; margin:0 auto; padding:0; border-left:1px dashed #AAA; border-right:1px dashed #AAA; }
#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; }

#footer-logos{ position:relative; width:100%;  margin:0; 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-color:#1C528C;
/*  background-image:url("../image/pied-page-bleu-foncee-900_bgbleuclaire.gif");
    background-repeat: no-repeat; background-position:bottom; 
    border-top: 2px solid #CCCCCC;*/
}

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

#maintitle { position:relative; top:0; width:50%; font-weight:bold; border:0; text-decoration:none; margin:0 auto; }
#maintitle { font-family:verdana; font-size:1em; color:#FFFFFF;  background-color:#ECA219; text-align:center; }


#mainheader{ position:relative; width:100%; height:130px; margin:0 auto; padding:0; }
#mainheader { background: url("../image/bgheader_up.png") no-repeat top;  background-color:#1C528C; }
#mainheader img#logo { position:absolute; bottom:5px; left:5px; width:110px; }
#mainheader h1, #mainheader h2, #mainheader h3 { position:absolute; font-weight:bold; border:0; text-decoration:none; margin:0; color:#1C528C; }
/*#mainheader h1 { width:100%; top:0%;  left:40%; font-size:1em; color:#FFFFFF;  background-color:#FFAA00; text-align:center; padding:0;}*/
#mainheader h1 { top:20%; left:140px; font-size:1.8em; font-weight:normal; color:#FFF; }
#mainheader h2 { top:50%; left:140px; font-size:1em; color:#6CA64C; font-style:normal; float:right; }
#mainheader h3 strong { background-color:#ECA219; padding:0 1em;}
#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-bleu-claire-900px.gif"); background-repeat: no-repeat; background-position:top; z-index: 0;*/ }
#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:80%; line-height:normal; }
#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/tableftC.gif") no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; font-weight:bold; }
#tabsJ a span { float:left; display:block; background:url("../image/tabrightC.gif") no-repeat right top; padding:5px 15px 4px 6px; color:#24618E;  font-weight:bold; }




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

#tabsJ a span { float:none;}
    /* End IE5-Mac hack */
#tabsJ a:hover { background-position:0% -42px; }
#tabsJ a:hover span { background-position:100% -42px; }
#tabsJ a.selected { background-position:0% -42px;  }
#tabsJ a.selected span { background-position:100% -42px; }