body {
            background : url(../images/fond_site.jpg) top center;
            margin : 0;
            padding : 0;
            font-family: Verdana;
}

img {text-decoration: none; border: none;}
img:active {text-decoration: none; border: none;}
img:visited {text-decoration: none; border: none;}
img:link {text-decoration: none; border: none;}


/* --------------------------
            BANNIERRE
  ---------------------------*/



#page {
            width: 960px;
            margin: 0 auto 0 auto;
            padding: 25px 0 0 0;
            clear: both;
}

#banniere {
            height : 88px;
            background : url(../images/banniere.png) no-repeat top center;
}

#seba {
            cursor: pointer;
            width : 60px;
            height : 50px;
            float: right;
            margin-right: 175px;
}


/* --------------------------
            MENU
  ---------------------------*/

#menu { }

#menu ul li {
            margin-top : 50px;
            float : left;
            text-align : center;
            margin : 65px 35px 0 -10px;
            list-style-type: none;
            font-size : 12px;
            font-family : Verdana;
}

#menu ul li a {    
            text-decoration : none;
            color : #849292;
}

#menu li a:hover {color : #f08232;}
.barre {color : #849292;}

.lien {
            float: right;
            margin-top : 50px;
            text-align : center;
            margin : 8px -110px 0 0;
            list-style-type: none;
            font-size : 12px;
            font-family : Verdana;
            padding-right: 80px;
}

.lien a {    
            text-decoration : none;
            color : #849292;
}

.lien a:hover {color : #f08232;}


/* ---------------------------------
            SOUS MENU PRODUITS
  -----------------------------------*/


#menu_products p {
            float : left;
            text-align : center;
            font-size : 11px;
            font-family : Verdana;
}

.pr_frames {margin: 40px 0 0 170px;}

.pr_wheels {margin: 40px 0 0 230px;}

.pr_suits {margin: 40px 0 0 225px;}

#menu_products p a{
            text-decoration : none;
            color : #849292;
}

#curseur_menu img {
            margin-left: 90px;
}

/* ---------------------------
            SOUS MENU 
  ---------------------------*/

#sous_menu {
            float : right;
            background : url("../images/1px_sous_menu.png")  repeat-x;
            margin-top: 15px;
            margin-right : 1px;
            width: 300px;
            height: 30px;
            
}

#bout_menu {
            float: right;
            margin-top: 15px;
}

#sous_menu ul {
            float : right;
            margin-right : 10px;
            margin-top : 6px;
            margin-left: -30px;
}

#sous_menu li {
            float : left;
            list-style : none;
            font-family : Verdana;
            font-size : 9px;
            padding : 0px 10px 0px 10px;
}

#sous_menu ul li a {
            text-decoration : none;
            color : #eb6a0d;
}

#sous_menu ul li a:hover {
            text-decoration : none;
            color : black;
            
}



/* --------------------------
            CORPS
  ---------------------------*/


#corps_central {            
            height : 355px;
            background : url(../images/fond_contenu.png) no-repeat top center;
}


/* --------------------------------
            CORPS CATEGORIE
  --------------------------------*/


#products_frames{
            float: left;
            height: 150px;
            width: 200px;
            background-color: white;
            margin: 50px 0 0 90px;
            border: solid 3px;
            border-color: #cfcbcb;
            opacity: 0.7; 
}

#products_wheels
{
            float: left;
            height: 150px;
            width: 200px;
            background-color: white;
            margin: 50px 0 0 70px;
            border: solid 3px;
            border-color: #cfcbcb;
            opacity: 0.7; 
}

#products_suits
{
            float: left;
            height: 150px;
            width: 200px;
            background-color: white;
            margin: 50px 0 0 70px;
            border: solid 3px;
            border-color: #cfcbcb;
            opacity: 0.7; 
}

/* --------------------------------------
            CORPS WHEELS & FRAMES
  ---------------------------------------*/


#description_frames {
            float : left;
            width : 229px;
            height : 261px;
            margin: 10px 0 0 0;
}

#viewer_description {
			float: left;
            margin-top: 37px;
            margin-left: 75px;
}


