/*******************************************************************************
*                                              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;
}

a:hover{ 
	text-decoration: underline; 
}

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

body {
	background:url("../images/background.png") top center repeat-x;
	background-color:#ededec;
    font-family: Arial, Verdana, sans-serif;
	font-size:11px;
	color:#000;
}


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

#background_container {
	position:absolute;
	z-index:0;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
}

#background_pict{
	z-index:0;
}

#background_container #background_header{
	position:absolute;
	z-index:1;
	top:0px;
	left:0px;
	width:100%;
	height:85px;
	background:url("../images/background_header.png") top center repeat-x;
	margin: 0px;
	padding: 0px;
}

#background_container #background_image_header { 
	position:absolute;
	top:85px;
	left:0px;
	width:100%;
	height:160px;
	margin: 0px;
	padding: 0px; 
	overflow: hidden;
} 

#background_container #background_image_header #header_pict{ 
	position:absolute;
	top:0px;
	left:0px;
	width:100%; 
	min-height:160px;
} 

#global_container {
	position:relative;
	z-index:2;
	width:1000px;
	margin: 0 auto 0px auto;
	padding: 0px;
	min-height:400px;
}


#header_container {
	position: relative;
	margin: 0 0 0 0;
	padding: 12px 0px 0px 0px;
	width: 1000px;
	height:73px;
}


#left_container {
	position: relative;
	float:left;
	margin: 143px 0px 0 3px;
	padding: 15px 0px 0px 0px;
	width:200px;
	min-height:250px;
	z-index:2;
	background:url("/images/background_menu.png") top left no-repeat;
}

#page_container {
	position: relative;
	float:left;
	margin: 160px 0 30px 30px;
	padding: 0px 0px 0px 9px;
	width: 500px;
	min-height:340px;

}

#footer_container {
	position: relative;
	z-index:1;
	margin: 0px 0 0 0;
	padding: 0px 0px 0px 0px;
	width: 100%;
	background-color:#FFF;
}

#footer_box_container{
	position:fixed;
	z-index:5;
	bottom:0px;
	left:0px;
	width:100%;
	background:url("../images/background_footer-box.png") top center repeat-x;
	margin: 0px;
	padding: 0px;
}


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




/*******************************************************************************
*                                              L E F T    C O N T A I N E R 
******************************************************************************/

#left_container_bottom {
	position: absolute;
	bottom:-20px;
	left:0px;
	width:200px;
	height:20px;
	background:url("/images/background_menu.png") bottom left no-repeat;
}

#leftmenu_container {
	font-weight:normal;
	color:#999999;	
	padding: 0 0 0 25px;
	letter-spacing: 0px;
	line-height: 12px;
	width:165px;
	font-size: 11px;
}

#leftmenu_container a:hover{ 
	text-decoration: none;
}

#leftmenu_container, #leftmenu_container H3, #leftmenu_container a{
	font-weight:normal;
	color:#999999;	
}

#leftmenu_container h4{
	padding: 2px 0 10px 0;
	font-size: 11px;
	font-weight:normal;
	outline: none;
	cursor: pointer;
}

#leftmenu_container h4.selected a{
	color:#000;
}

#leftmenu_container h4.first{
	background: none;

}

#leftmenu_container h4.ui-state-active{
	color:#000;
	
}

#leftmenu_container ul.elements{
	margin: 0 0 0px 0;
	padding: 0 0 0 0;	
}

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

#leftmenu_container ul li a{
	display: block;	
	width:145px;
	padding: 0 0 0 20px;
	color: #aeaeae;
	background: url(../images/puce_menu-circle_grey.png) no-repeat 5px 1px;
}

#leftmenu_container ul li.selected a, #leftmenu_container ul li a:focus, #leftmenu_container ul li a.linkOver, #leftmenu_container ul li a:hover{
	/*défini dans les profils*/
}

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

#leftmenu_container .sub_elements{

}

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

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

/*******************************************************************************
*                                              H E A D E R    CONTAINER 
******************************************************************************/


/*******************************************   R E C H E R C H E    		**/

