/** Propriétés du corps du document **/
body
{
	height: 100%;	
	margin: 0;
	padding: 0;
	border: 0;
}

/** Propriétés de l'arrière-plan **/
#fond
{
	background: url(../jpg/texture_bois.jpg) top repeat;
	background-position: 115px 0%;
    width: 100%;
	overflow-x: hidden;
}

/** Propriétés de l'image de chargement **/
#chargement
{
	position: relative;
	background: url(../png/chargement_fr.png) no-repeat;
	width: 500px;
	height: 313px;
	left: 50%;
	top: 250px;
	margin-left: -250px;
}

/** Propriétés de la page principale **/
#accueil_page
{
	position: relative;
	background: url(../png/accueil_page_fr.png) top center no-repeat;
	visibility: hidden;
	min-height: 1500px;
	width: 100%;
	margin-top: -315px;
}

/** Propriétés du cadre principale **/
#cadre_maitre
{
	width: 1000px;
	height: 1500px;	
	position: relative;
    left: 50%;
    margin-left: -502px; /* moitié de la largeur de l'image */
	border: #00ff00 0px solid;
}

/** Propriétés générales des liens **/
a, a:visited
{
	text-decoration: none;
	outline: none; /* supprime les pointillés bleu lors d'un clic */
}

/** Propriétés du cadre des drapeaux **/
.cadre_drapeaux
{
	width: inherit;
	height: 50px;	
	position: relative;
	border: #ffff00 0px solid;
}

/** Propriété de l'élément ul (drapeaux) **/
.cadre_drapeaux ul
{
	margin: 2px 250px 0px 0px;
}

/** Propriété de l'élément li (drapeaux) **/
.cadre_drapeaux li
{
	padding-left: 0px; /* espacement entre les élément li */
	display: inline;
	float: right;
}

/** Propriétés des liens (drapeau fr) **/
a.langue_1
{
	display: block;
	background:url(../png/lng_fr.png) top center no-repeat;
	background-position: 0px 0px;	
	width: 40px;
	height: 40px;
}

/** Propriétés des liens (drapeau uk) **/
a.langue_2
{
	display: block;
	background:url(../png/lng_uk.png) top center no-repeat;
	background-position: 0px 0px;	
	width: 40px;
	height: 40px;
}

/** Propriétés des liens survolés (drapeaux uk,fr) **/
.cadre_drapeaux a:hover
{
	text-decoration: none;
	background-position: 0px -40px;
}

/** Propriétés du cadre de vignette **/
.cadre_vignette
{
	width: inherit;
	height: 185px;	
	position: relative;
	border: #ff0000 0px solid;
}

/** Propriétés du cadre de vignette **/
.cadre_vignette table
{
margin-left: 3px;
} 

/** Propriétés du formulaire **/
.cadre_vignette form
{
	margin: 38px 0px 0px 605px;
}

/** Propriétés des champs du formulaire **/	
.cadre_vignette input 
{   
	background-color: transparent;
	border: 0px;
	width: 150px;
	height: 16px;
    padding: 2px; /* définition des dimensions des marges interieures du champ */
	margin: 5px 0px 28px 0px;
}

/** Propriétés du bouton de validation du formulaire **/	
input.validation_vignette
{
	background:url(../png/bouton_validation.png) top center no-repeat;
	margin-left: 2px;
	width: 42px;
	height: 34px;
}

/** Propriétés du bouton de validation du formulaire (survol) **/
input.validation_vignette:hover
{
	text-decoration: none;
	background-position: 0px -34px;
}

/** Propriétés du cadre du menu **/
.cadre_menu
{
	width: inherit;
	height: 185px;	
	position: relative;
	border: #0000ff 0px solid;
}

/** Propriétés du menu d'inscription **/
.menu_inscription a
{
	background:url(../png/sticker_fr.png) top center no-repeat;
	background-position: -20px -20px;
	margin: 25px 0px 0px 7px;
	display: block;	
	width: 120px;
	height: 120px;
}

/** Propriétés du menu d'inscription (survol) **/
.menu_inscription a:hover
{
	text-decoration: none;
	background-position: -20px -171px;
}

/** Propriétés du cadre de page **/
#cadre_page
{
	width: 810px;
	height: 1000px;	
	position: relative;
	margin: 0px 0px 0px 150px;
	border: #00ff00 0px solid;
}

/** Propriétés du bas de page **/
#bas_de_page 
{
	background: url(../png/bas_de_page.png) repeat-x;
	background-position: 0px 0px;
	position: relative;
	height: 120px;
    width: 100%;
}