/*****************************************************************************
 *
 * MHB
 * Feuille de styles principale
 *
 * Fichier "style.css":
 *
 * Auteur               : Renaud Delcoigne
 * Date de creation     : 27/03/2009
 *
 * @copyright (c) 2009 Djinks SARL. Tous droits réservés.
 * @version 0.21
 * @since 02/03/2007 18:15
 *****************************************************************************/

/* General */

html, body {
	margin:0;
	padding:0
	background-color: #FF0000;
}

body{
	text-align: center;
	font-size: 62.5%;
	font-family: "Trebuchet MS", Arial, sans-serif;
	background: #69AABF url(../img/fd_body.gif) repeat-y center center	

}

#container {
	width: 980px;
	margin: 0 auto;
	padding: 0;
	text-align:left;
	background:#fff url(../img/fd_container.gif) repeat-y top center;
}

#wrapper {
	float: left;
	/*width: 100%;*/
/*	background:#D7E8EF url(../img/fd_nav.png) repeat-x bottom left;*/
}

#header {
  float:left;
}

#content {
	margin: 0 0 0 223px;

}

#navigation {
	float: left;
	width: 223px;
	margin-left: -980px;
	background:transparent url(../img/queue_souris.jpg) no-repeat top left;
	min-height: 37px;
}

#extra {
	float: left;
	width:172px;
	margin-left: -172px;
}

#footer {
	clear: left;
	/*width: 100%;*/
}

form { margin: 0 }

.cleaner {
	clear: both;
	height: 1px;
	font-size: 1px;
	border: none;
	margin: 0;
	padding: 0;p
	/*background: transparent;*/
	visibility:hidden;
}

.clear {
  background:#daf5ff;
	visibility:hidden;
}

/* Contenu */
/* ************************************************************************ */
#content {}

#header h1 {
	/*float: left;
	display: block;

	background: url(../img/pezon_et_michel.jpg) no-repeat;
	margin: 0 .3em 0 0;
	padding: 0;
	*/
}

#header h1 a img {
border:0;
}

#topnav {
	list-style-type: none;
	padding: 0;
	margin: -22px 0 0 -293px;
	text-align:center;
	position:relative;
	left:50%;
	width:586px;
	
}


#topnav li {
	display: inline;
		float:left;
	display:block;
	width:117px;
	background: url("../img/onglet.gif") no-repeat bottom center;
	padding-left: 0;
	font-size: 1.4em;
	font-weight: bold;
}

#topnav    li.premier, 
#bottomnav li.premier {
	padding-left: 0px;
}
#topnav li a {
	color: #FFFFFF;
	text-decoration: none;
}


#topnav li a:hover {
	color: #FF9900;
	text-decoration: none;
	padding-bottom: 1px;
	/*border-bottom: 3px solid #235370;
	background:#6E4E1D;*/
}

#page {
	clear: left;
	width: 757px;
	/*background-color:#FFF;*/
}

/* Les pages */
/* ************************************************************************ */

#page h2 {
	font-size: 2.4em;
	color: #235370;
	padding: 0;
	margin: 0;
}

#page h3 {
	font-size: 1.8em;
	color: #FFF;
	font-weight: normal;
	padding: .15em 0 1.2em 0;
	margin: 0;
}
#page h4 {
	font-size: 1.6em;
	margin: 0;
	padding: 0 0 .4em 0;
	background: url(../img/fd_h4.gif) no-repeat 8.4em 1.3em;
}
#page h5 {
	font-size: 1.6em;
}
#page h5 a {
	color: #235370;
}
#page h5 a:hover {
	color: #000;
}

	.nouveaute {
		font-size: .6em;
		color: red;
	}
	
.nouvelle-ref {
	font-size: .9em;
	color: red;
}

#page p {
	font-size: 1.2em;
}

.curseur {
	margin: 1.2em 0;
	color: #333;
	clear:left;
	text-align:center;
	
}
.curseur span {
	font-size: 1.6em;
	color: #F60;
}
.curseur a {
	font-weight: bold;
	color: #000;
	text-decoration: none;
}
.curseur a:hover {
	color: #235370;
	text-decoration: none;
}

/* L'index */
#page-index {
	padding:0;
	min-height: 500px;	
	float: left;
	overflow: hidden;
}

#index-col-news {
	width: 180px;
	height: 320px;
	padding: 50px 1px 10px 5px;
	font-size: 1em;
	float: right;
	background:#c8dee6 url("../img/news.gif") no-repeat  center top;
	
}
#index-col-news p {
	font-size: 1.1em;
	line-height: 1.6em;
	padding: 0;
	margin: 0;
}

