#container {
	padding-top:50px;
}
#carou{
	max-width: 1134px;
	position: relative;
	height: 283px;      
}

#carousel_containeur{
	padding: 0 45px;
}

#carousel{
	max-width: 1044px;
}

.fleche_prev{
	position: absolute; 
	z-index: 200;
	top: 40%; 
	left: 0;
}

.fleche_next{
	position: absolute; 
	z-index: 200;
	top: 40%; 
	right: 0;
}

#prev_button,
#next_button {
	display: block;
	width: 64px;
	height: 64px;
}

#prev_button{
	background: url(/media/img/site/page_home/fleche_gauche.png) no-repeat; 
}	

#next_button{
	background: url(/media/img/site/page_home/fleche_droite.png) no-repeat; 
}

#navigationCarou{
	position: absolute; 
	z-index: 200;
	bottom: -10%; 
}

#navigationCarou a{
	text-decoration: none;
}

.carouLien{
	background-color: white;
	text-transform: uppercase;	
	font-family: 'HelveticaMdCn';
	font-size: 16px;
	text-align: center;
	height: 50px;
	line-height: 50px;
	color: black;
	cursor: pointer;
}

.carouLienBord{
	border-right: 1px solid	#DCDCDC;
}

.carouLien:hover,
.selected{
	background-color: rgb(56,174,222);
	color: white;
}

.shad{
	box-shadow: -1px 2px 5px 1px #DCDCDC; 
}

#map_canvas,
#alaune,
#trouver{
	max-width: 1044px;
	min-height: 285px;	
}

#trouver{
	background: url(/media/img/site/page_home/trouver-un-lieu.jpg) no-repeat; 
    overflow: hidden;
    position: relative;
}

#trouverContainer{
	font-family: 'HelveticaMdCn';
	color: white;
	margin-top: 60px;
	font-size: 20px;
	font-weight: normal;
}	

#recherche{
	background-color: rgba(242,242,242,0.6);	
	padding: 12px;
	padding-bottom: 0;
}

input#rechercheChamp {
	background-color: rgb(242,242,242);
	border: 1px solid rgba(205,205,205,0.6);
	height: 32px;
	color: #7b7b7b;
	font-size: 14px;
	font-family: Arial;
	line-height: 32px;
	padding-left: 5px;
	margin-bottom: 10px;
}

#bouton_rechercher{
	margin-bottom: 10px;
	text-align: center;
	cursor: pointer;
}

#trouverTitre{
	text-align: center;
	margin: 0;
	margin-bottom: 30px;
}

#trouverTitre .unit-60{
	text-shadow: 3px 2px 9px rgba(0, 0, 0, 0.78);
	font-size:20px;
	margin:0 auto;
	padding:0;
	text-align: center;
	width:68%;
}

.unit-20.blanc_left, .unit-20.blanc_right{
	margin:0;
	padding:0;
	background-color: white;
	height: 2px;
	vertical-align: middle;
	margin-top: 10px;
	width:16%;
}

.unit-20.blanc_left {
	float:left;

}

.unit-20.blanc_right{
	float:right;
 }
 
.img_une{
	position: relative;
	max-height: 285px;
}

.img_une img{
	max-height: 285px;
	padding: 0;
	margin: 0;
	padding-left:2px;
	padding-right:2px;
}

.img_une img.accueilMonastique{
	position: absolute;
        right:20px;
        top:20px;
}

.imgTexte{
	background-color: rgba(0,0,0,0.5);	
	padding: 5px;	
	margin: 0;	
	position: absolute;
	bottom: 20%;
	left: 5%;
	max-width: 440px;
}

.imgTexte h3 a{
	font-size: 22px;	
	color: white;
	font-family: 'HelveticaMdCn';
	font-weight: normal;
	margin-bottom: 0;
	text-decoration:none;
}

.imgTexte span a{
	margin-right: 7px;	
	text-transform: uppercase;
	font-family: 'HelveticaCn';
	font-size: 15px;
	color: white;
	text-decoration:none;
}

.triangle_8b1239{
	display: inline-block;		
	border-top:	solid transparent;
	border-bottom: solid transparent;
	border-left: solid #8b1239;	
	border-width: 6px;
	content: ' ';
	margin:	5px 5px 0 0;
}

