* { margin: 0; padding: 0; }
body {font: 14px Helvetica, Sans-Serif; } 
#page-wrap {margin:0 auto; position:relative; overflow:hidden; width:1000px;} 

#contenu {padding-top:50px;} /* le contenu commence a 49px en dessous du menu */
.clear {clear:both; height:1px; overflow:hidden;}
/* 
	LEVEL ONE
*/
ul.dropdown {
	background:url(../images/menu-en.gif) no-repeat;
	position:absolute;
	width:1000px;
	z-index:1000;
} 
ul.dropdown li { float: left; /*zoom: 1;*/ display:block;list-style: none;}

ul.dropdown li#i1a a {margin-left:164px; width:128px;}
ul.dropdown li#i1 a {width:92px;}
ul.dropdown li#i2 a {width:132px;}
ul.dropdown li#i3 a {width:165px;}
ul.dropdown li#i4 a {width:91px;}
ul.dropdown li#i5 a {width:80px;}

ul.dropdown li#i1a a:hover, ul.dropdown li#i1a.active {background:url(../images/menu-en.gif) no-repeat -1164px 0; margin-left:164px; width:128px;list-style: none;}

ul.dropdown li#i1 a:hover, ul.dropdown li#i1.active {background:url(../images/menu-en.gif) no-repeat -1292px 0; width:92px;}
ul.dropdown li#i2 a:hover, ul.dropdown li#i2.active {background:url(../images/menu-en.gif) no-repeat -1384px 0; width:132px;}
ul.dropdown li#i3 a:hover, ul.dropdown li#i3.active {background:url(../images/menu-en.gif) no-repeat -1516px 0; width:165px;}
ul.dropdown li#i4 a:hover, ul.dropdown li#i4.active {background:url(../images/menu-en.gif) no-repeat -1681px 0; width:91px;}
ul.dropdown li#i5 a:hover, ul.dropdown li#i5.active {background:url(../images/menu-en.gif) no-repeat -1772px 0; width:80px;}


ul.dropdown li a span {display:block; float:left; text-indent:-9000px;list-style: none;}
ul.dropdown ul.sub_menu li a span {text-indent:0px;}
ul.dropdown ul.sub_menu li a:hover {background:none !important;}

ul.dropdown ul.sub_menu li a {width:100% !important;}
ul.dropdown li a { display: block; padding:25px 0;} 
ul.dropdown li.hover, ul.dropdown li:hover { position: relative; }



/* 
	LEVEL TWO
*/

/* background avec transparence en image png, si utilise opacity en utilisant color le texte sera en opacity et je ne veux pas ca */
ul.dropdown ul { background:url(../images/bg.png) repeat; width: 1024px; visibility: hidden; position: absolute; top: 100%; left: 0; text-decoration: none;}
ul.dropdown ul li {background:url(../images/filet.gif) no-repeat left bottom; float: none;  text-decoration: none; padding-left:5px;}

ul.dropdown ul.sub_menu li span {background:none; padding-left:15px; text-decoration: none;} /* supprime carre gris sous-menu */

/* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a { border-right:none; display: inline-block; padding-top:0; width:100%; text-decoration: none;} 


ul.sub_menu li.active span {background:transparent url(../images/carre-vert.gif) no-repeat 0 5px !important; position:relative; color:#fff; text-decoration: none;}

ul.sub_menu li a {color:#cbcbcb !important; padding:5px 5px 5px 1px !important; text-decoration: none;} /* padding sous-menu a */
ul.sub_menu li a:hover {color:#97ce32 !important; text-decoration: none;}


#texte { 
position:absolute;
top:50px;
padding: 40px 40px 15px 40px ;
background-color:#FFFfff;
width: 380px;
-moz-opacity:.90;
opacity:.90;
filter:alpha(opacity=90);
margin-left:40px;
z-index:100;
}

#navreal { 
float:left;
width: 675px;
height: 40px;
background:url(../images/i/bg/bg-nav-projets.gif) no-repeat;
}

#comreal { 
float:left;
width: 325px;
height: 40px;
background:url(../images/i/bg/bg-nav-com.gif) no-repeat;

}

#contenureal {
clear:both;
width: 676px;
}


.vignettes { 
padding: 6px 0px 3px 5px;
border: 0;

}

.shim { 
padding: 6px 0px 6px 0px;
margin: 0px 1px 0px 0px;
border: 0;

}

.shimcentre { 
margin: 1px 0px 0 1px;
border: 0;

}

.shimdroit { 
margin: 1px 0px 0 1px;
border: 0;

}

#image {
width: 675px;
float: left;
}

#textereal { 
padding: 15px 35px 15px 35px ;
background-color:#FFFfff;
background:url(../images/i/bg/bg-txt-real.gif) no-repeat;
width: 255px;
float:left;
margin-top:-82px;
 text-decoration: none;
}

