/*
-------------------
PAGE
-------------------
*/

html, body {background:#FAFAFA;font-size:75%; font-family:Verdana,Geneva, Arial, Helvetica, sans-serif;color:#000;}
body {margin:0; padding:0 10px 0 10px; border:0; height:100%; overflow-y:auto;}
#contain{margin:0;padding:0; width:900px}
/** html #contain {height:1200px}*/
#header{margin:0px;margin-left:210px;border:0px;}
#header a{color:#FAFAFA;}
a{color:#FAFAFA;}
.h1{font-size:140%;color:#fff;letter-spacing:1px;margin:0px;font-weight:bold;}
hr{display:none;}
p{padding-bottom:1.4em}
img{border:0;}
small{font-size:74%;}
 img#content {border:0;}
p {	line-height: 1.4em;	margin: 1.2em 0; }
/*
-------------------
MENU
------------------
*/
/*html>body #menu {position:fixed;width: 220px;padding-top:75px;left:0px;}
html #menu{position:absolute;left:0px;padding-top:65px;}*/
#menu {display:block; top:0px; left:0px; width:220px; position:fixed; padding:0px;background:#ddd; height:100%;
background:transparent url(img/bk.png) repeat-y 0px 0px; float:left}
* html #menu {position:absolute;}
#menu ul{margin: 0;padding: 0;list-style-type: none;font-size:110%;text-transform: uppercase;}
#menu li {margin: 0 0 .2em 0; }
#menu li a{display: block;color: #000;background-color:#fff;width:120px;padding: .2em .8em;text-decoration: none;
	border:1px solid #999;}
#menu li a:hover{background-color: #000;color: #FFF;width: 120px;border-left:0;z-index:99;position:relative;}


#ecouter{background:url('img/play.png') no-repeat;padding-left:30px;background-position: 4px 3px;
							padding: 0 4px 0 19px;border: 1px solid #FFF;
							border-bottom: 1px solid #CCC;
							border-right: 1px solid #CCC; width:40%; height:20px;}
#ecouter a{color:black;margin-top:4px; font-size:11px; padding-left:6px; font-weight:bold;}

/*Couleurs diff�rentes cat�gories*/
#cat1{border-left:12px solid #33AFCC;}
#menu ul #cat1 a:hover{background:#33AFCC;}
#menu #cat1 a:active{background-color: #000;}
#cat1 a:active{background:#33AFCC;}
#cat2{border-left:12px solid #CC33A3;}
#menu ul #cat2 a:hover{background:#CC33A3;}
#cat3{border-left:12px solid #9E33CC;}
#menu ul #cat3 a:hover{background:#9E33CC;}
#cat4{border-left:12px solid #99CC33;}
#menu ul #cat4 a:hover{background:#99CC33;}
#cat5{border-left:12px solid #CC3345;}
#menu ul #cat5 a:hover{background:#CC3345;}
#cat6{border-left:12px solid #E6D73B;}
#menu ul #cat6 a:hover{background:#E6D73B;}
#cat7{border-left:12px solid #9E83A7;}
#menu ul #cat7 a:hover{background:#9E83A7;}
#cat8{border-left:12px solid #743BE6;}
#menu ul #cat8 a:hover{background:#743BE6;}
#cat9{border-left:12px solid #CC8C33;}
#menu ul #cat9 a:hover{background:#CC8C33;}

/*Recherche*/
#search{ margin-bottom:8px; margin-top:8px; margin-left:0px;}
.rmnlsearch	{margin-top:2px;border-left:12px solid #000;width: 230px;height: 22px;
background:transparent	url(img/searchform_bg.png) no-repeat left top;}
.rmnlsearch	input {width:95px;height: 13px;margin: 4px;margin-right: 5px;
	padding:0;padding-left: 3px;border:0;color:#AFAFAF;font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif;}
.rmnlsearch	a {display:block;position: absolute;top: 5px;left:94px;width: 29px;height: 12px;
background:transparent no-repeat left top;text-indent: -9999px;overflow: hidden;}

/*
-------------------
NEWSLETTER
-------------------
*/
div#nav{float: right;width:170px;margin-right:36px;margin-top:70px; margin-bottom:60px;}
*html div#nav {margin-right:25px}
div#nav p{padding-left:5px;padding-right:3px;}
div#nav h2{font-size: 110%;color: #333;}
div#nav a{text-decoration:none}
div#nav a:hover{color:#000;background:#EFEAF0;}

div#newslet{color:#000;width:157px;margin-bottom:3px;text-align:left;}
 input{width:110px;margin-left:0px;margin-right:1px;height:15px;padding:0;border:1px solid #000;color: #9E83A7;font-size:100%;}
div#newslet .posPod img{position:relative;top:-15px;left:300px;}
div#newslet small {font-weight:bold;margin-left:4px;}
#content img{border:0;}

input.searchbox { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; padding:1px; }

/*
-------------------
BLOCS ARTICLES
-------------------
*/
#content .pagetitle h2{text-align:center;}

/*positionnement*/
#content {
width:484px;
margin-top:70px;
margin-left:210px; 
float:left;
}
*html #content{ margin-left:106px;}
#content a {color:#000;font-size:100%;text-decoration:none;background:transparent;}
#content a:hover {color:#fff;background:#000;}
#content small{font-size:90%;font-weight:normal;}
div.post {font-size:116%;margin-bottom:15px;padding-bottom:5px;}
div.post p {margin-left:3px;margin-right:2px;top:0px;text-align:justify; padding-bottom:5px;}

/*couleurs des liens et bordures suivant cat�gories*/
div.milieu{background-color:#f4f4f4;font-size:105%;width:465px;margin-left:0;margin-bottom:15px;}
.milieu1{border-bottom:2px dotted #33AFCC;padding-bottom:10px;}
#content .milieu1 a{color:#248196;background-color:transparent;}
#content .milieu1 a:hover{color:#248196;background-color:#BDE5EE;}
.milieu2{border-bottom:2px dotted #CC33A3;padding-bottom:10px;}
#content .milieu2 a{color:#811E67;background-color:transparent;}
#content .milieu2 a:hover{color:#811E67;background-color:#E8A3D5;}
.milieu3{border-bottom:2px dotted #9E33CC;padding-bottom:10px;}
#content .milieu3 a{color:#811E67;background-color:transparent;}
#content .milieu3 a:hover{color:#811E67;background-color:#E8A3D5;}
.milieu4{border-bottom:2px dotted #99CC33;padding-bottom:10px;}
#content .milieu4 a{color:#709624;background-color:transparent;}
#content .milieu4 a:hover{color:#742496;background-color:#CEE69E;}
.milieu5{border-bottom:2px dotted #CC3345;padding-bottom:10px;}
#content .milieu5 a{color:#962432;background-color:transparent;}
#content .milieu5 a:hover{color:#962432;background-color:#E8A5AD;}
.milieu6{border-bottom:2px dotted #E6D73B;padding-bottom:10px;}
#content .milieu6 a{color:#A99E2B;background-color:transparent;}
#content .milieu6 a:hover{color:#A99E2B;background-color:#F2EA9B;padding-bottom:10px;}

/* couleurs cellules suivant cat�gories*/
div.post1 {width: 467px;background:#33AFCC;color:#2B96AF;}
div.post2 {width: 467px;background:#CC33A3;color:#AF2B8C;}
div.post3 {width: 467px;background:#9E33CC;color:#872BAF;}
div.post4 {width: 467px;background:#99CC33;color:#83AF2B;}
div.post5 {width: 467px;background:#CC3345;color:#AF2B3B;}
div.post6 {width: 467px;background:#E6D73B;color:#A99E2B;}
div.about{width: 467px;background:#C09DFF;}
div.post11{width: 467px;background:#743BE6;color:#fff;}
div.post13{width: 467px;background:#CC8C33;color:#000;}


/*infos compl�mentaires*/

.postdate1 {color:#248196;padding-bottom:16px;top:0px;padding:1px;text-align:right;font-size:0.8em;}
.postdate2 {color:#811E67;padding-bottom:16px;top:0px;padding:1px;text-align:right;font-size:0.8em;}
.postdate3 {color:#811E67;padding-bottom:16px;top:0px;padding:1px;text-align:right;font-size:0.8em;}
.postdate4 {color:#709624;padding-bottom:16px;top:0px;padding:1px;text-align:right;font-size:0.8em;}
.postdate5 {color:#962432;padding-bottom:16px;top:0px;padding:1px;text-align:right;font-size:0.8em;}
.postdate6 {color:#A99E2B;padding-bottom:16px;top:0px;padding:1px;text-align:right;font-size:0.8em;}
.postmetadata {margin-top:5px;margin-bottom:36px;color:#666;font-size:35%;text-align:right;border-left:280px solid #fafafa;}

.download{font-size:95%}

.pod{top:-35px;left:200px;}

/*
::::::::::::TAGS:::::::::::::
*/

.tag {padding-left:0px;padding-right:3px;top:25px;margin-bottom:35px; margin-top:0px; border-top:1px solid #ddd;
padding-top:8px; border-bottom:1px solid #ddd; padding-bottom:8px;}
#content .tagContent{margin-top:8px;}
#content .tagContent a{color:#9E83A7;background-color:transparent;}
#content .tagContent a:hover{color:#fff;background-color:#9E83A7;}

/*
__________________
SIDEBAR
________________
*/
#sidebar-1 {
	width: 210px;
position:absolute;
float:left;
margin-top: 120px;
margin-left:700px;
border-top:dotted 1px #DDDDDD;
border-left:dotted 1px #DDDDDD;
}


/*********sidebars***************/
.sidebar h2 {
	margin: 1.2em 0 0.6em 0;
background-color: #FFFFFF;
padding-bottom: -12px;
border-left: 1px dotted#F5FFFA;
border-top: 1px dotted #F5FFFA;
	color: #696969;
	font-size: 12px;
heigth: 10 px;
	}

.sidebar ul {
margin-bottom: -1px;
margin-right: 0;
margin-left: 2px;
margin-top: 0;
	padding: 0;
	list-style-type: none;
	}

.sidebar a {
 padding-right:0.5em ;
 padding-left:0.5em ;
padding-top:0.2em ;
padding-bottom:0.2em ;
font-size: 1em;
 color:#B0C4DE;
 text-decoration:none ;
}

.sidebar a:hover {
background-color: #F5F5F5;
 color: #778899;
}


/*
-------------------
FOOTER
-------------------
*/
div#footer{background:#000;color:#fff;width:468px;margin-left:207px;margin-top:7px;text-align:center; clear:both;}
#foot{margin-left:5px;padding:2px;}
div#footer a{text-decoration:none;}
div#footer a:hover{text-decoration:underline;}

/*
POPUP
*/
#popup { width:500px; margin-left:auto; margin-right:auto; }
#popup img { border:0;}
#popup a { color:#9F84A8; text-decoration:none;}
#popup a:hover { background:#9F84A8; color:#fff;}
#contentPad{margin:20px;}
#TB_overlay {position: absolute;top: 0;left: 0;z-index:100;width: 100%;
	height: 100%;background-color:#65556B;filter:alpha(opacity=70);-moz-opacity: 0.7;
	opacity: 0.7;}
#TB_window {top: 0px;left: 0px;position: fixed;_position: absolute;background: #fff;
	z-index: 102;color:#000000;display:none;border: 4px solid #525252;}
#TB_window img {display:block;margin: 15px 0 0 15px;border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;border-top: 1px solid #666;border-left: 1px solid #666;}
#TB_caption{height:25px;padding:10px 30px 10px 25px;float:left;}
#TB_closeWindow{height:25px;padding:10px 25px 10px 0;float:right;}
#TB_closeAjaxWindow{	padding:5px 10px 7px 0;margin-bottom:1px;
	text-align:right;	background-color:#e8e8e8;}
#TB_ajaxContent{padding:2px 15px 15px 15px;overflow:auto;}
#TB_load{	text-align: center;position: absolute;top: 50%;left: 0px;
	width: 100%;	overflow: visible;visibility: visible;display: block;z-index:101;}
#TB_loadContent  {	margin-left: -125px;	position: absolute;	top: -50px;	left: 50%;
	width: 250px;	height: 100px;	visibility: visible;}