@charset "utf-8";
/* CSS Document */

*{
	margin:0;
	padding:0;
}

body{
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	background:#f2e8cf;
}

.container{
	width:960px;
	height:auto;
	margin:0 auto;
}
/* bannière - header */
.logo{
	float:left;
	width:260px;
	height:260px;
}
header{
	background:url(../images/banniere-fleuriste.jpg) no-repeat;
	width:960px;
	height:260px;
}
	
hgroup{
	text-align:left;
	padding-top:40px;
	margin-left:-30px;
	color:floralwhite;
}
h1{
    font-family: 'Rammetto One', cursive;
	font-size:50px;
}
h2{
    font-family: 'Satisfy', cursive;
	font-size:30px;
	line-height:30px;
	text-align:right;
	padding-right:90px;
	padding-top:10px;
	margin-bottom:20px;
	color:#676464;
}

header nav{
	background-color:#676464;
	height: 45px;
	margin-bottom: 10px;
	font-variant:small-caps;
	font-size:20px;
}	
	
header nav ul li{
	list-style-type: none;
	display: inline;
	line-height: 45px;
	margin-left: 15px;
	font-weight: bold;	
}	
	
header ul li a{
	text-decoration: none;
	color: floralwhite;
}	

header ul li a:hover{
	color:#93d6be;
	/*#69B59A;*/
}

/*footer*/
footer{
	/*pour que rien ne se place ni à droite ni à gauche*/
	clear: both	;
	background-color: #383131;
	padding-top:20px;
	height:50px;
}
#fleur-left{
	float:left;
	margin:-10px 20px 0px 200px;
}
#fleur-right{
	margin:-10px 20px 0px 20px;
}
h6{
	text-align:center;
	/*pour que la fleur se place à droite*/
	float:left;
	font-size:15px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-variant:small-caps;
	letter-spacing:3px;
	color: floralwhite;
	/*pour centrer en hauteur dans le bloc*/
	line-height: 30px;
}






/* partie modifiable : droite */
section{
	/*la suite se place à sa droite : l'aside donc*/
	float: left;	
	width: 660px;
	}
section article{
	margin-top:30px;
	background:#FFCFC2;
}
section h3{
   font-family: 'Rammetto One', cursive;
   background:#e38796;
   /*#f77458;*/
   color:#676464;
   /*#8c1b0d;*/
   padding-left:20px;
   font-size:20px;
   line-height:42px;
}
section p{
	padding:20px 20px 0px 20px;
	text-align:justify;
	font-size:14px;
	/*alinea*/
	text-indent: 30px;
}
.p-bottom {
	padding:20px;
}
.fer-droite {
	text-align:right;
	font-size : 10px;
}
.habillage{
	float:right;
	margin: 0px 0px 0px 15px;
	}
figcaption{
	text-align:center;
	text-transform:uppercase;
	/*color:#f77458;*/
	color: #640507;
	border-bottom: thin solid #640507;
	font-weight: bold;
}
/* Liens du bas de section centrale*/
.sansalinea{
	/*annule l'alinéa*/
	text-indent: 0px;
	color: #640507;
	text-transform: uppercase;
}
.lien{
	color:#e38796;
}

a{
	color:#640507;
	text-decoration: none;
	font-weight:bold;
}
a:hover{
	color : #676464;
}
.suite{
	text-align:right;
	background:#e38796;
	color:#f77458;
	text-transform:uppercase;
	padding-top:8px;
	padding-bottom:8px;
}
.scroll{
	margin-bottom:10px;
	font-family: 'Open Sans Condensed', sans-serif;
	letter-spacing:2px;
	text-align:right;
	
}


/* barre latérale : gauche */
aside{
	margin-top:30px;
	background-color:#93d6be;
	float: left;
	width: 300px;
}
aside h4{
    font-family: 'Open Sans Condensed', sans-serif;
	height:42px;
	font-size:25px;
	text-align:center;
	background:#676464;
	color: floralwhite;
	letter-spacing:2px;
}

aside p{
	padding:15px;
	text-align:left;
	font-size:14px;
	}

aside ul li{
	list-style-type: none;}
aside ul li a{
	text-decoration: none;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:25px;
	color:#030303;
	background-color:#69B59A;
	padding: 5px;
	margin: 5px;
	height: 35px;
	display: block;
	text-align: center;
	line-height: 33px;
}
aside h5{
    font-family: 'Open Sans Condensed', sans-serif;
	font-size:25px;
	line-height:30px;
	text-align:center;
	color: #676464;
	letter-spacing:2px;
	margin-top:-15px;
	
}
.horaire{
	padding-left:50px;
}
.lien-aside a{
	color:#676464;
}
.lien-aside a:hover{
	color:#69B59A;
}
.filet{
	background-color:#69B59A;
	border:none;
	width:250px;
	height:5px;
	margin-left:auto;
	margin-right: auto;
	margin-top:18px;
	margin-bottom:25px;
}

/* formulaire contact */
.formulaire{
	padding:15px;
}

fieldset{
	padding:20px 10px 20px 10px;
	line-height:40px;
}
legend{
	padding-left: 10px;
	padding-right: 10px;
	background-color : #93d6be;
}
label {
	color:#030303;
}

input{
	color:#69B59A;
	padding-left:5px;
	height:25px;
}


/*bloc login
		.loginpass{
			text-align: center;	
		}
		.inscription{
			padding-right: 10px;
			text-transform: uppercase;
		}*/
.centrer{
			text-align: center;
		}
.bouton{
			color:#484848;
			font-family: 'Rammetto One', cursive;
			letter-spacing: 2px;
			font-size: 15px;
			height:30px;
			text-transform: uppercase;
			font-weight: bold;
			padding-left: 20px;
			padding-right: 20px;
			background-color: white;
			border-radius: 5px;
		}
.bouton:hover{
			background-color: #484848;
			color: white;
		}
		
.initialiser{
			color:#69B59A;
			margin-top:5px;
		}
/*fin bloc login*/

/*bloc bienvenue utilisateur logué*/
#utilisateur{
	text-align: center;
	font-weight: bold;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 25px;
	letter-spacing: 2px;
	color:#03494D;
	margin-bottom: -10px;
}
#offrepersoliste{
	padding-left: 30px;
	margin-bottom: 30px;	
}
#offrepersoliste a{
	text-decoration: none;
	color:#03494D;
}

/*fin bloc bienvenue*/