@import url("n_style.css");

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

#bufferedDisplayContainer{
	overflow : hidden ! important ;
}

html {
	position : relative ;
	height : 100%;
	/*min-height: 840px;*/
}


body {
	font-family:Arial, Verdana;
	font-size:13px;
	background-color:#FFF;
	/* min-width: 800px; */
	margin : 0px ;
	padding : 0px;
	overflow: hidden;
	position : relative;
	height : 100%;
}


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

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

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



/*************************************************************************************************/
/* 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 : 21px;
	/*font-family: Verdana;*/
}


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


/* CSS Premiere Ligne entete */
#entete #header_top{
	height : 60px;
	padding : 12px 18px 12px 24px;
}

#header_menu div {
	display : inline-block ;
}

#header_menu {
	height: 36px;
	background-color: #3B3B3B;
	color: #EEE;
}
#header_menu a {
	color: #EEE!important;
}

#header_logo_block {
	position: absolute;
	display: block;
	z-index: 10;
	top: 5px;
}

#titreOpsis {
	text-align: center;
	margin-top: 33px;
	font-weight: bold;
}

#header_logo_block span{
	display : inline-block ;
	vertical-align : 4px;
}

#site_logo img {
	display: inline-block;
	width: 100px;
	vertical-align : middle;
}

#header_logo_block #logo_site_small, .gate_popin_logo   #logo_site_small{
	display : none ;
}

#header_quick_srch_menu_block{
	position: absolute;
	right: 20px;
}

#header_quick_srch_block{
	min-width : 320px;
}
#header_quick_srch_block #quick_cherche_txt{
	min-width : 235px;
	padding : 4px;
	margin : 0px 2px;
	padding-left: 10px;
}
#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 : #FCC00D;
	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;}

#sloganOpsis {
	display: inline-block;
	position: absolute;
	right: 10px;
	top: 29px;
	font-weight: bold;
}
/************gate_login **********/
div#login_bg{
	overflow:auto ;
}
div.gate_bg {
	position : fixed ;
	width : auto  ;
	height : auto  ;
	left : 0px;
	right : 0px ;
	top: 0px ;
	bottom : 23px ;

	z-index : 140;
	/*background-color : rgba(70,70,70,0.5); */
}
div.gate_popin{
	margin : 40px auto ;
	width : 600px;
	/*min-height : 300px;*/
	/*max-height : 70%;
	min-height : 30%;*/
	border : 1px solid #F1F1F1;
	background-color :white;
	background-color : rgba(255,255,255,0.95);
	padding-bottom : 20px;
	position : relative;
}

div.gate_popin .msg{
	font-size : 16px;
	/*margin : 10px 20px 14px;  */
	margin : 10px 20px ;
}
div.gate_popin .msg.err{
	color: #FCC00D;
	font-weight : bold ;
}
.gate_popin .msg{
	text-align : center ;
	/*font-weight : bold;
	letter-spacing : 1px;*/
	/*text-transform : uppercase ;*/
	font-size : 17px;
}
form#connect_form{
	text-align : center ;
}

form#connect_form .val_champs_form #login, form#connect_form .val_champs_form #password, .gate_popin form #us_soc_mail, .gate_popin form input[type='text'], .gate_popin form input[type='password']{
    /* min-width: 100px; */
    margin: 0px;
    height: 26px;
    border: 1px solid #DADADA;
    padding: 4px;
    font-size: 16px;
}
form#connect_form .val_champs_form #login, form#connect_form .val_champs_form #password{
	padding : 4px 4px 4px 28px;
}
.gate_popin form input.errorjs, .gate_popin form input#us_soc_mail.errorjs {
	border : 1px solid red;
	background-color : #ffcccc;
}

form#connect_form .val_champs_form #login, form#connect_form .val_champs_form #password{
	width : 174px;
}

form#connect_form .label_champs_form, .gate_popin form .label_champs_form{
	min-width : 130px;
	display : inline-block ;
	letter-spacing : 1px ;
	font-weight : bold ;
	font-size : 14px;
	text-transform : uppercase ;
}
form#connect_form .val_champs_form, .gate_popin form .val_champs_form, form#inscription_form div.label_champs_form{
	margin : 5px 0px;
}
form#inscription_form div.label_champs_form{
	display : block ;
}

