@charset "UTF-8";

/**
 * Horizontal CSS Drop-Down Menu Module
 *
 * @file		dropdown.css
 * @package		Dropdown
 * @version		0.8
 * @type		Transitional
 * @stacks		597-599
 * @browsers	Windows: IE6+, Opera7+, Firefox1+
 *				Mac OS: Safari2+, Firefox2+
 *
 * @link		http://www.lwis.net/
 * @copyright	2006-2008 Live Web Institute
 *
 */


/**

 */
 
 
ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
 list-style: none;
 margin: 0;
 padding: 0; /** padding coralie  : 20 */
}

ul.dropdown {
 position: relative;
 z-index: 597;
 float: left;
 z-index: 99;
}

ul.dropdown li {
 float: left;
 line-height: 2.2em;
 vertical-align: middle;
 zoom: 1;

 
}

ul.dropdown li.hover,
ul.dropdown li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
}

ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
 width: 100%;  /** je l'avais mis a 98  */
}

ul.dropdown ul li {
 float: none;
}

ul.dropdown ul ul {
 top: 1px;
 left: 99%;
}

ul.dropdown li:hover > ul {
 visibility: visible;
}


ul, li {
    padding: 0px;
    margin: 0px;
}
ul.dropmenu{
    position: relative;
    margin: 0px;
    padding: 0px 0px 20px 0px;
    display:block;
    font-family: Helvetica,Arial,Verdana ,sans-serif;
    font-size: 14px;
    z-index: 99;
}


.dropmenu li {
    list-style: none;
}

.dropmenu li.child {
    position: relative;
    float: left;
    margin: 0px 0px 0 0;
    padding: 0px;
    width: 150px;
    text-align:center;
}


.dropmenu li a {
/*                text-align:left;*/

/*                padding: 20px 35px 20px 20px;*/
        padding: 15px 20px 13px 20px;
        display: block;
        cursor: pointer ;
        border-right: dotted 1px rgba(255,255,255,0.2);
        color: #FFFFFF;
        text-transform: uppercase;
        text-decoration: none;
        font-weight:bold;
        -moz-text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.9);
        -webkit-text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.9);
        text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.9);

}

.dropmenu li.borderNone {
         /* marge le mot contact a droite*/
/*                float: right ;*/

}
.dropmenu li.borderNone a {
        border-right: dotted 1px transparent;
        padding-right: 20px;
}


.dropmenu li:hover  {
/*                background-color:#0c0;*/
}

.dropmenu li span{
        display: block;
        float: right;
        height: 20px;
        width: 20px;
        /*background:transparent url("/img/arrow_up_.png") repeat-x scroll 0 0;*/
        position: absolute;
        top: 19px;
        right: 10px;
}

.dropmenu li.haschildren a.selected,
.dropmenu li:hover a {
        -moz-text-shadow: 0px 1px 2px rgba(255, 255, 255, 0.2) ;
        -webkit-text-shadow: 0px 1px 2px rgba(255, 255, 255, 0.2) ;
        text-shadow: 0px 1px 2px rgba(255, 255, 255, 0.2) ;
}

.dropmenu li:hover ul,
.dropmenu li:hover div {
        display: block;
}
.dropmenu ul{
        position: absolute;
        display: none;
        width: 140px;
        padding: 0px;
        margin: 0px;
        border-bottom: 1px solid #ccc;
}
.dropmenu ul li {
        border: 0;
        float: none;
}
.dropmenu ul a {
        white-space: nowrap;
        display:block;
        text-transform: none;
}

.dropmenu li.child a.selected
, .dropmenu li.child a:hover
{

        background: -moz-linear-gradient(top, #1B1D69 40%, #0054A4 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(40%,#1B1D69), color-stop(100%,#0054A4));
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1B1D69', endColorstr='#0054A4',GradientType=0 );
        background: linear-gradient(to bottom, #1B1D69 40%, #0054A4 100%);
        -moz-transition: all .25s ease-in;
        -webkit-transition: all  .25s ease-in;
        -o-transition: all .25s ease-in;
        transition: all .25s ease-in;
}

.dropmenu li.child a:hover.titreLien, a.selected {
        box-shadow: 0px 0px 10px rgba(0,0,0,0.9);
        -moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.9);
        -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.9);
}

a.selected span {
        /*background:transparent url("/img/arrow_hover_.png") repeat-x scroll 0 0; */
}

