/*
     FILE ARCHIVED ON 11:40:01 Aug 3, 2015 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 15:10:47 Jan 5, 2017.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*   */




/*     SOMMAIRE               */
/*  1. GENERALITES            */
/*  2. HEADER                 */
/*  3. NAVIGATION             */
/*  4. MOT                    */
/*  5. ZONE FILM              */
/*  6. GROUPES                */
/*  7. ZONE RUBRIQUE          */
/*  8. FORMULAIRES FORMIDABLE */
/*  9. NAV CONTEXTUELLE       */
/* 10. FOOTER                 */







/*  ===============================   */
/*           GENERALITES              */
/*  ===============================   */



/*  Centrage du site dans son entier  */
body {
	margin: 0;
	padding: 0;
	border: 0;
	width: 940px;
	margin-left: auto;
	margin-right: auto;
	background: rgb(231, 231, 222);
}

a {
	text-decoration: none;
}

a:hover{
	color: red;
}

a img {
	border: none;
} 

.clear {
	clear: both;
}	

/* Pour la définition du site dans son entier */
#content_page {
	padding: 0.8em;
	font-family: "JosefinSlabSemiBold", serif;
	font-size: 1.1em;
	text-align: justify;
	position: relative; /*  Pour que les deux colonnes puissent être à l'intérieur */
}

strong {
	font-family: 'JosefinSlabBold';
	}









/*  ===============================   */
/*             HEADER                 */
/*  ===============================   */


#content_page #header {
	background: rgb(60,60,90);
	height: 95px;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
}

#content_page #header #titre{
	font-family: "JosefinSlabBold", serif;
	padding-top: 5px;
	font-size: 3em;
	text-align: center;
	color: rgb(215,215,187);
}

#content_page #header #titre a {
	color: rgb(215,215,187);
}
#content_page #header #titre a:hover {
	color: rgb(255, 255, 187);
}

#content_page #header #texte{
	font-family: "JosefinSlabBold", serif;
	text-align: center;
	color: rgb(215,215,187);
	font-size: 1em;
	margin-top: -1.6em;
}

#content_page #header #liens{
	width: 90px;
	height: 50px;
	position: relative;
	padding-top: 5px;
	left: 790px;
	top: -75px;
	background: rgb(215,215,187);
	font-size: 0.7em;
	text-align: center;
	border-radius: 5px;
	box-shadow: 1px 1px 2px #555;
}

#content_page #header #concours{
	-moz-transform: rotate(-7deg);
	-webkit-transform: rotate(-7deg);
	-ms-transform: rotate(-7deg);
	border-radius: 5px;
	box-shadow: 1px 1px 2px #555;
	font-family: "JosefinSlabBold", serif;
	position: absolute;
	width: 170px;
	height: 55px;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 12px;
	margin-left: 20px;
	margin-top:-120px;
	background-color: yellow;
}

#content_page #header #concours h2{
	color: yellow;
	font-size: 16px;
	font-weight: bold;
	margin-top: -20px;	
}




/*  ===============================   */
/*             NAVIGATION             */
/*  ===============================   */



#content_page #navigation{
	text-align: center;
	font-family: "JosefinSlabBold", serif;
	color: rgb(60,60,90);
	background: rgb(255,255,187);
	font-size: 0.9em;
	padding-top: 0.2em;
	padding-bottom: 0.3em;
	border-top-style:solid;
	border-bottom-style:solid;
	border-color: rgb(200,200,187);
}

#content_page #navigation a{
	margin-top: -0.3em;
	margin-bottom: -0.3em;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	padding-left: 0.6em;
	padding-right: 0.6em;
}

#content_page #navigation a:hover{
	background: rgb(200,200,187);
}

#content_page #navigation a.rubrique_en_cours{
	background: rgb(200,200,187);
}





/*  ===============================   */
/*             MOT                    */
/*  ===============================   */



#content_page #mot {
	text-align: center;
	font-family: "JosefinSlabBold", serif;
	color: rgb(60,60,90);
	background: rgb(215,215,187);
	font-size: 2em;
	padding-top: 0.2em;
	padding-bottom: 0.3em;
	border-bottom-style:solid;
	border-color: rgb(200,200,187);
}





/*  ===============================   */
/*             ZONE FILM              */
/*  ===============================   */


