/* sequences.css • emusicale.fr */

/* == FOND ============================================================== */

html{
	margin:0;
	background-image:url("../IMG/fond-ciel.jpg");
	background-repeat:no-repeat;
	background-size:cover;
	background-attachment:fixed;
	background-position:center center; 
	height:100%;}

/* == CORPS ============================================================= */
 
	body{
		font-size:1em;
		margin:0;}

/* == CONTENEUR GLOBAL ================================================== */

	#global{
		display:block;
		position:relative;
		width:1020px;
		height:auto;
		margin:auto;
		padding:0;
		font-family: 'Oxygen', sans-serif;} 

/* == CADRE BERLIOZ ===================================================== */

		#box_berlioz{display:block;
			width:auto;
			height:auto;
			padding:10px 0;
			background: -webkit-linear-gradient(top,#1C1C1C,#585858);
			background: -moz-linear-gradient(top,#1C1C1C,#585858);
			background: -o-linear-gradient(top,#1C1C1C,#585858);
			background:linear-gradient(top,#1C1C1C,#585858);}
			
		#box_berlioz a{
			text-decoration:none;
			color:white;
			margin:0 0 0 10px;
			padding:0 10px 0 10px;
			font-family: 'Oxygen', sans-serif;
			font-size:0.9em;}
			
		#box_berlioz a:hover{
			color:red;}
			



/* == CADRE EMUSICALE ==================================================== */
		
		#box-emusicale{
			display:block;
			width:100%;
			height:120px;

			background-color:#ffffff;			
			background:linear-gradient(to right,#ffffff,#3399cc);/* degrade bleu clair */
			background: -webkit-linear-gradient(left,#ffffff,#3399cc);
			background: -moz-linear-gradient(right,#3399cc,#ffffff);
			background: -o-linear-gradient(right,#3399cc,#ffffff);}
		
		.logo{
			float:left;
			display: block;
			position: absolute;
			width:90px;
			margin:17px 20px 30px 20px;
			-webkit-animation: logo 3s 1;
			 animation: logo 3s 1;}
					 
		/* Animation du logo */
		
		 @-webkit-keyframes logo {
					 	0% {opacity: 0;
					 		-webkit-transform: rotate(0deg) scale(0);}
					 	100% {opacity: 1;
					 		-webkit-transform: rotate(360deg) scale(1);}
					 		}
		@keyframes logo {
					 	0% {opacity: 0;
					 		transform: rotate(0deg) scale(0);}
					 	100% {opacity: 1;
					 		transform: rotate(360deg) scale(1);}
					 	}
				
		.titre h1{
			float:left;
			display: inline-block;
			position: relative;
			font-family: 'Peralta', Comic Sans MS , cursive;
			width:450px;
			height:80px;
			text-shadow: 3px 3px 5px black;
			font-size: 3em;
			font-weight:normal;
			margin: 10px 0 0 130px;
			color: red;}
		.titre h1:first-letter{
			font-size: 1.5em;
			font-weight:bold;
			color: #0066cc;}

		
		#date{
			display:block;
			position:absolute;
			float:right;
			font-weight:bold;
			display:inline-block;
			vertical-align:top;
			padding: 20px 0 0 0;
			width:400px;
			text-align:right;
			font-size:1.2em;
			color:black;
			text-align:right;
			}
		
		.citations{
			display:inline-block;
			float:right;
			padding: 10px;
			width:440px;
			text-align:center;
			font-size:0.75em;
			color:white;
			}
			
		#box-emusicale form{
			float:right;
			padding:60px 50px 0 0;}
			
			
/* == CADRE NAVIGATION NEW ============================#E6E6E6,#A4A4A4========================= */

		#box_navigation{
			display:block;
			width:auto;
			height:auto;
			padding:10px 0;
			font-weight:bold;
			font-size:1em;
			text-shadow: 0px 0px 6px #ffffff;
			background: -webkit-linear-gradient(top,#BDBDBD,#F2F2F2);/* dégradé gris */
			background: -moz-linear-gradient(top,#BDBDBD,#F2F2F2);
			background: -o-linear-gradient(top,#BDBDBD,#F2F2F2);
			background:linear-gradient(top,#BDBDBD,#F2F2F2);}
		
		#box_navigation img{vertical-align:middle;}
			
		#box_navigation a{
			text-decoration:none;
			color:#045FB4; /* texte bleu */
			margin:0 0 0 10px;
			padding:0 10px 0 10px;
			font-family: 'Oxygen', sans-serif;
			font-size:1em;}
			
		#box_navigation a:hover{
			color:black;}
			
		#box_navigation a:active{
			color:red;}

		.box_navigation-sousmenu{
			display:block;
			width:auto;
			height:auto;
			padding:12px 0;
			font-size:0.9em;
			background-color:#F2F2F2;}
			
		.box_navigation-sousmenu a{
			text-decoration:none;
			color:#045FB4; /* texte bleu */
			margin:0 0 0 10px;
			padding:0 10px 0 10px;
			font-family: 'Oxygen', sans-serif;
			font-size:0.9em;}
			
		.box_navigation-sousmenu a:hover{
			color:black;}
			
			
			
			
/* == HEADER ==================================================== */
	
			
		header{
			display:inline-block;
			width:1020px;
			height:270px;
			margin:0;
			padding:20px 0;
			}
			
		
		header h1{
			padding:0 0 0 40px;
			text-align:left;
			font-size:3em;
			color:#0066cc; /* bleu fonce */
			text-shadow: 2px 2px 3px #444;
			opacity:0.8;}
		
			
		header h2{
			
			padding:0;
			text-align:center;
			font-size:2em;
			color:red; /* rouge */
			text-shadow: 2px 2px 3px #444;
			opacity:0.8;}
			
		header h3{
			text-align:right;
			padding:0 40px 0 0;
			font-size:1.5em;
			color:#04B404;
			letter-spacing:2px;
			text-shadow: 1px 1px 3px #444;
			opacity:0.8;}  /* vert */

			
			

/* == FIL D'ARIANE ==================================================== */

		#box_ariane{
			display:block;
			position:relative;
			width:100%;			
			height:30px;
			margin:0;
			padding:5px 0 0 0;
			font-size:1em;
			font-weight:bold;
			background-color:white;}

			
		#liens_ariane {
			display:inline-block;
			color:#3399cc;
			margin:0 0 0 15px;
			width:1000px;}
		
		#liens_ariane a{
			text-decoration:none;
			padding:0 10px;
			color:grey;}
			
		#liens_ariane a:hover{
			color:#3399cc;}
	
	
/* == CONTENU ============================================================ */
	
		#contenu{
			display:block;
			width:auto;
			height: auto;
			margin:0;
			background:linear-gradient(#ffffff,#A9D4E9);/* dégradé bleu clair */
			background: -webkit-linear-gradient(#ffffff,#A9D4E9);
			background: -moz-linear-gradient(#ffffff,#A9D4E9);
			background: -o-linear-gradient(#ffffff,#A9D4E9);}


	
	
	
/* == CHAPITRE =================================================================== */

	#page{
			display:block;
			margin:0 0 10px 0;}
	

/* == MENU =============================================================== */
	
		nav{
			display:inline-block;
			position: absolute;
			width: 220px;
			height:auto;
			margin:0 10px;
			padding-top:20px;}			
		
		#cadre_gauche_img{
			width:160px; /* photo 160 x auto */
			height:160px;
			margin:auto;
			padding:3px;
			background:#eeeee;
			-webkit-box-shadow:0 15px 10px rgba(0,0,0, 0.7);
			-moz-box-shadow:0 15px 10px rgba(0,0,0, 0.7);
			-o-box-shadow:0 15px 10px rgba(0,0,0, 0.7);
			box-shadow:0 15px 10px rgba(0,0,0, 0.7);
			-webkit-transform:rotate(-3deg);
			-moz-transform:rotate(-3deg);
			-o-transform:rotate(-3deg);
			transform:rotate(-3deg);}
			
		#cadre_gauche ul{
			margin-left:-20px;
			width: 220px;
			color:#045fb4;
			font-size:1em;}
			
		#cadre_gauche ul li{
			list-style:none;
			font-size:0.8em;
			padding-left:5px;}
			
		#cadre_gauche ul li ul li{
			list-style:none;
			font-size:0.7em;
			padding-left:5px;
			
			visibility:hidden;}
			
		#cadre_gauche a{
			text-decoration:none;}
		
		#cadre_gauche a:hover{
			color:red;
			visibility:hidden;}
			
		#menu-accordeon {
			  padding:0;
			  margin:0;
			  list-style:none;
			  text-align: center;
			  width: 200px;}
			  
		#menu-accordeon ul {
			  padding:0;
			  margin:0;
			  list-style:none;
			  text-align: center;}
  
		#menu-accordeon li {
			   background:#3399cc; 
			   background:-webkit-linear-gradient(#aaeeff, #3399cc);
			   background: -moz-linear-gradient(#aaeeff, #3399cc);
			   background: -o-linear-gradient(#aaeeff, #3399cc);
			   background: linear-gradient(#aaeeff, #3399cc); 
			   border-radius: 10px;
			   margin-bottom:4px;
			   box-shadow: 3px 3px 3px #999;
			   border:solid 1px #3399cc;}
			   
		#menu-accordeon li li {
			   max-height:0;
			   overflow: hidden;
			   transition: all .5s;
			   border-radius:0;
			   background: #ffffff;
			   box-shadow: none;
			   border:none;
			   margin:0;
			   font-weight:bold;}
			   
		#menu-accordeon li li li{
				font-weight:normal;}
   
		#menu-accordeon a {
			   display:block;
			   text-decoration: none;
			   color: #045FB4;
			   padding: 8px 0;
			   font-size:1em;}
			  
		#menu-accordeon ul li a, #menu-accordeon li:hover li a {
			   font-size:0.8em;}
			  
		#menu-accordeon li:hover {
			   background:#3399cc;}
			  
		#menu-accordeon li li:hover { 
			   background: #aaeeff; 
			   background: -webkit-linear-gradient(#aaeeff, #ffffff);/* dégradé blanc bleu_ciel */
			   background: -moz-linear-gradient(#aaeeff, #ffffff);
			   background: -o-linear-gradient(#aaeeff, #ffffff);
			   background: linear-gradient(#aaeeff, #ffffff);}
				
		#menu-accordeon ul li:last-child {
			   border-radius: 0 0 10px 10px;
			   border:none;}
   
		#menu-accordeon li:hover li {
			   max-height: 15em;}
			   


/* == BOITE MEDIA ==================================================== */

		#box_media{
			display:block;
			width:100%;
			height:auto;
			background-color:#FAFAFA;
			padding:0px 15px;
			font-size:1em;
			font-weight:bold;
			color:grey;}
			
		#box_media h1 {
			-webkit-transform: rotate(-90deg);
    		-moz-transform: rotate(-90deg);
   		    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);}
    
		#liens_media_pdf{
			-webkit-flex:1;
			flex:1;}
			
		#liens_media_pdf img{margin:15px 5px -10px 20px;}
		
		#liens_media_pdf a{
			text-decoration:none;
			font-size:0.9em;
			font-weight:bold;
			margin:auto;
			color:grey;}
			
		#liens_media_pdf a:hover{
			text-decoration:none;
			font-size:0.9em;
			font-weight:bold;
			color:#3399cc;}
  
