body { 
	margin: 0px;
	font-family: Verdana, Arial, Sans-serif;
	font-size: 12px;
	text-align: center;
}
input, textarea {
	font-family: Verdana, Arial, Sans-serif;
	font-size: 12px;
}

a img { border: none; }

@media screen {
	#supercontainer { 
		margin: 5px;
		width: 750px;
		background-color: white;
		padding: 10px;
		border: 1px solid #E8E8E8;
		position: relative;
	}
	div {
		  page-break-before : always; 
	}
	ul li { background: white url('http://cv.adoy.net/images/bullet.gif') no-repeat 0px -2px; padding-left: 20px; list-style-type: none; }

	#infobar a, #infobar a:link, #infobar a:visited, #infobar a:active {
		display: block;
		color: #000000;
		width:100%;
		background: #FFFFE1 url('http://cv.adoy.net/images/page_white_acrobat.gif') no-repeat fixed .3em .3em;
		border-bottom: .16em outset;
		text-decoration: none;
		cursor: default;
		margin-bottom: 5px;
		text-align: left;
	}
	#infobar a:hover {
		color: #FFFFFF;
		background: #3169B6 url('http://cv.adoy.net/images/page_white_acrobat.gif') no-repeat fixed .3em .3em;
	}
	#infobar span {
		margin:0px;
		padding: .45em 0em .45em 26px;
		font-size:11px;
        display: block;
	}
	div.footer {
		display: block;
		text-align: center;
		color: #CCCCCC;
		font-size: 10px;
	}
	.footer img { margin-top: 5px; }
}

#supercontainer { 
	margin: 5px auto; 
	text-align: left; 
}

#coordonnees {
	float: left;
}

#age {
	text-align: right;
}

#poste {
	clear: both;
	color: #006897;
	text-align: center;
}

fieldset {
	margin: 5px 0;
	clear: both;
	border: 1px solid #E8E8E8;
	padding: 5px 15px;
}

legend {
	font-weight: bold;
	font-size: 18px;
	color: #F36D0C;
}

div h2 {
	color: #F36D0C;
	border-bottom: 1px solid #006897;
	font-size: 18px;
	font-weight: bold;
	margin-top: 20px;
	clear: both;
}

div.commentaire { 
	margin-top: 10px; font-style: italic; 
}

dl { margin: 10px 0px; padding: 0px; }
dl dt { font-weight: bold; color: #006897; }
.bold { font-weight: bold; }
.orange { color: #F36D0C; }
a { color: #F36D0C; }
a:hover { background-color: #F36D0C; color: white; }
div.site { margin-bottom: 10px; clear: both; }
ul { margin: 10px 0; padding: 0; list-style-type: circle; }
ul li { margin: 3px 0;  }
ul li { background: white url('http://cv.adoy.net/images/bullet.gif') no-repeat 0px -2px; padding-left: 20px; list-style-type: none; }
#infobar a { display: none; }
.sautdepage { page-break-before: always; }


/* TEST.PHP */
input, textarea { border: 1px solid white; }
.active, input:hover , textarea:hover { border: 1px solid #DDDDDD; }

div .h2 { color: #F36D0C; border-bottom: 1px solid #006897; font-size: 18px; font-weight: bold; margin-top: 20px; clear: both; width: 100%; }
dl dt .dt { font-weight: bold; color: #006897; }
.section { border-left: 10px solid white; padding-left: 10px; }
div:hover.section{ border-left: 10px solid #dddddd; }
.section input { width: 100%; }
#supercontainer .new { color: #dddddd; }
#supercontainer .section dl { border-left: 10px solid white; padding-left: 5px; }
#supercontainer .section dl:hover { border-left: 10px solid #dddddd; }
#indic { border: 2px dotted #006897; display: none; }
h1 input { font-size: 28px; color: #006897; width: 100%; text-align: center; font-weight: bold; }

#addsection, a.newelement { color: green; }
#addsection:hover, a.newelement:hover { background-color: white; }
#head input { width: 300px; }
#picture { position: absolute; top: 10px; right: 10px;
/*** FIXED ***/
body, html {
height: 100%;
margin: 0;
padding: 0;
}
html {
overflow: visible;
}
body {
overflow: auto;
}