/* CSS Document Alyah Beth, par le Mémorial de la Shoah */

/* Global
------------------------------------------------------------------*/
html, body, form, fieldset, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {margin:0;padding:0;}
ul,li {list-style-type:none;}
body {color:#3f3f3f;background:#5881b7 url(images/fond.jpg) repeat-x 0 0;font:76%/140% Helvetica, Arial, sans-serif;text-align:center;}
	
hr {clear:both;visibility:hidden; padding-top:1.5em;}	
img {border:0;}
.paragraphe {margin-top:1.5em;} /*pour créer un espace au-dessus du paragraphe dans lequelle on place cette class*/
.paragraphe-large {margin-top:3em;}
.clear {clear:both;}

	

/*General, pour toutes les pages
-------------------------------------------------------------------*/

#wrap-all { /*boîte pour cadrer l'ensemble du contenu ---*/
	position:relative;width:807px;height:675px;text-align:left;margin-right:auto;margin-left:auto;margin-top:0;padding:0;}


/*En tête
-------------------------------------------------------------------*/
#header {width:800px;height:167px;padding:40px 0px 37px 0;margin:0;voice-family:"\"}\"";voice-family:inherit;width:800px;height:90px;}
#date {/*logo des dates des expos ---*/
	float:left;width:124px;height:49px;margin-top:26px;margin-left:20px;padding:0;border:0;}
#logo-alyah {float:left;width:370px;height:81px;margin-left:76px; padding:0;}
#logo-alyah a {width:370px;height:81px;border:0;}
#memorial {/*logo du Mémorial en background ---*/
	float:left;width:90px;height:90px;background:transparent url(images/logo_memorial.gif) no-repeat;margin-left:120px;padding:0;text-decoration:none;text-indent:-9999px;border:0;}



/*le fondu dégradé à gauche du conteneur
------------------------------------------------------------------*/
#fondu {float:left; width:100%; background:url(images/degrade.gif) left repeat-y;}



/*le menu de navigation horizontale en français
-------------------------------------------------------------------*/
ul#nav {float:left;width:772px;height:24px;}
ul#nav li {float:left;text-indent:-9999px;}
ul#nav li a {border:0;display:block;text-decoration:none;background:transparent url(images/menu_fr.gif) no-repeat;}
li#expo a {width:117px;height:24px;}
li#doc a {width:106px;height:24px;}
li#autour a {width:154px;height:24px;}	
li#infos a {width:180px;height:24px;}
li#expo a:link, li#expo a:visited {background-position:0 0;}
li#expo a:hover, li#expo a:focus {background-position:0 -24px;}
li#doc a:link, li#doc a:visited {background-position:-117px 0px;}
li#doc a:hover, li#doc a:focus {background-position:-117px -24px;}
li#autour a:link, li#autour a:visited {background-position: -223px 0px;}
li#autour a:hover, li#autour a:focus {background-position: -223px -24px;}
li#infos a:link, li#infos a:visited {background-position: -377px 0px;}
li#infos a:hover, li#infos a:focus {background-position: -377px -24px;}

/* "active tabs" / onglets indiquant la page de navigation
------------------------------------------------------------------*/
body#page-expo ul#nav li#expo a {background-position:0px -48px;}
body#page-doc ul#nav li#doc a {background-position:-117px -48px;}
body#page-autour ul#nav li#autour a {background-position:-223px -48px;}
body#page-infos ul#nav li#infos a {background-position:-377px -48px;}


	

/*Conteneur
------------------------------------------------------------------*/
#conteneur {float:left;width:800px;height:400px;background-color:#ffffff;margin-left:7px;padding:12px 12px 20px 20px;voice-family:"\"}\"";voice-family:inherit;width:768px;min-height:360px;height:auto !important;height:360px;}