.index-news-img img {
	margin: 6px 0;
}
.index-news-auteur {
	clear: both;
}
.index-news-auteur span {
	font-weight: bold;
	color: #000;
	background: url(../img/puce_news.gif) no-repeat 0 .15em;
	padding-left: 1.2em;
}

.index-news-auteur a {
	font-weight: bold;
	color:#235370;
	text-decoration: none;
}
.index-news-auteur a:hover {
	color: #000;
	text-decoration: underline;
}

#index-col-news .index-news-titre {
font-size:1.6em;
text-align:center;

	border-bottom:1px dotted #235370;
}

.index-news-titre a {
	color:#235370;
	font-weight: bold;
		text-decoration: none;
}

.index-news-titre a:hover {
	color: #000;
	text-decoration: underline;
}

.index-news-resume {
	color: #555;
}

#index-col-blocs {
	float: right; /* pourquoi flotter ? */
}

#bloc-3 {
	width:416px;
	float:right;
	background-position:9px top;
	background-repeat:no-repeat;
	color: #00507d;
}

#bloc-3 ul {
	font-size:1.2em;
	padding: 10px 0px 0px 20px;
}

/* Resultats de recherche */
.article-breadcrumbs {
	color: #F60;
	margin: 0;
	padding: 0;
	font-size: 1em;
}
.article-resume .article-breadcrumbs a {
	color: #000;
	font-weight: bold;
	text-decoration: underline;
}
.article-resume .article-breadcrumbs a:hover {
	color: #666;
	text-decoration: underline;
}

/* Les categories */
#page-general, 
#page-news, 
#page-event, 
#page-eventscat, 
#page-bar, 
#page-ref, 
#page-cat, 
#page-resultats, 
#page-team, 
#page-faq, 
#page-tip, 
#page-tv,
#page-sitemap {
	overflow: hidden;

}
#page-index {
	width: 757px;
}

.breadcrumbs {
	color: #000;
	margin: 0 0 1em 0;
	font-size: 1.2em;
}
.breadcrumbs a {
	color: #333;
	text-decoration: underline;
}
.breadcrumbs a:hover {
	color: #235370;
	text-decoration: underline;
}
#cat-filles ul {
	font-size: 1.3em;
	line-height: 1.8em;
	padding-left: 1.2em;
}
#cat-filles ul li a {
	color: #333;
	font-weight: bold;
	text-decoration: none;
}
#cat-filles ul li a:hover {
	color: #235370;
	text-decoration: underline;
}

.article-bloc {
	width: 100%;
	float: left;
	margin: 0;
}
.article-photo {
	float: left;
	padding: .8em;
	height: 128px;
	width: 128px;
	text-align: center;
}
.article-resume {
	color: #666;
}
.article-resume a {
	color: #235370;
	text-decoration: none;
	font-weight: bold;
}
.article-resume a:hover {
	color: #000;
	text-decoration: underline;
}
.article-accroche {
	background: url(../img/fd_desc.gif) no-repeat 11em 0;
	padding: .4em 0;
}

/* Fiche d'un article de base */
.article-desc {
	color: #333;
	font-size: 1.1em;
	line-height: 2em;
}
.article-desc p {
}

#tab-ref {
	clear: both;
	border-left: 1px solid #e7e7e7;
	border-right: 1px solid #e7e7e7;
}
#tab-ref .tr-a { background-color: #E7FCFC; }
#tab-ref .tr-b { background-color: #C4E3EF; }
#tab-ref th {
	color: #666;
	text-align: left;
	font-size: 1.1em;
	background: url(../img/fd_th_full.gif);
	height: 34px;
	padding-left: .6em;
	padding-right: .3em;
}
#tab-ref .header {
	background-position: 0 -34px;
	padding-left: 1.6em;
}
#tab-ref .headerSortUp {
	background: url(../img/fd_th_full.gif) 0 -68px;
	padding-left: 1.6em;
}
#tab-ref .headerSortDown {
	background: url(../img/fd_th_full.gif) 0 -102px;
	padding-left: 1.6em;
}
#tab-ref td {
	color: #000;
	font-size: 1.1em;
	padding: .6em;
	text-align: center;
	border-bottom: 1px solid #A8D9E2;
}
#tab-ref a {
	color: #204C68;
	text-decoration: underline;
	font-weight: bold;
}
#tab-ref a:hover {
	color: #000;
	text-decoration: underline;
}
.tab-videos th {
	padding: 3em;
}