.log_links{
	margin: 10px auto;
	font-size : 14px;
	display : -webkit-flex ;
	display : flex;
	width : 300px;
}
.log_links *{
	-webkit-flex : 1 1 auto ;
	flex : 1 1 auto ;
}
.log_links .log_links_separator{
	display :inline-block ;
	width : 10px;
	height: 10px;
}
.log_links a{
	cursor : pointer ;
	font-size : 18px;
}


form#connect_form  button[type='submit']{
	width : 208px ;
	margin-left : 134px;
}


.gate_popin .gate_popin_corps{
	padding: 0px 50px;
	overflow : auto ;
}

.gate_popin fieldset{
	/*width: 50%;
	min-width: 650px;*/
	margin: 0px auto;
	/*background-color: #F1F1F1;*/
	/*border: 1px solid #CCC;*/
	font-size: 14px;
	padding: 0px 10px;
	border : none ;
	text-align : center;
}

.gate_popin  div.buttons{
	margin-top : 10px;
	text-align : center ;
}

.gate_popin p:empty{
	margin : 0px ;
	font-size : 0px;
}


.gate_popin p {
	margin : 0px auto 6px;
	font-size : 16px;
}
.gate_popin p.success{
	text-align : left ;
}

.gate_popin  p.error{
	font-weight : bold ;
    color: #FCC00D;
}
.gate_popin  .main p.error{
	text-align :center ;
}

.gate_popin button,.gate_popin form  input[type='submit']{
	min-width : 208px;
}

span.gate_popin_logo{
	display : inline-block ;
	margin : 6px;
}

.gate_popin_lang img.flag_chooser{
	margin : 2px;
}

.gate_popin_header {
	display : -webkit-flex;
	display : flex;
	border-bottom : 1px solid #DADADA ;
}
.gate_popin_logo{
	-webkit-flex : 1 0 128px;
	flex : 1 0 128px;
	text-align : center;
	vertical-align : middle ;
	display : -webkit-flex ;
	display : flex ;
	align-items: center;
	justify-content: center;
}
.gate_popin_lang{
	position : absolute;
	top : 0px;
	right : 0px;
}
.gate_popin_corps.loading, #popupModal.loading #frameModal{
	background : url('../images/wait4alpha.gif') no-repeat center center;
	-webkit-transition: opacity 0.1s ease;
    -moz-transition: opacity 0.1s ease;
    -o-transition: opacity 0.1s ease;
    -ms-transition: opacity 0.1s ease;
    transition: opacity 0.1s ease;
}

#popupModal.loading #frameModal{
	background : url('../images/wait4alpha.gif') no-repeat center center white ;
}

.gate_popin_corps.loading .ajax,.gate_popin_corps.loading .main , .gate_popin .loading, #popupModal.loading #frameModal *{
	opacity : 0 ;
}

.gate_popin_title{
	font-size : 18px;
	font-weight : bold ;
	letter-spacing : 1px;
	color : #3b3b3b ;
	text-transform : uppercase ;

	-webkit-flex : 1 1 100%;
	flex : 1 1 100%;
	text-align : left;
	justify-content: left;
	vertical-align : middle ;
	display : -webkit-flex ;
	display : flex ;
	align-items: flex-end;
	margin :5px;
}

.gate_popin_lang img.flag_chooser{
	width : 27px;
	height	: 18px;
	opacity : 0.4;
}
.gate_popin_lang img.flag_chooser.current{
	opacity : 1;
}
/************RECHERCHE AVANCEE **********/

#completeDiv.AutoCompleteDivListeStyle{
	z-index : 60 !important;
}

 #adv_search_wrapper.headers{
	background-color : #F1F1F1;
	z-index:59;
	position : absolute;
	width : 100%;
	left : 0px;
	border-top: 1px solid #DADADA;
	margin-top : 6px;
}
#adv_search_wrapper .val_champs_form input[id^="chValues"]{
	/*width : 149px;*/
	width : 239px;
	margin: 2px;
	padding : 4px;
}
#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{
	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: #FCC00D;
	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: #FCC00D;
	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:#FBE7B4;
	color : white ;
}