#search_form {
	position: absolute;
	display:block;
	width:180px;
	height:16px;
	z-index:10;
	top:32px;
	right: 0px;
	padding: 0px;
}

#search_form #query {
	float:left;
	width:145px;
	height:16px;
	border : 0px;
	font-size:10px;
	color:#aaa;
	padding: 2px 0 0 5px;
	background:url("/images/background_search.png") top left no-repeat;
}

#button_ok{
	margin: 0px;
	float:right;
}



/*******************************************   N A V I G A T I O N    TOP		**/

#topmenu_container{		
 	position:absolute;
	z-index: 2;
	left: 187px;
	top:35px;
	width: 632px;
	height: 50px;	
	padding:0;
    margin:0;
}

#profil_menu{
	position:relative;
	left: 45px;
	width: 632px;
	height: 50px;
	text-align:left;
    display:block;
}

#profil_menu li{
    display: inline-block;
    list-style: none;
    margin:0 20px 0 0 ;
    padding: 0px 0px 0 0px ;
	font-size:12px;
	letter-spacing:0.7px;
}

#profil_menu li a{
	color:#000;
	padding: 0 0 0 10px;
}

#profil_menu li a:hover { 
	text-decoration: none; 
}

#profil_menu li.current_profil a{
	padding: 0 0 0 10px;
}

#profil_menu li.profil_par a:hover{ color:#7dad16; }
#profil_menu li.profil_pre a:hover{ color:#6f8fb4; }
#profil_menu li.profil_fab a:hover{ color:#da8e08; }
#profil_menu li.profil_etu a:hover{ color:#cc4b74; }


#profil_menu ul.shortcuts{
    position:absolute;
    display:block;
	left: 10px;
	top:22px;
	width: 770px;
	height: 29px;
    padding:5px 0 0 0;
    margin:0;
}


ul.shortcuts li{
    display:inline;
	float: left;
	font-size: 11px !important;
    margin:0 10px 0 0 !important;
    padding: 0px 0px 0 0px !important;
	letter-spacing:0px !important;
}



/*******************************************************************************
*                                              F O O T E R    B O X  
******************************************************************************/

#footer_box{
	position:relative;
	width:1000px;
	margin: 0 auto 0 auto;
	padding: 0px;
}

#footer_box_control{
	position: absolute;
	z-index:2;
	height: 20px;
	width:100%;
	cursor:pointer;
}

#footer_box_control img{
	position: absolute;
	right: 0px;
	top: 4px;
	cursor:pointer;
}

#footer_box_content{
	position: relative;
	width: 1000px;
	overflow: hidden;
	padding: 6px 0 0 0 ;
}
/*
#footer_box_false_content{
	position: relative;
	width: 1000px;
	height: 140px;
}
*/
.footer_content_box{
	float:left;
	margin: 0 20px 0 0;
	padding: 0 20px 0 0;
	background: url(../images/background_footerbox_bloc.png) no-repeat right 20px;
	min-height: 110px;
	max-height: 125px;
	
}




#footer_box #search_footer_form {
	width:190px;
	margin: 5px 0 30px 0;
}

#footer_box #document_query {
	float:left;
	width:145px;
	height:16px;
	border : 0px;
	font-size:10px;
	color:#aaa;
	padding: 2px 0 0 5px;
	background:url("../images/background_document-search_footer.png") top left no-repeat;
}

#footer_box #button_ok{
	margin: 0 0 0 5px;
	float:left;
}

#footer_box .labels-list li{
	position:relative;
	color: #000;
	font-size: 11px;
	list-style:none;
	display: inline;
	margin: 5px 10px 0 0;
	float:left;
	text-align: left;
}

#footer_box .labels-list li label{
	margin: 0 0 0 5px;
	font-size:10px;
}
/*******************************************************************************
*                                              C O N T E N U
******************************************************************************/

#page{
	position:relative;
	padding: 0 0px 20px 0px;
	width : 485px;
	line-height:16px;
}

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

