* {margin:0;padding:0;text-decoration:none;border:none;font-family:Arial;}
a {text-decoration:none;}

body { background-color:#495b0f; background-image:url('./context/Welsh_Mountain.jpg'); background-repeat:no-repeat; background-position:center top; background-attachment:fixed; background-size:100% auto; padding-top:10px;}

#container 
	{
	position:relative;
	width:90%;max-width:1056px;min-width:1000px;
	margin:0 auto 100px;
	}

#contents
	{
	height:auto;min-height:620px;
	border-left: 1px solid #f5f4c1;
	border-right: 1px solid #f5f4c1;
	color:black; 
	font-size:15px;
	background:#dcdb81;
	}

#container .boxTop, #container .boxTom {height:7px;font-size:0;}
.boxTop .left , .boxTop .right , .boxTom .left , .boxTom .right {display:inline-block;width:0.875%;height:7px;}
.boxTop .center {display:inline-block;width:98.25%;height:6px;border-top:1px solid #F5F4C1;background:#DCDB81;}
.boxTom .center {display:inline-block;width:98.25%; height:6px;border-bottom:1px solid #F5F4C1;background:#DCDB81;}


.notify { height:16px; margin:0 10px 5px; font-size:0; }
.notify table { width:100%; height:16px; }
.notify div { margin-left:5px; padding:0 2px 0; text-align:left; font-size:12px; font-weight:bold; }
.notify_succes { border:1px solid green; background:#99FFCC; color:green; }
.notify_info { border:1px solid blue; background:#CCFFFF; color:blue; }
.notify_quest { border:1px solid #990099; background:#FFDDFF; color:#990099; }
.notify_alert { border:1px solid #FF9900; background:#FFFFCC; color:#FF9900; }
.notify_error { border:1px solid red; background:#FFCCDD; color:red; }


.generalitees  {text-align:justify; margin:20px; padding:5px;}


.don
	{
	border-style:solid; border-width:2px; border-color:#F1F1D1 #7E7E4A #7E7E4A #F1F1D1; border-radius:5px; margin:0 5px;
	}

.don:hover
	{
	border-style:solid; border-width:2px; border-color:#7E7E4A #F1F1D1 #F1F1D1 #7E7E4A;
	background:#D0CF75;
	}

.boite
	{
	border:1px solid #f5f4c0; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; 
	margin:10px 20px 0;
	}

.boite .entete
	{
	border:1px solid #b6b54b; border-top-left-radius:5px; -moz-border-top-left-radius:5px; -webkit-border-top-left-radius:5px; -o-border-top-left-radius:5px; border-top-right-radius:5px; -moz-border-top-right-radius:5px; -webkit-border-top-right-radius:5px; -o-border-top-right-radius:5px; 
	box-shadow:1px 1px 2px rgba(183, 181, 75, 0.9) inset; -moz-box-shadow:1px 1px 2px rgba(183, 181, 75, 0.9) inset; -webkit-box-shadow:1px 1px 2px rgba(183, 181, 75, 0.9) inset; -o-box-shadow:1px 1px 2px rgba(183, 181, 75, 0.9) inset;
	background:rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(182, 181, 75, 1) 0px, rgba(200, 199, 99, 1) 1px, rgba(212, 212, 117, 1) 2px, rgba(218, 217, 123, 1) 3px, rgba(218, 217, 123, 1) 38%, rgba(215, 214, 121, 1) 41%, rgba(215, 214, 121, 1) 48%, rgba(213, 212, 116, 1) 52%, rgba(211, 210, 115, 1) 69%, rgba(206, 206, 108, 1) 79%, rgba(206, 206, 108, 1) 86%, rgba(204, 204, 102, 1) 90%, rgba(202, 200, 101, 1) 100%) repeat scroll 0 0;
	}

.boite .entete .titre
	{
	text-align:center;font-weight:bold;letter-spacing:5px;font-size:20px;color:darkgreen;
	}

.boite .inner
	{
	padding:5px;
	}

	

.help {position:relative;}
.bulle {display:none; position:absolute; top:8px; left:8px; background:#E6E5AA; border:2px solid #F2F1D3; z-index:1000;}
.help:hover .bulle {display: block;}
.infos {margin:10px 2px 2px; text-align:center;}