/*-/* ::: NAVIGATION ::: */

/* ::: NAVIGATION PRINCIPALE ::: */

.nav {
	width:100%; max-width:1280px;
	height:100%; max-height:100%;
	margin:0px auto 0px auto;
	vertical-align:top;
}
.nav-min-open, .nav-min-close {
	display:none;
	width:20px;
	margin:20px 0px 0px 20px;
	padding:10px;
	border:1px solid #666;
	vertical-align:top;
	opacity:.8;
}
.nav-min { display:none; }
.nav-min-open:hover, .nav-min-close:hover, .nav-min:hover { opacity:1; }
.nav-img {
	width:220px; max-width:220px;
	height:100%;
	display:inline-block;
	background:url(../img/style/felicien_daros_revers.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	float:left;
}
.nav-typo {
	height:96px;
	vertical-align:middle;
}
.nav-typo-min {
	display:none;
	height:96px;
	vertical-align:middle;
}
.nav-rub {
	width:60%;
	height:100%;
	margin:0px auto 0px auto;
	display:inline-block;
}
.nav-rub-min-elem {
	display:none;
}
.nav-rub-min {
	display:none;
	background-color:rgba(255,255,255,1);
	position:absolute;
	top:110px; left:0px;
	width:100%;
	border-bottom:1px solid #333;
	overflow:auto;
	z-index:10;
}
.nav-opt {
	width:142px; max-width:142px;
	height:100%;
	display:inline-block;
	float:right;
	margin:6px 6px 0px 0px;
}

/* ::: RUBRIQUES ::: */

.rub, .rub_admin {
	display:inline-block;
	padding:8px 14px;
	margin-right:4px;
	-webkit-transition: background .3s ease-out;
	-moz-transition: background .3s ease-out;
	-o-transition: background .3s ease-out;
	transition: background .3s ease-out;
	cursor:pointer;
}
.r_sel { background-color:rgba(36,126,160,.7); }
.r_sel:hover { background-color:rgba(36,126,160,.9); }
.r_def { background-color:rgba(255,255,255,.2); }
.r_def:hover { background-color:rgba(36,126,160,.7); }
.rub_font { font-size:1em; color:#FFF; }

/* ::: MENUS ::: */

.menu {
	width:100%; max-width:100%;
	padding:5px 0px;
	border-bottom:1px solid #999;
	-webkit-transition: background .3s ease-out;
	-moz-transition: background .3s ease-out;
	-o-transition: background .3s ease-out;
	transition: background .3s ease-out;
	cursor:pointer;
}
.m_sel { background-color:rgba(36,126,160,1); }
.m_sel:hover { background-color:rgba(36,126,160,.8); }
.m_def { background-color:rgba(255,255,255,1); }
.m_def:hover { background-color:rgba(36,126,160,1); }
.menu_font { font-size:.9; }

/* ::: SOUS-MENUS ::: */

.smenu {
	width:100%; max-width:100%;
	padding:4px 0px;
	border-bottom:1px solid #CCC;
	-webkit-transition: background .3s ease-out;
	-moz-transition: background .3s ease-out;
	-o-transition: background .3s ease-out;
	transition: background .3s ease-out;
	cursor:pointer;
}
.sm_sel { background-color:rgba(36,126,160,.8); }
.sm_sel:hover { background-color:rgba(36,126,160,1); }
.sm_def { background-color:rgba(0,0,0,.1); }
.sm_def:hover { background-color:rgba(36,126,160,.8); }
.smenu_font { font-size:.8em; }

.empty { background-color:rgba(255,192,203,.8); }
.empty:hover { background-color:rgba(36,126,160,.7); }

/* ::: FOOTER ::: */

/*.foot { display:block; }*/
.foot-min { display:none; }
.foot_img { width:25%; padding:0px 20px; }
.foot_block { width:20%; }
.fmenu, .fmenu_selected {
	width:100%; max-width:100%;
	padding:15px 10px 15px 10px;
	border-bottom:1px solid #CCC;
	background-color:rgba(255,255,255,1);
}
.fmenu:hover { background-color:rgba(191,83,10,1); }
.fmenu_selected { background-color:rgba(191,83,10,1); }
.fmenu a, .fmenu_selected a { text-decoration:none; }
.fmenu a { color:#333; }
.fmenu_selected a { color:#FFF; }
.fmenu a:hover, .fmenu_selected a:hover { text-decoration:underline; color:#FFF; }

/* ::: [ Desktop (large) ] ::: */
@media (min-width: 1281px) {
	.nav { height:147px; }
	.nav-rub { top:116px; }
}
/* ::: [ Smartphone paysage, Tablette (Std portrait, Small paysage) ] ::: */
@media (min-width: 480px) and (max-width:959px) {
	.nav { height:110px; }
	.nav-rub { display:none; }
	.nav-rub-min-elem { display:inline-block; }
	.nav-rub-min { padding:15px 0px; top:110px; }
	.nav-min-open { display:inline-block; }
	.nav-img { max-width:165px; }
	.nav-typo-min { display:inline-block; width:100%; max-width:400px; }
	.rub_admin { display:block; padding:12px 8px 12px 8px; margin:6px; }
	.rub {
		display:block;
		width:100%; max-width:100%;
		padding:8px 0px;
		margin:0px;
		border-bottom:1px solid #444;
	}
	/*.rub_font { font-size:.9em; }*/
	.menu { display:none; }
	/*.menu_font { font-size:.8em; }*/
	.smenu, .smenu_selected { display:none; }
	/*.smenu_font { font-size:.7em; }*/
	
	.fmenu, .fmenu_selected {
		display:none;
		width:90%; max-width:90%;
		padding:5px;
		margin-top:1px;
	}
}
/* ::: [ Smartphone portrait ] ::: */
@media (max-width: 479px) {
	.nav { height:80px; }
	.nav-rub { display:none; }
	.nav-rub-min-elem { display:inline-block; }
	.nav-rub-min { padding:15px 0px; top:80px; }
	.nav-min-open { display:inline-block; margin:6px 2px; padding:4px; }
	.nav-min-close { margin:6px 2px; padding:4px; }
	.nav-img { max-width:120px; }
	.nav-opt { width:120px; max-width:120px; }
	.rub_admin { display:block; padding:12px 8px 12px 8px; margin:6px; }
	.rub {
		display:block;
		width:98%; max-width:98%;
		padding:8px 0px;
		margin:0px;
		border-bottom:1px solid #444;
	}
	/*.rub_font { font-size:.9em; }*/
	.menu { display:none; width:98%; max-width:98%; }
	/*.menu_font { font-size:.8em; }*/
	.smenu, .smenu_selected { display:none; width:98%; max-width:98%; }
	/*.smenu_font { font-size:.7em; }*/
	/*.foot { display:none; }
	.foot-min { display:block; }*/
}