/*=====================================
  RESET
=====================================*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
input, select, textarea { 
	font-size: 100%; font-family: inherit; 
}

/*=====================================
  DIVERS
=====================================*/

html{
  background-color:#383838;
  font-family:"Arial";
}

body{
	font-size: 0.625em;
	background-color:#383838;
}
a{
	color:#6FB1E5;
	text-decoration: none;
}
a:hover{
	color:#FC4160;
	text-decoration: none;
}
div#footer{
	background-color: #333;
}
strong{
	font-weight: bold;	
}
div#footer div{
	width:950px;
	padding:5px 5px 10px 5px;
	color:#666;
	margin: 0 auto;
	line-height: 1.5em;
	letter-spacing: 1px;
}
div#header_gen{
	background-color: #333;
}
div#header_gen div{
	width:950px;
	padding:5px;
	color:#fff;
	margin: 0 auto;
	position: relative;
	height: 10px;
}
div#header_gen div ul{
	list-style-type: none;
	overflow: hidden;
	position: absolute;
	right: 10px;
}
div#header_gen div ul li{
	float: left;
	text-align: right;
	margin-left: 15px;
}
div#header_gen div ul li a {
	color:#d1d1d1;
}
div#header_gen div ul li a:hover{
	color:#fff;
}
div#container{
	width:960px;
	margin:0 auto;
	background: #fff url("../images/container.jpg") repeat-y;
}

div#content{
	width:960px;
	margin:0 auto;
	background: transparent url("../images/content.jpg") no-repeat;
	overflow: hidden;
}
.s_center{
	text-align:center;	
}
#body h4{
	font-size:1.4em;
	margin-bottom:10px;
	letter-spacing:0.2em;
}
/*=====================================
  COL GAUCHE
=====================================*/
div#content_left{
	width:265px;
	float:left;
	padding-bottom:25px;
}

.logo{
	margin-left: 15px;	
	margin-bottom:15px;
}

#content_left ul{
	margin-top:10px;
	list-style-type: none;	
}
#content_left ul li{
	text-align: right;
	margin-bottom:10px;	
}
.swap, .swap img{
	text-decoration: none;
	border: none;
	outline: none;	
} 
#content_left p{
	color:#fff;	
	margin:25px 20px 15px 25px;
	font-size: 1.1em;
	line-height: 1.4em;
}
	
div.communication{
	margin:0 23px 10px 23px;
	padding:15px;	
	text-align: justify;
	font-size: 1.1em;
	line-height: 1.5em;
	background: #fff url("../images/bg_intro.jpg") no-repeat;
}
div.communication p{
	margin: 0 0 10px 0; 
}
/*=====================================
  COL DROITE
=====================================*/
div#content_right{
	width:695px;
	float:left;	
	padding-top:10px;
	padding-bottom:25px;
}

