/*******************************  HOME *****************************/
.splash #container{
    background: black;
}
.NavSplash{
    background: #000000;
}

.ImgSplash{
    width: 316px;
    height: 344px;
    float: left;
}
.ImgSplash3{
    float: right;
}
.bt_devenir_membre{
    background: url(images/bg_devenir_membre.gif) repeat-x;
    text-align: right;
}
.bt_devenir_membre a{
    font-family: 'SeatEurostyleDemiRegular', arial, sans-serif;
    text-decoration: none;
    display: block;
    padding:10px;
    color: #ffffff;
}
.PageHome .diapoFlashHome{
    margin: 15px 0 15px 15px;
    float: left;
    width: 215px;
    background: url(images/pointilleVertical.gif)  repeat-y top right;
    padding-right: 0;
    
}
.PageHome .carousel{
    width: 710px;
    float: left;
    margin: 15px 0 0 0;
}
#MooFlow{
    float: left;
    width: 329px;
}
#Teaser{
    float: right;
    width: 323px;
    margin: 20px  0 0 0;
    position: relative;
    line-height: 16px;
    text-align: justify;
}
#Teaser .slide{
    position: absolute;
    background: #ffffff;
}
#Teaser a{
    color:#000000;
    font-size: 12px;
    font-weight: normal;
}
#Teaser a h1{
    color: #cc0000;
    font-weight: bold;
    margin: 0 0 8px 0;
}
#Teaser a h2{
    font-weight: normal;
}
/************************************************************** CONTENU ********************************************************/
.ce_text{
    font-size:12px;
    color: #151515;
    line-height: 15px;
    margin: 8px 0 0 0;
}
.ce_text p{
    margin: 8px 0 0 0;
}

/*******************  NEWS DERNIERS AJOUTS ***************************/
.layout_news{
    position: relative;
    float: left;
    margin: 0 8px 10px 8px;
    min-height: 415px;
    line-height: 15px;
    width: 291px;
    overflow: hidden;

}
.layout_news h1{
    color: #ffffff;
    margin:8px 0 0 0;
    background: #ff0000;
    padding:3px 15px;
    font-size:14px;
    text-transform: uppercase;
    position: absolute;
    width: 100%;
    font-weight: normal;
}
.layout_news .image_container, .blog_focus .image_container{
    margin: 0 0 8px 0;
}
.layout_news img{
    border: 1px solid #000000;
    width: 288px;
}
.layout_news h2 a{
    color: #cc0000;
    font-size:15px;
}
.layout_news h3{
    font-size: 15px;
    margin: 4px 0 0 0;
}
.layout_news p.teaser{
    margin: 12px 0 0 0;
    font-size:12px;
    color: #151515;
    text-align: justify;  
}
.layout_news p.more{
    margin: 10px 0 0 0;
}

.blog_focus{
    margin: 0 8px 10px 8px;
    min-height: 415px;
    line-height: 15px;
    width: 291px;
    overflow: hidden;
    font-size: 12px;
    float: left;
    position: relative;

}
.blog_focus h1{
    color: #ffffff;
    margin:8px 0 0 0;
    background: #ff0000;
    padding:3px 15px;
    font-size:14px;
    text-transform: uppercase;
    position: absolute;
    width: 260px;
    font-weight: normal;
}

.blog_focus img{
    border: 1px solid #000000;
    width: 288px;
}
.blog_focus h2{
    color: #cc0000;
    font-size:15px;

}
.blog_focus h3{
    font-size: 15px;
    margin: 4px 0 0 0;

}
.blog_focus p{
    padding: 3px 0;
    text-align: justify;
}
.blog_focus a{

}
/*******************  NEWS DERNIERS AJOUTS ***************************/
.DernierAjouts{
    width: 290px;
}
.DernierAjouts img{
    width: 288px;
}



/************************************************************************/
#news_frontpage_left{
    width: 580px;
    float: left;
}

#news_frontpage_right{
    width: 300px;
    margin: 0 0 0 0;
    position: relative;
    float: right;
}

/********************  NEWS 2 ACTUS PLEINE PAGE  ***************/
.Pleine_page #news_frontpage_left{
    width: 100%;
    float: none;
}
.layout_news_Page{
    width: 430px;
    margin: 0 12px 10px 12px;
    float: left;
}
.layout_news_Page .image_containerPlpage{
    width: 430px;
    margin-bottom: 10px;
}
.layout_news_Page img{
    width: 428px;
}
/*********************  NEWS LAST PAGE *************************/
.mod_xt_newscategoryfrontpage .Newspage{
    width: 270px;
    height: auto;
}
.Newspage img{
    width: 268px;
}

/*********************  NEWS LISTE AVEC VIGNETTE  *******************************/

#news_frontpage_right .NewsListVignette{
    width: 300px;
}
.mod_smartnewslist{
    width: 300px;
    float: left;
    background: url(images/pointilleVertical.gif)  repeat-y top left;
    padding-left: 10px;
}



.NewsListVignette{
    margin: 0 0 12px 0;
    width: 300px;
    background: url(images/pointilleHonrizontal.gif)  repeat-x bottom left;
    padding: 0 0 12px 0;
}
.mod_xt_newscategoryfrontpage .last{
    background: none;
}
.NewsListVignette .image_container{
    width: 100px;
    float: left;
}
.NewsListVignette .image_container img{
    border: 1px solid #000000;
    width: 98px;

}
.NewsListVignette .desc{
    float: right;
    width: 190px;
    font-size:11px;
    line-height: 13px;
    
}
.NewsListVignette .desc h2, .NewsListVignette .desc h2 a {
    color: #cc0000;
    font-size:12px;
    margin: 0;
}
.desc .teaser{
    margin: 5px 0;
    text-align: justify;    
}
.NewsListVignette p.link-gal a.more{
    font-size: 9px;
    background: #000000;
    color: #ffffff;
    padding: 0 3px;  
}

/************************  LECTEUR NEWS *****************************************/
.mod_newsreader .image_container, .mod_xt_newscategoryfrontpage .image_container{
    margin: 0 10px 10px 0;
    float: left;  
}
.mod_newsreader .ce_text h1, .mod_xt_newscategoryfrontpage .ce_text h1{
    color: #cc0000;
    font-size:19px;   
    line-height: 19px;
}


.mod_newsreader .ce_text h2, .mod_xt_newscategoryfrontpage .ce_text h2{
    margin: 3px 0 12px 0;
    font-size:14px;   
}
.mod_newsreader .ce_text, .mod_xt_newscategoryfrontpage .ce_text{
    font-size:12px;
    color: #151515;
    line-height: 15px;
}

/******************** enjoy_the_game *******************/

.mod_xt_newscategoryfrontpage .enjoy_the_game h1{
    font-size:15px;
    text-indent: 18px
}

.enjoy_the_game p{
    line-height: 1.5em;
    margin: 15px 0;
}

.enjoy_the_game .ce_text .inside{
    padding: 0 18px;
}

.uefa_enjoy_the_game{
    background: transparent url(images/bg_enjoy_grey.jpg) no-repeat bottom left;
}

.uefa_enjoy_the_game .inside ul{
    text-indent: 25px;
    padding-bottom: 15px;
}



/********************   21/03/11   jeuxconcours    *********************/



#bg_grey{
    background-color: #f3f3f3;
    padding: 0 15px 0px 15px;
    margin: 20px 0 5px 0;
    border-bottom:1px #c791f8 solid; 
}



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

.mod_newsreader{
    width: 580px;
    float: left;
}
.mod_newsreader .ce_comments{
    margin: 25px 0 0 0;
    border-top: 1px solid #333333;
    padding-top: 15px;
}

.mod_newsreader p.back{
    text-align: right;
    font-family: 'SeatEurostyleDemiRegular', arial, sans-serif;
    color:#cc0000;
}

#details-jeux .mod_newsreader .back{
    display: none;
}
#details-jeux .ce_text li{
    float: left;
    margin-right: 10px;
    text-align: center;
    width: 105px;
}
#details-jeux .ce_text li img{
    width: 105px;
    margin: 0 0 3px 0;
}


p.link-gal{
    margin: 8px 0;
}

.nb_comment{
    background: url(images/comment_nb.gif) no-repeat left center;
    padding: 0 0 0 18px;
    color:#000000;
}
.nb_comment2{
    background: url(images/comment_nb2.gif) no-repeat right top;
    padding: 0 18px 0 0;
    color:#ffffff;
    
}
.nb_comment3{
    background: url(images/comment_nb3.gif) no-repeat left top;
    padding: 0 0 0 25px;
    color:#908d90;
    font-size: 12px;
    font-weight: bold;
}
#super-copa .nb_comment3 a{
    color:#908d90;
}
.comment a:hover{
    text-decoration: none;
}


/********************  CUPRA CODE  ********************/

.cupra-game-bar{
    background: #000000;
    padding: 3px 6px;
}
.cupra-game-bar .obtenez{
    float: left;
    margin: 4px 0 0 0;
}
.cupra-game-bar #codebox{
    float: left;
    background: #ffffff;
    text-align: center;
    padding:3px;
    width: 85px;
    margin: 4px 0 0 15px;
}
.applestore{
    float: right;
}
/***********************************************************  PAGE GALERIE ************************************************************/
.gallery-head{
    background: #e5e5e5 url(images/bg_title_gallery.gif) no-repeat;
    padding: 10px 0 15px 0;
    margin-bottom: 15px;
}
.liste-themes{
    margin-left: 350px;
    line-height: 16px;
}
.liste-themes h1{
    color: #cf0f0e;
    text-transform: uppercase;
    margin: 0 0 10px 0;
}
.liste-themes li{
    float: left;
    margin-right: 6px;
    background: url(images/puce_theme_gallery.gif) no-repeat right center;
    padding-right: 7px;
}


