/* 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;
	margin:0px;
	color: #525759;
	background-image:url(../images/background.jpg);
	background-repeat:repeat-x -y;
	background-color: #f0f0e6;
	}
	
#contenu {

width:899px;
position:relative;
left:50%;
margin-left:-450px;
margin-top:0px;
border-style: solid;
border-width:0px;
border-color:#FFFFFF;
background-image:url(../images/background-ligne.jpg);
background-color: #f0f0e6;

}

#ligne {

width:1px;
margin:0px;
background-color: #f0f0e6;


}




#total {

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

}

#copyright {

width:800px;
position:relative;
left:50%;
margin-left:-400px;
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: #696966;
	text-decoration: none;
	font-family: Arial, Helvetica, Verdana, Arial;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
}

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

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

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

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

.sousmenu:hover {
	color: #ee8217;
	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: #ee8217; 
	 font-size: 13px; 
	 text-decoration: underline;
}	

.lien_texte:hover {
    text-decoration: underline;
	  font-family: Arial;
	 color: #696966; 
	 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_texte_copyright { 
    font-family: Arial; 
	 color: #FFFFFF; 
	 font-size: 10px; 
	 text-decoration: none;
}	

.lien_texte_copyright:hover {
    text-decoration: underline;
	  font-family: Arial;
	 color: #009DC4; 
	 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: #ee8217;
	font-weight: bold;
}

.droite { 

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

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

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

}