/* +--------------------------------------------------------------------+ */
/* |							 RESET CSS								| */
/* +--------------------------------------------------------------------+ */
html, body, div, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, 
label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: black;
}
span { 	margin: 0; padding: 0; border: 0; } /* Doit être séparé du reste pour la prévisualisation des messages */

ol, ul { list-style-image: none; list-style-type: none; list-style-position:outside; }

select, input, label, textarea { 
	text-align: left; 
	vertical-align: middle; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: black;
	margin: 0;
	padding: 0;
}
textarea { overflow-y: auto; }
table { border-collapse: collapse; border-spacing: 0; }
th { white-space: nowrap; }
img { vertical-align: middle; }
a, a:hover { text-decoration: none; }


/* +--------------------------------------------------------------------+ */
/* |							    BODY								| */
/* +--------------------------------------------------------------------+ */
body { margin: 10px auto; background: #D7D7DC url(../images/general/body_fond.gif) 0 0 repeat-x; }
body, div#profil, div#selectionMode { width: 980px; }

.left { float: left; }
.right { float: right; }


/* +--------------------------------------------------------------------+ */
/* |							    HEADER								| */
/* +--------------------------------------------------------------------+ */
div#header { 
	background: white url(../images/general/header_fond.gif) 0 0 repeat-x; 
	height: 60px;
	margin-bottom: 10px;
	border: 1px solid white;
}
div#header a.logoFFT { display: block; background: transparent url(../images/general/header_logo_fft.gif) 0 0 no-repeat; height: 60px; width: 152px; margin: 0 10px; }
div#header #titreHeader { 
	float: left; 
	width: 634px;  /* = largeur body - (2 x 152) */
	text-align: center;  
	font-size: 16px;
	color: white;
	font-weight: bold;
	padding-top: 20px;
}


/* +--------------------------------------------------------------------+ */
/* |							    PROFIL								| */
/* +--------------------------------------------------------------------+ */
div#profil { margin: 0; padding: 0; }
div#profil div#profil_left, div#profil div#profil_right, div#profil div#profil_content { float: left; height: 30px; }
div#profil div#profil_left { background: transparent url(../images/general/profil_left.gif) 0 0 no-repeat; width: 9px; }
div#profil div#profil_right { background: transparent url(../images/general/profil_right.gif) 0 0 no-repeat; width: 9px; }
div#profil div#profil_content {
	/*background: transparent url(../images/general/profil_fond.gif) 0 0 repeat-x;*/
	background-color: black;
	color: white;
	font-weight: bold;
	width: 962px; /* = largeur body - (2 x 9) */
}
div#profil_content .left { color: white; margin: 7px 5px 0 5px; }
div#profil_content .right { color: white; margin: 5px 5px 0 5px; }
div#profil_content label { color: white; }

/* Lien affiché dans la page des LOGS TMA */
div#profil_content a, div#profil_content a:visited { color: white; margin-top: 2px; display: block; }
div#profil_content a:hover { text-decoration: underline; }


/* +--------------------------------------------------------------------+ */
/* |							    MENU								| */
/* +--------------------------------------------------------------------+ */
div#menu { clear: both; }
/* Correction bug décalage 1px bas sous safari */


/* +--------------------------------------------------------------------+ */
/* |						CONTENU (TOP + BOTTOM)						| */
/* +--------------------------------------------------------------------+ */
div#content_top, div#content_bottom { 
	width: 960px; /* largeur body - (2 x 10 de padding content) */
	overflow-x: auto;
	overflow-y: hidden;
	clear: both;
	text-align: center;
	padding-left: 10px;
	padding-right: 10px;
}
div#content_top { 
	background: white url(../images/general/content_top_fond.gif) 0 0 repeat-x;
	background-color: #A2ADB6;
	padding-top: 15px;
}
div#content_bottom  { 
	background: white url(../images/general/content_bottom_fond.gif) 0 100% repeat-x;
	padding-top: 20px;
	padding-bottom: 8px;
}


/* +--------------------------------------------------------------------+ */
/* |					SELECTION DU MODE DE CONNEXION					| */
/* +--------------------------------------------------------------------+ */
div#selection_mode { float: right; margin: 0; padding: 0; width: 280px;  }
div#selection_mode .mode { float: right; }
div#selection_mode label { margin: 12px 0 10px 0; }
div#selection_mode .mode input { margin: 0 4px; padding: 0;  vertical-align: middle; }
div#selection_mode .mode label { font-weight: bold; font-size: 12px; color: #293D6B; vertical-align: baseline; }
div#selection_mode .mode label:hover { color: white; cursor: pointer; }


/* +--------------------------------------------------------------------+ */
/* |						   LARGEUR DES DONNEES						| */
/* +--------------------------------------------------------------------+ */
div#largeur_donnees { text-align: center; margin: 0 auto; }


/* +--------------------------------------------------------------------+ */
/* |					LIEN DE RETOUR EN HAUT DE PAGE					| */
/* +--------------------------------------------------------------------+ */
#content_bottom a#back_to_top { background: transparent url(../images/back_top.gif) 100% 0 no-repeat; height: 17px; width: 18px; display: block; float: right; margin-top: 7px; }
#content_bottom a#back_to_top:hover { background: transparent url(../images/back_top_over.gif) 100% 0 no-repeat; }


/* +--------------------------------------------------------------------+ */
/* |							    FOOTER								| */
/* +--------------------------------------------------------------------+ */
div#footer { 
	clear: both;
	height: 30px;
	border-top: 2px #A2ADB6 solid;
	margin-bottom: 10px;
	text-align: center;
}
div#footer div#footer_left, div#footer div#footer_right, div#footer div#footer_content { float: left; height: 22px; }
div#footer div#footer_left { background: transparent url(../images/general/footer_left.gif) 0 0 no-repeat; width: 9px; }
div#footer div#footer_right { background: transparent url(../images/general/footer_right.gif) 0 0 no-repeat; width: 9px; }
div#footer div#footer_content { background-color: black; width: 962px; } /* largeur body - (2 x 9) */
div#footer div#footer_content div { padding-top: 0.3em; }
div#footer div#footer_content div a, div#footer div#footer_content div span { font-size: 10px; color: white; }
div#footer div#footer_content a, div#footer div#footer_content a:visited { color: white; }
div#footer div#footer_content a:hover { text-decoration: underline; }