/* ==================== POLICES ======================================== */
/* en général, taille par défaut navigateur = 16px */
/* pour texte par défaut des pages, on veut du 18 px */
/* 18/16 = 1.125 */
/* donc font par défaut en body = 1.125em */
/* désormais 1em = 18px, les autres tailles dépendront de cette valeur*/
/* donc pour avoir 36px : 36px/18px=2em */

@font-face
{
	font-family: 'Pacifico';
	src: url(http://themes.googleusercontent.com/static/fonts/pacifico/v4/yunJt0R8tCvMyj_V4xSjafesZW2xOQ-xsNqO47m55DA.woff) format('woff');
}

@font-face
{	font-family: 'Source Sans Pro';
	src: url(http://themes.googleusercontent.com/static/fonts/sourcesanspro/v6/toadOcfmlt9b38dHJxOBGNbE_oMaV8t2eFeISPpzbdE.woff) format('woff');
}

/*
@font-face
{	font-family: 'courgette';
	src: url(http://themes.googleusercontent.com/static/fonts/courgette/v1/BHG8ZtTfO0yYnp02--Qxqj8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
*/


html
{
	font-size: 100%;  
}

body
{
	font-family: 'courgette',arial;
/*	font-size: 1.125em; */
	font-size: 1.5em;
	color: rgb(0,45,64);
}

.titre_site
{
	font-family: 'Pacifico',cursive;  
	color: rgb(0,45,64);
	font-size: 1.5em;  
}

.intro p
{
	font-family: 'Pacifico',cursive;  
	color: rgb(0,45,64);
	font-size:1.1em;
}

/* ==================== GENERAL ======================================== */


body
{
	background-image:url('img/fond.jpg');
}

/*
body p
{
	text-align:justify;
	text-justify:inter-word;
}

body li
{
	list-style-image:url('img/fleuron.png'); 
	padding-top: 10px;
	padding-bottom: 10px;
}
*/


#bloc_page
{
	width: 800px;
	margin: auto; /* pour centrer tout le contenu de la page dans la fenetre du navigateur*/
}

/* ==================== HEADER ======================================== */


/* ########## REVOIR : version RWD non finalisée  ################################################################################### */

@media screen and (min-width: 870px)
{
	.logo
	{
		display: inline-block;
	}
	
	.titre_site
	{	
		display: inline-block;
		line-height: 10px;
	}			
}

@media screen and (max-width: 870px)
{
	.logo
	{
		display: block;
		margin: auto;
	}
	
	.titre_site
	{	
		display: block;
	}			
}

/* ########## fin REVOIR #################################################################################### */


header
{	
	background-color: rgb(238,214,168); /* en cas de non-affichage de l'image de fond */
	background-image: url("img/cuir_vanille.jpg");
}			

.logo
{
	width: 120px;
	height: 120px;
	display: inline-block;
	vertical-align: middle;
	margin: 0px 0px 0px 5px; /* top,right,bottom,left */
}

.titre_site
{
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	padding: 0px 30px 0px 30px; /* top,right,bottom,left */
	margin: 0px 0px 0px 20px; /* top,right,bottom,left */
}


/* ==================== INTRO ======================================== */

.intro
{
      display: block;
	  text-align: center;
}
	  

/* ==================== CORPS de la PAGE ======================================== */

/* Formatage des tableaux d'images */

table
{
	border-collapse: collapse;
	font-size: 0.8em;
}

th
{
	width: 700px;
	border: 3px solid red;
}

td
{
/*	width: 300px;  /* ???? NE FONCTIONNE PAS */ 
/*	text-align: center; */
/*	border: 3px solid rgb(244,237,202); */
/*	border: 3px solid red; */
}

tr
{
	height: 20px;  /* pour espacer les lignes avec des lignes vides de 20px */ 
}


/* ==================== FOOTER ======================================== */

footer
{	
	background-color: rgb(238,214,168);
	border-radius: 4px;
	box-shadow: 3px 3px 3px rgb(244,237,202) inset;  /* ombre à l'intérieur */
}

footer p
{	
	text-align: right;
}