/*
---------------------------------------------------------
				GENERAL
---------------------------------------------------------
*/

body {margin: 0;padding: 0;font-family:  trebuchet ms, helvetica, tahoma; }
h1 {margin: 50px 0 0px 30px;padding: 0;}
a{color:#fff; padding:0 2px 0 2px; text-decoration:none; border-bottom:1px dotted #6F822E; }
a:hover {background:#536515;color:#fff; }
.on{background:#536515;color:#fff; }
.left { text-align:left;}
.right { text-align:right;}
.link { background: url('../img/web.gif') no-repeat 0 5px;padding-left:10px;}
.clear { clear:both;}
.last{margin-top:25px;}


/*splash*/
.splash{ text-align:center; position:absolute; width:1200px; background:black; top:0;}

/*spip*/

h3.spip { font-size:13px;color:#fff; background:transparent;}



/*
---------------------------------------------------------
				HEADER
---------------------------------------------------------
*/
#header {margin: 10px 0 0 0;width: 970px;}
#container {margin: 0;padding: 0;width: 970px;}

.latest {margin: 0px 0 0 0px;}
.latest img{ border:1px solid #fff;}
.latestnews {margin: 10px 0 0 0;padding: 0;font-size:13px; color:#fff; background:transparent;}
.free {margin: 0 0 0px 0;padding: 0 0 13px 0;}


/*
---------------------------------------------------------
				NAVIGATION
---------------------------------------------------------
*/
#nav {margin: 0 0 0 30px;border-top: 1px solid #fff;width: 230px;	float: left;}
#nav a {text-decoration: none;list-style: none;color: #fff;padding:0px 4px;font-size: 2.2em; border-bottom:0 }
#nav a:hover {color: #fff; background:#536515;}

#mainnav {margin: 20px 0 0 0 ;padding: 0;text-decoration: none;list-style: none;color:#fff;font-size: 12px;}
#mainnav a {text-decoration: none;list-style: none;color:#fff;	}
#mainnav li {margin: 10px 0 0 0;}


/*
---------------------------------------------------------
				CONTENU
---------------------------------------------------------
*/

#cont {float: right;border-top: 1px solid #fff;width: 700px;}
#cont img { border:1px solid #6F822E;}

/*BLOC gauche*/
#contLeft {margin: 20px 0 0 0;width: 440px;float: left;}
#contLeft p {color: #cfcdcd;font-family: trebuchet ms, helvetica, tahoma;font-size: 11px;line-height: 1.5em;}
#contLeft img {border: none;}
#contLeft h2 { background:transparent url('../img/h2.gif') no-repeat left; color:#fff; font-size:14px; padding:0 0 0 48px;}

/*BLOC droit*/
#contRight {width: 250px;float: right;line-height: 1em; margin-top:5px;}
#contRight p {color: #ffffff;font-size: 11px;margin: 10px 0 0 0;}
#contRight img {border: none;}
#contRight ul { color:#fff;  font-size:10px; margin:0 0 0 0px; padding:0; list-style-type:none}
#contRight ul  li {background:transparent url('../img/li.gif') no-repeat left 50%; padding:0 0 0 15px;}
#contRight hr {background: url('../img/footer.gif') top left no-repeat;clear: both; border:0; margin:10px 0 10px 0;}
#contRight .shop {margin: 20px 0 0 0px;padding:0;font-size:13px; color:#fff; background:transparent;}
#contRight a { font-size:9px;}

#contRight ul#ref { margin:15px 0 0 40px; padding:0; }
#contRight ul#ref li {list-style-type: none;display: inline;background:none;float: left;padding:0}
#contRight ul#ref li a { text-decoration:none; border:0; }
#contRight ul#ref li a.myspace {background:url('../img/myspace.gif') no-repeat top left; width:50px; height:31px; display:block;}
#contRight ul#ref li a:hover.myspace{ background:url('../img/myspace_on.gif') no-repeat top left;}
#contRight ul#ref li a.lastfm {background:url('../img/lastfm.gif') no-repeat top left; width:50px; height:31px; display:block;}
#contRight ul#ref li a:hover.lastfm{ background:url('../img/lastfm_on.gif') no-repeat top left;}
#contRight ul#ref li a.englantine {background:url('../img/englantine.gif') no-repeat top left; width:50px; height:31px; display:block;}
#contRight ul#ref li a:hover.englantine{ background:url('../img/englantine_on.gif') no-repeat top left;}

/*ARTICLE*/
#contLeftArticle {margin: 20px 0 0 0;width: 420px;float: left;}
#contLeftArticle h2 { background:transparent url('../img/h2.png') no-repeat left; color:#fff; font-size:22px; padding:0 0 0 48px;}
#contLeftArticle h3 { background:transparent url('../img/h3_icon.gif') no-repeat left; padding:0 0 0 19px; color:#6F822E;
font-weight:bold; border-bottom:1px solid #fff; width:65%; font-size:18px;}
#contLeftArticle h3 a { text-decoration:none; color:#6F822E; font-size:18px;}
#contLeftArticle h3 a:hover{ background:#fff;}
#contLeftArticle p {color: #cfcdcd;font-family: trebuchet ms, helvetica, tahoma;font-size: 11px;line-height: 1.5em;
background:transparent;}
#contLeftArticle img { border:0;}
#contLeftArticle a { background:transparent; color:#fff; border:0; padding:0; margin:0;}
#contLeftArticle a:hover { background:#6F822E;}
#contLeftArticle a:hover img{ border:5px solid #fff;}

#contLeftArticle img.spip_logos { border:1px solid #fff; margin-left:10px; }
#contLeftArticle ul.spip { color:#fff; font-size:10px; margin:0 0 18px 15px; padding:0;}

#contLeftArticle .formulaire_inscription{ color:white; font-size:10px;}
#contLeftArticle fieldset{ color:white; font-size:10px; border:1px dashed #536515;}
#contLeftArticle legend { font-size:12px;}
#contLeftArticle input { font-size:10px; border:3px solid #536515; padding:2px}

#contLeftArticle div.item{float:left;margin:0 5px 5px 5px;height:120px;vertical-align:top;}
#contLeftArticle div.item div{position:relative;padding:4px;}
#contLeftArticle div.item div img{margin-bottom:2px; border:1px solid #ddd;}

/*
---------------------------------------------------------
				FOOTER
---------------------------------------------------------
*/
#footer {background: url('../img/footer.gif') top left no-repeat;clear: both;margin: 0 0 0 270px;color: #cfcdcd;font-size: 10px; width:440px; text-align:center;}
#footer a {text-decoration: none;color: #FFFFFF; background:transparent; border-bottom:1px dotted #D03552;}
#footer a:hover {color: #6F822E; background:transparent;}
#footer a.rss { background:url('../img/feed-icon.png') no-repeat; padding:0 0 0 15px;}
#footer p {padding: 10px 0 0 0;}
#footer .myspace { text-align:right; }