@import url("n_style.css");

/*************************************************************************************************/
/* FEUILLE DE STYLE GENERALE (general.css) */
/*************************************************************************************************/

#bufferedDisplayContainer{
	overflow : hidden ! important ;
}

html {
	/*min-height: 840px;*/
	font-size: 62.5%;
}

body {
  font-family:Arial, Verdana;
  font-size:13px;
  background-color:#FFF;
  min-width: 960px;
  margin : 0px ; 
  padding : 0px;
}


div.pusher{
	height:1px;
	visibility : none ; 
	clear : both ;
}

*[class^='highlight']{
	background-color : #00aaff;
	color : white ; 
	padding : 0px 1px 0px 2px;;
}

a, a:hover, a:focus, a:link, a:visited{
	text-decoration : none ; 
	color : #005faa;
}



/*************************************************************************************************/
/* ENTETE */
/*************************************************************************************************/

#entete a,#entete a:visited,#entete a:hover,#entete a:focus{
	text-decoration : none ; 
	color : black ; 
	
}
#entete ul li {
	float:left;
}

#entete{
	font-size : 16px;
	font-family:Arial;
}


div.headers{
	border-bottom : 1px solid #DADADA;
}


/* CSS Premiere Ligne entete */
#entete #header_top{
	height : 70px;
	padding : 12px 10px 0px 20px;
	position : relative ; 
}

#entete div.headers div{
	display : inline-block ; 
}




#header_logo_block{
	float : left ; 
	position : relative ;
	margin-bottom:-6px;
	top : -10px;
}
#header_logo_block #logo_opsomai_small{
	display : none ; 
}

#header_logo_block span{
	display : inline-block ; 
	vertical-align : 4px;
	
}
#header_login_block,#header_other_block{
	float : right ; 
}

#header_login_block  button.deconnect_btn{
	background-color : #CCCCCC;
	text-transform : uppercase ; 
	font-size : 15px;
	border : 0px;
	width : 155px;
	padding : 5px 0px;
}
#header_login_block  button.deconnect_btn:hover{
	background-color : #3b3b3b;
	color : white; 
}


#header_login_block{
	width : 445px;
	font-size : 16px;
}
#header_login_block.logged{
	width : auto ;
	white-space : nowrap;
}
#header_login_block.not_logged{
	height : 36px;
}
#header_login_block #menu_account{
	text-align : center ;
	cursor : pointer ; 
	position : relative ; 
	line-height : 36px;
	padding : 0px 25px 0px 20px;
	background : url('../images/icnbar-form-down.png') no-repeat 95% center  ; 
	background : url('../images/icnbar-form-down.png') no-repeat right 5px center  ; 
}
#header_login_block #menu_account:hover{
	background-color : #3b3b3b;
	color : white ; 
	z-index : 99;
}
#header_login_block #menu_account:hover ul.drop_down{
	background-color : #F1F1F1;	
	box-sizing : border-box ; 
	border : 1px solid #3b3b3b;
}
#header_login_block #menu_account:hover ul.drop_down li{
	background-color : #F1F1F1;	
}
#header_login_block #menu_account:hover ul.drop_down li:hover,#header_login_block #menu_account:hover ul.drop_down li:hover a{
	background-color : #00aaff;
	color : white ; 
}

#header_quick_srch_block{
	/*min-width : 200px;*/
}
#header_quick_srch_block #quick_cherche_txt{
	/*min-width : 100px;*/
	padding : 4px;
	padding-right : 50px;
	margin : 0px 2px;
}
#header_login_block .header_login_block_left{
	text-align : right; 
	padding-right : 12px;
	border-right : 1px solid #CBCBCB;
}

#header_login_block p {
	margin : 2px 0px;
}

#header_login_block .header_login_infos{
	max-width : 250px;
	overflow : hidden ; 
	text-overflow : ellipsis ; 
	white-space : nowrap ; 
}
#header_login_block .header_login_block_right{
	vertical-align : top ; 
	text-align : left;  
	padding-left : 6px;
	margin-left : 0px;
	/*margin-top : -4px;*/
}

#header_login_block p a {
	vertical-align : top ; 
}

#header_login_block .login_block_icon{
	display : inline-block ; 
	width : 16px;
	height : 16px;
	margin-right: 6px;
	background-repeat : no-repeat ; 
	background-position : center center; 
}
#header_login_block .login_block_icon.login_icon{background-image : url('../images/icnhead-login.png'); }
#header_login_block .login_block_icon.order_icon{background-image : url('../images/icnhead-commande.png') ;}
#header_login_block .login_block_icon.favorite_icon{background-image : url('../images/icnhead-favoris.png') ;}
#header_login_block .login_block_icon.clock_icon{background-image : url('../images/icnhead-clock.png') ;}
.headers  input{ 
	height : 26px;
	border: 1px solid #DADADA;
	padding : 4px;
	font-size: 16px;
}
.headers form input[type='submit'], #prevLink button, #newPanLeft input[type='submit'], #panBoutons button, #connect_form button , button.std_button_style , input.std_button_style{
	background-color : #00aaff;
	text-transform : uppercase;
	color : white ; 
	height : 30px;
	border : none ; 
	height : 36px;
	min-width : 70px;
	cursor : pointer ; 
}

#header_login_block #login_actions a{
	padding-left : 16px;
}
#header_login_block #login_actions .login_link_signup{background : url('../images/icnhead-inscription.png') left center no-repeat;}
#header_login_block #login_actions .login_link_forgotpwd{background : url('../images/icnhead-forgot.png') left center no-repeat;}

div#h_valid_bg {
	position : fixed ; 
	width : auto  ; 
	height : auto  ; 
	left : 0px; 
	right : 0px ; 
	top: 0px ; 
	bottom : 0px ; 
	
	z-index : 999 ; 
	background-color : rgba(70,70,70,0.5); 
}
div#h_valid_popin{
margin : 50px auto ; 
width : 695px;
min-height : 300px;
border : 1px solid #F1F1F1;
background-color : white;  
padding-bottom : 10px;
}	

div#h_valid_popin .msg{
	font-size : 14px;
	margin : 10px 20px;  
}
div#h_valid_popin .msg.err{
	color : #005faa;
	font-weight : bold ;
}

form#h_valid_form{
	text-align :center ; 
	width : 100% ; 
}

form#h_valid_form input[name='cap_valid_human']{
	width : 210px;
}

form#h_valid_form a.reload_cap{
	position: absolute;
	margin-left: 20px;
	margin-top: 35px;
}
form#h_valid_form a.reload_cap img{
	border : none ; 
	
}



/************RECHERCHE AVANCEE **********/

#completeDiv.AutoCompleteDivListeStyle{
	z-index : 60 !important;
}
#adv_search_button{
	display :inline-block ; 
	width : 45px ; 
	height : 36px ; 
	/* background : url('../images/adv_search_arrow.png') no-repeat center center; */
	background : url('../images/icnbar-form-down.png') no-repeat center center;
	position : absolute;
	margin-left : -47px;
	cursor : pointer ; 
	/*margin-top : 8px;*/
	z-index : 99;
	user-select: none;       
	-webkit-user-select: none;  /* Chrome all / Safari all */
	-moz-user-select: none;     /* Firefox all */
	-ms-user-select: none;
	border-left : 1px solid #DADADA;
}

#adv_search_button.active{
	height : 37px;
	background-color : #3b3b3b;
}


 #adv_search_wrapper.headers{
	background-color : #F1F1F1;
	z-index:59;
	position : absolute;
	/*width : 100%;*/
	/*left : 0px;*/
	margin-left : 2px;
	border-top: 1px solid #DADADA;
	/*margin-top : 6px;*/
}

