/* 
            **********************         CSS NOÏS         **********************
*/

* {
	padding:0;
	margin:0;
	border:none;
	font-family:Arial, Helvetica, sans-serif;
}
body {
	padding:0;
	margin:20px auto 250px auto;
	//background-color:#335499;
	background-color:#605681;
	
	/*	background-image: url(../images/fond_ciel.gif);
	background-position:top;
	background-repeat:repeat-x;
	background-attachment:fixed;*/
	font-size:10pt;
}

#decor {
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	height:245px;
	background:url(../images/decor_tome3.jpg) bottom right repeat-x;
}

#sapins1 {
	position:fixed;
	bottom:0;
	right:18px;
	width:250px;
	height:245px;
	background:url(../images/sapins_noel_02.gif);
}
#sapins2 {
	position:fixed;
	bottom:0;
	right:562px;
	width:250px;
	height:245px;
	background:url(../images/sapins_noel_03.gif) bottom no-repeat;
}

#conteneurExterne {
	position:relative;
	width:1004px;
	margin: auto;
	padding:0;
	text-align:center;
}
#conteneur {
	margin: 0 auto;
	padding:0 20px 0 20px;
	text-align:center;
	background-image:url(../images/fond_tint.png);
	overflow:auto;
}


#haut {
	height:200px;
	margin-bottom:20px;
	background-image:url(../images/bandeau.png);
}
#gauche {
	width:200px;
	/*height:810px;*/
	float:left;
	background-image:url(../images/fond_menu.png);
}


#bodymiddle {
	width:514px;
	padding:0 20px;
	float:left;
}

#message {background-color:#099;}
#component {
	background-color:white;
	text-align:justify;
	padding:0 20px;
	//	background-color:#5F9936;
	min-height: 360px;
	}


#droitExterne {
	clear:right;
	width:210px;
	float:right;
}
#droit {
	background-color: white;
	padding:0 20px;
	text-align:left;
	font-size: 10pt;
	color:white;
	background-color:#5F9936
}


#footerExterne {
	position:relative;
	margin:20px auto;
	width:1004px;
}
#footer {
	background-color: #335499;
	text-align:center;
	font-size:10pt;
	color:white;
}



/*
            Styles et pseudo classes
*/
p { 	padding-top:0.6em;}
#haut p {padding:0; }

h3 {
	text-align:center;
	background-image: url(../images/decoration.png);
	background-position:bottom;
	background-repeat:no-repeat;
	height:48px;
	color:#060;
	text-transform:uppercase;
	}
#droit h3, #droit a, #droit em {color:#ffcc00;}

.contentheading {
	/*display:block;*/
	color:#060;
	/*width:100%;*/
	/*text-align:right;*/
	text-align:left;
	font-weight:bold;
	border-bottom:#060 solid 1px;
	background-image:url(../images/noisettes.png);
	background-repeat:no-repeat;
	padding-left:60px;
	height:24px;
	}

/*#component .contentheading {
	color:#E9C73F;
	border-bottom:#E9C73F solid 1px;
	}*/
#droit .contentheading {
	color:#E9C73F;
	border-bottom:#E9C73F solid 1px;
	}



.componentheading {
	font-size:24pt;
	height: 51px;
	text-align:right;
	text-transform:uppercase;
	/*background-image:url(../images/decoration.png);
	background-repeat:no-repeat;
	background-position:bottom right;*/
	color:#8DAED5;
}


.article_separator {
	width:100%;
	height:20px;
	display:block;
	border-top:solid 1px #5F9936;
	background:url(../images/noisettes.png) no-repeat bottom right;
	margin:10px 0 30px 0;
}



.caption {
	color:#060;
	font-size:10pt;
}

.vert { 
	color:#5F9936;
	font-weight:bold;
	 }
	 
.gauche {
	float:left;
	margin:0 10px 10px 0;
}
.droite {
	float:right;
	margin:0 0 10px 10px;
}

#footer a {
	color: white;
	font-weight: bold;
	}

div.box {
	width:190px;
	height:190px;
	float:left;
	margin:10px 20px 10px 0;
	//	border:solid 1px green;
	padding:10px;
	background:url(../images/box.jpg);
}

/*	galeries	*/
div.thumbnail .galerie {
	width:150px;
	float: left;
	margin: 5px 0 0 5px;
	}

/*
     Styles du Menu
*/
.menu {	/*background-color:#fff;*/}
.menu li {
	list-style:none;
	color:black;
	margin-bottom:10px;
	

}
.menu li a {
	color:white;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
	text-align:right;
	height:20px;
	padding:20px 10px 0 0;
	
		font-size:13pt;


	height:36px;
	padding:4px 10px 0 0;

	background-image: url(../images/boutons.png);
	display:block;
}
/*
.menu li.item13 a {	background-position: 0px -50px;	}
.menu li.item15 a {	background-position: 0px -100px;	}
.menu li.item16 a {	background-position: 0px -150px;	}
.menu li.item17 a {	background-position: 0px -200px;	}
.menu li.item18 a {	background-position: 0px -250px;	}
.menu li.item19 a {	background-position: 0px -300px;	}
.menu li.item20 a {	background-position: 0px -350px;	}
.menu li.item21 a {	background-position: 0px -400px;	}
.menu li.item22 a {	background-position: 0px -450px;	}
.menu li.item23 a {	background-position: 0px -500px;	}*/

/* patch pour présentation en 1 menu avec séparateur */
	.menu li.item12 a {	background-position: 0px 0px;	}
	.menu li.item13 a {	background-position: 0px -50px;	}
	.menu li.item14 a {	background-position: 0px -100px;	}
	.menu li.item17 a {	background-position: 0px -150px;	}
	.menu li.item24 a {	background-position: 0px -200px;	}
	.menu li.item26 a {	background-position: 0px -250px;	}
	.menu li.item27 a {	background-position: 0px -300px;	}
	.menu li.item18 a {	background-position: 0px -350px;	}
	.menu li.item19 a {	background-position: 0px -400px;	}
	.menu li.item20 a {	background-position: 0px -450px;	}
	.menu li.item21 a {	background-position: 0px -500px;	}
	/*.menu li.item14 {//margin-top:50px;}
	.separator {text-align:left;}*/


.menu li a:hover,
.menu li.active a {
	color:#060;
	background-position:bottom;
}




/* 
             Coins arrondis
*/

/* version tint */
.coin1tint {background-image:url(../images/coin1t.png);}
.coin2tint {background-image:url(../images/coin2t.png);}
.coin3tint {background-image:url(../images/coin3t.png);}
.coin4tint {background-image:url(../images/coin4t.png);}
.borduretint {background-image:url(../images/fond_tint.png);}
/* version blanc pur*/
.coin1 {background-image:url(../images/coin1.png);}
.coin2 {background-image:url(../images/coin2.png);}
.coin3 {background-image:url(../images/coin3.png);}
.coin4 {background-image:url(../images/coin4.png);}
.bordure {background-color:#FFFFFF;}
/* version bleu */
.coin1bleu {background-image:url(../images/coin1bleu.png);}
.coin2bleu {background-image:url(../images/coin2bleu.png);}
.coin3bleu {background-image:url(../images/coin3bleu.png);}
.coin4bleu {background-image:url(../images/coin4bleu.png);}
.bordurebleu {background-color:#335499;}
/* version vert */
.coin1vert {background-image:url(../images/coin1vert.png);}
.coin2vert {background-image:url(../images/coin2vert.png);}
.coin3vert {background-image:url(../images/coin3vert.png);}
.coin4vert {background-image:url(../images/coin4vert.png);}
.bordurevert {background-color:#5F9936;}