#viewer_wheels{
			float: left;
            width : 450px;
            height : 250px;
            margin-left: 150px;
}

#viewer_frames{
			float: left;
            width : 450px;
            height : 250px;
            margin-left: 200px;
}

#products {
            float: left;
}


#zoom_wheels {
            width : 50px;
            height : 18px;
            float: right;
            margin-right: 50px;
            margin-top: -10px;
}

#zoom a:link {text-decoration: none; border: none;}


/* --------------------------------
            CORPS SUITS
  --------------------------------*/

#size{
            float: right;
            margin: 30px 350px 0 0;
}

#suits {
            float: left;
            height: 250px;
            width: 200px;
            margin: 0 0 0 200px;
}

#zoom_suits {
            float: left;
            width : 50px;
            height : 18px;
            margin-top: 250px;
}

#suits_b {
            float: left;
            height: 250px;
            width: 200px;
            margin: 0 0 0 150px;
}

#zoom_suits_b {
            float: left;
            width : 50px;
            height : 18px;
            margin-top: 250px;
}


/* -----------------------
           	TEAM
  -----------------------*/

#team_membres {
			float: left;
			margin: 50px 0 0 50px;
			font: 11px Verdana;
}

#photos_team_membres {
			float: right;
			margin: 20px 80px 0 0;
			text-align: center;
}


#team_membres a {color: #264e8b;}
#team_membres a:hover{color: #f08232;}



/* --------------------------
           	GALLERY
  --------------------------*/


#gallery {
			float: left;
			width: 960px;
			margin: 10px;
			text-align: center;
			font: 10px Verdana;
			color: #f08232;
}

#gallery img {
            border: solid 3px;
            border-color: #cfcbcb;
            margin: 20px 10px 0 10px;
}

.t1 {
			margin-left: 80px;
}

.t2 {
			margin-left: 140px;
}


table a {
			font: 10px Verdana;
			color: #f08232;
			text-decoration: none;
			text-align: center;
}


/* -----------------------
           	NEWS
  -----------------------*/

#conteneur_news {
			float: left;			
			background: url(../images/fond_news.png) repeat-y ;
			width: 930px;
			margin-left: 20px;
			margin-top: 10px;
			font-size: 11px;
}

#date {
			position: absolute;
			margin-top: 15px;
			width: 50px;
}

#new_date_mois {
			width: 48px;
			height: 21px;
			background: url(../images/bk_month.png);
}


#new_date_mois p{
			padding-top: 2px;
			font-size: 13px;
			text-align: center;
}

#new_date_jour {
			text-align: center;
			font-size: 20px;
			width: 48 px;
}

#new_date_heure {
			text-align: center;
			font-size: 20px;
			width: 48 px;
}


#news {		
			float: left;
			margin-top: 15px;
			z-index: 2;
}

#border_news {
			background: url(../images/bordure_news.png) repeat-y;
			margin-left: 60px;
			z-index: 1;
			height: 325px;
}

#border_news img{
			margin-top: 18px;
}


#news_titre h3 {	
			margin-top: -35px;	
}

#news_titre {	
			margin-top: -50px;	
			margin-left: 50px;
			font-size: 9px;
}

#news_contenu {			
			width: 530px;
			margin-top: 20px;		
			margin-left: 30px;
			margin-right: 10px;
}

#news_contenu a {text-decoration: none; color: #f08232;}
#news_contenu a:hover {color: #255280;}

#news_images {
			float: right;
			margin-top: 50px;
			width: 300px;
			height: 200px;
			text-align: center;
}


/* SCROLL NEWS */

div.scrollholder
{
    position: relative;
    width: 650px;
    height: 330px;
    overflow: auto;
    z-index: 1;
}

div.scroll
{
    position: absolute;
    left: 0;
    top: 0;
    width: 95%;
    z-index: 2;
}

/* <Scroll> */
div.track
{
    position: relative;
    float:right;
    top: 10px;
    width: 11px;
    height: 100%;
    font-size: 0;
    z-index: 3;
}

