/**************************************************************************************************************/
/*			CENTRE SPIRITUEL DU HAUMONT - V1.5 Site generique

			URL : http://pin2:40480/haumont/couple-et-famille
*/
/**************************************************************************************************************/

/*------------------------------------------------------------------------------------------------------------*/
/*
	= PORTLETS
*/
/*------------------------------------------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------------------------------------------
	== AUTRES SITES
--------------------------------------------------------------------------------------------------------------*/
.liens-externes{
	margin:0 0 0 20px;
}
.liens-externes ul{
	margin:0;
}
.liens-externes ul li{
	display:inline-block;
	padding:0!important;
	background:none!important;
}
.liens-externes a{
	display:inline-block;
	padding:10px 5px;
	background:rgba(255,255,255,0.9);
	-webkit-border-radius:0 0 5px 5px;
	-moz-border-radius:0 0 5px 5px;
	border-radius:0 0 5px 5px;
	behavior: url(++resource++PIE.htc);
	font-size:1.3em;
}
.liens-externes a:after{
	content:url(../images/picto-externe.png);
	display:inline-block;
	padding:0 0 0 5px;
}

/*--------------------------------------------------------------------------------------------------------------
	== QUI SOMMES NOUS
--------------------------------------------------------------------------------------------------------------*/
.qui-sommes-nous{
	position:relative;
	margin:0 0 40px;
}
.qui-sommes-nous .entete{
	display:block;
	margin:0 0 40px;
    font-family: 'RALEWAYbold';
	font-size:2em;
}
.qui-sommes-nous .entete:after{
	content:"";
	display:block;
	margin:5px 0 0;
	height:3px;
	width:80px;
	background:#000;
}
.qui-sommes-nous .portletSubTitle{
	position:absolute;
	top:40px;
	left:0;
	font-size:1.3em;
}

/*
	ZOOM
*/
.qui-sommes-nous ul li h2{
	position:absolute;
	bottom:10px;
	left:15px;
	padding:5px;
	background:#fff;
	font-size:1.5em;
	line-height:1;
}
.site-couple-et-famille #content .qui-sommes-nous ul li h2 a:hover,
.site-couple-et-famille #content .qui-sommes-nous ul li h2 a:focus{
	color:#d71a00!important;
	text-decoration:none;
}
.site-hautmont-pro #content .qui-sommes-nous ul li h2 a:hover,
.site-hautmont-pro #content .qui-sommes-nous ul li h2 a:focus{
	color:#d71a00!important;
	text-decoration:none;
}

/*
	CONTROLES
*/
.qui-sommes-nous .bx-pager{
	display:none;
}
.qui-sommes-nous .bx-controls-direction{}
.qui-sommes-nous .bx-controls-direction .bx-next{
	right:-30px;
}
.qui-sommes-nous .bx-controls-direction .bx-prev{
	left:-30px;
}

/*--------------------------------------------------------------------------------------------------------------
	== BOUTONS LIENS
--------------------------------------------------------------------------------------------------------------*/
.boutons-liens ul li a{
	padding-left:0;
}
.site-couple-et-famille .boutons-liens ul li a{
	background:url(../images/puce-ronde-couple-famille.png) right center no-repeat;
}
.site-hautmont-pro .boutons-liens ul li a{
	background:url(../images/puce-ronde-pro.png) right center no-repeat;
}
.site-couple-et-famille #content .boutons-liens ul li a,
.site-couple-et-famille #content .boutons-liens ul li a:hover,
.site-couple-et-famille #content .boutons-liens ul li a:focus{
	color:#e48500!important;
	text-decoration:none;
}
.site-hautmont-pro #content .boutons-liens ul li a,
.site-hautmont-pro #content .boutons-liens ul li a:hover,
.site-hautmont-pro #content .boutons-liens ul li a:focus{
	color:#736233!important;
	text-decoration:none;
}

/*--------------------------------------------------------------------------------------------------------------
	== CHOISIR PROPOSITION
--------------------------------------------------------------------------------------------------------------*/
.choisir-proposition{}
.choisir-proposition p{
	position:relative;
    font-family: 'RALEWAYbold';
	font-size:2em;
	color:#d71a00;
}
.choisir-proposition p:after{
	content:"";
	position:absolute;
	top:60%;
	left:0;
	right:0;
	height:1px;
	background:#d71a00;
}
.choisir-proposition p strong{
	position:relative;
	z-index:2;
	padding:0 10px 0 0;
	background:#fff;
	font-weight:normal;
}

/*--------------------------------------------------------------------------------------------------------------
	== RECHERCHE PROPOSITION
--------------------------------------------------------------------------------------------------------------*/
.recherche-propositions{
	float:left;
	width:30.5%;
	padding:20px;
	background:#f7f7f7;
}
#portal-columns .recherche-propositions dt,
.recherche-propositions dt{
	display:none!important;
}
#portal-column-two .recherche-propositions{
	float:none;
	width:100%;
	background:none;
}