.triangle_e95b2e{
	display: inline-block;		
	border-top:	solid transparent;
	border-bottom: solid transparent;
	border-left: solid #e95b2e;	
	border-width: 6px;
	content: ' ';
	margin:	5px 5px 0 0;
}

.triangle_0fab8d{
	display: inline-block;		
	border-top:	solid transparent;
	border-bottom: solid transparent;
	border-left: solid #0fab8d;	
	border-width: 6px;
	content: ' ';
	margin:	5px 5px 0 0;
}

.triangle_d85988{
	display: inline-block;		
	border-top:	solid transparent;
	border-bottom: solid transparent;
	border-left: solid #d85988;	
	border-width: 6px;
	content: ' ';
	margin:	5px 5px 0 0;
}

.triangle_3267a6{
	display: inline-block;		
	border-top:	solid transparent;
	border-bottom: solid transparent;
	border-left: solid #3267a6;	
	border-width: 6px;
	content: ' ';
	margin:	5px 5px 0 0;
}
.triangle_f39c31{
	display: inline-block;		
	border-top:	solid transparent;
	border-bottom: solid transparent;
	border-left: solid #f39c31;	
	border-width: 6px;
	content: ' ';
	margin:	5px 5px 0 0;
}

#map_canvas img, .google-maps img{
	max-width:none;
}
.infobulle{
	width: auto;
	height: auto;
}

.gm-style-iw  {
	overflow: hidden !important;
	height: auto !important;
	width: auto !important;
}

.liensMaps{	
	color: #0E3083;
	text-decoration: underline;
}

#guide{
  margin-bottom: 20px;
    padding-top: 10px;
}

#guide h2{
	font-family: 'HelveticaMdCn';
	font-size: 21px;
	text-transform: uppercase;
	font-weight: normal;
	margin: 0;
}

#guide p{
	font-size: 13px;
    line-height: 17px;
	margin-bottom: 11px;
}

#guide img{
	vertical-align: middle;	
}

#logo{
	float: left;
	width: 20%;
}

#texteLogo{
	float: right;
	width: 80%;	
}

.titre_home{
	background-color: rgb(14,48,131);
	color: white;
	height: 29px;
	text-align: center;
	font-size: 20px;
	line-height: 29px;
	margin-bottom: 20px;
}

.titre_home_bord{
	font-family: 'HelveticaCn';
	letter-spacing: 0.5px;
	border-right: 2px solid white;
	border-left: 2px solid white;
	text-transform: uppercase;
  font-size: 17px;
}

#originaux{
	margin-bottom: 30px;
	padding:5px;
}

.originaux2, .originaux5 {
	padding-right:3px;
	border-right:1px solid #DCDCDC;
	margin-bottom:17px;
}
.originaux3, .originaux6  {
	padding-left:3px;
	padding-right:3px;
	margin-bottom:17px;
}
.originaux4, .originaux7 {
	padding-left:3px;
	border-left:1px solid #DCDCDC;
	margin-bottom:17px;
}

.originaux2 hr,.originaux3 hr,.originaux4 hr, .originaux5 hr, .originaux6 hr, .originaux7 hr {
	margin:0 2px -7px;
}

#originaux h4{
	font-family: 'HelveticaMdCn';
	font-size: 15px;	
	font-weight: normal;
	margin: 0;
	line-height: 18px;
	min-height:150px;
	padding-left: 3px;
}

#originaux p{
	font-size: 13px;	
	font-family: 'HelveticaCn';
   line-height: 16px;
   padding-left: 3px;
}

#originaux span{
	text-transform: uppercase;	
}

.orig{
	margin-bottom: 5px;
}

#orig1{
	border-bottom: 5px solid rgb(45,104,172);	
}

#orig2{
	border-bottom: 5px solid rgb(241,158,28);	
}

#orig3{
	border-bottom: 5px solid rgb(214,90,136);	
}

.fleche{
	float: right;
	padding-right: 15px;	
}

.plusLieux{
	font-style: italic;	
	display:block;
	text-align:right;
	text-decoration: none;
	color: black;
	clear:both;
}

.plusLieux img{
	vertical-align: bottom;
}

#eve{
	padding-bottom: 10px;
	margin-bottom: 30px;
	border-bottom: 1px solid #DCDCDC;
}

