/* Paramétrage pour les balises body et html */
html {
	margin: 0;
	padding: 0;
}

body
{
	min-width: 1000px;
	margin: 0;
	padding: 0;
	/*color: white;*/
	font-family: 'Whitney SSm A','Whitney SSm B','ff-meta-web-pro',sans-serif;
    font-size: 16px;
	background-color: #2A5074;
	z-index: -10;
}

*, *:after, *:before {
    -moz-box-sizing: border-box;
	box-sizing: border-box;
}

#bandeau-bleu {
	background-color: #063259;
	min-width: 1000px;
	height: 80px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: -1;
}

#bandeau-degrade {
	min-width: 1000px;
	/* Pour navigateurs ne supportant pas les dégradés */
	background-color: rgb(150, 186, 222);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.1, rgb(159,192,223)),
		color-stop(0.3, rgb(181,207,234)),
		color-stop(0.75, rgb(150,186,222))
	);
	background-image: -moz-linear-gradient(
		center bottom,
		rgb(159,192,223) 10%,
		rgb(181,207,234) 30%,
		rgb(150,186,222) 75% /* En haut */
	);
	
	top: 80px; /* Bandeau bleu de 80px */
	height: 134px;
	left: 0;
    position: absolute;
    width: 100%;
    z-index: -1;
}

p {
	line-height: 1.4;
}

#tuxfisher {
	float: left;
	color: white;/*#f8cd45;/*#B9CFE3;*/
	position:relative;
	/*font-weight: ;*/
	
	font-family: 'Gotham Rounded B','Gotham Rounded A',"proxima-nova-soft",sans-serif;
    font-size: 65px;
    text-align: right;
    text-transform: uppercase;
	/*padding-top: 20px;*/
	
	/*font-family: arial;*/
	/*font: "Helvetica Neue", Helvetica, Arial, sans-serif;*/
	/*text-shadow: 0px 1px 0px rgba(255,255,255,0.95);*/
}

#tuxfisher:hover {
	text-shadow: 0 0 7px white;
}

h1, .h1 {
    font-size: 48px;
}

h2, .h2 {
    font-size: 40px;
}

h3, .h3 {
    font-size: 30px;
}

h4, .h4 {
    font-size: 22px;
}

h1, h2, h3, h4 {
	/*text-shadow: 0px -2px 0px #063259;*/
	font-family: 'Whitney Cond A','Whitney Cond B',"ronnia-condensed",sans-serif;
    font-style: normal;
    font-weight: 700;
    line-height: 1.1;
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
}

/* Réglage pour les grands blocs du site */
#conteneur-global {
	min-width: 981px;
	/*width: 981px;*/
	width: 80%;
	margin: 0 auto;
}

#entete-menu {
	height: 80px;
}

#entete-telecharger {
	height: 134px;
}

#menu {
	width: 580px;
	/*margin-left: 40%;*/
	float: right;
	padding-top: 30px;
	/*line-height: 1.5em;*/
}

#corps {
	width: 100%;
	margin-left: 0;
}

#logo {
	float: left;
	height: 100%;
	width: 400px;
	padding:0;
}

#menu ul {
	margin: 0;
	padding: 0;
	height: 50px;
	display: block;

	border-top-left-radius: 25px;
	border-top-right-radius: 25px;
	
	background-color: rgb(150, 186, 222);
	
	background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0, rgb(224,235,244)),
    color-stop(0.75, rgb(150,186,222))
	);
	background-image: -moz-linear-gradient(
		center top,
		rgb(224,235,244) 0%,
		rgb(150,186,222) 75%
	);
}

header {
	margin-bottom: 20px;
}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {
    display: block;
}

section {
	float: left;
	width: 66.66%;
	padding-right: 20px;
}

aside {
	float: left;
    position: relative;
	width: 33.33%;
}

article:before {
    color: white;
    font-size: 11px;
    left: 0;
    padding: 1px 10px 0;
    position: absolute;
    text-transform: uppercase;
    top: 0;
    width: 100%;
	line-height: 1.4;
}

article.module-article:before {
	background: none repeat scroll 0 0 #E18728;
    content: "Article";
}

article {
	background-color: white;
	border-radius: 15px 15px 15px 15px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.7);
    clear: both;
    margin: 0 0 20px;
    overflow: hidden;
    padding: 30px 20px 20px;
    position: relative;
}

article.module-media:before {
	content: "Media";
	background-color: #96c120;
}

article.module-media{
	
}

nav {
	font-family: 'Gotham Rounded A','Gotham Rounded B',"proxima-nova-soft",sans-serif;
}

#menu li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	float: left;
	display: block;
	border-right: solid thin #96BADD;
	height: 50px;
	width: 116px;
}

#menu li:last-child {
	border: none;
}

#menu li:first-child:hover{
	border-top-left-radius: 25px;
}

#menu li:hover {
	background-color: rgb(248,205,69);
}

#menu li:last-child:hover{
	border-top-right-radius: 25px;
}

#menu li a {
	height:50px;
	font-size: 13px;
	/*font-family: Tahoma, Impact, Helvetica, serif;*/
	text-decoration: none;
	color: #063259;
	text-shadow: 0px 1px 0px rgb(224,235,244);
	text-transform:uppercase;
	font-weight: bolder;
	padding-top: 15px;
	display: block;
	width:100%;
	text-align: center;
}

#bordure-telecharger {
	background-color: rgb(28, 68, 107);

	background-image: -webkit-gradient(
		linear,
		right bottom,
		left bottom,
		color-stop(0.01, rgb(8,49,88)),
		color-stop(0.5, rgb(149,185,220)),
		color-stop(1, rgb(8,49,88))
	);
	background-image: -moz-linear-gradient(
		right center,
		rgb(8,49,88) 1%,
		rgb(149,185,220) 50%,
		rgb(8,49,88) 100%
	);

	margin-top: 20px;
	border: solid thin #001B33;
	width: 464px;
	float:right;
	padding: 5px;
	height: 94px;
	
	border-radius: 20px;
}

#telecharger {
	background-color: rgb(206, 223, 238);

	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0.2, rgb(255,255,255)),
		color-stop(0.68, rgb(185,207,227)),
		color-stop(1, rgb(221,234,246))
	);
	background-image: -moz-linear-gradient(
		center top,
		rgb(255,255,255) 20%,
		rgb(185,207,227) 68%,
		rgb(221,234,246) 100%
	);
	
	height: 82px;
	border-radius: 15px;
	
	color: #063259;
	text-shadow: 1px 1px 1px white;
	font-size: 12px;
	line-height: 1.0em;
	font-weight: bold;
	text-align: center;
}

.element-telecharger {
	float: left;
	width: 25%;
	height: 82px;
	line-height: 1;
}

.element-telecharger:hover {
	background-color: rgb(248,205,69);
}

.element-telecharger:first-child {
	border-top-left-radius: 15px;
	border-bottom-left-radius: 15px;
}

.element-telecharger:last-child {
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
}

#telecharger img {
	border: 0;
	height: 64px;
	padding-top: 5px;
	line-height: 1;
}

.element-telecharger a {
	color: #063259;
	display: block;
	height: 100%;
	width:100%;
	text-shadow: none;
	text-decoration: none;
}

.element-telecharger a:hover
{
	color: #063259;
}

a {
    color: #859CE6;
	text-decoration: none;
}

a:active
{
	color: #063259;
}

a:hover
{
	color: #E18728;
}

footer {
	background-color: #a7c5e5;
	/* color: #063259; */
	clear: both;
	text-align: center;
}