/* CSS pour la home page */
body#home
{
	background-color: #E6E6DF;
	height: 100%;
	/*
background-image: url(images/trait-noir.png);
	background-repeat: no-repeat;
	background-position: -84px -1px;
*/
}
#trait{
	background-image: url(images/trait-noir.png);
	background-repeat: no-repeat;
	background-position: 24px -5px;
	background-color: transparent;
	top: -168px;
	left: -198px;
	position: absolute;
	width: 387px;
	height: 1000px;
	
}


#home #page
{
	background-color: #fff;
	padding: 30px 20px;
	margin: 0px auto;
	height: 100%;
}

#home #logo{
left: -4px;
top: -17px;
}


#home .header { height: 110px; }

#home .menu
{
	width: 68em;
	height: 30px;
	background-color: transparent;
	position: relative;
	left: 23em;
	top: -10em;
	overflow: hidden;
}

#home .menu ul
{
	margin: 0px;
	padding: 0px;
	border: 0px none;
	list-style-type: none;
}

#home .menu li
{
	border: 0px none;
	float: left;
	margin: 0px 1px 0px 0px;
	padding: 0px 0px 0px 0px;
	top: 100%;
}

#home .menu li img
{
	border: 0px solid black;
	float: left;
}

/* CONTENT ET COLONNES */
#home .lasuite a, #home .lasuite a:visited
{
	font-family: andale mono, lucida console, mono;
	text-decoration: none;
	padding: 2px 2px 2px 14px;
	background-image: url(images/puce-fleche.png);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	color#333;
}

#home .lasuitearticle a, #home .lasuitearticle a:visited
{
	font-family: andale mono, lucida console, mono;
	text-decoration: none;
	padding: 2px 2px 2px 10px;
	background-image: url(images/puce-fleche00.png);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	color#333;
}

#home .box .lasuite a, #home .box .lasuite a:visited
{
	font-family: andale mono, lucida console, mono;
	text-decoration: none;
	padding: 2px 2px 2px 14px;
	background-image: url(images/puce-fleche3.png);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	color: #fff;
}

#home .content
{
	width: 910px;
	background-color: transparent;
	position: relative;
}

.imagecontent
{
	width: 910px;
	height: 400px;
	background-image: url(<? echo $_FICHIERS_SITE_WEB.$accueil['fichier_photo_accueil']; ?>);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.legende
{
	width: 910px;
	height: 400px;
	position: absolute;
	font-family: helvetica, verdana, arial, sans-serif;
	color: #FFF;
	font-weight: bold;
	text-align: left;
	
background-image: url(images/coin5.png);
	background-repeat: no-repeat;
	background-position: -111px 0px;
	z-index: ;
}

.legende h1
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 40pt;
	line-height: 45px;
	color: #000;
}

.legende h2
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 20pt;
	line-height: 25px;
	color: #000;
}

.textelegende
{
	top: 10px;
	left: 99px;
	position: absolute;
	background-color: transparent;
}

#infos-expos
{
	width: 100px;
	height: 50px;
}

#infos-expos img { border: 0px none; }

.col1, .col2, .col3, .col4
{
	width: 225px;
	height: 500px;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	overflow: hidden;
	position: absolute;
}

