/**************************



GENERAL



**************************/



* 



    {



    padding: 0px;



    margin: 0px;



    /*border: 0;*/



    }







img, td.img {



    border:0px solid white;



    margin: 0px 0px 0px 0px;



    padding: 0px 0px 0px 0px;



}







a:hover{



    color:#FF7E00;



}







body, html     {



    margin: 0px 0px 0px 0px;



    padding:0px;



    background: #FFFFFF url(css/top_sky.jpg) no-repeat center top;        



}







div,td{



    text-align: justify;



    font-family: Verdana, geneva, Helvetica, sans-serif;



    font-size: 12px;



    color: #808080;



}



.spacer {



  clear: both;



}







/*************************/











.conteneur{



    width: 955px !important; 



    width: 960px ;



    margin-left: auto;



    margin-right: auto;



    padding:0px;



    text-align: center;



}



#menu_lang{



    text-align: right;



    width:100%;



    padding:0px;



    margin:0px;



    color:#FFFFFF;



    background:  url(css/menu_lang.gif) no-repeat left center; 



    height:18px !important;  



}







#menu_lang P.head{



    text-align: right;



    height:18px;     



    width:12px;



    background:   url(css/menu_lang_head.gif) no-repeat left center;    



    padding:0px;



    margin:0px;



    color:#FFFFFF;



    font-size: 10px;



    letter-spacing: 1px;



    text-transform: uppercase;



    float:right;



}







#menu_lang P.tail{



    height:16px !important;



    height:18px;



    margin:0px;



    padding:2px 25px 0px 0px ;



    background:  url(css/menu_lang_tail.gif) no-repeat right center;      



    font-size: 8px;



    letter-spacing: 1px;



    text-transform: uppercase;



    float:right;



}







#menu_lang A{



    color:#000000;



    text-decoration: none;



}







#mid_banner{



    clear: both;



}







#colleft{



    width:185px;     



    float: left;



    background: url(css/colleft.gif) no-repeat left top;



}



#quote_bouton{



    width: 185px;



    height: 147px;                   



    padding-top:20px;



    text-align:center;



    margin:0px 0px 0px 0px ;    



}



#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: Verdana, Arial, Helvetica, sans-serif;



    font-size: 11px;



}







#secondary_menu UL LI A:hover , #secondary_menu UL LI A.actif{



    color:#F26101;



}







#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 15px 0px;



    float: left;



}



#customer p.title{



        padding:5px 0px 0px 0px;



        height:20px;



}



#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;



}



#third_menu{



    width: 100%;



    margin:0px 0px 15px 0px;



    float: left;



}











#third_menu UL{



    margin:0px;



    padding:0px;



    list-style: none;



    display: inline;



}











#third_menu UL  LI{



    padding:2px 0px 3px 0px ;



    margin:0px 0px 0px 0px ;



    background: url(css/standart_3_level.gif) repeat-y left top;



    text-align: right;



}







#third_menu UL  LI:first-child {



    background: url(css/top_3_level.gif) no-repeat left top;



    padding:2px 0px 0px 0px ;







}







#third_menu UL  LI:last-child {



    background: url(css/bottom_3_level.gif) no-repeat left bottom;



        height:10px;



}







#third_menu UL LI A{



    padding:0px 0px 0px 0px ;



    margin:0px 0px 0px 0px ;



    color:#304269;



    text-decoration: none;



    text-transform:uppercase;



    font-size: 11px;



    font-family: arial;     



}



#third_menu UL LI A:hover{



   color:#FF7E00;



}







#third_menu UL LI A.actif{



   color:#FF7E00;



}







#third_menu UL  LI UL {



    padding:2px 0px 0px 0px ;



    margin:0px 0px 0px 0px ;



    text-align: right;



    background-image: none;



    list-style: disc;



    float: right;



}







#third_menu .fourthmenu {



    text-align: right;



    background: url(css/menu_colleft_pix.gif) repeat-y left bottom;  



    padding:0px 0px 5px 0px;   



    margin:0px 0px 0px 0px;            



}







#third_menu .fourthmenu  A{



    padding:0px 0px 0px 0px ;



    margin:0px 0px 0px 0px ;



    color:#579CB8;



    text-decoration: none;



    font-size: 11px;



    font-family: arial; 



    font-weight: nornal;



}







.fourthmenu A:hover{



   color:#FF7E00;



}



/**



.fourthmenu {



    text-align: right;



    background: url(css/menu_colleft_pix.gif) repeat-y left bottom;  



    padding:0px 0px 10px 0px;   



    margin:0px 0px 0px 0px;        



}







.fourthmenu UL  {



    list-style: disc;



    padding:0px 0px 0px 0px;   



    margin:0px 0px 0px 0px;      



}







.fourthmenu UL  LI:first-child, .fourthmenu UL  LI:last-child , .fourthmenu UL  LI {



    background: none;



    padding:0px 0px 0px 0px;   



    margin:0px 0px 0px 0px;      



}







.fourthmenu UL LI A{



    padding:0px 0px 0px 0px ;



    margin:0px 0px 0px 0px ;



    color:#579CB8;



    text-decoration: none;



    font-size: 11px;



    font-family: arial;



}







.fourthmenu UL LI A:hover{



   color:#FF7E00;



}



  **/