#eve .carre,
#sejours .carre{
	width: 13px;
	height: 14px;
	background-color: rgb(14,48,131);
	display: inline-block;
	padding:0;
}	

#eve .theme,
#sejours .theme{
	font-size: 14px;
	font-weight: bold;	
	color: rgb(14,48,131);
}

#eve .date{
	font-size: 13px;
	font-weight: bold;	
	color: rgb(101,161,201);
	padding-left: 10px;
}

.eve_detail{
	height : 100%;

}

.eve_detail,
#sejours div{
	padding-right: 5px;
	margin-top: 8px;
	

}
#eve h4,
#sejours h4{	
	font-family: 'HelveticaMdCn';
	font-size: 16px;	
	font-weight: normal;	
	margin-bottom: 5px;
	line-height:19px;
}

#eve h4 a,
#sejours h4 a{
	color:#182632; 
	text-decoration:none;
}

#eve p, #sejours p{
	font-size: 12px;
	line-height: 15px;
	margin-bottom:10px;
}

#eve h3{
	font-weight: bold;
	font-size: 12px;
	color: rgb(14,48,131);	
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 7px;
}

#datepicker{
	margin-bottom: 10px;
	width:275px;
	margin-right:5px;
}

#eve .droite{
	border-bottom: 1px solid #DCDCDC;
    height: 100%;
    margin-bottom: 10px;
    margin-right: 12px;
    padding-bottom: 25px;
}

#eve .bas{
	margin-right: 12px;
	padding-bottom: 30px;
}

#eve .gauche{
	padding-left: 12px;
	border-left: 1px solid #DCDCDC;
}

#eve .ui-datepicker{
	padding:0;
}


#datepicker .ui-datepicker-calendar tbody, #datepicker .ui-datepicker-calendar td {
	background-color:#F2F2F2;

}

#datepicker .ui-state-default {
	background:none;
	border: 1px solid #F2F2F2;
}


#datepicker .date_to_day .ui-state-default {
	background:url("/media/img/site/ui-bg_flat_55_0073ea_40x100.png") repeat-x scroll 50% 50% #0073EA;
	border:1px solid #CCCCCC;
}
#eve .droite img,
#eve .bas img{
	width: 95px;
	margin: 10px 5px 0 0;

}

.event_container_photo{
	width: 95px;
		float: left;
}

#sejours{
	padding-bottom: 10px;
	margin-bottom: 5px;
	border-bottom: 1px solid #DCDCDC	
}

#sejours .gauche{
	padding-left: 12px;
	border-left: 1px solid #DCDCDC;
}

#sejours .espace{
	margin-top: 5px;	
}

.triangle{
	display: inline-block;		
	border-top:	solid transparent;
	border-bottom: solid transparent;
	border-left: solid rgb(24,38,50);	
	border-width: 5px;
	content: ' ';
	margin:	5px 10px 0 0;
}

#listeSejours{
	padding-bottom: 3px;
	border-bottom: 1px solid #DCDCDC	
}
#listeSejours a {
	text-decoration:none;
	color:black;
}

#listeSejours .unit-33{
	margin-bottom: 5px;
}	
	
#trouver60{
	width: 60%;
}




@media screen and (max-width: 48em) {
	
	#guide,
	#originaux,
	#eve,
	#sejours,
	#listeSejours{
		margin: 0 auto !important;
		width: 90%;
		margin-bottom: 1.5em !important;
	}
	
	#guide {
		padding-top: 130px;
	}
	
	.none_mobile{
		display: none;
	}
	
	.gauche{
		padding-left: 0 !important;
		border-left: 0 !important;
	}

	#datepicker{
		margin: 0 auto !important;
		margin-bottom: 10px !important; 
	}
	
	#navigationCarou{
		position: absolute; 
		top: 100%; 
		margin: 0 auto !important;
		padding: 0 45px;
	}
	
	#carousel_containeur{
		height: 285px;
		margin-bottom: 150px !important; 
	}
	
	.carouLien,
	#alaune .unit-50{
		margin-bottom: 0 !important; 
	}
	
	.img_une img {
	    max-height: 142.5px !important;
	}
	
	#trouver60{
		width: 80%;
	}
	
}