/* General */

* { padding:0px; margin:0px; }

body {
	background-color:#343434;
	text-align:center;
	margin-bottom:20px;	
	font:11px Tahoma, Arial, Helvetica, sans-serif;		
}

#page {
	width:760px;
	margin:20px auto 0px auto;
	text-align:left;	
}

a {
	color:#0066CC;
	text-decoration:none;
}

a:hover {	
	text-decoration:underline;
}

a img {
	border:none;
}

.orange {
	color:#f38b1d;
}

.centrer {
	text-align:center;
}

/* Header */

#header {
	width:760px;
	height:192px;
	background:url(images/header.png) no-repeat;
}

/* Barre login */

#barre-login {
	width:715px;
	margin:18px 0px 0px 23px;
	float:left;
	display:inline;
	height:22px;	
	font:11px Tahoma, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}

#barre-login a {
	color:#f69600;
	text-decoration:none;	
}

#barre-login a:hover {
	color:#f69600;
	text-decoration:underline;	
}

#barre-login img {
	vertical-align:text-top;
}


.champ-barre-login {	
	background:url(images/fond-champ-barre-login.png) no-repeat;
	border:solid 1px #8f8f8f;
	margin-top:2px;
	font:11px Tahoma, Arial, Helvetica, sans-serif;	
}

.bouton-barre-login {
	font:9px Tahoma, Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;
	border:solid 1px #CCCCCC;
}

.texte-petit-barre-login {
	font:10px Tahoma, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	float:right;
	padding-top:3px;
}

/* blocs header */

#bloc1-header {
	float:left;
	display:inline;
	width:133px;
	height:81px;	
	margin:14px 0px 0px 466px;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;	
}

#bloc1-header a {
	color:#FFFFFF;
	text-decoration:none;
}

#bloc1-header a:hover {
	color:#FFFFFF;
	text-decoration:underline;
}

#bloc2-header {
	float:left;
	display:inline;
	width:77px;
	height:81px;	
	margin:14px 0px 0px 20px;
	font:11px Verdana, Arial, Helvetica, sans-serif;	
	color:#FFFFFF;
}

#bloc2-header a {
	color:#FFFFFF;
	text-decoration:none;
}

#bloc2-header a:hover {
	color:#FFFFFF;
	text-decoration:underline;
}

h4 {
	text-align:center;
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;	
	color:#f38b1d;
	padding-bottom:2px;
}

.texte-petit-blocs-header {
	font:10px Tahoma, Arial, Helvetica, sans-serif;
	color:#FFFFFF;	
	padding-top:12px;
	text-align:center;	
}

/* liens rapides header */

#barre-liens-header {
	float:left;
	width:750px;
	height:20px;
	margin-top:21px;
}

#barre-liens-header a {
	color:#656565;
	text-decoration:none;
}

#barre-liens-header a:hover {
	color:#4f4444;
	text-decoration:underline;
}

#barre-liens-header ul {
	list-style-type:none;
	font:bold 11px Tahoma, Arial, Helvetica, sans-serif;	
}

#barre-liens-header li#lien1 {
	display:inline;
	margin-left:49px;
}

#barre-liens-header li#lien2 {
	display:inline;
	margin-left:55px;
}

#barre-liens-header li#lien3 {
	display:inline;
	margin-left:49px;
}

#barre-liens-header li#lien4 {
	display:inline;
	margin-left:56px;
}

#barre-liens-header li#lien5 {
	display:inline;
	margin-left:56px;
}

#barre-liens-header li#lien6 {
	display:inline;
	margin-left:46px;
}

#barre-liens-header li#lien7 {
	display:inline;
	margin-left:56px;
}

/* Contenu */

#contenu {
	width:760px;
	background:url(images/fond-site.png) repeat-y;
	overflow:auto;
	padding-bottom:20px;
}

/* Menu */

#menu {	
	width:144px;
	float:left;
	display:inline;
	margin-left:15px;	
}

#menu a {
	text-decoration:none;	
	color:#f69600;
}

#menu a:hover {
	text-decoration:underline;	
	color:#f69600;
}

#menu ul{
	list-style-type:none;	
}

#menu li{	
	background:url(images/fond-liens-menu.png) no-repeat;			
	margin:1px 0px 1px 0px;	
	padding:2px 0px 3px 24px;	
}

.menu-titre {	
	border:solid 1px #bdbbbc;
	text-align:center;
	background:url(images/fond-titre.png) repeat-x;	
	height:18px;
	width:142px;
}

.menu-titre h3 {
	padding:3px 0px 2px 0px;;
	color:#646464;
	font:bold 11px Tahoma, Arial, Helvetica, sans-serif;
	background:url(images/icone-titre-menu.png) no-repeat 6px 2px;	
	width:142px;	
}

/* Corps */

#corps {
	width:577px;
	float:left;
	display:inline;
	margin-left:7px;
	color:#4b4242;	
}

.titre-bloc {
	background:url(images/fond-titre.png) repeat-x;
	border:solid 1px #bdbbbc;	
	height:18px;
	width:577px;	
}

.titre-bloc h2 {
	font:bold 11px Tahoma, Arial, Helvetica, sans-serif;
	padding:2px 0px 2px 10px;
	color:#464646;		
}

#offres {
	margin:10px 0px 0px 6px;
	width:578px;
	height:50px;
}

.titre-offre {	
	background:url(images/fond-titre.png) repeat-x;
	border:solid 1px #bdbbbc;	
	width:185px;		
	margin-bottom:5px;				
}

.titre-offre h2 {
	font:bold 11px Tahoma, Arial, Helvetica, sans-serif;
	text-align:center;
	padding:2px 0px 2px 0px;;
	color:#464646;		
}

.bloc-offre {
	width:187px;	
	float:left;
	display:inline;	
	margin-right:5px;
}

.bloc-offre img {
	margin-top:10px;
}

/* Footer */

#footer {
	width:760px;
	height:36px;
	background:url(images/footer.png) no-repeat;
}

#copyright {	
	float:left;
	display:inline;
	padding-top:5px;
	margin-left:10px;
	text-align:center;
	width:563px;
	font:11px Tahoma, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}

#grafik-system {
	float:left;
	display:inline;
	width:187px;
}