.video-resume {
	color: #444;
}
.video-details {
	color: #888;
}

/* Une r?f?rence */
#ref-caracs {
	font-size: 1.2em;
}
#ref-caracs ul {
	padding: .8em 3em;
}

/* La team */
.team-membre {
	float: left;
	margin: 0 12px 0 12px;
	padding: 0;
	height: 190px;
}

.team-membre th {
	text-align: center;
	background: #CCFBFF url(../img/fd_team_trombi_photo.gif) no-repeat;
}
.team-membre td {
	text-align: center;
	background: #86b1c0 url(../img/fd_team_trombi_nom.gif) no-repeat bottom left;
}
.team-membre td a {	
	color: #fff;
	font-size: 1.1em;
	font-weight: bold;
	text-decoration: none;
}
.team-membre td a:hover {
	color: #fff;
	text-decoration: underline;
}
.team-membre span {	
	color: #99E1FF;
}

/* Un membre de la team */
.section {
	float: left;
	width: 528px;
	padding: 0 1.4em;
	margin-top: 2em;
	font-size: 1.2em;
	background: url(../img/fd_section.gif) no-repeat;
}
#membre-portrait {
	float: right;
	margin: 3.8em .2em 0 0;
}
#membre-infos ul {
	list-style-type: none;
}
#membre-infos ul ul{
	margin-left:30px;
	list-style:square;
}
.tab-videos th, 
.tab-galerie td {
	background: url(../img/fd_apercu.gif) no-repeat center center;
}

/* Cat?gorie d'actualit?s */
#page-eventscat h3 {
	font-size: 2.2em;
	margin: 0;
	padding: 0;
}
#page-eventscat h3 a {
	color: #94b0d9;
	text-decoration: none;
}
#page-eventscat h3 a:hover {
	color: #000;
}
.eventscat-auteur {
	color: #333;
	font-weight: bold;
	padding: 0;
	margin: 0;
}
.eventscat-resume a, 
.eventscat-auteur a {
	color: #235370;
	text-decoration: none;
}
.eventscat-resume a:hover, 
.eventscat-auteur a:hover {
	color: #000;
}
.eventscat-resume {
	color: #666;
	line-height: 1.9em;
	padding-bottom: 2em;
	margin: 0;
}
.eventscat-resume img {
	padding: .4em .8em 0 0;
}

/* Actualit? */
#page-event h3, 
#page-ref h3 {
	color: #235370;
	font-size: 1.6em;
	padding: .6em 0 .1em 0;
}
#event-auteur {
	text-align: center;
}
#event-auteur a {
	color: #235370;
	font-size: 1.1em;
	font-weight: bold;
	text-decoration: none;
}
#event-auteur a:hover {
	color: #235370;
	text-decoration: underline;
}
#meme-rubrique, 
#meme-auteur {
	font-size: 1.1em;
}
#meme-rubrique {	
	width: 48%;
	float: left;
	border-right: 1px solid #ccc;
}
#meme-auteur {
	width: 48%;
	float: right;
}

/* FAQ et conseils */
.tab_liens {
	font-size: 1.1em;
	padding: .8em 0;
	margin: .8em 0;
}
.tab_liens a {
	color: #235370;
	text-decoration: none;
}
.tab_liens a:hover {
	color: #235370;
	text-decoration: underline;
}
.tdsep {
	border-right: 1px solid #ccc;
}

/* Page simple de contenu */
#page-general #general-surtitre {
	color: #666;
	font-size: 1.4em;
	padding-bottom: .3em;
}
#page-general #general-soustitre {
	color: #333;
	font-size: 1.2em;
}
#page-general #general-chapo {
	color: #000;
	font-weight: bold;
	font-size: 1.3em;
	border-left: 3px solid #235370;
	padding: .6em;
	margin: .6em;
}
#page-general #general-desc {
	color: #333;
	line-height: 2.2em;
}
#page-general #general-desc h4 {
	background: #fff;
	color: #888;
	margin: 1.2em 0 .2em 0;
}
#page-general #general-desc p {
	margin-bottom: 1em;
}

/*
================================================
	Formualire de contact
================================================
*/

div#contacts form fieldset {
	border: none;
	font-size:1.2em;
}

div#contacts h1 {
	font-size: 1.5em;
	margin: 20px 0;
	text-align:center;
	color: #235370;
}

