@charset "utf-8";
/* CSS Document */

p {font-family: arial ;}
a {font-family: arial ;
	color : #DD6B02;}

body. {padding: 0;
	border: 0;
	margin: 0; 
	position: absolute;
	width: 1024px;}

.form-place {position:absolute;
	top: 673px;
	left: 530px;
	width: 500px;
	}

input {
	border: 2px solid white;
	border-radius: 12px;
	-webkit-box-shadow:
		inset 0 0 8px rgba(0,0,0,0.1),
			  0 0 16px rgba(0,0,0,0.1);
	-moz-box-shadow:
		inset 0 0 8px rgba(0,0,0,0.1),
			  0 0 16px rgba(0,0,0,0.1);
	box-shadow:
		inset 0 0 8px rgba(0,0,0,0.1),
			  0 0 16px rgba(0,0,0,0.1);
	padding: 10px;
	background: rgba(255,255,255,1);
	margin: 0px 0px 5px 0px;
	margin-right: 14px;
}

button {
	display: inline-block;
	border: 2px solid black;
	border-radius: 12px;
	background-color:#DD6B02;
	padding: 10px 26px;
	margin: 0 0 10px 0;
	font-family: Arial;
	text-align: center;
	font-weight: 800;
	cursor: pointer;
	
}
.buttonV {
	border:  2px solid black;
	color: black;
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}
.buttonV:hover {
	border:  2px solid white;
	color:  white;
	box-shadow: 0 17px 50px 0 rgba(0,0,0,0.19), 0 12px 16px 0 rgba(0,0,0,0.24);
}

.Erreur {position:absolute;
	top: 673px;
	left: 530px;
	width: 500px;
    color: black;
	font-family: Arial;
	font-weight: 800;
	}

.butt-retour {
	position: absolute;
	top: 745px;
	left: 728px;
	cursor: pointer;	
}
.butt-retour:hover{
	background: #DD6B02;
}
.butt-avance:hover{
	background: #DD6B02;
}
.butt-avance {
	position: absolute;
	top: 745px;
	left: 850px;
	cursor: pointer;
	
}
.curseurdoigt:hover {cursor: pointer;}

.pos-ouate {position: relative;
	top: 350px;
	left: 320px;
	cursor: pointer;
}
.pos-ouate1 {position: absolute;
	z-index: 0;
	border: 5px solid black;
	background: black;
}
.pos-ouate2 {position: absolute;
	z-index: 1;
}

}
header. {
	width: 1024px;
	padding: 0;
	border: 0;
	margin: 0;
}
h1 {background-color: white;
	color : #DD6B02;
	font-family: "Arial Black", Impact, Haettenschweiler, "Franklin Gothic Bold",  "sans-serif" ;
	text-align : justify;
	padding: 0;
	border: 0;
	margin: 0;
	font-size: 2.5em;
}
.intro {padding: 0;
	border: 0;
	margin: 0;
	
}
.intro p {background-color: #DD6B02;
		color : #fff;
	padding: 30px 40px;
}

main. {padding: 0, 80px}
.normal {font-size: medium;}
.normal2 {font-size: medium; padding: 0 20px; text-align: justify;
  }

.gdmom {position:absolute;
	width: 500 px;
	top: 217px;}
.text-left-index {
	position:absolute;
	top: 415px;
	left: 70px;
	width: 751px; }
.text-left {
	position:absolute;
	top: 180px;
	left: -64px;
	width: 751px; }
.bulle {position:absolute;
	top: 80px;
	left: 430px;
	width: 640px;
	}
.scroll {
	position:absolute;
	top: 100px;
	left: 440px;
	width: 525px;
	height: 160px;
	z-index:1;
	font-family: arial ;
	font-size: medium;
	font-size: medium;
  
  overflow-x: hidden;
  overflow-y: auto;
  text-align: justify;
  padding: 20px;
}
.left {
	position:relative;
	top: 0px;
	left: 50px;
	padding: 0;
	width: 437px; }
.right {
	position:relative;
	top: 0px;
	left: 50px;
	padding: 0;
	width: 437px; }

.ressources {
	position:relative;
	border: #DD6B02;
	border-style: dotted;
	border-radius: 12px;
	padding: 0 20px 5px 20px;
	top: 10px;
	left: 50px;
	width: 437px; }

.loupe1 {position:absolute;
	top: 469px;
	left: 592px;
	width: 83px;
	z-index:1;}
.mini-mom {position:absolute;
	top: 568px;
	left: 673px;
	width: 322px;
	z-index:1;}

#mom:hover{fill:#dd6b02}


footer.
.bas {
	position:absolute;
	top: 589px;
	left: 13px;
	}
.mention {font-size: x-small;}