.col1 { background-color: #fff; }

.textcol1
{
	color: #666;
	font-family: helvetica, verdana, arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 16px;
	padding: 0px 10px 0px 0px;
}

.col1 ul, .col1  li,
.col2 ul, .col2  li,
.col3 ul, .col3  li,
.col4 ul, .col4  li
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

.col1 img, .col1 img a:visited, .col1 img a:hover,
.col2 img, .col2 img a:visited, .col2 img a:hover,
.col3 img, .col3 img a:visited, .col3 img a:hover,
.col4 img, .col4 img a:visited, .col4 img a:hover { border: 0px solid; }
.col1 ul.sousmenu { padding-left: 15px; }

.col2
{
	background-repeat: repeat;
	background-color: yellow;
	left: 227.5px;
	top: -20px;
}

.col3
{
	background-color: #fff;
	left: 455px;
}

.col4
{
	background-color: #fff;
	left: 683px;
}

#home .footer
{
	background-color:#D3D1C6;
background-image:url(none.html);
background-position:0px 0px;
color:#7D7D70;
float:none;
margin:0px auto 30px;
min-height:80px;
padding:20px 20px 20px 10px;
width:920px;
}

.footer h3, .footer a, .footer a:visited, .footer a:hover {
color: #7d7d70;
}
.footer div{
float: left;
width: 906px;
margin-left: 15px;
min-height: 120px;
}

.alerte_navigateur div
{
	float: left;
	width: 486px;
	margin-left: 15px;
	min-height: 120px;
}

.star
{
	height: 75px;
	width: 75px;
	position: absolute;
	top: 37px;
	left: 840px;
	background-image: url(images/star2.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.box, .box2, .box3
{
	width: 297px;
	height: 50px;
	position: absolute;
	top: 90px;
}

.box
{
	left: 0px;
	background-color: cyan;
}

.box2
{
	left: 307px;
	background-color: green;
}

.box3
{
	left: 614px;
	background-color: pink;
}

.billetnews
{
	background-color: #4f23a7;
	width: 208px;
	color: #000;
	padding-right: 5px;
	padding-left: 5px;
}

.billetblog
{
	background-color: transparent;
	width:;
	color: #000;
	padding-right: 0px;
	padding-left: 0px;
}

.contentnews { padding: 3px 0px 21px 0px;}

.contentnews ul, .contentnews li
{
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}

.billetnews .contentnews li
{
	border-bottom: 1px #9e8bc4 dashed;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 10px 0px;
}

.billetblog .contentnews li
{
	padding: 3px 0px 3px 0px;
	margin: 0px 0px 0px 0px;
}

li.dateexpo
{
	background-image: url(images/fleche-expo3.png);
	background-repeat: no-repeat;
	background-position: 254px 3px;
}


.billetnews .contentnews ul
{
	border-bottom: 1px #9e8bc4 dotted;
	border-top: 1px #9e8bc4 dotted;
	padding: 10px 0px 10px 0px;
}

.billetblog .contentnews ul
{
	border-bottom: 1px #000 dotted;
	border-top: 1px #000 dotted;
	padding: 5px 0px 10px 0px;
	height: 132px;
	overflow: hidden;
}

.contentnews h3,.contentnews h4
{
	padding: 0px;
	margin: 0px;
}

.billetnews .contentnews h4
{
	color: white;
	font-family: verdana, arial, sans-serif;
	font-size: 9px;
	font-weight: normal;
}

.billetblog .contentnews h4
{
	color: #000;
	font-family: verdana, arial, sans-serif;
	font-size: 10px;
	font-weight: normal;
	opacity: .8;
}

.billetnews .contentnews h3
{
	color: white;
	font-family: helvetica, verdana, arial, sans-serif;
	font-size: 13px;
	font-weight: bold;
}

.billetblog .contentnews h3
{
	color: #000;
	font-family: Courier, Courier new, monospace;
	font-size: 17px;
	font-weight: normal;
	text-transform: capitalize;
	letter-spacing: 1px;
}

/* TROIS RUBRIQUES */
.rubaccueil
{
position: relative;
height:238px;
} 
.rubaccueil img
{
border: none;
} 

.rubaccueil h1, .rubaccueil h2, .rubaccueil h3
{
	color: #333;
	font-family: courier, courier new, monospace;
	font-weight: normal;
} 

#rub1, #rub2, #rub3
{
	width: 293px;
	height: 180px;
	margin: 15px 15px 0px 0px;
	padding: 0px;
	float: left;
	color: #000;
}

#rub1{
position: relative;
}
#rub3
{
	margin: 15px 0px 0px 0px;
	float: left;
}

.nav
{
	width: 272px;
	height: 15px;
	position: relative;
	margin-top: -14px;
}

.nav ul, .nav li
{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

.nav ul
{
padding: 0px auto 0px auto
}

.nav li {
	float: left;
	margin-right: 5px;
}

/*TICKER*/

.cnnclass{
width: 260px;
padding: 0px;
height : 106px;
background-color: transparent;
border: none;
margin-bottom: 1em;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=80); /*Specify fade effect in IE. Remove if desired.*/
-moz-opacity: 0.8; /*Specify fade effect in Firefox. Remove if desired.*/
}

.cnnclass a, .cnnclass a: visited{
text-decoration: none;
color: #000;
}

.bbcclass{
width: 400px;
padding: 6px;
background-color: lightyellow;
border: 1px solid #004A00;
}

.rsstitle{ /*shared class for all title elements in an RSS feed*/
color:#000;
font-family:verdana;
font-size:1.1em;
font-weight:normal;
text-decoration:underline;
text-transform:uppercase;
padding-bottom: 0px;

}

.rsstitle a, .rsstitle a:visited, .rsstitle a:hover { color: #000; }

.rssdate{ /*shared class for all date elements in an RSS feed*/
color:#00F;
font-family:Courier,Courier new,monospace;
font-size:10px;
font-weight:normal;
}

.rssdescription
{
	/*shared class for all description elements in an RSS feed*/
	font-family: Verdana;
	font-size: 10px;
	letter-spacing: 0pt;
	line-height: 14px;
	text-transform: none;
	color: #000;
	height: 70px;
	overflow: hidden;
}

/*END TICKER*/

/* CONTROLLER*/
#controller
{
	color: #000;
	height: 20px;
	padding-top: 0px;
	padding-bottom: 0px;
	width: 20px;
	position: absolute;
	top: 14px;
	left: 258px;
}

#controller #openagenda
{
	background-color: transparent;
	background-image: url(images/open3.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 20px;
	height: 20px;
}

#torub
{
	background-color: transparent;
	background-image: url(images/torub.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 14px;
	left: 258px;
}


#controller #close
{
	background-color: transparent;
	background-image: url(images/close3.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 20px;
	height: 20px;
}

/*
#alldate
{	left: 0px;
	color: #000;
	height: 19px;
	margin-top: 0px;
	padding-bottom: 0px;
	border-bottom: 0px #666 solid;
}
#alldate a, #alldate a:visited, #alldate a:hover
{
	color: #000;
	text-decoration: none;
}

#allconcerts, #allexpos
{
	width: 50%;
	float: left;
	text-align: center !important;
	border: 0px #CCC solid;
	padding: 2px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	height: 17px;
}
#allexpos
{
	border-left: 0px #666 solid;
	background-image: url(images/separator.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
}
*/

/*
#home #alldate
{
	left: 0px;
	color: #000;
	margin-top: 0px;
	padding: 5px 5px 0px 5px;
	border-bottom: 0px #666 solid;
	width: 283px;
	background-color: #eee;
	height: 16px;
}*/
#home #alldate 
{
background-color:#CCCCCC;
color:#000000;
height:16px;
left:0;
margin-top:0;
padding:5px 5px 0;
width:283px;
}

#home #pop
{
	border: none;
	height: 130px;
}

#home #allconcerts, #home #allexpos,#home #actioncul
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	height: 16px;
	border-left: 0px #666 solid;
	background-image: url(none.html);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 90px;
	float: left;
	text-align: center !important;
}

#home #allconcerts
{
	background-image: url(images/fond-concert.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#home #allexpos
{
	background-image: url(images/fond-expo.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}


#home #actioncul
{
	width: 103px;
	background-image: url(images/fond-actioncul.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}