body,
html{
	margin:0;
	padding:0;
}
body
{
	min-width:1100px; /* Prevent content from becoming unreachable in Gecko */
}
a:link, a:visited, a:hover, a:active { outline:none } 

/* position:absolute for all browsers - the whole page scrolls */
div#headerwrap {
	position:relative;
	width:100%;
	top:0;
	left:0;
	height:46px;
	z-index: 999;
}
/* position:fixed for modern browsers - header and footer do not scroll */
body>div#headerwrap {
	position:relative;
}
div#header {
	height:46px;
	width:1140px; /*720*/
	margin:0 auto;
}
/* set a left margin to compensate for IE/Win always making room for a scrollbar */
div#middlewrap {
/* set left margin and bottom padding for IE5/Win */
	padding:0px 0 0 0;
/*	padding:46px 0 0 0;*/
	/*padding-left:20px;*/
	margin-left:0;
/* set left margin and bottom padding for others */
	voice-family: "\"}\""; 
	voice-family:inherit;
	margin-left:16px;
/*	padding-bottom:5px; */
}
/* set left margin for modern browsers */
body>div#middlewrap {
	margin-left:0;
}
div#middle {
	width:1110px; /*720*/
	margin:0 auto;
}
div#sidebar {
	width:175px;
	float:left;
}
div#content {
	padding:20px;
	margin-left:180px;
	width:890px;
}
/* no positioning for IE5/Win - the whole page scrolls */
div#footerwrap {
	width:100%;
	position:relative;
	bottom:0;
	left:0;
	height:46px;/*46*/
}
body>div#footerwrap {
	position:relative;
}
div#footer {
	height:46px;/*46*/ 
	width:1140px; /*720*/
	margin:0 auto;
}

/* Styling rules to make this demo page look nice. */
body,
html{
/*	font-family:"Trebuchet MS", Georgia, Verdana, serif;*/
	font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	color:#000;
	background:#aaa;
}


div#header,
div#footer {
    background:#4966A0 url(ddmenu/bg-blue.png) repeat-x 0 0;
	color:#eee;
    border:1px solid #336699;
	font-family:"Trebuchet MS", Georgia, Verdana, serif;
}

div#middle
{
	background:#fff; /* #DFF2FF*/ /* #77B5FE*/ /* #73C2FB */ 
	border-top:2px solid #4966A0;
	border-left:2px solid #4966A0;
	border-right:2px solid #4966A0;
	border-bottom:2px solid #4966A0;
	padding:5px;
	font: 0.9em arial;
}
div#sidebar,#sidebarRight
{
	background:#fff; /* #DFF2FF*/ /* #77B5FE*/ /* #73C2FB */
}

div#content 
{
	background-color:rgb(221,221,221);
	padding:20px;
}
h1,
h2 {
	margin:0;
}
div#sidebar,#sidebarRight h2 {
	padding-left:5px;
}
div#footer h2 {
	text-align:center;
	padding:0;
	margin:0;
}
div #footer p {
	margin:0;
	padding:0;
	text-align:center;
}
div#footer a {
	color:#fff;
}

h2 {
	font-size:1.2em;
	padding-top:1em;
	margin-top:0;
}
p {
	margin-bottom:0;
	font-size:0.8em;
	line-height:1.4em;
}
pre {
	font-size:0.9em;
	line-height:1.4em;
}
ul {
	font-size:0.8em;
	line-height:1.4em;
}
.adwrap,
.adwrap iframe {
	width:300px;
	height:250px;
}
.adwrap {
	float:left;
	margin:1em 10px 0 0;
}





#form_container
{
	background:#fff;
	
	/*margin:0 auto;*/
	margin-left:5px;
	text-align:left;
	width:95%;/* 740*/
	border:1px solid #404040;
}

#top
{
	display:block;
	height:10px;
	/*margin:10px auto 0;*/
	width:96%;/*750*/
}

#bottom
{
	display:block;
	height:10px;
	/*margin:0 auto;*/
	width:96%;/*750*/
}


#middle h1
{
	text-align:center;
	width:550px;
	border:3px double #0077dd;
	padding:5px;
	background-color:#0077dd;
	color:#eee;
	font-size:small;
	text-align:left;
}


form hr
{
	display:none;
}
hr
{
	color:#0077dd;
}
/* POUR LE CADRE DU MILLIEU - GRAND TABLEAU */
#middle table
{
	border-collapse: collapse;
	padding:2px;
	font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	border:1px solid #0077dd;
	background-color:#fff;
	/*font-family: Verdana, sans-serif,Arial, "Arial", Times, "Times New Roman", serif;*/
	vertical-align:middle;
}
 
