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

/* ----------- Gabarit 2 colonnes ------------- */
/* -------------------------------------------- */

html, body
	{
	padding: 0;
	margin: 0;
	}

/* --------------- Général ------------- */
/* ------------------------------------- */

body
{
background-color: #221C1C;
}

p, h1, h2, h3, ul, li, a, a:hover, legend, label, input, textarea, dl, dd, dt
{
font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#D5D5D5;
}

/* 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 ---------------- */
/* --------------------------------------- */

#menu
 {
 padding-top: 0px;
 padding-left: 0;
 }

#menu li
 {
 padding: 13px 0 0 15px ;
 margin: 0;
 }
 
#menu li a
 {
 text-decoration: none;
 font-weight: bold;
 color:#EAEAEA;
 }
 
 #menu li img
 {
 margin-left: 0;
/* position: absolute;
 bottom: 20px;*/
 }
 
#contenu
 {
 min-width: 600px;
 max-width: 900px;
 padding : 60px 60px 70px 220px;
 }
 
 #formulaire_menu_lang
 {
position: absolute;
right: 30px;
 }
 
 #pied p, #pied a
 	{
	color:#5F5353;
	text-align: center;
	margin: 0;
	padding: 0;
 	}
 	
 #pied
 	{
 	clear: both;
 	margin-bottom: 30px;
 	}

/* ----------- 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;
	}
	
#infos_techniques
	{
	padding-bottom: 15px;
/*	border-bottom: 2px solid #AF9999;*/
	}

#infos_techniques p
	{
	font-size: 13px;
	line-height: 18px;
	color: #AF9999;
	margin: 10px 0 10px 0;
	}
	
#infos_techniques p strong
	{
	color:#b5b5b5;
	}
	
#infos_techniques p a
	{
	font-size: 13px;
	line-height: 18px;
	color: #AF9999;
	text-decoration: underline;
	}

	
p
	{
	line-height: 24px;
	margin: 20px 0 20px 0;
	}
	
a, a.spip_out
	{
	color: #fbf7f1;
	text-decoration: none;
	}
	
a:hover
	{
	color:#D5D5D5;
	}
	
#bloc_images
	{
	float: right;
	background-color: #0F0A0A;
	/*border-bottom: 2px solid #D5D5D5;*/
	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 #presse
	{
	clear: right;
	width:330px;
	padding-bottom: 15px;
	margin-bottom: 0;
	font-variant: small-caps;
	font-size:11px;
	line-height: 24px;
	letter-spacing: 1px;
	border-top: 2px solid #221C1C;
	padding-top: 15px;
	}
	
#bloc_images #presse em
	{
	font-size: 14px;
	font-variant: normal;
	}
	
/* ------------ Accueil ---------------- */

#page_sommaire
{
background-color: black;
}

#logo_anime
 {
 margin-left: 20px;
 }
 
/* ------------ Rubrique catalogue --------------- */

/* Bloc dépliable */
.cs_blocs
	{
	margin-top: 20px;
	}

.cs_blocs h4 a
	{
	color: #AF9999;
	font-weight: bold;
	font-size: 12px;
	}
	
.cs_blocs .blocs_destination
	{
	border-bottom: 2px solid #AF9999;	
	}
	
.cs_blocs .blocs_destination p
	{
	font-size: 13px;
	line-height: 18px;
	color: #AF9999;
	}
	
#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: 7px;
	margin-bottom: 4px;
	margin-left: 10px;
	height: 20px;
	}
	
#catalogue #sous_rubriques ul li
	{
	float: left;
	margin-right: 15px;
	margin-left: 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-size: 16px;
	text-decoration: none;
	text-transform: uppercase;
	}
	
#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-size: 16px;
	text-decoration: none;
	text-transform: uppercase;
	}
	
#developpement dd
	{
	margin: 0;
	padding: 0;
	margin-bottom: 20px;
	}
	
#developpement dd a
	{
	text-decoration: none;
	}

	
/* ---------- Rubrique liens --------------- */

#liens h2
	{
	font-size: 14px;
	font-weight: bold;
	margin: 20px 0;
	}

#liens a:hover
	{
	color: #CB6859;
	}
	
/* ---------- Contact ------------- */

.form_contact
{
position:relative;
top:-350px;
}

.form_contact fieldset legend, .form_contact fieldset.reponse_formulaire legend
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
color:#D5D5D5;
font-weight:bold;
background:url(ressources/puce_paragraphe.gif) left 6px no-repeat;
padding-left:10px;
font-size:12px;
text-align:left;
}

form.form_contact label
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
color:#D5D5D5;
font-weight:normal;
margin:10px 0 5px 0;
}

form.form_contact input, form.form_contact textarea
{
border:1px solid #CB6859;
padding:3px 3px;
}

form.form_contact div.ok_bouton
{
text-align:center;
}

form.form_contact input.ok_bouton
{
border:none;
background:#CB6859;
color:white;
margin-top:20px;
}

/* -------------- Rubrique video ------------ */

.spip_doc_descriptif, .spip_doc_titre
	{
	display: none;
	}

#nos_videos
	{
	margin: 20px 0;
	}
	
#nos_videos .ma_video
	{
	width: 200px;
	float: left;
	margin: 5px 5px;
/*	border-bottom: 1px solid red; */
	}
	
.ma_video .spip_documents object
	{
	width:200px;
	height: 150px;
	}
	
.ma_video p, .ma_video p a
	{
	margin: 0;
	padding: 0;
	font-size: small;
	color:#5F5353;
	line-height: normal;
	}
	
.ma_video p a:hover
	{
	color:#EAEAEA;
	}