/* == PLAN DE SEANCE =========================================================== */

		#box_plan_de_seance{
			display:inline-block;
			width: 590px;
			height: auto;
			margin: 20px 0 0 80px;
			padding:5px 5px 5px 40px;
			border-radius: 20px 0;
				-moz-border-radius:20px 0;
				-webkit-border-radius:20px 0;
			border-left: thick double #04B404;
			background: #EFFBF2;	
			
			text-align: left;}
		
		#box_plan_de_seance h4{
			letter-spacing:2px;
			font-weight:bold;
			color:#088A29;
			}
		#box_plan_de_seance a{
			text-decoration:none;
			color:#088A29;}
		#box_plan_de_seance a:hover{
			text-decoration:none;
			color:black;}
		
		#box_plan_de_seance ol{counter-reset: repas;} /* on initialise et nomme un compteur */	
			
		#box_plan_de_seance ol li{
			list-style-type: none;
			counter-increment: repas; /* on incrémente le compteur à chaque nouveau li */
			margin-bottom: 10px;}
			
		#box_plan_de_seance li {
			list-style-type: none;
			counter-increment: repas; /* on incrémente le compteur à chaque nouveau li */
			margin-bottom: 10px;
		}
		#box_plan_de_seance li:before {
			content: counter(repas); /* on affiche le compteur */
			padding: 2px 15px 6px;
			margin-right: 8px;
			vertical-align: top;
			background: #088A29;
			-moz-border-radius: 100px;
			border-radius: 100px;
			font-weight: bold;
			font-size: 0.9em;
			color: #EFFBF2;		
}
			