#adv_search_wrapper .adv_search_wrapper-1 td.val_champs_form{
	display : -webkit-flex;
	display : flex ; 
	-webkit-align-items : center ; 
	align-items : center ; 
}
#adv_search_wrapper .adv_search_wrapper-1 td.val_champs_form.val_add_crit{
	display : initial;
}


#adv_search_wrapper .adv_search_wrapper-1 td.val_champs_form * {
	-webkit-flex : 1 1 auto ;  
	flex : 1 1 auto ;  
}
#adv_search_wrapper .adv_search_wrapper-1 td.val_champs_form label{
	text-align : center ; 
}

#adv_search_wrapper .adv_search_wrapper-1 td.val_champs_form  input.miniButton[type='button'] ,#adv_search_wrapper .adv_search_wrapper-1 td.val_champs_form span[id^='typeRech'] {
	-webkit-flex : 0 0 auto ;  
}

#adv_search_wrapper .label_champs_form select[name^='chOps']{
	margin-right : 5px;
}

#adv_search_wrapper .val_champs_form input[id^="chValues"]{
	/*width : 149px;*/
	width : 239px;
	margin: 2px;
	padding : 4px;
	transition: width 0.20s ease-in-out;
	-moz-transition: width 0.20s ease-in-out;
	-webkit-transition: width 0.20s ease-in-out;
}


#adv_search_wrapper .adv_search_wrapper-1 td select {
	margin : 2px ; 
	padding : 3px ; 
	outline : none ; 
}


#adv_search_wrapper .adv_search_wrapper-1 td input[type='checkbox'] {
	margin: 8px 8px;
	width: auto;
}
#adv_search_wrapper .adv_search_wrapper-1 td.val_champs_form {
	_font-size: 13px;
}
#adv_search_wrapper td select{
	margin : 2px;
}

#adv_search_wrapper.headers.collapsed{
	border : none ; 
}
#adv_search_wrapper input{
	height : auto ; 
	font-size : 13px;
}

#adv_search_wrapper.collapsed{
	height : 0px;
}
#adv_search_wrapper.collapsed div.adv_search_wrapper-1,#adv_search_wrapper.collapsed div.chercheBoutons,#adv_search_wrapper.collapsed div#adv_search_chooser, #adv_search_wrapper.collapsed .title_bar{
	opacity : 0;
	display : none ; 
}
#adv_search_wrapper div.adv_search_wrapper-1{
	padding : 4px 24px;
}
#adv_search_wrapper div.hidden.adv_search_wrapper-1{
	display : none ; 
}
#adv_search_wrapper select[id^="selectType"]{
	min-width : 280px;
}
#adv_search_wrapper div.adv_search_wrapper-1 .val_champs_form{
	min-width : 395px;
}

#adv_search_wrapper .label_champs_form, #adv_search_wrapper .val_champs_form{
	vertical-align : middle;  
}

#adv_search_wrapper span[id^='typeRech']{
	display : inline-block ; 
	width : 80px;
	text-align : left ; 
}
#adv_search_wrapper #adv_search_chooser{
	display: block;
	border-bottom: 1px solid #DADADA;
	background-color : white ; 
}
#adv_search_wrapper #adv_search_chooser button:first-child{
	margin-left : 0px;
}
#adv_search_wrapper #adv_search_chooser button, #adv_search_wrapper div.chercheBoutons  button{
	background-color: #DDD;
	height: 30px;
	border: none;
	height: 36px;
	width: 160px;
	cursor: pointer;
	border :none;
	color : #3D3D3D;
	outline : none ; 
	margin : 0px 4px;
	font-size : 15px;
}

#adv_search_wrapper div.chercheBoutons button{
	background-color: #00aaff;
	border : none;
	color : white ; 
}

#adv_search_wrapper div.chercheBoutons {
	margin-bottom : 4px;
	/*margin-left : 284px;*/
	margin-left : 197px;
}
#adv_search_wrapper div.chercheBoutons button{
	/*width : 158px;*/
	width : 247px;
}
#adv_search_wrapper #adv_search_chooser button.active,#adv_search_wrapper div.chercheBoutons  button.std_button_style{
	background-color: #00aaff;
	border : none;
	color : white ; 
}
#adv_search_wrapper #adv_search_chooser button:hover,#adv_search_wrapper div.chercheBoutons  button:hover, button.std_button_style:hover, input.std_button_style:hover{
	background-color:#005faa;
	color : white ;
}



#adv_search_wrapper .btn_add_crit{
	float: right;
	/*width: 159px;*/
	width : 140px;
	right: 2px;
	position: relative;
	font-size : 15px;
	background-color : #00aaff;
	/*flex : 0 1 125px !important; */
	/*flex : none !important ; 
	align-items : flex-end;*/
	color : white ; 
}
#adv_search_wrapper .btn_add_crit:hover{
	cursor : pointer ;
	background-color : #005faa;
}


 form button{
	background-color : #00aaff; 
	color : white ; 
	cursor : pointer ; 
	vertical-align : top;
 }

.headers form input[type='submit']:hover, #prevLink button:hover, #newPanLeft input[type='submit']:hover, #panBoutons button:hover, #connect_form button:hover, form button:hover,  form input[type='submit']:hover{
	background : #005faa;
}


#panHeaderFieldsWrapper{
	margin : 6px 0px;
	display : none ; 
}

#panBlock.full #panHeaderFieldsWrapper{
	display : block ; 
		opacity: 1;
   transition: opacity .15s ease-in;
   -moz-transition: opacity .15s ease-in;
   -webkit-transition: opacity .15s ease-in;
	
}

input.panHeaderFields{
height: 20px;
border: 1px solid #DADADA;
padding: 4px;
margin : 0px 4px;
font-size: 14px;
	width : 300px;
}

input.panHeaderFields[name^='pan_objet']{
	width : 450px;
}

#panBoutons {
	position : absolute; 
	left : 0px;
	right : 0px;
	top : auto ;
	text-align : center ; 
}
#panBoutons button{
	width : 110px ; 
	margin : 0px 8px;
	display : inline-block  ;
	cursor : pointer ; 
	
}
#header_login_block #login_actions{
	display : inline-block ; 
	margin : 4px 0px;
}

#header_login_block #login_actions a{
	font-size : 12px;
	color : #000;
}



#header_other_block{
	line-height : 24px;
	height : 24px;
}
#header_other_block a{
	margin : 3px 2px;
	display : inline-block; 
}
#header_other_block img.flag_chooser{
	width : 27px;
	vertical-align: text-top;
	opacity : 0.4;
}
#header_other_block img.flag_chooser.current{
	opacity : 1;
}


#header_login_block ul {
	list-style-type : none ; 
	margin : 0px;
	padding-left : 0px;
}
/*
#header_other_block ul li{
	border-right : 1px solid black ;
	padding : 0px 7px 0px 9px;
	margin : 0px;
}*/
/*
#header_other_block ul li.menu.langue{
	min-width : 52px ; 
	padding : 2px 0px ; 
	text-align : center; 
}

#header_other_block ul li:last-child{
	border : none ; 
}
*/

#entete ul li {
	display : inline-block ; 
	position : relative ; 
	
}

#entete ul li .drop_down , #entete div.menu .drop_down {
	display : none ; 
}

#entete ul li:hover .drop_down ,  #entete div.menu:hover .drop_down{
	display :block ; 
	position : absolute;
	min-width : 50px;
	padding : 0px;
	left : 0px;
	font-size :14px;
}


#entete ul li.drop_down{
	display : block ; 
}


#entete ul li.menu:hover, #entete ul li.menu:hover a, #entete ul li.menu.active{
	background-color : #00aaff;
	color : #FFF ;
	cursor : pointer;
}



#entete ul li.menu:hover ul.drop_down li, #entete div.menu:hover ul.drop_down li{
	position : relative ; 	
	margin: 0px;
	padding: 0px;
	width : 100%;
	text-align : center;  
	background-color : white ; 
	color : black ; 
}



