img {
    padding: 0px;
    margin: 0px;
    border: 0px;
}

body {    
    background-color: #CCCCCC;
    font-family: Arial, Helvetica, sans-serif;    
    font-size: 12px;    
    line-height: 2em;    
    margin-top: 0em;
    margin-right: 0.1em;
    margin-bottom: 0.1em;
    margin-left: 0.1em
}
H1{
    color: #4585c4;
    font-family: Arial, Helvetica, sans-serif;    
    font-size: 24px; 
    text-transform : capitalize;     
    
}

#metawrapper{
    width: 950px ;
    margin-left: auto;
    margin-right: auto;
    padding:0px;
    text-align: center;
    clear: both;
    background-color: #FFFFFF;
}



#wrapper{
    width: 950px ;
    padding:0px;
    text-align: center;
    clear: both;
    float:left;
}


#header{      
    padding:15px 0px 20px 0px ;
    margin:0px;
    height:90px;
    width: 950px ;   
}
#main_menu{
    width: 733px !important;
    width: 950px ;
    text-align:center;
    padding:0px 0px 0px 217px ;
    margin:0px 0px 0px 0px; 
    background: #FFFFFF url(./css/hline.png) no-repeat bottom;

    height: 50px;

}
/*
#main_menu UL{
    list-style:none;  
    padding:0px ;
    margin:0px;
}
    
#main_menu UL LI{
    display:inline;          
    margin:0px 0px 0px 15px;
    padding:0px 0px 0px 18px;
    font-size: 16px;
    font-family: Arial, Helvetica, sans-serif; 
    font-style: normal;
    font-weight: bold;
}

#main_menu UL LI:hover{
    color: #FFF;
}

#main_menu UL LI a {    
    color:#4585c4;
    text-decoration: none
}
*/
#nav {
  font: bold 16px arial;
  height:40px;
  color:#4585c4;
  z-index:99;
}

#nav, #nav ul { /* all lists */
    padding: 0;
    margin: 0;
    list-style: none;
}

#nav a {
text-decoration:none;
color:#4585c4;
background: url(./css/px2x2.gif) no-repeat top;
display: block;
}


#nav li { /* all list items */
    padding: 13px 20.7px 0 20px !important;
    padding: 13px 20.7px 0 18px ;
    float: left;
    height:27px;
}
#nav li:hover { /* all list items */
color: #0000;
/*background: #FFFFFF url(./css/topmenuheader.jpg) no-repeat top;*/
background: #8FADAC;
}



#nav li:hover, #nav li.hover {
    position: static;
}
#nav li li li.sfhover ul {
position: fixed;
}
#nav li ul { /* second-level lists */
    margin:5px 0 0 -20px ;
    position: absolute;
    width: 200px;
    left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li ul li { /* second-level lists */
    display: block;
    height: auto;
    padding: 4px 4px 4px 15px !important;
    padding: 4px 0px 4px 15px ;
    color: #FFF;
    font: bold 12px arial, helvetica, sans-serif;
    border-bottom: 1px solid #4585c4;
    text-align: left;
    text-transform: none;
    float: none;
    background: #8FADAC;

}
li > ul {
top: auto;
left: 0;
}
#nav li ul li:hover { /* second-level lists */
    color: #4585c4;
    background: #ffffff;
}
#nav li ul ul { /* third-and-above-level lists */
    margin: -20px 0 0 185px;
   background:inherit;
   padding:0;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
    left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
left: auto;
}



#conteneur{
    float: left;
    width: 950px;
    margin-top:15px;     
}


#colleft{
    width: 217px;
    float: left;
    text-align: left;
    padding-bottom: 15px;
        
    
}
#colleft UL {
    list-style:none;  
    padding:0px 15px 0px 0px;
    margin:-10px 0px 0px 0px;
    background: #E6E6E6;
}

#colleft UL LI{
    list-style:none;  
    font-size: 14px;
    font-weight: bold;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 15px;
}

#colleft UL LI A{
    color:#4585c4;
    text-decoration: none;
    text-transform : capitalize;
}



#colleft UL LI UL LI{   
    font-family: arial ;
    font-family: fantasy; 
    font-weight: normal;
    font-size: 12px;
    margin:0px 0px 0px -15px;
}

#second_menu {
    width:179px !important;
    width:209px;    
    padding:15px;
    margin:0px 0px 0px 8px;
}

#wrapmaincontent{
    background: url(css/bg_content2.jpg) repeat-y right top; 
    margin:-7px 0px 0px 0px;
    float:left;
    padding: 0px;
}
#main_content{
    text-align: justify;   
    margin: 0px 20px 0px 20px;
    float:left;
    padding: 0px 0px 0px 0px;
    width: 655px;

}

