/*
	Oeil en Coulisse

	antizero communication
	http://www.antizero.net
*/

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

html, body {
	height: 100%
}

body {
	font-family: Tahoma, Verdana, Arial;
}

html {
	margin: 0;  
	padding: 0; 
}

#page {
	min-height: 100%;
	margin-left: 186px;
	margin-right: 193px;
	background-color: #fff;
	border-left:2px solid #000;
	border-right:2px solid #000;
	z-index: 1;
}

#page.edito {
	background-image: url("../images/edito.jpg");
	background-repeat: no-repeat;
	background-position: left top;
}

.espacepro {
	background-image: url("../images/pagepro.gif");
	background-repeat: no-repeat;
	background-position: left top;
}

ul{
	margin-left:16px;
}
li {
	margin-top:10px;
}

/* --- GAUCHE PAGE --- */
#gauche {
	position: relative;
	float:left;
	width: 161px;
	height: 100%;
	padding-right:10px;
	padding-left:12px;
	margin-left: -186px;
}

#gauche h1 {
	margin-top:50px;
	margin-bottom:12px;
	font-size: 12px;
	color: #000;
	/*padding-right: 15px; Note: enlevé pour supprimer le décalage du titre de la page */
	font-variant:small-caps;
}

#gauche p.intro{
	margin-bottom:12px;
	font-size: 11px;
	font-weight: bold;
}

.contenu {
	margin-bottom:8px;
	font-size:11px;
}

.liens a { 
	text-decoration:none;
	color:#676185;
	font-size:11px;
}

.liens a:hover { 
	text-decoration:underline;
	color:#000;
}

#acrobat {
	/*margin-top: 267px;*/
	margin-top: 300px;
	background-image: url("../images/acrobat.gif");
	background-repeat: no-repeat;
	background-position: center left;
	margin-left:30px;
	width:71px;
	height:100px;
	padding-left:8px;
	padding-right:30px;
	padding-top:20px;
	font-size:10px;
	color:#000;
}

#acrobat a {
	text-decoration:none;
	color:#000;
}

#acrobat a:hover {
	text-decoration:underline;
}

#lienmonkiosque {
	margin-top: 10px;
	margin-left: 24px;
	width:110px;
	height:120px;
	text-align: center;
	font-size: 11px;
}

#lienmonkiosque a {
	color: #df6c26;
	text-decoration: none;
}

#lienmonkiosque a:hover {
	text-decoration: underline;
}

/* --- CENTRE PAGE --- */


#centre2 {
	margin-top:150px;
	font-size:11px;
	height:350px;
	float:left;
	margin-left:-160px;
}

#centre2.revue {
	margin:5px;
	width:560px;
	text-align:center;
}

#gaucherevue {
	text-align:left;
}

#centre h1{
	font-variant: small-caps;
	font-size: 25px;
}

#centre2 h1{
	font-variant: small-caps;
	font-size: 15px;
	margin-top:15px;
}

#centre2 a {
	text-decoration:none;
	color:#676185;
}

#centre2 a:hover{
	text-decoration:underline;
	color:#000;
}


#centrelarge {
	height: 1%;
}

/* Titre */

#titre {
	float:left;
	margin-top:14px;
}

#titre.archives{
	height:100px;
}

#titre img.ciseaux{
	margin-top:10px;
}

#titre img.choix{
	margin-top:50px;
}

/* sommaire*/

#sommaire {
	width:30px;
	float: right;
	height:550px;
	margin-top:20px;
	background-image: url("../images/bande-sommaire.gif");
	background-repeat: no-repeat;
	background-position: top right;
	/*margin-bottom:265px;*/
}

#sommaire.soutien {
	width:414px;
	height:1362px;
	background-image: url("../images/bande-sommaire_liens.gif");
	background-repeat: no-repeat;
	background-position: top right;
}

/* ARCHIVES */
#banniere-monkiosque {
	position: absolute;
	top: 120px;
	left: 250px;
}

#detailsnumero {
	height:160px;
	text-align:left;
	width:100%;
	clear:both;
	float:right;
	margin-top:-300px;
}

