/**************************************/
/*** STYLE DU MENU PRINCIPAL 		***/
/*** MOBILE FIRST 					***/
/**************************************/


/** SUPPRIME LE MENU DESKTOP **/

#menu:not( .mm-menu ) 
{
     display: none !important;
}

/** DIV MENU MOBILE **/
#mobile_nav { display:none;}

/** on affiche pas le sous-menu **/
.sousmenu .content-inner {display:none;}

/** HEADER **/
header 
{
	background-color:#212223;
	height:60px;
	width:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:100; /** au dessus de tout **/
}

/** LOGO **/
header #logo-mobile 
{ 
	width:100px; height:auto; opacity:1; display:inline-block; top:50%; position:absolute;right:2rem;
	transform:translateY(-50%);
}
header #logo { display:none; } /** gros logo uniquement desktop **/

/** MOTEUR DE RECHERCHE DESKTOP **/
header .header-search { display:none; }


/**************************************/
/*** MENU MOBILE MM-MENU			***/
/**************************************/

/** gestion des borders sur le menu mobile **/
/** http://mmenu.frebsite.nl/documentation/extensions/border-style.html **/
.mm-listview.mm-border-none>li:after,.mm-menu.mm-border-none .mm-listview>li:after{content:none}.mm-listview.mm-border-full>li:after,.mm-menu.mm-border-full .mm-listview>li:after{left:0!important}.mm-listview.mm-border-offset>li:after,.mm-menu.mm-border-offset .mm-listview>li:after{right:20px}

/** assombrit l'écran sous le menu mobile **/
/** http://mmenu.frebsite.nl/documentation/extensions/page-dim.html **/
html.mm-pagedim #mm-blocker,html.mm-pagedim-black #mm-blocker,html.mm-pagedim-white #mm-blocker{opacity:0}html.mm-pagedim-black.mm-opening #mm-blocker,html.mm-pagedim-white.mm-opening #mm-blocker,html.mm-pagedim.mm-opening #mm-blocker{opacity:.3;-webkit-transition:opacity .4s ease .4s;transition:opacity .4s ease .4s}html.mm-pagedim #mm-blocker{background:inherit}html.mm-pagedim-white #mm-blocker{background:#fff}html.mm-pagedim-black #mm-blocker{background:#000}

.mm-listview a 
{
	font-family:'Open Sans',sans-serif;
	text-transform:uppercase;
	font-weight:bold;
	-webkit-transition: color 1s; /* For Safari 3.0 to 6.0 */
	transition: color 1s;
}

.mm-listview span
{
   text-transform:uppercase;
   font-weight:bold;
}
a.mm-title {font-family:'Open Sans',sans-serif;text-transform:uppercase;}

/** SPACER **/
.mm-listview .mm-spacer {
    padding-top: 20px;
}


/** item de menu **/
.mm-listview a, .mm-listview a:hover, .mm-navbar a, .mm-navbar a:hover
{
	font-size:1.4rem;
}

/** COULEUR TITRE DU MENU **/
.mm-menu.mm-theme-dark .mm-navbar a, 
.mm-menu.mm-theme-dark .mm-navbar>*, 
.mm-menu.mm-theme-dark em.mm-counter
{
	color:rgba (255,255,255,1);
}







/** STYLE DU MENU RECHERCHE / MOBILE **/
span.search-icon 
{
	width:16px;
	height:16px;
	display:inline-block;
	background-size:16px,16px;
	background-repeat: no-repeat;
	background-image:url('../img/ui/search-icon-100x100.png');
	margin-right:1rem;
	position:relative;
	top:3px;
}

/** FOOTER SOCIAL **/
div.mobile-footer-social a, div.mobile-footer-social a:hover
{
	color:#FFFFFF!important;
	font-size:2rem;
	margin:1rem;
}





/**************************************/
/*** DESKTOP				 		***/
/**************************************/

