/* style.css www.og.ch (c) O. Georgallides-Scheurer - tous droits reserves. */



body, html { 
       
	   height:100%;
	   width:100%;
	   
	   	
} 
body, div, h1, #container, #contenu, #flow, #background, #background_right, p, #col_gauche  
	{
	margin:0;
	padding:0;
	border: 0 ;
}


body { 
       
	   background-color:#31332C;
	   color: #7C7C7C; 
	  } 



#background
{ 
	   
       position:absolute;
	   top:0;
	   left:0;
	   width:100%;
} 


#background_right
{ 
       right:0px;
	   bottom:0px;
	   position:fixed;
	  
	   } 


	
#container 
{ 
	   
       position:relative;
	   text-align: center;
	   width:500px;
	   margin: 0 0 0 200px;
	   background:#ffffff;
	   /*border-left: 20px #9c95e3 solid;
	   border-right: 20px #9c95e3 solid;
	   border-left: 20px #C7D92C solid ;
	   border-right: 20px #C7D92C solid;*/
	     border-left: 20px black solid ;
	   border-right: 20px black solid;
	    min-height:100%;
	
	
	 
} 

#contenu
{ 
	   
       padding-left:20px;
	    padding-right:20px;
		 text-align: left;
		 padding-top:173px;
		 padding-bottom:40px;
		 z-index:1000;
		 
	   
	
	 
} 

 
p {text-align: justify;


  
}




ul{
	list-style-image: url(pictures/internet_lausanne.gif)}


a {text-decoration:none; color:#31332C;z-index:20}

a:link,		
a:visited,
a:active {  }

a:hover		 {  color: #4c4c4c}
	   


img{
	border: none;           /* Ne pas entourer les images, même s'ils contiennent des liens */
  	/*vertical-align: middle /* Dans le cas d'une icône suivie d'un contenu, par exemple       */
	text-align:center;
}


strong { font-weigth: bold }	

em {font-style: italic}

#left
{ 
position:absolute; height:100%;
top:0px;
left:0px;


z-index:9999;}

#ad
{ float:right;
padding:20px;
color: #8bae0a;
text-align:right

} 
 
#ad a:link,		
#ad a:visited{color:#8bae0a  }
#ad a:hover		 {  color: #ffffff}
#ad a:active {color:#8bae0a  }

.drt
{ text-align:right;
float:right;
}

.liendrt
{ text-align:right;
float:right;
}


.liendrt, 
.liendrt a:link,	
.liendrt a:visited,
.liendrt a:active
{ 
color:#8bae0a;
}

.bottom { 
		text-align:center;
   	 	
		z-index:1;
		color: #666666;
		text-decoration:none; 
		
	
		border-top: 1px solid black; 
		width:500px;
	    margin: 0 0 0 200px;
		 /*position:absolute;
		bottom:2px;
		height:20px;*/

		
		
		
		}
		


.bottom a {text-decoration:none; color: #666666;}
.bottom a:link,		
.bottom a:visited,
.bottom a:hover	,	 
.bottom a:active{  }	 





.liens { 
		width:100%;
		text-align:center;
   	 	
		z-index:1;
		color: #666666;
		text-decoration:none; 
		
	

		}
		


.liens a {text-decoration:none; color: #666666;}
.liens a:link,		
.liens a:visited,
.liens a:hover	,	 
.liens a:active{  }