.liste-themes a{
    color: #666666;
    text-transform: uppercase;
    text-decoration: underline;
    font-size:12px;
    font-weight: bold;
}

.liste-themes a.active{
    color: #cf0f0e;
}

.PlusVusNote{
    color: #666666;
    float: right;
    font-size:12px;
    margin: 15px 15px 0 0;
}
.PlusVusNote a{
    font-size:10px;
}
/********************* GALERY READER ********************/
.bloc-vote{
 
    margin: 15px 0 0 0;
    padding: 4px 5px;
    background: url(images/bg_vote.gif) repeat-x;
    font-size: 12px;
    color:#666666;
}
ul.rating{
    float: left;
    width: 100px;
}
.bloc-vote .voteStatus{
    float: left;
    width: 230px;
    margin: 2px 0 0 0;
}
.vues{
    float: right;
    color: #ffffff;
    text-align: right;
    width: 100px;
    margin: 2px 0 0 0;
}
.nb_vote{
    font-weight: bold;
    color:#666666;
}

.gallery-reader{
    width: 500px;
    float: left;
}

.mod_xkn_gallery_list{
    width: 400px;
    float: right;
}
.gallery-reader .ce_comments h2{
    font-size: 14px;
    color: #cc0000;
    padding-bottom: 20px;
    border-bottom: 1px solid #cc0000;   
}
.comment_default{
    padding: 20px 0;
    background: url(images/borderComment.gif) no-repeat bottom;
    color:#666666;
    width: 470px;
}

.comment_default .avatar{
    float: left;
    width: 63px;
    margin: 0 10px 0 0;
}
.comment_default .avatar img{
    border:1px solid #efefef;
}

.comment_default .int{
    float: left;
    width: 390px;
    margin: 0 0 0 0;
}
.comment_default p.info{
    font-size:12px;
    font-weight: bold;
}
.comment{
    margin: 8px 0 0 0;
    color: #666666;
    font-size: 12px;
}
.form{
    margin: 20px 0 0 0;
}   
.form h1{
    color: #666666;
    font-size: 14px;
    margin: 20px 0;
}
.form .widget{
    margin: 0 0 10px 0;
}
.form .widget label{
    font-size: 12px;
}
.form input.text{
    border: 1px solid #666666;
    padding: 2px;
    font-size: 12px;
    font-family: arial;
    color:#666666;
    width: 230px;
}
.ce_comments .form textarea{
    width: 450px;
    padding: 5px;
    font-size: 12px;
    font-family: arial;
    color:#666666;
}
.ce_comments .formbody .submit_container{
    margin: 20px 0 0 0;
    text-align: left;
}
.submit_container .submit{
    font-family: 'SeatEurostyleDemiRegular', arial, sans-serif;
    color:#cc0000;
    font-size: 11px;
    text-transform: uppercase;
    border: 0;
    background: none;
    cursor: pointer;
}
.gallery-reader h2{
}
.gallery-reader h4{
    margin: 5px 0 12px 0;
    font-size: 13px;
}

/***********************  ITEM GALERIE  ***********************/
.gallery-item{
    background: #bdb7b9 url(images/bg_item_gallery.gif) no-repeat top;
    margin-bottom: 15px; 
    margin-right: 15px;
    width: 378px;
    position: relative;
}
.type{
    text-align: right;
    font-size: 12px;
    font-weight: bold;
    color:#666666;
    text-transform: uppercase;
    padding: 0 15px 0 0;
}
.gallery-item .vignette{
    width: 100px;
    margin: 10px 0 10px 10px;
    float: left;  
    
   
}
.gallery-item .vignette img{
    width: 98px;
    height: 70px;
    border: 1px solid #000000;
}
.gallery-item .intitule{
    float: left;
    margin: 20px 0 0 10px;
    width: 235px;
}
.gallery-item .intitule h2{
    color: #333333;
    font-size:13px;
}
.gallery-item .intitule h4{
    color: #ffffff;
    font-size:11px;
}
.gallery-item .info-deco{
    position: absolute;
    background: #c5c5c5;
    border: 2px solid #666666;
    right:25px;
    top:60px;
    width: 220px;
    padding: 5px;
    font-size: 11px;
    color: #666666;
    line-height: 15px;
    z-index: 1;
}

.mod_xkn_gallery_list #scrollbox{
    width: 370px;
}

/************************************************   PAGE GOODIES  *************************************************/
.PageGoodies h2{
    color: #cc0000;
    margin-bottom: 10px;
}
.PageGoodiesLeft a, .PageGoodiesRight a{
    font-size: 10px;
    color: #cc0000;
    text-decoration: none;
    font-weight: bold;
}
.PageGoodiesLeft .ce_image{
   float: left;
    width: 270px;
    margin-bottom: 30px;
}
.PageGoodiesLeft  h2, .PageGoodiesRight h2 {
    margin-bottom: 4px;
    color: #cc0000;
    font-size: 15px;
}
.PageGoodiesRight h2{
    font-size: 13px;
}
.PageGoodiesRight .ce_image{
    float: left;
    width: 120px;
    margin-bottom: 30px;
}

/***********************************************  PAGE AGENDA **************************************************/
#agenda{
    font-size:12px;   
}
.mod_eventlist{

}
#agenda .block{
    padding:3px 0;
}
#agenda .mod_eventlist a{
    color: #000000;
    padding:3px 8px;
    font-family: 'SeatEurostyleDemiRegular', arial, sans-serif;
    text-decoration: none;
}
#agenda .block a.active{
    color:#ffffff;
    background: #000000;
}
#agenda .agenda-item{
    color:#666666;
    font-weight: bold;
    font-size: 14px;
    border-bottom: 1px solid #666666;
    padding-bottom: 3px;
    margin: 15px 0 0 0;
}
#agenda .itemEvent{
    padding: 15px 0;
}
#agenda .header{
    width: 50px;
    float: left;
    color:#666666;
    text-align: center;    
}
#agenda p.date{
    font-size: 30px;
    font-weight: bold;
}
#agenda p.day{
    padding: 0px 0;
    font-weight: bold;
}
#agenda .event{
    float: left;
    width: 480px;
    margin: 0 0 0 20px;
}
#agenda .event h2{
    color: #cc0000;
}
#agenda .event .time{
    margin: 5px 0 0 0;
}
#agenda .event .teaser{
    margin: 10px 0 0 0;
}
#agenda #scrollbox{
    width: 330px;

}
#agenda .scroll{

    padding-left: 10px;
}
#agenda .mod_eventlist .pagination a{
    color: #cc0000;
    font-family: arial;
}

#agenda .second{
    height: 450px;
}
/**************************************************************  PAGE PRODUITS  *********************************/

.mod_seat_carModelReader{
    overflow: hidden;
}
.navCarModel{
    width: 310px;
    margin: 20px 0 0 0;
    float: left;
    overflow: hidden;
}
.navCarModel ul li{
    width: 138px;
    margin: 0 15px 15px 0;
    float: left;
}
.navCarModel ul li img{
    width: 136px;
}
.navCarModel ul li a{
    border: 1px solid #cd4e10;
    display: block;
    background: #cd4e10;
    color:#ffffff;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
}
.navCarModel ul li a.active{
    background: #491800;
}
.navCarModel .model_name{
    padding: 4px;
    display: block;
}
.globalCarDesc{
    width: 590px;
    float: right;
    margin: 20px 0 0 0;
    padding-left: 20px;
    padding-bottom: 50px;
    background: url(images/pointilleVertical.gif)  repeat-y top left;
}
.carDescription, .carDescriptionHome{
    padding: 10px 0 20px 0;
    border-top: 3px solid #cd4e10;
}
.carDescription p, .carDescriptionHome p{
    margin: 15px 0 0 0;
    font-size: 11px;
    line-height: 14px;
}
.carText{
    float: left;
    width: 260px;
}
.modelImage{
    margin: 20px 0 0 0;
    border-top: 1px solid #cd4e10;
    background:  #cd4e10;
}
.modelImage a{
    display: block;
    background: #cd4e10;
    color:#ffffff;
    font-size: 12px;
    text-decoration: none;
    font-weight: bold;
}
.modelImage a:hover{
    text-decoration: none;
}
.modelImage span.name{
    padding: 4px;
    display: block;
}
.modelImage img{
    width: 100%;
}
.moreAbout{
    margin: 55px 0 0 0;
    font-size: 11px;   
}
.moreAbout h3{
    margin-bottom: 8px;
    font-size: 12px;
}
.moreAbout a{
    color:#000000;
    font-weight: bold;
    font-size: 11px;
}
.moreAbout a.active{
    color: #666666;   
}
.moreAbout li{
    margin: 0 0 3px 0;
}
.image-gamme{
    width: 320px;
    float: right;
    margin: 0 0 0 0;
}
.carMotion{
    padding: 10px 0 0 0;
    border-top: 1px solid #cd4e10;
    font-size: 12px;
}
.carMotion h4{
    font-size: 12px;
    color:#666666;
    margin-bottom: 12px;
}
.carMotion .flash{
    width: 345px;
    float: left;
}

