/* Color
****************************
***************************/
a, div, td, span, cite, .headerbar a {color:#2f80a1}
a:hover, .dynamicmenu li a#selected, .headerbar a:hover, .ln_backlink:hover {color:#e9a24c}
#header #ariane a, #header #ariane strong, li.toplogo, li.top {color:#fff}
#article small#publication a, ul.mini_article a.small, #article small#publication, .dynamicmenu ul.submenu li a small, a.ln_backlink {color:#6facc4}
ul.mini_article li.folder a {color:#999}
ul.mini_article li.text {color:#5999b4}

/* Border color & Background color */
form input.search, #article div.media_video, #article div.media_image, #article div.media_video_small, #article div.media_image_small, #article ol, #account .text_fac, {background:#f4f4f4}
#article div.media_video, #article div.media_image, #article div.media_video_small, #article div.media_image_small, #article ol {border:1px solid #6facc4;}
form input.search, #account .text_obli, #account .text_fac, .thumbshots {border:1px solid #aeaeae;}
#account .text_obli {background:#fff}
ul.mini_article li.bg_image div.high, ul.mini_article li.bg_image div.medium {border:2px solid #fff}


/* Ads Color
****************************
google_color_border = "ffffff";
google_color_bg = "ffffff";
google_color_link = "2f80a1";
google_color_text = "2f80a1";
google_color_url = "999999";
***************************/


/* Layout
****************************
***************************/
body {background:#f4f4f4 url(/media/background.gif) repeat-x left top; margin:0px; padding:0px}

a, div, td, span, cite, input, textarea, select {font:normal normal 11px tahoma}
cite, big {color:#ff9900; display:none; font:normal normal 11px tahoma}
a, .dynamicmenu .headerbar a {cursor:pointer}


#pressrelease, #addthis, #rss, #outilref, .headerbar a {display:block; text-decoration:none; padding-top:3px; padding-bottom:4px; padding-left:20px; font-weight:bold; margin-left:18px}
.headerbar a {margin-left:0px}

#outilref {background:transparent url(/media/Google-16x16.png) no-repeat left center;}
#pressrelease {background:transparent url(/media/newspaper.png) no-repeat left center;}
#addthis {background:transparent url(/media/star.png) no-repeat left center;}
#rss {background:transparent url(/media/feed.png) no-repeat left center;}
.headerbar a {background:transparent url(/media/add.png) no-repeat left center;}

/* UL */
ul {margin:0px; padding:0px; list-style-type:none}

/* TABLE */
table {border-width:0px}

/* Blocspace between LI */
div.blocspace {padding:0px 18px 0px 18px}
div.blocspacearticle {padding:10px 25px 10px 25px; line-height:15px;}
div.blocspacearticle ol, div.blocspacearticle ul {clear:left; list-style-type:disc; margin:10px 0px 10px 15px}

/* Publicity bloc */
li.publicity_115, li.publicity_115 iframe {height:115px;}
li.publicity_115, li.publicity {margin-left:11px}

/* Padding title bloc */
li.toplogo strong, li.top strong {display:block; padding:17px 0px 0px 42px; font-weight:normal}

/* Dotted */
.vertical {background:transparent url(/media/pixel.gif) repeat-y center top; padding:0px 15px 0px 15px}
.horizontal {background:transparent url(/media/pixel.gif) repeat-x center center; height:5px; padding:10px 14px 10px 14px}
.horizontal2 {background:transparent url(/media/pixel.gif) repeat-x center center; height:5px; padding:3px 14px 3px 14px}

/* Form */
form {margin:0px; padding:0px;}
form input {vertical-align:top;}
form input.search {font-size:12px; margin-top:-2px; width:175px; padding:2px;}
form input.bt_search {margin-top:-2px}

/* 3 blocs */
#header, #content, #footer table {width:990px; margin:0 auto}

/* Prototip / Lightview */
.lightview img {border-width:0px; width:64px; height:64px}


/* Header
****************************
***************************/
#header {height:24px; padding-top:6px; float:none}
#header #ariane {float:left}
#header #ariane a,
#header #ariane strong
{font:normal normal 9px verdana; margin:0px; padding:0px; margin-right:10px; text-decoration:none}


/* Content
****************************
***************************/
#content {min-height:1000px}
#content #logo {display:block; height:93px; width:85%; background:transparent url(/media/logo.gif) no-repeat left top;}

/* Category Links */
.dynamicmenu {margin:0px 18px 0px 18px;}
.dynamicmenu .headerbar a {text-decoration: none; font-weight:bold; display: block;}
.dynamicmenu ul.submenu {list-style-type: none; margin: 0; padding: 0; margin-bottom: 7px;}
.dynamicmenu ul.submenu li {padding:0px 3px 3px 0px; background:transparent url(/media/pixel.gif) repeat-x left bottom}
.dynamicmenu ul.submenu li a {display:block; text-decoration:none; padding:4px; padding-left:25px; background:transparent url(/media/puce_category.gif) no-repeat 5px center; font-weight:normal}
.dynamicmenu ul.submenu li a#selected {font-weight:bold}
.dynamicmenu ul.submenu li a small {margin-left:3px}

/* Category Links */
ul.menu {list-style-type: none; margin: 0; padding: 0; margin-bottom: 7px;}
ul.menu li {padding:0px 3px 3px 0px; background:transparent url(/media/pixel.gif) repeat-x left bottom}
ul.menu li a {display:block; text-decoration:none; padding:4px; padding-left:25px; background:transparent url(/media/puce_category.gif) no-repeat 5px center; font-weight:normal}
ul.menu li a#selected {font-weight:bold}
ul.menu li a small {margin-left:3px}

/* Bloc width:210px */
ul.width210 {width:210px; background:transparent url(/media/right_middle.gif) repeat-y left top;}
ul.width210 li.pub {text-align:center}
ul.width210 li.top {width:210px; height:41px; background:transparent url(/media/right_top.gif) no-repeat left top;}
ul.width210 li.bottom {width:210px; height:16px; background:transparent url(/media/right_bottom.gif) no-repeat left top; margin-top:-2px;}

/* Bloc width:322px // dimension + blocspace */
ul.width322 {width:322px; background:transparent url(/media/left_middle.gif) repeat-y left top;}
ul.width322 li.toplogo {width:322px; height:41px; background:transparent url(/media/left_top_logo.gif) no-repeat left top; }
ul.width322 li.top {width:322px; height:41px; background:transparent url(/media/left_top.gif) no-repeat left top;}
ul.width322 li.bottom {width:322px; height:16px; background:transparent url(/media/left_bottom.gif) no-repeat left top; margin-top:-2px; clear:both}

/* Bloc width:458px */
ul.width458 {width:458px; background:transparent url(/media/center_middle_milarge.gif) repeat-y left top; float:left}
ul.width458 li.top {width:458px; height:41px; background:transparent url(/media/center_top_milarge.gif) no-repeat left top;}
ul.width458 li.bottom {width:458px; height:16px; background:transparent url(/media/center_bottom_milarge.gif) no-repeat left top; clear:both}

/* Bloc width:668px */
ul.width668 {width:668px; background:transparent url(/media/center_middle_large.gif) repeat-y left top;}
ul.width668 li.top {width:668px; height:41px; background:transparent url(/media/center_top_large.gif) no-repeat left top;}
ul.width668 li.bottom {width:668px; height:16px; background:transparent url(/media/center_bottom_large.gif) no-repeat left top; clear:both}

/* Article page */
h1, a.title {font:normal normal 26px arial; line-height:26px; text-decoration:none; text-align:left;}
#article small#publication {display:block; padding-left:2px; font-size:9px; margin-top:7px}
#article small#publication a {font-size:9px}
#article div.media_video, #article div.media_image {margin:10px 15px 4px 0px; float:left; width:auto; padding:3px; text-align:center}
#article div.media_image {width:auto}
#article div.media_video_small, #article div.media_image_small {margin:10px 15px 4px 0px; float:left; width:200px; padding:3px;}
#article object,
#article embed {display:block;}
#article ins {display:none; font-size:9px; text-decoration:none; line-height:11px; margin:7px; text-align:center}
#article ol {border-left-width:7px; padding:7px; margin:15px 0px 0px 0px; list-style-type:none; display:block; clear:left}
#article ol li {padding:2px}
#article ol li a {text-decoration:none}
#article ol li a strong {background:transparent url(/media/backlink.png) no-repeat left center; padding-left:20px}

/* Mini article */
ul.mini_article a {display:block; margin:7px 0px 7px 0px; font-weight:bold}
ul.mini_article a.small {display:block; margin:7px 0px 7px 0px; text-decoration:none}
ul.mini_article a.medium {display:block; margin:7px 0px 7px 0px; font-weight:bold}
ul.mini_article li.folder a {font-size:10px; text-decoration:none; font-weight:normal}
ul.mini_article li.bg_image {border:1px solid #6facc4}
ul.mini_article li.bg_image div.high {height:100px; background-position:center center; background-repeat:no-repeat}
ul.mini_article li.bg_image div.medium {height:60px; background-position:center center; background-repeat:no-repeat}

/* Thumbshots */
.thumbshots {display:block; text-align:center; background:transparent url(/media/background.gif) repeat-x left top; padding:3px; margin:5px 0px 5px 0px}
.thumbshots img {border:0px; width:160px; height:120px}

/* Tags / Pagination / Contact */
ul#tags li, ul#pagination li, ul#contact li {padding:0px 3px 3px 0px; background:transparent url(/media/pixel.gif) repeat-x left bottom}
ul#tags li a {display:block; text-decoration:none; padding:5px; padding-left:20px; background:transparent url(/media/puce_tag.png) no-repeat left 4px}
ul#pagination li a {display:block; text-decoration:none; padding:5px; padding-left:20px; background:transparent url(/media/puce_tag.png) no-repeat left 4px}
ul#contact li span {display:block; text-decoration:none; padding:5px}

/* Backlink */
span.img_backlink {width:70px; height:55px; display:block; margin-right:10px; background-repeat:no-repeat; background-position:center center;}
a.ln_backlink {display:block; font-weight:bold; margin-bottom:2px}

/* Stats + Syndication */
.stats {height:200px; margin-top:3px; padding:0px 18px 0px 18px}
.bookmark {display:block; float:left; background:transparent url(/media/bookmark.gif) no-repeat left center; width:250px; height:16px; margin-right:10px; margin-top:4px}
.fluxrss {display:block; float:left; background:transparent url(/media/fluxrss.gif) no-repeat left center; width:125px; height:16px; margin-top:4px}

/* Promotion */
#promotion {}
#promotion .middle {font-size:0px; margin-bottom:3px}
#promotion .middle ul {margin:0px; padding:0px; list-style-type:none}
#promotion .middle ul li {height:74px; background-repeat:no-repeat; background-position:center center; text-align:center}
#promotion .middle ul li a img {width:188px; height:74px; border-width:0px}


/* Footer
****************************
***************************/
#footer {clear:both; height:90px; width:100%; background:transparent url(/media/bg_bottom.gif) repeat-x left top;}

/* Flags */
#footer ul.flag li {display:inline}
#footer ul.flag li a img {width:16px; height:11px; border-width:0px; margin-right:4px}

/* HTML + CSS Validator */
#footer ul.validation li {display:inline}
#footer ul.validation li img {border-width:0px; margin-right:4px}

/* Signature */
#footer td#signature {text-align:right}


/* Account creation
****************************
***************************/
#account {background:transparent url(/media/account/background.jpg) no-repeat left center; width:866px; height:394px; margin:0 auto; cursor:default}
#account td {cursor:default}
#account .text_obli {width:280px; margin-left:5px;}
#account .text_fac {width:280px; margin-left:5px;}
#account .radio, #account .checkbox {vertical-align:middle}
#account input {padding:3px}
#account select {margin-left:5px}
#account form {padding:45px 0px 0px 420px; }
#account form div {margin-bottom:10px; font:normal bold 17px arial;}
#receivedmail {background:transparent url(/media/account/background_mail.jpg) no-repeat left center; width:866px; height:394px; margin:0 auto; cursor:default}
#receivedmail div {margin-bottom:10px; padding:170px 0px 0px 400px; width:400px}
#receivedmail div b {display:block; margin-bottom:7px}