@font-face {
  font-family: 'CaviarDreams Regular';
  src: url(".././fonts/CaviarDreams/CaviarDreams-webfont.woff") format("woff")

}


@font-face {
  font-family: 'CaviarDreams Bold';
  src: url(".././fonts/CaviarDreams/Caviar_Dreams_Bold-webfont.woff") format("woff")

}
html {
  scroll-behavior: smooth;
}

.logo{
	width:50%;height: auto
}

.titleFontBold{
	font-family: 'CaviarDreams Bold', sans-serif !important;
	font-weight: bolder !important;
	font-size:25px !important;
}

.titleP{
	font-size:25px;
	color:#000000;
}

.textP{
	font-family: 'Noto Sans',sans-serif !important;
	font-size:20px;
	color:#000000;
}
.cta{
	background-color: #963435;
	color:#ffffff;
	border:none !important; outline: none !important;
	padding:3% 5%;
	margin-top: 3%;
	font-family: 'CaviarDreams Bold',sans-serif;
	cursor: pointer;
}

.cta:hover{
	border:1px solid #963435 !important;
	color:#963435;
	background-color: #ffffff;

}
.blocAccueil{
	height:250px;
	text-align: center;

}

#bloc2Accueil{
	padding-top:10%;
	padding-bottom:50%;
}
#bloc1Accueil{
	padding-top:17%;
	padding-bottom:100%;
}
#bloc3Accueil{
	padding-top:15%;
}
.block{
	display: block;
}
.paddingTop5px{
	padding-top:5px;
}
.atelierLinks{
	font-size: 20px !important;
}
h1{
	text-align: center;
	padding-top: 5%;padding-bottom: 5%;
}
.center{
	text-align: center;
}
.left{
	text-align: left;
}
.right{
	text-align: right !important;
}
.floatRight{
	float: right !important;
}

table,#tarifs{
	margin-left: auto;margin-right: auto;
	width:60%;
	border:0px solid #000000;
}
small{
	font-size: 10px !important
}
#tarifs td {
	border:1px solid #000000 !important;
	padding:5%;
	width: 50%;
}
input::placeholder{
		font-family: 'Noto Sans', sans-serif !important;
		padding-left: 1%

}

#nom,#prenom, #email,#objet{
	 outline: none;
	border-top:0px !important;
	border-left:0px !important;
	border-right:0px !important;
	border-bottom:1px solid #666666 !important;
		width: 100% !important;
	height: 50px !important;
	background-color: #f1f1f1!important
}
#message{
	width: 100% !important;
	height: 150px !important;
}
/**RESPONSIVE SHIT**/
@media (min-width:601px){
.accueilBloc{
	width:66% !important;
}}
@media (max-width:619px){
	.width100pr100{
		width:90% !important;
		padding:5% !important;
	}
#bloc1Accueil, #bloc2Accueil, #bloc3Accueil{
	padding-top:5%;
	padding-bottom:5%;
	width:95% !important;
	padding-left:2%;padding-right:2%;
}}

@media (max-width:1100px){
.left,	.right{
	text-align: center !important;
}
	.floatRight{
	float: right !important
}
.textP{
	font-size:15px !important;
}
}


/*INDEX*/

.blocsReal{
	display: inline-block !important;
	text-align: center;
	width:33%;
}
.blocsIndex{
	display: inline-block !important;
	width:33%;
	text-align: center;
	position: relative;top:-2vw;
}

.blocsIndex p {
	
	margin:0 !important;
	padding-top:0 !important;
	padding-bottom:0 !important;
	padding-left:0 !important;
	padding-right:0 !important;
}

.blocsIndex p, .positionRelative{
	position: relative;
	top: 5vw
}.paddingTop15pr{
	padding-top: 5% !important
}
.text1Vw{font-size: 14px !important}

@media (max-width:795px){
	.padding5Vw{
	top:8vw !important;
}
}
@media (max-width:1325px){
	.titleP{
	font-size: 20px !important;
	line-height: 20px !important
}
}
@media (max-width:1192px){
		.text1Vw{font-size: 12px !important}

}
@media (max-width:650px){
	.text1Vw{font-size: 12px !important}

	.blocsIndex, .blocsReal{
	width:100% !important;
	padding-top: 5% !important;
	padding-bottom: 5% !important
}
.titleP{
	font-size: 3vw !important;
	line-height: 3vw !important
}

}

@media (max-width:550px){

.titleP{
	font-size: 25px !important;
	line-height: 25px !important
}

}