/* CSS Document pour le Mémorial de la Shoah */

/* Global
------------------------------------------------------------------*/
html, body, form, fieldset, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {
	margin:0;
	padding:0;
	height: 100%;
	width: 100%;
	}
ul,li {
	list-style-type:none;
	}
#li2 {
	list-style-type:none;
	font-size:12px;
	}
	
a {
	color:#000000;
	text-decoration:none;
	}
a:hover {
	color:#00418c;
	text-decoration:none;
	}

body {
	color:#000000;
	background-color:#FFFFFF;
	font:70%/140% Helvetica, Arial, sans-serif;
	text-align:center; 
	margin:0;
	height: 100%;
    width: 100%;

	}
img {
	border:0;
	}

#wrap-all { 
	position:relative;
	width:950px;
	height:1110px;
	background-image:url(../images/fond.jpg);
	text-align:left;
	margin-right:auto;
	margin-left:auto;
	margin-top:0;
	padding:0;
	}
#en_wrap-all { 
	position:relative;
	width:950px;
	height:1110px;
	background-image:url(../images/en_fond.jpg);
	text-align:left;
	margin-right:auto;
	margin-left:auto;
	margin-top:0;
	padding:0;
	}
#wrap-all2 {
	position:relative;
	width:950px;
	height:1110px;
	background-image:url(../images/fond2.jpg);
	text-align:left;
	margin-right:auto;
	margin-left:auto;
	margin-top:0;
	padding:0;
	}
#en_wrap-all2 { 
	position:relative;
	width:950px;
	height:1110px;
	background-image:url(../images/en_fond2.jpg);
	text-align:left;
	margin-right:auto;
	margin-left:auto;
	margin-top:0;
	padding:0;
	}
/*En tête
-------------------------------------------------------------------*/
#header {
	width:935px;
	height:63px;
	padding:47px 0px 37px 47px;
	margin:0;
	voice-family:"\"}\"";
	voice-family:inherit;
	}

ul#logo {
	float:left;
	width:370px;
	height:89px;
	margin-left:80px;
	margin-top:5px;
	}
ul#logo li, ul#logo li {
	padding:0;
    margin:0;
	float:left;
    text-indent:-9999px; 
    }
ul#logo li a {
	border:0;
	text-decoration:none;
	display:block;
	background:url(../images/entete.png) no-repeat;
	width:460px;
	height:200px;
	margin-top:-35px;
	margin-left:78px;
	}
ul#en_logo {
	float:left;
	width:370px;
	height:89px;
	margin-left:80px;
	margin-top:5px;
	}
ul#en_logo li, ul#en_logo li {
	padding:0;
    margin:0;
	float:left;
    text-indent:-9999px; 
    }
ul#en_logo li a {
	border:0;
	text-decoration:none;
	display:block;
	background:url(../images/en_entete.png) no-repeat;
	width:460px;
	height:230px;
	margin-top:-35px;
	margin-left:78px;
	}

#memorial {
	float:left;
	width:90px;
	height:90px;
	background:transparent url(../images/logo_memorial.gif) no-repeat;
	margin-left:0px;
	padding:0;
	text-decoration:none;
	text-indent:-9999px;
	border:0;
	margin-top:5px;
	}
/*Conteneur
------------------------------------------------------------------*/
#conteneur {
	float:left;
	width:950px;
	padding:20px 12px 20px 20px;
	voice-family:"\"}\"";
	voice-family:inherit;
	min-height:360px;
    height:auto !important;
    height:360px;
margin-top: 6px;

	}
#conteneurb {
	float:left;
	width:950px;
	padding:20px 12px 20px 20px;
	voice-family:"\"}\"";
	voice-family:inherit;
	min-height:360px;
    height:auto !important;
    height:360px;
margin-top: 6px;

	}
#conteneur2 {
	float:left;
	width:900px;
	height:400px;
	background-color:#ffffff;
	padding:0px 12px 20px 20px;
	voice-family:"\"}\"";
	voice-family:inherit;
	width:900px ;
	min-height:360px;
    height:auto !important;
    height:360px;
	}
	
