@charset "utf-8";
/* CSS db 2013 */
 
body
{
    background :url(db_2013/bodybb2.png) repeat-x #fff;
    margin: 0; padding: 0;
    font-family :  Arial,Helvetica,Geneva,sans-serif; font-size : 1em;
}

a:link, a:visited
{
    color: #3C3C3C;
    font-weight:bold;
    text-decoration: none;
}
a:hover, a:active 
{
    color: #212319;
    font-weight:bold;
    text-decoration: underline;
}

/* HEADER */

    #header
    {
        width:100%;
        height:200px;
        margin: 2px 0 0 0;
        background: url(db_2013/de_bassan_bandeau_2013_2.png) no-repeat scroll 40px -2px transparent;
    }
	 
    #menuprim
    {
        background: #0c0912;
        top: 155px;
        position:	absolute;
        width: 100%;
        height: 22px;
        z-index: 4;
    }
	
        .menuprim
        {
            margin: 0;
	}

            .menuprim > li
            {
                background: #3a457c; /* Old browsers */

                    background: -moz-linear-gradient(top,  #3a457c 0%, #475185 100%); /* FF3.6+ */

                    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3a457c), color-stop(100%,#475185)); /* Chrome,Safari4+ */

                    background: -webkit-linear-gradient(top,  #3a457c 0%,#475185 100%); /* Chrome10+,Safari5.1+ */

                    background: -o-linear-gradient(top,  #3a457c 0%,#475185 100%); /* Opera 11.10+ */

                    background: -ms-linear-gradient(top,  #3a457c 0%,#475185 100%); /* IE10+ */

                    background: linear-gradient(to bottom,  #3a457c 0%,#475185 100%); /* W3C */

                    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a457c', endColorstr='#475185',GradientType=0 ); /* IE6-9 */


                color: #A1AFD8;
                float: left;
                list-style: none outside none;
                margin: 0px 2px;
                padding: 2px 0px 0 0;
                border-radius: 2px;
                height: 20px;
                overflow: hidden;
            }

            .menuprim > li > a
            {
                background: none repeat scroll 0 0 #0C0912;
                transition: background 0.8s ease 0s;
                text-decoration: none;
                padding: 5px 15px 5px 15px;
                color: #A1AFD8;
                font-weight: lighter;
            }

                .menuprim > li > a:hover,
                .menuprim > li > a:active
                {
                    background: none repeat scroll 0 0 transparent;
                    transition: background 0s ease 0s;
                }
                
            .menuprim img, #pied img
            {
                border: none;
                margin-top: -1px;
            }  
                
        .indexmenu
        {
            position: absolute;
            top: 184px;
            left: 39px;
            background: url("db_2013/flecheh_10.png") no-repeat scroll center center transparent;
            width: 20px;
            height: 20px;
            padding: 0 15px 0 15px;
            margin: 0 2px;
        }
        #sousprim 
        {
            
            margin: -2px 1% 0px 1%;
            padding: 0;
            width: 98%;
        }
            #sousprim div
            {
                display: none;
                background: #151021;
                height: 150px;
                border-top: 1px solid #39437a;
            }
            
            #sousprim p
            {
                float: left;
                padding: 0px 0 0px 18px;
                width: 21.5%;
                background: url("db_2013/flecher_bleuclair_10.png") no-repeat scroll 0 2px transparent;
                margin: 10px 0px 0px 15px;
                height:  50px;
            }
            
            #sousprim p a
            {
                color: #A1AFD8;
                font-size: 0.8em;
                font-weight: lighter;
            }
            
            #sousprim p a:hover
            {
                color: #fff;
                text-decoration: none;

            }                      
        .bastor
        {
             margin: 0px 0.7% 0px 0.7%;
            padding: 0;
            width: 98.6%;
            height: 1px;
            border-radius: 25px;
            background: #FF6600;
            display: none;
        }
                        
    #cadreR1
    {
        background: url("/db_2012/bandeau3.png") no-repeat scroll -310px -45px transparent;
        border: 6px solid #65729B;
        height: 88px;
        right: 5%;
        padding: 0;
        position: absolute;
        top: 48px;
        width: 350px;
        z-index: 3;
    }	
        
        .message
        {
            color: #A1AFD8;
            font-size: 0.9em;
            letter-spacing: 1.8px;
            position: absolute;
            right: 2%;
            text-align: right;
            text-shadow: 3px 3px 4px #000000;
            top: 30px;
        }

        .image1 
        {
            background:url(../db_2012/bandeau3.png);
            background-position: 56% 56%;   
            height: 73px;
            letter-spacing: 1.8px;
            margin: 0;
            padding: 5px 0 0 10px;
        }

    #social
    {
        background: #271d49;
        height: 20px;
        z-index:3;
        margin: 0; 
        padding: 0;
        width: 200px;
        position: absolute;
        top: 178px;
        right: 0;
    }

        #social p
        {
            display: inline;
        }

        .twitter a
        {
            background: url("db_2013/twitter_25.png") no-repeat scroll 0px -3px #271d49;
            padding: 2px 20px 2px 30px;
            font-size:  0.8em;
            color: #A1AFD8;
            opacity: 0.8;
        }       
        
            .twitter a:hover
            {
                background: url("db_2013/twitter_25.png") no-repeat scroll 0px -3px transparent;
                opacity: 1;
                color:  #fff;
                text-decoration: none;
            } 
        
        .facebook a
        {
            background: url("db_2013/facebook_16.png") no-repeat scroll 0px 2px #271d49;
            padding: 2px 2px 2px 30px;
            font-size:  0.8em;
            color: #A1AFD8;
            opacity: 0.8;
        }       
        
            .facebook a:hover
            {
                background: url("db_2013/facebook_16.png") no-repeat scroll 0px 2px transparent;
                opacity: 1;
                color:  #fff;
                text-decoration: none;
            } 

    .flechehaut a
    {
        background: url("/db_2013/fleche_bleu_clair_14.png") no-repeat scroll 95% 0px transparent;
        position: fixed;
        top: 80%;
        left: 10%;
        height: 18px;
        width: 18px;
    }

/* CENTRAL */

    #central
    {
        width: 100%;
        margin-top: 0px;
        padding: 0;
        float: left;
    }
    
        #indices
    {
        border-bottom: 0px solid #3A457C;
        border-top: 0px solid #3A457C;
        margin: 10px 0;
        height: 21px;
    }
        
    
        .container_indice2 {
            background: none repeat scroll 0 0 #FFFFF9;
            height: 17px;
            margin: 2px auto;
            padding: 0;
            width: 600px;
        }
        .container_indice2 li:first-child {
            border-left: 1px solid #EEEEEE;
        }
        
        .container_indice2 li {
            background: none repeat scroll 0 0 #FFFFF9;
            border-right: 1px solid #EEEEEE;
            float: left;
            font-size: 11px;
            list-style: none outside none;
            margin: -2px 0;
            position: relative;
            text-align: center;
        }
        
        .larg1 {width: 98px;}
        .larg2 {width: 118px;}
        .larg3 {width: 138px;}
        .larg4 {width: 138px;}
        .larg5 {width: 164px;}
        .container_indice2 li:last-child, .up, .down {
            width: 138px;
        }
        
        .container_indice2 li a:link, .container_indice2 li a:visited {
    color: #3A457C;
    font-weight: lighter;
    padding: 4px 0px;
    text-decoration: none;
}
.container_indice2 li a:hover, .container_indice2 li a:active {
    background: none repeat scroll 0 0 #3A457C;
    color: #FFFFFF;
    text-decoration: none;
    transition: background-color 0.5s ease 0s;
}
        
         .container_indice2 li.up
                {
                    background: url("/db_2013/fleche_bleu_clair_14.png") no-repeat scroll 100% -18px transparent;
                }
                
                    .container_indice2 li.up a:hover, .container_indice2 li.up a:active
                    {
                        background: url("/db_2013/fleche_blanche_14.png") no-repeat scroll 100% -18px #3A457C;
                    }

                .container_indice2 li.down
                {
                    background: url("/db_2013/fleche_bleu_clair_14.png") no-repeat scroll 100% -50px transparent;
                }
                
                    .container_indice2 li.down a:hover, .container_indice2 li.down a:active
                    {
                        background: url("/db_2013/fleche_blanche_14.png") no-repeat scroll 100% -50px #3A457C;
                    }
  
#zoomzone 
{
    background: #181226;
    height: 150px;
    margin-top: -15px;
            
}
        
#zoom2
{
        background: #3A457C;
        width: 1000px;
        margin: 0 auto;
        height: 150px
}
.zoom2
{
            
}

.zoom2_titre
{
    background: url("/db_2013/fleche_bleu_clair_30.png") no-repeat scroll 90% -73px transparent;
    color: #FFFFFF;
    float: left;
    margin: 50px 0;
    padding: 10px 60px 10px 30px;
       
}

.glimpse3
{
    margin: 0;
}

.glimpse4
{
    margin: 0  ;         
}

  
        
        #actu 
        {
            clear: both;
            float: left;
            margin: 10px 0 0 3%;
            padding: 0;
            width: 47%;
            background: #fff;
        }

            .titreactu 
            {
                border-bottom: 8px solid #3A457C;
                font-size: 1em;
                letter-spacing: 5px;
                margin: 0 0 6px;
                text-align: center;
                padding: 10px 0;
            }
            .selectactu 
            {
                position: relative;
                height: 32px;
                border-radius: 5px;
                margin: 0px 1%;
            }
  
                .selectactu p
                {
                    margin: 0 1px 0 0;
                    padding: 6px 0px 6px 0px;
                    border-radius: 5px;
                    color:#a1afd8;
                    width: 33.33%;
                    text-align: center;
                    position: absolute;
                    z-index: 3
                }

                    .selectactu p:hover
                    {
                        cursor: pointer;
                        color: #3A457C;
                        -khtml-user-select: none;
                        -webkit-user-select: none;
                        -moz-user-select: -moz-none;
                        -ms-user-select: none;
                        user-select: none;
                    }

                #blob 
                {
                    background-color: #3a457c;
                    height: 30px;
                    z-index: 2;
                    margin-top: -5px
                }

            .contentactu 
            {
                margin: 10px 0 5px 0px;
                padding: 10px 0 0 0;
            }
         
                .listeActu
                {
                    margin: 0px;
                    padding: 5px 5px 5px 0px;
                    color: #000;
                    border-bottom: 0px solid #666;
                }
                 
                    .listeActu > li
                    {
                        font-size: 0.85em;
                        margin: 0 0 10px;
                        padding: 0 0 20px 10px;
                        list-style: none;
                        line-height: 18px;
                        /*box-shadow: 5px 5px 10px #999999;*/
                    }
                        
                        .listeActu li p
                        {
                      
                        background: #ffffff; /* Old browsers */
                        background: -moz-linear-gradient(top, #ffffff 0%, #f5f6fa 100%); /* FF3.6+ */
                        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f5f6fa)); /* Chrome,Safari4+ */
                        background: -webkit-linear-gradient(top, #ffffff 0%,#f5f6fa 100%); /* Chrome10+,Safari5.1+ */
                        background: -o-linear-gradient(top, #ffffff 0%,#f5f6fa 100%); /* Opera 11.10+ */
                        background: -ms-linear-gradient(top, #ffffff 0%,#f5f6fa 100%); /* IE10+ */
                        background: linear-gradient(to bottom, #ffffff 0%,#f5f6fa 100%); /* W3C */
                        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f6fa',GradientType=0 ); /* IE6-9 */
                        border-top: 1px solid #B1BCDE;
                        text-align: right;
                        padding: 2px 10px;
                        margin:  0px 0 10px -10px;
                        font-size: 0.9em;
                        }
                        
                        .listeActu li p .left
                        {
                        float: left;
                        text-transform: uppercase;
                        }
         
                        .listeActu .sousActu
                        {
                            list-style-type: none;
                            font-size: 0.85em;
                            margin: 0;
                            padding: 0;
                        }
                        
                            .listeActu .sousActu li
                            {
                                margin: 0;
                                padding: 2px 0 5px 10px;
                                line-height: 14px;
                            }         

                .hid
                {
                    display: none;
                }
                
                .archives
                {
                    text-align: right;
                    font-size: 11px;
                    font-style: italic;
                    font-weight: bold;
                    margin:0;
                    padding:10px;
                    border-bottom: 1px solid #2B5479
                }
        

        
    #goodies 
    {
        float: left;
        text-align: center;
        width: 18%;
        margin: 10px 1.5% 0 1.5%;
        position: relative;
        height: 1300px
    }

        #zoom
        {
            color: #FFF;
            text-align: left;
            background: #0C0912;
        }

        #zoom div
        {
            
        }
    
        .zoom
        {
            border-radius: 1px 1px 0 0;
            padding-bottom: 5px;
        }

            .zoom_titre
            {
                border-bottom: 8px solid #A1AFD8;
                background: #0C0912;
            } 
            
             .zoom_titre p
            {
                font-size: 1em;
                letter-spacing: 2px;
                color: #E2E6F3;
                text-align: center;
                margin: 0 0px;
                padding: 10px 0;
                text-transform: none;
                
            } 

        #zoom_Evenement
        {
            color: #FFF;
            text-align: center;
            background: #0C0912;
        }

        #zoom_Evenement .gros
        {
            font-size: 18px;
        }
        #zoom_Evenement .petit
        {
            font-size: 14px;
        }
        #zoom_Evenement .tout_petit
        {
            font-size: 10px;
            font-style: italic;
        }


            .zoom_Evenement_titre
            {
                border-bottom: 8px solid #A1AFD8;
                background: #0C0912;

            }

            .zoom_Evenement_gras
            {

                padding: 2px;
                font-weight:bold;

            }

            .zoom_Evenement_titre p
            {
                font-size: 1em;
                letter-spacing: 2px;
                color: #E2E6F3;
                text-align: center;
                margin: 0 0px;
                padding: 10px 0;
                text-transform: none;
            }

        #zoom_Evenement .lien
        {
            margin: 10px 50px;
            padding: 2px;
            border-radius: 5px;
            background: none repeat scroll 0 0 #3A457C;
        }

        #zoom_Evenement a:link, #zoom_Evenement a:visited
        {
            color: #E2E6F3;
            font-weight: lighter;
            text-decoration: underline;
        }

        #zoom_Evenement a:hover, #zoom_Evenement a:active
        {
            /*background: none repeat scroll 0 0 #3A457C;*/
            color: #FFFFFF;
            text-decoration: none;
            /*transition: background-color 0.5s ease 0s;*/
        }

        #zoom_Evenement div.lien a
        {
            text-decoration: none;
        }

        #zoom_Evenement div.lien:hover
        {
            background: none repeat scroll 0 0 #566197;
            color: #FFFFFF;
            text-decoration: none;
            transition: background-color 0.5s ease 0s;
        }
            
            .zoom .plus
            {
                background: #39437A;
                border-left: 1px solid #39437A;
                float: right;
                height: 19px;
                padding: 12px 0 8px;
                width: 38px;
                color: #A1AFD8;
            }
            
            .zoom .plus:hover
            {
                background: #181226;
                cursor: pointer;
                color: #fff;
            } 
            
            .glimpse1
            {
                padding: 0 10px 0px;
            }
            
            .glimpse2
            {
                padding: 5px 10px 10px;
                border-top: 1px solid #A1AFD8;
                text-align:  center;
            }
            
            #select1
            {
                font-size: 0.9em;
            }
            
            #select1 p
            {
                text-transform: uppercase;
                text-align: center
            }

            #select1 p .left
            {
                display: block;
            }
            
            #select1 p a
            {
                display: none;
            }
            
            #select1 a:link, #select1 a:visited
            {
                color: #fff;
                border-bottom: 1px dotted #fff;
                font-weight: 400;
            }
            
             #select1 a:hover, #select1 a:active
            {
                font-weight: bold;
                border:  none;
                text-decoration: none;
            }
            
            #select2
            {
                font-size: 0.7em;
            }
            
            #select2 li
            {
                display: none;
            }
            
            #select2 p
            {
                text-transform: uppercase;
                text-align: center
            }

            #select2 .left
            {
                display: none;
            }
            
            #select2 a
            {
                display: block;
            }
            
            #select2 a:link, #select2 a:visited
            {
                color: #fff;
                font-weight: 400;
            }
            
             #select2 a:hover, #select2 a:active
            {
                font-weight: bold;
                border:  none;
                text-decoration: none;
            }

        #rebours
        {
            text-align: center;
        }

        #jour
        {
            font-size: 24px;
            font-weight: bold;
        }

        #heure_label, #minute_label, #seconde_label
        {
            font-size: 10px;
        }


   /* #conjoncture
    {
        color: #3A457C;
    }
        .conjoncture
        {
            border-radius: 1px 1px 0 0;
            text-transform: uppercase;
            background: #1c1c1c;
        }

            .conjoncture_titre
            {
                font-size: 1em;
                letter-spacing: 2px;
                color: #E2E6F3;
                text-align: center;
                margin: 0;
                padding: 10px 0;
                border-bottom: 8px solid #FFFFFF;
                text-transform: none;
            }       

            .container_indice
            {
                margin: 0;
                padding: 0;
            }

                .container_indice li 
                {
                    border-top: 1px dotted #666;
                    font-size: 11px;
                    list-style: none outside none;
                    text-align: left;
                    background: #1c1c1c;
                }
                
                    .container_indice li a:link,
                    .container_indice li a:visited 
                    { 
                        text-decoration: none;
                        font-weight: lighter;
                        color: #A1AFD8;
                        padding: 4px 8px;
                    }
                    
                    .container_indice li a:hover,
                    .container_indice li a:active
                    {
                        color: #fff;
                        text-decoration: none;
                        background: #3a457c;
                        transition: background-color 0.5s ease 0s;
                    }

                li.up
                {
                    background: url("/db_2013/fleche_bleu_clair_14.png") no-repeat scroll 95% -17px transparent;
                }
                
                    li.up a:hover, li.up a:active
                    {
                        background: url("/db_2013/fleche_blanche_14.png") no-repeat scroll 95% -17px #3A457C;
                    }

                li.down
                {
                    background: url("/db_2013/fleche_bleu_clair_14.png") no-repeat scroll 95% -50px transparent;
                }
                
                    li.down a:hover, li.down a:active
                    {
                        background: url("/db_2013/fleche_blanche_14.png") no-repeat scroll 95% -50px #3A457C;
                    }

                    .ui-tooltip-content p
                    {
                        margin: 10px;
                    }*/

   .tourniquet
    {
        position: relative;
        padding: 10px 10px 10px 0;
        height: 100px;
        margin-top: 15px;
    }
        .tourniquet  > p 
        {
            
            border-radius: 25px 25px 25px 25px;
            
            text-align: center;
            
        }

            .tourniquet> p:hover 
            {
                cursor: pointer;                
            }
            .cal 
            {
                position: absolute;
                top: 50px;
                left: 20%;
                width: 50%;
                padding: 10px;
                border: 2px solid green;
            }
            .bes 
            {
                position: absolute;  
                top: 5px;
                left: 55%;
                font-size: 0.7em;
                width: 35%;
                padding: 6px;
                border: 1px solid #2B5479;
            }
            .qui 
            {
                position: absolute;  
                top: 0px;
                left: 5%; 
                font-size: 0.7em;
                width: 35%;
                padding: 10px;
                border: 1px solid #FF6600;
            }
            
            
        .calculator 
        {
            background-color: #003C00;
            border-radius: 10px 10px 0 0;
            color: #FFFFFF;
            margin-top: 15px;
            width: 100%;
        }

        .bestof 
        {
            background-color: #0C1220;
            border-radius: 10px 10px 0 0;
            color: #FFFFFF;
            margin-top: 15px;
            text-align: center;
        }
        
        .quizz 
        {
            background-color: #A04000;
            border-radius: 10px 10px 0 0;
            color: #FFFFFF;
            margin-top: 15px;
        }

        

             .calculator > p 
            {
                background-color: green;
                border-radius: 10px 10px 0 0;
                letter-spacing: 2px;
                margin: 0 0;
                padding: 15px 0;
                border-bottom: 8px solid #fff;
            }
            
            .calculator > div 
            {
                
                border-bottom: 1px solid #E3FF9F;
                padding: 0px 0 0px;
                text-align: center;
                background: green;
                transition: background 0.8s ease 0s;
                
            }
            
              .calculator > div:hover
                {
                    background: none;   
                }

                .calcul1 
                {
                    font-size: 0.9em;
                    padding: 15px 3px 0;
                    margin: 0px 0px; 
                }
                    
                .calcul2 
                {
                    font-size: 0.8em;
                    padding: 10px 10px 10px 10px;
                    text-align: left;
                    color: #E3FF9F;
                    font-weight: lighter;
                    margin: 0px 0px;
                }
            
                    .calculator a:link, .calculator a:visited
                    {
                        color:  #E3FF9F;
                    }
                    
                    .calculator a:hover, .calculator a:active
                    {
                        color: #FFFFFF;
                        text-decoration: none;
                    }
            
            .bestof > p 
            {
                background-color: #2B5479;
                border-radius: 10px 10px 0 0;
                letter-spacing: 2px;
                margin: 0 0;
                padding: 15px 0;
                border-bottom: 8px solid #fff;
                text-align: center;
            }
            
                    .bestof div p
                    {
                        padding: 10px 0;
                        margin:  0px;
                        border-bottom:  1px dotted #ECEBFA;
                        background: #2B5479;
                        transition: background 0.8s ease 0s;
                    }
                    
                    .bestof div p:hover
                    {
                        background: none;
                    }
                    
  
                    
                    .bestof  p a:link, .bestof  p a:visited
                    {
                        
                        color: #ECEBFA;
                        font-weight: lighter;
                    }
                    .bestof  p a:hover, .bestof  p a:active
                    {
                        color: #FFFFFF;
                        text-decoration: none;
                    }   

            .quizz > p 
            {
                
                border-radius: 10px 10px 0 0;
                letter-spacing: 5px;
                margin: 0 0 0 0;
                padding: 15px;
                border-bottom: 8px solid #fff;
                background: #FF6600;
            }
                .quizz  div
                {
                    margin : 0;
                    padding: 0;
                    background: #FF6600;
                    transition: background 0.8s ease 0s; 
                }

                .quizz  div:hover
                {
                    background: none;
                }
                
              
                .quizz  div a:link, .quizz  div a:visited 
                {
                color: #ECEBFA;
                font-weight: lighter;
                text-decoration: none;
                }

                .quizz  div a:hover, .quizz  div a:active 
                {
                color: #fff;
                text-decoration: none;
                }
                
                .quiz1
                {
                    font-size: 0.9em;
                    padding: 15px 0 10px;
                    margin: 0;
                }
                
                 .quiz2
                {
                    font-size: 0.8em;
                    padding: 10px 0 10px 10px;
                    text-align: left;
                    line-height:1.5em;
                    margin: 0px;
                }
                

            

    #cadreR2
    {
        padding: 0;
        width: 26%;
        float: left;
        margin: 10px 0% 0 0%;
        background: #fff;
    }	

        .contentR2
        {
            margin: 0px 0px 20px 0px;
        }
        
            .titredroit 
            {
                border-bottom: 8px solid #3A457C;
                font-size: 1em;
                letter-spacing: 1.4px;
                margin: 0 0 6px;
                text-align: left;
                padding: 10px 0 10px 10px;
            }

            .titreR2
            {
                margin: 0 10px 0 0;
                padding: 0 0 5px 20px;
                color: #000;
                font-size:0.9em;
                border-bottom: 1px solid #dddddd;
            }

                .titreR2 li
                {
                    line-height: 18px;
                    margin: 15px 0 0px;
                    padding: 0 15px 0 5px;
                    font-size:0.9em;
                    list-style: none outside none;
                }

            .lien_detail
            {
                font-weight: lighter;
                font-style: italic;
                font-size: 0.9em;
                margin: 5px 0;
                /*background: url(db_2013/flecheb_10.png) no-repeat scroll right center transparent;*/
                cursor: pointer;
            }
            
            .lien_detail i
            {
                float:  right;
                padding: 0 5px 0 0;
                margin-top:  -6px;
                color:  #3A457C;
            }
        
                .lien_detail:hover
                {
                    background-color: #ECEBFA;
                    cursor:  pointer;   
                }
                
            .titreR2 .detailR2
            {
                list-style-type: none;
                font-size: 0.8em;
                margin: 0;
                padding: 0;
                display:none;  
            }
	 
                .titreR2 .detailR2 li
                {
                    margin: 0;
                    padding-left: 10px;
                    line-height: 16px;
                    border: none;
                }

                .titre_fiche
                {
                    font-size: 1em;
                    background: #f7f7fd;
                    cursor: pointer;   
                }
                
                 .titre_fiche i
                    {
                        float:  right;
                        padding: 0;
                        margin-top:  2px;
                        color:  #3A457C;
                    }

                    .titre_fiche:hover
                    {
                        background: #ecebfa;  
                    }

                    .liste_fiches
                    {
                        font-size: 1em;
                        display: none;
                    }

                        .liste_fiches li
                        {
                          /*  background: url(db_2013/flecher_7.png) no-repeat scroll 0 5px transparent;*/
                            margin-left: -25px;
                            padding-left: 0px;
                        }

                            .liste_fiches li a:link, .liste_fiches li a:visited 
                            {
                                font-weight: lighter;
                                color: #2B5479;
                            }

                            .liste_fiches li:hover, .liste_fiches li:active,.liste_fiches li a:hover, .liste_fiches li a:active
                            {
                                color: #0C1220;
                                text-decoration: underline;
                            }
 
    .contentR3 {
    background: none repeat scroll 0 0 #FFFFFF;
    float: left;
    margin: 10px 10px 0 20px;
    padding: 0;
    }
    
	.R3titre {
	    font-size: 1em;
	    margin: 0 0 0px;
	    padding: 10px 0 0px 10px;
	    text-align: left;
	    text-transform: uppercase;
	}
	
	.R3image {
	    background: url("db_2013/TerresDeVignerons.jpg") no-repeat scroll -26px 0 rgba(0, 0, 0, 0);
	    height: 35px;
	    width: 100%;
	    margin: 0;
	}
	
	.R3text {
	    padding: 10px 20px;
	    margin: 0;
	    font-size: 0.9em;
	    border: 1px solid #2B5479;
	}
	
	.R3text a {
	    font-weight: lighter;
	}
	
	.R3text a strong{
	    font-weight: bold;
	}
	
/* LIENS */	
	
    #liens
    {
        width: 100%;
        margin-top: 10px;
        padding: 0;
        background: url("db_2013/fond_bleu_1.png") repeat-x scroll 0 100% #181226;
        clear: both;
        color: #F8FFC3;
    }
    
        .liens_titre
        {
            background: none repeat scroll 0 0 #0C0912;
            font-size: 1.2em;
            font-weight: lighter;
            height: 36px;
            letter-spacing: 2px;
            padding-top: 12px;
            text-transform: uppercase;
        }

                h3
                {
                    /*background: none repeat scroll 0 0 #151021;*/
                    margin: 0;
                    font-weight: 400;
                    padding: 5px;
                    /*width: 202px;*/
                }

            .cadreLiens1, .cadreLiens2 , .cadreLiens3 
            {
                float: left;
                padding: 0;
                width: 28%;
            }
            
             .cadreLiens1
            {
                margin: 0 0 0 9%;
            }

              .cadreLiens2
            {
                margin: 0 3% 0 3%;
            }

            
             .cadreLiens3 
            {
                margin: 0;
            }
            
             .cadreLiens4
            {
                float: left;
                padding: 5px;
                margin: 30px 10px 0;
                border-top: 1px solid #384600;
                width: 56%;
            }
            
            .cadreLiens4 div
            {
                display: inline;
            }
            
            .lienspe
                {
                    margin: 0px 5% 0px 15px;
                    padding: 5px 5px;
                }
                
                .lienspe:hover
                {
                    background: #F8FFC3;
                    color: #181226;
                }
                
                    .lienspe a:link, .lienspe a:visited
                    {
                       color: inherit;
                       font-weight:  400;
                    } 
                    
                    .lienspe a:hover, .lienspe a:active
                    {
                       text-decoration: none;
                    } 

                .listeLiens 
                {
                    color: #F8FFC3;
                    margin: 0;
                    padding-bottom: 10px;
                    padding-left: 10px;
                    padding-right: 5px;
                    list-style: none;
                }

                    .listeLiens li 
                    {
                        font-size: 10px;
                        line-height: 12px;
                        margin: 0;
                        padding: 6px 0 0;
                    }
                    
                    .listeLiens a:link, .listeLiens a:visited
                    {
                        color: #F8FFC3;
                        font-weight: 400;
                        padding: 2px 5px;
                    } 
                    
                    .listeLiens a:hover, .listeLiens a:active
                    {
                       color: #181226;
                       text-decoration: none;
                       background: #F8FFC3;
                    } 

/* PIED */

    #pied 
    {
        background: none repeat scroll 0 0 #0C0912;
        clear: both;
        color: #F8FFC3;
        font-size: 0.8em;
        font-weight: normal;
        height: 36px;
        padding: 10px 0 10px;
        width: 100%;
    }

        #pied p 
        {
            float: left;
            padding-top: 10px;
            text-align: center;
            width: 20%;
            margin: 0;
        }

            #pied p a:link, #pied p a:visited 
            {
                color: #F8FFC3;
                font-weight: 400;
            }
            #pied p a:hover, #pied p a:active 
            {
                color: #eeff71;
                text-decoration: none;
                font-weight: bold;
            }


    .xiti 
    {
        margin-top: 2px;
        text-align: center;
        clear: both;
    }
/* indices.css */	
	
	.tpt
{
        font-size: 0.8em;
}

	.mpt
{
        font-size: 0.9em;
}

/* indices.css */

.selectactu2 p
{
     margin: 0 1px 0 0;
     padding: 6px 0px 6px 0px;
     border-radius: 5px;
     color:#a1afd8;
     width: 50px;
     text-align: center;
     position: absolute;
     z-index: 3
}

	.selectactu p:hover
    {
        cursor: pointer;
        color: #3A457C;
        -khtml-user-select: none;
        -webkit-user-select: none;
        -moz-user-select: -moz-none;
        -ms-user-select: none;
        user-select: none;
     }       
/*Fiches best of*/	

#centralbis
{
    margin: 0 0;
    padding: 0 20%;
    width: 60%;
    text-align : justify;
}

.archi
{
    list-style: none;
    font-size: 0.8em;
}

.archi li
{
    padding: 5px 0px;
    margin-left: -40px;
}

.precis
{
    padding: 5px 0 5px 20px;
    font-size: 0.9em;
    list-style: none;
}
comment
{
    display: block;
	margin-top: 10px;
	padding: 5px 10px 5px 20px;
    font-size: 0.9em;
    background: #e3ff9f; /* Old browsers */
        background: -moz-linear-gradient(top, #e3ff9f 0%, #ffffff 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e3ff9f), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #e3ff9f 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #e3ff9f 0%,#ffffff 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #e3ff9f 0%,#ffffff 100%); /* IE10+ */
        background: linear-gradient(to bottom, #e3ff9f 0%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3ff9f', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

/*Questions et fiches*/	

#centralter
{
    margin: 0 0;
    padding: 0 15%;
    width: 70%;
    text-align : justify;
}

#centralter a:link, #centralter a:visited
{
    color: #281e4c;
    text-decoration:none;
}

#centralter a:hover, #centralter a:active 
{
    color: #fff;
    font-weight:bold;
    text-decoration: underline;
    background: none repeat scroll 0 0 #2B5479;
}   

#centralter .error
{
    text-align: center;
    color: red;
}

.send_message
{
    text-align: center;
}

/* Titre */

.f_titre
{
        font-size: 1.4em;
        padding: 8px;
        padding-left:15px;
        border-bottom: 2px inset #666666;
        }       

.twit
{
    text-align: right;
}   

/* Plan */

.f_plan
{
        }
        
.bordbleu
{
        border-left: 5px solid #3A457C;
        margin-left: 0px;
        padding: 10px 10px 10px 10px;
        }
        
.f_plan li
{
        padding:10px 0px 0px 0px;
        list-style-type:square;
        list-style-position:outside;
        color: #2B5479;
        }
                
.f_plan .f_splan li
{
        padding:5px 0px 0px 0px;
        font-size:0.9em;
        font-weight:lighter;
        list-style: disc outside;
        }

/* Partie principale */

.f_main
{
        padding:15px;
        line-height:1.5em;
        font-size: 0.9em;
        }

.f_main_part
{
        
        border:1px solid #999;
        padding: 0px 0px 0px 0px;
        margin-bottom:10px;
        }
                
.main_titre
{
        margin: 0 auto ;
        border-bottom: 1px solid #999;
        background-color: #ECEBFA;
        padding: 10px 0px 10px 10px;
        font-size: 1.2em;
        }

.info1
{
        border-bottom: 1px solid #999999;
        margin: 0 10px 10px 10px;
        }
.info2
{
        font-size: 0.9em;
        padding-left: 60px;
        }       
.info3
{
        padding: 5px 15px 5px 15px;
        }  
        
.info4
{
        padding: 15px 5px 15px 5px;
        } 
        
.notes
{
        font-size:0.9em;
        line-height:1.3em;
        padding:10px;
        }
.texte1
{
        border-bottom: 1px solid #999999;
        margin: 0 10px 10px 10px;
        font-family:Arial, Helvetica, sans-serif;
        text-align:justify;
        font-size: 0.9em;
        }
                        
.f_main li
{
        padding-top: 0px;
        list-style:square outside;
        background-color: #fff;
        }
.date
{
        text-align:right;
        font-size: 0.8em;
        }       
.questions_liees
{
        margin: 0 auto ;
        border-bottom: 1px solid #999;
        background-color: #2B5479;
        padding: 10px 0px 10px 10px;
        font-size: 1.2em;
        color: #fff;
        }       

.pub
{
        margin: 20px 3% 20px 3% ;
        border-bottom: 1px solid #999;
        background-color: #ECEBFA;
        border: 1px solid #2B5479;
        padding: 0px 10px 0px 10px;
        font-size: 1em;
        }       
.pub img {
  vertical-align:middle;
}
        
.float_droit_camus
        {float: right;
        width: 165px;
        margin-top: 0px;
        margin-right: 0;
        margin-bottom: 10px;
        margin-left:20px;
        padding-left: 5px;
        padding-bottom: 3px;
        border-bottom: solid 2px #999;
        border-left: solid 4px #CCC;
        font-size:0.8em;
        line-height: 1.4em;
        }       

        
.float_droit
        {float: right;
        margin-top: 10px;
        margin-bottom: 50px;
        padding-left: 15px;
        padding-bottom: 3px;
        }       
                
.float_gauche
        {float: left;
        margin-top: 15px;
        margin-bottom: 15px;
        margin-left: 0px;
        padding-right: 15px;
        padding-bottom: 3px;
        }       

.tableau1 /* contrôle des structures */
        {
        border-collapse:collapse;
        }   
.tableau1 td
        {
        padding: 5px;
        border: 1px solid #999;
        font-size: 0.9em;
        } 
        
.tableau2 /* fermage */
        {
        border-collapse:collapse;
        }   
.tableau2 td
        {
        padding: 5px;
        border: 1px solid #999;
        font-size: 1em;
        text-align: center;
        }    

/* Loisirs */
        
.rando01
        {float: left;
        background-image: url("images/Randos_mini.jpg") );
        background-repeat:no-repeat;
        margin: 30px;
        padding: 0;
        border-bottom: solid 4px #999;
        border-right: solid 4px #CCC;}
        
.listeRando
        {margin: 20px;
         margin-left: 150px;
         padding: 20px;
         list-style-image: url(db_2012/puce01.gif) ;
         color: #000;
         list-style-position: outside;}
         
.listeRando li
        {font-size: 16px;
         line-height: 16px;}
 
.listeRando .sousRando
        {margin: 10px;
         padding: 10px;
         list-style-image: none;
        list-style-type: none;}
.listeRando .sousRando li
        {margin: 0;
        font-size: 12px;
        color: #333;
         line-height: 18px;      }
                 
        
/* crowdfunding */

.zoom_titre p.crowdfunding
{
    border-style: solid;
    border-width: 8px;
    border-color: #3A457C;
    color: #000;
    background: #FFF;
    padding: 2px 0px;
    text-align: center;
   
}

.zoom p.crowdfunding
{
    border-style: solid;
    border-width: 8px;
    border-color: #3A457C;
    color: #000;
    background: #d2afa9;
    padding: 2px 0px;
    margin: 0px;
    text-align: center;
    font-weight: bold;
    font-size: 0.9em;
}

.zoom p.crowdfunding a:link, #select1 a:visited
{
    color: #fff;
    border-bottom: 1px dotted #fff;
    font-weight: 400;
   
}

.zoom p.crowdfunding a:hover, #select1 a:active
{
    font-weight: bold;
    border:  none;
    text-decoration: none;
   
}

/* media queries */

@media all and (max-width:900px)
{
    #header
    {
        background: url(db_2013/de_bassan_bandeau_2013_2.png) no-repeat scroll -100px -2px transparent;
    }
    #cadreR1
   {
       background: url("/db_2012/bandeau3.png") no-repeat scroll -310px -50px transparent;
        border: 4px solid #65729B;
        height: 72px;
        top: 100px;
        right: 0;
        width: 280px;}
        
         .message
        {
            font-size: 0.8em;
            letter-spacing: 1.5px;
            right: 2%;
            text-shadow: 3px 3px 4px #000000;
            top: 5px;
        }
   #menuprim, .indexmenu
   {display: none;}
   
   .container_indice2 {
            width: 324px;
        }
        
        .container_indice2 li {
            border-left: 1px solid #EEEEEE;
        }
        
        .larg1, .larg2, .larg3, .larg5 {width: 160px;}
        .container_indice2 li:last-child, .up, .down {
            width: 322px;
        }

   #actu, #goodies, #cadreR2
    {
        float: none;
        margin: 1% 1% 1% 1%;
        width: 98%;
        height: 100%;
        
    }
    #centralbis, #centralter
    {
        padding: 0 5%;
        width: 90%;
    }
     .selectactu p
                {
                    font-size: 0.8em;
                    overflow: hidden;
                }
                
     .cadreLiens1, .cadreLiens2, .cadreLiens3
            {
                float: none;
                margin: 0 0 0 5%;
                width:  90%;
            }
      
      .cadreLiens4
            {
                margin: 0 0 0 5%;
                width: 90%;
            }

                .cadreLiens4 div
                {
                    display: block;
                }
    #pied  p
    {
        width: 19%;
        overflow: hidden;
    }
    
    #pied  p:first-child
    {
        padding: 2px;
        font-size: 0.8em;
    }
}

@media all and (max-width:330px)
{
    #cadreR1
   {
        width: 96%;
    }
    
    .container_indice2 {
            width: 164px;
        }
        
        .container_indice2 li:last-child {
            width: 160px;
        }
        
    .cadreLiens1, .cadreLiens2, .cadreLiens3, .cadreLiens4 
            {
                float: none;
                width: 90%;
            }
            
            .lienspe 
            {
                margin: 0;
            }
   
/*   *{overflow-x:hidden;}  */       
}

/*
#conteneur_prim
{
        height: 40px;
        width: 1000px;
        overflow: hidden;
        margin: 0 auto;

        }
        
#slidebox{
        position:relative;
        width:6000px; 
        margin-top: -8px
  
}
#slidebox p {
        width: 950px;
        float: left;
        text-align: left;
        padding: 0;
        height: 30px;
        color: #A1AFD8;
        font-size: 0.8em;
        margin-left: 50px;
}
*/