/* CSS STRUCTURE */
* { margin: 0; padding: 0; }
body { background: #090c10; }
img { border: 0; }
a { color: #5C82D0; }

/* LIBRARY */
.hid { display: none; }
.block { display: block; }
.relative { position: relative; }
.clear { clear: both; position: relative; display: block; height: 0px; overflow: hidden; font-size: 0em; }
.link_0 { text-decoration: none; }
.link_1 { text-decoration: none; }
.link_1:hover, .link_2 { text-decoration: underline; }
.c_pointer { cursor: pointer; }

#global { position: relative; width: 100%; }
#top { width: 100%; height: 213px; background: #090c10 url(images/bg_top.jpg) no-repeat center center; }
#foot { width: 100%; height: 74px; padding-top: 30px; text-align: center; color: #fff; font-size: 0.85em; line-height: 1.3em; background: #090c10 url(images/bg_foot.jpg) no-repeat center center; }
#foot a { color: #fff; text-decoration: none; }
#foot a:hover { text-decoration: underline; }
#content_full { width: 100%; padding-top: 15px; background: #f9f9f9 url(images/bg_content_top.gif) repeat-x top center; }
#content_foot { width: 100%; height: 28px; background: url(images/bg_content_foot.gif) repeat-x top center; }
.content { width: 800px; margin: 0 auto; padding: 0; }
.content .content_tiny ul { padding: 10px 50px; }
#logo { display: block; position: absolute; top: 75px; left: 260px; width: 300px; height: 50px; background: url(images/cobalink_logo.png); _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/design/v1/images/cobalink_logo.png, sizingMethod=image); }

/* MENU */
#menu_top { position: absolute; top: 187px; left: 0; width: 100%; }
#menu { position: relative; width: 802px; height: 26px; margin: 0 auto; }
#menu ul { margin: 0; padding: 0; list-style: none; }
#menu ul li { position: absolute; top: 0; display: block; width: 187px; height: 26px; overflow: hidden; z-index: 1; }
#menu ul li.m1 { left: 0px; z-index: 5; }
#menu ul li.m2 { left: 150px; z-index: 4; }
#menu ul li.m3 { left: 300px; z-index: 3; }
#menu ul li.m4 { left: 450px; z-index: 2; }
#menu ul li.m5 { left: 600px; z-index: 1; }
#menu ul li.on { z-index: 6; }
#menu ul li a { position: relative; display: block; width: 187px; height: 26px; overflow: hidden; text-decoration: none; }
#menu ul li.on a, #menu ul li a:hover { _border: 0 solid red; }
#menu ul li a .bg { position: absolute; top: -26px; left: 0; display: block; width: 187px; height: 52px; background: url(images/menu_item.png); _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/design/v1/images/menu_item.png, sizingMethod=image); cursor: pointer; }
#menu ul li.on a .bg, #menu ul li a:hover .bg { top: 0; left: 0; }
#menu ul li a .text { display: block; position: absolute; top: 6px; left: 42px; width: 140px; height: 24px; text-align: center; font-weight: bold; color: #333; cursor: pointer; }
#menu ul li.on a .text, #menu ul li a:hover .text { color: #fff; }

.site { position: relative; width: 765px; margin: 10px 0; padding: 10px; border: 1px solid #ccc; background: #dedede url(images/site_bg.gif) repeat-x; }
.site .site_top { position: absolute; top: -1px; right: -1px; padding: 6px 10px 8px 6px; color: #fff; background: #557dcd url(images/site_top_bg.gif) repeat-x; border: 1px solid #557dcd; }
.site .site_top .site_top_vu { padding: 3px 6px 3px 15px; background: url(images/site_top_vu.gif) no-repeat 0 0; }
.site .site_top .site_top_vues { padding: 3px 6px 3px 20px; background: url(images/site_top_vues.gif) no-repeat 0 0; }
.site .site_top .site_top_voirsite { position: relative; top: 2px; }
.site .site_top .corner_top { display: block; position: absolute; bottom: -1px; left: -1px; width: 6px; height: 6px; background: url(images/corners_sites.gif) -14px 0; overflow: hidden; }
.site .site_img { float: left; position: relative; width: 175px; height: 137px; background: url(images/site_bg_img.gif) no-repeat; }
.site .site_img .img { width: 155px; height: 118px; margin: 10px; text-align: center; overflow: hidden; }
.site .site_txt { float: right; position: relative; width: 580px; margin: 25px 0 0 0; }
.site .site_txt h2 { font-size: 1.4em; color: #2d384e;  }
.site .site_txt a { color: #2d384e; }
.site .corner { display: block; position: absolute; width: 7px; height: 7px; overflow: hidden; background: url(images/corners_sites.gif) no-repeat; }
.site .corner_top_left { top: -1px; left: -1px; background-position: 0 0; }
.site .corner_top_right { top: -1px; right: -1px; background-position: -7px 0; }
.site .corner_bottom_left { bottom: -1px; _bottom: -2px; left: -1px; background-position: 0 -7px; }
.site .corner_bottom_right { bottom: -1px; right: -1px; background-position: -7px -7px; }

.news { margin: 10px auto; padding: 10px 0; border-bottom: 1px solid #eee; }
.news h1, .news h2 { font-size: 1.6em; }
.news h1 a, .news h2 a { font-size: 1.2em; color: #5c82d0; text-decoration: none; }
.news .text a { color: #333; text-decoration: none; }
.news .img { margin: 10px 0; text-align: center; }
.news .img a img { padding: 5px; border: solid 1px #ccc; }
.news .img a:hover { _border: 0px solid red; }
.news .img a:hover img { padding: 5px; background: #5c82d0; border: solid 1px #2d384e; }
.news .lire { text-align: right; font-weight: bold; color: #5c82d0; font-size: 0.9em; text-decoration: none; cursor: pointer; }


.team_top { height: 50px; padding: 8px 0; text-align: center; }
.team { position: relative; float: left; width: 240px; margin: 8px 8px 0 0; padding: 10px; border: 1px solid #ccc; background: #dedede url(images/site_bg.gif) repeat-x; }
.team_last { margin: 8px 0 0 0; }
.team h2 { font-size: 1.4em; margin-bottom: 5px; font-weight: normal; color: #2d384e; }
.team .team_img { float: left; width: 78px; height: 91px; margin-right: 7px; background: url(images/team_bg_img.gif) no-repeat; }
.team .team_img .img { position: relative; top: 7px; left: 7px; width: 64px; height: 77px; text-align: center; overflow: hidden; }
.team .mail { display: block; margin-top: 4px; font-size: 0.8em; }
.team .mail a { color: #333; text-decoration: none; }
.team .mail a:hover { text-decoration: underline; }
.team .corner { display: block; position: absolute; width: 7px; height: 7px; overflow: hidden; background: url(images/corners_sites.gif) no-repeat; }
.team .corner_top_left { top: -1px; left: -1px; background-position: 0 0; }
.team .corner_top_right { top: -1px; right: -1px; background-position: -14px -7px; }
.team .corner_bottom_left { bottom: -1px; left: -1px; background-position: 0 -7px; }
.team .corner_bottom_right { bottom: -1px; right: -1px; background-position: -7px -7px; }

.team2 { position: relative; width: 220px; margin: 8px 0 0 0; padding: 5px; border: 1px solid #ccc; background: #dedede url(images/site_bg.gif) repeat-x; }
.team2 h2 { font-size: 1.2em; margin-bottom: 3px; font-weight: normal; color: #2d384e; }
.team2 .team_img { float: left; width: 62px; height: 76px; margin-right: 4px; background: url(images/team_bg_img2.gif) no-repeat; }
.team2 .team_img .img { position: relative; top: 4px; left: 4px; width: 54px; height: 67px; text-align: center; overflow: hidden; }
.team2 .mail { display: block; margin-top: 3px; font-size: 0.8em; }
.team2 .mail a { color: #333; text-decoration: none; }
.team2 .mail a:hover { text-decoration: underline; }
.team2 .corner { display: block; position: absolute; width: 7px; height: 7px; overflow: hidden; background: url(images/corners_sites.gif) no-repeat; }
.team2 .corner_top_left { top: -1px; left: -1px; background-position: 0 0; }
.team2 .corner_top_right { top: -1px; right: -1px; background-position: -14px -7px; }
.team2 .corner_bottom_left { bottom: -1px; left: -1px; background-position: 0 -7px; }
.team2 .corner_bottom_right { bottom: -1px; right: -1px; background-position: -7px -7px; }



.cobalink_colone { float: left; width: 538px; overflow: hidden; }
.autre_colone { float: right; width: 230px; }
.autre_colone .team { margin: 8px 0 0 0; }

.team_link_plus { display: block; position: relative; top: 28px; width: 209px; height: 22px; margin: 0 auto; padding: 6px 10px 0 10px; color: #fff; background: url(images/team_link_plus.gif); text-decoration: none; }
.team_link_plus:hover { background-position: top right; }

.form_contact { }
.form_contact .p { display: block; clear: both; width: 100%; padding-top: 15px; }
.form_contact .p_submit { display: block; clear: both; width: 100%; padding-top: 15px; text-align: center; }
.form_contact .label { display: block; float: left; width: 250px; padding-right: 10px; text-align: right; }
.form_contact .text_large { display: block; float: left; width: 350px; padding: 2px; border: 1px solid #ccc; }
.form_contact .text_mini { display: block; float: left; width: 70px; padding: 2px; border: 1px solid #ccc; }
.form_contact .text { display: block; float: left; width: 150px; padding: 2px; border: 1px solid #ccc; }
.form_contact .textarea { display: block; float: left; width: 350px; height: 120px; padding: 2px; font: 1em Verdana; border: 1px solid #ccc; overflow: auto; }
.form_contact .submit { padding: 4px 6px; color: #fff; text-transform: uppercase; font-weight: bold; background: #557dcd url(images/site_top_bg.gif); border: 1px solid #557dcd; cursor: pointer; }

/* LISTE FILE SITE */
.site_list_file { display: block; padding-top: 10px; list-style: none; }
.site_list_file li a { padding: 4px 0 4px 20px; text-decoration: none; background: url(images/book.gif) no-repeat 0 3px; }
.site_list_file li a:hover { text-decoration: underline; }

/* LIST SITES HOME COBALINK */
.list_sites_coba { width: 800px; margin: 10px 0; text-align: center; }
.list_sites_coba a img { margin: 0 5px; border: 0; }