@font-face {
	font-family: "sheep_titre";
	src: url('sheep.ttf');
}

body {
	background-color: #000000;
	background-attachment:fixed;
	background-size: cover;
	height:100vh;
	margin:0;
	padding:0;
	color:#FFFFFF;
	font-family: '';
}

div#acc_fond {
	background-image:url(image/fond_accueil.gif);
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-size: cover;
	height:100vh;
}

div#acc_bandeau {
	width:100vw;
	align-centent:center;
	margin:0;
	padding:0;
	text-align:center;
	position:fixed;
}

div#acc_menu {
	width:100vw;
	height:10vh;
	margin:0;
	padding:0;
	padding-top:12vh;
	padding-bottom:1vw;
	text-align:center;
	position:fixed;
}

div#acc_page {
	width:80vw;
	height:68vh;
	margin-left:10vw;
	margin-right:10vw;
	margin-top:28vh;
	border: 2px solid grey;
	border-radius:15px;
	background-image:url(image/entree_fond.jpg);
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-size: cover;
	text-align:center;
	overflow:auto;
	position:fixed;
}

div#mentionsL {
	width:100vw;
	height:2vh;
	margin-top:97.5vh;
	text-align:center;
	position:fixed;
	font-size:1.5vh;
	color:#888888;
}

div#acc_ml {
	border-radius:15px;
	width:70vw;
	height:15vw;
	margin:0;
	margin-left:15vw;
	padding:0;
	padding-top:15vh;
	padding-bottom:1vw;
	text-align:left;
	position:fixed;
}


a.lien1:link {
  color:#ff9900;
  text-decoration: none;
}

a.lien1:visited {
  color:#ff9900;
  text-decoration: none;
}

a.lien1:hover {
  color:#ff9900;
  text-decoration: underline;
}

a.lien1:active {
  color:#ff9900;
  text-decoration: none;
}

a.lienML:link {
  color:#888888;
  text-decoration: none;
}

a.lienML:visited {
  color:#888888;
  text-decoration: none;
}

a.lienML:hover {
  color:#888888;
  text-decoration: underline;
}

a.lienML:active {
  color:#888888;
  text-decoration: none;
}


/******************** LES BOUTONS DU MENU **********************************************/
.myButtonMenu {
	width:15vw;
	margin:0.5vw;
	-moz-box-shadow: 0.2vw 0.25vw 1.3vw 0.2vw #899599;
	-webkit-box-shadow: 0.2vw 0.25vw 1.3vw 0.2vw #899599;
	box-shadow: 0.2vw 0.25vw 1.3vw 0.2vw #899599;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffd800), color-stop(1, #ffee00));
	background:-moz-linear-gradient(top, #ffd800 5%, #ffee00 100%);
	background:-webkit-linear-gradient(top, #ffd800 5%, #ffee00 100%);
	background:-o-linear-gradient(top, #ffd800 5%, #ffee00 100%);
	background:-ms-linear-gradient(top, #ffd800 5%, #ffee00 100%);
	background:linear-gradient(to bottom, #ffd800 5%, #ffee00 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd800', endColorstr='#ffee00',GradientType=0);
	background-color:#ffd800;
	-moz-border-radius:1vw;
	-webkit-border-radius:1vw;
	border-radius:1vw;
	border:0.2vw solid #000000; /*#d6bcd6*/
	display:inline-block;
	cursor:pointer;
	color:black; /*#3a8a9e*/
	font-family: "Arial";
	font-size:2vw;
	font-weight:bold;
	padding:0.5vw 1vw;
	text-decoration:none;
	text-shadow:0vw 0.1vw 0vw #e1e2ed;
}
.myButtonMenu:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e0362d), color-stop(1, #e0862d));
	background:-moz-linear-gradient(top, #e0362d 5%, #e0862d 100%);
	background:-webkit-linear-gradient(top, #e0362d 5%, #e0862d 100%);
	background:-o-linear-gradient(top, #e0362d 5%, #e0862d 100%);
	background:-ms-linear-gradient(top, #e0362d 5%, #e0862d 100%);
	background:linear-gradient(to bottom, #e0362d 5%, #e0862d 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e0362d', endColorstr='#e0862d',GradientType=0);
	background-color:#e0362d;
}
.myButtonMenu:active {
	position:relative;
	top:0.1vw;
}


/******************** POUR LA PAGE DES LIENS / CONTACTS **********************************************/

p.contact {
	font-size:1.1em;
	margin:1vw;
	padding:0;
}


/******************** POUR LA PAGE DES DOCUMENTS **********************************************/

p.docs {
	font-size:1em;
	margin:1vh;
	padding:0;
}