@charset "utf-8";
/* Styles communs*/
body {
margin: 0; padding: 0;
/* tout le texte centré */
text-align: center;
/* couleur texte et arrière plan */
color: #000; background: #FFF;}
/* suppression du soulignement natif */ 
a {text-decoration: none;}
/* rose foncé pour les non visités */ 
a:link {color: rgb(179,63,96);}
/* ton grenat pour les liens suivis */ 
a:visited {color: rgb(90,32,48);}
/* soulignement du survol */ 
a:hover {text-decoration: underline;}
img { border:none;}

/* Classes de style */
.annonce {
	position: absolute;

	top: 0px;
	right: 0px;
	font-style:normal;
	font-weight: 200;
	color: rgb(91,131,104);
	width: 140px;
	height: 180px;
}
p.annonce:after {content: " ; )";}
.Blanc {
	 color:#FFF;
	 font-weight:100;}

.select {
	margin-left:0.8em;
}
/* Objet Flash */
#respire {
	position: absolute;
	top: 0px;
	left: 150px;
	margin-top:33px;
	margin-left:-20px;
	
	z-index: 80;

	padding: 0;
	width:200px;
	height:46px;
}

/* Squelette des DIV */
#conteneur {
width: 647px; margin: 75px auto 0; padding: 0;
position: relative; text-align: left;}
/* Entête de page */
#entetePage {
background: url(../images/entetePage_Respire.png) 0 0 no-repeat;
height: 157px; width: auto;}
#entetePage h1 {
background: url(../images/fleur.png) 0 0 no-repeat;
height: 330px; width: 250px; position: absolute; z-index: 101;
top: -95px; right: -80px; margin: 0;}
#entetePage h1 span {visibility: hidden; font-size: 1px;}
#entetePage h2 {position: absolute; z-index: 102;
top: 134px; right: 160px; margin: 0; padding: 0;
color: rgb(91,131,104);
text-transform: uppercase; letter-spacing: 0.2em;
font: bold italic 0.9em/1em Times, serif; text-align: right;}

/* Sommaire et preambule */
#sommaire {font: italic 1em/2 Times, "Times New Roman", serif;
  color: rgb(42,92,42); line-height:1.2;
  background: rgb(94%,98%,96%) url(../images/sommaire.jpg) 0 100% no-repeat;
  margin: 2px 0; padding: 1em 170px 1.5em 1.5em;}
#sommaire p {display: inline;}

#preambule {border-top: 1px solid rgb(184,214,194); background: url(../images/side.jpg) 100% 100% repeat-y;}

/* Support du Texte, explications, participation, avantages */
#supporDuTexte {background: url(../images/side.jpg) 100% 0 repeat-y;}

#avantages {border-bottom: 1px solid rgb(184,214,194);
  background: url(../images/fleursBas_transparent.jpg) 100% 100% no-repeat;
  padding-bottom: 100px;}

#preambule, #supporDuTexte {padding-right: 217px;}
#preambule, #explications, #participation, #avantages, #requirements {
  border-left: 1px solid rgb(184,214,194);
  padding-top: 1px; padding-bottom: 1px;}
#preambule p, #supporDuTexte p {font-size: 90%; line-height: 1.33em;
   margin: 0 1.5em; padding: 0.5em 0;}
#preambule h3, #supporDuTexte h3 {letter-spacing: 0.1em;
  font: italic 1.2em Times, "Times New Roman", serif;
  color: rgb(107,153,139); margin: 1em 0 0.5em 0.5em;}

/* piedPage */
#piedPage {
	margin: 0 -217px 0 0; height: 123px;
	background: #FFF url(../images/piedPage.jpg) 100% 1px no-repeat;
	padding: 77px 1em 0 0.5em;}
#piedPage a {color: rgb(207,216,214); line-height: 0.9em;
  font-size: 1.25em; font-weight: 100;}
#listeLiens {position: absolute; z-index: 11;
  width: 216px; top: 157px; right: 0;
  margin-top: 5.2em;}
#listeLiens li {list-style: none;}
#listeLiens ul {margin: 0.5em 1em 0 2em; padding: 0;}
#listeLiens a {color: rgb(99,131,101);
  font: italic 0.85em Times, serif;
  text-transform: lowercase;}
#listeLiens h3 {margin: 1em 0 0; width: 216px; height: 35px;
  background: url(resources.gif) 10px 50% no-repeat;}