/*Cacher les flèches de navigation*/
.navlinks {display:none;width:100%;}


/************************************************************************ (<640px)************************************************/
@media only screen and (max-width: 640px) {

	html {
		-webkit-text-size-adjust: none;
	}

	#main-nav a {
		font-size: 90%;
		padding: 10px 8px;
	}
	#page-title-content h2{
		margin-top:15px !important;
	}

	body{background:#F7F7F7;}
	.mosaic{background-image:none;}
	#wrapper #header, #logo{ display:none !important; }
	.page-id-49 #wrapper #header, .page-id-49 #logo {display:block !important;}
	#wrapper{width:100%; padding:0; margin:0;}
	#header{width:100%;}
	#main-content{width:100%;}
	.mc-left{
		padding:0;
	}
	.page-id-49 #featured, .separator-line, .page-id-49 .tagline, .page-id-49 .one-third, 
	#footer, #footer-bottom, .page-id-49 h2, .page-id-49 h1, .page-id-49 .one-half, 
	.page-id-49 .one-fourth, #copyright, #menu-item-51 {display:none;}
	#navigation li{clear:both; margin-left:0; text-align:center; width:100%;}
	#navigation li a{font-size:3em; line-height:1.5em;}
	#logo {
		margin:0 0 0 15% !important;
		width:70% !important;
		/*max-width:280px !important;*/
		display:block !important;
		margin-bottom:60px !important;
		/*background: url(../../uploads/2012/05/logo.png) no-repeat center left !important;*/
		clear:both;
	}
	#navigation{clear:both !important; margin:0 auto; width:100%;}
	#navigation .menu-item-object-page ul{display:none;}
	
	#page-title-content{background-image:none !important; background:#f7f7f7; padding-top:0;}
	#page-title-content h2{color:#ca2d2d; margin-left:10px; padding-top:0px;}
	
	.entry p{ padding: 0 15px;}
	.entry h2, .entry h3{padding : 15px;}	
	.entry one-third{
		width:100% !important;
	}
	.back-btn{display:block !important; margin-left:15px; font-size:20px; font-weight:bold; }
	
/************************************** Images en début de page **/
	
	.page-id-309 .entry p + div,
	.page-id-46 .one-third,
	.page-id-152 .one-third.last,
	.page-id-154 p:nth-child(7)
	{
		padding:0px !important;
		height:220px !important;
		overflow:hidden;
		position:absolute;
		top:0;
		width:100%;
	}	
/*SITE EGLISE ORTHODOXE*/	
	.page-id-154 p:nth-child(7) img{
		width:100%;
		position:absolute;
		top:-15px;
	}	
	.page-id-46 #page-title-content,
	.page-id-309 #page-title-content,
	.page-id-152 #page-title-content,
	.page-id-154 #page-title-content{
		margin-top:250px;
	}	
	
/******************************************** Flèches sur images **/
	
	/*.page-id-2 .navlinks{ display:block !important;position:absolute;}*/
	.navlinks .left-arrow{ margin-left:10px; float:left; }
	.navlinks .right-arrow{margin-right:10px;float:right;}
/*Horaire et tarif*/	
	.page-id-2 .pic1{display:block !important;position:absolute;top:200px;}
	.page-id-2 .pic2{display:block !important;position:absolute;top:950px;}
	.page-id-2 .pic3{display:block !important;position:absolute;top:1625px;}
	
	
	.page-id-46 .site-home,
	.page-id-152 .site-mgd,
	.page-id-154 .site-eor{display:block !important; position:absolute; top:175px;}
	