ul#vertical { /*menu vertical pages internes ---*/
	float:left;
	width:195px;
	height:400px;
	margin-top:82px;
	padding:0;
	margin-left:30px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	line-height:15px;
	}
ul#vertical2 { /*menu vertical pages internes, 2ème niveau de navigation ---*/
	float:left;
	width:195px;
	height:400px;
	margin-top:82px;
	padding:0;
	margin-left:30px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	line-height:15px;
	}
ul#vertical li {
	margin-bottom:15px;
	color:#000000;
	}
ul#vertical li a {
	color:#000000;
	text-decoration:none;
	}
ul#vertical li a:hover {
	color:#00418c;
	text-decoration:none;
	}
ul#vertical2 li {
	margin-bottom:15px;
	color:#000000;
	}
ul#vertical2 li a {
	color:#000000;
	text-decoration:none;
	}
ul#vertical2 li a:hover {
	color:#00418c;
	text-decoration:none;
	}
.title {
	color:#0033CC;
	text-decoration:none;
	font-size:12px;
}	
.title a {
	color:#0033CC;
	text-decoration:none;
	font-size:15px;
}
.title a:hover {
	color:#0033CC;
	text-decoration:none;

}
.title2 {
	color:#0033CC;
	text-decoration:none;
	font-size:12px;
	
}	
.title2 a {
	color:#0033CC;
	text-decoration:none;
	font-size:12px;
	
}
.title2 a:hover {
	color:#0033CC;
	text-decoration:none;
	font-size:12px;
}

#middle1 {
	float:left;
	width:460px;
	height:750px;
	background-image:url(../images/accueil.png);
	margin-left:50px;
	margin-top:-14px;
	padding:0;
	text-align:left;
	line-height:15px;
}
#en_middle1 { 
	float:left;
	width:460px;
	height:750px;
	background-image:url(../images/en_accueil.png);
	margin-left:50px;
	margin-top:-14px;
	padding:0;
	text-align:left;
	line-height:15px;
	}

#middle2 {
	float:left;
	width:460px;
	background-image:url(../images/fond_centre.png);
	margin-left:50px;
	margin-top:34px;
	text-align:left;
	line-height:15px;
	padding:0px 0px 30px 0px;
	}
	#middle2b {
	float:left;
	width:460px;
	background-image:url(../images/fond_centre.png);
	margin-left:50px;
	margin-top:34px;
	text-align:left;
	line-height:15px;
	padding:0px 0px 30px 0px;
	}
#en_middle2 { 
	float:left;
	width:460px;
	background-image:url(../images/fond_centre.png);
	margin-left:50px;
	margin-top:34px;
	padding:0;
	text-align:left;
	line-height:15px;
	padding:0px 0px 30px 0px;
	}
	#en_middle2b { 
	float:left;
	width:460px;
	background-image:url(../images/fond_centre.png);
	margin-left:50px;
	margin-top:34px;
	padding:0;
	text-align:left;
	line-height:15px;
	padding:0px 0px 30px 0px;
	}
#middle3 {
	float:left;
	width:605px;
	height:1000px;
	background-image:url(../images/fond_centre.png);
	background-repeat:repeat-y;
	margin-left:50px;
	margin-top:34px;
	padding:0;
	text-align:left;
	line-height:15px;
	}
#en_middle3 { /*texte du contenu hors home page ---*/
	float:left;
	width:605px;
	height:1000px;
	background-image:url(../images/fond_centre.png);
	background-repeat:repeat-y;
	margin-left:50px;
	margin-top:34px;
	padding:0;
	text-align:left;
	line-height:15px;
	}
#centrehometexte{
	position: absolute;
	width: 460px;
	top: 438px;	
	height: 418px;
	}
.signature{
font-size:11px;
padding-left:195px;
}
#avantpropostexte{
	position: absolute;
	width: 440px;
	top:247px;	
	height: 375px;
	font-size:12px;
	text-align:left;
	margin:0px 10px 0px 10px;
	}
#johnfordtexte{
	position: absolute;
	background-image:url(../images/fond_centre.png);
	width: 440px;
	top:247px;	
	height: 375px;
	font-size:12px;
	text-align:left;
	margin:0px 10px 0px 10px;
	}
