/* GENERAL */

body {
color : black;
background-color : #626262;
margin : 0;
padding : 0;
text-align : center;
}

p {
color : black;
padding : 0;
font : 13px Comic Sans MS;
margin-top : 8px;
margin-bottom : 5px;
text-align : justify;
}

h1{
padding-top: 53px;
padding-left: 170px;
font : bold italic 13pt Comic;
color : #696969;
text-align : center;
}

h2 {
position: relative;
margin-top: -6px;
padding-left: 103px;
font : bold 17pt Comic;
color : #696969;
text-align : center;
}

h3 {
font : bold italic 13pt Comic Sans MS;
margin-bottom : 0;
color : black;
padding-bottom : 0;
padding-top : 5px;
}
h4{
font : bold small-caps 11pt Comic Sans MS;
margin-bottom : 0;
color : black;
padding-bottom : 0;
padding-top : 5px;
}
span{
font : bold small-caps 8pt Comic Sans MS;
margin-bottom : 0;
color : black;
padding-bottom : 0;
padding-top : 5px;
}

.photo {
float: left;
width: 110px;
}

.xiti {
float: left;
}

.Liens
{
	color: #708090;
	position: relative;
	left: 120px;
}
.Liens2
{
	color: #708090;
	position: relative;
	left: 160px;
}
.titre
{
	font-variant: small-caps;
	font-size: 16px;
}
.titre2
{
	font-variant: small-caps;
	text-align: center;
}
.titre3
{
	font-variant: small-caps;
	font-size: 20px;
	text-align: center;
}
.titre4
{
	font-variant: small-caps;
	font-size: 15px;
}

a:link {
font-weight : bold;
text-decoration : none;
color : Gainsboro;
}
a:visited {
font-weight : bold;
text-decoration : none;
color : Gainsboro;
}
a:hover, a:active {
text-decoration : underline;
color : black;
}

/* HAUT DE PAGE */
#pageHeader {
background : url(Carte_homepage.png) no-repeat right top;
width : 378px;
height : 170px;
float : left;
}




/* HOME CENTRE */
#container {
background-color : #BEBEBE;
width : 450px;
margin-left : auto;
margin-right : auto;
margin-top : 0;
padding-top : 0;
text-align : justify;
position : relative;
}



/* PREAMBULE */

/* Position Préambule + Image */
#preamble p span {
padding-bottom : 20px;
background : url(images3.jpg) no-repeat 0 0;
padding-left : 24px;
}

/* Position du Préambule */
#preamble {
margin-left : 31px;
padding : 20px;
padding-top : 3px;
padding-bottom : 3px;
width : 346px;
clear : both;
border-bottom : 1px solid Black;
border-top : 1px solid Black;
}

/*  Texte Invités */
/* Position Préambule + Image */
#preamble2 p span {
padding-bottom : 20px;
background : url(images3.jpg) no-repeat 0 0;
padding-left : 24px;
}

/* Position du Préambule */
#preamble2 {
margin-left : 31px;
padding : 20px;
padding-top : 3px;
padding-bottom : 3px;
width : 346px;
clear : both;
border-top : 1px solid Black;
}

/* COPYRIGHT */

/* Copyright + Trait au-dessus */
#footer {
text-align : center;
font : bold 10px Tahoma;
padding : 10px;
width : 366px;
text-transform : small-caps;
margin-left : 31px;
margin-top : 30px;
border-top : 1px dashed Black;
}


/* LINK  DATES*/

/*Link: indique les dates et les marges (texte)  */
#lselect {
padding : 0 0 0 0;
margin : 0;
}
/*  Crée la liste sans tiret */
#lselect ul{
list-style-type : none;
padding : 0 0 0 0;
margin : 0;
}
/*  Trait dans la liste Link */
#linkList #lselect ul li {
border-bottom : 1px solid #eeeeee;
display : block;
padding : 5px 5px 5px 20px;
}
/* Règle le titre 'Les Dates' et l'image de côté */
#linkList h3 span {
padding-bottom : 4px;
background : url(bouton-agenda.png) no-repeat 0 10%;
padding-left : 34px;
}
/* Position des dates à droite Link */
#linkList {
width : 148px;
font : 10px Tahoma;
position : absolute;
top : 200px;
left : 489px;
margin : 0;
padding : 0;
}
/* Position du titre 'Les Dates' dans Link à droite */
#linkList h3 {
font-size : 14px;
padding : 3px 3px 3px 1px;
color : black;
margin-bottom : 10px;
margin-top : 20px;
}


/* LINK INVITES */

/*Link: indique les dates et les marges (texte)  */
#lselect2 {
padding : 0 0 0 0;
margin : 0;
}
/*  Crée la liste sans tiret */
#lselect2 ul{
list-style-type : none;
padding : 0 0 0 0;
margin : 0;
}
/*  Trait dans la liste Link */
#linkList2 #lselect2 ul li {
border-bottom : 1px solid #eeeeee;
display : block;
padding : 5px 5px 5px 20px;
}
/* Règle le titre 'Les Dates' et l'image de côté */
#linkList2 h3 span {
padding-bottom : 4px;
background : url(boutoninvite.png) no-repeat 0 10%;
padding-left : 34px;
}
/* Position des dates à droite Link */
#linkList2 {
width : 148px;
font : 10px Tahoma;
position : absolute;
top : 120px;
left : -190px;
margin : 0;
padding : 0;
}
/* Position du titre 'Les Dates' dans Link à droite */
#linkList2 h3 {
font-size : 14px;
padding : 3px 3px 3px 1px;
color : black;
margin-bottom : 10px;
margin-top : 20px;
}