/******************************************** Flèches pages sans images **/
	.page-id-158 #page-title-content,
	.page-id-192 #page-title-content,
	.page-id-197 #page-title-content,
	.page-id-35 #page-title-content,
	.page-id-320 #page-title-content,
	.page-id-323 #page-title-content,
	.page-id-327 #page-title-content	{
		margin-top:60px;
	}	
	.page-id-158 .site-veloc,
	.page-id-192 .site-as,
	.page-id-197 .site-location,
	.page-id-35 .corporation-home,
	.page-id-320 .corporation-mev,
	.page-id-323 .corporation-part,
	.page-id-327 .corporation-equipe{
		display:block !important; 
		position:absolute; 
		top:0px; 
		padding-bottom:10px;
		background-color:#333;
		height:40px;
	}
	
	/******************************* PAGE HORAIRE ET TARIFS ********************************/

	.page-id-2 #page-title-content{position:absolute;top:250px;}
	#page-title-content{width:100%;height:auto !important;line-height:3em;margin-bottom:0;}
	ul.sub-menu {visibility:hidden !important; }
	.entry .one-third, .entry .one-third img{width:100%;}
	.entry .one-third h3{padding-left:15px;}

	.entry .one-third p:first-child{ padding: 0!important;}
	.entry .one-third:first-child p img{margin-bottom:40px;}
	.page-id-46 #wrapper #header, .page-id-46 #logo{display:none !important;}
		
	/******************************* PAGE SITES *********************************************/
	.page-id-46 .entry div{display:none;}
	.page-id-46 .entry p + div{display:block !important; }
	.page-id-46 .one-third strong {display:none;}
	
	/******************************* PAGE La Boutique ***************************************/
	.page-id-309 #main-content{
		width:100% !important;
	}
	.page-id-309 .one-third{
		width:100% !important;
	}	
	.page-id-309 .mc-left, .page-id-309 .one-third{
		padding:0px !important;
		margin:0px !important;
	}

	/******************************* PAGE NOUS JOINDRE ***************************************/
	.page-id-33 form{width:100%!important;}
	.frm_form_fields{
		padding:0 15px;
	}
	.page-id-33 .one-half{width:100% !important}
	.page-id-33 small{display:none;}
}
/*************************************************************** (480<***<640) **************************************************************************/
@media only screen and (min-width: 480px) and (max-width: 640px) {
	#navigation{margin-top:55px;}
	
	/****************************** TITRES(640) **********************************************/
	.page-id-158 #page-title-content,
	.page-id-192 #page-title-content,
	.page-id-197 #page-title-content,
	.page-id-35 #page-title-content,
	.page-id-320 #page-title-content,
	.page-id-323 #page-title-content,
	.page-id-327 #page-title-content	
	{
		margin-top:60px;
	}		
	/********************************* FLECHES ET IMAGES(640) *****************************************/
/* BOUTIQUE / SITE ACCUEIL / SITE MAGASIN GENERAL / SITE EGLISE ORTHODOXE */
	.page-id-309 .entry p + div,
	.page-id-46 .one-third,
	.page-id-152 .one-third.last,
	.page-id-154 p:nth-child(7)
	{
		padding:0px !important;
		height:380px !important;
		overflow:hidden;
		position:absolute;
		top:0;
		width:100%;
	}	
/*SITE EGLISE ORTHODOXE*/	
	.page-id-154 p:nth-child(7) img{
		width:100%;
		position:absolute;
		top:-15px;
	}	

/*Titres*/	
	.page-id-2 #page-title-content{
		margin-top:150px;
	}
	.page-id-46 #page-title-content,
	.page-id-309 #page-title-content,
	.page-id-152 #page-title-content,
	.page-id-154 #page-title-content{
		margin-top:410px;
	}	
