/*----------------------------------- introduction -----------------------------------*/ /* -------------------------------------------------------- */


html{
	background-color: #b1b1b175;
	margin: auto;
	word-wrap: break-all;
	max-width: 1700px;
	max-height: 0px;
	font-family: FreeMono, monospace;
}

body {
	background-color: #001d49;
	margin-top: 0%;
	margin-bottom: 3%;
	margin-left: auto;
	margin-right: auto;
	border: 2px Solid black;
}

/*----------------------------------- Fin de l'introduction -----------------------------------*/ /* -------------------------------------------------------- */

/*----------------------------------- Haut de page -----------------------------------*/ /* -------------------------------------------------------- */

header {
	background-color: white;
	padding: 2.5% 0% 2.5% 0%;
	text-align: center;
}

header>a {
	margin: 0.2% 2% 0.2% 2%;
}

header>a>button {
	font-size: 20px;
	border: 1px Solid white;
	border-radius: 4px;
	background-color: white;
	transition: background 2s linear, border-width 2s linear, border-color 2s linear;
	cursor: pointer;
	padding: 0.5%;
}

.tr:hover{
	border-color: #e7e7e7;
	background-color: #e7e7e7;
	transition: background 0.3s linear, border-width 0.3s linear, border-color 0.3s linear;
}

.buGood {
	background-color: #d3a8ecad;
	border: 1px Solid #d3a8ecad;
}

/*----------------------------------- Fin du Haut de page -----------------------------------*/ /* -------------------------------------------------------- */



/*----------------------------------- Zone d'image -----------------------------------*/ /* -------------------------------------------------------- */

