body.v4master, body #s4-mainarea, body #s4-workspace, body #MSO_ContentTable, body #s4-bodyContainer{
font-size:14px;
background-color:#deeaf3 !important;
}
*{
        font-family:'Lato',sans-serif !important;
}

html body.v4master, body #s4-workspace{
    font-family:'Lato',sans-serif;

width:100%;
max-width:100% !important;
text-align:center;}

body #s4-mainarea{
    margin:auto;
}
.s4-title-inner{background-image:url('https://hdtse.fr/lib/background-ttf.jpg') !important;

background-size: cover !important;
height:200px;

}

/*         SECTION */

.fl-webpartzone{
	padding: 0 !important;
	
}
.col {
	
	padding : 0 !important;
}

.container{
	padding:0;
	width:100%;
	max-width:100%;
	text-align:center;
}

.container > *{
	margin-bottom: 50px;
}
.column-middle{
	max-width:1124px;
	margin:auto;
	
}

body #s4-ribbonrow{background-color:#ff4551}


.s4-title-inner{
text-align:right;

}

.s4-title-inner h1{
    width:auto;
    padding-right:10px;
    right:50px;
    position:relative;
    color:#ff4551;
    font-family: 'Lato',sans-serif;
    border-right : 2px #ff4551 solid;
    top: 50%;
    transform: translateY(-50%);
    height:auto;
	background-image: url(https://backoffice.familylinkstest.org/ttfportal/PublishingImages/RFL_EN_PPOS.png);
    background-size: 35%;

}
.s4-title-inner h1 span.fl-subtitle{


color:#343a40 !important;
}

.s4-tn li.selected, .s4-tn .root>li.static>ul>li.selected {
    background-color:#ff4551;
	margin:auto;
}
.s4-title-inner h1.fl-title{background-image:none;
padding-left:15px;
padding-top:43px;
max-width:inherit;}

body #s4-topheader2{background-color: #ff4551;
height:50px;
text-align:center;
}
.s4-toplinks .menu-horizontal{
	border-right:0;
	width: 100%;
	
}

div.s4-tn ul.root>li>a.menu-item{display:none}


