/*
 *	VERSION MOBILE PAYSAGE
 * 
 */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 736px) 
  and (orientation: landscape) { 
	#overlay_mobile{
		/*display:block;*/
	}
}

/* correction mobile */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 424px) { 
	#header #content_header h1.logo a {
        left: -30px!important;
    }
}


/*
 *	VERSION TABLETTE PORTRAIT
 * 
 */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) {
	#overlay_tablette{
		/*display:block;*/
	}
}

/*
 *	VERSION MOBILE (HORS PAYSAGE 1024)
 * 
 */
@media only screen and (orientation:portrait) and (max-width: 1023px), only screen and (orientation:landscape) and (max-width: 767px){

/* -------------------------------------------------------------------
REDEFINITION D'ELEMENTS
------------------------------------------------------------------- */
HTML.locked, BODY.locked{
	height:100%;
	overflow-x:hidden;
}

/* -------------------------------------------------------------------
CLASSES GENERIQUES
------------------------------------------------------------------- */
.utileArea{
	width:100%;
	margin:0;
}

.mobileContent{
	display:block;
}
.desktopContent{
	display:none;
}

/* -------------------------------------------------------------------
AUTRES DEFINITIONS
------------------------------------------------------------------- */
/*
 * CONTENEUR
 */
#container{
	position:relative;
	left:0;
	-webkit-transition:left 200ms ease-in-out;
	-moz-transition:left 200ms ease-in-out;
	-o-transition:left 200ms ease-in-out;
	-ms-transition:left 200ms ease-in-out;
	transition:left 200ms ease-in-out;
}
#container.hide{
	left:100%;
}
#header #content_header .top .bloc-rs{
	position: absolute;
    float: right;
    top: 14px;
    right: 55px;
    width: 100px;
    height: 23px;
}
/*
 * MENU MOBILE
 */
