html {
	-webkit-text-size-adjust: 100%;
	-webkit-overflow-scrolling: touch;
	/*-webkit-text-size-adjust : Prevent text size change on orientation change.*/
	/*-webkit-overflow-scrolling : empeche d'avoir un effet de click sur une zone en dessous en clignotement.*/
}

/* small screen adjusts*/


div#entete{
	font-size : 16px;
}

#entete #header_top {
	height: 61px;
	padding: 12px 18px 6px 24px;
}
div#header_menu ul{
	height : 34px;
}

div#entete #header_menu {
	padding: 2px 17px;
}

div#conteneur {
	top : 120px;
	bottom : 10px;
}

div#header_menu .menu .drop_down{
	font-size : 12px;
}

div#header_menu #display_opts .display_opt span {
	margin : 4px 0px;
}


#docBody{
	overflow : auto ;
}

#docBody #leftBlock{
	position : relative;
	/*height : 500px;*/
	height : 95%;	/*devrait assurer que l'ensemble du media soit visible au chargement de la page, si NOK, remettre une hauteur fixe*/

	margin-bottom : 10px;
	max-width : 98%;
}

#facet_wrapper {
	top: 0px;
}

#menuGauche {
	width: 193px;
	left: -194px;
	/*position : relative ;*/
	z-index: 1000;
}

#menuGauche .type_facet {
	padding: 10px 8px 8px 14px;
}

.block_facet.open {
	position: static;
}
#menuGauche .facet_label {
	width: 156px !important;
}

#docBody #fiche_info{
	position : relative ;
	width : auto;
}
#menuDroite {
	left: 633px;
}

#previewHoverWrapper{
	width : 300px;
	height : 200px;
}
#previewContainer #container{
	max-height : 300px;
}

#header_logo_block {
	left: 5px;
	top: 5px;
}

div#header_login_block.logged{
	width : 340px;
	margin-right : 6px;
}
div#header_login_block #header_login_block_left{
	width : 60%;
}

div#header_login_block .header_login_infos{
	max-width : 100%;
	overflow : hidden ;
	text-overflow : ellipsis ;
	white-space : nowrap ;
}

#titreOpsis {
	margin-top: 30px;
}

#sloganOpsis {
	right: -2px;
	top: 24px;
}

#header_breadcrumb {
	padding: 10px 0px;
	white-space : nowrap ;
	overflow : hidden ;
	text-overflow : ellipsis;
	font-size: 15px;
	position: absolute; /*affichage apple OSX et iOSX*/
}
#header_menu div ul {
	padding-left : 6px;
}

/*
div#atelier #bloc_atelier #chutier, div#atelier #visionneuse{
	width : 49%;
}*/

div#chutier .montage_bar, div#visionneuse .montage_bar{
	padding : 6px 12px 4px 4px;
}

#main_block, #mainResultsBar, #importViewBar{
	left : 0;
}

/* Original Method*/
#menuGauche {
 -webkit-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: .3s ease all;
  transition: .3s ease all;
}

#conteneur.show-nav #menuGauche {
  -webkit-transform: translateX(194px);
  transform: translateX(194px);
}

/* Better Performing Method*/
#menuGauche {
 -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

#conteneur.show-nav #menuGauche .block_facet.open {
	box-shadow: 1px 1px 10px 5px #BBB;
}
#conteneur #menuGauche .block_facet.open {
	box-shadow: 0px 0px 0px 0px #BBB;
}


#conteneur.show-nav #menuGauche {
  -webkit-transform: translate3d(194px, 0, 0);
  transform: translate3d(194px, 0, 0);
}

/* Better Performing Method*/
/* #main_block,#menuDroite {
 -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

#conteneur.show-nav #main_block,#conteneur.show-nav #menuDroite {
  -webkit-transform: translate3d(194px, 0, 0);
  transform: translate3d(194px, 0, 0);
} */

#titreOpsis {
	display: none;
}

#bouton-menu-responsive
{
	padding: 7px;
	border: 3px solid #FCC00D;
	display: inline-block;
	margin-left: -10px;
	margin-right: 10px;
	margin-bottom: 2px;
	margin-top: 1px; /*affichage apple OSX et iOSX*/
}

#bouton-menu-responsive span.icon-bar
{
	display: block;
	height: 3px;
	width: 17px;
	background-color:#FCC00D;
	margin-top: 3px;
}


#bouton-menu-responsive span.icon-bar:first-child
{
	margin-top: 0px;
}

#bouton-menu-responsive.collapse
{
	border: 3px solid #FCC00D;
}

#bouton-menu-responsive.collapse span.icon-bar
{
	background-color:#FCC00D;
}

#menuDroite #prevInfos {
	font-size: 16px;
}

span#proposed {
	display: none;
}

#menuDroite {
	min-width : 293px;
}