body{
background-image:url(../img/fond.jpg);
background-repeat:repeat-x}

h1{
color:#660000;
font-size:14px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

h2{
color:#cc6633;
font-size:12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

video:focus{
outline:none;
}

#container{
width:1000px;
margin:auto;
background-color:#ffffff;
box-shadow:0px 0px 30px rgba(0, 0, 0, 0.5);
border-radius:5px;
margin-top:20px;
background-repeat:no-repeat;
}

#head {
width:1000px;
height:200px;
margin: auto;
border-bottom: #F4F4F4 solid 1px;
}

#logo {
width:440px;
height:183px;
float:left;
background-image:url(../img/logo1.jpg);
margin-top:17px;
background-repeat:no-repeat;
display:inline;
}

#slogan {
width:305px;
height:180px;
margin-top:0px;
text-align:left;
margin-left:135px;
background-image:url(../img/music.jpg);
background-repeat:no-repeat;
background-position:140% 10%;
}

#slogan h1{
font-family:Geneva,Arial,Helvetica,sans-serif;
font-size:15px;
color:#660000;
font-weight:normal;
}

#banner {
width:560px;
height:200px;
float:right;
}

#page{
width:900px;
clear:both;
margin:auto;
text-align:justify;
}

#left{
width:190px;
height:250px;
float:left;
margin-left:10px;
display:inline;
margin-top:20px
}

#contenu{
width:785px;
margin-left:0px;
font-size:11px;
color:#666666;
margin-top:30px;
display:inline;
font-family:Verdana,Arial,Helvetica,sans-serif;
padding:5px;
text-align:justify;
margin:auto;	
}

#footer {
width:1000px; 
height:40px; 
clear:both; 
margin-top:20px; 
margin:auto;
}

#textfoot{
width:90%;
height:30px;
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#666666;
margin:auto;
text-align: center;
border-top: #F4F4F4 solid 2px;
}
#textfoot a{
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;color:#666666;
text-decoration:none;
}
#textfoot a:hover {
text-decoration:underline;
}

#actu{
float:right;
width:400px;
margin:0px 20px 40px 60px;
padding:10px;
background:#FFE5C1;
color:#BB7C23;
border:solid 1px #E28D00;
border-radius:8px;
box-shadow:0px 0px 10px #E28D00;
}

.nav-container-outer{
background:#990000;
padding:0px;
height:74px;
background: url(../img/nav-bg.jpg);
clear:both;
margin-top:10px;
}

.float-left{
float: left;
}

.float-right{
float: right;
}

.nav-container .divider{
display:block;
font-size:1px;
border-width:0px;
border-style:solid;
}

.nav-container .divider-vert{
float:left;
width:0px;
display: none;
}

.clear{
font-size:1px;
height:0px;
width:0px;
clear:left;
line-height:0px;
display:block;
float:none;
}

.nav-container{
position:relative;
margin: 0 auto;
}

.nav-container a, .nav-container li{
float:left;
display:block;
white-space:nowrap;
}

.nav-container div a, .nav-container ul a, .nav-container ul li{
float:none;
}

.nav-container ul{
left:-10000px;
position:absolute;
}

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

.nav-container li a{
float:none
}

.nav-container li{
position:relative;
}

.nav-container ul{
z-index:10;
}

.nav-container ul ul{
z-index:20;
}

.nav-container ul ul ul{
z-index:30;
}

.nav-container ul ul ul ul{
z-index:40;
}

.nav-container ul ul ul ul ul{
z-index:50;
}

li:hover>ul{
left:auto;
}

#nav-container ul {
top:100%;
}

#nav-container ul li:hover>ul{
top:0px;
left:100%;
}

/*^'^ Primary Items ^'^*/	

#nav-container a{	
padding:7px 17px 7px 18px;
margin:10px 0px 0px 0px;
color:#FFFFFF;
font-family:Trebuchet MS,Arial,Helvetica,sans-serif;
font-size:14px;
text-decoration:none;
font-weight: bold;
background:url(images/item-primary-bg.gif);
background-repeat:no-repeat;
background-position:top;
}

#nav-container a:hover{
color:#6C3600;
background:url(images/item-primary-bg.gif);
background-repeat:no-repeat;
background-position:center;
}

/*^'^ Secondary Items Container ^'^*/	
#nav-container div, #nav-container ul{	
padding:10px 4px 10px 4px;
margin:0px 0px 0px 0px;
background-color: #FF9900;
border-bottom:1px solid #CA6500;
}

/*^'^ Secondary Items ^'^*/	
#nav-container div a, #nav-container ul a{	
padding:3px 10px 3px 6px;
background-color: #FFFFFF;
font-size:11px;
border-width:0px;
border-style:none;
margin:0px 0px 0px 0px;
width:149px;
}

/*^'^ Secondary Items Hover State ^'^*/	
#nav-container div a:hover, #nav-container ul a:hover{	
background-color:#FFFFFF;
color:#CC0000;
}

/*^'^ Horizontal Dividers ^'^*/	
#nav-container .divider-horiz{	
border-top-width:1px;
margin:5px 5px;
border-color:#C16100;
}

/*^'^ Vertical Dividers ^'^*/	
#nav-container .divider-vert{	
border-left-width:1px;
height:15px;
margin:4px 2px 0px 2px;
border-color:#AAAAAA;
}

#content2 {
	width: 550px;
	margin: auto;
	padding: 20px 60px;
	border: 1px solid #D2D2D2;
	-webkit-box-shadow: 0 0 30px #CCC;
	box-shadow: 0 0 30px #CCC;
	background: #FFF;
	background: -webkit-gradient(linear, left top, left 15, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
	background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 15px);
	overflow:auto;
}


.imgright{
float:right;
border:1px solid grey;
box-shadow:0px 0px 30px grey;
margin: 20px 10px 20px 40px;
}

.imgleft{
float:left;
border:1px solid grey;
box-shadow:0px 0px 30px grey;
margin: 20px 40px 20px 10px;
}

.imgst{
border:1px solid grey;
box-shadow:0px 0px 30px grey;
margin: 20px 40px 20px 10px;
}

.vwr{
border:5px solid grey;
border-radius: 20px;
box-shadow:0px 0px 30px grey;
}

.gal{
border:1px solid grey;
padding:10px;
box-shadow:0px 0px 30px grey;
text-align:center;
background:white;
}

.gal img{
border:1px solid grey;
box-shadow:0px 0px 10px black;
margin:5px;
}

.disc{
box-shadow:7px 7px 15px black;
}

/*=== MESSAGES ===*/

.msg_ok,.msg_warn,.msg_info{
border:solid 5px;
padding:10px 10px 10px 60px;
margin:10px;
background-color:#FFFFCC;
background-repeat:no-repeat;
background-position:8px 3px;
clear:right;
}
.msg_ok{
color:#008000;
border-color:#008000;
background-image:url(../img/ok.png);
}
.msg_warn{
color:#FF0000;
border-color:#FF0000;
background-image:url(../img/warning.png);
}
.msg_info{
color:#000080;
border-color:#000080;
background-image:url(../img/info.png);
}