@charset "utf-8";
/* CSS Document */

/* TELEPHONE */

@media (max-width: 767px) {
	
	.img-responsive {
	  display: block;
	  max-width: 100%;
	  height: auto;
	}
	
	.slicknav_menu {
		background-color: #000;
	}
	
	.slicknav_btn {
		background-color: #bd242d;
	}
	
	.slicknav_nav {
		padding-bottom: 10px;
		padding-top: 10px;
	}
	
	#principale {
		padding-top: 0px;
		padding-bottom: 0px;
	}
	
	#header {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	
	#header .col-sm-4 {
		position: absolute;
		top: 2px;
		left: 0px;
	}
	
	#header .col-sm-4 a {
		height: 42px;
		background-size: contain;
		background-position: left center;
		width: 100%;
	}
	
	#header .col-sm-8 {
		text-align: center;
	}
	
	#nav {
		display:none;
	}
	
	#page_content {
		padding-bottom: 15px;
	}
	
	#titre {
		line-height: normal;
		margin-bottom: 15px;
		font-size: 1.5em; /* 21px */
	}
	
	#page h2 {
		font-size: 1.286em; /* 18px */
	}
	
	.section {
		margin-bottom: 15px;
	}
	
	.section .content {
		padding: 10px;
	}
	
	.section > .content > h2 {
		padding-left: 10px;
		padding-right: 10px;
		min-width: inherit;
	}
	.connected #principale {
		padding-bottom: 40px;
	}
			
}

@media (max-width: 767px) and (orientation: portrait) {
	
	#un_conseil {
		line-height: normal;
	}
	#un_conseil a {
		display: block;
	}
	#un_conseil span {
		line-height: normal;
	}
	#footer li {
		display: block;
		border-bottom: 1px solid #fff;
		padding-top: 2px;
		padding-bottom: 2px;
	}
	
	#footer li:last-of-type {
		border-bottom: none;
	}
	
	#footer li:after {
		content: none;
		padding-left: 0px;
	}

}

@media (max-width: 767px) and (orientation: landscape) {	
	
	#reseaux_sociaux {
		position: relative;
		top: inherit;
		right: inherit;
		width: 100%;
		text-align:  center;
	}
	
}

/* ECRAN ET TABLETTE */
@media (min-width: 767px) {
	.slicknav_menu {
		display: none;
	}
	
}

/* TABLETTE PORTRAIT */

@media (min-width: 767px) and (orientation: portrait) {	
	
	#nav > ul > li, #footer_menu li {
		font-size: 1em;
	}
	
}

/* GRAND ECRAN */

@media (min-width: 992px) {
				
}