.language-selector{background-color:#ff4551}
.menu-horizontal,  .menu-horizontal *{
background-color:#ff4551 !important;
float:none !important;
margin:auto;

}


@media screen and (min-width: 1024px){
.s4-title-inner h1{
font-size: 50px;
}
.s4-title-inner h1 span.fl-subtitle{

    font-size:35px;
}


.s4-tn .root>li.static>ul{
    background-color: #ff4551;
display:block;
height:100%;

}

.s4-tn li.static>.menu-item{border:0 !important;font-weight:400 !important;font-size:14px;margin:0 40px;height:100%;line-height: 50px;vertical-align: middle;}

.s4-toplinks, .s4-toplinks *{position: relative;height: 100%;
padding :0 !important;}
.s4-toplinks{
	margin:auto !important;
	
}
.s4-tn .root>li.static>ul>li {


    background-color:#ff4551;border:0 !important;display: inline-block;height: 100%;}

    .s4-toplinks .menu-horizontal{
display:block;
height:100%;

    }
}

/*         Sticky call to action */

.stricky-call-to-action a.button {
    color:black !important;
    bottom:10px;
    position:fixed;

    background-color:white;
    border-radius:50px;
    border: 3px #ff4551 solid;

    transform: translateX(-50%);
}
.stricky-call-to-action a.button:hover {
    transform: translateX(-50%) scale(1.1);
    -webkit-transform: translateX(-50%) scale(1.1);
    -ms-transform: translateX(-50%) scale(1.1);
    -o-transform:translateX(-50%)  scale(1.1);
    -moz-transform:translateX(-50%)  scale(1.1);

}
.stricky-call-to-action{
    position: fixed;
    bottom: 0;
    background-color: #ff4551;
    width: 100%;
    height:50px;
	z-index: 50;
    }

/*         FAQ */

.faq-section{ color: black;
text-align:left;}
.faq-question-div{
	background-color:white;
	padding: 30px 20px;
	margin-bottom:5px;
	
}
.faq-question{
	
	color:#ff4551;
	font-weight:700;
	border-bottom : 1px solid #ff4551;
	padding-bottom:5px;
	
	
}
.faq-answer {
	
	margin-top: 15px;
}
/*         CONTENT */
h2{
	text-transform: uppercase;
	font-size: 42px !important;
	font-weight: 300 !important;
    font-size: 42px;
    color: #393d43;
    letter-spacing: 0;
    max-width: 550px;
    text-align: center;
    line-height: 44px;
    margin:  20px auto 30px ;
	
}
.strong{
	font-weight:600;
	font-size:1.1em;
	
}
.red{
	color:#ff4551;
}
.caption{
	font-size:0.9em;
	display:block;
	font-style:italic;
	
}
.text-section{
	margin-bottom:20px;
	
}

img.sub-header-img{

	margin-top : 20px;
}
.strong-header{
	display:block;
	font-weight:bold !important;
}

/*         line */
.line{
	width: 100%;
	margin:20px auto;
	
}
.line .line-element{
	display: inline-block;
	padding: 0 50px ;
	width:40%;
	vertical-align:top;
}
.line .line-element.infographic-element{

	max-width: 250px;
}
.line .line-element > *{
}
.line .line-element .number{
	
	font-weight: 700;
    font-size: 42px;
    color: #393d43;
    letter-spacing: 0;
    text-align: center;
	margin:  0 auto;
}
.line .line-element .text{
	display:block;

    text-align: center;
    text-transform: uppercase;
    max-width: 80%;
    margin: 5px auto;
}
.image-w-caption img {
	max-width:90%;
}
.line .line-element img{
		display:block;
				margin:auto;

}
.line.line-three .line-element{
	width:33%;
	padding:0;
	
	
}
.line.line-three .line-element img{
	width:100%;
	
}

.large-column{
	width:100%;
	
}
.large-column-image{
	position:relative;
		height:100vh;
background-position:center center;
background-repeat:none;
}

#large-img-1{
	background-image:url("https://hdtse.fr/ttfportal/image-cover-1-3.jpg");
}

.quote{
    font-weight: 600;
    font-size: 40px;
    margin-bottom: 0;
    color: #fff;
    letter-spacing: 0;
    line-height: 45px;
	font-style:italic;
	display:block;
	bottom:50px;
	position:absolute;
	left:50%;	
	 transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
	}
	
.button, .contact-red-cross-link{
	font-size:0.8em;
	margin: 20px auto;
 -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
	padding:10px 50px;
	letter-spacing:4px;
	border-radius: 20px;
	text-transform:uppercase;
	text-decoration:none !important; 
}
.button-inside{
	color:whitesmoke !important;
	background-color: #393d43;
	display:inline-block;

}

.button-inside:hover{

background-color: #ff4551;
}


@media screen and (max-width: 1024px){
	.line .line-element{
	width:90%;
padding:0;
margin:20px auto; 
}
.s4-title{
height:150px !important;

}
.s4-title-inner h1{
font-size: 24px;
}
.s4-title-inner h1 span.fl-subtitle{

    font-size:18px;
}
.stricky-call-to-action a.button {
width:80%;
padding-left:0;
padding-right:0;

}
.s4-title-inner{
height:100px !important;
    transform: translateY(50px);
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
    -moz-transform: translateY(50px);
background-position:left;
}

.s4-title-inner h1{
background-color:#ffffffd1;
padding:5px 10px;
right:10px;
background-image:none;
}
.menu-horizontal{
	height: 100vh;
}
	.s4-tn li.static>.menu-item{
		text-transform:uppercase;
		margin-top: 20px;
		
		
	}
	
}


/* PHOTOOOOO*/

.contact-red-cross-link{
	background-color:#ff4551;
	color:white !important;
	margin-top:15px;
	display:inline-block;
}
.picture-result .speech-bubble{
	bottom:175px;
	
}
.picture-result{float:left;
margin:30px;
text-align:center;
position:relative}

.picture-result img{width:180px;
height:240px}
.picture-result:hover{
transform: scale(1.1);
transition:transform 1s;

}

/* FILTEEEERS*/


.consolidated-filters select, .consolidated-filters input{
	border: none;
	padding: 5px 10px;
	width: 80%;
}
div#ctl00_m_g_7f3333fc_f708_4934_b6de_aff0dc59fef8{
	
	max-width: 1280px;
	margin:auto;
}