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

		

body		{background-image:url("photos/fond1.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:white;
       		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 remetre pr travailler */   
		font-style:arial,verdana,sans-serif;}

nav ul{		list-style-type: none;}/*retire le point noir devant ch item*/

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

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

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

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

section1 {	display:inline-block;/*les colonnes sont alignées*/
		border:none;/* a remettre si nécessaire1px solid black*/
		width:250px;
		height:600px;		
		margin-top:15px;		
		position:relative;
		margin-left:60px;}

section2{	display:inline-block;/*les colonnes sont alignées*/
		border:none;/* a remettre si nécessaire1px solid black*/
		width:250px;
		height:600px;		
		margin-top:15px;		
		position:relative;
		margin-left:60px;}

section3{	display:inline-block;/*les colonnes sont alignées*/
		border:none;/* a remettre si nécessaire1px solid black*/
		width:250px;
		height:600px;		
		margin-top:15px;		
		position:relative;
		margin-left:60px;}

article1  {	position: absolute;/*Ca sent bon le printemps*/
		width:200px;
		height:150px;
		margin-top: 62px;
		margin-left:25px;		
		box-shadow: 0px 4px 4px #1c1a19;}

article2{	position:absolute;/*2ème image*/
		width:130px;
		height:190px;
		margin-top:324px;
		margin-left:45px;
		box-shadow: 0px 4px 4px #1c1a19;}

article3{	position: absolute;/*3ème image*/
		width:220px;
		height:220px;
		margin-top:62px;
		margin-left:25px;		
		box-shadow: 0px 4px 4px #1c1a19;}

article4{	position:absolute;/*4ème image*/
		width:230px;
		height:150px;
		margin-top:360px;
		margin-left:5px;
		box-shadow: 0px 4px 4px #1c1a19;}

article5{	position:absolute;/*5ème image*/
		width:300px;
		height:190px;
		margin-top:62px;
		margin-left:10px;
		box-shadow: 0px 4px 4px #1c1a19;}

article6{	position:absolute;/*6ème image*/
		width:190px;
		height:240px;
		margin-top:324px;
		margin-left:55px;
		box-shadow: 0px 4px 4px #1c1a19;}





p{		text-align:center;
		font-style:arial,verdana,sans-serif;}
.intitule {	color:white;
		font-style:arial,verdana,sans-serif;}


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

p1	{font-family: papyrus,arial,verdana,sans-serif/*interruption*/;
	font-size:large;
	color:white;
	text-align:justify;}