#left_advertasing{



    width:100%;



    background-color: #CDCDFF;



}



#main{



    width: 590px;



    float: left;



    



}



#banner{



    width: 100%;



    text-align: center;



    height:85px;



    background: url(css/bglogo.gif) no-repeat left top;



    vertical-align: bottom;    



}



#banner img{



    margin-top:40px;



}



#banner_texte{



    width:100%;



    background:  url(css/logo-sentence.gif) no-repeat left top;



    text-align: center;    



    height:30px;



    font-family: Arial, Helvetica, sans-serif;



    font-size: 12px;



    font-style: italic;



    font-variant: normal;



    letter-spacing: 5px;



    color:#A1BCCB;



    



}



#main_menu{



    width: 590px;



    text-align: left;



}







#main_menu TD{



    margin:0px;



    padding:0px;



    height: 37px;    



}







#main_menu .start{



    margin:0px;



    padding:0px;



     background: url(css/mainmenu.gif) no-repeat left top;



    height: 37px;



    padding: 0px 0px 0px 10px;



    text-align: center;



    width:100px;



    text-transform:uppercase;    



}







#main_menu TD A{



    color: #579CB8;



    font-size:10px;



    font-weight: bold;



    font-family: Verdana, Arial, Helvetica, sans-serif;



    text-decoration:none;



    white-space: nowrap;  



}







#main_menu TD A:hover , #main_menu TD a.actif{



    color: #F26101;



}







#breadcrumb{



    /*width: 590px  !important;*/        



    width: 556px;



    text-align: left;    



    height:25px !important;



    height:40px;



    margin:0px;



    padding:15px 0px 0px 16px; 



    color: #B7B7B7;



    font-family: Verdana, Arial, Helvetica, sans-serif;



    font-size:11px;



  



}







#breadcrumb A{



    color: #B7B7B7;



    font-family: Verdana, Arial, Helvetica, sans-serif;



    text-decoration:none;    



}











#main H1{



    width: 556px;



    /*width: 590px;*/



    text-align: left;    



    /*height:30px !important;*/



    /*height:40px;*/    



    margin:0px;



    padding:0px 0px 0px 34px;



    color: #C2DBE8;



    font-family: Verdana, Arial, Helvetica, sans-serif;



    font-size:26px;    



    font-weight:100;    



    letter-spacing:-2px;  



}







#main_content{



    width: 590px;



    text-align: justify;



    padding:0px;



    margin: 0px;

    font-size:11px





}











#main_bot{



    width: 588px;  



    /*width: 580px;         */



    height: 17px;



    /*padding:0px 32px 0px 32px;  */



    margin:0px;    



    float: left;



    background:url(css/bottomcontent2.gif) no-repeat center bottom;



   



}



#left_advertasing        {



    width: 100%;



    background-color: #E6E6FA;



    float: left;



    clear: left;



}







#quickform{



    width: 175px;



    height: 278px;    



    padding:0px 0px 0px 0px ;



    margin:31px 0px 0px 0px ; 



}







#quickform form {



    padding:28px 10px 0px 15px ;



} 



#quickform form div.content{



    height:222px;



}



#quickform form div.title {



    color:#FFFFFF;



    font-size: 14px;



    text-align: center;



    padding:0px 0px 0px 0px ;



    margin:0px 0px 10px 0px ;     



} 







#quickform form label {



    color:#579CB8;



    font-size: 10px;



    text-align: center;



    padding:0px 0px 0px 0px ;



    margin:0px 0px 0px 0px ; 



} 







#quickform form select , #quickform form input{



    border:solid 1px #579CB8;



    color: #579CB8;



    margin-bottom:7px;



} 







#quickform form div.submit {



    color:#FFFFFF;



    font-size: 11px;



    text-align: right;



    letter-spacing:1px;




    padding:0px 0px 0px 0px ;



    margin:0px 5px 0px 0px ;  



}                              



#quickform form div.submit img {  



        vertical-align: middle; 



    display: inline-block;



}



#quickform form div.submit span {



    padding-top:3px;



        vertical-align: middle; 



    display: inline-block;



} 



#quickform form div.submit A{



   color:#FFFFFF;



   text-decoration: none; 



}







#right_1_advertasing{



    width: 175px;



    padding: 5px 0px 2px 0px;



    margin:5px 0px 0px 0px ;



    text-align: center;



}