/*--------------------------------------------------------------------------------------------------------------
	== LISTE PROPOSITION
--------------------------------------------------------------------------------------------------------------*/
.liste-propositions{
	float:right;
	width:63.5%;
}
.liste-propositions:before,
.liste-propositions:after{
	display:none;
}
.liste-propositions ul li{
	padding:20px 0 20px 40px;
	background:url(../images/chevron-couple-famille.png) 0 15px no-repeat!important;
}
.liste-propositions ul li:first-child{
	padding-top:0;
	background-position:0 0;
}
.liste-propositions ul li:last-child{
	padding-bottom:0;
	border:none;
}



/*------------------------------------------------------------------------------------------------------------*/
/*
	= HEADER
*/
/*------------------------------------------------------------------------------------------------------------*/
.site-couple-et-famille #portal-top{
	background:#e48500 url(../images/bandeau-couple-famille.jpg) 0 0 no-repeat;
}
.site-hautmont-pro #portal-top{
	background:#736233 url(../images/bandeau-pro.jpg) 0 0 no-repeat;
}
#portal-autrelogo-minisite{
	display:inline-block;
	margin:10px 0;
}

/*--------------------------------------------------------------------------------------------------------------
	== NAVIGATION
--------------------------------------------------------------------------------------------------------------*/
#portal-navigation{
	position:absolute;
	bottom:0;
	right:40px;
	padding:0;
}
#portal-globalnav{
	border:none;
}
#portal-globalnav > li{
	display:inline-block;
	margin:0 0 0 1px;
	border:none;
}
#portal-globalnav > li a{
	padding:8px 10px;
	background:#d71a00;
	color:#fff;
	line-height:1;
}
#portal-globalnav li:hover a,
#portal-globalnav .selected a,
#portal-globalnav .selected a:hover,
#portal-globalnav .selected a:focus,
#portal-globalnav a:hover,
#portal-globalnav a:focus{
	background:#b51802;
	color:#fff;
}
#portal-globalnav li ul.submenu:before{
	color:#b51802;
}
#portal-globalnav li ul.submenu li{
	background:rgba(181,24,2,0.8);
	-pie-background:rgba(181,24,2,0.8);
	behavior: url(++resource++PIE.htc);
}
#portal-globalnav li ul.submenu li a:hover{
	background:#b51802;
}

/*------------------------------------------------------------------------------------------------------------*/
/*
	= MAIN
*/
/*------------------------------------------------------------------------------------------------------------*/
#portal-columns{
	padding-top:40px;
}
.accueil-mini-site #portal-column-content{
	overflow:visible;
}

/*--------------------------------------------------------------------------------------------------------------
	== ELEMENTS GENERAUX
--------------------------------------------------------------------------------------------------------------*/
/*
	TITRE
*/
.accueil-mini-site #portal-column-content h1{
	display:none;
}
/*
	CHEMIN DE FER
*/
.accueil-mini-site #portal-breadcrumbs{
	display:none;
}

/*--------------------------------------------------------------------------------------------------------------
	== PAGE D'ACCUEIL
--------------------------------------------------------------------------------------------------------------*/
#portletPageFirstColumn{
	padding:0;
	width:23.3%;
	background:none;
	border:none;
}
.accueil-mini-site #portletPageSecondColumn{
	padding:0 0 20px;
	width:70.8%;
	border-bottom:1px solid #d71a00;
}

/*--------------------------------------------------------------------------------------------------------------
	== PAGE DE LISTE
--------------------------------------------------------------------------------------------------------------*/
.site-couple-et-famille #portal-column-content #content-core .tileItem h2 a{
	color:#e48500!important;
}
.site-hautmont-pro #portal-column-content #content-core .tileItem h2 a{
	color:#736233!important;
}

/*--------------------------------------------------------------------------------------------------------------
	== PAGE DETAIL PROPOSITION
--------------------------------------------------------------------------------------------------------------*/
#content ul.inscription li.inscription a{
	background:#d71a00!important;
}
.infos > div > span{
	color:#d71a00!important;
}

/*------------------------------------------------------------------------------------------------------------*/
/*
	= FOOTER
*/
/*------------------------------------------------------------------------------------------------------------*/
.site-couple-et-famille #portal-footer:after{
	background:#e48500 url(../images/bandeau-couple-famille.jpg) 0 0 no-repeat;
}
.site-hautmont-pro #portal-footer:after{
	background:#736233 url(../images/bandeau-pro.jpg) 0 0 no-repeat;
}


@media only screen and (max-width: 800px){
	#portletPageFirstColumn,
	.accueil-mini-site #portletPageSecondColumn,
	.liste-propositions,
	.recherche-propositions{
		float:none;
		margin:0 0 20px;
		width:100%;
	}
	.choisir-proposition p strong{
		line-height:1;
	}
	.recherche-propositions dd label > input,
	.recherche-propositions dd label > select{
		float:none;
		width:100%;
	}
}






