/*
Theme Name: French Native Tutor
Theme URI: http://www.frenchnativetutor.fr
Description: Thème du site web French Native Tutor
Version: 1.0
Author: Paloma Sedeau
Author URI: http://www.paloma-sedeau.net
Tags: French Native Tutor, Isabelle Pélisson

French Native Tutor
http://www.frenchnativetutor.fr

Ce thème à été réalisé pour le site French Native Tutor par Paloma Sedeau (http://www.paloma-sedeau.fr).
Ce thème est la propriété intellectuelle de son auteur et son utilisation est réservée au site http://www.frenchnativetutor.fr sous la personne d'Isabelle Pélisson.

Les langages CSS, XHTML et PHP sont distribués sous la licence GNU GPL :
http://www.opensource.org/licenses/gpl-license.php

*/

html, body	{ margin: 0; padding: 0; width: 100%; height: 100%; font-family: calibri, arial; background: #eeeeee; }
img { border: 0; }

	#content		{ width: 100%; background: url('images/fond.jpg') repeat-x #eeeeee; position: absolute; }
		#header		{ width: 960px; height: 151px; background: url('images/header.jpg') no-repeat;
					 margin-left: auto; margin-right: auto; padding: 0 40px 0 40px; position: relative;}
			#droite 		{width: 675px; height: 151px; position: absolute; float: left; }
				.logo 		{ width: 175px; height: 151px; float: left; position: absolute; float: left;
							background: url('images/logo.jpg') no-repeat;}
				.titre		{ width: 500px; height: 55px; /* 151 - 21 - 75 */ margin-top: 52px; margin-left: 20px; float: right; }
				.titre h1 	{ padding-left: 20px; font-size: 36px; font-family: calibri, arial; line-height: 0; font-weight: lighter; }
				.titre a 	{ color: #ffffff; text-decoration: none; }
			#gauche 		{ z-index: 0; float: right; width: 275px; height: 151px; }
				.detail 		{ z-index: 2; width: 225px; /*275 - 25 * 2 */ height: 126px; /* 151 - 25 */ padding: 25px 25px 0 25px;}
				.detail h2 	{ margin: 0; padding: 0; font-size: 28px; color: #ffffff; font-weight: lighter; }
				.detail h3 	{ margin: 0; padding: 0; font-size: 18px; color: #ccccff; font-weight: lighter; }
				.mail 		{ z-index: 1; width: 80px; height: 75px; float: right; margin-top: -51px; }
				
				.mail a				{ position: relative; color: black; text-decoration: none; }
				.mail a span			{ display: none; }
				.mail a:hover 		{ background: none; z-index: 500; }
				.mail a:hover span 	{ width: 80px; height: 50px; display: inline; position: absolute; white-space: nowrap;
									margin: -30px 0 0 65px; background: url('images/bulle.gif') no-repeat; padding: 15px 0 0 15px;}

					
		
		#page		{ z-index: 0; width: 960px; min-height: 200px; margin-right: auto; margin-left: auto; margin-top: 25px;
					padding: 0; background: url('images/page.gif') repeat-y;}
			#total		{ z-index: 0; float: left; width: 585px; /* 660 - 50 + 25 */  background: #ffffff; background: url('images/total.gif') no-repeat;
						padding: 15px 25px 0 50px;}
			#sidebar	{ z-index: 0; float: right; width: 275px; background: #ffffff; background: url('images/sidebar.gif') no-repeat; }
			#footer		{ z-index: 0; clear: both; width: 910px; background: url('images/footer.gif') no-repeat #eeeeee; padding: 25px; }
			
			#hometotal	{ z-index: 0; float: left; width: 660px;  background: #ffffff; background: url('images/total.gif') no-repeat; }
	
	#sidebar ul 		{margin: 0; padding: 0; }
	#sidebar ul li 		{ list-style: none; }
	#sidebar ul li ul 	{ margin: 0; }
	#sidebar ul li ul li 	{ list-style: none; width: 204px; height: 20px;margin: 0 0 0 20px ;}
	#sidebar h2 		{ width: 225px; height: 44px; background: url('images/soustitre.gif'); margin-left: auto; margin-right: auto;
					text-align: center; font-size: 18px; line-height: 35px; color: #555555; }
	#sidebar h3 		{ margin: 0; padding: 0; width: 225px; height: 35px; background: url('images/titre.gif'); margin-left: auto; margin-right: auto; 
					text-align: center; font-size: 18px; line-height: 35px;}
	#sidebar h4 		{ width: 180px; margin: 0;   padding: 0 0 0 20px;
					font-size: 14px; font-weight: bold; line-height: 22px;}
	#sidebar h4 li		{ width: 180px; margin: 0 0 0 20px ; background: url('images/fleche.gif') no-repeat;  padding: 0 0 0 20px;
					font-size: 14px; font-weight: bold; line-height: 22px; }
	#sidebar h5		{ width: 180px; margin: 0 0 0 20px; background: url('images/fleche.gif') no-repeat;  padding: 0 0 0 20px;
					font-size: 14px; font-weight: bold; line-height: 22px; }
	#sidebar a 		{ text-decoration: none; color: #000000; }
	#sidebar a:hover { text-decoration: underline; }
	
	#total h1 		{ font-size: 30px; background: url('images/h1.gif'); width: 562px; height: 40px; text-align: center; color: #330099; margin-bottom: 0; }
	#total h1 a		{color: #330099; font-size: 30px; text-decoration: none; }
	#total h1 a:hover	{ text-decoration: underline; }
	#total h2		{ color: #330099; }
	#total h4		{ float: left; width: 100%; font-size: 16px; font-style: italic; font-weight: normal; margin: 0 0 0 0; padding: 0px; }
	
	.article		{ width: 540px; border: 1px solid #cccccc; border-top: none;  padding: 10px; margin: 0; }
	
	blockquote 		{ margin: 0; margin-left: auto; margin-right: auto; padding: 0; width: 500px; border: 1px solid #ccccff; text-align: center;
					font-size: 24px; font-weight: bold; color: #330099; }
					
	#footer a 		{ color: #444444; text-decoration: none; }
	#footer a:hover 	{ text-decoration :underline; }
	
	.flash { z-index: 4; margin-left: -70px; }