#content_page #zone_film {
	background: rgb(255,255,187);
	padding-left: 1em;
	overflow: hidden; /*  Pour que ça descende en dessous des blocs, je crois (cf. Maîtrise des CSS page 169) Oui, ça marche nickel, impressionnant. */
}

/*  C'est la colonne de gauche, dans le flux.   */
#content_page #zone_film #film {
	width: 500px;
	float: left;
	display: inline;
	background: rgb(255,255,187);
}

#content_page #zone_film #film h2 {
	font-family: "JosefinSlabBold", serif;
	font-size: 1.7em;
	margin-bottom: 0.2em;
	margin-top: 0.1em;
}

#content_page #zone_film #film #player {

}

#content_page #zone_film #film #texte1 {
	font-size: 0.9em;
	line-height: 0.9em;
	font-family: "JosefinSlabBold", serif;
}

#content_page #zone_film #film #texte2 {
	font-size: 0.8em;
	line-height: 1em;
	background: rgb(215,215,187);
	color: rgb(60,60,90);
	height: 40px;
	padding: 7px;
	margin-bottom: 20px;
	border-radius: 5px;
	box-shadow: 1px 1px 2px #555;
}


#content_page #zone_film #film #texte3 {
	font-family: "JosefinSlabBold", serif;
	font-size: 0.8em;
	line-height: 1em;
	background: rgb(215,215,187);
	color: rgb(60,60,90);
	padding: 7px;
	margin-bottom: 20px;
	overflow: hidden;
	border-radius: 5px;
	box-shadow: 1px 1px 2px #555;
}

#content_page #zone_film #film #texte3 .film_lie {
	display: inline;
	float: left;
	margin-right: 5px;
}


/*  C'est la colonne de droite, qui sort du flux, mais ce n'est pas grave, car celle de gauche "assure" le coup.   */
#content_page #zone_film #contexte {
	width: 350px;
	margin-top: -5px;
	padding-top: 0px;
	padding-right: 20px;
	padding-left: 20px;
	float: right;
	display: inline;
}

#content_page #zone_film #contexte .film_lie{
	display: inline;
	float: left;
	margin-right: 5px;
}

#content_page #zone_film #contexte .sous-titre {
	text-shadow: 1px 1px 1px #ccc;
	padding-top: 25px;
	padding-bottom: 5px;
}


#content_page #zone_film #contexte #meme_mot{

}


#content_page #zone_film #contexte #meme_initiative{

}






/*  ===============================   */
/*             GROUPES                */
/*  ===============================   */

#content_page #groupes {
	background: rgb(215,215,187);
	overflow: hidden;
}


#content_page #groupes .titre {
	font-family: "JosefinSlabBold", serif;
	font-size: 1em;
	width: 190px;
	float: left;
	display: inline;
	background: rgb(215,215,187);
	text-align: right;
	padding-right: 1em;
	border-top-style:solid;
	border-color: rgb(200,200,187);
	height: 50px;
	line-height: 50px; /*  C'est le line-height de 50 au milieu duquel va se situer l'alignement vertical (c'est donc un alignement vertical non pas dans le bloc, mais par rapport à la hauteur de la ligne).  */
	vertical-align: middle;
}


#content_page #groupes .mots_cles {
	width: 670px;
	padding-right: 20px;
	float: right;
	display: inline;
	padding-left: 10px;
	padding-top: 2px;
	color: rgb(60,60,90);
	background: rgb(255,255,187);
	font-size: 0.9em;
	border-top-style:solid;
	border-color: rgb(200,200,187);
	height: 48px;
	line-height: 48px;
	vertical-align: middle;
}


#content_page #groupes .mot_cle{
	font-size: 0.9em;
	padding-right: 10px;
}



