html, body { 
margin: 0px;
width: 100%;
background: #fff;
color: #000; 
font: 14px "Courier New", Courier, monospace; 
letter-spacing: 1px;
} 

img { 
border: 0px; 
}

/* the flyer */
.popImage {
text-align:center; 
margin:0px 0px 0px 0px; 
padding:0px;
}

ul { 
list-style-type: none; 
padding-left: 0px; 
margin: 0px; 
}

a:link, a:visited {
text-decoration: none; 
color: #1c7cad;
} 

a:active, a:hover {
text-decoration: underline; 
color: #036;
}

#header { 
width: 100%;
height: 200px; 
} 

#logo { 
position: absolute; 
top: 20px; 
left: 50px; 
} 

#lang {
position: absolute; 
top: 150px; 
right: 50px; 
}

#lang a:link, #lang a:visited { 
color: #999; 
text-decoration: none; 
font: 14px "Courier New", Courier, monospace; 
letter-spacing: 1px; 
}  

#lang a:active, #lang a:hover { 
color: #666; 
text-decoration: none; 
} 

#topmenu { 
float: right;
width: 70%;
padding: 20px 50px 0px 0px;
margin: Opx;
border-bottom: 3px solid #000; 
} 

a.nav {
display: block;
float: right;
background-repeat: no-repeat;
}

a.home {
width: 89px;
height: 100px;
padding-right: 50px;
background-image: url(assets/home.gif);
}

a.home:hover, a[title*="this-is-home"]  {
background-image: url(assets/home-over.gif);
}

a.about {
width: 103px;
height: 100px;
background-image: url(assets/about.gif);
}
	 
a.about:hover, a[title*="this-is-about"]{
background-image: url(assets/about-over.gif);
} 

a.videos {
width: 135px;
height: 100px;
margin-left: 10px;
background-image: url(assets/video.gif);
}
	 
a.videos:hover, a[title*="you-are-at-videos"] {
background-image: url(assets/video-over.gif);
} 

a.services {
width: 166px;
height: 100px;
background-image: url(assets/service.gif);
}
	 
a.services:hover, a[title*="you-are-at-services"] {
background-image: url(assets/service-over.gif);
} 

a.contact {
width: 106px;
height: 100px;
background-image: url(assets/contact.gif);
}
	 
a.contact:hover, a[title*="you-are-at-contact"] {
background-image: url(assets/contact-over.gif);
} 

#body { 
width: auto; 
position: relative; 
top: 0; 
left: 0; 
} 

#innerbody { 
margin: 0px; 
width: 100%;
text-align: center; 
} 

/* sorbonne, sorbonne HR, manif, habait-photos, admorim, hasidism */
#leftcol { 
float: left; 
width: auto;
padding: 10px 20px 5px 50px;
} 

#leftcol h5 {
color:#000;
font: 14px "Courier New", Courier, monospace;
text-align: left;
letter-spacing: 1px;
line-height: 1.2;
}

/* about, service, contact */
#center {
width: 60%;
margin-left: auto;
margin-right: auto;
text-align: left;
padding: 10px;
}

/* about, service */
#center h5 {
color:#000;
font: 14px "Courier New", Courier, monospace; 
letter-spacing: 1px;
line-height: 1.6;
} 

/* service */
#pagetitle {
color: #000;
font: bold 16px "Andale Mono", Courier, "Courier New", monospace;
letter-spacing: 2px;
text-align: left;
margin-bottom: 30px;
}

/* service, about, photos-family */
.title, #title, #picture div {
color: #000;
font: bold 14px "Andale Mono", Courier, "Courier New", monospace;
letter-spacing: 1px;
text-align: left;
margin-bottom: 0px;
}

/* service, about */
.first {
margin-top: 3px;
}

/* homepage */
#rightcol {
float: right;
width: 390px;
padding: 10px 50px 5px 20px; 
} 

/* homepage */
#rightcol2 {
float: right; 
width: 390px;
padding: 100px 50px 100px 20px; 
} 

/* homepage */
#announce {
float: right;
width: 210px;
height: 210px;
margin: 10px 50px 0px 50px;
padding: 10px;
overflow-y: scroll; 
overflow-x: visible;
}

#announce h5 {
color:#000;
font: 14px "Courier New", Courier, monospace;
text-align: left;
}

/* homepage */
#textcol {
float: right; 
width: auto;
padding: 225px 10px 5px 10px;
text-align: center;
color:#000;
} 

/* homepage */
#textcol2 {
float: right; 
width: auto;
padding: 190px 10px 100px 0px;
text-align: center;
color:#000;
} 

/* video */
#videolist {
width: auto;
padding: 0 80px 0 80px;
}

#videolist li img, #videolist li object { 
 float: left; 
 margin: 0 60px 0 0; 
}

#videolist h5, #videolist p {
text-align: left; 
color:#000;
font: 12px "Courier New", Courier, monospace; 
letter-spacing: 1px;
line-height: 1.3; 
}

#videolist h5 a:link, #videolist h5 a:visited {
color: #1c7cad;
text-decoration: none; 
font-weight: bold;
}

#videolist h5 a:active, #videolist h5 a:hover {
color: #036;
}

#videolist li p.festival {
margin: 0 0 0 185px;
}

/* sorbonne, sorbonne HR, manif */
#textList {
width: auto;
padding: 0px 50px 0px 20px;
text-align: left;
}

/* habait-photos */
#thanksList {
float: left;
margin: 60px 50px 0px 20px;
text-align: left;
height: 288px; 
overflow-y: auto; 
border: 1px solid #fff;
}

#textList h5, #thanksList h5 {
color:#000;
font: 12px "Courier New", Courier, monospace; 
letter-spacing: 1px;
line-height: 1.3;
}

#textList h5 a:link, #textList h5 a:visited {
color: #1c7cad;
text-decoration: none; 
font-weight: bold;
}

#textList h5 a:active, #textList h5 a:hover {
color: #036;
text-decoration: none; 
}

#textList hr, #thanksList hr, #announce hr {
 margin-left: 0px;
 margin-right: 0px;
}

hr { 
 border: none; 
 background-color: #666; 
 color: #666; 
 height: 1px; 
 margin: 30px 0 30px 0;
}

.clear { 
clear: both; 
} 

/* photos-family */
#picture {
text-align: center;
padding: 0px;
}

/* photos-family */
#picture p {
margin: 0;
padding: 10px 1px 0px 1px;
font: 12px "Courier New", Courier, monospace; 
letter-spacing: 1px;
line-height: 1.3;
}

#footer {
position : relative;
padding: 40px 0px 5px 0px;
text-align: center;
font: bold 10px "Century Gothic", Arial, Helvetica, sans-serif;
text-transform: uppercase; 
}

/* min-width including IE */
.conteneur { 
	min-width: 1000px;  /* largeur mini du site (sauf IE) */
	width: auto;
}

* html .conteneur_minwidth_IE {  /* largeur mini du site pour IE */
	padding-left: 1000px;
}

* html .conteneur_container_IE {  /* complément ŕ .minwidth pour IE */
	margin-left: -1000px; 
	position: relative;
}

* html .conteneur_minwidth_IE, * html .conteneur_container_IE, * html .conteneur_layout_IE  { /* complément ŕ .minwidth pour IE */
	height: 1px;

/* Mozilla code */ 
#body > #innerbody { border-bottom: 1px solid transparent; } 
#leftcol { margin-right: 1px; } 
#rightcol { margin-left: 1px; }