/* Fleches */		
	.arrow{height:50px;width:50px;}
	.page-id-46 .site-home,
	.page-id-152 .site-mgd,
	.page-id-154 .site-eor{display:block !important; position:absolute; top:325px;}
	
	.page-id-2 .pic1{display:block !important;position:absolute;top:340px;}
	.page-id-2 .pic2{display:block !important;position:absolute;top:1255px;}
	.page-id-2 .pic3{display:block !important;position:absolute;top:2055px;}
}
/*******************************************************(IPHONE4)**************************************************************************/
@media screen and (-webkit-min-device-pixel-ratio : 2) and (orientation:landscape) and (max-device-width:480px){
	/* BOUTIQUE / SITE ACCUEIL / SITE MAGASIN GENERAL / SITE EGLISE ORTHODOXE */
	.page-id-309 .entry p + div,
	.page-id-46 .one-third,
	.page-id-152 .one-third.last,
	.page-id-154 p:nth-child(7)
	{
		padding:0px !important;
		height:290px !important;
		overflow:hidden;
		position:absolute;
		top:0;
		width:100%;
	}	
/*SITE EGLISE ORTHODOXE*/	
	.page-id-154 p:nth-child(7) img{
		width:100%;
		position:absolute;
		top:-15px;
	}
/*PAGE HORAIRE ET TARIFS*/		
.page-id-2 #page-title-content{position:absolute;top:180px;}

/*Titres*/	
	.page-id-2 #page-title-content{
		margin-top:150px;
	}
	.page-id-46 #page-title-content,
	.page-id-309 #page-title-content,
	.page-id-152 #page-title-content,
	.page-id-154 #page-title-content{
		margin-top:330px;
	}	
/* Fleches */		
	.arrow{height:50px;width:50px;}
	.page-id-46 .site-home,
	.page-id-152 .site-mgd,
	.page-id-154 .site-eor{display:block !important; position:absolute; top:235px;}
	
	.page-id-2 .pic1{display:block !important;position:absolute;top:265px;}
	.page-id-2 .pic2{display:block !important;position:absolute;top:1050px;}
	.page-id-2 .pic3{display:block !important;position:absolute;top:1780px;}
}
@media only screen and (max-width:460px){
	.arrow{height:36px !important;width:37px !important;}
	.page-id-158 .site-veloc,
	.page-id-192 .site-as,
	.page-id-197 .site-location,
	.page-id-35 .corporation-home,
	.page-id-320 .corporation-mev,
	.page-id-323 .corporation-part,
	.page-id-327 .corporation-equipe{
 
		padding-top:10px;
		padding-bottom:0;

	}
}
/*******************************************************(***<320)**************************************************************************/
@media only screen and (max-width: 320px) {

	html {
		-webkit-text-size-adjust: none;
	}

	#main-nav a {
		font-size: 90%;
		padding: 10px 8px;
	}

	#navigation li a{font-size:2.5em; line-height:1em;}
	#navigation .menu-item-object-page ul{display:none;}
	
/**************************************** Images en début de page *************/
	.page-id-152 .one-third.last{
		height:195px !important;
		overflow:hidden;
	}	
	.page-id-309 .entry p + div,.page-id-152 .one-third.last {
		position:absolute; top:0;
		height:195px !important;
		overflow:hidden;
	}

		.page-id-154 p:nth-child(7) {
		padding:0px !important;
		height:250px !important;
		overflow:hidden;
		width:100%;
	}
	
/******************************************** Flèches sur images **/
	.arrow{height:36px !important;width:37px !important;}
	.page-id-2 .pic1{display:block !important;position:absolute;top:170px;}
	.page-id-2 .pic2{display:block !important;position:absolute;top:935px;}
	.page-id-2 .pic3{display:block !important;position:absolute;top:1605px;}
	
	.page-id-46 .site-home,
	.page-id-152 .site-mgd,	
	.page-id-154 .site-eor{display:block !important; position:absolute; top:155px;}
/******************************* PAGE HORAIRE ET TARIFS ********************************/

	.page-id-2 #page-title-content{position:absolute;top:220px;}
/******************************* PAGE SITES *********************************************/	
	.page-id-46 #page-title{margin-top:220px;}	
	.page-id-152 #page-title-content{margin-top:220px;}
	.page-id-154 #page-title-content,.page-id-309 #page-title-content{margin-top:230px;}
	/****************************** PAGE BOUTIQUE *****************************************/

}