#entete ul li.menu:hover ul.drop_down.my_account{
	/*width : 157px;*/
	width :auto;
	left : 0px ; right : 0px; 
}


#entete ul li.menu:hover ul.drop_down {
	display : block ; 
	position : absolute; 
	height: auto;
	z-index: 60;
	margin-left: 0px;
	padding-left: 0px;
	text-align : center; 
	width :auto;
	left : 0px ; right : 0px; 
	border : 1px solid #3B3B3B;
}
#entete ul li.menu:hover:hover ul.drop_down li a{
	background-color : transparent ; 
	color : black ; 
}
#entete ul li.menu:hover ul.drop_down li:hover,#entete ul li.menu:hover ul.drop_down li:hover a {
	background-color : #005faa;
	color : white; 
}

#entete #header_menu{
	padding : 0px;
	white-space : nowrap ; 
}

#entete #header_menu div{
	vertical-align : middle ; 
}

#header_menu ul{
	height : 36px;
	margin : 0px;
}

#header_menu li {
	line-height : 36px;
}
#header_menu li a{
	height : 100%;
	padding : 0px 15px ; 
	display :inline-block ; 
}


#header_menu #header_conf_display{
	float : right ; 
}

#header_menu #display_opts .display_opt span{
	display : inline-block  ;
	width : 24px;
	height : 24px;
	margin : 6px 0px;
	cursor : pointer ; 
	background-size : 100% auto;
}

#header_menu li.display_opt{
	padding : 0px 5px;
}


#header_breadcrumb a,#header_breadcrumb a:hover{
	color : #005faa;
	text-decoration : underline; 
	display :inline-block ; 
	vertical-align : middle; 
	width : auto; 	
}
#header_breadcrumb #refine_crits_wrapper{
	vertical-align : middle ;
}

#header_breadcrumb a, #header_breadcrumb #refine_crits_wrapper{
	max-width : 50%; 
	overflow :hidden ; 
	text-overflow : ellipsis ;
	position : static ; 
}
#header_breadcrumb #refine_crits_wrapper a{
	max-width : initial;
}

#header_breadcrumb span.breadcrumb_arrow{
	display :inline-block ;
	width : 14px;
	height : 14px;
	margin : 0px 2px 0px 2px;
	background : url('../images/icn-breadcrumb-arrow.png') no-repeat left center ; 
	vertical-align : middle;
	cursor : normal ; 
}

#header_breadcrumb a.wrapped{
	width : 0px ; 
	overflow : hidden ; 
}
div.headers div#header_second_row{
	display : block  ;
	margin-top : 5px ; 
	line-height : 24px;
}

div.headers div#header_breadcrumb{
	/*padding : 4px 40px;*/
	font-size : 13px;
	display : block ; 
	margin-right : 105px;
	white-space : nowrap ; 
	overflow : hidden ; 
	/*debug*/
	text-overflow : ellipsis ;
	/*width : 700px;*/
	
}

#header_breadcrumb #accueil_link{
	display : inline-block ; 
	padding-left : 15px;
	background : url('../images/home.png') no-repeat left center; 
}
/*
#header_breadcrumb .refine_crits{
	margin-left : 6px;
}*/

/************************************************************/
/* ALERTE BOX */
/************************************************************/

#alertBox {
	position:absolute;
	display:block; 
	/*ATTENTION : STT PAS DE display:none sinon on ne peut pas calculer la taille */
	/*top:350px;*/ /*ATTENTION, on ne peut pas utiliser Bottom avec MOVE*/
	/*left:-260px;*/
	top:-1000px;
	left:-1000px;
	width:250px;
	background-image:url('../images/shadow_alpha.png') !important;
	background-image:url('../images/shadow.gif');
	background-position:bottom right;
	z-index:100;
	
	margin: 10px 0 0 10px !important;
	margin: 10px 0 0 5px;
}
html>body #alertBox { position: fixed;left: -260px; top: 500px; }

#alertBoxContent {
	position:relative;
	margin:-6px 6px 6px -6px;
	padding:25px 5px 25px 5px;			
	background-color:#00AAFF;
	border:1px solid #aaa;
	text-align:center;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	color:white;
}

/********************* MENU GAUCHE *********************/

div.title_bar, span.title_bar{
	background-color : #3b3b3b;
	text-transform : uppercase;
	font-size : 18px;
	color : white ; 
	/*padding:10px 25px 8px 40px; */
	padding:7px 25px 5px 40px; 
	user-select: none;       
	-webkit-user-select: none;  /* Chrome all / Safari all */
	-moz-user-select: none;     /* Firefox all */
	-ms-user-select: none;
}
span.title_bar{
	display :block ; 
}

div.title_bar .toggle_arrow{
	display : block ; 
	height : 34px;
	width : 33px;
	background-position : center center;
	background-repeat : no-repeat;
	background-size : 60% auto ; 
	position : absolute ;
	top : 0px;
	cursor : pointer ; 
}
div.title_bar #arrow_left{
	right : 0px; 
}
div.title_bar #arrow_right{
	left : 0px;
}


#menuGauche div.title_bar, #menuDroite div.title_bar{
	height: 22px;
}



div.title_bar #arrow_left, .collapsed div.title_bar #arrow_right{
	background-image : url("../images/icnbar-retrack-left.png") ;
}
.collapsed div.title_bar #arrow_left, div.title_bar #arrow_right{
	background-image : url("../images/icnbar-retrack-right.png") ;
}


#menuGauche {
	width : 260px;
	padding : 0px; 
	margin : 0px;
	border-right : 1px solid #CCCCCC;
	display : inline-block ; 
	vertical-align : top ; 
	/*min-height : 100%;*/
	height : 100%;
	position : relative ; 
	background-color : white ; 
}


#menuGauche .type_facet{
	padding: 10px 8px 8px 40px ;
	font-size : 16px;
	color : #3b3b3b;
	cursor : pointer;
	white-space : nowrap;
}	
#menuGauche .type_facet .arrow{
	display : inline-block ; 
	height : 15px;
	width : 15px;
	float :right ; 
	background : url(../images/icnside-up.png) no-repeat center center;
}

#menuGauche .type_facet.open .arrow{
	background : url(../images/icnside-down.png) no-repeat center center;
}

#menuGauche .type_facet .facet_icon{
	display : inline-block ; 
	width : 23px;
	height : 19px;
}
#menuGauche .type_facet .facet_icon.media{background : url('../images/icnside-media.png') no-repeat left center;}
#menuGauche .type_facet .facet_icon.motCle{background : url('../images/icnside-theme.png') no-repeat left center;}
#menuGauche .type_facet .facet_icon.theme{background : url('../images/icnside-theme.png') no-repeat left center;}
#menuGauche .type_facet .facet_icon.lieux{background : url('../images/icnside-lieu.png') no-repeat left center;}
#menuGauche .type_facet .facet_icon.producteur{background : url('../images/icnside-personne.png') no-repeat left center;}
#menuGauche .type_facet .facet_icon.fonds{background : url('../images/icnside-fond.png') no-repeat left center;}
#menuGauche .type_facet .facet_icon.date{background : url('../images/icnside-date.png') no-repeat left center;}

#menuGauche .block_facet{
	display : none; 
	background-color :  #00aaff;

}

#menuGauche .open.block_facet{
	display :block ; 
	border-top : 4px solid #005faa;
}

#menuGauche .open.block_facet.openfull{
	max-height : 396px;
	overflow : auto ; 
}

#menuGauche .block_facet .count{
	float : right ; 
}

#menuGauche .block_facet .facet{
	padding: 10px 12px 10px 30px ;
	font-size : 14px;
	min-height :14px;
	color : white ; 
	cursor : pointer ; 
}

#menuGauche .block_facet .more_facet{
	font-style : italic;
}