#adv_search_wrapper .btn_add_crit{
	float: right;
	/*width: 159px;*/
	width : 249px;
	right: 58px;
	position: relative;
	font-size : 15px;
	background-color : #FCC00D;
	color : white ;
}
#adv_search_wrapper .btn_add_crit:hover{
	cursor : pointer ;
	background-color : #FBE7B4;
}


 form button{
	background-color : #FCC00D;
	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 : #FBE7B4;
}


#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 .flag_chooser{
	height: 20px;
	border: 1px solid #FFFFFF;
	vertical-align: middle;
	opacity: 0.4;
}
#header_other_block .flag_chooser.current{
	opacity : 1;
}

#header_other_block{
	margin-left: 20px;
	font-size: 12px;
}

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

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

#entete ul li: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 : #FCC00D;
	color : #FFF ;
	cursor : pointer;
}

#entete ul li.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 : #FBE7B4;
	color : white;
}

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

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

#header_menu li {
	line-height : 36px;
	padding : 0px 15px;
}

#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_menu .display_opt #preview_icn{background : url('../images/preview.png') no-repeat center center; }
#header_menu .display_opt #side0_icn{background : url('../images/side0.png') no-repeat center center; }
#header_menu .display_opt #side1_icn{background : url('../images/side1.png') no-repeat center center; }
#header_menu .display_opt #side2_icn{background : url('../images/side2.png') no-repeat center center; }
#header_menu .display_opt #side3_icn{background : url('../images/side3.png') no-repeat center center; }
#header_menu .display_opt #preview_icn.selected{background : url('../images/preview-on2-green.png') no-repeat center center; }
#header_menu .display_opt #preview_icn.disabled{background : url('../images/preview-off.png') no-repeat center center; }
#header_menu .display_opt #side0_icn.selected{background : url('../../../admin/design/images/side0-on-98bb3b.png') no-repeat center center; }
#header_menu .display_opt #side1_icn.selected{background : url('../../../admin/design/images/side1-on-98bb3b.png') no-repeat center center; }
#header_menu .display_opt #side2_icn.selected{background : url('../../../admin/design/images/side2-on-98bb3b.png') no-repeat center center; }
#header_menu .display_opt #side3_icn.selected{background : url('../../../admin/design/images/side3-on-98bb3b.png') no-repeat center center; }


#header_breadcrumb{
	padding : 10px 5px;
	font-size : 16px;
}

#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;
}

/* ---------------BANDEAU DE SÉPARATION------------*/
#bandeau{
border-right:200px;
}

#breadcrumb{
border: 1px solid #999999;
margin: 0 auto;
width:100%;
height: 33px;
}

#breadcrumb ol {
background: none repeat scroll 0 0 transparent;
background-color: #222222;
clear: both;
color: #999999;
font-size: 11px;
font-weight: bold;
height: 3em;
line-height: 3em;
list-style: none outside none;
margin: 0;
}

#breadcrumb ol li {
background: none repeat scroll 0 0 transparent;
float: left;
margin: 0;
padding: 0 0 0 1em;
}

#breadcrumb ol li a {
background: url("images/breadcrumb_separator.png") no-repeat scroll 100% 50% transparent;
color: #999999;
float: left;
margin-left: 0;
padding: 0 1.75em 0 0;
text-decoration: none;
}

#centre_bandeau a {
font-size: 16px;
font-weight: bold;
color: #ffffff;
}

/************************************************************/
/* 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:#FFBE0A;
	border:1px solid #363636;
	text-align:center;
	font-family:'Trebuchet MS',Helvetica,Arial,sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#333333;
}

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

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

}

div.title_bar .toggle_arrow{
	display : block ;
	height : 40px;
	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 : 208px;
	padding : 0px;
	margin : 0px;
	border-right : 1px solid #CCCCCC;
	display : inline-block ;
	vertical-align : top ;
	/*min-height : 100%;*/
	height : 100%;
	position : absolute;
	background-color : white ;
}


