/* -------------------------------------------- */
/* ------------- L'Oeil Sauvage --------------- */
/* -------------------------------------------- */
/* -------- © Guillaume Darras 2009 ----------- */

/* --------------- Impressions ---------------- */
/* -------------------------------------------- */

html, body
	{
	padding: 0;
	margin: 0;
	}
	
body
	{
	margin: 20px 30px 40px 30px;
	}

/* --------------- Gˇnˇral ------------- */
/* ------------------------------------- */

p, h1, h2, h3, ul, li, a, a:hover, legend, label, input, textarea, dl, dd, dt
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
}

/* Typo pour les citations et extraits introductifs */
q, blockquote, .liste-articles li .texte, h3.spip, .voirskel {
	font-family: Verdana, Arial, Helvetica, sans-serif; }

li
{
list-style-type:none;
}

a img
{
border:0;
}

/* -------------- Contenu ---------------- */
/* --------------------------------------- */

.jc_parent
{
display: none
}

#menu
 {
 display: none;
 }

/* ----------- Article : films --------------- */

h1
	{
	font-size: 36px;
	font-weight: normal;
	line-height: 34px;
	padding-bottom: 0;
	margin-bottom:0;
	letter-spacing: 2px;
	font-variant: small-caps;
	}
	
h2
	{
	font-size: 14px;
	font-weight: bold;
	padding-top:0;
	margin-top: 3px;
	}
	
p
	{
	line-height: 24px;
	margin: 20px 0 20px 0;
	}
	
#infos_techniques
	{
	padding-bottom: 15px;
	border-bottom: 2px solid gray;
	}

#infos_techniques p
	{
	font-size: 13px;
	line-height: 18px;
	margin: 10px 0 10px 0;
	}
	
#bloc_images
	{
	float: right;
	margin-bottom: 10px;
	padding: 15px 5px 15px 15px;
	margin-left: 20px;
	}

#bloc_images #images img
	{
	float: right;
	margin-bottom: 10px;
	text-align: center;
	margin-right: 10px;
	}
#bloc_images #images p
	{
	text-align: left;
	font-style: italic;
	font-size: 11px;
	}
	
#bloc_images #extrait
	{
	display:none;
	}

#bloc_images #presse
	{
	clear: right;
	width:330px;
	padding-bottom: 15px;
	margin-bottom: 0;
	font-variant: small-caps;
	font-size:11px;
	line-height: 24px;
	letter-spacing: 1px;
	padding-top: 15px;
	}
	
#bloc_images #presse em
	{
	font-size: 16px;
	font-variant: normal;
	}


/* ------------ Rubrique catalogue --------------- */

#disponibilite
	{
	font-style: normal;
	font-weight: normal;
	padding: 10px 10px;
	}
	
#disponibilite p
	{
	color: #ece7df;
	font-size: 10px;
	line-height: 15px;
	}
	
#disponibilite p img
	{
	margin: 2px 0;
	}

#catalogue h2
	{
	margin-bottom: 20px;
	color: #ece7df;
	font-size: 14px;
	font-weight: bold;
	}

#catalogue ul
	{
	padding-left: 0;
	margin-top: 30px;
	}

#catalogue li
	{
	padding-bottom:30px;
	}
	
#catalogue li a
	{
	color: #ece7df;
	text-decoration: none;
	}
	
#catalogue li a:hover
	{
	color:#D5D5D5;
	}

#catalogue #sous_rubriques h3
	{
	color: #ece7df;
	}

#catalogue #sous_rubriques ul
	{
	margin-top: auto;
	height: 20px;
	}
	
#catalogue #sous_rubriques ul li
	{
	float: left;
	margin-right: 15px;
	}
	
#catalogue #sous_rubriques ul li a
	{
	color: #ece7df;
	font-weight: bold;
	}
	
#catalogue #sous_rubriques ul li a:hover
	{
	color:#D5D5D5;
	}

/* ----------- Sous-rubriques catalogues ------------ */

#sous-rubrique h2
	{
	margin-bottom: 20px;
	color: #ece7df;
	font-size: 14px;
	font-weight: bold;
	}
	
#sous-rubrique dl
	{
	margin-bottom: 20px;
	}

#sous-rubrique h3, #sous-rubrique p
	{
	display: inline;
	}

#sous-rubrique h3 a
	{
	font-weight: bold;
	font-style: italic;
	font-size: 14px;
	text-decoration: none;
	}
	
#sous-rubrique dd
	{
	margin: 0;
	padding: 0;
	margin-bottom: 20px;
	}
	
#sous-rubrique dd a
	{
	text-decoration: none;
	}
	
/* ----------- Rubrique Projets en dˇveloppement -------- */

#developpement h2
	{
	margin-bottom: 20px;
	color: #ece7df;
	font-size: 14px;
	font-weight: bold;
	}
	
#developpement dl
	{
	margin-bottom: 20px;
	}

#developpement h3, #developpement p
	{
	display: inline;
	}

#developpement h3 a
	{
	font-weight: bold;
	font-style: italic;
	font-size: 14px;
	text-decoration: none;
	}
	
#developpement dd
	{
	margin: 0;
	padding: 0;
	margin-bottom: 20px;
	}
	
#developpement dd a
	{
	text-decoration: none;
	}