.flash object{
    margin:0 0 12px 0;
}
.carMotion p{
    color: #666666;
    font-weight: bold;
    font-size: 12px;
    margin: 15px 0 0 0;
}
.carMotion  a{
    color: #666666;
    text-decoration: underline;
}
.carMotion .links{
    float: right;
    width: 210px;
}
.carMotion .links li{
    margin:0 0 15px 0;
}

/********************************************  PAGE SERVICE    ************************************/
#service-home{
    background: url(../tl_files/pages-services/bg-home-services.jpg) no-repeat;
    height: 519px;
    color:#ffffff;
    padding: 0 25px 0 25px;
}

#service-home .video_container{
    width: 473px;
     margin: 80px 0 0 0;
    float: left;
}
#service-home .desc-video{
    width: 473px;
    color: #ffffff;
    margin:0;
}
#service-home .intro-home-service{
    margin: 80px 30px 0 0;
    width: 306px;
    line-height: 20px;
    color:#ffffff;
    font-size: 18px;
    float: right;
    text-align: justify;
}
#service-home .min-text{
    width: 260px;
    font-size:11px;
    float: left;
    padding-right: 40px;
    color:#ffffff;
    margin:20px 0 0 0;   
}

/********************************  GAMME SEAT SERVICES ***************************************/
.GammeSeatService{
    width: 910px;
    background: url(../tl_files/pages-services/bg_Gamme_seat_service.jpg) no-repeat;
    text-align: right;
    padding: 20px 20px;
}
#gamme-seat-service-assistance, #vehicule-de-courtoisie, #prise-en-charge-du-vehicule, #service-express, #service-entretien, #service-hotline, #service-garantie-extension{
    width: 910px;
    text-align: right;
    padding: 20px 0;
}
#gamme-seat-service-assistance{
    background: url(../tl_files/pages-services/bg_seat_assistance.jpg) no-repeat;
}
#vehicule-de-courtoisie{
    background: url(../tl_files/pages-services/bg_vehicule_courtoisie.jpg) no-repeat;
}
#prise-en-charge-du-vehicule{
    background: url(../tl_files/pages-services/bg_prise_en_charge.jpg) no-repeat;
}
#service-express{
    background: url(../tl_files/pages-services/bg_seat_service_express.jpg) no-repeat;
}
#service-entretien{
    background: url(../tl_files/pages-services/bg_seat_service_entretien.jpg) no-repeat;
}
#service-hotline{
    background: url(../tl_files/pages-services/bg_seat_Hotline.jpg) no-repeat;
}

#service-garantie-extension{
    background: url(../tl_files/pages-services/bg_seat_extension_garantie.jpg) no-repeat;
}
.GammeSeatService .ce_text{
    width: 365px;
    margin-bottom: 25px;
}
.GammeSeatService .mod_customnav{
    width: 100%;
}
.GammeSeatService .mod_customnav li{
    float: left;
    margin: 0 10px;
}
#univers-service-gamme-seat-service .ce_text{
    margin-left: 532px;
}

.GammeSeatServicePage .c75l{
    background: url(images/pointilleVertical.gif)  repeat-y top right;
    padding-right: 15px;
    padding-left: 290px;
    width: 370px;
    
}
.GammeSeatServicePage .c75l h1{
    color:#cc0000;
    font-size: 25px;
    line-height: 28px;
}
.GammeSeatServicePage .ce_text{
    margin: 0 0 12px 0;
}
.GammeSeatServicePage .ce_text p{
    font-size:11px;
    padding-left: 65px;
}
.GammeSeatServicePage .ce_text a{
    font-weight: bold;
    color:#000000;
}
.GammeSeatServicePage .ce_accordion p{
    font-size:11px;
    line-height: 14px;
    text-align: left;
    padding-left: 65px;
}
.GammeSeatServicePage .ce_accordion .toggler{
    font-size: 12px;
    color:#666666;

    text-align: left;
    cursor: pointer;
    font-weight: bold;
    padding-left: 65px;
}
.GammeSeatServicePage .ce_accordion .accordion{
    margin: 8px 0 8px 0;
}
.nav-gamme-seat-services .ce_hyperlink{
    margin: 0 0 10px 0;
}

/*******************************  PAGE Manuel du proprio  *************************************/
#manuelproprietaire{
    background: url(../tl_files/pages-services/bg_manuelProprietaire.jpg) no-repeat;
    padding: 0 0 0 179px;
    height: 519px;
}
#manuelproprietaire .ce_image{
    float: left;
    width: 281px;
    margin: 95px 5px 0 0;
}

/********************************  SOIN DE VOTRE VEHICULE *************************************/

#soin-de-votre-vehicule{
    background: url(../tl_files/pages-services/bg_SoinsVehicules.jpg) no-repeat;
    padding: 92px 0 0 0;
    height: 427px;
    position: relative;
}

#ConseilSimpleBtn, #ConnaitreSonVehiculeBtn{
    float: left;
    position: relative;
    cursor: pointer;
    
}
.ConnaitreSonVehicule, .ConseilSimple{
    color:#ffffff;
    font-size:11px;
    position: absolute;
    top:92px;
}

#soin-de-votre-vehicule .ce_text{
    margin:0;
    padding:0;
}

/******   CONSEIL SIMPLE ***/
#ConseilSimpleBtn{
    margin-left: 20px;
}
.ConseilSimple{
    left: 20px;
}
.ConseilSimple p{
    margin-left: 133px;
    width: 330px;
}

/******   CONNAITRE SON VEHICULE  ***/

.ConnaitreSonVehicule{

    left:466px;
}
.ConnaitreSonVehicule p{
    width: 375px;
}

#exterieur-vehicule, #interieur-vehicule, #soin-general{
    background: url(../tl_files/pages-services/bg_SoinsVehicules_exterieur.jpg) no-repeat;
    height: 519px;
    color:#ffffff;
    padding: 0 0 0 90px;
}
.nav-soin-vehicule{
    margin: 45px 0 10px 350px;
}

.nav-soin-vehicule a{
    color: #cc0000;
    font-size:9px;
    font-family: 'SeatEurostyleDemiRegular', arial, sans-serif;
    text-decoration: none;
    padding: 0 10px;
}

/********************************************  PAGE TELECHARGEMENT  ***************************************/
#pagetelechargements .ce_image{
    width: 300px;
    margin: 15px 0 20px 60px;
    float: left;
}

#pagetelechargements .ce_image h1{
    margin-bottom: 4px;
}



/******************************************** PAGE FAQ *****************************************************/
.mod_faqaccordionlist .toggler{
    font-weight: bold;
    cursor: pointer;
    margin-bottom: 8px;
    text-decoration: underline;
    font-size: 12px;
}

.mod_faqaccordionlist .ce_text{
    padding:2px 10px 10px 10px;
    border: 1px solid #fa710a;
    margin-bottom: 15px;  
}

.mod_faqaccordionlist ul{
    margin: 20px 0 0 0;
}

/*******************************************  PAGE PARTENAIRE  **************************************************/

#mon-partenaire .bloc-distributeur{
        margin: 0 0 0 20px;
}
#mon-partenaire .bloc-distributeur{
    width: 270px;
}
.bloc-distributeur{
    border: 1px solid #fa710a;
    font-size: 12px;
}

.bloc-distributeur h1{
    background: #fa710a;
    padding: 8px;
    color: #ffffff;
    font-size: 12px;
}
.bloc-distributeur .inside{
    padding: 8px;
    font-size: 12px;
}
.bloc-distributeur .inside p{
    margin: 3px 0;
    line-height: 16px;
}

#mon-partenaire .bloc-distributeur p, .bloc-distributeur-dealer .dealer-item p{
    margin: 5px 0;
    line-height: 14px;
}
#mon-partenaire .bloc-distributeur p.choose, .bloc-distributeur-dealer .dealer-item p.choose{
    font-weight: bold;
}

.bloc-distributeur-dealer{
     width: 255px;
    margin: 10px 0 0 20px;
    background: url(images/pointilleVertical.gif)  repeat-y top left;
    padding-left: 15px;
    height: 100%;
    font-size: 12px;
}

.form-dealer select{
    margin: 8px 0 5px 0;
}
.bloc-distributeur-dealer .dealer-item{
    margin: 10px 0;
    border-bottom: 1px solid #000;
    padding: 0 0 10px 0;
}
.bloc-distributeur-dealer .dealer-item h2{
    margin: 0 0 8px 0;
}

/*****************************************  MON VEHICULE *****************************************************/
.mod_vehiculeSummary, .carlifetime{
    border: 1px solid #fa710a;
    font-size: 12px;  
}
.mod_vehiculeSummary .title, .mod_vehiculeNewsletter .title, .carlifetime .title{
    background: #fa710a;
    padding: 8px;
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
}
.mod_vehiculeSummary .inside, .mod_vehiculeNewsletter #newsletterSubscription, .carlifetime .inside{
    padding: 10px;
    line-height: 16px;
}
.mod_vehiculeSummary p{
    margin: 0 0 8px 0;
}

#simpleAjaxForm_date_achat, #simpleAjaxForm_km{
    margin: 0 0 8px 0;   
}
.mod_vehiculeSummary .toggler{
    color: #cc0000;
    margin: 0 0 8px 0;
    display: inline;
}

