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



body		{background-image:url("photos/fleur'.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 /*url("photos/muret.jpg")*/ no-repeat;
		position: relative;/*à l'intérieur du bloc, sans décalage*/	
		margin-bottom: 25px;
		margin-top: 15px;}
	
	
#titre1{	color:black;
       		font-size:3.0em;
       		font-style:arial,"Trebuchet SM",sans-serif;
		position:absolute;
      		margin:10px 400px;
		font-style:italic;}

#titre2{	color:black;
       		font-size:1.5em;
       		font-style:arial,"Trebuchet SM",sans-serif;
		position:absolute;
      		margin:100px 350px;
		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;
        	margin-right: 100px;
       		margin-left:40px;} /*positionne les liens les uns à coté des autres*/

nav a {		font-size: 1.3em;/*liens par defaut*/
       		color:black;
       		padding-bottom:3px;
		text-decoration:none;
		text-shadow:2px 2px 2px black;
       		}

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

 

#section {	width:100%;
		margin:auto;
		border:none;/*cadre qui entoure les sections*/}	
section7
	{	display:inline-block;/*les colonnes alignées*/
		border:none /*1px solid black*/;
		width:250px;
		height:850px;		
		margin-top:15px;		
		position:relative;
		margin-left:0px;}

section8 
	{	display:inline-block;/*les colonnes alignées*/
		border:none /*1px solid black*/;
		width:250px;
		height:850px;		
		margin-top:15px;		
		position:relative;
		margin-left:130px;}
section9
	{	display:inline-block;/*les colonnes alignées*/
		border:none /*1px solid black*/;
		width:250px;
		height:850px;		
		margin-top:15px;		
		position:relative;
		margin-left:100px;}

article12  {	position: absolute;
		width:210px;
		height:311px;
		margin-top:62px;
		margin-left:50px;		
		box-shadow:0px 4px 4px #1c1a19;}

article13{	position:absolute;
		width:300px;
		height:210px;
		margin-top:500px;
		margin-left:30px;
		box-shadow: 0px 4px 4px #1c1a19;}


article14{	position:absolute;
		width:260px;
		height:192px;
		margin-top:600px;
		margin-left:30px;
		box-shadow: 0px 4px 4px #1c1a19;}

article15{	position: absolute;
		width:350px;
		height:217px;
		margin-top: 500px;
		margin-left:0px;		
		box-shadow:0px 4px 4px #1c1a19;}

article16{	position: absolute;
		width:200px;
		height:302px;
		margin-top: 70px;
		margin-left:80px;		
		box-shadow:0px 4px 4px #1c1a19;}


article17{	position:absolute/*text*/;
		width:250px;
		height:300px;
		margin-top:100px;
		margin-left:30px;
		border:none /*1px solid black*/;
		font-style:italic;}


p{		text-align:center;
		font-style:arial,"Trebuchet SM",sans-serif;
		line-height:2em;}

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