#numeros {
	height:30px;
	background-color:#fdcc00;
	margin-top:-330px;
	text-align: left;
	font-size:25px;
	font-family:tahoma,verdana,arial;
	float:right;
	width:100%;
}

#numeros p.oeil{
	margin-left:68px;
	display:inline;
}

#numeros a {
	color:#000;
	text-decoration:none;
}

#numeros a:hover {
	color:#000;
	text-decoration:underline;
}

#aren {
	float:right;
	width:357px;
	display:block;
	margin-top:15px;
}

#arenciel {
	float:right;
	margin-top:30px;
	background-color:#fdcc00;
	width:250px;
	font-size:12px;
	padding:2px;
	padding-left:5px;
}

#arenciel a{
	color:#000;
	text-decoration:none;
}

#arenciel a:hover{
	color:#000;
	text-decoration:underline;
}

#arencielexplication {
	width:200px;
	float:right;
	font-size:11px;
	margin-top: 5px;
	display:inline;
	text-align:right;
	margin-right:18px;
}

#mag{
	float:left;
	margin-left:45px;
	display:inline;
}

#couv {
	float:left;
	display:inline;
	margin-left:5px;
	margin-right:20px;
	height:204px;
	width:139px;
	text-align:center;
	margin-top:30px;
}

#couv img {
	float:left;
	border:2px #000 solid;
}

#couv a{
	color:#000;
	text-decoration:none;
	font-size:10px;
}

#couv a:hover{
	color:#000;
	text-decoration:underline;
}

#detailsmag {
	float:left;
	font-size:11px;
	margin-left:0;
	margin-top:30px;
	width:300px;
}

.numeromag {
	font-size:25px;
	font-family:tahoma,verdana,arial;
	margin-bottom:2px;
}

.numeromagmini {
	font-size:14px;
	font-family:tahoma,verdana,arial;
	margin-bottom:2px;
	font-weight:bold;
}

/*agenda*/

#agendamap {
	width:420px;
	height:280px;
	float:left;
	margin-top:0;
	background-image: url("../images/agendamap.gif");
	background-repeat: no-repeat;
	background-position: top left;
}

/* zones cliquables */

#photo {    
	position: absolute;
	width : 73px;
	height: 20px;
	margin-left: 46px;
	margin-top: 78px;
	line-height:0;
}

#photo2 {    
	position: absolute;
	width : 28px;
	height: 28px;
	margin-left: 20px;
	margin-top: 86px;
	line-height:0;
}

#cinema{    
	position: absolute;
	width : 125px;
	height: 26px;
	margin-left: 133px;
	margin-top: 57px;
	line-height:0;
}

#stylisme {    
	position:absolute;
	width : 134px;
	height: 22px;
	margin-left: 80px;
	margin-top: 110px;
	line-height:0;
}

#danse {    
	position:absolute;
	width : 100px;
	height: 35px;
	margin-left: 70px;
	margin-top: 162px;
	line-height:0;
}

#musique {    
	position:absolute;
	width : 120px;
	height: 22px;
	margin-left: 170px;
	margin-top: 136px;
	line-height:0;
}

#theatre {    
	position:absolute;
	width : 89px;
	height: 22px;
	margin-left: 245px;
	margin-top: 101px;
	line-height:0;
}

#theatre2 {    
	position:absolute;
	width : 25px;
	height: 25px;
	margin-left: 321px;
	margin-top: 76px;
	line-height:0;
}

#artsplastiques{    
	position:absolute;
	width : 195px;
	height: 21px;
	margin-left: 205px;
	margin-top: 173px;
	line-height:0;
}

#litterature {    
	position:absolute;
	width : 155px;
	height: 47px;
	margin-left: 210px;
	margin-top: 209px;
	line-height:0;
}

/* staff */
#staff {
	margin-top:100px;
	float:left;
	width:80%;
	padding-left:30px;
	font-size:16px;
}

#staffphoto {
	float: right;
}

/*liens*/

#staff a{
	text-decoration:none;
	color:#000;
	display:block;
	padding:15px;
	padding-left: 35px;
	font-weight:bold;
}

#staff a:hover{
	text-decoration:none;
	color:#df6c26;
}

/*orange*/

