/*

 ****   BLUE SHINE --- DESIGN POUR WOOK.fr ****
 
 ** Derni�res modifs le :  29/04 � 11h00, par Neoxx78

 Th�me : Blue Shine DC1 commenc� en Octobre 2007 par Baptiste_e et Neoxx78, fondateurs de Wook.fr
 
Ce th�me est librement distribuable � partir de la galerie de Wook.fr, et librement modifiable.
Nous vous prions de laisser la mention "Th�me par Wook.fr" en bas de page en �change du servive rendu

Toute utilisation commerciale de ce th�me est interdite sans l'accord de l'�quipe de Wook.fr 

**** FIN CREDITS *****
 
*/

/* ----------------------------------------------------------------------------------*/
/* STRUCTURE GLOBALE */

*,
img
{ 
	margin: 0;
	padding: 0;
	border: 0;
}

body 
{ 
	background : #fff; 
	font-family : 'Trebuchet MS', Verdana, Arial, Tahoma, Times;
}

#page 
{ 
	width : 980px; 
	margin : 10px auto;
	padding : 0;
}



/* ----------------------------------------------------------------------------------*/
/* BALISES COURANTES HTML + REGLES GLOBALES */ 

a { color : #fff; text-decoration : none;}
a:hover { text-decoration : underline;}

a img { border : none; }

h2, h3, h4, h5, h6 { color : #fff;}

ul ul { list-style-type : circle }
ol ol { list-style-type : lower-alpha; }

blockquote {
	border-left : 5px solid #dcdcdc;
}
pre { 
	overflow : auto !important;
	overflow : scroll;
	margin: 1em auto;
	padding: 0.5em 1em;
	min-height : 3em;
	text-align:left;
	width : 70%
}

/* ----------------------------------------------------------------------------------*/
/* HEADER + BANNIERES + HAUT DE PAGE */

#tool {
	height : 36px;
	width: 640px;
}

#tool form{
	width : 185px;
	float : left;
}


#tool #q {
	float : left;
	height : 13px; 
	width : 130px;
	font-size : 0.7em;
	margin : 10px 5px 0 15px;
	background : #fff;
}

form#search input.submit {
	display : block;
	background : url('img/blue-shine-search-icone.png') 0 13px no-repeat;
	border : none;
	height : 36px;
	width : 20px;
}
	

#prelude { 
	font-size : 0.7em;
	color : #fff;
	line-height: 3.5em;
}

#top {
	height : 100px;
	width : 980px;
	margin-bottom: 35px;
}

#logo
{
	background : url('img/lemad2.png') 0px 10px no-repeat; 
	margin: 0px 15px 0 0;
	overflow: hidden;
	width: 210px; /* ie 6 needs this (don't know why it can't adapt to parent's width */
	height: 100px;
	float: right;
	
}

#logo a
{
	display: block;
	padding-top: 165px;
}






/* ----------------------------------------------------------------------------------*/
/* MAIN ET CONTENT */

#main { 
	overflow : hidden;
}

#main #content 
{
	padding : 0 0 15px 15px;
	font-size : 0.8em;
	overflow : hidden;
	color : #000;
	width: 650px;
	float: left;
}

.studiomad #content,
.cinemad #content, 
.stages #content, 
.info #content, 
.info #content, 
.kwa #content,
.contact #content,
.archives #content,
.venus #content,
.newsletter #content
{
	background : url('img/bg-post.png') repeat;
	border-top: 4px solid #000;
	margin-left: 15px;
}

#content .afficher
{
	font-size : 1.1em;
	text-align: center;
}

#subscribe 
{
	font-size : 0.8em;
	overflow : hidden;
	color : #606060;
}
.important_text span
{
	text-decoration : underline;
}

.inscrire #emailaddress
{
	margin-top: 5px;
}

.inscrire input.important_text 
{
    background-color:#FFF;
    border:1px solid #93117E;
    font-size:11px;
    padding: 2px 5px;
    cursor:pointer;
}