#facet_wrapper{
	position : absolute ; 
	top : 34px ; 
	right : 0px ; 
	left : 0px ; 
	overflow : auto ; 
	bottom : 57px;
}

#menuGauche .block_facet .facet:hover, form input[type='submit']:hover, #prevLink button:hover,#panBoutons button:hover{
	background-color:#005faa;
	cursor : pointer ; 
}


#menuGauche .type_facet:hover, #panGauche li:hover, #import_wrapper li:hover{
	background-color : #F1F1F1 ; 
}

#menuGauche.collapsed,#menuGauche.collapsed #facet_wrapper, #panGauche.collapsed{
	overflow : hidden ; 
}

#menuGauche.collapsed,  #panGauche.collapsed{
	width : 32px;
}
#menuGauche.collapsed .type_facet{
	padding-left : 8px;
}

#menuGauche.collapsed .type_facet .arrow, #menuGauche.collapsed .block_facet {
	display : none ; 
}



/********************* PREVIEW DROITE *********************/


#menuDroite {
	width : 319px;
	padding : 0px; 
	margin : 0px;
	border-left : 1px solid #CCCCCC;
	display : inline-block ; 
	vertical-align : top ; 
	/*min-height : 100%;*/
	
	position : absolute ; 
	top : 0px;
	bottom : 0px ;
	right : 0px ;
	overflow: hidden ; 
	background-color : white ; 
}


#menuDroite #prevTitre{
	font-size : 20px;
	max-height : 48px;
	overflow : hidden ;
	text-overflow : ellipsis;
	white-space : nowrap ; 
}
 

#menuDroite #previewDoc {
	padding : 16px;
}
#menuDroite #previewDoc h2{
	margin-top : 0px;
}
#menuDroite #prevMedia img{
	margin : 0px auto ; 
	display : block ; 
}

#menuDroite #prevMedia{
	/*max-height : 215px;*/
	max-height : 275px;
	max-width : 286px;
}

#menuDroite #prevMedia #media_space #container{
	/*max-height :215px;*/
	max-height : 275px;
		max-width : 286px;

}

#menuDroite #prevWrapper{
    position: absolute;
    top: 310px;
    right: 16px;
    left: 16px;
    bottom: 90px;
}

#menuDroite  #prevInfos{
	margin-top : 4px;
	font-size : 14px;
	color : #666;
	text-overflow : ellipsis;
	overflow : hidden ; 
	max-height : 400px;
	text-align : justify;
	
	position: relative;
	max-height: 100% !important;
	margin-bottom: -50px;
	overflow: hidden;
	
}


#menuDroite #prevLink{
/*	position : absolute ; 
	bottom : 30px;*/
	position : relative ; 
	top : 30px;
	margin-top : 32px;
}

#menuDroite #prevLink button{
	width : 288px;
	margin : 0px auto;
	visibility : hidden ; 
}
#menuDroite.loading{
	background :url("../images/wait4trans.gif") no-repeat center center #FFF ; 
}
#panFrame.loading{
	background :url("../images/wait4trans-grey.gif") no-repeat center center ; 
}
#menuDroite #previewDoc *{
	opacity: 1;
   transition: opacity .15s ease-in;
   -moz-transition: opacity .15s ease-in;
   -webkit-transition: opacity .15s ease-in;
}

#menuDroite.loading #previewDoc *{
	opacity : 0;
	visibility : hidden ; 
	transition: opacity .05s ease-in;
   -moz-transition: opacity .05s ease-in;
   -webkit-transition: opacity .05s ease-in;
}
 #panFrame.loading *{
	opacity : 0;
 }

#menuDroite.collapsed{
	width : 32px;
	background : #FFF;
}

#menuDroite.collapsed #previewDoc{
	visibility : hidden  ; 
	display: none ; 
}


/********************* CONTENU CENTRAL *********************/

/** popup modal **/
#popupModal{
	background : url("../images/modalBG.png") top left;
	font-family:Arial;
	font-size : 13px;
	position:fixed;
	top :0px;
	left:0px;
	right : 0px;
	bottom :0px;
	z-index:150;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	display : none ; 
}
#frameModal{
	background-color: white;
	margin : 50px auto 0px auto;
	position: relative;
	max-width :900px;
	width : 500px;
	min-height: 100px;
	padding: 20px 35px;
}

#frameModal.cgu {
	position: absolute;
    top: 50px;
    bottom: 50px;
    height: auto;
    margin: 0px;
    left: 10%;
    right: 10%;
	max-width : none ;
	width : auto ;
}
#frameModal.cgu .html_page{
    position: absolute;
    top: 26px;
    left: 30px;
    right: 6px;
    bottom: 20px;
    overflow: auto;
    padding-right: 20px;
}
#frameModal.cgu .html_page h2{
	margin-top : 0px;
}
#frameModal.cgu .html_close{
	float: right;
	width: 15px;
	text-align: center;
	background: lightgray;
	padding: 3px;
	cursor: pointer;
}
#frameModal.big{
	height : 650px;
	max-width : 1100px;
	min-width : 850px;
}

#frameModal select.translationChooser_select{
	margin : 6px;
}

#connect_form form{
	white-space : nowrap; 
}

#connect_form input#login, #connect_form input#password{
	padding-left : 28px;
	margin :  0px;
}
#connect_form input[name='bsubmitLogin']{
	margin :  0px;
}
#connect_form input#login {background : url('../images/icnhead-login.png') 6px center no-repeat;}
#connect_form input#password {background : url('../images/icnhead-password.png') 6px center no-repeat;}


#loginDemande_form fieldset{
	width: 50%;
	min-width: 650px;
	margin: 0px auto;
	background-color: #F1F1F1;
	border: 1px solid #CCC;
	font-size: 14px;
	padding: 10px 20px;
}


#conteneur::before{
	 content : " ";
	 opacity : 0 ;

}
#conteneur.disable_transition::before{
	opacity : 0 ;
	position :absolute; 
	top : 0px;
	left:0px;
	right : 0px;
	bottom : 0px;
	background-image : url('../images/modalBG.png');	
	content : " ";
	transition: opacity 0.20s ease-in-out;
	-moz-transition: opacity 0.20s ease-in-out;
	-webkit-transition: opacity 0.20s ease-in-out;
	z-index : 56;
}

#conteneur.disabled::before{
	position :absolute; 
	top : 0px;
	left:0px;
	right : 0px;
	bottom : 0px;
	background-image : url('../images/modalBG.png');	
	content : " ";
	z-index : 56;
	opacity: 1;
	transition: opacity 0.20s ease-in-out;
	-moz-transition: opacity 0.20s ease-in-out;
	-webkit-transition: opacity 0.20s ease-in-out;
	
}


/*
#connect_form fieldset, div.signup_wrapper-2{
	width : 50%;
	min-width : 650px;
	margin :  0px auto;
	background-color : #F1F1F1;
	border: 1px solid #CCC;
	font-size : 14px;
	padding : 10px 20px ; 
}


#connect_form label{
	width : 130px ; 
	display : inline-block ; 
	text-align : center ; 
}

#connect_form .connect_block_wrapper{
	width : 650px;
	margin : auto ; 
	position : relative ; 
}

#connect_form input {
	height: 20px;
}
#connect_form button, #connect_form input#bOk {
	height: 30px;
	margin-left : 8px;
}
#connect_form button{
	width : 90px;
}

#connect_form span#login_actions{
	float : right ; 
	margin : 10px 54px 4px 0px;
}


div.feature.signup_wrapper-1{
	padding : 16px 0px;
	overflow : auto ; 
	position : absolute ;
	top	: 0px;
	left : 0px;
	right : 0px;
	bottom : 0px;
}

div.not_logged div.feature.signup_wrapper-1{
	bottom : 0px;
}*/







div.toolbar{
	display : inline-block ; 
	border-left :  1px solid #CCCCCC;
	position : absolute ; 
	top : 0px;
	bottom : 0px ; 
	right : 12px;
}

