/*******************************************************************************
*                                              I N I T  &  I N T E R F A C E
******************************************************************************/

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin: 0 0 0 0; padding: 0 0 0 0; }
a img,:link img,:visited img { border: none; }

a { 
	text-decoration: none; 
	outline: none;
	color:#00abff;	
}

a:hover{ 
	text-decoration: underline; 
	color:#00abff;
}

a:active, a:focus {
  outline: none;
}

body {
    font-family: Arial, Verdana, sans-serif;
	font-size:11px;
	color:#2c2c2c;
	min-width:950px;
	background: #bbbbbb url("/images/background.jpg") top center fixed;

}

html, body {height: 100%;}

.et { color: #00abff; }

@font-face {
    font-family: 'HelveticaNeueLight';
    src: url('fonts/hll_____-webfont.eot');
    src: url('fonts/hll_____-webfont.eot?iefix') format('eot'),
         url('fonts/hll_____-webfont.woff') format('woff'),
         url('fonts/hll_____-webfont.ttf') format('truetype'),
         url('fonts/hll_____-webfont.svg#webfontrcuxVHV1') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaNeueRoman';
    src: url('fonts/hlr_____-webfont.eot');
    src: url('fonts/hlr_____-webfont.eot?iefix') format('eot'),
         url('fonts/hlr_____-webfont.woff') format('woff'),
         url('fonts/hlr_____-webfont.ttf') format('truetype'),
         url('fonts/hlr_____-webfont.svg#webfontkUYZzlYh') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaNeueThin';
    src: url('fonts/hlt_____-webfont.eot');
    src: url('fonts/hlt_____-webfont.eot?iefix') format('eot'),
         url('fonts/hlt_____-webfont.woff') format('woff'),
         url('fonts/hlt_____-webfont.ttf') format('truetype'),
         url('fonts/hlt_____-webfont.svg#webfontboxZLjZb') format('svg');
    font-weight: normal;
    font-style: normal;
}



/*******************************************************************************
*                                              STRUCTURE GLOBALE
******************************************************************************/


#global_container {
	position:relative;
	z-index:3;
	width:1020px;
	min-height:380px;
	margin: 0 auto 0 auto;
	padding: 0px;
}

#header_container {
	position: relative;
	margin: 0 0 0 0;
	padding: 45px 200px 0px 0px;
	width: 820px;
	height: 85px;
	text-align:right;
}

#page_container{
	position: relative;
	width: 800px;
	padding: 40px 20px 20px 20px;
	margin: 0 0 15px 0;
	background:url("../images/background_page.png") top center;
}

#logo{ display: none; }

#page_container_bottom{
	position:absolute;
	bottom:-25px;
	left:0px;
	width:1000px;
	height:25px;
	background: url("../images/background_page.png") no-repeat bottom left;
}

.cleaner {
	clear:both;
	margin:0;
	padding:0;
}

#stones{
	position: fixed;
	z-index:1;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	/*
	background:url("/images/background.jpg") top center fixed;
	*/
}

/*******************************************************************************
*                                              M E N U     C O N T A I N E R 
******************************************************************************/
#menu_container{
	position: absolute;
	right: 0px;
	font-weight:normal;
	color:#2c2c2c;
	margin: 12px 0 0 0;
	padding: 0 0 0 0px;
	line-height: 12px;
	width:185px;
	font-size: 11px;
	font-weight:bold;
	height:420px;
	overflow:hidden;
}

#menu {

}

#menu_container a:hover{ 
	text-decoration: none;
	color:#fff;
}

#menu_container, #menu_container H4, #menu_container a { color:#2c2c2c; }


#menu_container h4{
	margin: 8px 0 0 0;
	padding: 2px 0 10px 24px;
	outline: none;
	background: url(../images/square_white.gif) no-repeat 0px 1px;
}


#menu_container h4.ui-state-hover a{ color:#fff; }

#menu_container h4.gray { background: url(../images/square_gray.gif) no-repeat 0px 1px; }
#menu_container h4.gray a{ color:#fff; }
#menu_container h4.gray a:hover{ color:#2c2c2c; }

#menu_container h4.selected {
	background: url(../images/square_blue.gif) no-repeat 0px 1px;
}

#menu_container ul.elements{
	margin: 0 0 0 24px;
	padding: 0 0 0 0;	
	font-weight: normal;
	font-size: 11px;
}

#menu_container ul li, #menu_container .elements li{
	display: block;	
	width:120px;
	padding: 0 0 0 0px;
	margin: 0px 0 8px 0;
	list-style: none;
}

