*{
padding: 0px;
margin: 0px;
}

body{
text-align: center;
background: #840E8C url(images/background.jpg) top center repeat-y;
}

div#page{
background: url(images/page.jpg) 0px 0px no-repeat;
min-height: 872px;
position:relative;
margin: 0px auto;
width: 1000px;
}

ul#menu{
clear: both;
margin: 0px auto 160px auto;
width: 930px;
height: 38px;
padding: 7px 20px 0px 30px;
list-style: none;
list-style-type: none;
}

div#pied{clear: both;
font-size: 13px;
font-weight: bold;
color: #ffffff;
background: url(images/pied.png) 0 0 no-repeat;
margin: 20px auto 0px auto;
width: 920px;
padding: 110px 30px 20px 30px;
}

div#pied p{
margin: 10px 0px 0px 0px;
}

div#pied div.separateur{
margin: 10px auto 10px auto;
border: 1px solid #ffffff;
}

div#pied div.espace_lien{
height: 10px;
}

div#pied a{
text-decoration: none;
font-size: 13px;
font-weight: bold;
margin: 0px 15px 5px 15px;
color: #ffffff;
}

div#pied a:hover{
text-transform: uppercase;
font-size: 12px;
}

div#recherche{
text-align: left;
background: url(images/recherche.png) top left no-repeat;
width: 185px;
position: absolute;
top: 50px;
right: 15px;
height: 22px;
padding: 12px 15px 14px 50px;
}

div#recherche input{
height: 16px;
width: 173px;
padding: 2px 5px 4px 5px;
color: #840E8C;
font-size: 13px;
font-weight: bold;
border: 1px solid #840E8C;
margin: 0px;
}

ul#menu li{
float: left;
height: 22px;
}

li.span{
padding-right: 19px;
background: url(images/li.png) top right no-repeat;
}

ul#menu li a{
height: 22px;
display: block;
cursor: pointer;
}

ul#menu li a#menu_1{
background: url(images/menu.png) no-repeat;
background-position: 0px 0px;
width: 61px;
}

ul#menu li a#menu_2{
background: url(images/menu.png) -75px 0px no-repeat;
width: 47px;
}

ul#menu li a#menu_3{
background: url(images/menu.png) -139px 0px no-repeat;
width: 75px;
}

ul#menu li a#menu_4{
background: url(images/menu.png) -227px 0px no-repeat;
width: 79px;
}
ul#menu li a#menu_5{
background: url(images/menu.png) -321px 0px no-repeat;
width: 54px;
}
ul#menu li a#menu_6{
background: url(images/menu.png) -390px 0px no-repeat;
width: 68px;
}
ul#menu li a#menu_7{
background: url(images/menu.png) -475px 0px no-repeat;
width: 38px;
}
ul#menu li a#menu_8{
background: url(images/menu.png) -537px 0px no-repeat;
width: 58px;
}
ul#menu li a#menu_9{
background: url(images/menu.png) -611px 0px no-repeat;
width: 74px;
}
ul#menu li a#menu_10{
background: url(images/menu.png) -700px 0px no-repeat;
width: 65px;
}
ul#menu li a#menu_11{
background: url(images/menu.png) -780px 0px no-repeat;
width: 56px;
}
ul#menu li a#menu_12{
background: url(images/menu.png) -852px 0px no-repeat;
width: 39px;
}
ul#menu li a:hover#menu_1{
background: url(images/menu.png) 0px -25px no-repeat;
}
ul#menu li a:hover#menu_2{
background: url(images/menu.png) -75px -25px no-repeat;
}
ul#menu li a:hover#menu_3{
background: url(images/menu.png) -139px -25px no-repeat;
}
ul#menu li a:hover#menu_4{
background: url(images/menu.png) -227px -25px no-repeat;
}
ul#menu li a:hover#menu_5{
background: url(images/menu.png) -321px -25px no-repeat;
}
ul#menu li a:hover#menu_6{
background: url(images/menu.png) -390px -25px no-repeat;
}
ul#menu li a:hover#menu_7{
background: url(images/menu.png) -475px -25px no-repeat;
}
ul#menu li a:hover#menu_8{
background: url(images/menu.png) -537px -25px no-repeat;
}
ul#menu li a:hover#menu_9{
background: url(images/menu.png) -611px -25px no-repeat;
}
ul#menu li a:hover#menu_10{
background: url(images/menu.png) -700px -25px no-repeat;
}
ul#menu li a:hover#menu_11{
background: url(images/menu.png) -780px -25px no-repeat;
}
ul#menu li a:hover#menu_12{
background: url(images/menu.png) -852px -25px no-repeat;
}

