body {
    margin: 0px;
    padding: 0px;
    font-family: Arial, Tahoma, Helvetica, sans-serif;
    font-size: 12px;
    text-align: center;
    background-color:#bee6fa;
    background-image:url('images/bg-global.jpg');
    background-position:left top;
    background-repeat:repeat-x;
    color:#6f6f6f;
}

div, table, tr, td, h1, h2, h3, h4, h5, h6, p, img, form, object {
    margin: 0px;
    padding: 0px;
    border: none;
}

#Ccontainer {
    position:relative;
    width:100%;
    top:140px;
    text-align:center;
}

#container {
    position:relative;
    top:0px;
    padding:0px 0px 0px 0px;
    margin:auto;
    text-align:left;
    width:990px;
}

.big {
    width:1230px!important;
}

#Cheader {
    position:absolute;
    top:0px;
    width:100%;
}

#header {
    position:relative;
    margin:auto;
    width:990px;
    height:140px;
    background-image:url('images/bg-cheader.gif');
}

#header .logo {
    position:absolute;
    top:22px;
    left:0px;
    border:none;
}

/* ********* LOGINBOX ************** */
#loginbox {
    position:absolute;
    right:0px;
    top:0px;
    width:628px;
    height:140px;
    background-image:url('images/bg-loginbox.gif');
    margin-top:-121px;
}

#loginbox .txt {
    position:absolute;
    top:7px;
    left:7px;
    width:280px;
    height:108px;
    text-align:right;
    font-size:10px;
    line-height:12px;
}

#loginbox .form {
    position:absolute;
    top:5px;
    right:8px;
    width:290px;
    height:110px;
    background-image:url('images/bg-loginbox-form.gif');
}

#loginbox .login, #loginbox .pwd {
    position:absolute;
    top:6px;
    right:22px;
    width:150px;
    height:16px;
    line-height:16px;
    font-size:11px;
    border:none;
    margin:0px;
    padding:0px;
}

#loginbox #lbl_identifiant {
    position:absolute;
    right:158px;
    top:6px;
    width:100px;
    height:16px;
    line-height:16px;
    font-size:11px;
    border:none;
    margin:0px;
    padding:0px;
}

#loginbox #lbl_mdp {
    position:absolute;
    right:168px;
    top:37px;
    width:100px;
    height:16px;
    line-height:16px;
    font-size:11px;
    border:none;
    margin:0px;
    padding:0px;
}

#loginbox .annee {
    position:absolute;
    right:72px;
    top:88px;
    width:100px;
    height:16px;
    line-height:16px;
    font-size:11px;
    border:none;
    margin:0px;
    padding:0px;
}

#loginbox #lbl_annee {
    position:absolute;
    right:152px;
    top:88px;
    width:100px;
    height:16px;
    line-height:16px;
    font-size:11px;
    border:none;
    margin:0px;
    padding:0px;
}



#loginbox .btn {
    position:absolute;
    right:22px;
    top:88px;
    width:30px;
    height:18px;
    font-size:11px;
    font-weight:bold;
    color:#FFFFFF;
    border:none;
    margin:0px;
    padding:-2px 0px 0px 0px;
    background-color:#66cc33;
    cursor:pointer;
}

#loginbox .btn:hover {
    background-color:#666666;
}

#loginbox .lostpwd {
    position:absolute;
    right:13px;
    top:60px;
    width:100px;
    height:20px;
    line-height:20px;
    color:#666666;
    font-style:italic;
    font-size:10px;
    display:block;
    text-decoration:none;
    text-align:left;
}

#loginbox .lostpwd:hover {
    text-decoration:underline;
}

#loginbox .pwd {
    top:37px;
    right:22px;
}

#loginbox .span_msg{
    font-size: 12px;
    font-style: italic;
    line-height: 20px;
}

/*21281*/
#loginbox span.span_alerte{
    color: red;
}



#btnshow, #btnhide {
    position:absolute;
    bottom:2px;
    right:4px;
    background-image:url('images/btn-loginbox.gif');
    background-position:left bottom;
    width:150px;
    height:17px;
    text-decoration:none;
    display:block;
}
#btnhide {
    background-position:left top;
}
#btnshow span, #btnhide span {
    visibility:hidden;
}


/* ************ NAV1 ******* */
#nav1 {
    margin:0px;
    padding:0px;
    position:absolute;
    left:0px;
    bottom:20px;
    width:900px;
    height:32px;
    list-style:none;
    list-style-type:none;
    text-align:left;
}

#nav1 span {
    overflow:hidden;
    visibility:hidden;
    text-decoration:none;
}

#nav1 li a {
    display:block;
    width:100%;
    height:100%;
    text-decoration:none;
}

