/*POLICES - pour changer une police, aller sur fontsquirrel.com ; choisir une police dans la rubrique "fontface kit" ; télécharger le kit et le décompresser / copier les polices dans le sous-dossier "utile/polices" ; ouvrir le fichier "stylesheet.css" fourni par fontsquirrel avec l'éditeur de texte ; copier la partie identique à la propriété "font-face" et la coller ici, en remplaçant celle qui est ici ; puis modifier tous les styles où la police doit être présente ; attention, si la police ne fonctionne pas bien, il est préférable de ne pas insister et d'en essayer une autre jusqu'à ce que ça fonctionne sans problème */
@font-face {
    font-family: 'KingthingsCalligraphica2Rg';
    src: url('polices/Kingthings_Calligraphica_2-webfont.eot');
    src: url('polices/Kingthings_Calligraphica_2-webfont.eot?#iefix') format('embedded-opentype'),
         url('polices/Kingthings_Calligraphica_2-webfont.woff') format('woff'),
         url('polices/Kingthings_Calligraphica_2-webfont.ttf') format('truetype'),
         url('polices/Kingthings_Calligraphica_2-webfont.svg#KingthingsCalligraphica2Rg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'BallparkWeiner';
    src: url('polices/ballpark_weiner-webfont.eot');
    src: url('polices/ballpark_weiner-webfont.eot?#iefix') format('embedded-opentype'),
         url('polices/ballpark_weiner-webfont.woff') format('woff'),
         url('polices/ballpark_weiner-webfont.ttf') format('truetype'),
         url('polices/ballpark_weiner-webfont.svg#BallparkWeiner') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ProclamateHeavy';
    src: url('proclamate_heavy-webfont.eot');
    src: url('proclamate_heavy-webfont.eot?#iefix') format('embedded-opentype'),
         url('proclamate_heavy-webfont.woff') format('woff'),
         url('proclamate_heavy-webfont.ttf') format('truetype'),
         url('proclamate_heavy-webfont.svg#ProclamateHeavy') format('svg');
    font-weight: normal;
    font-style: normal;
}
body {
	background-image:url('fonds/fond-coqpost.jpg'); /* photo de fond de page */
	background-position:top center;
	background-repeat:no-repeat;
	color: black;
	background-color:black;
	margin:0;
	font-family:Lucida sans, lucida Grande, Lucida Sans Unicode, sans-serif;
}
a{
	color:red;
	text-decoration:none;
}
a:hover{color:white;}
a:active{color:white;}
a:focus{color:white;}

#wrap {
	position:absolute;
	top:79px;
	left:50%;
	width:59%;
	z-index:500;
	background-color:transparent;
	margin-left:-19%;
}
#tete{
	position:fixed;
	top:0;
	left:50%;
	width:80%;
	margin-left:-40%;
	height:79px;
	background-color:transparent;
	z-index:900;
	background-image:url('fonds/h1-coqpost.png');
	background-repeat:no-repeat;
	background-position:top left;
	padding-top:0;
}
h1{
	margin-top:10px;
	font-family:BallparkWeiner;
	font-size:45px;
	color:white;
	text-indent:230px;
	line-height:50px;
}
#menu{
	background-color:transparent;
	position:fixed;
	top:90px;
	left:50%;
	float:left;
	width:20%;
	height:267px;
	z-index:900;
	margin-left:-40%;
	background-image:url('fonds/menu-coqpost.png');
	background-repeat:no-repeat;
	background-position:top left;
}
#menu a{
	color:red;
	text-decoration:none;
}
#menu a:hover{color:white;}
#menu a:active{color:white;}
#menu a:focus{color:white;}
#menu p{
	 position:absolute;
	 bottom:15px;
	 margin:10px;
	 color:white;
	 background-color:transparent;
	 background-image:none;
	 padding:0;
	 font-size:110%;
	 font-family:KingthingsCalligraphica2Rg, arial, sans-serif;
}
#menu ul{margin-left:10px;
	padding:0;
	margin-top:50px;
	margin-bottom:5px;
	font-size:110%;
	font-family:KingthingsCalligraphica2Rg, arial, sans-serif;
	list-style-type:none;
}
#menu li{
	list-style-type:none;
	margin-left:0;
}