div#contacts form {
	display: block;

	margin-left: 30px;
	margin-right: 30px;
}

div#contacts form dt {
	display: block;
	font-size: 1.2em;
	font-weight: bold;

	border-bottom: solid 1px #000033;
	clear:both;
	margin-bottom:10px;
	padding-top:20px;
}

div#contacts form dd {
	display: block;
	float:left;
	/*width: 452px;*/
	padding-top: 2px;
	margin-top: 8px;
}

div#contacts form select {
	width: 305px;
	border: 1px solid #808099;
}

div#contacts form label {
	float: left;
	width: 170px;
}

div#contacts form label.obligatoire {
	font-weight: bold;
}

div#contacts form input {
	width: 300px;
	height: 14px;
	padding: 2px;
	border: 1px solid #808099;
	background:#f5f5f5;
	margin-bottom: 3px;
}

div#contacts form span#message {
	display: block;
	margin-top: 5px;
	font-size: 1.1em;
	font-weight: bold;
	border-bottom: solid 1px #000033;
}

div#contacts form span.erreur {
	display: block;
	color: #ff3030;
	border: none;
	font-size: 1.3em;

}

div#contacts form textarea {
	display: block;
	width: 400px;
	height: 100px;
	margin: 10px auto 20px auto;
	border: 1px solid #808099;
}

#succes-message
{
	margin-top:230px;
	text-align:center;
	font-size:1.2em;
	color:#aaffaa;
}

div#contacts input.input_file {
	height: 20px;
}

div#contacts input.submit {
	display:block;
	height: 19px;
	width:400px;
	margin-left:auto;
	margin-right:auto;
	height: 30px;
	margin-top: 20px;
	padding: 0;
	font-weight:bold;
	cursor:hand;
}

/* Navigation gauche */
/* ************************************************************************ */
#navigation {	
}

#navigation h2 {
	float: left;
	width: 162px;
	height: 25px;
	padding: 6px 0 0 35px;
	margin: 0 0 1px 0;
	color: #fff;
	font-size: 1.4em;
	font-weight: bold;
}

#navigation h2 {
	width: 141px;
	background: #235370 url(../img/menu_g_fd_entete.gif) no-repeat;
}

#shortcutnav {
	padding: 0;
	margin: 0 0 0 2px;
	position: absolute;
	top: 153px;
/*	float: left;*/

}
#shortcutnav li {
	margin: 0 0.5em 0 0;
	padding: 0;
	list-style: none;
	height: 23px;
	width: 23px;
	display: block;
	float: left;
}
#shortcutnav li a {
	display: block;
	width: 23px;
	height: 23px;
	text-indent: -99999px;
	text-decoration: none;
}
#shortcutnav li.shortcut-home    { background-image: url(../img/shortcut_accueil.gif) }
#shortcutnav li.shortcut-contact { background-image: url(../img/shortcut_contact.gif) }
#shortcutnav li.shortcut-map     { background-image: url(../img/shortcut_plan.gif)    }

#searchform {
	float: left;
	font-size: 1em;
	padding: 1em 0 0 1em;
	margin-bottom: 13px;
}
#searchform input, 
#newsletterform input {
	font: 1em/1.2em Verdana, Arial, sans-serif;
}
#searchform label {
	color: #235370;
	font-size: 1.2em;
	font-weight: bold;
}
#searchform .query {
	width: 110px;
}

.tabcat {
	float: left;
}

/* News - Team - Conseils - Faqs - Videos - Publicites */
#tvnav, 
#faqnav, 
#conseilnav, 
#teamnav, 
#newscatnav, 
#brefnav,
#menu-right-nav, 
#menu-left-nav {
/*	float: left;*/
	width: 172px;
	list-style-type: none;
	padding: 0;
	margin: 60px 0 0 0;

}

#pubnav {
	text-align: center;
	/*float: left;
	list-style-type: none;*/
	margin: 0;
	padding: 0;

}

#pubnav div a img {
	border:0;
	margin: 60px 0 20px 0;
}

#tvnav li, 
#faqnav li, 
#conseilnav li, 
#brefnav li,
#teamnav li, 
#newscatnav li, 
#menu-right-nav li, 
#menu-left-nav li {
	padding: 0.5em 5px 0.3em 20px;
	margin: 0 0 1px 0;
	font-size: 1.1em;
}

#pubnav div{
	font-size: 1.1em;
	display: inline;
/*	float:left;*/
	margin: 0px 0px 0px 14px;
	padding-top: 0px;

}

