.clearfix:after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}

* html .clearfix {}
:first-child + html .clearfix {}

/* -----------------------------------------
   ANIMATION
----------------------------------------- */
#nav li ul a {
	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
	}
	
#nav {}

#nav:after { }

#nav li { list-style:none; }
	
#nav li a { display: block; }

#nav li a:active {}

#nav span:after {
	width: 0;
	height: 0;
	border: 0.313em solid transparent; /* 5 */
	border-bottom: none;
	border-top-color: #efa585;
	content: '';
	vertical-align: middle;
	display: inline-block;
	position: relative;
	right: -0.313em; /* 5 */
	}

/* first level */
#nav > ul {
	padding:0;
	margin:0;
	}

#nav > ul > li {
	width: auto;
	float: left;
	}

#nav > ul > li > a {
	height: 100%;
	padding: 9px 15px 5px;
	display:none;
	font:400 0.85em/1.25em "Lato", Georgia, "Times New Roman", Times, serif;
	text-align: center;
	text-decoration:none;
	color:#FFF;
	text-transform:uppercase;
	}

#nav > ul > li:not( :last-child ) > a {}

#nav > ul > li:hover > a,
#nav > ul:not( :hover ) > li.active > a {
	color:#2f3565;
	}

#nav > ul > li > a > strong {
	display:block;
	text-transform:uppercase;
	color:#2f3565;
	}

.lt-ie8 #nav ul li:hover a { }

/* second level */
#nav li ul {
	z-index:100;
	display: block;
	left:0;
	padding:5px 0;
	}

#nav li:hover ul { }

#nav li:not( :first-child ):hover ul {}

#nav li ul li  { }
	
#nav li ul li:after { }
	
#nav li ul a {
	padding:5px 0;
	text-decoration:none;
	color:#FFF;
	line-height: 1.25em;
	}

#nav li ul a strong {font-weight:400;}
	
#nav li ul li a:hover,
#nav li ul:not( :hover ) li.active a { }

/* NAV 2 */
#nav2 {
	float:right;
	margin-top:0;
	}
	
#nav2 > ul {
	padding:0;
	margin:0;
	}

#nav2 > ul > li {
	width: auto;
	height: 100%;
	float: left;
	list-style:none;
	}

#nav2 > ul > li > a {
	padding:5px 0;
	text-align: left;
	text-decoration:none;
	color:#565656;
	}
#nav2 > ul > li > a:hover { }
	

/* CH?? - MEDIA QUERIE
/* ---------------------------------------------------------------------------------- */
	@media only screen and (min-width: 1920px) and (orientation: landscape) {

		}
		
	/* XXX-large landscape > BREAKPOINT 1680PX */
	@media only screen and (max-width: 1919px) and (min-width: 1680px) and (orientation: landscape) {

		}
	
	
	/* X-large landscape > BREAKPOINT 1440PX */
	@media only screen and (max-width: 1679px) and (min-width: 1440px) and (orientation: landscape) {
			
		}
	
		
	/* Widescreen landscape > BREAKPOINT 1280PX */
	@media only screen and (max-width: 1439px) and (min-width: 1280px) and (orientation: landscape) {

		}

	/* Widescreen landscape > BREAKPOINT 1152PX */
	@media only screen and (max-width: 1279px) and (min-width: 1152px) and (orientation: landscape) {

		}


	/* ========== PASSAGE FORMAT MEDIUM ========== */	
	
	/* Widescreen landscape > BREAKPOINT 1025PX */
	@media only screen and (max-width: 1151px) and (min-width: 768px) and (orientation: landscape) {

		}
	
	/* Ipad Portrait / Small tablet Landscape 800x600 > BREAKPOINT 768PX + 800PX */
	@media only screen and (max-width: 960px) and (min-width: 768px) {
			li.deuxlignes a { padding-top:0.65em!important; }

		}
		
	
	/* ========== PASSAGE FORMAT SMALL ========== */	

	/* All Mobile Sizes (devices and browser) > BREAKPOINT 568PX 480PX 320PX */
	@media only screen and (max-width: 767px) {
			li.deuxlignes a { padding-top:0.65em!important; }

		}

	/* Small Tablet 800x600 Portrait (devices and browsers) / Mobile Landscape Iphone5 > BREAKPOINT 568PX */
	@media only screen and (max-width: 767px) and (min-width: 568px)  {
					
		}

	/* Mobile Landscape Iphone4 > BREAKPOINT 480PX */
	@media only screen and (max-width: 567px) and (min-width: 480px) {
	
		}
		
	/* Mobile Portrait Iphone5-4 > BREAKPOINT 320PX */
	@media only screen and (max-width: 479px) {

		}
	

		}