/* RESET */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,input,textarea,p,blockquote,th,td{margin:0px;padding:0px;}
img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}

.hidden {display:none;}
/*fonts.css*/
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { float: left;font-size:100%; font-weight: normal; font-style: normal }

/* BODY HTML*/
* {
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
	text-decoration: none;
	outline: none;
	font-size: 1em;
	font-weight: normal;
}
/* CSS Document */
div#top {height: 0px; margin: 0}
body {
background: url(../images/banner/bkgd.jpg) no-repeat fixed center bottom;
background-color: #FFFFFF;
color:#000000;
font-family: Arial, Helvetica, sans-serif;
font-size:1em;
}
 h1 { clear:both; position:relative; font-size:200%; color: #000;width:990px; padding :20px 0 5px 10px}
 h2 { clear:both; position:relative; font-size:125%; color: #000;width:990px;padding :10px 0 10px 10px}
 .clear { clear:both; }
a {text-decoration: none; color:#333;font-weight:bold}
a:hover, a:focus { color: #F00;font-weight:bold}
a:active { color: #000}

div#global {clear:both; position:relative; width:990px; margin:0 auto 0; /*min-height:700px*/}
div#global2 {box-shadow: #000 2px 2px 15px; -moz-box-shadow: #000 2px 2px 15px; -webkit-box-shadow: #000 2px 2px 15px;}
div#header {width: 990px;height:105px;margin: 0 auto 0; position: relative; z-index: 1}
div#logo a {position:absolute;left:0px;top:0px;width:990px;height:105px;border:0;display:block;z-index:2;cursor:pointer;text-indent:-9999px}
div#logo a {background-image:url(../images/banner/990x105.jpg)}
#banner {clear:both; position: relative;width:990px;padding:0}
#contenu {
	width: 990px;
	min-height: 980px;
	margin-left: 0px;
	float: left;
	position: relative;}


#Searchlist {
	margin: 5px;
	width: 970px;
	padding: 5px;
	float: left;
}
#articlelist {
	float: left;position: relative;
	margin: 5px;
	width: 970px;
	padding: 5px;
}
#articlelist li {
	float: left; position: relative;
	width: 970px;
	list-style: none;
}

#articlelist li .count {
	float: left; margin-top:10px ; margin-bottom:10px ;
	width: 950px;
	border-bottom: 2px solid #7d6739;
}
#articlelist li .count h2 { float: left; position: relative; width:500px; font-size:125%; color: #000;padding :10px 0 10px 10px}
#articlelist li .count:hover { background-color:#ccc}
#articlelist img { float: left; margin: 0 5px 0 0;/*width: 60px; */height: 160px;border:3px solid #836c40; }
#articlelist img:hover { border:3px solid #D6492A; }
#articlelist img.active { border:3px solid #D6492A; }
#articlelist .Gal { float: left; width: 50px; }
#articlelist .Gal img { float: left; margin:2px;/*width: 60px; */height: 50px; border:none;border:1px solid #836c40; }
#articlelist .Gal img:hover { border:1px solid #D6492A; }

 #conteneur {clear:both; position: relative; width:450px; min-height:600px;padding: 0 0 0 500px;}
 #conteneur .content {left: 0; position: absolute; top: 0px;}
 #conteneur .full {left: 0; position: absolute; top: 0px; padding:10px}
 
 #conteneur  .content img { float: left; margin: 0 5px 0 0;/*width: 60px; */height: 480px;border:3px solid #836c40; }
 #conteneur  .content img:hover { border:3px solid #D6492A; }
 #conteneur  .content img.active { border:3px solid #D6492A; }
 #conteneur  .content .Gal { float: left; width: 150px; }
 #conteneur  .content .Gal img { float: left; margin:0 5px 5px 5px;/*width: 60px; */height: 150px; border:none;border:3px solid #836c40; }
 #conteneur  .content .Gal img:hover { border:3px solid #D6492A; }

div#global #contenu #galerie {clear:both; position: relative; width: 900px;height:250px; margin:0 auto 0;}


/* Begin CSS Popout Menu */
#menuTop * {
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
	text-decoration: none;
	outline: none;
	font-size: 1em;
}
#menuTop{
width:100%;
/*margin-left: 10px;*/
float:left;
border-bottom: 1px solid gray;
}

#menuTop a{
display:block;
border-width:1px;
border-style:solid;
border-color:#ccc #888 #555 #bbb;
white-space:nowrap;
margin:0;
padding:0 5px;
}

#menuTop h3{
float: left;
position: relative;
/*top: 5px;  1) Number of pixels to protrude up for selected tab. Should equal (3) MINUS (2) below */
background: url(../images/css/menu/tab-left.gif) no-repeat left top;
margin: 0;
margin-right: 3px; /*Spacing between each tab*/
padding: 0 0 0 9px;
text-decoration: none;
}


#menuTop h3 span{
float: left;
position: relative;
display: block;
background: url(../images/css/menu/tab-right.gif) no-repeat right top;
padding: 5px 14px 3px 5px; /* 2) Padding within each tab. The 3rd value, or 3px, should equal (1) MINUS (3) */
font-weight: bold;
color: black;
}

