html,body{
    margin:0;
    padding:0;
    background: #666666;
}
body{
    font: 75% arial,sans-serif;
}
.title{
    position:absolute;
    right:0px;
    color:#999999;
    margin-top:8px;
    margin-right:30px;
    font: 170% Verdana,Arial Black,arial,sans-serif;
    font-style: italic ;
    word-spacing : 3px;
    letter-spacing : 1px;

}
#content2{
     width:80%;
     border: 0px solid #000000;
     margin-left:80px;
}
p{
    margin:0 20px 0px;
    line-height:15px;
    /*margin-top:-15px;*/

}
ul{
    /*font: 110% arial,sans-serif;*/

}
a{
    display:block;
    color: #981793;
    padding:5px
}
#header{
    height:60px;
    margin:0px;
    background: #666666;
    color: #666666;
}


.logo{
    margin-top:7px;

    margin-left:20px;
}
/*---------------------------------------------------------------------------------------------------------------*/
/*--------------------MENU-------------------------MENU---------------------------------MENU---------------------*/
/*---------------------------------------------------------------------------------------------------------------*/

#menu{
    float:right;
    height:22px;
    width:80%;
    line-height:21px;
    margin:0px;
    border: 0px solid #000000;
    color: #666666;
    background:#999999;
}
.menu_border{
    margin:0px;
    float:left;


}
.case_groupe{
    margin:0px;
    float:left;
    background:#6699CC;
    height:22px;
    padding: 0px 1%;
    color: #FFFFFF;
    text-decoration: none;
}
a.case_groupe:hover{
    margin:0px;
    float:left;
    background:#6699CC;
    height:22px;
    padding: 0px 1%;
    color: #FFFFFF;
    text-decoration: none;
}
.case_actu{
    margin:0px;
    float:left;
    background:#006699;
    height:22px;
    padding: 0px 25px;
    color: #FFFFFF;
    text-decoration: none;
}
a.case_actu:hover{
    margin:0px;
    float:left;
    background:#006699;
    height:22px;
    padding: 0px 25px;
    color: #FFFFFF;
    text-decoration: none;
}
.case_info{
    margin:0px;
    float:left;
    background:#003366;
    height:22px;
    padding: 0px 25px;
    color: #FFFFFF;
    text-decoration: none;
}
a.case_info:hover{
    margin:0px;
    float:left;
    background:#003366;
    height:22px;
    padding: 0px 25px;
    color: #FFFFFF;
    text-decoration: none;
}
.case_titre{
    margin:0px;
    float:left;
    background:#CC6600;
    height:22px;
    padding: 0px 25px;
    color: #FFFFFF;
    text-decoration: none;
}
a.case_titre:hover{
    margin:0px;
    float:left;
    background:#CC6600;
    height:22px;
    padding: 0px 25px;
    color: #FFFFFF;
    text-decoration: none;
}
.case_contact{
    margin:0px;
    float:left;
    background:#999999;
    height:22px;
    padding: 0px 25px;
    color: #FFFFFF;
    text-decoration: none;
}
a.case_contact:hover{
    margin:0px;
    float:left;
    background:#999999;
    height:22px;
    padding: 0px 25px;
    color: #FFFFFF;
    text-decoration: none;
}

#smenu1{
    height:15px;
    background:#6699CC;
    line-height:10px;
    margin-top:0px;
    padding: 3px 20px;
    border-top: 1px solid #A3BFDC;
    border-bottom: 1px solid #32475C;

    z-index:200;
}
#smenu2{
    background:#006699;
    height:15px;
    line-height:10px;
    margin-top:0px;
    padding: 3px 20px;
    border-top: 1px solid #6BA4C0;
    border-bottom: 1px solid #052F43;

    z-index:200;
}
#smenu3{
    height:15px;
    line-height:10px;
    margin-top:0px;
    padding: 3px 20px;
    border-top: 1px solid #6B87A4;
    border-bottom: 1px solid #000000;
    background:#003366;
    z-index:200;
}
#smenu4{
    height:15px;
    line-height:10px;
    margin-top:0px;
    padding: 3px 50px;
    border-top: 1px solid #DCA36B;
    border-bottom: 1px solid #572E05;
    background:#CC6600;
    z-index:200;
}
#smenu5{
    height:15px;
    line-height:10px;
    margin-top:0px;
    padding: 3px 20px;
    border-top: 1px solid #C0BFBF;
    border-bottom: 1px solid #434342;
    background:#999999;
    z-index:200;
}
#menu2{
    height:21px;
    line-height:0px;
    margin:0px;
    padding-left:0px;
    z-index:200;
}
#center {
     position:absolute;
     left: 60%;
     width: 500px;
     margin-left: -250px; /* moitié de la largeur */
     border: 0px solid #000;
     }