div#banniere{
	width:695px;
	text-align: center;
}
div#banniere h2{
	width:680px;
	height:78px;	
	margin-bottom:20px;
}
div#banniere h2 span{
	visibility: hidden;
}
div.c_lecoin h2{background: #999 url("../images/lecoin/banniere.jpg") no-repeat;}
div.c_reflexion h2{background: #999 url("../images/reflexion/banniere.jpg") no-repeat;}
div.c_livemusic h2{background: #999 url("../images/livemusic/banniere.jpg") no-repeat;}
div.c_drivein h2{background: #999 url("../images/drivein/banniere.jpg") no-repeat;}
div.c_meditation h2{background: #999 url("../images/meditation/banniere.jpg") no-repeat;}
div.c_portrait h2{background: #999 url("../images/portrait/banniere.jpg") no-repeat;}
div.c_sofa h2{background: #999 url("../images/sofa/banniere.jpg") no-repeat;}
div.c_holydocshow h2{background: #999 url("../images/holydocshow/banniere.jpg") no-repeat;}
div.c_expression h2{background: #999 url("../images/expression/banniere.jpg") no-repeat;}
div.c_kids h2{background: #999 url("../images/kids/banniere.jpg") no-repeat;}

div#page{
	width: 650px;
	margin: 0 auto;
	overflow: hidden;
}

div#header_video{
	width: 635px;
	background: #383838 url("../images/fond_titre.jpg") repeat-x bottom;
	margin-bottom:10px;
	color:#fff;
	padding:5px;
}

div#header_video h3{
	font-size:1.5em;
	letter-spacing: 2px;
	font-weight: bold;
	margin-bottom:10px;
}
div#header_video span{
	display:block;
	font-size:1.2em;
	margin-right:15px;
	padding-bottom:5px;
}

div#page_left{
	float:left;
	width: 480px;	
}

div#page_right{
	width:170px;
	float:left;
}

/*=====================================
  LIST VIDEO
=====================================*/
ul.video{
	list-style-type: none;
}
ul.video li{
	overflow: hidden;
	width: 480px;
	padding:10px 0;
	color:#000;
	border-bottom:solid 1px #e1e1e1;
}
ul.video li .video_l{
	float:left;
	width: 124px;
}
ul.video li .video_l a{
	text-decoration: none;
}
ul.video li .video_l img{
	border:solid 1px #999;
	padding:1px;
}

ul.video li .video_c{
	float:left;
	width: 235px;
	font-size:1.1em;
	line-height: 1.3em;
	padding: 0 10px;
	border-right:solid 1px #e1e1e1;
	min-height:90px;
  	height:auto !important;
  	height:90px;	
}
ul.video li .video_c_extend{
	border:none;
	width: 325px;
  	height:auto !important;
  	height:90px;
	
}

ul.video li .video_c h3{
	color:#333;
	font-weight: normal;
	font-size:1.2em;
	line-height:1.2em;
	margin: 0 0 10px 0;
	font-weight: bold;
}
ul.video li .video_c a{
	color:#333;
}
ul.video li .video_c a:hover{
	text-decoration: none;
}
ul.video li .video_c .link{
	color:#999;
	margin-top:10px;
	display:block;
	font-size:1.1em;
}

ul.video li .video_r{
	float:left;
	width: 90px; /* 100px - 10px de padding */
	padding: 0 5px;	
	color:#999;
}
ul.video li .video_r span{
	color:#000;
}

span.present{
	display: block;
	margin-bottom: 3px;	
	color:#930E0B;
	font-weight: bold;
}

p.theme{
	display: block;
	margin : 3px 0;	
	color:#00608A;
	font-weight: bold;
	background-color: #f1f1f1;
	padding: 2px;
}
p.theme span{
	color:#333;
}
/*=====================================
  CONCEPT
=====================================*/
div.text_right, div.text_right_bg{
	font-size:1.1em;
	line-height: 1.7em;
	padding:0 10px;
	width:150px;
}

div.text_right_bg{
	background:#fff url('../images/bg_div.jpg') repeat-x;
}

/*=====================================
  VIDEO
=====================================*/
#video_player{
	margin-bottom:10px;	
	border-bottom:solid 1px #999;
}
/*=====================================
  LIST PRODUIT
=====================================*/
div.list_produit{
	margin:10px;
	font-size:1.1em;
	line-height: 1.5em;
	padding-top:10px;
	border-top:solid 1px #999;
	width: 150px;
}
div.list_produit ul{
	list-style-type: none;
	width: 150px;
}

div.list_produit ul li{
	margin-bottom:25px;
	overflow: hidden;
}

div.list_produit ul li img{
	border:none;
}

/*=====================================
  LIST LINK
=====================================*/
div.list_link{
	margin:0 0 5px 0;
	font-size:1.1em;
	line-height: 1.5em;
	padding-top:10px;
	width: 480px;
	overflow: hidden;
}
div.link_content{
	width: 480px;
	overflow: hidden;
	margin-bottom:20px;
}
div.link_content a{
	color:#999;	
}
div.link_content a:hover{
	color:#000;	
}

div.link_col1{
	width: 235px;
	float:left;
	margin-right:10px;
}
div.link_col2{
	width: 235px;
	float:left;
}

div.link_l img{
	border:solid 1px #999;
	padding:1px;
}

div.link_l{
	width:124px;
	float:left;
}
div.link_r{
	width:105px;
	padding:0 0 0 5px;
	float:left;
}
div.link_r span{
	color:#666;	
}
div.link_all{
	width:235px;
}

/*=====================================
  PARTAGE
=====================================*/
div.partage{
	background:#fff url('../images/bg_div.jpg') repeat-x;
	padding:15px;
	margin-bottom:10px;
}
div.partage a{
	font-size: 1.2em;
}
/*=====================================
  COMMENTAIRE
=====================================*/
div.list_comment{
	background:#fff url('../images/bg_div.jpg') repeat-x;
	padding:15px;
}

div.list_comment ul{
	list-style-type: none;
}

div.list_comment ul li{
	font-size: 1.1em;
	margin-bottom:10px;
	line-height: 1.5em;
}

div.list_comment ul li span{
	color:#939393;
	display: block;
	letter-spacing: 2px;
}

p.disabled{
	text-align: center;
	font-size: 1.1em;
	color:#ccc;	
}
div.comment_form{
	padding:15px;
}
p.comment_valid{
	color:green;
	font-size: 1.2em;
	text-align: center;
}

/*=====================================
  ANNONCES
=====================================*/
div#annonce{
	background:#fff url('../images/bg_div.jpg') repeat-x;
	padding:10px;
}
div#annonce ul{
	list-style-type: none;
}
div#annonce ul li{
	font-size:1.1em;
	line-height: 1.5em;
	margin-bottom:20px;
}
div#annonce ul li a{
	color:#065DA6;	
}
div#annonce ul li a:hover{
	color:#CC5C1E;
}

/*=====================================
  Inscription
=====================================*/

/*=====================================
  FORM
=====================================*/
#result_form{
	color:red;	
}
label{
	color:#767676;
	font-size: 1.0em;
	letter-spacing: 2px;
}
input.f_txt, textarea.f_txt{
	padding:2px 2px;
	background:#FFFFFF;
	border-color:#ddd;
	border-style:solid;
	border-width:1px;
	font-size: 1.2em;
}

textarea.f_txt{
	font-size: 1.3em;
	overflow:auto;
	width: 400px;
}

#body .error{
	border: solid 1px red;	
}

.button{
	border: solid 1px #c3c3c3;
	padding:0 10px;
	background-color: #ddd;
	color:#333;
	font-size: 1.2em;
}
ul.bloc_form{
	list-style-type: none;	
}
.dn{
	display:none;	
}
#body ul.bloc_form{
	margin:0px;
	overflow: auto;
}

#body ul.bloc_form li{
	padding:5px 0;
}
#body ul.bloc_form li.f_left{
	float:left;
	margin-right: 5px;
}