#footer {
	font-size: 12px;
	color: #000;
	text-align: center;
	line-height: 16px;
	 text-decoration: none;
}

ul.print {background:url(../images/i/nav-secondaire/filet.gif) no-repeat 0 1px; overflow:hidden; padding-left:3px;list-style: none;}
ul.print li {background:url(../images/i/nav-secondaire/filet.gif) no-repeat 100% 1px; float:left; padding-right:3px;}
ul.print li a {display:block; opacity:.80;}
ul.print li.imp a {background:url(../images/i/nav-secondaire/print-of.gif) no-repeat; height:35px; position:relative; width:40px;}
ul.print li.imp a:hover {background:url(../images/i/nav-secondaire/print-on.gif) no-repeat; height:35px; width:40px;}
ul.print li.imp a span {color: 993300; display:none; text-decoration:none; font-size: 13px;}
ul.print li.imp a:hover span {display:inline; padding:10px; overflow:auto; position:absolute; left:97px; top:0; width:300px; z-index:2;}

ul.print li.ami a {background:url(../images/i/nav-secondaire/mail-of.gif) no-repeat; height:35px; position:relative; width:40px;list-style: none;}
ul.print li.ami a:hover {background:url(../images/i/nav-secondaire/mail-on.gif) no-repeat; height:35px; width:40px;}
ul.print li.ami a span {
	color: #993300;
	display:none;
	text-decoration:none;
	font-size: 13px;
}
ul.print li.ami a:hover span {display:inline; padding:10px; overflow:auto; position:absolute; left:50px; top:0; width:300px; z-index:2;}

ul.print2 {overflow:hidden;list-style: none;}
ul.print2 li { float:right;}
ul.print2 li a {display:block;}
ul.print2 li.imp a {
	background:url(../images/i/nav-secondaire/real-print-of.gif) no-repeat;
	height:40px;
	position:relative;
	width:44px;
	margin-left: 1px;
}
ul.print2 li.imp a:hover {background:url(../images/i/nav-secondaire/real-print-on.gif) no-repeat; height:40px; width:44px;}
ul.print2 li.imp a span {
	color: #fff;
	display:none;
	text-decoration:none;
	font-size: 12px;
	margin: 3px 0px 0 0;
}
ul.print2 li.imp a:hover span {
	display:inline;
	padding:10px;
	position:absolute;
	left:-257px;
	top:0;
	width:180px;
	z-index:2;
}

ul.print2 li.ami a {background:url(../images/i/nav-secondaire/real-mail-of.gif) no-repeat; height:40px; position:relative; width:44px;list-style: none;}
ul.print2 li.ami a:hover {background:url(../images/i/nav-secondaire/real-mail-on.gif) no-repeat; height:40px; width:44px;}
ul.print2 li.ami a span {
	color: #fff;
	display:none;
	text-decoration:none;
	font-size: 12px;
	margin: 3px 0px 0 0;	
}
ul.print2 li.ami a:hover span {display:inline; padding:10px; position:absolute; left:-210px; top:0; width:180px; z-index:2;}


a.menu {
	padding: 3px 0px 3px 6px;;
	font-size: 13px;
	font-weight: bold;
}

a.menu:link { color: #99CC33;text-decoration: none;}
a.menu:visited {color: #99CC33;text-decoration: none;}
a.menu:active {
	color: #fff;
}

a.menu:hover {color: #fff;  text-decoration: none;}








h1 {
	color: #993300;
	font-size: 20px;
	font-weight: lighter;
	margin: 0px 0px 10px 0;
}


h2 {
	color: #000;
	font-size: 16px;
	font-weight: normal;
	margin: 0px 0px 10px 0;
}


h3 {
	color: #000;
	font-size: 15px;
	font-weight:  normal;
	margin: 0px 0px 10px 0;
}

h4 {
	color: #fff;
	text-decoration:none;
	font-size: 14px;
	margin: 3px 0px 0 20px;
	font-weight: lighter;
}

h5 {
	color: #000;
	font-size: 15px;
	font-weight:  normal;
	margin-bottom: -10px;
}



a:link { color: #000; text-decoration: none;}



a:active {color: #000; text-decoration: none;}
a:visited {color: #000; text-decoration: none;}
a:hover {color: #993300; text-decoration: none;}




ul.wide {
	  margin: 1em 0 1em 0;
}

ul.wide li {
	font-size: 13px;
	color: #444444;
	  margin-top: 4px;
	list-style: circle;
	line-height: 17px;
}

p {
	margin: 10px 0px;
	font-size: 13px;
	color: #444444;
	line-height: 17px;
}