#page H1, #page H1 a{
	font-size:14px;
	font-weight:normal;
	color: #000;
	margin: 5px 0 5px 0;
	text-align:left;
}

.false_h1, .false_h1 a{
	font-size:14px;
	font-weight:normal;
	color: #000;
	margin: 5px 0 5px 0;
	text-align:left;
}


#page H2, #page H2 a{
	font-size:13px;
	font-weight:normal;
	margin: 5px 0 5px 0;
	text-align:left;
}

.false_h2, .false_h2 a{
	font-size:13px;
	font-weight:normal;
	margin: 5px 0 5px 0;
	text-align:left;
}


#page H3, #page H3 a{
	font-size:11px;
	font-weight:normal;
	margin: 0px 0 0px 0;
	padding: 0 0 0 10px;
	line-height:13px;	
	text-align:left;
}

.false_h3, .false_h3 a{
	font-size:11px;
	font-weight:normal;
	margin: 0px 0 0px 0;
	padding: 0 0 0 10px;
	line-height:13px;	
	text-align:left;
}

#page H4, #page H4 a, #page H5, #page H5 a{
	font-size:11px;
	font-weight:normal;
	margin: 0px 0 0px 0;
	color:#7dad16;	
	text-align:left;
}


#page a.small_link{
	font-size:10px;
}

hr{
	border:none;
	border-bottom: 1px solid #e5e5e5;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
	
}

#page table td{
	vertical-align:top;
}

#page table td H2, #page table td H2 a{
	margin: 0px 0 10px 0;	
}

#page table td.content_col_left{
	width: 200px;
	text-align:left;
}

#page table td.content_col_right{
	width: 200px;
	text-align:right;
}


#content{
	text-align:justify;
	margin: 20px 0 0 0;
}

.separator{
	height: 1px;
	background: url(../images/line_separator.png) repeat-x left top;
}

#share_utils{
	position:relative;
	display:block;
	width:100%;
	text-align:right;
	font-size:11px;
	clear:both;
	padding: 0 0 7px 0;
	margin: 15px 0 10px 0;
	border-bottom: 1px solid #eee;
}

#share_utils a{
	float:right;
}

.default_button{
	position:relative;
	left:-10px;
	margin-left:10px;
	float:right;
	height: 16px;
	line-height:13px;
	padding: 2px 0px 0 10px; 
	font-size:10px;
	color:#FFF;
	cursor: pointer;
}

.default_button_end{
	position:absolute;
	top:0px;
	right:-10px;
	height: 18px;
	width:10px;
}


#content ul.level_1 li, #content li, #headlines li{
	list-style:none;
	margin:0 0 0 0px;
	padding: 0 0 0 12px;
}

#content ul.level_2 li, #headlines ul.level_2 li, #content li li, #headlines li li{
	list-style:none;
	margin:0 0 0 12px;
	padding: 0 0 0 12px;
}

#content ul.level_2 li, #headlines ul.level_2 li{
	margin:0 0 0 20px;
}

#content ul.level_3 li, #headlines ul.level_3 li, #content li li li, #headlines li li li{
	list-style:none;
	margin:0 0 0 12px;
	padding: 0 0 0 12px;
	background: url(../images/puce_menu-circle_black.png) no-repeat 0px 2px;
	color:#000;
}

#content ul.level_3 li, #headlines ul.level_3 li{
	margin:0 0 0 40px;
}

#content ul.level_4 li, #headlines ul.level_4 li, #content li li li li, #headlines li li li li {
	list-style:none;
	margin:0 0 0 12px;
	padding: 0 0 0 12px;
	background: url(../images/puce_menu-circle_grey.png) no-repeat 0px 2px;
	color:#666666;
}

#content ul.level_4 li, #headlines ul.level_4 li{
	margin:0 0 0 60px;
}

/*******************************************   C H A P E A U		**/

#header_box_container{
	position: absolute;
	width: 500px;
	height: 160px;
	top: -225px;
	left:0px;
}

#header_box{
	position: absolute;
	width: 350px;
	bottom: 20px;
	left:0px;
	background: url(../images/background_header-box.png) repeat left top;
	padding: 15px 20px 15px 20px;
}

