/*
Theme Name: WordPress Default Fr
Theme URI: http://wordpress.org/
Description: Le thème par défaut de WordPress, basé sur le fameux thème <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 1.6
Author: Michael Heilemann
Author URI: http://binarybonsai.com/
Tags: blue, custom header, fixed width, two columns, widgets 

Kubrick v1.5
http://binarybonsai.com/kubrick/

This theme was designed and built by Michael Heilemann,
whose blog you will find at http://binarybonsai.com/

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php

*/



/* Balises, classes génériques */
body{
	font-size:65%;
	margin:0;
	text-align:center;
	color:#808082;
	background:#FFECCC url('images/bg_principal.jpg') left top repeat-x;
	background:#EDDD9E;
}
body *{
	font-family:arial,verdana, sans-serif;
	text-align:left;
	color:#646464;
}
p{
font-size:1.1em;
}
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
	line-height:normal;
}
table {
border-collapse:collapse;
border-spacing:0;
}
fieldset,img,a img,abbr,acronym { 
	border:0;
}
address,caption,cite,code,dfn,em,th,var ,h1,h2,h3,h4,h5,h6 {
	font-style:normal;
	font-weight:normal;
}
ol,ul,li {
	list-style:none;
	padding:0;
	margin:0;
}

legend{margin:0;	padding:0;}


a:hover{text-decoration:none;}
a{color:#CA0102 !important;}

p{margin:0 0 7px 0;}
.noBorder{border:none;}
.center{text-align:center;}
.italic{font-style:italic;}
.none{display:none;}
.block{	display:block;}
.cBoth{	clear:both;}
.last{margin-right:0 !important; background:none !important;}

.both:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
* html .both{_height:1%;}
*:first-child+html .both{_height:1%;}
	
.fLeft{float:left;}
.fRight{float:right;}
fieldset{border:none;}
caption{display:none;}




/*generalites */


/* theme graphiques */


/* conteneur */
	#conteneur{
		width:988px;
		margin:0 auto;
		background: url('images/bg_principal_r_2.jpg') right top no-repeat;
		overflow:visible;
	}


/* header */
	#header{
		background: url('images/bg_header.gif') right top no-repeat;
		position:relative;
		height:136px;
		margin-bottom:55px;
	}

	#header .col1{
		position:absolute;
		top:0;
		right:20px;
	}
	#header .col1 ul{
		padding:33px 15px 0 0;
		float:left;
	}
	#header .col1 li{
		display:block;
		float:left;
		background: url('images/puce_separateur.gif') right top no-repeat;
		padding:0 8px;
		font-size:1.1em;
	}
	#header .col2{
		position:absolute;
		top:72px;
		width:556px;
		right:10px;
	}
	#header .col2 blockquote span{
		color:white;
		font-size:1.1em;
		font-weight:bold;
		line-height:1.3em;
	}
	#header .lien{
		background: url('images/puce_grise.gif') 0 3px no-repeat;
		padding-left:8px;
		font-size:1.1em;
		color:#868889;
		text-decoration:none;
	}
	#header .lien:hover{
		text-decoration:underline;
	}

/* NEWS */
	#news {
		margin-top:5px;
		padding-left:12px;
		float:right;
		width:49%;
		display:block;
		text-align:right;
	}
	#news .rss a{
		background: url('images/picto_rss.gif') left top  no-repeat !important;
		padding-left:15px;
	}
	#news li.floatL{
		margin-right:320px;
	}
	#news li{
		display:inline;
		background:none;
		margin:0;
		margin-right:12px;
	}
	
/* notreProg  */
	#notreProg {
		margin-top:5px;
		padding-left:12px;
		float:left !important;
		width:30%;
	}
	#notreProg .rss a{
		background: url('images/picto_rss.gif') left top  no-repeat;
		padding-left:15px;
	}
	#notreProg li{
		display:inline;
		background:none;
		margin:0;
		margin-right:12px;
	}	
	
	.sidebar { width:650px; margin-left:350px; overflow:hidden; _overflow:visible; zoom:1; position:absolute;}

	
	
/*FORMULAIRE ARTICLE */

#commentform { width:610px;}
#commentform textarea{ _width:100%; width:605px;}
#commentform p span{ background: transparent url('images/btn_reagir.gif') no-repeat top left; padding-bottom: 15px; }
#commentform label{ margin-bottom:4px; width:23%; float:left; text-align:right; line-height:20px;}
#commentform input{ margin-bottom:4px; width:75%; float:right;}
#commentform input#submit{ border:none; background: none; height:22px; width:100px; cursor:pointer; float:none;}