.dropmenu .produits,
.dropmenu .actualites {text-align:left;

}

.dropmenu .produits ul a:hover
, .dropmenu .actualites ul a:hover {
        color:#ffffff !important;
        text-decoration: none;
        background-image: none;

        background-color:rgba(255,255,255,0.1);
        border-bottom:1px solid rgba(255,255,255,0.5);

        -moz-text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.9);
        -webkit-text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.9);
        text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.9);

        -moz-transition: all .25s ease-in;
        -webkit-transition: all  .25s ease-in;
        -o-transition: all .25s ease-in;
        transition: all .25s ease-in;
        
}

.dropmenu div ul {
        position: relative;
        display: block;
}

.dropmenu li div {
        border: 1px solid #000B14;
        border-width: 0 1px 1px 1px ;
        padding: 5px 5px 0px 5px ;
        display: none;
        position: absolute;
        border-radius : 0px 0px 10px 10px ;
        -moz-border-radius: 0px 0px 10px 10px ;
        -webkit-border-radius: 0px 0px 10px 10px ;
        box-shadow: 0px 10px 7px rgba(0,0,0,0.5);
        -moz-box-shadow: 0px 10px 7px rgba(0,0,0,0.5);
        -webkit-box-shadow: 0px 10px 7px rgba(0,0,0,0.5);

}

.dropmenu li div ul{
        border: none;
        background: none;
        position: relative !important;
}
.dropmenu li div a{
        border: none;
        border-bottom: 1px solid rgba(255, 255, 255, 0.25) ;
}

.dropmenu li div div{
        display: block;
        position: relative;
        background: none;
        border: none;
}
.dropmenu li div div a{
        display: inline;
        border: none;
        text-decoration: underline;
        padding: 0px;
        margin: 0px;
        text-transform: none;
}

.dropmenu li div div a:hover{
        color: #000;
        text-decoration: none;
}

ul.left {
    float: left;
    width: 150px;
    margin: 0 5px 0 0 ;
}

.omega {margin: 0;}

.actualites, .produits {
    color: #FFFFFF;
    background: -moz-linear-gradient(top, #0054A4 50%, #1B1D69 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#0054A4), color-stop(100%,#1B1D69));
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0054A4', endColorstr='#1B1D69',GradientType=0 );
    background: linear-gradient(to bottom, #0054A4 50%, #1B1D69 100%);
    z-index: 99;
}

.actualites ul.left, .produits ul.left {
    width : 250px;
}

.produits {
    width: 260px;
}

.actualites {
    width : 250px;
}

.actualites ul li, .produits ul li {
    width : 250px;
    text-align: left;
}

.actualites ul, .produits ul {
    margin: 10px 0;
}

.actualites ul li a, .produits ul li a {
    font-weight:normal;
    padding: 10px 5px;
}

.child .actualites .txt{
    text-align: left;
    box-shadow: none ;
}

.actualites ul li a:hover, .produits ul li a:hover {
    padding-left: 20px;
}

.right {
        float: right ;
}

.small, .small a {
        color: #ffffff;
        font-size: 10px;
        padding: 10px 5px 8px 5px !important;
        display: block;
        clear: both;
        font-weight:normal;
        text-decoration: none ;
}

#menuHaut {
    background: -moz-linear-gradient(top, #1B1D69 0%, #0054A4 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1B1D69), color-stop(100%,#0054A4));
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1B1D69', endColorstr='#0054A4',GradientType=0 );
    background: linear-gradient(to bottom, #1B1D69 0%, #0054A4 100%);
    min-height: 47px;
    padding: 0 0 0 25px;
}

.produits ul li.menu-red a {
    /*background: -moz-linear-gradient(right, #bb4040 0%, #0054a4 100%);
    background: -webkit-gradient(linear, left, right, color-stop(0%,#bb4040), color-stop(100%,#0054a4));
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bb4040', endColorstr='#0054a4',GradientType=0 );
    background: linear-gradient(to right, #bb4040 0%, #0054a4 100%) repeat scroll 0 0 rgba(0, 0, 0, 0)*/
    color: #ff4040;
    text-transform: uppercase;
    font-weight: bold;
}

.produits ul li.menu-red a:hover {
    color: red !important;
    -moz-text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.9);
    -webkit-text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.9);
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.9);
}