.inscrire input.important_text:hover
{
    background-color:#93117E;
    color: #fff;
}


#content h3
{
	font-size: 1.5em;
	text-transform: uppercase;
	padding: 0;
	margin: 0 0 12px 0;
}

#content h4
{
	font-size: 1.2em;
	margin: 0 0 3px 0;
}
#content h5
{
	font-size: 1em;
	margin: 5px 0 3px 0;
}

#content h6
{
	font-size: 1.5em;
	margin: 0px 0 8px 0;
	text-transform: uppercase;
	color: #fff;
}
#content b, .important_text, #membership b
{
	color: #000;
}
#page 
{
    background : url('img/bg-content.jpg') 0 0 repeat-y; 
}

.lahome #main 
{
    background : url('img/home-img.png') 240px bottom no-repeat; 
}



.studiomad .rire
{
    float: left;
    margin-right: 12px;
}

.studiomad #content p, 
.cinemad #content p, 
.info #content p, 
.kwa #content p,
.petits #content p,
#subscribe p,
.newsletter #content li,
.stages #content p
{
    padding-right: 150px;
    line-height: 1.4em;
}

.stages #content p.day-date
{
    padding-right: 3px;
}


#subscribe p
{
    padding-right: 0px;
}

#menus
{
	height: 30px;
	line-height: 1.8em;
	list-style-type: none;
	font-size: 1em;
	border-top: 2px dotted #fff;
	border-bottom: 2px dotted #fff;
	margin-top: 30px;
	padding-left: 15px;
	width: 650px;
	float: left;
}
#menus ul
{
	margin: 0;
	padding: 0;
}
#menus li
{
	display: inline;
	margin: 0;
}

#menus a:link, 
#menus a:visited
{
	float: left;
	display: block;
	color: #fff;
	font-weight: normal;
	text-decoration: none;
	margin-right: 18px;
}


#menus a:active, 
#menus a:hover, 
#menus a.active:link, 
#menus a.active:visited
{
	color: #f39400;
}

.studiomad #content h3, .cinemad #content h3
{
	background : url('img/studiomad.png') 0px 0px no-repeat; 
	margin: 10px 0 20px 0;
	overflow: hidden;
	width: 320px; /* ie 6 needs this (don't know why it can't adapt to parent's width */
	height: 40px;
}

.studiomad #content span, .cinemad #content span
{
	display: block;
	padding-top: 50px;
}

table.studtable td
{
	padding: 15px;
	border-bottom: 2px solid #fff;
    vertical-align: top;
}

table.studtable
{
	border-top: 2px solid #fff;
}

table.studtable td.lenom
{
	background-color: #F39400;
	color: #FFF;
	margin: 5px;
	font-weight: bold;
}

 .cinemad #content h3
{
	background : url('img/cinemad.png') 0px 0px no-repeat; 
}

.info #content h4
{
	color: #fff; 
	margin: 12px 0 0 0;
}

.info #content h5
{
	color: #93117E; 
	margin: 0;
	font-size: 1.3em;
}

.info #content .colonne
{
	float: left;
	width: 350px;
}

.info #content p
{
    margin: 3px 0 0 0;
    padding: 0;
}

#content #lahome
{
    padding: 15px;
    background-color: #93117E;
    color: #fff;
}
#content #lahome h3, #content #lahome h4, #content #lahome h5
{
    color: #fff;
}

#content #lahome a
{
    color: #fff;
    text-decoration: underline;
}

#content #lahome marquee
{
    font-size: 1.3em;
    margin-bottom: 15px;
}

#content #lahome h5
{
    font-size: 1.1em;
	text-transform: uppercase;
 }

#subscribe
{
    width: 600px;
    margin-left: 240px;
}

.venus #content span
{
    color: #F39400;
    font-weight: bold;
    font-size: 2em;
}
.venus #content em
{
    color: #F39400;
    font-weight: bold;
    font-size: 1.4em;
	font-style: normal;
}