#newsletternav, 
#newscatnav li, 
#teamnav li, 
#menu-left-nav li {
/*	background: #CCFBFF url(../img/menu_g_fd_item.gif) repeat-y;*/
	width:135px;
}

#tvnav li a, 
#faqnav li a, 
#pubnav li a, 
#conseilnav li a, 
#brefnav li a,
#teamnav li a, 
#newscatnav li a, 
#menu-right-nav li a, 
#menu-left-nav li a {
	color: #333;
	text-decoration: none;
}
#tvnav li a:hover, 
#faqnav li a:hover, 
#brefnav li a:hover,
#pubnav li a:hover, 
#conseilnav li a:hover, 
#teamnav li a:hover, 
#newscatnav li a:hover, 
#menu-right-nav li a:hover, 
#menu-left-nav li a:hover {
	color: #235370;
	text-decoration: underline;
}

.biglink { font-weight: bold }

/* Navigation droite */
/* ************************************************************************ */
#extra {	
	/*background: url(../img/deco_d.jpg) no-repeat;
	border-top:1px solid red;
	*/
}

#extra h2 {
	background-color: #004B66;
	font-size: 1.3em;
	color: #FFF;
	font-weight: bold;
	padding: 4px 0;
	margin-top: 10px;
	width:172px;
	text-align:center;
}


#langnav {
	float: left;
	width: 172px;
	height: 40px;
	padding: 0;
	margin: 0;
	background: url(../img/fd_langues.gif) repeat-y top left;
}
#langnav li {
	margin: 1.5em 0 0 2.2em; /* margin-top : 1.6em pour 2 lignes (+ de 4 langues) */
	padding: 0;
	list-style: none;
	display: inline;
	float: left;
	background-repeat: no-repeat;
}
#langnav li a {
	display: block;
	width: 16px;
	height: 11px;
	text-indent: -99999px;
	font-size: .3em;
	float: left;
	text-decoration: none;
}
#langnav li.lang-fr { background-image: url(../img/flags/fr.gif) }
#langnav li.lang-en { background-image: url(../img/flags/en.gif) }
#langnav li.lang-de { background-image: url(../img/flags/de.gif) }
#langnav li.lang-es { background-image: url(../img/flags/es.gif) }
#langnav li.lang-it { background-image: url(../img/flags/it.gif) }
#langnav li.lang-nl { background-image: url(../img/flags/nl.gif) }

/* VIP - Newsletter - Conseils - FAQs - Vid?os */
#tvpick-apercu img {
	margin: 1em 0;
}
#tvpick-resume {
	background: #bed9af url(../img/menu_d_fd_tvpick.gif) repeat-y;	
	color: #666;
	padding: .6em 1em;
	font-size: 1.1em;
}
#tvpick-resume a {
	font-weight: bold;
	color: #333;
	font-size: 1.2em;
	text-decoration: none;
}
#tvpick-resume a:hover {
	text-decoration: underline;
}

#tvpick-apercu, 
#tvnav li, 
#conseilnav li, 
#faqnav li, 
#menu-right-nav li {
/*	background: #CCFBFF url(../img/menu_d_fd_item.gif) repeat-y;*/
}

#newsletternav {
	float: left;
	width: 176px;
}
#newsletternav p {
	font-size: 1.1em;
	color: #666;
	padding: 0 10px;
	margin: .7em 0;
}
#newsletterform {
	float: left;
	text-align: center;
	font-size: 1em;
}
#newsletterform label {
	color: #235370;
	font-size: 1.2em;
	font-weight: bold;
}
#newsletterform .email {
	width: 150px;
	margin-bottom: .3em;
}
/* ------------- sitemap ---------------- */

#page-sitemap h2 {
margin-top:12px;
}

#page-sitemap ul {
	font-size:1.2em;
	margin:0 10px 0 0;
	list-style:none none;
	line-height:1.3em;
}

#page-sitemap ul ul { list-style:none none;
	border-left:1px dotted #ccc;
}

#page-sitemap ul ul {font-size:1em;}

#page-sitemap ul ul li {
	margin:2px 0px 2px 0px;
	/*background:url(../img/site_map_ligne.gif) no-repeat 0px 6px;*/
	padding-left:45px;
}

#page-sitemap li a
{
	color:#235370;
}

#page-sitemap a.article-sitemap
{
	color:#000;
	font-weight:bold;
}