.mod_vehiculeSummary .formbody{
    margin: 0;
    padding: 8px 0 10px 0;
}
.mod_vehiculeSummary .formbody input{
    border: 1px solid #fa710a;
    width: 100px;
}
.mod_vehiculeSummary .formbody .submit_container{
    width: 100px;
    margin: 0;
    display: inline;
}
.mod_vehiculeSummary .formbody .submit_container input{
    border: none;
}

/*
.first, .second, .third{
    border: 1px solid red;
}
*/
.carlifetime .item{
    margin-bottom: 15px;
}
.carlifetime .vignette{
    width: 95px;
    float: left;
}
.carlifetime .int{
    width: 235px;
    float: right;
    
}
.carlifetime h2{
    color: #cc0000;
}
.carlifetime .note{
    font-size: 10px;
}
.carlifetime .note p{
    font-weight: bold;
}
.carlifetime .note ul{
    margin:0 0 0 20px;
    list-style: circle;
    line-height: 12px;
}

.mod_vehicule_addSeat {
    padding-bottom: 0;
}

.mod_vehicule_addSeat .int{
    width:60px;
    float: left;
    padding: 4px 0 0 0;
    margin: 0 5px 0 0;
    
}
.mod_vehicule_addSeat .formbody input.text_int{
    border: 1px solid #fa710a;
}
.mod_vehicule_addSeat .formbody{
    padding-bottom: 0;
    margin: 0;
}
/********************************************/

#gardons-contact {
	width: 350px;
	height: 162px;
    font-size: 12px;
    border: 1px solid #fa710a;
    padding: 0 0 5px 0;
    float: right;
}

#newsletterSubscription {
	padding: 5px 5px;
}

#newsletterSubscription p {
	padding: 9px;
	line-height: 15px;
}

.mod_vehiculeNewsletter{
    border-left: 1px solid #fa710a;
    border-right: 1px solid #fa710a;
    border-bottom: 1px solid #fa710a;
    font-size: 12px;
}
.mod_vehiculeNewsletter p{
    margin: 0 0 5px 0;
}
.mod_vehiculeNewsletter p.etat, .mod_vehiculeNewsletter a{
    color: #cc0000;
    font-weight: bold;
}

.bloc-partenaire-reparateur .bloc-distributeur-dealer{
    margin: 0;
    border-left: 1px solid #fa710a;
    border-right: 1px solid #fa710a;
    border-bottom: 1px solid #fa710a;
    background: none;
    padding: 10px;
    width: 238px;
    
}
.bloc-partenaire-reparateur .bloc-distributeur{
    border-bottom: none;
}
/****************************************  PAGE MANUELS UTILISTAEUR  *********************************************/

#manuels-utilisateurs .ce_image{
    width: 281px;
    float: left;
    margin:15px 15px 0 0;
}
.navManuels{
    margin:15px 0 0 0;
    width: 350px;
    float: left;
    font-size: 12px;
}
.navManuels label{
    font-weight: bold;
    margin: 0 0 0 4px;
}
.navManuels li{
    margin: 0 0 12px 0;
}
.navManuels p.info{
    font-size: 10px;
    color:#818181;
    margin: 4px 0 0 24px;
    line-height: 14px;
}
.rightManuels{
    margin:15px 0 0 0;
    float: right;
    width: 250px;
    padding-left:20px;
    background: url(images/pointilleVertical.gif)  repeat-y top left;
}
.rightManuels select{
    border: 1px solid  #fa710a;
    width: 220px;
    font-size: 12px;
    padding: 2px;
}

#search_results{
    margin: 15px 0 0 0;
    font-size: 12px;
}
#search_results .item{
    margin-bottom: 12px;
    
}
#search_results .item .ico{
    float: left;
    width: 70px;
}
#search_results .item .int{
    width: 150px;
    float: left;
    margin: 0 0 0 0;
}
#search_results .item .int p{
    margin: 8px 0;
}
#search_results .item .int .bumpbox{
    font-weight: bold;  
}

/********************  SEAT A VOTRE ECOUTE ***************************************/
.seat-a-votre-ecoute-nav h1{
    margin: 10px 0;
}
.seat-a-votre-ecoute-nav li{
    margin: 8px 0;
}
.seat-a-votre-ecoute-nav a{
    font-size: 13px;
    text-decoration: underline;
    font-weight: bold;
}

/*********************  RECLAMATIONS CONCERNANT VOTRE VEHICULE **************/
.seat-a-votre-ecoute-navigation{
    width: 270px;
    float: left;
    border: 1px solid #fa710a;
    font-size: 13px;
    color:#000000;
}
.seat-a-votre-ecoute-navigation h1{
    background: #fa710a;
    padding: 8px;
    color: #ffffff;
    font-size: 12px;
    margin:0;
}
.seat-a-votre-ecoute-navigation ul{
    padding: 8px;
}
.seat-a-votre-ecoute-navigation ul li{
     margin: 8px 0;
}
.seat-a-votre-ecoute-navigation a{
    color:#868686;
}

.mod_crm_forms{
    border: 1px solid #fa710a;
}
.mod_crm_forms .title{
    background: #fa710a;
    padding: 8px;
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
}
.mod_crm_forms .formbody{
    padding: 8px;
    font-size: 12px;
}

.mod_crm_forms .box{
    margin: 0 0 15px 0;
}
.mod_crm_forms .box_title{
    color: #fa710a;
    margin: 0 0 20px 0;
    background: url(images/pointilleHonrizontal.gif)  repeat-x bottom left;
    padding: 0 0 8px 15px;
}

.mod_crm_forms .formbody input.text{
    width: 220px;
    border: 1px solid #fa710a;
}
.mod_crm_forms .formbody select, .mod_crm_forms .formbody textarea{
    border: 1px solid #fa710a;
}
.mod_crm_forms .info{
    font-size: 10px;
    color:#868686;
}

.mod_crm_forms .intro{
    margin: 0 0 25px 0;
}

.mod_crm_forms .feedback{
    padding: 10px;
    color : green;
    font-size: 12px;
    font-style: italic;
}

/***********************************  PAGE TEST DRIVE  ************************/

.FormTestDrive{
    border: none;
    font-size: 12px;
}
.TestDriveLeft, .TestDriveRight{
    border: 1px solid #fa710a;   
    margin: 0 0 8px 0;
}

.TestDrivePart1 TestDriveLeft, .TestDrivePart1 .TestDriveRight{
	height: 417px;
    
}

.TestDriveLeft{
    float: left;
    width: 460px;
    
    
}
.TestDriveRight{
    float: right;
    width: 440px;
    
}
.FormTestDrive .submit_container{
    text-align: right;
    margin: 0;
}
.TestDrivePart1 .FormTestDrive .submit_container .submit{
    background: #fa710a;
    padding: 10px;
    color:#ffffff;
    font-size: 16px;
}

/********  PART 2  ************/
#distrib{
    position: relative;
}
.TestDrivePart2 .formbody .item label{
    width: 230px;
}

.TestDrivePart2 .bloc-distributeur{
    border: none;
}
.TestDrivePart2 .submit_container{
    position: absolute;
    bottom: 0;
    right: 0;
}
/************************************  PAGE MON PROFIL  **********************/
#mes-identifiants{
    width: 270px;
    border: 1px solid #fa710a;
    float: left;
}

#mes-identifiants-compte{
    width: 550px;
    border: 1px solid #fa710a;
    float: left;
}

#supprimer-son-compte{
    float: right;
    width: 350px;
    height: 207px;
    font-size: 12px;
    border: 1px solid #fa710a;
    padding: 0 0 5px 0;
    margin: 15px 0;
}

#supprimer-son-compte .ce_text{
    margin: 0;
    padding: 0;
}
#supprimer-son-compte h1{
    background: #fa710a;
    padding: 7px;
    color: #ffffff;
    font-size: 12px;
    font-weight: bold; 
}
#supprimer-son-compte p, #supprimer-son-compte .ce_hyperlink{
    padding: 5px 10px; 
}
#supprimer-son-compte a{
    text-decoration: underline;
}

.mod_xkn_close_account table{
    border: 1px solid #fa710a;

}

.mod_xkn_close_account table td{
    padding: 10px;
}
/********************************************************/
#mes-coordonnees{
    float: right;
    width: 540px;
    border: 1px solid #fa710a;  
}

#mes-coordonnees-infos{
    float: left;
    width: 540px;
    border: 1px solid #fa710a;  
}
.mod_personalData h1{
    background: #fa710a;
    padding: 8px;
    color: #ffffff;
    font-size: 12px;
}
.mod_personalData label{
    display: block;
    width: 222px;
    float: none;
}
.mod_personalData p.error{
    width: 200px;
    float: none;
    text-align: left;
    display: block;
}

/********************************************************/
#second-vehicule {
	border: 1px solid #fa710a;
	width: 609px;
	float: right; 
	margin: 10px 0 0 0;
}

.block_mkg_form .title{
    background: #fa710a;
    padding: 8px;
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
}

#hobbies {
	margin: 15px 0;
}

#hobbies .mod_mkg_attributes_form {
	width: 540px;
}

/******** CGU **********/

.mod_personalData .cgu{
    margin-top: 30px;
}

.mod_personalData .cgu label{
    display: block;
    width: 355px;
    float: left;
    margin-top: 5px;
}

.mod_personalData .cgu span{
    width: 10px;
}

