/* CSS Document */

body{
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #525759;
	background-image:url(../images/lws-background.jpg);
	background-repeat:repeat-x;
	background-color: #66011B;
	margin:0;
	}
	
#contenu {

width:880px;
position:relative;
left:50%;
margin-left:-440px;
margin-top:0px;
border-style: solid;
border-width:0px;
border-color:#FFFFFF;
background-color: #66011B;

}

#total {

width:880px;
position:absolute;
left:50%;
margin-left:-440px;
margin-top:10px;
border-style: solid;
border-width:0px;
border-color:#FFFFFF;

}

#fr {

width:540px;
height:155px;
margin-top:0px;
margin-bottom:0px;
background-image:url(../images/background-fr.jpg);
background-repeat: no-repeat;

}

#nl{

width:540px;
height:155px;
margin-top:0px;
margin-bottom:0px;
background-image:url(../images/background-nl.jpg);
background-repeat: no-repeat;

}

#de {

width:540px;
height:155px;
margin-top:0px;
margin-bottom:0px;
background-image:url(../images/background-de.jpg);
background-repeat: no-repeat;

}

#uk {

width:540px;
height:155px;
margin-top:0px;
margin-bottom:0px;
background-image:url(../images/background-uk.jpg);
background-repeat: no-repeat;

}

#contact {

width:340px;
height:198px;
margin-top:0px;
margin-bottom:0px;
background-image:url(../images/background-contact.jpg);
background-repeat: no-repeat;

}

#galerie {

width:340px;
height:240px;
margin-top:10px;
margin-bottom:0px;
background-image:url(../images/background-galerie.jpg);
background-repeat: no-repeat;

}

#acces {

width:340px;
height:230px;
margin-top:0px;
margin-bottom:0px;
background-image:url(../images/background-acces.jpg);
background-repeat: no-repeat;

}

#copyright {

width:880px;
position:relative;
left:50%;
margin-left:-440px;
border-style: solid;
border-width:0px;
border-color:#FFFFFF;
margin-top:5px;
margin-bottom:5px;

}
.texte_copyright {
	color: #FFFFFF;
	text-decoration: none;
	font-family: Arial;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
}

.texte {
	color: #FFFFFF;
	text-decoration: none;
	font-family: Arial, Helvetica, Verdana, Arial;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
}

.lien_texte { 
    font-family: Arial; 
	 color: #FFFA73; 
	 font-size: 13px; 
	 text-decoration: underline;
}	

.lien_texte:hover {
    text-decoration: underline;
	  font-family: Arial;
	 color: #FFFFFF; 
	 font-size: 13px; 
} 

.lien_texte_copyright { 
    font-family: Arial; 
	 color: #FFFFFF; 
	 font-size: 10px; 
	 text-decoration: none;
}	

.lien_texte_copyright:hover {
    text-decoration: underline;
	  font-family: Arial;
	 color: #FFFA73; 
	 font-size: 10px; 
} 

.droite { 

/*Placement de l'objet à gauche du bloc presentation*/ 
float:right; 

/*Marge de 5px à droite de l'objet*/ 
margin-left:10px;
margin-right:0px;
margin-top:0px; 
margin-bottom:0px;   

/*Pour ton image, tu peux également fixer une position au sein de ta présentation afin qu'elle ne bouge pas lors du redimensionnement de la fenêtre. Celà dit comme ta presentation à une taille fixe, çà ne bougera pas. C'est utile lorsque le bloc est de taille proportionnelle à ta page.*/ 

} 

.gauche { 

/*Placement de l'objet à gauche du bloc presentation*/ 
float:left; 

/*Marge de 5px à droite de l'objet*/ 
margin-left:0px;
margin-right:10px;
margin-top:0px; 
margin-bottom:0px;   

/*Pour ton image, tu peux également fixer une position au sein de ta présentation afin qu'elle ne bouge pas lors du redimensionnement de la fenêtre. Celà dit comme ta presentation à une taille fixe, çà ne bougera pas. C'est utile lorsque le bloc est de taille proportionnelle à ta page.*/ 

}