@charset "utf-8";
/* CSS Document : entete.css */

* {margin:0;padding:0}

html, body {
	height: 100%;
	margin: 0;
	padding: 0;
	font-family:Verdana, Arial, Helvetica, sans-serif Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	background: url("../Images/degradebleu.jpg");/* fond de page en image */
	background-repeat: repeat-x;
}

#page {
	min-height: 100%; /* hauteur max de 100% */
	width: 770px; /* largeur de page de 750px */
	padding: 0; /* espacements de remplissage (padding) haut/bas et gauche/droit à 0 */
	margin: 0 auto; /* centrage du conteneur page */
	position: relative; /* conteneur page positionné pour pouvoir placer les div enfants par rapport à ce conteneur */
	color: #3366FF; /* couleur du texte de la page */
	border: 1px solid #c0c0c0; /* bordure entourant le conteneur page */
}

#entete {
	height: 145px;
	background-color: #ffffff;
}

#logo {
	position: absolute;
	top: 15px;
	left: 2.5%;
}

#logo img {
	border: 0;
}

#haut {
	position: absolute; /* positionnement par rapport au conteneur parent  en l'occurence page */
	height: 20px;
	top: 120px;
	left: 25%;
}

#banniere {
	position: relative;
	color:#fff; /* Couleur blanche pour les 2 textes (h2 et h3) de la bannière */ 
}

.photographie {
	float: left;
}
	
.image {
	float: left;
	margin-left: 4px;
}	

#banniere h2 { /* Texte "Espace Particuliers" */
	position: absolute;
	top: 12px;
	left: 500px;
	font-size: 1.7em;
	font-weight: 600;
}

#banniere h3 { /* Texte "Vous rendre l'informatique plus facile" */
	position: absolute;
	top: 45px;
	left: 500px;
	font-size: 1.4em;
	font-weight: 400;
}

#barresepa { 
	position: relative;
	clear: both;
}
	
img {
	display: block; /* pour supprimer l'espace sous les images*/
}
.tarifrouge {
	font-weight: bold;
	color: #F00;
}