#conteneur{
	position : absolute; 
	/*top : 160px;*/
	top : 83px;
	bottom : 0px; /* hauteur pied de page */
	left : 0px;
	right : 0px;
}

#conteneur.override_top{
	top : 0px;
}

/*
#conteneur.not_logged{
	top : 110px;
}
*/
div.contenu {
	position : relative ; 
	height : 100%;
	background : #F1F1F1;
	overflow : auto ; 
}



#main_block{
	background-color : #F1F1F1;
}

#main_block, #mainResultsBar, #importViewBar{
	display : inline-block ; 
	position :absolute ; 
	top : 34px;
	left : 261px;
	right : 321px;
	bottom : 0px;
	overflow : auto ; 
}
#main_block{
	bottom : 24px;
}

/*** Toolbar ***/


div.toolbar .tool:hover .drop_down{
	display : block !important; 
}

div.toolbar .drop_down{
	position : absolute; 
	/* display : block ! important; */
	z-index : 99;
	top : 34px;
}

div.toolbar .drop_down ul{
	color : white ; 
	margin : 0px;
	list-style-type : none ; 
	font-size : 16px;
	text-transform : none ; 
	/* background-color : #FFC300; */
	background-color : #3B3B3B; 
	padding : 0px;
	border : 1px solid #DADADA;
}
div.toolbar .drop_down li{
	padding : 2px 6px;
}

div.toolbar .drop_down ul li:hover{
	cursor : pointer ; 
	background-color : #00AAFF; 
/* 	background-color : #00aaff; */
}
div.toolbar .tri .drop_down{
	/*	left : 84px;*/
	left : 0px;
	min-width : 80px;
}

/* div.toolbar .menu_actions{
	border-left:  1px solid #666666
} */


div.toolbar .menu_actions .drop_down,#docHeader .toolbar .menu_actions .drop_down{
	left : auto;
	right :0px;
	padding-right : 0px;
}
#importViewBar div.toolbar .tri .drop_down{
	left : auto ; 
	right : 0px ; 
}

div.toolbar .add .drop_down{
	/*left : 41px;*/
}
div.toolbar .add .drop_down{
	left : 0px;
	right : auto;
	width : 174px;
	padding : 0px;
}
div.toolbar .add .drop_down li[class^='add_panier']{
	overflow : hidden ; 
	text-overflow : ellipsis ; 
	white-space : nowrap ; 
}

#docHeader div.toolbar .add .drop_down, #importViewBar div.toolbar .add .drop_down{
	left : auto ; 
	right : -1px;
	width : 174px;
	padding : 0px;
}

div.toolbar .add .drop_down ul{
	max-height : 400px;
	overflow : auto ; 
	overflow-x : visible ; 
	overflow-y : auto ; 
}
div.toolbar .add .drop_down ul li{
	
}


#mainResultsBar, #importViewBar{
	top : 0px;
	height : 22px;
	overflow : visible ; 
}
#importViewBar{
	right : 0px;
}


#mainResultsBar .toolbar, #docHeader .toolbar, div.toolbar{
	font-size : 0px;
}
#mainResultsBar .toolbar div, #docHeader .toolbar  div , div.toolbar div{
	display :inline-block ; 
	font-size : 18px;
}
#mainResultsBar .toolbar .tool, #docHeader .toolbar .tool , div.toolbar .tool{
	padding: 8px 8px 6px;
	width :20px;
	height : 20px;
	background-repeat : no-repeat ; 
	background-position : center center; 
	position : relative ; 
}
#mainResultsBar .toolbar .tool:hover, #docHeader .toolbar .tool:hover, div.toolbar .tool:hover{
	background-color : 	#00AAFF;
	cursor : pointer ; 
}
#mainResultsBar .toolbar.hidden{
	display : none ; 
}
/*
#importViewBar{
	position : relative ; 
}*/


#panBlock .toolbar{
	/*right : 52px;*/
	z-index : 90;
	display : none ; 
}
#panBlock.expanding{
	display : block ; 
	/*opacity : 0;*/
}
#panBlock .montage_back{
	display :none ; 
	background-color : #00AAFF;
	text-transform : uppercase ; 
	color : white ; 
	position : absolute; 
	top : 0px; 
	bottom : 0px;
	right : 52px;
	cursor : pointer ; 
	padding : 10px 18px 8px;
}
#panBlock #bloc_atelier #bloc_top_atelier{
	padding-top : 1px;
}



#panBlock.full .toolbar{
	display : block ; 
}

#panBlock.full.montage .montage_back{
	display : block  ;
}

#panBlock.full.montage .toolbar{
	display : none ; 
}

#mainResultsBar .toolbar .check_all, .toolbar .check_all{	background-image : url('../images/icnbar-select.png');}
#mainResultsBar .toolbar .add, #docHeader .toolbar .add, .toolbar .add{	background-image : url('../images/icnbar-add.png');}
#mainResultsBar .toolbar .tri, .toolbar .tri{	background-image : url('../images/icnbar-order.png');}
#mainResultsBar .toolbar #slideshow{	background-image : url('../images/icnbar-slideshow.png');}
#docHeader .toolbar #consult{	background-image : url('../images/icninfo-info.png');}
#mainResultsBar .toolbar #modify, #docHeader .toolbar #modify, #mainPan .title_bar .toolbar .modify{	background-image : url('../images/icnbar-edit.png');}
#mainResultsBar .toolbar .print,#docHeader .toolbar .print, .toolbar .print{	background-image : url('../images/icnbar-print.png');}
#mainResultsBar .toolbar #download, #docHeader .toolbar #download{	background-image : url('../images/icnbar-export.png');}
#mainResultsBar .toolbar #fullscreen{	background-image : url('../images/icnbar-expand.png');}
.toolbar .menu_actions{	background-image : url('../images/icnbar-gear.png');}

/* EXPORTS */

#frameModal.frame_menu_actions{
	position: relative;
	top: 0px;
   /* right: 26px;*/
   /* width: 306px;
	height: 300px;*/
	background: white;
	border: 1px solid #CCC;
	z-index: 999;
   /*  display: none; */
	box-sizing: border-box;
	padding : 0px;
	margin : 100px auto 0px auto;
	width : 650px;
}

.frame_menu_actions div {
  	display : block ;
}

/*recup de FFBB*/
.frame_menu_actions #small_order_form{
	padding : 10px 20px ; 
	text-align : center;  
}
.frame_menu_actions #small_order_form.loading{
	cursor : progress !important ;
	background :url("../images/wait30trans.gif") no-repeat 20px center ;
}

.frame_menu_actions #small_order_form div{
	margin : 4px auto ;
	text-align : center ; 
}
.frame_menu_actions #small_order_form div#small_adv_order{
	margin : 0px ; 
}

.frame_menu_actions #small_order_form .buttons_order input.std_button_style.hidden,
.frame_menu_actions #small_order_form .select_order.hidden,
.frame_menu_actions #small_order_form .return.hidden{
	display : none ; 
}

.frame_menu_actions #small_order_form .return_order .status,
.frame_menu_actions #small_order_form .return_order .refCommande{
	width : auto ; 
}

.frame_menu_actions #small_order_form .return_order .status #progressbar{
	width : 200px; 
	height :16px;
	position : relative;  
}
.frame_menu_actions #small_order_form .return_order .status #progressbar div{
	margin : 0px ;
	width : auto ;
	text-align : center ; 
}

.frame_menu_actions #small_order_form .return_order .status #progressbar span{
	position:absolute;
	margin : 0px auto ;
	left : 0px ; 
	right: 0px ; 
}

.frame_menu_actions div#popinBody{
	margin : 15px  0px ; 
	text-align : center;  
}

