/* --------------------------------------------------------
    Global stylesheet
    Website: Sumo Industries
    Filename: css/global.css
   -------------------------------------------------------- */

/* --------------------------------------------------------
    General
   -------------------------------------------------------- */

    * { margin: 0; padding: 0; }

    body { background: #261809 url("../images/bg.jpg") repeat top center; font: 70%/1.5em Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #cdbe9c; margin: 0; padding: 0px; text-align: center; }

    hr, .hide { display: none; }
    div.clearer { clear: both; height: 0px; overflow: hidden; }
    div.container_clearer { overflow: hidden; width: 100%; }

    a { color: #fff; }
    a:hover { color: #cdbe9c; }

    input, select, textarea { font: 11px Tahoma, Verdana, Arial, Helvetica, sans-serif; padding: 2px; color: #170F03; }
    select { padding: 1px; }

    ul { list-style: none; }

/* --------------------------------------------------------
    General Presentation
   -------------------------------------------------------- */

    div#wrapper { width: 100%; background: url("../images/bg_wrapper.gif") repeat-x 0 88px; }
    div#header_menu_borders { width: 100%; background: url("../images/header_menu_borders.gif") no-repeat top center;  }
    div#container { width: 970px; margin: 0 auto; text-align: left; }

/*  Header Top - Language + Moto
   ------------------------------ */

    div#header_top { height: 45px; }
    div#header_top div#header_top_inner { padding: 20px 37px 0 37px; }

/*  Header + Menu
   --------------- */

    div#header { height: 286px; background: url("../images/header_bg.jpg") no-repeat; }
    div#header_menu ul { height: 27px; padding: 40px 0 0 37px; }
    div#header_menu ul li { float: left; line-height: 27px; padding-right: 15px; }
    div#header_menu ul li a { height: 27px; display: block; background-position: top left; text-decoration: none; text-indent: -9999px; -moz-outline-style: none; }
    div#header_menu ul li a:hover, div#header_menu ul li.active a { background-position: bottom left; }

/*  Header Sub Menus
   ------------------ */

    div#header_s_menu ul { padding-top: 22px; }
    div#header_s_menu ul li { line-height: 20px; padding-bottom: 5px; }
    div#header_s_menu ul li a { display: block; height: 20px; background-position: top left; text-decoration: none; text-indent: -9999px; -moz-outline-style: none; }
    div#header_s_menu ul li a:hover, div#header_s_menu ul li.active a { background-position: top right; }

/*  Content
   --------- */

    div#content { min-height: 600px; width: 100%; background: url("../images/content_bg.jpg") repeat-y top left; overflow: hidden; }
    div#content div#content_inner { padding: 37px; }

    div#content_left { float: left; position: relative; width: 370px; padding-bottom: 100px; }
    div#content_right { float: right; width: 489px; padding-bottom: 100px; }
    div#content_right_projet { margin-left: 388px; margin-top: -3px; padding-bottom: 100px; }
    html>body div#content_right_projet { margin-left: 391px; }

/*  Footer
    -------- */

    div#footer { background: url("../images/content_footer.jpg") no-repeat top left; clear: both; }
    div#footer_inner { padding: 150px 44px 30px 44px; }
    div#footer p.copyright { float: left; color: #664B2B; font-size: 0.9em; }
    div#footer p.copyright a { color: #990000; text-decoration: none; }
    div#footer p.sumo_tag a { float: right; width: 20px; height: 12px; background: url("../images/footer_sumo_tag.gif") no-repeat; }

/* --------------------------------------------------------
    Sections : Home / News
   -------------------------------------------------------- */

	div.featured { margin-bottom: 100px; width: 370px; }
	div.featured h3 { background-color: #100A02; color: #CC0000; padding: 2px 8px 3px 8px; font-size: 1em; margin: 8px 0 30px 0; }
	div.featured span { color: #fff; }
	div.featured p { padding-left: 11px; }
	div.featured_img { background: url("../images/featured_border_middle.gif") repeat-y 0px 20px; margin-bottom: 9px; width: 370px; }
	div.featured_img_top { background: url("../images/featured_border_top.gif") no-repeat top left; }
	div.featured_img_bottom { background: url("../images/featured_border_bottom.gif") no-repeat bottom left; }
	div.featured_img_crop { background: url("../images/featured_border_crop.gif") no-repeat center left; }
	div.featured_img img { border: 8px solid #100A02; margin: 11px; }
	
	div.left_dotted_box { padding: 20px 0; border-top: 1px dotted #A5936C; border-bottom: 1px dotted #A5936C; }
	div.left_dotted_box strong { float: left; margin-top: 2px; }
	div.left_dotted_box input, div.left_dotted_box textarea { margin-bottom: 10px; width: 200px; }
	div.left_dotted_box input.button { margin: 0; width: auto; }
	div.left_dotted_box select { float: right; width: 280px; }
	
	div.news_item div.news_text { float: left; width: 293px; margin-left: 8px; }
	div.news_item div.news_text, div.news_item div.news_image { padding-bottom: 20px; }
	
	div.news_item h3, div.news_item h4, div.news_item p { margin-bottom: 16px; }
	div.news_item h3 { background-color: #100A02; padding: 2px 8px 3px 8px; font-size: 1em; margin: 8px 0 30px 0; }
	div.news_item h3 span.news_date { color: #CC0000; }
	div.news_item h4 { font-size: 1em; }
	
	div.news_item div.news_image { float: right; }
	div.news_item div.news_image img, div.news_item div.news_image div.flash { border: 4px solid #100A02; }
	
	div.news_item span { color: #fff; }

/* --------------------------------------------------------
    Sections : Realisations
   -------------------------------------------------------- */

    #projet_thumb { margin-top: 20px; }
    #projet_thumb ul li { background: url("../images/projet_thumb.gif") no-repeat; float: left; list-style: none; width: 70px; height: 59px; padding: 0 5px 5px 0; }
    #projet_thumb ul li.active { background: url("../images/projet_thumb_active.gif") no-repeat; }
    #projet_thumb ul li.blank { background: url("../images/projet_thumb_blank.gif") no-repeat; }
    #projet_thumb ul li.row_last { padding-right: 0px; }
    #projet_thumb ul li a { background-position: 59px 25px; background-repeat: no-repeat; display: block; float: left; width: 70px; height: 59px; }
    #projet_thumb ul li a img, #projet_thumb ul li span img { margin: 5px 0 0 5px; }
    #projet_thumb ul li span { background-position: 59px 25px; background-repeat: no-repeat; display: block; float: left; width: 70px; height: 59px; }

    div.pagination { background-color: #100A02; font-size: 0.9em; height: 21px; position: relative; }
    div.pagination p { left: 4px; line-height: 21px; position: absolute; top: 0; z-index: 100; }
    div.pagination p a { color: #A4936C; text-decoration: none; }
    div.pagination p a:hover, div.pagination p a.active { color: #CC0000; }
    div.pagination div.pagination_btn { position: absolute; right: 4px; text-align: right; top: 4px; }
    div.pagination div.pagination_btn a.next { background: url("../images/btn_next.gif") no-repeat; float: right; height: 13px; margin-left: 4px; width: 39px; }
    div.pagination div.pagination_btn a.next:hover { background: url("../images/btn_next_o.gif") no-repeat; }
    div.pagination div.pagination_btn a.prev { background: url("../images/btn_prev.gif") no-repeat; float: right; height: 13px; margin-left: 4px; width: 39px; }
    div.pagination div.pagination_btn a.prev:hover { background: url("../images/btn_prev_o.gif") no-repeat; }
    div.pagination div.pagination_btn span.next { background: url("../images/btn_next_d.gif") no-repeat; float: right; height: 13px; margin-left: 4px; width: 39px; }
    div.pagination div.pagination_btn span.prev { background: url("../images/btn_prev_d.gif") no-repeat; float: right; height: 13px; margin-left: 4px; width: 39px; }
	
	div.details { margin-top: 10px; }
	div.details p { text-align: right; }
	div.details p span { color: #fff; }
	
    div.projet_img { background: url("../images/projet_border_middle.gif") repeat-y 0px 20px; margin-bottom: 9px; width: 505px; }
    div.projet_img_top { background: url("../images/projet_border_top.gif") no-repeat top left; }
    div.projet_img_bottom { background: url("../images/projet_border_bottom.gif") no-repeat bottom left; }
    div.projet_img_crop { background: url("../images/projet_border_crop.gif") no-repeat center left; }
    div.projet_img img { border: 8px solid #100A02; margin: 11px; }
	
	
/* --------------------------------------------------------
    Sections : Texts
   -------------------------------------------------------- */

    div.texts div.texts_text { margin-left: 8px; padding-bottom: 20px; }

    div.texts h3, div.texts h4, div.texts p { margin-bottom: 16px; }
    div.texts h3 { background-color: #100A02; padding: 2px 8px 3px 8px; font-size: 1em; margin: 8px 0 30px 0; }
    div.texts h3 span { color: #CC0000; }

    div.texts span { color: #fff; }
    div.texts ul.clients { border-top: 1px dotted #A5936C; }
    div.texts ul.clients li { display: block; height: 40px; border-bottom: 1px dotted #A5936C; padding: 5px; }
    div.texts ul.clients li.darken { background: url(../../images/px_black_15.png) !important; background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../../images/px_black_15.png'); }

	
/* --------------------------------------------------------
    Admin
   -------------------------------------------------------- */

    .admin { background-color: #CC0000; border: 1px solid #100A02; color: #100A02; display: block; padding: 2px 8px 3px 8px; font-size: 1em; margin-top: 10px; }
    .admin a { color: #fff; }