html { 
                line-height:1.2em; 
            }
            html, body {
                height: 100%;
            }
            html, body, ul, li, form, img, p, h1, h2, h3, h4, h5, cite, table, tr, td, cite, div, iframe, input, textarea, select, object { 
                margin:0;
                padding:0; 
                font-style:inherit; 
                font-weight:inherit;
                position: relative;
                cursor: default;
                font-family:Arial, Helvetica, sans-serif;
            } 
            body {
                text-align: center;
                font-family:Arial, Helvetica, sans-serif;
                font-size:11px;                                   
                background-color:#EBE8E4;         
            }
            input, textarea, select {
                font-style:inherit; 
                font-weight:inherit;
                position: relative;
                font-family:Arial, Helvetica, sans-serif;
                font-size:11px;                   
            }
            input.text, textarea {
                border:1px solid #969696 !important;
                cursor: text;
                padding:0px 2px;
            } 
            input.submit {
                height: auto;
                cursor:pointer;
            }                   
            #print{
                display: none;
            }
            #page{
                margin-left: auto;
                margin-right: auto;
                text-align: left; 
                position: relative; 
                width:996px;
                background-color: #FFF;   
                
                min-height: 100%;
                height: auto !important;
                height: 100%;
                margin: 0 auto -165px; 
            }
            .IeFix {
                display:none;
                >display:block; 
                height:20px;
                margin-bottom:-20px;
                color:#FFF;
            }                  
            ul { 
                list-style: none;
            }
            hr { 
                display:none; 
            }
            a img { 
                cursor:pointer !important; 
            }
            
            .spacer {       
                display:block;  
                clear:both;
                >height:1px;
                border:none !important;
            }
            *+.spacer {
                >height:5px; 
            }
            
            #header {
                background:#FFF url('../images/interface/tetiere.gif') 0px 0px no-repeat;
                width:966px; 
                padding-right:30px;
                height:100px;
                padding-top:3px;
                text-align: right;            
                font-size:14px;
                font-weight:bold;
                text-transform: uppercase;  
                color:#00B9E9;
            }
                #header a {
                    font-size:14px;
                    font-weight:bold;
                    text-transform: uppercase;  
                    color:#00B9E9;
                    text-decoration:none !important;
                }
                #header a:hover {                 
                    color:#FFF;
                }
                #header a.retour {
                    width: 250px;
                    height:85px;
                    position:absolute;
                    display:block;
                    top:0px;
                    left:0px;              
                }
                #header .titre {                            
                    color:#FFFFFF;
                    font-size:21px;
                    font-weight:bold;
                    margin-right:-10px;
                    margin-top:7px;
                    text-transform:uppercase;
                }
                .home #header .titre { 
                    padding-top:3px;        
                    font-size:14px;   
                    font-style: italic;
                    text-transform:none;
                }                
            
            #content {   
                background:none;                  
                padding:30px 0px;
            }   
                #content h1 em  {
                    font-weight:normal;
                    font-size:smaller;
                    font-style: normal;
                }
                #content h2 {
                    height:32px;
                    margin-bottom:-12px;
                    padding-top:32px;
                }

                #content .colonne1 h2 {     
                    padding-top:10px;
                }
                #content .colonne1 h2.first {     
                    padding-top:0px;
                }
                #content .colonne2 h2 { 
                    color:#FFC001;
                    font-weight:normal;
                    margin-left:25px;
                    margin-top:59px !important;
                    padding-right:10px;
                }
                #content h3 {
                    height:20px;
                    padding-top:29px;   
                    margin-bottom:4px; 
                } 
                #content h2, #content h3  {     
                    color:#000;         
                    font-size:28px;     
                    font-weight:bold;  
                }
                #content h2 span.picto  {     
                    width:20px; 
                    height:20px; 
                    margin-left:-25px;
                    >margin-top: 8px;
                    position: absolute;
                    background:transparent url(../images/interface/pictos.gif) no-repeat scroll -220px -20px;
                }
                #content .colonne3 a.deconnexion span.picto  {     
                    width:20px; 
                    height:20px; 
                    margin-left:-10px;
                    position: absolute;
                    background:transparent url(../images/interface/pictos.gif) no-repeat scroll -120px -20px;
                }
                #content .colonne3 a.deconnexion:hover span.picto  {                               
                    background:transparent url(../images/interface/pictos.gif) no-repeat scroll -140px -20px;
                }
                #content .colonne1 .kiosque h2 {     
                    padding:0px;          
                    background: transparent;
                    left:5px;
                }
                #content h2 em, #content h3 em {      
                    color:#FFC001;
                    font-style: normal;
                    font-weight:bold;
                }
                #content h3 {
                    font-size:14px;
                    text-align:left;
                    padding-top:0px;
                    margin-top:0px;
                    display:block;
                    height: auto;
                }
                #content h4 {
                    font-size:11px;
                    text-align:left;
                    margin:10px 0;
                }

                #content .colonne1 {   
                    width:170px;   
                    float:left;
                    margin-top:-5px;  
                    margin-left:30px;
                    >margin-left:15px;
                }
                .home #content .colonne1 {   
                    width:369px;
                    >width:349px;   
                }
                    #content .colonne1 ul {   
                        clear:both;      
                        padding-right:10px;   
                    }
                    #content .colonne1 .kiosque ul {   
                        clear:both;               
                        left:-5px;          
                        padding-right:0px; 
                        >padding:0px 0px 5px 5px !important; 
                        width:225px;
                    }
                    .home #content .colonne1 ul {   
                        margin-top:10px;
                        margin-bottom:20px;   
                    }
                    .home #content .colonne1 ul li {   
                        margin-bottom:0px;   
                    }
                    
                    #content .colonne1 ul li ul li {
                        >height:15px;   
                        border-bottom:1px solid #EBE8E3;  
                    }
                    #content .colonne1 .kiosque ul li ul li {   
                        border-bottom:none;
                        clear:both;
                        >margin-bottom:-20px;  
                    }
                    
                    #content .colonne1 ul li ul li a {   
                        margin-left:0px; 
                    }
                    .home #content .colonne1 ul li {   
                        padding-top:5px;
                        padding-bottom:38px;
                        border:none;  
                    }
                    #content .colonne1 a {
                        margin-left:120px;   
                        padding-right:0px;
                        background: none;
                        color:#000;
                        text-decoration:none;
                        display: block;
                    }
                    #content .colonne1 a:hover {  
                        color:#FFC001;
                    }
                    #content .colonne1 a.selected, #content .colonne3 a.selected {
                        font-weight: bold;
                    }
                    #content .colonne1 h1 {
                        color:#89A6AC; 
                        line-height:20px;                   
                        margin-left:100px;
                        font-weight: bold;
                        padding-top:10px;
                    }
                    
                    .home #content .colonne1 h1 {        
                        margin-left:130px;   
                        line-height:40px;       
                    }
                    .home #content .colonne1 h2 {
                        color:#00B9E9;
                        font-size:14px;        
                    }
                    #content .colonne1 h2 {  
                        font-size:16px;                 
                        text-align: left;
                        font-weight: bold;
                        text-transform:uppercase;
                    }
                    #content .colonne1 h2:first-letter {  
                        text-transform:uppercase;
                    }
                    #content .colonne1 h1 a {
                        margin-left:0px;
                        text-decoration: none;  
                        color:#89A6AC;         
                    }
                    #content .colonne1 h1.avantages_conso a:hover {
                        color: #69C530; 
                    }
                    #content .colonne1 .titre {
                        clear:both;
                        margin-bottom:30px;
                    }
                    #content .kiosque h2 em, #content .kiosque h3 em {      
                        color:#00B9E9;        
                    }
                    #content .prestation h2 em, #content .prestation h3 em {      
                        color:#FF9C00;        
                    }

                    
                    
                    
                /* COLONNE 2 */
                #content .login { 
                    margin-left:290px !important;
                    >margin-left:100px !important;
					>width:500px !important;
                }
                #content .colonne2 { 
                    width:778px;
                    float:left;
                    margin-top:-100px;
                }
                .home #content .colonne2 { 
                    width:352px;
                }
                              
                    #content .colonne2 .tetiere { 
                        background: transparent url('../images/interface/colonne-2.gif') top right no-repeat;
                        margin-top:30px;           
                    }   
                        #content .colonne2 .date {      
                            display:block;
                            left:-110px;  
                            position:absolute;
                            text-align:right;
                            top:30px;
                            width:200px;
                            font-size:10px;
                            color:#8BA6AE;                                   
                        }
                        #content .colonne2 .article {
                            background:#F4F3EF url('../images/interface/degrade.gif') bottom left repeat-x;
                        }
                        #content .colonne2 .article img {  
                            >margin-bottom:-3px;
                        }                        
                        
                        #content .colonne2 .article .titre {
                            font-size:18px;   
                            line-height:18px;   
                            padding:3px 10px;                 
                            background-color: transparent;
                            color: #808080;
                            margin-top:5px;
                        }
                        .home #content .colonne2 .kiosque .article .titre {   
                            color: #FFF;   
                        }
                        #content .colonne2 h5 {
                            color:#000;
                            font-size:11px;       
                            font-weight:bold;
                            margin:10px 0px;   
                        }                
                        
                        #content .colonne2 table {
                            margin:10px 0px;
                            border:0px;
							width:100%;
                        }
                        #content .colonne2 table caption {  
                            color:#645448;
                            font-style:italic;
                            margin-bottom:-10px;
                            padding:0;
                        }
                        #content .colonne2 table td {
                            padding:0px 5px;
                            margin:0px;
                        }
                        #content .colonne2 table th {
                            color:#645448;
                            font-size:11px;       
                            font-weight:bold;
                            text-align: center;
                            padding:0px 5px; 
                            background:#ECE8E5 url(../images/interface/pictos.gif) repeat scroll 0 -241px;
                            color:#645448;
                            border-bottom:1px solid #645448;
                            border-left:1px solid #F2F1ED;
                        }                
                        #content .colonne2 table tr {  
                            background-color: #ECE8E5;   
                        }                
                        #content .colonne2 table tr.impair {  
                            background-color: #EBE8E3;
                        }
                        #content .colonne2 table tr.pair {  
                            background-color: #F3F2ED;   
                        }
                
                #content .login .bloc {  
                    width:416px !important; 
                }
                #content .colonne2 .bloc {  
                    border:1px solid #8BA6AE;
                    padding:10px;
                    margin-top:10px;
                    width:360px;
                    clear:both;
                }
                #content .colonne2 .no_border {
                    border:none;
                    padding:0px;
                    margin-top:0px;
                }
                #content .colonne2 .center .bloc {  
                    width:auto;          
                }
                #content .colonne2 .center .bloc .text {  
                    width:650px;          
                    >width:647px;          
                }
                #content .colonne2 .important {
                    border:1px solid #FFC001;
                    background-color: #FFFCF1;
                }
                #content .colonne2 .important h3 {  
                    color:#FFC001 !important;
                }
                #content .colonne2 .important p {  
                    color:#A37C05 !important;
                }
                #content .login .bloc label {  
                    width:155px !important;
                }
                #content .colonne2 .bloc label {  
                    color:#A37C05;
                    width:106px;
                    float:left;
                }
                #content .colonne2 .bloc .input, #content .colonne2 .bloc input.text, #content .colonne2 .bloc div.text {
                    width:254px;
                    >width:251px;
                    float:left;
                    z-index:1;
                }
                #content .colonne2 .bloc li {
                    padding-bottom:20px;
                    >padding-bottom:0px !important;
                    clear:both;
                }
                #content .colonne2 .left {
                    float:left;
                }
                #content .colonne2 .right {
                    float:right;     
                }
                #content .colonne1 .bloc {  
                    border:1px solid #EBE7E4;
                    padding:10px;
                    >padding:0px;               
                    margin-right:25px;
                    margin-bottom:20px;
                    left:-5px;
                }
                #content .colonne2 .bloc p {  
                    color:#000;
                }
                #content form.bloc input {
                    margin-left:5px;
                    height:16px;
                }
                #content .colonne1 form {
                    padding:5px !important;
                }
                #content .colonne1 form, #content .colonne1 form label, #content .colonne1 form input {
                    font-size:10px !important;
                }
                #content .colonne1 form.bloc input.text {
                    width:70px;
                }    
                #content .colonne2 form.bloc input.text {
                    width:140px;
                }
                #content .colonne1 form.bloc input.submit, #content .colonne2 form.bloc input.submit {
                    width:30px;
                    height:auto !important;
                }
                form .form_error input {
                    border: 1px solid #D60606 !important;
                }
                form .form_error div {
                    color:#D60606;
                    font-style: italic;
                    z-index:0;
                }
                form .form_error label {
                    color:#D60606;
                }
            #content .colonne3 {     
                position:relative;
                padding-top:-73px;
                padding-left:28px;
                text-align:right;
                width: 330px;
                margin-top:-80px;
                >margin-top:-100px;
                margin-left:620px;
                margin-bottom:0px;
                >margin-bottom:20px;
                z-index: 999;   
            }                
                #content .colonne3 .identification {  
                    font-weight: bold;
                    border-bottom:1px solid #FFC001; 
                }
                #content .colonne3 ul {
                    margin-right:-5px;
                }
                #content .colonne3 ul li {
                    border-left:1px solid #FFC001;
                    display:inline;
                    margin:0;
                    padding:0 5px !important;
                }
                #content .colonne3 ul li.first {
                    border-left:none;        
                }
                #content .colonne3 ul li a {
                    margin:0px;
                    color:#000;
                    text-decoration: none;
                }
                #content .colonne3 ul li a:hover {
                    color:#FFC001;               
                }
                #content .colonne3 .bloc {  
                    background: #FFF url('../images/interface/bloc-colonne-gauche-content.gif') 0 0 repeat-y; 
                    padding: 0;
                    margin: 0;  
                }
                #content .colonne3 .bloc .header {  
                    background: transparent url('../images/interface/bloc-colonne-gauche-top.gif') 0 0 no-repeat;
                    height:9px;
                    >height:4px;          
                    display:block;
                }
                #content .colonne3 .bloc .footer {  
                    background: #FFF url('../images/interface/bloc-colonne-gauche-bottom.gif') 0 0 no-repeat;
                    height:10px;
                    display:block;  
                }
                #content .colonne3 .bloc ul {  
                    margin:0 15px;
                }
                #content .colonne3 .bloc ul li {  
                    border-top: 1px dotted #A49898;
                    padding-bottom: 10px;
                    margin-bottom: 0px;
                    padding-top:10px;   
                }                      
                #content .colonne3 .bloc ul li.first {  
                    border-top: none;
                    padding-top:0px;    
                }
                #content .colonne3 .bloc ul li ul {  
                    margin:0 !important;
                }
                #content .colonne3 .bloc ul li ul li {  
                    border-top: none;
                    margin-bottom:1px;
                    padding-bottom:0px;
                    padding-top:0px; 
                }
                #content .colonne3 .bloc ul li ul li a {  
                    color:#000;
                    text-decoration: none;
                }
                #content .colonne3 .bloc ul li ul li a:hover, #content .colonne3 .bloc.kiosque ul li ul li a:hover   {  
                    color:#00B9EA;
                }
                #content .colonne3 .bloc a .picto {
                    background-color:#F8F7F5;
                }
                
            
            /* PICTOS */      
            span.picto {
                display: block;
            }
             #content .colonne3 li a {
                margin-left:20px; 
            }
            #content .colonne3 a .picto {
                float:none;
                left:-5px;
                top:0px;
                position:absolute;
            }      
            #content a.selected .picto {
                background:transparent url('../images/interface/pictos.gif') -200px -20px no-repeat !important; 
                left:-28px;
                top:0px;
                position:absolute;      
            }   
            #content .colonne3 a.selected .picto {
                left:-5px !important;
                position:absolute !important;      
            }
            span.picto {
                display: block;
            }
            #content a .picto {
                background: url('../images/interface/pictos.gif') -200px -20px no-repeat;
                width:20px;
                height:20px;
                float:left;
                position:relative;
                margin-left:0px;
            }                                            
            #content .colonne3 li a {
                margin-left:20px; 
            }
            #content .colonne3 a .picto {
                float:none;
                left:-5px;
                top:0px;
                position:absolute;
            }
            #content a.selected .picto {
                background:transparent url('../images/interface/pictos.gif') -200px -20px no-repeat !important; 
                left:-28px;
                top:0px;
                position:absolute;      
            }
            .colonne1 #content a.more:hover {
                color:#FF9D00;
            }

            
            .hidden {
                display:none;
            }
            
            #footer, .push {
                height: 165px; 
                width:996px;
                margin-left: auto;
                margin-right: auto;
                text-align: left; 
                position: relative;
                clear:both;
            }
            #footer {
                background:#FFF url('../images/interface/footer.gif') 0px 0px no-repeat;
            }
                #footer ul {
                    margin-left:630px;
                    padding-top:30px;
                }
                #footer ul li {
                    border-left:1px solid #8BA6AE;
                    float:left;
                    line-height:10px;
                    padding:0 10px;
                }
                #footer ul li.first {
                    border-left:none;
                }
                #footer ul li a {
                    color:#8BA6AE;
                    text-decoration: none;
                }
                #footer ul li a:hover {
                    color:#FDC101;                
                }      
                
           .lien h4 {
               border:1px solid #ECE9E4;
               background:#FFF  url('../images/interface/pictos.gif') -0px -245px no-repeat;/*260*/
               height:16px;             
               padding:0px 5px;
               margin-right:10px !important;
               float:left;
           }
           a.bouton {
               color:#737373 !important;
               text-decoration:none !important;
               font-size:10px !important;
           }  
           a.bouton:hover {  
               color:#89A6AC !important;
           }

           
           #paging {
                display: block;
                text-align: right;
           }
           #paging ul li {
                list-style: none;
                display: inline;
                border-left:1px solid #FFC001;
                
           }
           #paging ul li.first {
                border:none;
                margin-left:0px;
           }
           #paging ul li a {           
               height:20px;
               display: inline-block;
               text-align: center;
               margin-left:3px;
               color:#000;
               text-decoration:none;
               padding:0px 6px;
           }
           #paging ul li a.selected {           
               text-decoration: underline;
                color: #FFC001;   
                font-weight: bold;
           }
           #paging ul li a:hover {
                color: #FFC001;   
           }
           #paging ul li.page, #paging ul li.page a {           
               width:auto;
           }