.frame_menu_actions #framePartage {
	display :none ; 
	visibility :hidden ; 
	width : 0px;
	height : 0px ; 
}
/*fin recup FFBB*/


.frame_menu_actions #formExport #exportBody{
	margin : 8px 0px ;
}

.frame_menu_actions #close_export_menu {
	background : url('../images/icnbar-crosscancel-white.png') no-repeat center center ;
	width : 16px;
	height : 16px;
	padding : 3px;
	cursor : pointer ; 
}

/*recup FFBB*/
.frame_menu_actions #menuBody .returnMsg{
	font-weight : bold ; 
	padding : 8px 0px ;
	text-align : center ; 
}
.frame_menu_actions #menuBody .returnMsg.error{
	color : red ; 
}

.frame_menu_actions #menuBody #formPartage.loading .returnMsg{
	height : 18px;
	background : url('../images/loader_list_doc.gif') no-repeat center center; 
}
/*FIN RECUP FFBB*/

.frame_menu_actions .title_bar{
	padding-right : 8px;
}

.frame_menu_actions div.fld_export, .frame_menu_actions  h3 {
	text-align : center ; 
}
.frame_menu_actions div.fld_export#fieldSubmit, .frame_menu_actions div.fld_export#continueToCustomExport{
	margin-top : 6px ;
}
.frame_menu_actions input[type='radio'] {
	vertical-align: middle;
    height: 16px;
	margin : 0px 2px;
}

.frame_menu_actions  .fopPdfPrms_panel {
	padding-top : 2px;
	padding-left  : 30px;
	font-size : 13px;
}
.frame_menu_actions  .fopPdfPrms_panel.hidden {
	color : #808080;
	display : none ; 
}
.frame_menu_actions  ul.type_export {
	padding-left : 0px;
	margin : 6px auto ; 
}
.frame_menu_actions  ul.type_export li{
	display : block ;
	float:  none ;
 	text-align : left ; 
	width : 78%;
	margin : 0px auto ; 
	min-height : 34px;
	line-height : 26px;
}

.frame_menu_actions  ul.type_export li .icn-export{
	display : inline-block ; 
	width : 30px;
	height : 30px;
	padding: 0;
	margin : 0;
	vertical-align : middle ; 
}

.frame_menu_actions  ul.type_export li .icn-export.icn-export_xml{background:url('../images/icn-exp_xml.png') no-repeat center center / auto 100% ; }
.frame_menu_actions  ul.type_export li .icn-export.icn-export_csv{background:url('../images/icn-exp_csv.png') no-repeat center center / auto 100% ; }
.frame_menu_actions  ul.type_export li .icn-export.icn-export_catalog{background:url('../images/icn-exp_catalog.png') no-repeat center center / auto 100% ; }
.frame_menu_actions  ul.type_export li .icn-export.icn-export_mos2x2{background:url('../images/icn-exp_mos2x2.png') no-repeat center center / auto 100% ; }
.frame_menu_actions  ul.type_export li .icn-export.icn-export_mos3x3{background:url('../images/icn-exp_mos3x3.png') no-repeat center center / auto 100% ; }
.frame_menu_actions  ul.type_export li .icn-export.icn-export_mos4x6{background:url('../images/icn-exp_mos4x6.png') no-repeat center center / auto 100% ; }
.frame_menu_actions  ul.type_export li .icn-export.icn-export_custom{background:url('../images/icn-exp_custom.png') no-repeat center center / auto 100% ; }

.frame_menu_actions .fld_export.custom_export_form #customFieldWrapper{
	max-width : 350px;
	margin : 10px auto 25px;
	position : relative; 
}
.frame_menu_actions .fld_export.custom_export_form #customFields{
	max-height : 400px;
	overflow : auto ; 
	border : 1px solid #CACACA;
}
.frame_menu_actions .fld_export.custom_export_form  .customField{
   /*  min-height: 26px;
    line-height: 26px; */
	padding : 1px 0px 2px;
	position : relative ; 
	
}

.frame_menu_actions .fld_export.custom_export_form  #customFieldWrapper .customField:hover,.frame_menu_actions .fld_export.custom_export_form  .ui-sortable-helper{
	outline : 1px solid #CACACA;
	background : white ; 
}

.frame_menu_actions .fld_export.custom_export_form  #customFieldWrapper .customField:hover .sortable_icon, .frame_menu_actions .fld_export.custom_export_form  .ui-sortable-helper .sortable_icon{
	background : url('../images/dbl_arrow_cacaca.png') no-repeat center center ;
	height : 16px ;
	width : 16px;
	position : absolute	;
	right : 5px;
	top : 4px;
}
.frame_menu_actions .fld_export.custom_export_form  .customField.cust_format{
	margin-top : 13px;
}

.frame_menu_actions .fld_export.custom_export_form  .customField .cust_field_checker{
	vertical-align: middle;
}

.frame_menu_actions .fld_export.custom_export_form  .customField .cust_field_sel{
	width : 240px;
	font-size : 13px;
}

.frame_menu_actions .fld_export.custom_export_form  .customField .cust_field_delete{
	display : inline-block ; 
	width : 16px;
	height : 16px;
	background : url('../images/icn-trash-grey.png') no-repeat center center ;
	border : none ; 
	margin: 0px;
    padding: 0px;
    top: 3px;
    position: relative;
    left: 3px;
	cursor : pointer ; 
}
.frame_menu_actions .fld_export.custom_export_form  .add_custom_field{
	width : 26px;
	height : 24px;
	background-image : url('../images/icnbar-add.png') ;
	background-position : center center ; 
	background-repeat : no-repeat;  
	min-width :20px;
	right : 0px ; 
	position : absolute ; 
}

.frame_menu_actions #progress_export{
	width : 80%;
	margin : 0px auto ; 
	position : relative ; 
	height : 34px;
	display : none ; 
	
}
.frame_menu_actions #progress_export .progressbar_text{
	z-index :9999 ; 
	width : 150px ; 
	margin : 0px auto ;
	position : absolute ;  
	width : 100%;
	text-align : center ; 
	top : 8px;
	
}
.frame_menu_actions #fieldSubmit.export_running #progress_export{
	display : block ; 
}
.frame_menu_actions #fieldSubmit.export_running .std_button_style{
	display : none ; 
}
.frame_menu_actions #formExport.export_done .fld_export{
	display : none  !important; 
}
.frame_menu_actions #formExport #msgExportDone,.frame_menu_actions #formExport #closeExportDone{
	display : none; 
}
.frame_menu_actions #formExport.export_done #msgExportDone,.frame_menu_actions #formExport.export_done #closeExportDone{
	display :block  !important; 
}
.frame_menu_actions #formExport #msgExportDone{
	padding : 10px 0px 20px;
	margin : 0px auto ; 
	text-align : center;  
	
}


/* FIN EXPORTS */

.toolbar div.toggle_preview.tool{
	background : url("../images/icnbar-preview-off.png") no-repeat center center ;
	border-right : 1px solid #CCCCCC;
}

 .toolbar div.toggle_preview.tool.selected{
	background : url("../images/icnbar-preview.png") no-repeat center center ;
}
 .toolbar div.toggle_preview.tool:hover{
	background-color : #00AAFF;
}
 .toolbar div.toggle_pagination.tool{
	background : url("../images/icnbar-pagi-off.png") no-repeat center center;
 }

 .toolbar div.toggle_pagination.tool.selected{
	background : url("../images/icnbar-pagi.png") no-repeat center center;
}

#mainResultsBar .toolbar div.presentation, #panBlock .toolbar div.presentation{
	border-right: 1px solid #6c6c6c;/*#CCCCCC;*/
	font-size : 0px;
	vertical-align: top;
}

#mainResultsBar .presentation span, #panBlock .presentation span{
	display : inline-block ;
	/*height : 22px;
	width : 22px;
	padding: 10px 10px 8px;*/
	padding: 8px 8px 6px;
	width :20px;
	height : 20px;
	cursor : pointer ; 
}