p.orange1{
	background-image: url("../images/icones/1rouge.gif");
	background-repeat: no-repeat;
	background-position: center left;
	color:#df6c26;
	padding-left:35px;
	padding-bottom: 15px;
	padding-top:15px;
	font-weight:bold;
}

p.orange2{
	background-image: url("../images/icones/2rouge.gif");
	background-repeat: no-repeat;
	background-position: center left;
	color:#df6c26;
	padding-left:35px;
	padding-bottom: 15px;
	padding-top:15px;
	font-weight:bold;
}

p.orange3{
	background-image: url("../images/icones/3rouge.gif");
	background-repeat: no-repeat;
	background-position: center left;
	color:#df6c26;
	padding-left:35px;
	padding-bottom: 15px;
	padding-top:15px;
	font-weight:bold;
}

p.orange4{
	background-image: url("../images/icones/4rouge.gif");
	background-repeat: no-repeat;
	background-position: center left;
	color:#df6c26;
	padding-left:35px;
	padding-bottom: 15px;
	padding-top:15px;
	font-weight:bold;
}

p.orange5{
	background-image: url("../images/icones/5rouge.gif");
	background-repeat: no-repeat;
	background-position: center left;
	color:#df6c26;
	padding-left:35px;
	padding-bottom: 15px;
	padding-top:15px;
	font-weight:bold;
}

p.orange6{
	background-image: url("../images/icones/6rouge.gif");
	background-repeat: no-repeat;
	background-position: center left;
	color:#df6c26;
	padding-left:35px;
	padding-bottom: 15px;
	padding-top:15px;
	font-weight:bold;
}

/*class prenom*/

#staff .delphine{
	background-image: url("../images/icones/1noir.gif");
	background-repeat: no-repeat;
	background-position: center left;
}

#staff a:hover.delphine{
	background-image: url("../images/icones/1rouge.gif");
	background-repeat: no-repeat;
	background-position: center left;
}

#staff a.jacques{
	background-image: url("../images/icones/2noir.gif");
	background-repeat: no-repeat;
	background-position: center left;
}

#staff a:hover.jacques{
	background-image: url("../images/icones/2rouge.gif");
	background-repeat: no-repeat;
	background-position: center left;
}

#staff a.aurelie{
	background-image: url("../images/icones/3noir.gif");
	background-repeat: no-repeat;
	background-position: center left;
}

#staff a:hover.aurelie{
	background-image: url("../images/icones/3rouge.gif");
	background-repeat: no-repeat;
	background-position: center left;
}

#staff a.shirley{
	background-image: url("../images/icones/4noir.gif");
	background-repeat: no-repeat;
	background-position: center left;
}

#staff a:hover.shirley{
	background-image: url("../images/icones/4rouge.gif");
	background-repeat: no-repeat;
	background-position: center left;
}


#staff a.valerie{
	background-image: url("../images/icones/6noir.gif");
	background-repeat: no-repeat;
	background-position: center left;
}

#staff a:hover.valerie{
	background-image: url("../images/icones/6rouge.gif");
	background-repeat: no-repeat;
	background-position: center left;
}



/* --- DROITE PAGE --- */
#droite {
	position: relative;
	float: right;
	width: 193px;
	margin-right: -192px;
	margin-left:-1px;
	left:2px;
	z-index:2
}

/* Menu */
#menu {
	margin-top: 126px;
	height: 276px; 
}

#menuagenda {
	width: 180px;
	height: 47px;
	background-image: url("../images/mnu-agenda.gif");
	background-repeat: no-repeat;
	background-position: top left;	
}

#menuagenda a {
	width: 180x;
	height: 47px;
	display: block;
}

#menuagenda a:hover {
	width: 180px;
	height: 47px;
	display: block;
	background-image: url("../images/mnu-agenda_over.gif");
	background-repeat: no-repeat;
	background-position: top left;	
}

#menuarchives {
	width: 180px;
	height: 43px;
	background-image: url("../images/mnu-archives.gif");
	background-repeat: no-repeat;
	background-position: top left;	
}

#menuarchives a {
	width: 180x;
	height: 43px;
	display: block;
}