.textehomeleft {
	font-size: 11px;
	color:#000000;
	line-height: 16px;
	font-family:Helvetica;
	margin-top:-30px;
	padding-left:33px;
	text-align:left;
	width:140px;

}	
.en_textehomeleft {
	font-size: 11px;
	color:#000000;
	line-height: 16px;
	font-family:Helvetica;
	margin-top:-30px;
	padding-left:33px;
	text-align:left;
	width:147px;
}	
.textehomeright {
	font-size: 10px;
	color:#85827b;
	line-height: 16px;
	font-family:Helvetica;
	margin-bottom:147px;
	padding-left:35px;

}			
.en_textehomeright {
	font-size: 10px;
	color:#85827b;
	line-height: 16px;
	font-family:Helvetica;
	margin-bottom:183px;
	padding-left:35px;
}			


h1 { 
	color:#85827b;
	margin-bottom:24px;
	margin-top:37px;
	padding-left:30px;
	font-size:22px;
	line-height:normal;
	font-family:Helvetica;
	font-style:normal;
	}
h2 { 
	color:#85827b;
	font-size:16px;
	padding-bottom:1px;
	padding-left:30px;
	font-style:italic;
	
	}	
h3 { 
	color:#85827b;
	font-size:16px;
	padding-bottom:1px;
	padding-left:30px;
	font-style:italic;
	
	}	

#conteneur a {
	color:#00418c;
	text-decoration:none;
	}
#conteneur a:hover {
	color:#00418c;
	text-decoration:underline;
	
	
	}
	#middle2b a {
	color:#00000;
	text-decoration:none;
	}
#middle2b a:hover {
	color:#000000;
	text-decoration:none;
		}
	#en_middle2b a {
	color:#00000;
	text-decoration:none;
	}
#en_middle2b a:hover {
	color:#000000;
	text-decoration:none;
		}	
#photo {
	width:427px;
	float:left;
	height:126px;
	padding-left:33px;
}
.paragraphe {
	margin-bottom:1.5em;
	padding-left:30px;
	width:auto;
	font-size:11px;
	padding-right:30px;
	}

.commentaires{
font-size:10px;
color:#85827b;
padding-left:5px;
text-align:left;
}
.commentaires2{
font-size:10px;
color:#85827b;
padding-right:30px;
}
.commentaires3{
font-size:10px;
color:#85827b;
padding-left:30px;
}
.commentaires4{
font-size:10px;
color:#85827b;
padding-left:30px;
padding-bottom:30px;
}
.commentaires5{
font-size:10px;
color:#85827b;
padding-left:30px;
padding-bottom:17px;
}
.commentaires6{
font-size:10px;
color:#85827b;
padding-left:2px;
}
.en_commentaires6{
font-size:10px;
color:#85827b;
padding-right:40px;
width:450px;
height:5px;
paddin-top:25px;
}
.image{
padding-left:30px;
}
.image2{
padding-left:45px;
padding-top:-250px;
}
.image3{
padding-left:30px;
padding-top:-250px;
}
.image4{
padding-left:30px;
}
#film_accueil{
padding-right:-60px;
}

#illustration {
	float:right;
	width:105px;
	min-height:300px;
	margin-top:-60px;
	color:#999999;
	font-size:11px;
	}
	
#textegauche{
   float:left;
   width:450px;
   margin-left:33px;
}


#video {
	float:right;
	width:396px;
	height:337px;
	margin-right:20px;
	margin-top:10px;
	padding:0;
	}

	

/*Pied de page
------------------------------------------------------------------*/
#footer {
	float:left;
	width:950px;
	padding:0;
	margin-top:11px;
	}
#en_footer {
	float:left;
	width:950px;
	padding:0;
	margin-top:11px;
	}
#en_footer2{
	float:left;
	width:950px;
	padding:0;
	padding-top:1565px;
	}

#footer2 {
	float:left;
	width:950px;
	padding:0;
	margin-top:1565px;
	}
#footer3 {
	float:left;
	width:950px;
	padding:0;
	margin-top:-40px;
	}
#en_footer3 {
	float:left;
	width:950px;
	padding:0;
	margin-top:-40px;
	}.ghost {
	color: #000000;
	text-decoration: none;
	cursor: text;
}