.texte-article
{
    text-align: justify;
	font-family: Helvetica;
}

.corner-radius-1
{
	border-radius: 1px;
}
.corner-radius-2
{
	border-radius: 1px;
}
.corner-radius-3
{
	border-radius: 1px;
}
.corner-radius-4
{
	border-radius: 1px;
}

.shadow-black
{
	text-shadow: 0.4px 0.3px #222222;
}
.menu-font
{
	/*
	font-family: Sans-Serif !important;
	font-weight: bold !important;
	*/
	text-shadow: 0.5px 0.5px #222222; 
}
.menu-font:hover
{
	/*
	font-family: Sans-Serif !important;
	font-weight: bold !important;
	*/
	font-weight: bold !important;
	text-shadow: 0.5px 0.5px #222222; 
}
.navbar-bg
{
	background-image: linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0));
}
.border-black
{
	border-width: 2px solid black;
}
.tuile_fixe,.tuile_libre
{ 
	height:300px; border:1.5px solid black; border-radius: 1px; display: inline-block; overflow: hidden; margin: 10px;
	box-shadow: 1px 1px 1px 1px #00000030;
	box-shadow: inset 0 0 2px 2px #00000020;
	background-image: rgba(0, 0, 0, 0);
	transition-duration: 0.2s;
}
.tuile_fixe
{
	width:100%;
}
.vignette
{
	/*height:300px;*/
	margin: -1px;

	border:1.5px solid black; 

}
.texte_tuile
{
	color: #FFFFFFC0; font-size: 20px; font-family:'SansOpen',Arial,serif; overflow: hidden; text-align: center;
}
.tuile_fixe:hover 	{ transform: scale(1.02); }
.tuile_libre:hover	{ transform: scale(1.02); }
.fond_noir:hover 	{ background-color: rgba(0, 0, 0, 0); text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); }

.margin-top-section-150
{
	margin-top: -150px;
}
.margin-top-section-100
{
	margin-top: -100px;
}
.margin-top-section-50
{
	margin-top: -50px;
}
.margin-top-section-200
{
	margin-top: -200px;
}
.margin-top-section-250
{
	margin-top: -250px;
}
.margin-top-section-350
{
	margin-top: -250px;
}
.padding-top-50
{
	padding-top: -50px;
}
.color-h
{
	/*color: rgb(255,242,0) !important;
	background-color: rgb(237,28,36) !important;*/
    color: rgb(255,242,0) !important;
	background-color: rgb(237,28,36) !important;
	font-weight: bold;
}
.color-h2
{
	/*color: rgb(255,242,0) !important;
	background-color: rgb(237,28,36) !important;*/
    color: rgb(3,0,65) !important;
	background-color: rgb(213,38,65) !important;
	font-weight: bold;
}
.color-h3
{
	/*color: rgb(255,242,0) !important;
	background-color: rgb(237,28,36) !important;*/
    background-color: rgb(3,0,65) !important;
	color: rgb(213,38,65) !important;
	font-weight: bold;
}
.port
{
	text-align: justify;
	font-family: Helvetica;
	font-weight: bold;
	color: white;
	text-shadow: 1px 1px rgba(0,0,0,0.8);"
}
.clickable
{
    cursor: pointer;
}
.portfolio-item
{
	margin-top: 20px;
	margin-bottom: 20px;
}
.modal-content
{
	padding-bottom: 20px;
}
.titre_tuille
{
	height: 60px;
}