#menuGauche .type_facet{
	padding: 10px 8px 8px 27px ;
	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.disabled_facet{
	cursor: default;
	opacity: 0.5;
}
#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.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 {
	max-height: 520px;
	z-index: 100;
	display : none;
	background-color : #FCC00D;
}

#menuGauche .block_facet.auto-scroll {
	overflow-y: scroll;
}

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

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

#menuGauche .block_facet .facet_label {
	display: inline-block;
	width: 260px;
	text-align: left;
	vertical-align: middle;
}

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

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

#facet_wrapper{
	position : absolute ;
	top : 10px ;
	right : 0px ;
	left : 0px ;
	/*overflow : auto ;*/
	bottom : 40px;
}

#menuGauche .block_facet .facet:hover, form input[type='submit']:hover, #prevLink button:hover,#panBoutons button:hover{
	background-color:#FBE7B4;
	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 {
	min-width : 319px;
	padding : 16px 16px 0px 16px;
	margin : 0px;
	border-left : 1px solid #CCCCCC;
	display : inline-block ;
	vertical-align : top ;
	/* min-height : 100% ;*/

	position : absolute ;
	left: 842px;
	top : 0px;
	bottom : 0px ;
	right : 0px ;
	overflow: hidden ;
	/*overflow-y: auto;*/ /*enlever a cause du bug des barres noires*/
	background-color : #FFF;
	height: 100%;
}


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


#menuDroite #previewDoc {
	/* padding : 16px; */
	/*width: 94%;*/
	height: 100%;
}
#menuDroite #previewDoc h2{
	margin-top : 0px;
}
#menuDroite #prevMedia img{
	margin : 0px auto ;
	display : block ;
	width: 100%;
}

#menuDroite #prevMedia img.audio{
	margin : 100px auto ;
	width: auto;
}

#menuDroite #prevMedia img#ow_audiovignette{
	margin : auto ;
	width: auto;
}

#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 {
	/*display: inline-block;*/
	/* padding : 16px; */
	text-align: center;
	margin-top: 15px;
	/*position: absolute;
	width: 100%;*/
	overflow-y: auto;
	/* height: 197px; */
	/* min-height: 145px; */
/* 	height: 100%; */
    position: absolute;
	bottom: 16px;
/* top: 588px; */
	right: 16px;
	left: 16px;


}

#menuDroite  #prevInfos{
	display: inline-block;
	margin-left: auto;
	margin-right: auto;
	/* margin-top : 4px; */
	font-size : 16px;
	text-overflow : ellipsis;
	/* overflow : hidden ; */
	/* max-height : 400px; */
	text-align : left;

	position: relative;
	/* max-height: 100% !important;  pour un scroll correct*/
	/* margin-bottom: -50px; */

}


#menuDroite #prevLink{
/*	position : absolute ;
	bottom : 30px;*/
	position : relative ;
	top : 30px;
	display: none;
}

#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 : Verdana;
	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 : 150px auto 0px auto;
	position : relative ;
	width : 500px;
	min-height : 100px;
	padding : 20px 35px;

}


#frameModal .html_close{
	position : absolute ;
	top: 6px;
	right: 6px;
	width: 16px;
	height: 16px;
	background : url('../images/icnbar-crosscancel-grey.png') no-repeat center center ;
	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 : 134px;
	bottom : 0px; /* hauteur pied de page */
	left : 0px;
	right : 0px;
}

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

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

#main_block{
	background-color : #F1F1F1;
	height: 100%;
	width: 633px;
	/*max-width: 633px;*/
}

.block_facet.open {
	position: absolute;
	display: block;
	left: 209px;
	top: -6px;
	box-shadow: 1px 1px 10px 5px #BBB;
}

#mainResultsBar {
	display: none;
}
/* #main_block{
	bottom : 40px;
} */

/*** Toolbar ***/


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

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

div.toolbar .drop_down ul{
	color : white ;
	margin : 0px;
	list-style-type : none ;
	font-size : 16px;
	text-transform : none ;
	/* background-color : #ffbe0a; */
	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 : #ffbe0a;
/* 	background-color : #FCC00D; */
}
div.toolbar .tri .drop_down{
/*	left : 84px;*/
left : 0px;
}
div.toolbar .add .drop_down{
	/*left : 41px;*/
}
div.toolbar .add .drop_down,#docHeader div.toolbar .add .drop_down{
	left : auto;
	right : 0px;
	padding : 0px;
}

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


