/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
.menu_style{z-index:1000; display:block; float:left; width:100%;}
.menu { height:120px; position:absolute; padding:0 ; z-index:200; width:790px;right:0; bottom:0px;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:1000px; w\idth:1000px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:160px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;position:relative;}

.menu ul li#current a {float:left;position:relative; display:block;}
.menu ul li#current ul li a { background-color:#333; font-size:0.9em}
.menu ul li#current ul li a:hover { background-color:#666}
/* style the links for the top level */
.menu a, .menu a:visited {
color:#ccc;
display:block;
float:left;
text-decoration:none;
padding:0 15px;}

/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {}
/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#eee url(../images/picto_drop2.gif) no-repeat 130px center;}
.menu ul li#current ul a.drop, .menu ul li#current ul a.drop:visited {background:#eee url(../images/picto_drop2.gif) no-repeat 130px center;}

/* style the second level hover */
.menu ul ul a.drop:hover{background:#cc0 url(../images/picto_drop2_on.gif) no-repeat 130px center;}
.menu ul ul :hover > a.drop {background:#cc0 url(../images/picto_drop2_on.gif) no-repeat 130px center;}

.menu ul li#current ul a.drop:hover{background:#cc0 url(../images/picto_drop2_on.gif) no-repeat 130px center;}
.menu ul li#current ul  :hover > a.drop {background:#cc0 url(../images/picto_drop2_on.gif) no-repeat 130px center;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#eee;}

/* style the third level hover */
.menu ul ul ul a:hover {background:#cc0;}
.menu ul li#current ul ul a:hover {background:#cc0;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:24px;left:0; width:149px;}

.menu ul ul li.footered { width:100%;height:20px; background-color:#FF0000}

/* another hack for IE5.5 */
* html .menu ul ul {top:29px;t\op:29px;}

/* position the third level flyout menu */
.menu ul ul ul{left:149px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#333; color:#999; height:auto; line-height:1em; font-size:0.9em; padding:5px 10px; width:128px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
.menu a:hover, .menu a#current, .menu ul ul a:hover{color:#fff; background:#333;}
.menu :hover > a, .menu ul ul :hover > a {color:#fff; background:#333;}


/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover #current ul, .menu ul a:hover ul{visibility:visible; }


/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}





/* menu left */
.tree_categories{ float:left;width:100%;margin:5px 0 5px 0; padding:0 0 5px 0;}
.tree_categories ul { list-style:none; display:block; margin:0; padding:0;}
.tree_categories ul li { margin:0; float:left; display:block; padding:0; font-weight:bold; font-size:1em; width:100%  }
.tree_categories ul li a{ margin:0; float:left; display:block; padding-left:20px; font-weight:bold; font-size:1em; background-image:url(../images/arrow_li.png); background-repeat:no-repeat; background-position:left center ;}
.tree_categories ul li a:hover{ margin:0;color:#fff; text-decoration:underline}
.tree_categories ul li ul li{ margin:0; float:left; display:block; padding:0 0 0 10%; font-weight:normal; width:80%}
.tree_categories ul li ul li a{ color:#000;padding-left:13px; margin:0;  font-weight:normal; text-decoration:none;display:block; float:left; background-image:url(../images/arrow_li_li.png); background-repeat:no-repeat; background-position:left;}
.tree_categories ul li ul li a:hover{ color:#fff; background-color:transparent; margin:0;  font-weight:normal; text-decoration:none;display:block; float:left; width:98%;background-image:none}


.tree_categories ul li#current2 { }
.tree_categories ul li#current2 a{ font-weight:bold; color:#000}
.tree_categories ul li#current2 a:hover{color:#000; background-color:#eee}
.tree_categories ul li#current2 ul li a{ }
.tree_categories ul li#current2 ul li a:hover{background-color:#eee }

/* menu top */
.navcontainer01{ display:block; float:left;margin:0;  width:100%;  background:url(../images/bkg_global.gif) top repeat-x; }
.navcontainer01 ul{margin:0;color:#999;float: left;width:100%;padding: 0;}
.navcontainer01 ul li { display: inline; float:left; border-right:1px solid #ccc;height:38px; }
.navcontainer01 ul li a{padding:10px 15px 11px 15px;display:block;color:#ccc;text-decoration: none;float: left; font-size:1.2em; }
.navcontainer01 ul li a:hover{color:#fff;text-decoration: none; background-image:url(../images/bkg_global_hover.gif); background-repeat:repeat-x}
.navcontainer01 ul li a#current{color:#fff;text-decoration: none;}


.menu_vert_header{display:block; float:left;width:100%;}
.menu_vert_footer{display:block; float:left;width:100%;}

.menu_blog{ display:block; float:left; width:96%; padding:0 2%}
.menu_blog h3{color:#fff; font-weight:1em; font-weight:bold; margin:0; padding:0px; }
.menu_blog ul{ padding:0; margin:0 0 10px 0}
.menu_blog ul li{padding:3px 0 3px 20px;list-style:none; margin:0;background-image:none;background-position:0px 6px; background-repeat:no-repeat}
.menu_blog ul li a{ color:#76797C;}
.menu_blog ul li a:hover{ text-decoration:underline}

.menu_blog ul  li#current_cat{ }
.menu_blog ul  li#current_cat a{ font-weight:bold;color:#333;}
.menu_blog ul  li#current_cat a:hover{text-decoration:underline}


.menu_design{ display:block; float:left; width:96%; padding:0 2%}
.menu_design h3{background-image:url("../images/menu_h3.png");background-position:0 0;background-repeat:no-repeat;color:#FFFFFF;font-weight:bold;left:-46px;margin:0;padding:1px 0 12px 20px;position:relative;width:100%;}
.menu_design ul{ padding:0; margin:0 0 20px 0px ; width:85%}
.menu_design ul li{padding:7px 0 7px 20px;list-style:none; margin:0;border-bottom:1px solid #eee;background-image:url(../images/arrow_li.png);background-position:0px 6px; background-repeat:no-repeat}
.menu_design ul li a{ color:#76797C;}
.menu_design ul li a:hover{ text-decoration:underline}

.menu_design ul  li#current_cat{ }
.menu_design ul  li#current_cat a{ font-weight:bold;color:#333;}
.menu_design ul  li#current_cat a:hover{text-decoration:underline}

.menu_design ul  li#current2{font-weight:bold; }




.blog_comment_all{ float:left; clear:both}
.blog_comment{float:left; width:450px; margin:10px 0; border-bottom:1px solid #eee; padding:5px 0}
.blog_comment_media{float:left; width:70px}
.blog_comment_header{ float:left; width:350px; height:26px;background-image:url(../images/blog_comment_header.png); background-repeat:no-repeat;}
.blog_comment_footer{ float:left; width:350px;background-image:url(../images/blog_comment_footer.png); background-repeat:no-repeat; background-position:bottom;}
.blog_comment_text{ float:left; width:350px; background-image:url(../images/blog_comment_bkgd.png); background-repeat:repeat-y; background-position:right}
.blog_comment_login{float:left; background-color:#CCCCCC; width:100%}
.blog_comment_contenu{ display:block; float:left;width:320px; padding:0 5px 0 25px}



/* prototabs */
.tabs_all{display:block; float:left;  border:1px solid #ccc; margin:0 0 20px 0; width:688px}
.tabs10 {width:100%;line-height:normal; display:block; float:left;background-color:#eee;}
.tabs10 ul{padding-left:0px; margin:0px; display:block; float:left;width:688px;}
.tabs10 li {display:inline;}

.tabs10 li a {float:left;padding:10px 5px;color:#333; font-weight:bold; margin:0; background-color:#eee; border-right:1px solid #ccc;}
.tabs10 li a:hover  {color:#666; background-color:#fff}
.tabs10 li a#selected  {color:#666; background-color:#fff}
.tab_bloc{display:block;width:100%;float:left; }
.tab_content{display:block;padding:10px 2%; margin:0;width:96%;float:left; background-color:#FFFFFF }
.tab_content h2{}


/*mini prototabs */
.mini_tabs_all{display:block; float:left; border:1px solid #eee}
.mini_tabs10 {width:100%; padding:0;display:block; float:left;}
.mini_tabs10 table {width:170px; margin:0 auto}
.mini_tabs10 table tr { border:0; border-bottom:1px solid #eee}

/* prototabs */
#index.tabs10 {width:620px;line-height:normal;}
#index .tabs10 ul{padding-left:0px; margin:0px;}
#index .tabs10 li {display:inline;}


#index .tabs10 a {float:left;padding:0 5px 0 5px;color:#fff; margin:0 1px 0 0;	background-image:url(../images/tableft10_index.gif); background-repeat:no-repeat;background-position:0% -30px;}
#index .tabs10 a span {font: bold 10px/1.5em Verdana;display:block;float:left;padding:6px 7px 8px 2px; background-image:url(../images/tabright10_index.gif); background-repeat:no-repeat;	background-position:100% -30px;}
#tabs10 a:hover span {color:#fff;}
#index .tabs10 a:hover, .tabs10 .selected a  {	background-position:0 0px;}
#index .tabs10 a:hover span, .tabs10 .selected a span  {	background-position:100% 0px;}
#index .tab_bloc{display:block;border:0px solid #666;width:620px; padding:15px 0 0 0;float:left; background-image:url(../images/index_tab_header.png); background-repeat:no-repeat; background-position:top }
#index .tab_content{display:block; padding:0 0 15px 0; border-right:10px #ccc solid; margin:0;width:100%;float:left; background-image:url(../images/index_tab_footer.png); background-repeat:no-repeat; background-position:bottom}
#index .tab_content h2{ font-size:1.7em; font-weight:normal;}


.tabs10 #tabSet2 a {float:left;padding:0 5px 0 5px;color:#fff; margin:0 1px 0 0;background-image:url(../images/investissement_bkgd_left.gif); background-repeat:no-repeat; background-position:top left;}
.tabs10 #tabSet2 a span {background-image:url(../images/investissement_bkgd_right.gif);background-repeat:no-repeat;	background-position:top right;}
#tabs10 #tabSet2 a:hover span {color:#fff; }
.tabs10 #tabSet2 a:hover, .tabs10 #tabSet2 .selected a  {background:url(../images/investissement_left_on.gif) left top no-repeat;}
.tabs10 #tabSet2 a:hover span, .tabs10 #tabSet2 .selected a span  {background:url(../images/investissement_right_on.gif) right top no-repeat}
.tab_bloc#author_tab .tab_content{background:url(../images/investissement_bkgd.gif) bottom no-repeat; background-color:#666;}
.tab_bloc#author_tab{border-top:none; margin-bottom:15px;}


/* nice menu */

#nicemenu { margin:0 auto; width:100%; display:block; background-color:#333333; position:relative; border-bottom:1px solid #666;border-top:1px solid #999; float:left; z-index:1000; height:30px; padding:1px 0 1px 0 }
#nicemenu a { color:#fff; text-decoration:none; font-weight:bold }
#nicemenu a:hover { text-decoration:underline; }	
#nicemenu li { display:inline; position:relative;}
#nicemenu li span { position:relative; z-index:10; padding:5px 4px 5px 6px;  border-bottom:none; line-height:18px; }	
#nicemenu li span a { padding:0 6px 0px 2px; color:#fff;}	
#nicemenu li span.over { padding:5px 4px 5px 6px; background-color:#AEC510;color:#fff }
*+html #nicemenu li span.over {  padding-bottom:3px;background-color:#AEC510;color:#fff  } /* IE6 */
#nicemenu li span.over a { color:#fff }
*+html #nicemenu li span.over a{color:#fff  } /* IE6 */

#nicemenu li span.over a { }
#nicemenu li span.over a:hover { text-decoration:none; color:#fff}
#nicemenu li span.active { padding:5px 4px 5px 6px;background-color:#AEC510 ; color:#fff }
*+html #nicemenu li span.active { padding:5px 4px 5px 6px; background-color:#AEC510; color:#fff }
#nicemenu li span.active a { background-color:#AEC510; color:#fff }
#nicemenu li span.active a:hover { text-decoration:none;background-color:#AEC510}	
#nicemenu img.arrow { /*margin-left:4px;*/ cursor:pointer; }
#nicemenu div.sub_menu { display:none; position:absolute; left:0; top:0px; margin-top:17px; border-top:solid 1px #E5E5E5; border-left:solid 1px #E5E5E5; border-right:solid 1px #999999; border-bottom:solid 1px #999999; padding:4px; top:2px; width:160px; background:#FFFFFF; }
* html #nicemenu div.sub_menu { margin-top:23px; } /* IE6 */
*+html #nicemenu div.sub_menu { margin-top:23px; } /* IE7 */
#nicemenu div.sub_menu a{ color:#333; font-weight:normal }
#nicemenu div.sub_menu a:link, 
#nicemenu div.sub_menu a:visited, 
#nicemenu div.sub_menu a:hover{ display:block; font-size:11px; padding:4px;}	
#nicemenu a.item_line { border-top:solid 1px #E5E5E5; padding-top:6px !important; margin-top:3px; }

/* menu tabs fiche technique */
#glowingtabs {display: block; float:left;width:100%;/*Add border strip to bottom of menu*/}
#glowingtabs ul {list-style-type: none;margin:0;
 /*Left offset of entire tab menu relative to page*/padding:0px;}
#glowingtabs li {display: inline;margin:0 ;padding: 0;}
#glowingtabs a {float:left;background: url(../images/glowtab-left.gif) no-repeat left top;margin: 0 1px 0 0;/*spacing between each tab*/padding:0 0 0 11px;text-decoration: none;background-position:0px 0px }
#glowingtabs a span {float: left;display: block; background: url(../images/glowtab.gif) no-repeat right top; padding: 5px 11px 5px 2px;color: #999; font-family:Verdana, Arial, Helvetica, sans-serif, "Helvetica 55 Roman"; font-weight:normal; font-size:0.9em;}
#glowingtabs a span {float: none;}
#glowingtabs a:hover span {color: #333;}

#glowingtabs a#selected {/*onMouseover style*/background-position:0px -29px;
font-weight: bold; /*Shift background image up to start of 2nd tab image*/}
#glowingtabs a#selected span {/*onMouseover style*/background-position:100% -29px; color:#333 /*Shift background image up to start of 2nd tab image*/}

#glowingtabs a:hover {/*onMouseover style*/background-position:0px -29px;
font-weight: bold; /*Shift background image up to start of 2nd tab image*/}
#glowingtabs a:hover span {/*onMouseover style*/background-position:100% -29px; /*Shift background image up to start of 2nd tab image*/}

/* End IE5-Mac hack */
p.iepara {/*Conditional CSS- For IE (inc IE7), create 1em spacing between menu and paragraph that follows*/padding-top: 1em;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#glowingtabs a span {float: none;}
/* End IE5-Mac hack */


/* menu top */
#glowingtabs_top {display: block; z-index:100; float:left;width:100%; height:120px;padding:0px;}
#glowingtabs_top ul {list-style-type: none;margin:0;
 /*Left offset of entire tab menu relative to page*/padding:0px;}
#glowingtabs_top li {display: inline;margin:0 ;padding: 0;background-image:url(../images/menu.jpg); background-repeat:no-repeat; }
#glowingtabs_top ul li {width:158px;}
#glowingtabs_top ul li a {float:left;width:100%;padding:120px 0 0 ; background-image:transparent; background-color:transparent; height:0; overflow:hidden;margin: 0; /*spacing between each tab*/ }
#glowingtabs_top ul li ul{ float:left; display:block; height:auto;font-weight:normal;  width:101px; padding:16px 0 15px 0; /*background-image:url(../images/footer_glowingtab.png); */background-position:bottom; background-repeat:no-repeat; position:absolute; top:24px; left:16px;}
#glowingtabs_top ul li ul li{ background-image:none;}
#glowingtabs_top ul li ul li a{ background-image:none;font-weight:normal; color:#fff; height:auto; padding:5px 4px 5px 6px; width:158px; }
#glowingtabs_top ul li ul li a:hover { font-weight:normal; color:#fff;}
#glowingtabs_top ul li ul li span { background-image:none}
#glowingtabs_top ul li:hover ul li a:hover{background-color:#df4014}

#glowingtabs_top a#current  {/*Selected Tab style*/background-position:-1px -77px; background-image:url(../images/glowtab-left_top.gif);
/*Shift background image up to start of 2nd tab image*/}
#glowingtabs_top a#current span {/*Selected Tab style*/background-image:url(../images/glowtab_top.gif);background-position:100% -30px;
/*Shift background image up to start of 2nd tab image*/color:#fff}

#glowingtabs_top a:hover {/*onMouseover style*/background-position:0px -30px;
font-weight:normal; /*Shift background image up to start of 2nd tab image*/}
#glowingtabs_top a:hover span {/*onMouseover style*/background-position:100% -30px; /*Shift background image up to start of 2nd tab image*/}

/* End IE5-Mac hack */
p.iepara {/*Conditional CSS- For IE (inc IE7), create 1em spacing between menu and paragraph that follows*/padding-top: 1em;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#glowingtabs_top a span {float: none;}
/* End IE5-Mac hack */




#glowingtabs_top ul li#winter{background-position:0px 0;}
#glowingtabs_top ul li#winter.current { background-position:0px -120px;}
#glowingtabs_top ul li:hover#winter { background-position:0px -120px;}

#glowingtabs_top ul li#spring{background-position:-158px 0;}
#glowingtabs_top ul li#spring.current { background-position:-158px -120px;}
#glowingtabs_top ul li:hover#spring { background-position:-158px -120px;}


#glowingtabs_top ul li#summer{background-position:-316px 0; }
#glowingtabs_top ul li#summer.current { background-position:-316px -120px;}
#glowingtabs_top ul li:hover#summer { background-position:-316px -120px;}

#glowingtabs_top ul li#autumn{background-position:-474px 0;}
#glowingtabs_top ul li#autumn.current { background-position:-474px -120px;}
#glowingtabs_top ul li:hover#autumn { background-position:-474px -120px;}


#glowingtabs_top ul li#year-around{background-position:-632px 0;}
#glowingtabs_top ul li#year-around.current { background-position:-632px -120px;}
#glowingtabs_top ul li:hover#year-around { background-position:-632px -120px;}