/*************************************************************************************************
 *   	FredLab Projetcs Incorporated
 *                Projet :   FredLab
 *                  Page :   general.css
 *                Chemin :   http://127.0.0.1:8080/FredLab/config/css/general.css
 *                  Type :   page de modules
 * 				Contexte :	 Css 3.0
 *              Fonction :   page de styles d'affichage CSS
 *   Date mise en oeuvre :   13/11/2019
 *          Dernière MàJ :   14/11/2019
 *************************************************************************************************/
/*
Palette
	Saison 1  :		#1F3A81
	Saison 2  :		#D13328
	Saison 3  :		#116D86
	Saison 4  :		#F06F45
	Saison 5  :		#7C2880
	Saison 6  :		#1B776A
	Saison 7  :		#DC328A
	Saison 8  :		#3B95D1
	Saison 9  :		#FFCC00
	Saison 10 :		#8F2144

   background :		#61697D
   mauve bleu :		#67617D
   mauve rose :		#75617D
 	     vert : 	#61777D
		 kaki :		#777D61

	 Niveau 1 :		#456958
	 Niveau 2 :		#987D49
	 Niveau 3 :		#7F4D5B
*/
 /***** ***** ***** Containers ***** ***** *****/
#site-container{
	opacity: 0.9;
    background-color: transparent;
    -webkit-font-smoothing: antialiased;
	-webkit-box-shadow: 6px 4px 12px #000000;
	-moz-box-shadow: 6px 4px 12px #000000;
	box-shadow: 6px 4px 12px #000000;
	border-left: 1px outset #000000;
	border-top: 1px outset #000000;
	border-bottom: 1px inset #444444;
}
/***** ***** ***** Webfonts ***** ***** *****/
@font-face{
	font-family: "Alphaecho";
	src: url('fonts/alphaecho_regular/alpha_echo-webfont.eot') format('eot'),
		 url('fonts/alphaecho_regular/alpha_echo-webfont.woff') format('woff'),
		 url('fonts/alphaecho_regular/alpha_echo-webfont.ttf') format('truetype'),
		 url('fonts/alphaecho_regular/alpha_echo-webfont.svg') format('svg');
}@font-face{
	font-family: "Magenta";
	src: url('fonts/magenta_regular/Magenta_BBT-webfont.eot') format('eot'),
		 url('fonts/magenta_regular/Magenta_BBT-webfont.woff') format('woff'),
		 url('fonts/magenta_regular/Magenta_BBT-webfont.ttf') format('truetype'),
		 url('fonts/magenta_regular/Magenta_BBT-webfont.svg') format('svg');
}
@font-face{
	font-family: "3Dumb";
	src: url('fonts/3dumb_regular/3Dumb-webfont.eot') format('eot'),
		 url('fonts/3dumb_regular/3Dumb-webfont.woff') format('woff'),
		 url('fonts/3dumb_regular/3Dumb-webfont.ttf') format('truetype'),
		 url('fonts/3dumb_regular/3Dumb-webfont.svg') format('svg');
}
@font-face{
	font-family: "ImpactLabel";
	src: url('fonts/impactlabel_regular/Impact_Label-webfont.eot') format('eot'),
		 url('fonts/impactlabel_regular/Impact_Label-webfont.woff') format('woff'),
		 url('fonts/impactlabel_regular/Impact_Label-webfont.ttf') format('truetype'),
		 url('fonts/impactlabel_regular/Impact_Label-webfont.svg') format('svg');
}
@font-face{
	font-family: "OldStamper";
	src: url('fonts/oldstamper_regular/old_stamper-webfont.eot') format('eot'),
		 url('fonts/oldstamper_regular/old_stamper-webfont.woff') format('woff'),
		 url('fonts/oldstamper_regular/old_stamper-webfont.ttf') format('truetype'),
		 url('fonts/oldstamper_regular/old_stamper-webfont.svg') format('svg');
}
@font-face{
	font-family: "SecretTypewriter";
	src: url('fonts/secrettypewriter_regular/veteran_typewriter-webfont.eot') format('eot'),
		 url('fonts/secrettypewriter_regular/veteran_typewriter-webfont.woff') format('woff'),
		 url('fonts/secrettypewriter_regular/veteran_typewriter-webfont.ttf') format('truetype'),
		 url('fonts/secrettypewriter_regular/veteran_typewriter-webfont.svg') format('svg');
}
@font-face{
	font-family: "District";
	src: url('fonts/district_regular/District-webfont.eot') format('eot'),
		 url('fonts/district_regular/District-webfont.woff') format('woff'),
		 url('fonts/district_regular/District-webfont.ttf') format('truetype'),
		 url('fonts/district_regular/District-webfont.svg') format('svg');
}
@font-face{
	font-family: "CaptureIt";
	src: url('fonts/captureit_regular/Capture_it-webfont.eot') format('eot'),
		 url('fonts/captureit_regular/Capture_it-webfont.woff') format('woff'),
		 url('fonts/captureit_regular/Capture_it-webfont.ttf') format('truetype'),
		 url('fonts/captureit_regular/Capture_it-webfont.svg') format('svg');
}
@font-face{									/* TechniqueBrk */
	font-family: "TechniqueBrk";
	src: url('fonts/techniquebrk_normal/techniqu-webfont.eot') format('eot'),
		 url('fonts/techniquebrk_normal/techniqu-webfont.woff') format('woff'),
		 url('fonts/techniquebrk_normal/techniqu-webfont.ttf') format('truetype'),
		 url('fonts/techniquebrk_normal/techniqu-webfont.svg') format('svg');
}
@font-face{									/* Belligerent */
	font-family: "Belligerent";
	src: url('fonts/belligerentmadness_regular/belligerent-webfont.eot') format('eot'),
		 url('fonts/belligerentmadness_regular/belligerent-webfont.woff') format('woff'),
		 url('fonts/belligerentmadness_regular/belligerent-webfont.ttf') format('truetype'),
		 url('fonts/belligerentmadness_regular/belligerent-webfont.svg') format('svg');
}
/***** ***** ***** Balises HTML ***** ***** *****/
body{
	background-image: url("../../media/pics/wsource-code.jpg");
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
	-webkit-font-smoothing: antialiased;
	background-color: #101010;
}
a{
	text-decoration: none;
	transition-property: color,text-shadow;
	transition-duration: 1550ms;
	font-family: "CaptureIt";
	color: #002A3D;
	font-size: 20px;
	text-shadow: 3px 3px 5px #046259;
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: 1550ms;
	-moz-transition-duration: 1550ms;
	-o-transition-duration: 1550ms;
	transition-duration: 1550ms;
}
a:hover{
	text-decoration: none;
	color: #1333A4;
	text-shadow: 3px 2px 5px #2F7FC0;
}
/***** ***** ***** Titrages HTML ***** ***** *****/
h1,h2,h3,h4{
	background-color: transparent;
}
h1,h1 a{
	text-align: center;
	vertical-align: middle;
	margin: 20px 0px 15px 0px;
	font-family: "CaptureIt";
	font-size: 30px;
	-webkit-font-smoothing: antialiased;
	letter-spacing: 0.08em;
	opacity: 1;
	color: #046259;
	text-shadow: 2px 2px 5px #043C62;
}
h2,h2 a{
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 10px 0px 10px 0px;
	color: #046259;
	font-family: "CaptureIt";
	font-size: 26px;
	-webkit-font-smoothing: antialiased;
	letter-spacing: 0.08em;
	opacity: 1;
}
h3,h3 a{
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 10px 0px 10px 0px;
	font-family: "CaptureIt";
	font-size: 22px;
	letter-spacing: 0.08em;
	-webkit-font-smoothing: antialiased;
	opacity: 1;
	color: #046259;
}
h4,h4 a{
	display: flex;
	justify-content: center;
	align-items: center;
	font-family: "CaptureIt";
	font-size: 18px;
	letter-spacing: 0.08em;
	-webkit-font-smoothing: antialiased;
	opacity: 1;
	color: #046259;
	text-shadow: 3px 3px 5px #002A3D;
}
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover{
	color: #009DA5;
	text-shadow: 2px 2px 3px #000000;
}
/***** ***** ***** En-tête graphique ***** ***** *****/
#site-header{
	background-color: hsl(96, 0%, 20%) !important;
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b2b2b2", endColorstr="#333333");
    background-image: -khtml-gradient(linear, left top, left bottom, from(#b2b2b2), to(#333333));
    background-image: -moz-linear-gradient(top, #b2b2b2, #333333);
    background-image: -ms-linear-gradient(top, #b2b2b2, #333333);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b2b2b2), color-stop(100%, #333333));
    background-image: -webkit-linear-gradient(top, #b2b2b2, #333333);
    background-image: -o-linear-gradient(top, #b2b2b2, #333333);
    background-image: linear-gradient(#b2b2b2, #333333);
    border-color: #333333 #333333 hsl(96, 0%, 7.5%);
    color: #fff !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.82);
    -webkit-font-smoothing: antialiased;
	-webkit-box-shadow: 6px 4px 12px #000000;
	-moz-box-shadow: 6px 4px 12px #000000;
	box-shadow: 6px 4px 12px #000000;
	border-left: 1px outset #000000;
	border-top: 1px outset #000000;
	border-bottom: 1px inset #444444;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: transparent;
	opacity: 0.85;
}
#tab-site-header{
	border: none;
	background-color: transparent;
	width: 90%;
}
#tab-site-header tr{
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: transparent;
	border: none;
}
#tab-site-header td{
	display: flex;
	justify-content: center;
	align-items: center;
	border: none;
	background-color: transparent;
	font-family: "TechniqueBrk";
	font-size: 36px;
	letter-spacing: 0.08em;
	color: #333;
	text-shadow: 4px 4px 7px #037A63;
}
.img-logosite{
	height: 50px;
}
/***** ***** ***** Barres de navigation ***** ***** *****/
#navbarMain{
	z-index: 10;
	background-color: hsl(150, 22%, 12%) !important;
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#699f84", endColorstr="#17251e");
	background-image: -khtml-gradient(linear, left top, left bottom, from(#699f84), to(#17251e));
	background-image: -moz-linear-gradient(top, #699f84, #17251e);
	background-image: -ms-linear-gradient(top, #699f84, #17251e);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #699f84), color-stop(100%, #17251e));
	background-image: -webkit-linear-gradient(top, #699f84, #17251e);
	background-image: -o-linear-gradient(top, #699f84, #17251e);
	background-image: linear-gradient(#699f84, #17251e);
	border-color: #17251e #17251e hsl(150, 22%, 2%);
	-webkit-font-smoothing: antialiased;
	-webkit-box-shadow: 6px 4px 12px #000000;
	-moz-box-shadow: 6px 4px 12px #000000;
	box-shadow: 6px 4px 12px #000000;
	border-left: 1px outset #000000;
	border-top: 1px outset #000000;
	border-bottom: 1px inset #444444;
	color: #002A3D;
	text-shadow: 2px 2px 4px #037A63;
	padding-left: 0px;
	margin-top: 15px;
}
#navbarFullSite ul{
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-family: "TechniqueBrk";
}
#navbarFullSite ul li a{
	color: #002A3A;
	font-size: 20px;
	text-shadow: 2px 2px 4px #009175;
}
#navbarFullSite ul li a:hover{
	background-color: hsl(150, 5%, 35%) !important;
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#bcc2bf", endColorstr="#545d59");
	background-image: -khtml-gradient(linear, left top, left bottom, from(#bcc2bf), to(#545d59));
	background-image: -moz-linear-gradient(top, #bcc2bf, #545d59);
	background-image: -ms-linear-gradient(top, #bcc2bf, #545d59);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #bcc2bf), color-stop(100%, #545d59));
	background-image: -webkit-linear-gradient(top, #bcc2bf, #545d59);
	background-image: -o-linear-gradient(top, #bcc2bf, #545d59);
	background-image: linear-gradient(#bcc2bf, #545d59);
	border-color: #545d59 #545d59 hsl(150, 5%, 25%);
	color: #002A3A;
	text-shadow: 2px 2px 4px #037A63;
	-webkit-font-smoothing: antialiased;
}
.custom-dpdmenu{
	opacity: 1;
	background-color: hsl(150, 22%, 12%) !important;
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#699f84", endColorstr="#17251e");
	background-image: -khtml-gradient(linear, left top, left bottom, from(#699f84), to(#17251e));
	background-image: -moz-linear-gradient(top, #699f84, #17251e);
	background-image: -ms-linear-gradient(top, #699f84, #17251e);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #699f84), color-stop(100%, #17251e));
	background-image: -webkit-linear-gradient(top, #699f84, #17251e);
	background-image: -o-linear-gradient(top, #699f84, #17251e);
	background-image: linear-gradient(#699f84, #17251e);
	border-color: #17251e #17251e hsl(150, 22%, 2%);
	-webkit-font-smoothing: antialiased;
	color: #002A3D;
	text-shadow: 2px 2px 4px #037A63;
}
/***** ***** ***** Boutons de navigation ***** ***** *****/

/***** ***** ***** Classes de mise en forme ***** ***** *****/
.no-bg-no-bd{
	background-color: transparent;
	border: none;
}
.box-shadow{
	box-shadow: 2px 2px 4px #000;
	-moz-box-shadow: 2px 2px 4px #000;
	-webkit-box-shadow: 2px 2px 4px #000;
}
/***** ***** ***** Footer html ***** ***** *****/
footer{
	z-index: 30;
	opacity: 0.8;
    background-color: hsl(96, 0%, 20%) !important;
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b2b2b2", endColorstr="#333333");
    background-image: -khtml-gradient(linear, left top, left bottom, from(#b2b2b2), to(#333333));
    background-image: -moz-linear-gradient(top, #b2b2b2, #333333);
    background-image: -ms-linear-gradient(top, #b2b2b2, #333333);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b2b2b2), color-stop(100%, #333333));
    background-image: -webkit-linear-gradient(top, #b2b2b2, #333333);
    background-image: -o-linear-gradient(top, #b2b2b2, #333333);
    background-image: linear-gradient(#b2b2b2, #333333);
    border-color: #333333 #333333 hsl(96, 0%, 7.5%);
    color: #fff !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.82);
    -webkit-font-smoothing: antialiased;
	-webkit-box-shadow: 6px 4px 12px #000000;
	-moz-box-shadow: 6px 4px 12px #000000;
	box-shadow: 6px 4px 12px #000000;
	border-left: 1px outset #000000;
	border-top: 1px outset #000000;
	border-bottom: 1px inset #444444;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 90%;
	margin-left: 5%;
	margin-top: 15px;
	position: relative;
	bottom: 0px;
}
address{
	padding-top: 15px;
}
.site-author{
	font-family: "TechniqueBrk";
	font-size: 14px;
	color: #002A3D;
	text-shadow: 2px 2px 4px #037A63;
}
.site-author i{
	font-family: "SecretTypewriter";
}
.site-powering{
	display: flex;
	justify-content: center;
	align-items: center;
	font-family: "SecretTypewriter";
	color: #002A3A;
	text-shadow: 2px 2px 4px #037A63;
}
#php-version{
	display: flex;
	justify-content: center;
	align-items: center;
	color: #002A3A;
	text-shadow: 2px 2px 4px #037A63;
	font-size: 16px;
}
.footer-hr{
	width: 100%;
	height: 2px;
	background-color: #002A3A;
	-webkit-box-shadow: 2px 2px 4px #037A63;
	-moz-box-shadow: 2px 2px 4px #037A63;
	box-shadow: 2px 2px 4px #037A63;
}
.linktotop{
	background-color: hsl(150, 7%, 24%) !important;
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#bdc6c1", endColorstr="#38413d");
	background-image: -khtml-gradient(linear, left top, left bottom, from(#bdc6c1), to(#38413d));
	background-image: -moz-linear-gradient(top, #bdc6c1, #38413d);
	background-image: -ms-linear-gradient(top, #bdc6c1, #38413d);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #bdc6c1), color-stop(100%, #38413d));
	background-image: -webkit-linear-gradient(top, #bdc6c1, #38413d);
	background-image: -o-linear-gradient(top, #bdc6c1, #38413d);
	background-image: linear-gradient(#bdc6c1, #38413d);
	border-color: #38413d #38413d hsl(150, 7%, 11%);
	color: #333 !important;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.85);
	-webkit-font-smoothing: antialiased;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	transition-property: box-shadow;
	transition-delay: 1550ms;
}
.linktotop:hover{
	-webkit-box-shadow: 2px 2px 4px #888888;
	-moz-box-shadow: 2px 2px 4px #888888;
	box-shadow: 2px 2px 4px #888888;
}
.linktotop a{
	-webkit-font-smoothing: antialiased;
	font-family: "CaptureIt";
	font-size: 12px;
	color: #002A3D;
	text-shadow: 2px 2px 4px #037A63;
	letter-spacing: 0.085em;
	transition-property: color,text-shadow;
	transition-duration: 1550ms;
}
.linktotop a:hover{
	color: #037A63;
	text-shadow: 2px 2px 3px #002A3D;
}
.footer-hr{
	margin-top: 15px;
	width: 85%;
}
/*****  Boutons *****/
.btn-fred1{
	background-color: #1F85DE;
}
.btn-fred2{
	background-color:#6946E3;
}
/*****  Classes persos Bootsrap-like *****/
.col-1-hidden, .col-2-hidden, .col-3-hidden, .col-4-hidden, .col-5-hidden, .col-6-hidden, .col-7-hidden, .col-8-hidden, .col-9-hidden, .col-10-hidden, .col-11-hidden, .col-12-hidden, .col-sm-1-hidden, .col-sm-2-hidden, .col-sm-3-hidden, .col-sm-4-hidden, .col-sm-5-hidden, .col-sm-6-hidden, .col-sm-7-hidden, .col-sm-8-hidden, .col-sm-9-hidden, .col-sm-10-hidden, .col-sm-11-hidden, .col-sm-12-hidden, .col-md-1-hidden, .col-md-2-hidden, .col-md-3-hidden, .col-md-4-hidden, .col-md-5-hidden, .col-md-6-hidden, .col-md-7-hidden, .col-md-8-hidden, .col-md-9-hidden, .col-md-10-hidden, .col-md-11-hidden, .col-md-12-hidden, .col-lg-1-hidden, .col-lg-2-hidden, .col-lg-3-hidden, .col-lg-4-hidden, .col-lg-5-hidden, .col-lg-6-hidden, .col-lg-7-hidden, .col-lg-8-hidden, .col-lg-9-hidden, .col-lg-10-hidden, .col-lg-11-hidden, .col-lg-12-hidden, .col-xl-1-hidden, .col-xl-2-hidden, .col-xl-3-hidden, .col-xl-4-hidden, .col-xl-5-hidden, .col-xl-6-hidden, .col-xl-7-hidden, .col-xl-8-hidden, .col-xl-9-hidden, .col-xl-10-hidden, .col-xl-11-hidden, .col-xl-12-hidden{
	position: relative;
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	display: none;
}
.col-1-hidden:target, .col-2-hidden:target, .col-3-hidden:target, .col-4-hidden:target, .col-5-hidden:target, .col-6-hidden:target, .col-7-hidden:target, .col-8-hidden:target, .col-9-hidden:target, .col-10-hidden:target, .col-11-hidden:target, .col-12-hidden:target, .col-sm-1-hidden:target, .col-sm-2-hidden:target, .col-sm-3-hidden:target, .col-sm-4-hidden:target, .col-sm-5-hidden:target, .col-sm-6-hidden:target, .col-sm-7-hidden:target, .col-sm-8-hidden:target, .col-sm-9-hidden:target, .col-sm-10-hidden:target, .col-sm-11-hidden:target, .col-sm-12-hidden:target, .col-md-1-hidden:target, .col-md-2-hidden:target, .col-md-3-hidden:target, .col-md-4-hidden:target, .col-md-5-hidden:target, .col-md-6-hidden:target, .col-md-7-hidden:target, .col-md-8-hidden:target, .col-md-9-hidden:target, .col-md-10-hidden:target, .col-md-11-hidden:target, .col-md-12-hidden:target, .col-lg-1-hidden:target, .col-lg-2-hidden:target, .col-lg-3-hidden:target, .col-lg-4-hidden:target, .col-lg-5-hidden:target, .col-lg-6-hidden:target, .col-lg-7-hidden:target, .col-lg-8-hidden:target, .col-lg-9-hidden:target, .col-lg-10-hidden:target, .col-lg-11-hidden:target, .col-lg-12-hidden:target, .col-xl-1-hidden:target, .col-xl-2-hidden:target, .col-xl-3-hidden:target, .col-xl-4-hidden:target, .col-xl-5-hidden:target, .col-xl-6-hidden:target, .col-xl-7-hidden:target, .col-xl-8-hidden:target, .col-xl-9-hidden:target, .col-xl-10-hidden:target, .col-xl-11-hidden:target, .col-xl-12-hidden:target{
	display: block;
}
/***** ***** ***** Classes Bootstrap - mofifications ***** ***** *****/
[class*="col-"]{
	background-color: #000018;
	line-height: 40px;
	text-align: center;
	vertical-align: middle;
}
[class="row"]{
	line-height: 40px;
	text-align: center;
	vertical-align: middle;
}
/* *** *** *** Classes générales *** *** *** */
.no-bg-no-bd{						/* fond transparent, pas de bordure */
	background-color: transparent;
    border: none;
}
.no-bg{								/* fond transparent */
	background-color: transparent;
}
.no-bd{								/* pas de bordure */
	border: none;
}
.bxshadow{							/* bordures ombrées */
	-webkit-box-shadow: 2px 2px 4px #037A63;
	-moz-box-shadow: 2px 2px 4px #037A63;
	box-shadow: 2px 2px 4px #037A63;
}
.body-hr{
	width: 70%;
	height: 2px;
	background-color: #002A3A;
	-webkit-box-shadow: 2px 2px 4px #037A63;
	-moz-box-shadow: 2px 2px 4px #037A63;
	box-shadow: 2px 2px 4px #037A63;
	margin-bottom: 0px;
}
/* * *** ***** ***** Animation des couleurs ***** ***** *** * */
@keyframes wheelHueGreen{
    from, to { color: hsl(174, 95%, 10%);}
    10%      { color: hsl(174, 95%, 14%);}
    20%      { color: hsl(174, 95%, 18%);}
    30%      { color: hsl(174, 95%, 22%);}
    40%      { color: hsl(174, 95%, 26%);}
    50%      { color: hsl(174, 95%, 30%);}
    60%      { color: hsl(174, 95%, 26%);}
    70%      { color: hsl(174, 95%, 22%);}
    80%      { color: hsl(174, 95%, 18%);}
    90%      { color: hsl(174, 95%, 14%);}
}
.animated-green{
    color: hsl(174, 95%, 10%);
    animation: wheelHueGreen 90s infinite;
}
/***** ***** ***** Page d'accueil ***** ***** *****/
#accWelcome,#accWelcomeSub{
	display: flex;
	justify-content: center;
	align-items: center;
	font-family: "Magenta";
	letter-spacing: 0.08em;
	background-color: transparent;
	
	text-shadow: 2px 2px 5px #000;
}
#accWelcome{
	margin-top: 20px;
	margin-bottom: 10px;
	font-size: 90px;
}
#accWelcomeSub{
	margin-top: 10px;
	margin-bottom: 20px;
	font-size: 64px;
	letter-spacing: 0.05em;
}
#secAccueilMain{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-top: 20px;
	padding-top: 10px;
	margin-bottom: 30px;
	-webkit-box-shadow: 6px 4px 12px #000000;
	-moz-box-shadow: 6px 4px 12px #000000;
	box-shadow: 6px 4px 12px #000000;
}
#secAccueilMain label{
	background-color: transparent;
}
#secAccueilMain label a{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 30px;
	background-color: hsl(96, 0%, 20%) !important;
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b2b2b2", endColorstr="#333333");
    background-image: -khtml-gradient(linear, left top, left bottom, from(#b2b2b2), to(#333333));
    background-image: -moz-linear-gradient(top, #b2b2b2, #333333);
    background-image: -ms-linear-gradient(top, #b2b2b2, #333333);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b2b2b2), color-stop(100%, #333333));
    background-image: -webkit-linear-gradient(top, #b2b2b2, #333333);
    background-image: -o-linear-gradient(top, #b2b2b2, #333333);
    background-image: linear-gradient(#b2b2b2, #333333);
    border-color: #333333 #333333 hsl(96, 0%, 7.5%);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.82);
    -webkit-font-smoothing: antialiased;
	font-family: "CaptureIt";
	font-size: 38px;
	letter-spacing: 0.08em;
	color: #046259;
	text-shadow: 2px 2px 5px #000018;
	transition-property: all;
	-moz-transition-property: all;
	-webkit-transition-property: all;
	transition-duration: 1550ms;
	-moz-transition-duration: 1550ms;
	-webkit-transition-duration: 1550ms;
}
#secAccueilMain label a:hover{
	color: #000018;
	text-shadow: 2px 2px 5px #046259;
}
/* ** Gestion des blocs ** */
#accCandidat,#accCoding{
	opacity: 0.9;
	background-color: hsl(96, 0%, 20%) !important;
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b2b2b2", endColorstr="#333333");
    background-image: -khtml-gradient(linear, left top, left bottom, from(#b2b2b2), to(#333333));
    background-image: -moz-linear-gradient(top, #b2b2b2, #333333);
    background-image: -ms-linear-gradient(top, #b2b2b2, #333333);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b2b2b2), color-stop(100%, #333333));
    background-image: -webkit-linear-gradient(top, #b2b2b2, #333333);
    background-image: -o-linear-gradient(top, #b2b2b2, #333333);
    background-image: linear-gradient(#b2b2b2, #333333);
    border-color: #333333 #333333 hsl(96, 0%, 7.5%);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.82);
    -webkit-font-smoothing: antialiased;
	padding: 15px 50px 5px 50px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	padding-bottom: 40px;
	margin-bottom: 40px;
	color: #002A3A;
}
#accCandidat:target,#accCoding:target{
	display: flex;
	justify-content: center;
	align-items: center;
}
.accRubTitle{
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: transparent;
	padding-top: 20px;
	font-family: "Belligerent";
	font-size: 38px;
	color: #002A3D;
	text-shadow: 1px 1px 3px #046259;
}
.accRubText{
	background-color: transparent;
	margin-bottom: 10px;
	padding-left: 10%;
	padding-right: 10%;
	text-align: justify;
	font-family: "Belligerent";
	font-size: 24px;
}
.accRubText::first-letter{
	margin: 0px 3px 0px 0px;
	font-size: 32px;
	color: #002A3D;
	text-shadow: 2px 2px 4px #037A63;
}
.accRubText a,#accParcours a{
	background-color: transparent;
	font-family: inherit;
	font-size: inherit;
	color: inherit;
	text-shadow: inherit;
	text-decoration: underline;
}
.accRubText a:hover,#accParcours a:hover{
	color: #009DA5;
	text-shadow: 1px 1px 3px #000;
	text-decoration: none;
}
.subLabel{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-top: 10px;
	background-color: transparent;
	font-family: "CaptureIt";
	font-size: 28px;
	color: #002A3D;
	text-shadow: 2px 2px 4px #037A63;
}
/***** ***** ***** ***** ***** ***** ***** ***** *****/
/* * *** ***** ***** Media queries ***** ***** *** * */
/***** ***** ***** ***** ***** ***** ***** ***** *****/
/* *** *** *** Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
	#tab-site-header td{
		font-size: 54px;
	}
	.img-logosite{
		height: 68px;
	}
	h1,h1 a{
		font-size: 34px;
	}
	h2,h2 a{
		font-size: 28px;
	}
	h3,h3 a{
		font-size: 24px;
	}
	.site-author,.site-powering{
		font-size: 22px;
	}
}
/* *** *** *** Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
	#tab-site-header td{
		font-size: 64px;
	}
	.img-logosite{
		height: 96px;
	}
	.site-author{
		font-size: 24px;
	}
	h1,h1 a{
		font-size: 38px;
	}
	h2,h2 a{
		font-size: 32px;
	}
	h3,h3 a{
		font-size: 28px;
	}
	#navbarFullSite ul li a{
		font-size: 18px;
	}
	.linktotop a{
		font-size: 16px;
	}
}
/* *** *** *** Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
	#tab-site-header td{
		font-size: 80px;
	}
	.img-logosite{
		height: 128px;
	}
	.site-author{
		font-size: 26px;
	}
	h1,h1 a{
		font-size: 42px;
	}
	h2,h2 a{
		font-size: 36px;
	}
	h3,h3 a{
		font-size: 32px;
	}
	#navbarFullSite ul li a{
		font-size: 18px;
	}
	.linktotop a{
		font-size: 18px;
	}
	#secAccueilMain label a{
		font-size: 32px;
	}
}
/* *** *** *** Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	#tab-site-header td{
		font-size: 84px;
	}
	footer{
		width: 70%;
		margin-left: 15%;
	}
	.site-author{
		font-size: 30px;
	}
	h1,h1 a{
		font-size: 46px;
	}
	h2,h2 a{
		font-size: 40px;
	}
	#navbarFullSite ul li a{
		font-size: 22px;
	}
	#secAccueilMain label a{
		font-size: 38px;
	}
	.linktotop a{
		font-size: 20px;
	}
}
/* Extra large devices (large desktops)
   No media query since the extra-large breakpoint has no upper bound on its width */