/*********************************  MES PREFERENCES ****************************/
.mes-preferences{
    font-size: 12px;   
}
.mes-preferences .block_mkg_form{
    border: 1px solid #fa710a;
    margin: 0 0 15px 0;
}
.mes-preferences .block_mkg_form .title{
    background: #fa710a;
    padding: 8px;
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
}
.mes-preferences .block_mkg_form  label{
    display: inline-block;
    vertical-align: top;
    padding-top: 3px;
}

/***************  Personnal data  **************/
.mes-preferences .block_mkg_form #alertd{
    padding: 10px;
    line-height: 14px;
}
.mes-preferences .block_mkg_form #alertd p{
    margin: 0 0 5px 0;
}
.mes-preferences .block_mkg_form #alertd p.etat, #mes-preferences .block_mkg_form #alertd a{
    font-weight: bold;
}

/***************************************************/
.mes-preferences .block_mkg_form .radio_container{
    display: inline-block;
    width: 300px;
    margin: 0 0 10px 15px;
}
.mes-preferences .block_mkg_form .radio_container span{
    display: block;
}

.mes-preferences .block_mkg_form select{
    margin: 0 0 0 12px;
}

.mes-preferences .checkbox_container{
    margin: 12px 0 0 0;
}
.checkbox_container span{
    display: block;
    width: 220px;
    float: left;
    margin: 0 25px 5px 0;
}
#box_field_profession label{
    padding: 0 15px 0 0;
    padding-top: 2px;
}
.mes-preferences .field_box{
    clear: both;
    margin: 0 0 5px 0px;
}
.feeback{
    margin: 0 0 0 0;
    color : green;
}

#box_field_annee_naissance_1 label, #box_field_annee_naissance_2 label, #box_field_annee_naissance_3 label, #box_field_annee_naissance_4 label, #box_field_annee_naissance_5 label, #box_field_annee_naissance_6 label, #box_field_annee_naissance_7 label, #box_field_annee_naissance_8 label{
    width: 235px;
    float: left;
}
.mes-preferences .submit_container{
    margin: 0;
}

#mod_vehiculeSecondDetails h2{
    margin: 15px 0 10px 0;
}
#mod_vehiculeSecondDetails label{
    width: 200px;
    float: left;
}
#mod_vehiculeSecondDetails select{
    width: 120px;
}
#mod_vehiculeSecondDetails #box_field_possess_car{
    margin: 0 0 20px 0;
}
#mod_vehiculeSecondDetails #box_field_possess_car label{
    width: auto;
    float: none;
}
/*************  car_pending ***************/

.car_pending{
    margin: 0 0 20px 0;
    padding: 0;
}
.car_pending .formbody{
    margin: 0;
    padding-bottom: 0;
}
.car_pending .formbody label{
    width: 85px;
    margin: 0 10px 0 0;
}
.car_pending .formbody .explanation{
    margin: 10px 0 0 0;
}
/************************  COMMUNAUTE  **********************/

#second-life .ce_text h1{
    color:#cc0000;
    font-size: 18px;
    margin-bottom: 5px;
}
#second-life .ce_text{
    margin: 0 0 25px 0;
}
#second-life .ce_hyperlink{
    margin: 5px 0 0 25px;
}
#second-life .ce_hyperlink a{
    font-family: 'SeatEurostyleDemiRegular', arial, sans-serif;
    font-size: 13px;
}

/***********************  HOME JEUX  *************************/


/********************************   FORUM *********************************************************/
#forum .headertext{
    background: url(images/bg_intro_forum.gif)  no-repeat top center;

    border-bottom: 1px solid #8d0100;
    padding: 60px 0 15px 15px;
    color:#5f5f5f;
    font-size: 12px;
    font-weight: bold;

}
#forum .headertext h2{
    font-family: 'SeatEurostyleDemiRegular', arial, sans-serif;
    font-size: 12px;
    color:#000000;
    font-weight: normal;
    padding: 3px 0;
    margin: 0 0 3px 0;
}
#forum .headertext p{
    margin: 0 0 3px 0;
}
.topcontrols, .bottomcontrols{
    margin: 15px 0;
    font-size:12px;
}
.topcontrols a, .bottomcontrols a{
    color:#000000;
    padding: 0 5px 0 0;
}
.topcontrols .linkControl, .bottomcontrols .linkControl{
    padding-right: 8px;
}
.topcontrols img, .bottomcontrols img{
    vertical-align: middle;
    margin-right: 2px;
}
table.mainlist{
    width: 100%;
    padding:3px;
    background: #cd0300;
}
table.mainlist th{
    color:#ffffff;
    font-size:12px;
    padding:3px;
}
td.spaceTr{
    border-top: 1px solid #8d0100;
    height: 20px;
    background: #ffffff;
}
tr.headerrow td{
    color: #ffffff;
    border: none;
    font-size: 12px;
    padding: 10px 5px;
    text-transform: uppercase;
}
td.headercol{
    background: #cd0300;   
}
tr.datarow{
    background: #ffffff;      
}
tr.datarow:hover{
    background: #eaeaea;
}
tr.datarow td{
    padding: 10px 5px;
    border-bottom: 2px solid #8d0100;
    font-size: 12px;

}
th.ticketcount, td.iconcol, td.ticketcount, th.replycount , td.replycount{
    text-align: center;
}
td.category, td.ticketcount, td.replycount{
    border-right : 1px solid  #8d0100;
}
td.category .title a{
    color: #000000;
    font-weight: bold;
    font-size: 12px;  
}

td.category .title a:hover{
    color: #bc2a4d;
    text-decoration: underline;
}

/**************************  EDIT MESSAGE  ************************/
#forum .breadcrumb{
    padding: 15px;
    background: url(images/bg_ariane_forum.gif) repeat-y;
    font-size: 10px;
    color: #000000;
    font-weight: bold;
}
#forum .breadcrumb .ariane_forum{
    border-bottom: 1px solid #ffffff;
    background: url(images/icon_home.gif) no-repeat left top;
    padding: 0 0 8px 18px;
}
#forum .breadcrumb a, #forum .breadcrumb span{
    color: #ffffff;
    font-size: 12px;
}
#forum .breadcrumb a:hover{
    color: #000000;
}
#forum .message-container{
    font-size: 13px;
    line-height: 16px;
    padding: 0 0 25px 0;
    margin-bottom: 25px;

    background: url(images/separate_message_forum.gif) no-repeat bottom;
}
#forum .message-container .top-left{
    width: 150px;
    float: left;
    padding: 0 10px 15px 0;
    border-right: 1px solid #8d0100;
}
#forum .message-container .top-right{
    float: right;
    width: 720px;
    padding: 10px;
    background: #eaeaea;
}
#forum .message-container .top-left .infos{
    margin: 15px 0 0 0;
}
#forum .message-container .poster{
    font-weight: bold;
}
#forum .message-container .quotebox{
    border: 1px solid #8d0100;
    padding: 10px;
    background: #ffffff;
}
#forum .message-container .quotebox .quotebox-titlebar{
    font-weight: bold;
    margin: 0 0 4px 0;
}
#forum .message-container .quotebox .quotebox-titlebar img{
    margin: 0 4px 0 0;
}
#forum .message-container .quotebox .scrollbox{
    margin: 0 0 0 25px;
    font-style: italic;
}

/****************  RECHERCHE FORUM  ************************/
#forum #advanced_settings .item-advanced{
    margin: 20px 0 0 0;
}
#forum #advanced_settings h1{
    color: #6e6e6e;
    font-weight: bold;
    border-bottom: 1px solid #8d0100;
    padding-bottom: 3px;
    margin: 0 0 10px 0;
}
#forum .searchform input.text{
    border: 1px solid #8d0100;
    padding: 3px;
    width: 250px;
}
#forum .searchform .searchterms_container .submit{
    margin: 0 0 0 0;
    font-size:11px;
    border: none;
    background: none;
    font-size: 14px;
    font-family: 'SeatEurostyleDemiRegular', arial, sans-serif;
    color:#8d0100;
    padding: 0;
    text-align: left;
    cursor: pointer;
}
#forum .hint{
    margin: 10px 0 5px 0;
    color:#6e6e6e;
    font-style: italic;
}
.searcherror{
    padding: 20px 0;
    font-size: 14px;
}
.searcherror h1{
    color: #115098;
    font-weight: normal;
    padding-bottom: 5px;
    font-size: 16px;
    border-bottom: 1px solid #8d0100;
    padding-bottom: 3px;
    margin: 0 0 10px 0;
}

/*************************  CREATE DISCUSS ******************/
.edit-discuss .label_container{
    width: 120px;
    float: left;
    padding: 5px;
    text-align: left;
    margin: 20px 0 0 0;
}
.edit-discuss .message_container, .edit-discuss  .subject_container{
    float: left;
    margin: 20px 0 0 0;
    width: 600px;
}
.edit-discuss  .subject_container input, .edit-discuss .message_container textarea{
    width: 594px;
    padding: 3px;
    border: 1px solid #8d0100;
    font-family: arial;
    color: #000000;
    font-size: 12px;
}
.edit-discuss .message_container #helpdeskbbbuttons{
    padding: 5px;
    border: 1px solid #cecece;
    margin: 0 0 5px 0;
}
.edit-discuss .message_container .functionbar{
    padding: 4px 0;
}

.edit-discuss .messages-reverse{
    border-bottom: 1px solid #8d0100;
    padding-bottom: 10px;
    color: #115098;
    font-weight: normal;
    margin-bottom: 15px;
    font-size: 16px;
}
.edit-discuss .submit_container{
    width: 720px;
}


