
<!--
/* CSS issu des tutoriels css.alsacreations.com */


* {
margin: 0;
	padding: 0;
	border :0;
}


body {
	font-family: Tahoma,serif ;
z-index :0;
font-size : 11px;
font-size: 1.2em;
background : transparent url(img/fond_text_bas.jpg) repeat 0 -170px;  
	margin: 0;
	padding: 0;
color : #111;
	background-color : #fff;
	text-align: center; /* pour Internet Explorer */
	

}


h1 {
font-size :15px; 	
letter-spacing :2px;
color : #990000;
padding-bottom : 10px;
font-weight : bold;
font-variant: small-caps;
margin : 5px;
}

h2 {
font-size :13px; 	
letter-spacing :1px;
color : #770000;
padding-top : 10px;
font-variant: small-caps;
}


p  {
position : relative;
font-size :11px; 	
letter-spacing : 1px;
text-align : justify;
color  : #660000;
word-spacing:2px;
margin : 7px;
}


div.alignement {
margin: 0 auto; /* alignement pour les bons navigateurs */
text-align: left; /* alignement du texte dans ce conteneur */

	position: relative;
	width: 900px;
	color : #111;
	background-color : transparent;
}


div.colgauche {
display :block;
width :300px;
height : 400px;
float : left;
}


a {
text-decoration : none;
letter-spacing : 0.1em;
font-weight : bold;
}

#liens a {
font-weight : normal;
}
#liens  b a {
font-weight : bold;
}
a:link, a:visited {
color : #000;
background-color : transparent;
}

a:hover , a.acti {
color : #CC0000;
background-color : transparent;
}


#logofond {
background : transparent url(img/logofond.gif) no-repeat 0 0px;  
-moz-opacity : 0.4;
width : 400px;
/* pour ie */ 
opacity:.4;
filter: alpha(opacity=40);
height : 320px;
position: absolute;
left : -330px;
top : 200px;
}

.conteneur {
padding-left : 70px;


}


div#conteneurhaut , div#conteneurbas {
background : transparent url(img/fond_text.jpg) repeat 0 -150px;  
width : 100%;
}


div#conteneurhaut {

height :200px;
display :block;

}

div#conteneurmilieu {
background : transparent url(img/texture.jpg) repeat 0 150px;  
width : 100%;
}

div#conteneurmilieu .conteneur {
background : transparent url(img/fond_transp.png) repeat 0 0px;  
height :530px;
}

div#conteneurbas {
background : transparent url(img/fond_text_bas.jpg) repeat 0 -150px;  

position : relative;
height : 100%;
display :block;

}

img#logolugh {
float : left;
margin-top : -140px;
}

img#logocreation {
margin-left : -8px;
}

/*  MENU  */ 

#menu {
height : 33px;
width: 100%;
background-color: transparent ;
margin:0; 
padding : 0;
padding-top : 150px;
}


#menu ul  {
position : relative;
padding-top : 30px;
margin:0;
padding-left : 200px;
text-align : center ;

}


#menu ul li {
margin:0; padding : 0;
float : left ;
height : 15px;
width : 90px;
display : block;
list-style-type: none;
line-height : 15px;
font-size :0.1em;
font-size : 1px;
color : #222;
overflow :hidden;


}


#menu ul li a {
border : 0;
font-size : 0.1em;
text-decoration :none;
height : 15px;
display: block;
font-size : .1em;
}

#menu ul a span {
   position: absolute; 
   left: -9999px; 
   top: -9999px; 

}

#menu ul a:hover,  #menu li.acti a {
 background-position:0  -2px ;
 
}
a.accueil { background : transparent url(img/fr/accueil.png) no-repeat 0 -20px; }   a.presentation { background : transparent url(img/fr/presentation.png) no-repeat 0 -20px; }   a.galerie { background : transparent url(img/fr/galerie.png) no-repeat 0 -20px; }   a.actualites { background : transparent url(img/fr/actualites.png) no-repeat 0 -20px; }   a.contact { background : transparent url(img/fr/contact.png) no-repeat 0 -20px; }   a.liens { background : transparent url(img/fr/liens.png) no-repeat 0 -20px; }   
#menu ul  a:link, #menu ul  a:visited {

background-color : transparent;

}


a.accueil {
font-size : 0.1em;


}


#quartdroit {
position :absolute;
bottom : 0;
right : 10px;
display : block;
width : 111px;
height : 96px;
background : transparent url(img/quartdroit.gif) no-repeat 0 0 ;
-moz-opacity : 0.6;
opacity:.6;
filter: alpha(opacity=60);
}

/*  SPECIFIQUE */ 


#accueil {

}


#accueil  img , #liens img{
margin-top : 100px;
border : 1px solid #111;
}

/*  autre page */ 


#menu a.galerie {

margin-left  : 7px
}


/*  INSERT SCROLLER  */ 
.Scroller-Container {
  position: absolute;
  top: 0px; left: 0px;
z-index : 5;

}
.Scrollbar-Up {
  position: absolute;
    top: 50px;
  width: 10px; height: 10px;
  background-color: #CCC;
  font-size: 0px;
}

.Scrollbar-Down {
  position: absolute;
     top: 400px;
  width: 10px; height: 10px;
  background-color: #CCC;
  font-size: 0px;
}

#Scrollbar-Container {
  position: absolute;
  top: 70 px; left: 820px;

}


#transphaut {
position : absolute;
display  :block;
height : 16px;
width : 100%;
background : transparent url(./img/transpscrollh.png) repeat-x 0 0;
z-index : 15;


}

-->