/* Cas spécifique pour les mots clés plus nombreux, avec une hauteur de case plus grande */

	#content_page #groupes .titre_lieux {
		font-family: "JosefinSlabBold", serif;
		font-size: 1em;
		width: 190px;
		float: left;
		display: inline;
		background: rgb(215,215,187);
		text-align: right;
		padding-right: 1em;
		border-top-style:solid;
		border-color: rgb(200,200,187);
		height: 80px;
		line-height: 80px; /*  C'est le line-height de 50 au milieu duquel va se situer l'alignement vertical (c'est donc un alignement vertical non pas dans le bloc, mais par rapport à la hauteur de la ligne).  */
		vertical-align: middle;
	}
	#content_page #groupes .mots_cles_lieux {
		width: 670px;
		padding-right: 20px;
		float: right;
		display: inline;
		padding-left: 10px;
		padding-top: 2px;
		color: rgb(60,60,90);
		background: rgb(255,255,187);
		font-size: 0.9em;
		border-top-style:solid;
		border-color: rgb(200,200,187);
		height: 78px;
	}
	#content_page #groupes .titre_films {
		font-family: "JosefinSlabBold", serif;
		font-size: 1em;
		width: 190px;
		float: left;
		display: inline;
		background: rgb(215,215,187);
		text-align: right;
		padding-right: 1em;
		border-top-style:solid;
		border-color: rgb(200,200,187);
		height: 1680px;
		line-height: 80px; /*  C'est le line-height de 50 au milieu duquel va se situer l'alignement vertical (c'est donc un alignement vertical non pas dans le bloc, mais par rapport à la hauteur de la ligne).  */
		vertical-align: middle;
	}
	#content_page #groupes .mots_cles_films {
		width: 670px;
		padding-right: 20px;
		float: right;
		display: inline;
		padding-left: 10px;
		padding-top: 2px;
		color: rgb(60,60,90);
		background: rgb(255,255,187);
		font-size: 0.9em;
		border-top-style:solid;
		border-color: rgb(200,200,187);
		height: 1678px;
	}






/*  ===============================   */
/*          ZONE RUBRIQUE             */
/*  ===============================   */


#content_page #zone_rubrique {
	background: rgb(255,255,187);
	padding-left: 6em;
	padding-right: 6em;
	padding-bottom: 1em;
	padding-top: 1em;
	overflow: hidden; /*  Pour que ça descende en dessous des blocs, je crois (cf. Maîtrise des CSS page 169) Oui, ça marche nickel, impressionnant. */
	font-size: 1em;
	letter-spacing: -0.03em;
}

#content_page #zone_rubrique a {
	font-weight: bold;
}

#content_page #zone_rubrique .article {
	padding-bottom: 0.5em;
}

#content_page #zone_rubrique .article_petit {
	padding-bottom: 0.5em;
	font-size:0.8em;
}

#content_page #zone_rubrique p {
	margin-top: -10px;
}

#content_page #zone_rubrique h2 {
	text-shadow: 1px 1px 5px #555;
}

#content_page #zone_rubrique .logo_article {
	float: right;
	padding-left: 20px;
	border-radius: 10px;
}

#content_page #zone_rubrique .logo_rubrique img {
	border-radius: 10px;
	box-shadow: 1px 1px 5px #555;
}

/* Pour l'affichage de l'article */
#content_page #zone_rubrique #article_seul {
	padding-right : 6em;
}





/*  ===============================   */
/*      FORMULAIRES FORMIDABLE        */
/*  ===============================   */

#content_page .formulaire_spip {
	background-color: white;
	border-radius: 10px;
	box-shadow: 1px 1px 5px #555;
	padding: 10px;
}
#content_page .formulaire_spip  .explication {
	font-family: arial;
}










/*  ===============================   */
/*          NAV CONTEXTUELLE          */
/*  ===============================   */

#content_page #nav_contextuelle {
	position: absolute;
	padding: 0.5em;
	margin-top: -492px;
	margin-left: 41em;
	width: 9em;
	border-radius: 10px;
	box-shadow: 1px 1px 5px #555;
}

#content_page #nav_contextuelle h2{
	margin-top:-0.1em;
}





/*  ===============================   */
/*             FOOTER                 */
/*  ===============================   */

#content_page #footer {
	border-top-style:solid;
	border-color: rgb(200,200,187);
	background: rgb(60,60,90);
	height: 70px;
	text-align: center;
	color: rgb(215,215,187);
	font-size: 0.7em;
	padding-top: 0.3em;
	line-height: 0.5em;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}

#content_page #footer .ligne1{
	font-family: "JosefinSlabBold", serif;
	font-size: 1.3em;
}

#content_page #footer a {
	color: rgb(215,215,187);
}

#content_page #footer a:hover {
	color: red;
}