html
{
	font-size: 100%;
	padding: 10px;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	overflow-x: scroll;
	overflow-y: scroll;
	background:#29474B;
}

header
{	width: auto;
	height:260px;
	padding: 20px;
	color:#FCDC12;/*couleur des puces !*/
	background-position:left top;
    /* Ombrage des blocs */
    box-shadow: 0px 0px 40px black/*rgba(0,0,0,0.1)*/;
    border-radius: 0px 400px 0px 80px;
}


html /*, button, select, textarea*/
{
	font-family: "open sans condensed",sans-serif;/* base font */   
	color:white;/*couleur du texte de base*/
}

body
{
	margin: 0;
	line-height: 1.4;
	color:;
}


footer
{	width: 100%;
	padding-left: 10px;
	padding-right: ;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top:30px;
	text-align: center;
	color:white;/*couleur du texte*/
	background:black;/*background:WHITE*/
	background-position:left top;
    /* Ombrage des blocs */
    box-shadow: 0px 0px 40px black/*rgba(0,0,0,0.1)*/;
    border-radius: 0px 400px 0px 80px;
}




/* Responsive Navigation styles begin here */
nav > input {display: none}

/* Old Android bugfix */
body {  -webkit-animation: bugfix infinite 1s; }
@-webkit-keyframes bugfix {  
	from {padding:0;}  to {padding:0;} 
	}

@media (max-width: 767px) 
{

	/* Theming nav */	
	nav ul {
		position: absolute;
		width: 70%;
		top: 1rem; 
		z-index: 1;
	
		
		/* translate closed nav with hardware acceleration */
		-webkit-transform: translateX(-110%) translateZ(0);
		-ms-transform: translateX(-110%) translateZ(0);
		        transform: translateX(-110%) translateZ(0);
		-webkit-transition: -webkit-transform .3s cubic-bezier(.72,.89,.28,1.39);
		        transition: transform .3s cubic-bezier(.72,.89,.28,1.39);
		will-change: transform;

		/* global styles */
		margin: 0;
		padding: 0;
		list-style: none;
		}
	
	nav a {
		display: block;
		padding: 1rem;/*1.2 à l'origine*/
		color: black;/* couleur du texte nav en bloc */
		background: #FCDC12; /* couleur du fond des bloc de nav, à l'origine : #114b69*/
		text-decoration: none;
		margin-bottom: 2px;
		font-size:1.2em;/*grosseur texte nav responsive*/
		}
	
	nav a:hover, 
	nav a:focus,
	nav a:active
		{
		background: #BBD2E1;/* couleur du fond des bloc de nav en lien */
		}
	
	/* Theming opened nav */
	/* handling clic with CSS3 checked */
	nav > input:checked ~ ul 
		{
		-webkit-transform: translateX(0) translateZ(0);
		-ms-transform: translateX(0) translateZ(0);
		transform: translateX(0) translateZ(0);
		}

	/* Global styling nav button */	
	nav > label 
		{
		position: absolute;
		top: .5rem; right: 0.7rem;/*position du button stylisé*/
		z-index: 1;
		height: 3rem; width: 3rem;/*grosseur du bouton*/
		background-color: #FCDC12;/*couleur du bouton*/		
		padding: 0;
		outline: 0;
		border: 1px solid #333;
		border-radius: 50%;/*forme du bouton si border radius égal à zéro : forme carré*/
		cursor: pointer;
		-webkit-tap-highlight-color:rgba(0,0,0,0);
		-webkit-transition: -webkit-transform .2s;
		        transition: transform .2s;
		}
	
	nav > label::after, nav > label::before 
		{
		content: "";
		position: absolute;
		top: 15%; right: 40%; bottom: 15%; left: 40%;
		background-color: #333;
		border-radius: 10px;
		-webkit-transition: -webkit-transform .2s;
		        transition: transform .2s;
		}
	nav > label::before 
		{
		top: 40%; right: 15%; bottom: 40%; left: 15%;
		}
	
	
	/* Theming opened nav button */	
	nav > input:checked + label,
	nav > input:checked + label::before 
		{
		-webkit-transform: rotate(90deg) translateZ(0);
		-ms-transform: rotate(90deg) translateZ(0);
		        transform: rotate(90deg) translateZ(0);
		}

	/* Hide alternate text except from screen readers */
	.visually-hidden 
		{
		position: absolute !important;
		clip: rect(1px, 1px, 1px, 1px);
		overflow: hidden;
		height: 1px;
		width: 1px;
		}	
}



/*barre de navigation du menu header */

ul {
	padding:0;
	margin:10px;
	list-style-type:none;
}
li {
	float:left; /*pour IE*/
	border-left:1px solid TRANSPARENT;
	border-RIGHT:1px solid TRANSPARENT;
}
ul li a {
	display:block;
	float:left;   
	width:135px;
	line-height:35px; /*hauteur de l'image de fond*/
	background:black;
	color:#DCDCDC;
	text-align:center;
	text-decoration:none;
	border-radius: 0px 20px 0px 20px;*/haut-gauche haut-droit bas-gauche bas-droit */
}
ul li a:hover {
	background: grey ;/* couleur du fond des bloc de nav en lien */
	text-decoration:none;
} 
ul li a:active {
	background: grey;/* couleur du fond des bloc de nav en lien */
	text-decoration:none;
} 
ul li a:focus{
	background: grey;/* couleur du fond des bloc de nav en lien */
	text-decoration:none;
} 