#mainResultsBar .presentation #listChooser,#panBlock .presentation #panListChooser {
	/*padding-right : 4px;*/
	background : url("../images/icnbar-list-off.png") no-repeat center center ;
}

#mainResultsBar .presentation #mosChooser,#panBlock .presentation #panMosChooser{
	/*	padding-left : 7px;
	padding-right : 7px;*/
	background : url("../images/icnbar-mozaic-off.png") no-repeat center center ;
}

#mainResultsBar .presentation #listChooser.selected,#panBlock .presentation #panListChooser.selected{
	background : url("../images/icnbar-list-on.png") no-repeat center center;
}
#mainResultsBar .presentation #mosChooser.selected ,#panBlock .presentation #panMosChooser.selected{
	background : url("../images/icnbar-mozaic-on.png") no-repeat center center;
}

#mainResultsBar .presentation #listChooser:hover,#panBlock .presentation #panListChooser:hover,
#mainResultsBar .presentation #mosChooser:hover ,#panBlock .presentation #panMosChooser:hover{
	background-color : 	#00AAFF;
	cursor : pointer ; 
}

div.main_scrollableDiv.apply_layout{
	left : 261px;
}



/*#panBlock.pres_0 #mainPan,
#panBlock.pres_3 #mainPan,*/
#main_block.pres_0,
#mainResultsBar.pres_0,
#main_block.pres_3,
#mainResultsBar.pres_3,
#importViewBar.pres_0,
#importView.pres_3,
#importViewBar.pres_3,
#importView.pres_3,
div.main_scrollableDiv.apply_layout.pres_0,
div.main_scrollableDiv.apply_layout.pres_3{
	left :33px;
}


#main_block.pres_0,#mainResultsBar.pres_0,#main_block.pres_1,#mainResultsBar.pres_1 , #panBlock.pres_0 , #panBlock.pres_1{
	right :33px;
/*	right : 0px;*/
	
}


/******************** BLOCK PANIER FOOTER **************************/


#panBlock{
	z-index:50;
	position :absolute ; 
	bottom : 23px;
	left : 0px;
	
	background-color : #FFF;
	right : 321px;
	border-top : 1px solid #CCCCCC;

}
#panBlock .title_bar{
	position : absolute ;
	top : 0px;
	left : 0px;
	right : 0px;
	height : 22px;

}
#panBlock #mainPan .title_bar #panTitle{
	white-space : nowrap ; 
	text-overflow : ellipsis ; 
	overflow : hidden ; 
	max-width : 555px;
	display : inline-block ; 
	  vertical-align: top;
}
#panBlock #mainPan .title_bar #panNbElems{
	display : inline-block ; 
	  vertical-align: top;
	  margin-left : 4px;
}

#panBlock.collapsed{
	height : 4px;
	border-bottom: none;
}

#panBlock.collapsing #mainPan{
	overflow : hidden ; 
	padding-top : 0px ; 
}


#panBlock.collapsed #mainPan ,#panBlock.collapsing#mainPan {
	overflow : hidden ; 
	padding : 0px;
}

#panBlock.expanding,
#panBlock.expanded ,
#panBlock.collapsing,
#panBlock.collapsed {
	overflow : visible !important ; 
}

#panBlock.collapsed.accueil ,
#panBlock.collapsing.accueil {
	overflow : hidden !important;
}
#panBlock.expanding #mainPan{
	padding-top : 0px;
}
#panBlock.expanded #mainPan{
	padding-top : 10px;
	transition: padding-top .15s ease-in;
   -moz-transition: padding-top .15s ease-in;
   -webkit-transition: padding-top .15s ease-in;
}

#panBlock.expanding #panGauche .title_bar,
#panBlock.expanded #panGauche .title_bar,
#panBlock.collapsing #panGauche .title_bar,
#panBlock.collapsed #panGauche .title_bar,
#panBlock.expanding #mainPan .title_bar,
#panBlock.expanded #mainPan .title_bar,
#panBlock.collapsing #mainPan .title_bar,
#panBlock.collapsed #mainPan .title_bar{
	top : -30px !important;  
	visibility : visible !important;
	display : block !important;
	height : 22px ;
}
#panBlock.collapsed.accueil #mainPan .title_bar,
#panBlock.collapsing.accueil #mainPan .title_bar
{
	top : 0px !important; 
}

#panBlock.expanding #panGauche .panListe,
#panBlock.expanded #panGauche .panListe,
#panBlock.collapsing #panGauche .panListe,
#panBlock.collapsed #panGauche .panListe{
	top : 4px ;
}
#panBlock.expanded #mainPan .title_bar , #panBlock.expanding #mainPan .title_bar{
	height : 4px ;
	margin-top : 30px;
	padding:0px;
}
#panBlock.full #mainPan .title_bar {
	height : 22px ;
	margin-top : 0px;
	transition: margin-top,height  .15s ease-in;
   -moz-transition:  margin-top,height .15s ease-in;
   -webkit-transition:  margin-top,height .15s ease-in;
}
#panBlock.expanded #mainPan .title_bar *, #panBlock.expanding #mainPan .title_bar *, #panBlock.collapsed #mainPan .title_bar *{
	display : none !important ; 
}

#panBlock.full{
	height : auto  !important ; 
	/*top : 40px;*/
	top : -1px ; 
}

#panBlock.full.full_width{
	top : 0px;
}
#panBlock.full.full_width .presentation{
	display : none ; 
}


#panBlock.expanded{
	height : 215px;
}
#panBlock.expanding,#panBlock.expanded{
	z-index : 53;
}

#panBlock.full_width{
	right : 0px !important;
}

#panGauche{
	position : absolute ; 
	bottom : 0px;
	left : 0px;
	width : 260px;
	top : 0px;
	border-right : 1px solid #CCCCCC;
}

#panGauche .panListe, #import_wrapper .impListe{
	overflow : auto ; 
	position: absolute;
	/*top: 40px;*/
	bottom: 0px;
	left: 0px;
	right: 0px;
	padding: 0px;
	margin: 0px;
	top : 34px;
}


#panBlock #panGauche.collapsed .panListe{
	visibility : hidden ;
}

#panGauche .panListe li#newPanLeft{
	padding : 7px 8px 4px 40px;
}
#newPanLeft input{
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	line-height : 18px;
}
#newPanLeft input[type='submit']{
	width : 45px;
	min-width : 45px;
	height : 24px;
}
#newPanLeft input.std_button_style{
	height : 24px;
	width : 25px;
	min-width : 0px;
	margin-left:1px;
}

#newPanLeft input[type='submit']:hover{
	background-color : #005faa;
}


#menuGauche.collapsed #import_wrapper .impListe{
	display : none ; 
}

#import_wrapper .impListe .redirect_imp_liste{
	font-style : italic;
}

#panGauche.collapsed .panListe, #menuGauche.collapsed #import_wrapper .impListe{
	overflow : hidden ; 
}


#panGauche .panListe li, #import_wrapper .impListe li {
	padding: 10px 6px 8px 40px ;
	font-size : 16px;
	color : #3b3b3b;
	cursor : pointer;
	white-space : nowrap;
	text-overflow : ellipsis; 
	overflow : hidden ; 

}

#panGauche .panListe li.selected, #import_wrapper .impListe li.selected{
	background-color : #00aaff ;
	color : white ; 
}

#panGauche .panListe li.hoverPanier{
	background-color : #00aaff;
	color : white ; 
}


#panBlock.collapsed .panListe, #panBlock.collapsed #panFrame{
	display : none ; 
}

#mainPan{
	position :absolute ; 
	left : 261px;
	right : 0px;
	bottom : 0px;
/*	overflow : hidden ; */
	top : 0px;
	padding-top : 34px;
	background-color : #F1F1F1;
	z-index : 51;
}

