#Main_Color {
    background-color: #044F64;
}

#Second_Color {
    background-color: #437B8A;
}

#Third_Color {
    background-color: #A2BDC6;
}

h1 {
    color:#044F64;
}

.Text_Content {
    margin: 0 5vw 5vh 5vw;
    text-align: justify;
}

.Testimony_Quote {
    font-style: italic;
    text-align: center;
}

#Information_Div {
    background-color: #A2BDC6;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.Section {
    display: flex;
    justify-content: space-around;
}

#Article_Section{
	align-items:center;
}


#Container{
    width:83vw;
	justify-content:left;
	flex-wrap:nowrap;
	overflow:overlay;
}

.Input_Submit{
	background-color:#044F64;
}

.Input_Submit:hover{
	background-color:#437B8A;
}

form, #Information_Div{
    width:35vw;
}

input, #Input_Content{
	width:100%;
}

@media only screen and (max-width:767px){
    .Section{
		align-items:center;
        flex-direction:column;
    }

    #Information_Div, form{
        width:75vw;
        margin:0 0 5vh 0;
    }
	
	#Container{
		height:50vh;
		overflow-y:scrollbar;
	}
    
} 

.Quote_Content h5 , .Quote_Content p, .Source_Content{
	color: #044F64;
}

.Quote_Line {
    background-color: #044F64;
}

#leftArrow{
	transform: rotate(180deg);
}

#Left_Scroll_Button, #Right_Scroll_Button{
	width:5vw;
	height:5vw;
	background-color:#044F64;
	border-radius:2vw;
	transition:background 1s;
	visibility:hidden;
	display:flex;
	justify-content:center;
	align-items:center;
}

#Left_Scroll_Button:hover, #Right_Scroll_Button:hover{
	background:#437B8A;
	
}
	

.Il-Nous-Aime .Top_Square_Link{
    background-image: url("../Images/Images_Page_Groupe/Temoignages-IlNousAime.jpg");
}

.BrebisPerdue .Top_Square_Link{
    background-image: url("../Images/Images_Page_Groupe/Temoignages_BrebisPerdue.png");
	background-position:center top;
}

.RoleParalytique .Top_Square_Link{
	background-image:url("../Images/Images_Page_Groupe/Temoignages-RoleParalytique.png");
}



.{background-image:url('/Ressources/Images/Images_Page_Groupe/First_Image.docx');}