/**********************************************/
/*** STYLE DU HEADER PREVIEW 
/**********************************************/

/** HEADER **/
.preview-header
{
	background-color:#FF0000;
	width:100%;
	height:50px;
	position:fixed;
	top:0;
	left:0;
	z-index:10;
}



/** bouton de fermeture **/
.preview-header .preview-button.close-preview 
{
	/*background-image:url('../../img/ui/close-icon-100x100.png');*/
	/*background-color:#000000;*/
	/*background-size:20px 20px;
	width:20px;
	height:20px;*/
	position:absolute;
	top:10px;
	right:20px;
	margin-right:0;
}

/** style de paragraphe **/
.preview-header p {margin-left:1rem; margin-top:1rem;}

.preview-header .mode, .preview-header .preview-button 
{
	background-color:#000000;
	color:#FF0000; 
	padding-left:.5rem; padding-right:.5rem;border-radius:4px;padding-top:.4rem;padding-bottom:.4rem; margin-right:1rem;
	text-transform: uppercase;text-align:center;
	font-weight:bold;
	min-width:28px;
}

/** couleur online **/
.preview-header.online {background-color:#4bd963;}
.preview-header.online .mode {color:#4bd963;}
.preview-header.online .preview-button {color:#4bd963;}

/*******************************************/
/*** GESTION DU POSITIONNEMENT DU SITE 
/*******************************************/

/** POSITION DU HEADER DU SITE**/
.preview header { top:50px; }

/** POSITION DU MENU HAMBURGER FERME **/
.preview .menu-hamburger { top: 15px; }

/** POSTION DU MENU HAMBUREGER OUVERT **/
.preview.menu-open .menu-hamburger { top: 15px; }

/** MARGE DU CONTENU **/
/** header.height + preview.height **/
/*.preview #main { margin-top:100px; }*/


/** PORTABLE **/
@media only screen and (min-width: 768px)
{
	/** MARGE DU CONTENU **/
	/** header.height + preview.height **/
	/*.preview #main { margin-top:110px; }*/
}

/** DESKTOP **/
@media only screen and (min-width: 1024px)
{
	/** MARGE DU CONTENU **/
	/** header.height + preview.height **/
	/*.preview #main { margin-top:140px; }*/
}