@charset "utf-8";
/* CSS Document */
 
    
/* HEADER */

    .menuprim > li[class="menul"] a:hover
        {
            background: #0C0912;
            cursor: default; 
        }
        
    h2
    {
        padding: 40px 0 15px;
        font-weight: lighter;
        clear: both;
        text-align: center;
        letter-spacing: 2px;
        margin-top: 0;
    }    

a:focus
{
outline:0;
} 

/* CENTRAL2 */
#central2
    {
        width: 1000px;
        margin: 0 auto 30px;
        padding: 0;
    }           
 
    
    /* MONTAGNE */
    
    #carrousel2
    {
        margin: 0;
        padding: 50px 0 0 0;
        position: relative;
        width: 630px;
        border-top:  8px solid #3A457C;
        border-bottom: 8px solid #3A457C;
        height: 396px;
    }
    
        .T2
        {
            font-size: 0.8em;
            margin: -22px 145px 0 0px;
            padding: 0;
            text-align: right;
            font-style: italic;
        }
    
        #carrousel2 ul 
        {
            margin: -20px 0 0 0;
            padding: 0;
            height: 220px
        }

            #carrousel2 li
            {
                position:relative ;
                list-style: none;
            }

                #carrousel2 img
                {
                    position: absolute;
                }

                    #carrousel2 li[value="1"] img{top:10px; left:140px; width: 350px; height: 210px; z-index:3; box-shadow: 0px 40px 50px #999;}

                    #carrousel2 li[value="2"] img{top:40px; left:55px; width: 300px; height: 180px; z-index:2; box-shadow: 30px 30px 40px #c6c6c6;}

                    #carrousel2 li[value="3"] img{top:70px; left:0px; width: 250px; height: 150px; z-index:1; box-shadow: 20px 20px 30px #e6e6e6;}

                    #carrousel2 li[value="4"] img{top:220px; left:0; width: 0px; height: 0px;}

                    #carrousel2 li[value="5"] img{top:220px; left:630px; width: 0px; height: 0px;}

                    #carrousel2 li[value="6"] img{top:70px; left:380px; width: 250px; height: 150px; z-index:1;box-shadow: -20px 20px 30px #e6e6e6;}

                    #carrousel2 li[value="7"] img{top:40px; left:275px; width: 300px; height: 180px; z-index:2; box-shadow: -30px 30px 40px #c6c6c6;}

        .control2
        {
            margin: 35px auto 20px;
            height:  20px;
            width: 300px;
        }

            .control2 p[class="prev"]
            {
                float: left;
                margin: 0px 10px;
                width: 15px;
                height: 20px;
                font-size: 2em;
                cursor: pointer;
                background: url("db_2013/chevron_db13.png") no-repeat scroll 0 -1px transparent
            }
            .control2 p[class="next"]
            {
                background: url("db_2013/chevron_db13.png") no-repeat scroll -15px -1px transparent;
                cursor: pointer;
                float: left;
                height: 20px;
                margin: 0 10px;
                width: 15px;
            }
            
             .control2 p[class="compt"]
            {
                background: url("db_2013/cercles_db13.png") no-repeat scroll 0px 2px transparent;
                cursor: pointer;
                float: left;
                font-size: 2em;
                height: 20px;
                margin: 0 4px;
                width: 15px;
            }
            
             .control2 .compt[value="1"]
            {
                background: url("db_2013/cercles_db13.png") no-repeat scroll -18px 2px transparent;
            }
            
           

        #container1 /*légendes*/
        {
            height: 100px;
            width: 400px; 
            overflow:hidden;
            position:relative;
            left: 0px;
            background: #000;
            opacity: 0.65;
            color:#A1AFD8;
        }

            #legend
            {
                position:relative;
                width:3200px; 
                padding: 5px;
            }
                    #legend a:link, #legend a:visited
                    {
                        color: #A1AFD8;
                        font-weight: lighter;
                    }
                    
                     #legend a:hover, #legend a:active
                    {
                        color: #fff;
                    }

                #legend div 
                {
                    width: 380px;
                    float: left;
                    text-align: left;
                    padding: 0 10px;
                    height: 100px;
                    font-size: 1.1em
                }

                    #legend div p 
                    {
                        padding: 10px 20px 0px 0px;
                        margin-bottom: 10px;
                        font-size: 0.65em;
                        margin-top: 0;
                        width: 380px;
                    }
                    
    .band2 /*galerie petites photos MONTAGNE*/
    {
        float: right;
        width: 350px;
        margin:  0%;
        border:  2px solid #999;
        padding: 0 0px 10px 10px;
        background: #181226;
        color: #A1AFD8;
    }

        .band2 ul
        {
            margin: 0px auto 0;
            padding: 20px 8px;
        }

            .band2 li
            {
                float: left;
                margin: 5px 5px 5px 5px;
                list-style: none;
                cursor: pointer;
                width: 150px;
                font-size: 0.9em;
                text-align: center;
            }
            
		 	.band2 li a:link, .band2 li a:visited 
			{
				color: #A1AFD8;
   				font-weight: lighter;
   				text-decoration: none;
			}
			
			.band2 li a:hover, .band2 li a:active 
			{
    			color: #FFFFFF;
   				text-decoration: none;
			}
			
             .band2 img
            {
                width: 125px;
                height: 75px;
            }

    /* TEXTES */
 
#textes
{
    background: none repeat scroll 0 0 #0C0912;
    color: #FFFFFF;
    height:  650px;
    padding-bottom: 30px;
}
    
    #central3
    {
        width: 1000px;
        margin: auto;
    }
   
    .band3 /*galerie petites photos AUTEURS*/
    {
        width: 560px;
        border: 1px solid #333;
        padding:  15px 0px;
        height: 500px;
    }

        .band3 ul
        {
           
        }

            .band3 li
            {
                float: left;
                margin: 10px;
                list-style: none;
                cursor: pointer;
                font-size: 0.9em;
                text-align: center;
            }

    .portraits /*portraits AUTEURS*/
    {
        width: 300px;
        margin: 0px 65px 0 0;
        float: right;
    }

        .portraits ul
        {
            padding-top: 0px;
            height: 480px;
        }

            .portraits li
            {
                float: left;
                list-style: none;
                cursor: pointer;
                position: absolute;
                width: 300px;
            }
			
				.portraits li a:link, .portraits li a:visited
           		 {
               		text-decoration:none;
					color: #D4D0C8;
					font-weight: lighter;
           		}
			
				.portraits li a:hover, .portraits li a:active
            	{
               		text-decoration:none;
					color: #fff;
            	}
            
                .portraits li p
                {
                    font-size: 0.9em;
                    text-align: center;
                    line-height: 1.5;
                    width: 300px;
                }
                
                    .portraits li span
                    {
                        font-size: 1.1em;
                    }

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

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

            #pied p a:link, #pied p a:visited 
            {
            }
            #pied p a:hover, #pied p a:active 
            {
                color: white;
                font-weight:bold;
                text-decoration: underline;
            }

    .xiti 
    {
        margin-top: 2px;
        text-align: center;
        clear: both;
    }