/* 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: #bdbfbe;
	text-align: center;
	}
	
#copyright {

width:940px;
height:10px;
position:absolute;
top:50%;
margin-top:270px;
left:50%;
margin-left:-470px;
border-style: solid;
border-width:0px;
border-color:#FFFFFF;

}

#contenu {
	width:940px;
	height:540px;
	position:absolute;
	top:50%;
	margin-top:-270px;
	left:50%;
	margin-left:-470px;
	border-style: solid;
	border-width:0px;
	border-color:#FFFFFF;
	text-align: center;

}

#copyright {

width:940px;
height:10px;
position:absolute;
top:50%;
margin-top:270px;
left:50%;
margin-left:-470px;
border-style: solid;
border-width:0px;
border-color:#FFFFFF;

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

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

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

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

.texte-fiche {
	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;
}

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

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

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

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

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

.lien_texte2 { 
    font-family: Verdana; 
	 color: #2099BC; 
	 font-size: 11px; 
	 text-decoration: underline;
	 font-style:normal;
	 font-weight:bold;
}	

.lien_texte2:hover {
    text-decoration: underline;
	  font-family: Verdana;
	 color: #525759; 
	 font-size: 11px;
	  font-style:normal;
	 font-weight:bold;
} 

.lien_texte3 { 
    font-family: Arial; 
	 color: #525759; 
	 font-size: 11px; 
	 text-decoration: underline;
}	

.lien_texte3:hover {
    text-decoration: underline;
	  font-family: Arial;
	 color: #2099BC; 
	 font-size: 11px; 
} 

.lien_texte4 { 
    font-family: Arial; 
	 color: #ca0007; 
	 font-size: 11px; 
	 text-decoration: underline;
}	

.lien_texte4:hover {
    text-decoration: underline;
	  font-family: Arial;
	 color: #323240; 
	 font-size: 11px; 
} 

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

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

/* Menu CSS Lavalamp */ 

.lavaLampWithImage {
position: relative;
height: 25px;
width: 800px;
background: url("../images/lws-background-menu.jpg");
padding: 0px;
margin: 0px;
overflow: hidden;
}

.lavaLampWithImage li {
float: left;
list-style: none;
}

.lavaLampWithImage li.back {
background: url("../images/lws-lava.gif") ;
z-index: 8;
width:9px;
height:25px;
position: absolute;
}

.lavaLampWithImage li.back .left {
background: url("../images/lws-lava.gif") repeat;
height: 25px;
margin-right: 0px; 
}
                   
.lavaLampWithImage li a {
text-decoration: none;
color: #ffffff;
outline: none;
text-align: center;
top: 7px;
text-transform: none;
font: 10px Arial, verdana, sans-serif;
letter-spacing: 0;
z-index: 10;
display: block;
float: left;
height: 25px;
position: relative;
overflow: hidden;
margin-left: 10px;
margin-right: 10px;    
}

.lavaLampWithImage li a:hover, .lavaLampWithImage li a:active, .lavaLampWithImage li a:visited {
border: none;
}

/*CSS pour la liste du fondu d'images style FLASH */ 

ul,li{margin:0;padding:0;}
ol,ul {list-style:none;}

.Style1 {
	color: #2099BC;
	font-weight: bold;
}

.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.*/ 

}