/* == SAVOIR =========================================================== */

		#box_savoir{
			display:inline-block;
			width: 590px;
			height: auto;
			margin: 20px 0 20px 80px;
			padding:5px 5px 5px 40px;
			border-radius: 20px 0;
				-moz-border-radius:20px 0;
				-webkit-border-radius:20px 0;
			border-left: thick double #FE9A2E;
			background: #F6E3CE;	
			
			text-align: left;}
		
		#box_savoir h4{
			letter-spacing:2px;
			font-weight:bold;
			color:#FE9A2E;
			}
			
		#box_savoir dfn{
			text-decoration:underline;
			font-weight:bold;
			letter-spacing:1px;
			color:black;}
			
		#box_savoir li{
			list-style-type: none;
			color:black;
			font-weight:none;
			font-size:0.9em;}
			
		#box_savoir ul li:before {
			content: "❖ ";
			font-size:1em;
			color:#FE9A2E;
			padding:3px;} /* caractère UTF-8 */
	
/* == ARTICLE ================================================================== */
	
	
#box_article{
	display:inline-block;
	width:790px;
	height:auto;
	background-color:white;
	margin:0 0 5px 220px;}
		
#box_article h1{
	
	padding:0 0 0 30px;;
	text-align:left;
	font-size:3em;
	color:#0066cc; /* bleu fonce ou #3399cc */
	text-shadow: 2px 2px 3px #444;}
	
