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


/* Generated by Font Squirrel (http://www.fontsquirrel.com) on April 20, 2012 04:18:13 AM America/New_York */



@font-face {
    font-family: 'ExistenceLight';
    src: url('../Existence/Existence-Light-webfont.eot');
    src: url('../Existence/Existence-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../Existence/Existence-Light-webfont.woff') format('woff'),
         url('../Existence/Existence-Light-webfont.ttf') format('truetype'),
         url('../Existence/Existence-Light-webfont.svg#ExistenceLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ExistenceUnicaseLight';
    src: url('..Existence/Existence-UnicaseLight-webfont.eot');
    src: url('..Existence/Existence-UnicaseLight-webfont.eot?#iefix') format('embedded-opentype'),
         url('..Existence/Existence-UnicaseLight-webfont.woff') format('woff'),
         url('..Existence/Existence-UnicaseLight-webfont.ttf') format('truetype'),
         url('..Existence/Existence-UnicaseLight-webfont.svg#ExistenceUnicaseLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ExistenceStencilLight';
    src: url('..Existence/Existence-StencilLight-webfont.eot');
    src: url('..Existence/Existence-StencilLight-webfont.eot?#iefix') format('embedded-opentype'),
         url('..Existence/Existence-StencilLight-webfont.woff') format('woff'),
         url('..Existence/Existence-StencilLight-webfont.ttf') format('truetype'),
         url('..Existence/Existence-StencilLight-webfont.svg#ExistenceStencilLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

	
html
.body { 

background-color:rgba(51,51,51,0.85);
   margin:0 auto;
   padding:0;
   width:700px;
}

.conteneur {background-color:#666;
		   margin-top:25px;
			margin:0 auto;
			
	        position:relative;
			margin-bottom:25px;
			box-shadow:0px 0px 20px 10px
			rgba(51,51,51,0.75);
			
}
			


.entete{background-color:#666;
            width:650px;
			padding-top:20px;
			padding-bottom:30px;
			margin:auto;
}

.entete h1{text-align:left;
padding-left:40px;
	font-family: Arial,Helvetica, Geneva, sans-serif;
	font-size:2em;
	font-weight:300;
	color:#FFF;
}

#gauche{float:left; width:200px;}

#droit{float:left; width:420px;margin-left:30px;
}
	
.pointille{
		border-bottom: 1px dashed #fff;
}

.pointille2{
		border-bottom: 2px #F00 solid ;
		padding-bottom:5px;
}

.imgauche{
		float:left; margin-right:15px;
	}
	.boutondroit{
		float:right; margin-left:15px;
	}
.ombre{box-shadow: 10px 10px 10px rgba(51,51,51,0.75);}

p.chapeau{}

.banner {text-align:left; font-size:0.9em; line-height:1.8em;width:250px;margin-left:25px;
	}

.menu{list-style:none; 
	padding:5px;
	position:absolute;
	top:85px ;
	left: 250px;
	width:410px;
}

.menu  li{
		display:inline;
		font-family:Arial,Helvetica, Geneva, sans-serif;
		color:#FFF;
}
.menu a{
	color:#fff;
	text-decoration:none; /* sans souligne */
	width:120px;
	text-align:center;
	line-height:30px;
	text-transform:uppercase;
	padding: 5px 10px;
	background-color:#000;
	
	transition:background 0.3s ease-in;
-moz-transition:background 0.3s ease-in; /* Firefox 4 */
-webkit-transition:background 0.3s ease-in; /* Safari and Chrome */
-o-transition:background 0.3s ease-in; /* Opera */
	
}
.menu a:hover{
	background-color:#ccc;
}

.centre{background-color:#666;
            width:650px;
			margin:0 auto;
			
			padding-top:30px;
	
	}
	
#archive {
	width:300px;
}

/*dossiers*/	
 a#doss {color:#fff;
	text-decoration:none; /* sans souligne */
	width:120px;
	text-align:center;
	font-size:16px;
	line-height:1.2em ;
	text-transform:uppercase;
	padding: 5px;
	margin-right:20px;
	background-color:#9b9a9a;
	font-family:Arial,Helvetica, Geneva, sans-serif;
	color:#FFF;	
	display:block;}
	
a#doss:hover{
	background-color:#ccc;
}

/*texte*/

h1{text-align:center;
	font-family: 'ExistenceLight', Arial,Helvetica, Geneva, sans-serif;
	font-size:2em;
	font-weight:300;
	color:#FFF;
	margin:auto;
	padding-bottom:10px;		
	}

