@charset "utf-8";
/* CSS Document */

/* Feuille de styles pour la lightbox */
@import "lightbox.css" ;

body{
margin:0;
background-color:#000000;
text-align:center;
font:normal 12px Arial, Helvetica, sans-serif;
color:#FFFFFF;
behavior: url(csshover.htc);
}

img{
border:0
}

a{
color:#ffffff
}

ul, li{
margin:0;
padding:0
}

.clear{
clear:both
}

.orange{
color:#ef7d18
}

.commentaire{
font-size:10px;
line-height:11px
}

.left{
float:left
}

#home{
width:1000px;
height:800px;
background-image:url(../img/fond_accueil.jpg);
background-repeat:no-repeat;
margin:auto auto;
padding:0;
position:relative
}

#btTshirts{
position:absolute;
top:71px;
left:731px;
}


#home #menu{
position:absolute;
top:292px;
left:714px;
width:164px;
}


#menu img{
margin-bottom:10px
} 

#BoutMairie{
position:absolute;
width:145px;
height:42px;
}

#home #BoutMairie{
top:615px;
left:65px;
}

#pages #BoutMairie{
top:435px;
left:7px;
}

#boutAfoace{
position:absolute;
width:100px;
height:45px;
}

#home #boutAfoace{
top:605px;
left:635px;
}

#pages #boutAfoace{
top:430px;
left:575px;
}

#navBas{
position:absolute;
bottom:127px;
left:0;
text-align:center;
width:950px;
font-size:11px;
}

#navBas a{
text-decoration:none
}

#pied{
text-align:center;
bottom:80px;
position:absolute;
width:950px;
left:0
}

#logosPied{
position:absolute;
bottom:40px;
left:40px;
text-align:left;
width:100%;
padding:0px 0 0 15px
}

#logosPied img{
margin:5px
}

/*-------------------------------Pages--------------------------*/

h1{
font:bold 14px Arial, Helvetica, sans-serif;
margin:0
}

h2{
font:bold 12px Arial, Helvetica, sans-serif
}

#pages{
width:940px;
height:750px;
background-image:url(../img/fd_pages.gif);
padding:71px 0 0 57px;
position:relative;
margin:auto auto;
text-align:left
}

#top{
text-align:left;
}

#top img {
margin-right:31px
}

#pages #menu {
width: 820px;
position:relative;
z-index:5
}

#pages #menu ul {
padding: 0; 
width: 820px; 
margin:0px;
}

#pages #menu ul li {
position:relative; 
list-style: none; 
float:left; 
margin:0 1px 0 0;
width:162px; 
}

#pages #menu ul ul {
position: absolute; 
top: 20px; 
right: 0px; 
display:none;
width:145px;
background-color:#ef7d18;
padding:5px 0 5px 17px
}

#pages #menu li a {
text-decoration: none; 
color:#000000; 
font:normal 12px Arial, Helvetica, sans-serif; 
text-decoration:underline; 
margin:0;
}

#pages #menu ul.niveau1 li.sousmenu:hover ul.niveau2{
display:block;
} 

#pages #menu ul.niveau1 li.sousmenu ul.niveau2:hover{
display:block;
} 

#pages #menu ul.niveau1 li.sousmenu:hover{
height:75px;
} 

#content{
width:800px;
text-align:left;
padding:10px 0px 10px 0px;
color:#FFFFFF;
position:absolute;
left:57px;
top:178px;
}

#content li{
list-style:inside;
padding:4px 0 4px 20px
}

p.btRetour a{
font-size:11px
}

#content p{
margin:4px 0 10px 0
}

.programme p{
margin:5px 0 15px 0
}

.localisation #texte{
width:210px;
float:left;
}

p.btRetour{
margin:0;
padding:0;
text-align:left;
font-size:11px
}

#content #navBas{
position:absolute;
top:482px;
width:820px
}

#content #pied{
top: 500px;
width:820px
}

#basPartenariat{
position:relative;
height:65px
}

#basPartenariat img{
position:absolute;
}

#btImprimer{
left:250px;
top:30px
}

#vignetteAffiche{
left:600px;
top:10px
}



/*-----------LOCALISATION----------------*/

#carte{
float:left;
margin-top:-10px
}

a#lienPlan{
font:bold 13px Arial, Helvetica, sans-serif;
color:#ef7d18
}

#plan{
margin:-10px 0 0 50px
}

/*-------------------SOUTENEZ-------------------*/
#content.soutenez{
background-image:url(../img/fond_soutenez.jpg);
background-repeat:no-repeat;
background-position:left;
width:815px;
height:470px
}

.soutenez #texte{
margin:0px 0 0 290px;
line-height:13px;
}

.soutenez #texte p{
margin:0px 0 0 5px;
}

.soutenez #texte ul, .soutenez #texte ul li{
margin:5px 0 5px 20px;
padding:0
}

.soutenez #texte ul li{
margin-top:5px
}

.soutenez div#adresses p{
float:left;
text-align:center;
margin:20px
}

.soutenez h2{
color:#ef7d18;
text-transform:uppercase;
margin-bottom:0
}

/*----------------------BOUTIQUE--------------------*/
.tshirt{
float:left;
margin-left:0px
}

.tshirt div{
float:left;
margin-right:10px;
text-align:center
}

.tshirt h2{
text-align:left;
margin-left:183px
}

.boutique #texte2{
color:#ef7d18;
text-align:left;
font:bold 14px arial;
margin-right:30px
}

.boutique #texte{
color:#ef7d18;
text-align:left;
font:bold 14px arial;
margin-top:10px
}

.boutique #texte a{
color:#ef7d18;
font:bold 14px arial;
}

/*-------------------PHOTOS-------------------*/
#content.photos{
background-image:url(../img/fond_photos.jpg);
background-repeat:no-repeat;
background-position:left;
width:815px;
height:470px
}

.photos #texte{
margin:50px 0 0 290px;
font-size:12px;
line-height:13px;
}

.photos #texte p{
margin:10px 0 10px 5px;
}

/*-------------------PRESSE-------------------*/

.gros {
font-size:13px;
}

.titreorange {
font-size:24px;
color:#ef7d18;
margin:20px 0 20px 0
}

#suiteRetour{
text-align:right;
position:absolute;
top:410px;
left:540px;
width:200px
}

#btPre{
position:absolute;
left:0
}

#btSui{
position:absolute;
right:0
}

#content.estaingEstagnols p{
margin-bottom:15px
}

.orange a{
color:#ef7d18
}

.commercants ul{
width:430px;
margin:0 0 0 10px
}

#content.commercants ul li{
list-style:none;
padding:0 0 0 10px;
margin:0 0 0 10px
}

/* -- Sponsoring -- */
.sponsoring h2{
text-decoration:underline
}