/* 
 * Reset CSS from HTML5 Boilerplate 
 */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent
	}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
	display:block
	}
nav ul {
	list-style:none
	}
blockquote,q{
	quotes:none
	}
blockquote:before,blockquote:after,q:before,q:after{
	content:'';
	content:none
	}
a{
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent
	}
ins{
	background-color:#ff9;
	color:#000;
	text-decoration:none
	}
mark{
	background-color:#ff9;
	color:#000;
	font-style:italic;
	font-weight:bold
	}
del{
	text-decoration:line-through
	}
abbr[title],dfn[title]{
	border-bottom:1px dotted;
	cursor:help
	}
table{
	border-collapse:collapse;
	border-spacing:0
	}
hr{
	display:block;
	height:1px;
	border:0;
	border-top:1px solid #ccc;
	margin:1em 0;padding:0
	}
input,select{
	vertical-align:middle
	}
/* 
 * Minimal base styles (pour toutes les pages)
 */
 /* always force a scrollbar in non-IE */ 
html{
	overflow-y:scroll
	}
/* Supprimer la sélection des images (couleur bleue) et des texte lors de la navigation */
 *{
	-moz-user-select:-moz-none;-o-user-select:none;-webkit-user-select:none;user-select:none;
	-moz-user-drag:none;-o-user-drag:none;-webkit-user-drag:none;user-drag:none
	}
/* Accessible focus treatment */
a:hover,a:active{
	outline:none
	}
a,a:active,a:visited{
	color:#607890
	}
a:hover{
	color:#036
	}
ul,ol{
	margin-left:1.8em
	}
ol{
	list-style-type:decimal
	}
/* Remove margins for navigation lists */
nav ul,nav li{
	margin:0
	}
small{
	font-size:85%
	}
strong,th{
	font-weight:bold
	}
td,td img{
	vertical-align:top
	}
sub{
	vertical-align:sub;
	font-size:smaller
	}
sup{
	vertical-align:super;
	font-size:smaller
	}
/* formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap */
pre{
	padding:15px;
	white-space:pre;
	white-space:pre-wrap;
	white-space:pre-line;
	word-wrap:break-word
	}
/* ie-remove-textarea-scrollbars */
textarea{
	overflow:auto
	}
/* align checkboxes, radios, text inputs with their label */
input[type="radio"]{
	vertical-align:text-bottom
	}
input[type="checkbox"]{
	vertical-align:bottom
	}
/* hand cursor on clickable input elements */
label,input[type=button],input[type=submit],button{
	cursor:pointer
	}
/* webkit browsers add a 2px margin outside the chrome of form elements */
button,input,select,textarea{
	margin:0
	}
/* colors for form validity */
input:valid,textarea:valid {}
input:invalid,textarea:invalid{
	border-radius:1px;
	-moz-box-shadow:0px 0px 5px red;-webkit-box-shadow:0px 0px 5px red;box-shadow:0px 0px 5px red
	}
.no-boxshadow input:invalid,.no-boxshadow textarea:invalid{
	background-color:#f0dddd
	}
/* These selection declarations have to be separate */
::-moz-selection{
	background:#FF5E99;
	color:#fff;text-shadow:none
	}
::selection{
	background:#FF5E99;
	color:#fff;
	text-shadow:none
	}
/*  j.mp/webkit-tap-highlight-color */
a:link{
	-webkit-tap-highlight-color:#FF5E99
	}
/* make buttons play nice in IE */
button{
	width:auto;
	overflow:visible
	}
/*
* Les fontes
*/
@font-face{
	font-family:'Mountains of Christmas';
	font-style:normal;
	font-weight:normal;
	src:local('Mountains of Christmas'),local('MountainsofChristmas-Regular'),url('http://themes.googleusercontent.com/static/fonts/mountainsofchristmas/v1/dVGBFPwd6G44IWDbQtPew7eVM6rOCXWGKlZnjUSHN4M.woff') format('woff')
	}
