




@media only screen and (min-width: 992px)  {
   
   /*
    #bloc_menu{
        position:absolute;
        top:128px;
        background-color:#ffffff;
        width:100%;
        height:50px;
        display:block;
        box-shadow: 10px 15px 10px -12px  #909090;
    }
    #logo_header{
        position:absolute;
        top:0px;
        right:20px;
        z-index:1000;
        text-align:right;
    }
    */
    
    #bloc_menu{     
        /*background-color:#ffffff;*/
        display:block;  
        margin:0 auto; 
        z-index:1000;   
        position:relative;
        width:100%;
        height:100px;
        padding-top:25px;  
    }
    
    #logo_header{
        position:absolute;
        top:-35px;
        left:15%;
        z-index:2000;

        border-radius:50%;
        background-color:#fff;
        display:block;
        width:250px;
        height:250px;
        overflow:hidden;
        margin:0 auto;
        text-align:center;
        padding-top:40px;
    }
    #logo_header img{
        width:60%;
        height:auto;
        position:relative;
    }


    

    .primary-nav{
        list-style-type:none;
        padding:0px;
        margin:0 auto;
        border:0px solid red;
        display:inline-block;
        position:relative;       
        z-index:3000;        
    }


    .primary-nav li{
        list-style-type:none;
        float:left;
        height: 37px;
        line-height: 14px;
       
    }

    .primary-nav li:hover{
        background-color:#76bdf4;
        border-radius:3px;
    }

    .primary-nav > li > a{
        padding:10px 10px;
        color:#114287;
        font-size:14px;
    }

   

    .primary-nav li.selectedMenu{
        /*
        background-color: #c0c0c0;
        background-image: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.6));
        background-image:    -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.6));
        background-image:     -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.6));
        background-image:      -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.6));
        border-left:0px solid #767769;
        border-right:0px solid #767769;
        height: 50px;
        */
        background-color:#114287;
        border-radius:3px;
        
    }

    .primary-nav li.selectedMenu a{
        color: #fff;
    }



    .primary-nav li.selectedMenu li a{
        /*color: #ffffff;*/
    }




    .primary-nav > li:first-child{
        /*border-left:1px solid rgba(0,0,0,.2);*/
     }

    .primary-nav li a{
        text-decoration:none;
        color:#114287;
        display: block;
        /*padding:5px 14px;*/
        /*text-transform:uppercase;*/
        /*font-weight:bold;*/
    }


    .primary-nav li:hover ul{
        display:block;

    }

    .primary-nav li ul{
        display:none;
        list-style-type:none;
        position:absolute;
        top:50px;
        padding:0px;
        margin:0px;
        min-width:180px;
        /*
        background-image: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.3));
        background-image:    -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.3));
        background-image:     -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.3));
        background-image:      -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.3));
        */
        background-color:#fff;
        z-index:700;
    }
    .primary-nav li ul li{
        display:block;
        list-style-type:none;
        position:relative;
        float:none;
        text-align:left;
        text-transform:none;
        padding:0px;
        margin:0px;
        height: 40px;
        line-height: 40px;
        border:0px;
        border-top:0px solid rgba(0,0,0,.9);
    }
    
    .primary-nav li ul li a {
        padding: 0px 25px 0px 25px;
        /*font-family:'Antic';*/
        font-size:18px;
        text-transform:none;
        font-weight:normal;
        /*color:#ffffff;*/
    }
    
    .primary-nav li ul li:hover{
        background-color:#01b4d5;
    }
    .primary-nav li ul li:hover > a{
        color:#fff;
    } 
    .primary-nav li:hover > a{
        color:#fff;
    } 
    
    
    
    .bloc_header_slide{
         margin:40px;padding:20px 0px 0px 0px;
    }
    .legende_header_slide{
        font-size:25px;padding:0px 20px 50px 20px
    }
    

}


/***************************************************************************/


@media only screen and (min-width: 990px)  {
    .primary-nav > li > a{
        padding:10px 10px;
        font-size:14px;
    }    
}


@media only screen and (min-width: 1200px)  {
    .primary-nav > li > a{
        padding:10px 15px;
        font-size:16px;
    }    
}



@media only screen and (min-width: 1400px)  {
    .primary-nav > li > a{
        padding:10px 17px;
        font-size:18px;
    }    
}


@media only screen and (min-width: 1680px)  {
    .primary-nav > li > a{
        padding:10px 20px;
        font-size:20px;
    }    
}



    
    

/*

@media only screen and (max-width: 1680px)  {
    #bloc_menu{
        top:100px;
    }
    .primary-nav > li > a{
        padding:17px 20px 17px 20px;
        color:#114287;
        font-size:22px;
    }
    #logo_header img{
        width:400px;    
    }
    
}


@media only screen and (max-width: 1450px)  {
    #bloc_menu{
        top:170px;
    }
    .primary-nav > li > a{
        padding:17px 20px 17px 20px;
        color:#114287;
        font-size:25px;
    }
    #logo_header img{
        width:400px; 
    }
    
    .bloc_header_slide{
           margin:20px;padding:10px 0px 0px 0px;
    }
    .legende_header_slide{
        font-size:20px;padding:0px 20px 50px 20px
    }
    
}




@media only screen and (max-width: 1200px)  {
    .primary-nav > li > a{
        padding:17px 20px 17px 20px;
        color:#114287;
        font-size:20px;
    }
    #logo_header img{
        width:400px; 
    }
    .bloc_header_slide{
           margin:10px;padding:20px 0px 0px 0px;
    }
    .legende_header_slide{
        font-size:17px;padding:0px 20px 50px 20px
    }
}


@media only screen and (max-width: 1080px)  {
    .primary-nav > li > a{
        padding:17px 20px 17px 20px;
        color:#114287;
        font-size:19px;
    }
    #logo_header img{
        width:400px; 
    }
    
}
 
 
 .bloc_header_slide{
         margin:0 auto !important;
         max-width:300px;
         margin-bottom:30px !important;
}
*/




