/* ---------- GLOBAL ----------------------------------------------- */

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

html	{
	overflow	: -moz-scrollbars-vertical;
	}

html, body {
	background	: #FFF;
	color		: #000;
	font-family	: Verdana, "Trebuchet MS", Tahoma, Helvetica, Sans-Serif;
	font-size	: .8em;
	text-align	: center;
	}

.invisible {
	font		: normal 0/0 Verdana;
	text-indent	: -5000px;
	}

a	{
	color		: #666;
	text-decoration	: none;
	}

/* ---------- FORMULAIRE -------------------------------------------- */

input, textarea {
	border		: 1px solid #acacac;
	font-family	: Verdana, "Trebuchet MS", Tahoma, Helvetica, Sans-Serif;
	font-size	: 1.2em;
	padding		: 2px;
	margin		: 2px;
	}

#formulaire {
	float		: right;
	text-align	: left;
	width		: 474px;
	margin-right	: 120px;
	}

#inMail_nom {
	width		: 225px;
	}

#inMail_email {
	width		: 225px;
	}

#inMail_message {
	height		: 80px;
	width		: 464px;
	}

#check_mail {
	background	: #eeeee6;
	border		: 1px solid #acacac;
	margin		: 10px 120px 0 0;
	padding		: 4px;
	text-align	: center;
	width		: 464px;
	float		: right;
	clear		: both;
	}

/* ---------- PAGES ------------------------------------------------- */

#accueil, #illu, #com, #contact, #neutre {
	margin		: 60px auto 0 auto;
	position	: relative;
	text-align	: left;
	width		: 866px;
	}

#accueil	{ background : url(img/fond_accueil.jpg) no-repeat; }
#illu		{ background : url(img/fond_illu.jpg) no-repeat; }
#com		{ background : url(img/fond_com.jpg) no-repeat; }
#contact	{ background : url(img/fond_contact.jpg) no-repeat; }
#neutre		{ background : url(img/fond_neutre.jpg) no-repeat; }


/* ---------- EN-TETE ----------------------------------------------- */

#en-tete_accueil {
	height		: 286px;
	}

#en-tete {
	float		: left;
	height		: 44px;
	width		: 300px;
	}

#logo_lien_accueil {
	height		: 50px;
	left		: 140px;
	position	: absolute;
	top		: 120px;
	width		: 215px;
	}

#logo_lien {
	height		: 43px;
	left		: 70px;
	position	: absolute;
	top		: 0px;
	width		: 175px;
	}


/* ---------- MENU -------------------------------------------------- */

#menu_accueil {
	margin-right	: 10px;
	text-align	: right;
	}

#menu {
	color		: #acacac;
	float		: right;
	font-family	: Helvetica;
	font-size	: 2em;
	padding		: 15px 20px 5px 0;
	text-align	: right;
	}

#menu li {
	display		: inline;
	}

#menu li a {
	color		: #a5383e;
	margin		: 0 5px;
	}

#menu li.actif a, #menu li a:hover, #menu li a:focus {
	color		: #666;
	}


/* ---------- SOUS-MENU ---------------------------------------------- */

#sous-menu {
	clear		: both;
	color		: #8f8070;
	font-family	: Helvetica;
	font-size	: 1.7em;
	font-weight	: 700;
	padding		: 10px 0 40px 115px;
	}

#sous-menu li {
	display		: inline;
	}

#sous-menu li a {
	color		: #8f8070;
	margin		: 0 5px;
	}

#sous-menu li.actif a, #sous-menu li a:hover, #menu li a:focus {
	color		: #a5383e;
	}


/* ---------- CORPS -------------------------------------------------- */

#corps_accueil {
	height		: 180px;
	}

#corps {
	min-height	: 490px;
	text-align	: center;
	}

#lien_illu {
	height		: 510px;
	left		: 3px;
	position	: absolute;
	top		: 88px;
	width		: 854px;
	}

#liste_vignettes {
	float		: right;
	margin		: 0 5px 10px 0;
	width		: 200px;
	}

#liste_vignettes img {
	border		: 0px solid #666;
	height		: 50px;
	margin		: 4px;
	padding		: 0px;
	width		: 50px;
	}

#afficheur {
	background	: #FFF;
	border		: 0px solid #dad1be;
	min-height	: 450px;
	margin		: 2px 20px 20px 20px;
	text-align	: center;
	width		: 600px;
	float: center;
	}


#myContenu { 
	font		: bold 1.2em arial, helvetica, sans-serif; 
	color		: #8f8070; 
	font-size	: 1.3em;
	}



/* ---------- PIED --------------------------------------------------- */

#pied {
	clear		: both;
	color		: #aeabab;
	font-family	: Helvetica;
	font-size	: 1.3em;
	font-weight	: 700;
	position	: relative;
	text-align	: center;
	}

#blog {
	bottom		: 0;
	height		: 112px;
	position	: absolute;
	right		: 0;
	width		: 160px;
	}

#copyright {
	color		: #8f8070;
	}