#menuarchives a:hover {
	display: block;
	background-image: url("../images/mnu-archives_over.gif");
	background-repeat: no-repeat;
	background-position: top left;	
}

#menuquisecache {
	width: 193px;
	height: 64px;
	margin-top: 32px;
	background-image: url("../images/mnu-quisecache.gif");
	background-repeat: no-repeat;
	background-position: top left;	
}

#menuquisecache a {
	width: 193x;
	height: 64px;
	display: block;
}

#menuquisecache a:hover {
	display: block;
	background-image: url("../images/mnu-quisecache_over.gif");
	background-repeat: no-repeat;
	background-position: top left;	
}

#menusoutien {
	width: 180px;
	height: 55px;
	margin-top: 14px;
	background-image: url("../images/mnu-soutien.gif");
	background-repeat: no-repeat;
	background-position: top left;	
}

#menusoutien a {
	width: 180x;
	height: 55px;
	display: block;
}

#menusoutien a:hover {
	display: block;
	background-image: url("../images/mnu-soutien_over.gif");
	background-repeat: no-repeat;
	background-position: top left;	
}

#menuespacepro {
	width: 180px;
	height: 67px;
	margin-top: 5px;
	background-image: url("../images/mnu-espacepro.gif");
	background-repeat: no-repeat;
	background-position: top left;	
}

#menuespacepro a {
	width: 180x;
	height: 67px;
	display: block;
}

#menuespacepro a:hover {
	display: block;
	background-image: url("../images/mnu-espacepro_over.gif");
	background-repeat: no-repeat;
	background-position: top left;	
}


/* PAGES AGENDA */
#agenda {
	font-family:tahoma,verdana,arial;
	font-size:11px;
	padding-left:12px;
}

#agenda img{
	padding-left:0;
}

#agenda h1 {
	font-family:tahoma,verdana,arial;
	font-weight:bold;
	font-size:12px;
	margin-top:10px;
}

#agenda a {
	color:#000;
	text-decoration:underline;
}

.photo{
	border-left:25px solid #676185;
}

.photo a:hover{
	color:#676185;
	text-decoration:none;
}

.photo h1{
	color: #676185;
}

.danse{
	border-left:25px solid #79b51c;
}

.danse h1{
	color:#79b51c;
}

.artsplastiques{
	border-left:25px solid #00547a;
}	

.artsplastiques h1{
	color: #00547a;
}


.cinema{
	border-left:25px solid #485d82;
}

.cinema h1{
	color:#485d82;
}

.litterature{
	border-left:25px solid #ee7f01;
}

.litterature h1{
	color: #ee7f01;
}

.stylisme{
	border-left:25px solid #ac3b6f;
}	

.stylisme h1{
	color:#ac3b6f;
}	

.musique{
	border-left:25px solid #fdcc00;
}

.musique h1{
	color:#fdcc00;
}

.theatre{
	border-left:25px solid #a60b16;
}

.theatre h1{
	color:#a60b16;
}

.evenement{
	margin-bottom:6px;
}


/* ESPACE PRO */

#dossier {    
	position: absolute;
	width : 350px;
	height: 25px;
	margin-left: 150px;
	margin-top: 280px;
	line-height:0;
}

#revue {    
	position: absolute;
	width : 400px;
	height: 25px;
	margin-left: 310px;
	margin-top: 150px;
	line-height:0;
}

#annonceurs {    
	position: absolute;
	width : 360px;
	height: 70px;
	margin-left: 430px;
	margin-top: 488px;
	line-height:0;
}

/*antizero*/

#antizero {
	background-image: url("../images/presse.gif");
	background-repeat: no-repeat;
	background-position: top left;	
	width:180px;
	height:50px;
	margin-left:10px;
	margin-right:auto;
	margin-top:155px;
	font-size:10px;
	font-family:tahoma,verdana,arial;
	color:#aaa;
}

#antizero a{
	font-family:tahoma,verdana,arial;
	font-size:10px;
	color:#aaa;
	text-decoration: underline;
}

#antizero a:hover {
	color:#444;	
	text-decoration: none;
}

/* clearer */
#clearer {
	clear: both;
	line-height: 0;
	font-size: 0;
	height: 0;
}