html, body {margin: 0px; padding: 0px; font-family: arial;  color: #1a171b; font-size: 11px;} 

a {color: #52b9ab;}

a img {border: none;}

body {background-color: #fff;}


#root {wwidth: 1280px;/*860px;
ppadding-left: 210px; 
ppadding-right: 210px; */margin: 0px auto; background-image: url('/img/v2010/bg_center_01.png'); background-position: center; background-repeat: repeat-y;

pmargin-left: -170px; 
pmargin-right: -170px; 

}
#center {width: 860px; margin: 0px auto;/*padding-left: 210px; padding-right: 210px;*/}

.trait860 {background-image: url(/img/v2010/trait_860_01.png); background-repeat: no-repeat; height: 2px ; overflow: hidden; background-color: #000; margin: 10px 0px; clear: both;}
.trait600 {background-image: url(/img/v2010/trait_860_01.png); background-repeat: no-repeat; height: 2px ; overflow: hidden; background-color: #000; margin: 10px 0px; width: 600px}
.trait190 {background-image: url(/img/v2010/trait_860_01.png); background-repeat: no-repeat; height: 2px ; overflow: hidden; background-color: #000; margin: 4px 0px; width: 190px}

#blog_content_team,
#blog_content_media_photo_pub {padding-top: 10px;}
#blog_content_media_photo_pub a {margin: 5px 2px 5px 0px;}


#blog_content_team .teamlistrider a.rider {display: block; height: 40px; padding-top: 80px; width: 210px; text-decoration: none;margin: 0px 5px 5px 0px; float: left;}
#blog_content_team .teamlistrider a.rider:hover {opacity: 0.8; filter: alpha(opacity=80);}
#blog_content_team .teamlistrider a.rider span {display: block;  color: #fff; font-size: 16px; font-weight: bold; opacity: 0.8; filter: alpha(opacity=80); background: #000; padding: 4px}
#blog_content_team .article .inforider {float: right; width: 240px;}
#blog_content_team .article .inforider .title {font-size: 18px; text-transform: uppercase;}
#blog_content_team .article .inforider .text {font-size: 11px;}

#blog_contact {padding-top: 7px; font-size: 10px;}
#blog_contact .content {background-image: url(/img/v2010/contact_01.jpg); height: 467px; width: 860px;position: relative;}
#blog_contact .content a {position: absolute; display: block; top: 141px; left: 160px; color: #fff; font-style:italic; font-size: 16px; line-height: 1em; text-decoration: none; text-transform: uppercase;}
#blog_contact .content a:hover { font-weight: bold;} 

#blog_link {padding-top: 7px; font-size: 10px;wwidth: 870px;}
#blog_link img {margin: 0px 5px 5px 0px; width: 210px; height: 120px;}

/* TOP */
#blog_top {height: 192px; position: relative; width: 860px; margin : 0px auto;}
#blog_top a.home {position: absolute; top: 90px; left: 0px; width: 200px; height : 60px; display:block;}
#blog_top a.blog_tld {background-image: url(/img/v2010/bt_tld_01.jpg); right: 153px;}
#blog_top a.blog_fixed {background-image: url(/img/v2010/bt_fixed_01.jpg); right: 0px;}
#blog_top a.bt_blog {display: block; width: 145px; height: 100px; background-position: center top;  position: absolute; top: 45px;}
#blog_top a.bt_blog:hover {background-position: center bottom;}

#blog_top div.search {position: absolute; right: 0px; top: 153px; height: 22px; border: 1px solid #1a171b;}

#blog_top div.search  input {border:none; padding:0px; margin: 0px; vertical-align: middle}

#blog_top div.search input.text {width: 130px; padding: 0px 4px;}

#blog_top div.search form {display: inline;}

#blog_top #menu {list-style: none; margin: 0px; padding: 0px; position: absolute; left: 0px; top: 153px; z-index: 10}
#blog_top #menu li.level0 {float: left;}
#blog_top #menu .level0 a.level0 {width: 85px; padding-right: 2px; height: 24px; display:block;} 
#blog_top #menu li.level0 {background-image: url(/img/v2010/bg_menu_01.png); position: relative;}

#blog_top #menu .level0.col1 {background-position: 0px top;}
#blog_top #menu .level0.col2 {background-position: -88px top;}
#blog_top #menu .level0.col3 {background-position: -176px top;}
#blog_top #menu .level0.col4 {background-position: -264px top;}
#blog_top #menu .level0.col5 {background-position: -352px top;}
#blog_top #menu .level0.col6 {background-position: -440px top;}
#blog_top #menu .level0.col7 {background-position: -528px top;}
#blog_top #menu .level0.col8 {background-position: -616px top;}
#blog_top #menu .level0.col8 a.level0 {padding-right: 0px;}

#blog_top #menu .level0.col1:hover {background-position: 0px -160px;}
#blog_top #menu .level0.col2:hover {background-position: -88px -160px;}
#blog_top #menu .level0.col3:hover {background-position: -176px -160px;}
#blog_top #menu .level0.col4:hover {background-position: -264px -160px;}
#blog_top #menu .level0.col5:hover {background-position: -352px -160px;}
#blog_top #menu .level0.col6:hover {background-position: -440px -160px;}
#blog_top #menu .level0.col7:hover {background-position: -528px -160px;}
#blog_top #menu .level0.col8:hover {background-position: -616px -160px;}



#blog_top #menu .level1 a:hover { background-image: url(/img/v2010/bg_menu_01.png);}

#blog_top #menu .col1 .level1.row1 a:hover {background-position: 0px -184px; }
#blog_top #menu .col1 .level1.row2 a:hover {background-position: 0px -210px;}
#blog_top #menu .col1 .level1.row3 a:hover {background-position: 0px -236px;}
#blog_top #menu .col1 .level1.row4 a:hover {background-position: 0px -262px;}

#blog_top #menu .col2 .level1.row1 a:hover {background-position: -88px -184px; }
#blog_top #menu .col2 .level1.row2 a:hover {background-position: -88px -210px;}
#blog_top #menu .col2 .level1.row3 a:hover {background-position: -88px -236px;}
#blog_top #menu .col2 .level1.row4 a:hover {background-position: -88px -262px;}
#blog_top #menu .col2 .level1.row5 a:hover {background-position: -88px -288px;}

#blog_top #menu .col3 .level1.row1 a:hover {background-position: -176px -184px; }
#blog_top #menu .col3 .level1.row2 a:hover {background-position: -176px -210px;}
#blog_top #menu .col3 .level1.row3 a:hover {background-position: -176px -236px;}
#blog_top #menu .col3 .level1.row4 a:hover {background-position: -176px -262px;}


#blog_top #menu .col4 .level1.row1 a:hover {background-position: -264px -184px; }
#blog_top #menu .col4 .level1.row2 a:hover {background-position: -264px -210px;}
#blog_top #menu .col4 .level1.row3 a:hover {background-position: -264px -236px;}
#blog_top #menu .col4 .level1.row4 a:hover {background-position: -264px -262px;}


#blog_top #menu .col7 .level1.row1 a:hover {background-position: -528px -184px; }
#blog_top #menu .col7 .level1.row2 a:hover {background-position: -528px -210px;}
#blog_top #menu .col7 .level1.row3 a:hover {background-position: -528px -236px;}
#blog_top #menu .col7 .level1.row4 a:hover {background-position: -528px -262px;}



#blog_top #menu ul.submenu {list-style: none; margin: 0px; padding: 0px; position: absolute; left: 0px; top: 24px;  background-image: url(/img/v2010/bg_menu_01.png);}
#blog_top #menu .col1 ul.submenu {background-position: 0px -24px;}
#blog_top #menu .col2 ul.submenu {background-position: -88px -24px;}
#blog_top #menu .col3 ul.submenu {background-position: -176px -24px;}
#blog_top #menu .col4 ul.submenu {background-position: -264px -24px;}
#blog_top #menu .col5 ul.submenu {background-position: -352px -24px;}
#blog_top #menu .col6 ul.submenu {background-position: -440px -24px;}
#blog_top #menu .col7 ul.submenu {background-position: -528px -24px;}
#blog_top #menu ul.submenu a.level1 {width: 85px; padding-top: 2px; height: 24px; display:block;} 


#blog_copyright {clear: both; background-image: url('/img/v2010/bg_bottom_01.png'); background-color: #fff; background-position: center top; background-repeat: no-repeat; padding-top: 30px; padding-left: 210px; padding-right: 210px; text-align: center; margin-bottom: 10px;}


#sub_root  {background-image: url('/img/v2010/bg_top_01.png'); background-position: center top; background-repeat: no-repeat; margin: 0px auto;}



#blog_content_news,
#blog_content {width: 550px; }






/*********
 * news 
 *********/
#blog_top_news {padding-bottom: 22px;}


#blog_content_news_top h2#title_news {background-image: url(/img/v2010/news_title_01.png); background-repeat: no-repeat; height: 37px; width: 550px; overflow: hidden; position: relative; margin: 0px; padding: 0px; margin-bottom: 28px;}
#blog_content_news_top h2#title_news span {display: block; left: 113px; position: absolute; bottom: 5px; color: #27928c; text-transform: uppercase; font-size: 14px; font-weight: normal;}

#blog_content_news .article/*.cat1*/ {margin-bottom: 22px;}
#blog_content_news .article/*.cat1*/ .header .title .titletext a {color: #af0d1b; text-transform: uppercase; font-size: 14px; text-decoration: none; line-height: 1em;}
#blog_content_news .article/*.cat1*/ .header .title .date {float: right; padding-top: 3px; line-height: 1em;}
#blog_content_news .article/*.cat1*/ .header {margin-bottom: 14px;}
#blog_content_news .article/*.cat1*/ a.illustration {margin-bottom: 14px; display: block; background-color: #000;}
#blog_content_news .article/*.cat1*/ .lasuite {height: 11px; padding-top: 0px; padding-bottom: 10px; background-image: url(/img/v2010/news_pointiller_01.png); background-repeat: no-repeat; background-position: center bottom;}
#blog_content_news .article/*.cat1*/ .lasuite a {font-weight: bold; font-style: italic; float: right; text-decoration: none; line-height: 1em;}




#blog_right_produit {float: right; width: 200px; padding-top: 25px;}

#blog_right_produit .select_marque,
#blog_right_produit .select_type {margin-bottom: 15px;}

#blog_right_produit a.title {background-image: url(/img/v2010/produit_rubrique_bg_01.png); height: 24px; background-position: center top; line-height: 24px; padding-left: 14px; font-size: 12px; color: #540a16; display:block; cursor: pointer;}
#blog_right_produit .open a.title {background-position: center bottom;}
#blog_right_produit .list {display:none; background-color: #f6f3ec; padding:12px; line-height: 14px;}
#blog_right_produit .list a {text-decoration: none; display: block; color: #268c83;}
#blog_right_produit .list a.selected {color: #540a16;}
#blog_right_produit .open .list {display: block;}

#blog_content_produit {width: 630px;}
#blog_content_produit .articlelist {width: 630px; padding-top: 25px; background-image: url(/img/v2010/bg_produit_01.jpg); background-repeat: no-repeat; background-position: center center;}
#blog_content_produit .articlelist .no-illustration {display:block; height: 130px; width: 190px; background: #fff;}
#blog_content_produit .navbottom {clear: left;}
#blog_content_produit .articlelist .article:hover {opacity: 0.8; filter: alpha(opacity=80);}
#blog_content_produit .articlelist .article {float: left; /*background-color: #060;*/ width: 190px; overflow: hidden; margin-right: 20px; margin-bottom: 10px;;}
#blog_content_produit .articlelist .article  .resume .firstline {height: 14px; overflow: hidden; line-height: 14px}
#blog_content_produit .article .header .title .titletext a {color: #af0d1b; font-size: 11px; line-height: 1em; font-weight: bold; text-decoration: none; height: 11px; overflow: hidden; display: block;}

#blog_content_produit .articleone {width: 630px; padding-top: 25px;}
#blog_content_produit .articleone .header .title {color: #1a171b; font-size: 18px; text-transform: uppercase; background-image: url(/img/v2010/trait_860_01.png); background-repeat: no-repeat; background-position: center bottom; padding-bottom: 4px;}
#blog_content_produit .articleone div.illustration {background-color: #e6e6e6; width: 630px; height: 400px;text-align: center;}
#blog_content_produit .articleone .content {font-size: 11px; background-image: url(/img/v2010/trait_860_01.png); background-repeat: no-repeat; background-position: center bottom; padding-bottom: 4px;}
#blog_content_produit .articleone .backlist {text-align :right;}
#blog_content_produit .articleone .backlist a {text-decoration: none; font-weight: bold; color: #000000; line-height: 17px;}
#blog_content_produit .articleone .content .navimg {height : 20px; position: relative;}
#blog_content_produit .articleone .content a.next {position: absolute; right : 0px; top : 2px; height: 16px; width: 19px; background-image: url(/img/v2010/produit_fleche_right_01.png); cursor: pointer;}
#blog_content_produit .articleone .content a.prev {position: absolute; right : 35px; top : 2px; height: 16px; width: 19px; background-image: url(/img/v2010/produit_fleche_left_01.png); cursor: pointer;}
/*#blog_content_produit .articleone .content*/




/* block right news*/
#blog_right_news {float: right; width: 280px;}
#blog_right_news .annonce {height: 280px; width: 280px; background: #000; display :block; margin-bottom: 22px;}




input {border: solid 1px #848484; background: #fff; font-size: 10px;}
input[type=submit] {background: #848484; border-color: #333; color: #fff;}

div.error {padding: 20px; color: #a33; font-size: 12px; font-weight: bold;}


/* g2html */
.g2html-right { float: right; margin: 1px;}
.g2html-left { float: left; margin: 1px;}
.left {float: left;}
.right {float: right;}


.articles .articlelist .navbottom a {text-decoration:none; font-weight: bold;}
.articles .articlelist .navbottom span.c a{color: #af0d1b;}
.articles .articlelist .navtop {display: none;}