#menuTop h3 span a{ text-decoration:none; border:none; margin:0; padding:0
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menuTop h3 span {float:none;}
/* End IE5-Mac hack */

#menuTop .selected h3 {
background-position: 0 -125px;
top: 0;
}

#menuTop .selected h3 span{
background-position: 100% -125px;
color: black;
/*padding-bottom: 8px;  3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
}

#menuTop h3:hover{
background-position: 0% -125px;
top: 0;
}

#menuTop h3:hover span{
background-position: 100% -125px;
/*padding-bottom: 8px;  3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
top: 0;
}

#menuTop a{
background:#eee;
text-decoration:none;
padding:2px;
padding-left:5px;
padding-right:15px;
}

#menuTop a, #menuTop a:visited{
color:#000;
}

#menuTop a:hover{
color:#a00;
background:#ddd;
}

#menuTop a:active{
color:#060;
background:#ccc;
}

#menuTop ul{
list-style:none;
margin:0;
padding:0;
float:left;
}

#menuTop li{
position:relative;
}

#menuTop ul ul{
position:absolute;
z-index:500;
top:20px;
left:0px;
display:none;
}

#menuTop ul ul ul{
top:0;
left:100%;
}

/* Begin non-anchor hover selectors */

/* Enter the more specific element (div) selector
on non-anchor hovers for IE5.x to comply with the
older version of csshover.htc - V1.21.041022. It
improves IE's performance speed to use the older
file and this method */


div#menuTop li:hover{
cursor:pointer;
z-index:100;
}

div#menuTop li:hover ul ul,
div#menuTop li li:hover ul ul,
div#menuTop li li li:hover ul ul,
div#menuTop li li li li:hover ul ul
{display:none;}

div#menuTop li:hover ul,
div#menuTop li li:hover ul,
div#menuTop li li li:hover ul,
div#menuTop li li li li:hover ul
{display:block;}

/* End of non-anchor hover selectors */

/* Styling for Expand */

#menuTop a.x, #menuTop a.x:visited{
font-weight:normal;
color:#000;
background:#eee url(expand3.gif) no-repeat 100% 100%;
}

#menuTop a.x:hover{
color:#fff;
background:#000;
}

#menuTop a.x:active{
color:#060;
background:#ccc;
}

/* End CSS Popout Menu */
div#global #footer {float: left;position: relative;width: 990px;margin-top:24px;}
div#global2 #footer p { position:absolute; left:0px; bottom: 5px; width: 990px; z-index:1; padding:0; margin:0; color:#836c40;; font-size:10px}

#footer {background: #eee url(../images/css/bg-list-sep.gif) repeat-y 176px 0; clear: both;clear:both; position: relative;color: #333; margin: 0; padding: 0; font-size:12px;  }

#footer ul.list {display: inline; float: left; line-height: 1.4em; list-style-position: outside; margin: 6px 15px; width: 141px;}
#footer ul.list.small {width: 113px;}
#footer ul.list.first {margin-left: 10px; width: 153px;}
#footer ul.list.last {margin-right: 10px;}
#footer ul.list li.title {color:#666; font-weight: bold;}
#footer ul.linear {clear: both; display: inline; float: left; margin: 0 10px 1em 10px; width: 954px;}
ul.linear li {color: #999; display: inline;}
ul.linear.centered, #footer ul.linear.centered {margin-bottom: 0; text-align: center;}
ul.feed li a {display: block; line-height: 28px; padding-left: 28px;}
ul.feed li.first {margin-top:4px;}
/*Th css sprite*/
ul.feed li a.mobile {background: url(../images/css/ico-footer.jpg) 0 0 no-repeat; height: 33px;}
ul.feed li a.courriel {background: url(../images/css/ico-footer.jpg) 0 -33px no-repeat; height: 27px;}
ul.feed li a.rss {background: url(../images/css/ico-footer.jpg) 0 -60px no-repeat; height: 28px;}
ul.feed li a.argus {background: url(../images/css/ico-footer.jpg) 0 -88px no-repeat; height: 27px;}
ul.feed li a.baladodiffusion {background: url(../images/css/ico-footer.jpg) 0 -118px no-repeat; height: 30px;}
ul.feed li a.Guitares {background: url(../images/css/ico-footer.jpg) 0 -151px no-repeat; height: 30px;}
ul.feed li a.iphone {background: url(../images/css/ico-footer.jpg) 0 -117px no-repeat; height: 32px;}
.copyright {clear:both; position: relative; margin: 0; padding: 1em 0; text-align: center; width: 100%;; font-size:10px}
form label {
	display:inline;
	float:left;
	width:100px;
	line-height:20px;
 }
 form {
	padding:0px;
}

form input {
	float:left;
	margin-bottom:2px;
	margin-top:2px;
	margin-left:5px;
	color:#000;
	border: 1px solid #000;
}

form select { border: 1px solid #000}

form textarea {
	color:#000;border: 1px solid #000
}