CSSRecrutement.css

/*OUDJMAN ET MARCIAUX*/

/* BODY . */

input::placeholder { text-align: center; }

.Formulaire1{
	font-size: 120%;
    border: 1px dashed #e9bc96;
    border-radius: 30px;
    background-color: white;
}

.TailleFormulaire50{
	width: 25%;
}
.TailleFormulaire75{
	width: 37%;
}
.TailleFormulaire100{
	width: 51%;
}

.quizz{
	background-color: #fcdab9;
	text-align: center;
}

.File1{
	width: 25%;
	font-size: 110%;
}

.radio input[type=radio]:checked+label {
	background-color: #e9bc96;
}
.radio input[type=radio] {
	opacity: 0;
    position: fixed;
    width: 0;
}
.radio label {
	display: inline-block;
    padding: 10px 10px 10px;
    background-color: #fff;
    border: 1px dashed #e9bc96;
    border-radius: 30px;
    width: 15%;
    cursor: pointer;
}

.checkbox label {
	display: inline-block;
    padding: 10px 3px 10px;
    background-color: #fff;
    border: 1px dashed #e9bc96;
    border-radius: 30px;
    width: 12%;
    cursor: pointer;
}
.checkbox input[type=checkbox] {
	opacity: 0;
    position: fixed;
    width: 0;
}
.checkbox input[type=checkbox]:checked+label {
	background-color: #e9bc96;
}

textarea {
    border: 1px dashed #e9bc96;
    border-radius: 30px;
    padding: 13px;
}

button {
    text-transform: uppercase;
    height: 40px;
    border-radius: 30px;
    color: white;
    background-color: black;
    padding: 10px 10px 10px;
    cursor: pointer;
    display: inline-block;
    border: 1px dashed #e9bc96;
    width: 20%;
}

.Chefs {
  font-size: 250%;
  text-align: center;
    -webkit-text-stroke-width: 0.13rem;
    -webkit-text-stroke-color: black;
    color: #C78805;
    margin-top: 10%;
}

.Boutons{
	font-size: 120%;
	text-align: center;
}

.Bouton{
	border: 1px solid black;
	text-decoration: none;
	color: #C78805 ;
}


.TexteOuvertureChefs{
	font-family: cursive;
	font-size: 150%;
	height: 20%;
	text-align: center;
	color: #C78805;

}

.TailleTexteOuvertureChefs{
	height: 450px;
}

.PetitTexteOuvertureChefs{
	text-align: justify;
	width: 60%;
	color: #C78805;
}

.Centre {
	float: right;
}

.Slider {
	width: 100%;
	overflow: hidden;
	margin-right: 7%;
}

.Slides {
	width: calc(100% * 12);
	animation: glisse 30s infinite;
}

.Slide {
	float: left;
}

.Photo {
	width: 180px;
}

fieldset {
	width: 33%;
}

.EcritureChefs {
	font-family: monospace;
	text-align: justify;
}

.BackgroundClair{
	background: url('Photo/BackgroundClair.png');
	background-size: cover;
}

@keyframes glisse {
	0% {
		transform: translateX(0);
	}
	8% {
		transform: translateX(0);
	}
	15% {
		transform: translateX(-180px );
	}
	23% {
		transform: translateX(-180px );
	}
	31% {
		transform: translateX(-360px);
	}
	38% {
		transform: translateX(-360px);
	}
	46% {
		transform: translateX(-540px);
	}
	54% {
		transform: translateX(-540px);
	}
	62% {
		transform: translateX(-720px);
	}
	69% {
		transform: translateX(-720px);
	}
	77% {
		transform: translateX(-900px);
	}
	85% {
		transform: translateX(-900px);
	}
	92% {
		transform: translateX(0);
	}

}