#box_article h2{
	
	padding:0;
	text-align:center;
	font-size:2em;
	color:red; /* bleu fonce */
	text-shadow: 2px 2px 3px #444;}
	
#box_article h3{
	text-align:right;
	margin:0 30px;
	font-size:1.5em;
	color:#04B404;
	letter-spacing:2px;
	text-shadow: 1px 1px 3px #444;}  /* vert */
	
	
/* -- CADRES VIDEO ---------------------------------------------------- */
	
iframe{
	border:none;
	width:640px;
	height:360px;
	}

#video640_360-centre {
	margin:10%;
	width:auto;
	display:inline-block;
	text-align: center;
	}
	
#video640_360-centre p{
	text-align:center;
	font-size:0.8em;}

/* -- CADRES AUDIO ---------------------------------------------------- */
	

#audio-centre {
	width:500px;
	margin:20px 150px;
	padding:5px 0;
	text-align:center;
	border-radius: 20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	background-color:black;
	}
	#audio-centre p{color:white;
	font-size:0.8em;
	text-align:center;}
		
/* -- CADRES IMAGE ---------------------------------------------------- */
	

	#image-centre {
		width:700px;
		margin:auto;
		padding:0;
		text-align:center;
		}
	#image-centre p{color:white;
	font-size:0.8em;
	text-align:center;}	
	

/* -- CADRES TITRES ---------------------------------------------------- */	