div.drag_bar
{
    position: absolute;
    width: 100%;
    height: 14px;
    cursor: pointer;
    z-index: 4;
    background: #f08232;
}  


/* --------------------------
            FOOTER
  ---------------------------*/

#footer {
            height: 100px;
            background : url(../images/fond_footer.png) no-repeat top center ;
}


/* --------------------------------
            SLIDER FOOTER
  ---------------------------------*/
  
  
#galerie {
            margin-left: 190px;
            margin-right: 190px;
            position: relative;
            height: 100px;
            overflow: hidden;
}

#galerie a {
            display: block;
            float: left;
            border-style : none;
}

#galerie a:hover {border : 1px solid white}

.prec {
            position: absolute;
            cursor: pointer;
            top: 4px;
            left: 0;
            background: url(../images/fleche_gauche.png)  top;
            height: 100px;
            width: 40px;
            z-index: 2;
}
.suiv img a:hover{background: url(../images/fleche_gauche_hover.png) left top;}

.suiv {
            position: absolute;
            cursor: pointer;
            top: 4px;
            right: 0;
            background: url(../images/fleche_droite.png) right top;
            height: 110px;
            width: 40px;
            z-index: 2;
}
.suiv img a:hover{background: url(../images/fleche_droite_hover.png) right top;}

.slider {
            position: relative;
            width: 5000px;
            top: 10px;
            margin-top: -24px;
            border : 0;
}

.slider li {float:left; list-style:none; padding:5px 10px; border-style : none; text-decoration : none; }

#galerie img {
            width: 100px;
            border: solid 3px;
            border-color: #cfcbcb;     
           
}



/* --------------------------------
            TEAM FOOTER
  ---------------------------------*/

  
#conteneur_membres {
			float: left;
			background: url(../images/fond_footer_team.png) repeat-y 120px 0px;
			width: 950px;
			height: 100px;	
}

#membres {
			float: left;
			margin-top: 15px;
			margin-left: 50px;
			color: #f08232;
}

#liste_membres {
			float: left;
			font-size: 11px;
			margin: 0 0 0 80px;
			
}

#liste_membres a {font: 9px;}



/* --------------------------------
            NEWS FOOTER
  ---------------------------------*/
  

#flashnews {
			float: left;
			margin-top: 15px;
			margin-left: 50px;
			color: #f08232;
}
  
#conteneur_flashnews {
			float: left;
			background: url(../images/fond_news.png) repeat-y 120px 0px;
			width: 950px;
			height: 100px;	
}

#border_footer {
			background: url(../images/bordure_news.png) repeat-y;
			margin-top: 20px;
			margin-left: 183px;
			height: 80px;
			font-size: 12px;
}

#border_footer img {
			margin-top: 20px;
}

#liste_news {
			float: left;
            margin-top: -100px;
			margin-left: 220px;
			font-size: 10px;
}

#liste_news a {
			font-size: 12px;
            text-decoration : none;
            color : #000000;
}


#liste_news2 {
			float: left;
            margin-top: -100px;
			margin-left: 530px;
			font-size: 10px;
}

#liste_news2 a {
			font-size: 12px;
            text-decoration : none;
            color : #000000;
}


/* --------------------------
            PIEDS
  ---------------------------*/


#universkate {
            float: right;
}

#universkate ul li { 
            float : right;
            text-align : center;
            margin : 0px 5px;
            list-style-type: none;
            font-size : 9px;
            font-family : Verdana;
            color : #849292;
}

#universkate ul li a {    
            text-decoration : none;
            color : #849292;
}

#universkate li a:hover {color : #f08232;}



/* --------------------------            
            PAGE CONTACT            
-----------------------------*/


#contenu_page{            
            float : left;
            margin-top : 35px;
            margin-left : 100px;
            width : 310px;
            padding-top : 15px;
            padding-bottom : 15px;
}

#contenu_page p {            
            text-align : left;
            text-indent : 40px;
            font-size : 10px;
            font-family : Verdana;            
}

#seba_logo {
            float: left;
            margin-top: 20px;
}