#headlines{
	line-height:16px;
	margin: 20px 0 0 0;
}

#headlines h1, #headlines h2, #headlines h3, #headlines h4{  margin: 0 0 3px 0; }

#header_box h1 {
	margin: 0 0 4px 0;
	font-size: 12px;
	font-weight: bold;
}

#header_box  h2{
	font-size:12px;
	color: #000 !important;
	font-weight:normal;
}

#header_box p{
	margin:0px;
	font-size: 10px;
	line-height: 13px ;
}

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

#page_path{
	position:relative;
	display:block;
	height: 28px;
	margin: 20px 0 10px 0px;
	color:#fff;
	font-size:10px;
	font-weight:bold;
}

#page_path a{
	color:#fff;
}

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

#page_path li.current_page{
	padding: 1px 5px 0 15px; 
}


#page_path li.first{
	padding: 1px 5px 0 10px;
}

#page_path li.last{
	width:10px;
	padding: 1px 0 0 0;
}



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

#right_content{
	float:right;
	position: relative;
	margin: 113px 0 0 0;

	width: 200px;
}

#illustration_bloc{
	position: relative;
	right:-5px;
	width: 189px;
	padding:4px 0 0 8px;
	margin : 0 0 20px 0;
	background:url("/images/background_illustration.png") top left no-repeat;
}

#illustration_bloc_bottom{
	position:absolute;
	bottom:-13px;
	left:0px;
	height:13px;
	width: 197px;
	background:url("/images/background_illustration.png") bottom left no-repeat;
}

.suggestion_bloc{
	position: relative;
	right:-5px;
	width: 161px;
	padding:6px 10px 20px 26px;
	margin : 0 0 15px 0;
	min-height: 50px;
 	line-height: 12px;
	font-size:10px;
	background:url("/images/background_suggestion.png") bottom left no-repeat;
}

.suggestion_bloc h4{
	font-size:10px;
	font-weight;
	margin: 0 0 10px -10px;
	padding: 0 0 0 10px;
}

.suggestion_bloc .read_more{
	margin: 10px 0 0 0;
}


#suggestion_glossary{
	position: relative;
	right:-10px;
	width: 155px;
	padding:35px 9px 10px 22px;
	margin : 0 0 15px 0;
	font-size:10px;
 	line-height: 12px;
	color: #FFF;
}

#suggestion_glossary h4{
	font-size:10px;
	font-weight;
	margin: 0 0 0px -10px;
	padding: 0 0 0 10px;
}

#suggestion_glossary .read_more {
	margin: 10px 0 10px 0;
	color: #FFF;
}

#suggestion_glossary .read_more a{
	color: #FFF;	
}

#title_links{
	margin : 10px 0 0px -10px;
	
}

.external_link{
	margin: 10px 0 3px -17px;
	padding: 0 0 0 17px;
	
}

.external_link a, .external_link a:hover{
	font-size:11px;
 	line-height: 12px;
	color: #000;
}




/*******************************************************************************
*                                              F O O T E R
******************************************************************************/
#footer{
	position: relative;
	width:1000px;
	margin: 0 auto 0 auto;
	font-size: 10px;
	color:#bdb7b7;
}

#footer_menu, #footer_ref, #footer_ref_menu{
	position: relative;
	display: block;
	padding: 12px 0 20px 0;
	text-align:center;
}

#footer_container a {
	font-weight:normal;
}

#footer_ref h1, #footer_ref h2, #footer_ref p, #footer_ref a,#footer_ref a:hover{
	font-size: 10px;
	color:#bdb7b7;
	font-weight:normal;
	display: inline;
}

#footer_menu ul{
	display: inline;	
}

#footer_menu li{
	display: inline;
	list-style:none;
	margin : 0 20px 0 0;
}

#footer_ref_menu H2, #footer_ref_menu H3, #footer_ref_menu H4, #footer_ref_menu H5{
	font-size: 10px;
	font-weight:bold;	
	color: #443826;
}