/* Affichage d'icones */
/* ************************************************************************ */
.ico-contact {
	background: url(../img/email.gif) no-repeat 0 .4em;
	padding-left: 1.3em;
	line-height: 1.6em;
}
.ico-contact a {
	font-size: 11px;
	color: #235370;
	font-weight: bold;
	text-decoration: none;
}
.ico-contact a:hover {
	color: #666;
	text-decoration: underline;
}
.ico-retour {
	float: left;
	background: url(../img/back.gif) no-repeat 0 .1em;
	margin: 2em 0;
	padding-left: 1.6em;
}
.ico-retour a {
	color: #235370;
	font-weight: bold;
	text-decoration: none;
}
.ico-retour a:hover {
	color: #666;
	text-decoration: underline;
}
.ico-actu {
	background: url(../img/puce_news.gif) no-repeat 0 .8em;
	margin: 0;
	padding: .6em 0 .6em 1.1em;
}
.ico-actu b {
	color: #94b0d9;
	font-size: .9em;
}
.ico-actu a {
	color: #000;
	font-size: .9em;
	font-weight: bold;
	text-decoration: none;
}
.ico-actu a:hover {
	color: #777;
	text-decoration: none;
}
#index-col-news .ico-actu-index-up, 
#index-col-news .ico-actu-index-down {
	margin: .8em 0;
	/*padding: 13px;*/
	text-align:center;
}
/*
#index-col-news .ico-actu-index-up {
	background: url(../img/puce_news_index_up.gif) no-repeat 0 0;
}

#index-col-news .ico-actu-index-down {
	background: url(../img/puce_news_index_down.gif) no-repeat 0 0;
}*/

#index-col-news .ico-actu-index-up a, 
#index-col-news .ico-actu-index-down a {
	color: #C4E3EF;
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
	
	display:block;
	width:100%;

}

#index-col-news .ico-actu-index-up a:hover, 
#index-col-news .ico-actu-index-down a:hover {
	color: #000;
	text-decoration: none;
}


/* voir si pas de bord pour toute les images avec lien */
#index-col-news .ico-actu-index-up a:hover img, 
#index-col-news .ico-actu-index-down a:hover img,
#index-col-news .ico-actu-index-up a img, 
#index-col-news .ico-actu-index-down a img {
border:0;
}

#erreur-message {
	background: #f00;
	color: #fff;
	padding: .5em;
	margin: 2em;
	font-weight: bold;
	text-align:center;
}
#succes-message {
	background: #0A2;
	color: #fff;
	padding: .5em;
	margin: 2em;
	font-weight: bold;
		text-align:center;
}

#avertissement-message {
	color: #000;
	padding: 5px;
	margin: 5px 0;
	font-weight: bold;
	background:  #fcc;
	text-align:center;
}

.section_inscription {
	float:left;
	margin-bottom: 15px;
	padding: 10px;
	width: 530px;
}

.filariane {
	margin: 20px 0 0 10px;;
}

.filariane td {
	padding: 0 4px;
	color: #777777;
	text-align: center;
	cursor: pointer;
}

.etape_precedente {
	float:left;
	font-weight: bold;
	cursor: pointer;
	margin: 20px 20px 0 0;
	background-color: #EEEEEE;
	border-color: #BBBBBB #888888 #888888 #BBBBBB;
	border-style: solid;
	border-width: 1px;
	padding: 5px 8px;
	color: #333333;
}
.etape_suivante {
	float:right;
	font-weight: bold;
	cursor: pointer;
	margin: 20px 20px 0 0;
	background-color: #EEEEEE;
	border-color: #BBBBBB #888888 #888888 #BBBBBB;
	border-style: solid;
	border-width: 1px;
	padding: 5px 8px;
	color: #333333;
}


.etape_precedente:hover, .etape_suivante:hover{
	background-color: #F8F8F8;
	color: #000000;

}


/* Pied de page */
/* ************************************************************************ */
#footer {
	background: #db126a url(../img/fd_pied_de_page.png) no-repeat scroll top left;
	text-align: center;
}

#footer a {
	color: #235370;
	font-weight: bold;
	text-decoration: none;
}
#footer a:hover {
	color: #FF9900;
	text-decoration: underline;
}

#copyright {
	color: #777;
	font-size: 1.1em;
	margin: .3em 0;
	padding: 0;
}

#bottomnav {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
#bottomnav li {
	display: inline;
	background: url(../img/puce_nav.gif) no-repeat .5em .5em;
	padding-left: 1em;
	font-size: 1.1em;
}