#panFrame{
	border : none ; 
	height : 100%;
	width : 100%;
	overflow : auto ;	
	/*border-right : 1px solid #CCC;*/
	
}

#panFrame #panBoutons{
	display : none ; 
}
#panBlock.full #panFrame #panBoutons{
	display : block ;
	margin-top : 4px;
	margin-bottom: 4px;
}
#panierDropZone{
	display : none ; 
	position : absolute; 
	top : 0px; 
	left : 0px;
	right : 0px;
	bottom : 0px;
	background-color : rgb(59,59,59);
	background-color : rgba(59,59,59,0.9);
	z-index : 55;
}
#panierDropZone #textDropZone{
	position : absolute ; 
	top : 10px; 
	left : 20px;
	right : 20px;
	bottom : 10px;
	padding : 50px 20px;
	text-align : center ;
	font-size : 18px;
	color : white ; 
	border-radius : 10px;
	border : 3px dotted #EFEFEF;
}


#panierDropZone.visible{
	display : block ;
}

#mainPan .title_bar{
	/*background-image : url('../images/icnbar-up.png') ;
	*/
	padding-right : 22px
}

#panBlock.full #mainPan .title_bar{
/*	background-position : center center; 
	background-repeat : no-repeat;
	background-image : url('../images/icnbar-down.png') ;*/
}



#panBlock #panExpandFullLeft, #panBlock #panCollapseLeft{
	display :inline-block ; 
	height :34px;
	width : 34px;
	right : 0px;
	position : absolute ; 
	top : 0px; 
	background-image : url('../images/icnbar-up.png') ;

	background-position : center center; 
	background-repeat : no-repeat;
	cursor : pointer ; 
}
#panBlock #panCollapseLeft{
	right :  35px;
}

#panBlock.full #panExpandFullLeft,#panBlock #panCollapseLeft{
	background-image : url('../images/icnbar-down.png') ;
}

#panBlock.full #panCollapseLeft , #panBlock.collapsed #panCollapseLeft , #panBlock.expanding #panCollapseLeft  ,#panBlock.collapsing #panCollapseLeft  {
	display : none ; 
}


#order_form table td select[id^='id_proc']{
	max-width : 180px;
}

#panExpandFull{
	display :inline-block ; 
	height :34px;
	width : 34px;
	right : 12px;
	position : absolute ; 
	top : 0px; 
	background : url('../images/icnbar-expand.png') no-repeat center center;
	cursor : pointer ; 
}


#panBlock.full #panExpandFull{
	background : url('../images/icnbar-retract.png') no-repeat center center;	
}

#panExpandFull:hover, #panBlock.full #panExpandFull:hover{
	background-color : #00AAFF;
}

#panFrame div.info_entete{
	font-size : 14px;
	margin : 5px 10px;
	padding : 4px 8px;
	background-color : #00AAFF;
	color : #3b3b3b;
	border : 1px solid #00AAFF;
}

#formCommande{
	font-size :12px;
}

#formCommande input, #formCommande textarea{
	font-family : Arial ; 
}

#formCommande table td.resultsCorps{
	padding : 3px 0px;
	border-top : 1px solid #3b3b3b;
}

/********************* PIED DE PAGE *********************/

#msg_info_cookie_box{
	position : fixed ;
	bottom : 50px ;
	/*height : 60px;
	left : 0px;
	right : 0px;*/
	left : 20%;
	right : 20%;
	min-width : 500px;
	width : auto ;
	padding : 10px 20px;
	background-color : white ;
	background-color : rgba(255,255,255,0.95) ;
	z-index : 200;
	font-size : 18px;
	border : 1px solid #DDD;
	text-align : center;
}
#msg_info_cookie_box .msg_info_buttons{
	margin : 6px auto 3px;
}

#footer{
	background-color :  #F1F1F1;
	padding : 2px 10px 0px 180px;
	border-top  : 1px solid #DDD;
	font-size : 13px;
	text-align : right ; 
	font-family:Arial;
	position: absolute;
	bottom: 0px;
	z-index: 49;
	left: 0px;
	right: 0px;
	height : 20px;
}


.hide{
	display:none !important;
}






/********************   MISC     ******************************/


span.valign_anchor{
	height:100%;
	display:inline-block;
	vertical-align : middle;
	width:0px;
	margin : 0px;
	padding:0px;
}


/********************   IMPRESSION => FILTRAGE DISPLAY VIA MEDIA QUERIES     ******************************/


@media print {
	html, body{
		height : auto ; 
	}
	
	/* éléments cachés (à réafficher éventuellement si c'est le target_print)*/
	#panBlock{
		display : none ; 
	}
	
	/* éléments cachés quelle que soit la cible du print */
	#entete, #menuGauche, #menuDroite, div.toolbar, #panBoutons, #panBlock.full  #panHeaderFieldsWrapper, #footer, #panGauche{
		display : none !important ; 
	}
	
	/* default state pour les éléments principaux */
	.contenu,.contenu #main_block, #panBlock{
		display : none ; 
	}
	/*affichage du target_print*/
	div.contenu.target_print{
		display : block ; 
		overflow : visible;
	}
	
	div.contenu.target_print , #docHeader, div.title_bar,div.contenu.target_print #main_block, #panBlock.target_print #mainPan{
		background : none ; 
	}
	
	.contenu.target_print #main_block, #panBlock.target_print #mainPan{
		display : block ;
		top :0px;
		left : 0px ; 
		right : 0px ;
		height : auto ;
		bottom : auto ; 
		overflow : visible ; 
		box-sizing : border-box ; 
	}
	
	div#resultats table.tableResults tr{
		page-break-inside : avoid ; 
	}
	
	div.resultsMos{
		page-break-inside : avoid ; 
		border : 1px solid #F1F1F1;
	}
	div.resultsMos .infos_mos {
		-webkit-print-color-adjust: exact; 
	}
	
	#main_block #loadMoreRes , #mainResultsBar{
		display : none ; 
	}
	
	div#conteneur {
		top : 0px !important ; 
	}
	
	/* spécifique PANIER */ 
	#panBlock.full.target_print{
		display	:block;
		position : relative;  
		height : 100% !important;
		box-sizing : border-box ;
		font-size : 0;
		border : none ; 
	}
	#panBlock.full.target_print #panFrame{
		overflow : visible; 
		border : none ; 
		box-sizing : border-box;  
	}
	#panBlock.full.target_print .title_bar{
		color : black;
	}
	/***/
	
	/* spécifique DOC consult*/
	#media_space, #media_space *{
		-webkit-print-color-adjust: exact; 
	}
	
	.contenu.target_print #docPager,.contenu.target_print #backButton,.contenu.target_print #fiche_info .panelSelWrapper{
		display : none ; 
	}
	.contenu.target_print #docBody #leftBlock{
		height : auto ; 
		bottom :auto ; 
	}
	.contenu.target_print #docBody  #fiche_info {
		position :relative ; 
		width : auto ; 
	}
	#docBody #leftBlock{
		position : relative; 
		/*height : 95%;	*/
		min-height : 300px;
		margin-bottom : 10px;
		max-width : 98%;
	}
	#docBody #leftBlock #media_space{
		min-height : 300px ; 
	}
	
	.contenu.target_print #docBody  #fiche_info fieldset{
		page-break-inside : avoid ; 	
	}
	.contenu.target_print #docBody {
		bottom : auto ; 
		height : auto ; 
	}
	.contenu.target_print #media_space{
		height : auto ; 
	}
	
	
	/***/
	
}
/* ########## Partir style Données personnelles ############*/
div#donneePerso{
	margin-left: 50px;
    margin-right: 50px;
}
#donneePerso td {
border: 1px solid #3B3B3B;
}
#titreTableauDonneePerso{
	background: #00AAFF;
}
/* ####### END Données personnelles ####### */