@font-face
{
	font-family : "futura";
	src : url('futura.eot'); /* Pour IE9 Compat mode */
	src : url('futura.eot?') format('eot'),
		  url('futura.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	speak: none;
}


.button, .button-grey, .button-grey-l {
    align-items: center;
    background: #2a3692 none repeat scroll 0 0;
    border: medium none;
    color: #ffffff;
    cursor: pointer;
    display: flex;
    font-family: Georgia;
    font-style: italic;
    font-weight: 700;
    justify-content: space-around;
    min-height: 50px;
    padding: 0 5px;
    transition: background-color 0.5s ease 0s;
    text-transform: none;
    font-size:14px;
}


.white
{
	color : #fff;
}
.dore
{
	color : #d9b952;
}
.rouge{
	color : #c63e4a;
}

.fwb
{
	font-weight :bold;	
}

.f1em3
{
	font-size : 1.3em;
}

.btn-noel
{
	background-color : #d9b952;
}

.fNoel
{
	font-family : "futura";
	color : #d9b952;
}

.ffutura
{
	font-family : "futura";
}

.btn-la-hotte
{
	color : #000;
	font-family : Montserrat;
	margin-top: -10px;
}

#pageNoel
{
	background : url('/noel/fond.jpg') repeat 0 0;	
}

#pageNoel .ceintrer{
	padding : 0 20px 0px 20px;
}

.cadre-dore
{
	background : url('cadre_or_paillettes.jpg') no-repeat 0 0;
}

.bloc-noel
{
	/*width : 449px;*/
	width : 48%;
	min-height :230px;
	background-color : #fff;
	padding : 9px;
	margin-bottom : 30px;
}

.bloc-noel.bloc-noel-auto
{
	width : auto;
	height :auto;
}

.bloc-noel.full
{

	padding : 0px;
}

.bloc-noel.full .mod
{

	padding : 9px;
}

.bloc-noel:nth-child(odd)
{
	/*margin-right : 20px;*/	
}

.btn-noel a
{
	color :#fff;
}

.bloc-noel .button-grey,.bloc-noel .button{
	width : 49%;
	margin-bottom : 5px;
	min-height: 40px;
}

.bloc-noel .button-grey{
	color : #fff;
	background-color:#bfbec1;
	font-style:italic;
}

.bloc-noel .button-grey a{
	color : #fff;
}

.bloc-noel .button-rouge{
	
	background-color:#cc273b;
	font-size: 1em;
	font-style: normal;
	font-style:italic;
}
.bloc-noel .button-rouge a{
	color : #fff;
}

.bloc-noel .button-w100{
	width:100% 
}

.bloc-noel .button::after, .bloc-noel .button-grey::after {
	font-size: 1.4em;
	padding : 0 0 0 5px;
}

.bloc-noel .btn-la-hotte .button-grey::after,.bloc-noel .btn-la-hotte .button::after{
	flex: initial;
}

.mxwidth600
{
	max-width : 508px;
}

#sous-titre
{
	max-width : 508px;
	font-style: italic;
	text-align: center;
	font-size: 1.29em;
	color: #fff;
	margin : 0 auto;
	
}

.bloc-noel .mod
{
	background-color : #fff;
	min-height : 212px;
	padding : 0 10px;
}

.bloc-noel .mod .titre
{
	font-size : 1.5em;
	font-family : "futura";
	text-align : center;
	line-height: 25px;
}

.bloc-noel .mod .text
{
	min-height : 101px;
}

.bloc-noel .mod .text.min
{
	height: 90px;
}

.bloc-noel.full .mod .text
{
	height: 130px;
}

.bloc-noel.full .mod {
	height: 230px;
}


.bloc-noel .mod #services
{
	font-family : Arial;
	height: 150px;
}

.bloc-noel .mod #lbl-services
{
	margin-left: -9px;
	width: 223px;
}

.bloc-noel .mod #services .bloc
{
	margin-top: -10px;
	line-height: 40px;
}


.bloc-noel .mod #services .bloc .deux-lignes
{
	line-height: 20px;
	width : 150px;
}

.button-rouge:hover
{
	background-color : #bfbec1;
}
.button-grey:hover
{
	background-color : #cc273b;
}

#valeurs-sures .btn-noel
{
	font-size: 0.8em;
	color : #fff;
}


.bg-img-rougeHex{
	background-color:#c63e4a ;
}

.bg-img-rouge{
	background:url(/noel/bordure_rouge.jpg) repeat 0 0 ;
}

.bg-img-gris{
	background:url(/noel/bordure_grise.jpg) repeat 0 0 ;
}

.bg-blanc{
	background:#fff;
}

#blocTextLettre{
	height: auto;
    width: 35%;
	margin-bottom : 0;
}

.guillemetOuvert{
	background: url(/noel/guillemetOuvert.jpg) no-repeat 0 0 ;
	background-color : #fff;
	width : 15px;
	height : 10px;
	display:inline-block;
	margin-right:5px;
}

.guillemetFerme{
	background: url(/noel/guillemetFerme.jpg) no-repeat 0 0 ;
	background-color : #fff;
	width : 15px;
	height : 10px;
	display:inline-block;
	margin-left:5px;
}

#blocTextLettre{
	height : auto;
	min-height:0;
}

.alwaysShow{
	display: block !important;
}

@media (max-width:1000px)
{
	.bloc-noel
	{
		float : none;
		margin : 0 auto 20px !important;
	}
	
	.bloc-noel
	{
		width : 100%
	}
	
	#mainTitre
	{
		font-size: 3em;
	}
	#sous-titre
	{
		font-size: 1.2em;
	}
	
	#blocTextLettre{
		width : 80%
	}	
	#blocIMGLettre{
		display : block;
		margin : 0 auto;
	}	
}


@media (max-width:700px)
{
	
}

@media (max-width:535px)
{
	.bloc-noel img
	{
		display : none;
	}
}