
a:link {
	color: #FFFFFF;
}
a:visited {
	color: #FFFFFF;
}
a:hover {
	color: #FFCC66;
}
a:active {
	color: #FFFFFF;
}
html,body {

font-family: Verdana, Arial, Helvetica, sans-serif; /* Police Verdana utilisé par défaut */
font-size: 8pt; /* Taille de la police par défaut */
margin: 0;  /*Pas de marge */
padding: 0; /* Pas d'espacement */
/*text-align: center ;  <on centre la page */
color : #000; /*couleur*/
background-color : #FFFFFF; /* Couleur de fond de la page Web */
border-style:hidden; /*Les bordures sont cachés */
height: 100%;
width:100%;
margin: 0 auto; 
background-position: center top;
}

/*//////////////////////*/
/* Mise en page du site */
/*//////////////////////*/

#conteneur {
width: 1000px;
margin-right: auto;
margin-left: auto;
position: relative;
height: 100%;
height: auto !important;
min-height: 100%;
overflow: hidden; 
padding-bottom: 2em;

}

html>body #conteneur {
height: auto;

} 
#haut {
padding: 0px 0px 0 0px;
margin: 0px 0px 0 0px;
background : url(../pics/fond_01.jpg) no-repeat center top;
width: 1000px;
height: 219px;
display: block;
margin-right: auto;
margin-left: auto;
position: relative;
/*overflow: visible;*/
}
#milieu {
padding: 0px 0px 0 0px;
margin: 0px 0px 0 0px;
background : url(../pics/fond_02.jpg) no-repeat center;
width: 1000px;
height: 73px;
display: block;
margin-right: auto;
margin-left: auto;
position: relative;
/*overflow: hidden;*/
}
#bas {
padding: 0px 0px 0 0px;
margin: 0px 0px 0 0px;
background : url(../pics/fond_03.jpg) no-repeat center bottom;
width: 1000px;
background-color : #F8FCFD;
display: block;
margin-right: auto;
margin-left: auto;
position: relative;
}
#img-gauche {
padding: 0px 0px 0 0px;
margin: 0px 0px 0 0px;
width: 163px;
display: block;
top: 130px;
left: 0px;
position:relative;
}
#img-droite {
padding: 0px 0px 0 0px;
margin: 0px 0px 0 0px;
width: 181px;
display: block;
top: 0px;
left: 0px;
position:relative;
}
.lien-image{
text-decoration: none;
border: none;
}
.home{
color: #FFFFFF;
font: bold italic 45pt Arial;
}
a{
text-decoration: none;
}
#haut a:link,#haut  a:visited,#haut  a:active {
	color: #FFFFFF;
}
#haut a:hover {
	color: #DBD356;
}
#milieu p {
font: bold 12pt Arial;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
background : url(../pics/encadrement.png) no-repeat center;
top: 20;
width: 1000px;
height: 73px;
display: block;
margin-right: auto;
margin-left: auto;
position: absolute;
text-align: center;
line-height: 73px;
vertical-align: bottom; 
}
#dotted {
	border: 2px solid #DBD356;
}
.picloisir{
	width: 25px;
	height: 25px;
}
#barre a:link {
	color: #707070;
}
#barre a:visited {
	color: #707070;
}
#barre a:hover {
	color: #000;
}

#lignebas {
	font: bold 10px Verdana;
	color: #000;
	text-align:center;
}
#lignebas a:link,a:visited{
	color: #002EB8;
}
#lignebas a:hover{
	color: #000;
}

//--------------------------------- FICHE DETAILLEE ----------------------------------------------------------------
#recipient {

}
.bleu{
font: bold 11px Arial;
color: #19334c;
}
.rouge{
font: 11px Arial;
color: #a12432;
}
#contact{
background-color: #dbd355;
}
#contact p{
margin: 0 5px 0 5px;
text-align: justify;
color: #000;
font: 10pt Arial;
}
#colonne2{
text-align: justify;
}
.album{
height: 80px;
width: 110px;
border: 1px solid #19334c;
}
.recipient{
border: 1px solid #19334c;
}
.lien{ cursor: pointer; }
.lien:hover{ text-decoration: underline; }
