/*
 * CSS Document
 * Présentation générale de filoumene.com
 * 
 * 12/05/2006 : optimisation du code, avec http://www.cleancss.com/. 
 * 07/02/2008 : ajout css footer_ancre.
 
 * @author Morgan Capron
 * @copyright 2008
 * @package Filoumene
 * @version 0.3
 */

body {
	margin:0;
	padding:0;
	background:#DBD8B7 url(http://www.filoumene.com/images/filoumene_fond_vert_02.png) repeat-x;
	text-align:center;
	font-family:"Lucida Grande", "Trebuchet MS", Arial, sans-serif;
	font-size:80%;
	color:#000;
}

#page {
	width:750px;
	margin:auto;
	background:#e0dcb5 url(http://www.filoumene.com/images/filoumene-fond-ombre.png) repeat-y;
}

#main {
	width:740px;
	margin:auto;
	background:#fff;
	text-align:left;
	color:inherit;	
}

#content {
	width:500px;
	margin:30px;
}

a:link,a:visited {
	text-decoration:none;
	color:#B44F47;
	font-weight:700;
}

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

/* Images sans bordure */
img {
	border:0 none;
	padding:0;
}

/* Titres */
h1,h2,h3,h4 {
	font-family:Georgia;
	color:#770035;
	margin:0;
}

h2 { font-size:1.7em; }
h3 { font-size:1.4em; }
h4 { font-size:1.2em; }

/* --- Affichage des messages --- */
.msg {
	width:80%;
	background:#fff;
	margin:auto;
}

.erreur {
	background:#F99;
	border:solid 1px red;
	padding:5px;
}

.averto {
	background:#FFBFBF;
	border:1px dashed #FF7F7F;
	color:#541C1C;
	padding:5px;
}

.ok {
	background:#A6DC99;
	border:1px dashed #84CF73;
	color:#3D493A;
	padding:5px;
}

/* --- Liens présents dans le menu --- */
#tabnav {
	margin:0;
}

#tabnav li {
	display:inline;
	list-style-type:none;
	color:#fff;
	margin:0 0 0 20px;
	padding:0;
}

*>#tabnav li {
	margin:0 0 0 10px;
}

#tabnav a:link,#tabnav a:visited {
	line-height:15px;
	color:#fff;
	text-decoration:none;
	padding:5px;
}

#tabnav a:hover {
	background:#9C2615;
}

.EnCours {
	background:#b44f47;
	padding:5px !important;
}

#menu {
	background:#b44f47 url(http://www.filoumene.com/images/filoumene-fond-rouge-menu.png) repeat-x;
	padding:5px;
}

/* ---- Formulaire ---- */
#titreForm,#piedForm {
	margin:0;
	padding:.5em 0;
}

#piedForm {
	text-align:right;
}

#corpForm fieldset {
	padding: 10px;
	border:1px solid #4A4941;
	color:#000;
}

#corpForm legend {
	font-weight:700;
	color:#4A4941;
	background:transparent;
}

#corpForm p {
	margin:0 0 .2em;
	padding:.2em 0;
}

#corpForm input,#corpForm textarea {
	margin:2px;
	padding: .3em;
}

#corpForm input[type=text],input[type=submit] {
	border:1px solid #A8A698;
	color:#28262C;
}

#corpForm textarea {
	color: #28262C;
}

#aideCont {
	color:#4A4941;
	background:transparent;
	margin:0;
	padding:0;
}

input.bouton {
	background:#959382;
	color:#28262C;
	font-weight:700;
	margin-left:1em;
	cursor:pointer;
}

#annuler {
	border:none !important;
	color:#28262C;
	background-color:transparent;
	cursor:pointer;
}

/* --- Bannière en haut de la page --- */
#header h1 {
	width:750px;
	height:135px;
	text-align:left;
	background:#fff;
}

*>#header h1 {
	margin:auto;
}

/* --- Centre de la page --- */
#accueil strong {
	color:#770035;
}

#Hide {
	overflow:hidden;
	margin:0.5em;
}

#Montrer {
	float:right;
	border:none;
	border-bottom:1px solid #CCC;
	color:#28262C;
	background-color:transparent;
	cursor:pointer;
	margin-left:15em;
}

.cvTraits {
	border:0;
	background-color:#a50045;
	height:1px;
}

#cv {
	width:620px;
}

#cv li {
	list-style-type:disc;
	margin:0 0 0 125px;
}

#cvDescExp {
	text-align:justify;
}

#cvIntitule {
	text-align:center;
}

#cvLegende {
color:#737373;
	text-align:center;
}

.cvTitres {
	color:#a50045;
}

.label {
	font-weight:700;
	text-align:right;
	width:120px;
	padding-top:5px;
	padding-bottom:5px;
	padding-right:25px;
}

.reaInfos {
	background:#E9E9E6;
	border-top:1px solid #4D4D4C;
	border-bottom:1px solid #4D4D4C;
	margin-bottom:35px;
	padding:10px 5px 10px 10px;
}

.reaInfos p {
	margin:0.5em;
}

.reaInfos span {
	font-weight:700;
}

.Capture {
	float:left;
	margin-right:15px;
}

#FormContact,#formNews {
	background:#E0DFD5;
	padding:0.5em;
}

#nom, #prenom, #email, #message {
	border: 1px solid #A8A698;
}

/* On n'affiche pas l'ascenseur dans un textarea */
#message { 
	overflow: hidden; /* On a pas besoin de l'ascenseur sous IE. */
}

*>#message {
	overflow: auto; /* L'ascenseur est affiché sous Firefox seulement si le texte est plus grand que le textarea. */
}
/* Fin ascenseur */

#contact label {
	color:#4A4941;
}

#radioLabel1 { margin-left:3.6em; }
#radioLabel2 { margin-left:1.2em; }
#radioLabel3 { margin-left:1.2em; }

#contact label.champs,#formNews label.champs {
	float:left;
	width:15%;
	margin-right:0.8em;
	padding-top:0.2em;
	text-align:right;
}

#contact textarea,#formNews textarea {
	width:90%;
	color:#28262C;
	margin:0 1.5em 1em;
}

/* --- News --- */
.newsTrait {
	border:0;
	background-color:#ccc;
	height:1px;
}

.newsInfos {
	color:#7A7A7A;
	font-size:0.9em;
	margin:0;
}

.newsTexte {
	margin:10px 0;
}

/* --- Compteur : page de téléchargement --- */
#download {
	display:block;
	margin:15px;
	padding:5px;
}

#downMsg {
	font-size:1.3em;
}

/* --- Pied de page --- */
#footer {
	width:750px;
	height:69px;
	background:#4A494C url(http://www.filoumene.com/images/filoumene-pied.png) left bottom no-repeat;
	text-align:left;
}

#footer p {
	padding: 5px 0 0 40px;
	color:#e0decb;	
}

#footer_ancre {
	text-align: center;
	font-size: 10px;
}

#footer a:link {
	text-decoration:underline;
	color:#e0decb;
}

#footer a:visited { 
	color:#CDCAAB; 
}

#footer a:hover,
#footer_ancre a { 
	text-decoration:none; 
}

#footer_ancre a {
	color: #ccc;
}

#valide {
	margin-top:-15px;
}

/* Firefox 1.5 -- On réduit l'espace blanc entre la page et le pied */
#espaceBlanc {
	height:10px;
}

/* A CSS hack that only applies to IE -- specifies a different height for the footer */
*>#footer {
	margin:-1em auto;
}