/* SUR UNE IDEE DE ZWATLA MODIFIE PAR DJEFSITE */ 
body{ 
height: 100%; 
} 
body { 
margin: 0; 
padding: 0; 
background: #000000 ;
text-align :left; 
font-family : arial; 
font-size : 13px ; 
color : #fff; 
} 
/* BLOC CONTENEUR */ 
#transpar{position:absolute; 
left: 50%; 
top: 50%; 
width: 100%; 
height: 370px; 
margin-top: -175px; 
margin-left: -50%; 
background :#000 url(images/centre.gif) ;
text-align : left; 
border :0; }
#cont { 
position:absolute; 
left: 50%; 
top: 50%; 
width: 800px; 
height: 350px; 
margin-top: -175px; 
margin-left: -420px; 
background :#000 url(images/fondtable.jpg) ;
text-align : left; 
border : 10px solid #fff ; }
#souscont { 
position:absolute; 
left: 50%; 
top: 50%; 
width: 820px; 
height: 60px; 
margin-top: -235px; 
margin-left: -420px; 
background :#fff ;
text-align : left;
background:url(images/casa.gif) no-repeat left #000000;}
 


/* MENU */ 


#menu {
position : absolute ;
background : transparent ;  
right : 0;
top : 0 ; 
padding : 0; 
margin : 0 ; 
list-style : none ; 
height : 300px;
text-align : left ; 
}

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



#menu li a span{ list-style:none}


#menu li {
float : left; 
list-style : none ;
 
} 

#menu li a {
float : left ; 
padding : 0  0 0 1px ; 
margin : 0;
width : 30px ; 
height : 350px ; 
display : block;
background : #ccc ; 
-moz-opacity:0.8;
opacity: 0.8;
filter:alpha(opacity=80); 
} 

#menu li a:hover {
background : #666 ;  
} 

#menu a.mecontacter{
background: url(images/lecontact.jpg); 
background-position : 30px 0;

}
#menu a.mecontacter:hover {
background: url(images/lecontact.jpg); 
background-position : 0 0 ;}

#menu a.accueil{
background: url(images/accueil.jpg); 
background-position : 30px 0}
#menu a.accueil:hover {
background: url(images/accueil.jpg); 
background-position : 0 0 ;}

#menu a.local{
background: url(images/localis.jpg); 
background-position : 30px 0 ;
}
#menu a.local:hover {
background: url(images/localis.jpg); 
background-position : 0 0;}

#menu a.images{
background: url(images/photo.jpg); 
background-position : 30px 0}

#menu a.images:hover {
background: url(images/photo.jpg); 
background-position :  0 0 ;}

#menu a.liens{
background: url(images/mes_liens.jpg); 
background-position : 30px 0}
#menu a.liens:hover {
background: url(images/mes_liens.jpg); 
background-position :  0 0 ;}
#menu a.quisuisje{
background: url(images/qui_suis_je.jpg); 
background-position : 30px 0}
#menu a.quisuisje:hover {
background: url(images/qui_suis_je.jpg); 
background-position : 0 0 ;}
#menu a.technique{
background: url(images/technique.jpg); 
background-position : 30px 0}
#menu a.technique:hover {
background: url(images/technique.jpg); 
background-position : 0 0 ;}



/* BLOC CENTRE */ 


#centre { 
background : transparent ; 
height : 350px; 
width : 584px; 
overflow : auto;
color : ORANGE}

/* BLOC GAUCHE */ 

#gauche {
margin : 0 0 0 0;
padding : 5px 0 0 3px ; 
width : 254px;
height:340px;
float : left  ; 
background :transparent ;
color : #000 ;}


/* BLOC TEXTE */ 

#bloc_texte {overflow: hidden;
background :#fff ; 
float : right ; 
border-left :10px solid #fff; 
border-right :8px solid #fff; 
height : 350px; 
width : 305px; 

color : #000; }
#texte {overflow: auto;
background:#fff ; 
height : 350px; 
width : 305px; 
color : #333; }
#bloc_texte img{
 margin : 8px 0 0 0 ; 
 border : 0
}
#bloc_texte ul{
width : 90%
}
p {
padding : 0 0 0 0;   
margin : 5px 10px 0 0
}


/* TITRES  */ 


h1{
margin: 2px 10px  0 0; 
padding: 0; 
}



/* LIENS */

 
a {color: #333300 }  
a:hover {color: #006633} 

/*PIED */



#footer {position : absolute ;  text-align : center ; bottom : 5% ; left : 0 ; width : 100% ; color: #666666; font-size:10px; }
#footer a {color : #666666 ; text-decoration : none; }
#footer p {margin : 0 0 0 -10px ; padding : 0 }
#footer a:hover {color :#fff ; text-decoration :none ; }