@charset "UTF-8";
/* CSS Document */

body {
	margin: 0; /* il est conseillé de mettre à zéro la marge et le remplissage de l'élément body, pour tenir compte des différentes valeurs par défaut des navigateurs */
	padding: 0;
	text-align: center; /* ce paramétrage centre le conteneur dans les navigateurs IE 5.x. Le texte est ensuite aligné à gauche (valeur par défaut) dans le sélecteur #container */
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
}
a:link {
	text-decoration: none;
	color: inherit;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
#container {
	width: 100%;
	text-align: left;
	margin: 0 auto;
	height: 100%;
	font-size: 0.8em;
}
header {
	height: 50px;
	padding: 3px 0 3px 10px;
	margin: 0 auto;
	text-decoration: none;
	background-color: rgb(255,204,51);
}
nav {
	text-align: right;
	margin: -25px 10px 0 10px;
	float: right;
	font-size: 1.125em;
	font-variant:small-caps;
}
section {
	height: 100%;
	padding: 0;
	text-decoration: none;
	background-color: rgb(255,255,255);
}

#accueil {
	font-family: "Times New Roman", Times, serif;
	margin: 0 auto;
	background-color: rgb(255,255,255);
}
#accueil img {
	z-index: -1;
	position: fixed;
	top: 65px;
	left: 0;
	border:0;
	height: 90%;
	width: auto;
}

/*iPhone 2G, 3G, 3GS, 4 et 4S*/
@media screen 
and (min-device-width : 320px) 
and (max-device-width: 480px)
{
	#accueil img {
	z-index:: -1;
	position: fixed;
	top: 65px;
	left: 0;
	border:0;
	width: auto;
	height: 80%;
	}
}

#accueil h1 {
	text-transform: uppercase;
	font-size: 2.4em;
	position: absolute;
	bottom: 0;
	right: 1%;
}
#accueil p {
	font-size: 1.2em;
	font-weight: 100;
	color: rgb(102,102,102);
	position: absolute;
	bottom: 0;
	right: 1%;
}
section h2 {
	font-family: "Times New Roman", Times, serif;
	font-size: 2em;
	font-weight: 600;
	font-variant: small-caps;
	text-align: center;
	margin: 1.5em 0 -1em 0;
}

#presentation {
	background-color: rgb(255,255,255);
	max-width: 1024px;
	margin: 0 auto;
	padding: 0 25px;
}
#presentation p {
	text-indent: 4.25%;
	margin: 0.8em 0 -0.5em 0;
	font-size: 1.175em;
}

article {
	text-align: justify;
}
article h3 {
	font-size: 1.4em;
	font-weight: 900;
	font-style: italic;
	font-variant: small-caps;
	color: rgb(255,255,255);
	background-image: url(../img/surfTitre.png);
	background-repeat: no-repeat;
	text-align: center;
	width: 225px;
	padding: 9px 0;
	margin: 2.25em 0 -0.4em 0;
}

span.bleu133 
	{color: rgb(27,104,133);}
span.bleu133gras {
	color: rgb(27,104,133);
	font-weight: 600;
}
span.gras {
	font-weight: 600;	
}
span.retrait {
	padding-left: 4.25%;
}
span.ital {
	font-style: italic;	
}

p.adresse {
	font-family:"Courier New", Courier, monospace;
	font-size: 1.5em;
	color: rgb(102,102,102); /*gris foncé*/
	text-transform: uppercase;
	text-align: center;
	padding: 0;
	position: fixed;
	top: 40%;
	left: 33%;
	right: 33%;
}

footer {
	height: 15px;
	width: 100%;
	position: absolute;/*indique au footer de rester à un endroit précis de la page, en l'espèce en haut de celle-ci après le header*/
	top: 50px;
	background-color: rgb(102,102,102);
}
footer p {
	margin: 0;
	padding: 0 10px;/* l'utilisation d'un remplissage pour cet élément crée un espace, tout comme une marge l'aurait fait, mais en évitant le risque de disparition de la marge */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.775em;
	line-height: 15px;/*centre la ligne de texte verticalement dans le bloc*/
	text-align: right;
	color: rgb(255,255,255);
}