.liensmenu{
    color: #FFFFFF;
    text-decoration: none;
    display: inline;
    texte-align:center;
    font: 90% arial,sans-serif;
    z-index:2;
}
a.liensmenu:hover{
    color: #FFFFFF;
    text-decoration: underline;
    display: inline;
    font: 90% arial,sans-serif;
    z-index:2;
}
.barre {
     margin-top:1px;
     }
#center {
     position:absolute;
     left: 60%;
     width: 500px;
     margin-left: -250px; /* moitié de la largeur */
     border: 0px solid #000;
     }

/*---------------------------------------------------------------------------------------------------------------*/
/*------------MENU DEROULANT-------------------MENU DEROULANT-------------------MENU DEROULANT-------------------*/
/*---------------------------------------------------------------------------------------------------------------*/
#smenuderoul1{
     position:absolute;
     background:#C0C0C0;
     width: 200px;

     border: 1px solid #FFFFFF;
     z-index:150;
     top:83px;
     left:300px;
     margin-right:40%;
     -moz-opacity:9;
     opacity: 9;
     filter:alpha(opacity=90);
}
#smenuderoul2{
     position:absolute;
     background:#C0C0C0;
     width: 200px;

     border: 1px solid #FFFFFF;
     z-index:150;
     top:83px;
     left:410px;
     margin-right:30%;
     -moz-opacity:9;
     opacity: 9;
     filter:alpha(opacity=90);
}


.liensmenu2{
    color: #000000;
    text-decoration: none;
    display: inline;
    texte-align:center;
    font: 90% arial,sans-serif;

}
a.liensmenu2:hover{
    color: #000080;
    text-decoration: underline;
    display: inline;
    font: 90% arial,sans-serif;

}
/*---------------------------------------------------------------------------------------------------------------*/
/*------------STRUCTURE-----------------------STRUCTURE--------------------------STRUCTURE-----------------------*/
/*---------------------------------------------------------------------------------------------------------------*/

#container{
    border: 0px solid #000;
    float:left;
    width:100%;
    color: #666666;
    background: #ffffff url(../images/background.gif) repeat-y;
}

div#navigation{
    float:left;
    z-index:100;
    float:left;
    width:184px;
    height:456px;
    border: 0px solid #000;
    }

#extra{
    margin-top:-46px;
    border:0px solid #000;
    height:106px;
    float:left;
    width:100%;
    z-index:1;
}


.foot{
    float:right;
    width:861px;
    height:106px;
    z-index:1;

}

div#wrapper{
    float:right;
    width:60%;
    margin-right:50px;
    padding:0px 4px;
    border: 0px solid #000;
    z-index:100;
    background: #ffffff;
    font: 95% arial,sans-serif;
    }
#annee{
    position:absolute;
    top:120px;
    left:210px;

}
div#wrapper2{
    float:right;
    width:75%;
    margin-right:10px;
    padding:0px 4px;
    border: 0px solid #000;
    z-index:100;
    background: #ffffff;
    font: 95% arial,sans-serif;
    }

/*---------------------------------------------------------------------------------------------------------------*/
/*-----------LIEN FOOTER--------------------LIEN FOOTER---------------------LIEN FOOTER--------------------------*/
/*---------------------------------------------------------------------------------------------------------------*/
.liensite{
    position:absolute;
    margin-top:60px;
    right:20%;
    border: 0px solid #000;

}


/*---------------------------------------------------------------------------------------------------------------*/
/*------------POLICE-----------------------POLICE--------------------------POLICE--------------------------------*/
/*---------------------------------------------------------------------------------------------------------------*/

.lien_externe{
    color: #0080C0;
    text-decoration: underline;
    display: inline;
    padding:0px;
    font-weight: bold;
    font: 100% arial,sans-serif;
}
a.lien_externe:hover{
    color: #B36804;
    text-decoration: underline;
    padding:0px;
    display: inline;

    font-weight: bold;
    font: 100% arial,sans-serif;
}

.lien_pdf{
    color: #cc6600;
    text-decoration: underline;
    margin-left:25px;
    display: inline;
    padding:0px;
    font-weight: bold;
    font: 120% arial,sans-serif;
}
a.lien_pdf:hover{
    color: #6699CC;
    text-decoration: underline;
    margin-left:25px;
    padding:0px;
    display: inline;
    font-weight: bold;
    font: 120% arial,sans-serif;
}

li{
    margin-left:30px;

}