/***********************  PAGE SUPERCOPA **********************/
#super-copa p{
    color: #777777;
    font-size: 12px;
    line-height: 16px;
}
.header-supercopa{
    margin: 0 0 25px 0;  
    height: 430px;  
}
#super-copa .presentation{
    color: #777777;
    font-size: 12px;
    margin: 0 0 20px 0;
}
#super-copa .presentation h1{
    margin: 0 0 10px 0;
    font-size: 16px;
    color:#2e1f20;
}

#super-copa a{
    color: #e6186c;
}
.nav-supercopa{
    margin: 15px 0;
}
#super-copa .linkTestDrive{
    text-align: center;
    padding: 8px 12px;
}

#super-copa .linkTestDrive a{
    font-size: 16px;
    color: #ffffff;
    background: #f89347;
    padding: 8px 12px;
    font-family: 'SeatEurostyleDemiRegular', arial, sans-serif;
    text-transform: uppercase;
    text-decoration: none;
}
#super-copa .second{
    width: 330px;
}

.layout_supercopa{
    margin: 0 0 25px 0;
    position: relative;
}

#super-copa .layout_supercopa .title a{
    font-size: 20px;
    color:#2e1f20;
    font-family: Georgia;
    width: 450px;
}

.layout_supercopa h2{
    font-size: 14px;
    color: #888888;
    margin: 5px 0 0 0;
    font-family: Georgia;
}

.layout_supercopa .cat{
    top: 0;
    right: 0;
        font-size: 11px;
    position: absolute;
    text-align: right;
}
.layout_supercopa .cat .rub{
    background: #e6186c;
    padding: 5px 8px;
    color: #ffffff;

    text-transform: uppercase;
}
#super-copa .cat .rub a{
    color: #ffffff;
}
.layout_supercopa .cat .date{
    margin: 4px 0 0 0;
    color:#888888;
}
.layout_supercopa .image_container, .layout_supercopa .videoPlayer, .layout_supercopa .video_container{
    margin: 15px 0;
}
.layout_supercopa .ce_text{
    margin: 20px 0;
}



.tool{
    background: #f4f4f4;
    padding: 5px;
}
.layout_supercopa .more{
    text-align: right;
    float: right;
    width: 120px;
}
.bt_comment{
    color: #777777;
    font-size: 10px;
    float: left;
    width: 170px;
    padding:4px;
}
.bt_comment a{
    color: #777777;
}
/****************/

.LastNewsSupercopa{
    margin: 10px 0;
    background: #333333;
    padding: 8px;
    color: #d4d2d2;
}
.LastNewsSupercopa h1{
    margin: 0 0 8px 0;
}

.LastNewsSupercopa .cat{
    text-align: right;
    float: right;
}
.LastNewsSupercopa .cat div.rub{
    background: #e6186c;
    padding: 3px  6px;
    color: #ffffff;
    font-size: 11px;
    vertical-align: middle;
    text-transform: uppercase;
}
.LastNewsSupercopa .image_container{
    border: 1px solid #d4d2d2;
    margin: 0  0 5px 0;
}
.LastNewsSupercopa  img{
    
    width: 100%;
}

.LastNewsSupercopa .title {
    font-size: 13px;
    color:#cacaca;
    width: 205px;
}
.LastNewsSupercopa .more{
    font-family: 'SeatEurostyleDemiRegular', arial, sans-serif;
    font-size: 11px;
    text-align: right;
}

.DernierAjoutsSupercoa{

    margin: 0 0 20px 0;
}
.DernierAjoutsSupercoa .date{
    font-size:10px;
    float: left;
    width: 45px;
}
.DernierAjoutsSupercoa .more{
    margin: -15px 0 0 0;
}

#super-copa .form input.text, #super-copa .form textarea{
    border: 1px solid #e6186c;
}
#super-copa .form .submit{
    color:#e6186c;
}


/******************  SLIDER CATEGORIE  ***********************/

.layout_category_slider{
    margin: 20px 0 0 0;
    padding: 0;
    height: 108px;
}

.layout_category_slider h1{
    color: #2e1f20;
    font-size: 16px;
    float: left;
    width
}
.layout_category_slider h2.cat{
    float: right;
    color:#ffffff;
    background: #e6186c;
    padding: 4px 6px;
    font-size: 11px;
    text-transform: uppercase;
}

#super-copa .layout_category_slider h2.cat a{
    color:#ffffff;
}
#super-copa .SlideItMoo_element h2 a{
    color: #cacaca;
}
#super-copa .SlideItMoo_element .more{
    position: absolute;
    bottom: 5px;
    left: 310px;
}

/*************** SLIDER GALERIE **********************/


.titleSlide{
    margin: 20px 0 0 0;
}
.bloc-gallery-slider{
    background: #333333;
     padding: 25px 0;
    margin: 20px 0 25px 0;
     border-bottom: 90px solid #d6d6d6;
}
#super-copa #gallery{
     
}

.slideshow-images{
    background: #333333;

}
.slideshow-images img{

}
/***************  LAST COMMENT ************************/

.mod_archive_last_XTcomments{
    background: #f4f4f4;
    padding: 10px;
}
.mod_archive_last_XTcomments h1{
    margin: 0 0 15px 0;
}
.last_comment_supercopa{
    margin: 0 0 25px 0;
    color:#777777;
    font-size: 12px;
}
.last_comment_supercopa .avatar{
    float: left;
    width: 40px;
}
.last_comment_supercopa .avatar img{
    width: 32px;
    height: 32px;

}
.last_comment_supercopa .int{
    float: left;
    width: 230px;
}
#super-copa .last_comment_supercopa .int{
    font-size: 14px;
    color:#777777;
    font-weight: bold;
}
/**********************  PROFIL MARLENE  ***************/

#super-copa .intro-profil, #super-copa .intro-profil p{
    line-height: 16px;
    font-size: 11px;
}


/**********************  SA LEON SUPER COPA *************/

#super-copa .caracteristiques{
    padding: 8px 5px;
    color: #ffffff;
    background: #333333;
    margin: 20px 0 0 0;
}

#super-copa .caracteristiques p{
    color: #ffffff;
}
/*****************  FULL SUPERCOPA *********************/
.layout_full_supercopa{

}
.layout_full_supercopa h1{
    font-size: 20px;
    color:#2e1f20;
    font-family: Georgia;
}

.layout_full_supercopa h2{
    font-size: 14px;
    color: #888888;
    margin: 5px 0 8px 0;
    font-family: Georgia;
}
.layout_full_supercopa .video_container, .layout_full_supercopa .image_container{
    margin: 15px 0 0 0;
}

#super-copa .mod_newsreader{
    width: 575px;
    float: none;
}

/****************************  SON EQUIPE ***************************************/

#super-copa .exagonEngin h2{
    font-size: 14px;
    color: #888888;
    margin: 5px 0 15px 0; 
}
#super-copa .SonEquipe{
    margin: 25px 0 0 0;
}
#super-copa .SonEquipe h1{
    color:#2e1f20;
    font-size: 18px;
    margin-bottom: 3px;
}
#super-copa .SonEquipe h3{
    color:#2e1f20;
    font-size: 14px;
    font-weight: normal;
    margin:0 0 8px 0;
}
#super-copa .SonEquipe .ce_text{
    margin:0;
}
#super-copa .SonEquipe .first, #super-copa .SonEquipe .second{
    width: 261px;
}
/***********************  FOOTER *****************************/

#footer{
    padding:10px 10px 20px 10px;
    background: #000000;
    color:#ffffff;
    font-size: 10px;
    position: relative;
}
#footer .ce_hyperlink{
    display: inline;
    background: url(images/separate_nav_footer.gif) no-repeat right center;
    padding: 0 5px 0 0;
    margin: 0 7px 0 0;
}
.PageHome #footer .ce_hyperlink{
    float: left;
    margin: 1px 7px 0 0;
}
.PageHome #footer a{
    text-decoration: underline; 
}
#footer .ce_text{
    color:#ffffff;
    width: 530px;
    float: left;
    margin: 3px 0 0 0;
}
.PageHome #footer .ce_text{
    margin: 0;
}
#footer .ce_text p{
    margin:0;
    padding:0;
    font-size: 10px;
    color:#ffffff;
}
#footer a{
    color:#ffffff;
    padding: 0;   
}

#footer .mod_form{
    text-align: right;
    margin: 0;
    font-size:12px;
    position: absolute;
    right:0;
    top: 0;
}
#footer .formbody{
    padding: 0 10px 0 0;
}
#footer .mod_form label{
    font-weight: bold;
    margin-right: 3px;
}
#footer .mod_form input.text{
    height:14px;
    padding:2px;
    border: none;
    width: 150px;
}
#footer .mod_form .submit{
    color:#ffffff;
    font-size:16px;
    font-weight: bold;
    padding:2px;
    background: none;
    border:0;
    cursor: pointer;
}

/******************  FORMULAIRE GENERIQUE  ********************/
.formbody{
    padding: 8px;
    font-size: 12px;
    margin: 10px 0;
}
.formbody .headline{
    margin: 0 0 20px 0;
    background: url(images/pointilleHonrizontal.gif)  repeat-x bottom left;
    padding: 0 0 8px 15px;
    color: #fa710a;
}
.formbody .explanation{
    font-size: 10px;
    margin-bottom: 15px;
}
.formbody input.text{
    width: 220px;
}