@media only screen and (min-width:1024px)
{
	/** MENU DESKTOP **/
	#menu:not( .mm-menu )
	{
		display:block !important;
		position:relative;
	}

	/** MENU MOBILE **/
	#mm-menu { display: none !important; }
	header .menu-hamburger { display : none; }

	/************************/
	/*** HEADER 
	/************************/

	/** HAUTEUR (modifier aussi le margin-top du #main **/
	header 
	{ 	
		height:90px; 
		border-bottom-style:solid; border-bottom-width: 2px;
	} 

	header .content-inner { height:100%; }
	header .row { height:100%; }

	/** grille du header **/
	header .col { margin-top:0; margin-bottom:0; height:100%;}

	/** LOGO ACID **/
	header #logo { height:auto; width:7rem; position:relative; top:4px; opacity:1; display:inline-block;}
	header #logo-mobile { display:none!important; }

	/** MENU PRINCIPAL **/
	header nav { height:30px; display:block; width:100%}
	header ul { padding:0;margin:0; list-style:none; float:left; position:relative; top:5px;}
	header li { margin-right:20px; float:left; display:inline;}
	header li a 
	{ 
		color:#FFFFFF; text-transform: uppercase; font-weight:bold; text-decoration: none; font-size:1.5rem;
		font-family : 'Open Sans',sans-serif;

		-webkit-transition: color .3s ease-in;
	    -moz-transition: color .3s ease-in;
	    -o-transition: color .3s ease-in;
	    transition: color .3s ease-in;
	}

	/** Les couleurs sont différenciées selon la section --> Javascript **/
	/** header li a:hover {color:#FFFFFF;} **/
	/** header li.Selected a { color:#FFFFFF; } **/

	/** style du menu soumettre un film **/
	header li.soumettre { margin-left:20px; }
	
	/** style du menu langue **/
	header li.langue { float:right; margin-right:0;margin-left:20px;background-color:#FFFFFF; color:#000000;padding-left:4px; padding-right:4px; border-radius:2px; cursor:pointer;}

	/** on affiche pas le menu recherche **/
	header li.recherche { display:none; }

	/** style du menu langue **/
	header ul.langue {position:absolute; display:block; right:0;}
	header ul.langue li { margin-right:0; margin-left:20px;}
	header ul.langue li a {background-color:#FF0074; color:#000000;padding-left:4px; padding-right:4px; border-radius:2px; cursor:pointer;}
	header ul.langue li.Selected a {background-color:#FFFFFF;}

	/** par défaut, on n'affiche pas le sous-menu **/
	header ul > li > ul { display:none!important; }

	
	/** FORMULAIRE MOTEUR DE RECHERCHE **/
	header .header-search { position:relative; top:10px; width:100%; height:40px; display:block;}
	header .header-search form { position:relative; bottom:0px; width:100%; float:left;}
	header .header-search input 
	{ 
		margin-left:3rem; 
		background-color: transparent; 
		border:none; 
		color:#FFFFFF; 
		width:100%; 
		font-style: italic;
	}
	
	header .header-search .search 
	{
		position:absolute; bottom:0px;
	}
	
	.header-search .spinner { position:absolute;top:8px;left:-2px; display:none;}

	header .header-search { position:relative; top:10px; width:100%; height:40px; display:block;}
	header .header-search form { position:relative; bottom:0px; width:100%; float:left;}
	
	
	header .header-search .search 
	{ 
		position:absolute; bottom:0px; 
		display:inline-block;
		background-image:url('../img/ui/search-icon-100x100.png'); 
		width:40px; height:30px; background-size:30px 30px;
		background-repeat: no-repeat;
		border-right-style: solid;
		border-right-color:#FF0074;
		border-right-width:2px;
	}

	/** RECHERCHE RAPIDE **/
	.speed-search a.close 
	{ 
		width:40px; height:40px; 
		background-color:#FF0000; 
		position:absolute; 
		top:0;right:0;
	}

	.speed-search p.type
	{
		display:inline-block; 
		background-color:#FF0074; 
		padding:2px; 
		color:#FFFFFF; 
		text-transform: uppercase;
	}

	/***************************************************/
	/*** SOUS MENU DESKTOP
	/***************************************************/

	.sousmenu
	{
		padding-top:100px; /**hauteur du header**/
		position:fixed;
		width:100vw;
		height:100vh;
		background-color:rgba(0,0,0,.95);
		top:0; left:0;
		display:none;
		z-index:100;
		overflow-y:auto;
		display:none;
	}

	.preview .sousmenu { padding-top:160px; } /** hauteur du header + hauteur du module preview **/


	.sousmenu .content-inner {display:block;}
	.sousmenu ul {padding:0;margin:0;}
	.sousmenu li {list-style: none; display:block;}
	.sousmenu li a 
	{ 
		-webkit-transition: color .3s ease-in;
	    -moz-transition: color .3s ease-in;
	    -o-transition: color .3s ease-in;
	    transition: color .3s ease-in;
	}

	.sousmenu li a:hover { color:#FF0074;}


	/** LEFT PREMIER NIVEAU **/
	.sousmenu li a { font-size:4rem; color:#FFFFFF; text-transform:uppercase; display:inline-block; margin-bottom:20px; font-family:'Open Sans',sans-serif;}
	.sousmenu li a:hover {color:#FFFFFF;}


	/** LEFT SECOND NIVEAU **/
	.sousmenu li li a { font-size:2rem; color:#CCCCCC; margin-bottom:0px;}
	.sousmenu li li:last-child {margin-bottom:20px;}

	/** LEFT TROISIEME NIVEAU **/ 
	.sousmenu li li li a { font-size:1.5rem; margin-left:50px; text-transform: none; color:#757575;}


	/** SOUS MENU RIGHT **/
	.sousmenu .right li a:hover { color:#FF0074;}

	/** RIGHT PREMIER NIVEAU **/
	.sousmenu .right li, .sousmenu .right li a {font-size:2rem; margin-bottom:15px; color:#FFFFFF; text-transform:uppercase; margin-top:10px;}

	/** RIGHT SECOND NIVEAU **/
	.sousmenu .right li li { margin:0; }
	.sousmenu .right li li a {font-size:1.3rem;text-transform:uppercase; color:#757575; margin:0;line-height:2.2rem;}

	/** RIGHT SOUS-MENU FOOTER **/
	.sousmenu .right .footer li a {font-size:1.3rem;margin:0;line-height:2.2rem; color:#CCCCCC;}
	.sousmenu .right .footer li a:hover {color:#FF0074;}
	.sousmenu .right .footer li {margin-bottom:5px;margin-top:0px;}

	/** CLOSE ICON **/
	.sousmenu .close
	{ 
		background-repeat:no-repeat; 
		background-image:url('../img/ui/close-icon-100x100.png'); 
		background-size:30px 30px;
		width:30px; height:30px;
		display:inline-block;
		float:right;
	}
}

	
}