/* ----------------------------------------------------------------------------------*/
/* BILLETS + AFFICHAGE DU CONTENU */

.post,
#content .post-complet 
{ 
    padding : 0; 
    color : #000;
    width: 650px;
    min-height: 50px;
    margin-bottom: 15px;
    border-top: 4px solid #000;
	background : url('img/bg-post.png');
}

#content .post-complet 
{ 
    padding : 0 30px 15px 8px; 
}

.lahome .post 
{ 
    padding : 0; 
    color : #606060;
    background-color: #93117e;
    width: 330px;
    min-height: 50px;
    margin-bottom: 10px;
}

/*
.lahome .day-date 
{ 
   display: none;
}
*/


#contenth3 
{ 
    padding : 0; 
    text-indent: 8px;
    color : #fff;
    background-color: #93117e;
    width: 300px;
    height: 35px;
    margin-bottom: 10px;
    font-size: 2.1em;
    line-height: 35px;
	text-transform: uppercase;
	font-weight: bold;
}


h2.post-title { 
	padding : 2px 0 0 8px; 
	margin : 0;
	color : #fff; 
	font-size : 1.1em;
	text-transform: uppercase;
	overflow : hidden;
}

h2.post-title a { 
	color : #fff; 
}

p.post-info {
	background : url('img/fleche.jpg') top left no-repeat;
	margin : 0.2em 0 0.2em 1.5em;
	padding-top : 0.2em;
	text-indent : 35px;
	font-size : 0.9em;
	font-style : italic;
	font-weight : bold;
	color : #6f6f6f;
}
span.auteur { color : #1694b5; }
.post-chapo { margin : 1.5em 0 0.5em 0; }
.post-complet .post-chapo { margin : 0; }

.post-read-more  a
{ 
	float: right;
	margin: -22px 5px 0 0px;
	color : #fff; 
	text-decoration : none; 
	text-indent : 5px;
}

.post-read-more  a:hover
{ 
	text-decoration : underline; 
}



.post-content p
{ 
    margin: 0; 
    padding: 0 200px 8px 8px;
    color : #000;
}

.post-complet .post-content p
{ 
    margin: 5px 120px 0 0; 
    padding: 0px;
    color : #000;
}

.post-content p.day-date ,
.stages .post-content p.day-date 
{
	float : right;
	color : #fff;
	font-size : 0.9em;
	text-transform : uppercase;
	padding : 2px 3px 0 0;
	margin : 0;
}



.post-complet p.day-date 
{
	color : #fff;
	font-size : 1em;
	text-transform : uppercase;
	font-weight: bold;
	margin-top: 3px;
}
.post-complet h2.post-title { 
	margin : 0;
	padding: 0;
	color : #fff; 
	font-size : 1.4em;
	text-transform: uppercase;
	font-weight: bold;
	overflow : hidden;
}

.post-content, .post-chapo 
{
    font-size : 1em;  
    margin: 0;
    padding: 0;
}
.post-content img 
{
    float: left;  
    margin: 5px 10px 5px 0;
    padding: 0;
}
.post-complet .post-chapo p
{
    font-size : 1.2em;  
    margin: 0;
    padding: 0;
}

div.clearer-ie { padding : 0.1em 0; clear : both; }


p.post-info-co {
	font-size : 0.8em;
	font-style : italic;
	margin : 0.3em 0;
	height : 22px;
	line-height : 16px;

}
p.post-info-co img { margin : 0 0.5em; }

.Newsletter .post-content
{
    clear: both;
}

.Newsletter .post-complet
{
    border-top: 2px dotted #93117E;
    clear: both;
}

/* ----------------------------------------------------------------------------------*/
/* COMMENTAIRES ET TRACKBACKS */

#trackbacks h3, #comments h3 {
	margin : 1em 0 0.5em 0;
	color : #2b6f9e;
	letter-spacing : 1px;
}