.formbody input.text, .formbody select, .formbody textarea{
    border: 1px solid #fa710a;
}
#ctrl_civilite, #ctrl_ext_street{
    width: 80px;
}
#ctrl_country{
    width: 222px;
}
#ctrl_dateOfBirth select{
    width: 71px;
    margin: 0 1px 0 0;
}
.formbody .item{
    margin: 0 0 10px 0;
}
.formbody .item label{
    width: 200px;
    float: left;
}
.formbody .item label{
    margin: 0 0 4px 0;
}
.formbody .submit_container{
    text-align: right;
}

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

.formbody .question label{
    width: 420px;
    margin: 0 20px 0 0;
}



/******************************   AVATAR  ***************************************/

#mon-avatar{
    border: 1px solid #fa710a;
    width: 550px;
    clear: both;
    float: left;
    margin: 15px 0 0 0;
}
#mon-avatar h1{
    background: #fa710a;
    padding: 8px;
    color: #ffffff;
    font-size: 12px;
}
.avatar_container{
    line-height: 15px;
}
#avatar_reset_container{
    margin: 0 0 15px 0;
}
#avatar_reset_container .checkbox{
    float: left;
    margin-right: 5px;
}
#avatar_reset_container label{
    padding: 3px 0 0 0;
}

#mon-avatar #avatar_img{
    float: left;
    width: 90px; 
    margin: 0 0 30px 10px;   
}

label.avatarfile{
    width: 300px;
    margin: 0 0 5px 0;
}


@media screen and (-webkit-min-device-pixel-ratio:0) {
  #ctrl_avatar_file{
	border:0;
}
}
#mon-avatar #avatar_img img{
    border: 1px solid #e7e7e7;    
}

#mon-avatar .hint{
    font-size: 10px;
    color: #707070;
}

/*********************************  JEUX ****************************************/

.ce_xkn_xt_flashGame #flashPlayer_683_AlternativeContent{
    width: 700px;
    margin: 25px auto;
}
.ce_xkn_xt_flashGame .intro-jeux{
    width: 700px;
    margin: 15px auto;
}
.ce_xkn_xt_flashGame .intro-jeux h1{
    margin: 0 0 20px 0;
}
.ce_xkn_xt_flashGame .intro-jeux .vignette{
    float: left;    
    width: 270px;
}
.ce_xkn_xt_flashGame .intro-jeux .int{
    width: 400px;
    margin: 0 0 0 15px;
    float: left;
    line-height: 19px;
}
.info{
    font-size: 11px;
    line-height: 14px;
}

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

.PageJeux{
    font-size: 12px;
}

.PageJeux p{
    line-height: 14px;
    font-size: 12px;
    margin:12px 0 0 0;
}

.PageJeux .item-jeu{
        width: 400px;
        float: left;
        margin: 0 20px 0 20px;
}

.PageJeux .item-jeu .vignette img{
    width: 400px;
    display: block;
}

.PageJeux .item-jeu .int h1{
       margin: 0 0 8px 0;
}

.deja, .not_access{
    font-size: 10px;
    color:#cc0000;
    margin-bottom: 5px;
}

.PageJeux .more{
    margin: 10px 0 0 0;
    font-size: 9px;
    text-align: right;

}
.PageJeux .more a{
    font-family: 'SeatEurostyleDemiRegular', arial, sans-serif;
    color:#cc0000;

    font-size: 11px;
}

.PageJeux h2{
	color:#CC0000;
	font-size:16px;
	margin: 8px 0 0 0;	
}

.PageJeux h3{
	font-size:12px;
	margin:4px 0 0;	
}

.PageJeux .noGame{
	color:#A62900;
	font-family:'SeatEurostyleDemiRegular',arial,sans-serif;
	font-size:14px;
	text-align: center;
	line-height: 20px;
	height: 200px;
	padding-top: 100px;
}



/****************  ETAPE 1 ****************************/

.left-jeux{
    float: left;
    width: 580px;
}
.right-jeux{
    float: right;
    width: 300px;
}


.int-jeux{
    background: url("images/pointilleHonrizontal.gif") repeat-x scroll left bottom transparent;
    margin: 0 0 20px 0;
}

.int-jeux p{
    padding: 0 0 10px 0;

}


.form-jeux{
    border:1px solid #FA710A;
    zoom:1;
}
.left-jeux .title{
    background: #FA710A;
    padding: 5px 8px;
    color: #ffffff;
    font-weight: bold;
}
.left-jeux .submit_container {
    text-align: right;
    margin: 10px;
}
.left-jeux .submit_container .annuler{
    font-family: 'SeatEurostyleDemiRegular', arial, sans-serif;
    color:#cc0000;
    text-transform: uppercase;
    font-size: 11px;
    float: left;
}
.left-jeux .submit_container .submit{
    float: right;
}
.form-jeux p.oblige{
    margin: 12px 0 0 0;
}

.vignette-jeu{
    width: 280px;
    margin: 0 0 10px 0;
}
.int-jeux h2{
    margin: 0 0 5px 0;
}
.mentions-jeux{
    margin: 25px 0 15px 0;
    font-size: 10px;
}

.left-jeux .block_mkg_form{
    border:1px solid #FA710A;
    margin-bottom: 10px;
}
.left-jeux .field_box{
    margin-bottom: 10px;
}
.left-jeux .info{
    font-weight:bold;
}


/********** TOP JEUX ****************/
.top-jeux{
    margin-bottom: 10px;
}
.top-jeux h2{
    margin: 0 0 10px 0;
    color: #cc0000;
    font-size: 16px;
}
.top-jeux h2 span{
    color: #000;
    padding: 4px 0 0 0;
    font-size: 12px;
    display: block;
}
.top-jeux p{
    margin-bottom: 10px;
}

/*************  ETAPE *************/
.etape1, .etape2{
     width: 44px;
    height: 28px;
    display: block;
    float: right;
    text-indent: -9000px;
}
.etape1{
    background: url(images/etape1.jpg) no-repeat; 
}
.etape2{
    background: url(images/etape2.jpg) no-repeat; 
}

/************** AL READY JEU & CONFIRM JEUX  *************/

.confirmJeu .vignette, .already-jeu .vignette{
     width: 291px;
    float: left;
    margin: 0 15px 0 0;
}

.confirmJeu h2, .already-jeu h2{
    color: #cc0000;
    font-size: 16px;
    margin-bottom: 5px;
}

.confirmJeu p, .already-jeu p{
    margin: 15px 0 0 0;
    color: #cc0000;

}
.confirmJeu p{
    margin: 15px 0 0 0;
    color: #000;

}

/***********************************************************/
span.mandatory{
    color: #cc0000;
    font-weight: bold;
}
span.mandatory_text{
    font-size: 10px;
}

.TitlePage{
    margin: 0 0 15px 0;
}
img{
    border:0;
}
.clear{
    clear: both;
}
a{
    text-decoration: none;
    outline: none;
    color:#cc0000;
}
a:hover{
    text-decoration: underline;
}
.gras{
    font-weight: bold;
}
.floatL{
    float: left;
}
.floatR{
    float: right;
}
ul{
    list-style: none;
    padding:0;
    margin:0;
}
p.more{
    color:#cc0000;
    font-size: 9px;
    text-transform: uppercase;
}
p.more a{
    font-family: 'SeatEurostyleDemiRegular', arial, sans-serif;
    color:#cc0000;
    font-size: 9px;
    text-transform: uppercase;
}
a.more{
    font-family: 'SeatEurostyleDemiRegular', arial, sans-serif;
    font-size: 9px;
    color:#cc0000;
}
/**  COLOR ***/

.rouge{
    color: #cc0000;
}

.orange{
    color: #fa710a;
}
.jaune{
    color:#fe811d;
}

p.error{
    color: red;
    font-size: 11px;
}

.vert{
    color: green;
}
h1.feedback{
    text-align: center;
    padding: 25px;
}
/*************  SOCIAL TOOL BAR ***************************/

.socialtoolbar{
    background: url(images/bg_socialToolbar.jpg) 0 0 repeat-x;
    height:23px;
    margin:30px 0 20px 0;
    padding:0 15px 0 0;
    text-align:right;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
}

.socialtoolbar img{

    margin: 0 0 0 11px;
    vertical-align: middle;
}

/**  AJAX MESSAGES ***/
.toggler{
cursor: pointer;
}
.spinner {
    position: absolute;
    opacity: 0.9;
    filter: alpha(opacity=90);
    z-index: 999;
    background: #fff;
}
.spinner-msg {
    text-align: center;
    font-weight: bold;
}

.spinner-img {
    background: url(/plugins/mootools/images/spinner.gif) no-repeat;
    width: 24px;
    height: 24px;
    margin: 0 auto;
}


/*************  A VERIFIER  jeux concours ***************************/

.sub_r{
    float: right;

}

.ce_xkn_xt_flashAdRotator{
    float: right;
    margin: 0 0 20px 0;
    
}


/***************  PAGE GALERIE 2 ANS  *************************************/

.pageGalerie2ans{
   background: #000;
   padding: 25px 15px 20px 15px; 
}
.introGalerie2ans{
    margin-bottom: 40px;
}
.left2ans{
    float: left;
    width: 390px;
    text-align: right;
    color:#cc0000;
    font-size: 18px;
    text-transform: uppercase;
}
.left2ans p .big{
    font-size:30px;
}
.right2ans{
    float: right;
    width: 510px;
    font-size: 14px;
    line-height: 17px;
    color: #fff;
}