#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: 10px 10px 8px;
	width :22px;
	height : 22px;
	background-repeat : no-repeat ;
	background-position : center center;
	position : relative ;
}
#mainResultsBar .toolbar .tool:hover, #docHeader .toolbar .tool:hover, div.toolbar .tool:hover{
	background-color : 	#ffbe0a;
	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 : #ffbe0a;
	text-transform : uppercase ;
	color : white ;
	position : absolute;
	top : 0px;
	bottom : 0px;
	right : 52px;
	cursor : pointer ;
	padding : 10px 18px 8px;
}



#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/icn-play-white.png');}
#mainResultsBar .toolbar #modify, #docHeader .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');}


#mainResultsBar .presentation, #panBlock .presentation{
	background-color : #ffbe0a;
	font-size : 0px;
}

#mainResultsBar .presentation span, #panBlock .presentation span{
	display : inline-block ;
	height : 22px;
	width : 22px;
	padding: 10px 10px 8px;
	cursor : pointer ;
}
#mainResultsBar .presentation #listChooser,#panBlock .presentation #panListChooser {
	padding-right : 4px;
	background : url("../images/icnbar-list-off.png") no-repeat 16px center ;
}
#mainResultsBar .presentation #mosChooser,#panBlock .presentation #panMosChooser{
	padding-left : 4px;
	background : url("../images/icnbar-mozaic-off.png") no-repeat 6px center ;
}


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




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

#main_block.pres_0,
#mainResultsBar.pres_0,
#main_block.pres_3,
#mainResultsBar.pres_3,
#panBlock.pres_0 #mainPan,
#panBlock.pres_3 #mainPan,
#importViewBar.pres_0,
#importView.pres_3,
#importViewBar.pres_0,
#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;
}


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


#panBlock{
	z-index:50;
	position :absolute ;
	bottom : 0px;
	left : 0px;

	background-color : #FFF;
	right : 321px;
	border-top : 1px solid #CCCCCC;

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

#panBlock.collapsed{
	height : 40px;
}
#panBlock.full{
	height : auto  !important ;
	top : 40px;
}

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


#panBlock.expanded{
	height : 215px;
}

#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 : 40px;
}


#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 : #FBE7B4;
}


#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 8px 8px 40px ;
	font-size : 16px;
	color : #3b3b3b;
	cursor : pointer;
	white-space : nowrap;

}

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

#panGauche .panListe li.hoverPanier{
	background-color : #FCC00D;
	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 : 40px;
	background-color : #F1F1F1;
}

#panFrame{
	border : none ;
	height : 100%;
	width : 100%;
	overflow : auto ;

}

#panFrame #panBoutons{
	display : none ;
}
#panBlock.full #panFrame #panBoutons{
	display : block ;
	margin-top : 4px;
}
#panierDropZone{
	display : none ;
	position : absolute;
	top : 40px;
	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') ;
	background-position : center center;
	background-repeat : no-repeat;
	padding-right : 22px
}

#panBlock.expanded #mainPan .title_bar{
	background-image : url('../images/icnbar-down.png') ;
}


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

#panExpandFull{
	display :inline-block ;
	height :40px;
	width : 40px;
	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 : #ffbe0a;
}

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

#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 *********************/


#footer{
	background-color :  #F1F1F1;
	padding : 7px 10px 8px 36px;
	border-top  : 1px solid #DDD;
	font-size : 13px;
	font-family : Verdana ;

}

#footer a ,#footer a:link, #footer a:focus, #footer a:visited {
	color : black ;
	margin : 0px 4px;
	text-decoration : none ;
	cursor : pointer ;
}
/*
#fiche_info{
	width : 650px;
}
#leftBlock{
	right : 665px;
}

#fiche_info #desc{
	max-height : 92%;
}
*/




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


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

#proposed {
	font-size: 14px;
}

#pageTitreResponsive {
	display: none;
}

#docHeader .toolbar div {
	display: none;
}