/* PLUME CMS Style Sheets for 1.2 version */

html
{
	margin: 0px;
	padding: 0px;
}
body
{
	width: 800px;
	margin: auto auto auto auto;
	text-align: left;
	background: url(img/fond.png) repeat-x top left;
	font-size: small;
	scrollbar-face-color: #FFCCFF; 
        scrollbar-shadow-color: #000000;
        scrollbar-highlight-color: #000000;
        scrollbar-3dlight-color: #000000;
        scrollbar-darkshadow-color: #000000;
        scrollbar-track-color: #000000;
        scrollbar-arrow-color: #000000;
}
a img{
	border: none;
}
#easy-access{
	margin: 0px;
	padding-bottom: 5px;
	
}
#easy-access a{
	color: #FFFFFF;
	text-decoration: none;
}
#easy-access a:hover{
	color: #C71585;
}
#entete
{
	margin: 0px;
	padding: 0px;
	text-align: right;
	background: url(img/radio.png) no-repeat top center;
	font: .9em "Trebuchet MS", Lucida, Arial, Geneva, "Lucida Grande", Tahoma, Helvetica, sans-serif;
	height: 206px;
}
#entete a {
	text-decoration: none;
	text-align: right;
	color: white;
	font-family: "Trebuchet MS", helvetica, sans-serif;
	font-size: 24px;
}
#menu{
	margin: 0px;
	float:left;
	width: 210px;
	background-color: white;
}
#menu h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	text-transform: uppercase;
	text-align: left;
	border-bottom: 1px solid #663366;
	margin: 0px;
}
#menu ul{
	list-style: none;
	margin: 0px;
	padding-left: 0px;
	margin-left: 0px;	
}
#menu li{
	list-style-position: outside;
	font-size: medium;
	height: 22px;
	display:block;
}
#menu li:hover{
	list-style:none;	
	background-color: #663366;
	background-image: none;
	color: white;
	display: block;
}
#menu a{
	background-image: url(img/carre.png);
	background-position: left;
	background-repeat: no-repeat;
	text-decoration: none;
	padding-left: 27px;	
	font-family: "Trebuchet MS", helvetica, sans-serif;
	margin: 0px;
	color: black;
	display:block;
}
#menu a:hover{
	list-style:none;
	background-color: #663366;
	color: white;
}
#menu fieldset{
	border: none;
}
#menu input{
	border: 1px solid #663366;
}
#menu input:focus{
background-color: #FFCCE6;
}
#menu input.bouton {
border:1px solid #663366;
cursor:pointer;
}
#menu input.bouton:hover {
background-color:#663366;
color:white;
}
#menu input.bouton:active {