#cadre_bleu_fonce{
	width: auto;
	height: auto;
	margin: 40px 20px 10px 20px;
	padding:6px 5px 10px 20px;
	border-radius: 10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	background: #aaeeff;
	background: -webkit-linear-gradient(#aaeeff,#3399cc);/* dégradé bleu bleu_fonce */
	background: -moz-linear-gradient(#aaeeff,#3399cc);
	background: -o-linear-gradient(#aaeeff,#3399cc);
	background:linear-gradient(#aaeeff,#3399cc);
	font-weight: bold;
	font-size:1.1em;
	letter-spacing:3px;
	color:white;
	text-align: left;
	text-shadow: 1px 1px 1px #0066cc;}
	
#cadre_bleu_ciel{
	
	width: auto;
	height: auto;
	margin:10px 30px;
	padding:5px 5px 5px 20px;
	border-radius: 10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	background: #aaeeff; 
   	background: -webkit-linear-gradient(#ffffff, #aaeeff);/* dégradé blanc bleu_ciel */
	background: -moz-linear-gradient(#ffffff, #aaeeff);
	background: -o-linear-gradient(#ffffff, #aaeeff);
	background: linear-gradient(#ffffff, #aaeeff);
	font-weight: bold;
	font-size:1em;
	letter-spacing:2px;
	color:#3399cc;
	text-align: left;}
	
#cadre_gris{
	width: 80%;
	height: auto;
	margin:10px 30px;
	padding:5px 5px 5px 20px;
	border-radius: 10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	background-color: #fafafa; 
	font-weight: bold;
	font-size:1em;
	letter-spacing:2px;
	color:grey;
	text-align: left;}
	

#cadre_vide{
	height: auto;
	width: auto;
	margin: 10px 40px;
	padding: 5px;
	border: 1px solid #3399cc;
	border-radius: 10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	font-weight: normal;
	font-size:1em;
	color:#3399cc;
	text-align: center;}
#cadre_vide a{
	text-decoration:none;
	text-align: center;
	color:blue;
	font-weight:bold;}
#cadre_vide a:hover{
		color:red;}
	
#cadre_plein{
	height: auto;
	width: 700px;
	margin: 20px 0px 20px 0;
	padding: 10px 10px 0 20px;
	border: 4px ridge #3399cc;
	border-radius: 10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
background: #aaeeff;
	background: -webkit-linear-gradient(#aaeeff,#3399cc);/* dégradé bleu bleu_fonce */
	background: -moz-linear-gradient(#aaeeff,#3399cc);
	background: -o-linear-gradient(#aaeeff,#3399cc);
	background:linear-gradient(#aaeeff,#3399cc);
	font-weight: normal;
	font-size:1.2em;
	color:white;
	text-align: left;}
	
	/* -- alphabet - <span id="alphabet"> ------------------------------ */
	
#alphabet{
	width: auto;
	height: auto;
	margin: auto;
	padding: 0 0 15px 0;
	font-weight: bold;
	font-size:1.6em;
	text-align: center;
	letter-spacing:2px;}
#alphabet a{
	color:#3399cc;
	text-shadow: 1px 1px 1px black;
	text-decoration:none;}
#alphabet a:hover{
	color:red;
	text-shadow: 1px 1px 1px black;}
	
	/* -- frise - <div id="box_frise"> ---------------------------------- */
	
#box_frise{
	margin:auto;
	padding:15px 9px;
	height: auto;}
	
#box_frise span{

	font-weight: normal;
	font-size:0.8em;
	text-align: center;
	padding:8px;
	border-radius: 5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;}
	
#box_frise	a{
	text-decoration:none;}
	
/* == TEXTE DE PAGE =================================================== */

	.texte_page p{
			width: auto;
			padding: 5px 50px;
			text-align:justify;
			margin:auto;
			font-size:1.0em;
			color:black;
			word-wrap:break-word;
			text-indent:20px;}
	
	sup{	font-size:0.7em;}
	
	.texte_page ol li{margin:0 30px 0 50px;}
	.texte_page ul li{margin:0 30px 0 50px;}
	
	div.centre {
			width:700px; 
			margin:auto;}
	div.centre p{text-align:center;
			text-indent:-5px;}

	/* -- titre - <div id="introduction"> --------------------------------- */	
	
	#introduction{
			width:750px; /* phrase d'intruction à la séqence */
			height:auto;
			margin:auto;
			padding:30px 0 0 0;
}
#introduction p{
			color:#3399cc;
			font-weight:bold;
			font-size:1.2em;
			}


	/* -- titre - <div id="portrait"> --------------------------------- */	
	
	#portrait{
			box-shadow:0 0 15px 5px grey;
			width:110px; /* photo 100 x auto */
			height:auto;
			margin:5px;
			padding:5px;
}

	
	
	/* -- titre - <span id="titre"> --------------------------------- */
	
	#titre{
		color:#3399cc; /* #3399cc */
		font-weight:bold;}
	
	/* -- exemple - <span id="exemple"> --------------------------------- */
	
	#exemple{
		color:#58ACFA;
		font-weight:bold;}
		
	/* == CITATION ============================================================== */
	
	#citationbox{
		display:block;
		margin:auto;
		background-color:#FAFAFA;
		border:1px solid white;
		border-radius:10px;
		width:80%;
		height:auto;
		padding:10px 20px;}
		
	#citationbox p.citation{
		text-align:center;
		font-size:1.1em;
		color:#3399cc;}
	#citationbox p.auteur{
		text-align:right;
		font-size:0.8em;
		color:black;}

		/* -- citation - <span id="citation"> ------------------------------- */
	
	#citation{
		color:#585858;
		font-size:0.9em;
		}
		
	cite{color:grey; font-size:0.8em;}
		
	/* -- citation_principale - <div id="citation_principale"> ------------------------------- */
	
	#citation_principale{
		color:#3399cc;
		font-size:0.9em;
		text-align:center;
		font-style:italic;
		font-weight:bold;
		padding:10px 60px 40px 60px;}
		
