@CHARSET "ISO-8859-1";

/**
 * Reset all
 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{ margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}

body{ line-height:15px;}
ol, ul{ list-style:none;}
blockquote, q{ quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after{ content:'';    content:none;}

/* remember to define focus styles! */
:focus{ outline:0;}

/* remember to highlight inserts somehow! */
ins{ text-decoration:none;}
del{ text-decoration:line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table{ border-collapse:collapse; border-spacing:0;}

/**
 * Main style
 */

body { background: #EDEBE5; font-family: 'Arial'; font-size: 12px; }
#container { background: #FFFFFF; width: 1000px; margin: 0 auto; }
#content { background-color: #FFFFFF; padding: 0 10px; float: left; width: 980px; }
#footer { float: left; }
a { outline: none ; text-decoration: none ; }
    a:hover { text-decoration: underline ; }

/*
 * HEADER
 */

#header { height: 330px; position: relative; }
#logo { position: absolute; left: 10px; top: 10px; }
    #logo a img { border: none; }
#header_bg { float: left ; position: absolute ; top: 30px; left: 20px ; background: url(../img/site/header_bg.png) top left no-repeat; width: 1000px; height: 160px; }

#social { position: absolute; top: 120px; left: 15px; height: 25px; }
    .social { float: left; display: block; width: 25px; height:25px; margin-right: 7px; }
        .rss { background: url('/img/site/icons/icon_rss.png') top left no-repeat; }
            .rss:hover { background: url('/img/site/icons/icon_rss.png') bottom left no-repeat; }
        .facebook { background: url('/img/site/icons/icon_facebook.png') top left no-repeat; }
            .facebook:hover { background: url('/img/site/icons/icon_facebook.png') bottom left no-repeat; }
        .twitter { background: url('/img/site/icons/icon_twitter.png') top left no-repeat; }
            .twitter:hover { background: url('/img/site/icons/icon_twitter.png') bottom left no-repeat; }

#upper_nav { height: 20px; position: absolute; right: 10px; }
    #upper_nav a { color: #C0252D; font-weight: bold; }
    #upper_nav ul { float: left; line-height: 25px; margin: 4px 0 0 0; }
        #upper_nav ul li { display: inline; padding: 0 6px; border-right: 1px solid #C0252D; }
#search { float: left; width: 260px; }
    #search label { float: left; margin: 10px 5px 0 10px; color: #C0252D; }
    #search input { margin: 8px 3px 0 0; border: 1px solid #C0252D; float: left; background-color: #F2F1EA; }
    #search .search_submit { float: left; margin: 10px 0 0 0; border: none; }

#large_ad { position: absolute; top: 190px; left: 10px; width: 728px; height: 90px; }

#newsletter { position: absolute; top: 190px; right: 10px; background: url(../img/site/newsletter_bg.gif) no-repeat; width: 240px; height: 90px; }
    #newsletter h2 { color: #FFFFFF; font-size: 13px; padding: 7px; }
    #newsletter form { padding: 0 10px; }
        #newsletter form input { width: 180px; border: none; float: left; padding: 2px; }
        #newsletter form .submit { width: 15px; float: left; margin: 0 0 6px 0; *margin: 0 0 3px 0; }
        #newsletter form .image { width: 15px; padding: 3px 0 0 5px; }
    #newsletter a { padding: 0 10px; color: #B40817; line-height: 25px; font-size: 10px; font-weight: bold; *clear: both; }
        #newsletter a:hover { text-decoration: underline; }

#ticker { position: absolute; top: 160px; left: 380px; width: 600px; height: 20px; background: #E0DED2; }
    #ticker ul { margin: 3px 0 0 0; }
        #ticker ul li { display: inline; margin: 0 50px 0 0; }
            #ticker ul li a { color: #B40817; font-weight: bold; margin: 0 0 0 7px; }

#menu { background: url(../img/site/menu_bg.gif) repeat-x; position: absolute; top: 290px; width: 990px; }
    #menu ul { background: url(../img/site/menu_bg.gif) repeat-x; width: 988px; height: 30px; margin: 0 0 0 13px; }
        #menu ul li { display: inline; line-height: 30px; list-style: none; padding: 8px 0; margin: 0 0 0 -4px; }
            #menu ul li a { color: #FFFFFF; padding: 8px 16px; border-right: 1px solid #FFFFFF; margin: 0; }
                #menu ul li a:hover { background: url(../img/site/menu_selected_bg.gif) repeat-x; color: #B40817; padding: 8px 16px; text-decoration: none; }
                #menu ul li a.menu_contact_item,
                    #menu ul li a.menu_contact_item:hover,
                #menu ul li.selected a.menu_contact_item { border-right: none; }
            #menu ul li.selected { padding: 8px 0px; }
                #menu ul li.selected a { background: url(../img/site/menu_selected_bg.gif) repeat-x; color: #B40817; padding: 8px 16px; border-right: none; }

/*
 * HOME PAGE
 */

.bloc { border-top: 6px solid #AC1A1D; width: 980px; float: left; margin: 0 0 20px 0; }
.section_title { margin: -6px 0 5px 0; background-image: url(../img/site/section_bg.png); background-repeat: no-repeat; height: 35px; width: 100%; float: left; }
    .section_title h2 { color: #FFFFFF; font-size: 14px; padding: 7px; }
.left_panel { display: block; width: 250px; float: left; margin: 0 10px 0 0; }
    .left_panel h3 { background: #E0DDD3; color: #B40817; font-weight: bold; padding: 3px 10px; font-size: 13px; margin: 0 0 10px 0; }
    .left_panel .job_picture { background: url(../img/site/job_bg.jpg) no-repeat; height: 150px; float: left; }
        .left_panel .job_picture span { margin: 70px 0 0 15px; float: left; color: #B40817; font-weight: bold; font-size: 13px; }
        .left_panel .job_picture a { margin: 0 0 0 165px; *clear: both; *margin: 0 0 0 155px; background: url(../img/site/right_arrow.png) no-repeat 55px; padding: 5px 20px 5px 0; color: #B40817; font-size: 10px; font-weight: bold; line-height: 35px; }
        .left_panel .formation_picture { background: url(../img/site/formation_bg.jpg) no-repeat; height: 200px; float: left; }
            .left_panel .formation_picture img { margin: 70px 5px 0 10px; float: left; }
            .left_panel .formation_picture span { display: block; margin: 65px 0 0 0; padding: 0 5px; font-size: 11px; }
            .left_panel .formation_picture a { margin: 0 0 0 105px; background: url(../img/site/right_arrow.png) no-repeat 110px; padding: 5px 20px 5px 0; color: #B40817; font-size: 10px; font-weight: bold; line-height: 35px; }
        .left_panel .last_offers { border: 1px dotted #B40817; padding: 5px; margin: 0 0 10px 0; }
            .left_panel .last_offers a { color: #B40817; font-weight: bold; }
            .left_panel .last_offers ul li { margin: 0 0 5px 0; list-style: square; list-style-position: inside; }
            .left_panel .last_offers div a { margin: 0 0 0 120px; font-size: 10px; background: url(../img/site/right_arrow.png) no-repeat 1px; padding: 2px 0 2px 20px; }
#left_menu ul li { list-style: none; background-color: #E0DDD3; padding: 5px 10px; margin: 0 0 5px 0; }
    #left_menu ul li a{ color: #B40817; }
        #left_menu ul li a:hover{ font-weight: bold; }

.center_panel { float: left; width: 478px; }
    .center_panel .center_line { margin: 0 0 20px 0; }
        .center_panel .center_line .title h3 { float: left; width: 100px; }
        .center_panel .center_line .title a { margin: 0 0 0 240px; background: url(../img/site/right_arrow.png) no-repeat 110px; padding: 5px 30px 5px 0; color: #B40817; font-size: 10px; font-weight: bold; line-height: 17px; }
            .center_panel .center_line .title a:hover { text-decoration: underline; }
            .center_panel .center_line .agenda_article,
            .center_panel .center_line .news_article,
            .center_panel .center_line .testimony_article { border-left: 1px dotted #EE8115; margin: 0 0 10px 0; padding: 0 5px; }
            .center_panel .center_line .testimony_article { border-left: 1px dotted #B3B540; }
            .center_panel .center_line .agenda_article { border-left: 1px dotted #00A09C; }
                .center_panel .center_line .agenda_article span,
                .center_panel .center_line .news_article span,
                .center_panel .center_line .testimony_article span { color: #888888; }
                .center_panel .center_line .agenda_article a,
                .center_panel .center_line .news_article a,
                .center_panel .center_line .testimony_article a { color: #000000; }
        .center_panel .center_line .list h4 a { font-weight: normal; }
a.movie_link { border: 1px dotted #B40817; display: block; width: 85px; margin: 20px 0 0 0; padding: 5px 5px 5px 35px; background: url(../img/site/film_icon.png) no-repeat 5px; color: #B40817; }

.une h3 { background: #E0DDD3; color: #B40817; font-weight: bold; padding: 3px 10px; font-size: 13px; margin: 0 0 10px 0; }
    .une .company_left { float: left; margin: 0 10px 0 0; width: 110px; }
        .une .company_left img { float: left; margin: 0 0 10px 0; }
        .une .company_left a { float: left; color: #B40817; padding: 5px 10px; text-align: center; border: 1px dotted #B40817; }
            .une .company_left a:hover { color: #FFFFFF; border: 1px solid #B40817; background: #B40817; text-decoration: none; }
.une h4 a{ float: left; color: #B40817; font-weight: bold; font-size: 13px; margin: 0 0 20px 0; width: 100%; }
.une .company_right { float: left; display: block; width: 348px; _width: 300px; margin: 0 0 0 10px; }
    .une .company_right .read_more a { float: right; background: url(../img/site/right_arrow.png) no-repeat 65px; padding: 5px 25px 5px 0; color: #B40817; font-size: 10px; font-weight: bold; line-height: 17px; }

/*
 * NEWS, FORMATIONS, AGENDA, ENTREPRISES LISTS
 */
#breadcrumb { background: #E0DDD3; padding: 5px 10px; margin: 0 0 20px 0; }
    #breadcrumb ul li { display: inline; }
        #breadcrumb ul li.first a { font-weight: bold; }
        #breadcrumb ul li a { color: #B40817; }

#articles_list .article { float: left; width: 100%; margin: 0 0 20px 0; }
    #articles_list .article .entreprises_content,
    #articles_list .article .partenaires_content { border-bottom: 1px dotted #B40817; padding: 0 0 5px 0; float: left; }
    #articles_list .article h3 { float: left; display: block; width: 100%; }
        #articles_list .article h3 a,
        #offres_list .article h3 a{ color: #B40817; }
    #articles_list .article img { float: left; width: 100px; margin: 0 10px 0 0; }
    #articles_list .article .news_content { border-left: 1px dotted #EE8115; padding: 0 5px; float: left; width: 352px; }
        #articles_list .article .news_content h3 a { color: #EE8115; }
    #articles_list .article .temoignages_content { border-left: 1px dotted #B3B540; padding: 0 5px; float: left; width: 352px; }
        #articles_list .article .temoignages_content h3 a { color: #B3B540; }
    #articles_list .formations_article,
    #articles_list .partenaires_article { border-bottom: 1px dotted #C0252D; width: 100%; float: left; margin: 0 0 10px 0; padding: 10px 0 0 0; }
        #articles_list .partenaires_article img { margin: 0 10px 20px 0; }
        #articles_list .formations_article .article_headline,
        #articles_list .article .article_headline { display: block; margin: 5px 0 10px 0; color: #000000; }
        #articles_list .formations_article img,
        #articles_list .partenaires_article img { float: left; width: 100px; margin: 0 10px 0 0; }
        #articles_list .formations_article .content,
        #articles_list .partenaires_article .content { padding: 0 5px; float: left; width: 315px; }
            #articles_list .formations_article h3 a,
            #articles_list .partenaires_article h3 a { color: #B40817; font-size: 13px; display: block; margin: 0 0 10px 0; }
    #articles_list .article .date,
    #offres_list .article .date { color: #555555; }
    #articles_list .article .read_more a { margin: 0 0 0 265px; background: url(../img/site/right_arrow.png) no-repeat 65px; padding: 5px 25px 5px 0; color: #B40817; font-size: 10px; font-weight: bold; line-height: 17px; }

#articles_list .agendas_article .read_more a ,
#articles_list .formations_article .read_more a ,
#articles_list .partenaires_article .read_more a { margin: -5px 0 0 390px; background: url(../img/site/right_arrow.png) no-repeat 65px; padding: 5px 25px 5px 0; color: #B40817; font-size: 10px; font-weight: bold; line-height: 17px; display: block; }
.agendas_article .agendas_content h3 a { color: #00A09C; }
.agendas_content { border-bottom: 1px dotted #00A09C; margin: 0 0 10px 0; }
#articles_list .article .agendas_content .read_more a ,
#articles_list .article .entreprises_content .read_more a ,
#articles_list .article .partenaires_content .read_more a ,
.entreprises_article .entreprises_content .read_more a { margin: -20px 0 0 390px; *margin: -20px 0 0 350px; float: left; background: url(../img/site/right_arrow.png) no-repeat 65px; padding: 5px 25px 5px 0; color: #B40817; font-size: 10px; font-weight: bold; line-height: 17px; }
    .entreprises_content { border-bottom: 1px dotted #B40817; margin: 0 0 10px 0; float: left; }
    .entreprises_content img { float: left; margin: 0 10px 0 0; }
    .entreprises_content h3 a { color: #B40817; }

/*
 * NEWS, FORMATIONS, AGENDA, PARTNERS ARTICLE
 */

.bloc_article { float: left; }
    .bloc_article .image_article img { float: left; width: 100px; margin: 0 20px 8px 0; }
    .bloc_article a:visited { color: #B40817; }
    .bloc_article .date { display: block; color: #555555; margin: 0 0 10px 0; }
    .bloc_article .back a { background: url(../img/site/left_arrow.png) no-repeat; padding: 2px 0 2px 20px; margin: 10px 0 0 0; color: #B40817; font-size: 10px; font-weight: bold; display: block; }
.article_content { padding: 5px; }
h3.news_content { color: #FFFFFF; background-color: #EE8115; padding: 3px 8px; margin: 0 0 10px 0; }
h3.formations_content { color: #FFFFFF; background-color: #B40817; padding: 3px 8px; margin: 0 0 10px 0; }
h3.temoignages_content { color: #FFFFFF; background-color: #B3B540; padding: 3px 8px; margin: 0 0 10px 0; }
h3.partenaires_content,
h3.entreprises_content { color: #FFFFFF; background-color: #B40817; padding: 3px 8px; margin: 0 0 10px 0; }


/*
 * FORMATIONS AND OFFERS SEARCH ENGINE
 */

#formations_search,
#offres_search { padding: 5px; margin: -20px 0 20px 0; *position: relative; }
    #formations_search h3 { line-height: 30px; }
    #offres_search h3.simple_search { line-height: 30px; width: 180px; float: left; }
    #formations_search .input { margin: 0 auto; width: 300px; }
    #offres_search .input { margin: 0 auto; width: 400px; }
        #formations_search .input label { width: 80px; text-align: right; float: left; line-height: 25px; padding: 0 5px; }
        #offres_search .input label { width: 90px; text-align: right; float: left; line-height: 25px; padding: 0 5px; }
        #formations_search .input input { border: 1px solid #AF1B20; float: left; width: 200px; padding: 3px; }
        #offres_search .input input { border: 1px solid #AF1B20; float: left; width: 250px; padding: 3px;  }
        #offres_search .input input.simple_search_input { border: 1px solid #AF1B20; width: 220px; margin: 2px 0 0 0; *border:1px solid black; *margin: -27px 0 0 150px; }
        #formations_search .input select { border: 1px solid #AF1B20; width: 208px; padding: 3px; }
        #offres_search .input select { border: 1px solid #AF1B20; width: 257px; padding: 3px; margin: 0 0 3px 0; }
    #formations_search .search_submit { background: url(../img/site/right_arrow.png) no-repeat; border: none; margin: 4px 5px; width: 15px; *position: absolute; *top: 90px; *right: 80px; }
    #offres_search input.search_submit { background: url(../img/site/right_arrow.png) no-repeat; border: none; margin: 4px 5px; width: 15px; *float: right; *margin: -23px 20px 0 0;}
    #offres_search input.search_submit2 { background: url(../img/site/right_arrow.png) no-repeat 2px; border: none; margin: 4px 0 0 124px; width: 100px; padding: 2px 0 0 18px; border: 1px solid #AF1B20; }

#articles_list .count { margin: 5px 0; color: #AF1B20; font-weight: bold; }
#offres_list .article { float: left; width: 100%; margin: 0 0 5px 0; }
    #offres_list .article .offres_content { padding: 5px 0 7px 5px; border: 1px solid #B40817; margin: 0; float: left; width: 460px; }
        #offres_list .article .offres_content h3 { float: left; display: block; width: 285px; margin: 0 0 5px 0; }
        #offres_list .article .offres_content .article_headline { margin: 0; }
        #offres_list .article .offres_content span { display: block; width: 285px; }
        #offres_list .article .offres_content span.company { font-size: 12px; margin: 0; font-weight: bold; }
        #offres_list .article .offres_content span.date { display: block; color: #555555; font-size: 11px; margin: 5px 0 0 0; width: 150px; }
        #offres_list .article .offres_content .offre_logo{ display: block; float: right; margin: 0 5px; }
        
#advanced_search { height: 100px; padding: 10px; }
.advanced_search { display: block; padding: 10px 0 0 30px; margin-left: -8px; background: url(../img/site/slide_down.png) left 6px no-repeat;  cursor: pointer; _cursor: hand;}
.advanced_search_active { background-position: left -27px; }

/*
 * OFFERS CONTENT
 */
 
.offer_content { float: left; }
    .offer_content #top_side { width: 478px; display: block; float: left; }
        .offer_content #top_side img { position: absolute; margin: 30px 0 0 350px; width: 120px; }
        .offer_content #key_infos { 
            background: #EEEEEE; padding: 5px; 
            -moz-box-shadow: 3px 3px 3px #888888; -webkit-box-shadow: 3px 3px 3px #888888; box-shadow: 3px 3px 3px #888888; 
            zoom: 1;
            filter: progid:DXImageTransform.Microsoft.Shadow(color='#888888', Direction= 135, Strength=3); }
        .offer_content #top_side h4 { border-bottom: 1px dotted #000000; color: #AF1B20; margin: 0 0 10px 0; font-size: 15px; }
        .offer_content #top_side ul { list-style: none; }
            .offer_content #top_side ul li { margin: 0 0 5px 0; }
                .offer_content #top_side ul li h5 { font-weight: bold; font-size: 11px; }
                .offer_content #top_side ul li span { font-size: 12px; }
    .offer_content #bottom_side { float: left; width: 468px; padding: 0; margin: 10px 0; border: 1px dotted #AF1B20; padding: 5px;}
        .offer_content #bottom_side h3 { color: #AF1B20; margin: 0 0 15px 0; font-size: 15px; }
        .offer_content #bottom_side p { margin: 0 0 15px 0; }
        .offer_content #bottom_side h4 { color: #AF1B20; margin: 0 0 5px 0; font-size: 15px; }
    .offer_content .back { float: left; }
    .offer_content .postuler a { background: url(../img/site/postuler.gif) no-repeat 2px; border: none; margin: 0 0 0 295px; *margin: 0 0 0 293px; width: 65px; padding: 6px 34px 8px 34px; color: #FFFFFF; font-size: 18px; float: left; }

/*
 * COMPANY SECTION
 */

.company { float: left; }
    .company a { color: #B40817; }
.company_header { border: 1px dotted #B40817; padding: 10px; display: block; float: left; margin: 0 0 10px 0; }
    .company_header img { float: left; width: 100px; margin: 0 20px 0 0; }
    .company_header .info_entreprise { float: left; width: 325px; border-left: 1px dotted #B40817; padding: 0 0 0 10px; }
        .company_header .info_entreprise label,
        .company_header .info_entreprise span { float: left; width: 295px; }
        .company_header .info_entreprise label { color: #B40817; font-weight: bold; font-style: italic; }
        .company_header .info_entreprise span,
            .company_header .info_entreprise span a { color: #000000; font-weight: bold; margin: 0 0 5px 0; }

#company_articles { padding: 0; margin: 50px 0 10px 0; border: 2px solid #DDDDDD; float: left; }
    #company_articles .entreprises_content { border-bottom: 1px dotted #B40817; padding: 5px; }
        #company_articles .entreprises_content .article_headline { float: left; }
    #company_articles .article img { margin: 0 5px 0 10px; float: left; }
    #company_articles #articles_list .article #pagination { margin: 10px 5px 0 10px; float: left; }
    #company_articles #pagination { margin: 0 0 10px 10px; }
    #company_articles h2 { background: #DDDDDD; margin: 0 0 10px 0; padding: 5px; color: #000000; font-size: 14px; font-weight: normal; }

.back a { background: url(../img/site/left_arrow.png) no-repeat; padding: 2px 0 2px 20px; margin: 10px 0 0 0; color: #B40817; font-size: 10px; font-weight: bold; display: block; float: left; }

/*
 * CONTACT
 */

#contact { *margin: 0 0 30px 0; }
    #contact .error-message { color: #B40817; font-weight: bold; }
    #contact legend { margin: 0 10px; padding: 3px 5px; color: #333333; font-weight: bold; border: 2px solid #B40817; }
    #contact fieldset { border: 2px solid #B40817; padding: 10px; margin: 0 0 10px 0; }
        #contact fieldset label { text-align: left; }
        #contact fieldset select#CandidateOffresFonctionId { width: 275px; }
        #contact fieldset fieldset { border: 1px solid #B40817; padding: 5px 10px; }
            #contact fieldset fieldset legend { border: 1px solid #B40817; }
        #contact fieldset div { width: 100%; display: block; margin: 5px 0; float: left; }
            #contact fieldset div label { width: 175px; float: left; }
            #contact fieldset div input { width: 272px; }
p span.required { color: #B40817; font-weight: bold; font-size: 14px; margin: 3px 0 20px 0; display: block; }
#contact span.required,
legend span.required { color: #B40817; font-weight: bold; font-size: 18px; }
#form_rqth { margin: 20px 0 0 0 ; float: left; }
    #form_rqth div { display: block; margin: 0 0 5px 0; float: left; }
.indigo { width: 370px; margin: 20px auto; padding: 10px; border:2px dotted #B40817; font-weight: bold;}
    .indigo p{ line-height: 25px; *line-height: 35px; }
    .indigo img{ margin: -25px 0 0 120px; *float:left;}

/*
 * MISCELLANEOUS PAGES
 */

#presentation ul { margin: 10px 0; }
    #presentation ul li { list-style-type: square; list-style-position: inside; margin: 5px 0; font-weight: bold; }
        #presentation ul li a { color: #B40817; }
#sitemap { margin: 0 0 30px 0; }
    #sitemap li { list-style-position: inside; margin: 5px 0; }
        #sitemap li a { color: #B40817; }
    #sitemap li ul { margin: 0 0 10px 0; }
        #sitemap li ul li { list-style-position: inside; margin: 0 30px; list-style: square; }
#accessibilite { padding: 5px; }
    #accessibilite img { display: block; margin: 0 0 10px 0; }
    #accessibilite a { color: #B40817; }
    #accessibilite h4 { display: block; margin: 10px 0; }
    #accessibilite p { margin: 0 0 10px 0; }
    #accessibilite ol,
    #accessibilite ul { margin: 5px 0 10px 0; }
        #accessibilite ul li { list-style-position: inside; margin: 0 30px; list-style: square; }
        #accessibilite ol li { list-style-position: inside; margin: 0 20px 10px; list-style: square; }
#newsletters h3 { margin: 0 0 20px 0; color: #B40817; }
#newsletters ul li { list-style-position: inside; margin: 5px; list-style: none; border-left: 1px dotted #B40817; padding: 3px 10px; }
#newsletters a { color: #333333; }
.highlight { background: #B40817; color: #FFFFFF; padding: 1px; }
#search_result p { margin: 0px 0 10px 0; }
.search_bloc { margin: 0 0 20px 0; border-bottom: 1px dotted #B40817; width: 100%; float: left; display: block; padding: 0 0 5px 0 ; }
    .search_bloc h3 a { color: #B40817; }
#img_mdh img { width: 478px; }
.session_list { width: 270px; }

/*
 * PAGINATION
 */

#pagination { float: left; margin: 0 0 10px 0; *line-height: 25px; }
#offres_list #pagination { margin: 10px 0; }
#pagination span { margin: 0 3px; }
    #pagination span.current { color: #B40817; border: 1px solid #B40817; padding: 3px 5px; }
    #pagination span a { color: #000000; border: 1px solid #000000; padding: 3px 5px; }
        #pagination span a:hover { background-color: #B40817; color: #FFFFFF; border: 1px solid #B40817; padding: 3px 5px; text-decoration: none; }

/*
 * FOOTER
 */

#footer { width: 970px; *width: 980px; background: #E0DDD3; margin: 0; *margin: 15px 0 0 0; padding: 15px; *padding: 10px; *padding-top: 15px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; }
    #footer a { color: #B40817; padding: 0 10px; }
    #footer #powered { width: 280px; float: left; }
        #footer #powered a img { border: none; }
    #footer ul { float: left; }
        #footer ul li { display: inline; }
    #footer #info { float: left; margin: 0 130px 0 0; }
    #footer #footer_print { float: left; margin: 0 10px 0 0; }

/*
 * WIDGET DIVS
 */

.widget { float: left; width: 235px; _width: 230px; }
.right { border: 1px solid #AC1A1D; margin-left: 10px; float: left; width: 230px; background-color: white; }
    .right .widget { float: left; }
    .right h3 { background: url(../img/site/menu_bg.gif) #888888 -10px 0; color: white; padding: 7px 10px; margin: -1px 0 0 0; width: 210px; float: left; }
    .right .all_link { text-decoration: none; color: #FFFFFF; background: url(../img/site/full_right_arrow.png) no-repeat -5px; line-height: 40px; margin: 5px 0 0 8px; *clear: both; *margin: 5px 0 0 8px; padding: 10px 85px 10px 17px; *padding: 10px 90px 10px 10px; font-size: 15px; }
    .right .all_link2 { text-decoration: none; color: #FFFFFF; background: url(../img/site/full_right_arrow.png) no-repeat -5px; line-height: 40px; margin: 0 0 0 8px; *clear: both; *margin: 5px 0 0 8px; padding: 10px 55px 10px 15px; font-size: 15px; }
.jcarousel-skin-tango { margin: 0; }
#player { display: block; width: 230px; height: 200px; margin: 0 0 10px 0; }
#widget_company ul img { height: 75px; width: 75px; }

.right .offers a { background: url(../img/site/offers.gif) no-repeat 2px; border: none; margin: 10px 0 10px 35px; padding: 10px 0 10px 8px; color: #FFFFFF; font-size: 15px; float: left; font-weight: bold; width: 150px; }

.agefiph { margin: 10px 0 10px 10px; _margin: 10px 5px 10px 10px; float: left; *float: none; border: 1px dotted #666666; width: 200px; padding: 5px; }
    .agefiph a { color: #000000; float: left; }
        .agefiph a:hover { color: #000000; background: #EFEFEF; }
    .agefiph img { float: left; }
    .agefiph span { margin: 5px 0 0 5px; float: left; width: 80px; }

/*
 * SUCCESS & ERROR MSG
 */
.success { border: 1px dotted #C0252D; width: 250px; margin: 0 auto; text-align: center; padding: 10px; }
    .success p { color: #C0252D; font-weight: bold; font-size: 15px; margin: 20px 0; }

.message { background-color: #B40817; color: #FFFFFF; padding: 5px 3px; margin: 0 0 5px 0; text-align: center; font-weight: bold; }

/**
 * VIDEOS PAGE
 */
 
 #videos #player { display: block; float: left; height: 300px; margin: 20px 0 20px -10px; width: 425px; }

/*
 * WEBREADER
 */

.reader { float: left; width: 100%; *width: 478px; *display: block; margin: -10px 0 10px 0; }
#WR_1 { margin: 0 0 0 28px; float: left; display: block; }
    #WR_1 table { float: left; }
        #WR_1 table tr { border: 1px solid #B40817; margin: 0; }
            #WR_1 table tr td { padding: 2px; }
            #WR_1 table tr a { color: #B40817; }
.listen_link { background: url(../img/site/play_icon.gif) no-repeat 1px; padding: 8px 0px 8px 37px; color: #000000; font-weight: bold; display: block; float: left;}

/*
 * OFFERS IFRAME
 */
.fifty { width: 50px; }
.hundred { width: 100px; }
.hundred-fifty { width: 150px; }
.two-hundred { width: 200px; }
.three-hundred { width: 300px; }
.three-hundred-fifty { width: 350px; }
.four-hundred { width: 400px; }
.five-hundred { width: 500px; }
.six-hundred { width: 600px; }

#iframe_container { background: #FFFFFF; width: 1000px; margin: 0 auto;}
    #iframe_container #header { height: 120px; position: relative; }
        #iframe_container #large_ad { position: absolute; top: 5px; left: 136px; width: 728px; height: 100px; }
    #iframe_container .bloc { border-top: none; width: 920px; margin: 0; padding: 0 30px; }
        #iframe_container .bloc #offres_search { padding: 5px; margin: 0 0 20px 0; *position: relative; }
            #iframe_container .bloc #offres_search h3 { line-height: 30px; padding: 0 0 0 200px; }
            #iframe_container .bloc #offres_search .input { margin: 0 auto; width: 400px; }
                #iframe_container .bloc #offres_search .input label { width: 90px; text-align: right; float: left; line-height: 25px; padding: 0 5px; }
                #iframe_container .bloc #offres_search .input input { border: 1px solid #DC1774; float: left; width: 250px; padding: 3px; }
                #iframe_container .bloc #offres_search .input select { border: 1px solid #DC1774; width: 257px; padding: 3px; margin: 0 0 3px 0; }
            #iframe_container .bloc #offres_search input.search_submit { background: url(../img/site/right_arrow.png) no-repeat; border: none; margin: 4px 5px; width: 15px; *position: absolute; *top: 35px; *right: 40px; }
            #iframe_container .bloc #offres_search input.search_submit2 { background: url(../img/site/right_arrow.png) no-repeat 2px; border: none; margin: 4px 0 0 354px; width: 100px; padding: 2px 0 0 18px; border: 1px solid #DC1774; }

#iframe_container .bloc #offres_list .count { margin: 5px 0; color: #DC1774; font-weight: bold; font-size: 14px; }
#iframe_container .bloc #offres_list table { font-weight: normal; font-size: 14px; margin: 10px auto 20px; float: left; }
    #iframe_container .bloc #offres_list table td a { color: #0A316E; margin: 0 8px 0 0; font-weight: bold; }
    #iframe_container .bloc #offres_list table th { font-size: 12px; font-weight: bold; border-bottom: 2px solid #777777; text-align: left; padding: 5px 2px 2px; }
        #iframe_container .bloc #offres_list table th a { color: #000000; }
    #iframe_container .bloc #offres_list table tr td { border-bottom: 1px solid #DDDDDD; padding: 5px 2px; }
        #iframe_container .bloc #offres_list table tr.altrow { background: #EFEFEF; }

#iframe_container #pagination { float: left; margin: 0 0 10px 0; *line-height: 25px; }
#iframe_container #offres_list #pagination { margin: 10px 0; }
#iframe_container #pagination span { margin: 0 3px; }
    #iframe_container #pagination span.current { color: #DC1774; border: 1px solid #DC1774; padding: 3px 5px; }
    #iframe_container #pagination span a { color: #000000; border: 1px solid #000000; padding: 3px 5px; }
    
/*
 * FACEBOOK
 */
.facebook_share { display: block; float: right; margin-top: 8px; }
        #iframe_container #pagination span a:hover { background-color: #DC1774; color: #FFFFFF; border: 1px solid #DC1774; padding: 3px 5px; text-decoration: none; }