#bloc_page	{width:80%; 
		margin:auto;           	
		border:none;}/* a remettre si besoin :1px solid black*/



body		{background-image:url("photos/ginko.jpg") ;/*image de fond dans le meme dossier*/
     		no-repeat/*image unique*/
     		fixed; }/* l'image de fond ne bouge pas*/	

#banniere {   	width:100%;
		height: 200px;
		background:none;
		position: relative;		
		margin-top: 15px;
		margin-bottom: 25px;
		border-radius: 5px;		
		box-shadow: 0px 4px 4px #1c1a19;		
		}

	
#titre{		position:absolute;
		margin:100px 40px;
		color:maroon;
       		font-size:3.0em;
       		font-style:arial,verdana,sans-serif;
		font-style:italic;
		}

/* tous les items de la navigation, des liens*/
nav {		display:inline-block;/*--pour aligner les menus et non les entasser*/
		font-style:Arial,Verdana,sans-serif;	
     		width:100%;
     		margin:auto;

      		border:none;} /*a remettre pr travailler(1px solid black)*/   
nav ul{		list-style-type: none;}/*retire le point noir devant ch item*/

nav li{		display:inline-block;/*positionne les liens les uns à coté des autres*/
        	margin-left:60px;
		margin-right:40px;
		}

nav a {		font-size: 2em;/*liens par defaut*/
       		color:maroon;
       		padding-bottom:0px;
		text-decoration:none;}

nav a:hover{	color:yellow;} /*apparence au survol des liens...*/ }


#section {	width:100%;
		margin:auto;
		border:none;/*cadre qui entoure les sections*/}	


section4 {	display:inline-block;/*les colonnes alignées*/
		border:none;/*1px solid black*/
		width:300px;
		height:600px;		
		margin-top:15px;		
		position:relative;
		margin-left:10px;}

section5
	  {	display:inline-block;/*les colonnes alignées*/
		border:none;/*1px solid black*/
		width:300px;
		height:600px;		
		margin-top:15px;		
		position:relative;
		margin-left:10px;}
section6
	 {	display:inline-block;/*les colonnes alignées*/
		border:none;/*1px solid black*/
		width:300px;
		height:600px;		
		margin-top:15px;		
		position:relative;
		margin-left:60px;}

article7  {	position: absolute;
		width:250px;
		height:132px;
		margin-top:100px;
		margin-left:30px;		
		box-shadow: 0px 4px 4px #1c1a19;}

article8{	position:absolute;
		width:230px;
		height:165px;
		margin-top:380px;
		margin-left:20px;
		box-shadow: 0px 4px 4px #1c1a19;}



article9{	position:absolute;
		width:230px;
		height:165px;
		margin-top:380px;
		margin-left:100px;
		box-shadow: 0px 4px 4px #1c1a19;}

article10{	position: absolute;
		width:200px;
		height:308px;
		margin-top: 260px;
		margin-left:50px;		
		box-shadow: 0px 4px 4px #1c1a19;}

article11{	position: absolute/*text*/;
		width:250px;
		height:200px;
		margin-top: 10px;
		margin-left:5px;				
		border:none /*1px solid white*/;}




.intitule {color:maroon;
		font-style:Arial,"Trebuchet SM",sans-serif;}



p	{font-family: papyrus,arial,verdana,sans-serif/*blabla*/;
	font-size:large;
	color:white;
	text-align:center;}