h1 { /*titre des pages ---*/
	color:#5682b7;margin-bottom:24px;margin-top:0;padding:0;font-size:140%;}
#conteneur h2 { /*titre des paragraphes ---*/
	color:#5682b7;font-size:100%;font-weight:bold;margin-top:3em;margin-bottom:1em;}
#conteneur h3 { /*titre des paragraphes ---*/
	color:#5682b7;font-size:100%;font-weight:bold;margin-bottom:1em;}
#conteneur a {color:#5682b7;text-decoration:none;}
#conteneur a:hover {color:#5682b7;text-decoration:underline;}

ul#vertical { /*menu vertical pages internes, 2ème niveau de navigation ---*/
	float:left;width:140px;height:300px;margin-top:40px;padding:0;}
ul#vertical li {margin-bottom:15px;color:#5682b7;font-weight:bold;}
ul#vertical li a {color:#3f3f3f;text-decoration:none;}
ul#vertical li a:hover {color:#5682b7;text-decoration:none;}

#text-hp { /*conteneur du texte sur la home page ---*/
	float:left;margin-top:30px;margin-left:160px;margin-bottom:10px;width:540px;height:100%;text-align:left;}	
#text { /*texte du contenu hors home page ---*/
	float:left;width:400px;min-height:360px;margin-left:30px;margin-top:40px;padding:0;text-align:left;}
#text h4 { /*pour que les pages Autour de l'exposition et Publications qui ne commencent pas par un paragraphe
mais un sous-titre soient alignées en haut comme les autres ---*/
	color:#5682b7;font-size:100%;font-weight:bold;margin-top:0;margin-bottom:1em;}
#text-sansmenu { /*pour positionner la zone de texte lorsqu'il n'y a pas le menu vertical à gauche ---*/
	float:left;width:400px;min-height:360px;margin-left:172px;margin-top:40px;padding:0;text-align:left;}
#text-sansmenu h4 { /*comme la balise h3 mais avec des marges supérieurs et inférieures + petites ---*/
	color:#5682b7;font-size:100%;font-weight:bold;margin-top:1.5em;margin-bottom:1em;}
	
#illustration { /*image et texte à droite du texte ---*/
	float:left;	width:170px;min-height:300px;margin-top:40px;margin-left:20px;}
#illustration p {float:left;margin-top:10px;margin-bottom:30px;font-size:90%;color:#7e7e7e;}
#illustration img {float:left;border:0}



/*Page documents.htm
------------------------------------------------------------------*/

#text-docs { /*conteneur des icônes de la page documents.htm ---*/
	float:left;margin-top:40px;margin-left:50px;margin-bottom:0;width:600px;height:360px;}	
#text-docs img { /*positionner les images de la LightBox2, http://www.huddletogether.com/projects/lightbox2 --- */
	float:left;margin-right:20px;margin-bottom:10px;padding:0;}
#titredoc {float:left;width:100px;margin-top:40px;padding:0;}
	


/*Page documents_vidéos
------------------------------------------------------------------*/

#text-videos {float:left;width:300px;min-height:265px;margin-left:10px;margin-top:10px;}
#text-videos p {margin-bottom:1.5em;}
#video {float:right;width:396px;height:337px;margin-right:20px;margin-top:10px;padding:0;}
	
	

/*Pied de page
------------------------------------------------------------------*/
#footer {float:left;padding:-10px;margin:0;}
ul#nav-foot {float:left;width:142px;height:10px;margin:10px 0 0 -10px;}
ul#nav-foot li {float:left;text-indent:-9999px;}
ul#nav-foot li a {border:0;display:block;text-decoration:none;background:transparent url(images/foot-nav.gif) no-repeat;}
li#contact a {width:50px;height:10px;}
li#mentions a {width:92px;height:10px;}
li#contact a:link, li#contact a:visited {background-position:0 0;}
li#mentions a:link, li#mentions a:visited {background-position:-50px 0px;}
/*li#contact a:hover, li#contact a:focus {background-position:0 -10px;}

li#mentions a:hover, li#mentions a:focus {background-position:-50px -10px;}*/