h1{
	font:normal 700 45px/120% 'Mountains of Christmas',cursive;
	/*text-shadow: 2px 2px 2px #bbb; bug avec Chrome */
	text-align:center;
	letter-spacing:-0.02em;
	margin-top:110px;
	color:#636;
	z-index:1
	}
h2{
	font:normal 400 35px/120% 'Mountains of Christmas',cursive;
	text-align:left;
	margin:15px 0 10px;
	color:#636
	}
p{
	text-align:justify;
	padding-bottom:1em
	}
select,input,textarea,button{
	font:99% sans-serif
	}
body,select,input,textarea{
	color:#444
	}	
/* normalize monospace sizing */
	pre,code,kbd,samp{
	font-family:monospace,sans-serif
	}
/*
* Spécifique Chorège
*/
body{
	font:120%/130% Times,serif;background:url("../avo_img/global/body.png") repeat;
	background-attachment:fixed;*font-size:small
	}
#container{
	width:1007px;
	margin:0 auto
	}
/* Zone de contenu à hauteur fixe ou variable */
#main-f,#main-v{
	position:relative;
	margin-top:15px;
	border:1px solid #edb212;
	border-radius:40px}
#main-f{
	height:600px
	}
#main-v{
	padding:15px 20px 15px 20px;
	background:#FFC
	}
/* header */
header{
	position:relative;
	height:170px;
	margin-top:15px;
	border:1px solid #edb212;
	border-radius:40px;
	background:linear-gradient(#ffc,#edb212)
	}
#chorege{
	position:absolute;
	left:10px;
	top:10px;
	width:179px;
	height:150px
	}
											#chorege1{
												position:absolute;
												top:65px;
												left:61px;
												font:16px/16px "Comic Sans MS";
												text-indent:16px
												}
											#chorege2{
												position:absolute;
												top:108px;
												left:70px;
												font:30px "Comic Sans MS";
												color:#636
												}
#listen{
	position:absolute;
	height:280px;
	width:269px;
	left:800px;
	top:-15px;
	z-index:8}
/* Navigation principale */
nav{
	position:absolute;
	left:195px;
	top:0px;
	z-index:0
	}
nav img{
	float:left;
	width:32px;
	height:105px;
	border:none;
	padding:15px 24px 0 24px;
	-moz-transition:all 0.8s ease-out;-o-transition:all 0.8s ease-out;-webkit-transition:all .8s ease-out;transition:all .8s ease-out
	}
nav img:hover{
	width:48px;
	height:157px;
	-moz-transform:translate(0,-25px);-ms-transform:translate(0,-25px);-o-transform:translate(0,-25px);-webkit-transform:translate(0,-25px);transform:translate(0,-25px);
	-moz-transition:all 0.8s ease-out;-o-transition:all 0.8s ease-out;-webkit-transition:all 0.8s ease-out;transition:all 0.8s ease-out}
nav img:active{
	margin:-48px 0 0 0;
	-moz-transition:all .0s ease-out;-o-transition:all .0s ease-out;-webkit-transition:all .0s ease-out;transition:all .0s ease-out
	}
nav span{
	display:none
	}
nav a:hover span{
	position:absolute;
	top:114px;
	left:0;
	width:600px;
	display:block;
	font:normal 400 28px/43px 'Mountains of Christmas',serif;
	padding:13px 0 0 20px;
	color:#636;
	background:linear-gradient(#f2ca4e,#edb212);
	z-index:-1
	}
nav a{
	text-decoration:none
	}
/* footer */
footer{
	position:relative;
	height:50px;
	margin-top:15px;
	border:1px solid #edb212;
	border-radius:25px;
	background:linear-gradient(#ffc,#edb212)
	}
#html5{
	position:absolute;
	height:32px;
	width:32px;
	left:10px;
	top:10px
	}
#aide{
	position:absolute;
	top:8px;
	right:10px;
	display:block;
	padding:5px 10px 5px 10px;
	background:#384313;
	color:#fff;
	font:18px "Comic Sans MS";
	text-decoration:none;	
	border:none;
	border-radius:20px}
#aide:hover{
	background:#1e2506
	}
#xiti{
	position:absolute;
	top:13px;
	left:484px;
	}