h1{
    color: #0080C0;
    font-weight: bold;
    font: 200% "Century Gothic",arial,sans-serif;
    margin-top:10px;
}
h2{
    color: #808080;
    font-weight: bold;
    font: 200% Verdana,"Century Gothic",arial,sans-serif;
    display: inline;
    list-style-type: none;
    margin-left:40px;


}
.branche{
    position:absolute;
    margin-top:10px;
    right:5%;
    border: 0px solid #000;
    color: #FFFFFF;
}
.lienbranche{
    font: 95% arial,sans-serif;
    letter-spacing : 1px;
    font-weight: bold;
    text-decoration: none;
    color:#FFFFFF;
    float:left;
}
a.lienbranche:hover{
    letter-spacing : 1px;
    font: 95% arial,sans-serif;
    font-weight: bold;
    text-decoration: underline;
    color:#FFFFFF;
    float:left;
}

.lienplan{
    font: 80% arial,sans-serif;
    letter-spacing : 0px;
    font-weight: bold;
    text-decoration: none;
    color:#FFFFFF;

    position:absolute;
    margin-top:54px;
    right:5%;
    border: 0px solid #000;
    color: #FFFFFF;
}
a.lienplan:hover{
    letter-spacing : 0px;
    font: 80% arial,sans-serif;
    font-weight: bold;
    text-decoration: underline;
    color:#FFFFFF;

    position:absolute;
    margin-top:54px;
    right:5%;
    border: 0px solid #000;
    color: #FFFFFF;
}
ul{
     margin-top:-2px;

}

.liensiege{
    font: 100% arial,sans-serif;
    letter-spacing : 0px;
    font-weight: bold;
    text-decoration: none;
    color:#0080C0;
    position:absolute;
    border: 0px solid #000;

}
a.liensiege:hover{
    letter-spacing : 0px;
    font: 100% arial,sans-serif;
    font-weight: bold;
    text-decoration: underline;
    position:absolute;
    border: 0px solid #000;
    color: #808080;
}

.french{

    font: 100% arial,sans-serif;
    margin-top:3px;
    letter-spacing : 0px;
    font-weight: bold;
    text-decoration: none;
    position:absolute;
    color:#808080;
    border: 0px solid #000;

}
a.french:hover{

    margin-top:3px;
    font: 100% arial,sans-serif;
    letter-spacing : 0px;
    font-weight: bold;
    text-decoration: none;
    position:absolute;
    color:#808080;
    border: 0px solid #000;
}

.french2{
    float:right;
    font: 100% arial,sans-serif;
    margin-top:-5px;
    letter-spacing : 0px;
    font-weight: bold;
    text-decoration: none;
    position:absolute;
    color:#808080;
    border: 0px solid #000;

}
a.french2:hover{
    float:right;
    margin-top:-5px;
    font: 100% arial,sans-serif;
    letter-spacing : 0px;
    font-weight: bold;
    text-decoration: none;
    position:absolute;
    color:#808080;
    border: 0px solid #000;
}

/*---------------------------------------------------------------------------------------------------------------*/
/*------------PUCE-----------------------------PUCE--------------------------PUCE--------------------------------*/
/*---------------------------------------------------------------------------------------------------------------*/

.puce{
    margin-top:0px;
    float:left;

}
.flag{
    position:absolute;
    margin-top:58px;
    right:1px;
    width:33px;
    height:25px;
    border: 0px solid #000;
    color: #FFFFFF;
    background: url(../images/engl.gif) no-repeat;
}
.flagfr{
    position:absolute;
    margin-top:58px;
    right:1px;
    width:33px;
    height:25px;
    border: 0px solid #000;
    color: #FFFFFF;
    background: url(../images/french.gif) no-repeat;
}

.telecharge{
  float:right;
  margin-right:25px;
  text-decoration: none;
  width:32px;
  height:32px;
  margin-top:-7px;
}
strong{
  float:left;
}

/*--------------------------------------------------------------------------------------------------------------------------*/
/*----------------SALON LISTE----------------------SALON LISTE--------------------------SALON LISTE-------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------*/
.listemarque{
    float:left;
    width:350px;
    padding:0px;
    height:100px;
    border: 1px solid #808080;
    margin-right:;
    margin-left:;
    background:#C0C0C0;
    color:#FFFFFF;
    font-weight: bold;
    padding:4 2px;

}
.marge{
    float:left;
    width:650px;
    padding:10px;
    height:100px;
    border: 1px solid #FFFFFF;

    background:#FFFFFF;

    font-weight: bold;
    padding:4 2px;

}

.box_salon{
    float:left;
    width:200px;
    height:100px;
    margin-right:0px;
    margin-bottom:30px;
    border: 0px solid #000;

}

