body {margin: 0;padding: 0;font: 11px "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;background: url(bbg.jpg) repeat-x;}
h1, h2, h3, h4, h5, h6, p {margin: 0;padding: 5px;}
h1, h2, h3, h4, h5, h6 {clear:both;}
a {color: #069;}
a:hover {text-decoration: none;}
img {border-style: none;}

/*boxmodel*/
#b {margin: 0 auto;width: 850px;}
#i, #c, #f, #p {clear: both;}
#l {float: left;width: 540px;}
#r {float: left;width: 310px;}

.h {background: url(ibbg.jpg) repeat-x;}

/*head*/
#h h1 {margin: 0;padding: 0;width: 160px;float: left;}
#h h1 a {display: block;text-indent: -9999px;height: 95px;background: url(noor.gif) no-repeat;}
#h ul, #i ul, #p ul {margin: 0;padding: 0;list-style: none;}
#h ul li, #i ul li, #p ul li {float: left;}
#h ul li a, #h ul li a {display: block;}
#h ul {float: right;width: 660px;padding-top: 38px;}
#h ul li {background: url(tmi1.gif) no-repeat;margin-right: 6px;}
#h ul li a {background: url(tmi2.gif) no-repeat right top;padding: 7px 12px 8px;font-size: 18px;text-decoration: none;font-style: italic;color: #058AB6;}
#h ul li a:hover {text-decoration: underline;}
#h .sel {background: url(tma1.gif) no-repeat;}
#h .sel a {background: url(tma2.gif) no-repeat right top;color: #fff;}

/*index menu 2 + photos*/
#i {background: url(home.jpg) no-repeat;height: 335px;padding-right: 34px;display:block;}
#i ul, #p ul {float: right;background: url(m2ul.gif) no-repeat;height: 40px;padding-left: 24px;padding-top: 15px;}
#i ul li, #p ul li {background: url(m2i1.gif) no-repeat;margin-right: 1px;margin-left: 1px;}
#i ul li a, #p ul li a {background: url(m2i2.gif) no-repeat right top;display: block;padding: 6px 10px;font-weight: bold;color: #fff;font-size: 13px;}
#i .sel, #p .sel {background: url(m2a1.gif) no-repeat;}
#i .sel a, #p .sel a {background: url(m2a2.gif) no-repeat right top;text-decoration: none;}

#p {background: url(p1.jpg) no-repeat;height: 140px;padding-right: 34px;}
#p p {clear: both;padding-top: 35px;}

/*telecharger*/
#tb {background: url(soutenir.jpg) no-repeat;font-size: 14px;margin: 0;padding: 0;}
#tb a {color: #fff;text-decoration: none;display:block;padding: 140px 50px 30px 90px;}
#tb a:hover {text-decoration: underline;}

/*ils ont dit*/
#iod {background: url(iod.gif) no-repeat;}
#iod h2 {font-size: 18px;font-weight: normal;color: #00A3D9;margin: 0;padding: 20px 20px 20px 70px;}
#iod ul {margin: 0;padding: 0 30px 0 70px;}
#iod ul li {border-bottom: 1px dotted #fff;}
#iod p {background: url(iodf.gif) no-repeat left bottom;text-align: right;margin: 0;padding: 0;}
#iod p a {display: block;padding: 12px 34px 22px 10px;font-weight: bold;color: #fff;text-decoration: none;}
#iod p a:hover {text-decoration: underline;}

/*edito*/
#ed {background: url(edito.gif) no-repeat;}
#ed h2 {color: #CF8300;font-size: 18px;font-weight: normal;padding: 20px 20px 0;}
#ed p {padding: 20px;}
#ed img {float: left;margin: 0 5px 5px 0;padding: 3px;background: #fff;border: 1px solid #e3e3e3;}
#ed span {display: block;background: url(editof.gif) no-repeat left bottom;text-align: right;}
#ed span a {display: block;padding: 8px 27px 25px 10px;font-weight: bold;color: #fff;text-decoration: none;}
#ed span a:hover {color: #ff6;}
#ed span a strong {padding: 0 0 0 4px;}

/*contents*/
#l h2 {color: #E6AC00;border-bottom: 2px solid #ffbf00;font-size: 24px;font-style: italic;margin: 0px;padding: 5px 5px 0px;clear: both;font-weight: normal;}
#l p {clear: both;}
#l img {margin: 0 5px 5px 0;padding: 3px;background: #fff;border: 1px solid #e3e3e3;}
#f div {border-top: 2px solid #D2D5D5;border-bottom: 2px solid #D2D5D5;padding: 10px;text-align: center;}

/*generic form*/
form {margin: 0px;padding: 20px;}
form p {clear: both;}
form p label {text-align: right;float: left;width: 120px;padding: 4px;}
form p input, form p textarea {
border-top: 1px solid #999;
border-bottom: 1px solid #ccc;
border-left: 1px solid #999;
border-right: 1px solid #ccc;
background: #F7F7F7;
width: 280px;font: 11px "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;padding:2px;}

/*gallery*/
#gl {padding:20px;}

form p textarea {height: 200px;}
form span {display: block;padding-left: 134px;}
form span input {background:#0072AB;color:#fff;font-weight:bold;border: 1px solid #0072AB;border:none;border-left: 8px solid #EEBC51;}
form .errors {color:#f00;padding-left: 134px;}
form label.required {color: #f00;}


/*right menu*/
#sm {background: url(sm2.gif) no-repeat left bottom;}
#sm ul {margin: 0px;padding: 20px;background: url(sm1.gif) no-repeat;list-style: none;}
#sm li {padding-bottom: 1px;background: url(smdot.gif) repeat-x left bottom;}
#sm ul li a {padding: 4px 6px;display: block;font-size: 11px;font-weight: bold;}
#sm ul li a:hover {background: #E9F1F5;}
#sm ul .sel a, #sm ul .sel a:hover {background: #fff;text-decoration:none;font-size: 14px;color: #183C58;}

/*videos*/
.vid {text-align:center;border:4px solid #DBE9EF;padding:16px;margin-top:10px;}

/*lightbox*/
#lightbox{background-color:#fff;padding: 10px;}
#lightboxDetails{font-size: 0.8em;padding-top: 0.4em;}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right;}
kbd {font-size:12px;padding:0 4px;}
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none;}
#lightbox a {padding:0px!important;margin:0px!important;}

#overlay{ background-image: url(lb/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.iseom.info/dev/noor/site-layout/lb/overlay.png", sizingMethod="scale");
	}