/* CSS Document */
* {
margin:0;
padding:0;
}

body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1.2em;
color:#2674d7;
}

#conteneur-accueil {
position:relative;
width:800px;
height:600px;
margin:0 auto;
background:url(images/masque-accueil.jpg) top left no-repeat;
}

#conteneur-mobile {
position:relative;
width:800px;
height:600px;
margin:0 auto;
background:url(images/masque-mobile.jpg) top left no-repeat;
}

#conteneur-fixe {
position:relative;
width:800px;
height:600px;
margin:0 auto;
background:url(images/masque-fixe.jpg) top left no-repeat;
}

#conteneur-contact {
position:relative;
width:800px;
height:600px;
margin:0 auto;
background:url(images/masque-contact.jpg) top left no-repeat;
}

#pied {
position:relative;
width:800px;
height:30px;
text-align:center;
margin:0 auto;
font:Arial, Helvetica, sans-serif;
font-size:0.8em;
}

#pied a {
text-decoration:none;
color:#2674d7;
}

#pied a:hover {
text-decoration:underline;
color:#666666;
}

.espace {
padding:0 5px;
}

#menu {
position:absolute;
top:133px;
left:242.5px;
width:339px;
height:74px;
}

#flash-centre {
position:absolute;
top:226px;
left:419px;
width:349px;
height:353px;
}

#texte-accueil {
	position:absolute;
	top:289px;
	left:57px;
	text-align:justify;
	padding:5px;
	width: 333px;
	height: 251px;
	font-size:0.9em;
}

#texte-mobile, #texte-fixe  {
	position:absolute;
	top:289px;
	left:57px;
	text-align:justify;
	padding:5px;
	width: 333px;
	height: 251px;
	font-size:0.8em;
	overflow:auto;
}

#texte-contact  {
	position:absolute;
	top:319px;
	left:117px;
	text-align:justify;
	padding:5px;
	width: 215px;
	height: 177px;
	font-size:0.8em;
	overflow:auto;
}


#texte-contact  a {
text-decoration:none;
color:#2674d7;
}

#texte-contact  a:hover {
text-decoration:underline;
color:#666666;
}


.mini_italic {
font-size:0.7em;
font-style:italic;
}

.gras {
font-weight:bold;
font-size:0.9em;
}

.petit_gras {
font-weight:bold;
font-size:0.8em;
}

.grand_gras {
font-weight:bold;
font-size:1.2em;
}