.menuMobile{
	position:absolute;
	float:left;
	top:54px;
	left:-100%;
	width:100%;
	height:100%;
	background:#333333;
	z-index:5;
	overflow-x:hidden;
	
	-webkit-transition:left 200ms ease-in-out;
	-moz-transition:left 200ms ease-in-out;
	-o-transition:left 200ms ease-in-out;
	-ms-transition:left 200ms ease-in-out;
	transition:left 200ms ease-in-out;
}
.menuMobile.show{
	left:0;	
}

	.menuMobile ul.mainMenu{
		float:left;
		width:100%;
		background:#fbfcfc;
		padding:0 0 28px 0;
	}
	
		.menuMobile ul.mainMenu li.lineMainMenu{
			display:block;
			padding:28px 0 0 20px;
		}
		
			.menuMobile ul.mainMenu li.lineMainMenu .title{
				display:block;
				height:28px;
				font-family:"Karbon-Bold";
				font-size:28px;
				line-height:28px;
				font-weight:normal;
				color:#717f84;
				text-align:left;
				text-transform:uppercase;
				cursor:pointer;
			}
			
			.menuMobile ul.mainMenu li.lineMainMenu .title .picto{
				float:left;
				width:32px;
				height:28px;
				background:url("../../images/commun/header/arrow_off.png") no-repeat 6px 0;
				background-size:18px 28px;
			}
			.menuMobile ul.mainMenu li.lineMainMenu .title.on .picto{
				background:url("../../images/commun/header/arrow_on.png") no-repeat 0 6px;
				transform:rotate(0deg);
				-webkit-transform:rotate(0deg);
				-moz-transform:rotate(0deg);
				-o-transform:rotate(0deg);
				-ms-transform:rotate(0deg);
				background-size:28px 18px;
			}
			
			.menuMobile ul.mainMenu li.lineMainMenu .title .text{
				float:left;
				height:28px;
				font-family:"Karbon-Bold";
				font-size:22px;
				line-height:24px;
				font-weight:normal;
				color:#717f84;
				text-align:left;
				text-transform:uppercase;
				padding:3px 0 0 14px;
			}
			.menuMobile ul.mainMenu li.lineMainMenu .title.on .text{
				color:#6c9fc3;
			}
			
			.menuMobile ul.mainMenu li.lineMainMenu ul.subMenu{
				display:none;
				width:100%;
			}
			
				.menuMobile ul.mainMenu li.lineMainMenu ul.subMenu li.lineSubMenu{
					display:block;
					width:90%;
				}
			
					.menuMobile ul.mainMenu li.lineMainMenu ul.subMenu li.lineSubMenu a{
						display:block;
						font-family:"Karbon-Bold";
						font-size:21px;
						line-height:23px;
						font-weight:normal;
						color:#717f84;
						text-align:left;
						margin:10px 0 0 46px;
					}
			
	.menuMobile ul.smallMenu{
		float:left;
		width:100%;
		background:#333333;
		padding:21px 0 0 0;
	}
	
		.menuMobile ul.smallMenu li.lineSmallMenu{
			display:block;
			padding:0 0 18px 0;
		}
		
			.menuMobile ul.smallMenu li.lineSmallMenu a{
				display:block;
				font-family:"Karbon-Regular";
				font-size:24px;
				font-weight:normal;
				color:#999999;
				text-align:left;
				cursor:pointer;
				padding:0 0 0 65px;
				margin:0 0 0 65px;
			}
			.menuMobile ul.smallMenu li.lineSmallMenu.btnContact a{
				height:30px;
				line-height:30px;
				background:url("../../images/commun/header/picto_contact.png") no-repeat left top;
			}
			.menuMobile ul.smallMenu li.lineSmallMenu.btnNousRejoindre a{
				height:33px;
				line-height:33px;
				background:url("../../images/commun/header/picto_nous_rejoindre.png") no-repeat left top;
			}
			
			.menuMobile ul.smallMenu li.lineSmallMenu .inputTextSearch{
				display:block;
				width:200px;
				height:31px;
				font-family:"Karbon-Regular";
				font-size:24px;
				line-height:31px;
				font-weight:normal;
				color:#999999;
				text-align:left;
				background:url("../../images/commun/header/picto_rechercher.png") no-repeat 0 top;
				border:none;
				padding:0 0 0 65px;
				margin:0 0 0 65px;
			}
			.menuMobile ul.smallMenu li.lineSmallMenu .inputTextSearch::-webkit-input-placeholder { color:#999999; }
			.menuMobile ul.smallMenu li.lineSmallMenu .inputTextSearch::-moz-placeholder { color:#999999; }
			.menuMobile ul.smallMenu li.lineSmallMenu .inputTextSearch:-ms-input-placeholder { color:#999999; }
			.menuMobile ul.smallMenu li.lineSmallMenu .inputTextSearch:-moz-placeholder { color:#999999; }
			
	.menuMobile .bottom{
		float:left;
		width:100%;
		text-align:center;
		background:#333333;
		padding:12px 0;
	}	
	
		.menuMobile .bottom .link a,
		.menuMobile .bottom .copyright{
			font-family:"Karbon-Thin";
			font-size:18px;
			line-height:18px;
			font-weight:normal;
			color:#c1c1c1;
			text-transform:uppercase;
			padding:0 5px;
		}		

/*
 * POPIN
 */
#popin #wrapper_popin #content_popin{
	width:100%;
}

	#popin #wrapper_popin #content_popin .btnClose{
		top:-45px;
		left:10px;
		right:auto;	
	}

	#popin #wrapper_popin #content_popin iframe{
		width:100%;
	}

/*
 * ENTETE
 */
#header{
	position:fixed;
	top:0;
	left:0;
	z-index:100;	
}

	#header #top_header{
		display:none;
	}
	
	#header #content_header{
		height:54px;
		border:none;
	}
	
		#header #content_header .top .btnContact,
		#header #content_header .top .btnSearch{
			display:none;	
		}
		
		#header #content_header .top .selectLang{
			top:15px;
			right:21px;
		}
		
			#header #content_header .top .selectLang .titleSelectLang{
				width:60px;
				height:28px;
				font-size:22px;
				line-height:28px;
				background:url("../../images/commun/header/arrow_select_lang_mobile.png") no-repeat 42px 6px;
				background-size:13px 10px;
			}
			
			#header #content_header .top .selectLang .contentSelectLang .optionSelectLang{
				height:28px;
			}
			
				#header #content_header .top .selectLang .contentSelectLang .optionSelectLang a{
					height:28px;
					font-size:18px;
					line-height:28px;
				}
		
		#header #content_header .btnMenuBurger{
			position:absolute;
			float:left;
			top:13px;
			left:21px;
			width:33px;
			height:28px;
			background:url("../../images/commun/header/btn_menu_mobile.png") no-repeat;
			background-size:33px 28px;
			cursor:pointer;
			display:block;
		}
		
		#header #content_header .btnClose{
			position:absolute;
			float:left;
			top:14px;
			left:24px;
			width:26px;
			height:26px;
			background:url("../../images/commun/header/btn_close.png") no-repeat;
			background-size:26px 26px;
			cursor:pointer;
			display:block;
			display:none;
		}
	
		#header #content_header h1.logo{
			width:138px;
			margin:0 auto;
		}
		
			#header #content_header h1.logo a{
				left:0;
				top:6px;
				width:120px;
			}
		
			#header #content_header h1.logo a img{
				width:100%;
				height: auto;
			}
		
		#header #content_header ul.menu{
			display:none;
		} 
		
		#header .richMenu ul.listRichMenu{
			width:100%;
		}
	
/*
 * PIED DE PAGE
 */
#footer #top_footer .logo{
	display:none;
}
	
#footer #top_footer ul.menu{
	display: grid;
	margin: 5px 0;
	left: 55px;
	text-align: center;
}

	#footer #top_footer ul.menu li{
		float: none;
		display: inline-block;
		margin-right :0;
	}
	#footer #top_footer ul.menu li.copyright{
		margin-left: 67px;
	}

	#footer #top_footer ul.menu li.btnContact{
		display:none;
	}

#footer #top_footer .btnPlanSite{
	display:none;
}

.hide {
	display: none !important;
}
	
}