/*****************************
Bleu logo IWRA         #2C8ECC
Bleu foncée            #1C529C
Bleu globa             #1C1AFC
Blue logo poles        #046ABC
Blue main menu         #2E93FB
Vert claire logo pôles #C4DE1C
Vert admin             #D3DE25
Vert                   #31CC32
Vert foncé logo        #048204
Vert claire            #BCDA74
Vert claire footer     #ACD244
Vert claire bground    #F4FAEC
Gris claire            #DCDEDC
Fond mainheader        #FCFEFC
Marron logo cluster    #B4925C

******************************/
body{ font-family: "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif; color:#555; background:#F6FAFC; }
body { /*background: #EEF0F6*/ /*url("../image/bg_blue_white.gif") repeat-x top*/; }
body { margin:0; /*border-top: 2px solid #2C8ECC;*/ }

form {  /*background-color:#EEE;*/ text-align:left; }
form { width:100%; }
form p { width:20em; }
form input { width:30em; text-align: left; }
input[type="radio"] { width:1em; text-align: left; }
input[type="checkbox"] { width:1em; text-align: left; }
input[type="submit"] { background-color:#2C8ECC; padding: 0 0.5em; font-weight:bold; text-align:center; }
input[type="submit"].continue { background-color:none;  font-weight:bold; text-align:center; width:auto; }
input[type="text"], input[type="password"] { background-color:#FFFFCC; width:30em;}
textarea { width:30em; }
select { width:30em; }
form td { /* background-color:#EEE; */}

legend { color:#1C529C; font-size:1.5em;  margin: 0 2em; }
fieldset { border:2px solid #FFF; margin:2em; }
textarea { width:70%; height:50%; margin:0; }
textarea.summary { width:80%; height:50%; margin: 0 auto; }
strong.checkbox { background-color:#FFAAAA; }


/* Titres */
h1, h2, h3, h4, h5, h6 {  font-weight:normal; margin: 0.3em 0; line-height: 1.2; color:#1467CC; }
h1 {  font-size: 1.8em; text-align: left; margin:0 0 0.5em 0; border-bottom:1px solid #DDD; }
h2 {  font-size: 1.4em; font-weight:bold; margin: 1em 0; }
h3 {  font-size: 1.2em; font-weight:bold; margin: 1em 0; }
h4 {  font-size: 1em; }

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

/* Liens */
a {  text-decoration: underline; color:#048204; }
a:link {  color: #3C7ABC; }
a:visited {  color: #3C7ABC; }
a:hover, a:focus, a:active { color:#AAA; }
a img { border: none; }

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

/* Listes et paragraphes */
ul { margin-bottom : 2em; }
li { /*list-style-image:url("../image/point_marron_10px.gif");*/ /*list-style:none;*/ margin-left:0; }

/*li { list-style-type:square; }*/

/*ul li { list-style-type: circle; }*/
li {  padding:0.2em; }
li.selected { font-weight:normal; color:#B4925C; }
li.radio { list-style:none; }
p { margin: 0 auto; }
img { margin: 0 1em 1em 1em; }


/* Listes et paragraphes */
ul.steps { margin-bottom : 2em;  list-style-image:none; }
ul.steps li { display:inline; padding:1em; }
ul.steps li.selected { font-weight:normal; color:#AAA; }

/* Listes et paragraphes */
ol.steps { margin-bottom : 2em; }
ol.steps li { display:inline; padding:1em; }
ol.steps li.selected { font-weight:normal; color:#AAA; }

.dashed_line { border-top:1px dashed #DDD; margin:0.5em 0; }


/* 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 { width:auto; padding: 0.5em 1em; text-align:justify; }
.info { margin-top:1em; /*border-top:1px dashed #DDD; border:1px solid #DDD;*/ width:auto; text-align:left; padding:0 0.5em; font-size:0.9em; }
.info h1 { border-bottom:1px solid #CCC; background:#EEF; padding-left:0.5em; font-size:1.5em; }
.intro  { float:left; width:50%; text-align:justify; }
.intro h1 { margin-top:0; }
.news { padding: 1em 0; margin-top:1em; border-top:1px dashed #DDD; }
.impair {background-color:#CCCCCC}
.continue { margin-left:300px; }
.message      { border:1px solid #DDD; width:auto; text-align:center; background-color:#FFC; padding:0.5em; }
.label        { width:20em; text-align:left; padding-right:1em; font-weight:normal; }
.tablist  td    { border-bottom:1px solid #DDD; height:100px; }
.tablist  td  img  { width:90px; }

/*********** page content ************/

#wrap { position: absolute; width: 900px; top:0; left: 50%; margin-left: -450px; height:100%; }

#header { position:relative; width:100%; height:160px; margin:0 auto; padding:0; }
#header { background: url('../template/image/bgheader.gif') no-repeat bottom; }
#header img#logo { position:absolute; top:5px; left:0;  height:125px; margin-left:0; background:#fff; }
#header.logo-right { position:absolute; top:20px; right:5px; }
#header h2 { font-family:arial; position:absolute;  top:40px; /*right:20px;*/ left:100px; margin:0; font-size:1em; font-weight:normal; text-decoration:none; color:#2C8ECC;   border:0; }
#header p#subtitle { font-family:arial; position:absolute; top:60px; /*right:20px;*/ left:100px; font-size:2em; color:#2C8ECC; margin:0; font-weight:normal;}


#baspage { clear:both; background: url( "../template/botbg.gif" ) no-repeat top; margin:0 auto; height:20px; }
#hautpage { background: url( "../template/topbg.gif" ) no-repeat bottom; margin:0 auto; height:20px; }


#main { font-size:0.9em; margin: 0 auto; padding: 0; text-align:justify; /*background :url("../template/midbg.gif") repeat-y; min-height:300px;*/ border:1px solid #DDD; background:#fff; }

#left-column { float:left; width:170px; /*border:1px solid #F00;*/ text-align:left; padding:0; border-right:1px solid #DDD; }
#left-column li { list-style-image:none; }

#content-right { margin-top: 0.5em; margin-left:170px; width: 0 auto; padding:2em 2em 0 1em; min-height:400px; text-align:left; }
#content-right p li {  font-size: 1em;  color:#A0A0A0; list-style-type:circle; }
#content-right p li { font-size: 1em;  color:#A0A0A0; list-style-type:circle; }

#content{ margin: 0.5em 0; padding:2em; }
#content p li {  font-size: 1em;  color:#A0A0A0; list-style-type:circle; }


#content-home { margin: 0;  padding:0 1em; min-height:400px; }
#content-home img { float:left; }
#content-home ul { margin-left: 400px; }
#content-home li { list-style-image:url("../image/redbullet.gif"); font-size:1.3em; }
#content-home li a { color:#2E93FB; }


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


#loginform{ float:center;  width:100%;  text-align:center;  background-color: #6699FF; }

#footer{ clear:both; position:relative; width:100%;  margin:0 auto; font-size: 0.9em; color: #FFF; text-align:center;
    background: url("../template/image/bgfooter2.gif") no-repeat bottom; height:80px; border-top:1px solid #DDD;
}

#footer a { color:#DDD; }

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


#top-right-box { position:absolute; top:1.5em; right:1em; border:1px solid #CCCCCC; width:15%; padding:0.2em; 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; }


/******** Archives ***********
#baspage { background: url( "../image/botbg.gif" ) no-repeat top; margin:0 auto; height:20px; }
#hautpage { background: url( "../image/topbg.gif" ) no-repeat bottom; margin:0 auto; height:20px; }
*************/