#nav1 .n1 ,#nav1 .n2, #nav1 .n3, #nav1 .n4, #nav1 .n5, #nav1 .n6, #nav1 .n1on ,#nav1 .n2on, #nav1 .n3on, #nav1 .n4on, #nav1 .n5on ,#nav1 .n6on {
    float:left;
    display:block;
    margin:0px;
    background-image:url('images/btn-nav1.gif');
    margin-left:25px;
    overflow:hidden;
}

#nav1 a {
    float:left;
    display:block;
}

#nav1 .n1, #nav1 .n1on a {width:49px;height:32px;}
#nav1 .n1 {background-position:0px 0px;}
#nav1 .n1:hover, #nav1 .n1on {background-position:0px 32px;cursor:hand;}

#nav1 .n2, #nav1 .n2on a {width:86px;height:32px;}
#nav1 .n2 {background-position:-49px 0px;}
#nav1 .n2:hover, #nav1 .n2on {background-position:-49px 32px;cursor:hand;}

#nav1 .n3, #nav1 .n3on a {width:80px;height:32px;}
#nav1 .n3 {background-position:-135px 0px;}
#nav1 .n3:hover, #nav1 .n3on {background-position:-135px 32px;cursor:hand;}

#nav1 .n4, #nav1 .n4on a {width:96px;height:32px;}
#nav1 .n4 {background-position:-215px 0px;}
#nav1 .n4:hover, #nav1 .n4on {background-position:-215px 32px;cursor:hand;}

#nav1 .n5, #nav1 .n5on a {width:106px;height:32px;}
#nav1 .n5 {background-position:-311px 0px;}
#nav1 .n5:hover, #nav1 .n5on {background-position:-311px 32px;cursor:hand;}

#nav1 .n6, #nav1 .n6on a {width:86px;height:32px;}
#nav1 .n6 {background-position:-417px 0px;}
#nav1 .n6:hover, #nav1 .n6on {background-position:-417px 32px;cursor:hand;}

/* ************ GENERAL ********** */
#content {
    position:relative;
    width:990px;
    min-height:340px;
}

#content .middle {
    position:relative;
    float:right;
    width:990px;
    margin:0px 0px 30px 0px;
    min-height:500px;
    text-align:left;
}

#content .middle .std {
    width:790px;
    margin-left:200px;
}

#content .middle .start {
    margin-left:0px;
    width:990px;
}
#content .middle .start h1 {
    margin-left:0px!important;
}
#content .middle .start h2 {
    /*background-image:url('images/bg-h2-start-off.gif')!important;*/
    background-image:url('images/bg-h2.gif')!important;
    background-position:left center;
}
#content .middle .start h2:hover {
    cursor:pointer;
    background-color:#1f84be;
    color:#FFFFFF;
    background-image:url('images/bg-h2-start-over.gif')!important;
}

#content .middle .start div {
    padding:20px;
    background-color:#FFFFFF;
    border:1px solid #1f84be;
    display:none;
}

#content .middle  .ill {
    position:absolute;
    left:0px;
    top:50px;
    width:180px;
}

#content .middle .std h1 {
    margin-left:-200px;
}

#content .middle h1 {
    font-size:22px;
    color:#1f84be;
    margin-bottom:4px;
    font-weight:normal;
    border-bottom:1px dashed #66cc33;
    /*display:inline-block;*/
    text-indent:10px;
    line-height:30px;
}

#content .middle .std h1 {
    font-size:22px;
    color:#1f84be;
    margin-bottom:20px;
    font-weight:normal;
}

#content .middle .std h2 {
    font-size:16px;
    color:#00639e;
    margin-top:10px;
    margin-bottom:10px;
    font-weight:normal;
    text-indent:20px;
    background-image:url('images/bg-h2.gif');
    background-position:left center;
    background-repeat:no-repeat;
}

#content .middle .std li {
    margin-bottom:4px;
}

/* ***************** FOOTER ************************ */


#Cfooter {
    position:fixed;
    bottom:0px;
    width:100%;
    left:0px;
    background-color:#bee6fa;
}

#footer {
    position:relative;
    width:990px;
    height:24px;
    padding:0px;
    margin:auto;
    border-top:1px solid #6f6f6f;
    font-size:11px;
    text-align:left;
}

#footer .lnk {
    position:absolute;
    left:0px;
    top:0px;
    height:24px;
    line-height:24px;
    width:990px;
    text-align:left;
}
#footer .lnk a {
    color:#333333;
    text-decoration:none;
}
#footer .lnk a:hover {
    text-decoration:underline;
}

#footer .thalassa {
    position:absolute;
    top:0px;
    right:0px;
}