/*contenu */
#contenu{
	clear:both;
	background:white;
}
#contenu .bg_haut{
	background: url('images/bg_contenu_h.gif') left top no-repeat;
	height:4px;
	font-size:1px;
}
#contenu .bg_bas{
	background: url('images/bg_contenu_b.gif') left top no-repeat;
	height:3px;
	font-size:1px;
	margin-top:40px;
}

#col1,#contenu #col2 ,#col3{
	float:left;
}
#cols{
	padding: 0 7px;
	margin-top:-34px;
}
.bloc,#col3 ul li,#lexique h3,#article .cols .col li{
	margin:8px 12px 0px 12px;
	padding-bottom:7px;
	background: url('images/bg_dotted.gif') left bottom  repeat-x;
	clear:both;
	position:relative;
	_height:1%;
	clear:both;
}

.footerBlocArticle {
	clear:both;
	
}

#col3 .bgCol .blockImg {}

#col3 .bgCol .blockText {}

#col3 .bgCol .blockRatings {
	width:20%;
	float:left;
	margin-left:15px;
}


/* PAGE ARTICLE */
.articleContentForm { margin:0 5px 0 10px;}

.articleContent { margin:0 5px 0 10px; overflow:hidden; _overflow:visible; zoom:1;}
.articleContent .unit { margin:0 30px 10px 0; width:280px;}
.articleContent .bloc { clear:none; margin:0;}
.articleContent .unit a {
	background:transparent url(images/puce_carre_rouge.gif) no-repeat scroll 0 5px;
	color:#CA0102;
	font-size:0.9em;
	padding-left:12px;
}

#article .cols .col{
	width:295px;
	margin-right:35px;
	float:left;
}
#categorie #article .cols .col{
	width:auto;
	margin-right:0;
}
#categorie #cnt_article .stitre 
	margin:0;
}
#article .cols .col.last{
	margin-right:0;
}
#article .cols .col li{
	font-size:1.1em;
}
#article .cols .col li a{
	font-size:0.8em;
	background:  url(images/puce_carre_rouge.gif) 0 5px no-repeat;
	color:#CA0102;
	font-size:0.9em;
	padding-left:12px;
}
#article .cols .col .titre{
	padding-bottom:7px;
}
#article .cols .col li{
	margin-left:0;
	margin-right:0;
}

#article .articleContent .unit.first {clear:left;}


#cnt_article{
	margin-bottom:30px;
	background:  url(images/bg_article.gif) 0 30px no-repeat;
}
#cnt_article .titre{
	margin-bottom:10px;
}
#cnt_article .stitre{
	margin-bottom:20px;
}
#cnt_article .stitre h3{
	font-weight:bold;
	font-size:1.6em;
}
#cnt_article .stitre h3 span{
	
}
#cnt_article .col1{
	float:left;
	/* width:490px; */
	margin-left:5px;
}
#cnt_article .col2{
	float:left;
	text-align:right;
}
#cnt_article .stitre img{
	float:none;
}
#rte p{
	clear:both;
	font-size:1.2em;
}
#rte p:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
* html #rte p{
	_height:1%;
}
*:first-child+html #rte p{
	_height:1%;
}
#rte img{
	float:left;
	padding:0 15px 15px 0;
}
#rte {
	width:95%;
}




.bloc p{
	margin-bottom:0;
}
.bloc h4,.bloc h3{
	margin-bottom:5px;
	font-weight:lighter;
	color:#CA0102;
}
.bloc .img,.bloc .image{
	float:left;
	padding: 0 12px 8px 0;
}
a.picto{
	color:#CA0102 !important;
	font-size:0.9em !important;
	padding-left:12px !important;
	background: url('images/puce_carre_rouge.gif') 0 10px  no-repeat !important;
}
#cnt_article a.picto,.articleContent  a.picto{
	background: url('images/puce_carre_rouge.gif') 0 5px  no-repeat !important;
}

.unit a {background:none;}

#col3 .head a{
	color:#CA0102;
	float:right;
	font-size:0.9em;
	padding-right:15px;
	margin-top:7px;
	background: url('images/puce_carre_rouge.gif') 0 5px  no-repeat;
}