#menu_container ul li a{
	display: block;	
	width:160px;
	height:12px;
	padding: 1px 0 2px 3px;
	color: #fff;
	background: url(../images/square_gray.gif);
}

#menu_container ul li.selected a, #menu_container ul li a:focus, #menu_container ul li a.linkOver, #menu_container ul li a:hover{
	color:#00abff;
}

#menu_container ul ul li a{
	display: block;	
	width:125px;
	padding: 0 0 0 20px;
	margin: 0 0 0 20px;
}

#menu_container .sub_elements{

}

#menu_container li.and_more a{
	color:#b90727;
}

#menu_container li.and_more a:focus, #menu_container li.and_more a.linkOver, #menu_container li.and_more a:hover{
	color:#b90727;
	background: url(../images/square_red.png) no-repeat 5px 1px;
}



/*******************************************************************************
*                                              C O N T E N U
******************************************************************************/

#page{
	position: relative;
	margin: 0px 0 0 35px;
	padding: 0px 0px 0px 0px;
	width: 675px;
	min-height:350px;
}


#page li{
	list-style:none;
	background: url(../images/square_small_gray.gif)  0px 6px no-repeat ;
	padding: 0 0 0 15px;
}

#content{
	text-align:justify;
	line-height:16px;
	margin: 60px 0 30px 220px;
}


#content H1{
	margin: 0px 0 20px 0;
	font-size:11px;
	font-weight:bold;	
	text-align:left;
}


#content H2, #content H2 a{
	text-align:left;
	font-size:16px;
	font-weight:bold;
	color: #00abff;
	margin: 0px 0 2px -17px;
	padding: 0 0 0 17px;
	background: url(../images/square_small_gray.gif)  0px 6px no-repeat ;
}

#content H3, #content H3 a, #content H4, #content H4 a, #content H5, #content H5 a{
	font-size:11px;
	font-weight:bold;
	margin: 10px 0 5px 0;
	text-align:left;
}

#page p{
	margin-bottom:10px;
}

/*******************************************************************************
*                                              F I L  D ' A R I A N E 
*******************************************************************************/

#page_path{
	width: 725px;
	margin-top:25px;
	height: 25px;
	display:block;
	border-bottom: 1px solid #2c2c2c;
	
}

#page_path a{
	color:#493d2b;
}

#page_path li{
	display:block;
	float:left;
	list-style:none;
	padding: 0px 5px 0 0px; 
	margin: 0 0 0 0;
	background: none;
}

#page_path li.current_page a{
	color:#00abff;	
}

#page_path a .et { margin: 0 -3px 0 -3px;}


/*******************************************************************************
*                                              S U G G E S T I O N
******************************************************************************/

#suggestion{
	position: absolute;	
	left: -8px;
	top: 43%;
	width: 255px;
	height: 231px;
	background: url(../images/background_suggestion.png)  0px 0px no-repeat ;
}

#suggestion_type{
	position: absolute;	
	left: 11px;
	bottom: 16px;
}

#suggestion table{
	margin: 10px 10px 10px 60px;
	width: 175px;
	height:215px;
}

#suggestion td {
	text-align: justify;
	color: #FFF;
	vertical-align: bottom;
}

#suggestion h3{
	font-size:14px;
	font-weight:bold;
	color: #00abff;
	margin: 0px 0 10px -20px;
	padding: 0 0 0 20px;
	background: url(../images/square_small_white.gif)  0px 5px no-repeat ;
}

#suggestion h3 a:hover{
	text-decoration: none;
	color:#fff;
}

#suggestion p{
	margin-bottom:10px;
}

/*******************************************************************************
*                                              B O O K  
******************************************************************************/

#book_insert{
	position:relative;
	left:-285px;
	width:761px;
	height:342px;
	background:url("/images/background_insert.png");
	margin: 28px 30px 15px 0;
	padding: 0 0 0 0;
}

#book_insert table{
	margin: 0 0 0 0;
	padding: 0 0 0 0;	
}

#book_insert td{
	vertical-align: top;
}

#book_insert_text{
	width: 230px;
	height: 150px;
	margin: 12px 0 0 28px;
	color:#FFF;
	text-align : right;
}

#book_insert_text h3{
	background: url(../images/square_small_white.gif)  right 5px no-repeat ;
	padding: 0 13px 0 0;
	margin: 7px -13px 0 0 ;
	letter-spacing:0.7px;
	text-align:right;
}

#book_insert_text p{ margin: 0px;}

#book_insert_diaporama{
	margin: 17px 0 0 19px;
}

#book_insert_menu{
	width: 246px;
	height: 156px;
	background: url(../images/background_book_menu.png) ;
	margin: 0px 0 0 9px;
	color:#FFF;
	text-align : right;
}

