@charset "UTF-8";
/* CSS Document */

h1{
    font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	text-align: justify;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	letter-spacing: 1px;
}

body{
	background-image: url(Images/fond.jpg);
	background-repeat: repeat;
	background-attachment: scroll;
}
	
#header{
	position: relative;
	margin-left:auto;
	margin-right:auto;
	width: 820px;
	height: 140px;
	background-color: #ffffff;
	background-attachment: scroll;
	background-image: url(Images/fond.jpg);
	background-repeat: repeat;
}

#slogan{
	position: relative;
	margin-left:auto;
	margin-right:auto;
	top:10px;
	width: 820px;
	height: 70px;
	background-image: url(Images/fond.jpg);
	background-repeat: repeat;
}


#main{
	position: relative;
	top:30px;
	margin-left:auto;
	margin-right:auto;
	width: 820px;
	height: 560px;
}


#gauche-accueil{
	position: absolute;
	left:0px;
	width: 700px;
	height: 550px;

}



#gauche-accueil-bas{
	position: absolute;
	top:550px;
	left:0px;
	width: 700px;
	height: 10px;
	}


#gauche-inscription{
	position: absolute;
	left:0px;
	width: 700px;
	height: 550px;
	background-image: url(Images/fond-vert-clair.jpg);
}

#gauche-inscription-bas{
	position: absolute;
	top:550px;
	left:0px;
	width: 700px;
	height: 10px;
	background-image: url(Images/gauche-inscription-bas.jpg);
	top: 700px;
}


#haut-mon-radis{
	position: absolute;
	width: 233px;
	height: 60px;
	background-color: url(Images/fond-rose.jpg);
	left: 0px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	text-align: justify;
	visibility: visible;
	z-index: 100;
	color: #FFF;
}

#menu-mon-radis{
	position: absolute;
	left:0px;
	top:60px;
	width: 170px;
	height: 200px;
	background-image: url(Images/fond-rose.jpg);
}


#texte-mon-radis{
	position: absolute;
	left:170px;
	top:60px;
	width: 510px;
	height: 480px;
	visibility: visible;
	z-index: 100;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	text-align: justify;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	letter-spacing: 1px;
	color: #FFF;
	overflow:auto;
}

#gauche-mon-radis{
	position: absolute;
	left:0px;
	width: 700px;
	height: 700px;
	background-image: url(Images/fond-rose.jpg);
}

#gauche-mon-radis-bas{
	position: absolute;
	top:700px;
	left:0px;
	width: 700px;
	height: 10px;
	background-image: url(Images/gauche-mon-radis-bas.jpg);
	top: 700px;
}

#gauche-proposer{
	position: absolute;
	left:0px;
	width: 700px;
	height: 700px;
	background-image: url(Images/fond-vert.jpg);
}

#gauche-rechercher{
	position: absolute;
	left:0px;
	width: 700px;
	height: 900px;
	background-image: url(Images/fond-rouge.jpg);
}


#droite{
	position: absolute;
	width: 120px;
	height: 550px;
	background-image:url(Images/droite-fond.jpg);
	left: 700px;
	visibility: visible;
	z-index: 100;
}

#accueil{
	position: absolute;
	width: 233px;
	height: 29px;
	background-color: #cccccc;
	left: 0px;
	visibility: visible;
	z-index: 100;
}



#proposer{
	position: absolute;
	width: 233px;
	height: 29px;
	left:233px;
	background-color: #cccccc;
	visibility: visible;
	z-index: 100;
}

#rechercher{
	position: absolute;
	left:466px;
	width: 233px;
	height: 29px;
	background-color: #cccccc;
	visibility: visible;
	z-index: 100;
}

#texte-accueil-bienvenu{
	position: absolute;
	left:10px;
	top:39px;
	width: 670px;
	height: 70px;
	visibility: visible;
	z-index: 100;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 36px;
	font-style: normal;
	color: #FFF;
}

#texte-accueil{
	position: absolute;
	overflow:auto;
	left:13px;
	top:90px;
	width: 670px;
	height: 400px;
	visibility: visible;
	z-index: 100;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	text-align: justify;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	letter-spacing: 1px;
	color: #FFF;
}

#texte-accueil-haut{
	position: absolute;
	left:5px;
	top:39px;
	width: 690px;
	height: 11px;
	visibility: visible;
	z-index: 100;
	background-image: url(Images/accueil-texte-haut.jpg);
	background-repeat: no-repeat;
}


#texte-accueil-gauche{
	position: absolute;
	left:5px;
	top:50px;
	width: 4px;
	height: 178px;
	visibility: visible;
	z-index: 100;
	background-image: url(Images/accueil-texte-gauche.jpg);
	background-repeat: repeat-y;
}

#texte-accueil-droite{
	position: absolute;
	right:5px;
	top:50px;
	width: 4px;
	height: 178px;
	visibility: visible;
	z-index: 100;
	background-image: url(Images/accueil-texte-droite.jpg);
	background-repeat: repeat-y;
}


#mailbox{
	font-family: Verdana, Geneva, sans-serif;
	font-size: x-small;
	color: #F00;	
}

#pseudobox{
	font-family: Verdana, Geneva, sans-serif;
	font-size: x-small;
	color: #F00;	
}

#villebox{
	font-family: Verdana, Geneva, sans-serif;
	font-size: x-small;
	color: #F00;	
}

#pseudoboxparrain{
	font-family: Verdana, Geneva, sans-serif;
	font-size: x-small;
	color: #F00;	
}

#footer{
	position: relative;
	margin-left:auto;
	margin-right:auto;
	width: 820px;
	height: 30px;
	background-image: url(Images/footer-fond.jpg);
	font-family: Verdana, Geneva, sans-serif;
	font-size: x-small;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	vertical-align: middle;
	top: 50px;
}

.texte-petit{
	font-family: Verdana, Geneva, sans-serif;
	font-size: x-small;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	vertical-align: middle;
	color: #000;
	text-align: left;
}

.texte-explication{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	vertical-align: middle;
	color: #000;
	text-align: justify;
}

.texte-libelle-formulaire{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	vertical-align: middle;
	color: #ffffff;
}


.texte-formulaire{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #000;
	text-align: left;
}

.texte-profil{
	color: #8da829;
}


.texte-profil-petit{
	color: #8da829;
	font-size: 12px;
}


.texte-rouge{
	color: #F00;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
}

.texte-trs-petit{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 8px;
}

.texte-libellé-profil{
	color:#000;
}