body {
	background-image: url(images/bgk.jpg);
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	margin-left: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	text-align: center;
}

a {
	color: #33659A;
	text-decoration: none;
}

#page {
	width: 900px;
	margin: 10px auto;
	padding: 0px;
	text-align: left;
}

#haut {
	background-color: #ffffff;
	border: 1px solid #16426c;
	border-bottom: none;
	margin: 0px;
	padding: 0px;
}

#haut img, #haut p {
	border: 0px;
	margin: 0px;
	padding: 0px;
}

#menu {
	background-image: url('images/fond-menu.gif');
	height: 22px;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

#menu ul {
	border-left: 1px solid #16426c;	
	border-right: 1px solid #16426c;	
	margin: 0px;
	padding: 3px 0px;
}

#menu li {
	display: inline;
	width: 220px;
}

#menu a {
	color: #ffffff;
	font-weight: bold;
	margin: 0px 45px;
	padding: 3px 20px;
	text-align: center;
}

#menu a:hover, #menu a:focus, #navigation a:hover {
	color: #001a33;
}

#swf {
	border-left: 1px solid #16426c;
	border-right: 1px solid #16426c;
	float: left;
	width: 250px;
}

#milieu {
	background-color: #ffffff;
}

#contenu {
	background-color: #ffffff;
	border-right: 1px solid #16426c;
	float: right;
	width: 647px;
}

#navigation {
	border-bottom: 1px solid #16426c;
}

#navigation p {
	color: #33659A;
	margin: 10px 20px 0px;
	padding-bottom: 8px;
}

#accueil {
	background: url('images/conseil-expertise-formation.jpg') bottom right no-repeat;
	height: 318px;
	margin: 20px 0px 0px;
}

#accueil p {
	margin: 13px 80px 13px 20px;
}

#presentation {
	height: 308px;
	padding: 11px 20px 19px;
	overflow: auto;
}

#references {
	height: 308px;
	padding: 10px 50px 20px 20px;
	overflow: auto;
}

.reference_logo img {
	padding-right: 20px;
}

.reference {
	margin-top: 40px;
}

.reference_lien {
	margin-bottom: 0px;
	padding-bottom: 0px;
	text-align: right;
}

#presentation ul, #references ul {
	margin: 0px 8px 12px;
	padding-left: 5px;
}

#presentation li, #references li {
	list-style: url('images/flecheliste.gif');
}

#presentation p, #references p, #contacts p, #contact p {
	margin: 0px 0px 12px;
}

#contacts, #contact {
	height: 328px;
	padding: 10px 20px 0px;
}

#contacts form {
	margin-bottom: 8px;
}

#contacts table {
	border-collapse: collapse;
	font-size: 11px;
	margin-top: 1px;
	margin-bottom: 0px;
}

#contacts tr, #contacts td {
	border-collapse: collapse;
	height: 25px;
}

#contacts input {
	margin-bottom: 0px;
	margin-top: 0px;
}

#contact table {
	border-collapse: collapse;
	font-size: 11px;
	margin-top: 26px;
}

#formulaire_envoyer {
	background-image: url('images/envoyer.gif');
	border: none;
	cursor: pointer;
	height: 16px;
	width: 86px;
}

.info, .erreur {
	text-align: center;
	margin: 0px 25px 0px 10px;
}

.info p {
	border: 1px solid #6699cc;
	padding: 5px;
}

.erreur p {
	border: 1px solid #ff0000;
	padding: 5px;
}

#bas {
	background: url('images/bas.gif') no-repeat;
	clear: both;
	text-align: right;
	border-top: 1px solid #16426c;
}

#bas p {
	margin: 0px 0px 9px;
}

#copyright {
	color: #ffffff;
	padding: 2px 0px;
	text-align: center;
}

#valid_xhtml, #valid_css {
	float: left;
	margin: 4px 10px 0px 0px;
}

img {
	border: none;
}

.collehaut{
	margin-top: 0px;
}

.clear {
	margin: 0px;
	padding: 0px;
	clear: both;
}

a img.mail_contact {
	background-image: url('images/mail-alcibiade-01.gif');
}

a:hover img.mail_contact {
	background-image: url('images/mail-alcibiade-02.gif');
}

a img.mail_eric {
	background-image: url('images/mail-eric-01.gif');
}

a:hover img.mail_eric {
	background-image: url('images/mail-eric-02.gif');
}

a img.mail_recrutement {
	background-image: url('images/mail-recrutement-01.gif');
}

a:hover img.mail_recrutement {
	background-image: url('images/mail-recrutement-02.gif');
}

.input  {  
	border: 1px solid #000000; 
	font-family: verdana;
	font-size: 11px;
	}

#infos a {
	color: #000000;
}

#infos  a:hover, #infos  a:focus {
	color: #33659A;
}

.bleu {
	color: #33659a;
}