#website_link{
	position:absolute;
	right:0px;
	font-size:10px ;
	cursor:pointer;
	font-weight: bold;
	height:14px;
	margin: 0 0 20px 0;
	padding: 0 0 0 12px;
	background: url(../images/triangle_blue_right.png)  0px 3px no-repeat  !important;	
}

/*******************************************   M E N U   P A R T I E		**/

#header_part{
	position:relative;
	top:1px;
	margin: 0px 20px 0px 20px;
	padding: 0 0 20px 0;
	width : 194px;
	font-size:10px;
	color:#a2927c;
	line-height:13px;
	font-weight:bold;
}

#header_part strong{
	font-weight:bold;
	line-height:15px;
}


#menu_part{
	position:relative;
	z-index: 2;
	width: 196px;
	height: 154px;
	overflow: hidden;
	margin: 0 0 0 30px;
	padding: 0 0px 0 0px;
}

#menu_part_background{
	position:absolute;
	z-index: 1;
	top:0px;
	right:0px;
	width: 227px;
	height: 91px;
	
}

#menu_part ul{
	margin: 10px 0 0 0 ;
}

#menu_part li{
	list-style: none;
	line-height:10px;
	margin:  0 0 9px 0 ;
}

#menu_part li.selected a{ color:#00abff; }

#header_part #button_down, #header_part #button_down_active{
	position: absolute;
	z-index: 3;
	left: 10px;
	bottom: 25px;
}

#header_part #button_up, #header_part #button_up_active{
	position: absolute;
	z-index: 3;
	left: 10px;
	top: 7px;
}

#header_part #button_up_active, #header_part #button_down_active {
	cursor:pointer;
}



#book_insert_menu li{ background: none; }

#book_insert_menu li a{
	color:#FFF;
	font-size:10px;
	font-weight:bold;
}



/*******************************************************************************
*                                              B O O K     T Y P E 
******************************************************************************/

.book_block, .book_block_gray{
	position: relative;
	left: -220px;
	width: 695px;
	height: 140px; 
	padding: 15px;
}

.book_block{
	
}

.book_block_gray{
	background:url("/images/background_footer.png");
	color: #FFF;
}



.book_block h3, .book_block_gray h3, .book_block h3 a, .book_block_gray h3 a{
	margin:0 0 5px 0 !important; 
}

.book_block h3 a, .book_block_gray h3 a{
	padding: 0 0 0 15px;
	background: url(../images/square_small_blue.gif)  0px 2px no-repeat  !important;
}

.book_block .read_more a{color:#2c2c2c;}
.book_block_gray .read_more a{color:#FFF;}
.read_more a{
	font-size:10px;
	font-weight:bold;
	padding: 0 0 0 10px;
	background: url(../images/triangle_blue_right.png)  0px 1px no-repeat  !important;
}

.book_illustration{
	float:left;
	width: 195px;
	min-height:140px;
	margin-right: 10px;
}

.book_resume{
	width: 545px;
}

.result_pages{
	position: relative;
	top:30px;
	font-size:11px;
	margin: 0px 0 0px 0;
	text-align:center;
	width:285px;
}

.result_pages a{
	display: inline-block;
	text-align:center;
	width:15px;
	height:15px;
	margin:4px;
	line-height:15px;
}

.result_pages a.page_number{
	background-color:#00abff;
	color:#FFF;
}


.result_pages .page_active{
	display: inline-block;
	text-align:center;
	width:15px;
	height:15px;
	margin:5px;
	line-height:15px;
	color:#00abff;
	border: solid 1px #00abff;
}

.result_pages a.page_arrow{
	position:relative;
	top:1px;
	
}

/*******************************************************************************
*                                              F O O T E R
******************************************************************************/


#footer{
	position: relative;
	clear: both;
	z-index:5;
	width:100%;
	min-height:60px;
}

#footer_sign{
	font-size: 8px;	
	color:#756d62;
	position:absolute;
	text-align:right;
	top:-34px;
	min-height:60px;
	background:url("/images/background_footer.png");
	display: none;
}

#footer_sign img{
	margin: 6px 10px;
}

#footer_ref {
	position: relative;
	font-size: 9px;	
	color:#fff;
	text-align:justify;
	width:390px;
	padding: 0 202px 0 440px;
	margin: 0 auto 0 auto;
}

#footer_ref a, #footer-motions a {
	font-weight:normal;
	color:#FFF;
	text-decoration: none; 
}

#legal{
	position:absolute;
	top:-93px;
	right:192px;
}