p.info-tb-com {
	font-style : italic;
	margin : 0;
	font-size : 0.9em;
}

p.comment-info {
	margin-left : 15px; 
	font-size : 0.9em;
	font-style : italic;
	font-weight : bold;
	color : #62616b;
}
span.comment-number { font-size : 1.6em; font-style : normal;}
#comments p.comment-info strong { color : #1589a6; }
#comments p.comment-info strong a { text-decoration : underline; }
#trackbacks p.comment-info strong { text-decoration : underline; }

#comments blockquote, #trackbacks blockquote, #comment-preview blockquote {
	padding : 0.5em 1em;
	margin-left : 20px;
	width : 70%;
	border : 1px solid #cdcdcd;
	font-family : Arial;
}
#trackbacks blockquote strong a { font-size : 1.1em; text-decoration : underline; }

/* ----------------------------------------------------------------------------------*/
/* FORMULAIRES */

.form-info { float : left; }
.form-text { float : right; }
p.field label { 
	display : block; 
	width : 150px; 
	font-size : 0.9em;
	font-style : italic;
	font-weight : bold;
	color : #62616b;
}
p.field input[type='text'] { 
	padding : 0.2em;
	width : 170px; 
	font-size : 0.9em; 
}
/* Correction Bug pour IE 6 et inf�rieur */ .form-info p.field input { width : 170px; }

p.field textarea { 
	padding : 0.2em;
	width : 370px;
	font-size : 1.2em;
	margin-right : 0.5em;
}
p.field input, p.field textarea { border : 1px solid #cdcdcd;}
p.form-help { 
	margin : 0;
	padding : 1.5em 0;
	font-size : 0.9em;
	clear : both;
}
fieldset.form-end {
	border : 1px solid #cdcdcd;
	margin-right : 0.5em; 
	text-align : center;
}
fieldset.form-end p {
	font-size : 0.9em;
	font-style : italic;
	font-weight : bold;
	color :	#62616b;
}

/* ----------------------------------------------------------------------------------*/
/* SIDEBAR = MENU VERTICAL */

#lanews 
{ 
	display: none;
	float: right;
	width : 300px;
	border: 1px solid #632181;
	margin-bottom: 10px;
    background-color: #93117E;
}
#lanews h2 
{
	color : #fff;
	margin: 0;
	text-indent : 8px;
	font-size : 1em;
	line-height: 25px;
	background-color: #632181;
	text-transform: uppercase;
}

#lanews p 
{
	color : #fff;
	margin-left : 8px;
	font-size : .8em;
}

.programme #lanews  
{
	display: block;
}

#sidebar { 
	width : 220px;
	float : right;  
	font-size : 0.7em;
	margin-right: 4px;
}

#sidebar h2 {
	color : #f39400;
	margin: 0;
	font-size : 1.3em;
	line-height: 25px;
	text-transform: uppercase;
}
#sidebar h3 { 
	margin : 0;
	padding : 0;
	text-indent : 10px; 
	font-size: 1.1em; 
	color : #62616b; }

#sidebar ul, #membership a
{
	list-style-type : none;
	padding : 5px 15px 0.8em 0;
	margin : 0;
}
#sidebar li
{
	display : block;
	color : #fff;
	font-size : 1.1em;
	margin-bottom: 4px;
	padding : 0;
}

#sidebar div li a 
{
	color: #fff;
}

#sidebar li a:hover {
	text-decoration: underline;
}	

#sidebar div
{
	width : 218px;
	border-top: 2px dotted #fff;
	margin-bottom: 15px;
}

.inscription .inscrire, .newsletter .inscrire
{
	border: 1px dotted #fff;
	padding: 10px;
	margin-top: 20px;
	width: 350px;
}


.inscription .inscrire .line, .newsletter .inscrire .line
{
	border-top: 1px dotted #93117E;
	line-height: 2px;
}