/*---------------------------------------------------------------------------------------------------------------*/
/*------------BOX---------------------------------BOX-----------------------------BOX----------------------------*/
/*---------------------------------------------------------------------------------------------------------------*/


.box_siege{
    float:left;
    width:250px;
    height:165px;
    margin-right:0px;
    margin-bottom:20px;
    border: 0px solid #000;
    line-height: 180%;
}

#cache{
    position:absolute;
    width:250px;
    height:265px;
    margin-right:0px;
    margin-bottom:20px;
    border: 0px solid #000;
    line-height: 180%
    background:#FFFFFF;
    z-index:2;
}
#siege1{
    position:absolute;
    width:250px;
    height:165px;
    margin-right:0px;
    margin-bottom:20px;
    border: 0px solid #000;
    line-height: 180%;
    z-index:1;
}
#siege2{
    position:absolute;
    width:250px;
    height:165px;
    margin-right:0px;
    margin-bottom:20px;
    border: 0px solid #000;
    line-height: 180%;
    z-index:1;
}
#siege3{
    position:absolute;
    width:250px;
    height:165px;
    margin-right:0px;
    margin-bottom:20px;
    border: 0px solid #000;
    line-height: 180%;
    z-index:1;
}
#siege4{
    position:absolute;
    width:250px;
    height:165px;
    margin-right:0px;
    margin-bottom:20px;
    border: 0px solid #000;
    line-height: 180%;
    z-index:1;
}
#siege5{
    position:absolute;
    width:250px;
    height:165px;
    margin-right:0px;
    margin-bottom:20px;
    border: 0px solid #000;
    line-height: 180%;
    z-index:1;
}
#siege6{
    position:absolute;
    width:250px;
    height:165px;
    margin-right:0px;
    margin-bottom:20px;
    border: 0px solid #000;
    line-height: 180%;
    z-index:1;
}
#siege7{
    position:absolute;
    width:250px;
    height:165px;
    margin-right:0px;
    margin-bottom:20px;
    border: 0px solid #000;
    line-height: 180%;
    z-index:1;
}
#siege8{
    position:absolute;
    width:250px;
    height:165px;
    margin-right:0px;
    margin-bottom:20px;
    border: 0px solid #000;
    line-height: 180%;
    z-index:1;
}
#siege9{
    position:absolute;
    width:250px;
    height:165px;
    margin-right:0px;
    margin-bottom:20px;
    border: 0px solid #000;
    line-height: 180%;
    z-index:1;
}
#siege10{
    position:absolute;
    width:250px;
    height:165px;
    margin-right:0px;
    margin-bottom:20px;
    border: 0px solid #000;
    line-height: 180%;
    z-index:1;
}
#siege11{
    position:absolute;
    width:250px;
    height:165px;
    margin-right:0px;
    margin-bottom:20px;
    border: 0px solid #000;
    line-height: 180%;
    z-index:1;
}
#siege12{
    position:absolute;
    width:250px;
    height:165px;
    margin-right:0px;
    margin-bottom:20px;
    border: 0px solid #000;
    line-height: 180%;
    z-index:1;
}
#siege13{
    position:absolute;
    width:250px;
    height:165px;
    margin-right:0px;
    margin-bottom:20px;
    border: 0px solid #000;
    line-height: 180%;
    z-index:1;
}
#siege14{
    position:absolute;
    width:250px;
    height:165px;
    margin-right:0px;
    margin-bottom:20px;
    border: 0px solid #000;
    line-height: 180%;
    z-index:1;
}
#siege15{
    position:absolute;
    width:250px;
    height:165px;
    margin-right:0px;
    margin-bottom:20px;
    border: 0px solid #000;
    line-height: 180%;
    z-index:1;
}
.contact{
    float:left;
    border: 0px solid #000;
    width:200px;
    margin-right:0px;


}
.texte{
    float:left;
    border: 0px solid #000;

    margin-right:20px;
    margin-top:10px;
    height:330px;
    width:230px;

}
.graph{
    float:left;
    border: 0px solid #000;
    margin-left:5px;
    margin-bottom:50px;
}
.retour{
   float:right;


}
/*--------------------------------------------------------------------------------------------------------------------------*/
/*------------CARTE EUROPE--------------------------CARTE EUROPE---------------------------------CARTE EUROPE---------------*/
/*--------------------------------------------------------------------------------------------------------------------------*/

.carteeurope{
    float:right;
    border: 0px solid #FFFFFF;

    width:458px;
    height:425px;
    margin-left:0px;
}

.logocarte{

    margin-top:7px;
}

.logomini{
    float:left;
    border: 0px solid #000;
    width:120px;
}
.lienlogo{
    margin-top:-20px;
    margin-bottom:2px;

}
.sm1{
 margin-top:3px;

}