#right_2_advertasing{



    /* background-color: #F0E68C; */



    height:161px !important;



    height:176px;



    width: 175px;



    background: url(css/cadre_colright_pub2.gif) no-repeat center top;        



    clear: both;



    padding: 13px 0px 2px 0px;



    margin:5px 0px 0px 0px ;



    font-size:13px;



    letter-spacing:1px;



    text-align: center;    



}







.col_right_button{



    height:32px !important;



    height:50px;



    width: 175px;



    background: url(css/bg_blu_button.gif) no-repeat left top;        



    clear: both;



    padding:13px 0px 0px 0px;



    margin:5px 0px 0px 0px ;



    color:#FFFFFF;



    font-size:10px;



    letter-spacing:1px;



    text-align: center;



}







.col_right_button A {



    color:#FFFFFF;



    text-decoration: none;



}







.col_right_button A:Hover {



    text-decoration: underline;



}







.partner_button{



    height:33px !important;



    height:46px;



    width: 175px;



    background: url(css/backpartner.gif) no-repeat center top;        



    clear: both;



    padding:8px 0px 0px 0px;



    margin:5px 0px 0px 0px ;



    font-size:13px;



    letter-spacing:1px;



    text-align: center;



}







.partner_button A {



    color:#579CB8;



    text-decoration: none;



}







.partner_button A:Hover {



    text-decoration: underline;



}







#le_zone{



    clear:both;



    text-align:center;   



    padding:0px;



    margin: 10px 10px 10px 10px ;     



}







#le_zone A{



    color: #929292;



    text-decoration:none;



    font-weight: bold;   



}







#le_zone a:hover {



    color:#FF7E00;



}



















#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;



}



























/*********   MODULE CUSTOMER SPECIFIC CSS         *************/








#customerlist {
  width:500px;
}

#customerlist UL{
    clear:both;
}







#customerlist UL LI{
    list-style: disc;
    margin-bottom: 20px; 
}                        







#customerlist UL LI UL{  



    clear:both;     



}







#customerlist UL LI UL LI{



    margin:0px;



    padding: 0px 0px 20px 0px; 



    list-style: none;



    margin-left: 0px; 



}







#customerlist UL LI UL LI img {



    margin: 0px 10px 10px 0px; 



    vertical-align: text-top;



}







#cat_cust {



    width:100%;



    text-align: center;



    margin: 20px 0px 20px 0px; 



}







#cat_cust UL {







}







#cat_cust UL LI{



    list-style: circle;  



    display:inline;  



    margin:0px 4px 0px 4px ;



}







/**************** MODULE TEAM SPECIFIC CSS  ******************/



#teamlist {



  clear:both;



}



.teamlist_display{



    float: left;



    width:48%



}



.teamlist_display UL  LI{



    list-style-image: url(images/fleche-rouge.gif);



    margin-left:20px;



    clear: left;



}







.teamlist_display UL  LI A{



    color:#304269;



    text-decoration: none;



}







.teamlist_display UL  LI A:hover{



    color:#FF7E00; 



}



















.col_teamlist{



    margin:10px 0px 0px 0px;



    text-align: right;



    



}







.col_teamlist UL  LI{



    list-style-image: url(images/fleche-rouge.gif);



    margin-left:20px;



}







.col_teamlist UL  LI A{



    color:#304269;



    text-decoration: none;



    font-weight: bold;



}







.col_teamlist UL  LI A:hover{



    color:#FF7E00; 



}







.teammember{



  margin:0px 0px 10px 0px; 



  float:right;



  width: 400px;



}







.portrait{



    float:left;   



    margin:0px 10px 10px 0px;



    padding:5px 5px 5px 5px;



    color:#FF7E00;  



    text-align: center;



    border: none;  



}



.portrait img{



    border: #000000 1px solid;



}







.team_block{



    float:left;   



    margin:15px 0px 0px 0px;



    width:100%;



    border-bottom: #FF7E00 1px dotted; 



}







/**   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;



}







.villesgauche {



    font-size: 10px;



    font-weight: bold;



    color: #73b0cf;



    text-align: right;



    letter-spacing: 1px;



    padding: 3px 4px 0px 0px ;



}



.adressesvillesgauche {



    font-size: 10px;



    color: #999999;



    text-align: right;



    padding: 0px 4px 0px 0px ;



}















.titregauche {



    font-size: 10px;



    color: #999999;



    text-align: right;



    padding: 0px 4px 0px 0px ;



}



.titregauche2, .titregauche2 a {



    font-size: 13px;



    color: #73b0cf;



    font-weight: bold;



    text-align: right;



    padding: 0px 4px 0px 0px ;



    text-decoration: none;



}







.titregauche2 a:hover {



    text-decoration: underline;



}







.titregauche UL {



    text-align: right;



}







.titregauche UL LI{



    list-style: none; 



    background: url(css/flechebleue.gif) no-repeat left;



    padding-left: 15px;  



    float:right;



    clear:right;



}