/* ################ TOUT LE SITE ################ */
	
/* Couleur du fond */
body 
{
	 background-color: rgb(200,240,250);
}

section
{
	background-image: url("images/fond44.png"); 

}

/* taille et Police texte */
h1 
{
	margin-top: 0px;
	margin-left: 25px;
	font-family : 'Parisienne', cursive;
	font-size: 50px;
	text-align: center;
	color: rgb(0,110,135);
	text-shadow: 3px 3px 3px gray;
}

article
{
	text-align: center;
	/*font-family : 'Parisienne', cursive;*/
  	font-family: 'Cookie', cursive; 	
	color: rgb(155,30,130);
	width: 100%;
	font-size: 30px;
	font-weight: bold;
}

span.weak
{
	font-weight: lighter;
}

body
{
	width: auto;
}

/* Bannière */

#cigogne, #titre_principal, nav
{
	display: inline-block;
	margin-bottom: 0px;
	margin-left: 15px;
	text-align: center;
	width: auto;
}

#titre_principal
{
	margin-left: 50px;	
}

/* header */
header
{
	text-align: center;
}


/* Navigation */
nav 
{
	font-family : 'Parisienne', cursive;
	font-size: 20px;
	width: auto;
	font-weight: bold;	
}

nav  /* tout positionner sur même ligne et à droite (puces les unes au-dessus des autres)*/
{
	display: inline-block;
	text-align: right;
}

nav ul  /* retirer les puces de la liste */
{
	list-style-type: none;
}

/* nav li /* toutes les puces à la suite */
/*{
	display: inline-block;
	padding: 10px;
} */

nav a 
{
	font-size: 1.3em;
	color: rgb(25,60,230);
	padding-bottom: 3px;
	text-decoration: none;
	font-weight: bold;
}

nav a:hover /* surlignement + souslignement*/
{ 
	color: rgb(230,70,200);
	/*border-bottom: 2px solid rgb(75,180,215);*/
}

header 
{
	background: url("images/vagues.png") repeat-x bottom;
}


/* ################ "PAGE ACCUEIL" ################ */
section img
{
	border: 2px solid rgb(75,179,214); /* auront une bordure de 2px */
    box-shadow: 10px 10px 30px rgb(0,110,135); /* ombrage des cellules */
}


/* ################ "PAGE LISTE" ################ */

#texte
{
	font-size: 30px;
	font-weight: bold;
}

#banniere_image, #texte
{
	display: inline-block;
    vertical-align: middle;
    margin-top: 10px;
    width: 45%;
    text-align: center;
}



/* ################ "TABLEAU" ################ */

table
{
	padding: 20px; /* espacement intérieur des cellules */
    border-spacing: 70px; /* espacement entre les cellules */
}

td /* Toutes les cellules des tableaux... */
{
	text-align: center;
    border: 4px solid rgb(75,179,214); /* auront une bordure de 1px */
    box-shadow: 10px 10px 30px rgb(0,110,135); /* ombrage des cellules */
}


/* ################ "ONGLET CONTACT" ################ */

article 
{
	width: 100%;
	text-align: justify;
}

#contact, #carte
{
    display: inline-block;
    vertical-align: middle;
    margin-top: 30px;
    width: 45%;
    text-align: center;
}

iframe#map
{
		border: 2px solid rgb(75,179,214); /* auront une bordure de 2px */
    	box-shadow: 10px 10px 30px rgb(0,110,135); /* ombrage des cellules */
}