html,body{
    margin:0;
    padding:0;
    background: #666666;
}
body{
    font: 75% arial,sans-serif;
}
p{
    margin:0 10px 10px;
    font: 90% arial,sans-serif;
    
}
ul{
     font: 90% 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;

}

a{
    display:block;
    color: #981793;
    padding:10px
}
#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;
    line-height:10px;
    margin-top:-23px;
    padding: 3px 20px;
    border-top: 1px solid #A3BFDC;
    border-bottom: 1px solid #32475C;
    background:#6699CC;
    z-index:200;
}
#smenu2{
    height:15px;
    line-height:10px;
    margin-top:-23px;
    padding: 3px 20px;
    border-top: 1px solid #6BA4C0;
    border-bottom: 1px solid #052F43;
    background:#006699;
    z-index:200;
}
#smenu3{
    height:15px;
    line-height:10px;
    margin-top:-23px;
    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:-23px;
    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:-23px;
    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:2;
}
#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;

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

}
.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:320px;
     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:470px;
     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;
}

div#navigation{

    z-index:3;
    float:left;
    width:184px;
    height:456px;
    margin-top:-46px;
    border: 0px solid #000;
    }
#extra{

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


.foot{
    float:right;
    width:861px;
    height:106px;
    z-index:1;
    border:0px solid #000;
}

div#wrapper{
    float:right;
    margin-top:-30px;
    width:54%;
    padding:0px 4px;
    border: 0px solid #000;
    z-index:100;

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

}

li{
    margin-left:30px;

}

h1{
    color: #0080C0;
    font-weight: bold;
    font: 165% "Century Gothic",arial,sans-serif;
    margin-top:5px;
}
h2{
    color: #0080C0;
    font-weight: bold;
    font: 40% "Century Gothic",arial,sans-serif;
    margin-top:10px;
}
.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;
}
/*---------------------------------------------------------------------------------------------------------------*/
/*------------PUCE-----------------------------PUCE--------------------------PUCE--------------------------------*/
/*---------------------------------------------------------------------------------------------------------------*/

.puce{
    margin-top:5px;
}

.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;
}

#pscroller2{
position:absolute;
margin-left:35px;
top:449px;
width: 470px;
height: 42px;
border: 0px solid black;
padding: 2px;
}

#pscroller2 a{
margin-top:-8px;
text-decoration: none;
color:#666666;
letter-spacing:1px;
font-weight: bold;
}

.someclass{ //class to apply to your scroller(s) if desired

}