#main_content img{
    border: solid 2px #585858;
    margin:10px;
}
#main_content P{
    margin: 0px ;
    padding:0px;
}

#third_menu{
    float:right;
    width:160px !important;
    width:200px;
    border: solid 2px #929292;
    margin: 0px 0px 0px 20px;
    padding:0px 10px 0px 10px;
    background: #9CC6DA;
    line-height: 1em;
    color: #4585C4;
}


#third_menu UL{
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    list-style: none;
    display: inline;
}


#third_menu UL  LI{
    padding:2px 0px 3px 0px ;
    margin:0px 0px 0px 0px ;
    text-align: right;
}

#third_menu UL  LI a{
    color: #4585C4;
}
#third_menu UL  LI a:hover{
    color: #585858;
}


#footer{
    color: #FFFFFF;
    background-color: #3E2B42;
    clear: both;
    line-height:1.1em;
    margin-bottom: 15px;
}
#footer A{
    color:#FFFFFF;
    text-decoration: none;
    font-size: 12px;
}

#footer A:hover{
    color: #FFF;
    text-decoration: underline;
}

#secondary_menu{
    width: 100%;
    margin:0px 0px 15px 0px;
}
#secondary_menu UL{
    margin:0px 5px 0px 0px;
    padding:0px;
    list-style: none;
}
#secondary_menu UL LI{
    padding:4px 0px 0px 0px ;
    margin:0px 0px 0px 0px ;
    height:20px !important;
    height:25px;
    background: url(css/secondaire_line.gif) no-repeat right bottom;
    text-align: right;
}

#secondary_menu UL LI A{
    text-decoration:none;
    color:#579CB8;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
}

#secondary_menu UL LI A:hover , #secondary_menu UL LI A.actif{
    color:#F26101;
}




#social{
    
    text-align: center;    
    height: 32px;
    margin-left:auto; 
    margin-right:auto;
    width:300px;
    clear: both; 
}
#social #eleme{
    display: inline;
    padding:5px 0px 0px 0px ;
    margin:0px 0px 0px 0px ;
    background:  url(css/social.gif) repeat-x left bottom;
    text-align: center;
    /*height: 27px !important;*/
    height: 27px;
    float:left;
    width: 250px;
}
#social #eleme img{
    margin:0px 2px 0px 2px ;
}

#social #first {
    background: url(css/firstsocial.gif) no-repeat left bottom;
    width:25px;
    height: 32px;
    float:left;
}
#social #last {
    background: url(css/lastsocial.gif) no-repeat right bottom;
    height: 32px;
    width:25px;
    float:left;
}



#pattent{
    width: 100%;
    color:#4585c4;
    font-size:11px;
    font-family: Arial, Helvetica, sans-serif;
    clear: both;
    text-align: center;
    background-color: #CCCCCC;
}
#pattent a{
    color:#4585c4;
    text-decoration: none;
}
#pattent a:hover{
    text-decoration: underline;
}



/**   MEWS CSS**/
#news {
    text-align: right;
    margin:0px 0px 20px 0px;
    padding:0px;
    width:185px;    
    float: left;
    background: none;    
}

#news H2{
    color:#FF7E00;
    font-family: arial;
    font-size: 16px;
    font-weight: bold;
    margin:0px 0px 0px 0px;
    padding:0px;
}

#news A {
    color:#579CB8; 
    font-family: arial;
    font-weight: bold;    
}

#news A:hover{
    color:#FF7E00;    
}

.morenews {
    padding-bottom:10px
}

.morenews A{
    color:#579CB8;
    font-family:arial;
    font-weight:bold;
    font-size:11px;
}


/******************** CUSTOMER ZONE *********************/
#customer{
    width: 175px;
    height: 127px;
    background: url(css/cadre_customer.gif) no-repeat left;
    color:#579CB8;
    font-size: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-align: center;
    padding:0px;
    margin:0px 0px 5px 25px;
    float: left;
}

#customer p.title{
        padding:0px 0px 0px 0px;
        margin: 0px;
        font-weight: 600;
}

#customer .imgcust{
        height:81px;
        margin:0px 0px 0px 0px;
        padding:0px 0px 0px 0px;
}



#customer .nav {
    height:24px !important;
    height:26px;
    margin:0px 0px 0px 0px;
    padding:0px 0px 2px 0px;
}


#customer .nav img{
    margin:0px 10px 0px 10px;
    padding:0px 0px 0px 0px;
}
/******************************/