#sidebar caption 
{
	color : #fff;
	font-size: 1.2em;
	margin: 3px 0 5px 0;
	padding: 0;
	line-height: .9em;
}
#sidebar caption a
{
	font-size: 1.5em;
	line-height: .9em;
}

#sidebar #calendar table
{
	margin : 0 auto;
	font-size: 1.2em;
	color : #fff;
	padding: 0;
	width: 220px;
}

#sidebar #calendar td 
{
	text-align: center;
	line-height: 17px;
	width: 22px;
	color: #fff;
}

#sidebar tboby {
	font-size: 1.1em;
}


#sidebar table td a 
{
	font-weight : bold;
	background-color: #f39400;
	display: block;
	color: #fff;
}

#sidebar #membership p, #sidebar #newsletter p, #sidebar #progclick p
{
	font-size: 1.1em;
	margin: 7px 0 5px 0;
}

#sidebar #progclick p, #sidebar #newsletter p
{
	color: #fff;
}

#sidebar #newsletter form
{
	padding: 0 0 5px 8px; 
}



/* ----------------------------------------------------------------------------------*/
/* FOOTER ET CREDITS */

#footer 
{ 
	font-size : 0.8em;
	color : #fff;
	margin : 0;
	padding-top : 5px; 
	height : 28px;
	width : 980px;
	background : url('img/bg-post.png') repeat;
}
#footer p 
{ 
    margin : 0; 
    text-indent : 15px; 
}

#footer span a 
{ 
    margin-left : 145px;
    text-decoration: underline
}

#content .all-news 
{ 
    float: right;
    width: 380px;
    background-color: #632181;
    border-bottom: 15px solid #93117E;
    -moz-border-radius-topright: 10px;
    -webkit-border-top-right-radius: 10px;
    padding-bottom: 10px;
}

#content .all-news h3
{ 
    background-color: #93117E;
    padding: 5px 0 3px 15px;
    color: #fff;
    -moz-border-radius-topright: 10px;
    -webkit-border-top-right-radius: 10px;
}

#content .news-post-complet
{ 
    padding: 0 8px 8px 8px;
    color: #fff;
}
#content .news-post-complet h2
{ 
    color: #fff;
}
#content .bottom
{ 
    clear: both;
    border-bottom: 1px dotted #fff;
}
/* ----------------------------------------------------------------------------------*/
/* CLASSES COMMUNES AUX THEMES  */

/* Pour centr� un contenu que cela soit image, texte, tableau etc... � utiliser sans mod�ration ! */
.centre { text-align : center; }
img.centre {/* Correction d'un petit bug dans le cas la classe centre est appliqu� � l'image, d�conseiller cenpendant, ajouter la classe sur un <p> avec l'image <img> dedans est conseill� */
	display : block; 
	text-align : center; 
} 

/* Bloc flottant, que ce soit pour placer les images dans les articles, les textes, ou stopp� un bloc flottant etc. */
.flottant-gauche { float : left; margin : 0.5em; }
.flottant-droit { float : right; margin : 0.5em; }
.clearer { clear : both; }

/* Pour tous ce qui est des annonces importantes, que vous voulais mettre en �vidence, au centre, en gras etc. */
.important { 
	font-size : 1.3em;
	font-family : Verdana, 'Trebuchet MS', Tahoma, Arial, Times;
	font-weight : bold;
	text-align : center;
}

/* Simple mise en gras, juste pour l'aspect = sans raport avec une emphase du contenu */
.gras { font-weight : bold; }
/* Simple mise en italic pour l'aspect =  sans rapport avec une emphase du contenu */
.italique { font-style : italic; }

/* ----------------------------------------------------------------------------------*/
/* CLEARERS = BLOCS AYANT LA PROPRIETE CLEAR, ANTI FLOAT */

#footer, p.post-info-co, p.post-read-more, p.form-help, .clearer { clear : both; }
p.form-help { clear : both; }