.bt_ajouterPhoto2ans{
    margin: 20px 0 0 0;
    background: url(images/bt_ajouterUnePhoto.gif) no-repeat;
    width: 226px;
    height: 26px;
    display: block;
}



.tailleS{
    width: 225px;
    height: 150px;
    margin-bottom: 5px;
    margin-right: 5px;

}

.tailleXL{
    width: 457px;
    height: 307px;
    margin-bottom: 5px;
    margin-right: 5px;

}

.tailleS img{
    width: 225px;
    height: 150px;
    display: block;
}

.tailleXL img{
    width: 457px;
    height: 307px;
}
table.tableGal2ans{
    width: 921px;
    margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: top;
	
}



.tableGal2ans img{
    display: block;
    border: 0;
    vertical-align: top;
}
.tableGal2ans td{
    padding: 0 0 0 0;
    text-align: left;
    vertical-align: top;
}

/**********************  POPUP GALERIE  *******************/

#popupGalerie{
    background: url(images/trans.png) repeat;
    position:fixed;
     z-index:9998;top:0;left:0;width:100%;height:100%; 
    
}



.boxPop{
    width: 600px;
    margin-left: -300px;
     z-index:9999;
     overflow:hidden;
    position: fixed;
	top: 30%; left: 50%;
     background: #fff;
     border: 2px solid #d04000;
}



.titlePop{
    color:#FFFFFF;
    
    padding: 10px 15px;
    font-family: 'SeatEurostyleDemiRegular',arial,sans-serif;
    
    background: url(images/bg_devenir_membre.gif) repeat-x;
}
.titlePop h1{
    font-size:16px;
    font-weight: normal;
    line-height: 20px;
    float: left;
}
.titlePop .close{
    font-size:13px;
    padding-top: 3px;
    font-weight: normal;
    float: right;
    color: #fff;
    text-decoration: underline;
}

.content_pop{
    padding: 20px;
    background: #fff;
    font-size: 12px;
    line-height: 17px;
}

.content_pop p{
    margin: 0 0 15px 0;
}

.content_pop p.form{
   text-align: center;
}
.content_pop p.form input{
background: #fff;
    border: none;
   border:1px solid #ff7300;
   margin-right: 15px;
}

.content_pop p.textarea{
     width: 450px;

    margin: 0 auto 20px auto;
}
.content_pop p.textarea textarea{
    width: 450px;
    height: 120px;
    margin: 3px 0 0 0;
    border:1px solid #ff7300;
    font-size: 11px;
    font-family: arial;
    padding: 3px;
}
p.precedent, p.suivant, .containerSubmit{
    text-align: right;
    float: right;
    color: #ff7300;
    margin-bottom: 0;
    font-family: 'SeatEurostyleDemiRegular',arial,sans-serif;
    text-transform: uppercase;
}
p.precedent{
    text-align: left;
    float: left;
}
p.precedent a, p.suivant a{
    color: #ff7300;
}
.content_pop .crop{
    text-align: center;
    margin-bottom: 15px;
}
p.containerSubmit{
    margin-bottom: 0;
}
p.containerSubmit .submit{
    background: url(images/bt_valider.gif) no-repeat;
    width: 125px;
    height: 26px;
    border: 0;
    text-indent: -9000px;
    cursor: pointer;
}
.content_pop #store_chooser_results
{
	height:160px;
	width: 510px;
	overflow-y:	auto; 
}


.content_pop .fileUpload .filename{
    white-space: pre-wrap; /* css-3 */
    white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
    padding-bottom: 15px;
}
.content_pop .fileupload_cabinet{
    float: left;
    margin-right: 10px;
}

label.copyright{
    font-size: 9px;
    line-height: 11px;
}

/******************  PAGE MONDIAL 2010  ********************/
.introMondial{
    width: 579px;
    height: 268px;
     background: url(images/bg_headerMondial2010.jpg) no-repeat;
    
}

.formMondial{
    width: 546px;
    height: 127px;
    margin: 93px 0 0 0;
    background: url(images/bg_formMondial.png) no-repeat;
    float: right;
}
.formMondial .formLeft{
    width: 205px;
    float: left;
    margin: 16px 0 0 40px;
}
.formMondial .formRight{
    width: 255px;
    float: right;
    margin: 16px 0 0 0;
    font-size: 11px;
    color:#666666;
}



.formMondial .formLeft h2{
    color: #cc0000;
    font-size: 13px;
    font-family: 'SeatEurostyleDemiRegular',arial,sans-serif;
    text-transform: uppercase;
    font-weight: normal;
    margin-bottom: 5px;
    line-height: 15px;
    
}
.formMondial .formLeft p{
    font-size: 10px;
    color: #333333;
    font-weight: bold;
    line-height: 12px;
}
.formMondial .formRight p{
    margin-bottom: 8px;
    line-height: 12px;
}
.formMondial .formRight p b{
    color: #333333;
}
.formMondial .formRight select{
    padding: 2px;
    width: 135px;
    border: 1px solid #666666;
    color: #333333;
    text-align: center;
    margin: 3px 0 0 0;
    font-size: 13px;
}
.formMondial .formRight .submit{
    border: none;
    text-indent: -9000px;
    background: url(images/bt_validerFormMondial.gif) no-repeat;
    width: 135px;
    height: 20px;
    cursor: pointer;
}
.blocMondial{
    width: 551px;
    background: url(images/bg_blocMondial.gif) no-repeat;
    padding-left: 20px;
    margin-bottom: 20px;
}
.blocMondial h2{
    color: #ca0d0a;
    font-size: 16px;
    text-transform: uppercase;
    margin-top: 15px;

}
.blocMondial h3{
    color: #797979;
    font-size: 12px;
    text-transform: uppercase;
    padding-top: 3px;
}
.blocMondial img{
    margin: -8px 0 0 0;
    vertical-align: top;
    
}
.blocMondial p{
    color: #797979;
    font-size: 11px;
    margin: 15px 0 0 0;
    line-height: 12px;
}

/********************** Mondial 2010  ************************/

.blocMondial_jeuxConcours{
	width: 600px;
	margin: 0 0 40px 0;
}

.PageJeux .blocMondial_jeuxConcours p{
	width: 600px;
	font-size: 27px;
	color: #666;
	text-align: center;
	line-height: 30px;
}

.blocMondial_jeuxConcours span{
	font-weight: bold;
}


.blocCountdown{
	color: #ff6633;
	text-align:center;
	
	font-size: 48px;
	width: 600px;
}

.blocCountdown p{
	font-size: 18px;
	margin: 0 0 3px 0;
	font-weight: bold;
}

.blocCountdown .top{
	background: url(images/bg_mondial_top.jpg) no-repeat;
	height: 13px;
}

.blocCountdown .bottom{
	background: url(images/bg_mondial_bottom.jpg) bottom left no-repeat;
	padding: 0 0 10px 0;
}




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


.blocMondial_jeuxConcours_result h1{
	font-size: 48px;
	color: #ff6633;
	font-weight: normal;
	margin: 0 0 7px 0;
}

.blocMondial_jeuxConcours_result p{
	font-size: 16px;
	color: #666;
	font-weight: bold;
	margin: 0 0 19px 0;
}

.blocMondial_jeuxConcours_result span{
	font-size: 16px;
	color: #ff6633;
	font-weight: bold;
}



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

.blocBorder {
  margin-top: 35px;
}

.blocBorder .top{
	background: url(images/bg_mondial_top.jpg) no-repeat;
	height: 13px;
}

.blocBorder .bottom{
	background: url(images/bg_mondial_bottom.jpg) bottom left no-repeat;
	padding: 0 10px 15px 10px;
}

.blocBorder h2{
  font-size: 16px;
	color: #ff6633;
	font-weight: bold;
	margin: 0;
}

.blocBorder p{
  font-size: 14px;
	color: #666;
	margin: 2px 0;
	line-height: 18px;
}

.blocBorder .bottom .formLeft{
  float: left;
  width: 370px;
  margin-right: 10px;
}
.blocBorder .bottom .formRight{
  float: left;
  width: 170px;
  font-size: 11px;
}

.blocBorder .bottom .formRight p{
  float: left;
  width: 165px;
  font-size: 11px;
  line-height: 13px;
}

.blocBorder .formRight select{
  border:1px solid #666666;
  color:#333333;
  font-size:13px;
  margin:6px 0;
  padding:2px;
  text-align:center;
  width:135px;
}

.blocBorder .formRight .submit {
background:transparent url(images/bt_validerFormMondial_orange.gif) no-repeat scroll 0 0;
border:medium none;
cursor:pointer;
height:20px;
text-indent:-9000px;
width:135px;
}


/****** message selection date **********/

.formMondial .message_form{
	padding: 55px 10px;
	text-align: center;
	font-family:'SeatEurostyleDemiRegular',arial,sans-serif;
	font-size:14px;
	color:#CC0000;
	line-height: 15px;
}


/********* Message enregistrement nouveau mot de passe **********/

.mod_article .confirmation_mdp{
	text-align: center;
	font-family:'SeatEurostyleDemiRegular',arial,sans-serif;
	font-size:14px;
	color:#CC0000;
	margin: 50px auto;
	font-weight: normal;
	border:1px solid #FA710A;
	display: block;
	width: 500px;
	padding: 20px;
}


/********* jeux concours **********/

#jeux-concours .block{
    overflow: visible;
}