#footer .ivisite {
    position:absolute;
    top:0px;
    right:109px;
}
/* ************** RAZ ************* */
.raz {
    clear:both;
    margin:0px;
    padding:0px;
    border:none;
    height:0px!important;
}

/* ************* HOME ********************* */
.home {
    margin-bottom:30px!important;
    margin-left:310px;
    display:block;
}

.occe {
    position:absolute;
    left:60px;
    top:300px;
}
/* *************************** // Easy Slider */
/* image replacement */
.graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
    margin:0;
    padding:0;
    display:block;
    overflow:hidden;
    text-indent:-8000px;
}
/* // image replacement */

#containerslider{
    margin:0 auto;
    position:relative;
    text-align:left;
    width:638px;
    height:400px;
    margin-left:310px;
}
#contentslider{
    position:relative;
}

/* Easy Slider */

#slider img {
    width:636px;
    height:206px;
    border:1px solid #66cc33;
    margin:0px 0px 20px 0px;
    padding:0px;
}

#slider strong {
    font-size:16px;
    color:#00639e;
    margin-bottom:10px;
    display:block;

}

#slider ul, #slider li {
    margin:0;
    padding:0;
    list-style:none;
}
#slider li {
    /*
            define width and height of list item (slide)
            entire slider area will adjust according to the parameters provided here
    */
    position:relative;
    width:766px;
    height:364px;
    overflow:hidden;
}
#prevBtn, #nextBtn,
#slider1next, #slider1prev{
    display:block;
    width:30px;
    height:77px;
    position:absolute;
    left:-30px;
    top:71px;
    z-index:1000;
}
#nextBtn, #slider1next{
    left:696px;
}
#prevBtn a, #nextBtn a,
#slider1next a, #slider1prev a{
    display:block;
    position:relative;
    width:30px;
    height:77px;
    background:url(../images/btn_prev.gif) no-repeat 0 0;
}
#nextBtn a, #slider1next a{
    background:url(../images/btn_next.gif) no-repeat 0 0;
}

/* numeric controls */

ol#controls{
    position:absolute;
    left:-310px;
    top:0px;
    margin:0px;
    padding:0;
    height:208px;
    width:270px;
}
ol#controls li{
    margin:0 0 2px 0;
    padding:0;
    float:left;
    list-style:none;
    height:40px;
    line-height:40px;
}
ol#controls li a {
    float:left;
    width:270px;
    height:40px;
    line-height:40px;
    padding:0px;
    text-decoration:none;
}

#controls1, #controls2, #controls3, #controls4, #controls5 {
    background-image:url('images/controls-slide.gif')
}

#controls1 {background-position:0px 0px;}
#controls1:hover  {background-position:270px 0px;}
#controls1 .current {background-position:270px 0px!important;}

#controls2 {background-position:0px 160px;}
#controls2:hover  {background-position:270px 160px;}
#controls2 .current {background-position:270px 160px!important;}

#controls3 {background-position:0px 120px;}
#controls3:hover  {background-position:270px 120px;}
#controls3 .current {background-position:270px 120px!important;}

#controls4 {background-position:0px 80px;}
#controls4:hover  {background-position:270px 80px;}
#controls4 .current {background-position:270px 80px!important;}

#controls5 {background-position:0px 40px;}
#controls5:hover  {background-position:270px 40px;}
#controls5 .current {background-position:270px 40px!important;}

ol#controls li img {
    border:none;
}

ol#controls li.current a span {visibility:visible;}

ol#controls li a span {
    visibility:hidden;
    text-decoration:none;
}

/*ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{background-position:bottom;}*/

/* *************************** // Easy Slider */

/* *************************** // Easy Slider */

#containerslider2{
    margin:0 auto;
    position:relative;
    text-align:left;
    width:1040px;
    height:800px;
    margin-left:180px;
}
#contentslider2{
    position:relative;
}

/* Easy Slider */

#slider2 img {
    position:absolute:
        top:0px;
    margin:0px 0px 0px 0px;
    padding:0px;
}

#slider2 strong {
    position:absolute:
        top:0px;
    z-index:10;
    font-size:16px;
    color:#00639e;
    margin-bottom:10px;
    display:block;

}

#slider2 ul, #slider2 li {
    margin:0;
    padding:0;
    list-style:none;
}
#slider2 li {
    /*
            define width and height of list item (slide)
            entire slider area will adjust according to the parameters provided here
    */
    position:relative;
    width:766px;
    height:800px;
    overflow:hidden;
}

/* numeric controls */