h1.title{
	margin-top: -80px;
	margin-left:0px;
	font-size:4em;
	color: white;
}
h1.sub-title{
	font-family:'Nothing You Could Do', cursive;  /* italique font */   
	margin: 0;
	font-size:2.8em;
	color: white;
}
h1.title-page{
	font-family: 'Nothing You Could Do', cursive; /* italique font */   
	margin-top: 20px;
	font-size:2.8em;
	color: white;
	text-align: center;
}


h1
{
	margin: 0;
	font-size:2.4em;
	color: #BD8D46;
}

h2
{
	margin-top:20px;
	margin-bottom:0px;
	font-size:2em;
	color: #BD8D46;
}

h3
{
	margin: 10 10 1em;
	font-size: 2em;
	color: #BD8D46;
	text-shadow: 0px 0px 25px white;
}

h4
{
	font-family: 'Nothing You Could Do', cursive; /* italique font */   
	margin-bottom:0px;
	font-size:1.3em;
	color: white;
}

h5, h6{
	margin: 10 10 1em;
	color: white;
}

p{
	margin: 10 10 1em;
	font-size:1.3em;
	color: white;
	text-decoration:none;
}

p.sign{
 	margin-top:0px;
	font-size:1.1em;
	text-align : right;
}


blockquote {
  	display: block;
 	margin-top:0px;
 	margin-right:30px;
 	margin-bottom:1em;
 	margin-left:0px;
	font-size:1.1em;
	text-align : justify;
}

a
{
	color: #FCDC12;/*couleur beige clair*/; /*couleur origine bleue* #4a91ac/
	text-decoration:none;
}

	a:visited
	{
		color:white;
		text-decoration:none;
	}

	a:hover
	{
		color: white; 
		text-decoration:none;
	}

	a:focus
	{
		outline: 0;
		text-decoration:none;
	}

	a:hover, a:active
	{
		color: white; 
		outline: 0;
		text-decoration:none;
	}
			

img
{
	border: 0;
	vertical-align: middle;
       	max-width: 100%;
	height: auto;
      	_width: 100%; /* IE6 seulement */
	-ms-interpolation-mode: bicubic;	
}

.footer{

	vertical-align: middle;
}
	
.align_image img {

	vertical-align: right;
}

.picture{
    	display: block;
	margin-top: -10px;
    	margin-left: 0px;
}

.affiche{
	margin-left: auto;
	margin-right: auto;
	width: 95%;
	text-align:center; 
}



/* Texte défilant */

.defilement {
	display: block;
	margin: 1em auto;
	overflow: hidden;
	position: relative;
	table-layout: fixed;
	width: 700px;
	color:#FCDC12;
	font-style : italic; 
	border:0px solid blue;
	background:;
	box-shadow: 0px 0px 40px black/*rgba(0,0,0,0.1)*/;
}
.defile {
	display:block;
	-webkit-animation:linear marqueelike 20s infinite ;
	-moz-animation:linear marqueelike 20s infinite ;
	-o-animation:linear marqueelike 20s infinite ;
	-ms-animation:linear marqueelike 20s infinite ;
	animation:linear marqueelike 20s infinite ;
	margin-left:-100%;
	padding:0 5px;
	text-align:left;
	height:25px;
}


.defile:after {
	content:attr(data-text);
	position:absolute;
	white-space:nowrap;
	padding-left:10px;
}

@-webkit-keyframes marqueelike {
	0%, 100% {margin-left:0;}
	99.99% {margin-left:-100%;}
 }
@-moz-keyframes marqueelike {
	0%, 100% {margin-left:0;}
	99.99% {margin-left:-100%;}
 }
@-o-keyframes marqueelike {
	0%, 100% {margin-left:0;}
	99.99% {margin-left:-100%;}
 }
@-ms-keyframes marqueelike {
	0%, 100% {margin-left:0;}
	99.99% {margin-left:-100%;}
 }
@keyframes marqueelike {
	0%, 100% {margin-left:0;}
	99.99% {margin-left:-100%;}
 }

@media only screen and (max-width: 860px) {
.defileParent {
	display: block;
	margin: 3em auto;
	overflow: hidden;
	position: relative;
	table-layout: fixed;
	width: 100%;
}

.defile {
	display:block;
	-webkit-animation:linear marqueelike 15s infinite ;
	-moz-animation:linear marqueelike 15s infinite ;
	-o-animation:linear marqueelike 15s infinite ;
	-ms-animation:linear marqueelike 15s infinite ;
	animation:linear marqueelike 15s infinite ;
	margin-left:-100%;
	padding:0 5px;
	text-align:left;
	height:25px;
}