/* == LISTES AVEC LOGO ====================================================== */		

	#liste {display:block;
		margin:auto;
		background-color:#FAFAFA;
		border-radius:10px;
		width:80%;
		height:auto;
		padding:5px 20px;}
		
	.pdf_40-40 li{
		 list-style-image: url(../IMG/pdf_40-40.png);}
	.emus_40-40 li{
		 list-style-image: url(../IMG/emus_40-40.png);} 

	.pdf_40-40 li a{
			text-decoration:none;
			font-size:0.9em;
			color:black;
			vertical-align:0.5em;}
	.emus_40-40 li a{
			text-decoration:none;
			font-size:0.9em;
			color:black;
			vertical-align:0.5em;}
			
	.pdf_40-40 li a:hover{
			color:blue;}
	.emus_40-40 li a:hover{
			color:blue;}
/* == JEU ============================================================== */

	#jeubox{
		display:block;
		margin:auto;
		background-color:#FAFAFA;
		border:1px dashed #3399cc;
		border-radius:10px;
		width:80%;
		height:auto;
		padding:10px 10px;
		}text-indent:none;

	#jeubox p.atoidejouer{
		color:#3399cc;
		text-indent:none;
		font-weigth:bold;}
	
	/* -- themes - <span id="themes"> ----------------------------------- */	

	#themes{
		width: auto;
		height: auto;
		margin: 10px 40px;
		padding:20px 0;
		text-align:center;
		border:1px dashed black;
		border-radius: 10px;
		-moz-border-radius:10px;
		-webkit-border-radius:10px;}
		
	/* -- notes - <span id="notes"> ------------------------------- */
	
	#renvois{
		color:green;
		font-weight:bold;}
	
	#notes{
		margin:20px 30px 20px 50px;
		color:green;
		font-size:0.8em;
		padding:0 10px 0 50px;
		text-indent:-20px;}

	/* -- sources - <span id="sources"> ------------------------------- */
	
	#sources{
		margin:0 0 0 100px;
		color:black;
		font-size:0.7em;}
		
	hr {
		margin:0 40px;
		text-align:left;
		color:black;}
		
	/* -- competences - <span id="competences"> ------------------------ */
	
	#competences{
		display:block;
		width:auto;
		padding:5px 0 5px 30px;
		margin:auto;}
		
	#competences ol{
		color:#3399cc;
		font-weight:bold;}
		
	#competences ol li{
		color:black;
		font-size:0.9em;
		font-weight:normal;}
		
	hr {
		margin:0 40px;
		text-align:left;
		color:black;}
		
	/* -- competences - <div id="Mozart-Boulez"> ------------------------ */
			

	
	#Mozart-Boulez {
	height: auto;
	width: auto;
	margin: 10px 40px;
	padding: 5px;
	border: 1px solid #3399cc;
	border-radius: 10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	font-weight: normal;
	font-size:0.9em;
	color:#3399cc;
	text-align: center;}
	
	#Mozart-Boulez td{width:35%;}

	
/* == MISE A JOUR ====================================================== */
	
	#mise_a_jour{
		display:inline-block;
		width:1000px;
		padding: 5px 0 5px 10px;
		height:auto;
		font-size:0.8em;
		color:#045FB4;
		text-align:left;}
	
		
	
/* == PIED DE PAGE ================================================== */
		
		footer{	
			display:block;
			width:auto;
			margin:auto;
			height:auto;
			padding:10px 0;
			background:	#1c1c1c;		
			background: -webkit-linear-gradient(#1c1c1c,#585858);/* dégradé noir */
			background: -moz-linear-gradient(#1c1c1c,#585858);
			background: -o-linear-gradient(#1c1c1c,#585858);
			background: linear-gradient(#1c1c1c,#585858);}
		
		#copyright{
			text-align:center;
			font-size:0.9em;	
			color:white;}
		#copyright a{		
			text-decoration:none;
			color:white;
			font-weight:bold;}	
		#copyright a:hover{		
			color:red;
			font-weight:bold;}	
	
	

/* == ASCENSEUR ==================================================== */

		#ascenseur{
			display:block;
			position:fixed;
			bottom:50px;
			float:left;
			margin-left:1030px;
			margin-right:5px;
			font-size:3em;
			font-weight:bold;
			cursor:pointer;
			color:#045FB4;
			text-decoration:none;}
		#ascenseur:hover{
			color:red;}
			
			



/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++Design Adaptatif */

@media screen and (max-width: 780px){
	
	}