#middle table caption.TabTitre
{
	margin: auto;
	font-size: 13px;
	color:#000;
	background-color:#FDFDFD; /*#E5E5DA */
	line-height: 25px;
    border:1px outset black; 
	border:0px solid #c0c0c0; 
}
#middle table caption.TabTitreR
{
	margin: auto;
	font-size: 13px;
	color:rgb(64,64,64);
	background-color:rgb(237,237,237);
	line-height: 25px;
    border:1px outset black; 
	border:0px solid #c0c0c0;
	font-weight:bold;
border-left:1px solid rgb(217,217,217);
border-right:1px solid rgb(217,217,217);
}

#middle table th.TabEntete
{
	text-align:center;
	background:rgb(139,190,237);
	color:#202020;
	font-size:12px;
	height:25px;
	border:0px;
	white-space:nowrap;
}
 
#middle table td 
{
	border:1px solid #c0c0c0;
	/*border:1px solid #A0A0A0;*/
	font-size: 12px;
	text-align: center;
	padding:0px;
	height:14px; 
	vertical-align:middle;
	/*border-left:1px solid rgb(217,217,217);*/
}
#middle table td.SelCol 
{
	font-weight:bold;
}
#middle table td a
{
	color: #0077dd;
	text-decoration:none;
}

#middle a
{
	color: #0077dd;
	text-decoration:none;
}
#middle a:hover
{
	border-bottom:1px solid #0077dd;
	text-decoration: none;
	background-color:#0077dd;
	color:white;
}
#sidebar a:hover
{
	border-bottom:1px solid #0077dd;
	text-decoration: none;
	background-color:#0077dd;
	color:white;
}
#TabHover a:hover
{
	background:#0077dd;
	color:white;
}
#middle table tr.rowA2
{
	background: #E4E4E4;
	color: inherit;
	text-align:center;
	font-size: 12px;
	line-height: 14px;
}
#middle table tr.rowB2
{
	background: #FCFCFC;
	color: inherit;
	text-align:center;
	font-size: 12px;
	line-height: 14px;
}
#middle table tr.rowA2H
{
	background: #E4E4E4;
	color: inherit;
	text-align:center;
	font-size: 12px;
	line-height: 14px;
	height:50px;
}
#middle table tr.rowB2H
{
	background: #FCFCFC;
	color: inherit;
	text-align:center;
	font-size: 12px;
	line-height: 14px;
	height:50px;
}

/*td:hover { background: #FCF; }*/

#divConteneurTable
{
	position: relative;
	min-height:242px;
	height:242px;
	min-width:100%;
	width:100%;
	overflow:auto;
	border:0px;
}

#middle select
{
	border:1px solid #e0e0e0;
	/*border:0px solid #c0c0c0; */
	height:22px;
	/*width:100%;*/
	font-size:12px;
	font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
}

#middle input[type="text"]
{
	border:1px solid #e0e0e0;
	height:18px;
	/*width:90%;*/
	font-size:12px;
	font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	text-align:center;
}
#middle input[type="submit"]
{
	height:35px;
	font-size:18px;
	/*width:90%;*/
	font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
}



div.pushpin { 
   position: relative; 
   padding: 10px; 
   background: #e1f2da; 
   border: 1px solid #CCC; 
} 
div.pushpin:before { 
   content: url(pushpin/pushpin.png); 
   position: absolute; 
   right: -25px; 
   top: -10px; 
}
.sticky:before { 
   content: url(pushpin/sticky.png); 
   position: absolute; 
   right: -10px; 
   top: 1px; 
}


 
a.tooltip {outline:none; }
a.tooltip strong {line-height:30px;}
a.tooltip:hover {text-decoration:none;} 
a.tooltip span {
    z-index:10;display:none; padding:14px 20px;
    margin-top:-30px; margin-left:28px;
    width:240px; line-height:16px;
}
a.tooltip:hover span{
    display:inline; position:absolute; color:#111;
    border:1px solid #DCA; background:#fffAF0;}
.callout {z-index:20;position:absolute;top:30px;border:0;left:-12px;}
    
/*CSS3 extras*/
a.tooltip span
{
    border-radius:4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
        
    -moz-box-shadow: 5px 5px 8px #CCC;
    -webkit-box-shadow: 5px 5px 8px #CCC;
    box-shadow: 5px 5px 8px #CCC;
}
/*#footerwrap:hover
{
	height:46px;
}
#footer:hover
{
	height:46px;
}*/
<?php /*
a:link, a:visited, a:hover, a:active { outline:none } 
#middle a:link, a:visited, a:hover, a:active { outline:none } 
*/?>