ul#menu li a#menu_10.soirees_select{
background: url(images/menu.png) -700px -48px no-repeat;
}
ul#menu li a#menu_4.soirees_select{
background: url(images/menu.png) -227px -48px no-repeat;
}
ul#menu li a#menu_5.soirees_select{
background: url(images/menu.png) -321px -48px no-repeat;
}
ul#menu li a#menu_6.soirees_select{
background: url(images/menu.png) -390px -48px no-repeat;
}
ul#menu li a#menu_7.soirees_select{
background: url(images/menu.png) -475px -48px no-repeat;
}
ul#menu li a#menu_8.soirees_select{
background: url(images/menu.png) -537px -48px no-repeat;
}
ul#menu li a#menu_9.soirees_select{
background: url(images/menu.png) -611px -48px no-repeat;
}
ul#menu li a#menu_11.soirees_select{
background: url(images/menu.png) -780px -48px no-repeat;
}
ul#menu li a#menu_12.soirees_select{
background: url(images/menu.png) -852px -48px no-repeat;
}
div#session_auteur{
clear: both;
position: relative;
background: url(images/menu_admin.png) 0px 0px no-repeat;
width: 940px;
margin: 0px auto;
padding: 15px;
height: 120px;
text-align: left;
color: #840e8c;
font-size: 12px;
}
div#session_auteur a.deconnection{
cursor: pointer;
width: 48px;
height: 48px;
background:url(images/deconnection.png) 0 0px no-repeat;
display: block;
position: absolute;
right: 15px;
top: 15px;
}
div#session_auteur a:hover.deconnection{
background:url(images/deconnection.png) 0px -48px no-repeat;
}
div#session_auteur img{
float: left;
width: 96px;
margin-right: 10px;
padding: 12px;
background: url(images/image_100_100.png) -20px -10px no-repeat;
height: 96px;
}

div#session_auteur span{
color: #840e8c;
text-decoration: underline;
}

div#session_auteur div.ss a{
text-decoration: none;
color: #840e8c;
position: relative;z-index: 30;
}
div#session_auteur div.ss a:hover{
text-transform: uppercase;
color: #ffffff;
}

div#session_auteur div{
padding-bottom: 5px;
}
div#session_auteur div.space{
color: #ffffff;
padding: 10px 0px 5px 0px;
}
div#session_auteur div.menu_vignette{
height: 63px;
bottom: 15px;
width: 550px;
right:15px;
z-index: 0;
position: absolute;
}
div#session_auteur div.menu_vignette a{
text-decoration: none;
font-size: 12px;
color: #ffffff;
font-weight: bold;
}
div#session_auteur div.menu_vignette a div{
cursor: pointer;
padding: 10px 5px 0px 0px;
height: 53px;
width: 72px;
}
div#session_auteur a.activite_auteur{
width: 0px;
padding-left: 53px;background: url(images/activite_auteur.png) 0px 10px no-repeat;
height: 63px;
float: right;
}
div#session_auteur a.messages{
width: 0px;
padding-left: 53px;
background: url(images/message_auteur.png) 0px 10px no-repeat;
height: 63px;
float: right;
}
div#session_auteur a:hover.messages{
padding-left: 53px;background: url(images/message_auteur.png) 0px -55px no-repeat;
}