ol#controlsb{
    position:absolute;
    left:-180px;
    top:0px;
    margin:0px;
    padding:0;
    height:616px;
    width:170px;
}
ol#controlsb li{
    margin:0 0 2px 0;
    padding:0;
    float:left;
    list-style:none;
    height:42px;
    line-height:42px;
}
ol#controlsb li a {
    float:left;
    width:170px;
    height:42px;
    line-height:42px;
    padding:0px;
    text-decoration:none;
}

#controlsb1, #controlsb2, #controlsb3, #controlsb4, #controlsb5, #controlsb6, #controlsb7, #controlsb8, #controlsb9, #controlsb10, #controlsb11, #controlsb12, #controlsb13, #controlsb14 {
    background-image:url('images/controls-slide-2.gif')
}

#controlsb1 {background-position:0px 0px;}
#controlsb1:hover  {background-position:170px 0px;}
#controlsb1 .current {background-position:170px 0px!important;}

#controlsb5 {background-position:0px 546px;}
#controlsb5:hover  {background-position:170px 546px;}
#controlsb5 .current {background-position:170px 546px!important;}

#controlsb6 {background-position:0px 504px;}
#controlsb6:hover  {background-position:170px 504px;}
#controlsb6 .current {background-position:170px 504px!important;}

#controlsb2 {background-position:0px 462px;}
#controlsb2:hover  {background-position:170px 462px;}
#controlsb2 .current {background-position:170px 462px!important;}

#controlsb7 {background-position:0px 420px;}
#controlsb7:hover  {background-position:170px 420px;}
#controlsb7 .current {background-position:170px 420px!important;}

#controlsb4 {background-position:0px 378px;}
#controlsb4:hover  {background-position:170px 378px;}
#controlsb4 .current {background-position:170px 378px!important;}

#controlsb3 {background-position:0px 336px;}
#controlsb3:hover  {background-position:170px 336px;}
#controlsb3 .current {background-position:170px 336px!important;}

#controlsb10 {background-position:0px 294px;}
#controlsb10:hover  {background-position:170px 294px;}
#controlsb10 .current {background-position:170px 294px!important;}

#controlsb11 {background-position:0px 252px;}
#controlsb11:hover  {background-position:170px 252px;}
#controlsb11 .current {background-position:170px 252px!important;}

#controlsb12 {background-position:0px 210px;}
#controlsb12:hover  {background-position:170px 210px;}
#controlsb12 .current {background-position:170px 210px!important;}

#controlsb9 {background-position:0px 168px;}
#controlsb9:hover  {background-position:170px 168px;}
#controlsb9 .current {background-position:170px 168px!important;}

#controlsb8 {background-position:0px 126px;}
#controlsb8:hover  {background-position:170px 126px;}
#controlsb8 .current {background-position:170px 126px!important;}

#controlsb13 {background-position:0px 84px;}
#controlsb13:hover  {background-position:170px 84px;}
#controlsb13 .current {background-position:170px 84px!important;}

#controlsb14 {background-position:0px 42px;}
#controlsb14:hover  {background-position:170px 42px;}
#controlsb14 .current {background-position:170px 42px!important;}

ol#controlsb li img {
    border:none;
}

ol#controlsb li.current a span {visibility:visible;}

ol#controlsb li a span {
    visibility:hidden;
    text-decoration:none;
}

/*ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{background-position:bottom;}*/

/* *************************** // Easy Slider */


/* ********** Page Pr�sentation de Compta Coop ******** */
/*-------AIDE--------------*/
#div_aide {margin-left: 250px;margin-right: 250px; padding-bottom: 80px; padding-top: 30px;font-size: 12px;}
#div_aide h2 {margin-top: 20px;}
#div_aide ul{margin-left: 40px;}
#div_aide ul li {list-style-type: disc;line-height: 20px;}
#div_aide p{text-align: justify; font-size: 12px;}
#aide_global{margin-top: 10px; margin-left:0px; margin-bottom: 30px; background-color: #333; border-radius:10px; float:left;padding: 0px; border: solid 5px #333; width: 1220px;}
#aide_gauche{float:left;width: 150px;}
#aide_gauche li{cursor: pointer;padding: 10px;margin: 0px;color: #fff; font-size:12px;font-family:Arial;}
#aide_gauche li:hover{background-color: #777;}
.aide_li_select{background-color: #555;}
.aide_contenu{display: none;}

#aide_global ul, #aide_global li {font-family:"Verdana";list-style-type:none;margin:0px;padding:0px;}
#aide_global li {padding:7px;}

#aide_droite{float:left;}
#aide_droite_contenu{border: solid 15px #555;border-top: solid 5px #555;border-bottom: solid 10px #555;background-color: #555; color:#fff;font-size: 12px;border-radius:0px 5px 5px 0px;}
.aide_droite_commentaire{margin-bottom: 5px;}
#aide_droite img{border-radius:5px;}