.bloc.last{
	background:none;
	margin-bottom:0;
	padding:0;
}
#participer{
	position:relative;
	background: url('images/bg_participer.jpg') left top no-repeat;
	height:86px;
	width:418px;
	margin-bottom:5px;
}
#article #participer{
	background: url('images/bg_article_participer.jpg') left top repeat-x;
	height:69px;
}
#participer .cnt{
	position:absolute;
	left:10px;
	top:10px;
}
#article #participer .cnt{
	position:absolute;
	left:10px;
	top:10px;
}
#article  #participer .cnt p{
	margin-bottom:0;
	float:left;
}
#article  #participer .cnt  a{
	position:relative;
	top:-10px;
	display:block;
	background:none;
	left:15px;
	padding:0;
}
#participer .cnt p{
	margin-bottom:20px;
}
#participer .cnt img{
	display:block;
}
#image{
	position:absolute;
	right:0;
	top:-56px;
}


/* BG TITRE COLONNE */	
	#home .col .titre, #article #cnt_article .titre , #article #col2 .col .titre{
		background: url('images/bgTitreHeader.png') right top no-repeat;
		height:30px;
		
	}
	#home .col .titre h2, #article #cnt_article .titre h2, #article #col2 .col .titre h2 {
		background: url('images/bgTitreHeader.png') left top no-repeat;
		text-transform:uppercase;
		line-height:30px;
		color:#ffffff;
		font-weight:bold;
		font-size:1.1em;
		font-family:arial;
		padding-left:10px;
	}

	#home #col1{
		width:29%;
		margin-right:6px;
	}
	#home #col2{
		width:418px;
		margin-right:6px;
		display:none;
	}
	#home #col3{
		/* width:272px; */
		width:70%;
	}
	#home #col1 h4{
		margin-bottom:5px;
	}
	#home #col1 .col, #home #col3 .col .proposition, #article #col1{
		background: url('images/bg_home_col_r.png') right top repeat-y;
	}
	.bgCol{
		background: url('images/bg_home_col_r.png') left top repeat-y;
	}
	#home #col1 .bg_bottom, #home #col3 .bg_bottom, #article #col1 .bg_bottom{
		background: url('images/bg_home_col_b.png') right top no-repeat;
		font-size:1px;
		height:17px;
		margin-right:1px;
	}
	
	#home #col3 .bg_bottom{ }
	
	#home .bg_bottom span{height:17px;display:block;}
	
	#home #col1 .bg_bottom span, #home #col3 .bg_bottom span {background: url('images/bg_home_col_b.png') left top no-repeat;}
	
	#article #col1 .bg_bottom span {
		background: url('images/bg_home_col_b.png') left top no-repeat;
		height:17px;display:block;
	}
	
	
	#article .cols {padding:0 3px 0 2px;}
	
	
	#article #col1{
		width:635px;
		margin-left:5px;
		margin-right:10px;
		/* display:inline; */
	}
	#article #col2{
		width:320px;
		margin-right:0;
	}
	#article #col2 .col{
		background: url(images/bg_article_col_r.gif) left top repeat-y;
	}
	#article #col2 .bgCol{
		background: url(images/bg_article_col_r.gif) right top repeat-y;
	}
	#article #col2 .bg_bottom{
		background: url(images/bg_article_col_b.gif) left top no-repeat;
		font-size:1px;
		height:17px;
	}
	#article #sous_cat .cols .col {
		width:100%;
		margin-right:0;
	}

.stitre {
	margin-bottom:8px;
}
.stitre img {
	float:left;	
}
#home .stitre h3 {
	width:210px;
}
.stitre h3 {
	float:left;
	padding: 6px 0 0 6px;
}

#col1 h3 ,#col3 h3{
	color:#CA0102;
	font-weight:bold;
	position:relative;
}
h3,h4{
	font-weight:bold;
	font-size:1.1em;
}

#col2 p{
	color:#898C8F;
}
#col2 .img{
	background: url('images/bg_perso.jpg') left top no-repeat;
	width:60px;
	height:60px;
	padding:5px;
	text-align:center;
}
#col2 span{
	color:#EC7404;
}

#col2 a{
	/*color:#EC7404;
	background: url('images/puce_cercle_orange.gif') 0 4px  no-repeat; */
	color:#CA0102;
	padding-left:0;
	padding-top:7px;
	background:none;
	font-size:1em;
	display:table-cell;
}


