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



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



#banniere {     margin-top: 15px;
		height: 200px;
		width:100%;
		border-radius: 5px;
		background: url("photos/bandeau fleurs.jpg")no-repeat ;
		position: relative;
		box-shadow: 0px 4px 4px #1c1a19;
		margin-bottom: 25px;}



#titre{		color:blue;
       		font-size:3.0em;
       		font-style:Arial,"Trebuchet SM",sans-serif;
		position:absolute;
      		margin:100px 40px;}

/* 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;}    
nav ul{		list-style-type: none;}/*retire le point noir devant ch item*/
nav li {	display:inline-block;
        	margin-right: 50px;
       		margin-left:50px;
		margin-bottom:10px;} /*positionne les liens les uns à coté des autres*/

nav a {		font-size: 2em;/*liens par defaut*/
       		color:black;
       		padding-bottom:3px;
       		text-decoration:none;
		}
	
nav a:hover{	color:yellow;} /*apparence au survol des liens...*/

 #section {	width:100%;
		margin:auto;}	

section1,section2,section3  {	display:inline-block;/*les colonnes sont alignées*/
		border:none;/*1px solid black*/
		width:250px;
		height:600px;		
		margin-top:15px;		
		position:relative;
		margin-left:60px;}
article1  {	position: absolute;/*1ère image*/
		width:190px;
		height:150px;
		margin-top: 62px;
		margin-left:25px;		
		box-shadow: 0px 4px 4px #1c1a19;}
article2{	position:absolute;/*2ème image*/
		width:150px;
		height:200px;
		margin-top:324px;
		margin-left:45px;
		box-shadow: 0px 4px 4px #1c1a19;}



article3{	position: absolute;/*4ème image*/
		width:250px;
		height:150px;
		margin-top:62px;
		margin-left:10px;		
		box-shadow: 0px 4px 4px #1c1a19;}
article4{	position:absolute;/*5ème image*/
		width:150px;
		height:250px;
		margin-top:280px;
		margin-left:50px;
		box-shadow: 0px 4px 4px #1c1a19;}


article5{	position: absolute;/*7ème image*/
		width:100px;
		height:190px;
		margin-top: 40px;
		margin-left:80px;		
		box-shadow: 0px 4px 4px #1c1a19;}
article6{	position:absolute;/*8ème image*/
		width:140px;
		height:191px;
		margin-top:324px;
		margin-left:70px;
		box-shadow: 0px 4px 4px #1c1a19;}


#pensee{width:80%;
  	margin-left:15px;
	border:none; /*a remettre si nécessaire,1px solid white*/
	padding:10px;/*marge intérieure*/
	margin-bottom:55px;
	line-height:1.5em;}

p1	{font-family: papyrus,arial,verdana,sans-serif/*interruption*/;
	font-size:medium;
	color:black;
	text-align:justify;}
p2	{font-family: papyrus,arial,verdana,sans-serif/*interruption*/;
	font-size:small;
	color:black;
	text-align:justify;}