h2{text-align:left;
	font-family: 'ExistenceLight',Arial,Helvetica, Geneva, sans-serif;
	/*font-size:20px;*/
	font-weight:200;
	font-size:1.7em;
	color:#FFF;
	position:relative;
	/*left:25px;*/			
	}
.ave {text-align:center;
}


h3{text-align:center;
	font-family: 'ExistenceLight',Arial,Helvetica, Geneva, sans-serif;
	font-size:1.65em;
	font-weight:200;
	color:#fff;			
	}

h4{text-align:center;
	font-family: 'ExistenceLight',Arial,Helvetica, Geneva, sans-serif;	
	font-size:1.4em;
	font-weight:200;
	color:#fff;		
	}
	
h4a {text-align:center;
	font-family: Arial,Helvetica, Geneva, sans-serif;	
	font-size:1.1em;
	font-weight:200;
	color:#000;		
	}
	
	

p{
	text-align:justify;
	/*text-align-last:left;*/
text-indent: 0px;
	text-height:1.2em;
	line-height:1.4em;
	margin-left: 0px;
	font-family:Arial,Helvetica, Geneva, sans-serif;
	font-size:12px;
	font-weight:200;
	color:#FFF;
	}
	
.pp {width: 590px;
	text-height:1.2em;
	line-height:1.4em;
	margin-left:20px;
	font-family:Arial,Helvetica, Geneva, sans-serif;
	font-size:12px;
	font-weight:200;
	color:#000;		
}
/* maisons-musees */
	
#mair {position:relative;
		overflow:auto;
		width:600px;
		margin:auto;
		padding-top:25px;
}

#mairg {width:280px;
		float:left;
}

#maird {width:250px;
		float:right;
		padding-bottom:15px;
		
}

#maird div {width:250px;
		height:250px;
		float:right;
		margin-top:20px;
		margin-right:25px;
		/*border:5px solid #fff;*/
		box-shadow: 10px 10px 10px
		rgba(51,51,51,0.75);
}

.hr {
	width:600px;
	}
	
.hr2 {
	width:600px;
	visibility:hidden;}
		
.dashes {
border-top: 1px dashed #FFF;
/*margin-top: 5px;*/
width:600px;
}	

/*footer*/
.pied{position: relative;
	bottom:10px;
	background-color:#666;
	height:65px;
	margin-top:15px;
	
	
}

.pied a{
	position: absolute;
	margin-left:255px;
	margin-top:15px;
	bottom: 10px;
	width: 200px;
	text-decoration:none;
	text-align:center;
	line-height:30px;
	text-transform:uppercase;
	padding: 5px 10px;
	
	font-family:Arial,Helvetica, Geneva, sans-serif;
	color:#FFF;	
}

.pied a:hover{background-color:#ccc;
}



/*musées2*/

#contenu{
	position:relative;
		overflow:auto;
		width:650px;
		margin:auto;
		padding-bottom:40px;
}

#aside{width:350px;
		float:left;
		
	}
	
#aside div{width:350px;
  			height:250px;
			float:left;
			margin-top:50px;
}
	
#principal{width:250px;
		float:left;
		margin-top:20px;
		margin-right:35px;
		margin-left:15px;
		
}
	
#principal div{width:250px;
				height:250px;
				color: #666;
				float:left;
				/*border:3px solid
				rgba(204,204,204,1);*/
				margin-top:50px;
				margin-right:25px;
				box-shadow: 10px 10px 10px
		rgba(51,51,51,0.75);
}

/*index*/				
#contenu2{
	position:relative;
		overflow:auto;
		width:650px;
		margin:auto;
		padding-top:25px;
	padding-bottom:20px;
}
	
#principal2 {/*width:405px;*/
		float:left;
		margin-top:10px;
}
	
#principal2 div{/*width:405px;
				float:left;*/
}

#aside2 {width:200px;
		float:right;
		position:absolute;
		top:210px;
		right:20px;
}
	
#aside div2 {
}

#beaubourg {
			float:right;
			box-shadow: 10px 10px 10px
		rgba(51,51,51,0.75);
}

#mentleg {position:absolute;
			bottom:10px;
			left:-225px;
}

#sav {text-height:1.2em;
	line-height:1.4em;
	margin-left:5px;
	font-family:Arial,Helvetica, Geneva, sans-serif;
	font-size:12px;
	font-weight:200;
	color:#fff;