.bonjour {
	text-align: center;
	padding: 3% 0% 3% 0%;
	background: linear-gradient(to left, #500707 0%, #00f3ff00 100%);
}

.imgType1 {
	background-image: url('images/img2.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	padding: 18% 0% 18% 0%;
	margin: 3% 10% 2% 10%;
	border-radius: 7px;
	border: 2px Solid black;
}

.imgType1>h1 {
	font-size: 26px;
	background-color: #ffffffbd;
	border: 1px Solid black;
	border-radius: 6px;
	margin: 0% 30% 0% 30%;
	padding: 2%;
}

/*----------------------------------- Fin de zone d'image -----------------------------------*/ /* -------------------------------------------------------- */



/*----------------------------------- Zone de Texte -----------------------------------*/ /* -------------------------------------------------------- */



/*----------------------------------- Présentation V2 -----------------------------------*/

.cadre{
	background-image: url('images/img1.png');
	background-repeat: no-repeat;
	background-size: 114%;
	padding: 5% 15% 5% 15%;
	border-top: 10px Solid black;
}

.form{
	background-image: url('images/ds.jfif');
	background-repeat: no-repeat;
	background-size: 80%;
	margin-left: 20%;
	color: #3eb044;
}

.txtform{
	padding: 50px;
}

.esp {
	margin-left: 50px;
}

.txtform>h1 {
	font-size: 22px;
	text-align: left;
	margin-left: -20%;
	text-align: center;
	margin-top: 6%;
}

.txtform>h2 {
	font-size: 22px;
	margin-bottom: 30px;
}

.txtform>p {
	font-size: 18px;
	margin-bottom: 10px;
}

.txtform>img {
	position: absolute;
	width: 150px;
	height: 150px;
	margin: -2% 0% 0% 55%;
}

.txtform>hr {
	background-color: #3eb044;
	margin-bottom: 20px;
	margin-top: 40px;
	margin-left: 7%;
	width: 65%;
}

/*----------------------------------- Fin présentation V2 -----------------------------------*/



/*----------------------------------- Entreprise -----------------------------------*/


.cadre2 {
	background-image: url('images/sister.png');
	background-repeat: no-repeat;
	background-size: cover;
	padding: 5% 15% 5% 15%;
	border-top: 10px Solid black;
}

img {
	width: 100px;
	height: 100px;
}

.spe {
	width: 91px;
	height: 91px;
}

.txtpetit {
	font-size: 12px;
}


/*----------------------------------- Fin entreprise -----------------------------------*/


/*----------------------------------- Projets Pro -----------------------------------*/


.cadre3 {
	background-image: url('images/Ba.jfif');
	background-repeat: no-repeat;
	background-size: cover;
	padding: 5% 15% 5% 15%;
	border-top: 10px Solid black;
}


/*----------------------------------- Fin projets Pro -----------------------------------*/


/*----------------------------------- Projets Formation -----------------------------------*/


.cadre4 {
	background-image: url('images/448.jpeg');
	background-repeat: no-repeat;
	background-size: cover;
	padding: 5% 15% 5% 15%;
	border-top: 10px Solid black;
}


/*----------------------------------- Fin projets Formation -----------------------------------*/


/*----------------------------------- Veille -----------------------------------*/


.cadre5 {
	background-image: url('images/ste2.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	padding: 5% 15% 5% 15%;
	border-top: 10px Solid black;
}


/*----------------------------------- Fin Veille -----------------------------------*/


/*----------------------------------- Projets -----------------------------------*/

.separ{
	border-top: 10px Solid black;
}

.blocP {
	background-color: white;
	margin: 5% 10% 5% 10%;
	padding: 2% 3% 2% 3%;
}

.blocP>h3 {
	text-align: right;
	padding: 5px;
}

.blocP>h3>a {
	background-color: black;
	color: white;
	text-decoration: none;
	padding: 5px;
}

.blocP>h1{
	text-align: center;
}

.blocP>h4{
	font-size: 18px;
}

.i1 {
	width: 1000px;
	height: 500px;
}

.i2 {
	width: 1000px;
	height: 200px;
}

.i3 {
	width: 300px;
	height: 700px;
	margin-left: 400px;
}

.i4 {
	width: 300px;
	height: 400px;
	margin-left: 400px;
}

.i5 {
	width: 700px;
	height: 700px;
	margin-left: 200px;
	border: 1px Solid black;
}

.i6 {
	width: 700px;
	height: 1200px;
	margin-left: 200px;
	border: 1px Solid black;
}

.i7 {
	width: 700px;
	height: 500px;
	margin-left: 200px;
	border: 1px Solid black;
}

/*----------------------------------- Fin projets -----------------------------------*/


/*----------------------------------- Mentions -----------------------------------*/



/*----------------------------------- Fin Mentions -----------------------------------*/


/*----------------------------------- Fin de zone de Texte -----------------------------------*/ /* -------------------------------------------------------- */



/*----------------------------------- Zone bloc -----------------------------------*/ /* -------------------------------------------------------- */

.bloc {
	margin: 0% 0% 0% 0%;
	padding: 2% 15% 2% 15%;
	background: linear-gradient(to bottom, #001d49 0%, var(--c) 80%);
}

@property --c {
	syntax: '<color>';
	inherits: false;
	initial-value: grey;
}


.bloc>h2{
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	font-size : 28px;
	margin: 0% 0% 0% 0%;
	color: white;
}

.bloc>p{
	text-align: left;
	font-size: 22px;
}

.padd{
	padding-top: 50px;
	padding-bottom: 50px;
}

hr{
	color: none;
	background-color: #00f3ff00;
	border: 1px Solid #00f3ff00;
	/* #00f3ff00 */
}

.bloc>hr{
	border: 1px Solid white;
}

.bloc2{
	display: block;
}

.projet{
	background-color: white;
	border: 2px Solid black;
	width: 375px;
	height: 500px;
	margin-right: 55%;
	position: absolute;
	word-wrap: break-word;
}

.projet2{
	background-color: white;
	border: 2px Solid black;
	width: 400px;
	height: 500px;
	margin-left: 60%;
	position: relative;
	word-wrap: break-word;
	
}

.bloc2>.projet>h2{
	font-size: 22px;
	padding: 0% 7% 0% 7%;
	text-align: center;
}

.bloc2>.projet2>h2{
	font-size: 22px;
	padding: 0% 7% 0% 7%;
	text-align: center;
}

.bloc2>.projet>p{
	padding: 0% 10% 0% 10%;
}

.bloc2>.projet2>p{
	padding: 0% 10% 0% 10%;
}

.bloc2>.projet>h3{
	width: 100%;
	text-align: center;
}

.bloc2>.projet>h3>a{
	text-align: center;
	background-color: #758cff;
	text-decoration: none;
	color: white;
	padding: 2%;
}

.bloc2>.projet>a{
	margin: 20%;
	text-align: center;
	background-color: #758cff;
	text-decoration: none;
	color: white;
	padding: 2%;
}

.bloc2>.projet2>a{
	margin: 20%;
	text-align: center;
	background-color: #758cff;
	text-decoration: none;
	color: white;
	padding: 2%;
}

.bloc2>.projet2>h3{
	width: 100%;
	text-align: center;
}

.bloc2>.projet2>h3>a{
	text-align: center;
	background-color: #758cff;
	text-decoration: none;
	color: white;
	padding: 2%;
}

.fix {
	
}

/*----------------------------------- Fin de zone bloc -----------------------------------*/ /* -------------------------------------------------------- */



/*----------------------------------- Bas de page -----------------------------------*/ /* -------------------------------------------------------- */

footer {
	background-color: black;
	margin: 0%;
	text-align: center;
	padding: 3% 0% 3% 0%;
}

footer>a{
	font-size: 20px;
	padding: 0% 5% 0% 5%;
	text-decoration: none;
	color: white;
	cursor: pointer;
}

/*----------------------------------- Fin de Bas de page -----------------------------------*/ /* -------------------------------------------------------- */



/*----------------------------------- Débogage -----------------------------------*/ /* -------------------------------------------------------- */


p {
	margin: 0%;
}

.par {
	display: block;
}

.enf {
	display: inline-block;
}


/*----------------------------------- Fin débogage -----------------------------------*/ /* -------------------------------------------------------- */



/*----------------------------------- Bilan -----------------------------------*/ /* -------------------------------------------------------- */


.bilan {
	background-color: white;
	padding: 2%;
}


/*----------------------------------- Fin Bilan -----------------------------------*/ /* -------------------------------------------------------- */


/*----------------------------------- Ancienne version -----------------------------------

background: linear-gradient(to bottom, #C0C0C0 0%, var(--c) 80%);

@property --c {
	syntax: '<color>';
	inherits: false;
	initial-value: #ffffff;
}

  ----------------------------------- Fin ancienne version -----------------------------------*/