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


body, div, h2, #container, #texte, #flow p, ul, ol, dl, li, h1, h2, h3, h4, h5, h6  /*reset defaults */
	{
	margin:0;
	padding:0;
	border: 0 ;
	color:#7C7C7C;
}


body { 
	background-color:#9FC3E7;
	background: url(pictures/fond_bleu.jpg); 
} 

body, html { 
       
	   height:100%;
	   width:100%;
	   overflow:hidden
	   	
} 




.fond_lune { 
	width:100%; height:100%; position:absolute; top:0; left:0; z-index:0;  
} 

.sur_fond {
 	position:absolute; left:0px; top:0px; width:100%; height:100%; overflow-y:auto; }
 
 
#flow {
	position:relative; width:100%; height:100%; overflow:auto;}

#background_right { 
	   
          position:fixed;
	  right:20px;
	  bottom:0px;
	  z-index:1000;
} 


#background_left{ 
	   
     position:fixed;
	 left:0px;
	 top:0px;
	 z-index:1000;
} 


	 
#contenant { 
	position:relative;
	text-align: center;
	margin-left:10%;
	margin-right:10%;
	margin-top:0;
	margin-bottom:0;
	background:#ffffff;
	border-left: 2px #CCC solid ;
	border-right: 2px #CCC solid;
	background: url(pictures/fond_papier3.jpg);

} 


#contenu { 
		text-align:justify;
		/*padding-left:10%; padding-right:10%; nok sous IE6*/
		margin-left:10%; margin-right:10%;
		padding-bottom:20px;
		width:auto;
		height:auto;
		background-color:white;
		background: url(pictures/fond_papier3.jpg);

}

		
		

		
#contenu p {text-align:justify; }
 			

.transp {
			filter:alpha(opacity=50);   /* IE */
     		-moz-opacity:0.5;           /* Firefox */
    	    opacity: 0.5;               /* standard CSS3 */
    		-khtml-opacity: 0.5;        /* Konqueror */
			background-color:white;
			width:100%; /* Pour IE, largeur indispensable*/
			height:100%;
		    z-index:-1;
		   }

.texteopaque {
  width:100%; height:100%; /* pour correspondre à la taille du DIV */
   background-color: transparent;   /* fond transparent            */
   position: absolute;              /* positionnement absolu       */
   z-index: 2;                      /* placement sur l'autre DIV   */
}

 
hr {color:white; background-color:white; border: 2px dotted #CCC; border-style: none none dotted; 
margin-bottom:10px;
	margin-top:10px;}	  
	
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 texte, par exemple       */
	text-align:center;
	
	}	
p img {}


.bottom { 
		text-align:center;
   	 	color: #666666;
		text-decoration:none; 
		padding: 4px;
		position:absolute;
		bottom:5px;
		width:100%;
		z-index:900;
		
		}

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