color:black;
}
#contenu{
	width: 380px;
	display:block;
	float: left;
	border-left: 1px solid #663366;
	border-right: 1px solid #663366;
	background-color: white;
}
#contenu1{
	width: 588px;
	display:block;
	float: left;
	border-left: 1px solid #663366;
	background-color: white;
}
#contenu h2, #contenu1 h2 {
	margin-top: 15px;
	padding-top: 5px;
	padding-left: 3px;
	margin-bottom: 0px;
	background-image: url(img/h1h1.png);
	background-repeat: repeat-x;
   background-position: top;
	background-position: left;
	text-transform: uppercase;
	font-size: medium;
	font-family: Arial, Helvetica, sans-serif;
	clear: both;
}
#contenu h3, #contenu1 h3, #contenu h3 a, #contenu1 h3 a {
	margin-top: 15px;
	padding-top: 5px;
	padding-bottom: 24px;
	padding-left: 15px;
	margin-bottom: 0px;
	background-image: url(img/h3.png);
	background-repeat: repeat-x;
   background-position: top;
	background-position: left;
	text-transform: uppercase;
	font-size: medium;
	font-family: Arial, Helvetica, sans-serif;
	clear: both;
	text-decoration: none;
}
#contenu p, #contenu1 p {
	text-align: justify;
	padding-right: 5px;
	font-family: "Trebuchet MS", helvetica, sans-serif;
	padding-left: 3px;
}
.droite1{
	display: block;
	text-align: right;
	padding-right: 5px;
	font-family: "Trebuchet MS", helvetica, sans-serif;
	font-weight: bolder;
}
#contenu h2 a, .droite1 a, .date a, #contenu1 h2 a {
	text-decoration: none;
	color: #7B007B;
}
#contenu h2 a:hover, .droite1 a:hover, .date a:hover, #contenu1 h2 a:hover{
	text-decoration: none;
	color: #C900CA;

}
#contenu img, #contenu1 img 
	{
	padding: 3px;
	margin: 3px 5px 0 0;
	float: left;
	display: block;
	
	padding: 5px;
	
	float: left;
	display: block;
}
.date{
	list-style: none;
	text-decoration : none;
	text-align: right;
	font-size: small;
	background-image: url(img/h1b1.png);
	background-repeat: repeat-x;
	background-position: bottom;
	background-position: left;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bolder;
	clear: both;
	padding-top:4px;
}
div#footer{
	clear: both;
	border-top: 1px solid #663366;	
	text-align: center;
}
#droite{
	margin: 0px;
	float: right;
	width: 208px;
	background-color: white;
}
#droite h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	text-transform: uppercase;
	text-align: right;
	border-bottom: 1px solid #663366;
	margin: 0px;
}
#droite ul{
	list-style: none;
	margin: 0px;
	padding-left: 0px;
	margin-left: 0px;
	text-align: right;	
}
#droite li{
	list-style-position: outside;
	font-size: medium;
	height: 22px;
	display:block;
	
}
#droite li:hover{
	list-style:none;	
	background-color: #663366;
	background-image: none;
	
	display: block;
}
#droite a{
	background-image: url(img/carre.png);
	background-position: right;
	background-repeat: no-repeat;
	text-decoration: none;
	padding-right : 27px;
	font-family: "Trebuchet MS", helvetica, sans-serif;
	margin: 0px;
	color: black;
	display:block;
}
#droite a:hover{
	list-style:none;
	background-color: #663366;
	color: white;
}
#soutien{
	border: none;
	text-decoration: none;
	text-align: center; 
}
#soutien a{
border: none;
	background-image: none;
	text-decoration: none;
	color: white;
}
#soutien a:hover{
	background-image : none;
	color: white;
}
#conforme{
	text-decoration: none;
	text-align: right; 
}
#conforme a{
border: none;
	text-decoration: none;
	color: white;
}
#conforme a:hover{
	text-decoration: none;
	background-image : none;
	background-color: #663366;
}
.tree
{
	margin: 0px 4px 0 4px;
	padding-left: 4px;
	padding-right:4px;
	color: #6887A4;
	font-weight: bolder;
	text-decoration: none;
}

.tree a, a{
	color : #8B008B;
	text-decoration: none;
}
.tree a:hover, a:hover{
	color : #C900CA;
	text-decoration: none;
}
.tree li
{
	display: inline;
	list-style-type: none;
	padding-left :4px;
	padding-right :4px;
	text-decoration: none;
}
ol.tree li:before
{
	content: ' \00bb  ';
}
/*CSS original plume 1.2.2*/
form.px-comment label, #contenu1 label
{
	float: left;
	display: block;
	width: 100px; 
	
}
fieldset
{
	border: none;
}
.px-comment h3
{
	font-weight: normal;margin-top: 15px;
	padding-top: 5px;
	padding-left: 3px;
	margin-bottom: 0px;
	text-transform: uppercase;
	font-size: medium;
	font-family: Arial, Helvetica, sans-serif;
	clear: both;
	
}
.px-comment input, .px-comment textarea, #contenu1 input{
	border: 1px solid #663366;
}
.px-comment{
	background-color: #FFF0FF;
}
.px-comment fielset{
	background: #FFF0FF;
}
.px-comment input:focus, .px-comment textarea:focus, #contenu1 textarea:focus{
background-color: #E6CCFF;
}

.px-comment input.bouton, #contenu1 input.bouton {
border:1px solid #663366;
cursor:pointer;
}
.px-comment input.bouton:hover, #contenu1 input.bouton:hover {
background-color:#663366;
color:white;
}
.px-comment input.bouton:active {

color:black;
}
#contenu1 input.bouton:active {
color:black;
}
.px-comment-add
{
	padding-bottom: 4px;
	font-variant: small-caps;
}

form.px-comment submit
{
	margin:0;
	text-align: right;
}

.px-comment-error
{
	padding-bottom: 10px;
	width: 80%;
}

.px-comment-error ul
{
	padding-top: 6px;
}

.px-comment-error li
{
	color: red;
	list-style-type: none;
	background: url("img/errmsg.gif") 0% 50% no-repeat;
	padding-left: 20px;
}

.px-comment-preview
{
	padding: 0 20px 10px 40px;
	font-style: italic;
	color: #999;
	background: url("img/comment-preview.png") 0% 0% no-repeat;
}

.px-comment-validation
{
	padding-left: 16px;
	font-style: italic; 
	color: #999;
	background: url("img/comment-validation.gif") 0% 50% no-repeat;
}

span.px-comment-required-email
{
	font-size: 90%;
	font-style: italic;
	color: #666;
}