div#session_auteur a:hover.activite_auteur{
padding-left: 53px;background: url(images/activite_auteur.png) 0px -57px no-repeat;
}

div#session_auteur a.demande_partenariat{
width: 0px;
padding-left: 53px;background: url(images/demande_partenariat.png) 0px 10px no-repeat;
height: 63px;
float: right;
}
div#session_auteur a:hover.demande_partenariat{
padding-left: 53px;background: url(images/demande_partenariat.png) 0px -59px no-repeat;
}
div#session_auteur a.modifier_hide{
width: 0px;
cursor: pointer;
padding-left: 53px;background: url(images/modifier_hide.png) 0px 15px no-repeat;
height: 63px;
float: right;
}
div#session_auteur a.modifier_hide.cacher{
background: url(images/modifier_hide.png) 0px -55px no-repeat;
}

div#session_auteur a.mon_space{
width: 0px;
padding-left: 53px;
background: url(images/mon_space.png) 0px 10px no-repeat;
height: 63px;
float: right;
}
div#session_auteur a:hover.mon_space{
background: url(images/mon_space.png) 0px -60px no-repeat;
}
div#session_auteur a.administration{
width: 0px;
padding-left: 53px;background: url(images/administration.png) 0px 12px no-repeat;
height: 63px;
float: right;
}

div#session_auteur a:hover.administration{
background: url(images/administration.png) 0px -58px no-repeat;
}

div#session_auteur a.modifier_mon_compte{
width: 0px;
padding-left: 53px;
background: url(images/modifier_mon_compte.png) 0px 10px no-repeat;
height: 63px;
float: right;
}

div#session_auteur a:hover.modifier_mon_compte{
background: url(images/modifier_mon_compte.png) 0px -56px no-repeat;
}

.pagination{
width: 892px;
height: 72px;
padding-top:14px;
margin: 10px auto 20px auto;
}

.pagination_start{
width: 811px;
}

.pagination a.lien_pagination{
margin:0px;
width: 81px;
height: 72px;
position: relative;
float: left;	
text-decoration: none;
color: #ffffff;
font-weight: bold;
cursor: pointer;
}

.pagination a.lien_pagination span{
cursor: pointer;
background: url(images/icons.png) -173px -2px no-repeat;
margin: 0 auto;
width: 39px;
padding: 23px 10px;
height: 16px;
overflow: hidden;
display: block;
position: relative;
z-index: 2;
}

.pagination a.lien_pagination span:hover{
background: url(images/icons.png) -247px -2px no-repeat;
}

span.on{
margin-top: -10px;
width: 81px;
height: 72px;
position: relative;
float: left;	
}

span.on a{
color: #ffffff;
font-weight: bold;
background: url(images/icons.png) -26px -2px no-repeat;
margin: 0 auto;
width: 39px;
padding: 23px 10px;
height: 16px;
overflow: hidden;
display: block;
position: relative;
z-index: 2;
}	
.gris{color: #949294;}
span.on img.shadow {
border: none;
position: absolute;
bottom: -10px;
left: 0;
z-index: 1;
width: 65px;
height:20px;
margin-left:8px;
}
ul{
list-style:none;
list-style-type: none;}
a.lien_pagination  img.shadow {
border: none;
margin: 0px auto;
position: absolute;
bottom: 0px;
left:0px;
z-index: 1;
}

div.pub{
clear: both;
margin: 0px auto;
position: relative;
background: #ffffff;
width: 728px;
height: 90px;
border: 2px solid #840E8C;
padding: 3px;
}

div.non_accesible_public{
margin: 0px 0px 90px 0px;
width: 940px;
height: 175px;
padding: 149px 30px 10px 30px;
color: #ffffff;
background: url(images/non_accessible.png) 0px 50px no-repeat;
}
div.non_accesible_public div{
border: 1px solid #ffffff;
margin-bottom: 30px;
}