h2{
	font-family:KingthingsCalligraphica2Rg, arial, sans-serif;
	background-color:transparent;
	color:white;
	font-size:28px;
	padding-left:10px;
	margin-top:0;
	margin-left:0;
	margin-right:0;
	margin-bottom:15px;
	background-image:url('fonds/h2-coqpost.png');
	background-repeat:no-repeat;
	background-position:top left;
	height:40px;
	text-indent:80px;
}
h3{
	margin-top:10px;
	margin-left:30px;
	margin-right:0;
	margin-bottom:15px;
}
p{
	background-color:transparent;
	padding:0;
	text-align:justify;
	margin:30px;
	display:block;
	font-size:90%;
}
p a{
	color:red;
	text-decoration:none;
}
p a:hover{color:purple;}
p a:active{color:purple;}
p a:focus{color:purple;}

#spectacle {
	text-align:justify;
	margin-top:0;
	margin-left:0;
	margin-right:0;
	margin-bottom:15px;
	background-image:url('fonds/p-coqpost.png');
	background-repeat:repeat-y;
	background-position:top left;
	display:block;
	font-size:90%;
	padding-top:15px;
	padding-bottom:15px;
}
#video {
	text-align:center;
	margin-top:0;
	margin-left:0;
	margin-right:0;
	margin-bottom:15px;
	background-image:url('fonds/p-coqpost.png');
	background-repeat:repeat-y;
	background-position:top left;
	display:block;
	font-size:90%;
	clear:both;
	padding-top:15px;
	padding-bottom:15px;
}
#video p{
	text-align:center;
}
#video p a{
	color:white;
	text-decoration:none;
}
#video p a:hover{
	color:pink;
	text-decoration:none;
}
#diaporama {
	padding:30px;
	margin-top:0;
	margin-left:0;
	margin-right:0;
	margin-bottom:15px;
	background-image:url('fonds/p-coqpost.png');
	background-repeat:repeat-y;
	background-position:top left;
	display:block;
	font-size:90%;
	clear:both;
}
#diaporama img{
	max-width:300px;
	clear:all;
}
#telechargement {
	text-align:justify;
	margin-top:0;
	margin-left:0;
	margin-right:0;
	margin-bottom:15px;
	background-image:url('fonds/p-coqpost.png');
	background-repeat:repeat-y;
	background-position:top left;
	display:block;
	font-size:90%;
	clear:both;
	padding-top:15px;
	padding-bottom:15px;
}
.ancre{
	height:79px;
	background-image:none;
	background-color:transparent;
}
.image {
	float:left;
	max-width:230px;
	margin-top:10px;
	margin-left:0;
	margin-right:10px;
	margin-bottom:10px;
}
#credits{
	width:100%;
	font-size:70%;
	text-align:right;
	padding:0;
	color:white;
	margin-top:50px;
	clear:both;
}
.pdf{
background-image:url('fonds/pdf.png');
background-repeat:no-repeat;
background-position:top left;
text-indent:25px;
line-height:17px;
display:block;
}
/* STYLE VIDEO */
/* Style du conteneur de la vidéo */
a.myPlayer {
	display:block;
	width: 500px;
	height:350px; 
	text-align:center;
	margin:0 15px 15px 0;
	border:1px solid #660000;
	font-family: KingthingsCalligraphica2Rg, arial, sans-serif;
	font-size: 130%;
	color: white;
	background-image: url(../medias/images/stop-video-posthume.jpg);
}

/* bouton jouer */
a.myPlayer img {
	margin-top:70px;
	border:0px;
}

/* Style de conteneur de vidéo en 16/9e, si besoin */
a.myPlayerwide {
	display:block;
	width: 350px;
	height:210px; 
	text-align:center;
	margin:0 15px 15px 0;
	border:1px solid #660000;
	font-family: arial, sans-serif;
	font-size: 13px;
	color: black;
	background-image: url(../no/bgplayer.gif);
}

/* bouton jouer */
a.myPlayerwide img {
	margin-top:70px;
	border:0px;
}

/* souris sur le conteneur vidéo, la bordure change de couleur */
a.myPlayerwide:hover {
	border:1px solid #CC3300;
}

/* STYLE SONS */
/* Style du conteneur des sons */
.myPlayersound{
margin-top:5px;
margin-bottom:5px;
}
a.myPlayersound {
	width: 100%;
	height:25px; 
	text-align:center;
	margin:0 15px 15px 0;
	border:0 solid #660000;
	font-family: Lucida sans, arial, sans-serif;
	font-size: 13px;
	color: white;
	display:block;
	background-color:black;
	}

/* bouton jouer */

a.myPlayersound img {
	margin-top:0;
	border:0;
}

/* souris sur le conteneur son, la bordure change de couleur */
a.myPlayersound:hover {
	border:0;
	background-color:violet;
}