#participer_mav{
	margin-left:10px;
	margin-right:10px;
	background: url('images/bg_mav.png') left bottom no-repeat;
	padding-left:12px;
	padding-bottom:0px;
	margin-top:0;
}

#participer_mav .participer_mav_bg{
	background: url('images/bg_mav.png') right bottom no-repeat;
	padding-right:12px;
	padding-top:12px;
	padding-bottom:10px;
}

#participer_mav a{
	background:none;
}

#hidden { display:none;}


* html #col2 a{
	display:inline-block;
}
*:first-child+html #col2 a{
	display:inline-block;
}

	.proposition { margin:0 10px;}
	
	#home .proposition .titre{
		background: url('images/titre_proposition.png') right top no-repeat;
		margin-top:5px;
		height:27px;
	}
	#home .proposition .titre h2{
		background: url('images/titre_proposition.png') left top no-repeat;
		text-transform:uppercase;
		line-height:27px;
		color:#CA0102;
		font-weight:bold;
		font-size:1.1em;
		font-family:arial;
		padding-left:10px;
		float:left;
	}
	
	#lexique .btn{
		margin:0;
		padding:0;
		position:relative;
		left:-3px;
		background:none;
		
	}


	#lexique h3{
		background:none;
		padding-bottom:10px;
		float:left;
	}
	#lexique ul{
		margin:0;
		background:none;
		padding:0;
	}
	#lexique{
		margin-bottom:0;
		background:none;
		padding:0;
		width:42%;
		float:right;
	}
	#lexique .last{
		margin-bottom:0;
	}
	#col3 li{
		font-size:1.1em;
	}
	#col3 li a{
		font-size:0.8em;
		background-position:0 4px;
	}
	#col3 .img,#article .cols .col img{
		padding: 0 0px 5px 5px;
		float:left;
	}
	#col3 li strong,#article .cols .col strong{
		font-weight:bold;
		/* padding-left:12px;
		 background: url('images/puce_fleche_rouge.gif') 0 4px  no-repeat; */
	}


/* categories */
#categories {
	padding:30px 0 10px 0;
	margin:30px 3px 0 2px;
	background: url('images/bg_categories.gif') left top repeat-x;
	_height:1%;
}
#categories li{
	float:left;
	width:100px;
	margin-right:70px;
	text-align:center;
}
#categories li.last{
	margin-right:0 !important;
}
#categories li a{
	color:#CA0102;
	width:90px;
	text-align:center;
	text-decoration:none;
}
#categories li a:hover{
	text-decoration:underline;
}
#categories li img{
	display:block;
	margin:0 auto;
	text-align:center;
}
	
	
	
	
/* footer */
#footer{
	margin-top:12px;	
	clear:both;
	float:left;
	margin-bottom:25px;
	width:100%;
}
.separatorR { border-right:1px dotted #646464;}
.separatorL { border-left:1px dotted #646464;}


/* HELPERS */

.Bmargin { margin-bottom:15px;}
.Lpadding { margin-left:10px !important;}
.floatL { float:left;}
.txtR {text-align:right;}
.noBg {background:none !important; padding-left:0 !important;}
.titreLeProgramme{ color:#646464 !important;}



/* MEA */
.unit {float:left;}
.line, .lastunit {display:block;margin:0;overflow:hidden; float:none; width:auto !important;}

/* largeurs des blocs */
.size1on1{float:none !important;margin-right:0 !important; width:auto;}
.size1on2{width:49.5% !important;}
.size1on3{width:32.3% !important;}
.size2on3{width:66% !important;}
.size1on4{width:23.8% !important;}
.size3on4{width:74.8% !important;}
.size1on5{width:18.8% !important;}

/* mea : image + texte */
.mea,.mea .text,.meaRight, .meaRight .text,.meaWrap{overflow:hidden; _overflow:visible; zoom:1;}
.mea .media{float:left; margin-right:20px; _margin-right:17px;}
.meaRight .media {float:right; margin-left:10px; _margin-left:7px;}
.mea .text {padding-bottom:0px;} /* sinon le text-decoration d'un lien peut etre masque par l'overflow*/
#col3 .bgCol .mea .sizeText {float:left; width:55%;}
#col3 .bgCol .mea .blockRatings { text-align:center;}


#maxImgSize img.media {width:35%;}
.redTitle {color:#CA0102 !important;}




.test { position:absolute; height:100px !important;}
.commentaires li {Margin-bottom:15px;}