﻿body {
	margin: 0; padding: 0; 
	background-image:url('../design/lotus-5292554_1280.jpg');
	background-position: center; /* Centre l'image de fond */ 
	background-attachment:fixed;
}
	
#header{
	background-color:#44000E;
   	width: 1000px;
   	margin:auto;
   	margin-top:15px;
   	height: 150px;
   	border: 4px solid #FFFFFF;
   	border-radius:10px;
	box-shadow: 10px 5px 5px black;	
}

#content{
	background-color: #E5DCDC;
   	width: 1000px;
   	margin:auto;
   	margin-top:15px;
   	padding-top:15px;
   	border: 4px solid #FFFFFF;
   	border-radius:10px;
   	min-height:950px;
	box-shadow: 10px 5px 5px black;	
}

#footer{
	background-color:#44000E;
   	width: 1000px;
   	margin:auto;
   	margin-top:15px;
   	padding-top:15px;
   	height: 120px;
   	border: 4px solid #FFFFFF;
   	border-radius:10px;
	box-shadow: 10px 5px 5px black;	
}

#logo{
	width:35%;
	height:100%;
	padding-left:10px;
	padding-top:10px;	
}

#menu{
	text-align:center;
}

.article{
	margin-left:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	text-align:left;
	color:maroon;
	
}

.photo{
	padding-left:15px;
}

.libelle{
	font-family:Arial, Helvetica, sans-serif;
	font-size:medium;
}
.info{
	font-family:Arial, Helvetica, sans-serif;
	font-size:large;
	color:maroon;
	text-align:center;
}

#accordion{
	width:90%;
	margin:auto;
	background-color:white;
}

.titre{
	font-family:Arial, Helvetica, sans-serif;
	font-size:medium;
	font-weight:bold;
	text-align:left;
	padding-left:15px;
	background-color:maroon;
	color:white;
	line-height:30px;
}

.reponse{
	font-family:Arial, Helvetica, sans-serif;
	font-size:medium;
	text-align:left;
	margin-left:30px;
}
.questions{
	font-family:Arial, Helvetica, sans-serif;
	font-size:x-large;
	text-align:center;
	color:maroon;
	font-weight:bold;
	
}
	.mini_lnk {
		font-family: arial;
		font-size: 16px;
		font-weight: bold;
		color:white;
		TEXT-DECORATION: none;
	}
	.mini_lnk:hover {
		font-family: Arial;
		font-size: 16px;
		font-weight: bold;
		color:lightpink;
		TEXT-DECORATION: none;
	} 
/*----------------------MENU-------------------------------------------------------------*/
#container {width: 100%;
	margin:auto;
	ul, li {margin: 0; padding: 0;}
#blob { border-right: 1px solid #0059ec; border-left: 1px solid #0059ec; position: absolute; top: 0; z-index : 1;
 	background: #BCA6AD;
 	background: -moz-linear-gradient(top, ##BCA6AD, #1153c0);
 	background: -webkit-gradient(linear, left top, left bottom, from(#BCA6AD), to(#8D7C82));
 	-moz-border-radius: 4px;
 	-webkit-border-radius: 4px;
 	-moz-box-shadow: 2px 3px 10px #011331;
 	-webkit-box-shadow: 2px 3px 10px #011331;
}
#nav { position: relative; background: #44000E; float: left;
}
#nav li { float: left; list-style: none; border-right: 1px solid #4a4a4a; border-left: 1px solid black;}
#nav li a { color: #e3e3e3; position: relative; z-index: 2; float: left; font-size: 28px; font-family: Gabriola; text-decoration: none; padding: 10px 20px;}
/*--------------------------------------------------------------------------------------*/









